efficient-storefront-blocks 0.11.0 → 0.13.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 +60 -0
- package/dist/chunks/{EditorPreviewCheckout-J27HMNBW.js → EditorPreviewCheckout-D2J57RZY.js} +1 -1
- package/dist/chunks/PreviewFooter-WL76Z4NK.js +1 -0
- package/dist/chunks/SectionEditorShell-U3CXCPYO.js +1 -0
- package/dist/chunks/SiteEditorProvider-5HGJJCOZ.js +1 -0
- package/dist/chunks/chunk-BAXOL3AI.js +1 -0
- package/dist/chunks/chunk-I5J42GI3.js +16 -0
- package/dist/chunks/chunk-MSHAAJSK.js +230 -0
- package/dist/chunks/chunk-NQIIJI3Z.js +1 -0
- package/dist/chunks/chunk-QL3UVEEM.js +1 -0
- package/dist/chunks/chunk-R2JQPRJX.js +1 -0
- package/dist/chunks/chunk-XNYKOAQ3.js +153 -0
- package/dist/chunks/fitment-data-3PTG4BJX.js +1 -0
- package/dist/chunks/render-client-DYF6CWVJ.js +1 -0
- package/dist/contract.js +1 -1
- package/dist/editor.css +1 -1
- package/dist/index.js +881 -1742
- package/dist/links.d.ts +59 -0
- package/dist/links.js +1 -1
- package/package.json +2 -2
- package/dist/chunks/PreviewFooter-BMBCVZQC.js +0 -1
- package/dist/chunks/SectionEditorShell-K4OEOAY4.js +0 -1
- package/dist/chunks/SiteEditorProvider-ECGZVKLG.js +0 -1
- package/dist/chunks/StorefrontEditorChrome-T6DTL7T7.js +0 -1
- package/dist/chunks/chunk-3J4FEDNZ.js +0 -2
- package/dist/chunks/chunk-6CP4D6VJ.js +0 -1
- package/dist/chunks/chunk-6XRKNA2E.js +0 -1
- package/dist/chunks/chunk-C2CHF6AL.js +0 -15
- package/dist/chunks/chunk-ENDWECYV.js +0 -1
- package/dist/chunks/chunk-HVOO2GNE.js +0 -1
- package/dist/chunks/chunk-MYSIADXX.js +0 -1
- package/dist/chunks/chunk-NJXX5BI2.js +0 -1
- package/dist/chunks/chunk-RRHBLOH4.js +0 -1
- package/dist/chunks/chunk-TGIEMCNA.js +0 -1
- package/dist/chunks/chunk-THATLL5Z.js +0 -230
- package/dist/chunks/chunk-TOY67YUY.js +0 -153
- package/dist/chunks/chunk-UBWM4USZ.js +0 -1
- package/dist/chunks/fitment-data-BXI7KQRZ.js +0 -1
- package/dist/chunks/render-client-UQ5CUPRL.js +0 -1
- /package/dist/chunks/{chunk-C2CHF6AL.js.LEGAL.txt → chunk-I5J42GI3.js.LEGAL.txt} +0 -0
- /package/dist/chunks/{chunk-TOY67YUY.js.LEGAL.txt → chunk-XNYKOAQ3.js.LEGAL.txt} +0 -0
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import{A as Tw,C as Ew,D as N4,E as Vw,F as Yo,G as ha,H as U6,J as Xo,K as Bh,T as Nw,U as _w,a as B1,d as I1,e as Iz,f as W1,g as Z1,i as Oy,k as Ky,m as $y,n as Eh,p as Zo,q as z4,r as Do,s as W6,t as t4,u as jy,w as Yy}from"./chunk-3J4FEDNZ.js";import{a as ck}from"./chunk-6XRKNA2E.js";import{$ as Fz,$a as Wz,$b as P0,$c as uo,$d as zo,$e as L1,$f as G9,$g as _0,A as kz,Aa as Xc,Ac as ho,Ad as xh,Af as ia,Ah as X9,B as Cz,Ba as ih,Bb as ix,Bc as Bx,Bf as Fy,Bh as yw,C as Mz,Cb as nx,Cc as Rx,Cd as p5,Ce as vy,Cf as g5,Cg as Xy,Ch as ww,D as lh,Db as hx,Dd as ey,De as R3,Df as v5,Dh as na,E as Sz,Ea as Gz,Eb as so,Ed as ty,Ee as N9,Ef as Ty,Eh as kw,F as Lz,Fa as h2,Fb as mx,Fd as ay,Fe as Z6,Ff as Py,Fh as Cw,Gb as px,Gc as t8,Gd as yh,Ge as _9,Gf as s1,Gh as Mw,Hb as ux,Hc as Ix,He as fy,Hf as Ey,Hg as Jy,Hh as jo,I as qc,Ia as S2,Ib as M9,Ic as Zx,Id as Y2,Ie as by,If as f5,Ig as Qy,Ih as Sw,Ja as e1,Jb as R6,Jc as A9,Jd as T9,Je as zy,Jf as Z9,Jg as o8,Jh as Lw,Ka as qz,Kb as dx,Kc as Dx,Ke as ko,Kf as Q5,Kg as Oo,Lb as ca,Lc as H9,Ld as Q3,Le as D6,Lf as Vy,Lg as l8,Lh as Aw,Mc as F9,Md as e4,Me as ra,Mf as Fo,Mh as J9,Nb as gx,Nc as Ox,Nd as X5,Ne as O6,Nf as g1,Ng as ew,Nh as Hw,Oc as Gx,Od as a8,Of as D9,Og as tw,Pc as po,Pd as P9,Pe as s8,Pf as t2,Pg as aw,Ph as Fw,Qb as vx,Qd as E9,Qe as xy,Qg as sw,Qh as _h,R as Az,Rb as fx,Rd as I6,Rf as To,Rg as Go,Rh as Pw,Sb as bx,Sd as fo,Se as B9,Sf as f1,Sg as qo,Tb as zx,Te as X2,Tg as cw,Ub as xx,Ud as sy,Uf as D1,Ug as ow,Va as j5,Vb as yx,Vd as bo,Ve as R9,Vf as Po,Vg as Wo,Vh as Zw,W as Hz,Wa as Q7,Wb as wx,Wd as V9,We as Co,Wf as Ph,Wg as lw,Wh as Dw,Xa as aa,Xb as co,Xd as B3,Xe as H,Xf as L2,Xg as r8,Xh as Ow,Ya as Y5,Yb as oo,Yd as cy,Ye as R,Yg as Y1,Yh as Gw,Zb as vh,Zc as qx,Zd as oy,Ze as Z,Zg as e6,_b as B2,_c as Wx,_d as wh,_e as d1,_f as O9,_g as k,a as oz,aa as Tz,ac as kx,ad as Ux,ae as ly,af as P1,ag as Eo,ah as j,b as Oc,ba as Pz,bc as lo,bd as Kx,be as ry,bg as q6,bh as u0,c as lz,ca as Ez,cc as e8,ce as xo,cg as Ny,ch as rw,d as ta,da as rh,db as nh,dc as ro,de as kh,df as Th,dg as _y,dh as iw,ea as Vz,eb as hh,ee as iy,ef as b,eh as nw,f as rz,fa as Nz,fc as io,fe as Ch,ff as d5,fg as c8,fh as hw,g as f9,ga as Wc,gb as Uz,gc as fh,ge as ny,gf as yy,gg as q9,gh as mw,ha as Uc,hc as Cx,he as Mh,hf as t0,hg as W9,hh as pw,ia as _z,ic as bh,ie as la,if as wy,ig as U9,ih as uw,j as iz,ja as Bz,jc as h5,jd as $x,je as Sh,jf as I9,jg as K9,jh as dw,k as nz,ka as Rz,kc as Mx,kd as go,ke as Lh,kf as G6,kg as By,kh as gw,la as z9,lc as S9,le as Ah,lf as Mo,lg as Ry,lh as vw,ma as x9,mc as Sx,me as Hh,mg as Iy,mh as fw,n as i0,na as Kc,nb as k9,nc as Lx,ne as Fh,nf as t1,ng as Vo,nh as bw,o as Gc,oc as Ax,oe as hy,of as I3,oh as t6,p as oh,pc as Hx,pe as J5,pf as ky,pg as No,ph as a6,q as uz,qc as Fx,qd as vo,qe as my,qf as So,qg as Zy,qh as j9,r as dz,rc as Tx,rd as jx,re as u5,rf as Cy,rg as Dy,rh as Y9,s as gz,sb as C9,sc as Px,se as py,sf as My,sg as $9,sh as zw,t as vz,ta as _2,tb as Kz,tc as Ex,td as m5,te as yo,tf as Lo,th as Uo,u as fz,ub as $z,uc as Vx,ud as Yx,ue as wo,uf as Ao,v as bz,va as Oz,vb as jz,vc as Nx,vd as Xx,ve as uy,vf as Ho,vg as Gy,vh as Vh,w as zz,wa as w9,wb as Yz,wc as no,wd as j2,we as dy,wf as Sy,wh as xw,x as xz,xb as mh,xc as L9,xd as Jx,xe as gy,xf as Ly,xh as Nh,y as yz,ya as Yc,yb as dh,yc as _x,yd as J3,yf as Ay,yg as Io,yh as Ko,z as wz,zb as gh,zc as zh,zd as Qx,zf as Hy,zh as $o}from"./chunk-C2CHF6AL.js";import{b as b4}from"./chunk-HVOO2GNE.js";import{$ as nk,A as oe,B as cl,C as ak,D as le,E as sk,H as ol,I as n0,K as Zh,L as ll,M as a4,N as rl,R as J6,S as ok,T as lk,U as rk,V as re,W as ie,X as ne,Y as pa,Z as ik,_ as he,a as jw,aa as hk,ba as mk,ca as n8,da as I2,e as j6,ea as h8,f as Qo,fa as pk,g as Yw,ga as Dh,h as Xw,i as Rh,j as Jw,k as Qw,l as el,m as te,n as Ih,p as R2,q as Y6,r as tl,s as ae,t as se,u as al,v as X6,w as sl,x as ek,y as tk,z as ce}from"./chunk-TGIEMCNA.js";import{d as ma,e as K6,g as l2,h as Jo,i as _4,j as qw,k as Ww,l as $6,m as Uw,n as Kw,s as Q9,t as m0,u as i8,v as $w,w as ee,x as X1}from"./chunk-UBWM4USZ.js";import{c as Bw}from"./chunk-RRHBLOH4.js";import{$ as Qz,G as Xz,Ga as rx,J as Jz,Ja as oa,Ka as mo,L as sa,M as Jc,Ma as _3,Na as _o,O as Qc,Pa as Bo,R as eo,Ra as qy,Sa as Wy,T as to,Ta as Uy,U as ph,Ua as Ro,_ as ao,a as N3,b as hz,c as C1,ca as ex,da as tx,fa as uh,i as n5,j as y9,k as $c,l as Zz,m as Dz,q as jc,sa as ax,ta as sx,ua as cx,va as ox,ya as lx}from"./chunk-ENDWECYV.js";import{a as tz,c as az,d as sz,i as ea,l as cz,m as M2,n as mz,o as b9,p as pz,q as X3,t as Rw,u as J2,v as Iw}from"./chunk-6CP4D6VJ.js";import{a as iD,b as nD}from"./chunk-Y6SLVHK3.js";var hT=iD((IM1,nT)=>{"use strict";function UF(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 YY(e){if(Array.isArray(e))return e}function XY(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 JY(){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 QY(e,t){return YY(e)||XY(e,t)||eX(e,t)||JY()}function eX(e,t){if(e){if(typeof e=="string")return UF(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)?UF(e,t):void 0}}var lT=Object.entries,KF=Object.setPrototypeOf,tX=Object.isFrozen,aX=Object.getPrototypeOf,sX=Object.getOwnPropertyDescriptor,o3=Object.freeze,l3=Object.seal,st=Object.create,rT=typeof Reflect<"u"&&Reflect,dd=rT.apply,gd=rT.construct;o3||(o3=function(t){return t});l3||(l3=function(t){return t});dd||(dd=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)});gd||(gd=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 fs=w2(Array.prototype.forEach),cX=w2(Array.prototype.lastIndexOf),$F=w2(Array.prototype.pop),at=w2(Array.prototype.push),oX=w2(Array.prototype.splice),S7=Array.isArray,xs=w2(String.prototype.toLowerCase),nd=w2(String.prototype.toString),jF=w2(String.prototype.match),bs=w2(String.prototype.replace),YF=w2(String.prototype.indexOf),lX=w2(String.prototype.trim),rX=w2(Number.prototype.toString),iX=w2(Boolean.prototype.toString),XF=typeof BigInt>"u"?null:w2(BigInt.prototype.toString),JF=typeof Symbol>"u"?null:w2(Symbol.prototype.toString),G2=w2(Object.prototype.hasOwnProperty),zs=w2(Object.prototype.toString),c3=w2(RegExp.prototype.test),D8=nX(TypeError);function w2(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 dd(e,t,s)}}function nX(e){return function(){for(var t=arguments.length,a=new Array(t),s=0;s<t;s++)a[s]=arguments[s];return gd(e,a)}}function g0(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:xs;if(KF&&KF(e,null),!S7(t))return e;let s=t.length;for(;s--;){let c=t[s];if(typeof c=="string"){let o=a(c);o!==c&&(tX(t)||(t[s]=o),c=o)}e[c]=!0}return e}function hX(e){for(let t=0;t<e.length;t++)G2(e,t)||(e[t]=null);return e}function A3(e){let t=st(null);for(let s of lT(e)){var a=QY(s,2);let c=a[0],o=a[1];G2(e,c)&&(S7(o)?t[c]=hX(o):o&&typeof o=="object"&&o.constructor===Object?t[c]=A3(o):t[c]=o)}return t}function mX(e){switch(typeof e){case"string":return e;case"number":return rX(e);case"boolean":return iX(e);case"bigint":return XF?XF(e):"0";case"symbol":return JF?JF(e):"Symbol()";case"undefined":return zs(e);case"function":case"object":{if(e===null)return zs(e);let t=e,a=L5(t,"toString");if(typeof a=="function"){let s=a(t);return typeof s=="string"?s:zs(s)}return zs(e)}default:return zs(e)}}function L5(e,t){for(;e!==null;){let s=sX(e,t);if(s){if(s.get)return w2(s.get);if(typeof s.value=="function")return w2(s.value)}e=aX(e)}function a(){return null}return a}function pX(e){try{return c3(e,""),!0}catch{return!1}}var QF=o3(["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"]),hd=o3(["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"]),md=o3(["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"]),uX=o3(["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"]),pd=o3(["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"]),dX=o3(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),eT=o3(["#text"]),tT=o3(["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"]),ud=o3(["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"]),aT=o3(["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"]),Qr=o3(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),gX=l3(/{{[\w\W]*|^[\w\W]*}}/g),vX=l3(/<%[\w\W]*|^[\w\W]*%>/g),fX=l3(/\${[\w\W]*/g),bX=l3(/^data-[\-\w.\u00B7-\uFFFF]+$/),zX=l3(/^aria-[\-\w]+$/),sT=l3(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),xX=l3(/^(?:\w+script|data):/i),yX=l3(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),wX=l3(/^html$/i),kX=l3(/^[a-z][.\w]*(-[.\w]+)+$/i),cT=l3(/<[/\w!]/g),CX=l3(/<[/\w]/g),MX=l3(/<\/no(script|embed|frames)/i),SX=l3(/\/>/i),S5={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,processingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},LX=function(){return typeof window>"u"?null:window},AX=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}},oT=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},M7=function(t,a,s,c){return G2(t,a)&&S7(t[a])?g0(c.base?A3(c.base):{},t[a],c.transform):s};function iT(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:LX(),t=h1=>iT(h1);if(t.version="3.4.11",t.removed=[],!e||!e.document||e.document.nodeType!==S5.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=L5(p,"cloneNode"),g=L5(p,"remove"),d=L5(p,"nextSibling"),f=L5(p,"childNodes"),v=L5(p,"parentNode"),z=L5(p,"shadowRoot"),x=L5(p,"attributes"),w=l&&l.prototype?L5(l.prototype,"nodeType"):null,C=l&&l.prototype?L5(l.prototype,"nodeName"):null;if(typeof o=="function"){let h1=a.createElement("template");h1.content&&h1.content.ownerDocument&&(a=h1.content.ownerDocument)}let A,E="",V,q=!1,F=0,T=function(){if(F>0)throw D8('A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the "DOMPurify and Trusted Types" section of the README.')},N=function(M){T(),F++;try{return A.createHTML(M)}finally{F--}},I=function(M){T(),F++;try{return A.createScriptURL(M)}finally{F--}},P=function(){return q||(V=AX(m,c),q=!0),V},D=a,a1=D.implementation,B=D.createNodeIterator,U=D.createDocumentFragment,Y=D.getElementsByTagName,W=s.importNode,Q=oT();t.isSupported=typeof lT=="function"&&typeof v=="function"&&a1&&a1.createHTMLDocument!==void 0;let b1=gX,X=vX,v1=fX,G1=bX,G=zX,o1=xX,u1=yX,A0=kX,w0=sT,p1=null,e0=g0({},[...QF,...hd,...md,...pd,...eT]),M1=null,z2=g0({},[...tT,...ud,...aT,...Qr]),a0=Object.seal(st(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}})),p2=null,V2=null,f0=Object.seal(st(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),m1=!0,q1=!0,H0=!1,F0=!0,c0=!1,q0=!0,$=!1,S1=!1,b0=null,Y0=null,U5=!1,o5=!1,N6=!1,K5=!1,d4=!0,d9=!1,Y7="user-content-",n3=!0,X7=!1,l5={},e2=null,V3=g0({},["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"]),r5=null,g4=g0({},["audio","video","img","source","image","track"]),i5=null,v4=g0({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Y3="http://www.w3.org/1998/Math/MathML",w1="http://www.w3.org/2000/svg",$1="http://www.w3.org/1999/xhtml",k3=$1,_6=!1,N1=null,C3=g0({},[Y3,w1,$1],nd),h3=o3(["mi","mo","mn","ms","mtext"]),Xt=g0({},h3),Rc=o3(["annotation-xml"]),eh=g0({},Rc),KZ=g0({},["title","style","font","a","script"]),Jt=null,$Z=["application/xhtml+xml","text/html"],jZ="text/html",n2=null,g9=null,YZ=a.createElement("form"),Wb=function(M){return M instanceof RegExp||M instanceof Function},th=function(){let M=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(g9&&g9===M)return;(!M||typeof M!="object")&&(M={}),M=A3(M),Jt=$Z.indexOf(M.PARSER_MEDIA_TYPE)===-1?jZ:M.PARSER_MEDIA_TYPE,n2=Jt==="application/xhtml+xml"?nd:xs,p1=M7(M,"ALLOWED_TAGS",e0,{transform:n2}),M1=M7(M,"ALLOWED_ATTR",z2,{transform:n2}),N1=M7(M,"ALLOWED_NAMESPACES",C3,{transform:nd}),i5=M7(M,"ADD_URI_SAFE_ATTR",v4,{transform:n2,base:v4}),r5=M7(M,"ADD_DATA_URI_TAGS",g4,{transform:n2,base:g4}),e2=M7(M,"FORBID_CONTENTS",V3,{transform:n2}),p2=M7(M,"FORBID_TAGS",A3({}),{transform:n2}),V2=M7(M,"FORBID_ATTR",A3({}),{transform:n2}),l5=G2(M,"USE_PROFILES")?M.USE_PROFILES&&typeof M.USE_PROFILES=="object"?A3(M.USE_PROFILES):M.USE_PROFILES:!1,m1=M.ALLOW_ARIA_ATTR!==!1,q1=M.ALLOW_DATA_ATTR!==!1,H0=M.ALLOW_UNKNOWN_PROTOCOLS||!1,F0=M.ALLOW_SELF_CLOSE_IN_ATTR!==!1,c0=M.SAFE_FOR_TEMPLATES||!1,q0=M.SAFE_FOR_XML!==!1,$=M.WHOLE_DOCUMENT||!1,o5=M.RETURN_DOM||!1,N6=M.RETURN_DOM_FRAGMENT||!1,K5=M.RETURN_TRUSTED_TYPE||!1,U5=M.FORCE_BODY||!1,d4=M.SANITIZE_DOM!==!1,d9=M.SANITIZE_NAMED_PROPS||!1,n3=M.KEEP_CONTENT!==!1,X7=M.IN_PLACE||!1,w0=pX(M.ALLOWED_URI_REGEXP)?M.ALLOWED_URI_REGEXP:sT,k3=typeof M.NAMESPACE=="string"?M.NAMESPACE:$1,Xt=G2(M,"MATHML_TEXT_INTEGRATION_POINTS")&&M.MATHML_TEXT_INTEGRATION_POINTS&&typeof M.MATHML_TEXT_INTEGRATION_POINTS=="object"?A3(M.MATHML_TEXT_INTEGRATION_POINTS):g0({},h3),eh=G2(M,"HTML_INTEGRATION_POINTS")&&M.HTML_INTEGRATION_POINTS&&typeof M.HTML_INTEGRATION_POINTS=="object"?A3(M.HTML_INTEGRATION_POINTS):g0({},Rc);let O=G2(M,"CUSTOM_ELEMENT_HANDLING")&&M.CUSTOM_ELEMENT_HANDLING&&typeof M.CUSTOM_ELEMENT_HANDLING=="object"?A3(M.CUSTOM_ELEMENT_HANDLING):st(null);if(a0=st(null),G2(O,"tagNameCheck")&&Wb(O.tagNameCheck)&&(a0.tagNameCheck=O.tagNameCheck),G2(O,"attributeNameCheck")&&Wb(O.attributeNameCheck)&&(a0.attributeNameCheck=O.attributeNameCheck),G2(O,"allowCustomizedBuiltInElements")&&typeof O.allowCustomizedBuiltInElements=="boolean"&&(a0.allowCustomizedBuiltInElements=O.allowCustomizedBuiltInElements),l3(a0),c0&&(q1=!1),N6&&(o5=!0),l5&&(p1=g0({},eT),M1=st(null),l5.html===!0&&(g0(p1,QF),g0(M1,tT)),l5.svg===!0&&(g0(p1,hd),g0(M1,ud),g0(M1,Qr)),l5.svgFilters===!0&&(g0(p1,md),g0(M1,ud),g0(M1,Qr)),l5.mathMl===!0&&(g0(p1,pd),g0(M1,aT),g0(M1,Qr))),f0.tagCheck=null,f0.attributeCheck=null,G2(M,"ADD_TAGS")&&(typeof M.ADD_TAGS=="function"?f0.tagCheck=M.ADD_TAGS:S7(M.ADD_TAGS)&&(p1===e0&&(p1=A3(p1)),g0(p1,M.ADD_TAGS,n2))),G2(M,"ADD_ATTR")&&(typeof M.ADD_ATTR=="function"?f0.attributeCheck=M.ADD_ATTR:S7(M.ADD_ATTR)&&(M1===z2&&(M1=A3(M1)),g0(M1,M.ADD_ATTR,n2))),G2(M,"ADD_URI_SAFE_ATTR")&&S7(M.ADD_URI_SAFE_ATTR)&&g0(i5,M.ADD_URI_SAFE_ATTR,n2),G2(M,"FORBID_CONTENTS")&&S7(M.FORBID_CONTENTS)&&(e2===V3&&(e2=A3(e2)),g0(e2,M.FORBID_CONTENTS,n2)),G2(M,"ADD_FORBID_CONTENTS")&&S7(M.ADD_FORBID_CONTENTS)&&(e2===V3&&(e2=A3(e2)),g0(e2,M.ADD_FORBID_CONTENTS,n2)),n3&&(p1["#text"]=!0),$&&g0(p1,["html","head","body"]),p1.table&&(g0(p1,["tbody"]),delete p2.tbody),M.TRUSTED_TYPES_POLICY){if(typeof M.TRUSTED_TYPES_POLICY.createHTML!="function")throw D8('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof M.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw D8('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let i1=A;A=M.TRUSTED_TYPES_POLICY;try{E=N("")}catch(k1){throw A=i1,k1}}else M.TRUSTED_TYPES_POLICY===null?(A=void 0,E=""):(A===void 0&&(A=P()),A&&typeof E=="string"&&(E=N("")));o3&&o3(M),g9=M},Ub=g0({},[...hd,...md,...uX]),Kb=g0({},[...pd,...dX]),XZ=function(M,O,i1){return O.namespaceURI===$1?M==="svg":O.namespaceURI===Y3?M==="svg"&&(i1==="annotation-xml"||Xt[i1]):!!Ub[M]},JZ=function(M,O,i1){return O.namespaceURI===$1?M==="math":O.namespaceURI===w1?M==="math"&&eh[i1]:!!Kb[M]},QZ=function(M,O,i1){return O.namespaceURI===w1&&!eh[i1]||O.namespaceURI===Y3&&!Xt[i1]?!1:!Kb[M]&&(KZ[M]||!Ub[M])},eD=function(M){let O=v(M);(!O||!O.tagName)&&(O={namespaceURI:k3,tagName:"template"});let i1=xs(M.tagName),k1=xs(O.tagName);return N1[M.namespaceURI]?M.namespaceURI===w1?XZ(i1,O,k1):M.namespaceURI===Y3?JZ(i1,O,k1):M.namespaceURI===$1?QZ(i1,O,k1):!!(Jt==="application/xhtml+xml"&&N1[M.namespaceURI]):!1},B6=function(M){at(t.removed,{element:M});try{v(M).removeChild(M)}catch{if(g(M),!v(M))throw D8("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},$b=function(M){let O=f(M);if(O){let k1=[];fs(O,s0=>{at(k1,s0)}),fs(k1,s0=>{try{g(s0)}catch{}})}let i1=x(M);if(i1)for(let k1=i1.length-1;k1>=0;--k1){let s0=i1[k1],z0=s0&&s0.name;if(typeof z0=="string")try{M.removeAttribute(z0)}catch{}}},J7=function(M,O){try{at(t.removed,{attribute:O.getAttributeNode(M),from:O})}catch{at(t.removed,{attribute:null,from:O})}if(O.removeAttribute(M),M==="is")if(o5||N6)try{B6(O)}catch{}else try{O.setAttribute(M,"")}catch{}},tD=function(M){let O=x(M);if(O)for(let i1=O.length-1;i1>=0;--i1){let k1=O[i1],s0=k1&&k1.name;if(!(typeof s0!="string"||M1[n2(s0)]))try{M.removeAttribute(s0)}catch{}}},aD=function(M){let O=[M];for(;O.length>0;){let i1=O.pop();(w?w(i1):i1.nodeType)===S5.element&&tD(i1);let s0=f(i1);if(s0)for(let z0=s0.length-1;z0>=0;--z0)O.push(s0[z0])}},jb=function(M){let O=null,i1=null;if(U5)M="<remove></remove>"+M;else{let z0=jF(M,/^[\r\n\t ]+/);i1=z0&&z0[0]}Jt==="application/xhtml+xml"&&k3===$1&&(M='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+M+"</body></html>");let k1=A?N(M):M;if(k3===$1)try{O=new h().parseFromString(k1,Jt)}catch{}if(!O||!O.documentElement){O=a1.createDocument(k3,"template",null);try{O.documentElement.innerHTML=_6?E:k1}catch{}}let s0=O.body||O.documentElement;return M&&i1&&s0.insertBefore(a.createTextNode(i1),s0.childNodes[0]||null),k3===$1?Y.call(O,$?"html":"body")[0]:$?O.documentElement:s0},Yb=function(M){return B.call(M.ownerDocument||M,M,i.SHOW_ELEMENT|i.SHOW_COMMENT|i.SHOW_TEXT|i.SHOW_PROCESSING_INSTRUCTION|i.SHOW_CDATA_SECTION,null)},Ic=function(M){return M=bs(M,b1," "),M=bs(M,X," "),M=bs(M,v1," "),M},ah=function(M){var O;M.normalize();let i1=B.call(M.ownerDocument||M,M,i.SHOW_TEXT|i.SHOW_COMMENT|i.SHOW_CDATA_SECTION|i.SHOW_PROCESSING_INSTRUCTION,null),k1=i1.nextNode();for(;k1;)k1.data=Ic(k1.data),k1=i1.nextNode();let s0=(O=M.querySelectorAll)===null||O===void 0?void 0:O.call(M,"template");s0&&fs(s0,z0=>{v9(z0.content)&&ah(z0.content)})},Zc=function(M){let O=C?C(M):null;return typeof O!="string"||n2(O)!=="form"?!1:typeof M.nodeName!="string"||typeof M.textContent!="string"||typeof M.removeChild!="function"||M.attributes!==x(M)||typeof M.removeAttribute!="function"||typeof M.setAttribute!="function"||typeof M.namespaceURI!="string"||typeof M.insertBefore!="function"||typeof M.hasChildNodes!="function"||M.nodeType!==w(M)||M.childNodes!==f(M)},v9=function(M){if(!w||typeof M!="object"||M===null)return!1;try{return w(M)===S5.documentFragment}catch{return!1}},Qt=function(M){if(!w||typeof M!="object"||M===null)return!1;try{return typeof w(M)=="number"}catch{return!1}};function $5(h1,M,O){h1.length!==0&&fs(h1,i1=>{i1.call(t,M,O,g9)})}let sD=function(M,O){return!!(q0&&M.hasChildNodes()&&!Qt(M.firstElementChild)&&c3(cT,M.textContent)&&c3(cT,M.innerHTML)||q0&&M.namespaceURI===$1&&O==="style"&&Qt(M.firstElementChild)||M.nodeType===S5.processingInstruction||q0&&M.nodeType===S5.comment&&c3(CX,M.data))},cD=function(M,O){if(!p2[O]&&Qb(O)&&(a0.tagNameCheck instanceof RegExp&&c3(a0.tagNameCheck,O)||a0.tagNameCheck instanceof Function&&a0.tagNameCheck(O)))return!1;if(n3&&!e2[O]){let i1=v(M),k1=f(M);if(k1&&i1){let s0=k1.length;for(let z0=s0-1;z0>=0;--z0){let N2=X7?k1[z0]:u(k1[z0],!0);i1.insertBefore(N2,d(M))}}}return B6(M),!0},Xb=function(M){if($5(Q.beforeSanitizeElements,M,null),Zc(M))return B6(M),!0;let O=n2(C?C(M):M.nodeName);if($5(Q.uponSanitizeElement,M,{tagName:O,allowedTags:p1}),sD(M,O))return B6(M),!0;if(p2[O]||!(f0.tagCheck instanceof Function&&f0.tagCheck(O))&&!p1[O])return cD(M,O);if((w?w(M):M.nodeType)===S5.element&&!eD(M)||(O==="noscript"||O==="noembed"||O==="noframes")&&c3(MX,M.innerHTML))return B6(M),!0;if(c0&&M.nodeType===S5.text){let k1=Ic(M.textContent);M.textContent!==k1&&(at(t.removed,{element:M.cloneNode()}),M.textContent=k1)}return $5(Q.afterSanitizeElements,M,null),!1},Jb=function(M,O,i1){if(V2[O]||d4&&(O==="id"||O==="name")&&(i1 in a||i1 in YZ))return!1;let k1=M1[O]||f0.attributeCheck instanceof Function&&f0.attributeCheck(O,M);if(!(q1&&c3(G1,O))){if(!(m1&&c3(G,O))){if(k1){if(!i5[O]){if(!c3(w0,bs(i1,u1,""))){if(!((O==="src"||O==="xlink:href"||O==="href")&&M!=="script"&&YF(i1,"data:")===0&&r5[M])){if(!(H0&&!c3(o1,bs(i1,u1,"")))){if(i1)return!1}}}}}else if(!(Qb(M)&&(a0.tagNameCheck instanceof RegExp&&c3(a0.tagNameCheck,M)||a0.tagNameCheck instanceof Function&&a0.tagNameCheck(M))&&(a0.attributeNameCheck instanceof RegExp&&c3(a0.attributeNameCheck,O)||a0.attributeNameCheck instanceof Function&&a0.attributeNameCheck(O,M))||O==="is"&&a0.allowCustomizedBuiltInElements&&(a0.tagNameCheck instanceof RegExp&&c3(a0.tagNameCheck,i1)||a0.tagNameCheck instanceof Function&&a0.tagNameCheck(i1))))return!1}}return!0},oD=g0({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Qb=function(M){return!oD[xs(M)]&&c3(A0,M)},lD=function(M,O,i1,k1){if(A&&typeof m=="object"&&typeof m.getAttributeType=="function"&&!i1)switch(m.getAttributeType(M,O)){case"TrustedHTML":return N(k1);case"TrustedScriptURL":return I(k1)}return k1},rD=function(M,O,i1,k1){try{i1?M.setAttributeNS(i1,O,k1):M.setAttribute(O,k1),Zc(M)?B6(M):$F(t.removed)}catch{J7(O,M)}},ez=function(M){$5(Q.beforeSanitizeAttributes,M,null);let O=M.attributes;if(!O||Zc(M))return;let i1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:M1,forceKeepAttr:void 0},k1=O.length,s0=n2(M.nodeName);for(;k1--;){let z0=O[k1],N2=z0.name,x2=z0.namespaceURI,f4=z0.value,V4=n2(N2),ch=f4,M3=N2==="value"?ch:lX(ch);if(i1.attrName=V4,i1.attrValue=M3,i1.keepAttr=!0,i1.forceKeepAttr=void 0,$5(Q.uponSanitizeAttribute,M,i1),M3=i1.attrValue,d9&&(V4==="id"||V4==="name")&&YF(M3,Y7)!==0&&(J7(N2,M),M3=Y7+M3),q0&&c3(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,M3)){J7(N2,M);continue}if(V4==="attributename"&&jF(M3,"href")){J7(N2,M);continue}if(!i1.forceKeepAttr){if(!i1.keepAttr){J7(N2,M);continue}if(!F0&&c3(SX,M3)){J7(N2,M);continue}if(c0&&(M3=Ic(M3)),!Jb(s0,V4,M3)){J7(N2,M);continue}M3=lD(s0,V4,x2,M3),M3!==ch&&rD(M,N2,x2,M3)}}$5(Q.afterSanitizeAttributes,M,null)},Dc=function(M){let O=null,i1=Yb(M);for($5(Q.beforeSanitizeShadowDOM,M,null);O=i1.nextNode();)if($5(Q.uponSanitizeShadowNode,O,null),Xb(O),ez(O),v9(O.content)&&Dc(O.content),(w?w(O):O.nodeType)===S5.element){let s0=z(O);v9(s0)&&(sh(s0),Dc(s0))}$5(Q.afterSanitizeShadowDOM,M,null)},sh=function(M){let O=[{node:M,shadow:null}];for(;O.length>0;){let i1=O.pop();if(i1.shadow){Dc(i1.shadow);continue}let k1=i1.node,z0=(w?w(k1):k1.nodeType)===S5.element,N2=f(k1);if(N2)for(let x2=N2.length-1;x2>=0;--x2)O.push({node:N2[x2],shadow:null});if(z0){let x2=C?C(k1):null;if(typeof x2=="string"&&n2(x2)==="template"){let f4=k1.content;v9(f4)&&O.push({node:f4,shadow:null})}}if(z0){let x2=z(k1);v9(x2)&&O.push({node:null,shadow:x2},{node:x2,shadow:null})}}};return t.sanitize=function(h1){let M=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},O=null,i1=null,k1=null,s0=null;if(_6=!h1,_6&&(h1="<!-->"),typeof h1!="string"&&!Qt(h1)&&(h1=mX(h1),typeof h1!="string"))throw D8("dirty is not a string, aborting");if(!t.isSupported)return h1;S1?(p1=b0,M1=Y0):th(M),(Q.uponSanitizeElement.length>0||Q.uponSanitizeAttribute.length>0)&&(p1=A3(p1)),Q.uponSanitizeAttribute.length>0&&(M1=A3(M1)),t.removed=[];let z0=X7&&typeof h1!="string"&&Qt(h1);if(z0){let f4=C?C(h1):h1.nodeName;if(typeof f4=="string"){let V4=n2(f4);if(!p1[V4]||p2[V4])throw D8("root node is forbidden and cannot be sanitized in-place")}if(Zc(h1))throw D8("root node is clobbered and cannot be sanitized in-place");try{sh(h1)}catch(V4){throw $b(h1),V4}}else if(Qt(h1))O=jb("<!---->"),i1=O.ownerDocument.importNode(h1,!0),i1.nodeType===S5.element&&i1.nodeName==="BODY"||i1.nodeName==="HTML"?O=i1:O.appendChild(i1),sh(i1);else{if(!o5&&!c0&&!$&&h1.indexOf("<")===-1)return A&&K5?N(h1):h1;if(O=jb(h1),!O)return o5?null:K5?E:""}O&&U5&&B6(O.firstChild);let N2=Yb(z0?h1:O);try{for(;k1=N2.nextNode();)Xb(k1),ez(k1),v9(k1.content)&&Dc(k1.content)}catch(f4){throw z0&&$b(h1),f4}if(z0)return fs(t.removed,f4=>{f4.element&&aD(f4.element)}),c0&&ah(h1),h1;if(o5){if(c0&&ah(O),N6)for(s0=U.call(O.ownerDocument);O.firstChild;)s0.appendChild(O.firstChild);else s0=O;return(M1.shadowroot||M1.shadowrootmode)&&(s0=W.call(s,s0,!0)),s0}let x2=$?O.outerHTML:O.innerHTML;return $&&p1["!doctype"]&&O.ownerDocument&&O.ownerDocument.doctype&&O.ownerDocument.doctype.name&&c3(wX,O.ownerDocument.doctype.name)&&(x2="<!DOCTYPE "+O.ownerDocument.doctype.name+`>
|
|
3
|
-
`+x2),c0&&(x2=Ic(x2)),A&&K5?N(x2):x2},t.setConfig=function(){let h1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};th(h1),S1=!0,b0=p1,Y0=M1},t.clearConfig=function(){g9=null,S1=!1,b0=null,Y0=null,A=V,E=""},t.isValidAttribute=function(h1,M,O){g9||th({});let i1=n2(h1),k1=n2(M);return Jb(i1,k1,O)},t.addHook=function(h1,M){typeof M=="function"&&G2(Q,h1)&&at(Q[h1],M)},t.removeHook=function(h1,M){if(G2(Q,h1)){if(M!==void 0){let O=cX(Q[h1],M);return O===-1?void 0:oX(Q[h1],O,1)[0]}return $F(Q[h1])}},t.removeHooks=function(h1){G2(Q,h1)&&(Q[h1]=[])},t.removeAllHooks=function(){Q=oT()},t}var HX=iT();nT.exports=HX});import{readLockHolder as WD}from"efficient-easel/edit-lock";var Gh="/api/storefront/section-templates/",Oh=e=>`${Gh}${encodeURIComponent(e)}/`,qh=e=>e.node!=null;function il(e){if(!qh(e))throw new Error(`Section template ${e.id} has no design`);return e}var Uh=(e,t)=>e instanceof _4&&e.status===t;function hD(e){return{list:()=>ee(`${Gh}?no_page=true`,{token:e()}).then(t=>Array.isArray(t)?t:t.results??[]),get:t=>ee(Oh(t),{token:e()}).catch(a=>{if(Uh(a,404))return null;throw a}),create:t=>ee(Gh,{method:"POST",token:e(),body:JSON.stringify(t)}),patch:(t,a)=>ee(Oh(t),{method:"PATCH",token:e(),body:JSON.stringify(a)}),remove:t=>ee(Oh(t),{method:"DELETE",token:e()})}}var Wh="sf:section-templates",uk=`${Wh}.imported`,mD="Untitled section",pD=160,nl=e=>(typeof e=="string"?e.trim().slice(0,pD):"")||mD;function uD(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 dD(e,t=J2){let a={created:0,seeded:0,left:0,skipped:0,kept:!1},s=t.getItem(Wh);if(s===null)return a;for(let c of uD(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:nl(c.name),node:c.node}),a.created+=1}catch(l){if(!Uh(l,400))throw l;a.skipped+=1}}catch{return{...a,kept:!0}}return t.setItem(uk,s),t.getItem(uk)===s&&t.removeItem(Wh),a}var hl=class{constructor(t,a=J2){this.readToken=t;this.storage=a;this.imported=null;this.http=hD(t)}ready(){return this.imported?this.imported:this.readToken()?(this.imported=dD(this.http,this.storage).catch(()=>{}),this.imported):Promise.resolve()}async list(){return await this.ready(),(await this.http.list()).filter(qh)}async get(t){return await this.ready(),this.http.get(t)}async ensure(t,a,s){await this.ready();let c=async l=>l?qh(l)?l:il(await this.http.patch(t,{node:s})):null,o=await c(await this.http.get(t));if(o)return o;try{return il(await this.http.create({id:t,name:nl(a),node:s}))}catch(l){if(Uh(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(),il(await this.http.create({name:nl(t),node:a}))}async update(t,a){return await this.ready(),il(await this.http.patch(t,{node:a}))}async rename(t,a){return await this.ready(),this.http.patch(t,{name:nl(a)})}async remove(t){await this.ready(),await this.http.remove(t)}};var dk={"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 gk(e,t){let a=dk[e][t];return{maxSizeBytes:a.max_bytes,maxFiles:a.max_files,accept:a.accept==="*"||a.accept==="*/*"?void 0:a.accept,acceptHint:a.hint}}var s6=["width","profile","rim"],vk={width:"Width",profile:"Profile",rim:"Rim"},gD=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,vD={width:[100,500],profile:[20,100],rim:[10,30]};function s4(e){let t=gD.exec(e??"");if(!t)return null;let a={width:Number(t[1]),profile:Number(t[2]),rim:Number(t[3])};return s6.every(c=>{let[o,l]=vD[c];return a[c]>=o&&a[c]<=l})?a:null}function B4(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 fk(e){return[B4({width:e.width}),B4({width:e.width,profile:e.profile}),B4(e)]}var c4=["alloy-wheel","tyre"],ml=["alloy-wheel"],x4={"alloy-wheel":"Alloy wheels",tyre:"Tyres"},bk="All products",zk="All product types";function b5(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 me=c4.map(e=>({value:e,label:x4[e]}));function c6(e){return e==null?[...ml]:Array.isArray(e)?c4.filter(t=>e.includes(t)):[...ml]}var S3=e=>e;function W0(e){return S3(e).kind==="tyre"?"tyre":"alloy-wheel"}function xk(e,t){return e.filter(a=>t.includes(W0(a)))}function Q6(e){return S3(e).slug??""}function Kh(e){return S3(e).name??""}function pe(e){return S3(e).brand??""}function yk(e){let t=new Set;for(let a of e)if(t.add(pe(a)),t.size>1)return!0;return!1}function fD(e){return S3(e).process??""}function wk(e){let t=new Set;for(let a of e)if(t.add(fD(a)),t.size>1)return!0;return!1}function m8(e){return S3(e).prices??void 0}function $h(e){return S3(e).inStock!==!1}function kk(e){let t=S3(e),a=W0(e)==="tyre"?t.rimDiameters:t.sizes;return Array.isArray(a)?a.filter(s=>typeof s=="number"&&Number.isFinite(s)):[]}function jh(e){return W0(e)!=="tyre"&&S3(e).badge==="new"}function Yh(e){return W0(e)==="tyre"?[]:(S3(e).finishes??[]).filter(t=>typeof t?.family=="string").map(t=>({family:t.family,color:t.color??null}))}function Ck(e){return Yh(e).map(t=>t.family)}function Mk(e){if(W0(e)==="tyre")return[];let t=S3(e),a=t.categories;return a&&a.length>0?a:t.process?[t.process]:[]}function Sk(e){return W0(e)==="tyre"?[]:S3(e).spec?.pcds??[]}function Lk(e){return W0(e)!=="tyre"?[]:S3(e).tyreTypes??[]}function Ak(e){return W0(e)!=="tyre"?[]:S3(e).speedRatings??[]}function ue(e){if(W0(e)!=="tyre")return[];let t=S3(e).sizes;return Array.isArray(t)?t.map(a=>s4(typeof a=="string"?a:null)).filter(a=>a!==null):[]}function R4(e,t){return e.length===0?e:e.filter(a=>a.kind===void 0||a.kind===t)}function pl(e,t){if(t.length===0)return e;let a=de(t);return e7(e.filter(s=>a(s.fieldKey)),s=>s.fieldKey,t,"cardOrder")}function Hk(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 Xh(e){return dl(e,"spec")}function Fk(e){return dl(e,"fitment")}function Jh(e,t){if(t.length===0)return e;let a=Xh(t),s=e.filter(c=>a(c.fieldKey));return e7(s,c=>c.fieldKey,t,"specOrder")}function e7(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 de(e){return dl(e,"card")}function ul(e){return dl(e,"filter")}var ge="collection";function ve(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":ge},pcds:{"alloy-wheel":"pcd"},tyreTypes:{tyre:"tire_type"},speedRatings:{tyre:"speed_rating"}}[e]?.[t]}function dl(e,t){let a=new Set(e.filter(s=>s[t]===!1).map(s=>s.fieldKey));return s=>!s||!a.has(s)}function A2(e){return Number.isInteger(e)?String(e):String(Number(e.toFixed(2)))}function gl(e,t){return e===t?`ET ${e}`:`ET ${e}\u2013${t}`}function Tk(e,t){return e===t?`${A2(e)}"`:`${A2(e)}"\u2013${A2(t)}"`}function Qh(e){return e==="\u2014"?e:`${e}"`}var ua={recommended:"Recommended","price-asc":"Price \xB7 low to high","price-desc":"Price \xB7 high to low",new:"Newest",name:"Name A\u2013Z"},Pk=Object.keys(ua);function fe(e){return _2(Pk,"recommended",e)}function em(e){return Pk.filter(t=>t!=="recommended"||e.length<=1)}function Ek(e,t){let a=fe(e);return em(t).includes(a)?a:"name"}var da=["tyreSizes","brands","finishes","diameters","collections","pcds","tyreTypes","speedRatings"],bD={tyreSizes:["tyre"],brands:["alloy-wheel","tyre"],finishes:["alloy-wheel"],diameters:["alloy-wheel","tyre"],collections:["alloy-wheel"],pcds:["alloy-wheel"],tyreTypes:["tyre"],speedRatings:["tyre"]},zD={diameters:"tyreSizes"};function Vk(e){if(e.length===0)return[];let t=da.filter(a=>e.every(s=>bD[a].includes(s)));return t.filter(a=>{let s=zD[a];return!s||!t.includes(s)})}function Nk(e,t){return t&&e.includes(t)?[t]:[...e]}function _k(e){let t=new Set;for(let a of e)t.add(W0(a));return[...t]}var o6={tyreSizes:[],brands:[],finishes:[],diameters:[],collections:[],pcds:[],tyreTypes:[],speedRatings:[],priceMax:null,inStockOnly:!1,kind:null,sort:"recommended",page:1};function p8(e){return`${xD(e.width)}\xD7${e.diameter}`}function Bk(e){return(e.sizePairs??[]).map(p8)}function xD(e){return A2(e)}function ga(e,t,a,s=null){if(s!=="kind"&&t.kind&&W0(e)!==t.kind)return!1;for(let c of da){if(s===c)continue;let o=t[c];if(o.length===0)continue;let l=o.map(String);if(!Zk(e,c).some(r=>l.includes(r)))return!1}return!(s!=="price"&&!al(m8(e),a,null,t.priceMax)||s!=="inStock"&&t.inStockOnly&&!$h(e))}function Rk(e,t,a){return e.filter(s=>$h(s)&&ga(s,t,a,"inStock")).length}function yD(e,t,a){let s=[...e],c=(l,r)=>Kh(l).localeCompare(Kh(r)),o=_k(e).length>1;switch(t){case"price-asc":return s.sort((l,r)=>se(m8(l),m8(r),a,"asc"));case"price-desc":return s.sort((l,r)=>se(m8(l),m8(r),a,"desc"));case"name":return s.sort(c);case"new":return s.sort((l,r)=>{let i=(jh(r)?1:0)-(jh(l)?1:0);return i!==0||!o?i:c(l,r)});default:return s}}function Ik(e,t,a){return yD(e.filter(s=>ga(s,t,a)),t.sort,a)}function vl(e){return da.some(t=>e[t].length>0)||e.priceMax!=null||e.inStockOnly||e.kind!=null}var tm={tyreSizes:"Size",brands:"Brand",finishes:"Colour",diameters:"Size \xB7 diameter",collections:"Collection",pcds:"PCD \xB7 fitment",tyreTypes:"Tyre type",speedRatings:"Speed rating"};function Zk(e,t){switch(t){case"tyreSizes":return[...new Set(ue(e).flatMap(fk))];case"brands":return pe(e)?[pe(e)]:[];case"finishes":return Ck(e);case"diameters":return kk(e).map(String);case"collections":return Mk(e);case"pcds":return Sk(e);case"tyreTypes":return Lk(e);case"speedRatings":return Ak(e)}}function wD(e){let t=new Map;for(let a of e)for(let s of Yh(a))s.color&&!t.has(s.family)&&t.set(s.family,s.color);return t}function am(e,t,a,s=_k(e),c=[]){let o=n=>kD(n,s,c),l=wD(e),r=Vk(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=Zk(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(ga(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:tm[n],options:g}}).filter(n=>n.options.length>va),i=[];for(let n of r){let h=CD(n.key,s,c);h!==void 0&&i.push({fieldKey:n.key,filterOrder:h})}return[...e7(r,n=>n.key,i,"filterOrder")]}var va=1;function sm(e){return e.showCollection===!1?["collections"]:[]}function kD(e,t,a){return t.length===0||a.length===0?!0:t.some(s=>ul(R4(a,s))(ve(e,s)))}function CD(e,t,a){if(a.length===0)return;let s;for(let c of t){let o=Hk(R4(a,c),"filter")(ve(e,c));o!==void 0&&(s===void 0||o<s)&&(s=o)}return s}function MD(e){let t=new Set;for(let a of e)for(let s of ue(a))t.add(B4(s));return t.size}function Dk(e,t){return Vk(t).includes("tyreSizes")?MD(e)>va:!1}function Ok(e){let t=s4(e);if(t)return t;let[a,s]=e.split("/");return{width:a?Number(a):void 0,profile:s?Number(s):void 0}}function SD(e,t,a){return s6.slice(0,s6.indexOf(a)).every(s=>{let c=t[s];return c==null||e[s]===c})}function Gk(e,t,a){let s=Ok(t.tyreSizes[0]??""),c=new Set(e.filter(o=>ga(o,t,a,"tyreSizes")));return s6.map(o=>{let l=new Map;for(let i of e){let n=ue(i).filter(h=>SD(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:vk[o],value:s[o]??null,options:r}})}function qk(e,t,a,s){let c={...Ok(t)},o=s6.indexOf(a);c[a]=s??void 0;for(let l of s6.slice(o+1))c[l]!=null&&e.some(n=>s6.slice(0,s6.indexOf(l)+1).every(h=>c[h]==null||n[h]===c[h]))||(c[l]=void 0);return B4(c)}function Wk(e,t,a,s){if(t.length<2)return[];let c=e.filter(o=>ga(o,a,s,"kind"));return[{kind:null,label:bk,count:c.length,checked:a.kind===null},...t.map(o=>({kind:o,label:x4[o],count:c.filter(l=>W0(l)===o).length,checked:a.kind===o}))]}function Uk(e,t){if(e.length===0)return null;let a=e.map(o=>ae(m8(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 Kk(e,t,a){let s=[];e.kind&&s.push({key:"kind",value:e.kind,label:x4[e.kind]}),e.inStockOnly&&s.push({key:"inStock",value:"",label:"In stock"});for(let c of da)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 I4={tyreSizes:"tyreSize",brands:"brand",finishes:"colour",diameters:"size",collections:"collection",pcds:"pcd",tyreTypes:"tyreType",speedRatings:"speed"},t7="type",$k="maxPrice",jk="inStock",Yk="sort",Xk="page";function Jk(e){let t=o=>e.getAll(o).flatMap(l=>l.split(",")).filter(Boolean),a=Number(e.get($k)),s=Number(e.get(Xk)),c=e.get(t7);return{tyreSizes:t(I4.tyreSizes),brands:t(I4.brands),finishes:t(I4.finishes),diameters:t(I4.diameters).map(Number).filter(Number.isFinite),collections:t(I4.collections),pcds:t(I4.pcds),tyreTypes:t(I4.tyreTypes),speedRatings:t(I4.speedRatings),priceMax:Number.isFinite(a)&&a>0?a:null,inStockOnly:e.get(jk)==="1",kind:c4.find(o=>o===c)??null,sort:fe(e.get(Yk)),page:Number.isFinite(s)&&s>=1?Math.floor(s):1}}function u8(e){let t=new URLSearchParams;for(let a of da){let s=e[a];s.length>0&&t.set(I4[a],s.join(","))}return e.priceMax!=null&&t.set($k,String(e.priceMax)),e.inStockOnly&&t.set(jk,"1"),e.kind&&t.set(t7,e.kind),e.sort!=="recommended"&&t.set(Yk,e.sort),e.page>1&&t.set(Xk,String(e.page)),t}function Qk(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 eC(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 a7="__all__",tC="All products";function fl(e){return e?.slug===a7}var d8="AlloyWheelsListing",LD="ProductGrid",aC="catalog",AD="CatalogFilterBar",bl="fieldUsage";function be(e){return e?.type===LD&&fl(e.props?.source)}function cm(e){return e?.type===AD}function HD(e){return e?.type===d8||be(e)||cm(e)}function FD(e){let t=e.content??[],a=e.zones??{};return[...t,...Object.values(a).flat()]}function dt1(e){return e?FD(e).some(t=>t?.type===d8||be(t)):!1}function gt1(e,t){return PD(e,a=>be(a)?{...a,props:{...om(a).props,[aC]:TD(t,c6(a.props?.kinds))}}:{...a,props:{...lm(a).props,products:t}})}function vt1(e){return cC(e,HD,t=>cm(t)?sC(t):be(t)?om(t):lm(t))}function sC(e){if(!e.props||!(bl in e.props))return e;let{[bl]:t,...a}=e.props;return{...e,props:a}}function om(e){let{[aC]:t,[bl]:a,...s}=e.props??{};return{...e,props:s}}function TD(e,t){let a=new Set(t);return e.filter(s=>{let c=s.kind??"alloy-wheel";return a.has(c)})}function ft1(e){return be(e)?om(e):cm(e)?sC(e):e?.type===d8?lm(e):e}function lm(e){let{wheels:t,products:a,[bl]:s,...c}=e.props??{};return{...e,props:c}}function PD(e,t){return cC(e,a=>a?.type===d8||be(a),t)}function cC(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 oC="/wheels";var Ct1=[t7,...Object.entries(I4).filter(([e])=>e!=="tyreSizes").map(([,e])=>e)];var rm="product",RD="tyre";var im="productType",ID={[rm]:"alloy-wheel",[RD]:"tyre"},ZD=["alloy-wheel","tyre"];function zl(e,t){return DD(t)??ID[e]??null}function DD(e){let t=e?.[im];return typeof t=="string"&&ZD.includes(t)?t:null}var OD=["home","products","gallery","about","contact"],GD=e=>{let t=e.slug.trim().toLowerCase(),a=(e.title??"").trim().toLowerCase(),s=OD.findIndex(c=>c===t||c===a);return s===-1?Number.POSITIVE_INFINITY:s},lC=e=>e.map((t,a)=>({page:t,idx:a,rank:GD(t)})).sort((t,a)=>t.rank-a.rank||t.idx-a.idx).map(t=>t.page);var nC="Popups",rC="Site";var hC={[ny]:{label:"Site popup",group:nC},[A9]:{label:"Footer",group:rC},[oy]:{label:"Cart drawer",group:rC}};function hm(e){return hC[e.slug]?.label||e.title||e.slug}function nm(e){let t=e.group?.trim();return t||null}function iC(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 mC(e){let t=lC(e),a=[],s=t.filter(r=>!la(r.slug)),c=s.filter(r=>!nm(r));c.length&&a.push({key:"top",group:null,pages:c});let o=s.filter(r=>nm(r));for(let[r,i]of iC(o,n=>nm(n)))a.push({key:`folder:${r}`,group:r,pages:i});let l=t.filter(r=>la(r.slug));for(let[r,i]of iC(l,n=>hC[n.slug]?.group??nC))a.push({key:`system:${r}`,group:r,pages:i});return a}var xl=e=>e.layout_updated_at??e.updated_at??null;function UD(e){if(!e||typeof e!="object")return null;let t=e;return t.code!==Zx?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 KD(e){return e===401||e===403?"unauthorized":e===404?"not-found":e===Ww||e>=500?"unavailable":"invalid"}function $D(e){if(!(e instanceof _4))return e;if(e.status===409){let t=UD(e.data);if(t)return new t8("changed-elsewhere",e.message,{conflict:t,cause:e});let a=WD(e.data);if(a)return new t8("lock-taken",e.message,{holder:a,cause:e})}return new t8(KD(e.status),e.message,{cause:e})}var jD={group:"Template pages",groupKey:"template"},pC=e=>({id:e.id,slug:e.slug,label:e.title||e.slug,...jD,draft:!1});function uC(e){let t=async n=>{let h=e.token();if(!h)throw new t8("unauthorized","The editor has no sign-in yet.");try{return await n(h)}catch(m){throw $D(m)}},a={list:n=>t(async h=>{let m=await X1.listPages(h,n?.siteId);return mC(m.filter(p=>p.slug!==A9)).flatMap(p=>p.pages.map(u=>({id:u.id,slug:u.slug,label:hm(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:xl(p)}:null}),save:(n,h,m)=>{let{version:p}=m;return p?t(async u=>({version:xl(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(xl)),linkTargets:n=>t(async h=>(await X1.listPages(h,n?.siteId)).map(m=>({id:m.id,slug:m.slug,label:hm(m),layout:m.layout??null}))),publish:(n,h)=>t(async m=>({version:xl(await X1.publishPage(n,m,h?.version))}))},s=n=>({list:()=>t(async h=>(await X1.listTemplatePages(n,h)).map(pC)),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:kx,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=>pC(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 t8("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(Bo.map(h=>[h,n[Ro(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:mz,maxUploadBytes:gk("POST /api/storefront/media/","file").maxSizeBytes},sectionTemplates:new hl(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(Bo.filter(u=>u in n).map(u=>[Ro(u),n[u]]));try{return l(await X1.updateSocialSettings(p,m,c(h)))}catch(u){if(u instanceof _4&&u.status===400){let g=u.data??{},d={};for(let f of Bo){let v=g[Ro(f)],z=Array.isArray(v)?v[0]:v;typeof z=="string"&&z.trim()&&(d[f]=z)}if(Object.keys(d).length>0)throw new t8("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?b9(m.cover_image)??"":"",publishedAt:m.published_at,href:ro(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[tz]=!0,i}Ix({read:e=>e instanceof _4?{status:e.status,data:e.data,message:e.message}:null,unreachableMessage:qw,loadRefusal:(e,{slug:t})=>e instanceof $w?`\u201C${t}\u201D exists on more than one website. Open it from the site you want to edit.`:null});az(e=>uC({token:()=>e.auth.token,siteId:()=>e.siteId()}));function aa1(e={}){return uC({token:()=>ea().auth.token,siteId:()=>e.siteId??ea().siteId()})}import{createContext as YD,useContext as XD,useMemo as JD}from"react";import{jsx as QD}from"react/jsx-runtime";var dC=YD({originData:null,originSlug:null,exitFocus:()=>{}});function oa1({children:e,originData:t,originSlug:a,exitFocus:s}){let c=JD(()=>({originData:t,originSlug:a,exitFocus:s}),[t,a,s]);return QD(dC.Provider,{value:c,children:e})}var gC=()=>XD(dC);import{useEffect as OC,useRef as MO,useState as GC}from"react";var eO=[{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"}],tO=Object.fromEntries(eO.map(e=>[e.code,e.name]));function vC(e){return tO[e]??e}import{jsx as mm,jsxs as fC}from"react/jsx-runtime";function bC(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||vC(c),currency:o?.currency,url:o?.url||a?.[c]||""}})}function yl(e){let{countries:t}=n0();return bC(t,e).length>0}function g8({urls:e,countries:t}={}){let{country:a,setCountry:s,countries:c}=n0(),o=bC(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=ie({items:i,value:a,onPick:r});if(!l)return null;let h=n.open;return fC("div",{ref:n.wrapRef,className:"relative",children:[fC("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:[mm("span",{children:l.name}),mm("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${h?"rotate-180":""}`,children:"\u25BE"})]}),h&&mm(ne,{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{useEffect as aO,useRef as zC}from"react";import{jsx as y4,jsxs as pm}from"react/jsx-runtime";var fa={search:"Search",account:"Account",cart:"Bag"},um="whitespace-nowrap";function sO(e){return e>99?"99+":String(e)}function cO({count:e,ref:t}){return y4("span",{ref:t,"data-cart-badge":"","aria-hidden":"true",className:"pointer-events-none absolute -top-[7px] -right-[9px] inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-current px-1 text-[10px] leading-none font-semibold tabular-nums",style:{letterSpacing:0},children:y4("span",{style:{color:"var(--sf-header-ground, var(--bg))"},children:sO(e)})})}function wl({onClick:e,count:t,asText:a,className:s}){let c=zC(null),o=zC(t);return aO(()=>{o.current!==t&&(o.current=t,!window.matchMedia("(prefers-reduced-motion: reduce)").matches&&c.current?.animate([{transform:"scale(0.6)"},{transform:"scale(1)"}],{duration:180,easing:"ease-out"}))},[t]),y4("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?pm("span",{className:um,children:[fa.cart,t>0?` ${t}`:""]}):pm("span",{className:"relative inline-flex",children:[y4("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:Xy}),t>0?y4(cO,{count:t,ref:c}):null]})})}function xC({asText:e,className:t}){return y4(C1,{href:"/account","aria-label":"Account",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${t??""}`,children:e?y4("span",{className:um,children:fa.account}):pm("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:[y4("circle",{cx:"12",cy:"8",r:"3.4"}),y4("path",{d:"M5 20a7 7 0 0 1 14 0"})]})})}function kl({onClick:e,asText:t,className:a}){return y4("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?y4("span",{className:um,children:fa.search}):y4(J5,{name:"search",size:18,strokeWidth:1.6,rounded:!0})})}var yC="Menu Item";var wC="Menu",kC="Link a menu in the inspector \u2192",CC="This menu has no links yet \u2014 add them in Storefront \u2192 Menus.",MC="This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above.";function SC(e){return`\u201C${e}\u201D no longer exists in Storefront \u2192 Menus, so the preview shows placeholder links. Pick another menu.`}var xa1="The menu linked here no longer exists in Storefront \u2192 Menus, so the header shows placeholder links. Pick another menu.";import{jsx as oO}from"react/jsx-runtime";function ze(){return oO("span",{className:"opacity-50",children:yC})}import{createContext as lO,useContext as dm,useEffect as rO,useState as iO,useSyncExternalStore as nO}from"react";import{jsx as pO}from"react/jsx-runtime";var AC=[];function hO(){let e=AC,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 Cl=lO(null);function HC({children:e}){let[t]=iO(hO);return pO(Cl.Provider,{value:t,children:e})}var Ml=()=>dm(Cl)!==null;function gm(e){let t=dm(Cl);rO(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var mO=()=>()=>{},LC=()=>AC;function FC(){let e=dm(Cl),t=nO(e?.subscribe??mO,e?.offered??LC,LC);return e?{search:t.includes("search"),region:t.includes("region")}:null}import{createContext as uO,useCallback as vm,useContext as dO,useEffect as gO,useMemo as vO,useState as fO}from"react";import{jsx as zO}from"react/jsx-runtime";var bO={isOpen:!1,open:()=>{},close:()=>{},toggle:()=>{}},TC=uO(bO);function Ha1({children:e,shortcut:t=!0}){let[a,s]=fO(!1),c=vm(()=>s(!0),[]),o=vm(()=>s(!1),[]),l=vm(()=>s(i=>!i),[]);gO(()=>{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=vO(()=>({isOpen:a,open:c,close:o,toggle:l}),[a,c,o,l]);return zO(TC.Provider,{value:r,children:e})}function xe(){return dO(TC)}import{createContext as xO,useCallback as _C,useContext as yO,useMemo as wO,useState as kO}from"react";var ba=new Map,PC=e=>e??"";function fm(e,t,a){a&&ba.clear();let s=PC(t),c=ba.get(s);if(!c){let o=X1.listMenus(e,t);ba.set(s,o),o.catch(()=>{ba.get(s)===o&&ba.delete(s)}),c=o}return c}var Sl=new Map;function EC(e,t){let a=PC(t),s=Sl.get(a);if(!s){let c=fm(e,t,!0);Sl.set(a,c);let o=()=>{Sl.get(a)===c&&Sl.delete(a)};c.then(o,o),s=c}return s}function bm(e,t=!1){return fm(e,l2(),t)}function VC(e){return EC(e,l2())}function Va1(e,t=!1){return fm(e,null,t)}function Na1(e){return EC(e,null)}var zm={ids:new Set,handles:new Set};function _a1(e){return{ids:new Set(e.map(t=>t.id).filter(Boolean)),handles:new Set(e.map(t=>t.handle).filter(Boolean))}}function NC({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 Ll(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 CO}from"react/jsx-runtime";var BC=xO({live:zm,ready:!1,primeLive:()=>{},setLive:()=>{}});function Za1({children:e}){let[t,a]=kO({live:zm,ready:!1}),s=_C(l=>a(r=>r.ready?r:{live:l,ready:!0}),[]),c=_C(l=>a({live:l,ready:!0}),[]),o=wO(()=>({...t,primeLive:s,setLive:c}),[t,s,c]);return CO(BC.Provider,{value:o,children:e})}var RC=()=>yO(BC);function ye(e){let t=(e??"").trim();return t===""||t==="#"}import{jsx as x0,jsxs as z5}from"react/jsx-runtime";var SO=e=>/^https?:\/\//i.test(e),qC="flex list-none flex-col gap-2.5 text-[13px]",xm="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",IC="text-[12px] italic text-fg-dim/70",WC=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function LO({showDividers:e}){return x0("ul",{className:qC,children:Array.from({length:4},(t,a)=>x0("li",{className:`text-fg ${WC(e,a)}`,children:x0(ze,{})},a))})}function UC({item:e,label:t,link:a,onNavigate:s}){return ye(e.url)?x0("span",{className:t,children:k(e.label)}):SO(e.url)?x0("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:a,onClick:s,children:k(e.label)}):x0(C1,{href:e.url,className:a,onClick:s,children:k(e.label)})}function ZC({items:e,showDividers:t}){return x0("ul",{className:qC,children:e.map((a,s)=>x0("li",{className:WC(t,s),children:x0(UC,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${s}`))})}var AO="opacity-80 transition-opacity hover:opacity-100";function HO({items:e,label:t,editing:a}){let[s,c]=GC(!1),o=MO(null),l=FC(),{open:r}=xe(),i=t||"Menu",n=()=>c(!1);OC(()=>{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(ze,{})},f)):e.map((d,f)=>x0("li",{className:u,children:x0(UC,{item:d,label:p,link:`${p} ${AO}`,onNavigate:g})},`${d.label}-${f}`)),m=l&&(l.search||l.region)?l:null;return z5("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?z5("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?z5("div",{className:"mt-auto flex flex-col gap-3.5 border-t border-line bg-surface p-5",children:[m.search?z5("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(J5,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),fa.search]}):null,m.region?z5("div",{className:"flex items-center justify-between",children:[x0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),x0(g8,{})]}):null]}):null]}):null]})}function za({menu:e,heading:t,accordionMobile:a=!1,showDividers:s=!1,editing:c=!1,layout:o="column"}){let{live:l,ready:r}=RC(),i=NC({id:e?.id,handle:e?.handle,editing:c,ready:r,live:l}),n=i?[]:e?.items??[],h=t||e?.name||"",[m,p]=GC(!1);return OC(()=>{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(HO,{items:i?null:n,label:h,editing:c}):i?z5("div",{className:"min-w-0",children:[x0("h4",{className:xm,children:t?_0(t):wC}),x0(LO,{showDividers:s}),x0("p",{className:`mt-3 ${IC}`,children:kC})]}):n.length===0?z5("div",{className:"min-w-0",children:[h?x0("h4",{className:xm,children:_0(h)}):null,c?x0("p",{className:IC,children:CC}):null]}):a&&m?z5("details",{className:"min-w-0 border-b border-line",children:[z5("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:[_0(h),x0("span",{"aria-hidden":!0,children:"\uFF0B"})]}),x0("div",{className:"pb-3",children:x0(ZC,{items:n,showDividers:s})})]}):z5("div",{className:"min-w-0",children:[h?x0("h4",{className:xm,children:_0(h)}):null,x0(ZC,{items:n,showDividers:s})]})}import{createContext as RO,useCallback as Z3,useContext as IO,useEffect as ZO,useMemo as DO,useRef as pM,useState as Ce}from"react";function xa(e){return typeof e=="number"?String(e):""}function KC(e){let t=xa(e);return t&&`${t} LUG`}function ym(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=ym(a);s!==null&&t.add(s)}return[...t].sort((a,s)=>a-s)}function FO(e){return e.length===0?null:{min:Math.min(...e),max:Math.max(...e)}}function Al(e){let t=FO(e);return t?Tk(t.min,t.max):null}function jC(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 YC=5,QC=.2;function we(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 wm(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 eM(e){if(!e)return null;let t=we(e.pcd||e.boltPattern);if(t.holes===null||t.circles.length===0)return null;let a=t.circles[0],s=wm(e.etRange),c=s?[s[0]-YC,s[1]+YC]:null;return{holes:t.holes,circle:a,centreBore:typeof e.centreBore=="number"&&e.centreBore>0?e.centreBore:null,etRange:c}}function TO(e,t){return Math.abs(e-t)<=QC}function tM(e,t,a){let s=we(e);return(s.holes??t)!==a.holes?!1:s.circles.some(o=>TO(o,a.circle))}function aM(e,t){return t.centreBore===null?!0:e+QC>=t.centreBore}function PO(e,t){return e[0]<=t[1]&&e[1]>=t[0]}function v8(e,t){let a=`${t.holes}\xD7${t.circle}`;return e.pcds.length===0?{key:"unverifiable",wheel:"",vehicle:a}:e.pcds.some(s=>tM(s,e.lugs,t))?t.etRange!==null&&e.etRange!==null&&!PO(e.etRange,t.etRange)?{key:"et",wheel:Hl(e.etRange),vehicle:Hl(t.etRange)}:e.centreBores.length>0&&!e.centreBores.some(s=>aM(s,t))?{key:"bore",wheel:`${e.centreBores.join(" / ")} mm`,vehicle:`${t.centreBore} mm`}:null:{key:"pcd",wheel:e.pcds.join(" / "),vehicle:a}}function sM(e){return{pcds:e.spec?.pcds??[],lugs:e.spec?.lugs??null,etRange:wm(e.spec?.etRange),centreBores:e.spec?.centreBores??[]}}function Fl(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 Tl(e,t){let a=v8(e,t);return a===null||a.key!=="et"?a:v8(e,{...t,etRange:null})}function km(e,t){return v8(sM(e),t)}function cM(e,t){return v8(Fl(e),t)}function EO(e,t){return Tl(Fl(e),t)===null}function oM(e,t){return t?e.filter(a=>EO(a,t)):[...e]}function VO(e,t){return Tl(sM(e),t)===null}function Pl(e,t){return t?e.filter(a=>VO(a,t)):e}var XC=1;function NO(e,t){let a=e.spec?.pcds??[],s=e.spec?.centreBores??[],c=wm(e.spec?.etRange);if(!t)return{pcds:a,etRange:c,centreBores:s};let o=e.spec?.lugs??null,l=a.filter(i=>tM(i,o,t)),r=s.filter(i=>aM(i,t));return{pcds:l.length>0?l:a,etRange:c,centreBores:r.length>0?r:s}}function Hl(e){return gl(e[0],e[1])}function JC(e){let t=e.slice(0,XC).join(" / "),a=e.length-XC;return a>0?`${t} +${a}`:t}var lM="\xB7";function El(e){return[{fieldKey:"diameter",text:Al(e.sizes)},{fieldKey:"holes",text:KC(e.spec?.lugs)}].filter(t=>!!t.text)}function rM(e,t){let{pcds:a,etRange:s,centreBores:c}=NO(e,t),o=[];return a.length>0&&o.push({fieldKey:"pcd",text:`PCD ${JC(a)}`}),s!==null&&o.push({fieldKey:"et",text:Hl(s)}),c.length>0&&o.push({fieldKey:"center_bore",text:`C/B ${JC(c)} mm`}),o}function ke(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?Hl(e.etRange):null}]:[]}function iM(e){return ke(e).map(t=>t.value).filter(t=>t!==null).join(" \xB7 ")}var ya={default:"Sort \xB7 Featured",new:"Newest","price-asc":"Price \xB7 Low","price-desc":"Price \xB7 High",name:"Name A\u2013Z"},f8={process:null,size:null,lugs:null,finish:null,priceMin:null,priceMax:null,sort:"default"};function _O(e,t,a){return!(t.process&&e.process!==t.process||t.size&&!e.sizes.includes(t.size)||t.lugs!=null&&ym(e)!==t.lugs||t.finish&&!e.finishes.some(s=>s.family===t.finish)||!al(e.prices,a,t.priceMin,t.priceMax))}function BO(e,t,a){return[...e].sort((s,c)=>{switch(t){case"price-asc":return se(s.prices,c.prices,a,"asc");case"price-desc":return se(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 nM(e,t,a,s=null){let c=Pl(e,s);return BO(c.filter(o=>_O(o,t,a)),t.sort,a)}import{jsx as GO}from"react/jsx-runtime";var uM={fit:null,name:"",resolving:!1,unresolved:!1};function OO(e,t){return e.fit===t.fit&&e.name===t.name&&e.resolving===t.resolving&&e.unresolved===t.unresolved}var o4=()=>{},dM=RO({filters:f8,setProcess:o4,setSize:o4,setLugs:o4,setFinish:o4,setPriceMin:o4,setPriceMax:o4,setSort:o4,clearAll:o4,reportCount:o4,total:0,reportLugs:o4,lugOptions:[],reportSizes:o4,sizeOptions:[],reportFinishes:o4,finishOptions:[],optionsReported:!1,scrollProcess:null,vehicle:uM,publishVehicle:o4}),Vl="data-catalog-collection",hM=(e,t)=>e-t;function mM(e,t){return e.length===t.length&&e.every((a,s)=>a===t[s])}function Cm(e){let t=pM(new Map),[a,s]=Ce([]),c=Z3((o,l)=>{let r=t.current.get(o);if(r&&mM(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=>mM(h,n)?h:n)},[e]);return[a,c]}function gM({children:e,initial:t}){let[a,s]=Ce(t??f8),c=Z3(B=>s(U=>({...U,process:B})),[]),o=Z3(B=>s(U=>({...U,size:B})),[]),l=Z3(B=>s(U=>({...U,lugs:B})),[]),r=Z3(B=>s(U=>({...U,finish:B})),[]),i=Z3(B=>s(U=>({...U,priceMin:B})),[]),n=Z3(B=>s(U=>({...U,priceMax:B})),[]),h=Z3(B=>s(U=>({...U,sort:B})),[]),m=Z3(()=>s(B=>({...f8,sort:B.sort})),[]),[p,u]=Ce(uM),g=Z3(B=>{u(U=>OO(U,B)?U:B)},[]),d=pM(new Map),[f,v]=Ce(0),z=Z3((B,U)=>{if(d.current.get(B)===U)return;d.current.set(B,U);let W=0;for(let Q of d.current.values())W+=Q;v(W)},[]),[x,w]=Cm(hM),[C,A]=Cm(hM),[E,V]=Cm(hk),[q,F]=Ce(!1),T=Z3((B,U)=>{F(!0),w(B,U)},[w]),N=Z3((B,U)=>{F(!0),A(B,U)},[A]),I=Z3((B,U)=>{F(!0),V(B,U)},[V]),[P,D]=Ce(null);ZO(()=>{let U=0,Y=()=>{U=0;let Q=null,b1=document.querySelectorAll(`[${Vl}]`);for(let X of b1){let v1=X.getBoundingClientRect();if(v1.top<=140&&v1.bottom>140){Q=X.getAttribute(Vl)??null;break}}D(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 a1=DO(()=>({filters:a,setProcess:c,setSize:o,setLugs:l,setFinish:r,setPriceMin:i,setPriceMax:n,setSort:h,clearAll:m,reportCount:z,total:f,reportLugs:T,lugOptions:x,reportSizes:N,sizeOptions:C,reportFinishes:I,finishOptions:E,optionsReported:q,scrollProcess:P,vehicle:p,publishVehicle:g}),[a,c,o,l,r,i,n,h,m,z,f,T,x,N,C,I,E,q,P,p,g]);return GO(dM.Provider,{value:a1,children:e})}function Nl(){return IO(dM)}import{Fragment as qO}from"react";import{jsx as UO,jsxs as KO}from"react/jsx-runtime";var _l=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function Bl(e){return lo(e)}function vM(e){let t=e.split("\xAE");return t.length===1?e:t.map((a,s)=>KO(qO,{children:[a,s<t.length-1&&UO(e6,{})]},s))}var wa=_l.map((e,t)=>({key:e,num:String(t+1).padStart(2,"0"),title:vM(e)}));function WO(e){if(e.length===0)return[..._l];let t=new Set(e.map(a=>a.process));return _l.filter(a=>t.has(a))}function Cs1(e){return WO(e).map((t,a)=>({key:t,num:String(a+1).padStart(2,"0"),title:vM(t)}))}var Ms1=Object.fromEntries(_l.map(e=>[e,Bl(e)]));var Rl="";function zM(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 fM(e){let t=zM(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isSafeInteger(a)&&a>0?a:null}function bM(e){let t=zM(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isFinite(a)&&a>=0?a:null}function $O(e){return he.some(t=>t.f===e)?e:null}function jO(e){return typeof e=="string"&&e!==""?e:null}function xM(e){return e?{...f8,process:jO(e.openingProcess),size:fM(e.openingSize),lugs:fM(e.openingLugs),finish:$O(e.openingFinish),priceMin:bM(e.openingPriceMin),priceMax:bM(e.openingPriceMax)}:f8}var yM={value:Rl,label:"Any"},wM=[yM,...he.map(e=>({value:e.f,label:e.label}))],kM=[yM,...wa.map(e=>({value:e.key,label:e.key}))];import{useCallback as zG,useEffect as Gl,useRef as ZM,useState as Ca}from"react";function CM({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 D3={popup:"shop_popup",subscribeSection:"subscribe_section",subscribeBlogsSection:"subscribe_blogs_section",footerSignup:"footer_signup",stockAlertOptIn:"stock_alert_optin"};var YO={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function MM(e,t){let a={};for(let s of xo){let c=e[s];if(!c)continue;let o=C9({role:c},YO,t);o.fontFamily&&(a[Ch[s].font]=o.fontFamily),o.fontSize&&(a[Ch[s].size]=o.fontSize)}return a}import{useEffect as QO}from"react";import{useEffect as SM,useState as b8}from"react";import{jsx as Me,jsxs as JO}from"react/jsx-runtime";function x5(e,t){let[a,s]=b8(void 0),[c,o]=b8(0);return SM(()=>{if(t!==void 0)return;if(!e){s(null);return}let l=!1;return m0.getForm(e).then(r=>{l||s(r)}).catch(()=>{l||s(null)}),()=>{l=!0}},[t,e,c]),SM(()=>{if(t===void 0)return uo(()=>o(l=>l+1))},[t]),t!==void 0?t:a}var XO="Something went wrong \u2014 your submission wasn't sent. Please try again.";function Se(e,t="Thanks \u2014 we've received your submission."){return e.successMessage?.trim()||t}function s7({form:e,formSlug:t,editing:a=!1}){let[s,c]=b8({}),[o,l]=b8(""),[r,i]=b8(!1),[n,h]=b8(!1),[m,p]=b8(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 m0.submitForm(t,{answers:d,...o?{company:o}:{}}),h(!0)}catch{p(XO)}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 Le({value:e,onChange:t}){return Me("input",{type:"text",name:"company",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"hidden",value:e,onChange:a=>t(a.target.value)})}function c7({field:e,value:t,onChange:a,className:s,rows:c=5,placeholder:o}){let l=o??e.placeholder;return e.type==="textarea"?Me("textarea",{required:e.required,rows:c,value:t,placeholder:l,onChange:r=>a(r.target.value),className:s}):e.type==="select"?JO("select",{required:e.required,value:t,onChange:r=>a(r.target.value),className:s,children:[Me("option",{value:"",children:l||"Select\u2026"}),e.options.map(r=>Me("option",{value:r,children:r},r))]}):e.type==="checkbox"?Me("input",{type:"checkbox",required:e.required,checked:t==="true",onChange:r=>a(r.target.checked?"true":""),className:s}):Me("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 ka}from"react/jsx-runtime";var LM="font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim";function w4({size:e,children:t}){return e==="tall"?ka("section",{className:"grid min-h-[70vh] place-items-center border-b border-line px-[var(--sf-site-gutter,40px)] pt-[104px] pb-14 text-center",style:{background:"var(--section-bg)"},children:ka("p",{className:LM,children:t})}):ka("section",{className:"relative z-[2] border-t border-line bg-surface",children:ka("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:ka("p",{className:LM,children:t})})})}import{jsx as Q2,jsxs as Il}from"react/jsx-runtime";var AM="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 eG({field:e,value:t,onChange:a}){let s={field:e,value:t,onChange:a};return e.type==="checkbox"?Il("label",{className:"flex items-start gap-3",children:[Q2(c7,{...s,className:"mt-1 size-4 accent-accent"}),Il("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-fg",children:[e.label,e.required?Q2("span",{className:"text-accent",children:" *"}):null]})]}):Q2(I2,{label:e.label,required:e.required,children:Q2(c7,{...s,className:e.type==="textarea"?AM+" resize-y":AM})})}function Mm({formSlug:e,heading:t,intro:a,submitText:s,finePrint:c,form:o,editing:l=!1}={}){let r=x5(e,o);if(r===void 0)return Q2(w4,{size:"short",children:"Loading form\u2026"});if(r===null)return Q2(w4,{size:"short",children:l?"Choose a form in the inspector, under Form.":"This form is unavailable."});let i=(t??"").trim()||r.title;return Q2("section",{className:"relative z-[2] border-t border-line bg-surface",children:Il("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&&Q2("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()&&Q2("p",{className:"mb-11 max-w-[640px] font-display text-[16px] leading-[1.6] text-fg-dim",children:a}),Q2(Sm,{form:r,formSlug:e,submitText:s,finePrint:c,editing:l})]})})}function Sm({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}=s7({form:e,formSlug:t,editing:c});QO(()=>{m&&o?.()},[m]);let g=(a??"").trim()||e.submitButtonText?.trim()||"Submit";return m?Q2("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:Se(e)}):Il("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:u,children:[e.fields.map(d=>Q2(eG,{field:d,value:l(d.key),onChange:f=>r(d.key,f)},d.key)),Q2(Le,{value:i,onChange:n}),p&&Q2("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:p}),Q2("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()&&Q2("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:e.consentText}),(s??"").trim()&&Q2("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:s})]})}import{jsx as tG}from"react/jsx-runtime";function Lm(){return tG("span",{className:"block h-px w-[30px] bg-current"})}import{jsx as Am,jsxs as oG}from"react/jsx-runtime";function aG(e,t){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}var sG="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",cG="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 A1({text:e,look:t="plain",size:a=13,scaled:s=!0,className:c="",classNameAfter:o=""}){if(t==="line")return oG("div",{className:[c,cG,o].filter(Boolean).join(" "),children:[Am(Lm,{}),Am("span",{children:k(e)})]});let l=t==="filled"?sG:aG(a,s);return Am("span",{className:[c,l,o].filter(Boolean).join(" "),children:k(e)})}import{useCallback as HM,useRef as lG,useState as FM}from"react";function Zl({source:e,dryRun:t=!1}){let[a,s]=FM("idle"),[c,o]=FM(null),l=lG(!1),r=HM(()=>{l.current=!1,o(null),s("idle")},[]),i=HM(async n=>{if(!l.current){if(!le(n.email)){s("invalid");return}l.current=!0,o(null),s("sending");try{t||await m0.createNewsletterSubscription(CM(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 Dl(){return"/edit"}import{createContext as hG,useCallback as Ol,useContext as mG,useEffect as pG,useMemo as uG,useRef as dG,useState as Tm}from"react";var TM="/edit";function PM(e){return e===TM||e.startsWith(`${TM}/`)}var VM="storefront-subscribe-seen",NM="storefront-popup-closed-at",rG=1440*60*1e3,iG=["/checkout","/cart"];function EM(e){let t=e.split(/[?#]/)[0]||"/",a=t.startsWith("/")?t:`/${t}`;return a.length>1?a.replace(/\/+$/,"")||"/":a}function Hm(e,t,a){let s=EM(e);return iG.some(c=>s===c||s.startsWith(`${c}/`))?!1:t==="all"?!0:a.some(c=>EM(c)===s)}function nG(e,t,a,s){if(e==="never")return!1;if(a.session.getItem(VM)==="1")return!0;if(e==="visit")return!1;let c=Number(a.local.getItem(NM));return!Number.isFinite(c)||c<=0?!1:s-c<t*rG}function Fm(e,t){e.session.setItem(VM,"1"),e.local.setItem(NM,String(t))}function _M(e,t){return e==="exit"&&!t?"delay":e}function BM(e,t,a){let s=a-t;return s<=0?100:Math.min(100,Math.max(0,e/s*100))}function RM(e,t,a){return!e.autoOpen||e.inEditor||!Hm(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!Rw(t.session)?!1:!nG(e.hideAfter,e.hideDays,t,a)}import{jsx as bG}from"react/jsx-runtime";var IM=hG(null),Pm={session:Iw,local:J2};function gG(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var vG=15,fG=[];function vc1({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:s=vG,trigger:c="delay",scrollPercent:o=50,showOn:l="all",showOnPages:r=fG,hideAfter:i="visit",hideDays:n=7}){let[h,m]=Tm(!1),[p,u]=Tm("chosen"),[g,d]=Tm({}),f=Dl()??"/",v=PM(f),z=Hm(f,l,r),x=dG(!1),w=Ol(q=>{d(q??{}),u("newsletter"),m(!0)},[]),C=Ol(()=>{x.current=!0,d({}),u("chosen"),m(!0)},[]),A=Ol(()=>Fm(Pm,Date.now()),[]),E=Ol(()=>{m(!1),Fm(Pm,Date.now())},[]);pG(()=>{if(t||x.current||!RM({autoOpen:a,inEditor:v,path:f,showOn:l,showOnPages:r,hideAfter:i,hideDays:n},Pm,Date.now()))return;let F=_M(c,gG());if(F==="scroll"){let N=()=>{BM(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=o&&(window.removeEventListener("scroll",N),C())};return window.addEventListener("scroll",N,{passive:!0}),()=>window.removeEventListener("scroll",N)}if(F==="exit"){let N=I=>{I.relatedTarget===null&&I.clientY<=0&&(document.removeEventListener("mouseout",N),C())};return document.addEventListener("mouseout",N),()=>document.removeEventListener("mouseout",N)}let T=window.setTimeout(C,Math.max(0,s)*1e3);return()=>window.clearTimeout(T)},[t,a,v,z,c,s,o,i,n,C]);let V=uG(()=>({isOpen:h,mode:p,open:w,close:E,markSent:A,prefillEmail:g.email??"",signupSource:g.source??D3.popup}),[h,p,w,E,A,g]);return bG(IM.Provider,{value:V,children:e})}function Em(){let e=mG(IM);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{useEffect as Vm}from"react";function o7({active:e,onDismiss:t,focusRef:a,lockScroll:s=!0}){Vm(()=>{if(!e)return;let c=o=>{o.key==="Escape"&&t()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e,t]),Vm(()=>{if(!e||!s)return;let c=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=c}},[e,s]),Vm(()=>{e&&a?.current?.focus()},[e,a])}import{Fragment as wG,jsx as Q1,jsxs as y2}from"react/jsx-runtime";var xG=50,ql="font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)]";function yG(e){let t=S9({sectionAccent:h5(e.sectionAccent)}),a=so(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...MM(e.textStyles)}}}function DM({content:e,open:t=!0,onClose:a,onSent:s,inline:c=!1,prefillEmail:o="",source:l=D3.popup,mode:r="chosen",form:i}){let n=r==="chosen"?e.formSlug:"",h=x5(n||void 0,c?void 0:i??null),m=!!n&&!!h,[p,u]=Ca(""),[g,d]=Ca(""),[f,v]=Ca(()=>new Set(e.interests.slice(0,1))),[z,x]=Ca(e.frequencies[0]??""),{status:w,error:C,submit:A,reset:E}=Zl({source:l,dryRun:c}),V=w==="sending",q=w==="invalid"?e.emailInvalidText:w==="error"?C instanceof _4?C.message:e.submitErrorText:null,[F,T]=Ca(""),N=ZM(null),I=ZM(null);Gl(()=>{t&&E()},[t,E]),Gl(()=>{w==="sent"&&!c&&s?.()},[w]);let P=zG(()=>a?.(),[a]);if(o7({active:!c&&t,onDismiss:P}),Gl(()=>{if(c||!t)return;let G=window.setTimeout(()=>I.current?.focus(),xG);return()=>window.clearTimeout(G)},[c,t]),Gl(()=>{!t||!o||d(o)},[t,o]),!c&&!t)return null;function D(G){v(o1=>{let u1=new Set(o1);return u1.has(G)?u1.delete(G):u1.add(G),u1})}function a1(G){G.target===N.current&&a?.()}function B(G){G.preventDefault();let o1=g.trim().toLowerCase();T(o1),A({email:o1,firstName:p,interests:[...f],frequency:z})}let U=e.successBody.replace(/\{email\}/g,F).replace(/\{issue\}/g,e.issueNumber),Y=yG(e),W=e.formSide==="left",Q=y2("div",{className:"flex flex-wrap items-center justify-between gap-5 uppercase tracking-[0.18em] text-fg-dim",children:[y2("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:[Q1("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),k(e.finePrint)]}),!c&&Q1("button",{type:"button",onClick:a,className:"font-[family-name:var(--pp-dismiss-font,var(--font-mono))] text-[length:var(--pp-dismiss-size,12px)] uppercase tracking-[0.18em] text-fg-dim underline underline-offset-[3px] transition-colors hover:text-fg",children:k(e.dismissText)})]}),b1=y2(wG,{children:[Q1("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:Q1(A1,{text:e.formLabel,scaled:!1,className:"mb-[18px]"})}),Q1("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)}),Q1("p",{className:"mt-3.5 font-[family-name:var(--pp-formintro-font,var(--font-serif))] text-[length:var(--pp-formintro-size,17px)] italic leading-[1.55] text-fg-dim",children:k(e.formIntro,!0)})]}),X="px-11 py-12 max-[880px]:px-[26px] max-[880px]:py-8",v1;m&&h?v1=y2("div",{className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${X}`,children:[b1,Q1("div",{className:"mt-8",children:Q1(Sm,{form:h,formSlug:n,editing:c,onSent:s})}),Q1("div",{className:"mt-auto pt-7",children:Q})]}):w!=="sent"?v1=y2("form",{onSubmit:B,noValidate:!0,className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${X}`,children:[b1,y2("div",{className:"mt-8 flex flex-col gap-[18px]",children:[Q1(I2,{label:k(e.firstNameLabel),required:!0,labelFace:ql,children:Q1("input",{type:"text",value:p,onChange:G=>u(G.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"})}),Q1(I2,{label:k(e.emailLabel),required:!0,labelFace:ql,children:Q1("input",{type:"email",value:g,onChange:G=>d(G.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"})}),y2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[Q1(n8,{labelFace:ql,children:k(e.interestsLabel)}),Q1("div",{className:"flex flex-wrap gap-2",children:e.interests.map((G,o1)=>{let u1=f.has(G);return Q1("button",{type:"button",onClick:()=>D(G),"aria-pressed":u1,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",u1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:G},`${G}-${o1}`)})})]}),e.frequencies.length>0&&y2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[Q1(n8,{labelFace:ql,children:k(e.frequencyLabel)}),Q1("div",{className:"flex border border-line",children:e.frequencies.map((G,o1)=>{let u1=z===G;return Q1("button",{type:"button",onClick:()=>x(G),"aria-pressed":u1,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",o1<e.frequencies.length-1?"border-r border-line":"",u1?"bg-accent text-bg":"text-fg-dim hover:text-fg"].join(" "),children:G},`${G}-${o1}`)})})]})]}),y2("div",{className:"mt-auto flex flex-col gap-3.5 pt-7",children:[q&&Q1("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}),y2("button",{type:"submit",disabled:V,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:[Q1("span",{children:e.submitText}),Q1("span",{className:"transition-transform group-hover:translate-x-[4px]",children:V?"\u2026":"\u2192"})]}),Q]})]}):v1=y2("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:[Q1("div",{className:"flex h-16 w-16 items-center justify-center border border-accent font-display text-[32px] text-accent",children:"\u2713"}),Q1("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)}),Q1("p",{className:"max-w-[440px] font-[family-name:var(--pp-donebody-font,var(--font-serif))] text-[length:var(--pp-donebody-size,18px)] italic leading-[1.55] text-fg-dim",children:k(U,!0)}),!c&&Q1("button",{type:"button",onClick:a,className:"self-start border border-line px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:k(e.keepBrowsingText)})]});let G1=y2("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&&Q1("button",{ref:I,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"}),y2("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:[y2("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:[Q1("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)"}}),y2("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:[Q1("div",{className:"absolute inset-[60px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, transparent)"}}),Q1("div",{className:"absolute inset-[140px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 14%, transparent)"}})]}),y2("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:[Q1("span",{children:k(e.metaLabel)}),(e.issueLabel||e.issueNumber)&&y2("span",{children:[k(e.issueLabel)," ",Q1("strong",{className:"font-normal text-accent",children:e.issueNumber})]})]}),y2("div",{className:"relative z-[2] flex flex-col gap-[18px] py-8",children:[Q1("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:Q1(A1,{text:e.kicker,size:12,scaled:!1})}),Q1("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)}),Q1("p",{className:"max-w-[420px] font-[family-name:var(--pp-body-font,var(--font-serif))] text-[length:var(--pp-body-size,18px)] italic leading-[1.5]",style:{color:"color-mix(in oklab, var(--fg) 85%, transparent)"},children:k(e.deck,!0)})]}),e.stats.length>0&&Q1("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((G,o1)=>y2("div",{children:[Q1("div",{className:"mb-1.5 font-[family-name:var(--pp-statname-font,var(--font-mono))] text-[length:var(--pp-statname-size,11px)] uppercase tracking-[0.24em] text-fg-dim",children:k(G.label)}),Q1("div",{className:"font-[family-name:var(--pp-statvalue-font,var(--font-display))] text-[length:var(--pp-statvalue-size,22px)] font-medium tracking-[-0.015em] text-fg",children:k(G.value)})]},`${G.label}-${o1}`))})]}),v1]})]});return c?Q1("div",{className:"flex w-full justify-center p-6","data-subscribe-preview":!0,children:G1}):y2("div",{ref:N,onClick:a1,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,Q1("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
|
-
`})]})}import{createContext as kG,useCallback as Ma,useContext as CG,useEffect as _m,useMemo as MG,useRef as SG,useState as l7}from"react";var Nm="/api/chat/public";function OM(e){let t=ma.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function GM(e){let t=ma.getAccess();return $6(`${Nm}/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 qM(e,t){return $6(`${Nm}/conversations/${e}/thread/`,OM(t))}async function WM(e,t,a){return $6(`${Nm}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...OM(t)})}import{jsx as FG}from"react/jsx-runtime";function LG(e,t){return`${(Jo||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var AG="sf:aid",UM="sf:chat",KM=kG(null);function HG(){let e=J2.getItem(UM);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function $M({children:e,preview:t=!1}){let[a,s]=l7(!1),[c,o]=l7(null),[l,r]=l7([]),[i,n]=l7(!1),[h,m]=l7(null),[p,u]=l7(0),[g,d]=l7(!1),[f,v]=l7(!1),z=SG(a);z.current=a,_m(()=>{t||(o(HG()),Uw.restoreSession().then(()=>d(!0)).catch(()=>d(!1)))},[t]);let x=Ma(async q=>{try{let F=await qM(q.id,q.token);r(F.messages)}catch{}},[]);_m(()=>{t||c&&x(c)},[t,c,x,g]),_m(()=>{if(t||!c)return;let q=ma.getAccess()??c.token,F=!1,T=null,N,I=3e3,P=()=>{F||(T=new WebSocket(LG(c.id,q)),T.onmessage=D=>{try{let a1=JSON.parse(D.data);a1.type==="chat_event"&&a1.event==="message"&&(x(c),!z.current&&a1.payload?.sender_role==="employee"&&u(B=>B+1))}catch{}},T.onclose=()=>{F||(N=setTimeout(P,I),I=Math.min(I*2,3e4))},T.onerror=()=>T?.close())};return P(),()=>{F=!0,N&&clearTimeout(N),T?.close()}},[t,c,x]);let w=Ma(()=>{s(!0),u(0)},[]),C=Ma(()=>s(!1),[]),A=Ma(()=>s(q=>(q||u(0),!q)),[]),E=Ma(async(q,F)=>{let T=q.trim();if(T){if(t){r(N=>[...N,{id:`preview-${N.length}`,sender_role:"customer",sender_name:F?.name||"You",body:T,image_url:null,created_at:""}]),v(!0);return}n(!0),m(null);try{if(c){let N=await WM(c.id,c.token,T);r(I=>[...I,N])}else{let N=J2.getItem(AG)||"",I=await GM({body:T,guestName:F?.name,guestEmail:F?.email,guestKey:N}),P={id:I.id,token:I.guest_token};J2.setItem(UM,JSON.stringify(P)),o(P),r(I.messages)}}catch{m("Could not send your message. Please try again shortly.")}finally{n(!1)}}},[c,t]),V=MG(()=>({isOpen:a,open:w,close:C,toggle:A,messages:l,sending:i,error:h,unread:p,hasConversation:t?f:!!c,isSignedIn:g,send:E}),[a,w,C,A,l,i,h,p,c,g,E,t,f]);return FG(KM.Provider,{value:V,children:e})}function jM(){let e=CG(KM);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as TG,useRef as PG,useState as Bm}from"react";import{jsx as a2,jsxs as y5}from"react/jsx-runtime";var EG="Chat with us",VG="We usually reply within a few minutes",NG="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function _G({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:y5("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&&y5("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 Rm({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}=jM(),u=e?.trim()||EG,g=t?.trim()||VG,d=a?.trim()||NG,[f,v]=Bm(""),[z,x]=Bm(""),[w,C]=Bm(""),A=PG(null),E=!m&&!h;TG(()=>{s&&A.current?.scrollIntoView({behavior:t6(),block:"nearest"})},[l.length,s]);let V=f.trim().length>0&&(!E||z.trim()&&/.+@.+/.test(w)),q=()=>{!V||r||(p(f,E?{name:z.trim(),email:w.trim()}:void 0),v(""))};return s?y5("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:[y5("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[y5("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"})})})]}),y5("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(F=>a2(_G,{m:F},F.id)),a2("div",{ref:A})]}),y5("div",{className:"border-t border-line p-3",children:[E&&y5("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[a2("input",{value:z,onChange:F=>x(F.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:w,onChange:F=>C(F.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}),y5("div",{className:"flex items-end gap-2",children:[a2("textarea",{value:f,onChange:F=>v(F.target.value),onKeyDown:F=>{F.key==="Enter"&&!F.shiftKey&&(F.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:!V||r,className:"rounded-lg bg-btn px-3 py-2 text-sm font-semibold text-btn-ink disabled:opacity-40",children:r?"\u2026":"Send"})]})]})]}):y5("button",{type:"button",onClick:c,"aria-label":h2(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 Im,jsxs as RG}from"react/jsx-runtime";var BG=`
|
|
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, ${a6.accent} 45%, transparent);
|
|
13
|
-
outline-offset: 3px;
|
|
14
|
-
}
|
|
15
|
-
.sf-preview-chat-pick[data-selected] [aria-label] {
|
|
16
|
-
outline: 2px solid ${a6.accent};
|
|
17
|
-
outline-offset: 3px;
|
|
18
|
-
}
|
|
19
|
-
`;function Zm(){let{chromePlaceholder:e,themeFromDocument:t}=_3(),{chat:a,selected:s,select:c}=Gy();return e||t||!a.enabled?null:RG("div",{className:"sf-preview-chat-pick","data-selected":s||void 0,onClick:o=>{o.stopPropagation(),c()},children:[Im("style",{children:BG}),Im($M,{preview:!0,children:Im(Rm,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{lazy as IG,Suspense as ZG}from"react";import{jsx as YM}from"react/jsx-runtime";function Dm(e,t={}){let a=IG(async()=>{let o=await e();return{default:"default"in o?o.default:o}}),s=t.loading?t.loading():null;function c(o){return YM(ZG,{fallback:s,children:YM(a,{...o})})}return c}import{useEffect as dq,useRef as gq}from"react";import{useEffect as DG,useState as OG}from"react";import{jsx as Om,jsxs as GG}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]=OG(!1),u=a||"";DG(()=>{p(!1)},[u]);let g=pz(u),d=!u||m;return GG("div",{className:`relative h-full w-full overflow-hidden ${t??""}`,children:[Om("div",{className:"absolute inset-0 flex items-center justify-center",style:n?{background:"var(--surface)"}:void 0,children:d?e:null}),u&&(g?Om("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)}):Om(Gc,{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 XG}from"react";var qG=25.4,Sa=400,Ul=152,WG=58,XM=Ul*Math.cos(WG*Math.PI/180),UG=14,KG=Sa/2,$G={sectionWidth:225,aspectRatio:60,rimDiameter:17};function QM(e){let t=s4(e);return t?{sectionWidth:t.width,aspectRatio:t.profile,rimDiameter:t.rim}:$G}function eS(e){let t=e.rimDiameter*qG/2,a=t+e.sectionWidth*e.aspectRatio/100,s=Ul*(e.sectionWidth/a),c=t/a;return{cy:KG,rx:XM,ry:Ul,cxf:Sa/2-s/2-UG,dx:s,rimRx:XM*c,rimRy:Ul*c}}var d0=e=>e.toFixed(1);function Kl(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${d0(c)} ${d0(o)} A${d0(e.rx)} ${d0(e.ry)} 0 0 ${a} ${d0(c)} ${d0(l)}`}function Gm(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${d0(s)} ${d0(o)} L${d0(c)} ${d0(o)} A${d0(e.rx)} ${d0(e.ry)} 0 0 1 ${d0(c)} ${d0(l)} L${d0(s)} ${d0(l)} A${d0(e.rx)} ${d0(e.ry)} 0 0 0 ${d0(s)} ${d0(o)} Z`}function Wl(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 tS(e,t,a,s,c){let[o,l]=Wl(e,t,s),[r,i]=Wl(e,t,c),[n,h]=Wl(e,a,c),[m,p]=Wl(e,a,s);return`M${d0(o)} ${d0(l)} A${d0(e.rx)} ${d0(e.ry)} 0 0 1 ${d0(r)} ${d0(i)} L${d0(n)} ${d0(h)} A${d0(e.rx)} ${d0(e.ry)} 0 0 0 ${d0(m)} ${d0(p)} L${d0(o)} ${d0(l)} Z`}var JM=[{f:[0,.215]},{f:[.245,.485]},{f:[.515,.755]},{f:[.785,1]}],jG={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}}]},YG=[["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 aS(e){let t=` ${(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").trim()} `;if(t.trim()==="")return JM;for(let[a,s]of YG)if(t.includes(` ${a} `))return jG[s];return JM}var $l="Illustrations are drawn to each tyre's listed size and represent its category; supplier photography replaces them where available.";import{Fragment as La,jsx as h0,jsxs as w5}from"react/jsx-runtime";var l4={rib:.2,grooveWall:.16,shoulder:.22,silhouette:.26,relief:[.26,.15,.11],lettering:.1,dishFill:.06,dishEdge:.3,spoke:.3,hubFill:.16,hubEdge:.34},JG=[.8,.52,.24],sS=.4,cS=.88,oS=.3,lS=5,rS=.3,iS=.84,QG=7,C0=e=>Math.round(e*10)/10;function qm({size:e,type:t,className:a}){let s=XG().replace(/[^a-zA-Z0-9]/g,""),c={tread:`${s}-tread`,wall:`${s}-wall`,rim:`${s}-rim`,shadow:`${s}-shadow`,crown:`${s}-crown`},o=eS(QM(e)),l=Gm(o,0,1),r=e?`${e} tyre illustration`:"Tyre illustration";return w5("svg",{"data-tyre-placeholder":"",viewBox:`0 0 ${Sa} ${Sa}`,role:"img","aria-label":r,fill:"none",className:a??"block h-full w-full",children:[h0("title",{children:r}),w5("defs",{children:[h0(tq,{id:c}),h0("clipPath",{id:c.crown,children:h0("path",{d:l})})]}),h0("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})`}),h0(aq,{g:o,id:c}),h0(sq,{g:o,id:c}),h0("path",{d:l,fill:`url(#${c.tread})`}),h0("g",{clipPath:`url(#${c.crown})`,children:aS(t).map(i=>h0(eq,{g:o,column:i},i.f[0]))}),h0("path",{d:Kl(o,0,0,!0),stroke:"currentColor",strokeOpacity:l4.shoulder,strokeWidth:1.2}),h0("path",{d:Kl(o,1,1),stroke:"currentColor",strokeOpacity:l4.silhouette,strokeWidth:1.4})]})}function eq({g:e,column:t}){let[a,s]=t.f;if(!t.blocks)return w5(La,{children:[h0("path",{d:Gm(e,a,s),fill:"currentColor",fillOpacity:l4.rib}),h0("path",{d:Kl(e,a,1),stroke:"currentColor",strokeOpacity:l4.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 h0(La,{children:i.map(([n,h])=>h0("path",{d:tS(e,a,s,n,h),fill:"currentColor",fillOpacity:l4.rib,stroke:"currentColor",strokeOpacity:l4.grooveWall,strokeWidth:1},n))})}function tq({id:e}){return w5(La,{children:[w5("linearGradient",{id:e.tread,x1:"0",y1:"0",x2:"1",y2:"0",children:[h0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.07}),h0("stop",{offset:"0.14",stopColor:"currentColor",stopOpacity:.24}),h0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.18}),h0("stop",{offset:"0.84",stopColor:"currentColor",stopOpacity:.1}),h0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.05})]}),w5("linearGradient",{id:e.wall,x1:"0.15",y1:"0",x2:"0.9",y2:"1",children:[h0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.28}),h0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.17}),h0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.08})]}),w5("linearGradient",{id:e.rim,x1:"0.1",y1:"0",x2:"0.9",y2:"1",children:[h0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.46}),h0("stop",{offset:"0.5",stopColor:"currentColor",stopOpacity:.26}),h0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.12})]}),w5("radialGradient",{id:e.shadow,children:[h0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.22}),h0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:0})]})]})}function aq({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 w5(La,{children:[h0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rx),ry:C0(e.ry),fill:`url(#${t.wall})`}),JG.map((o,l)=>{let r=s(o);return h0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rx*r),ry:C0(e.ry*r),stroke:"currentColor",strokeOpacity:l4.relief[l],strokeWidth:1},o)}),h0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rx*s(sS)),ry:C0(e.ry*s(sS)),stroke:"currentColor",strokeOpacity:l4.lettering,strokeWidth:C0(c)})]})}function sq({g:e,id:t}){let a=Array.from({length:lS},(s,c)=>{let o=(c*(360/lS)-90)*Math.PI/180;return{x1:e.cxf+e.rimRx*rS*Math.cos(o),y1:e.cy+e.rimRy*rS*Math.sin(o),x2:e.cxf+e.rimRx*iS*Math.cos(o),y2:e.cy+e.rimRy*iS*Math.sin(o)}});return w5(La,{children:[h0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rimRx),ry:C0(e.rimRy),fill:`url(#${t.rim})`}),h0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rimRx*cS),ry:C0(e.rimRy*cS),fill:"currentColor",fillOpacity:l4.dishFill,stroke:"currentColor",strokeOpacity:l4.dishEdge,strokeWidth:1}),a.map((s,c)=>h0("line",{x1:C0(s.x1),y1:C0(s.y1),x2:C0(s.x2),y2:C0(s.y2),stroke:"currentColor",strokeOpacity:l4.spoke,strokeWidth:QG,strokeLinecap:"round"},c)),h0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rimRx*oS),ry:C0(e.rimRy*oS),fill:"currentColor",fillOpacity:l4.hubFill,stroke:"currentColor",strokeOpacity:l4.hubEdge,strokeWidth:1})]})}import{jsx as Wm}from"react/jsx-runtime";function l6({image:e,size:t,type:a,sizes:s,priority:c=!1,className:o="aspect-square",showBackground:l=!0}){return Wm("div",{className:`text-fg ${o}`,style:{padding:"var(--sf-tyre-image-inset, 0)"},children:Wm(k0,{label:t||"Tyre",src:X3(e??void 0),alt:t?`${t} tyre`:"Tyre",objectFit:"contain",sizes:s,priority:c,showBackground:l,fallback:Wm(qm,{size:t,type:a,className:"block h-full w-full p-3"})})})}function Yl(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 cq(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 jl(e,t=""){return{vehicle:{...e,region:t},status:"unknown",oemSizes:[],variants:[]}}function oq(e,t){if(typeof t!="object"||t===null)return jl(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 jl(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?jl(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 nS(e,t){try{let a=await $6(cq(e,t),{baseUrl:Kw});return oq(t,a)}catch{return jl(t)}}function hS(e){if(!e)return[];let t=[];for(let a of[...e.frontTyres,...e.rearTyres]){let s=s4(a);if(!s)continue;let c=B4(s);t.includes(c)||t.push(c)}return t}function mS(e,t){if(t.length===0)return null;for(let a of e){let s=s4(a);if(!s)continue;let c=B4(s);if(t.includes(c))return c}return null}function Aa(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 lq="/tyres";function Ae(e){return e?`${lq}/${e}`:null}function He(e){let t=e.lastIndexOf(" ");return t===-1?{lead:"",accent:e}:{lead:e.slice(0,t+1),accent:e.slice(t+1)}}function Um(e,t){return Xw({partNumber:e.sku,prices:e.prices},t)}var rq="Tyre";function Xl(e,t,a,s){return{id:`${e.slug}|${t.sku}|${a.unit}|${a.spares>0?"spare":"no-spare"}`,slug:e.slug,name:He(e.name),process:e.brand||rq,positionNo:"01",config:[{label:t.size},{label:el(a)}],finishName:"",size:t.size,components:Um(t,a),qty:s,href:Ae(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:a}}function Jl(e){return e.kind==="tyre"}function pS(e,t){let a=e.prices?.[t];return typeof a!="number"||!Number.isFinite(a)||a<=0?!1:e.inStock}import{jsx as Ha}from"react/jsx-runtime";function iq(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function Km({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??ik;return Ha("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:Jl(e)?Ha(l6,{image:a?.coverImage,size:e.size,type:iq(a),sizes:"96px",className:"h-full w-full"}):o?.src?Ha(N3,{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?Ha("div",{className:"relative z-[2] block w-[72%]",style:{color:n,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:Ha(h8,{spokes:l,mesh:r,className:"block w-full"})}):null})}import{jsx as $m,jsxs as hq}from"react/jsx-runtime";function uS(e,t){return Math.min(Ih,Math.max(1,e+t))}var dS="disabled:cursor-not-allowed disabled:opacity-40",nq={large:{frame:"flex items-center border-2 border-fg-dim/50",button:`h-12 w-12 cursor-pointer bg-transparent font-mono text-[length:var(--size-label,16px)] font-bold text-fg transition-colors enabled:hover:bg-surface enabled:hover:text-accent ${dS}`,value:"w-11 text-center font-mono text-[length:var(--size-label,15px)] font-bold tracking-[0.1em] text-fg"},small:{frame:"flex items-center border border-line",button:`h-[30px] w-[30px] cursor-pointer font-mono text-fg-dim transition-colors enabled:hover:text-accent ${dS}`,value:"min-w-[36px] px-3 text-center font-mono text-[12px] tracking-[0.18em] text-fg"}};function Fa({value:e,onChange:t,size:a}){let s=nq[a];return hq("div",{className:s.frame,children:[$m("button",{type:"button",onClick:()=>t(uS(e,-1)),disabled:e<=1,"aria-label":"Decrease quantity",className:s.button,children:"\u2212"}),$m("span",{className:s.value,children:e}),$m("button",{type:"button",onClick:()=>t(uS(e,1)),disabled:e>=Ih,"aria-label":"Increase quantity",className:s.button,children:"+"})]})}import{useEffect as mq,useState as pq}from"react";var uq=new Map;function gS(e){let[t,a]=pq(null);return mq(()=>{if(!e||t)return;let s=!0;return m0.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??uq}import{Fragment as Ql,jsx as E1,jsxs as o0}from"react/jsx-runtime";function Ta({content:e=zo}){let{isOpen:t,close:a,items:s,remove:c,setQty:o,totals:l,coupon:r,bundles:i}=a4(),n=new Set(s.flatMap(z=>(z.components??[]).map(x=>x.partNumber))),h=new Set(l.appliedBundles.map(z=>z.slug)),m=i.filter(z=>!h.has(z.slug)).filter(z=>z.components.some(x=>n.has(x.partNumber))).slice(0,2),{formatMoney:p,activeCountry:u}=n0(),g=u?.name??e.shipsToFallback,d=1+(e.leadTimeValue?1:0)+(g?1:0),f=gq(null),v=gS(s.some(Jl));return o7({active:t,onDismiss:a,lockScroll:!1}),dq(()=>{t&&f.current?.focus({preventScroll:!0})},[t]),t?o0(Ql,{children:[E1("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"}),o0("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:z=>z.stopPropagation(),children:[E1("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
|
-
`}),o0("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:[o0("div",{className:"flex items-center justify-between",children:[o0("span",{className:"flex items-center gap-2.5 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e.kickerBadge?E1("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]}),E1("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"})]}),o0("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[e.titleLead+" ",E1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:e.titleAccent})]}),E1("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:ly(e,s.length)})]}),o0("div",{className:`grid flex-shrink-0 ${vq[d-1]} gap-px border-b border-line bg-line`,children:[E1(jm,{label:"Items",value:o0(Ql,{children:[E1("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?E1(jm,{label:"Lead time",value:e.leadTimeValue}):null,g?E1(jm,{label:"Ships to",value:g}):null]}),o0("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--line)_transparent] [scrollbar-width:thin]",children:[s.length===0?E1(yq,{content:e}):s.map(z=>E1(fq,{line:z,tyre:v.get(z.slug),onRemove:()=>c(z.id),onQtyChange:x=>o(z.id,x)},z.id)),m.length>0&&o0("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:[o0("div",{className:"mb-3.5 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[E1("span",{children:"You may also need"}),E1("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),E1("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:m.map(z=>E1(bq,{href:`/bundles/${z.slug}`,title:z.name,sub:zq(z,l.currency,p)},z.slug))})]}),E1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:E1(pk,{})}),e.promises.length>0&&E1("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(z=>E1(xq,{children:z},z))})]}),o0("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-[22px]",children:[E1(r7,{label:`Subtotal \xB7 ${l.sets} set${l.sets===1?"":"s"}`,value:p(l.subtotal,l.currency)}),l.appliedBundles.map(z=>E1(r7,{label:`Bundle \xB7 ${z.name}${z.multiples>1?` \xD7${z.multiples}`:""}`,value:o0("span",{style:{color:"var(--green)"},children:["\u2212 ",p(z.discount,l.currency)]})},z.slug)),l.discount>0&&r?.valid&&E1(r7,{label:`Coupon \xB7 ${r.code}`,value:o0("span",{style:{color:"var(--green)"},children:["\u2212 ",p(l.discount,l.currency)]})}),r?.deferred&&E1(r7,{label:`Coupon \xB7 ${r.code}`,value:jw}),r?.valid&&r.effects?.gift&&E1(r7,{label:`Free gift \xB7 ${r.effects.gift.partNumber}${r.effects.gift.quantity>1?` \xD7${r.effects.gift.quantity}`:""}`,value:E1("span",{style:{color:"var(--green)"},children:"Free"})}),E1(r7,{label:"Shipping",value:l.freeShipping||l.shipping===0?E1("span",{style:{color:"var(--green)"},children:"Free"}):p(l.shipping,l.currency)}),l.tax&&(l.tax.charged?E1(r7,{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?E1(r7,{label:l.tax.name,value:"Calculated at checkout"}):null),o0("div",{className:"mt-1.5 flex items-center justify-between border-t border-line pt-3.5 text-fg",children:[o0("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",E1("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),E1("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:l.repricing?"\u2026":p(l.grand,l.currency)})]})]}),o0("div",{className:"flex flex-shrink-0 flex-col gap-2.5 px-8 pb-[22px] pt-3.5 max-[640px]:px-[22px]",children:[o0(C1,{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",E1("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]}),o0("div",{className:"flex items-center justify-between px-1 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:[E1(C1,{href:"/wheels",onClick:a,className:"text-fg transition-colors hover:text-accent",children:"\u2190 Keep browsing"}),E1("button",{type:"button",className:"text-fg transition-colors hover:text-accent",children:"Save for later"})]})]})]})]}):null}var vq=["grid-cols-1","grid-cols-2","grid-cols-3"];function jm({label:e,value:t}){return o0("div",{className:"flex flex-col gap-[3px] bg-bg px-4 py-3.5",children:[E1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:e}),E1("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:t})]})}function fq({line:e,tyre:t,onRemove:a,onQtyChange:s}){let{catalog:c,totals:o}=a4(),l=(e.components??[]).reduce((n,h)=>n+(o.freeUnitsByPartNumber[h.partNumber]??0),0),{currency:r,formatMoney:i}=n0();return o0(Ql,{children:[o0("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:[E1(Km,{line:e,catalog:c,tyre:t}),o0("div",{className:"flex min-w-0 flex-col gap-2",children:[o0("div",{className:"flex items-start justify-between gap-3",children:[o0("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N\xB0 ",e.positionNo," \xB7 ",e.process==="FusionForge\xAE"?o0(Ql,{children:["FusionForge",E1(e6,{})]}):e.process]}),E1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:Zh(e,r)===null?Y6:i(Zh(e,r),r)})]}),o0("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[e.name.lead,E1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:e.name.accent})]}),e.config.length>0&&o0("div",{className:"mt-1 flex flex-wrap gap-1.5",children:[e.config.map(n=>E1("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&&o0("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"]})]}),o0("div",{className:"mt-2.5 flex items-center justify-between gap-3",children:[E1(Fa,{value:e.qty,onChange:s,size:"small"}),o0("div",{className:"flex gap-3.5 font-mono text-[10px] uppercase tracking-[0.22em]",children:[E1(C1,{href:e.href??`/wheels/${e.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:e.href?"View product":"Edit finish"}),E1("button",{type:"button",onClick:a,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),e.verifiedFor&&o0("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:[E1("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),o0("span",{children:["Verified for your ",E1("strong",{className:"font-medium text-accent",children:e.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function bq({title:e,sub:t,href:a}){return o0(C1,{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:[o0("span",{className:"flex min-w-0 flex-col gap-[3px]",children:[E1("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:e}),E1("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:t})]}),E1("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 zq(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 xq({children:e}){return E1("span",{className:"inline-flex items-center gap-1.5 before:text-[6px] before:text-accent before:content-['\u25CF']",children:e})}function r7({label:e,value:t}){return o0("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[E1("span",{children:e}),E1("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:t})]})}function yq({content:e}){return o0("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[E1("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:e.emptyKicker}),E1("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:e.emptyBody}),o0(C1,{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 ",E1("span",{className:"text-accent",children:"\u2192"})]})]})}var wq=[{key:"cart",label:"Cart",href:"/?cart=open"},{key:"checkout",label:"Checkout",href:"/checkout"}],kq=Object.fromEntries(wq.map(e=>[e.key,e]));function vS(e){return kq[e]}import{Fragment as Mq,jsx as Fe,jsxs as Pa}from"react/jsx-runtime";var Cq=Dm(()=>import("./EditorPreviewCheckout-J27HMNBW.js"),{ssr:!1});function Ym(){let{chromePlaceholder:e,themeFromDocument:t}=_3(),{surface:a}=Ky();return e||t||!a||a!=="cart"&&a!=="checkout"?null:a==="checkout"?Pa(Mq,{children:[Fe(Cq,{}),Fe(fS,{surface:a})]}):Fe(ol,{children:Pa(ll,{preview:!0,children:[Fe(Ta,{}),Fe(fS,{surface:a})]})})}function fS({surface:e}){let{label:t,href:a}=vS(e);return Pa("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:[Pa("span",{style:{whiteSpace:"nowrap"},children:[t," \xB7 preview only"]}),Pa("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",Fe(J5,{name:"external-link",size:13,rounded:!0})]})]})}function bS(){return oC}function Sq(e){return(e.layout?.content??[]).some(a=>a?.type===d8)}function Ll1(e){return e.filter(Sq).map(t=>e8(t.slug))}function zS(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 xS(e){return zS(e).params.get(t7)||null}function yS(e,t){let{path:a,params:s,hash:c}=zS(e);t?s.set(t7,t):s.delete(t7);let o=s.toString();return`${a}${o?`?${o}`:""}${c}`}import{CategoryIcon as Se1,CheckIcon as UZ,ClockIcon as qb,ColumnsIcon as Le1,DirectionIcon as Ae1,EyeIcon as He1,ListIcon as Fe1,PageIcon as Te1,PlacementIcon as Pe1,ScrollPointIcon as Ee1,TriggerIcon as Ve1}from"efficient-easel/icons";import{useContext as Aq,useEffect as kS,useRef as tr,useState as ar}from"react";var Ea=class extends Error{constructor(a){super("The storefront forms list could not be loaded.");this.cause=a;this.name="FormsUnavailableError"}},er=null,Xm=null,Jm=null;function Lq(){er=null,Xm=null,Jm=null}function wS(e=!1){let t=B3(),a=l2();return(e||!er||Xm===null&&t!==null||Jm!==a)&&(Xm=t,Jm=a,er=(t?X1.listForms(t,{siteId:a}):Promise.reject(new Ea)).catch(s=>{throw Lq(),s instanceof Ea?s:new Ea(s)})),er}import{jsx as H2,jsxs as Z4}from"react/jsx-runtime";var CS="__create-a-new-form__";function Hq({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:CS,label:"Create a new form\u2026"}];return[r,...i,...n,...h]}function Fq(e){return e===CS?{action:"create"}:{action:"store",slug:e}}function Tq({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 Pq(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 Qm({value:e,onChange:t,label:a="Form",emptyLabel:s}){let c=b4(),o=Aq(go),l=o?o.capabilities.hasForms:!0,[r,i]=ar(null),[n,h]=ar(!1),[m,p]=ar(!1),[u,g]=ar(!1),d=tr(!0),f=tr(e);f.current=e;let v=tr(t);v.current=t;let z=tr(null),x=(F=!1)=>wS(F).then(T=>{if(d.current){i(T),h(!1);let N=Tq({value:f.current,pickedId:z.current,forms:T});N&&v.current(N)}return T},()=>(d.current&&h(!0),[]));kS(()=>(d.current=!0,l&&x(),()=>{d.current=!1}),[l]),kS(()=>l?uo(()=>{x(!0)}):void 0,[l]);let C=e?(r??[]).find(F=>F.slug===e)??null:null;C?z.current=C.id:e||(z.current=null);let A=!!e&&!C&&r!==null&&!n,E=Hq({value:e,forms:r,loadFailed:n,emptyLabel:s}),V=async()=>{p(!0),g(!1);try{let F=await Kx(c,{mode:"create"}),T=await x(!0);if(!d.current)return;if(F.status==="timeout"){g(!0);return}if(F.status!=="saved")return;let{form:N}=F;N.slug!==f.current&&v.current(N.slug),T.some(I=>I.id===N.id)||x(!0)}finally{d.current&&p(!1)}},q=F=>{let T=Fq(F);T.action==="create"?V():(g(!1),t(T.slug))};return l?Z4("div",{className:"sf-formpicker",children:[H2(V9,{label:a,options:E,fallback:"",value:e??"",onChange:q,placeholder:"Search forms\u2026"}),u&&H2("p",{className:"sf-formsummary-warn",children:"That didn\u2019t come back \u2014 pick the form from the list, or try again."}),C?Z4("div",{className:"sf-blogsource sf-formsummary",children:[Z4("div",{children:[H2("div",{className:"sf-formsummary-caption",children:C.fields.length===1?"1 field":`${C.fields.length} fields`}),C.fields.length?H2("ol",{className:"sf-formsummary-fields",children:C.fields.map((F,T)=>H2("li",{children:F.label},F.key||`${F.label}-${T}`))}):H2("p",{className:"sf-blogsource-hint",children:"This form has no fields yet, so there is nothing for a visitor to fill in."})]}),Z4("div",{children:[H2("div",{className:"sf-formsummary-caption",children:"Where the answers go"}),H2("ul",{className:"sf-formsummary-fields",children:Pq(C).map(F=>H2("li",{children:F},F))})]}),!C.is_active&&H2("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."}),Z4("div",{className:"sf-formsummary-actions",children:[H2("button",{type:"button",className:"sf-blogsource-btn",onClick:()=>Ux(c,C.id),children:"Edit form \u270E"}),H2("button",{type:"button",className:"sf-blogsource-btn",disabled:m,onClick:()=>{V()},children:"New form +"})]}),H2("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."})]}):Z4("div",{className:"sf-blogsource sf-formsummary",children:[n?Z4("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.`:""]}):A&&Z4("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."]}),Z4("div",{className:"sf-formsummary-actions",children:[n&&H2("button",{type:"button",className:"sf-blogsource-btn",disabled:m,onClick:()=>{x(!0)},children:"Try again"}),H2("button",{type:"button",className:"sf-blogsource-btn",disabled:m,onClick:()=>{V()},children:"New form +"})]}),!n&&H2("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."})]})]}):H2("div",{className:"sf-formpicker",children:H2("div",{className:"sf-blogsource sf-formsummary",children:Z4("div",{children:[H2("div",{className:"sf-formsummary-caption",children:a}),Z4("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 Eq}from"react/jsx-runtime";function k5(e,t){return{type:"custom",render:({value:a,onChange:s})=>Eq(Qm,{value:a,onChange:s,...e?{label:e}:{},...t?{emptyLabel:t}:{}})}}var sr=null,MS=null;function Vq(e,t){sr=e,MS=t}function Kl1(e){Vq(e,null)}function SS(){return sr}function Z2(){return MS==="dynamic"||sr===rm}function LS(e){return zl(sr??"",e)??"alloy-wheel"}import{createContext as Nq,useContext as _q}from"react";import{jsx as Bq}from"react/jsx-runtime";var AS=Nq(null);function HS({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return Bq(AS.Provider,{value:a,children:t})}function FS(){return _q(AS)}import{createContext as Rq,useContext as Iq}from"react";import{jsx as Zq}from"react/jsx-runtime";var TS=Rq("alloy-wheel");function PS({kind:e,children:t}){return Zq(TS.Provider,{value:e??"alloy-wheel",children:t})}function ES(){return Iq(TS)}import{createContext as Oq,useContext as Gq}from"react";var ep="heroBullets",Va="\xB7",Na={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function VS(e){return e.detail?`${e.label} ${Va} ${e.detail}`:e.label}function Dq(e){let t=e.trim();if(!t)return null;let a=t.indexOf(Va);return a<0?{label:t,detail:""}:{label:t.slice(0,a).trim(),detail:t.slice(a+Va.length).trim()}}function NS(e){let t=(e??{})[ep];return Array.isArray(t)?{bullets:t.map(s=>Dq(typeof s=="string"?s:cy(s?.text,""))).filter(s=>s!==null)}:Na}import{jsx as qq}from"react/jsx-runtime";var _S=Oq(Na);function BS({content:e,children:t}){return qq(_S.Provider,{value:e,children:t})}function RS(){return Gq(_S)}var m2={text:"Button label",href:"#"},L={eyebrow:"Eyebrow",heading:"Main heading",accent:"Highlight line",body:"Add a sentence or two of supporting copy.",button:"Button label",link:"#",sectionHeading:"Section heading",slideName:"Slide name",boxName:"Box name",headingAccent:"Section heading *here.*",sectionNumber:"Section number",imageCaption:"Image caption",bookingConfirmation:"Thanks \u2014 we'll email you to confirm.",imageMeta:"Image meta",label:"Label",value:"Value",viewAll:"View all",date:"Month DD, YYYY",category:"Category"};var e3={Series:"transparent",StatsParagraph:"transparent",TimelineTrack:zy,Stats:void 0};var cr="sf-card",F2={min:0,max:90,step:5,fallback:0,unit:"%"},i7=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],Wq="68%",O3={desktop:20,phone:20,side:40,sidePhone:24},IS="sf-box-sides",ZS={min:0,max:200,step:10};function Te(e){return typeof e=="string"&&e.trim()!==""}function or(e,t){let a=typeof e=="number"?e:Number.parseFloat(String(e??""));if(!Number.isFinite(a)||a<=0)return null;let c=(Math.min(F2.max,Math.max(F2.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) ${Wq})`}}function lr(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 $q}from"react/jsx-runtime";var rr={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}},DS=new Set(Object.keys(rr)),Uq=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),OS=new Set(["ProductGrid"]);function tp(e,t){let a=e.render;e.render=s=>{if(t?.(s))return a(s);let c=L9(s.sectionPaddingTop,s.sectionPaddingBottom,s.sectionPaddingTopPhone,s.sectionPaddingBottomPhone),o=a(s);return c?$q("div",{className:c.className,style:c.style,children:o}):o}}var GS={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!Uq.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){DS.has(t)||OS.has(t)||(e.fields={...e.fields,...a.spacingFields({phone:!0})})},draw(e,t){if(DS.has(t)){let a=e.render,s=rr[t];e.render=c=>{let o=_x(c,s);return a({...c,padTop:o.top,padBottom:o.bottom})};return}if(OS.has(t)){tp(e);return}tp(e,t==="Flex"?a=>Te(a.bgImage):void 0)}},Kq=["Heading","Text"],qS={name:"blockPadding",applies:(e,t,a)=>Kq.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.spacingFields({phone:!0})}},draw(e){tp(e)}};import{useEasel as jq}from"efficient-easel/easel";import{SettingsDrill as Yq}from"efficient-easel/panel";import{jsx as Pe,jsxs as Qq}from"react/jsx-runtime";function Xq({parent:e,parentType:t,label:a,rowName:s,onSelectChild:c,onAddChild:o,nestDepth:l=0}){let r=_h(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 Qq("div",{className:"sf-slot-rows",children:[a?Pe(I9,{label:`${a} \xB7 ${u.length}`}):null,d?Pe("p",{className:"sf-note",children:d}):null,u.map((f,v)=>Pe(Yq,{name:s(f),onOpen:()=>c(p,v,String(f.props.id),t)},String(f.props.id??`${p}-${v}`))),n?Pe(ck,{choices:n,onPick:f=>o(m,i,f,u.length,t)}):h.fixed?null:Pe(Ew,{label:h.addLabel,blocked:g,onAdd:()=>o(m,i,h.childType,u.length,t)})]})}function Jq(e,t){return _h(t)?.source==="footer"?e.blockRowName:e.childRowName}function ap({parentType:e,label:t}){let{appState:a,selectedItem:s}=jq(l=>l),c=Fw();if(!c||!s||s.type!==e)return null;let o=e===Lz?qc(a?.data,String(s.props.id)):0;return Pe(Xq,{parent:s,parentType:e,label:t,rowName:Jq(c,e),onSelectChild:c.selectChild,onAddChild:c.addChild,nestDepth:o})}var WS="grayscale(1) contrast(1.03)",US="Black and white";function eW(e){return e===!0?{filter:WS}:{}}function tW(e){let{filter:t}=eW(e);return t?{style:{filter:t}}:{}}var _a="sf-photo-grayscale",aW=`@media (hover:hover){.${_a}{filter:${WS};transition:filter 160ms ease}.${_a}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${_a}{transition:none}}`;function Ee(e,t){return typeof e=="boolean"?e?tW(!0):{}:t===!0?{className:_a}:{}}function KS(e){return e===!0?{[_a]:aW}:{}}import{AlignLeftIcon as oW,BlackAndWhiteIcon as lW,ContrastIcon as rW,HeightIcon as iW,TypeIcon as nW}from"efficient-easel/icons";var sW=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],cW=new Set(sW);function $S(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(cW.has(t[a]))return t[a];return null}import{jsx as n7}from"react/jsx-runtime";var r6=e=>Y2(e,t1("Height",n7(iW,{}),j9.min,j9.max,j9.step,j9.fallback,j9.unit)),k4={ctaText:H("Button",m2.text),ctaHref:L1("Button link")},C5=()=>f1("Alignment",n7(oW,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),ir=()=>f1("Tone",n7(rW,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),m3=e=>g5({...rr[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),s2=(e,t)=>({type:"custom",render:()=>n7(ap,{parentType:e,label:t})});function hW(e){let{photographyGrayscale:t}=_3();return s1(US,t===!0,n7(lW,{})).render(e)}function Ve(){return{type:"custom",render:e=>n7(hW,{...e})}}var U1=Object.keys(v5("full"));function Ne(e){let t=$S(e);return t?n7(J3,{noun:t}):n7(nW,{})}import{createContext as mW,useContext as pW}from"react";import{jsx as h7,jsxs as sp}from"react/jsx-runtime";function cp(e){return b9(e)??void 0}var op=mW({}),jS=3;function lp({tag:e,name:t,desc:a,href:s,imageSrc:c,imageLabel:o,price:l}){let{showPrice:r,cardStyle:i,partStyles:n,editing:h}=pW(op),m=i==="bordered"?" border border-line":i==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",p=cp(c),u=d=>h?{[o8]:d}:{},g=d=>Oo(n?.[l8(d)]?.role,Jy[d],$c);return sp(C1,{href:s||"#",className:`sf-card group relative block w-full min-w-0 overflow-hidden bg-surface-2${m}`,children:[h7("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:h7(k0,{label:o||"collection.jpg",src:p})}),h7("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"}}),sp("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&&h7("span",{...u("tag"),style:g("tag"),className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.25em] opacity-70",children:k(e)}),t&&h7("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&&u0(a).map((d,f)=>h7("p",{...u("body"),style:g("body"),className:"max-w-[420px] text-[length:var(--size-body,14px)] leading-[1.5] opacity-80",children:k(d)},f)),r&&l&&h7("span",{...u("price"),style:g("price"),className:"font-mono text-[length:var(--size-label,15px)] tracking-[0.05em] text-accent",children:k(l)}),sp("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",h7("span",{className:"transition-transform group-hover:translate-x-[3px]","aria-hidden":!0,children:"\u2192"})]})]})]})}import{createContext as dW,useCallback as gW,useContext as vW,useEffect as XS,useRef as fW,useState as ip}from"react";import{useState as uW}from"react";function nr(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 YS(e){return e==="below"}import{jsx as D4,jsxs as _e}from"react/jsx-runtime";function rp({build:e,hiddenMobile:t,alwaysShowOverlay:a,forceHover:s,index:c,total:o,ratio:l,captionPlace:r}){let[i,n]=uW(!1),h=YS(r),m=_e("div",{className:["sf-card group relative overflow-hidden bg-surface-2",nr(l),t?"max-[800px]:hidden":""].join(" "),children:[_e("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:[D4(k0,{label:e.imageLabel,src:e.imageSrc}),D4("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.35)"}})]}),D4("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&&D4(N3,{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&&_e("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&&D4("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)}),_e("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&&D4("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&&D4("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&&D4("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:D4("span",{children:Y1(e.finish)})})]})]});return h?_e("div",{className:t?"max-[800px]:hidden":"",children:[m,_e("div",{className:"bg-surface px-3.5 pt-3 pb-3.5",children:[e.wheel&&D4("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)&&D4("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 Be,jsx as X0,jsxs as p3}from"react/jsx-runtime";var Ba=dW({}),Ra="data-gallery-grid",np="data-gallery-tile";function bW(e,t){let[a,s]=ip(null);return XS(()=>{let c=e.current,o=c?.closest(`[${Ra}]`);if(!c||!o)return;let l=()=>{let i=Array.from(o.querySelectorAll(`[${np}]`)),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 JS=[{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 zW(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function xW(e){let t=(e.photos??[]).map(o=>o?.src).filter(o=>!!o),a=e.image||t[0]||"",s=[a,...t].filter(o=>!!o),c=zW(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 Ia({editing:e=!1,previewHover:t,ratio:a,captionPlace:s,...c}){let{galleryHref:o="/gallery",submitHref:l="/contact",previewHover:r}=vW(Ba),i=xW(c),n=i.photos??(i.imageSrc?[i.imageSrc]:[]),h=fW(null),m=gW(x=>{h.current=x},[]),p=bW(h,e),u=e&&(!!t||!!r),[g,d]=ip(!1),[f,v]=ip(0);XS(()=>{if(!g)return;let x=C=>{C.key==="Escape"?d(!1):C.key==="ArrowLeft"&&n.length>1?v(A=>(A-1+n.length)%n.length):C.key==="ArrowRight"&&n.length>1&&v(A=>(A+1)%n.length)};window.addEventListener("keydown",x);let w=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",x),document.body.style.overflow=w}},[g,n.length]);let z=X0(rp,{build:i,forceHover:u,index:p?.index,total:p?.total,ratio:a,captionPlace:s});return p3(Be,{children:[e?X0("div",{ref:m,[np]:"",className:"block w-full text-left",children:z}):X0("button",{ref:m,[np]:"",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:z}),g&&(()=>{let x=n[f]??i.imageSrc??"",w=()=>v(A=>(A-1+n.length)%n.length),C=()=>v(A=>(A+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:p3("div",{onClick:A=>A.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"}),p3("div",{className:"relative flex min-h-[690px] items-center justify-center overflow-hidden bg-surface-2 max-[1100px]:min-h-[450px]",children:[x&&X0("img",{src:x,alt:`${i.car} \u2014 ${f+1} of ${n.length}`,className:"block h-full max-h-[88vh] w-full object-cover"},x),n.length>1&&p3(Be,{children:[X0("button",{type:"button","aria-label":"Previous photo",onClick:w,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:C,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"}),p3("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]})]})]}),p3("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:k(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&&p3("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:k(i.car,!0)})]}),p3("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&&p3(Be,{children:[X0("dt",{className:"text-fg-dim",children:"Wheel"}),X0("dd",{className:"text-fg",children:k(i.wheel)})]}),i.process&&p3(Be,{children:[X0("dt",{className:"text-fg-dim",children:"Process"}),X0("dd",{className:"text-fg",children:k(i.process)})]}),i.finish&&p3(Be,{children:[X0("dt",{className:"text-fg-dim",children:"Finish"}),X0("dd",{className:"text-fg",children:k(i.finish)})]}),i.car&&p3(Be,{children:[X0("dt",{className:"text-fg-dim",children:"Vehicle"}),X0("dd",{className:"text-fg",children:k(i.car)})]})]}),p3("div",{className:"mt-auto flex flex-col gap-3.5 pt-6",children:[p3(C1,{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"})]}),p3(C1,{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"})]}),p3(C1,{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 CW,useContext as MW,useEffect as hr,useId as SW,useMemo as LW,useState as T2}from"react";var yW=14,wW=3;function hp(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function kW(e,t){let a=new Date(`${e}T00:00:00`);return a.setDate(a.getDate()+t),hp(a)}async function QS(e,t,a={}){let s=a.days??yW,c=a.read??i8.getAvailability,o=0,l=0;for(let r=0;r<s;r++){if(a.signal?.aborted)return{outcome:"unreadable"};let i=kW(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>=wW)return{outcome:"unreadable"}}}return l===s?{outcome:"noneInWindow",days:s}:{outcome:"unreadable"}}import{jsx as FW}from"react/jsx-runtime";var eL=CW(null);function m7(){let e=MW(eL);if(!e)throw new Error("useBookingForm must be used inside <BookingFormProvider>");return e}var mp=[{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 AW(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 pp={bookingNumber:"EXAMPLE-0000",service:"Example service",startAt:"2026-01-01T00:00:00.000Z",timezone:"UTC",customerTimezone:"",manageToken:"example"};function HW(e,t){return e&&t?.length===0}function tL({editing:e=!1,previewConfirmation:t=!1,children:a}){let s=SW(),c=LW(()=>hp(new Date),[]),[o,l]=T2(),[r,i]=T2(""),[n,h]=T2(""),[m,p]=T2(c),[u,g]=T2(c),[d,f]=T2(!1),[v,z]=T2(null),[x,w]=T2(),[C,A]=T2(""),[E,V]=T2(""),[q,F]=T2(""),[T,N]=T2(""),[I,P]=T2(""),[D,a1]=T2(()=>Dh()),[B,U]=T2(null),[Y,W]=T2(!1),[Q,b1]=T2(!1),[X,v1]=T2(null),[G1,G]=T2("");hr(()=>{G(Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC")},[]),hr(()=>{let e0=!1;return i8.listServices().then(M1=>{e0||(l(M1.results),i(M1.currency),h(z2=>z2||M1.results[0]?.id||""))}).catch(()=>{e0||l([])}),()=>{e0=!0}},[]),hr(()=>{if(d||!n)return;let e0={aborted:!1};return A(""),w(void 0),v1(null),z(null),W(!0),QS(n,c,{signal:e0}).then(M1=>{if(!e0.aborted){if(M1.outcome==="found"){p(M1.date),g(M1.date),w(M1.availability);return}z(M1.outcome==="noneInWindow"?`No times are available in the next ${M1.days} days.`:"We couldn't load available times. Please try again.")}}).finally(()=>{e0.aborted||W(!1)}),()=>{e0.aborted=!0}},[d,n,c]),hr(()=>{if(!d||!n||!m)return;let e0=!1;return A(""),w(void 0),v1(null),z(null),W(!0),i8.getAvailability(n,m).then(M1=>{e0||(w(M1),M1.slots.length===0&&z("No times are available on this date."))}).catch(()=>{e0||z("We couldn't load available times. Please try again.")}).finally(()=>{e0||W(!1)}),()=>{e0=!0}},[m,d,n]);let o1=o?.find(e0=>e0.id===n),u1=o1?.depositAmountDue!=null,A0=!!(!e&&!Q&&o1&&C&&E.trim()&&q.trim()&&!u1);async function w0(e0){if(e0.preventDefault(),!(!A0||!o1)){b1(!0),v1(null);try{let M1=await i8.create({serviceId:o1.id,start:C,customer:{name:E.trim(),email:q.trim(),phone:T.trim()},notes:I.trim(),idempotencyKey:D,customerTimezone:G1});U(M1),a1(Dh())}catch(M1){v1(M1 instanceof _4&&M1.status===409?"That time was just booked. Choose another available time.":"Your appointment wasn't submitted. Please check your details and try again."),M1 instanceof _4&&M1.status===409&&(A(""),i8.getAvailability(o1.id,m).then(w).catch(()=>{}))}finally{b1(!1)}}}let p1=HW(e,o);return FW(eL.Provider,{value:{fieldPrefix:s,editing:e,services:p1?mp:o,currency:p1?"AUD":r,serviceId:p1?mp[0].id:n,setServiceId:h,service:p1?mp[0]:o1,requiresPayment:p1?!1:u1,date:m,earliestDate:u,setDate:p,setDateTouched:f,availability:p1?AW(m):x,loadingSlots:p1?!1:Y,noSlotsMessage:v,selectedStart:p1?`${m}T09:00:00.000Z`:C,setSelectedStart:A,customerTimezone:G1,name:E,setName:V,email:q,setEmail:F,phone:T,setPhone:N,notes:I,setNotes:P,confirmation:B??(t?pp:null),submitting:Q,error:X,canSubmit:p1?!1:A0,handleSubmit:w0,sample:!!p1},children:a})}import{Fragment as PW,jsx as up,jsxs as EW}from"react/jsx-runtime";var TW="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",aL={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 D2(e){let{variant:t="primary",arrow:a,className:s,style:c,children:o,href:l,newTab:r,...i}=e,n=`${TW} ${aL[t]??aL.primary} ${s??""}`,h=EW(PW,{children:[o,a!==null&&up("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:a??"\u2192"})]});return l?up(i0,{href:l,className:n,style:c,...r?{target:"_blank",rel:"noopener noreferrer"}:{},children:h}):up("button",{type:"button",className:n,style:c,...i,children:h})}import{jsx as M0,jsxs as L3}from"react/jsx-runtime";var Za="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 VW(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 sL(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 cL(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()}}var Da="font-[family-name:var(--bk-name-font,var(--font-mono))] text-[length:var(--bk-name-size,12px)]";function dp({number:e,children:t}){return L3("div",{className:"mb-4 flex items-center gap-3",children:[M0("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}),M0("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 mr({eyebrow:e,heading:t,intro:a}){return L3("div",{className:"mb-10 max-w-[760px]",children:[(e??"").trim()&&M0("p",{className:"mb-4 font-mono text-[12px] font-semibold uppercase tracking-[0.24em] text-accent",children:e}),(t??"").trim()&&M0("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()&&M0("p",{className:"mt-5 max-w-[660px] font-display text-[17px] leading-[1.65] text-fg-dim",children:a})]})}function pr({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}=m7();return a?L3("div",{className:"flex flex-col gap-9",style:e,children:[L3("div",{children:[M0(dp,{number:"01",children:"Choose a service"}),M0("div",{className:"grid gap-3 sm:grid-cols-2",children:a.map(v=>{let z=v.id===c;return L3("button",{type:"button","aria-pressed":z,onClick:()=>o(v.id),className:`min-h-11 border p-4 text-left transition-colors ${z?"border-accent bg-accent/10":"border-line bg-bg hover:border-fg-dim"}`,children:[M0("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}),L3("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 ",VW(v.price,s)]}),v.description&&M0("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&&M0("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."})]}),L3("div",{children:[M0(dp,{number:"02",children:"Choose a date and time"}),M0(I2,{separate:!0,htmlFor:`${t}-date`,label:"Date",required:!0,labelFace:Da,children:M0("input",{id:`${t}-date`,type:"date",min:i,value:r,onChange:v=>{h(!0),n(v.target.value)},className:Za,required:!0})}),M0("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?M0("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=>L3("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:[M0("span",{className:"block",children:sL(v.start,f||m.timezone)}),f&&f!==m.timezone&&L3("span",{className:"mt-0.5 block text-[9px] font-normal tracking-[0.08em] opacity-70",children:[sL(v.start,m.timezone)," business"]})]},v.start)):u?M0("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&&L3("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 ur({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}=m7();return L3("div",{className:"sf-card border border-line bg-bg p-5 min-[640px]:p-7",style:t,children:[M0(dp,{number:"03",children:"Your details"}),L3("div",{className:"flex flex-col gap-4",children:[M0(I2,{separate:!0,htmlFor:`${a}-name`,label:"Name",required:!0,labelFace:Da,children:M0("input",{id:`${a}-name`,type:"text",autoComplete:"name",value:c,onChange:d=>o(d.target.value),className:Za,required:!0})}),M0(I2,{separate:!0,htmlFor:`${a}-email`,label:"Email",required:!0,labelFace:Da,children:M0("input",{id:`${a}-email`,type:"email",inputMode:"email",autoComplete:"email",value:l,onChange:d=>r(d.target.value),className:Za,required:!0})}),M0(I2,{separate:!0,htmlFor:`${a}-phone`,label:"Phone",labelFace:Da,children:M0("input",{id:`${a}-phone`,type:"tel",inputMode:"tel",autoComplete:"tel",value:i,onChange:d=>n(d.target.value),className:Za})}),M0(I2,{separate:!0,htmlFor:`${a}-notes`,label:"What would you like to cover?",labelFace:Da,children:M0("textarea",{id:`${a}-notes`,rows:4,value:h,onChange:d=>m(d.target.value),className:`${Za} resize-y`})})]}),u&&M0("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}),M0(D2,{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 dr({successMessage:e}){let{confirmation:t,customerTimezone:a}=m7();return t?L3("div",{className:"sf-card max-w-[760px] border border-line bg-bg p-6 min-[640px]:p-9",role:"status",children:[L3("p",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-accent",children:["Request received \xB7 ",t.bookingNumber]}),M0("h3",{className:"mt-4 font-display text-[28px] font-medium uppercase text-fg",children:t.service}),M0("p",{className:"mt-2 font-display text-[17px] text-fg-dim",children:cL(t.startAt,t.customerTimezone||a||t.timezone)}),t.customerTimezone&&t.timezone!==t.customerTimezone&&L3("p",{className:"mt-1 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:["Business time: ",cL(t.startAt,t.timezone)]}),(e??"").trim()&&M0("p",{className:"mt-5 max-w-[620px] font-serif text-[18px] italic leading-[1.6] text-fg-dim",children:e}),M0(D2,{href:`/book/${encodeURIComponent(t.manageToken)}`,newTab:t!==pp,variant:"ghost",className:"mt-7",children:"Manage booking"})]}):null}var gr=["step","name","value","note"],gp={step:"Step",name:"Name",value:"Value",note:"Note"},vr={step:"styleStep",name:"styleName",value:"styleValue",note:"styleNote"},oL={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 NW(e){return typeof e=="string"&&n5.includes(e)?e:null}var _W={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function lL(e,t){let a={};for(let s of gr){let c=NW(e[vr[s]]);if(!c)continue;let o=C9({role:c},_W,t);o.fontFamily&&(a[oL[s].font]=o.fontFamily),o.fontSize&&(a[oL[s].size]=o.fontSize)}return a}import{jsx as Re}from"react/jsx-runtime";var rL=["head","booking","details","confirm"],iL={head:"Head",booking:"Booking",details:"Your details",confirm:"Confirmation"};function vp({region:e,eyebrow:t,heading:a,intro:s,buttonLabel:c,successMessage:o,...l}){let{confirmation:r,services:i}=m7(),n=lL(l);return e==="head"?Re("div",{className:"min-[960px]:col-span-2",style:n,children:Re(mr,{eyebrow:t,heading:a,intro:s})}):e==="confirm"?r?Re("div",{className:"min-[960px]:col-span-2",style:n,children:Re(dr,{successMessage:o})}):null:r||!i||i.length===0?null:e==="booking"?Re(pr,{style:n}):e==="details"?Re(ur,{buttonLabel:c,style:n}):null}var z8="solid",fp=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function nL(e){return _2(fp,z8,e)}var bp="sf-secnum-outline",hL="font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]",mL=`@supports (-webkit-text-stroke: 1px currentColor){.${bp}{color:var(--surface-2);-webkit-text-stroke:1px var(--line)}}`;import{Fragment as BW,jsx as U0,jsxs as C4}from"react/jsx-runtime";var Oa=(e,t=!1)=>typeof e=="string"?j(e,t):e,Ie=(e,t=!1)=>typeof e=="string"?k(e,t):e;function J1({num:e,title:t,link:a,logo:s,description:c,accent:o,accentNum:l,numStyle:r=z8,look:i="standard",titleAccent:n,accentTracking:h="-0.02em",spaceBelow:m,rowGap:p,descriptionSize:u,className:g="",eyebrowLook:d=Zo}){let f=m??(i==="editorial"?"mb-[60px]":"");if(i==="editorial"){let A=!!t||!!n;return C4("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(A1,{text:e,className:"pb-2"}):U0("span",{className:"pb-2",children:e})),A&&C4("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&&C4(BW,{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 A=`${f} ${g}`.trim();return C4("div",{className:A||void 0,children:[e&&(typeof e=="string"?U0(A1,{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:Oa(t)})]})}if(i==="statement"){let A=`${f} ${g}`.trim();return C4("div",{className:A||void 0,children:[e&&(typeof e=="string"?U0(A1,{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:Oa(t,!0)})]})}if(i==="natural"){let A=`flex max-w-[680px] flex-col ${p??"gap-5"} ${f} ${g}`.replace(/\s+/g," ").trim();return C4("div",{className:A,children:[e&&(typeof e=="string"?U0(A1,{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:Oa(t)}),c&&U0("p",{className:`${u??"text-[length:var(--size-body,16px)]"} leading-[1.6] opacity-85`,children:c})]})}if(i==="essay"){let A=`${f} ${g}`.trim();return C4("div",{className:A||void 0,children:[e&&(typeof e=="string"?U0(A1,{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:Oa(t)})]})}let v=!!c||!!a,z=!!t,x=nL(r)==="outlined",w="font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em]",C=null;if(e)if(x)C=U0("span",{className:`${hL} text-fg-dim ${bp}`,children:Ie(e)});else if(l&&!o&&typeof e=="string"){let A=e.indexOf("/"),E=A===-1?e:e.slice(0,A),V=A===-1?"":e.slice(A);C=C4("span",{className:w,children:[U0("span",{className:"text-accent",children:Ie(E)}),V&&U0("span",{className:"text-fg-dim",children:Ie(V)})]})}else C=U0("span",{className:`${w} ${o?"text-accent":"text-fg-dim"}`,children:Ie(e)});return C4("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:[x&&e&&U0("style",{children:mL}),C4("div",{className:"flex flex-col items-start gap-3",children:[s?.src&&U0("img",{src:M2(s.src),alt:s.alt,className:"h-8 w-auto object-contain"}),C]}),z&&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:Oa(t)}),v&&C4("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:Ie(c)}),a&&C4(i0,{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:[Ie(a.text),U0("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{jsx as M4,jsxs as Ga}from"react/jsx-runtime";function RW(e){return e.type==="textarea"||e.type==="select"||e.type==="checkbox"}function pL({eyebrow:e,title:t}){return Ga("div",{className:"flex flex-col gap-4",children:[e&&M4(A1,{text:e,scaled:!1}),t&&M4("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 fr({body:e,buttonLabel:t,consent:a,form:s,submission:c,showForm:o,resolving:l,editing:r}){return Ga("div",{className:"flex flex-col gap-7",children:[e&&u0(e).map((i,n)=>M4("p",{className:"max-w-[480px] font-display text-[16px] leading-[1.6] text-fg-dim",children:k(i)},n)),o&&(s?c.done?M4("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:Se(s)}):Ga("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",RW(i)?"col-span-2":""].join(" ");return i.type==="checkbox"?Ga("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:[M4(c7,{field:i,value:c.valueOf(i.key),onChange:h=>c.set(i.key,h),className:"mt-0.5 size-4 accent-accent"}),Ga("span",{children:[i.label,i.required?M4("span",{className:"text-accent",children:" *"}):null]})]},i.key):M4(c7,{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)}),M4(Le,{value:c.honeypot,onChange:c.setHoneypot}),c.error&&M4("p",{role:"alert",className:"col-span-2 font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:c.error}),t&&M4("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":k(t)})]}):M4("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&&M4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:k(a)})]})}var br=["field","tick","thanks"],zp={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},zr={field:"styleField",tick:"styleTick",thanks:"styleThanks"},uL={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 IW(e){return typeof e=="string"&&n5.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 dL(e,t){let a={};for(let s of br){let c=IW(e[zr[s]]);if(!c)continue;let o=C9({role:c},ZW,t);o.fontFamily&&(a[uL[s].font]=o.fontFamily),o.fontSize&&(a[uL[s].size]=o.fontSize)}return a}import{jsx as xr}from"react/jsx-runtime";var gL=["head","form"],vL={head:"Head",form:"Form"};function xp({region:e,eyebrow:t,title:a,body:s,buttonText:c,consent:o,formSlug:l,form:r,editing:i=!1,...n}){let h=x5(l,r),m=s7({form:h,formSlug:l,editing:i}),p=dL(n);return e==="head"?xr("div",{style:p,children:xr(J1,{look:"statement",num:t,title:a})}):xr("div",{style:p,children:xr(fr,{body:s??"",buttonLabel:c??"",consent:o??"",form:h,submission:m,showForm:!!h||i,resolving:h===void 0,editing:i})})}var DW={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>rL.map(e=>({region:e,name:iL[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:()=>gL.map(e=>({region:e,name:vL[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:jS},()=>({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:()=>JS.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(t=>({...t})):[]}};Hz(DW);function Ze(e,t){let a={};for(let s of Object.keys(e))a[s]={...e[s],...t[s]};return a}import{OpacityIcon as OW}from"efficient-easel/icons";import{jsx as GW}from"react/jsx-runtime";var fL={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow","Limited release"),title:R("Heading","Banner headline"),body:R("Body","A line or two of supporting copy."),_gBackground:b("Background image"),imageSrc:D1("Image","image/*"),overlay:t1("Overlay",GW(OW,{}),0,100,5,60,"%"),_gButton:b("Button"),...k4,_gLayout:b("Layout")}};import{Fragment as qW}from"react";import{Fragment as WW,jsx as qa,jsxs as yp}from"react/jsx-runtime";function wp({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:yp("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 yp(qW,{children:[l>0&&qa("span",{className:"opacity-40",children:"/"}),o.href&&!r?qa(i0,{href:o.href,className:"hover:text-fg",children:_0(o.label)}):qa("span",{className:r?"text-fg":void 0,children:_0(o.label)})]},l)}),t&&yp(WW,{children:[qa("span",{className:"opacity-40",children:"\xB7"}),qa("span",{children:k(t)})]})]})}function O4(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 y(e,t,a){let s=S2(e);if(!s.hidden)return O4(s.text,t,a)}function J0(e,t,a){return S2(e).hidden?"":y(e,t,a)}function G3(e,t,a){return{text:y(e,m2.text,a),href:t||m2.href}}import{jsx as KW}from"react/jsx-runtime";var kp={meta:"Trailing note"},UW=[{label:"Home",href:"/"},{label:"Section",href:""}],bL={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>KW(wp,{items:x1(e,UW,a),meta:y(t,kp.meta,a),editing:a?.isEditing})};var zL={fields:{_gContent:b("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:Z("Label"),href:X2(Z("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:H("Trailing note",kp.meta)}};function xL(e){return typeof e=="boolean"?e:!0}import{ButtonArrowIcon as jW}from"efficient-easel/icons";import{jsx as YW}from"react/jsx-runtime";var yL={fields:{label:Z("Button"),href:L1("Button link"),_gStyle:b("Style"),variant:{type:"radio",options:[{label:"Primary",value:"primary"},{label:"Ghost",value:"ghost"}]},arrow:s1("Arrow",!0,YW(jW,{})),align:C5()}};import{ColumnsIcon as aU,StylesIcon as sU}from"efficient-easel/icons";import{Fragment as QW,jsx as De,jsxs as Cp}from"react/jsx-runtime";var XW="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))]",JW="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 Mp({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:De("section",{className:"relative z-[2] bg-surface",children:Cp("div",{className:o?JW:XW,children:[o?null:Cp(QW,{children:[(t??"").trim()&&De(A1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&De("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&&De("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)=>Cp("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[De("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:k((h.title??"").trim()||"Card title")}),De("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:k((h.body??"").trim()||"A short line about this card.")})]},m))})]})})}import{jsx as tU}from"react/jsx-runtime";var Wa={eyebrow:"Label",title:"Section *heading.*"},eU=[{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."}],wL={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return tU(Mp,{look:t4(e.eyebrowLook,"Cards"),eyebrow:a(y(e.eyebrow,Wa.eyebrow,e.puck)),title:a(y(e.title,Wa.title,e.puck)),omitHead:t,items:x1(e.items,eU,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};import{jsx as kL}from"react/jsx-runtime";var CL={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",Wa.eyebrow),eyebrowLook:g1("Eyebrow style",kL(sU,{}),[...z4],W6("Cards")),title:R("Heading",Wa.title),items:{type:"array",label:"Cards",arrayFields:{title:d1("Card title"),body:P1("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:b("Style"),columns:t1("Columns",kL(aU,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Cards.headRows)};import{StickyIcon as cU}from"efficient-easel/icons";import{jsx as oU}from"react/jsx-runtime";var ML={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:Z("Label"),count:Z("Count")},getItemSummary:e=>e?.label?`${e.label}${e.count?` \xB7 ${e.count}`:""}`:"Tab"},activeTab:X2(Z("Active tab","All")),_gLinks:b("Links"),links:{type:"array",label:"Right links",arrayFields:{label:Z("Label"),href:X2(Z("Link"))},getItemSummary:e=>e?.label||"Link"},_gStyle:b("Style"),sticky:s1("Stick under header",!0,oU(cU,{}))}};import{StylesIcon as mU}from"efficient-easel/icons";import{jsx as c2,jsxs as G4}from"react/jsx-runtime";function Sp(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var SL=[100,70,46,30,19,12];function LL(e){return`color-mix(in srgb, var(--accent) ${SL[e%SL.length]}%, var(--bg))`}function lU({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)=>G4("div",{children:[G4("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:k(s.label)}),G4("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[Sp(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 rU({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 G4("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)=>G4("g",{children:[c2("circle",{cx:p.x,cy:p.y,r:"4",fill:"var(--accent)"}),G4("text",{x:p.x,y:p.y-12,textAnchor:"middle",className:"font-display",fontSize:"14",fill:"var(--fg)",children:[Sp(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 iU({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:LL(i)};return o+=n*c,h});return G4("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)=>G4("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:LL(i)}}),c2("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:k(r.label)}),c2("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:t?`${Sp(r.value)}${t}`:`${Math.round(r.value/a*100)}%`})]},i))})]})}function Lp({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(rU,{data:n,suffix:i}):m==="donut"?c2(iU,{data:n,suffix:i}):c2(lU,{data:n,suffix:i});return c2("section",{className:"relative z-[2] border-y border-line bg-surface",children:G4("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:[G4("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:k(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})]}),G4("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 hU}from"react/jsx-runtime";var Ua={eyebrow:"By the numbers",title:`A picture worth
|
|
23
|
-
*a thousand rows.*`},nU=[{label:"Before",value:"9"},{label:"After",value:"3"},{label:"With us",value:"1"}],AL={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})=>hU(Lp,{eyebrow:y(e,Ua.eyebrow,r),title:y(t,Ua.title,r),body:a,items:x1(s,nU,r),chartStyle:o,valueSuffix:l,caption:c,editing:r?.isEditing})};import{jsx as pU}from"react/jsx-runtime";var HL={fields:{_gContent:b("Content"),eyebrow:H("Chip label",Ua.eyebrow),title:R("Heading",Ua.title),body:R("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:d1("Label"),value:Z("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Point"},caption:H("Caption","Illustrative example"),_gStyle:b("Style"),chartStyle:g1("Chart style",pU(mU,{}),[{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 gU}from"react";import{useEasel as vU}from"efficient-easel/easel";import{ListField as PL}from"efficient-easel/fields";var uU=["tall","square","wide"],dU="tall";function yr(e){return uU.includes(String(e??""))?String(e):dU}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"},Ka=[{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 wr(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var x8="other",p0={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 Ap(e){return lo(e)}import{Fragment as Fp,jsx as O1,jsxs as u2}from"react/jsx-runtime";function fU(e){let t=[];return e.forEach((a,s)=>{let c=U6(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 Ge({children:e}){return O1("div",{className:"sf-field-label",children:e})}function Hp({children:e}){return O1("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:e})}var EL={width:"100%",height:32,textAlign:"left",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"0 12px",fontSize:12,border:"1px solid var(--border-strong, #d0d0d0)",borderRadius:6,background:"transparent",color:"inherit",cursor:"inherit"},Oe={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},VL={...Oe,color:"#d85a30"};function $a({label:e,value:t,placeholder:a,textarea:s,onChange:c}){return u2("div",{className:"sf-field",children:[O1(Ge,{children:e}),s?O1("textarea",{value:t,placeholder:a,onChange:o=>c(o.target.value)}):O1("input",{type:"text",value:t,placeholder:a,onChange:o=>c(o.target.value)})]})}var bU=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],zU=[{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 u2("div",{className:"sf-field",children:[O1(Ge,{children:e}),O1("div",{style:{display:"flex",gap:4},children:t.map(c=>{let o=a===c.value;return O1("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 TL({props:e,setSection:t,headOnly:a}){let s=l=>String(e[l]??""),c=e.mapTheme||o2.mapTheme,o=o2;return u2(Fp,{children:[!a&&O1(Hp,{children:"Section"}),O1($a,{label:"Section number",value:s("sectionNumber"),placeholder:o.sectionNumber,onChange:l=>t({sectionNumber:l})}),O1($a,{label:"Heading",textarea:!0,value:s("heading"),placeholder:o.heading,onChange:l=>t({heading:l})}),O1($a,{label:"Body",textarea:!0,value:s("tagline"),placeholder:o.tagline,onChange:l=>t({tagline:l})}),a?null:u2(Fp,{children:[O1(Hp,{children:"City strip"}),O1($a,{label:"Eyebrow",value:s("galleryKicker"),placeholder:o.galleryKicker,onChange:l=>t({galleryKicker:l})}),O1($a,{label:"Hint",value:s("galleryHint"),placeholder:o.galleryHint,onChange:l=>t({galleryHint:l})}),O1(FL,{label:"Shape",options:zU,value:yr(e.imageShape),onChange:l=>t({imageShape:l})}),O1(Hp,{children:"Map & Theme"}),O1(FL,{label:"Map theme",options:bU,value:c,onChange:l=>t({mapTheme:l})})]})]})}function xU({cards:e,groupKey:t,onChange:a,onBack:s,onOpenCity:c,onNavigate:o}){let l=e.map((u,g)=>U6(u)===t?g:-1).filter(u=>u>=0),r=String(e[l[0]]?.groupName??""),i=new Set(e.map(U6).filter(u=>u!==t)),[n,h]=gU(t),m=u=>a(e.map(g=>U6(g)===t?{...g,...u}:g)),p=()=>{let u=n;if(u!==t){if(i.has(u)){h(t);return}a(e.map(g=>U6(g)===t?{...g,group:u}:g)),o(u)}};return u2("div",{className:"sf-field",children:[O1("button",{type:"button",style:Oe,onClick:s,children:"\u2190 Section"}),O1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:Xo(t,r)}),u2("div",{className:"sf-field",children:[O1(Ge,{children:"Group heading (optional)"}),O1("input",{type:"text",value:n,placeholder:"e.g. Americas",onChange:u=>h(u.target.value),onBlur:p,onKeyDown:u=>{u.key==="Enter"&&u.target.blur()}}),i.has(n)&&n!==t&&O1("div",{style:{marginTop:4,fontSize:11,color:"#d85a30"},children:"Another group already uses this heading \u2014 pick a different one."})]}),u2("div",{className:"sf-field",children:[O1(Ge,{children:"Group name (optional)"}),O1("input",{type:"text",value:r,placeholder:"Shown beside the heading",onChange:u=>m({groupName:u.target.value})})]}),O1(PL,{label:"Cities in this group",noun:"city",items:l.map(u=>e[u]),onChange:u=>a(Nw(e,t,u)),newItem:()=>({...Bh,group:t,groupName:r}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,renderRow:(u,g)=>u2("button",{type:"button",style:EL,onClick:()=>c(l[g]),children:[O1("span",{children:u?.name||"City"}),O1("span",{"aria-hidden":"true",children:"\u203A"})]})}),O1("div",{style:{marginTop:12},children:u2("button",{type:"button",style:VL,onClick:()=>{a(e.filter(u=>U6(u)!==t)),s()},children:["Delete group (",l.length," ",l.length===1?"city":"cities",")"]})})]})}function Tp({value:e,onChange:t}){let a=Array.isArray(e)?e:[],s=Vw(),c=Yy(),o=fU(a),{appState:l,selectedItem:r}=vU(d=>d),i=Yx(),n=r?.props??{},h=d=>{if(!r)return;let v=(l.data.content??[]).findIndex(z=>z.props.id===r.props.id);v<0||i.replaceComponent(Az,v,{type:r.type,props:{...r.props,...d}})},m=(d,f)=>t(a.map((v,z)=>z===d?{...v,...f}:v)),p=()=>{let d=new Set(o.map(z=>z.key)),f=o.length+1,v=`Group ${f}`;for(;d.has(v);)v=`Group ${++f}`;return v};if(s.level==="texts")return u2("div",{className:"sf-field",children:[O1("button",{type:"button",style:Oe,onClick:()=>N4({level:"groups"}),children:"\u2190 Locations"}),O1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Texts"}),O1(TL,{props:n,setSection:h,headOnly:!0})]});if(s.level==="image"){let d=a[s.index];return d?u2("div",{className:"sf-field",children:[u2("button",{type:"button",style:Oe,onClick:()=>N4({level:"city",index:s.index}),children:["\u2190 ",String(d.name??"")||"City"]}),O1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Image"}),O1(sy,{value:d.photo||"",onChange:f=>m(s.index,{photo:f}),label:"Image",accept:"image/*"})]}):u()}if(s.level==="map"){let d=a[s.index];return d?u2("div",{className:"sf-field",children:[u2("button",{type:"button",style:Oe,onClick:()=>N4({level:"city",index:s.index}),children:["\u2190 ",String(d.name??"")||"City"]}),O1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Map"}),O1(Po,{value:d.geocode,onChange:f=>m(s.index,{geocode:f}),label:"Coordinates"}),u2("div",{className:"sf-field",children:[O1(Ge,{children:"Directions link"}),O1("input",{type:"text",value:String(d.mapsUrl??""),onChange:f=>m(s.index,{mapsUrl:f.target.value})})]})]}):u()}if(s.level==="city"){let d=s.index,f=a[d];if(!f)return u();let v=U6(f),z=(w,C)=>m(d,{[w]:C}),x=(w,C,A=!1)=>u2("div",{className:"sf-field",children:[O1(Ge,{children:C}),A?O1("textarea",{value:String(f[w]??""),onChange:E=>z(w,E.target.value)}):O1("input",{type:"text",value:String(f[w]??""),onChange:E=>z(w,E.target.value)})]});return u2("div",{className:"sf-field",children:[u2("button",{type:"button",style:Oe,onClick:()=>N4({level:"group",key:v}),children:["\u2190 ",Xo(v,String(f.groupName??""))]}),O1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:f.name||"City"}),x("name","Location name"),x("state","State / Province"),x("country","Country"),x("address","Address",!0),x("phone","Phone"),x("hours","Opening hours"),x("timezone","Timezone chip"),O1("div",{style:{marginTop:12},children:O1("button",{type:"button",style:VL,onClick:()=>{t(a.filter((w,C)=>C!==d)),N4({level:"group",key:v})},children:"Delete city"})})]})}if(s.level==="group")return o.some(d=>d.key===s.key)?O1(xU,{cards:a,groupKey:s.key,onChange:t,onBack:()=>N4({level:"groups"}),onOpenCity:d=>N4({level:"city",index:d}),onNavigate:d=>N4({level:"group",key:d})},s.key):u();function u(){return u2("div",{className:"sf-field",children:[O1(TL,{props:n,setSection:h}),!c&&O1(Fp,{children:g()})]})}function g(){return O1(PL,{label:"Locations",noun:"group",items:o,onChange:d=>{let f=d.find(v=>!o.some(z=>z.key===v.key));t(_w(a,d.map(v=>v.key),v=>[{...Bh,group:v,groupName:""}])),f&&N4({level:"group",key:f.key})},newItem:()=>({key:p(),name:"",indices:[]}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,above:o.length===0?O1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:"No locations yet."}):void 0,renderRow:d=>u2("button",{type:"button",style:EL,onClick:()=>N4({level:"group",key:d.key}),children:[O1("span",{style:{fontWeight:500},children:Xo(d.key,d.name)}),u2("span",{style:{color:"var(--fg-dim, #999)"},children:[d.indices.length," ",d.indices.length===1?"city":"cities"," \u203A"]})]})})}return u()}var yU="/geocode.json";async function NL(e){let t=e.trim();if(!t)return null;if(!cz())throw new Error("geocode_unavailable");let a=await fetch(`${Bw()}${yU}?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 kr=e=>typeof e=="number"&&Number.isFinite(e);function Cr(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:kr(a.lat)&&a.lat!==t.lat||kr(a.lng)&&a.lng!==t.lng:!1})}async function Mr(e,t,{geocode:a=NL,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=kr(r.lat)&&r.lat!==l.lat?r.lat:l.lat,n=kr(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 wU}from"react/jsx-runtime";var _L={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>wU(Tp,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!Cr(a))return e;let s=await Mr(a,c=>{let o=wr(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 BL={fields:{html:{type:"textarea",label:"HTML"}}};import{StylesIcon as LU}from"efficient-easel/icons";var y8="line",Pp=[{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"}],kU={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},RL=28,CU="-45deg",MU="color-mix(in oklab, var(--accent) 50%, var(--bg))";function SU(e){return e!=="line"}function IL(e){return _2(Pp,y8,e)}function ZL(e){if(!SU(e))return null;let{ink:t,period:a}=kU[e];return`repeating-linear-gradient(${CU}, ${MU} 0 ${t}px, transparent ${t}px ${a}px)`}import{jsx as AU}from"react/jsx-runtime";var DL={fields:{style:g1("Style",AU(LU,{}),Pp,y8),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as i6,jsxs as ja}from"react/jsx-runtime";function HU(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function FU(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=Gz(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 TU=[{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."}],PU=120;function Ep({tocTitle:e,sections:t,editing:a=!1,stickyTop:s=PU}){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?TU:c,l=new Set,r=o.map((i,n)=>{let h=HU(i.label||i.heading||"",n),m=h,p=2;for(;l.has(m);)m=`${h}-${p++}`;return l.add(m),m});return i6("section",{className:"relative z-[2] bg-bg",children:ja("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:[ja("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:s},children:[e&&i6("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:k(e)}),o.map((i,n)=>ja("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:[i6("span",{children:k(i.label||"Section")}),i6("span",{className:"text-accent",children:String(n+1).padStart(2,"0")})]},r[n]))]}),i6("div",{className:"flex flex-col gap-16",children:o.map((i,n)=>ja("article",{id:r[n],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:s},children:[ja("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(n+1).padStart(2,"0")," \xB7 ",k(i.label||"Section")]}),i.heading&&i6("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:k(i.heading)}),FU(i.body??"").map((h,m)=>h.type==="ul"?i6("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:h.items.map((p,u)=>i6("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['\xB7']",children:k(p)},u))},m):i6("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:k(h.text)},m))]},r[n]))})]})})}import{jsx as VU}from"react/jsx-runtime";var Vp={toc:"On this page"},EU=[{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."}],OL={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>VU(Ep,{tocTitle:y(e.tocTitle,Vp.toc,e.puck),sections:x1(e.sections,EU,e.puck),editing:e.puck?.isEditing})};var GL={fields:{_gContent:b("Contents"),tocTitle:H("Contents heading",Vp.toc),_gSections:b("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:d1("Contents label"),heading:d1("Title"),body:P1("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};import{jsx as w8,jsxs as Np}from"react/jsx-runtime";function NU({level:e,className:t,children:a}){return w8(e===2?"h2":"h1",{className:t,children:a})}function _p({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:w8("section",{className:"relative z-[2] bg-bg",children:Np("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:[Np("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&&w8(A1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&w8(NU,{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&&w8("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)=>Np("div",{children:[i.label&&w8("strong",{className:"font-normal text-fg",children:k(i.label)}),i.label&&i.value?" ":null,i.value?k(i.value):null]},n))})]}),a&&w8("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:k(a,!0)})]})})}import{jsx as BU}from"react/jsx-runtime";var _U=[{label:"Label",value:"Value"},{label:"Label",value:"Value"}],k8={eyebrow:L.eyebrow,title:L.headingAccent,deck:"Add a sentence or two introducing this document."},qL={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>BU(_p,{titleLevel:e.titleLevel,eyebrow:y(e.eyebrow,k8.eyebrow,e.puck),title:y(e.title,k8.title,e.puck),deck:y(e.deck,k8.deck,e.puck),meta:x1(e.meta,_U,e.puck),editing:e.puck?.isEditing})};var WL={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",k8.eyebrow),title:R("Heading",k8.title),deck:R("Deck / standfirst",k8.deck),_gMeta:b("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:d1("Label"),value:d1("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||"Row"}}};import{jsx as Ya,jsxs as RU}from"react/jsx-runtime";function Bp({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:Ya("section",{className:"relative z-[2] bg-bg",children:Ya("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)=>RU("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[s.label&&Ya(A1,{text:s.label,size:12}),s.value&&Ya("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:k(s.value)}),s.desc&&Ya("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:k(s.desc)})]},c))})})}import{jsx as IU}from"react/jsx-runtime";var Rp=[{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."}],UL={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>IU(Bp,{cards:x1(e.cards,Rp,e.puck),editing:e.puck?.isEditing})};var KL={fields:{cards:B9({type:"array",label:"Cards",arrayFields:{label:d1("Label"),value:d1("Value"),desc:P1("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:e=>e?.label||e?.value||"Card"},Rp)}};import{PageIcon as OU}from"efficient-easel/icons";import{jsx as Ip,jsxs as Zp}from"react/jsx-runtime";function Dp({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 Ip("nav",{className:`${X9} 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:Zp("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 Zp(i0,{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:[_0(l.label),i&&Ip("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},r)}),(t||a)&&Zp("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[t&&k(t),a&&Ip("strong",{className:"ml-2 font-normal text-accent",children:k(a)})]})]})})}import{jsx as DU}from"react/jsx-runtime";var ZU=[{label:"Tab",href:"#",current:!0},{label:"Tab",href:"#",current:!1},{label:"Tab",href:"#",current:!1}],Xa={metaLabel:L.label,metaValue:L.value},$L={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>DU(Dp,{tabs:x1(e.tabs,ZU,e.puck),metaLabel:y(e.metaLabel,Xa.metaLabel,e.puck),metaValue:y(e.metaValue,Xa.metaValue,e.puck),editing:e.puck?.isEditing})};import{jsx as GU}from"react/jsx-runtime";var jL={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:Z("Tab label"),href:L1("Links to"),current:s1("Current page",!1,GU(OU,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:b("Trailing note"),metaLabel:H("Note label",Xa.metaLabel),metaValue:H("Note value",Xa.metaValue)}};import{StylesIcon as qU}from"efficient-easel/icons";import{jsx as WU}from"react/jsx-runtime";var YL={fields:{eyebrow:H("Eyebrow",L.eyebrow),align:C5(),eyebrowLook:g1("Look",WU(qU,{}),z4,Do)}};import{ChevronIcon as oK}from"efficient-easel/icons";import{useEffect as YU,useRef as XU}from"react";import{useEffect as KU,useRef as $U}from"react";var Ja="data-puck-component";function Gp(e,t){return e.closest(`[${Ja}]`)?.getAttribute(Ja)===t}function XL(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(!Gp(g,t))continue;let d=g.getAttribute(aa);d&&(c.push({element:g,partId:Y5(t,d)}),o.add(g))}let l=[];for(let u=0;u<s.length;u+=1){let g=s[u];if(!Gp(g,t)||o.has(g))continue;let d=Wz(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(z=>z.texts);if(new Set(d).size===d.length)continue;let f=l.filter(z=>d.includes(z.text));if(f.length!==g.length)continue;let v=[...g].sort((z,x)=>(z.row?.index??0)-(x.row?.index??0));for(let z=0;z<v.length;z+=1){let x=v[z],w=f[z].element,C={key:x.key,partKey:ih(x.key,x.row),exact:!0},A=r.get(w);A?A.push(C):(r.set(w,[C]),i.push(w))}m.add(u)}for(let u of a){if(m.has(n(u)??""))continue;let g=ih(u.key,u.row);for(let d of u.texts){let f=[],v=null;for(let w of l)w.text===d?f.push(w.element):!f.length&&w.text.includes(d)&&(!v||w.text.length<=v.length)&&(v={element:w.element,length:w.text.length});let z=f.length?f:v?[v.element]:[],x=z.filter(w=>!z.some(C=>C!==w&&w.contains(C)));for(let w of x){let C={key:u.key,partKey:g,exact:f.length>0},A=r.get(w);A?A.push(C):(r.set(w,[C]),i.push(w))}}}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:Y5(t,d[0].partKey)});continue}new Set(d.map(f=>f.key)).size===1&&p.push({element:u,partId:Y5(t,d[0].key)})}return p}function Op(e,t,a){let s=e.querySelectorAll(`[${j5}]`);for(let o=0;o<s.length;o+=1){let l=s[o];Gp(l,t)&&l.removeAttribute(j5)}let c=[];for(let{element:o,partId:l}of a)o.setAttribute(j5,l),c.push(o);return c}function JL(e,t,a,s,c,o=()=>null){let l=null,r=null,i=null,n=()=>{let h=a(),m=h?.getAttribute(Ja)??null;if(!h||!m)return!1;l=m;let p=XL(e,m,t);return c(h,m,Op(e,m,p)),i=o(()=>{let u=XL(e,m,t);UU(p,u)||(p=u,c(h,m,Op(e,m,u)))}),!0};return n()||(r=s(()=>{(l||n())&&(r?.(),r=null)})),()=>{r?.(),r=null,i?.(),i=null,l&&Op(e,l,[])}}function UU(e,t){return e.length===t.length&&e.every((a,s)=>a.element===t[s].element&&a.partId===t[s].partId)}function QL(e,t){return e?.closest(`[${j5}]`)?.getAttribute(j5)??Y5(t,null)}function eA(e,t){return e!==Y5(t,null)}import{jsx as jU}from"react/jsx-runtime";function qp(e){let t=null,a=null;for(let s=e;s&&(t===null||a===null);s=s.parentElement){let c=s.getAttribute("class");t??=Zz(c),a??=ph(c)}return{faceRole:t??"body",sizeGroup:a}}function Sr(e){let t=e.style,a={};for(let l of mh)a[l]=t[l]??"",t[l]="";let s=getComputedStyle(e),c=getComputedStyle(e.ownerDocument.documentElement),o=Kz({fontSize:s.fontSize,fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,textAlign:s.textAlign,textTransform:s.textTransform,paddingTop:s.paddingTop,maxWidth:s.maxWidth},$z(s.fontFamily,l=>c.getPropertyValue(l)));for(let l of mh)t[l]=a[l];return o}function Wp({needles:e,styles:t,type:a,children:s}){let c=$U(null),{selectedPartId:o,select:l}=Yc(),{setPartStyle:r}=Xc(),i=JSON.stringify(e),n=JSON.stringify(t);return KU(()=>{let h=c.current;if(!h)return;let m=[],p=()=>h.parentElement,u=x=>{let w=p();if(!w)return null;let C=new MutationObserver(x);return C.observe(w,{attributes:!0,attributeFilter:[Ja]}),()=>C.disconnect()},g=x=>{let w=new MutationObserver(x);return w.observe(h,{childList:!0,subtree:!0,characterData:!0}),()=>w.disconnect()},d=[];m.push(()=>{for(let x of d)x();d=[]});let f=JSON.parse(i),v=JSON.parse(n),z=JL(h,f,p,u,(x,w,C)=>{for(let F of d)F();d=[];let A=[];for(let F of C){let T=F,N=w9(T);N&&d.push(N),T.getAttribute(j5)===o?(T.setAttribute(Q7,""),A.push(T)):T.removeAttribute(Q7)}let E=jz(w,o,A,F=>Dz(F)!==null||ph(F)!==null);if(E&&o){let F=E;r({partId:o,...qp(F),base:Sr(F),inks:Oz(F)})}Yz(C.map(F=>({element:F,partId:F.getAttribute(j5)??""})),v,F=>Sr(F),F=>ix(a,F));let V=F=>{let T=QL(F.target,w);eA(T,w)&&(F.stopPropagation(),F.preventDefault()),l(T)},q=x;q.addEventListener("click",V,{capture:!0}),d.push(()=>q.removeEventListener("click",V,{capture:!0}))},g);return()=>{z();for(let x of m)x()}},[i,n,o,l,r]),jU("div",{ref:c,style:{display:"contents"},children:s})}import{jsx as JU}from"react/jsx-runtime";function C8({nodeId:e,sectionType:t,children:a}){let s=XU(null),{selectedPartId:c,select:o}=Yc(),{setPartStyle:l}=Xc();return YU(()=>{let r=s.current,i=sw(t);if(!r||!e||!i)return;let n=[],h=Array.from(r.querySelectorAll(`[${o8}]`));for(let p of h){let u=ew(i,p.getAttribute(o8));if(!u)continue;let g=w9(p);g&&n.push(g);let d=Y5(e,l8(u));d===c?(p.setAttribute(Q7,""),l({partId:d,...qp(p),base:Sr(p)})):p.removeAttribute(Q7)}let m=p=>{let u=tw(i,p.target);u&&(p.stopPropagation(),p.preventDefault(),o(Y5(e,l8(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(Q7)}},[e,t,c,o,l]),JU("div",{ref:s,style:{display:"contents"},children:a})}import{Fragment as aK,jsx as S4,jsxs as $p}from"react/jsx-runtime";function tA(e){return h2(e).trim()}function Up(e,t){return e?{[o8]:t}:{}}function Kp(e,t){let a=e?.[l8(t)]?.role;return Oo(a,Qy[t],$c)}function QU({editing:e,nodeId:t,children:a}){return!e||!t?S4(aK,{children:a}):S4(C8,{nodeId:t,sectionType:"FAQ",children:a})}var eK="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]",tK="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 jp({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:tA(d.question??""),acceptedAnswer:{"@type":"Answer",text:tA(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 $p("section",{className:l?tK:eK,children:[S4("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),u&&S4("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:u}}),l?null:S4(J1,{num:e!==void 0?k(e):void 0,title:g,link:a?{text:k(a.text),href:a.href}:void 0,accent:!0}),S4(QU,{editing:o,nodeId:r,children:S4("div",{children:m.map((d,f)=>$p("details",{open:f===0&&c,className:"border-b border-line",children:[$p("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:[S4("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...Up(o,"number"),style:Kp(i,"number"),children:String(f+1).padStart(2,"0")}),S4("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)]",...Up(o,"question"),style:Kp(i,"question"),children:k(d.question??"")}),S4("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),d.answer&&S4("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:S4("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...Up(o,"answer"),style:Kp(i,"answer"),children:k(d.answer)})})]},f))})})]})}import{jsx as cK}from"react/jsx-runtime";var M8={num:L.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},sK=[{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."}],aA={label:"Q&A",defaultProps:{num:"",title:"",linkText:"",linkHref:"/faq",defaultOpen:!0,items:[]},render:e=>{let t=I1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=y(e.linkText,M8.link,e.puck);return cK(jp,{num:a(y(e.num,M8.num,e.puck)),title:a(y(e.title,M8.title,e.puck)),link:a(s?{text:s,href:e1(e.linkHref)||"/faq"}:void 0),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:k9(e),items:x1(e.items,sK,e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};import{jsx as lK}from"react/jsx-runtime";var sA={fields:{_gContent:b("Content"),num:H("Number",M8.num),title:R("Heading",M8.title),linkText:H("Button",M8.link),linkHref:L1("Link"),_gQuestions:b("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:d1("Question"),answer:P1("Answer")},getItemSummary:e=>e.question||"Question"},_gLayout:b("Layout"),defaultOpen:s1("Open first answer",!0,lK(oK,{}))},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.FAQ.headRows)};import{useContext as nK}from"react";import{SettingsField as rA}from"efficient-easel/panel";import{FieldSelect as iA}from"efficient-easel/fields";import{BlogPostIcon as nA}from"efficient-easel/icons";function qe({fetch:e,keyBy:t}){let a=null,s=null,c=null;return(o=!1)=>{let l=B3(),r=t?t():null;return(o||!a||s===null&&l!==null||c!==r)&&(s=l,c=r,a=l||!ea().usesBridgedToken?e(l??"",r).catch(()=>[]):Promise.resolve([])),a}}var cA=qe({fetch:async(e,t)=>await sz().blog?.posts(t?{siteId:t}:void 0)??[],keyBy:l2});import{useEffect as oA,useRef as rK,useState as Yp}from"react";function n6(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function We({load:e,resolve:t,snapshot:a,value:s,onChange:c}){let[o,l]=Yp(null),[r,i]=Yp(!1),[n,h]=Yp(!1),m=rK(!0);return oA(()=>(m.current=!0,e().then(u=>{m.current&&l(u)}),()=>{m.current=!1}),[]),oA(()=>{if(!s?.slug||o===null)return;let u=t(o,s);if(!u)return;let g=a(u);n6(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 Lr,jsxs as iK}from"react/jsx-runtime";function r4({status:e,statusText:t,onRefresh:a,busy:s=!1,edit:c,hint:o,spaced:l=!0}){return iK("div",{className:"sf-blogsource",style:l?{marginTop:9}:void 0,children:[Lr("p",{className:"sf-blogsource-status","data-state":e,children:t}),Lr("button",{type:"button",className:"sf-blogsource-btn",onClick:a,disabled:s,children:"Refresh now"}),c?Lr("button",{type:"button",className:"sf-blogsource-btn",onClick:c.onClick,children:c.label}):null,Lr("p",{className:"sf-blogsource-hint",children:o})]})}import{Fragment as hA,jsx as i4,jsxs as mA}from"react/jsx-runtime";function hK(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 lA(e){return{slug:e.slug,image:e.coverImage,title:e.title,dek:e.excerpt,date:hK(e.publishedAt),href:e.href}}function S8({value:e,onChange:t}){let a=nK(go);return a&&!a.capabilities.hasBlog?e?.slug?i4(mK,{value:e,onChange:t}):i4(hA,{}):i4(pK,{value:e,onChange:t})}function mK({value:e,onChange:t}){return mA("div",{children:[i4(rA,{label:"Blog post source",icon:i4(nA,{}),children:i4(iA,{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}]})}),i4("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 pK({value:e,onChange:t}){let{rows:a,loading:s,refreshing:c,errored:o,refresh:l}=We({load:cA,resolve:(m,p)=>m.find(u=>u.slug===p.slug),snapshot:lA,value:e,onChange:t}),r=m=>{if(!m){t(null);return}let p=(a??[]).find(u=>u.slug===m);p&&t(lA(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 mA("div",{children:[i4(rA,{label:"Blog post source",icon:i4(nA,{}),children:i4(iA,{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?i4(r4,{status:n,statusText:h,onRefresh:l,busy:c,hint:i4(hA,{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."})}):i4("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 uK}from"react";import{jsx as q3,jsxs as Qa}from"react/jsx-runtime";function Xp({image:e,badge:t,imageDate:a,category:s,readLabel:c,date:o,title:l,dek:r,ctaText:i,ctaHref:n,...h}){let m=[s?q3("span",{className:"text-accent",children:k(s)}):null,c?q3("span",{children:k(c)}):null,o?q3("span",{children:k(o)}):null].filter(Boolean);return q3("section",{className:P0(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:Qa("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[Qa("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:[q3(k0,{label:"featured-cover",src:e||void 0,alt:h2(l||"Cover"),sizes:"(max-width: 1100px) 100vw, 56vw"}),q3("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&&q3("span",{className:"absolute left-6 top-6 z-[2] bg-accent px-3 py-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-bg",children:k(t)}),a&&q3("span",{className:"absolute right-6 bottom-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg",children:k(a)})]}),Qa("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&&q3("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)=>Qa(uK,{children:[u>0&&q3("span",{className:"opacity-40",children:"\xB7"}),p]},u))}),l&&q3("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&&u0(r).map((p,u)=>q3("p",{className:"max-w-[520px] font-serif text-[length:var(--size-body,20px)] italic leading-[1.5] text-fg-dim",children:k(p,!0)},u)),i&&q3("div",{children:Qa(i0,{href:n||"#",className:"group inline-flex items-center gap-3.5 py-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[k(i)," ",q3("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}import{jsx as dK}from"react/jsx-runtime";var t3={badge:"Featured",imageDate:L.date,category:L.category,readLabel:"0 min read",date:L.date,title:"Add a *headline* for this story.",dek:"A short summary of the featured article \u2014 one or two sentences that draw the reader in.",ctaText:"Read the story",ctaHref:m2.href},pA={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 dK(Xp,{image:u?p.image:t,badge:y(a,t3.badge,m),imageDate:u?p.date:y(s,t3.imageDate,m),category:y(c,t3.category,m),readLabel:y(o,t3.readLabel,m),date:u?p.date:y(l,t3.date,m),title:u?p.title:y(r,t3.title,m),dek:u?p.dek:y(i,t3.dek,m),ctaText:y(n,t3.ctaText,m),ctaHref:u?p.href:e1(h)})}};var uA={fields:{source:t2(S8),image:D1("Cover image","image/*"),badge:H("Badge",t3.badge),imageDate:H("Image date",t3.imageDate),_gContent:b("Content"),category:H("Category",t3.category),readLabel:H("Read time",t3.readLabel),date:H("Date",t3.date),title:R("Heading",t3.title),dek:R("Dek",t3.dek),ctaText:H("Button",t3.ctaText),ctaHref:L1("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=d5(Co)));return o}};import{OpacityIcon as TK,StylesIcon as PK}from"efficient-easel/icons";import{useEffect as dA,useRef as gK,useState as gA}from"react";import{Fragment as vK,jsx as vA,jsxs as fK}from"react/jsx-runtime";function Jp({children:e,className:t,style:a}){let s=gK(null),[c,o]=gA([]),[l,r]=gA(0);dA(()=>{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 dA(()=>{let n=s.current;n&&Array.from(n.children).forEach((h,m)=>{h.hidden=c.length>1&&m!==i})},[c,i]),fK(vK,{children:[c.length>1&&vA(bw,{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))})}}),vA("div",{ref:s,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{createContext as xK,useContext as yK}from"react";var bK=new Set(["Flex","Grid"]);function Qp(e,t){return e&&!t}var zK=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function fA(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=bK.has(r)&&Qp(B2(l,"page").mode!=="full",c);for(let n of Object.values(l)){if(!zK(n))continue;let h=a(n,c||i);if(h!==void 0)return h}}};return a(e,!1)}import{jsx as zA}from"react/jsx-runtime";var bA=xK(!1);function L8({contained:e,framedClass:t,fillClass:a,style:s,tabLabel:c,children:o}){let l=yK(bA),r=Qp(e,l);return zA("div",{className:r?t:a,style:s,"data-tab-label":c,children:r?zA(bA.Provider,{value:!0,children:o}):o})}import{createContext as wK}from"react";import{jsx as CK}from"react/jsx-runtime";var eu=wK(null),kK={dark:!0};function xA({children:e}){return CK(eu.Provider,{value:kK,children:e})}import{jsx as LK}from"react/jsx-runtime";var es="mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]",ts="max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",as=`${es} ${ts}`,MK="mx-auto w-full max-w-[1280px] px-[60px]",SK="max-[960px]:px-6",Xu1=`${MK} ${SK}`;function K0({contained:e,className:t="",style:a,children:s}){return LK(L8,{contained:e,framedClass:`${as} ${t}`,fillClass:`w-full ${t}`,style:a,children:s})}import{Fragment as HK,jsx as A8,jsxs as AK}from"react/jsx-runtime";function tu({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:z,padLeftPhone:x,padRightPhone:w,contained:C=!0,fillHeight:A=!1,content:E}){let V=Te(n),q=Ml(),F=[uy(l),gy(i)].filter(Boolean).join(" "),T=F?` ${F}`:"",N=["flex",e==="row"?`flex-row ${dy(r)}`:"flex-col",wo(o),V?lr(p??"center",e):yo(s,c)].join(" ")+T,I=A||V?" h-full":"",P=V||q?"":" py-6",D=`${es}${P} ${ts}${I}`,a1=q?I.trim():`w-full${P}${I}`,B=R3("Flex",a,e==="row"?"inline":"block"),U=A8(E,{className:`${N}${B.className}${I}`,style:B.style,minEmptyHeight:120}),Y=e==="tabs"?A8(Jp,{className:`${N}${B.className}${I}`,style:B.style,children:U}):U,W=t?.trim()||void 0,Q=G1=>A8(L8,{contained:C,framedClass:D,fillClass:a1,tabLabel:W,children:G1});if(!V)return Q(Y);let b1=or(h,m),X=L9(typeof u=="number"?u:O3.desktop,typeof g=="number"?g:O3.desktop,typeof d=="number"?d:O3.phone,typeof f=="number"?f:O3.phone,typeof v=="number"?v:O3.side,typeof z=="number"?z:O3.side,typeof x=="number"?x:O3.sidePhone,typeof w=="number"?w:O3.sidePhone),v1=A8("div",{className:`relative z-[1] ${IS} ${X?.className??""}`.trimEnd(),style:X?.style,children:Y});return Q(A8(HK,{children:AK("div",{className:`relative isolate overflow-hidden ${cr}${I}`,style:{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center"},children:[b1&&A8("div",{className:"absolute inset-0 z-0",style:b1,"aria-hidden":!0}),b1?A8(xA,{children:v1}):v1]})}))}import{jsx as FK}from"react/jsx-runtime";var au={content:{type:"slot"}},yA={label:"Box",fields:au,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>FK(tu,{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:no(e),content:e.content})};import{jsx as wA}from"react/jsx-runtime";var kA={fields:{_gContent:b("Content"),contentList:s2("Flex","Blocks"),content:au.content,_gLayout:b("Layout"),direction:{type:"radio",options:Rx("Flex")},label:Z("Tab name"),gap:I3("Flex"),justify:Lo(),align:Ao(),wrap:Ho(),share:Sy(),phoneRow:Ay(),blockSpacing:Ly(),_gBackground:b("Background image"),bgImage:D1("Image","image/*"),darken:t1("Darken",wA(TK,{}),F2.min,F2.max,F2.step,F2.fallback,F2.unit),darkenStyle:g1("Darken style",wA(PK,{}),i7,i7[0].value),placement:Q5("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(Te(a.bgImage))return{...t,...g5({phone:!0,top:O3.desktop,bottom:O3.desktop,sides:!0,side:O3.side,sidePhone:O3.sidePhone,sideBounds:ZS})};let s={...t};return delete s.darken,delete s.darkenStyle,delete s.placement,s}};var H8={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as $K,ThemeIcon as jK}from"efficient-easel/icons";import{useEffect as cs,useRef as W4,useState as _r}from"react";var EK=[{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"}]}],VK=[{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"}]}],p7={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)"}}},Cd1=p7.dark.marker;function NK(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function CA(e="auto"){return e==="light"?!0:e==="dark"?!1:NK()}function Ue(e="auto"){return CA(e)?VK:EK}function u7(e="auto"){return CA(e)?p7.light:p7.dark}function q4(e="auto"){return u7(e).background}function Ke(e="auto"){return u7(e).marker}function Ar(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}var _K="https://maps.googleapis.com/maps/api/js",BK="__storefrontMapsReady__",Hr=null;function Fr(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(Hr)return Hr;let t=e&&e.trim()||"";return t?(Hr=new Promise((a,s)=>{let c=BK;window[c]=()=>a(window.google.maps);let o=document.createElement("script");o.src=`${_K}?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)}),Hr):Promise.reject(new Error("No Google Maps API key configured"))}function ss(e,t){return Number.isFinite(e)&&Number.isFinite(t)&&!(e===0&&t===0)}import{createContext as IK,useContext as MA}from"react";var SA="sf:maps-api-key",LA="sf:maps-map-id";function Hd1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(SA)??""}catch{return""}}function Fd1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(SA,e)}catch{}}function Td1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(LA)??""}catch{return""}}function Pd1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(LA,e)}catch{}}var su=IK({apiKey:"",setApiKey:()=>{},mapId:""}),Ed1=su.Provider,Tr=()=>MA(su).apiKey,Pr=()=>MA(su).mapId;function Er(e,t){return e&&e.trim()||t&&t.trim()||""}function Vr(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as ZK}from"react/jsx-runtime";function P2({num:e,title:t,titleAccent:a,desc:s,accentTracking:c="-0.02em",spaceBelow:o="mb-[60px]",className:l=""}){return ZK(J1,{look:"editorial",num:e,title:t,titleAccent:a,description:s,accentTracking:c,spaceBelow:o,className:l})}import{jsx as AA,jsxs as HA}from"react/jsx-runtime";function Nr({groupKey:e,name:t,count:a}){return HA("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[AA("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?AA("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,HA("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 WK,jsx as d2,jsxs as F8}from"react/jsx-runtime";var DK=11,OK=6,cu=60;function ou(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&":t==="<"?"<":t===">"?">":t==='"'?""":"'")}function PA(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?DK:OK,fillColor:Ke(a),fillOpacity:1,strokeColor:Ke(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(!ss(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:PA(r,t,a),title:r.city,zIndex:r.hq?100:10,cursor:"pointer"});n.addListener("click",()=>o(i)),c.set(i,n)}),l}function GK(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 TA({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 F8(WK,{children:[d2("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%)`}}),d2("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 lu({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]=_r(null),d=s.length===0&&!e&&!t&&!a;if(cs(()=>{g(v=>v!==null&&v>=s.length?null:v)},[s]),d&&!n)return null;let f=Yo(s,v=>String(v.group??""),()=>"");return d2("section",{className:"relative z-[2] bg-bg",children:F8("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)&&d2(P2,{num:e,title:t?j(t):void 0,desc:a||void 0,spaceBelow:"mb-12"}),d2(qK,{offices:s,apiKey:c,mapId:o,mapTheme:l,activeIndex:u,onSelect:g}),s.length>0&&d2("div",{className:"mt-12 flex flex-col gap-8",children:f.map((v,z)=>F8("div",{children:[v.key&&d2(Nr,{groupKey:v.key,count:v.items.length}),d2("div",{className:["grid gap-[2px] bg-bg",ha(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:x,index:w})=>{let C=u===w;return F8("button",{type:"button",onClick:()=>g(w),"aria-pressed":C,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",C?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[F8("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[x.hq&&d2("span",{className:"border border-accent bg-accent px-1.5 py-0.5 text-[length:var(--size-body,10px)] text-bg",children:"HQ"}),x.role&&d2("span",{className:"text-accent",children:x.role})]}),x.city&&d2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:d2(r8,{value:x.city,children:x.city})}),x.country&&d2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:x.country}),x.address&&d2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:k(x.address)})]},w)})})]},v.key?`g:${v.key}`:`ungrouped:${z}`))}),s.length===0&&n&&d2("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 qK({offices:e,apiKey:t,mapId:a,mapTheme:s,activeIndex:c,onSelect:o}){let l=Er(t,Tr()),r=Vr(a,Pr()),i=!!l&&e.some(N=>ss(N.lat,N.lng)),n=s!=="auto",h=u7(s),m=W4(null),p=W4(null),u=W4(null),g=W4(null),d=W4(new Map),f=W4(null),v=W4(null),z=W4(null),x=W4(o);x.current=o;let w=W4(e);w.current=e;let C=W4(c);C.current=c;let[A,E]=_r(!1),[V,q]=_r(p7.dark),[F,T]=_r(p7.dark.background);return cs(()=>{q(u7(s)),T(q4(s))},[s]),cs(()=>{if(!i)return;let N=m.current;if(!N)return;let I=!1,P=null,D=async()=>{try{let B=await Fr(l);if(I||!p.current)return;let U=new B.Map(p.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:q4(s),...r?{mapId:r}:{styles:Ue(s)}});u.current=U,g.current=B;let Y=FA(U,B,s,w.current,d.current,Q=>x.current(Q));v.current=Y,Y.isEmpty()||U.fitBounds(Y,cu);let W=new B.InfoWindow({disableAutoPan:!0});W.addListener("closeclick",()=>x.current(null)),f.current=W,U.addListener("click",()=>x.current(null)),U.addListener("tilesloaded",()=>{I||E(!0)}),s==="auto"&&!r&&(P=Ar(()=>{I||!u.current||(u.current.setOptions({styles:Ue(s),backgroundColor:q4(s)}),d.current.forEach((Q,b1)=>{let X=w.current[b1];X&&Q.setIcon(PA(X,B,s))}),q(u7(s)),T(q4(s)))}))}catch(B){console.error("[FootprintMap] Maps SDK failed:",B)}},a1=new IntersectionObserver(B=>{for(let U of B)if(U.isIntersecting){a1.disconnect(),D();break}},{rootMargin:"200px"});return a1.observe(N),()=>{I=!0,a1.disconnect(),P?.(),f.current?.close(),f.current=null,u.current=null,g.current=null,d.current.forEach(B=>B.setMap(null)),d.current.clear(),v.current=null,E(!1)}},[i,l,r,s]),cs(()=>{let N=u.current,I=g.current;if(!N||!I)return;let P=FA(N,I,s,e,d.current,D=>x.current(D));v.current=P,C.current===null&&!P.isEmpty()&&N.fitBounds(P,cu)},[e,s]),cs(()=>{let N=u.current,I=f.current;if(!N||!I)return;if(c===null){I.close(),z.current!==null&&v.current&&!v.current.isEmpty()&&N.fitBounds(v.current,cu),z.current=null;return}let P=e[c],D=d.current.get(c);if(!P||!D){I.close(),z.current=c;return}N.panTo({lat:P.lat,lng:P.lng});let a1=N.getZoom();a1!=null&&a1<4&&N.setZoom(4);let B=V.info,U=P.hq?`<span style="background:${B.accent};color:${B.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",Y=P.role?`<span style="color:${B.accent};">${ou(P.role)}</span>`:"";I.setContent(`
|
|
50
|
-
<div style="padding:10px 14px 12px;min-width:180px;color:${B.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:${B.fg};">${ou(P.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:${B.fgDim};margin-top:4px;">${ou(P.country)}</div>
|
|
56
|
-
</div>
|
|
57
|
-
`),I.open({map:N,anchor:D}),z.current=c},[c,A,V,e]),i?F8("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:F},children:[d2("style",{dangerouslySetInnerHTML:{__html:GK(V.info)}}),d2(TA,{pal:n?h:void 0}),d2("div",{ref:p,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:A?1:0}}),d2("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",A?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):F8("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:[d2(TA,{pal:n?h:void 0}),d2("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 KK}from"react/jsx-runtime";var T8={sectionNumber:L.sectionNumber,heading:`${L.heading}
|
|
58
|
-
*${L.accent}*`,tagline:L.body},UK=[{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}],EA={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:H8.apiKey,mapId:H8.mapId,mapTheme:H8.mapTheme,padTop:120,padBottom:120},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return KK(lu,{sectionNumber:a(y(e.sectionNumber,T8.sectionNumber,e.puck)),heading:a(y(e.heading,T8.heading,e.puck)),tagline:a(y(e.tagline,T8.tagline,e.puck)),omitHead:t,offices:x1(e.offices,UK,e.puck),apiKey:e1(e.apiKey),mapId:e1(e.mapId),mapTheme:e.mapTheme??H8.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 VA}from"react/jsx-runtime";var NA={fields:{_gContent:b("Section"),sectionNumber:H("Section number",T8.sectionNumber),heading:R("Heading",T8.heading),tagline:R("Body",T8.tagline),_gOffices:b("Offices"),offices:{type:"array",label:"Offices",arrayFields:{role:Z("Role"),city:Z("City"),country:Z("Region \xB7 country"),address:d1("Address"),group:Z("Group"),hq:s1("HQ",!1,VA($K,{})),geocode:t2(Po,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},mapTheme:f1("Map theme",VA(jK,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],H8.mapTheme),_sStyle:t0("Style"),...m3("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!Cr(a))return e;let s=await Mr(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})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Footprint.headRows)};import{ColumnsIcon as XK,PhoneIcon as JK}from"efficient-easel/icons";import{jsx as _A}from"react/jsx-runtime";function ru({columns:e,mobileColumns:t,gap:a,contained:s=!0,fillHeight:c=!1,content:o}){let l=c?" h-full":"",r=`${es} py-6 ${ts}${l}`,i=`w-full py-6${l}`,n=Wc(e),h=Uc(t,e),m=R3("Grid",a,"both");return _A(L8,{contained:s,framedClass:r,fillClass:i,children:_A(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 YK}from"react/jsx-runtime";var iu={content:{type:"slot"}},BA={label:"Grid",fields:iu,defaultProps:{columns:"3",content:[]},render:e=>YK(ru,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:no(e),content:e.content})};import{jsx as RA}from"react/jsx-runtime";var IA={fields:{contentList:s2("Grid","Blocks"),columns:t1("Columns",RA(XK,{}),1,Ez,1,Nz),mobileColumns:t1("Columns on phone",RA(JK,{}),rh,Vz,1,rh),gap:I3("Grid"),content:iu.content}};import{jsx as QK}from"react/jsx-runtime";var ZA={fields:{text:R("Heading",L.heading),level:g1("Level",QK(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:C5()}};import{ClockIcon as a$,EyeIcon as hu,OpacityIcon as s$,PhoneIcon as OA,PlayIcon as c$,SquareIcon as GA}from"efficient-easel/icons";import{jsx as e$}from"react/jsx-runtime";var nu={slides:{type:"slot"}},DA={label:"Hero Slideshow",fields:nu,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:Lw.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:z,puck:x})=>e$(Aw,{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:z,editing:x?.isEditing})};import{jsx as M5}from"react/jsx-runtime";var qA={fields:{_dDevice:T9(),_gContent:b("Content"),slideList:s2("Hero","Slides"),slides:nu.slides,_gStyle:b("Style"),alignment:C5(),_gTexture:b("Texture"),showTexture:s1("Show",!0,M5(hu,{})),textureColor:f5("Color",xz),textureOpacity:t1("Texture opacity",M5(s$,{}),0,100,1,40,"%"),_gLayout:b("Layout"),heightDesktop:r6("desktop"),heightMobile:r6("mobile"),_gAutoplay:b("Auto-slide"),autoplay:s1("Auto-advance slides",!1,M5(c$,{})),autoplayInterval:t1("Still time per slide",M5(a$,{}),2,15,1,6,"s"),_gPicker:b("Slide picker"),showPicker:s1("Show",fw,M5(hu,{})),pickerShape:f1("Shape",M5(GA,{}),dw.map(e=>({label:vw[e],value:e})),gw),pickerPlacement:Q5("Placement",{stacking:!1,fallback:uw}),_gArrows:b("Arrows"),showArrows:s1("Show",pw,M5(hu,{})),arrowsShape:f1("Shape",M5(GA,{}),nw.map(e=>({label:mw[e],value:e})),hw),arrowsPlacement:Q5("Placement",{stacking:!1,fallback:iw}),_gPhone:Y2("mobile",b("On a phone")),phoneUpDown:Y2("mobile",f1(vz,M5(OA,{}),bz(),dz)),phoneSideways:Y2("mobile",f1(fz,M5(OA,{}),zz(),gz))}};import{NudgeIcon as jA,WidthIcon as YA}from"efficient-easel/icons";import{jsx as WA}from"react/jsx-runtime";function mu({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=Mz(e),f=lh(t),v=lh(a),z=R3("HeroGroup",c,ho("HeroGroup",o)==="column"?"block":"inline"),x={"--sf-hg-row":Cz(d),justifySelf:kz(d).column};typeof s=="number"&&Number.isFinite(s)&&(x["--sf-hg-w"]=`${Sz(s)}%`),(f!==0||v!==0)&&(x["--sf-hg-nudge"]=`${f}px ${v}px`);let w=L9(n,h,m,p);return WA("div",{className:w?`sf-hero-group ${w.className}`:"sf-hero-group","data-hg":d,style:w?{...x,...w.style}:x,ref:g??void 0,children:u?WA(u,{className:["sf-hero-group-blocks flex",Bx("HeroGroup",o),yo(l,r),wo(i)].filter(Boolean).join(" ")+z.className,style:z.style,minEmptyHeight:40}):null})}import{jsx as o$}from"react/jsx-runtime";var pu={content:{type:"slot",allow:nz}},UA={label:rz,inline:!0,fields:pu,defaultProps:{placement:wz,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})=>o$(mu,{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 Rr}from"react/jsx-runtime";var XA={fields:{_gContent:b("Content"),name:R9(X2(Z("Box name",L.boxName))),contentList:s2("HeroGroup"),content:pu.content,_gLayout:b("Layout"),placement:Q5("Placement",{stacking:!0}),width:t1("Width",Rr(YA,{}),30,100,5,60,"%"),direction:Hy("HeroGroup"),gap:I3("HeroGroup"),justify:Lo(),align:Ao(),wrap:Ho(),_gNudge:b("Nudge"),nudgeX:t1("Sideways",Rr(jA,{}),-40,40,1,0,"px"),nudgeY:t1("Up and down",Rr(jA,{}),-40,40,1,0,"px"),...g5({phone:!0})},resolveFields:(e,{fields:t,appState:a})=>{let s=typeof e.props.id=="string"?e.props.id:"";if(qc(a?.data,s)===0)return t;let c={...t};return delete c.placement,c.width=t1("Width",Rr(YA,{}),30,100,5,100,"%"),c}};import{MediaIcon as v$,OpacityIcon as eH,PlacementIcon as f$}from"efficient-easel/icons";var d7="bottom",g7="#0A0A0A",uu=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],i$={bottom:180,top:0,left:270,right:90},n$=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],h$=[[null,33],[.6,67],[.94,100]];function m$(e,t){let a=/^#[0-9a-f]{6}$/i.test(e)?e:g7,s=parseInt(a.slice(1),16);return`rgba(${s>>16&255},${s>>8&255},${s&255},${t})`}function p$(e){return _2(uu,d7,e)}function JA(e=g7,t=d7){let a=p$(t),o=(a==="top"||a==="bottom"?n$:h$).map(([l,r])=>`${l===null?"transparent":m$(e,l)} ${r}%`);return`linear-gradient(${i$[a]}deg, ${o.join(", ")})`}import{useRef as u$}from"react";import{jsx as $e,jsxs as d$}from"react/jsx-runtime";function du({overlay:e=100,overlayColor:t=g7,overlayPosition:a=d7,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=zw(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":Y9(n),"--sf-hero-h-m":Y9(h)}:void 0,f=s==="video",v=f?X3(c):void 0,z=f?X3(o):X3(c)??X3(o),x=u$(null);return d$("section",{ref:x,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:[$e("div",{className:"absolute inset-0 z-[1]",children:$e(uz,{videoSrc:v,posterSrc:z,showVideo:f,objectPosition:l})}),i>0&&$e("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:r,opacity:Math.min(Math.max(i,0),100)/100}}),$e("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:JA(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),m&&$e("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:$e(m,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}import{jsx as g$}from"react/jsx-runtime";var gu={boxes:{type:"slot",allow:["HeroGroup"]}},QA={label:"Hero",fields:gu,defaultProps:{mediaType:"image",imageFocal:m5,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:g7,overlayPosition:d7},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})=>g$(du,{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 Ir}from"react/jsx-runtime";var tH={fields:{_dDevice:T9(),_gBoxes:b(f9),boxList:s2("HeroSingle"),boxes:gu.boxes,_gStyle:b("Style"),overlay:t1("Overlay",Ir(eH,{}),0,100,5,100,"%"),overlayColor:f5("Overlay color",g7),overlayPosition:Fo("Overlay position",uu,d7,"A corner would need a diagonal ramp, which this overlay does not draw.",Ir(f$,{})),_gLayout:b("Layout"),heightDesktop:r6("desktop"),heightMobile:r6("mobile"),_gMedia:b("Media"),mediaType:f1("Type",Ir(v$,{}),To,"image"),mediaImage:D1("Background image","image/*","Upload a background image"),imageFocal:Z9("Image focus",m5),tintColor:f5("Tint color","#000000"),tintOpacity:t1("Tint opacity",Ir(eH,{}),0,100,5,0,"%"),mediaVideo:D1("Background video","video/*","Upload a background video"),poster:D1("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 z$,OpacityIcon as x$,PlayIcon as y$}from"efficient-easel/icons";import{jsx as b$}from"react/jsx-runtime";var vu={groups:{type:"slot",allow:["HeroGroup"]}},aH={label:"Hero Slide",fields:vu,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:m5,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=S9({...u,sectionAccent:h5(u.sectionAccent)});return b$(yz,{themeClassName:g?.className,themeStyle:g?.style,name:e||void 0,process:y(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 fu}from"react/jsx-runtime";var sH={fields:{_gContent:b("Content"),name:R9(Z("Slide name",L.slideName)),process:H("Reel label","Label"),_gGroups:b(f9),groupList:s2("HeroSlide"),groups:vu.groups,_gMedia:b("Media"),mediaType:f1("Type",fu(z$,{}),To,"video"),mediaVideo:D1("Background video","video/*","Upload a background video"),videoSpeed:t1("Playback speed",fu(y$,{}),25,100,5,100,"%"),mediaImage:D1("Background image","image/*","Upload a background image"),imageFocal:Z9("Image focus",m5),poster:D1("Video poster","image/*","Upload a poster still"),_gTint:b("Image tint"),tintColor:f5("Tint color","#000000"),overlay:t1("Overlay",fu(x$,{}),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 cH=["cover","contain"],bu={cover:"Cover",contain:"Contain"},Zr="Image fit";function je(e,t){return cH.includes(e)?e:t}function oH(){return cH.map(e=>({label:bu[e],value:e}))}function lH(e){return e==="contain"?"object-contain":"object-cover"}function Dr(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as w$}from"efficient-easel/icons";import{jsx as k$}from"react/jsx-runtime";var rH={fields:{_gImage:b("Image"),src:D1("Image","image/*"),alt:Z("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:g1(Zr,k$(w$,{}),oH(),"cover"),focal:Z9("Image focus",m5,"src"),href:L1("Link"),_gStyle:b("Style"),grayscale:Ve(),_gShape:b("Shape"),corners:Ny(),cornerSides:ky()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(Dr(a.aspect,je(a.fit,"cover")))return t;let s={...t};return delete s.focal,s}};import{jsx as C$}from"react/jsx-runtime";var iH={fields:{_gContent:b("Content"),eyebrow:H("Chip label","Integrations"),title:R("Heading",`Plays well with
|
|
59
|
-
*your favourite apps.*`),body:R("Body",""),apps:L2("App chips",C$(J3,{noun:"tag"}),"App name","verbatim"),_gStat:b("Stat & note"),statValue:H("Big stat","100s"),statLabel:H("Stat label",""),note:H("Footnote","")}};import{CaseIcon as A$,FullWidthIcon as H$,LayoutIcon as F$,OpacityIcon as T$,StickyIcon as P$,TextLinesIcon as hH}from"efficient-easel/icons";var zu="overlay",xu=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function Ye(e){return _2(xu,zu,e)}var L4={desktop:40,mobile:45,min:20,max:80,step:5};function yu(e,t){return`${typeof e=="number"?e:t}%`}import{Fragment as M$,jsx as W3,jsxs as os}from"react/jsx-runtime";function wu({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:z,buttonTextColor:x,uppercase:w=!1,capStyle:C}){let A=Ye(r)==="stacked",E=Q=>A?`calc(${Y9(Q)} - ${Vh})`:Y9(Q),V=E(m),q=E(p),F=O6(g,"clamp(48px,7vw,96px)","heading","headingLarge"),T=O6(d,"clamp(36px,7vw,96px)","heading","headingLarge"),N=O6(f,"17px","body","body"),I=O6(v,"16px","body","body"),P=u!=null?u/100:A?0:.6,D=z||"var(--btn)",a1=x||"var(--btn-ink)",B={"--intro-h-d":V,"--intro-h-m":q,"--intro-title-d":F,"--intro-title-m":T,"--intro-body-d":N,"--intro-body-m":I,...A?{"--intro-copy-d":yu(i,L4.desktop),"--intro-copy-m":yu(n,L4.mobile),marginTop:Vh}:{}},U=C?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",Y=os(M$,{children:[os("div",{className:"absolute inset-0",children:[W3("div",{className:"absolute inset-0 hidden min-[960px]:block",children:W3(k0,{label:c,src:o})}),W3("div",{className:"absolute inset-0 min-[960px]:hidden",children:W3(k0,{label:c,src:l||o})}),W3("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(45deg, transparent 0 80px, rgba(201,164,97,.04) 80px 81px)"}})]}),W3("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${P})`}})]}),W=os("div",{style:C,className:"flex flex-col gap-6",children:[e&&W3(A1,{text:e,size:14}),t&&W3("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)]",w?"uppercase":""].join(" "),children:j(t,!1)}),a&&u0(a).map((Q,b1)=>W3("p",{className:"max-w-[560px] leading-[1.6] opacity-85 text-[length:var(--intro-body-m)] min-[960px]:text-[length:var(--intro-body-d)]",children:k(Q)},b1)),s.text&&W3("div",{className:"mt-2 self-start",children:W3(D2,{href:s.href,variant:"ghost",style:{background:D,color:a1,borderColor:D},children:k(s.text)})})]});return A?os("section",{style:B,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:[W3("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}),W3("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:Y})]}):os("section",{style:B,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,W3("div",{className:["relative z-[2] flex h-full flex-col justify-center",U].join(" "),style:{color:"var(--overlay-fg)"},children:W})]})}import{jsx as L$}from"react/jsx-runtime";var v7={eyebrow:"\u2014 Label",title:`Section headline
|
|
60
|
-
*Highlight line*`,body:"A sentence or two of supporting copy."};function S$(e){if(e===!1)return R6(`var(--sf-page-width, ${M9.default}px)`)}var nH={label:"Scroll-Over Text",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",imageSrcMobile:"",heightDesktop:100,heightMobile:100,overlay:60,titleSizeDesktop:ra,bodySizeDesktop:ra,titleSizeMobile:ra,bodySizeMobile:ra,ctaText:"",ctaHref:"",buttonColor:"",buttonTextColor:"",sticky:!0,uppercase:!1,fullWidth:!0},render:e=>L$(wu,{eyebrow:y(e.eyebrow,v7.eyebrow,e.puck),title:y(e.title,v7.title,e.puck),body:y(e.body,v7.body,e.puck),imageLabel:e1(e.title)||v7.title,imageSrc:e.imageSrc||void 0,imageSrcMobile:e.imageSrcMobile||void 0,cta:G3(e.ctaText,e.ctaHref,e.puck),sticky:e.sticky,layout:Ye(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:S$(e.fullWidth)})};import{jsx as P8}from"react/jsx-runtime";var mH={fields:{_dDevice:T9(),_gContent:b("Content"),eyebrow:H("Eyebrow",v7.eyebrow),title:R("Heading",v7.title),body:R("Subtitle",v7.body),uppercase:s1("Uppercase heading",!1,P8(A$,{})),_gBackground:b("Background images"),imageSrc:Y2("desktop",D1("Background image","image/*")),imageSrcMobile:Y2("mobile",D1("Background image","image/*")),_gLayout:b("Layout"),layout:g1("Layout",P8(F$,{}),xu,zu),heightDesktop:r6("desktop"),heightMobile:r6("mobile"),copyShareDesktop:Y2("desktop",t1("Text height",P8(hH,{}),L4.min,L4.max,L4.step,L4.desktop,"%")),copyShareMobile:Y2("mobile",t1("Text height",P8(hH,{}),L4.min,L4.max,L4.step,L4.mobile,"%")),sticky:s1("Scroll-over",!0,P8(P$,{})),_gWidth:b("Width"),fullWidth:s1("Full width",!0,P8(H$,{})),overlay:t1("Overlay",P8(T$,{}),0,100,5,60,"%"),_gTextDesktop:Y2("desktop",b("Text style")),titleSizeDesktop:Y2("desktop",ia("Heading font size",32,120,1,96,"heading")),bodySizeDesktop:Y2("desktop",ia("Subtitle font size",12,28,1,17,"body")),_gTextMobile:Y2("mobile",b("Text style")),titleSizeMobile:Y2("mobile",ia("Heading font size",24,72,1,44,"heading")),bodySizeMobile:Y2("mobile",ia("Subtitle font size",12,22,1,16,"body")),_gButton:b("Button"),...k4,buttonColor:f5("Button color","#C9A461"),buttonTextColor:f5("Button text color","#000000")}};import{ColumnsIcon as _$,StylesIcon as B$}from"efficient-easel/icons";import{Fragment as E$,jsx as h6,jsxs as ku}from"react/jsx-runtime";function Cu({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:h6("section",{className:"relative z-[2] border-y border-line bg-surface",children:ku("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&&ku("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&h6(A1,{text:t??"",look:e}),(a??"").trim()&&h6("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&&h6("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=ku(E$,{children:[h6("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),h6("span",{className:"font-display text-[length:var(--size-body,17px)] font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent",children:k((n.label??"").trim()||"Feature")})]}),p=(n.href??"").trim();if(p&&!o){let u="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return p.startsWith("/")?h6(i0,{href:p,className:u,children:m},h):h6("a",{href:p,className:u,children:m},h)}return h6("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:m},h)})})]})})}import{jsx as N$}from"react/jsx-runtime";var ls={eyebrow:"Highlight",title:"Key *features.*"},V$=[{label:"Feature label one"},{label:"Feature label two"},{label:"Feature label three"},{label:"Feature label four"},{label:"Feature label five"},{label:"Feature label six"}],pH={label:"Key Features",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:({eyebrow:e,title:t,items:a,columns:s,eyebrowLook:c,puck:o})=>N$(Cu,{look:t4(c,"KeyFeatures"),eyebrow:y(e,ls.eyebrow,o),title:y(t,ls.title,o),items:x1(a,V$,o),columns:s,editing:o?.isEditing})};import{jsx as uH}from"react/jsx-runtime";var dH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",ls.eyebrow),eyebrowLook:g1("Eyebrow style",uH(B$,{}),[...z4],W6("KeyFeatures")),title:R("Heading",ls.title),items:{type:"array",label:"Features",arrayFields:{label:d1("Feature label"),href:X2(Z("Link"))},defaultItemProps:{label:"",href:""},getItemSummary:e=>e?.label||"Feature"},_gStyle:b("Style"),columns:t1("Columns",uH(_$,{}),2,4,1,3)}};import{HeightIcon as R$}from"efficient-easel/icons";import{jsx as I$}from"react/jsx-runtime";var gH={fields:{src:D1("Logo image","image/*"),alt:Z("Alt text","Brand name","Read out in place of the picture, and shown if it can\u2019t load."),href:L1("Link"),heightPx:t1("Height",I$(R$,{}),ok,lk,1,J6,"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 Z$,ColumnsIcon as D$,HeightIcon as O$,PaddingYIcon as G$}from"efficient-easel/icons";import{jsx as Or}from"react/jsx-runtime";var vH={fields:{_gContent:b("Content"),heading:R("Heading","Trusted by *teams worldwide*"),items:{type:"array",label:"Logos",arrayFields:{src:D1("Image","image/*"),alt:Z("Name / alt")},getItemSummary:e=>e.alt||e.src||"logo"},_gStyle:b("Style"),columns:t1("Columns",Or(D$,{}),3,6,1,5),logoHeight:t1("Logo height",Or(O$,{}),20,72,2,28,"px"),bandPadding:t1("Space above and below",Or(G$,{}),16,120,4,40,"px"),grayscale:s1("Black and white logos",!0,Or(Z$,{}))}};import{Fragment as fH}from"react";import{Fragment as Mu,jsx as a3,jsxs as U4}from"react/jsx-runtime";function Su({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 z=[s?a3("span",{className:"text-accent",children:k(s)}):null,c?a3("span",{children:k(c)}):null,o?a3("span",{children:k(o)}):null].filter(Boolean),x=!!g||!!d;return U4("section",{className:P0(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:a3(P2,{num:e,title:t?j(t,!0):void 0,desc:a?k(a):void 0}),U4("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[U4("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:[z.length>0&&a3("div",{className:"flex items-center gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim",children:z.map((w,C)=>U4(fH,{children:[C>0&&a3("span",{className:"opacity-40",children:"\xB7"}),w]},C))}),l&&a3("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&&a3("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:k(r)}),(i||n)&&U4("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&&U4(Mu,{children:["\u201C",k(i),"\u201D"]}),n&&a3("strong",{className:"mt-2.5 block font-display text-[length:var(--size-body,14px)] font-normal not-italic uppercase tracking-[0.22em] text-fg",children:k(n)})]}),h&&U4(i0,{href:m||"#",className:"inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:[k(h)," ",a3("span",{children:"\u2192"})]})]}),U4("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[a3(k0,{label:"long-read",src:p||void 0,alt:h2(l||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),a3("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&&a3(A1,{text:u,size:12,className:"absolute right-6 top-6 z-[2]"}),x&&a3("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?U4(Mu,{children:[a3("strong",{className:"font-normal text-accent",children:"Published"})," ",k(g)]}):null,d?U4(Mu,{children:[a3("strong",{className:"font-normal text-accent",children:"Reads in"})," ",k(d)]}):null].filter(Boolean).map((w,C)=>U4(fH,{children:[C>0&&a3("br",{}),w]},C))})]})]})]})}import{jsx as q$}from"react/jsx-runtime";var E0={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:L.body,category:L.category,metaMiddle:"Section",readLabel:"0 min read",title:"Article *headline* goes here.",dek:"A short summary of the article goes here.",quote:"A short pull quote.",quoteAttribution:"\u2014 "+L.date,ctaText:"Begin reading",ctaHref:m2.href,imageLabel:"Featured *image*",metaPublished:L.date,metaReads:"0 min"},bH={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:z})=>{let x=I1(v)==="own-box",w=E=>x?void 0:E,C=e,A=!!C?.slug;return q$(Su,{headNum:w(y(t,E0.headNum,z)),headTitle:w(y(a,E0.headTitle,z)),headDesc:w(y(s,E0.headDesc,z)),omitHead:x,category:y(c,E0.category,z),metaMiddle:y(o,E0.metaMiddle,z),readLabel:y(l,E0.readLabel,z),title:A?C.title:y(r,E0.title,z),dek:A?C.dek:y(i,E0.dek,z),quote:y(n,E0.quote,z),quoteAttribution:y(h,E0.quoteAttribution,z),ctaText:y(m,E0.ctaText,z),ctaHref:A?C.href:e1(p),image:A?C.image:u,imageLabel:y(g,E0.imageLabel,z),metaPublished:A?C.date:y(d,E0.metaPublished,z),metaReads:y(f,E0.metaReads,z)})}};var zH={fields:{source:t2(S8),_gHead:b("Section header"),headNum:H("Number",E0.headNum),headTitle:R("Heading",E0.headTitle),headDesc:R("Body",E0.headDesc),_gMeta:b("Article"),category:H("Category",E0.category),metaMiddle:H("Middle meta",E0.metaMiddle),readLabel:H("Read time",E0.readLabel),title:R("Heading",E0.title),dek:R("Dek",E0.dek),_gQuote:b("Pull quote"),quote:R("Quote",E0.quote),quoteAttribution:H("Attribution",E0.quoteAttribution),_gLink:b("Link"),ctaText:H("Button",E0.ctaText),ctaHref:L1("Link"),image:D1("Image","image/*"),imageLabel:H("Image label",E0.imageLabel),_gOverlay:b("Image caption"),metaPublished:H("Published",E0.metaPublished),metaReads:H("Reads in",E0.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=d5(Co)));return Z1(W1(l,a,U1),e.props.headPlacement,B1.LongRead.headRows)}};var xH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),heading:R("Heading",`Main heading
|
|
61
|
-
*Highlight line*`),body:R("Body",L.body),stats:{type:"array",label:"Stats",arrayFields:{value:Z("Number"),label:Z("Label")},getItemSummary:e=>e.label||e.value||"Stat"},_gMedia:b("Media"),imageSrc:D1("Image","image/*"),_gStyle:b("Style"),grayscale:Ve()}};import{TextLinesIcon as j$}from"efficient-easel/icons";import{Fragment as W$,jsx as f7,jsxs as E8}from"react/jsx-runtime";function Lu({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=u0(a??""),h=!!e||r.length>0,m=!!s||i.length>0||!!o,p=n.length>0||m;return E8("section",{className:P0(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&&E8("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&&f7(A1,{text:e,size:14,className:"pb-3.5"}),r.length>0&&f7("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)=>E8("div",{children:[f7("strong",{className:"font-normal text-fg",children:k(u.lead??"")}),u.rest?.trim()?E8(W$,{children:[" ",k(u.rest)]}):null]},g))})]}),p&&E8("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&&f7("div",{className:"max-w-[720px]",children:n.map((u,g)=>f7("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:k(u,!0)},g))}),m&&E8("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&&f7("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)=>E8("span",{children:[k(u),f7("br",{})]},g)),o&&f7("span",{className:"text-accent",children:k(o)})]})]})]})}import{jsx as $$}from"react/jsx-runtime";var m6={eyebrow:L.eyebrow,lead:"A short lead paragraph introducing this section \u2014 a sentence or two about its theme.",issueHeading:"In this issue",issueTotal:"\u2014 Articles in total"},U$=[{lead:"Volume",rest:"No. 1"},{lead:"Season",rest:"Year"},{lead:"Frequency",rest:""}],K$=[{text:"Article headline"},{text:"Feature story"},{text:"Interview"},{text:"Field notes"}],yH={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})=>$$(Lu,{eyebrow:y(e,m6.eyebrow,l),issueMeta:x1(t,U$,l),lead:y(a,m6.lead,l),issueHeading:y(s,m6.issueHeading,l),issueList:x1(c,K$,l),issueTotal:y(o,m6.issueTotal,l),editing:l?.isEditing})};import{jsx as Y$}from"react/jsx-runtime";var wH={fields:{_gTop:b("Top row"),eyebrow:H("Eyebrow",m6.eyebrow),issueMeta:{type:"array",label:"Issue meta lines",arrayFields:{lead:d1("Bold word"),rest:d1("Rest")},getItemSummary:e=>[e?.lead,e?.rest].filter(Boolean).join(" ")||"Line"},_gLead:b("Lead"),lead:R("Lead",m6.lead),_gIssue:b("In this issue"),issueHeading:R("Panel heading",m6.issueHeading),issueList:L2("Issue lines",Y$(j$,{}),"Line","markup"),issueTotal:H("Total line",m6.issueTotal)}};import{BlockColumnIcon as Gr,PlacementIcon as ej,StateIcon as tj,TemplateIcon as aj,TextLinesIcon as sj}from"efficient-easel/icons";var Au=[{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"}],X$=Au.map(e=>e.value),Hu="spec-card",J$={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 Q$(e){return X$.includes(e)?e:Hu}function kH(e,t){let a=Q$(t),s={...e};for(let[c,o]of Object.entries(J$))o.includes(a)||delete s[c];return s}import{jsx as b7}from"react/jsx-runtime";var CH={fields:{_gContent:b("Content"),eyebrow:H("Chip label","In the product"),title:R("Heading",`Seen from
|
|
62
|
-
*the counter.*`),body:R("Body",""),_gCard:b("Mockup card"),variant:g1("Card type",b7(aj,{}),Au,Hu),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:Z("Label"),value:Z("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Pill"},tiles:{type:"array",label:"Spec tiles",arrayFields:{label:Z("Label"),value:Z("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Tile"},rows:{type:"array",label:"Result / order rows",arrayFields:{lead:Z("Lead"),detail:Z("Detail"),state:g1("State",b7(tj,{}),[{label:"Match / done (green)",value:"ok"},{label:"In progress (accent)",value:"warn"},{label:"No match (gray \u2715)",value:"no"}],"ok"),status:Z("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:b("Kanban columns"),col1Title:H("Column 1 title",""),col1Cards:L2("Column 1 cards",b7(Gr,{}),"Job card label","verbatim"),col2Title:H("Column 2 title",""),col2Cards:L2("Column 2 cards",b7(Gr,{}),"Job card label","verbatim"),col3Title:H("Column 3 title",""),col3Cards:L2("Column 3 cards",b7(Gr,{}),"Job card label","verbatim"),col4Title:H("Column 4 title",""),col4Cards:L2("Column 4 cards",b7(Gr,{}),"Job card label","verbatim"),_gClaims:b("Claims bars"),barsHeading:H("Bars heading","Defect rate by product"),bars:{type:"array",label:"Bars",arrayFields:{label:Z("Label"),value:Z("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Bar"},_gTerminal:b("Terminal"),termLines:L2("Terminal lines",b7(sj,{}),"$ efficient \u2026","verbatim"),_gBrowser:b("Browser mock"),urlText:H("URL pill",""),heroTitle:H("Hero line",""),heroButton:H("Hero button",""),products:{type:"array",label:"Product tiles",arrayFields:{name:Z("Name"),price:Z("Price")},defaultItemProps:{name:"",price:""},getItemSummary:e=>[e?.name,e?.price].filter(Boolean).join(" \xB7 ")||"Tile"},_gStyle:b("Style"),align:g1("Mockup position",b7(ej,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>kH(t,e.props.variant)};import{jsx as n4,jsxs as rs}from"react/jsx-runtime";function Fu({eyebrow:e,title:t,rows:a,subRows:s,totalLabel:c,totalAmount:o,note:l,contained:r}){return n4(K0,{contained:r,className:"py-6",children:rs("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&&n4(A1,{text:e,scaled:!1}),t&&n4("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&&n4("ul",{className:"mt-6 flex flex-col",children:a.map((i,n)=>rs("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[rs("span",{className:"min-w-0",children:[i.label&&n4("span",{className:"block text-[15px]",children:k(i.label)}),i.meta&&n4("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:k(i.meta)})]}),i.amount&&n4("span",{className:"text-[15px] tabular-nums",children:k(i.amount)})]},n))}),s.length>0&&n4("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:s.map((i,n)=>rs("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[n4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:i.label&&k(i.label)}),i.amount&&n4("span",{className:"text-[14px] tabular-nums opacity-85",children:k(i.amount)})]},n))}),(c||o)&&rs("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[c&&n4("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:k(c)}),o&&n4("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:k(o)})]}),l&&n4("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:k(l)})]})})}import{jsx as lj}from"react/jsx-runtime";var is={title:"Order summary",note:"A short reassurance note under the total."},cj=[{label:"Product name",meta:"Finish \xB7 Size \xB7 \xD71",amount:"$0,000"},{label:"Second item",meta:"Detail line",amount:"$000"}],oj=[{label:"Subtotal",amount:"$0,000"},{label:"Delivery",amount:"$00"}],MH={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})=>lj(Fu,{eyebrow:y(e,L.eyebrow,i),title:y(t,is.title,i),rows:x1(a,cj,i),subRows:x1(s,oj,i),totalLabel:y(c,"Total",i),totalAmount:y(o,"$0,000",i),note:y(l,is.note,i),contained:r})};var SH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),title:R("Heading",is.title),_gItems:b("Items"),rows:{type:"array",label:"Items",arrayFields:{label:d1("Item"),meta:d1("Meta line"),amount:d1("Amount")},getItemSummary:e=>e.label||"Item"},subRows:{type:"array",label:"Sub-total lines",arrayFields:{label:d1("Label"),amount:d1("Amount")},getItemSummary:e=>e.label||"Line"},_gTotal:b("Total"),totalLabel:H("Total label","Total"),totalAmount:H("Total amount","$0,000"),note:R("Note",is.note),_gLayout:b("Layout")}};import{jsx as p6,jsxs as ns}from"react/jsx-runtime";function Tu({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 p6("section",{className:"relative z-[2] bg-bg",children:ns("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&&ns("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:[p6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:e&&p6("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:k(e)})}),h.length>0&&p6("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)=>ns("div",{children:[u.value?p6("strong",{className:"font-normal text-fg",children:k(u.value)}):null," ",u.label?k(u.label):null]},g))})]}),(a||p)&&ns("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[a&&p6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:u0(a).map((u,g)=>p6("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:k(u)},g))}),p&&ns("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&&p6("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?k(c):null,o&&p6("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:k(o)})]})]})]})})}import{jsx as rj}from"react/jsx-runtime";var u6={eyebrow:L.eyebrow,lead:"Introduce your company in a paragraph or two.",foundersHeading:"Add a short heading.",foundersBody:"Add a short statement here \u2014 a sentence or two is plenty.",attribution:"\u2014 Name, Year"},LH={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})=>rj(Tu,{eyebrow:y(e,u6.eyebrow,i),lead:y(t,L.body,i),stats:a,foundersHeading:y(s,u6.foundersHeading,i),foundersBody:y(c,u6.foundersBody,i),attribution:y(o,u6.attribution,i),padTop:l,padBottom:r})};var AH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",u6.eyebrow),lead:R("Lead",L.body),stats:{type:"array",label:"Stats",arrayFields:{value:d1("Number"),label:d1("Unit")},getItemSummary:e=>e.label||e.value||"Stat"},_gFounders:b("Founders"),foundersHeading:R("Founders heading",u6.foundersHeading),foundersBody:R("Founders statement",u6.foundersBody),attribution:H("Attribution",u6.attribution),_gStyle:b("Style"),...m3("ParagraphsA")}};import{jsx as z7,jsxs as HH}from"react/jsx-runtime";function Pu({heading:e,badges:t,assurances:a,contained:s}){return z7(K0,{contained:s,className:"py-6",children:HH("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[e&&z7("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:k(e)}),t.length>0&&z7("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:t.map((c,o)=>z7("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:c.src?z7("img",{src:M2(c.src),alt:h2(c.label||""),className:"max-h-5 w-auto opacity-90"}):c.label&&z7("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:k(c.label)})},o))}),a.length>0&&z7("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:a.map((c,o)=>c.text&&HH("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[z7("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),k(c.text)]},o))})]})})}import{jsx as hj}from"react/jsx-runtime";var Eu={heading:"Ways to pay"},ij=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],nj=[{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})=>hj(Pu,{heading:y(e,Eu.heading,c),badges:x1(t,ij,c),assurances:x1(a,nj,c),contained:s})};var TH={fields:{_gContent:b("Content"),heading:H("Heading",Eu.heading),badges:{type:"array",label:"Payment methods",arrayFields:{label:d1("Name"),src:D1("Logo","image/*")},getItemSummary:e=>e.label||e.src||"Method"},assurances:{type:"array",label:"Reassurance lines",arrayFields:{text:d1("Line")},getItemSummary:e=>e.text||"Line"},_gLayout:b("Layout")}};import{jsx as u3,jsxs as V8}from"react/jsx-runtime";var PH=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],qr="card",d6={min:200,max:700,step:10,fallback:330,unit:"px"};function N8({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)&&V8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&u3("span",{className:"text-accent",children:k(e.meta)}),e.dateLabel&&u3("span",{children:k(e.dateLabel)}),e.read&&u3("span",{children:k(e.read)})]});if(h){let p=or(o,l);return V8(i0,{href:n,className:`${cr} group relative isolate flex overflow-hidden`,style:{minHeight:`${i??d6.fallback}px`},"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[u3("div",{className:"absolute inset-0",children:u3(k0,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),p&&u3("div",{className:"absolute inset-0 z-0",style:p,"aria-hidden":!0}),V8("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${lr(c??"bottom-left","column")}`,children:[e.meta&&u3("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:k(e.meta)}),u3("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&&u3("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:k(e.excerpt)}),(e.dateLabel||e.read)&&V8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&u3("span",{children:k(e.dateLabel)}),e.read&&u3("span",{children:k(e.read)})]})]})]})}return V8(i0,{href:n,style:{"--card-bg":"var(--surface)","--card-bg-hover":"var(--surface-2)"},className:"sf-card sf-card-fill group block bg-[var(--card-bg)] transition-colors duration-300 hover:bg-[var(--card-bg-hover)]","aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[s&&u3("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:u3(k0,{label:`event-${e.slug}`,src:e.cover||void 0})}),V8("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[m,u3("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&&u3("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:k(e.excerpt)}),V8("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",u3("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{HeightIcon as pj,ImageIcon as uj,LayoutIcon as dj,OpacityIcon as gj,StylesIcon as vj}from"efficient-easel/icons";import{jsx as mj}from"react/jsx-runtime";var K4={title:"Add a *headline* for this post.",excerpt:"A short summary of the post \u2014 one or two sentences.",category:L.category,date:L.date,readLabel:"0 min read"},EH={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:qr,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:i7[0].value,minHeight:d6.fallback},render:e=>{let t=e.source,a=!!t?.slug;return mj(N8,{post:{slug:a?t.slug:"post-card",title:(a?t.title:y(e.title,K4.title,e.puck))||"",excerpt:(a?t.dek:y(e.excerpt,K4.excerpt,e.puck))||"",cover:(a?t.image:e.image)||"",meta:y(e.category,K4.category,e.puck)||void 0,dateLabel:(a?t.date:y(e.date,K4.date,e.puck))||void 0,read:y(e.readLabel,K4.readLabel,e.puck)||void 0},href:(a?t.href:e1(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 hs}from"react/jsx-runtime";var VH={fields:{source:t2(S8),image:D1("Cover image","image/*"),title:R("Heading",K4.title),excerpt:R("Excerpt",K4.excerpt),href:L1("Link"),category:H("Category",K4.category),date:H("Date",K4.date),readLabel:H("Read time",K4.readLabel),layout:g1("Card layout",hs(dj,{}),PH,qr),showCover:s1("Show cover image",!0,hs(uj,{})),placement:Q5("Text position",{stacking:!1}),darken:t1("Darken",hs(gj,{}),F2.min,F2.max,F2.step,F2.fallback,F2.unit),darkenStyle:g1("Darken style",hs(vj,{}),i7,i7[0].value),minHeight:t1("Card height",hs(pj,{}),d6.min,d6.max,d6.step,d6.fallback,d6.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 xj,PlacementIcon as yj}from"efficient-easel/icons";import{Fragment as fj,jsx as g2,jsxs as g6}from"react/jsx-runtime";var NH={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"},Vu="sf-itc-boxes",_H="sf-itc-steps";function Nu({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(w=>(w?.tag??"").trim()||(w?.meta??"").trim()||(w?.title??"").trim()||(w?.copy??"").trim()||(w?.image??"").trim()||(w?.specs??[]).some(C=>(C?.label??"").trim()||(C?.value??"").trim())),v=f.length>0?f:n&&!s?[{tag:"Column 1"},{tag:"Column 2"},{tag:"Column 3"}]:[],z=NH[o]??NH[3],x=p==="on-image";return g6("section",{className:P0(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:g2(P2,{num:e,title:t?.trim()?k(t,!0):void 0,desc:a?.trim()?k(a,!1):void 0}),s?g6(fj,{children:[g2("style",{children:`.${Vu}:empty{display:none}.${Vu}:not(:empty)~.${_H}{display:none}`}),g2(s,{className:`${Vu} sf-card grid ${z} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,v.length>0&&g2("div",{className:`${_H} sf-card grid ${z} gap-[2px] border border-line bg-line`,children:v.map((w,C)=>{let A=(w.specs??[]).filter(E=>(E?.label??"").trim()||(E?.value??"").trim());return g6("article",{className:x?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[g6("div",{className:x?"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:[g2(k0,{label:w.tag?.trim()||w.title?.trim()||`column-${C+1}`,src:w.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...s?{deferFetch:!0}:{}}),g2("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%)"}}),x&&g2("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%)"}}),w.tag?.trim()&&g2("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(w.tag)}),w.meta?.trim()&&g2("span",{className:x?"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(w.meta)}),x&&(w.title?.trim()||w.copy?.trim())&&g6("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:[w.title?.trim()&&g2("h3",{className:"flex min-h-[2em] flex-col justify-end font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg max-[700px]:text-[length:var(--size-headingSmall,26px)]",children:k(w.title,!0)}),w.copy?.trim()&&g2("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:k(w.copy,!1)})]})]}),x?A.length>0&&g2("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:A.map((E,V)=>g6("div",{className:"flex flex-col gap-1",children:[E.label?.trim()&&g2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Y1(E.label)}),E.value?.trim()&&g2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Y1(E.value)})]},V))}):g6("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[w.title?.trim()&&g2("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,34px)] font-medium uppercase leading-none tracking-[-0.02em] max-[700px]:text-[length:var(--size-headingSmall,28px)]",children:k(w.title,!0)}),w.copy?.trim()&&g2("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:k(w.copy,!1)}),A.length>0&&g2("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:A.map((E,V)=>g6("div",{className:"flex flex-col gap-1",children:[E.label?.trim()&&g2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Y1(E.label)}),E.value?.trim()&&g2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Y1(E.value)})]},V))})]})]},C)})}),l?.text&&g2("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:g6(i0,{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),g2("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}import{jsx as zj}from"react/jsx-runtime";var ms={num:L.sectionNumber,title:L.headingAccent,description:L.body,cta:L.viewAll},bj=[{image:"",tag:"A \xB7 Step",meta:"Short detail line",title:"Step *one*",copy:"Describe this step in a sentence or two.",specs:[{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value}]},{image:"",tag:"B \xB7 Step",meta:"Short detail line",title:"Step *two*",copy:"Describe this step in a sentence or two.",specs:[{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value}]},{image:"",tag:"C \xB7 Step",meta:"Short detail line",title:"Step *three*",copy:"Describe this step in a sentence or two.",specs:[{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value}]}],_u={boxes:{type:"slot"}},BH={label:"Image & Text Columns",fields:_u,defaultProps:{num:"",title:"",description:"",columns:3,padTop:120,padBottom:120},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return zj(Nu,{num:a(y(e.num,ms.num,e.puck)),title:a(y(e.title,ms.title,e.puck)),description:a(y(e.description,L.body,e.puck)),omitHead:t,boxes:e.boxes,steps:x1(e.steps,bj,e.puck),columns:typeof e.columns=="number"?e.columns:3,cta:G3(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 RH}from"react/jsx-runtime";var IH={fields:{_sHeader:t0("Header"),_gContent:b("Content"),num:H("Number",ms.num),title:H("Heading",ms.title),description:R("Body",L.body),_sColumns:t0(f9),boxList:s2("ProcessSteps"),boxes:_u.boxes,_sStyle:t0("Style"),columns:t1("Columns",RH(xj,{}),2,4,1,3),cardImage:q6(),cardText:f1("Text position",RH(yj,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),...m3("ProcessSteps")},resolveFields:(e,{fields:t,parent:a})=>{let s=Z1(W1(t,a,U1),e.props.headPlacement,B1.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 Sj}from"efficient-easel/icons";import{Fragment as Cj,jsx as Wr,jsxs as ZH}from"react/jsx-runtime";var wj="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))]",kj="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 Bu({eyebrow:e,title:t,body:a,topBorder:s=!0,omitHead:c=!1,editing:o=!1}={}){let l=u0((a??"").trim()),r=!!(e??"").trim()||!!(t??"").trim()||l.length>0;return!o&&!r?null:Wr("section",{className:`relative z-[2] ${s?"border-t border-line ":""}bg-bg`,children:ZH("div",{className:c?kj:wj,children:[c?null:ZH(Cj,{children:[(e??"").trim()&&Wr(A1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&Wr("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)=>Wr("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:k(i)},n))]})})}import{jsx as Mj}from"react/jsx-runtime";var _8={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},DH={label:"Editorial Text",defaultProps:{eyebrow:"",title:"",body:"",topBorder:!0},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Mj(Bu,{eyebrow:a(y(e.eyebrow,_8.eyebrow,e.puck)),title:a(y(e.title,_8.title,e.puck)),omitHead:t,body:y(e.body,_8.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};import{jsx as Lj}from"react/jsx-runtime";var OH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",_8.eyebrow),title:R("Heading",_8.title),body:R("Body",_8.body),_sStyle:t0("Style"),topBorder:s1("Top border",!0,Lj(Sj,{}))},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Prose.headRows)};import{WidthIcon as Aj}from"efficient-easel/icons";var B8={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function GH(e){return typeof e!="number"?null:{width:`${e}${B8.unit}`,maxWidth:"100%"}}function qH(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 Ur(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 Kr}from"react/jsx-runtime";var Hj=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),Fj=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),Tj=new Set(["ProductHero"]),WH={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!Hj.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=B2(o?.props??{},"full");return r&&typeof r.then=="function"?r.then(n=>x7(n,i)):x7(r,i)}},draw(e,t){let a=Fj.has(t),s=e.render;e.render=c=>{let{mode:o,inherited:l}=B2(c,"full"),r=s(c);if(o==="full")return a&&!l&&!Tj.has(t)?Kr("div",{style:{[fx]:"none",[bx]:"initial",[zx]:"initial"},children:r}):r;let i=R6(ca);return a?Kr("div",{style:{"--sf-page-cap":ca},children:r}):Kr("div",{style:i,children:r})}}};function x7(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 Pj=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),UH={name:"containedWidth",applies:(e,t,a)=>Pj.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=B2(o?.props??{},"page"),n=h=>Vj(x7(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}=B2(a,"page");return t({...a,contained:s!=="full"})}}},KH={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=Ur(c.appState,s.props?.id);if(!i||i.type!=="HeroGroup"||ho("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 Ej(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function Vj(e,t,a){if(Ej(e)){let c=a.appState?.data?.content;if(fA(c,t.props?.id)!==!0)return e;let o={...e};return delete o.widthMode,delete o.pageWidth,o}if("parent"in a){if(!Iz(a.parent))return e}else if(!qH({props:t.props??{}},a))return e;let s={...e};return delete s.widthMode,delete s.pageWidth,s}var $H={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let s=a.slider;if(e?.fields){let c=s("Image width",Kr(Aj,{}),B8.min,B8.max,B8.step,B8.fallback,B8.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 Nj,StylesIcon as eF}from"efficient-easel/icons";var ps="standard",Zu=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],Iu=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],Ru=[...Iu,"description"],XH={standard:["eyebrowLook"],editorial:[...Iu,"eyebrowLook"],simple:Ru,statement:Ru,natural:Iu,essay:Ru},jH=["gap-5","gap-3"],YH=["text-[length:var(--size-body,16px)]","text-[15px]"];function JH(e){return _2(jH,jH[0],e)}function QH(e){return _2(YH,YH[0],e)}function $r(e){return _2(Zu,ps,e)}import{jsx as Du}from"react/jsx-runtime";var tF={fields:{_gContent:b("Content"),headStyle:g1("Style",Du(eF,{}),[...Zu],ps),num:H("Number","01 / Section"),eyebrowLook:g1("Eyebrow style",Du(eF,{}),[...z4],Zo),numStyle:f1("Number style",Du(Nj,{}),[...fp],z8),title:R("Heading","Section *title*"),description:R("Body","Short supporting line"),linkText:H("Button","View all"),linkHref:L1("Link"),_gLogo:b("Logo"),logoSrc:D1("Logo image","image/*"),logoAlt:Z("Logo alt text","Logo description"),...v5("full")},resolveFields:(e,{fields:t})=>{let a=x7(t,B2(e?.props??{},"full")),s=$r(e?.props?.headStyle),c={...a};for(let o of XH[s])delete c[o];return c}};import{Fragment as _j,jsx as y7,jsxs as Xe}from"react/jsx-runtime";function Ou({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 Xe("section",{className:P0(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:y7(P2,{num:e,title:t?j(t):void 0,desc:a}),y7("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 Xe("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[g&&Xe("div",{className:"flex items-baseline justify-between gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[y7("span",{children:p.num?k(p.num):null}),p.since?.trim()?y7("span",{children:k(p.since)}):null]}),d&&y7("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()&&y7("p",{className:"font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",children:k(p.desc)}),f&&Xe("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:[Xe("span",{children:[p.entries?.trim()?y7("strong",{className:"font-normal text-fg",children:k(p.entries)}):null,p.entriesLabel?.trim()?Xe(_j,{children:[p.entries?.trim()?" ":"",k(p.entriesLabel)]}):null]}),c&&y7("span",{className:"text-accent",children:k(c)})]})]},u)})})]})}import{jsx as Rj}from"react/jsx-runtime";var v6={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:L.body,viewLabel:"View series \u2192"},Bj=[{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"}],aF={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=I1(l)==="own-box",n=h=>i?void 0:h;return Rj(Ou,{headNum:n(y(e,v6.headNum,r)),headTitle:n(y(t,v6.headTitle,r)),headDesc:n(y(a,v6.headDesc,r)),omitHead:i,cards:x1(s,Bj,r),viewLabel:y(c,v6.viewLabel,r),background:D6(o,e3.Series),editing:r?.isEditing})}};var sF={fields:{_gHead:b("Section header"),headNum:H("Number",v6.headNum),headTitle:R("Heading",v6.headTitle),headDesc:R("Body",v6.headDesc),_gCards:b("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:d1("Number"),since:d1("Right Top Text"),title:P1("Title"),desc:P1("Body"),entries:d1("Entries count"),entriesLabel:d1("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:b("Card link"),viewLabel:H("Card button",v6.viewLabel),_gStyle:b("Style"),background:G6("Background",e3.Series)},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Series.headRows)};var cF={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 Ij,ContrastIcon as Zj}from"efficient-easel/icons";import{jsx as oF}from"react/jsx-runtime";var lF={fields:{_gContent:b("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:Z("Label","Label"),tone:f1("Tone",oF(Zj,{}),[{label:"Normal",value:"normal"},{label:"Muted",value:"muted"}],"normal")},defaultItemProps:{text:"",tone:"normal"},getItemSummary:e=>e?.text||"Item",min:2,max:8},_gStyle:b("Style"),fill:f1("Strip fill",oF(Ij,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{AlignLeftIcon as Kj,CaseIcon as $j,OpacityIcon as jj,PlacementIcon as Yj}from"efficient-easel/icons";import{createContext as Dj,useContext as Oj}from"react";import{jsx as Gj,jsxs as qj}from"react/jsx-runtime";var rF=Dj(!1);function Je(){return Oj(rF)}function iF({grayscale:e,children:t}){let a=e===!0;return qj(rF.Provider,{value:a,children:[Object.entries(KS(e)).map(([s,c])=>Gj("style",{children:c},s)),t]})}import{jsx as O2,jsxs as w7}from"react/jsx-runtime";function Gu({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 z=Ee(v,Je()),x={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"}},w=x[h]??x.left;return O2("section",{className:"relative z-[2] bg-bg p-0",children:w7("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:[w7("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:[O2(k0,{label:e,src:t,objectPosition:s,treatment:z}),t&&a>0&&O2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${a})`}}),(d||f)&&w7("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&&w7(i0,{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:[O2("span",{children:k(d.wheel)}),O2("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),O2("span",{children:k(d.category)}),O2("span",{"aria-hidden":!0,children:"\u2192"}),O2("span",{children:k(d.cta??"Shop now")})]}),f&&w7(i0,{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:[O2("span",{children:k(f.text??"Learn more")}),O2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),w7("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[m&&w7("div",{className:"absolute inset-0","aria-hidden":!0,children:[O2(k0,{label:p??e,src:m,objectPosition:g,treatment:z}),u>0&&O2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${u})`}})]}),O2("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:w7("div",{className:["flex flex-1 flex-col justify-center gap-6",w.items,w.text].join(" "),children:[c&&O2(A1,{text:c,size:14}),o&&O2("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&&u0(l).map((C,A)=>O2("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",m?"opacity-85":"text-fg-dim"].join(" "),children:k(C)},A)),r.text&&O2("div",{className:`mt-2 ${w.cta}`,children:O2(D2,{href:r.href,variant:"primary",children:k(r.text)})})]})})]})]})})}import{jsx as Uj}from"react/jsx-runtime";var k7={eyebrow:"\u2014 Label",title:`Section headline *here.*
|
|
63
|
-
*Highlight line*`,body:"Describe this section in a sentence or two."},qu={text:"Learn more"};function Wj(e,t,a){let s=y(e,qu.text,a);if(s!==void 0)return{text:s,href:t||"#"}}var nF={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>Uj(Gu,{eyebrow:y(e.eyebrow,k7.eyebrow,e.puck),title:y(e.title,k7.title,e.puck),body:y(e.body,k7.body,e.puck),imageLabel:e1(e.title)||k7.title,imageSrc:e.imageSrc||void 0,reverse:e.reverse,uppercase:e.uppercase,textAlign:e.textAlign,cta:G3(e.ctaText,e.ctaHref,e.puck),imageButton:Wj(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 jr}from"react/jsx-runtime";var hF={fields:{_sText:t0("Text column"),_gContent:b("Content"),eyebrow:H("Eyebrow",k7.eyebrow),title:R("Heading",k7.title),body:R("Body",k7.body),uppercase:s1("Uppercase heading",!1,jr($j,{})),textAlign:f1("Alignment",jr(Kj,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:b("Button"),...k4,_gTextBg:b("Background image"),textBgSrc:D1("Image","image/*"),overlay:t1("Overlay",jr(jj,{}),0,100,5,60,"%"),_sImage:t0("Image column"),_gImage:b("Image"),imageSrc:D1("Image","image/*"),reverse:f1("Image side",jr(Yj,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:b("Overlay button"),imageBtnText:H("Button",qu.text),imageBtnHref:L1("Button link"),_gStyle:b("Style"),grayscale:Ve()}};import{ColumnsIcon as Xj}from"efficient-easel/icons";import{jsx as Jj}from"react/jsx-runtime";var mF={fields:{_gContent:b("Content"),heading:H("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:d1("Value"),label:d1("Label")},getItemSummary:e=>e.label||e.value||"stat"},columns:t1("Columns",Jj(Xj,{}),2,4,1,4),_gStyle:b("Style"),background:G6("Background",e3.Stats)}};import{AccentIcon as lY}from"efficient-easel/icons";import{useEffect as Qj,useRef as pF,useState as eY}from"react";var tY=1400;function Qe(e,t={}){let{threshold:a=.1,replay:s=!0,durationMs:c=tY}=t,o=pF(null),l=pF(null),[r,i]=eY(0);return Qj(()=>{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 sY,jsx as tt,jsxs as et}from"react/jsx-runtime";var uF="font-normal italic text-accent";function aY({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}=Qe(i?parseInt(r,10):0),m=i?String(h):r,p=t??"";return et("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[et("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?et("em",{className:uF,children:[p,m]}):et(sY,{children:[p,m,a?tt("em",{className:uF,children:a}):null]}),s?tt("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)&&et("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[o?tt("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?k(l):null]})]})}function Wu({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 et("section",{className:P0(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:tt(P2,{num:e,title:t?j(t):void 0,desc:a?k(a):void 0}),u.length>0&&tt("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)=>tt(aY,{...d},f))})]})}import{jsx as oY}from"react/jsx-runtime";var R8={eyebrow:L.eyebrow,title:L.headingAccent,desc:L.body},cY=[{value:"00",label:L.label,sub:"Short description of this figure."},{value:"00",label:L.label,sub:"Short description of this figure."},{value:"00",label:L.label,sub:"Short description of this figure."},{value:"00",label:L.label,sub:"Short description of this figure."}],dF={label:"Stats with Text",defaultProps:{eyebrow:"",title:"",desc:"",stats:[],background:ko,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=I1(r)==="own-box",h=m=>n?void 0:m;return oY(Wu,{eyebrow:h(y(e,R8.eyebrow,i)),title:h(y(t,R8.title,i)),desc:h(y(a,R8.desc,i)),omitHead:n,stats:x1(s,cY,i),background:D6(c,e3.StatsParagraph),padTop:n?0:typeof o=="number"?o:120,padBottom:typeof l=="number"?l:120,editing:i?.isEditing})}};import{jsx as rY}from"react/jsx-runtime";var gF={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",R8.eyebrow),title:R("Heading",R8.title),desc:R("Body",R8.desc),stats:{type:"array",label:"Stats",arrayFields:{value:Z("Number"),prefix:Z("Prefix"),suffix:Z("Unit"),supSuffix:Z("Superscript"),emphasizeAll:s1("Whole number Theme Color",!1,rY(lY,{})),label:Z("Label"),sub:P1("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:e=>e.label||e.value||"Stat"},_gStyle:b("Style"),background:G6("Background",e3.StatsParagraph),...m3("StatsParagraph")},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.StatsParagraph.headRows)};import{ColumnsIcon as uY,StylesIcon as dY}from"efficient-easel/icons";import{Fragment as hY,jsx as f6,jsxs as Yr}from"react/jsx-runtime";var iY="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))]",nY="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 Uu({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:f6("section",{className:"relative z-[2] border-t border-line bg-surface",children:Yr("div",{className:o?nY:iY,children:[o?null:Yr(hY,{children:[(t??"").trim()&&f6(A1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&f6("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&&f6("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)=>Yr("figure",{className:"flex flex-col gap-5 bg-bg p-9 max-[800px]:p-7",children:[f6("span",{"aria-hidden":!0,className:"font-heading2 text-[length:var(--size-headingMedium,46px)] leading-none text-accent",children:"\u201C"}),f6("blockquote",{className:"flex-1 text-[length:var(--size-body,16px)] leading-[1.6] text-fg-dim",children:u0((h.quote??"").trim()||"A short customer quote goes here.").map((p,u)=>f6("p",{className:u?"mt-3":"",children:k(p)},u))}),Yr("figcaption",{className:"border-t border-line pt-[18px]",children:[f6("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()&&f6("div",{className:"mt-1 text-[length:var(--size-body,12px)] text-fg-dim",children:h.role})]})]},m))})]})})}import{jsx as pY}from"react/jsx-runtime";var us={eyebrow:"Feedback",title:"What people *say.*"},mY=[{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"}],vF={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return pY(Uu,{look:t4(e.eyebrowLook,"Testimonials"),eyebrow:a(y(e.eyebrow,us.eyebrow,e.puck)),title:a(y(e.title,us.title,e.puck)),omitHead:t,items:x1(e.items,mY,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};import{jsx as fF}from"react/jsx-runtime";var bF={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",us.eyebrow),eyebrowLook:g1("Eyebrow style",fF(dY,{}),[...z4],W6("Testimonials")),title:R("Heading",us.title),items:{type:"array",label:"Quotes",arrayFields:{quote:P1("Quote"),name:Z("Name"),role:Z("Role \xB7 location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:b("Style"),columns:t1("Columns",fF(uY,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Testimonials.headRows)};var zF={fields:{text:R("Body",L.body),align:C5(),tone:ir()}};import{ClockIcon as fY,DirectionIcon as bY,GapIcon as zY,LineBetweenIcon as xY,SquareIcon as yY,StylesIcon as wY,TextSizeIcon as kY}from"efficient-easel/icons";var xF="none",yF=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function wF(e){return e==="above"||e==="below"?e:null}var kF="sf-ticker-join";function CF(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as Ku}from"react/jsx-runtime";var gY="item";function $u({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?gY:"").filter(Boolean);if(n.length===0)return null;let h=a!=="plain",m=wF(r),p=Ku("div",{className:[m?`absolute inset-x-0 ${CF(m)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",s?"border-y border-line":""].filter(Boolean).join(" "),children:Ku(rw,{items:n,durationSec:t,size:c,separator:o,scroll:l,backdrop:h?"themed-band":"themed-section"})});return m?Ku("div",{className:kF,children:p}):p}import{jsx as vY}from"react/jsx-runtime";var ju=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],MF={label:"Scrolling Bar",defaultProps:{items:[],tone:"scrim",borders:!0,size:Go,separator:qo,scrollDirection:Wo,speed:50},render:({items:e,tone:t,borders:a,size:s,separator:c,scrollDirection:o,speed:l,join:r,puck:i})=>vY($u,{items:x1(e,ju,i),tone:t,borders:a,size:s,separator:c,scroll:o,durationSec:l,join:r,editing:i?.isEditing})};import{jsx as I8}from"react/jsx-runtime";var SF={fields:{_gContent:b("Content"),items:B9(L2(Ph.label,Ph.icon,"item","markup"),ju),_gStyle:b("Style"),tone:f1("Style",I8(wY,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:s1("Hairline borders",!0,I8(yY,{})),size:f1("Text size",I8(kY,{}),[...cw],Go),separator:g1("Separator",I8(xY,{}),ow,qo),scrollDirection:Fo("Scroll direction",lw,Wo,"A marquee cannot run diagonally, so the corners are not answers.",I8(bY,{}),Vy),speed:t1("Scroll duration",I8(fY,{}),20,90,5,50,"s"),join:g1("Join",I8(zY,{}),yF,xF)}};import{EyeIcon as SY}from"efficient-easel/icons";import{Fragment as TF,jsx as y0,jsxs as U3}from"react/jsx-runtime";function LF({eyebrow:e,title:t,intro:a,center:s=!1}){return U3(TF,{children:[e&&y0(A1,{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:k(a,!0)})]})}function AF({cta:e,className:t=""}){return e?.text?U3(i0,{href:e.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4","font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg","transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[k(e.text),y0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]}):null}function HF({src:e,caption:t,meta:a,aspectClass:s,editing:c,sizes:o="100vw",className:l=""}){return!e&&!c?null:U3("figure",{className:["relative overflow-hidden border border-line bg-surface",s,l].join(" "),children:[y0(k0,{label:t||"Image",src:e,alt:h2(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)&&U3("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?k(t):""}),a&&y0("span",{className:"text-accent",children:k(a)})]})]})}function Yu({entry:e}){let t=u0(e.body??"");return U3(TF,{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:k(a,!0)},s))})]})}var FF={boxShadow:"0 0 0 4px var(--bg)"};function Xu({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"?U3("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[U3("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[y0(LF,{eyebrow:t,title:a,intro:s}),y0(HF,{src:c,caption:o,meta:l,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:m}),y0(AF,{cta:r,className:"mt-2 self-start"})]}),y0("ol",{className:"flex flex-col gap-12",children:g.map((d,f)=>U3("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?k(d.date):""}),y0("div",{className:"max-w-[640px]",children:y0(Yu,{entry:d})})]},f))})]}):U3("div",{children:[U3("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[y0(LF,{eyebrow:t,title:a,intro:s,center:!0}),y0(AF,{cta:r})]}),y0(HF,{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)=>U3("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?k(d.date):""}),y0("div",{className:"max-w-[640px]",children:y0(Yu,{entry:d})})]},f))}):U3("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 U3("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}),U3("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?k(d.date):""}),y0("div",{className:["max-w-[520px] max-[800px]:max-w-none",v?"min-[801px]:ml-auto":""].join(" "),children:y0(Yu,{entry:d})})]})]},f)})]})]})})})}import{jsx as MY}from"react/jsx-runtime";var $4={eyebrow:L.eyebrow,title:`Section heading
|
|
64
|
-
*Highlight line*`,intro:L.body,imageCaption:L.imageCaption,imageMeta:L.imageMeta,cta:m2.text},CY=[{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."}],PF={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>MY(Xu,{layout:e.layout||"split",eyebrow:y(e.eyebrow,$4.eyebrow,e.puck),title:y(e.title,$4.title,e.puck),intro:y(e.intro,$4.intro,e.puck),imageSrc:e.imageSrc||void 0,imageCaption:y(e.imageCaption,$4.imageCaption,e.puck),imageMeta:y(e.imageMeta,$4.imageMeta,e.puck),cta:G3(e.ctaText,e.ctaHref,e.puck),entries:x1(e.entries,CY,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 LY}from"react/jsx-runtime";var EF={fields:{_sLayout:t0("Layout"),layout:g1("Display",LY(SY,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),_sHeader:t0("Header"),_gContent:b("Content"),eyebrow:H("Eyebrow",$4.eyebrow),title:R("Heading",$4.title),intro:R("Intro",$4.intro),imageSrc:D1("Image","image/*"),imageCaption:H("Image caption",$4.imageCaption),imageMeta:H("Image meta",$4.imageMeta),_gButton:b("Button"),...k4,_sEntries:t0("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:d1("Sub-title"),title:P1("Title"),body:P1("Body")},defaultItemProps:{date:"",title:"",body:""},getItemSummary:e=>e?.date||e?.title||"Entry"},_sStyle:t0("Style"),...m3("Timeline")}};import{ClockIcon as FY}from"efficient-easel/icons";import{jsx as A4,jsxs as Xr}from"react/jsx-runtime";function Ju({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 A4("section",{className:"relative z-[2]",children:Xr("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:A4(P2,{num:e,title:t?j(t):void 0,desc:a?k(a,!0):void 0,spaceBelow:"",className:"text-fg"}),Xr("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:[A4("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:A4("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${f}%`}})}),g.map((v,z)=>Xr("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",z===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:[A4("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",z===0?"-top-[66px] left-[-1px]":"-top-[66px] left-[-5px]","max-[1100px]:left-[-5px] max-[1100px]:top-7"].join(" ")}),A4("span",{className:["font-mono text-[length:var(--size-label,13px)] tracking-[0.22em]",v.future?"text-fg-dim":"text-accent"].join(" "),children:v.date?A4(r8,{value:v.date,children:Y1(v.date)}):""}),v.title&&A4("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:A4(r8,{value:v.title,children:Y1(v.title)})}),v.blurb&&A4("p",{className:"mt-auto font-display text-[length:var(--size-body,13px)] leading-[1.55] text-fg-dim",children:k(v.blurb,!0)})]},z))]}),c?.text&&A4("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:Xr(i0,{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),A4("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}import{jsx as HY}from"react/jsx-runtime";var Z8={eyebrow:L.eyebrow,title:L.headingAccent,intro:L.body,cta:m2.text},AY=[{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}],VF={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:ko,padTop:120,padBottom:120},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return HY(Ju,{eyebrow:a(y(e.eyebrow,Z8.eyebrow,e.puck)),title:a(y(e.title,Z8.title,e.puck)),intro:a(y(e.intro,Z8.intro,e.puck)),omitHead:t,entries:x1(e.entries,AY,e.puck),cta:G3(e.ctaText,e.ctaHref,e.puck),background:D6(e.background,e3.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 TY}from"react/jsx-runtime";var NF={fields:{_sHeader:t0("Header"),eyebrow:H("Eyebrow",Z8.eyebrow),title:R("Heading",Z8.title),intro:R("Body",Z8.intro),_sEntries:t0("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:Z("Year"),title:P1("Title"),blurb:P1("Body"),future:s1("Upcoming",!1,TY(FY,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:e=>e?.date||e?.title||"Milestone"},_sButton:t0("Button"),...k4,_sStyle:t0("Style"),background:G6("Background",e3.TimelineTrack),...m3("TimelineTrack")},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.TimelineTrack.headRows)};import{AlignLeftIcon as VY,StylesIcon as NY}from"efficient-easel/icons";import{jsx as ds,jsxs as _F}from"react/jsx-runtime";function Qu({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:ds("section",{className:"relative z-[2] bg-bg",children:_F("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&&ds("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),n&&ds("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&&ds("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 _F(i0,{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," ",ds("span",{"aria-hidden":!0,children:"\u2192"})]},p)})})]})})}import{jsx as EY}from"react/jsx-runtime";var ed={title:`Section heading
|
|
65
|
-
*Highlight line*`},PY=[{label:m2.text,href:m2.href,variant:"primary"},{label:m2.text,href:m2.href,variant:"outline"}],BF={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=S2(e),n=i.hidden?"":i.text.trim();return EY(Qu,{title:r&&!n?void 0:y(e,ed.title,o),buttons:x1(t,PY,o),padTop:typeof a=="number"?a:140,padBottom:typeof s=="number"?s:140,buttonsAlign:l,editing:o?.isEditing})}};import{jsx as RF}from"react/jsx-runtime";var IF={fields:{_gContent:b("Content"),title:R("Heading",ed.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:Z("Button"),href:X2(Z("Button link")),variant:g1("Style",RF(NY,{}),[{label:"Primary (Theme Color)",value:"primary"},{label:"Outline",value:"outline"}],"outline")},defaultItemProps:{label:"",href:"#",variant:"outline"},getItemSummary:e=>e?.label||"Button"},_gStyle:b("Style"),buttonsAlign:f1("Alignment",RF(VY,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...m3("TitleWithButtons")},resolveFields:(e,{fields:t})=>{let a=S2(e.props.title);if(!(!a.hidden&&!!a.text.trim()))return t;let{buttonsAlign:c,...o}=t;return o}};import{jsx as C7,jsxs as td}from"react/jsx-runtime";function ad({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 C7(K0,{contained:l,className:"py-6",children:td("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&&td("div",{className:"absolute inset-0","aria-hidden":!0,children:[C7("img",{src:M2(o),alt:"",className:"h-full w-full object-cover"}),C7("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${i})`}})]}),td("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:o?{color:"var(--overlay-fg)"}:void 0,children:[e&&C7(A1,{text:e}),t&&C7("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&&u0(a).map((n,h)=>C7("p",{className:"text-[length:var(--size-body,16px)] leading-[1.6] opacity-85",children:k(n)},h)),s&&C7("div",{className:"mt-2 self-start",children:C7(D2,{href:c||"#",variant:"primary",children:k(s)})})]})]})})}import{jsx as _Y}from"react/jsx-runtime";var ZF={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=G3(c,o,i);return _Y(ad,{eyebrow:y(e,"Limited release",i),title:y(t,"Banner headline",i),body:y(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 sd}from"react/jsx-runtime";var BY="sf-button-block",RY={left:"justify-start",center:"justify-center",right:"justify-end"};function cd({label:e,href:t,variant:a,align:s,contained:c,arrow:o}){let l=xL(o)?{}:{arrow:null};return sd(K0,{contained:c,className:`${BY} py-4`,children:sd("div",{className:`flex ${RY[s]}`,children:sd(D2,{href:t||"#",variant:a,...l,children:k(e)})})})}import{jsx as IY}from"react/jsx-runtime";var DF={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})=>IY(cd,{label:O4(e,m2.text,l)??"",href:t,variant:a,align:s,contained:c,arrow:o})};import{jsx as gs,jsxs as od}from"react/jsx-runtime";function ld({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 gs("nav",{className:`${s?`${X9} 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:od("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 od("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:[_0(h.label),u&&gs("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:_0(u)}),p&&gs("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},m)}),r.length>0&&gs("div",{className:"ml-auto flex border-l border-line",children:r.map((h,m)=>od(i0,{href:h.href||"#",className:"flex items-center gap-2.5 px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim hover:text-fg",children:[_0(h.label)," ",gs("span",{className:"text-accent",children:"\u2197"})]},m))})]})})}import{jsx as OY}from"react/jsx-runtime";var ZY=[{label:"All"},{label:L.category},{label:L.category}],DY=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],OF={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:DY,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:s,puck:c})=>OY(ld,{tabs:x1(e,ZY,c),activeTab:e1(t),links:a,sticky:s,editing:c?.isEditing})};import{useEffect as vs,useRef as rd,useState as Jr}from"react";import{Fragment as qF,jsx as l0,jsxs as s3}from"react/jsx-runtime";var GY=`
|
|
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
|
-
`,qY=`
|
|
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 ${a6.accent}73;
|
|
129
|
-
}
|
|
130
|
-
.loc-part-pick[data-selected]::after {
|
|
131
|
-
box-shadow: inset 0 0 0 2px ${a6.accent};
|
|
132
|
-
}
|
|
133
|
-
@media (prefers-reduced-motion: reduce) {
|
|
134
|
-
.loc-part-pick::after { transition: none; }
|
|
135
|
-
}
|
|
136
|
-
`;function GF({value:e}){if(typeof e=="string"){let t=e.split(`
|
|
137
|
-
`);return l0(qF,{children:t.map((a,s)=>s3("span",{children:[a,s<t.length-1?l0("br",{}):null]},s))})}return l0(qF,{children:e})}function WY(){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:s3("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 id({sectionNumber:e=o2.sectionNumber,heading:t=o2.heading,tagline:a=o2.tagline,galleryKicker:s=o2.galleryKicker,galleryHint:c=o2.galleryHint,locations:o=Ka,apiKey:l="",mapId:r="",mapTheme:i="auto",imageShape:n,editing:h,nodeId:m,...p}){let[u,g]=Jr(!1);vs(()=>{let T=()=>g(document.documentElement.getAttribute("data-theme")==="light");T();let N=new MutationObserver(T);return N.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>N.disconnect()},[]);let[d,f]=Jr(null),v=T=>`loc-${T}`,z=T=>{f(T),typeof document<"u"&&document.getElementById(T)?.scrollIntoView({behavior:t6(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${T}`)};vs(()=>{if(typeof window>"u")return;let T=window.location.hash.replace(/^#/,"");!T||!document.getElementById(T)||(f(T),requestAnimationFrame(()=>{document.getElementById(T)?.scrollIntoView({behavior:t6(),block:"start"})}))},[]);let x=nr(yr(n)),{select:w,selectedLocationPartId:C}=$y(),A=(T,N)=>m?Eh(m,T,N):"",E=(T,N)=>!!(h&&m&&C===A(T,N)),V=(T,N)=>h&&m?`${T}:${N}`:void 0,q=rd(null);vs(()=>{if(!h||!m)return;let T=q.current;if(!T)return;let I=Array.from(T.querySelectorAll("[data-loc-pick]")).map(P=>{let D=w9(P),a1=B=>{let U=P.getAttribute("data-loc-pick")??"",[Y,W]=U.split(":");W!=="image"&&W!=="map"||(B.stopPropagation(),B.preventDefault(),w(Eh(m,Number(Y),W)))};return P.addEventListener("click",a1,{capture:!0}),()=>{D?.(),P.removeEventListener("click",a1,{capture:!0})}});return()=>I.forEach(P=>P())},[h,m,w,o.length]);let F=Yo(o,T=>String(T.group??""),T=>String(T.groupName??""));return s3("section",{id:"studios",ref:q,className:P0(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:GY}}),h&&m&&l0("style",{dangerouslySetInnerHTML:{__html:qY}}),(e||t||a)&&l0(P2,{num:e,title:t?j(t,!0):void 0,desc:a?k(a):void 0,spaceBelow:"mb-10"}),o.length>0&&s3("div",{className:"mb-12",children:[(s||c)&&s3("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[s&&l0(A1,{text:s,size:12}),c&&l0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:k(c)})]}),l0("div",{className:"flex flex-col gap-6",children:F.map((T,N)=>{let I=T.items.length===1;return s3("div",{children:[T.key&&l0("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:T.key}),l0("div",{className:["grid gap-[2px] border border-line bg-line",ha(T.items.length),T.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:T.items.map(({item:P,index:D})=>{let a1=String(P?.name??""),B=String(P?.photo??""),U=v(D);return s3("a",{href:`#${U}`,"aria-label":`Jump to ${a1||"location"} map`,onClick:Y=>{Y.preventDefault(),z(U)},"data-loc-pick":V(D,"image"),className:["group relative block",x,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",I?"max-h-[440px]":"",...V(D,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":E(D,"image")?"":void 0,children:[B?l0(Gc,{src:B,alt:h2(a1||"Location"),fill:!0,sizes:I?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):l0(WY,{}),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:a1})})]},D)})})]},T.key?`g:${T.key}`:`ungrouped:${N}`)})})]}),F.map((T,N)=>s3("div",{className:N===0?"":"mt-10",children:[T.key&&l0(Nr,{groupKey:T.key,name:T.name,count:T.items.length}),l0("div",{className:["grid gap-[2px] border border-line bg-line",ha(T.items.length),T.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:T.items.map(({item:I,index:P})=>l0(UY,{id:v(P),card:I,active:d===v(P),apiKey:l,mapId:r,mapTheme:i,mapPick:V(P,"map"),mapSelected:E(P,"map")},P))})]},T.key?`g:${T.key}`:`ungrouped:${N}`)),o.length>0&&s3("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 UY({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=wr(t.region),h=String(t.state??"").trim()||n.state,m=String(t.country??"").trim()||n.country,p=[h,m].filter(Boolean).join(" \xB7 ");return s3("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:[s3("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[s3("div",{className:"flex items-start justify-between gap-3.5",children:[s3("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(GF,{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(GF,{value:t.hours})})]}),l0($Y,{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 KY=13;function $Y({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=Er(l,Tr()),p=Vr(r,Pr()),u=ss(s,c),g=!!m&&u,d=t,f=rd(null),v=rd(null),[z,x]=Jr(!1),w=i!=="auto",C=u7(i),[A,E]=Jr(i==="auto"?p7.dark.background:q4(i));vs(()=>{E(q4(i))},[i]),vs(()=>{if(!g)return;let F=f.current;if(!F)return;let T=null,N=null,I=!1,P=null,D=U=>({path:U.SymbolPath.CIRCLE,scale:7,fillColor:Ke(i),fillOpacity:1,strokeColor:Ke(i),strokeOpacity:.25,strokeWeight:10}),a1=async()=>{try{let U=await Fr(m);if(I||!v.current)return;T=new U.Map(v.current,{center:{lat:s,lng:c},zoom:KY,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:q4(i),...p?{mapId:p}:{styles:Ue(i)}}),N=new U.Marker({map:T,position:{lat:s,lng:c},icon:D(U)}),T.addListener("tilesloaded",()=>{I||x(!0)}),i==="auto"&&!p&&(P=Ar(()=>{I||!T||(T.setOptions({styles:Ue(i),backgroundColor:q4(i)}),N?.setIcon(D(U)),E(q4(i)))}))}catch(U){console.error("[StudioMap] Maps SDK failed:",U)}},B=new IntersectionObserver(U=>{for(let Y of U)if(Y.isIntersecting){B.disconnect(),a1();break}},{rootMargin:"200px"});return B.observe(F),()=>{I=!0,B.disconnect(),P?.()}},[g,m,s,c,p,i]);let V=o||(e?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([e,t,a].filter(Boolean).join(" "))}`:""),q=s3("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",w?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:w?{backgroundColor:C.info.bg,borderColor:`color-mix(in oklab, ${C.info.fgDim} 35%, transparent)`,boxShadow:C.info.shadow}:void 0,children:[s3("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:w?{color:C.info.fg}:void 0,children:[e||"Location",d?`, ${d}`:""]}),V&&l0("a",{href:V,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",w?"":"text-accent hover:text-fg"].join(" "),style:w?{color:C.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!g){let F=w?`linear-gradient(135deg, ${C.background}, ${C.info.bg})`:"linear-gradient(135deg, var(--surface-2), var(--surface))";return s3("div",{"data-loc-pick":n,className:["relative overflow-hidden max-[1100px]:aspect-square",w?"":"bg-bg",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{...w?{backgroundColor:C.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), ${F}`},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]",w?"":"text-fg-dim/40"].join(" "),style:w?{color:C.info.fgDim,opacity:.4}:void 0,children:m?"Add latitude & longitude":"Add a Google Maps API key"})]})}return s3("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:A},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",z?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"}),q]})}import{jsx as jY}from"react/jsx-runtime";var WF={label:"Contact / Locations",defaultProps:{sectionNumber:o2.sectionNumber,heading:o2.heading,tagline:o2.tagline,galleryKicker:o2.galleryKicker,galleryHint:o2.galleryHint,locations:Ka,apiKey:o2.apiKey,mapId:o2.mapId,mapTheme:o2.mapTheme},render:e=>jY(id,{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??Ka,apiKey:e1(e.apiKey),mapId:e1(e.mapId),mapTheme:e.mapTheme??o2.mapTheme,imageShape:e.imageShape,editing:e.puck?.isEditing,nodeId:e.puck?.isEditing?e.id:void 0})};var vd=nD(hT());vd.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function mT(e){return vd.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 FX}from"react/jsx-runtime";var pT={label:"Custom HTML",defaultProps:{html:`<section>
|
|
138
|
-
<h2>Custom section</h2>
|
|
139
|
-
</section>`},render:({html:e})=>FX("div",{dangerouslySetInnerHTML:{__html:mT(e??"")}})};import{jsx as fd}from"react/jsx-runtime";var TX={sm:"my-6",md:"my-12",lg:"my-20"};function bd({spacing:e,contained:t,style:a=y8}){let s=ZL(IL(a));return fd(K0,{contained:t,className:TX[e],children:s?fd("hr",{className:"border-x-0 border-y border-line",style:{height:RL,backgroundImage:s}}):fd("hr",{className:"border-0 border-t border-line"})})}import{jsx as PX}from"react/jsx-runtime";var uT={label:"Divider",defaultProps:{style:y8,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>PX(bd,{spacing:e,contained:t,style:a})};import{jsx as VX}from"react/jsx-runtime";var EX={left:"",center:"justify-center",right:"justify-end"};function zd({text:e,align:t="left",look:a=Do}){return VX(A1,{text:e,look:a,classNameAfter:a==="line"?EX[t]:""})}import{Fragment as NX,jsx as dT}from"react/jsx-runtime";var gT={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:s})=>S2(e).hidden?dT(NX,{}):dT(zd,{text:O4(e1(e),L.eyebrow,s)??"",align:t,look:jy(a)})};import{jsx as xd}from"react/jsx-runtime";var _X={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]"}},BX="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]",RX={left:"text-left",center:"text-center",right:"text-right"};function yd({level:e,text:t,align:a,contained:s,hero:c=!1}){if(c)return xd("h1",{className:BX,children:j(t,!1)});let o=`h${e}`,l=_X[e],r=O6(void 0,l.size,l.role,l.step),i=l.sizeMobile?O6(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 xd(K0,{contained:s,className:"py-6",children:xd(o,{className:`font-display ${h} tracking-[-0.03em] text-fg ${m} ${RX[a]}`,style:n,children:j(t,!1)})})}import{Fragment as IX,jsx as vT}from"react/jsx-runtime";var fT={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:s,puck:c})=>S2(e).hidden?vT(IX,{}):vT(yd,{text:O4(e1(e),L.heading,c)??"",level:t,align:a,contained:s})};import{jsx as O8}from"react/jsx-runtime";var ZX={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function wd({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:o,width:l,fit:r,focal:i,corners:n,cornerSides:h}){let m=Ee(c,Je()),p=GH(l),u=je(r,"cover"),g=Jx(n,h),d={...m.style??{},...i&&Dr(a,u)?{objectPosition:i}:{}},f=e?O8("img",{src:M2(e),alt:t,className:`h-full w-full ${a==="auto"?"":lH(u)}${m.className?` ${m.className}`:""}`,...Object.keys(d).length?{style:d}:{}}):O8("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(),z=v&&e?v.startsWith("/")?O8(i0,{href:v,className:"block h-full w-full",children:f}):O8("a",{href:v,className:"block h-full w-full",children:f}):f;return O8(K0,{contained:s,className:"py-6",children:O8("figure",{...p?{style:p}:{},children:O8("div",{className:`relative w-full overflow-hidden bg-surface ${ZX[a]}`,...g?{style:g}:{},children:z})})})}import{jsx as DX}from"react/jsx-runtime";var bT={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})=>DX(wd,{src:e,alt:t,aspect:a,contained:s,grayscale:c,href:o,width:l,fit:r,focal:i,corners:n,cornerSides:h})};var H1='<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>',F1='</title><path d="',T1='"/></svg>';var zT={title:"Adyen",slug:"adyen",get svg(){return H1+"Adyen"+F1+this.path+T1},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 xT={title:"Afterpay",slug:"afterpay",get svg(){return H1+"Afterpay"+F1+this.path+T1},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 yT={title:"Aircall",slug:"aircall",get svg(){return H1+"Aircall"+F1+this.path+T1},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 kd={title:"American Express",slug:"americanexpress",get svg(){return H1+"American Express"+F1+this.path+T1},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 wT={title:"Apple Pay",slug:"applepay",get svg(){return H1+"Apple Pay"+F1+this.path+T1},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 kT={title:"BigCommerce",slug:"bigcommerce",get svg(){return H1+"BigCommerce"+F1+this.path+T1},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 CT={title:"Brevo",slug:"brevo",get svg(){return H1+"Brevo"+F1+this.path+T1},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 MT={title:"Calendly",slug:"calendly",get svg(){return H1+"Calendly"+F1+this.path+T1},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 ST={title:"Campaign Monitor",slug:"campaignmonitor",get svg(){return H1+"Campaign Monitor"+F1+this.path+T1},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 LT={title:"DHL",slug:"dhl",get svg(){return H1+"DHL"+F1+this.path+T1},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 AT={title:"Dropbox",slug:"dropbox",get svg(){return H1+"Dropbox"+F1+this.path+T1},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 HT={title:"eBay",slug:"ebay",get svg(){return H1+"eBay"+F1+this.path+T1},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 H1+"Etsy"+F1+this.path+T1},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 TT={title:"Facebook",slug:"facebook",get svg(){return H1+"Facebook"+F1+this.path+T1},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 PT={title:"FedEx",slug:"fedex",get svg(){return H1+"FedEx"+F1+this.path+T1},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 ET={title:"Gmail",slug:"gmail",get svg(){return H1+"Gmail"+F1+this.path+T1},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 VT={title:"Google Ads",slug:"googleads",get svg(){return H1+"Google Ads"+F1+this.path+T1},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 NT={title:"Google Analytics",slug:"googleanalytics",get svg(){return H1+"Google Analytics"+F1+this.path+T1},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 _T={title:"Google Calendar",slug:"googlecalendar",get svg(){return H1+"Google Calendar"+F1+this.path+T1},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 BT={title:"Google Drive",slug:"googledrive",get svg(){return H1+"Google Drive"+F1+this.path+T1},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 RT={title:"Google Pay",slug:"googlepay",get svg(){return H1+"Google Pay"+F1+this.path+T1},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 IT={title:"Google Sheets",slug:"googlesheets",get svg(){return H1+"Google Sheets"+F1+this.path+T1},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 ZT={title:"HubSpot",slug:"hubspot",get svg(){return H1+"HubSpot"+F1+this.path+T1},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 DT={title:"Instagram",slug:"instagram",get svg(){return H1+"Instagram"+F1+this.path+T1},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 OT={title:"Intercom",slug:"intercom",get svg(){return H1+"Intercom"+F1+this.path+T1},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 GT={title:"Klarna",slug:"klarna",get svg(){return H1+"Klarna"+F1+this.path+T1},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 qT={title:"MailChimp",slug:"mailchimp",get svg(){return H1+"MailChimp"+F1+this.path+T1},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"},WT={title:"Mailgun",slug:"mailgun",get svg(){return H1+"Mailgun"+F1+this.path+T1},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 UT={title:"Make",slug:"make",get svg(){return H1+"Make"+F1+this.path+T1},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 KT={title:"MasterCard",slug:"mastercard",get svg(){return H1+"MasterCard"+F1+this.path+T1},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 $T={title:"Messenger",slug:"messenger",get svg(){return H1+"Messenger"+F1+this.path+T1},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"},Cd={title:"Meta",slug:"meta",get svg(){return H1+"Meta"+F1+this.path+T1},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 jT={title:"MYOB",slug:"myob",get svg(){return H1+"MYOB"+F1+this.path+T1},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 YT={title:"Notion",slug:"notion",get svg(){return H1+"Notion"+F1+this.path+T1},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 XT={title:"PayPal",slug:"paypal",get svg(){return H1+"PayPal"+F1+this.path+T1},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 JT={title:"Pinterest",slug:"pinterest",get svg(){return H1+"Pinterest"+F1+this.path+T1},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 QT={title:"QuickBooks",slug:"quickbooks",get svg(){return H1+"QuickBooks"+F1+this.path+T1},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 eP={title:"Sage",slug:"sage",get svg(){return H1+"Sage"+F1+this.path+T1},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 tP={title:"Shopify",slug:"shopify",get svg(){return H1+"Shopify"+F1+this.path+T1},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 aP={title:"Square",slug:"square",get svg(){return H1+"Square"+F1+this.path+T1},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 sP={title:"Squarespace",slug:"squarespace",get svg(){return H1+"Squarespace"+F1+this.path+T1},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 cP={title:"Stripe",slug:"stripe",get svg(){return H1+"Stripe"+F1+this.path+T1},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 oP={title:"Telegram",slug:"telegram",get svg(){return H1+"Telegram"+F1+this.path+T1},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 lP={title:"TikTok",slug:"tiktok",get svg(){return H1+"TikTok"+F1+this.path+T1},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 rP={title:"Trello",slug:"trello",get svg(){return H1+"Trello"+F1+this.path+T1},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 iP={title:"UPS",slug:"ups",get svg(){return H1+"UPS"+F1+this.path+T1},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 nP={title:"Visa",slug:"visa",get svg(){return H1+"Visa"+F1+this.path+T1},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 hP={title:"Vonage",slug:"vonage",get svg(){return H1+"Vonage"+F1+this.path+T1},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 mP={title:"WhatsApp",slug:"whatsapp",get svg(){return H1+"WhatsApp"+F1+this.path+T1},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 pP={title:"Wise",slug:"wise",get svg(){return H1+"Wise"+F1+this.path+T1},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 uP={title:"Wix",slug:"wix",get svg(){return H1+"Wix"+F1+this.path+T1},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 dP={title:"WooCommerce",slug:"woocommerce",get svg(){return H1+"WooCommerce"+F1+this.path+T1},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 gP={title:"Xero",slug:"xero",get svg(){return H1+"Xero"+F1+this.path+T1},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 vP={title:"YouTube",slug:"youtube",get svg(){return H1+"YouTube"+F1+this.path+T1},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 fP={title:"Zapier",slug:"zapier",get svg(){return H1+"Zapier"+F1+this.path+T1},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 bP={title:"Zendesk",slug:"zendesk",get svg(){return H1+"Zendesk"+F1+this.path+T1},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 zP={title:"Zoom",slug:"zoom",get svg(){return H1+"Zoom"+F1+this.path+T1},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 OX={adyen:zT,afterpay:xT,aircall:yT,americanexpress:kd,amex:kd,applepay:wT,bigcommerce:kT,brevo:CT,calendly:MT,campaignmonitor:ST,dhl:LT,dropbox:AT,ebay:HT,etsy:FT,facebook:TT,fedex:PT,gmail:ET,googleads:VT,googleanalytics:NT,googlecalendar:_T,googledrive:BT,googlepay:RT,googlesheets:IT,hubspot:ZT,instagram:DT,intercom:OT,klarna:GT,mailchimp:qT,mailgun:WT,make:UT,mastercard:KT,messenger:$T,meta:Cd,metaads:Cd,myob:jT,notion:YT,paypal:XT,pinterest:JT,quickbooks:QT,sage:eP,shopify:tP,square:aP,squarespace:sP,stripe:cP,telegram:oP,tiktok:lP,trello:rP,ups:iP,visa:nP,vonage:hP,whatsapp:mP,wise:pP,wix:uP,woocommerce:dP,xero:gP,youtube:vP,zapier:fP,zendesk:bP,zoom:zP};function xP(e){return OX[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}import{jsx as H3,jsxs as ei}from"react/jsx-runtime";function GX(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 qX({name:e}){let t=xP(e);return ei("span",{className:"flex flex-shrink-0 items-center gap-2.5 whitespace-nowrap rounded border border-line bg-bg px-5 py-2.5",children:[t&&H3("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:H3("path",{d:t.path})}),H3("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:e})]})}function WX({names:e,reverse:t}){return H3("div",{className:"overflow-hidden","aria-hidden":!1,children:H3("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=>H3("div",{className:"flex gap-3","aria-hidden":a===1,children:e.map((s,c)=>H3(qX,{name:s},c))},a))})})}function Md({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=GX(i,3);return ei("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[ei("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(e??"").trim()&&H3("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&H3("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()&&H3("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:a})]}),h.length>0&&H3("div",{className:"flex flex-col gap-3",children:h.map((m,p)=>H3(WX,{names:m,reverse:p%2===1},p))}),((c??"").trim()||(l??"").trim())&&ei("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(c??"").trim()&&H3("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()&&H3("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:k(o??"")}),(l??"").trim()&&H3("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:l})]})]})}import{jsx as UX}from"react/jsx-runtime";var yP={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})=>UX(Md,{eyebrow:y(e,"Integrations",r),title:y(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 KX}from"react";import{jsx as wP}from"react/jsx-runtime";function Sd({src:e,alt:t,href:a,heightPx:s=J6,reverse:c=!0}){let o=mo(),l=(e??"").trim(),r=l?{src:M2(l),reversedSrc:null,inkIsDark:null,wordmark:t?.trim()||null}:{src:o.src,reversedSrc:o.reversedSrc,inkIsDark:o.inkIsDark,wordmark:o.wordmark},i=KX(eu),n=Ml(),h=wP(re,{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?wP(i0,{href:a,className:"inline-flex",children:h}):h}import{jsx as $X}from"react/jsx-runtime";var kP={label:"Logo",defaultProps:{heightPx:J6,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:s,reverse:c})=>$X(Sd,{src:e||void 0,alt:S2(t).text||void 0,href:a||void 0,heightPx:s,reverse:c!=="off"})};import{jsx as ys,jsxs as jX}from"react/jsx-runtime";function Ld({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 jX(K0,{contained:t,className:l==null?"py-10":"",style:l==null?void 0:{paddingTop:`${l}px`,paddingBottom:`${l}px`},children:[a!=null&&a!==""?ys("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,ys("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(e??[]).map((i,n)=>ys("div",{className:"text-center",style:r,children:i.src?ys("img",{src:M2(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`}}):ys("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:_0(i.alt||"Logo")})},n))})]})}import{jsx as XX}from"react/jsx-runtime";var YX=[{src:"",alt:"Logo one"},{src:"",alt:"Logo two"},{src:"",alt:"Logo three"},{src:"",alt:"Logo four"},{src:"",alt:"Logo five"}],CP={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,logoHeight:c,bandPadding:o,grayscale:l,puck:r})=>XX(Ld,{items:x1(e,YX,r),contained:t,heading:y(a,"Trusted by *teams worldwide*",r),columns:s,logoHeight:c,bandPadding:o,grayscale:l})};import{jsx as MP,jsxs as JX}from"react/jsx-runtime";function Ad({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),s=a?parseInt(a[1],10):0,c=a?a[2]:"",{ref:o,value:l}=Qe(s),r=a?l+c:e;return JX("div",{ref:o,className:"min-w-0",children:[MP("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:r}),MP("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}import{jsx as b6,jsxs as SP}from"react/jsx-runtime";function Hd({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:o,...l}={}){let r=Ee(o,Je()),i=e||null,n=t||null,h=a||null,m=(s??[]).filter(p=>(p.value??"").trim()!==""||(p.label??"").trim()!=="");return b6("section",{className:"relative z-[2] bg-bg p-0",children:SP("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:[b6("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:SP("div",{className:P0(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&&b6(A1,{text:i,size:14}),n!==null&&b6("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&&u0(h).map((p,u)=>b6("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:k(p)},u)),m.length>0&&b6("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)=>b6(Ad,{target:p.value??"",label:p.label??""},u))})]})}),b6("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:b6(k0,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:r})})]})})}import{jsx as eJ}from"react/jsx-runtime";var QX=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],LP={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})=>eJ(Hd,{eyebrow:J0(e,L.eyebrow,n),heading:J0(t,L.heading,n),body:J0(a,L.body,n),stats:x1(s,QX,n),imageSrc:c||void 0,grayscale:o,widthMode:l,fullWidth:r,pageWidth:i})};import{Fragment as FP,jsx as y1,jsxs as D0}from"react/jsx-runtime";var Fd="#ffffff",A5="#16181d",L7="#5b6470",ti="#9aa3ae",ct="#f4f6f8",G8="#e3e7ec",ai="#1f9d55";function tJ({rows:e}){return y1("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":ct,borderColor:G8},children:[s==="no"?y1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:ti},children:"\u2715"}):y1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:s==="warn"?"var(--accent)":ai}}),y1("span",{className:"text-[14px] font-semibold",style:{color:c?ti:A5},children:t.lead}),y1("span",{className:"text-[13px]",style:{color:c?ti:L7},children:t.detail}),(t.status??"").trim()&&y1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:s==="ok"?ai:s==="warn"?"var(--accent)":ti},children:t.status})]},a)})})}var AP=["#c7cdd5","var(--accent)","#c7cdd5",ai];function aJ({columns:e}){return y1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:ct,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:[y1("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:L7},children:t.title}),y1("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:Fd,borderColor:a===e.length-1?"#bfe3ce":G8},children:[y1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:AP[a%AP.length]}}),y1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:A5},children:s})]},c))]},a))})}function sJ({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:G8},children:[e.trim()&&y1("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:L7},children:e}),y1("div",{className:"flex flex-col gap-2.5",children:t.map((c,o)=>D0("div",{className:"flex items-center gap-3",children:[y1("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:A5},children:c.label}),y1("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:L7},children:[c.value,"%"]})]},o))})]})}function HP({size:e}){let t=e/2;return D0("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":!0,children:[y1("circle",{cx:t,cy:t,r:t*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),y1("circle",{cx:t,cy:t,r:t*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),y1("circle",{cx:t,cy:t,r:t*.14,fill:"var(--accent)"})]})}function cJ({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:[y1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),y1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),y1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&y1("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:[y1("span",{style:{color:"var(--accent)"},children:"$ "}),y1("span",{style:{color:"#f4f6f2"},children:a.slice(2)})]},s):a.startsWith("\u2713")?y1("div",{style:{color:"#6fcf7e"},children:a},s):y1("div",{style:{color:"rgba(244,246,242,0.55)"},children:a},s)),y1("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function oJ({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:ct},children:[y1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),y1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),y1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&y1("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:Fd,borderColor:G8,color:L7},children:e}),y1("span",{className:"w-[54px]","aria-hidden":!0})]}),D0("div",{className:"relative overflow-hidden px-5 py-6",style:{background:A5},children:[y1("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:y1(HP,{size:104})}),t.trim()&&y1("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:t}),a.trim()&&y1("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&&y1("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:G8},children:[y1("div",{className:"flex items-center justify-center py-3",style:{background:ct},children:y1(HP,{size:56})}),D0("div",{className:"flex flex-col gap-1 p-2.5",children:[y1("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:A5},children:c.name}),y1("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:c.price}),y1("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:A5},"aria-hidden":!0,children:"Add to cart"})]})]},o))})]})}function Td({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:z,col4Title:x,col4Cards:w,barsHeading:C,bars:A,termLines:E,urlText:V,heroTitle:q,heroButton:F,products:T,align:N="right",editing:I=!1}={}){let P=(i??[]).filter(G=>I||(G.value??"").trim()),D=(n??[]).filter(G=>I||(G.label??"").trim()),a1=(h??[]).filter(G=>I||(G.lead??"").trim()),B=[[u,g],[d,f],[v,z],[x,w]].map(([G,o1])=>({title:(G??"").trim(),cards:(o1??[]).map(u1=>(u1.text??"").trim()).filter(Boolean)})).filter(G=>G.title||G.cards.length>0),U=(A??[]).map(G=>({label:(G.label??"").trim(),value:parseFloat(G.value??"")})).filter(G=>G.label&&Number.isFinite(G.value)),Y=(E??[]).map(G=>G.text??"").filter(G=>I||G.trim()),W=(T??[]).map(G=>({name:(G.name??"").trim(),price:(G.price??"").trim()})).filter(G=>G.name),Q=!!(e??"").trim()||!!(t??"").trim(),b1=!!(c??"").trim()||!!(l??"").trim()||P.length>0||D.length>0||a1.length>0||B.length>0||U.length>0||W.length>0||Y.length>0||!!(q??"").trim();if(!I&&!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:Fd},children:[s!=="terminal"&&(c??"").trim()&&D0("div",{className:"flex items-center justify-between px-6 py-4",style:{background:A5},children:[y1("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:[y1("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:ai}}),o]})]}),s==="terminal"?y1(cJ,{header:c??"",lines:Y}):s==="browser"?y1(oJ,{urlText:V??"",heroTitle:q??"",heroButton:F??"",products:W}):D0("div",{className:"flex flex-col gap-5 p-6",children:[((l??"").trim()||(r??"").trim())&&D0("div",{children:[(l??"").trim()&&y1("div",{className:"text-[22px] font-bold leading-tight",style:{color:A5},children:l}),(r??"").trim()&&y1("div",{className:"mt-1 text-[14px]",style:{color:L7},children:r})]}),s==="fitment"&&P.length>0&&y1("div",{className:"flex flex-wrap gap-2.5",children:P.map((G,o1)=>D0("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:ct,borderColor:G8},children:[y1("span",{className:"text-[11px]",style:{color:L7},children:G.label}),y1("span",{className:"text-[13px] font-bold",style:{color:A5},children:G.value})]},o1))}),s!=="fitment"&&D.length>0&&y1("div",{className:"grid grid-cols-2 gap-3",children:D.map((G,o1)=>D0("div",{className:"rounded-lg px-4 py-3",style:{background:ct},children:[y1("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:L7},children:G.label}),y1("div",{className:"mt-1 text-[17px] font-bold",style:{color:A5},children:G.value})]},o1))}),a1.length>0&&y1(tJ,{rows:a1}),(m??"").trim()&&y1("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"&&B.length>0&&y1(aJ,{columns:B}),s==="claims"&&U.length>0&&y1(sJ,{heading:C??"",bars:U}),(p??"").trim()&&y1("div",{className:"border-t pt-4",style:{borderColor:G8},children:y1("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:p})})]})]}),G1=D0("div",{children:[(e??"").trim()&&y1("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&y1("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()&&y1("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:a})]});return y1("section",{className:"relative z-[2] border-y border-line bg-surface",children:y1("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:grid-cols-2 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:N==="left"?D0(FP,{children:[y1("div",{className:"flex justify-center min-[960px]:justify-start",children:v1}),G1]}):D0(FP,{children:[G1,y1("div",{className:"flex justify-center min-[960px]:justify-end",children:v1})]})})})}import{jsx as lJ}from"react/jsx-runtime";var TP={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:z,col4Title:x,col4Cards:w,barsHeading:C,bars:A,termLines:E,urlText:V,heroTitle:q,heroButton:F,products:T,align:N,puck:I})=>lJ(Td,{eyebrow:y(e,"In the product",I),title:y(t,`Seen from
|
|
141
|
-
*the counter.*`,I),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:z,col4Title:x,col4Cards:w,barsHeading:C,bars:A,termLines:E,urlText:V,heroTitle:q,heroButton:F,products:T,align:N,editing:I?.isEditing})};import{jsx as A7}from"react/jsx-runtime";var PP={label:"Section Header",defaultProps:{headStyle:ps,num:"01 / Section",numStyle:z8,title:"Section *title*",description:"",logoSrc:"",logoAlt:"",linkText:"",linkHref:"",fullWidth:!0,pageWidth:M9.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=y(i,"View all",d),v=B2({widthMode:p,fullWidth:u,pageWidth:g},"full"),z=$r(e);return A7("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:A7("div",{className:v.mode==="page"?as:void 0,children:z==="editorial"?A7(P2,{num:y(t,"01 / Section",d),title:(()=>{let x=y(c,"Section *title*",d);return x?j(x,!0):void 0})(),desc:(()=>{let x=y(o,"Short supporting line",d);return x?k(x):void 0})(),spaceBelow:""}):z==="simple"?A7(J1,{look:"simple",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),eyebrowLook:t4(s,"SectionHeader")}):z==="statement"?A7(J1,{look:"statement",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),eyebrowLook:t4(s,"SectionHeader")}):z==="natural"?A7(J1,{look:"natural",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),description:y(o,"Short supporting line",d),eyebrowLook:t4(s,"SectionHeader"),rowGap:JH(h),descriptionSize:QH(m)}):z==="essay"?A7(J1,{look:"essay",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),eyebrowLook:t4(s,"SectionHeader")}):A7(J1,{num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),description:y(o,"Short supporting line",d),logo:l?{src:l,alt:e1(r)}:void 0,link:f?{text:f,href:e1(n)||"#"}:void 0,numStyle:a,accent:!0})})})}};import{jsx as iJ}from"react/jsx-runtime";var rJ={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function Pd({size:e}){return iJ("div",{"aria-hidden":!0,className:rJ[e]})}import{jsx as nJ}from"react/jsx-runtime";var EP={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>nJ(Pd,{size:e})};import{jsx as ws}from"react/jsx-runtime";var hJ=[{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"},{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"}];function Ed({cells:e,fill:t="dark",editing:a=!1}){let s=(e??[]).filter(r=>(r?.text??"").trim()),c=s.length>0?s:a?hJ:[];if(c.length===0)return null;let o=t!=="none",l=ws("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)=>ws("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 ws("section",{className:"w-full",children:o?ws("div",{className:"bg-plate-band",children:l}):ws("div",{className:"border-t border-line",children:l})})}import{jsx as mJ}from"react/jsx-runtime";var VP={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>mJ(Ed,{cells:e,fill:t,editing:a?.isEditing})};import{Fragment as pJ,jsx as NP,jsxs as uJ}from"react/jsx-runtime";function Vd({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:s}=Qe(t?Number.parseInt(t[1],10):0);return!t||h2(e)!==e?NP(pJ,{children:k(e)}):NP(r8,{value:e,children:uJ("span",{ref:a,children:[s,t[2]]})})}import{jsx as q8,jsxs as _P}from"react/jsx-runtime";var dJ="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",gJ={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 Nd({items:e,contained:t,heading:a,columns:s,background:c,editing:o}){let l=s===void 0?dJ:gJ[s],r=q8("div",{className:l,children:(e??[]).map((i,n)=>_P("div",{className:"border-t border-line pt-5",children:[q8("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?k(i.value):q8(Vd,{value:i.value})}),q8("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(i.label)})]},n))});return a===void 0&&c===void 0?q8(K0,{contained:t,className:"py-12",children:r}):q8(K0,{contained:t,className:"py-12",children:_P("div",{style:c?{backgroundColor:c}:void 0,children:[a?q8("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(a)}):null,r]})})}import{jsx as fJ}from"react/jsx-runtime";var vJ=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],BP={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,background:c,puck:o})=>fJ(Nd,{items:x1(e,vJ,o),contained:t,heading:y(a,"By the *numbers*",o),columns:s,background:D6(c,e3.Stats),editing:o?.isEditing})};import{jsx as _d}from"react/jsx-runtime";var bJ={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},zJ="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",xJ={default:"text-fg",dim:"text-fg-dim"};function Bd({text:e,align:t,tone:a,contained:s,hero:c=!1}){if(c)return _d("p",{className:zJ,children:k(e)});let o=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${bJ[t]} ${xJ[a]}`;return _d(K0,{contained:s,className:"py-4",children:u0(e).map((l,r)=>_d("p",{className:o,children:k(l)},r))})}import{Fragment as yJ,jsx as RP}from"react/jsx-runtime";var IP={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:s,puck:c})=>S2(e).hidden?RP(yJ,{}):RP(Bd,{text:O4(e1(e),L.body,c)??"",align:t,tone:a,contained:s})};var ZP={Banner:ZF,Breadcrumb:bL,ButtonBlock:DF,Cards:wL,CategoryBar:OF,Chart:AL,ContactLocations:WF,CustomHTML:pT,Divider:uT,DocBody:OL,DocMasthead:qL,DocMetaCards:UL,DocTabs:$L,Eyebrow:gT,FAQ:aA,FeaturedCover:pA,Flex:yA,Footprint:EA,Grid:BA,Heading:fT,Hero:DA,HeroGroup:UA,HeroSingle:QA,HeroSlide:aH,ImageBlock:bT,Integrations:yP,IntroBleed:nH,KeyFeatures:pH,LogoBlock:kP,Logos:CP,LongRead:bH,Manifesto:LP,Masthead:yH,Mockup:TP,OrderSummary:MH,ParagraphsA:LH,PaymentBadges:FH,PostCard:EH,ProcessSteps:BH,Prose:DH,SectionHeader:PP,Series:aF,Spacer:EP,SpecStrip:VP,Split:nF,Stats:BP,StatsParagraph:dF,Testimonials:vF,Text:IP,Ticker:MF,Timeline:PF,TimelineTrack:VF,TitleWithButtons:BF};var wJ={Banner:fL,Breadcrumb:zL,ButtonBlock:yL,Cards:CL,CategoryBar:ML,Chart:HL,ContactLocations:_L,CustomHTML:BL,Divider:DL,DocBody:GL,DocMasthead:WL,DocMetaCards:KL,DocTabs:jL,Eyebrow:YL,FAQ:sA,FeaturedCover:uA,Flex:kA,Footprint:NA,Grid:IA,Heading:ZA,Hero:qA,HeroGroup:XA,HeroSingle:tH,HeroSlide:sH,ImageBlock:rH,Integrations:iH,IntroBleed:mH,KeyFeatures:dH,LogoBlock:gH,Logos:vH,LongRead:zH,Manifesto:xH,Masthead:wH,Mockup:CH,OrderSummary:SH,ParagraphsA:AH,PaymentBadges:TH,PostCard:VH,ProcessSteps:IH,Prose:OH,SectionHeader:tF,Series:sF,Spacer:cF,SpecStrip:lF,Split:hF,Stats:mF,StatsParagraph:gF,Testimonials:bF,Text:zF,Ticker:SF,Timeline:EF,TimelineTrack:NF,TitleWithButtons:IF},_1=Ze(ZP,wJ);import{SettingsField as kJ}from"efficient-easel/panel";import{ColumnsIcon as CJ}from"efficient-easel/icons";import{Fragment as DP,jsx as ot,jsxs as Rd}from"react/jsx-runtime";function MJ(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 ks({label:e,unit:t,steps:a,value:s,onChange:c,format:o=String,note:l}){let r=p5(),i=a.indexOf(s[r]),n=i>=0?i:0,h=m=>c(MJ(s,r,a,m));return ot(kJ,{label:e,icon:ot(CJ,{}),action:Rd("div",{className:"sf-colstep",children:[ot("button",{type:"button",className:"sf-colstep-btn","aria-label":`Fewer ${t} on ${u5[r]}`,disabled:n<=0,onClick:()=>h(-1),children:"\u2212"}),ot("span",{className:"sf-colstep-value","aria-live":"polite",children:o(a[n])}),ot("button",{type:"button",className:"sf-colstep-btn","aria-label":`More ${t} on ${u5[r]}`,disabled:n>=a.length-1,onClick:()=>h(1),children:"+"})]}),hint:Rd(DP,{children:["Sets the ",ot("strong",{children:u5[r]})," view \u2014 switch views in the top bar to set each one.",l?Rd(DP,{children:[" ",l]}):null]})})}var z6="auto",Zd=1,OP=6,Dd={desktop:z6,tablet:z6,mobile:z6},GP=[z6,...Array.from({length:OP-Zd+1},(e,t)=>Zd+t)],SJ="1rem",qP=`var(--sf-block-gap-rem, var(--sf-card-gap, ${SJ}))`,Od=240,Gd=150,LJ=.5,AJ=e=>`--plp-grid-cols-${e}`,HJ="--plp-grid-gap";function WP(e){return e===z6?"Auto":String(e)}function Id(e){if(e===z6)return z6;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),Zd),OP):z6}function si(e){if(!e||typeof e!="object")return{...Dd};let t=e;return{desktop:Id(t.desktop),tablet:Id(t.tablet),mobile:Id(t.mobile)}}function FJ(e){if(e===z6)return`repeat(auto-fill, minmax(${Od}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${qP}`}) / ${e} - ${LJ}px)`;return`repeat(auto-fill, minmax(max(${Gd}px, ${a}), 1fr))`}function UP(e,t=null){let a={[HJ]:qP};for(let s of my)a[AJ(s)]=FJ(e[t??s]);return a}import{Fragment as TJ,jsx as KP,jsxs as PJ}from"react/jsx-runtime";function qd({value:e,onChange:t}){return KP(ks,{label:"Columns",unit:"items per row",steps:GP,value:si(e),format:WP,onChange:t,note:PJ(TJ,{children:[KP("strong",{children:"Auto"})," fits as many ",Od,"px-wide cards as the width allows. A number is a maximum: where it would squeeze cards under"," ",Gd,"px the row shows fewer."]})})}import{useCallback as X4,useEffect as g11,useId as v11,useMemo as F3,useRef as f11,useState as b11}from"react";import{jsxs as $P}from"react/jsx-runtime";function j4({text:e,linkText:t,linkHref:a}){let s=(t??"").trim(),c=(a??"").trim(),o=!!s&&!!c;return!e&&!o?null:$P("p",{className:"mt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.06em] text-fg-dim",children:[e?k(e):null,e&&o?" ":null,o&&$P(C1,{href:c,className:"text-accent transition-colors hover:text-fg",children:[k(s)," \u2192"]})]})}import{createContext as EJ,useCallback as jP,useContext as VJ,useEffect as NJ,useId as _J,useMemo as BJ,useRef as RJ,useState as IJ}from"react";import{jsx as ZJ}from"react/jsx-runtime";var YP=EJ(null);function QF1({reason:e,children:t}){let[a,s]=IJ([]),c=RJ(null),o=jP(n=>{s(h=>h.includes(n)?h:[...h,n])},[]),l=jP(n=>{s(h=>h.filter(m=>m!==n))},[]),r=e==="none-configured",i=BJ(()=>({noCurrencyConfigured:r,live:a,firstRendered:c,join:o,leave:l}),[r,a,o,l]);return ZJ(YP.Provider,{value:i,children:t})}function XP(e){let t=VJ(YP),a=_J(),s=!!e&&!!t?.noCurrencyConfigured;s&&t&&t.firstRendered.current===null&&(t.firstRendered.current=a);let c=t?.join,o=t?.leave;return NJ(()=>{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 OJ}from"react/jsx-runtime";var DJ="This website has no currency yet. Add one in Settings and these cards will price. Only you can see this line.";function Cs({editing:e}){return XP(e)?OJ(j4,{text:DJ}):null}import{useEffect as GJ,useState as qJ}from"react";var lt=qe({fetch:(e,t)=>X1.listProducts(e,{siteId:t,kinds:["alloy-wheel","tyre"]}),keyBy:l2}),r3=(e=!1)=>lt(e).then(t=>t.filter(a=>a.kind==="alloy-wheel"));function JP(e){let[t,a]=qJ(null);return GJ(()=>{let s=!1;return e().then(c=>{s||a(c)}),()=>{s=!0}},[e]),t}function ci(){return JP(r3)}function QP(){return JP(lt)}function WJ(e){return e.length===1?x4[e[0]]:"Products"}function oi(e){return e.length===1?e[0]:null}function UJ(e){switch(oi(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 KJ(e){switch(oi(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 $J(e){switch(oi(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 jJ="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 Ms(e){let t=b5(e),a=KJ(e),s=`showing every ${t.one}`;return{promise:UJ(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:s,eyebrow:`${WJ(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:$J(e),noData:oi(e)==="tyre"?jJ:`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 eE(e,t,a,s){let c=Ms(a),o=a.length!==s.length;return{heading:!o&&e||c.gateHeading,intro:!o&&t||c.gateIntro}}import{useCallback as wQ,useEffect as kQ,useMemo as CQ,useState as AE}from"react";import{useState as YJ}from"react";import{jsx as Wd}from"react/jsx-runtime";function Ss({brand:e,logo:t}){let[a,s]=YJ(!1),c=(e??"").trim();if(!c)return null;let o=a?void 0:X3(t??void 0);return Wd("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?Wd("img",{src:o,alt:c,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):Wd("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 XJ,jsx as tE,jsxs as JJ}from"react/jsx-runtime";function Ud(e,t){return!e&&!t?null:JJ(XJ,{children:[e&&tE("span",{className:"text-fg",children:e}),e&&t?tE("span",{className:"mx-[6px] text-fg-dim",children:"\xB7"}):null,t]})}function Ls(e,t){let a=de(t);return e.kind||e.brand&&a("brand")?!0:e.process&&a(ge)}function li({kindLabel:e,brand:t,process:a},s){if(!Ls({kind:!!e,brand:!!t,process:!!a},s))return null;let c=de(s);return Ud(e,c("brand")?t:null)??(c(ge)?a:null)}import{useEffect as QJ,useState as aE}from"react";var Kd=new Map;function eQ(e){let t=Kd.get(e);if(t)return t;let a=m0.getTyre(e).catch(s=>{throw Kd.delete(e),s});return Kd.set(e,a),a}function sE(e,t){let[a,s]=aE("idle"),[c,o]=aE(null);return QJ(()=>{if(!t||!e)return;let l=!1;return s("loading"),eQ(e).then(r=>{l||(o(r),s("ready"))}).catch(()=>{l||s("error")}),()=>{l=!0}},[e,t]),{state:a,tyre:c}}import{Fragment as tQ}from"react";import{Fragment as $d,jsx as Y4,jsxs as H5}from"react/jsx-runtime";var ri="mt-3 flex h-[26px] items-center gap-1",ii="flex min-w-0 items-center gap-1 overflow-hidden",ni="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",As="border px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] whitespace-nowrap",hi=`${As} border-accent/60 text-accent`,aQ=e=>`calc((100% - ${e}px) / 2)`,sQ=2,cQ=28,cE=e=>sQ+2*cQ+(e?10:0);var oQ=16;var lQ="whitespace-nowrap",rQ=e=>typeof e=="string"?e:e.text;function mi(e,t="\xB7"){return e.map((a,s)=>{let c=rQ(a),o=typeof a!="string"&&a.accent;return H5(tQ,{children:[Y4("span",{className:`${lQ}${o?" text-accent":""}`,children:s<e.length-1?`${c} ${t}`:c}),s<e.length-1?" ":null]},c)})}var pi="mt-3 flex flex-col gap-2",rt="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",ui="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",iQ="border px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em]",Hs="absolute right-[18px] top-[18px] z-10";function it({tone:e,className:t,children:a}){return Y4("span",{className:[t,iQ,e==="solid"?"border-accent bg-accent text-bg":"border-accent text-accent"].filter(Boolean).join(" "),children:a})}function W8({variant:e="catalog",wide:t=!1,href:a,identityLink:s=!1,outline:c="none",imageBackgroundFill:o=Z6,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:z,metaLine:x,swatches:w,showPrice:C=!0,reserveSwatches:A=!0,extras:E}){let V=e==="catalog",q=by(o),F=q&&o===N9,T=F?"bg-[var(--wheel-stage)] p-[5px]":q?"p-[5px]":"",N=q&&!F?{backgroundColor:o}:{},I=(G1,G)=>Y4("figure",{className:`m-0 aspect-square [flex:0_0_auto] max-w-full max-[800px]:w-[252px] ${G}`,style:{width:aQ(cE(q))},children:G1}),P=V?H5("div",{className:t?`relative mt-2 mb-5 flex items-center justify-center [&_img]:object-top max-[800px]:flex-col ${T}`:`relative mt-2 mb-5 flex aspect-square items-center justify-center overflow-hidden [&_img]:object-top ${T}`,style:t?{...N,borderRadius:10,columnGap:cE(q),rowGap:oQ}:{...N,borderRadius:"var(--sf-card-image-radius, 10px)"},children:[t?H5($d,{children:[I(h,"max-[800px]:-translate-x-[38px]"),I(m??h,"max-[800px]:translate-x-[38px]")]}):h,p]}):H5("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]}),D=`font-mono text-[length:var(--size-label,12px)] uppercase text-accent ${V?"tracking-[0.3em]":"tracking-[0.25em]"}`,a1=u?Y4("div",{className:D,children:u}):V&&g?Y4("div",{"aria-hidden":!0,className:D,children:"\xA0"}):null,B=Y4("div",{className:V?"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=Y4("div",{className:V?"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=C?H5("div",{className:"mt-2 font-mono text-[length:var(--size-label,13px)]",children:[v&&Y4("span",{className:"mr-2 text-fg-dim line-through",children:v}),z]}):null,W=C&&x?Y4("div",{className:"mt-[2px] font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",children:x}):null,Q=V&&!w?A?Y4("div",{"aria-hidden":!0,className:"mt-4 h-4"}):null:w,b1=[V?"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)]",fo(c),t?"col-span-2 max-[800px]:col-span-1 @max-[720px]:col-span-1":""].filter(Boolean).join(" "),X=H5($d,{children:[P,a1,B]}),v1=H5($d,{children:[U,Y,W,Q,E]});return a?s?H5("article",{...l,className:b1,children:[r,i,n,Y4(C1,{href:a,className:"flex flex-col",children:X}),v1]}):H5(C1,{href:a,className:b1,children:[r,i,n,X,v1]}):H5("article",{...l,className:b1,children:[r,i,n,X,v1]})}function jd(e){return(e.components??[]).reduce((a,s)=>a+s.wheels,0)>4}function oE(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(jd)}var nQ=150,hQ="Front + rear",lE="L/R pair",rE="Not handed",mQ="L/R";function pQ(e){return e.et==null||e.rearEt==null?0:Math.abs(e.rearEt-e.et)}function uQ(e){return pQ(e)>=nQ}function iE(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(uQ)}function nt(e){return e.directional===!0}function nE(e){return e.rearWidth!=null||e.rearEt!=null&&e.rearEt!==e.et}function hE(e){return{twoObjects:gQ(e),handed:e.handed??!1,staggered:!1}}function mE(e){let t=[e.twoObjects?hQ:"",e.handed?mQ:""].filter(Boolean);return t.length?t.join(" \xB7 "):null}function pE(e){return e.handed}function dQ(e){return new Set((e.components??[]).map(t=>t.partNumber)).size>1}function uE(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(dQ)}function gQ(e){return(e.setWheelCount??0)>4}var vQ=new Set(["boltPattern"]);function dE(e,t){return e&&vQ.has(t)}var fQ="dually";function ht(e){let t=e.components.reduce((c,o)=>c+o.wheels,0)||4,a=e.kind,s=[a==="staggered"?"Staggered":a===fQ?"Dually":"",nt(e)?"L/R":""].filter(Boolean);return s.length?`${s.join(" ")} set of ${t}`:`Set of ${t}`}function bQ(e,t){return[...new Set(e.filter(a=>!t||a.finishName===t).map(a=>a.size))]}function mt(e,t,a){if(!(!t||!a))return e.find(s=>s.finishName===t&&s.size===a)}function Fs(e){return e!=null&&e.inStock===!1}function gE(e,t){return t?e.filter(a=>a.finishName===t&&Fs(a)):[]}function vE(e,t,a){return t.findIndex((s,c)=>a[c]!==!1&&bQ(e,s).length>0)}function fE(e){if(e.diameter==null||e.width==null)return e.size;let t=e.rearWidth!=null?`${A2(e.width)}/${A2(e.rearWidth)}`:A2(e.width);return`${e.diameter}" \xD7 ${t}`}function di(e){return e.et==null?null:e.rearEt!=null&&e.rearEt!==e.et?`${e.et}/${e.rearEt}`:String(e.et)}function Yd(e){return e.diameter==null||e.width==null?JSON.stringify([e.size]):JSON.stringify([e.kind,e.diameter,e.width,e.rearWidth??null])}function bE(e){return e.diameter==null||e.width==null?e.size:`${e.diameter}" ${e.kind}`}function zE(e){return e.diameter==null||e.width==null?"":e.rearWidth!=null?`${A2(e.width)} front / ${A2(e.rearWidth)} rear`:`${A2(e.width)} all round`}function Ts(e){if(e.diameter==null||e.width==null)return e.size;let t=(a,s)=>`${e.diameter} \xD7 ${A2(a)}${s!=null?` ET ${s}`:""}`;return nE(e)?`${t(e.width,e.et)} front \xB7 ${t(e.rearWidth??e.width,e.rearEt)} rear`:t(e.width,e.et)}function Xd(e,t){return t?e.filter(a=>a.finishName===t):[]}var xE="handed",yE="plain";function Ps(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:Yd(p),label:bE(p),note:zE(p)})),o=s(p=>p.boltPattern?{value:p.boltPattern,label:p.boltPattern}:null),l=s(p=>{let u=di(p);return u===null?null:{value:u,label:`ET ${u}`}}),r=s(p=>p.centreBore==null?null:{value:A2(p.centreBore),label:`${A2(p.centreBore)} mm`}),i=s(p=>({value:nt(p)?xE:yE,label:nt(p)?lE:rE})),n=t.map(p=>({id:`${p.finishName}|${p.size}`,options:{finish:p.finishName,size:Yd(p),variantSize:p.size,...p.boltPattern?{boltPattern:p.boltPattern}:{},...di(p)!==null?{et:di(p)}:{},...p.centreBore==null?{}:{centreBore:A2(p.centreBore)},pairing:nt(p)?xE:yE},inStock:!Fs(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 wE(e,t){if(e.kind!=="alloy-wheel"||t===null)return e;let a=new Set(oM(e.source.variants??[],t));if(a.size===0)return e;let s=e.parts.filter(r=>{let i=H7(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 H7(e,t){return t?mt(e.variants??[],t.options.finish,t.options.variantSize)??null:null}function kE(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]??nk}function SE(e){return e.kind==="tyre"?"advisory":"required"}var pt={choice:Yw,qty:1};function zQ(e,t){if(e.kind!=="alloy-wheel")return`Set of ${4}`;let a=H7(e.source,t);return a?ht(a):`Set of ${4}`}var CE=(e,t)=>e===1?t:`${e} \xD7 ${t}`;function ME(e){return e.unit==="set"?{label:`Add a spare \u2014 ${j6+1} instead of ${j6}`}:null}var U8={howMany:"How many wheels",oneSet:"One set",oneSetPlusSpare:"One set + 1 spare",whichSide:"Which side is the spare?",left:"Left",right:"Right"};function xQ(e,t){return t.unit!=="set"||Jw(e)===null?null:{counts:[{value:j6,label:U8.oneSet},{value:j6+Qo,label:U8.oneSetPlusSpare}],side:t.spares>0?{label:U8.whichSide,options:[{value:"left",label:U8.left},{value:"right",label:U8.right}]}:null}}function Jd(e,t,a){if(e.kind==="tyre")return{packs:[{value:"set",label:`A set of ${j6}`},{value:"single",label:"Just one"}],extra:ME(a.choice),spareCounts:[],spareSide:null,components:t?Um({sku:t.id,prices:t.components[0].prices},a.choice):[],quantityLabel:CE(a.qty,el(a.choice))};let s=t?xQ(t.components,a.choice):null;return{packs:[],extra:s?null:ME(a.choice),spareCounts:s?.counts??[],spareSide:s?.side??null,components:t?Rh(t.components,a.choice):[],quantityLabel:CE(a.qty,Qw(zQ(e,t),a.choice))}}function LE(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?Xl(e.source,h,s.choice,s.qty):null}let o=e.source,l=H7(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:He(o.name),process:o.process,positionNo:"01",config:[{label:i},{label:r,gold:!0},{label:c.fitmentLabel},{label:Jd(e,t,s).quantityLabel}],finishName:r,size:i,components:Rh(t.components,s.choice),qty:s.qty,...n?{pack:s.choice}:{}}}function gi(e,t){let a=t.trim(),s=e.trim();return!s||!yQ(a,s)?a:a.slice(s.length).replace(/^[^\p{L}\p{N}]+/u,"")||a}function yQ(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 AQ,jsx as F7,jsxs as Es}from"react/jsx-runtime";var MQ="from ",SQ=2,LQ=[];function Qd({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=LQ}){let d=de(g),{add:f,open:v,warmCatalog:z}=a4();kQ(()=>{u||z("tyre")},[u,z]);let{currency:x}=n0(),w=X6(ae(h,p),null),C=sl(w,p,MQ),A=[r.length>0?`${r.length} ${r.length===1?"size":"sizes"}`:null,d("rim_diameter")?Al(n):null].filter(Boolean).join(" \xB7 "),E=Ae(l),[V,q]=AE(!1),F=wQ(()=>{l&&q(!0)},[l]),{state:T,tyre:N}=sE(l??null,V),I=CQ(()=>N?.variants??[],[N]),[P,D]=AE(null),a1=I.length===1?I[0].size:null,B=P??a1,U=I.find(o1=>o1.size===B),Y=U!=null&&pS(U,x),W=T==="ready",Q=!E||T==="error"||W&&I.length===0;function b1(){!N||!U||!Y||u||(f(Xl(N,U,pt.choice,pt.qty)),v())}let X=W&&I.length>0?I.map(o1=>o1.size):r,v1=X.slice(0,SQ),G1=X.length-v1.length,G=o1=>["cursor-pointer transition-colors",As,o1?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" ");return F7(W8,{href:E,identityLink:!0,containerProps:{onPointerEnter:F,onTouchStart:F,onFocusCapture:F},image:F7(l6,{image:m,className:"h-full w-full",sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 280px",showBackground:!1}),plate:a?F7(Ss,{brand:e,logo:t}):null,eyebrow:Ud(s,c&&d("brand")&&e||null),name:gi(e??"",o),spec:A,price:C,metaLine:w.priced?"each":null,extras:Es(AQ,{children:[i&&Es("p",{className:"font-mono text-[length:var(--size-label,11px)] font-medium uppercase tracking-[0.14em] text-green",children:["Fits \xB7 ",i]}),Es("div",{className:ri,children:[F7("div",{className:ii,children:v1.map(o1=>W&&I.length>0?F7("button",{type:"button",title:o1,"aria-label":o1,"aria-pressed":B===o1,onClick:()=>D(o1),className:G(B===o1),children:o1},o1):F7("span",{className:hi,children:o1},o1))}),G1>0&&Es("span",{className:ni,children:["+",G1]})]}),Es("div",{className:pi,children:[!Q&&w.priced&&F7("button",{type:"button",onClick:b1,[te]:"",disabled:W&&!Y,className:Y||!W?`${rt}${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"}),E&&F7(C1,{href:E,className:ui,children:"Open product page"})]})]})})}import{jsx as HQ}from"react/jsx-runtime";function Vs({item:e,currency:t,kindLabel:a=null,showBrand:s=!0,fitSize:c=null,editing:o=!1,fieldUsage:l}){return HQ(Qd,{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 vi,jsxs as FQ}from"react/jsx-runtime";function eg({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:s,onPickType:c}){let{currency:o}=n0(),l=Kk(e,o,R2);return l.length===0?null:vi("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:l.map(r=>vi("li",{children:FQ("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,vi("span",{"aria-hidden":"true",children:"\u2715"}),vi("span",{className:"sr-only",children:"Remove filter"})]})},`${r.key}:${r.value}`))})}function ut(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 ag(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 PQ({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 fi({overrideSrc:e,hookSrc:t,failed:a}){return e&&!a.has(e)?e:t&&t!==e&&!a.has(t)?t:null}function bi(e,t,a,s,c){let o=a===void 0?void 0:e.finishes?.find(l=>l.name===a);return PQ({carRenderings:ag(o,c),renderings:e.defaultFinishRenderings,coverIndex:t,shownFinishName:a,defaultFinishName:e.defaultFinish,shownSrc:s})}import{useState as KQ}from"react";import{jsx as sg,jsxs as EQ}from"react/jsx-runtime";function Ns({finishes:e,availability:t,selectedIdx:a,hoverIdx:s,activeFinish:c,onSelect:o,onHover:l,showLabel:r=!0,className:i}){return EQ("div",{className:["mt-4",i].filter(Boolean).join(" "),children:[sg("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 sg("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&&sg("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 VQ}from"react";import{jsx as dt,jsxs as HE}from"react/jsx-runtime";function _s({src:e,alt:t=""}){let[a,s]=VQ(!1),c=e||"";return dt("div",{className:"relative aspect-square overflow-hidden bg-bg",children:HE("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:[dt("div",{className:"absolute inset-0 z-[1] flex items-center justify-center",children:HE("div",{className:"relative flex h-[70%] w-[70%] items-center justify-center rounded-full border-2",style:{borderColor:"var(--accent)"},children:[dt("div",{className:"absolute inset-[10%] rounded-full border",style:{borderColor:"var(--accent)",opacity:.4}}),dt("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)"}}),dt("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&&dt("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 RQ,useState as IQ}from"react";import{useId as TE,useRef as BQ,useState as cg}from"react";import{useCallback as FE,useRef as NQ,useState as _Q}from"react";function zi(){let[e,t]=_Q("idle"),a=NQ(!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(!le(h)){t("invalid");return}a.current=!0,t("sending");try{if(!n)for(let m of o)await m0.createStockAlert({partNumber:m,email:h,productSlug:r})}catch{a.current=!1,t("error");return}if(i&&!n)try{await m0.createNewsletterSubscription({email:h,source:D3.stockAlertOptIn})}catch{}a.current=!1,t("sent")},[]);return{status:e,submit:c,reset:s}}import{jsx as V0,jsxs as g3}from"react/jsx-runtime";function og({wheelName:e,productSlug:t,finishName:a,variants:s,initialSize:c,onClose:o,editing:l=!1}){let r=TE(),i=TE(),n=BQ(null),{currency:h}=n0(),m=zi(),[p,u]=cg(()=>c??s[0]?.size??""),[g,d]=cg(""),[f,v]=cg(!1);o7({active:!0,onDismiss:o,focusRef:n});let z=s.find(E=>E.size===p)??s[0];if(!z)return null;let x=m.status==="sent",w=m.status==="sending",C=m.status==="invalid"?"Please enter a valid email address.":m.status==="error"?"Couldn't save that \u2014 please try again.":null;function A(){z&&m.submit({partNumbers:z.components.map(E=>E.partNumber),email:g,productSlug:t,subscribeToOffers:f,dryRun:l})}return V0("div",{role:"dialog","aria-modal":"true","aria-labelledby":r,onClick:E=>{E.target===E.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:g3("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:[V0("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:V0("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:V0("path",{d:"M6 6l12 12M18 6 6 18"})})}),x?g3("div",{className:"px-6 py-8 text-center",children:[V0("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:V0("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2.5","aria-hidden":!0,children:V0("path",{d:"M20 6 9 17l-5-5"})})}),V0("h3",{id:r,className:"font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"You're on the list"}),g3("p",{className:"mx-auto mt-2 max-w-[34ch] text-[13px] leading-[1.6] text-fg-dim",children:["We'll alert ",V0("strong",{className:"font-normal text-fg",children:g.trim()})," as soon as the ",Y1(e)," in ",z.size," is back. Keep an eye on your inbox."]}),V0("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"})]}):g3("form",{className:"p-6",noValidate:!0,onSubmit:E=>{E.preventDefault(),A()},children:[g3("div",{className:"mb-2 flex items-center gap-3",children:[V0("span",{className:"grid h-11 w-11 flex-none place-items-center border-[1.5px] border-accent bg-accent/15",children:g3("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":!0,children:[V0("path",{d:"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"}),V0("path",{d:"M13.7 21a2 2 0 0 1-3.4 0"})]})}),g3("div",{children:[V0("div",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:"Back-in-stock alert"}),V0("h3",{id:r,className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"Notify me"})]})]}),g3("p",{className:"mb-5 text-[13px] leading-[1.6] text-fg-dim",children:["We'll email you the moment the"," ",V0("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."]}),g3("fieldset",{className:"mb-4 border-0 p-0",children:[V0("legend",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Which fitment?"}),V0("div",{className:"flex flex-wrap gap-2",children:s.map(E=>{let V=E.size===z.size;return g3("button",{type:"button","aria-pressed":V,onClick:()=>u(E.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",V?"border-accent bg-accent/15":"border-line hover:border-accent/60"].join(" "),children:[V0("span",{className:"font-mono text-[12px] font-bold tracking-[0.08em] text-fg",children:E.size}),V0("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{let q=tk(E.components,h);return q.setTotal!=null?R2(q.setTotal,h):Y6})()})]},E.size)})})]}),g3("div",{className:"mb-4",children:[V0("label",{htmlFor:i,className:"mb-2 block font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Email address"}),V0("input",{id:i,type:"email",value:g,onChange:E=>{d(E.target.value),(m.status==="invalid"||m.status==="error")&&m.reset()},placeholder:"you@example.com",disabled:w,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"})]}),g3("label",{className:"mb-5 flex cursor-pointer items-start gap-2.5 text-[12px] leading-[1.5] text-fg-dim",children:[V0("input",{type:"checkbox",checked:f,onChange:E=>v(E.target.checked),className:"mt-0.5 h-[18px] w-[18px] flex-none cursor-pointer accent-[var(--accent)]"}),V0("span",{children:"Also send me fitment tips and occasional offers for my vehicle."})]}),g3("button",{type:"submit",disabled:w,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:[g3("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[V0("path",{d:"m22 2-7 20-4-9-9-4Z"}),V0("path",{d:"M22 2 11 13"})]}),w?"Sending\u2026":"Notify me when available"]}),C&&V0("p",{role:"alert",className:"mt-2.5 text-[12px] leading-[1.5]",style:{color:"var(--alert)"},children:C}),g3("div",{className:"mt-3 flex items-center justify-center gap-1.5 text-[11px] text-fg-dim",children:[g3("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[V0("rect",{x:"3",y:"11",width:"18",height:"11",rx:"1"}),V0("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"We never share your details."]})]})]})})}import{Fragment as DQ,jsx as y6,jsxs as xi}from"react/jsx-runtime";var lg=3;function ZQ({wheel:e,sel:t,price:a,editing:s,detailReady:c}){let{add:o,open:l,warmCatalog:r}=a4();RQ(()=>{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:He(e.name),process:e.process,positionNo:"01",config:[{label:n.size},{label:n.finishName,gold:!0},{label:ht(n)}],finishName:n.finishName,size:n.size,components:n.components,qty:1}),l()))}return y6("button",{type:"button",onClick:i,[te]:"",disabled:!t.canAdd,className:t.canAdd?rt: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":`${rt} opacity-80`,children:c&&!t.canAdd?"Select a size":"Add to basket"})}function yi({wheel:e,sel:t,price:a,editing:s,show:c,href:o}){let[l,r]=IQ(!1),i=Bk(e),n=i.length>0?i:e.sizes.map(x=>`${x}\u2033`),h=t.detailState==="ready",m=t.unsellable,p=x=>["cursor-pointer transition-colors",As,x?"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-lg),d=c.sizes?xi("div",{className:ri,children:[y6("div",{className:ii,children:h&&!m?t.sizeOptions.slice(0,lg).map(x=>y6("button",{type:"button",title:x.size,"aria-label":x.size,"aria-pressed":t.size===x.size,onClick:()=>t.setSize(x.size),className:p(t.size===x.size),children:fE(x)},x.size)):m?y6("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,lg).map(x=>y6("span",{className:hi,children:x},x))}),!m&&g>0&&xi("span",{className:ni,children:["+",g]})]}):null,f=c.buy&&!m?t.outOfStock?y6("button",{type:"button",onClick:()=>r(!0),className:rt,children:"Notify me when back"}):a.priced?y6(ZQ,{wheel:e,sel:t,price:a,editing:s,detailReady:h}):null:null,v=c.page?y6(C1,{href:o,className:ui,children:"Open product page"}):null,z=f||v?xi("div",{className:pi,children:[f,v]}):null;return{extras:d||z?xi(DQ,{children:[d,z]}):null,dialog:l?y6(og,{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 _E,useEffect as ng,useMemo as ki,useRef as hg,useState as BE}from"react";import{useEffect as OQ,useMemo as GQ,useState as rg}from"react";import{jsx as PE}from"react/jsx-runtime";function wi(e,t,a){let[s,c]=rg(()=>{let f=a?e.findIndex(v=>v.name===a):-1;return f>=0?f:0}),[o,l]=rg(null),[r,i]=rg(()=>e.map(()=>!0)),n=f=>{i(v=>{if(v[f]===!1)return v;let z=[...v];return z[f]=!1,z})},h=GQ(()=>r.map((f,v)=>f?v:-1).filter(f=>f!==-1),[r]);OQ(()=>{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?PE("div",{className:"hidden","aria-hidden":!0,children:e.map((f,v)=>PE(N3,{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 qQ,useState as EE}from"react";var ig=new Map;function WQ(e){let t=ig.get(e);if(t)return t;let a=m0.getWheel(e).catch(s=>{throw ig.delete(e),s});return ig.set(e,a),a}function VE(e,t){let[a,s]=EE("idle"),[c,o]=EE(null);return qQ(()=>{if(!t)return;let l=!1;return s("loading"),WQ(e).then(r=>{l||(o(r),s("ready"))}).catch(()=>{l||s("error")}),()=>{l=!0}},[e,t]),{state:a,wheel:c}}function NE(e,t){return t.length===0?-1:e.findIndex(a=>t.includes(a.family))}var UQ=[];function Ci(e,t=UQ){let a=ki(()=>e.finishes.filter(K6),[e.finishes]),s=a.length>0,c=wi(a,e.coverImage??null,e.defaultFinish??void 0),[o,l]=BE(!1),r=_E(()=>{s&&l(!0)},[s]),{state:i,wheel:n}=VE(e.slug,o),h=ki(()=>n?.variants??[],[n]),m=c.selectedIdx>=0?a[c.selectedIdx]?.name??null:null,[p,u]=BE(null),{setSelectedIdx:g}=c,d=hg(!1),f=_E(F=>{d.current=!0,g(F)},[g]),v=t.join(","),z=hg(null);ng(()=>{if(z.current===v)return;z.current=v;let F=NE(a,t);F<0||(d.current=!0,g(F))},[v,t,a,g]);let x=hg(!1);ng(()=>{if(x.current||d.current||h.length===0||!m||(x.current=!0,Xd(h,m).length>0))return;let F=vE(h,a.map(T=>T.name),c.availability);F>=0&&g(F)},[h,m,a,c.availability,g]);let w=ki(()=>Xd(h,m),[h,m]);ng(()=>{u(F=>F&&w.some(T=>T.size===F)?F:w.length===1?w[0].size:null)},[w]);let C=mt(h,m,p),A=Fs(C),E=C!=null&&!A,V=!s||i==="error"||i==="ready"&&w.length===0,q=ki(()=>gE(h,m),[h,m]);return{...c,setSelectedIdx:f,finishes:a,arm:r,detailState:i,confirmedFinishName:m,sizeOptions:w,size:p,setSize:u,selectedVariant:C,outOfStock:A,outOfStockVariants:q,canAdd:E,unsellable:V}}import{Fragment as jQ,jsx as T7,jsxs as RE}from"react/jsx-runtime";var $Q=[];function mg({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=$Q,spinOnHover:h=!1,imageBackgroundFill:m=Z6,showBadge:p=!0,outline:u=e4,indexBadge:g=Q3,showCardSizes:d=!0,showCardBuy:f=!0,showCardPage:v=!0,showCardPrice:z=!0,showCardFinishes:x=!0}){let{currency:w}=n0(),C=Ci(e,t),A=bi(e,i,C.finish?.name,C.shownSrc,a?.holes),E=ce(e,C.selectedVariant,w,1),V=cl(E,w),[q,F]=KQ(()=>new Set),T=G=>F(o1=>o1.has(G)?o1:new Set(o1).add(G)),N=fi({overrideSrc:A,hookSrc:C.shownSrc,failed:q}),I=pe(e),P=rM(e,a),D=yi({wheel:e,sel:C,price:E,editing:s,href:`/wheels/${e.slug}`,show:{sizes:d,buy:f,page:v}}),a1=C.detailState==="ready",B=C.unsellable,U=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",Y=N?T7(N3,{src:N,alt:C.finish?`${e.name} \u2014 ${C.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:()=>T(N)},N):T7(_s,{imageLabel:e.name}),W=g!=="off"?T7("span",{"aria-hidden":!0,className:`${P9} ${E9}`}):null,Q=p?e.badge:null,b1=E.onSale||Q?RE("div",{className:`${Hs} pointer-events-none flex flex-col items-end gap-1`,children:[E.onSale&&T7(it,{tone:"solid",children:"Sale"}),Q&&T7(it,{tone:Q==="new"?"solid":"outline",children:Q==="new"?"New":"Bestseller"})]}):null,X=x&&C.finishes.length>0&&C.availability.some(Boolean)?T7(Ns,{finishes:C.finishes,availability:C.availability,selectedIdx:C.selectedIdx,hoverIdx:C.hoverIdx,activeFinish:C.finish,onSelect:C.setSelectedIdx,onHover:C.setHoverIdx,showLabel:!1}):null,v1=pl(P.length>0?P:El(e),n).map(G=>G.text),G1=E.priced?["each",E.setTotal!=null&&C.selectedVariant?`${ht(C.selectedVariant)} \xB7 ${R2(E.setTotal,w)}`:null].filter(Boolean).join(" \xB7 "):null;return RE(jQ,{children:[T7(W8,{href:`/wheels/${e.slug}`,identityLink:!0,containerProps:{onPointerEnter:C.arm,onTouchStart:C.arm,onFocusCapture:C.arm},probes:C.probes,outline:u,imageBackgroundFill:m,indexBadge:W,badges:b1,image:Y,plate:c?T7(Ss,{brand:I,logo:e.brandLogo}):null,eyebrow:li({kindLabel:o,brand:l&&I?Y1(I):null,process:r&&e.process?Y1(e.process):null},n),reserveEyebrow:Ls({kind:!!o,brand:l,process:r},n),name:Y1(e.name),spec:mi(v1,lM),was:V,price:oe(E,w),metaLine:G1,swatches:X,reserveSwatches:x,showPrice:z,extras:D.extras}),D.dialog]})}import{jsx as Bs,jsxs as Mi}from"react/jsx-runtime";function pg({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let s=Qk(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 Mi("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[Mi("div",{className:"flex items-center gap-1.5",children:[Bs("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:c,children:"\u2039"}),s.map((o,l)=>o===null?Bs("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${l}`):Bs("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)),Bs("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:c,children:"\u203A"})]}),Mi("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",Bs("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=>Mi("option",{value:o,children:["Page ",o," of ",t]},o))})]})]})}import{useState as QQ}from"react";import{useState as YQ}from"react";import{jsx as Rs,jsxs as XQ}from"react/jsx-runtime";function ug({checked:e,count:t,noun:a,onChange:s}){let[c,o]=YQ(!1);return XQ("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[Rs("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})`}),Rs("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:Rs("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),Rs("span",{className:"flex-1",children:"In stock only"}),Rs("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as JQ}from"react";import{jsx as Is,jsxs as IE}from"react/jsx-runtime";function dg({options:e,noun:t,onPick:a}){let s=JQ();return e.length===0?null:IE("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[Is("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),Is("div",{className:"flex flex-col pt-1.5",children:e.map(c=>{let o=c.count===0&&!c.checked;return IE("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${o?"opacity-40":"cursor-pointer"}`,children:[Is("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)]"}),Is("span",{className:`flex-1 ${c.checked?"text-accent":""}`,children:c.label}),Is("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:c.count})]},c.kind??"all")})})]})}import{jsx as gg,jsxs as gt}from"react/jsx-runtime";function vg({boxes:e,composed:t,matches:a,noun:s,onPick:c}){return gt("div",{className:"grid grid-cols-3 gap-1.5",children:[e.map(o=>gt("label",{className:"flex flex-col gap-1",children:[gg("span",{className:"font-mono text-[9.5px] uppercase tracking-[0.14em] text-fg-dim",children:o.label}),gt("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:[gg("option",{value:"",children:"Any"}),o.options.map(l=>gt("option",{value:l.value,children:[l.label,l.count===0?" \xB7 0":""]},l.value))]})]},o.part)),t&>("p",{className:"col-span-3 flex items-baseline gap-2 pt-0.5",children:[gg("span",{className:"font-mono text-[12px] tracking-[0.04em] text-accent",children:t}),a!==null&>("span",{className:"text-[11.5px] text-fg-dim",children:["\xB7 ",a," ",s]})]})]})}import{jsx as k2,jsxs as w6}from"react/jsx-runtime";function fg({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}=n0(),[d,f]=QQ({});return w6("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:[w6("div",{className:"flex items-center justify-between pb-2",children:[k2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),vl(t)&&k2("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&&k2("div",{className:"pb-1 pt-1",children:k2(dg,{options:a,noun:o.many,onPick:n})}),r!==null&&k2("div",{className:"border-t border-line py-2",children:k2(ug,{checked:t.inStockOnly,count:r,noun:o.many,onChange:p})}),s&&k2(ZE,{label:tm.tyreSizes,open:!d.tyreSizes,onToggle:()=>f(v=>({...v,tyreSizes:!v.tyreSizes})),children:!d.tyreSizes&&k2("div",{className:"pb-3",children:k2(vg,{boxes:s,composed:t.tyreSizes[0]??"",matches:c,noun:o.many,onPick:h})})}),e.map(v=>{if(v.options.length===0)return null;let z=!d[v.key];return k2(ZE,{label:v.label,open:z,onToggle:()=>f(x=>({...x,[v.key]:!x[v.key]})),children:z&&k2("ul",{className:"flex flex-col pb-3",children:v.options.map(x=>{let w=x.count===0&&!x.checked;return k2("li",{children:w6("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${w?"opacity-40":"cursor-pointer"}`,children:[k2("input",{type:"checkbox",checked:x.checked,disabled:w,onChange:()=>i(v.key,x.value),"aria-label":`${v.label}: ${x.label} (${x.count} ${o.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),x.swatch&&k2("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--line)]",style:{background:x.swatch}}),k2("span",{className:"flex-1 capitalize",children:x.label}),k2("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:x.count})]})},x.value)})})},v.key)}),l&&w6("div",{className:"border-t border-line py-3",children:[w6("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price \xB7 per ",o.one]}),k2("input",{type:"range",min:l.min,max:l.max,step:5,value:t.priceMax??l.max,onChange:v=>{let z=Number(v.target.value);m(z>=l.max?null:z)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${o.one}`}),w6("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[k2("span",{className:"text-fg-dim",children:R2(l.min,g)}),w6("span",{children:["Up to ",R2(t.priceMax??l.max,g)]})]})]})]})}function ZE({label:e,open:t,onToggle:a,children:s}){return w6("div",{className:"border-t border-line",children:[w6("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:[k2("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:e}),k2("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"\u25BE"})]}),s]})}import{Fragment as e11,jsx as DE}from"react/jsx-runtime";function Si({kind:e,children:t}){let a=hx(e);return a?DE("span",{[Uz]:a.stamp,children:t}):DE(e11,{children:t})}import{jsx as vt,jsxs as OE}from"react/jsx-runtime";function bg(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function Zs({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=bg(a,c),m=ie({items:h,value:t,onPick:s}),p=m.open;return OE("div",{ref:m.wrapRef,className:"relative",children:[OE("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:[vt("span",{...r?{[aa]:dh}:{},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:vt(Si,{kind:dh,children:e})}),vt("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?{[aa]:gh}:{},children:vt(Si,{kind:gh,children:n})}),vt("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&&vt(ne,{id:m.listId,tone:"cell",items:h,value:t,focusIdx:m.focusIdx,onFocus:m.setFocusIdx,onPick:m.pick,listRef:m.listRef})]})}var Ds=["make","model","year","trim"],K8={make:"Make",model:"Model",year:"Year",trim:"Trim"};function GE(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 qE(e,t){for(let a of Ds){if(a===e)break;if(!GE(a,t))return a}return e}function WE(e){return Ds.find(t=>!GE(t,e))??null}var Os={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function Li({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 Ai(e){let{vehicle:t,loading:a}=e;return{make:Li({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:Li({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:Os.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:Li({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:Os.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:Li({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:Os.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function UE(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function KE(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function $E(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function jE(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 Hi,jsxs as t11}from"react/jsx-runtime";function K3({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:s}=e,c=Ai(e);return t11("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:[Hi(Zs,{label:K8.make,placeholder:c.make.placeholder,disabled:c.make.disabled,value:s.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),Hi(Zs,{label:K8.model,placeholder:c.model.placeholder,disabled:c.model.disabled,value:s.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),Hi(Zs,{label:K8.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}),Hi(Zs,{label:K8.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 q2,jsxs as k6}from"react/jsx-runtime";function zg({cascade:e,appliedName:t,fit:a,fitSummary:s=null,resolving:c,unresolved:o,matchCount:l,copy:r,onAmend:i,onClear:n}){return q2("div",{className:"border-b border-line bg-surface px-5 py-4 md:px-10",children:!(t!=="")?k6("div",{className:"flex flex-wrap items-end gap-4",children:[k6("div",{className:"flex-none",children:[k6("div",{className:"flex items-center gap-2",children:[q2(YE,{}),q2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Select your car"})]}),q2("p",{className:"mt-0.5 font-mono text-[11px] uppercase tracking-[0.14em] text-fg-dim",children:r.promise})]}),q2("div",{className:"min-w-[280px] flex-1",children:q2(K3,{cascade:e,compact:!0})})]}):k6("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-3",children:[k6("div",{className:"flex items-center gap-2.5",children:[q2(YE,{}),k6("div",{children:[q2("p",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-fg-dim",children:"Fitment for"}),q2("p",{className:"font-display text-[16px] font-medium uppercase leading-[1.1] tracking-[-0.01em]",children:t})]})]}),c?q2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):o?q2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:r.noData}):k6("div",{className:"flex flex-wrap items-center gap-1.5",children:[q2("span",{className:"border border-line px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-fg-dim",children:s??iM(a)}),q2("span",{className:"bg-accent px-2 py-1 font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-bg",children:r.countFits(l)})]}),k6("div",{className:"ml-auto flex items-center gap-4",children:[q2("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"}),q2("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 YE(){return k6("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":"true",className:"flex-none",children:[q2("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"}),q2("circle",{cx:"7.5",cy:"17.5",r:"1.8"}),q2("circle",{cx:"16.5",cy:"17.5",r:"1.8"})]})}import{useId as a11,useRef as s11}from"react";import{jsx as C6,jsxs as c11}from"react/jsx-runtime";function xg({cascade:e,heading:t,intro:a,ready:s,copy:c,onSkip:o}){let l=a11(),r=s11(null);return o7({active:s,onDismiss:o,focusRef:r}),C6("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:C6("div",{className:"flex min-h-full items-center justify-center px-6 py-14 max-[700px]:px-5 max-[700px]:py-10",children:c11("div",{ref:r,tabIndex:-1,className:"w-full max-w-[720px] outline-none",children:[C6("p",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:c.eyebrow}),C6("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)}),C6("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:Y1(a)}),C6("div",{className:"mt-8",children:C6(K3,{cascade:e})}),e.cascadeError&&C6("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:c.cascadeDown}),C6("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 l11,useMemo as r11,useState as i11}from"react";var M6={year:null,make:"",model:"",modification:""};var F5={make:"make",model:"model",year:"year",trim:"trim"};function h4(e){return!!e.make&&!!e.model&&e.year!==null&&!!e.modification}function XE(e){let t=Number(e.get(F5.year)),a={...M6,make:e.get(F5.make)??"",model:e.get(F5.model)??"",year:Number.isFinite(t)&&t>0?Math.floor(t):null,modification:e.get(F5.trim)??""};return h4(a)?a:null}function T5(e,t){return!t||!h4(t)||(e.set(F5.make,t.make),e.set(F5.model,t.model),e.set(F5.year,String(t.year)),e.set(F5.trim,t.modification)),e}var o11=["tyre"];function JE(e){return o11.filter(t=>e.includes(t))}function QE(e){return!e||!h4(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function eV(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function tV(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(Q6(c)))}function aV({catalog:e,shownKinds:t,vehicle:a,editing:s=!1}){let c=JE(t),o=s?null:QE(a),[l,r]=i11(null),i=eV(c,o,l!==null),n=i?JSON.stringify(i):"";l11(()=>{if(!n)return;let p=JSON.parse(n),u=!0;return m0.listCatalog(p.kinds,p.vehicle).then(g=>{u&&r({key:n,slugs:g.map(Q6)})}).catch(g=>{console.error("[useVehicleCatalog] catalog refetch failed",g)}),()=>{u=!1}},[n]);let h=l?.slugs??null,m=c.join(",");return r11(()=>tV(e,m?m.split(","):[],h),[e,m,h])}import{useCallback as wg,useEffect as Gs,useMemo as m11,useRef as p11,useState as oV}from"react";import{useCallback as Fi,useEffect as ft,useMemo as Ti,useState as P7}from"react";function Pi(e){return e instanceof Error?e.message:String(e)}function sV(e=[],t=!0){let[a,s]=P7(M6),[c,o]=P7(e),[l,r]=P7([]),[i,n]=P7([]),[h,m]=P7([]),[p,u]=P7(null),[g,d]=P7({makes:t&&e.length===0}),[f,v]=P7(null);ft(()=>{t&&e.length===0&&(d(P=>({...P,makes:!0})),Q9.listMakes().then(o).catch(()=>{}).finally(()=>d(P=>({...P,makes:!1}))))},[t,e.length]),ft(()=>{if(!a.make){r([]);return}let P=!1;return d(D=>({...D,models:!0})),Q9.listModels(a.make).then(D=>{P||r(D)}).catch(D=>{P||v(Pi(D))}).finally(()=>{P||d(D=>({...D,models:!1}))}),()=>{P=!0}},[a.make]),ft(()=>{if(!a.make||!a.model){n([]);return}let P=!1;return d(D=>({...D,years:!0})),Q9.listYears(a.make,a.model).then(D=>{P||n(D)}).catch(D=>{P||v(Pi(D))}).finally(()=>{P||d(D=>({...D,years:!1}))}),()=>{P=!0}},[a.make,a.model]),ft(()=>{if(!a.make||!a.model||a.year===null){m([]);return}let P=!1;return d(D=>({...D,modifications:!0})),Q9.listModifications(a.make,a.model,a.year).then(D=>{P||m(D)}).catch(D=>{P||v(Pi(D))}).finally(()=>{P||d(D=>({...D,modifications:!1}))}),()=>{P=!0}},[a.make,a.model,a.year]),ft(()=>{if(!(a.year!==null&&a.make&&a.model&&a.modification)){u(null);return}let D=!1;return d(a1=>({...a1,stock:!0})),v(null),Q9.getStockFitment(a.make,a.model,a.year,a.modification).then(a1=>{D||u(a1)}).catch(a1=>{D||v(Pi(a1))}).finally(()=>{D||d(a1=>({...a1,stock:!1}))}),()=>{D=!0}},[a.make,a.model,a.year,a.modification]),ft(()=>{a.year!==null&&a.make&&a.model&&!a.modification&&h.length===1&&s(P=>({...P,modification:h[0].slug}))},[a.year,a.make,a.model,a.modification,h]);let z=Fi(P=>s(D=>({...D,make:P,model:"",year:null,modification:""})),[]),x=Fi(P=>s(D=>({...D,model:P,year:null,modification:""})),[]),w=Fi(P=>s(D=>({...D,year:P?Number(P):null,modification:""})),[]),C=Fi(P=>s(D=>({...D,modification:P})),[]),A=Ti(()=>i.map(P=>({value:String(P),label:String(P)})),[i]),E=Ti(()=>c.map(P=>({value:P.slug,label:P.name})),[c]),V=Ti(()=>l.map(P=>({value:P.slug,label:P.name})),[l]),q=Ti(()=>h.map(P=>({value:P.slug,label:P.name})),[h]),F=a.year!==null&&!!a.make&&!!a.model&&!!a.modification,T=c.find(P=>P.slug===a.make)?.name??a.make,N=l.find(P=>P.slug===a.model)?.name??a.model,I=h.find(P=>P.slug===a.modification)?.name??a.modification;return{vehicle:a,setVehicle:s,setMake:z,setModel:x,setYear:w,setModification:C,makeOptions:E,modelOptions:V,yearOptions:A,modOptions:q,loading:g,cascadeError:f,stock:p,fullyPicked:F,makeName:T,modelName:N,modName:I}}var yg="storefront-vehicle";function n11(e){if(!e||typeof e!="object")return null;let t=e,a={...M6,...t.vehicle??{}};return h4(a)?{vehicle:a,labels:{make:t.labels?.make??a.make,model:t.labels?.model??a.model,modification:t.labels?.modification??a.modification}}:null}function h11(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(yg);t=c?n11(JSON.parse(c)):null}catch{t=null}return t},write(c){t=c;try{e()?.setItem(yg,JSON.stringify(c))}catch{}s()},clear(){t=null;try{e()?.removeItem(yg)}catch{}s()},subscribe(c){return a.add(c),()=>{a.delete(c)}}}}var E7=h11(()=>J2);function cV(){E7.clear()}function kg(e,t,a){return e!==t?e:a||t}function u11(e,t){return e.make===t.make&&e.model===t.model&&e.modification===t.modification}function bt(e,t){return e.make===t.make&&e.model===t.model&&e.year===t.year&&e.modification===t.modification}function H4({initialMakes:e=[],editing:t=!1,enabled:a=!0,autoApply:s=!1}={}){let c=sV(e,a),{setVehicle:o}=c,[l,r]=oV(null),[i,n]=oV(!1),h=wg(()=>({make:c.makeName,model:c.modelName,modification:c.modName}),[c.makeName,c.modelName,c.modName]);Gs(()=>{if(t||!a){n(!0);return}let v=XE(new URLSearchParams(window.location.search)),z=v?null:E7.read(),x=v??z?.vehicle??null;x&&(o(x),r({vehicle:x,labels:z?.labels??{make:x.make,model:x.model,modification:x.modification},stock:null})),n(!0)},[t,a,o]),Gs(()=>{if(!(t||!a))return E7.subscribe(()=>{let v=E7.read();r(x=>v?x&&bt(x.vehicle,v.vehicle)?u11(x.labels,v.labels)?x:{...x,labels:v.labels}:{vehicle:v.vehicle,labels:v.labels,stock:null}:null);let z=v?.vehicle??M6;o(x=>bt(x,z)?x:z)})},[t,a,o]),Gs(()=>{!s||!h4(c.vehicle)||l&&bt(l.vehicle,c.vehicle)||r({vehicle:c.vehicle,labels:h(),stock:c.stock})},[s,l,c.vehicle,c.stock,h]),Gs(()=>{if(!l||!bt(c.vehicle,l.vehicle))return;let v={make:kg(c.makeName,c.vehicle.make,l.labels.make),model:kg(c.modelName,c.vehicle.model,l.labels.model),modification:kg(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(x=>x&&bt(c.vehicle,x.vehicle)?{...x,stock:c.stock,labels:v}:x)},[l,c.vehicle,c.stock,c.makeName,c.modelName,c.modName]);let m=p11("");Gs(()=>{if(!(t||!a))try{if(!l){m.current!==""&&(E7.clear(),m.current="");return}let v=JSON.stringify({vehicle:l.vehicle,labels:l.labels});if(v===m.current)return;E7.write({vehicle:l.vehicle,labels:l.labels}),m.current=v}catch{}},[l,t,a]);let p=wg(()=>{h4(c.vehicle)&&r({vehicle:c.vehicle,labels:h(),stock:c.stock})},[c.vehicle,c.stock,h]),u=wg(()=>{r(null),o(M6),!t&&a&&cV()},[t,a,o]),g=m11(()=>eM(l?.stock),[l?.stock]),d=!!l&&bt(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:h4(c.vehicle),appliedName:f,restored:i}}import{useEffect as lV,useState as rV}from"react";var Cg="plp:locationchange",iV=!1;function d11(e){if(typeof window>"u")return()=>{};if(!iV){iV=!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(Cg))}}}return window.addEventListener("popstate",e),window.addEventListener(Cg,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(Cg,e)}}function nV({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:s}){let[c,o]=rV({...o6,sort:t}),[l,r]=rV(!1);return lV(()=>{if(e||typeof window>"u")return;let i=()=>{let h=Jk(new URLSearchParams(window.location.search));return u8(h).toString()===""?{...o6,sort:t}:h},n=()=>{let h=i();o(m=>u8(m).toString()===u8(h).toString()?m:h)};return n(),r(!0),d11(n)},[e,t]),lV(()=>{if(e||!l||!s||typeof window>"u")return;let i=u8(c);T5(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 hV,jsx as v2,jsxs as W2}from"react/jsx-runtime";var Mg={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 z11({level:e,className:t,children:a}){return v2(e===2?"h2":"h1",{className:t,children:a})}var x11=[];function Sg({heading:e="",intro:t="",askForCar:a=!0,gateHeading:s="",gateIntro:c="",perPage:o=24,columns:l,defaultSort:r="recommended",hiddenFacets:i=[],fieldUsage:n=x11,showPrice:h=!0,showInStock:m=!0,kinds:p,products:u,wheels:g,editing:d=!1,coverIndex:f=1,cardImage:v,spinOnHover:z=!1,imageBackground:x,showBadge:w=!0,showCardSizes:C,showCardBuy:A,showCardPage:E,showCardPrice:V,showCardFinishes:q,outline:F=e4,indexBadge:T=Q3,titleLevel:N}){let{currency:I}=n0(),P=_9(x,Z6),D=c6(p),a1=p5(),B=UP(si(l),d?a1:null),U=`plp-${v11().replace(/:/g,"")}`,Y=I6(U,T),W=QP(),Q=u??g??W??[],b1=F3(()=>xk(Q,D),[Q,D.join(",")]),X=H4({editing:d,enabled:a,autoApply:!0}),[v1,G1]=b11(!1),G=Ek(r,D),o1=X.applied?.vehicle??null,[u1,A0]=nV({editing:d,openingSort:G,appliedVehicle:o1,vehicleRestored:X.restored}),w0=Nk(D,u1.kind),p1=X4(N1=>A0(N1),[A0]),e0=X4((N1,C3)=>{let h3=u1[N1],Xt=h3.map(String).includes(C3)?h3.filter(Rc=>String(Rc)!==C3):[...h3,N1==="diameters"?Number(C3):C3];p1({...u1,[N1]:Xt,page:1})},[u1,p1]),M1=X4(N1=>p1({...u1,priceMax:N1,page:1}),[u1,p1]),z2=X4(N1=>p1({...u1,inStockOnly:N1,page:1}),[u1,p1]),a0=X4(N1=>p1({...o6,kind:N1,inStockOnly:u1.inStockOnly,priceMax:u1.priceMax,sort:u1.sort}),[u1.inStockOnly,u1.priceMax,u1.sort,p1]),p2=X4(N1=>p1({...u1,sort:N1,page:1}),[u1,p1]),V2=X4(N1=>{p1({...u1,page:N1}),typeof window<"u"&&window.scrollTo({top:0,behavior:t6()})},[u1,p1]),f0=X4(()=>p1({...o6,sort:u1.sort}),[u1.sort,p1]),{clear:m1}=X,q1=X4(()=>{m1(),G1(!0),A0(N1=>({...N1,page:1}))},[m1]),H0=X4(()=>{m1(),G1(!1),A0(N1=>({...N1,page:1}))},[m1]),F0=o1?[o1.make,o1.model,o1.year,o1.modification].join("|"):"",c0=f11(null);g11(()=>{if(X.restored){if(c0.current===null){c0.current=F0;return}c0.current!==F0&&(c0.current=F0,A0(N1=>N1.page===1?N1:{...N1,page:1}))}},[X.restored,F0,A0]);let q0=aV({catalog:b1,shownKinds:D,vehicle:o1,editing:d}),$=F3(()=>{if(!X.fit)return q0;let N1=q0.filter(h3=>W0(h3)==="alloy-wheel"),C3=new Set(Pl(N1,X.fit).map(h3=>h3.slug));return q0.filter(h3=>W0(h3)!=="alloy-wheel"||C3.has(Q6(h3)))},[q0,X.fit]),S1=i.join(","),b0=F3(()=>{let N1=new Set(S1?S1.split(","):[]);return am($,u1,I,w0,n).filter(C3=>!N1.has(C3.key))},[$,u1,I,S1,w0.join(","),n]),Y0=F3(()=>Ik($,u1,I),[$,u1,I]),U5=w0.length>1,o5=F3(()=>R4(n,"alloy-wheel"),[n]),N6=F3(()=>R4(n,"tyre"),[n]),K5=F3(()=>yk(Y0),[Y0]),d4=F3(()=>wk(Y0),[Y0]),d9=F3(()=>h?Uk($,I):null,[$,I,h]),Y7=F3(()=>Rk($,u1,I),[$,u1,I]),n3=F3(()=>Wk($,D,u1,I),[$,D.join(","),u1,I]),X7=X4((N1,C3)=>{let h3=qk($.flatMap(ue),u1.tyreSizes[0]??"",N1,C3);p1({...u1,tyreSizes:h3?[h3]:[],page:1})},[$,u1,p1]),l5=F3(()=>{let N1=new Set(S1?S1.split(","):[]);return!Dk($,w0)||N1.has("tyreSizes")?null:Gk($,u1,I)},[$,u1,I,S1,w0.join(","),n]),e2=F3(()=>eC(Y0,u1.page,o),[Y0,u1.page,o]),V3=b5(w0),r5=Ms(w0),g4=eE(s,c,w0,D),i5=w0.length===1&&w0[0]==="tyre",v4=X.applied?.stock??null,Y3=F3(()=>hS(v4),[v4]),w1=F3(()=>$.filter(N1=>w0.includes(W0(N1))).length,[$,w0.join(",")]),$1=b1.length===0,k3=!$1&&$.length===0,_6=a&&!d&&!X.applied&&!v1;return D.length===0?null:W2("section",{style:j2(v),children:[a&&v2(zg,{cascade:X.cascade,appliedName:X.appliedName,fit:X.fit,fitSummary:i5&&Y3.length>0?`Takes ${Y3.join(" \xB7 ")}`:null,resolving:X.resolving,unresolved:i5?!!X.applied&&!X.resolving&&Y3.length===0:X.unresolved,matchCount:w1,copy:r5,onAmend:H0,onClear:q1}),_6&&v2(xg,{cascade:X.cascade,heading:g4.heading,intro:g4.intro,ready:X.restored,copy:r5,onSkip:()=>G1(!0)}),W2("div",{className:"px-5 py-10 md:px-10",children:[(e||t)&&W2("header",{className:"mb-6",children:[e&&v2(z11,{level:N,className:"font-display text-[clamp(28px,4vw,40px)] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:Y1(e)}),t&&v2("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:Y1(t)})]}),W2("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[v2(fg,{facets:b0,filters:u1,typeOptions:n3,sizeBoxes:l5,sizeMatches:u1.tyreSizes.length>0?Y0.length:null,noun:V3,priceBounds:d9,inStockCount:m?Y7:null,onToggle:e0,onPickType:a0,onPickSize:X7,onPriceMax:M1,onInStockOnly:z2,onClearAll:f0}),W2("div",{className:"min-w-0 flex-1",children:[W2("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:[W2("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-2",children:[v2("p",{className:"font-mono text-[12px] tabular-nums tracking-[0.08em]",children:e2.total===0?W2("span",{className:"text-fg-dim",children:["No ",V3.many]}):W2(hV,{children:[W2("span",{children:[e2.from,"\u2013",e2.to]}),W2("span",{className:"text-fg-dim",children:[" of ",e2.total," ",V3.many]})]})}),v2(eg,{filters:u1,onToggle:e0,onPriceMax:M1,onInStockOnly:z2,onPickType:a0})]}),W2("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",v2("select",{value:u1.sort,onChange:N1=>p2(fe(N1.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:em(D).map(N1=>v2("option",{value:N1,children:ua[N1]},N1))})]})]}),$1?v2("div",{className:"border border-dashed border-line p-10",children:v2("p",{className:"font-mono text-[12px] uppercase tracking-[0.16em] text-fg-dim",children:d?`No ${V3.many} in this website's catalog yet \u2014 curate products to see them here.`:"Our catalog is being updated. Please check back shortly."})}):k3?W2("div",{className:"border border-line p-10",children:[W2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",X.appliedName]}),v2("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:r5.nothingFits}),W2("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 ",V3.many]})]}):e2.total===0?W2("div",{className:"border border-line p-10",children:[W2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",V3.many," match those filters"]}),v2("p",{className:"mt-2 max-w-[46ch] text-[14px] text-fg-dim",children:"Try widening the price range or clearing a filter."}),vl(u1)&&v2("button",{type:"button",onClick:f0,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"})]}):W2(hV,{children:[Y&&v2("style",{children:Y}),v2("div",{className:Y?`${U} plp-card-grid`:"plp-card-grid",style:B,children:e2.items.map(N1=>W0(N1)==="tyre"?v2(Vs,{item:N1,currency:I,fitSize:Y3.length>0?mS(N1.sizes,Y3):null,kindLabel:U5?b5(["tyre"]).one:null,showBrand:K5,editing:d,fieldUsage:N6},`tyre:${Q6(N1)}`):v2(mg,{wheel:N1,colours:u1.finishes,fit:X.fit,editing:d,kindLabel:U5?b5(["alloy-wheel"]).one:null,showBrand:K5,coverIndex:f,fieldUsage:o5,showProcess:d4,spinOnHover:z,imageBackgroundFill:P,showBadge:w,outline:F,indexBadge:T,showCardSizes:C??!0,showCardBuy:A??!0,showCardPage:E??!0,showCardPrice:V??!0,showCardFinishes:q??!0},`wheel:${Q6(N1)}`))})]}),v2(pg,{page:e2.page,pageCount:e2.pageCount,onPage:V2}),v2(Cs,{editing:d})]})]})]})]})}import{SortIcon as w11,CarIcon as k11,HashIcon as C11}from"efficient-easel/icons";import{useEasel as M11}from"efficient-easel/easel";import{jsx as y11}from"react/jsx-runtime";var qs={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},mV={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...ml],perPage:24,columns:Dd,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>y11(Sg,{titleLevel:e.titleLevel,heading:y(e.heading,qs.heading,e.puck),intro:y(e.intro,qs.intro,e.puck),askForCar:e.askForCar!==!1,gateHeading:e1(e.gateHeading),gateIntro:e1(e.gateIntro),perPage:e.perPage,columns:e.columns,defaultSort:fe(e.defaultSort),coverIndex:ut(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:a8(e.outline),indexBadge:X5(e.indexBadge),hiddenFacets:sm(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 $8}from"react/jsx-runtime";var Ei=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],S11="Brand, Color, Size and PCD follow the product type. Set them in Product types.",pV="root:default-zone";function L11(){let{appState:e,dispatch:t}=M11(i=>i),a=e.ui.itemSelector,s=e.data.content??[],c=a&&(a.zone===void 0||a.zone===pV)?a.index:-1,o=c>=0?s[c]:void 0,l=o?.props??{},r=Ei.filter(i=>l[i.value]!==!1).map(i=>i.value);return $8(bo,{label:"Filters",options:Ei,value:r,onChange:i=>{if(!o||o.type!=="AlloyWheelsListing")return;let n={};for(let h of Ei){let m=i.includes(h.value);l[h.value]!==!1!==m&&(n[h.value]=m)}Object.keys(n).length&&t({type:"replace",destinationZone:pV,destinationIndex:c,data:{...o,props:{...o.props,...n}}})}})}var uV=()=>ay({type:"custom",render:()=>$8(ey,{})},"always"),dV={fields:{_gHeader:b("Header"),heading:H("Heading",qs.heading),intro:R("Intro",qs.intro),_gResults:b("Products"),kinds:D9("Product types",me,"None \u2014 this section will be empty"),defaultSort:g1("Opening sort",$8(w11,{}),Object.entries(ua).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:b("Filters"),showInStock:{type:"custom",label:"Filters",options:Ei,render:()=>$8(L11,{})},showCollection:uV(),showPrice:uV(),_nFieldFilters:d5(S11),_gVehicle:b("Car prompt"),askForCar:s1("Ask for the car first",!0,$8(k11,{})),gateHeading:Z("Welcome heading",Mg.heading),gateIntro:P1("Welcome intro",Mg.intro),...Eo({bottomDefault:!0}),...O9({coverHint:"A card's opening picture \u2014 picking another color opens that color's first picture.",spinDefault:!1}),...G9(),_gGrid:b("Grid"),columns:{type:"custom",render:({value:e,onChange:t})=>$8(qd,{value:e,onChange:t})},perPage:t1("Products per page",$8(C11,{}),8,60,4,24)},resolveFields:(e,{fields:t})=>{let a=Ms(c6(e.props.kinds));return{...t,gateHeading:Z("Welcome heading",a.gateHeading),gateIntro:P1("Welcome intro",a.gateIntro)}}};import{useEffect as F11,useState as T11}from"react";function A11(e){return{name:e.name,logo:e.logo,count:e.count}}var Ws=null,Lg=null;function Vi(e=!1){let t=l2();return!e&&Ws&&Lg===t||(Lg=t,Ws=H11(t).catch(()=>(Lg===t&&(Ws=null),null))),Ws}async function H11(e){return e?(await m0.listBrandsForSite(e)).map(A11):null}import{Fragment as P11,jsx as Ni,jsxs as E11}from"react/jsx-runtime";function Ag({value:e,onChange:t}){let[a,s]=T11(void 0);F11(()=>{let r=!1;return Vi().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 E11(P11,{children:[Ni(bo,{label:"Brands",options:l,value:c,onChange:t,emptyLabel:"None"}),a===void 0?Ni("p",{className:"sf-field-hint",children:"Reading this website\u2019s brands\u2026"}):a===null?Ni("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?Ni("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 Us="picks",gV="available",vV=()=>[];function fV(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 V11,HashIcon as N11}from"efficient-easel/icons";import{jsx as bV}from"react/jsx-runtime";var zV={fields:{_gContent:b("Content"),heading:H("Heading","Shop by brand"),button:H("Button","All brands"),link:L1("Link"),[Us]:t2(Ag),_gStyle:b("Style"),face:f1("Tile",bV(V11,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:s1("Count",!0,bV(N11,{})),_gLayout:b("Layout")}};import{ColumnsIcon as _11}from"efficient-easel/icons";var O0={num:L.sectionNumber,link:L.viewAll};import{jsx as B11}from"react/jsx-runtime";var xV={fields:{_gHeader:b("Header"),num:H("Number",O0.num),title:R("Heading",L.sectionHeading),description:R("Body",L.body),_gLayout:b("Layout"),columns:t1("Columns",B11(_11,{}),2,3,1,3),cardImage:q6()},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.BundleOffer.headRows)};import{StylesIcon as R11}from"efficient-easel/icons";var _i=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as I11}from"react/jsx-runtime";var yV={fields:{_gStyle:b("Style"),style:f1("Show as",I11(R11,{}),_i,"icon")}};import{HashIcon as X11,SortIcon as J11,LayoutIcon as Q11}from"efficient-easel/icons";import{createContext as D11,useContext as O11,useMemo as G11}from"react";var Z11=["vehicle","process","size","lugs","finish","price"],Bi={vehicle:"My Car",process:"Process",size:"Size",lugs:"Lugs",finish:"Finish",price:"Price"};function wV(e){if(!e)return Bi;let t={...Bi};for(let a of Z11){let s=e[a];if(typeof s!="string")continue;let c=s.trim();c&&(t[a]=c)}return t}import{jsx as q11}from"react/jsx-runtime";var kV=D11(Bi);function $_1({labels:e,children:t}){let a=G11(()=>wV(e),[e]);return q11(kV.Provider,{value:a,children:t})}function Ks(){return O11(kV)}import{SettingsField as W11,SettingsSwitch as U11}from"efficient-easel/panel";import{jsx as $s}from"react/jsx-runtime";function K11({facet:e,fallback:t,value:a,onChange:s,fieldId:c}){let l=Ks()[e],r=typeof a=="boolean"?a:t,i=`${c}-label`;return $s(W11,{label:l,labelId:i,action:$s(U11,{checked:r,onChange:s,ariaLabelledBy:i})})}function js(e,t){return{type:"custom",render:({value:a,onChange:s,id:c,name:o})=>$s(K11,{facet:e,fallback:t,value:a,onChange:s,fieldId:String(c??o??e)})}}function CV(e,t){return{type:"custom",render:()=>$s($11,{facets:e,rest:t})}}function $11({facets:e,rest:t}){let a=Ks(),s=e.map(o=>a[o]),c=s.length>1?`${s.slice(0,-1).join(", ")} and ${s[s.length-1]}`:s.join("");return $s(yy,{text:`${c} ${t}`})}var MV="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 SV(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function j11(e){return e==="default"?"recommended":e}function Y11(e){return{...o6,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:j11(e.sort)}}function LV(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 u8(Y11(t)))i.set(h,m);T5(i,a);let n=i.toString();return`${r}${n?`?${n}`:""}${c}`}var j8="pills",Hg=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function AV(e){return _2(Hg,j8,e)}import{jsx as Fg}from"react/jsx-runtime";var e01="follow the product type. Set them in Product types.",HV={fields:{_gPills:b("Filters shown"),showProcess:js("process",!0),showLugs:js("lugs",!0),showPrice:js("price",!0),showVehicle:js("vehicle",!0),_nFieldFilters:CV(["size","finish"],e01),_gBar:b("Bar"),showCount:s1("Result count",!0,Fg(X11,{})),showSort:s1("Sort + Clear all",!0,Fg(J11,{})),resultsLabel:Z("Results button","See all results"),resultsHref:L1("Results link"),resultsBlocked:d5(MV),layout:g1("Layout",Fg(Q11,{}),Hg,j8)},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 zt,jsxs as FV}from"react/jsx-runtime";function Tg({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,secondaryText:o,secondaryHref:l,contained:r}){return zt(K0,{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&&zt(A1,{text:e,scaled:!1}),t&&zt("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&&u0(a).map((i,n)=>zt("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:k(i)},n)),(s||o)&&FV("div",{className:"mt-2 flex items-center gap-6",children:[s&&zt(D2,{href:c||"/checkout",variant:"primary",children:k(s)}),o&&zt("a",{href:l||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:k(o)})]})]})})}import{jsx as t01}from"react/jsx-runtime";var Ys={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},TV={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=G3(s,c,i);return t01(Tg,{eyebrow:y(e,L.eyebrow,i),title:y(t,Ys.title,i),body:y(a,L.body,i),ctaText:n.text,ctaHref:n.href||"/checkout",secondaryText:y(o,Ys.secondary,i),secondaryHref:e1(l)||"#",contained:r})}};var PV={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),title:R("Heading",Ys.title),body:R("Body",L.body),_gButton:b("Button"),...k4,secondaryText:H("Secondary button",Ys.secondary),secondaryHref:L1("Secondary link"),_gLayout:b("Layout")}};import{SettingsField as a01}from"efficient-easel/panel";import{FieldSelect as s01}from"efficient-easel/fields";import{CategoryIcon as c01}from"efficient-easel/icons";import{useEffect as EV,useRef as Pg,useState as o01}from"react";var m4=qe({fetch:(e,t)=>X1.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:l2});import{jsx as p4,jsxs as xt}from"react/jsx-runtime";function VV(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function Eg({value:e,onChange:t}){let a=b4(),[s,c]=o01(null),o=Pg(!0),l=Pg(e);l.current=e;let r=Pg(t);r.current=t;let i=(d=!1)=>m4(d).then(f=>(o.current&&c(f),f)),n=d=>{let f=l.current;if(!f?.id)return;let v=d.find(x=>x.id===f.id);if(!v)return;let z=VV(v);n6(z,f)&&r.current(z)};EV(()=>(o.current=!0,i().then(n),()=>{o.current=!1}),[]),EV(()=>qx(()=>{i(!0).then(n)}),[]);let h=d=>{if(!d){t(null);return}let f=(s??[]).find(v=>v.id===d);f&&t(VV(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=cp(e?.image);return xt("div",{children:[p4(a01,{label:"Collection",icon:p4(c01,{}),children:p4(s01,{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?xt("div",{className:"sf-blogsource",style:{marginTop:9},children:[xt("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[xt("div",{children:[p4("div",{className:"sf-field-label",style:{opacity:.6},children:"Name"}),p4("div",{style:{fontWeight:600},children:e.name})]}),xt("div",{children:[p4("div",{className:"sf-field-label",style:{opacity:.6},children:"Description"}),p4("div",{style:{fontSize:13,opacity:e.description?.85:.5},children:e.description||"No description yet"})]}),xt("div",{children:[p4("div",{className:"sf-field-label",style:{opacity:.6},children:"Image"}),g?p4("img",{src:g,alt:"",style:{width:"100%",height:96,objectFit:"cover",borderRadius:8}}):p4("div",{style:{fontSize:13,opacity:.5},children:"No image yet"})]})]}),p4("button",{type:"button",className:"sf-blogsource-btn",style:{marginTop:10},onClick:m,children:"Edit category \u270E"}),p4("p",{className:"sf-blogsource-hint",children:"Name, description and image come from Storefront \u2192 Categories. Edit them there \u2014 this card updates to match."})]}):p4("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 l01}from"react/jsx-runtime";var NV={fields:{_gContent:b("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>l01(Eg,{value:e,onChange:t})},altName:R9(d1("Alt name")),tag:H("Tag",L.eyebrow),_gLink:b("Link"),href:L1("Link")}};import{ColumnsIcon as u01,HashIcon as d01}from"efficient-easel/icons";import{useId as r01}from"react";import{Fragment as _V,jsx as Y8,jsxs as Vg}from"react/jsx-runtime";function i01({editing:e,nodeId:t,children:a}){return!e||!t?Y8(_V,{children:a}):Y8(C8,{nodeId:t,sectionType:"Collections",children:a})}var n01="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",h01="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]",m01={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function Ng({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-${r01().replace(/:/g,"")}`,u=typeof l=="number"&&l>0,g=o==="list"?"grid-cols-1":a===void 0?"grid-cols-3":m01[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return Vg("section",{className:i?h01:n01,children:[i?null:Y8(J1,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?j(t,!1):Vg(_V,{children:["Three ranges,",Y8("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),r&&Y8(i01,{editing:m,nodeId:n,children:Vg(op.Provider,{value:{showPrice:s,cardStyle:c,partStyles:h,editing:m},children:[u&&Y8("style",{children:`.${p} > *:nth-child(n+${l+1}){display:none}`}),Y8(r,{className:`${p} grid ${g} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,minEmptyHeight:260})]})})]})}import{jsx as p01}from"react/jsx-runtime";var _g={cards:{type:"slot"}},BV={label:"Collections",fields:_g,defaultProps:{columns:3,limit:6},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return p01(Ng,{eyebrow:a(J0(e.eyebrow,L.sectionNumber,e.puck)),heading:a(J0(e.heading,L.sectionHeading,e.puck)),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:k9(e),editing:e.puck?.isEditing,columns:e.columns,limit:e.limit,cards:e.cards})}};import{jsx as RV}from"react/jsx-runtime";var IV={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.sectionNumber),heading:R("Heading",L.sectionHeading),cardList:s2("Collections","Cards"),cards:_g.cards,_gLayout:b("Layout"),columns:t1("Columns",RV(u01,{}),2,5,1,3),limit:t1("Collections to display",RV(d01,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Collections.headRows)};import{useEffect as e21,useId as t21,useState as a21}from"react";import{useId as y01}from"react";import{Fragment as b01,jsx as P5,jsxs as yt}from"react/jsx-runtime";var g01=[],v01="View tyre",f01="flex flex-col bg-[var(--card-bg)] p-5";function ZV(e,t){let a=e?fo(e):"";return[f01,t?"relative":"",a].filter(Boolean).join(" ")}function Xs({outline:e,showIndex:t=!1,size:a,specs:s,prices:c,image:o,inStock:l,href:r,linkLabel:i=v01,imageSizes:n="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=g01,currency:m,formatPrice:p}){let u=ae(c,m),g=u===null?Y6:p(u),d=Xh(h),f=[["load_index","Load index",s.loadIndex],["speed_rating","Speed",s.speedRating],["construction","Construction",s.construction],["tire_type","Type",s.tireType]].filter(([,,x])=>!!x).filter(([x])=>d(x)),v=yt(b01,{children:[P5(l6,{image:o,size:a,type:s.tireType,sizes:n}),P5("h3",{className:"mt-4 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:a}),s.treadPattern?P5("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&&P5("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:f.map(([x,w,C])=>yt("div",{className:"flex items-baseline justify-between gap-3",children:[P5("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:w}),P5("dd",{className:"text-right text-fg",children:C})]},x))}),yt("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:[P5("span",{className:"text-fg",children:g}),P5("span",{style:l?{color:"var(--green)"}:void 0,className:l?void 0:"text-fg-dim",children:l?"In stock":"Out of stock"})]})]}),z=t?P5("span",{"aria-hidden":!0,className:`${P9} ${E9}`}):null;return r?yt(C1,{href:r,"aria-label":a?`View ${a} tyre`:"View this tyre",className:`group ${ZV(e,t)}`,children:[z,v,yt("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,P5("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]}):yt("div",{className:ZV(e,t),children:[z,v]})}import{jsx as z01,jsxs as x01}from"react/jsx-runtime";function Js({href:e,label:t}){return x01(C1,{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,z01("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as C01,jsx as E5,jsxs as Bg}from"react/jsx-runtime";var w01="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",DV={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 Rg({num:e,title:t,description:a,tyres:s,footnote:c,footnoteLinkText:o,footnoteLinkHref:l,viewMore:r,editing:i=!1,frameClassName:n=w01,omitHead:h=!1,columns:m=3,capWidth:p,cardImage:u,outline:g,indexBadge:d}){let{currency:f,formatPrice:v}=n0(),z=s??[],x=`ct-${y01().replace(/:/g,"")}`,w=d??Q3,C=I6(x,w),A=z.some(q=>!q.image),E=[c,A?$l:null].filter(Boolean).join(" "),V=h?null:E5(J1,{num:e!=null?k(e):void 0,title:t!=null?j(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0});return z.length===0?i?Bg("section",{className:n,children:[V,E5("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:Bg("section",{className:n,style:j2(u),children:[C&&E5("style",{children:C}),Bg(k01,{px:p,children:[V,E5("div",{className:`${C?`${x} `:""}${DV[m]??DV[3]}`,children:z.map(q=>E5(Xs,{outline:g,showIndex:w!=="off",size:q.size,specs:q.specs,prices:q.prices,image:q.image,inStock:q.inStock,href:Ae(q.slug),currency:f,formatPrice:v},q.sku))}),r&&E5("div",{className:"mt-10 flex",children:E5(Js,{href:r.href,label:r.label})}),E5(j4,{text:E,linkText:o,linkHref:l})]})]})}function k01({px:e,children:t}){return typeof e!="number"?E5(C01,{children:t}):E5("div",{style:R6(e),children:t})}import{useMemo as F01,useState as T01}from"react";import{createContext as M01,useContext as S01,useMemo as L01}from"react";import{jsx as H01}from"react/jsx-runtime";var OV=[],A01={imageBackgroundFill:N9,spinOnHover:!0,coverIndex:1,indexBadge:Q3,outline:e4,showBadge:!0,fieldUsage:OV,reserveEyebrow:!1,showCardPrice:!0,showCardFinishes:!0,showCardSizes:!1,showCardBuy:!1,showCardPage:!1},GV=M01(A01);function Ri({imageBackgroundFill:e,spinOnHover:t,coverIndex:a=1,indexBadge:s=Q3,outline:c=e4,showBadge:o=!0,fieldUsage:l=OV,reserveEyebrow:r=!1,showCardPrice:i=!0,showCardFinishes:n=!0,showCardSizes:h=!1,showCardBuy:m=!1,showCardPage:p=!1,children:u}){let g=L01(()=>({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 H01(GV.Provider,{value:g,children:u})}function qV(){return S01(GV)}import{Fragment as WV,jsx as V7,jsxs as UV}from"react/jsx-runtime";function X8({wheel:e,variant:t="compact",defaultFinish:a}){let s=t==="catalog",c=F01(()=>e.finishes.filter(K6),[e.finishes]),o=e.coverImage??null,{currency:l}=n0(),{imageBackgroundFill:r,spinOnHover:i,coverIndex:n,indexBadge:h,outline:m,showBadge:p,fieldUsage:u,reserveEyebrow:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:z,showCardPage:x}=qV(),w=s&&(v||z||x),C=X6(e.prices[l],e.msrpPrices?.[l]),A=sl(C,l,"from "),E=ek(C,l),V=hE(e),q=pE(V),F=mE(V),T=pl([...El(e).map(f0=>({fieldKey:f0.fieldKey,field:f0.text})),...F?[{field:{text:F,accent:!0}}]:[]],u).map(f0=>f0.field),{selectedIdx:N,setSelectedIdx:I,hoverIdx:P,setHoverIdx:D,availability:a1,finish:B,shownSrc:U,showSwatches:Y,probes:W}=wi(c,o,a??e.defaultFinish??void 0),Q=bi(e,n,B?.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]=T01(()=>new Set),G=f0=>G1(m1=>m1.has(f0)?m1:new Set(m1).add(f0)),o1=fi({overrideSrc:Q,hookSrc:U,failed:v1}),u1=o1?V7(N3,{src:o1,alt:B?`${e.name} \u2014 ${B.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:()=>G(o1)},o1):V7(_s,{imageLabel:e.name}),A0=s&&p&&e.badge?V7(it,{className:Hs,tone:e.badge==="new"?"solid":"outline",children:e.badge==="new"?"New":"Bestseller"}):null,w0=F&&s?V7(it,{className:Hs,tone:"outline",children:F}):A0,p1=li({kindLabel:null,brand:null,process:e.process?Y1(e.process):null},u),e0=q?UV(WV,{children:[p1,V7("span",{className:`${p1?"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"})]}):p1,M1=h!=="off"?V7("span",{"aria-hidden":!0,className:`${P9} ${E9}`}):null,z2=Ci(e),a0=ce(e,z2.selectedVariant,l,1),p2=yi({wheel:e,sel:z2,price:a0,href:`/wheels/${e.slug}`,show:{sizes:w&&v,buy:w&&z,page:w&&x}}),V2=f&&Y?V7(Ns,{finishes:c,availability:a1,selectedIdx:N,hoverIdx:P,activeFinish:B,onSelect:I,onHover:D,showLabel:!1}):null;return UV(WV,{children:[V7(W8,{variant:t,wide:q&&s,href:`/wheels/${e.slug}`,outline:m,imageBackgroundFill:r,probes:W,reserveEyebrow:g,indexBadge:M1,badges:w0,image:u1,imageSecond:void 0,eyebrow:e0,name:Y1(e.name),spec:mi(T),was:q?void 0:E,price:q?C.priced?A:tl:w?oe(a0,l):A,metaLine:q?"the set":void 0,swatches:V2,reserveSwatches:f,showPrice:d,identityLink:w,extras:p2.extras}),p2.dialog]})}import{createContext as P01,useContext as E01,useMemo as V01}from"react";function KV(e,t=[]){let a=yS(bS(),e),s=t.find(c=>{let o=(c?.url??"").trim();return!o||o==="#"||xS(o)!==e?!1:fh(o).startsWith("/")});return s?s.url:a}function $V(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 N01}from"react/jsx-runtime";var jV=P01([]);function xI1({items:e,children:t}){let a=V01(()=>$V(e),[e]);return N01(jV.Provider,{value:a,children:t})}function YV(){return E01(jV)}import{createContext as O01,useContext as G01,useMemo as ZI1}from"react";import{jsx as Ig,jsxs as _01}from"react/jsx-runtime";function wt({item:e,onClose:t}){return e?_01("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:[Ig("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),Ig("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"}),Ig("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 B01,useState as R01}from"react";function Qs(){let[e,t]=R01(null);return B01(()=>{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 D01,useState as kt}from"react";function I01(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 XV(e,t,a){return a.every(s=>t[s]===void 0||e.options[s]===t[s])}function Zg(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 Ii(e,t){return QV(e,t).rows}function JV(e,t){return QV(e,t).facts}function QV(e,t){let a=Zg(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=>XV(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:I01(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 Z01(e,t){return Ii(e,t).map(a=>a.key)}function eN(e,t){let a=Z01(e,t);if(a.length===0||a.some(c=>t[c]===void 0))return null;let s=e.parts.filter(c=>XV(c,t,a));return s.length===1?s[0]:null}function tN(e,t){let a=Ii(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 Zi(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function aN({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function ec(e,{editing:t=!1}={}){let[a,s]=kt({}),[c,o]=kt(pt.qty),[l,r]=kt(pt.choice),[i,n]=kt(0),[h,m]=kt(!1),[p,u]=kt(!1),g=H4({editing:t,autoApply:!0}),d=wE(e,p?null:g.fit),f=Ii(d,a),v=JV(d,a),z=Zg(d,a),x=eN(d,a),w=x!=null&&!x.inStock,C=tN(d,a).join("|");D01(()=>{if(!C)return;let Y=new Set(C.split("|"));s(W=>{let Q={...W};for(let b1 of Y)delete Q[b1];return Q})},[C]);let{currency:A}=n0(),V=Jd(d,x,{choice:l,qty:c}),q=ce({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},x?{components:V.components}:null,A,c),F=q.unit??0,T=q.setTotal??0,N=cl(q,A),I=p||g.appliedName!=="",P=SE(e)==="required"?I:!0,a1=f.every(Y=>Y.chosen!==null)&&P&&x!=null&&x.inStock&&q.priced,B=aN({variants:e.parts,inStock:e.inStock,priced:q.priced});function U(Y,W){s(Q=>({...Q,[Y]:W}))}return{picked:a,shown:z,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:I,rows:f,facts:v,part:x,outOfStock:w,offer:V,preOrder:B,canAddToCart:a1,currency:A,price:q,unit:F,set:T,msrpLabel:N}}import{jsx as UI1,jsxs as KI1}from"react/jsx-runtime";var q01=O01(null);function $0(){return G01(q01)}import{Fragment as W01,jsx as sN,jsxs as U01}from"react/jsx-runtime";function f2({kinds:e,type:t,editing:a=!1,children:s}){let c=$0();return!c||e.includes(c.product.kind)?sN(W01,{children:s}):a?sN("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:U01("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[ta[t]??t," does not apply to ",x4[c.product.kind],". It is hidden on the live page."]})}):null}var Dg=2,tc=6,ac=12;function Di(e){return typeof e!="number"||!Number.isFinite(e)?tc:Math.min(ac,Math.max(Dg,Math.round(e)))}function cN(e,t=[]){return{href:KV(e.to,t),label:`View more ${b5([e.to]).many}`}}var K01={kind:"tyre",tyres:[]},$01={kind:"alloy-wheel",wheels:[]},oN=[{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??[]}:K01},{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}:$01},{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})}],V5="more-like-this",lN=oN.map(e=>({value:e.key,label:e.label}));function Og(e){return oN.find(t=>t.key===e)}function rN(e,t){return e.from.includes(t)}var iN=["coverIndex","imageBackground","spinOnHover","showBadge"];function nN(e){return Og(e)?.to==="tyre"}var Gg={GBP:0,USD:0,AUD:0},j01=[{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}],mN=[{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:""}],Y01=[{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}],X01=mN.flatMap(e=>j01.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:{...Gg},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),hN=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>`)}`,Ct=e=>({url:hN(e),thumbnailUrl:hN(e),kind:"image"}),J01={photos:[{name:"Studio set",finish:"Finish 1",items:[Ct("Sample photo 1"),Ct("Sample photo 2"),Ct("Sample photo 3")]}],lifestyle:[{name:"On location",finish:"",items:[Ct("Lifestyle 1"),Ct("Lifestyle 2")]},{name:"In the city",finish:"",items:[Ct("Lifestyle 3")]}],videos:[],accessories:[],others:[]},Q01=[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:{...Gg},image:null,inStock:!0,slug:null})),qg={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...Gg},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:mN,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:Y01,photoSets:[],carPhotos:[],details:[],videos:[],mediaGroups:J01,relatedProducts:[],variants:X01,pdpTemplateSlug:null,compatibleTyres:Q01},Wg=Array.from({length:ac},(e,t)=>t+1).map(e=>({...qg,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as l21,jsx as v3,jsxs as Oi}from"react/jsx-runtime";var s21=c4,pN={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 J8(e){return v3(f2,{kinds:s21,type:"RelatedProducts",editing:e.editing,children:v3(c21,{...e})})}function c21({num:e,title:t,description:a,columns:s=3,cardCount:c,relationship:o=V5,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:z,showCardPage:x,coverIndex:w,imageBackground:C,spinOnHover:A,capWidth:E}){let V=$0(),q=YV(),F=Di(c),[T,N]=a21([]);e21(()=>{if(V||!n)return;let B=!1;return r3().then(U=>{let Y=U.length>0?U:Wg;B||N(Y)}).catch(()=>{B||N(Wg)}),()=>{B=!0}},[V,n]);let I=Og(o);if(!I)return null;let P=cN(I,q),D=h?null:v3(J1,{num:e?k(e):void 0,title:j(t||I.heading,!1),description:a?k(a):void 0,accent:!0});if(!V)return n?v3(uN,{header:D,wheels:T.slice(0,F),columns:s,viewMore:P,cardImage:m,outline:p,indexBadge:u,showBadge:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:z,showCardPage:x,coverIndex:w,imageBackground:C,spinOnHover:A,capWidth:E}):null;if(!rN(I,V.product.kind))return n?v3("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:Oi("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:["\u201C",I.label,"\u201D does not apply to this product. It is hidden on the live page."]})}):null;let a1=I.resolve(V.product,V.relatedWheels);return a1.kind==="tyre"?v3(Rg,{omitHead:h,columns:s,capWidth:E,cardImage:m,outline:p,indexBadge:u,num:e,title:t||I.heading,description:a,tyres:[...a1.tyres].slice(0,F),footnote:l,footnoteLinkText:r,footnoteLinkHref:i,viewMore:P,editing:n}):a1.wheels.length===0?n?Oi("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:[D,v3("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:v3(uN,{header:D,wheels:[...a1.wheels].slice(0,F),columns:s,viewMore:P,cardImage:m,outline:p,indexBadge:u,showBadge:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:z,showCardPage:x,coverIndex:w,imageBackground:C,spinOnHover:A,capWidth:E})}function uN({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-${t21().replace(/:/g,"")}`;if(t.length===0)return null;let z=pN[Math.min(4,Math.max(2,a))]??pN[3],x=l??Q3,w=I6(v,x);return Oi("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:[w&&v3("style",{children:w}),Oi(o21,{px:f,children:[e,v3(Ri,{imageBackgroundFill:_9(g,N9),spinOnHover:d??!0,coverIndex:u??1,outline:o??e4,indexBadge:x,showBadge:r??!0,showCardPrice:i??!0,showCardFinishes:n??!0,showCardSizes:h??!1,showCardBuy:m??!1,showCardPage:p??!1,children:v3("div",{className:`${v} grid gap-[2px] bg-[var(--catalog-grid-bg)] ${z}`,children:t.map((C,A)=>v3(X8,{wheel:C,variant:"catalog"},`${C.slug}-${A}`))})}),v3("div",{className:"mt-10 flex",children:v3(Js,{href:s.href,label:s.label})})]})]})}function o21({px:e,children:t}){return typeof e!="number"?v3(l21,{children:t}):v3("div",{style:R6(e),children:t})}import{jsx as r21}from"react/jsx-runtime";var J4={num:L.sectionNumber,title:"Compatible *tyres.*",description:L.body,footnote:"Tyres shown are fitment-matched companions.",footnoteLinkText:"Enquire about tyres"},dN={label:"Compatible Tyres",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return r21(J8,{num:a(y(e.num,J4.num,e.puck)),title:a(y(e.title,J4.title,e.puck)),description:a(y(e.description,J4.description,e.puck)),omitHead:t,footnote:y(e.footnote,J4.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,J4.footnoteLinkText,e.puck),footnoteLinkHref:e1(e.footnoteLinkHref),relationship:"tyres-that-fit",cardImage:e.cardImage,editing:e.puck?.isEditing})}};var gN={fields:{_gContent:b("Header"),num:H("Number",J4.num),title:H("Heading",J4.title),description:R("Body",J4.description),_gFootnote:b("Footnote"),footnote:R("Footnote",J4.footnote),footnoteLinkText:H("Footnote button",J4.footnoteLinkText),footnoteLinkHref:L1("Footnote link"),_gCards:b("Cards"),cardImage:q6()},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.CompatibleTyres.headRows)};var vN={fields:{}};import{SettingsIcon as d21,AccentIcon as g21}from"efficient-easel/icons";import{jsx as N5,jsxs as Ug}from"react/jsx-runtime";var i21="py-6",n21="pt-0 pb-6";function sc({eyebrow:e,title:t,body:a,options:s=[],highlightBadge:c,contained:o,omitHead:l=!1}){return N5(K0,{contained:o,className:l?n21:i21,children:Ug("div",{className:"flex flex-col gap-6",children:[l?null:e||t||a?Ug("div",{className:"flex max-w-[680px] flex-col gap-3",children:[e&&N5(A1,{text:e,scaled:!1}),t&&N5("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&&u0(a).map((r,i)=>N5("p",{className:"text-[15px] leading-[1.6] opacity-85",children:k(r)},i))]}):null,s.length>0&&N5("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:s.map((r,i)=>Ug("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&&N5("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:k(c)}),r.name&&N5("span",{className:"text-[17px] font-medium",children:k(r.name)}),r.eta&&N5("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:k(r.eta)}),r.blurb&&N5("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:k(r.blurb)}),r.price&&N5("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:k(r.price)})]},i))})]})})}import{useEffect as h21,useState as m21}from"react";import{jsx as p21}from"react/jsx-runtime";function Kg({eyebrow:e,title:t,body:a,highlightBadge:s,contained:c,omitHead:o=!1}){let{currency:l,formatMoney:r}=n0(),[i,n]=m21(null);h21(()=>{let m=!1;return m0.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 p21(sc,{eyebrow:e,title:t,body:a,options:h,highlightBadge:s,contained:c,omitHead:o})}import{jsx as fN}from"react/jsx-runtime";var Q8={title:"Delivery, your way",badge:"Recommended"},u21=[{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."}],bN={label:"Delivery Options",defaultProps:{eyebrow:"",title:"",body:"",options:[],live:!0,highlightBadge:"",contained:!0},render:e=>{let t=I1(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?fN(Kg,{eyebrow:a(y(s,L.eyebrow,h)),title:a(y(c,Q8.title,h)),body:a(y(o,L.body,h)),omitHead:t,highlightBadge:y(i,Q8.badge,h),contained:n}):fN(sc,{eyebrow:a(y(s,L.eyebrow,h)),title:a(y(c,Q8.title,h)),body:a(y(o,L.body,h)),omitHead:t,options:x1(l,u21,h),highlightBadge:y(i,Q8.badge,h),contained:n})}};import{jsx as zN}from"react/jsx-runtime";var xN={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),title:R("Heading",Q8.title),body:R("Body",L.body),_gOptions:b("Options"),live:s1("Use my real delivery options",!0,zN(d21,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:d1("Name"),eta:d1("Window"),price:d1("Price"),blurb:P1("Body"),highlighted:s1("Highlight",!1,zN(g21,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:H("Highlight badge",Q8.badge),_gLayout:b("Layout")},resolveFields:(e,{fields:t})=>Z1(t,e.props.headPlacement,B1.DeliveryOptions.headRows)};import{ProductFieldIcon as E21,WordsFromIcon as V21,SquareIcon as EN,ImageIcon as N21}from"efficient-easel/icons";import{jsx as _5,jsxs as Gi}from"react/jsx-runtime";function cc({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:_5("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 Gi("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:[Gi("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()&&_5("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-accent",children:Y1(m.eyebrow)}),m.title?.trim()&&_5("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3vw,42px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[1.1] tracking-[-0.02em]",children:k(m.title,!0)}),m.copy?.trim()&&_5("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:k(m.copy,!1)}),(()=>{let g=(m.specs??[]).filter(d=>(d?.label??"").trim()||(d?.value??"").trim());return g.length===0?null:_5("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)=>Gi("div",{className:"flex items-baseline justify-between gap-6",children:[_5("dt",{className:"text-fg-dim",children:Y1(d.label??"")}),_5("dd",{className:"text-fg",children:Y1(d.value??"")})]},f))})})()]}),Gi("div",{className:["[direction:ltr] flex flex-col gap-3",l?u?"items-end":"items-start":"",l?"max-[1100px]:items-start":""].join(" "),children:[_5("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:_5(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()&&_5("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 yN(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 wN(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 qi(e){return e.manualMode?we(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as C21,useState as M21}from"react";var $g=[{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 Wi(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 $g){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($g.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"},...$g.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:v21(t),anchorMsrpPrices:{}}}function v21(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 f21}from"react";var kN="sf-editor-preview-pick",Mt=null,jg=new Set;function Yg(){if(Mt)return Mt;Mt={};let e=J2.getItem(kN);if(!e)return Mt;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"&&(Mt[a]=s)}catch{}return Mt}function b21(){J2.setItem(kN,JSON.stringify(Yg()))}function z21(e,t){return`${e??""}::${t??""}`}function x21(e){return Yg()[e]}function CN(e,t){let a=Yg();if(a[e]!==t){a[e]=t,b21();for(let s of jg)s()}}function y21(e){return jg.add(e),()=>jg.delete(e)}function MN(e,t){let a=e??t??"";return a.trim()?a:null}function Xg(){return z21(l2(),SS())}function Ui(){let e=Xg();return f21(y21,()=>x21(e),()=>{})}var w21={GBP:0,USD:0,AUD:0},k21={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},SN=["205/55 R16","225/45 R17","245/40 R19"],LN={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:[...SN],variants:SN.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...k21},prices:{...w21},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var AN=null,HN=null,Jg=new Map;function S21(e){let t=B3(),a=l2();(t!==AN||a!==HN)&&(AN=t,HN=a,Jg.clear());let s=Jg.get(e);return s||(s=t?X1.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),Jg.set(e,s)),s}function L21(e){return e==="tyre"?Wi(LN):Ps(qg)}var oc=["alloy-wheel"];function A21(e,t){return e?Ps(e):L21(t)}function f3(e){let t=MN(Ui(),FS()),a=ES(),[s,c]=M21(null);return C21(()=>{if(!e||!t||!oc.includes(a)){c(null);return}let o=!1;return S21(t).then(l=>{o||c(l)}),()=>{o=!0}},[e,t,a]),e?A21(s,a):null}import{jsx as lc}from"react/jsx-runtime";var H21=["alloy-wheel"];function FN(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function F21(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 T21(e,t,a){let s=yN(FN(e,t),a);return s.map(c=>({title:c.title,copy:c.line||void 0,image:c.url,tag:a!=null&&wN(c,s)?`Shown for your ${a} lug`:void 0,imageShape:"square"}))}function Qg(e){return lc(f2,{kinds:H21,type:"DetailRows",editing:e.editing,children:lc(P21,{...e})})}function P21({rowsFrom:e,startLeft:t,padTop:a,padBottom:s,editing:c=!1}){let o=$0(),l=f3(c&&!o),r=o?.product??l,i=r?.kind==="alloy-wheel"?r.source:null,n=o?o.selection.shown.finish:void 0,h=o?qi(o.selection):null,m=e==="details",p=i?m?T21(i,n,h):F21(i,n):[];return m&&p.length===0?c?lc("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:lc("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:lc(cc,{rows:p,startLeft:t,padTop:a,padBottom:s,editing:c})}import{jsx as TN}from"react/jsx-runtime";var ev=[{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"}],PN={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?TN(Qg,{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}):TN(cc,{rows:x1(e.rows,ev,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 rc}from"react/jsx-runtime";var VN={fields:{_sDynamic:t0("Product page"),dynamic:s1("Connect to product data",!1,rc(E21,{})),rowsFrom:f1("Rows from",rc(V21,{}),[{label:"Product story",value:"story"},{label:"Detail shots",value:"details"}],"story"),_sRows:t0("Rows"),rows:B9({type:"array",label:"Rows",arrayFields:{image:D1("Image","image/*"),imageShape:f1("Image shape",rc(EN,{}),[{label:"Square",value:"square"},{label:"Wide",value:"wide"}],"square"),eyebrow:Z("Eyebrow"),title:d1("Title"),copy:P1("Body"),specs:{type:"array",label:"Specs",arrayFields:{label:Z("Label","Offset"),value:Z("Value","ET -10")},defaultItemProps:{label:"",value:""},getItemSummary:(e,t)=>e?.label||`Spec ${(t??0)+1}`,max:8},tag:Z("Image tag")},defaultItemProps:{image:"",imageShape:"square",eyebrow:"",title:"",copy:"",specs:[],tag:""},getItemSummary:(e,t)=>e?.title||e?.eyebrow||`Row ${(t??0)+1}`},ev),_sStyle:t0("Style"),layout:f1("Row shape",rc(EN,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:s1("First image on the left",!1,rc(N21,{})),...m3("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(!Z2()){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 NN={fields:{_gHeader:b("Header"),num:H("Number",O0.num)}};import{SquareIcon as O21}from"efficient-easel/icons";import{useEffect as B21,useMemo as R21,useRef as I21}from"react";var tv="/shop";function _N({shopperPicked:e,fullyPicked:t,editing:a,pathname:s}){return a||!e||!t?!1:!_21(s)}function _21(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===tv}function BN(e){let a=T5(new URLSearchParams,e).toString();return a?`${tv}?${a}`:tv}import{jsx as B5,jsxs as av}from"react/jsx-runtime";function sv({loading:e,error:t,data:a}){return e?B5("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?av("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 ",B5("span",{className:"text-accent",children:t})]}):a?av("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:[B5(St,{label:"Bolt pattern",value:a.boltPattern??"\u2014"}),B5(St,{label:"PCD",value:a.pcd??"\u2014"}),B5(St,{label:"Hub bore",value:a.centreBore?`${a.centreBore} mm`:"\u2014"}),B5(St,{label:"ET range",value:a.etRange&&a.etRange.length===2?`${a.etRange[0]} \u2013 ${a.etRange[1]}`:"\u2014"}),B5(St,{label:"OEM front",value:a.frontWheels.length?a.frontWheels.join(" \xB7 "):"\u2014"}),B5(St,{label:"OEM rear",value:a.rearWheels.length?a.rearWheels.join(" \xB7 "):"\u2014"})]}):null}function St({label:e,value:t}){return av("div",{className:"flex min-h-[96px] flex-col gap-1.5 bg-bg px-[18px] py-5",children:[B5("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.26em] text-fg-dim",children:e}),B5("span",{className:"mt-auto font-display text-[length:var(--size-body,17px)] font-medium tracking-[-0.01em] text-fg",children:t})]})}import{Fragment as RN,jsx as Q4,jsxs as e9}from"react/jsx-runtime";function Z21(e,t,a){if(!a)return e;let[s,c=""]=e.split("?"),l=T5(new URLSearchParams(c),t).toString();return l?`${s}?${l}`:s}function cv({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}=H4({initialMakes:r,editing:i,autoApply:!0}),m=o==="bar",p=I21(!1),u=R21(()=>{if(!m)return h;let v=z=>(...x)=>{p.current=!0,z(...x)};return{...h,setMake:v(h.setMake),setModel:v(h.setModel),setYear:v(h.setYear),setModification:v(h.setModification)}},[m,h]);B21(()=>{m&&(typeof window>"u"||_N({shopperPicked:p.current,fullyPicked:h.fullyPicked,editing:i,pathname:window.location.pathname})&&window.location.assign(BN(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?Z21(d.href,h.vehicle,h.fullyPicked):null;return e9("section",{className:[P0(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&&Q4(J1,{num:e,title:t,description:a,accent:!0}),m?e9("div",{className:"flex flex-wrap items-center gap-[18px]",children:[!l&&t?.trim()&&Q4("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)}),Q4("div",{className:"min-w-[320px] flex-1 basis-0",children:Q4(K3,{cascade:u,compact:!0,editing:i})})]}):Q4(K3,{cascade:h,editing:i}),!m&&Q4(sv,{loading:h.loading.stock,error:h.cascadeError,data:h.fullyPicked?h.stock:null}),!m&&e9("div",{className:"mt-9 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-8",children:[Q4("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:h.fullyPicked?e9(RN,{children:["Your car \xB7"," ",e9("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&&Q4("span",{className:"ml-3 not-italic text-accent",children:"OEM fitment loaded."})]}):e9(RN,{children:["Tell us four things \u2014 ",Q4("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&&e9(C1,{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,Q4("span",{className:"transition-transform group-hover:translate-x-[4px]",children:"\u2192"})]})]}),i&&h.makeOptions.length===0&&!h.loading.models&&Q4("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 D21}from"react/jsx-runtime";var S6={num:L.sectionNumber,title:"Find your *match.*",description:"A few quick picks and we show the right option for you.",ctaText:"Browse all products"},IN={label:"Fitment Form",defaultProps:{num:"",title:"",description:"",ctaText:"",ctaHref:"",layout:"full"},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return D21(cv,{num:a(y(e.num,S6.num,e.puck)),title:a(y(e.title,S6.title,e.puck)),description:a(y(e.description,S6.description,e.puck)),omitHead:t,ctaText:y(e.ctaText,S6.ctaText,e.puck),ctaHref:e1(e.ctaHref)||"#",layout:e.layout,editing:e.puck?.isEditing})}};import{jsx as G21}from"react/jsx-runtime";var ZN={fields:{_gHeader:b("Header"),num:H("Number",S6.num),title:H("Heading",S6.title),description:R("Body",S6.description),_gCta:b("Call to action"),ctaText:H("Button",S6.ctaText),ctaHref:L1("Button link"),_gStyle:b("Style"),layout:f1("Section shape",G21(O21,{}),[{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=Z1(W1(c,a,U1),s.headPlacement,B1.FitmentFinder.headRows),c}};var S=(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}),U2="CP509PS73",K2="32x15x60\xB0",$2="880kg / 1,940 lbs",N7="CP506AL82",_7="34x16x60\xB0",B7="915kg / 2,000 lbs",J="CP506AL68",K="32x15x60\xB0",n1="690kg / 1,520 lbs",T0="880kg / 1,940 lbs",q21="34x15x60\xB0",W21="1,060kg / 2,335 lbs",R7="CP507PS68",I7="825kg / 1,820 lbs",c1="CP595AL68",l1="32x15x60\xB0",r1="690kg / 1,520 lbs",ov="34x15x60\xB0",lv="1,060kg / 2,335 lbs",R5="CP506AL82",I5="34x16x60\xB0",Z5="880kg / 1,940 lbs",U21={rotor:[S(20,8.5,5,"112",35,73.1,U2,K2,$2),S(20,8.5,5,"114.3",35,73.1,U2,K2,$2),S(20,8.5,5,"120",35,72.6,U2,K2,$2),S(20,8.5,5,"127",20,71.5,U2,K2,$2),S(20,10,5,"112",40,73.1,U2,K2,$2),S(20,10,5,"114.3",40,73.1,U2,K2,$2),S(20,10,5,"120",40,72.6,U2,K2,$2),S(20,10,5,"127",20,71.5,U2,K2,$2),S(22,9,5,"112",35,73.1,U2,K2,$2),S(22,9,5,"114.3",35,73.1,U2,K2,$2),S(22,9,5,"115",15,71.5,U2,K2,$2),S(22,9,5,"120",35,72.6,U2,K2,$2),S(22,9,5,"127",20,71.5,U2,K2,$2),S(22,10.5,5,"112",40,73.1,U2,K2,$2),S(22,10.5,5,"114.3",40,73.1,U2,K2,$2),S(22,10.5,5,"115",20,71.5,U2,K2,$2),S(22,10.5,5,"120",40,72.6,U2,K2,$2),S(22,10.5,5,"127",20,71.5,U2,K2,$2)],"frixion-6":[S(20,9,6,"135",20,87.1,N7,_7,B7),S(20,9,6,"139.7",20,87.1,N7,_7,B7),S(22,9.5,6,"135",25,87.1,N7,_7,B7),S(22,9.5,6,"139.7",25,87.1,N7,_7,B7),S(22,9.5,6,"135",20,87.1,N7,_7,B7),S(22,9.5,6,"139.7",20,87.1,N7,_7,B7),S(24,10,6,"135",25,87.1,N7,_7,B7),S(24,10,6,"139.7",25,87.1,N7,_7,B7)],"frixion-5":[S(18,8,5,"108",42,73.1,J,K,n1),S(18,8,5,"112",42,73.1,J,K,n1),S(18,8,5,"114.3",42,73.1,J,K,n1),S(18,8,5,"120",35,72.6,J,K,n1),S(19,8.5,5,"112",42,73.1,J,K,n1),S(19,8.5,5,"114.3",42,73.1,J,K,n1),S(19,8.5,5,"112",35,73.1,J,K,n1),S(19,8.5,5,"114.3",35,73.1,J,K,n1),S(19,8.5,5,"120",35,73.1,J,K,n1),S(19,8.5,5,"120",35,72.6,J,K,n1),S(19,9.5,5,"112",38,73.1,J,K,n1),S(19,9.5,5,"114.3",38,73.1,J,K,n1),S(19,9.5,5,"112",40,73.1,J,K,n1),S(19,9.5,5,"114.3",40,73.1,J,K,n1),S(19,9.5,5,"120",38,72.6,J,K,n1),S(20,8.5,5,"112",35,73.1,J,K,n1),S(20,8.5,5,"114.3",35,73.1,J,K,n1),S(20,8.5,5,"120",42,72.6,J,K,n1),S(20,8.5,5,"120",35,72.6,J,K,n1),S(20,8.5,5,"120",33,72.6,J,K,n1),S(20,10,5,"112",40,73.1,J,K,n1),S(20,10,5,"114.3",40,73.1,J,K,n1),S(20,10,5,"120",40,72.6,J,K,n1)],"vector-ii":[S(19,8.5,5,"112",38,73.1,J,K,T0),S(19,8.5,5,"114.3",38,73.1,J,K,T0),S(19,8.5,5,"112",45,73.1,J,K,T0),S(19,8.5,5,"114.3",45,73.1,J,K,T0),S(19,8.5,5,"120",38,72.6,J,K,T0),S(19,9.5,5,"112",42,73.1,J,K,T0),S(19,9.5,5,"114.3",42,73.1,J,K,T0),S(19,9.5,5,"120",42,72.6,J,K,T0),S(20,8.5,5,"112",38,73.1,J,K,T0),S(20,8.5,5,"114.3",38,73.1,J,K,T0),S(20,8.5,5,"120",38,72.6,J,K,T0),S(20,10,5,"112",40,73.1,J,K,T0),S(20,10,5,"114.3",40,73.1,J,K,T0),S(20,10,5,"120",40,72.6,J,K,T0)],"turbine-ii":[S(20,8.5,5,"112",38,73.1,J,K,T0),S(20,8.5,5,"114.3",38,73.1,J,K,T0),S(20,8.5,5,"112",35,73.1,J,K,T0),S(20,8.5,5,"114.3",35,73.1,J,K,T0),S(20,8.5,5,"112",30,73.1,J,K,T0),S(20,8.5,5,"114.3",30,73.1,J,K,T0),S(20,8.5,5,"112",25,73.1,J,K,T0),S(20,8.5,5,"114.3",25,73.1,J,K,T0),S(20,8.5,5,"120",32,72.6,J,K,T0),S(20,8.5,5,"120",35,72.6,J,K,T0),S(20,10,5,"112",40,73.1,J,K,T0),S(20,10,5,"114.3",40,73.1,J,K,T0),S(20,10,5,"112",30,73.1,J,K,T0),S(20,10,5,"114.3",30,73.1,J,K,T0),S(20,10,5,"120",38,72.6,J,K,T0),S(20,10,5,"120",37,72.6,J,K,T0),S(22,10.5,5,"127",35,71.5,J,q21,W21)],torque:[S(18,8,5,"108",42,73.1,J,K,n1),S(18,8,5,"112",42,73.1,J,K,n1),S(18,8,5,"114.3",42,73.1,J,K,n1),S(18,8,5,"120",35,72.6,J,K,n1),S(19,8.5,5,"112",42,73.1,J,K,n1),S(19,8.5,5,"114.3",42,73.1,J,K,n1),S(19,8.5,5,"120",38,72.6,J,K,n1),S(19,9.5,5,"112",35,73.1,J,K,n1),S(19,9.5,5,"114.3",35,73.1,J,K,n1),S(19,9.5,5,"112",38,73.1,J,K,n1),S(19,9.5,5,"114.3",38,73.1,J,K,n1),S(19,9.5,5,"120",40,72.6,J,K,n1),S(20,8.5,5,"112",35,73.1,J,K,n1),S(20,8.5,5,"114.3",35,73.1,J,K,n1),S(20,8.5,5,"120",32,72.6,J,K,n1),S(20,8.5,5,"120",35,72.6,J,K,n1),S(20,10,5,"112",40,73.1,J,K,n1),S(20,10,5,"114.3",40,73.1,J,K,n1),S(20,10,5,"120",40,72.6,J,K,n1)],blitz:[S(18,8,5,"108",40,73.1,J,K,n1),S(18,8,5,"112-114.3",40,73.1,J,K,n1),S(18,8,5,"120",35,72.6,J,K,n1),S(18,8,5,"120",38,72.6,J,K,n1),S(19,8.5,5,"112-114.3",32,73.1,J,K,n1),S(19,8.5,5,"112-114.3",40,73.1,J,K,n1),S(19,8.5,5,"112-114.3",38,73.1,J,K,n1),S(19,8.5,5,"114.3",35,73.1,J,K,n1),S(19,8.5,5,"120",33,72.6,J,K,n1),S(19,9.5,5,"112-114.3",38,73.1,J,K,n1),S(19,9.5,5,"114.3",40,73.1,J,K,n1),S(19,9.5,5,"120",38,72.6,J,K,n1),S(20,8.5,5,"112-114.3",32,73.1,J,K,n1),S(20,8.5,5,"112-114.3",38,73.1,J,K,n1),S(20,8.5,5,"120",32,72.6,J,K,n1),S(20,10,5,"112-114.3",40,73.1,J,K,n1),S(20,10,5,"112-114.3",38,73.1,J,K,n1),S(20,10,5,"120",40,72.6,J,K,n1),S(20,10,5,"120",38,72.6,J,K,n1)],"speed-ii":[S(18,8,5,"108",40,73.1,J,K,n1),S(18,8,5,"112",40,73.1,J,K,n1),S(18,8,5,"114.3",40,73.1,J,K,n1),S(18,8,5,"120",38,72.6,J,K,n1),S(18,8,5,"120",35,72.6,J,K,n1),S(19,8.5,5,"112",40,73.1,J,K,n1),S(19,8.5,5,"114.3",40,73.1,J,K,n1),S(19,8.5,5,"112",32,73.1,J,K,n1),S(19,8.5,5,"114.3",32,73.1,J,K,n1),S(19,8.5,5,"120",33,72.6,J,K,n1),S(19,9.5,5,"112",38,73.1,J,K,n1),S(19,9.5,5,"114.3",38,73.1,J,K,n1),S(19,9.5,5,"120",38,72.6,J,K,n1),S(20,8.5,5,"112",35,73.1,J,K,n1),S(20,8.5,5,"114.3",35,73.1,J,K,n1),S(20,8.5,5,"112",32,73.1,J,K,n1),S(20,8.5,5,"114.3",32,73.1,J,K,n1),S(20,8.5,5,"120",33,72.6,J,K,n1),S(20,10,5,"112",38,73.1,J,K,n1),S(20,10,5,"114.3",38,73.1,J,K,n1),S(20,10,5,"120",38,72.6,J,K,n1)],"force-6":[S(20,9,6,"135",20,87.1,R5,I5,Z5),S(20,9,6,"135",25,87.1,R5,I5,Z5),S(20,9,6,"135",20,87.1,R5,I5,Z5),S(20,9,6,"139.7",20,87.1,R5,I5,Z5),S(20,9,6,"139.7",20,87.1,R5,I5,Z5),S(20,9,6,"139.7",25,87.1,R5,I5,Z5),S(22,9.5,6,"135",20,87.1,R5,I5,Z5),S(22,9.5,6,"139.7",20,87.1,R5,I5,Z5),S(24,10,6,"135",25,87.1,R5,I5,Z5),S(24,10,6,"139.7",25,87.1,R5,I5,Z5)],"haste-ii":[S(20,8.5,5,"112",27,73.1,R7,K,I7),S(20,8.5,5,"114.3",27,73.1,R7,K,I7),S(20,8.5,5,"112",34,73.1,R7,K,I7),S(20,8.5,5,"114.3",34,73.1,R7,K,I7),S(20,8.5,5,"120",32,72.6,R7,K,I7),S(20,10,5,"112",38,73.1,R7,K,I7),S(20,10,5,"114.3",38,73.1,R7,K,I7),S(20,10,5,"120",37,72.6,R7,K,I7)],"thrust-ii":[S(18,8,5,"108",40,73.1,c1,l1,r1),S(18,8,5,"112",40,73.1,c1,l1,r1),S(18,8,5,"114.3",40,73.1,c1,l1,r1),S(18,8,5,"120",35,72.6,c1,l1,r1),S(18,8,5,"120",38,72.6,c1,l1,r1),S(19,8.5,5,"112",40,73.1,c1,l1,r1),S(19,8.5,5,"114.3",40,73.1,c1,l1,r1),S(19,8.5,5,"112",38,73.1,c1,l1,r1),S(19,8.5,5,"114.3",38,73.1,c1,l1,r1),S(19,8.5,5,"112",32,73.1,c1,l1,r1),S(19,8.5,5,"114.3",32,73.1,c1,l1,r1),S(19,8.5,5,"114.3",35,73.1,c1,l1,r1),S(19,8.5,5,"120",33,72.6,c1,l1,r1),S(19,9.5,5,"112",38,73.1,c1,l1,r1),S(19,9.5,5,"114.3",38,73.1,c1,l1,r1),S(19,9.5,5,"114.3",40,73.1,c1,l1,r1),S(19,9.5,5,"120",38,72.6,c1,l1,r1),S(20,8.5,5,"112",32,73.1,c1,l1,r1),S(20,8.5,5,"114.3",32,73.1,c1,l1,r1),S(20,8.5,5,"112",38,73.1,c1,l1,r1),S(20,8.5,5,"114.3",38,73.1,c1,l1,r1),S(20,8.5,5,"120",32,72.6,c1,l1,r1),S(20,10,5,"112",40,73.1,c1,l1,r1),S(20,10,5,"114.3",40,73.1,c1,l1,r1),S(20,10,5,"112",38,73.1,c1,l1,r1),S(20,10,5,"114.3",38,73.1,c1,l1,r1),S(20,10,5,"120",38,72.6,c1,l1,r1),S(20,10,5,"120",40,72.6,c1,l1,r1),S(22,10.5,5,"127",35,71.5,c1,ov,lv)],"vector-iii":[S(18,8,5,"108",40,73.1,c1,l1,r1),S(18,8,5,"112",40,73.1,c1,l1,r1),S(18,8,5,"114.3",40,73.1,c1,l1,r1),S(18,8,5,"120",38,72.6,c1,l1,r1),S(18,8,5,"120",35,72.6,c1,l1,r1),S(19,8.5,5,"112",32,73.1,c1,l1,r1),S(19,8.5,5,"114.3",32,73.1,c1,l1,r1),S(19,8.5,5,"112",40,73.1,c1,l1,r1),S(19,8.5,5,"114.3",40,73.1,c1,l1,r1),S(19,8.5,5,"112",38,73.1,c1,l1,r1),S(19,8.5,5,"114.3",38,73.1,c1,l1,r1),S(19,8.5,5,"114.3",35,73.1,c1,l1,r1),S(19,8.5,5,"120",33,72.6,c1,l1,r1),S(19,9.5,5,"112",38,73.1,c1,l1,r1),S(19,9.5,5,"114.3",38,73.1,c1,l1,r1),S(19,9.5,5,"114.3",40,73.1,c1,l1,r1),S(19,9.5,5,"120",38,72.6,c1,l1,r1),S(20,8.5,5,"112",32,73.1,c1,l1,r1),S(20,8.5,5,"114.3",32,73.1,c1,l1,r1),S(20,8.5,5,"112",38,73.1,c1,l1,r1),S(20,8.5,5,"114.3",38,73.1,c1,l1,r1),S(20,8.5,5,"120",32,72.6,c1,l1,r1),S(20,10,5,"112",40,73.1,c1,l1,r1),S(20,10,5,"114.3",40,73.1,c1,l1,r1),S(20,10,5,"112",38,73.1,c1,l1,r1),S(20,10,5,"114.3",38,73.1,c1,l1,r1),S(20,10,5,"120",38,72.6,c1,l1,r1),S(20,10,5,"120",40,72.6,c1,l1,r1),S(22,10.5,5,"127",35,71.5,c1,ov,lv)],"blitz-ii":[S(18,8,5,"108",40,73.1,c1,l1,r1),S(18,8,5,"112",40,73.1,c1,l1,r1),S(18,8,5,"114.3",40,73.1,c1,l1,r1),S(18,8,5,"120",38,72.6,c1,l1,r1),S(18,8,5,"120",35,72.6,c1,l1,r1),S(19,8.5,5,"112",32,73.1,c1,l1,r1),S(19,8.5,5,"114.3",32,73.1,c1,l1,r1),S(19,8.5,5,"112",40,73.1,c1,l1,r1),S(19,8.5,5,"114.3",40,73.1,c1,l1,r1),S(19,8.5,5,"112",38,73.1,c1,l1,r1),S(19,8.5,5,"114.3",38,73.1,c1,l1,r1),S(19,8.5,5,"114.3",35,73.1,c1,l1,r1),S(19,8.5,5,"120",33,72.6,c1,l1,r1),S(19,9.5,5,"112",38,73.1,c1,l1,r1),S(19,9.5,5,"114.3",38,73.1,c1,l1,r1),S(19,9.5,5,"114.3",40,73.1,c1,l1,r1),S(19,9.5,5,"120",38,72.6,c1,l1,r1),S(20,8.5,5,"112",32,73.1,c1,l1,r1),S(20,8.5,5,"114.3",32,73.1,c1,l1,r1),S(20,8.5,5,"112",38,73.1,c1,l1,r1),S(20,8.5,5,"114.3",38,73.1,c1,l1,r1),S(20,8.5,5,"120",32,72.6,c1,l1,r1),S(20,10,5,"112",40,73.1,c1,l1,r1),S(20,10,5,"114.3",40,73.1,c1,l1,r1),S(20,10,5,"112",38,73.1,c1,l1,r1),S(20,10,5,"114.3",38,73.1,c1,l1,r1),S(20,10,5,"120",38,72.6,c1,l1,r1),S(20,10,5,"120",40,72.6,c1,l1,r1),S(22,10.5,5,"127",35,71.5,c1,ov,lv)]};function Lt(e){return U21[e]??[]}var V1={hyperBlack:"#1a1a1c",blackSatin:"#0d0d0d",blackMachined:"#2a2a2a",silverSatin:"#a8a8a8",silverMachined:"#b5b5b5",bronze:"#7a5a3a",anthracite:"#3a3a3a",candyRed:"#9a1f1f",gunmetal:"#4a4d52"},_="/media/images/products",rv="/media/videos/products",DN=["0","20-20","25","35"],ON=["Detail 1","Detail 2","Detail 3"];function B0(e,t,a,s=!0){let c=`${_}/${e}/${a}${t}`,o=DN.map(l=>`${c}${l}.png`);return{src:o[0],angles:o,...s?{details:ON.map(l=>`${c}${l}.png`)}:{}}}function D5(e,t,a,s){let c=DN.map((l,r)=>`${_}/${e}/${t}.${l}.${a[r]}.png`),o={src:c[0],angles:c};return s&&(o.details=ON.map((l,r)=>`${_}/${e}/${t}.${l}.${s[r]}.png`)),o}var K21=[{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:V1.silverSatin,family:"silver",...B0("Haste II",".","Haste II.Ssl"),wheelPhotos:Array.from({length:9},(e,t)=>`${_}/Haste II/haste II Ssl wheel (${t+1}).jpg`)},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("Haste II",".","Haste II.Ksl"),carPhotos:[...[5,6,7,8,9].map(e=>`${_}/Haste II/HasteII ksl 2024 BMW(G83)M4 Competition Convertible (${e}).jpg`),...[1,2,5,6,9].map(e=>`${_}/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:V1.silverMachined,family:"silver",...B0("force 6",".","Froce6.Smfcbtm")},{name:"Black Machined Carbon Dark Tint Satin Lacquer",color:V1.blackMachined,family:"black",...B0("force 6",".","Froce6.Kmfcbtdtm")},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("force 6",".","Froce6.Ktm")},{name:"Candy Red",color:V1.candyRed,family:"red",...B0("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:V1.silverMachined,family:"silver",...B0("speed_II",".","Speed II.Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:V1.blackMachined,family:"black",...B0("speed_II",".","Speed II.Kmftdtm")},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("speed_II",".","Speed II.Ktm")},{name:"Candy Red",color:V1.candyRed,family:"red",...B0("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:V1.silverMachined,family:"silver",...B0("Vortex II","-","Vortex II-SMFTM")},{name:"Black Machined Face Satin Lacquer Dark Tint",color:V1.blackMachined,family:"black",...B0("Vortex II","-","Vortex II-KMFTMTD")},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("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:V1.hyperBlack,family:"black",...B0("vector_III","-","Vector III-H")},{name:"Anthracite",color:V1.anthracite,family:"graphite",...B0("vector_III","-","Vector III-ATM")},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("vector_III","-","Vector III-KTM")},{name:"Silver Satin Lacquer",color:V1.silverSatin,family:"silver",...B0("vector_III","-","Vector III-STM")},{name:"Bronze",color:V1.bronze,family:"bronze",...B0("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:V1.hyperBlack,family:"black",src:`${_}/blitz_II/Blitz II.H.0.752 (3).png`,angles:[`${_}/blitz_II/Blitz II.H.0.752 (3).png`,`${_}/blitz_II/Blitz II.H.20-20752 (4).png`,`${_}/blitz_II/Blitz II.H.25.752 (2).png`,`${_}/blitz_II/Blitz II.H.35.752 (1).png`],details:[`${_}/blitz_II/Blitz II.H.Detail 1.1923.png`,`${_}/blitz_II/Blitz II.H.Detail 2.1916.png`,`${_}/blitz_II/Blitz II.H.Detail FusionForge.1930.png`]},{name:"Anthracite",color:V1.anthracite,family:"graphite",src:`${_}/blitz_II/Blitz II.A.0.756 (3).png`,angles:[`${_}/blitz_II/Blitz II.A.0.756 (3).png`,`${_}/blitz_II/Blitz II.A.20-20.756 (4).png`,`${_}/blitz_II/Blitz II.A.25.756 (2).png`,`${_}/blitz_II/Blitz II.A.35.756 (1).png`],details:[`${_}/blitz_II/Blitz II.A.Detail 1.1924.png`,`${_}/blitz_II/Blitz II.A.Detail 2.1917.png`,`${_}/blitz_II/Blitz II.A.Detail FusionForge.1931.png`]},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",src:`${_}/blitz_II/Blitz II.Ktm.0.760 (3).png`,angles:[`${_}/blitz_II/Blitz II.Ktm.0.760 (3).png`,`${_}/blitz_II/Blitz II.Ktm.20-20760 (4).png`,`${_}/blitz_II/Blitz II.Ktm.25.760 (2).png`,`${_}/blitz_II/Blitz II.Ktm.35.760 (1).png`],details:[`${_}/blitz_II/Blitz II.K TM.Detail 1.1925.png`,`${_}/blitz_II/Blitz II.K TM.Detail 2.1918.png`,`${_}/blitz_II/Blitz II.K TM.Detail FusionForge.1932.png`]},{name:"Silver Satin Lacquer",color:V1.silverSatin,family:"silver",src:`${_}/blitz_II/Blitz II.Stm.0.748 (3).png`,angles:[`${_}/blitz_II/Blitz II.Stm.0.748 (3).png`,`${_}/blitz_II/Blitz II.Stm 20-20.748 (4).png`,`${_}/blitz_II/Blitz II.Stm.25.748 (2).png`,`${_}/blitz_II/Blitz II.Stm.35.748 (1).png`],details:[`${_}/blitz_II/Blitz II.S TM.Detail 1.1922.png`,`${_}/blitz_II/Blitz II.S TM.Detail 2.1915.png`,`${_}/blitz_II/Blitz II.S TM.Detail FusionForge.1929.png`]},{name:"Bronze",color:V1.bronze,family:"bronze",src:`${_}/blitz_II/Blitz II.n.0.764 (3).png`,angles:[`${_}/blitz_II/Blitz II.n.0.764 (3).png`,`${_}/blitz_II/Blitz II.n.20-20.764 (4).png`,`${_}/blitz_II/Blitz II.n.25.764 (2).png`,`${_}/blitz_II/Blitz II.n.35.764 (1).png`],details:[`${_}/blitz_II/Blitz II.N.Detail 1.1926.png`,`${_}/blitz_II/Blitz II.N.Detail 2.1919.png`,`${_}/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:V1.hyperBlack,family:"black",src:`${_}/thrust_II/Thrust II v2 2010 H.0.719.png`,angles:[`${_}/thrust_II/Thrust II v2 2010 H.0.719.png`,`${_}/thrust_II/Thrust II v2 2010 H.30.720.png`,`${_}/thrust_II/Thrust II v2 2010 H.30-30.722.png`,`${_}/thrust_II/Thrust II v2 2010 H.45.721.png`],details:[`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 1.png`,`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 2.png`,`${_}/thrust_II/Thrust II v2 2010 H.30-30.722.png`]},{name:"Anthracite",color:V1.anthracite,family:"graphite",src:`${_}/thrust_II/Thrust II v2 2010 A.0.735.png`,angles:[`${_}/thrust_II/Thrust II v2 2010 A.0.735.png`,`${_}/thrust_II/Thrust II v2 2010 A.30.736.png`,`${_}/thrust_II/Thrust II v2 2010 A.30-30.738.png`,`${_}/thrust_II/Thrust II v2 2010 A.45.737.png`],details:[`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 1.png`,`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 2.png`,`${_}/thrust_II/Thrust II v2 2010 A.30-30.738.png`]},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",src:`${_}/thrust_II/Thrust II v2 2010 K.0.730.png`,angles:[`${_}/thrust_II/Thrust II v2 2010 K.0.730.png`,`${_}/thrust_II/Thrust II v2 2010 K.30.731.png`,`${_}/thrust_II/Thrust II v2 2010 K.30-30.733.png`,`${_}/thrust_II/Thrust II v2 2010 K.45.732.png`],details:[`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 1.png`,`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 2.png`,`${_}/thrust_II/Thrust II v2 2010 K.30-30.733.png`]},{name:"Silver Satin Lacquer",color:V1.silverSatin,family:"silver",src:`${_}/thrust_II/Thrust II v2 2010 S.0.725.png`,angles:[`${_}/thrust_II/Thrust II v2 2010 S.0.725.png`,`${_}/thrust_II/Thrust II v2 2010 S.30.726.png`,`${_}/thrust_II/Thrust II v2 2010 S.30-30.728.png`,`${_}/thrust_II/Thrust II v2 2010 S.45.727.png`],details:[`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 1.png`,`${_}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 2.png`,`${_}/thrust_II/Thrust II v2 2010 S.30-30.728.png`]},{name:"Bronze",color:V1.bronze,family:"bronze",src:`${_}/thrust_II/Thrust II v2 2010 N.0.740.png`,angles:[`${_}/thrust_II/Thrust II v2 2010 N.0.740.png`,`${_}/thrust_II/Thrust II v2 2010 N.30.741.png`,`${_}/thrust_II/Thrust II v2 2010 N.30-30.743.png`,`${_}/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:V1.hyperBlack,family:"black",src:`${_}/torque_II/Torque II-H-0-2195.png`,angles:[`${_}/torque_II/Torque II-H-0-2195.png`,`${_}/torque_II/Torque II-H-20-20-2198.png`,`${_}/torque_II/Torque II-H-25-2196.png`,`${_}/torque_II/Torque II-H-35-2197.png`],details:[`${_}/torque_II/Torque II-H-Detail 1-2199.png`,`${_}/torque_II/Torque II-H-Detail 2-2200.png`,`${_}/torque_II/Torque II-H-Detail 3-2201.png`]},{name:"Anthracite",color:V1.anthracite,family:"graphite",src:`${_}/torque_II/Torque II-A-0-2174.png`,angles:[`${_}/torque_II/Torque II-A-0-2174.png`,`${_}/torque_II/Torque II-A-20-20-2177.png`,`${_}/torque_II/Torque II-A-25-2175.png`,`${_}/torque_II/Torque II-A-35-2176.png`],details:[`${_}/torque_II/Torque II-A-Detail 1-2178.png`,`${_}/torque_II/Torque II-A-Detail 2-2179.png`,`${_}/torque_II/Torque II-A-Detail 3-2180.png`]},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",src:`${_}/torque_II/Torque II-Ktm-0-2202.png`,angles:[`${_}/torque_II/Torque II-Ktm-0-2202.png`,`${_}/torque_II/Torque II-Ktm-20-20-2205.png`,`${_}/torque_II/Torque II-Ktm-25-2203.png`,`${_}/torque_II/Torque II-Ktm-35-2204.png`],details:[`${_}/torque_II/Torque II-Ktm-Detail 1-2206.png`,`${_}/torque_II/Torque II-Ktm-Detail 2-2207.png`,`${_}/torque_II/Torque II-Ktm-Detail 3-2208.png`]},{name:"Silver Satin Lacquer",color:V1.silverSatin,family:"silver",src:`${_}/torque_II/Torque II-S-0-2181.png`,angles:[`${_}/torque_II/Torque II-S-0-2181.png`,`${_}/torque_II/Torque II-S-20-20-2184.png`,`${_}/torque_II/Torque II-S-25-2182.png`,`${_}/torque_II/Torque II-S-35-2183.png`],details:[`${_}/torque_II/Torque II-S-Detail 1-2185.png`,`${_}/torque_II/Torque II-S-Detail 2-2186.png`,`${_}/torque_II/Torque II-S-Detail 3-2187.png`]},{name:"Bronze",color:V1.bronze,family:"bronze",src:`${_}/torque_II/Torque II-N-0-2188.png`,angles:[`${_}/torque_II/Torque II-N-0-2188.png`,`${_}/torque_II/Torque II-N-20-20-2191.png`,`${_}/torque_II/Torque II-N-25-2189.png`,`${_}/torque_II/Torque II-N-35-2190.png`],details:[`${_}/torque_II/Torque II-N-Detail 1-2192.png`,`${_}/torque_II/Torque II-N-Detail 2-2193.png`,`${_}/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:V1.silverMachined,family:"silver",src:`${_}/turbine II/Turbine II L S MF TM.0.png`,angles:[`${_}/turbine II/Turbine II L S MF TM.0.png`,`${_}/turbine II/Turbine II L S MF TM.25.png`,`${_}/turbine II/Turbine II L S MF TM.35.png`,`${_}/turbine II/Turbine II L S MF TM.45.png`],details:[`${_}/turbine II/Turbine II L S MF TM.Detail 1.png`,`${_}/turbine II/Turbine II.L S MF TM.Detail 2.2239.png`,`${_}/turbine II/Turbine II L S MF TM.Detail 3.png`]},{name:"Black Machined Face Dark Tint Satin Lacquer",color:V1.blackMachined,family:"black",src:`${_}/turbine II/Turbine II L K MF TD TM.0.png`,angles:[`${_}/turbine II/Turbine II L K MF TD TM.0.png`,`${_}/turbine II/Turbine II L K MF TD TM.25.png`,`${_}/turbine II/Turbine II L K MF TD TM.35.png`,`${_}/turbine II/Turbine II L K MF TD TM.45.png`],details:[`${_}/turbine II/Turbine II L K MF TD TM.Detail 1.png`,`${_}/turbine II/Turbine II L K MF TD TM.LR Detail 2.png`,`${_}/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:V1.silverSatin,family:"silver",...D5("blitz","Blitz.Stm",["2167","2170","2168","2169"],["2171","2172","2173"]),wheelPhotos:Array.from({length:8},(e,t)=>`${_}/blitz/Blitz stm wheel(${t+19}).jpg`),video:`${rv}/blitz/Blitz stm wheel.mp4`},{name:"Silver Machined Face",color:V1.silverMachined,family:"silver",...D5("blitz","Blitz.Smftm",["2160","2163","2161","2162"],["2164","2165","2166"])},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...D5("blitz","Blitz.Ktm",["2146","2149","2147","2148"],["2150","2151","2152"]),wheelPhotos:Array.from({length:8},(e,t)=>`${_}/blitz/Blitz ktm wheel (${t+1}).jpg`),carPhotos:Array.from({length:6},(e,t)=>`${_}/blitz/Blitz ktm Car AUDI 03-03 (${t+1}).png`),video:`${rv}/blitz/Blitz ktm wheel.mp4`},{name:"Black Machined Face Dark Tint Satin Lacquer",color:V1.blackMachined,family:"black",...D5("blitz","Blitz.Kmftdtm",["2139","2142","2140","2141"],["2143","2144","2145"]),carPhotos:[5,7,8,9,10].map(e=>`${_}/blitz/Blitz kmftdtm Car 2018 Mercedes-AMG GT R (${e}).jpg`)},{name:"Candy Red",color:V1.candyRed,family:"red",...D5("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:V1.silverMachined,family:"silver",...D5("frixion 5","Frixion5 S MF",["1969","1972","1970","1971"]),details:[`${_}/frixion 5/Frixion5.Smf.Detail 1.2108.png`,`${_}/frixion 5/Frixion5.Smf.Detail 2.2109.png`,`${_}/frixion 5/Frixion5.Smf.Detail 3.2110.png`],wheelPhotos:Array.from({length:11},(e,t)=>`${_}/frixion 5/Frixion 5 Smf wheel (${t+1}).jpg`),carPhotos:[4,5,6,7].map(e=>`${_}/frixion 5/Frixion5 smftm car 2019 Jaguar XE SV Project 8 (${e}).jpg`),video:`${rv}/frixion 5/frixion 5 kmftdtm smftm .mp4`},{name:"Black Machined Face",color:V1.blackMachined,family:"black",...D5("frixion 5","Frixion5 K TM",["1995","1998","1996","1997"]),details:[`${_}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 1.1999.png`,`${_}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 2.2000.png`,`${_}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 3.2001.png`],wheelPhotos:[`${_}/frixion 5/Frixion 5 kmftdtm wheel (2).jpg`,`${_}/frixion 5/Frixion 5 kmftdtm wheel (3).jpg`]},{name:"Candy Red",color:V1.candyRed,family:"red",...D5("frixion 5","Frixion5 R ",["1973","1976","1974","1975"]),details:[`${_}/frixion 5/Frixion5 R .Detail 1.1960.png`,`${_}/frixion 5/Frixion5 R .Detail 2.1961.png`,`${_}/frixion 5/Frixion5 R .Detail 3.1962.png`],carPhotos:[5,6,7,8,9].map(e=>`${_}/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:V1.silverMachined,family:"silver",...D5("frixion 6","Frixion6 S MF TM",["2044","2047","2045","2046"]),details:[`${_}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 1.2048.png`,`${_}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 2.2049.png`,`${_}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 3.2050.png`]},{name:"Black Machined Face Dark Tint",color:V1.blackMachined,family:"black",src:`${_}/frixion 6/Frixion6 K MF TD.0.2030.png`,angles:[`${_}/frixion 6/Frixion6 K MF TD.0.2030.png`,`${_}/frixion 6/Frixion6 K MF TD.20-20.2033.png`,`${_}/frixion 6/Frixion6 K MF TD.25.png`,`${_}/frixion 6/Frixion6 K MF TD.35.2032.png`],details:[`${_}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 1.2034.png`,`${_}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 2.2035.png`,`${_}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 3.2036.png`]},{name:"Candy Red",color:V1.candyRed,family:"red",...D5("frixion 6","Frixion6 R MF TR",["2037","2040","2038","2039"]),details:[`${_}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 1.2041.png`,`${_}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 2.2042.png`,`${_}/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:V1.silverMachined,family:"silver",...B0("rotor",".","Rotor.Smftm")},{name:"Black Machined Face Dark Tint",color:V1.blackMachined,family:"black",...B0("rotor",".","Rotor.Kmftdtm")},{name:"Candy Red",color:V1.candyRed,family:"red",...B0("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:V1.silverMachined,family:"silver",...B0("vector II","-","Vector II-Smftm")},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("vector II","-","Vector II-Ktm")},{name:"Candy Red",color:V1.candyRed,family:"red",...B0("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:V1.silverMachined,family:"silver",...B0("torque","-","Torque-Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:V1.blackMachined,family:"black",...B0("torque","-","Torque-Kmftdtm")},{name:"Black Satin Lacquer",color:V1.blackSatin,family:"black",...B0("torque","-","Torque-Ktm")},{name:"Anthracite",color:V1.anthracite,family:"graphite",...B0("torque","-","Torque-A")}]}];function $21(e){return{GBP:e,USD:Math.round(e*1.28/10)*10,AUD:Math.round(e*1.92/10)*10}}var j21={"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."},iv=K21.map(({price:e,...t})=>({...t,prices:$21(e),description:j21[t.slug]??"",compatibleTyres:[],finishes:t.finishes.map(a=>({...a,src:a.src?M2(a.src):a.src,angles:a.angles?.map(M2),details:a.details?.map(M2),wheelPhotos:a.wheelPhotos?.map(M2),carPhotos:a.carPhotos?.map(M2),video:a.video?M2(a.video):a.video}))})),Y21=new Map(iv.map(e=>[e.slug,e]));function Ki(e){return Y21.get(e)}import{ProductFieldIcon as i31,BlockProductIcon as n31,ProductSizeIcon as h31,NoteIcon as m31}from"efficient-easel/icons";import{useEffect as t31,useState as XN}from"react";import{Fragment as GN,jsx as X21,jsxs as qN}from"react/jsx-runtime";function nv({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 qN(GN,{children:[X21("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?qN(GN,{children:[" ",e.detail]}):null]})}function UN({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?km(e,a):J21(c,a);if(o===null)return{state:"fits",checks:ke(a)};let l=c.length===0?null:km(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:ke(a),warning:r}:{state:"no-fit",failure:r}}var WN=["unverifiable","pcd","bore","et"];function J21(e,t){let a=null,s=null,c=!1;for(let o of e){let l=Tl(Fl(o),t);if(l===null){let r=cM(o,t);if(r===null)return null;c=!0,s=s??r;continue}(a===null||WN.indexOf(l.key)>WN.indexOf(a.key))&&(a=l)}return c?s:a}function t9(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 Q21="Pick your car",e31="and we will check this size against it.";function KN(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 $N(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:Q21,detail:e31};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=v8(KN(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=v8(KN(e),{...t.fit,etRange:null});return c===null?{tone:"warn",lead:`Fits your ${a}`,detail:`Check the offset. ${t9(s)}`}:{tone:"no-fit",lead:`Does not fit your ${a}`,detail:t9(c)}}return{tone:"no-fit",lead:`Does not fit your ${a}`,detail:t9(s)}}var jN=[{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 YN(e){if(e.length===0)return jN;let t=Fk(e),a=jN.filter(s=>t(s.fieldKey));return e7(a,s=>s.fieldKey,e,"fitmentOrder")}import{Fragment as c31,jsx as E2,jsxs as L6}from"react/jsx-runtime";var a31=[],s31="whitespace-nowrap border-b border-line px-4 py-3.5",JN="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",QN="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",e_="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",t_={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},a_=(e,t)=>t.map(a=>a.cell(e)).join("|");function ic({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=a31}){let p=s??[],u=YN(m),[g,d]=XN(null),[f,v]=XN(o);t31(()=>v(o),[o]);let z=H4({editing:n}),x=u.length===0;if(p.length===0||x)return n?L6("section",{className:h?e_:QN,children:[h?null:E2(J1,{num:e!=null?k(e):void 0,title:t!=null?j(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0}),E2("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:x?"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 w=new Set,C=p.filter(T=>{let N=a_(T,u);return w.has(N)?!1:(w.add(N),!0)}),A=Array.from(new Set(C.map(T=>T.diameter))).sort((T,N)=>T-N),E=g!==null&&A.includes(g)?g:null,V=E===null?C:C.filter(T=>T.diameter===E),q=c&&A.length>1,F=T=>{if(T===0)return!1;let N=V[T-1],I=V[T];return N.diameter!==I.diameter||N.width!==I.width};return L6("section",{className:h?e_:QN,children:[h?null:E2(J1,{num:e!=null?k(e):void 0,title:t!=null?j(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0}),L6("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[q&&L6(c31,{children:[E2("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:"}),L6("button",{type:"button",onClick:()=>d(null),className:`${JN} ${E===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:E===null?t_:void 0,children:[E===null&&E2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),A.map(T=>{let N=T===E;return L6("button",{type:"button",onClick:()=>d(N?null:T),className:`${JN} ${N?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:N?t_:void 0,children:[N&&E2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),T,'"']},T)})]}),L6("button",{type:"button",onClick:()=>v(T=>!T),"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:[E2("span",{children:"Vehicle tooltip"}),E2("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:E2("span",{className:`block h-3 w-3 rounded-full transition-transform ${f?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),E2("span",{className:f?"text-accent":"text-fg-dim",children:f?"On":"Off"})]})]}),E2("div",{className:"-mx-1 overflow-x-auto",children:L6("table",{className:"w-full border-collapse font-mono text-[length:var(--size-label,14px)] tracking-[0.06em] text-fg",children:[E2("thead",{children:E2("tr",{children:u.map(({header:T},N)=>E2("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:T},N))})}),E2("tbody",{children:V.map((T,N)=>E2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${F(N)?"[&>td]:border-t [&>td]:border-line":""}`,children:u.map((I,P)=>{let D=P===u.length-1,a1=I.fieldKey==="diameter";return L6("td",{className:`${D?"relative ":""}${s31}${a1?" text-accent":""}`,children:[I.cell(T),D&&f&&E2("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:E2(nv,{answer:$N(T,z)})})]},I.fieldKey)})},a_(T,u)))})]})}),E2(j4,{text:l,linkText:r,linkHref:i})]})}import{jsx as hv}from"react/jsx-runtime";var o31=["alloy-wheel"];function mv(e){return hv(f2,{kinds:o31,type:"FitmentTable",editing:e.editing,children:hv(l31,{...e})})}function l31({num:e,title:t,description:a,showFilter:s,tooltipDefaultOn:c,footnote:o,footnoteLinkText:l,footnoteLinkHref:r,editing:i=!1,omitHead:n=!1}){let h=$0(),m=f3(i&&!h),p=h?.product??m,u=p?.kind==="alloy-wheel"?p.source.fitments??[]:[];return hv(ic,{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 s_(e,t){return t||e.dynamic===!0}import{jsx as c_}from"react/jsx-runtime";function pv({dynamic:e,wheel:t,omitHead:a=!1,...s}){let c=$0()!==null||!!s.editing&&Z2();return s_({dynamic:e,wheel:t},c)?c_(mv,{...s,omitHead:a}):c_(ic,{...s,omitHead:a,rows:Lt(typeof t=="string"?t:"")})}import{jsx as r31}from"react/jsx-runtime";var e5={num:L.sectionNumber,title:"Specifications *table.*",description:L.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},o_={label:"Fitment Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",wheel:"",showFilter:!0,tooltipDefaultOn:!0,footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return r31(pv,{dynamic:e.dynamic,wheel:e.wheel,num:a(y(e.num,e5.num,e.puck)),title:a(y(e.title,e5.title,e.puck)),description:a(y(e.description,e5.description,e.puck)),omitHead:t,showFilter:e.showFilter,tooltipDefaultOn:e.tooltipDefaultOn,footnote:y(e.footnote,e5.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,e5.footnoteLinkText,e.puck),footnoteLinkHref:e1(e.footnoteLinkHref),editing:e.puck?.isEditing})}};import{jsx as $i}from"react/jsx-runtime";var p31=iv.filter(e=>Lt(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),l_={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,$i(i31,{})),_gContent:b("Header"),num:H("Number",e5.num),title:H("Heading",e5.title),description:R("Body",e5.description),_gData:b("Wheel"),wheel:g1("Product",$i(n31,{}),p31,"vector-iii"),_gOptions:b("Controls"),showFilter:s1("Size-filter chips",!0,$i(h31,{})),tooltipDefaultOn:s1("Detail tooltip on by default",!0,$i(m31,{})),_gFootnote:b("Footnote"),footnote:R("Footnote",e5.footnote),footnoteLinkText:H("Footnote button",e5.footnoteLinkText),footnoteLinkHref:L1("Footnote link")},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},c=o=>Z1(W1(o,a,U1),e.props.headPlacement,B1.FitmentTable.headRows);return delete s._gDynamic,delete s.dynamic,Z2()&&(delete s._gData,delete s.wheel),c(s)}};import{SettingsField as i_}from"efficient-easel/panel";import{FieldSelect as n_}from"efficient-easel/fields";import{BlockProductIcon as v31,CategoryIcon as f31}from"efficient-easel/icons";import{useEffect as dv,useMemo as b31,useRef as ji,useState as Yi}from"react";import{useEffect as u31,useMemo as r_,useState as d31}from"react";var A6="__all__";function g31(e,t){let a=new Set((e??[]).map(s=>s.name));return t!==A6&&a.add(t),[...a].sort((s,c)=>s.localeCompare(c))}function uv(e,t){return t===A6?e??[]:(e??[]).filter(a=>a.process===t)}function Z7(e,t,a){let[s,c]=d31(A6);u31(()=>{a?.process&&c(a.process)},[a]);let o=r_(()=>g31(t,s),[t,s]),l=r_(()=>uv(e,s),[e,s]);return{category:s,setCategory:c,categoryNames:o,filtered:l}}import{Fragment as h_,jsx as T3,jsxs as Xi}from"react/jsx-runtime";var t5="__all__";function z31(e,t){return t===t5?e:e.filter(a=>a.process===t)}function At(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 m_(e){let t=B3();return t?X1.getWheelDetail(t,e,{siteId:l2()}):Promise.reject(new Error("editor not authenticated"))}async function x31(e){let t=await m_(e),a={slug:t.slug,name:t.name,process:t.process},s=t.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};return{...a,vehicleCards:At(s.lifestyle??[],a),wheelCards:At(s.photos??[],a),othersCards:At(s.others??[],a)}}async function y31(e,t){let a=await Promise.all(e.map(l=>m_(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(...At(i.lifestyle??[],r)),c.push(...At(i.photos??[],r)),o.push(...At(i.others??[],r))}return{slug:t5,name:t===t5?"All products":t,process:"",vehicleCards:s,wheelCards:c,othersCards:o,category:t}}function gv({value:e,onChange:t}){let a=b4(),[s,c]=Yi(null),[o,l]=Yi(null),[r,i]=Yi(!1),[n,h]=Yi(!1),m=ji(!0),p=ji(e);p.current=e;let u=ji(t);u.current=t;let g=(B,U=!1)=>{i(!0),U||h(!1),B().then(Y=>{m.current&&(n6(Y,p.current)&&u.current(Y),h(!1))}).catch(()=>{m.current&&!U&&h(!0)}).finally(()=>{m.current&&i(!1)})},d=(B,U=!1)=>g(()=>x31(B),U),f=(B,U=!1)=>g(()=>y31(z31(s??[],B),B),U);dv(()=>(m.current=!0,r3().then(B=>{m.current&&c(B)}),m4().then(B=>{m.current&&l(B)}),()=>{m.current=!1}),[]);let v=ji(!1);dv(()=>{if(v.current)return;let B=p.current;if(!B?.slug){v.current=!0;return}if(B.slug===t5){if(s===null)return;v.current=!0,f(B.category??t5,!0)}else v.current=!0,d(B.slug,!0)},[s]);let z=e?.slug===t5,x=b31(()=>s&&e?.slug&&!z?s.find(B=>B.slug===e.slug)??null:null,[s,e?.slug,z]),{category:w,setCategory:C,categoryNames:A,filtered:E}=Z7(s,o);dv(()=>{z?e?.category&&C(e.category):x?.process&&C(x.process)},[x,z,e?.category]);let V=s===null,q=!!e?.slug&&!z&&s!==null&&!x,F=B=>{if(!B){t(null);return}if(B===t5){f(w);return}d(B)},T=B=>{C(B),p.current?.slug===t5&&f(B)},N=()=>{e?.slug&&(r3(!0).then(B=>{m.current&&c(B)}),z?f(e.category??t5):d(e.slug))},I=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},P=(e?.vehicleCards.length??0)+(e?.wheelCards.length??0)+(e?.othersCards?.length??0),D=n?"error":r?"loading":"idle",a1=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 ${P} card${P===1?"":"s"} from ${z?"all products\u2019":"its"} media groups.`;return Xi("div",{children:[T3(i_,{label:"Category",icon:T3(f31,{}),children:T3(n_,{value:w,ariaLabel:"Category",onChange:T,readOnly:V,options:[{label:"All products",value:t5},...A.map(B=>({label:B,value:B}))]})}),T3(i_,{label:"Product",icon:T3(v31,{}),children:T3(n_,{value:e?.slug??"",ariaLabel:"Product",onChange:F,readOnly:V||r,options:[{label:V?"Loading\u2026":"None (write the cards yourself)",value:""},{label:"All products",value:t5},...q?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...E.map(B=>({label:B.name,value:B.slug}))]})}),e?.slug?T3(r4,{status:D,statusText:a1,onRefresh:N,busy:r,edit:z?void 0:{label:"Edit product \u270E",onClick:I},hint:z?Xi(h_,{children:["Pools ",T3("strong",{children:"every product\u2019s"})," grouped media: each one\u2019s"," ",T3("strong",{children:"Relative / lifestyle photos"})," feed Gallery A, its"," ",T3("strong",{children:"Product photos"})," Gallery B and its ",T3("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."]}):Xi(h_,{children:["Gallery A comes from the product\u2019s ",T3("strong",{children:"Relative / lifestyle photos"}),", Gallery B from its ",T3("strong",{children:"Product photos"})," and the Others gallery from its ",T3("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."]})}):Xi("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:["Pick a product \u2014 or ",T3("strong",{children:"All products"})," \u2014 to build the galleries from media groups, or keep \u201CNone\u201D to author the cards yourself."]})]})}import{EyeIcon as C31,TabsIcon as d_,BreadcrumbIcon as M31,HashIcon as g_,SortIcon as S31}from"efficient-easel/icons";import{useEffect as w31,useMemo as p_,useState as Ji}from"react";import{Fragment as Qi,jsx as K1,jsxs as Q0}from"react/jsx-runtime";function vv(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function fv(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var bv=Array.from({length:6},(e,t)=>({image:"",process:"Tag",eyebrow:"Category",name:"Item name",meta:`0${t+1} photos`}));function zv({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:z,othersCards:x,showBreadcrumb:w=!0,showStats:C=!0,showIntro:A=!0,showTabs:E=!0,showFilters:V=!0,showCount:q=!0,showSort:F=!0,previewTab:T,previewHover:N=!1,editing:I=!1}){let P=e==="both",D=P?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[a1,B]=Ji(D[0]),Y=(I&&P&&T&&D.includes(T)?T:null)??(D.includes(a1)?a1:D[0]),W=I&&N,[Q,b1]=Ji("all"),[X,v1]=Ji("newest"),[G1,G]=Ji(null);w31(()=>{if(!G1)return;let m1=fv(G1.card).length,q1=F0=>{F0.key==="Escape"?G(null):F0.key==="ArrowLeft"&&m1>1?G(c0=>c0&&{...c0,index:(c0.index-1+m1)%m1}):F0.key==="ArrowRight"&&m1>1&&G(c0=>c0&&{...c0,index:(c0.index+1)%m1})};window.addEventListener("keydown",q1);let H0=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",q1),document.body.style.overflow=H0}},[G1]);let o1=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:z??[],cards:x??[],unit:"items",word:"Others"}:{title:h,body1:m,body2:p,stats:u??[],cards:g??[],unit:"items",word:n},u1=p_(()=>{let m1=[];for(let q1 of o1.cards)q1.process&&!m1.includes(q1.process)&&m1.push(q1.process);return m1},[o1.cards]),A0=Q!=="all"&&u1.includes(Q)?Q:"all",w0=A0==="all"?o1.cards:o1.cards.filter(m1=>m1.process===A0),p1=p_(()=>{let m1=[...w0];return X==="name"&&m1.sort((q1,H0)=>(q1.name??"").localeCompare(H0.name??"")),m1},[w0,X]),e0=o1.cards.length===0,M1=I&&e0,z2=M1?bv:p1,a0=M1?bv.length:o1.cards.length,p2=M1?bv.length:p1.length,V2=t?`${t} \xB7 ${h2(o1.word)}`:void 0;function f0(m1){m1!==Y&&(B(m1),b1("all"))}return Q0("section",{className:"relative z-[2] bg-bg",children:[w&&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?_0(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:V2?k(V2):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:o1.title?j(o1.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:C&&o1.stats.map((m1,q1)=>Q0("div",{children:[m1.value?K1("strong",{className:"font-normal text-fg",children:k(m1.value)}):null," ",m1.label?k(m1.label):null]},q1))})]}),A&&(o1.body1||o1.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:[o1.body1&&K1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:k(o1.body1)}),o1.body2&&K1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:k(o1.body2)})]}),P&&E&&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 H0=Y===m1,F0=m1==="vehicles"?s:n,c0=m1==="vehicles"?(i??[]).length:(g??[]).length,q0=(F0||"").trim().split(/\s+/),$=q0.slice(0,-1).join(" "),S1=q0.slice(-1)[0]??"";return Q0("button",{type:"button",onClick:()=>f0(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",H0?"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]",H0?"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(Qi,{children:[_0($)," "]}):null,K1("em",{className:"font-normal italic text-accent",children:_0(S1)})]}),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:c0})," ","items",K1("br",{}),m1==="vehicles"?"Community photos":"Featured photos"]}),H0&&K1("span",{className:"pointer-events-none absolute inset-x-0 -bottom-px h-0.5 bg-accent"})]},m1)})}),(V||q||F)&&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:V&&["all",...u1].map(m1=>{let q1=A0===m1,H0=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:_0(H0)},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:p2})," / ",a0," ",o1.unit]}):K1("div",{}),F?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(pa,{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:z2.length>0?K1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:z2.map((m1,q1)=>{let H0=fv(m1)[0],c0=`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(Qi,{children:[K1(k0,{label:vv(m1.name,`gallery-card-${q1+1}`),src:H0||void 0,alt:h2(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:k(m1.process)}):K1("span",{}),Q0("span",{className:"text-overlay-fg/70",children:[String(q1+1).padStart(2,"0")," / ",String(z2.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:k(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:k(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:k(m1.meta)})})]})]})]});return I?K1("div",{className:c0,children:$},q0):K1("button",{type:"button",onClick:()=>G({card:m1,index:0}),"aria-label":`Open ${m1.name??"gallery item"}`,className:`${c0} 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=fv(G1.card),{card:q1,index:H0}=G1,F0=m1.length,c0=m1[H0]??m1[0]??"",q0=S1=>G(b0=>b0&&{...b0,index:(b0.index+S1+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:()=>G(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:vv(q1.name,"gallery-photo"),src:c0||void 0,alt:h2(q1.name??""),objectFit:"contain",sizes:"92vw"})}),F0>1&&Q0(Qi,{children:[K1("button",{type:"button","aria-label":"Previous photo",onClick:S1=>{S1.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:S1=>{S1.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:S1=>S1.stopPropagation(),children:[Q0("div",{className:"flex flex-col items-center gap-1",children:[q1.name&&K1("span",{className:"text-accent",children:k(q1.name)}),q1.eyebrow&&K1("span",{children:k(q1.eyebrow)}),Q0("span",{className:"text-fg-dim/70",children:[$?Q0(Qi,{children:[k($)," \xB7 "]}):null,H0+1," / ",F0]})]}),q1.href&&K1(C1,{href:q1.href,onClick:()=>G(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:S1=>S1.stopPropagation(),className:"mt-5 flex max-w-[92vw] gap-1.5 overflow-x-auto pb-1",children:m1.map((S1,b0)=>K1("button",{type:"button","aria-label":`Photo ${b0+1}`,onClick:()=>G(Y0=>Y0&&{...Y0,index:b0}),className:["relative h-16 w-24 shrink-0 cursor-pointer overflow-hidden border transition-colors max-[720px]:h-12 max-[720px]:w-16",b0===H0?"border-accent":"border-line opacity-60 hover:border-fg-dim hover:opacity-100"].join(" "),children:K1(k0,{label:vv(q1.name,"gallery-photo"),src:S1||void 0,alt:"",sizes:"120px"})},`${S1}-${b0}`))}),K1("button",{type:"button",onClick:()=>G(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 k31}from"react/jsx-runtime";var b2={kicker:L.eyebrow,vehicleTitle:L.headingAccent,wheelTitle:L.headingAccent,vehicleBody1:L.body,vehicleBody2:"Add a second, shorter line if you need one.",wheelBody1:L.body,wheelBody2:"Add a second, shorter line if you need one.",othersTitle:L.headingAccent,othersBody1:L.body,othersBody2:"Add a second, shorter line if you need one."},xv=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],yv=[{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"}],u_={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 k31(zv,{mode:e.mode,kicker:y(e.kicker,b2.kicker,e.puck),breadcrumbLabel:e1(e.breadcrumbLabel)||"Gallery",vehicleTabLabel:e1(e.vehicleTabLabel)||"Gallery A",vehicleTitle:y(e.vehicleTitle,b2.vehicleTitle,e.puck),vehicleBody1:y(e.vehicleBody1,b2.vehicleBody1,e.puck),vehicleBody2:y(e.vehicleBody2,b2.vehicleBody2,e.puck),vehicleStats:x1(e.vehicleStats,xv,e.puck),vehicleCards:x1(t?.vehicleCards??e.vehicleCards,yv,e.puck),wheelTabLabel:e1(e.wheelTabLabel)||"Gallery B",wheelTitle:y(e.wheelTitle,b2.wheelTitle,e.puck),wheelBody1:y(e.wheelBody1,b2.wheelBody1,e.puck),wheelBody2:y(e.wheelBody2,b2.wheelBody2,e.puck),wheelStats:x1(e.wheelStats,xv,e.puck),wheelCards:x1(t?.wheelCards??e.wheelCards,yv,e.puck),othersTitle:y(e.othersTitle,b2.othersTitle,e.puck),othersBody1:y(e.othersBody1,b2.othersBody1,e.puck),othersBody2:y(e.othersBody2,b2.othersBody2,e.puck),othersStats:x1(e.othersStats,xv,e.puck),othersCards:x1(t?.othersCards??e.othersCards,yv,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 H6}from"react/jsx-runtime";var v_={fields:{_sSetup:t0("Setup"),_gGallery:b("Gallery"),mode:f1("Show",H6(C31,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:H("Eyebrow",b2.kicker),breadcrumbLabel:Z("Breadcrumb label","Gallery"),_gSource:b("Source product"),source:t2(gv),_sPreview:t0("Preview"),_gPreview:b(Vo),previewTab:f1("Show tab",H6(d_,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"}],"vehicles"),_sVehicle:t0("Gallery A"),_gVehicleContent:b("Content"),vehicleTabLabel:Z("Tab label","Gallery A"),vehicleTitle:R("Heading",b2.vehicleTitle),vehicleBody1:R("Intro",b2.vehicleBody1),vehicleBody2:R("Body",b2.vehicleBody2),_gVehicleStats:b("Stats"),vehicleStats:{type:"array",label:"Stats",arrayFields:{value:d1("Value"),label:d1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gVehicleCards:b("Cards"),vehicleCards:{type:"array",label:"Cards",arrayFields:{image:D1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:D1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:L1("Product link"),process:d1("Tag"),eyebrow:d1("Eyebrow"),name:d1("Title"),meta:d1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sWheel:t0("Gallery B"),_gWheelContent:b("Content"),wheelTabLabel:Z("Tab label","Gallery B"),wheelTitle:R("Heading",b2.wheelTitle),wheelBody1:R("Intro",b2.wheelBody1),wheelBody2:R("Body",b2.wheelBody2),_gWheelStats:b("Stats"),wheelStats:{type:"array",label:"Stats",arrayFields:{value:d1("Value"),label:d1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gWheelCards:b("Cards"),wheelCards:{type:"array",label:"Cards",arrayFields:{image:D1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:D1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:L1("Product link"),process:d1("Tag"),eyebrow:d1("Eyebrow"),name:d1("Title"),meta:d1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sOthers:t0("Others gallery"),_gOthersContent:b("Content"),othersTitle:R("Heading",b2.othersTitle),othersBody1:R("Intro",b2.othersBody1),othersBody2:R("Body",b2.othersBody2),_gOthersStats:b("Stats"),othersStats:{type:"array",label:"Stats",arrayFields:{value:d1("Value"),label:d1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gOthersCards:b("Cards"),othersCards:{type:"array",label:"Cards",arrayFields:{image:D1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:D1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:L1("Product link"),process:d1("Tag"),eyebrow:d1("Eyebrow"),name:d1("Title"),meta:d1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sVisibility:t0("Visibility"),_gElements:b("Show / hide elements"),showBreadcrumb:s1("Breadcrumb",!0,H6(M31,{})),showStats:s1("Stats",!0,H6(g_,{})),showIntro:s1("Intro text",!0,H6(J3,{noun:"intro"})),showTabs:s1("Tab switcher",!0,H6(d_,{})),showFilters:s1("Tag filters",!0,H6(J3,{noun:"tag"})),showCount:s1("Result count",!0,H6(g_,{})),showSort:s1("Sort control",!0,H6(S31,{}))},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 E31,ImageIcon as V31,EyeIcon as N31}from"efficient-easel/icons";import{jsx as F6,jsxs as x_}from"react/jsx-runtime";var L31=c4,f_=["photos","lifestyle","accessories","others"];function A31(e,t){if(!e)return[];if(t==="all")return f_.flatMap(s=>e[s]??[]);let a=f_.includes(t)?t:null;return a?e[a]??[]:[]}var b_="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]",z_="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 wv(e){return F6(f2,{kinds:L31,type:"GalleryB",editing:e.editing,children:F6(H31,{...e})})}function H31({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=$0(),p=f3(h&&!m),u=m?.product??p,g=A31(u?.mediaGroups,r).map(w=>({images:(w.items??[]).filter(C=>C.kind==="image").map(C=>C.url),name:w.name,finish:w.finish})).filter(w=>w.images.length>0),f=(i==="auto"?g.length>=4?"covers":"all":i)==="all"?g.flatMap(w=>w.images.map(C=>({images:[C],name:w.name,finish:w.finish}))):g,v=s?{text:s,href:c||"#"}:void 0,z=a?j(a,!1):void 0,x=e?null:F6(J1,{num:t,title:z,link:v});return!u||f.length===0?h?x_("section",{className:e?z_:b_,children:[x,F6("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:x_("section",{className:e?z_:b_,children:[x,F6(Ba.Provider,{value:{galleryHref:o,submitHref:l,previewHover:n},children:F6("div",{[Ra]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1 max-[800px]:gap-1",children:f.map((w,C)=>F6(Ia,{image:w.images[0],photos:w.images.slice(1).map(A=>({src:A})),href:u.href,process:u.eyebrow,eyebrow:w.name,name:u.name,meta:w.finish,editing:h},`${w.name}-${C}`))})}),F6("div",{className:"mt-12 flex flex-col items-center gap-3",children:F6(D2,{href:o,variant:"ghost",children:"See Gallery"})})]})}import{jsx as a9,jsxs as P31}from"react/jsx-runtime";var F31="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]",T31="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 kv({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=Fz(i),g=u?i:null,d=!u&&n!=null&&n!=="",f=R3("GalleryB",m,"both"),v=g?{className:`sf-card-grid sf-gallery-zone ${Tz(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(Wc(n)),"--sf-grid-cols-phone":String(Uc(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},z=s?{text:s,href:c||"#"}:void 0,x=a?j(a,!1):void 0;return P31("section",{className:p?T31:F31,children:[p?null:a9(J1,{num:t,title:x,link:z}),g&&a9("style",{dangerouslySetInnerHTML:{__html:Pz(g)}}),e&&a9(Ba.Provider,{value:{galleryHref:o,submitHref:l,previewHover:r},children:a9("div",{[Ra]:"",style:{display:"contents"},children:a9(e,{...v,minEmptyHeight:320})})}),a9("div",{className:"mt-12 flex flex-col items-center gap-3",children:a9(D2,{href:o,variant:"ghost",children:"See Gallery"})})]})}import{jsx as y_}from"react/jsx-runtime";var O5={num:L.sectionNumber,title:L.headingAccent,link:L.viewAll},Cv={items:{type:"slot",allow:["GalleryItem"]}},w_={label:"Customer Photo Grid",fields:Cv,defaultProps:{dynamic:!1,mediaZone:"all",photoDisplay:"covers",num:"",title:"",linkText:"",linkHref:"/contact",galleryHref:"/gallery",previewHover:!1},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return e.dynamic?y_(wv,{num:a(y(e.num,O5.num,e.puck)),title:a(y(e.title,O5.title,e.puck)),linkText:a(y(e.linkText,O5.link,e.puck)),linkHref:a(e1(e.linkHref)||"/contact"),omitHead:t,galleryHref:e1(e.galleryHref)||"/gallery",zone:e.mediaZone||"all",photoDisplay:e.photoDisplay||"covers",previewHover:e.previewHover,editing:e.puck?.isEditing}):y_(kv,{num:a(y(e.num,O5.num,e.puck)),title:a(y(e.title,O5.title,e.puck)),omitHead:t,linkText:a(y(e.linkText,O5.link,e.puck)),linkHref:a(e1(e.linkHref)||"/contact"),galleryHref:e1(e.galleryHref)||"/gallery",previewHover:e.previewHover,layout:e.layout,columns:e.columns,columnsMobile:e.columnsMobile,gap:e.gap,items:e.items})}};import{jsx as Mv}from"react/jsx-runtime";var _31=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],B31=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],k_={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,Mv(E31,{})),mediaZone:g1("Images from",Mv(V31,{}),_31,"all"),photoDisplay:g1("Show",Mv(N31,{}),B31,"covers"),_gHeader:b("Header"),num:H("Section number",O5.num),title:R("Heading",O5.title),_gHeaderLink:b("Header link"),linkText:H("Header button",O5.link),linkHref:L1("Header link"),_gImages:b("Images"),imageList:s2("GalleryB"),items:Cv.items,_gGalleryLink:b("Gallery link"),galleryHref:L1("\u201CSee gallery\u201D link"),_gArrangement:b("Arrangement"),layout:_y(),gap:I3("GalleryB")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t},o=l=>Z1(W1(l,a,U1),e.props.headPlacement,B1.GalleryB.headRows);return Z2()?(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 S_,useMemo as Sv,useState as Lv}from"react";import{SettingsField as L_}from"efficient-easel/panel";import{FieldSelect as en}from"efficient-easel/fields";import{BlockProductIcon as R31,MediaIcon as I31}from"efficient-easel/icons";var C_=new Map;function M_(e){if(!e)return Promise.resolve(null);let t=C_.get(e);return t||(t=m0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),C_.set(e,t)),t}import{Fragment as Av,jsx as C2,jsxs as T6}from"react/jsx-runtime";function tn({label:e,hidden:t,onToggle:a}){return T6("div",{className:"sf-field-head",children:[C2("span",{className:"sf-field-label sf-field-label--inline",children:e}),a&&C2("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?C2(J5,{name:"eye-off",size:14}):C2(J5,{name:"eye",size:14})})]})}var Z31=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function D31(e){if(!e)return[];let t=[];for(let[a,s]of Z31)(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 A_(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function O31(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 Hv({value:e,onChange:t}){let a=Sv(()=>e??{},[e]),[s,c]=Lv(null),[o,l]=Lv([]),[r,i]=Lv(!1);S_(()=>{let d=!1;return r3().then(f=>{d||c(f)}),()=>{d=!0}},[]),S_(()=>{let d=!1;if(!a.code){l([]);return}return i(!0),M_(a.code).then(f=>{d||(l(D31(f)),i(!1))}),()=>{d=!0}},[a.code]);let n=Sv(()=>s?.find(d=>d.slug===a.code)??null,[s,a.code]),h=Sv(()=>A_(n),[n]),m=s===null;function p(d,f=o){let v={...a,...d};t({...v,...O31(v,s,f)})}function u(d){if(!d){t({});return}let f=s?.find(v=>v.slug===d)??null;p({code:d,category:A_(f)[0]??"",finish:"",group:""},[])}function g(d){t({...a,[d]:!a[d]})}return T6("div",{children:[C2(L_,{label:"Product",icon:C2(R31,{}),children:C2(en,{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&&T6(Av,{children:[T6("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[C2(tn,{label:"Title / product",hidden:a.hideName,onToggle:()=>g("hideName")}),T6("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",C2("span",{style:{opacity:.6},children:"(auto)"})]})]}),T6("div",{className:`sf-field${a.hideProcess?" is-hidden":""}`,children:[C2(tn,{label:"Category",hidden:a.hideProcess,onToggle:()=>g("hideProcess")}),C2(en,{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}))})]}),C2(L_,{label:"Media group",icon:C2(I31,{}),hint:C2(Av,{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:C2(en,{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}))]})}),T6("div",{className:`sf-field${a.hideEyebrow?" is-hidden":""}`,children:[C2(tn,{label:T6(Av,{children:["Eyebrow ",C2("span",{style:{fontWeight:400,opacity:.6},children:"(from media group)"})]}),hidden:a.hideEyebrow,onToggle:()=>g("hideEyebrow")}),C2("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"})]}),T6("div",{className:`sf-field${a.hideFinish?" is-hidden":""}`,children:[C2(tn,{label:"Finish",hidden:a.hideFinish,onToggle:()=>g("hideFinish")}),C2(en,{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 G31,SquareIcon as q31,PlacementIcon as W31}from"efficient-easel/icons";import{jsx as an}from"react/jsx-runtime";var H_={fields:{_gSource:b("Content source"),fromProduct:s1("Fill from a product",!1,an(G31,{})),product:{type:"custom",render:({value:e,onChange:t})=>an(Hv,{value:e,onChange:t})},_gMedia:b("Media"),image:D1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:D1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},_gText:b("Text"),process:H("Tag"),eyebrow:H("Eyebrow"),name:H("Heading"),meta:H("Meta line"),_gLink:b("Link"),href:L1("Product link"),ratio:g1("Shape",an(q31,{}),[{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:g1("Card text",an(W31,{}),[{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 U31}from"efficient-easel/panel";import{FieldSelect as K31}from"efficient-easel/fields";import{CategoryIcon as $31}from"efficient-easel/icons";import{useEffect as T_,useRef as j31,useState as sn}from"react";import{Fragment as Y31,jsx as nc,jsxs as X31}from"react/jsx-runtime";var Vv=60,Ev="collection:";function P_(e){return Ev+Bl(e)}function cn(e){if(!e||!e.startsWith(Ev))return;let t=e.slice(Ev.length);return wa.find(a=>Bl(a.key)===t)?.key}function Ht(e){return e.slug&&e.slug.trim()?e.slug:`cat-${e.id}`}function Fv(e,t){return{slug:Ht(e),name:e.name,wheels:t.filter(a=>(a.categories??[a.process]).includes(e.name)).slice(0,Vv)}}function Tv(e){return{slug:a7,name:tC,wheels:e.slice(0,Vv)}}function Pv(e,t){return{slug:P_(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,Vv)}}function Nv({value:e,onChange:t}){let[a,s]=sn(null),[c,o]=sn(null),[l,r]=sn(!1),[i,n]=sn(!1),h=j31(!0);T_(()=>(h.current=!0,r3().then(z=>{h.current&&o(z)}),m4().then(z=>{h.current&&s(z)}),()=>{h.current=!1}),[]),T_(()=>{if(!e?.slug||a===null||c===null)return;let z,x=cn(e.slug);if(x)z=Pv(x,c);else if(e.slug===a7)z=Tv(c);else{let w=a.find(C=>Ht(C)===e.slug);z=w?Fv(w,c):null}z&&n6(z,e)&&t(z)},[a,c]);let m=z=>{if(!z){t(null);return}let x=cn(z);if(x){c&&t(Pv(x,c));return}if(z===a7){c&&t(Tv(c));return}let w=(a??[]).find(C=>Ht(C)===z);w&&c&&t(Fv(w,c))},p=()=>{e?.slug&&(r(!0),n(!1),Promise.all([m4(!0),r3(!0)]).then(([z,x])=>{if(!h.current)return;s(z),o(x);let w=cn(e.slug);if(w)t(Pv(w,x));else if(e.slug===a7)t(Tv(x));else{let C=z.find(A=>Ht(A)===e.slug);C&&t(Fv(C,x))}}).catch(()=>{h.current&&n(!0)}).finally(()=>{h.current&&r(!1)}))},u=c===null,g=e?.wheels?.length??0,d=e?.slug&&e.slug!==a7&&!cn(e.slug)&&!(a??[]).some(z=>Ht(z)===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 X31(U31,{label:"Products source",icon:nc($31,{}),children:[nc(K31,{value:e?.slug??"",ariaLabel:"Products source",onChange:m,readOnly:u,options:[{label:"None",value:""},{label:"All products",value:a7},...wa.map(z=>({label:z.key,value:P_(z.key),group:"Collections"})),...d?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...(a??[]).map(z=>({label:z.name,value:Ht(z),group:"Categories"}))]}),e?.slug?nc(r4,{status:f,statusText:v,onRefresh:p,busy:l,hint:nc(Y31,{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."})}):nc("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 B_,useId as s41,useMemo as Ft}from"react";import{createContext as J31,useContext as Q31,useEffect as e41,useState as E_}from"react";import{jsx as on}from"react/jsx-runtime";var V_=J31({wheels:[],loading:!1});function N_({children:e}){let[t,a]=E_([]),[s,c]=E_(!0);return e41(()=>{let o=!1;return r3().then(l=>{o||(a(l),c(!1))}).catch(()=>{o||c(!1)}),()=>{o=!0}},[]),on(V_.Provider,{value:{wheels:t,loading:s},children:e})}function _v({code:e,finish:t,wheel:a}){let{wheels:s,loading:c}=Q31(V_),o=a??(e?s.find(l=>l.slug===e):void 0);return o?on(X8,{wheel:o,variant:"catalog",defaultFinish:t},t??""):on("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:on("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 t41(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 Bv(e){if(Array.isArray(e))return e.map(Bv);if(e&&typeof e=="object"){let t={};for(let[a,s]of Object.entries(e))t[t41(a)]=Bv(s);return t}return e}function a41(e){return Bv(e)}function __(e){return e.map(t=>W0(t)==="tyre"?t:a41(t))}import{Fragment as o41,jsx as b3,jsxs as s9}from"react/jsx-runtime";var R_={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"},ln=[{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)]"}],hc="lg";function c41(e){return(ln.find(t=>t.value===e)??ln.find(t=>t.value===hc)).cls}function Rv({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:z,showBadge:x,fieldUsage:w,showCardPrice:C,showCardFinishes:A,showCardSizes:E,showCardBuy:V,showCardPage:q,cardImage:F,gap:T}){let N=Ft(()=>w?R4(w,"alloy-wheel"):void 0,[w]),I=Ft(()=>w?R4(w,"tyre"):void 0,[w]),P=`pg-${s41().replace(/:/g,"")}`,D=R_[Math.min(6,Math.max(1,h??4))]??R_[4],a1=typeof m=="number"&&m>0,B=typeof u=="number",U=Ft(()=>{let $=t??n?.wheels??null;return $?__($):null},[t,n]),Y=n?.process,W=!!Y,{filters:Q,reportCount:b1,reportLugs:X,reportSizes:v1,reportFinishes:G1,vehicle:G}=Nl(),{currency:o1}=n0(),u1=W&&!!Q.process&&Q.process!==Y,A0=Ft(()=>U?W?nM(U,Q,o1,G.fit):U:null,[U,W,Q,o1,G.fit]);B_(()=>{if(W)return b1(P,u1?0:A0?.length??0),()=>b1(P,0)},[W,u1,A0,b1,P]);let w0=Ft(()=>{let $=(A0??[]).filter(Y0=>W0(Y0)!=="tyre");if($.length===0)return!1;let S1=$.some(Y0=>!!Y0.process);return $.some(Y0=>!!Y0.setWords)||Ls({kind:!1,brand:!1,process:S1},N??[])},[A0,N]),p1=Ft(()=>({lugs:$C(U??[]),sizes:jC(U??[]),finishes:mk(U??[])}),[U]);B_(()=>(X(P,p1.lugs),v1(P,p1.sizes),G1(P,p1.finishes),()=>{X(P,[]),v1(P,[]),G1(P,[])}),[p1,X,v1,G1,P]);let e0=R3("ProductGrid",T,"both"),M1=`${P} grid${e0.className} bg-[var(--catalog-grid-bg)] ${D}`,z2=A0?A0.length>0?b3("div",{className:M1,style:e0.style,children:A0.map(($,S1)=>W0($)==="tyre"?b3(Vs,{item:$,currency:o1,editing:p,fieldUsage:I},`tyre:${$.slug}-${S1}`):b3(X8,{wheel:$,variant:"catalog"},`${$.slug}-${S1}`))}):p?b3("div",{className:"flex min-h-[320px] items-center justify-center rounded bg-surface-2 p-4 text-center",children:s9("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:b3(i,{className:M1,style:e0.style,minEmptyHeight:320}),a0=A0?A0.length:null,p2=b5(c6(a)),f0=e||s||l||r?s9("div",{className:`${X9} 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 ${B?"":"-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:[s9("div",{className:"flex min-w-0 items-end gap-[21px]",children:[e&&b3("span",{className:"font-mono text-[length:var(--size-label,13px)] leading-none uppercase tracking-[0.22em] text-fg-dim",children:k(e)}),s&&b3("h2",{className:`${c41(c)} leading-none text-fg max-[800px]:leading-[1] [&>span]:block`,children:j(s,!1)})]}),(l||r||a0!==null)&&s9("div",{className:"flex items-center gap-5 max-[800px]:gap-3 min-[800px]:grow min-[800px]:justify-end",children:[l&&b3("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:k(l)}),r&&s9(C1,{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:[k(r.text),b3("span",{"aria-hidden":!0,children:"\u2192"})]}),a0!==null&&s9("span",{className:"whitespace-nowrap font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:[a0," ",a0===1?p2.one:p2.many]})]})]}):null,m1=typeof o=="number"?o:120,q1=X5(v),H0=I6(P,q1),F0=s9(o41,{children:[a1&&b3("style",{children:`.${P} > *:nth-child(n+${m+1}){display:none}`}),H0&&b3("style",{children:H0}),f0,z2,b3(Cs,{editing:p})]});if(u1)return null;let c0=b3("section",{...W?{[Vl]: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(F)},children:B?b3("div",{style:dx(!1,u)??void 0,children:F0}):F0}),q0=p&&!U?b3(N_,{children:c0}):c0;return b3(Ri,{imageBackgroundFill:_9(g,Z6),spinOnHover:d??!0,coverIndex:f??1,indexBadge:q1,outline:z??e4,showBadge:x??!0,fieldUsage:N,reserveEyebrow:w0,showCardPrice:C??!0,showCardFinishes:A??!0,showCardSizes:E??!1,showCardBuy:V??!1,showCardPage:q??!1,children:q0})}import{ProductFieldIcon as l41,TextSizeIcon as r41,ColumnsIcon as i41,ListIcon as n41,HashIcon as h41}from"efficient-easel/icons";import{jsx as Iv}from"react/jsx-runtime";var Zv={products:{type:"slot"}},I_={label:"Product Grid",fields:Zv,defaultProps:{dynamic:!1,num:"",title:"",titleSize:hc,padTop:120,description:"",linkText:"",linkHref:"",columns:4,limit:8,showAll:!1,spinOnHover:!0,coverIndex:String(1),outline:e4,indexBadge:Q3,showBadge:!0,source:null,fullWidth:!0,pageWidth:M9.default},render:e=>{if(e.dynamic)return Iv(J8,{num:y(e.num,O0.num,e.puck),title:y(e.title,L.sectionHeading,e.puck),description:y(e.description,L.body,e.puck),columns:typeof e.columns=="number"?e.columns:3,relationship:V5,cardImage:e.cardImage,outline:a8(e.outline),indexBadge:X5(e.indexBadge),showBadge:e.showBadge??!0,imageBackground:fy(e.imageBackground),showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage,editing:e.puck?.isEditing});let t=y(e.linkText,O0.link,e.puck),a=e.source,s=B2(e,"full"),c=I1(e.headPlacement)==="own-box",o=r=>c?void 0:r,l=Iv(Rv,{gap:e.gap,capWidth:s.mode==="page"?s.pageWidth:void 0,num:o(y(e.num,O0.num,e.puck)),title:o(y(e.title,L.sectionHeading,e.puck)),titleSize:e.titleSize,padTop:c?0:e.padTop,description:o(y(e.description,L.body,e.puck)),link:o(t?{text:t,href:e1(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:ut(e.coverIndex),outline:a8(e.outline),indexBadge:X5(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"?Iv("div",{className:as,children:l}):l}};import{jsx as mc}from"react/jsx-runtime";var Z_=g5({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),D_={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,mc(l41,{})),_gHeader:b("Header"),num:H("Number",O0.num),title:R("Heading",L.sectionHeading),titleSize:g1("Heading size",mc(r41,{}),ln,hc),description:R("Body",L.body),_gProducts:b("Products"),kinds:D9("Product types",me,"None \u2014 this section will be empty"),source:t2(Nv),productList:s2("ProductGrid"),products:Zv.products,_gLink:b("Link"),linkText:H("Button",O0.link),linkHref:L1("Link"),...Eo({bottomDefault:!1}),...O9(),...G9(),_gLayout:b("Grid"),columns:t1("Columns",mc(i41,{}),1,6,1,4),showAll:s1("Show all items",!1,mc(n41,{})),limit:t1("Items to display",mc(h41,{}),1,12,1,8),gap:I3("ProductGrid"),...Z_,...v5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=W1(t,a,U1),c=e.props,o=Z1(s,c.headPlacement,B1.ProductGrid.headRows);if(!Z2()){let r={...o};return delete r._gDynamic,delete r.dynamic,r}if(c.dynamic){let r=new Set([c8.Content,"_gDynamic","dynamic","_gHeader","num","title","titleSize","description","_gLayout","columns",...Object.keys(Z_),...q9,...W9,...U9,...K9,...Ry,...By,...Iy]),i={};for(let[n,h]of Object.entries(o))r.has(n)&&(i[n]=h);return x7(i,B2(e?.props??{},"full"))}let l={...o};return fl(c.source)||delete l.kinds,c.source?.slug&&(delete l.products,delete l.productList),c.showAll&&delete l.limit,S2(c.linkText).hidden&&delete l.linkHref,x7(l,B2(e?.props??{},"full"))}};import{SettingsField as m41}from"efficient-easel/panel";import{FieldSelect as p41}from"efficient-easel/fields";import{CategoryIcon as u41}from"efficient-easel/icons";import{useEffect as d41,useMemo as Dv,useState as g41}from"react";import{Fragment as b41,jsx as c9,jsxs as z41}from"react/jsx-runtime";var qv=e=>e.kind==="tyre"?"tyre":"alloy-wheel",pc=e=>`${e.kind}:${e.slug}`;function O_(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(K6).map(t=>({name:t.name,color:t.color,src:t.src})),prices:e.prices,href:`/wheels/${e.slug}`}}function Gv(e,t){let a=qv(t);return e.find(s=>s.kind===a&&s.slug===t.slug)}function Ov(e){return e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")?"Category \u2014 wheels only":"Category"}var v41=e=>e===1?"1 size":`${e} sizes`;function f41({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&&Gv(e,a))?[{value:pc({kind:qv(a),slug:a.slug}),label:s?a.name:`${a.name} (unavailable)`}]:[],m=uv(l,t).map(u=>{let g=X6(u.prices[c],u.msrpPrices?.[c]);return{value:pc({kind:"alloy-wheel",slug:u.slug}),label:u.name,...i?{group:"Wheels"}:{},thumb:u.coverImage??null,...g.priced?{meta:R2(g.unit,c)}:{}}}),p=r.map(u=>({value:pc(u),label:u.name,...i?{group:"Tyres"}:{},thumb:u.coverImage??null,meta:v41(u.variantCount)}));return[n,...h,...m,...p]}function Wv({value:e,onChange:t}){let a=b4(),{rows:s,loading:c,refreshing:o,errored:l,refresh:r}=We({load:lt,resolve:Gv,snapshot:O_,value:e,onChange:t}),[i,n]=g41(null);d41(()=>{let A=!1;return m4().then(E=>{A||n(E)}),()=>{A=!0}},[]);let{currency:h}=n0(),m=Dv(()=>s&&e?Gv(s,e)??null:null,[s,e]),p=Dv(()=>(s??[]).filter(A=>A.kind==="alloy-wheel"),[s]),{category:u,setCategory:g,categoryNames:d}=Z7(p,i,m?.kind==="alloy-wheel"?m:null),f=!!e?.slug&&s!==null&&!m,v=Dv(()=>f41({rows:s,category:u,value:e,loading:c,currency:h}),[s,u,e,c,h]),z=A=>{if(!A){t(null);return}let E=(s??[]).find(V=>pc(V)===A);E&&t(O_(E))},x=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},w=l?"error":o?"loading":"idle",C=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 z41("div",{children:[c9(V9,{label:"Product",options:v,fallback:"",value:e?pc({kind:qv(e),slug:e.slug}):"",onChange:z,placeholder:"Search products\u2026"}),c9(m41,{label:Ov(s),icon:c9(u41,{}),children:c9(p41,{value:u,ariaLabel:Ov(s),onChange:g,readOnly:c,options:[{label:Ov(s)==="Category"?"All products":"All wheel categories",value:A6},...d.map(A=>({label:A,value:A}))]})}),e?.slug?c9(r4,{status:w,statusText:C,onRefresh:r,busy:o,edit:{label:"Edit product \u270E",onClick:x},hint:c9(b41,{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."})}):c9("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 G_,useMemo as q_,useState as Uv}from"react";import{SettingsField as x41}from"efficient-easel/panel";import{FieldSelect as y41}from"efficient-easel/fields";import{Fragment as S41,jsx as rn}from"react/jsx-runtime";var o9="__all__",Kv="";function w41(e){return(e??[]).filter(t=>oc.includes(t.kind))}var k41=s8("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"),nn=e=>typeof e.brand=="string"?e.brand.trim():"";function W_(e,t){if(e.kind!=="alloy-wheel"||!t)return;let a=e,s=X6(a.prices?.[t],a.msrpPrices?.[t]);return s.priced?R2(s.unit,t):void 0}function C41({rows:e,brand:t,kind:a,slug:s,loading:c=!1,currency:o=""}){let l=e??[],r=[...new Set(l.map(nn).filter(Boolean))].sort((d,f)=>d.localeCompare(f)),i=t===o9?l:l.filter(d=>nn(d)===t),n=c4.filter(d=>i.some(f=>f.kind===d)),h=a===o9?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:x4[d.kind]}:{},thumb:d.coverImage??null,...W_(d,o)?{meta:W_(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:o9,label:"All brands"},...r.map(d=>({value:d,label:d}))]}),n.length>1&&g.push({key:"kind",label:"Product type",options:[{value:o9,label:zk},...n.map(d=>({value:d,label:x4[d]}))]}),g.push({key:"product",label:"Product",options:[{value:Kv,label:c?"Loading\u2026":"Generic placeholder"},...u,...p]}),g}function $v(){let[e,t]=Uv(null),[a,s]=Uv(o9),[c,o]=Uv(o9),l=Xg(),r=Ui()??Kv;G_(()=>{let p=!1;return lt().then(u=>{p||t(u)}).catch(()=>{p||t([])}),()=>{p=!0}},[]);let{currency:i}=n0(),n=q_(()=>w41(e),[e]);G_(()=>{let p=n.find(u=>u.slug===r);p&&nn(p)&&s(nn(p))},[r,n]);let h=q_(()=>C41({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(o9)},kind:o,product:p=>CN(l,p)};return rn(S41,{children:h.map(p=>rn(x41,{label:p.label,icon:xy(k41),hint:p.key==="product"?M41:void 0,children:p.key==="product"?rn(V9,{bare:!0,label:p.label,options:p.options,fallback:Kv,value:r,onChange:m.product,placeholder:"Search your catalog\u2026"}):rn(y41,{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 M41="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as F41,CarIcon as T41,LayoutIcon as P41,ColumnWidthsIcon as E41,AlignLeftIcon as V41,SpecTableIcon as N41,DollarIcon as _41,GridIcon as B41,ImageIcon as R41}from"efficient-easel/icons";var Tt="top",jv=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function U_(e){return _2(jv,Tt,e)}var L41=["split","imageRight","stacked"],D7="split";function Pt(e){return L41.includes(e)?e:D7}var l9="left";function hn(e){return e==="center"?"center":"left"}var Yv=35,Xv=70,O7=50;function mn(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(Xv,Math.max(Yv,Math.round(t))):O7}var A41=["main","thumbs","tiled"],G7="thumbs";function pn(e){return A41.includes(e)?e:G7}var H41=["contain","cover"],q7="contain";function un(e){return je(e,q7)}function K_(){return H41.map(e=>({label:bu[e],value:e}))}function $_(e,t){return t?"contain":e}import{jsx as G5}from"react/jsx-runtime";var I41=()=>({type:"custom",render:()=>G5($v,{})});function Z41(e){let t=e?.data?.root;return oc.includes(LS(t?.props))}var j_={fields:{_gSource:b("Product"),source:t2(Wv),_gPreview:b(Vo),previewPick:I41(),_gPriceLine:b("Price"),pricePlacement:g1("Price position",G5(F41,{}),jv,Tt),_gBehaviour:b("Behavior"),showVehicleFitment:s1("Vehicle fitment",!0,G5(T41,{})),_gArrangement:b("Arrangement"),heroLayout:f1("Layout",G5(P41,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],D7),imageRatio:t1("Image / buy ratio",G5(E41,{}),Yv,Xv,1,O7,"%"),textAlign:f1("Alignment",G5(V41,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],l9),_gShow:b("Show in the buy box"),showSpecTable:s1("Spec table",!0,G5(N41,{})),showPriceQuote:s1("Price / quote",!0,G5(_41,{})),_gImageGallery:b("Image gallery"),galleryMode:f1("Gallery",G5(B41,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],G7),imageFit:f1(Zr,G5(R41,{}),K_(),q7)},resolveFields:(e,{fields:t,appState:a})=>{let s=e.props,c={...t};if(Pt(s.heroLayout)==="stacked"&&delete c.imageRatio,!Z2())return delete c._gPreview,delete c.previewPick,c;let o=c,l=new Set([...q9,...W9,...U9,...K9,"_gPreview","previewPick","_gPriceLine","pricePlacement","_gBehaviour","showVehicleFitment","_gArrangement","heroLayout","imageRatio","textAlign","_gShow","showSpecTable","showPriceQuote","_gImageGallery","galleryMode","imageFit"]);Z41(a)||(l.delete("_gPreview"),l.delete("previewPick"));let r={};for(let[i,n]of Object.entries(o))l.has(i)&&(r[i]=n);return $9(r)}};import{useEasel as O41}from"efficient-easel/easel";import{useEasel as D41}from"efficient-easel/easel";function dn(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=D41(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 Y_,jsxs as G41}from"react/jsx-runtime";function Jv(){let e=b4(),t=ci(),{selectedItem:a}=O41(r=>r),s=a?.props?.code??"",c=(t??[]).find(r=>r.slug===s)??null,o=dn()!==null;return!c||o?null:G41("div",{className:"sf-blogsource",children:[Y_("button",{type:"button",className:"sf-blogsource-btn",onClick:()=>e.send("storefront-editor:open-product",{slug:c.slug,name:c.name}),children:"Edit product \u270E"}),Y_("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 q41}from"efficient-easel/easel";import{SettingsField as W41}from"efficient-easel/panel";import{FieldSelect as U41}from"efficient-easel/fields";import{FinishIcon as K41}from"efficient-easel/icons";import{jsx as uc,jsxs as $41}from"react/jsx-runtime";function Qv({value:e,onChange:t}){let a=ci(),{selectedItem:s}=q41(n=>n),c=s?.props?.code??"",o=a===null,l=(a??[]).find(n=>n.slug===c)?.finishes??[],r=l.filter(K6).map(n=>n.name),i=r.includes(e??"")?e:"";return $41("div",{children:[uc(W41,{label:"Finish",icon:uc(K41,{}),hint:"Pinning one overrides the section\u2019s Cover image.",children:uc(U41,{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&&uc("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&&uc("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 X_}from"efficient-easel/panel";import{FieldSelect as J_}from"efficient-easel/fields";import{BlockProductIcon as j41,CategoryIcon as Y41}from"efficient-easel/icons";import{useEffect as X41,useMemo as J41,useState as Q_}from"react";import{jsx as W7,jsxs as ef}from"react/jsx-runtime";function tf({value:e,onChange:t}){let[a,s]=Q_(null),[c,o]=Q_(null);X41(()=>{let g=!1;return r3().then(d=>{g||s(d)}),m4().then(d=>{g||o(d)}),()=>{g=!0}},[]);let l=J41(()=>a&&e?a.find(g=>g.slug===e)??null:null,[a,e]),{category:r,setCategory:i,categoryNames:n,filtered:h}=Z7(a,c,l),m=a===null,p=dn(),u=p!==null;return ef("div",{children:[u&&ef("p",{className:"sf-blogsource-hint",style:{marginBottom:8},children:["Disabled because this grid\u2019s ",W7("strong",{children:"Products source"})," is set to \u201C",p,"\u201D. The grid fills itself from that source automatically. To pick wheels here, set"," ",W7("strong",{children:"Products source"})," back to \u201CNone\u201D."]}),ef("div",{className:u?"sf-locked":void 0,children:[W7(X_,{label:"Category",icon:W7(Y41,{}),children:W7(J_,{value:r,ariaLabel:"Category",onChange:i,readOnly:m||u,options:[{label:"All products",value:A6},...n.map(g=>({label:g,value:g}))]})}),W7(X_,{label:"Product",icon:W7(j41,{}),children:W7(J_,{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 af}from"react/jsx-runtime";var eB={fields:{code:{type:"custom",render:({value:e,onChange:t})=>af(tf,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>af(Qv,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>af(Jv,{})}},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 e51,HashIcon as t51,ColumnsIcon as a51}from"efficient-easel/icons";import{jsx as Q41}from"react/jsx-runtime";var dc={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},tB={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:tc,columns:3,relationship:V5},render:e=>{let t=I1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=B2(e,"full");return Q41(J8,{num:a(y(e.num,O0.num,e.puck)),title:a(y(e.title,L.sectionHeading,e.puck)),description:a(y(e.description,L.body,e.puck)),omitHead:t,capWidth:s.mode==="page"?s.pageWidth:void 0,columns:typeof e.columns=="number"?e.columns:3,cardCount:Di(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:V5,footnote:y(e.footnote,dc.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,dc.footnoteLinkText,e.puck),footnoteLinkHref:e1(e.footnoteLinkHref),cardImage:e.cardImage,coverIndex:ut(e.coverIndex),imageBackground:e.imageBackground,spinOnHover:e.spinOnHover,outline:a8(e.outline),indexBadge:X5(e.indexBadge),showBadge:e.showBadge,editing:e.puck?.isEditing})}};import{jsx as sf}from"react/jsx-runtime";var aB={fields:{_gHeader:b("Header"),num:H("Number",O0.num),title:R("Heading",L.sectionHeading),description:R("Body",L.body),_gFootnote:b("Footnote"),footnote:R("Footnote",dc.footnote),footnoteLinkText:H("Footnote button",dc.footnoteLinkText),footnoteLinkHref:L1("Footnote link"),...O9(),...G9(),_gLayout:b("Grid"),relationship:g1("Show",sf(e51,{}),lN,V5),cardCount:t1("Cards to show",sf(t51,{}),Dg,ac,1,tc),columns:t1("Columns",sf(a51,{}),2,4,1,3),...v5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t};if(nN(typeof s.relationship=="string"?s.relationship:V5))for(let o of iN)delete c[o];return Z1(W1(c,a,U1),s.headPlacement,B1.RelatedProducts.headRows)}};import{StylesIcon as s51}from"efficient-easel/icons";import{jsx as c51}from"react/jsx-runtime";var sB={fields:{_gStyle:b("Style"),style:f1("Show as",c51(s51,{}),_i,"icon")}};import{SettingsField as cB}from"efficient-easel/panel";import{FieldSelect as oB}from"efficient-easel/fields";import{BlockProductIcon as o51,CategoryIcon as l51}from"efficient-easel/icons";import{useEffect as r51,useMemo as i51,useState as n51}from"react";import{Fragment as h51,jsx as P6,jsxs as m51}from"react/jsx-runtime";function lB(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:X3(t.angles?.[0]??t.src)??null}))}}function cf({value:e,onChange:t}){let a=b4(),{rows:s,loading:c,refreshing:o,errored:l,refresh:r}=We({load:r3,resolve:(C,A)=>C.find(E=>E.slug===A.slug),snapshot:lB,value:e,onChange:t}),[i,n]=n51(null);r51(()=>{let C=!1;return m4().then(A=>{C||n(A)}),()=>{C=!0}},[]);let h=i51(()=>s&&e?.slug?s.find(C=>C.slug===e.slug)??null:null,[s,e?.slug]),{category:m,setCategory:p,categoryNames:u,filtered:g}=Z7(s,i,h),d=!!e?.slug&&s!==null&&!h,f=C=>{if(!C){t(null);return}let A=(s??[]).find(E=>E.slug===C);A&&t(lB(A))},v=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},z=!!e?.spec,x=l?"error":o?"loading":"idle",w=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.`:z?`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 m51("div",{children:[P6(cB,{label:"Category",icon:P6(l51,{}),children:P6(oB,{value:m,ariaLabel:"Category",onChange:p,readOnly:c,options:[{label:"All products",value:A6},...u.map(C=>({label:C,value:C}))]})}),P6(cB,{label:"Product",icon:P6(o51,{}),children:P6(oB,{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(C=>({label:C.name,value:C.slug}))]})}),e?.slug?P6(r4,{status:x,statusText:w,onRefresh:r,busy:o,edit:{label:"Edit product \u270E",onClick:v},hint:P6(h51,{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."})}):P6("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 P51,FinishIcon as bB,DiagramIcon as E51}from"efficient-easel/icons";import{useId as d51,useState as g51}from"react";import{jsx as gn,jsxs as p51}from"react/jsx-runtime";function of({id:e}){return p51("defs",{children:[gn("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:gn("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),gn("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:gn("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as u51}from"react/jsx-runtime";function lf({nodeId:e,children:t}){return u51(C8,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as b51,jsx as G0,jsxs as E3}from"react/jsx-runtime";function P3(e,t){return e?{[aw]:t}:{}}function v51({editing:e,nodeId:t,children:a}){return!e||!t?G0(b51,{children:a}):G0(lf,{nodeId:t,children:a})}function rB({row:e,topBorder:t,editing:a}){return E3("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",{...P3(a,"rowLabel"),className:"uppercase text-fg-dim",children:e.label}),G0("span",{...P3(a,"rowValue"),className:`text-right ${e.accent?"text-accent":"text-fg"}`,children:e.value})]})}function f51({diagram:e,editing:t}){let[a,s]=g51(!1),c=`spec-${d51().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 E3("div",{className:"sf-card bg-surface p-6 max-[1100px]:mt-8",children:[G0("div",{...P3(t,"diagramTitle"),className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.25em] text-fg-dim",children:"Wheel Dimension Diagram"}),E3("div",{className:"relative flex aspect-square items-center justify-center",children:[E3("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(of,{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(h8,{spokes:p,mesh:u,className:"relative z-[1] block h-[72%] w-[72%] text-accent"}),E3("span",{...P3(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 ",Qh(r)]}),E3("span",{...P3(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 ",Qh(i)]})]}),E3("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:[E3("div",{children:[G0("div",{...P3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Holes"}),G0("div",{...P3(t,"diagramStatValue"),className:"mt-1 text-fg",children:h})]}),E3("div",{children:[G0("div",{...P3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"PCD"}),G0("div",{...P3(t,"diagramStatValue"),className:"mt-1 text-fg",children:m})]}),E3("div",{children:[G0("div",{...P3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Spokes"}),E3("div",{...P3(t,"diagramStatValue"),className:"mt-1 text-fg",children:[p,u?" + Mesh":""]})]}),E3("div",{children:[G0("div",{...P3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Bore"}),G0("div",{...P3(t,"diagramStatValue"),className:"mt-1 text-fg",children:g})]}),E3("div",{children:[G0("div",{...P3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"ET"}),G0("div",{...P3(t,"diagramStatValue"),className:"mt-1 text-accent",children:n})]})]})]})}function Et({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:P0(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:E3(v51,{editing:o,nodeId:r,children:[l?null:G0(J1,{num:e?k(e):void 0,title:t?j(t,!1):void 0,description:a?k(a):void 0,accent:!0}),c?E3("div",{className:"grid grid-cols-[1fr_400px] gap-12 max-[1100px]:grid-cols-1",children:[G0("div",{children:h.map((m,p)=>G0(rB,{row:m,topBorder:p>0,editing:o},p))}),G0(f51,{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(rB,{row:m,topBorder:!0,editing:o},p))})]})})}import{useEffect as w51,useState as k51}from"react";function vn(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function z51(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function x51(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 y51(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await $6(z51(t),{baseUrl:Jo});return x51(e.size,t,a)}catch{return null}}async function iB(e){return(await Promise.all(e.map(y51))).filter(a=>a!==null)}function fn(e){let[t,a]=k51([]),s=e.map(c=>c.eprelRegistrationNumber??"").join(",");return w51(()=>{let c=!0;return iB(e).then(o=>{c&&a(o)}),()=>{c=!1}},[s]),t}var C51={"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 nB(e){return C51[e]}function U7(e){return e&&e.trim()?e:"\u2014"}function hB(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function mB(e,t,a,s,c){let o=we(c?.boltPattern).holes,l=o!=null&&o>0?o:e.lugs,r=xa(l),i=e.pcds.length?e.pcds.join(" \xB7 "):"\u2014",n=e.centreBores.length?`${e.centreBores.join(" / ")} mm`:"\u2014",h=e.etRange.length>=2?gl(e.etRange[0],e.etRange[1]):"\u2014",m=s??"",p=c?Ts(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:U7(r&&`${r}-lug`),fieldKey:"holes"},{label:"Bolt Pattern",value:i,fieldKey:"bolt_pattern"},{label:"Offset (ET)",value:h,fieldKey:"et"},{label:"Process",value:U7(t),fieldKey:ge},{label:"Centre Bore",value:n,fieldKey:"center_bore"},{label:"Load Rating",value:U7(e.loadRating),fieldKey:"load_rating"},{label:"Bump Profile",value:U7(e.bumpProfile),fieldKey:"hump"},{label:"Rim Profile",value:U7(e.rimProfile),fieldKey:"flange"},{label:"Cap Code",value:U7(e.cap),fieldKey:"cap_code"}],size:m}}function rf(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function M51(e,t){let a=e?.diameter??rf(t?.sizes??[]),s=e?.width??rf(t?.widths??[]),c=t?.etRange??[],[o,l]=c,r=e?.et??(c.length>=2&&o===l?o:void 0),i=n=>U7(n!=null?A2(n):void 0);return{diameter:i(a),width:i(s),offset:i(r)}}function pB(e,t){let a=e?.centreBore??rf(t.centreBores);return{...M51(e,t),bore:U7(a!=null?`${a} mm`:void 0)}}function uB(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 bn(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=mt(e.variants??[],c?.name,a),{rows:l,size:r}=mB(s,e.process,c?.name??"\u2014",a,o),i=pB(o,s),n={wheelName:e.name,imageSrc:c?.image??e.coverImage??null,...i,holes:xa(s.lugs),pcd:hB(s.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:l,diagram:n}}function dB(e,t,a){let s=Ki(e),c=nB(e);if(!s||!c)return{rows:[],diagram:null};let o=Lt(e),l=s.finishes.find(m=>m.name===t)??s.finishes[0],{rows:r,size:i}=mB(c,s.process,l?.name??"\u2014",a,void 0),n=pB(void 0,c),h={wheelName:s.name,imageSrc:l?.angles?.[0]??l?.src??null,...n,holes:o[0]?.holes?.toString()??xa(c.lugs),pcd:o[0]?.pcd??hB(c.pcds),spokes:s.spokes,mesh:s.mesh};return{rows:r,diagram:h}}function S51(e){let{brand:t,variant:a,euLabel:s}=e;if(!a)return[];let c=s4(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&&vn(s)||""],["","Snow Grip",s?.severeSnow?"Yes":""],["","Ice Grip",s?.iceGrip?"Yes":""],["","Reinforced",s?.loadIndicator??""]]}function gB(e){let t=[];for(let[a,s,c]of S51(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 zn}from"react/jsx-runtime";var L51=["alloy-wheel","tyre"],A51=[],H51=[];function F51(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 nf(e){return zn(f2,{kinds:L51,type:"SpecTable",editing:e.editing,children:zn(T51,{...e})})}function T51({num:e,title:t,description:a,showDiagram:s=!0,editing:c=!1,nodeId:o,omitHead:l=!1}){let r=$0(),i=f3(c&&!r),n=r?.product??i,h=n?.kind==="tyre"?n.source:null,m=fn(h?.variants??A51),p=r?.fieldUsage??H51;if(h){let v=F51(h,r?.selection.part?.id,r?.selection.shown.size),z=m.find(w=>w.size===v?.size)??null,x=gB({brand:h.brand,variant:v,euLabel:z});return zn(Et,{num:e,title:t,description:a,rows:Jh(x.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?H7(u,r.selection.part)?.size??void 0:void 0,f=u?bn(uB(u),g,d):{rows:[],diagram:null};return zn(Et,{num:e,title:t,description:a,rows:Jh(f.rows,p),diagram:s?f.diagram:null,editing:c,nodeId:o,omitHead:l})}import{jsx as vB}from"react/jsx-runtime";var q5={num:L.sectionNumber,title:"Specifications *table.*",description:L.body},fB={label:"Spec Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",source:null,finish:"",size:"",showDiagram:!0,rows:[]},render:e=>{let t=I1(e.headPlacement)==="own-box",a=h=>t?void 0:h;if(e.dynamic)return vB(nf,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(y(e.num,q5.num,e.puck)),title:a(y(e.title,q5.title,e.puck)),description:a(y(e.description,q5.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=bn(s,l,r);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else if(o){let h=dB(o,l,r);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else i=e.rows??[];return vB(Et,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(y(e.num,q5.num,e.puck)),title:a(y(e.title,q5.title,e.puck)),description:a(y(e.description,q5.description,e.puck)),rows:i,diagram:n,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as xn}from"react/jsx-runtime";var V51="Size (blank = none selected)",zB={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,xn(P51,{})),_gHeader:b("Header"),num:H("Number",q5.num),title:R("Heading",q5.title),description:R("Body",q5.description),_gData:b("Product"),source:t2(cf),finish:g1("Finish",xn(bB,{}),[],""),size:{type:"text",label:V51},_gDiagram:b("Diagram"),showDiagram:s1("Dimension diagram",!0,xn(E51,{})),_gRows:b("Rows"),rows:{type:"array",label:"Rows",arrayFields:{label:Z("Label"),value:Z("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||e?.value||"Row"}},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c=Z2(),o=m=>Z1(W1(m,a,U1),e.props.headPlacement,B1.SpecTable.headRows);if(c&&s.dynamic){let m=new Set([c8.Content,"_gDynamic","dynamic","_gHeader","num","title","description","_gDiagram","showDiagram",...q9,...W9,...U9,...K9]),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):(Ki(r)?.finishes??[]).map(m=>m.name),h=[{value:"",label:"Default (first finish)"},...n.map(m=>({value:m,label:m}))];return i.finish=g1("Finish",xn(bB,{}),h,""),delete i._gRows,delete i.rows,o(i)}};var N51={link:"Know your size? Pick it below"},xB={fields:{_gHeader:b("Header"),num:H("Number",O0.num),title:H("Heading",L.sectionHeading),description:R("Body",L.body),_gCta:b("Call to action"),escapeText:H("Button",N51.link),escapeHref:L1("Button link")},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.TyreFitment.headRows)};var yB={fields:{_gHeader:b("Header"),num:H("Number",O0.num),title:H("Heading",L.sectionHeading),description:R("Body",L.body)},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.TyreSizes.headRows)};import{useEffect as R51,useState as CB}from"react";import{useState as _51}from"react";function wB(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as hf,jsxs as B51}from"react/jsx-runtime";function mf({tile:e,face:t,showCount:a,selected:s,onSelect:c}){let[o,l]=_51(!1),r=wB(e,t),i=t==="mark"&&!o?X3(r):void 0;return B51("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:[hf("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?i&&hf("img",{src:i,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>l(!0)}):r}),a&&hf("span",{children:e.count})]})}import{jsx as gc,jsxs as kB}from"react/jsx-runtime";function pf({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 kB("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&kB("div",{className:"sf-brandstrip-head",children:[gc("span",{className:"sf-brandstrip-heading",children:e??""}),a?gc("a",{className:"sf-brandstrip-all",href:a,children:t??""}):gc("span",{className:"sf-brandstrip-all",children:t??""})]}),gc("div",{className:"sf-brandstrip-track",children:s.map(n=>gc(mf,{tile:n,face:c,showCount:o,selected:n.name===i,onSelect:r?()=>r(n.name):void 0},n.name))})]})}import{jsx as I51}from"react/jsx-runtime";function uf({heading:e,button:t,link:a,picks:s,available:c,face:o="name",showCount:l=!0}){let[r,i]=CB(null),n=Array.isArray(s)?s:[],h=!c&&n.length>0;R51(()=>{if(!h)return;let g=!1;return Vi().then(d=>d??m0.listBrands()).then(d=>{g||i(d)}).catch(()=>{}),()=>{g=!0}},[h]);let m=fV(n,c??r??[]),[p,u]=CB(void 0);return I51(pf,{heading:e,button:t,link:a,brands:m,face:o,showCount:l,picked:p,onPick:u})}import{jsx as Z51}from"react/jsx-runtime";var MB={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[Us]:vV(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:s,showCount:c,...o})=>Z51(uf,{heading:e1(e),button:e1(t),link:e1(a),picks:o[Us],available:o[gV],face:s,showCount:c})};import{jsx as vc,jsxs as yn}from"react/jsx-runtime";function D51(e,t){let a=e.savings[t];if(a===void 0)return null;let s=R2(a,t);return e.savingIsFrom?`Save from ${s}`:`Save ${s}`}function df({bundle:e,currency:t}){let a=D51(e,t);return yn(C1,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[yn("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?vc(N3,{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]"}):yn("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&&vc("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})]}),yn("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[vc("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&vc("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&vc("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as Vt,jsxs as HB}from"react/jsx-runtime";var SB="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",LB="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",O51=["alloy-wheel"],AB={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function gf(e){return Vt(f2,{kinds:O51,type:"BundleOffer",editing:e.editing,children:Vt(G51,{...e})})}function G51({num:e,title:t,description:a,columns:s=3,editing:c=!1,omitHead:o=!1,cardImage:l}){let r=$0(),{currency:i}=n0(),n=r?.product.kind==="alloy-wheel"?r.product.source.bundles??[]:[],h=o?null:Vt(J1,{num:e?k(e):void 0,title:t?j(t,!1):void 0,description:a?k(a):void 0,accent:!0});return n.length===0?c?HB("section",{className:o?LB:SB,style:j2(l),children:[h,Vt("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:HB("section",{className:o?LB:SB,style:j2(l),children:[h,Vt("div",{className:`mt-10 grid gap-6 ${AB[s]??AB[3]}`,children:n.slice(0,s).map(m=>Vt(df,{bundle:m,currency:i},m.slug))})]})}import{jsx as q51}from"react/jsx-runtime";var FB={label:"Bundle Products",defaultProps:{num:"",title:"",description:"",columns:3},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return q51(gf,{num:a(y(e.num,O0.num,e.puck)),title:a(y(e.title,L.sectionHeading,e.puck)),description:a(y(e.description,L.body,e.puck)),omitHead:t,columns:typeof e.columns=="number"?e.columns:3,cardImage:e.cardImage,editing:e.puck?.isEditing})}};import{createContext as W51,useContext as fc}from"react";var vf=W51(null);function TB(){let e=fc(oa),t=fc(vf),a=Io();return e?e.socialLinks??qy:t?t.socialLinks:a.links}function PB(){return fc(vf)?.commerceEnabled??!0}function EB(){let e=fc(oa),t=fc(vf),a=_3();return e?rl({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?rl({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):rl({siteName:a.websiteName?.trim()||_o})}import{jsx as Nt}from"react/jsx-runtime";function VB({style:e="icon",editing:t=!1}){let{open:a}=xe();return gm("search"),Nt("span",{"data-phone-menu-tool":"search",className:"contents",children:Nt(kl,{onClick:t?void 0:a,asText:e==="text"})})}function NB({style:e="icon",editing:t=!1}){let{open:a,totals:s}=a4();return PB()?Nt(wl,{onClick:t?()=>{}:a,count:s.sets,asText:e==="text"}):null}function _B({editing:e=!1}){let t=yl();return gm(t?"region":null),t?Nt("span",{"data-phone-menu-tool":"region",className:"contents",children:Nt(g8,{})}):e?Nt("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 U51}from"react/jsx-runtime";var BB={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>U51(NB,{style:e,editing:t?.isEditing})};import{useEffect as jB,useMemo as Q51}from"react";import{useState as GB}from"react";import{jsx as _t,jsxs as RB}from"react/jsx-runtime";function ff({label:e,badge:t,open:a,onToggle:s}){let c=t>0;return RB("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&&_t("span",{className:"px-1.5 text-[length:var(--size-body,11px)] tracking-[0.1em] text-bg",style:{background:"var(--accent)"},children:t}),_t("span",{className:`text-[length:var(--size-body,11px)] opacity-65 transition-transform ${a?"rotate-180":""}`,children:"\u25BE"})]})}function Bt({label:e,badge:t,open:a,onToggle:s,children:c}){return RB("div",{className:"relative",children:[_t(ff,{label:e,badge:t,open:a,onToggle:s}),a&&_t("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 Rt({children:e}){return _t("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:e})}function wn({active:e,onClick:t,children:a,role:s,ariaChecked:c}){return _t("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{useEffect as K51,useRef as $51}from"react";import{Fragment as j51,jsx as z3,jsxs as r9}from"react/jsx-runtime";function IB({picker:e,onClose:t}){let{cascade:a}=e,s=$51(h4(a.vehicle));return K51(()=>{let c=h4(a.vehicle);c&&!s.current&&t(),s.current=c},[a.vehicle,t]),r9("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(K3,{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 ZB="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function DB({field:e,picker:t,open:a,onOpenRequest:s,onClose:c}){let{cascade:o}=t,l=Ai(o),r=UE(o)[e],i=KE(o)[e],n=$E(o)[e],h=jE(o)[e],m=K8[e],p=qE(e,o.vehicle),u=h||l[e].placeholder,g=bg(r,l[e].placeholder),d=ie({items:g,value:n,onPick:i,open:a,onOpen:()=>s(p),onClose:c});return r9("div",{ref:d.wrapRef,className:"relative",children:[r9("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:`${ZB} ${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(ne,{id:d.listId,tone:"hairline",items:g,value:n,focusIdx:d.focusIdx,onFocus:d.setFocusIdx,onPick:d.pick,listRef:d.listRef})]})}function OB({picker:e,onOpenRequest:t}){let a=WE(e.cascade.vehicle);if(!a)return null;let s=Os[a];return z3("button",{type:"button","data-vehicle-next":!0,"aria-label":`${s} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${ZB} border-line text-fg-dim`,children:z3("span",{"data-vehicle-value":s,children:s})})}function bf({picker:e,total:t}){let{appliedName:a,fit:s,resolving:c,unresolved:o,clear:l}=e;if(!a)return null;let r=ke(s),i=s!==null&&!c&&t===0;return r9("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:[r9("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(j51,{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):r9("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&&r9("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 xf,jsx as R1,jsxs as R0}from"react/jsx-runtime";var Y51=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function qB(e){return e==="FusionForge\xAE"?R0(xf,{children:["FusionForge",R1(e6,{})]}):e}var zf={size:ve("diameters","alloy-wheel"),finish:ve("finishes","alloy-wheel")};function WB(e,t){return e7(e,a=>zf[String(a.key)],t??[],"filterOrder")}function X51({processCount:e,sizeCount:t,lugCount:a,finishCount:s,optionsReported:c,fieldUsage:o}){let l=i=>!c||i>va,r=ul(o??[]);return{process:e>va,size:r(zf.size)&&l(t),lugs:l(a),finish:r(zf.finish)&&l(s)}}function It(e,t){return e===t?null:t}function UB({href:e,label:t}){return R1("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 yf({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=j8,processOptions:v=Y51,resultsLink:z,optionsReported:x=!1,fieldUsage:w}){let[C,A]=GB(null),[E,V]=GB(null),q=Ks(),{process:F,size:T,lugs:N,finish:I,priceMin:P,priceMax:D,sort:a1}=e,B=d?he.filter(X=>d.includes(X.f)):he,U=X51({processCount:v.length,sizeCount:g.length,lugCount:u.length,finishCount:B.length,optionsReported:x,fieldUsage:w}),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:F?1:0,size:T?1:0,lugs:N?1:0,finish:I?1:0,price:P!=null||D!=null?1:0,vehicle:p?.appliedName?1:0},Q=()=>{i(),p?.clear(),A(null),V(null)};if(f==="columns"){let X=G=>V(E===G?null:G),v1=[];Y.vehicle&&p&&v1.push(R0(Zt,{name:"vehicle",label:q.vehicle,children:[Ds.map(G=>R1(DB,{field:G,picker:p,open:E===G,onOpenRequest:X,onClose:()=>V(null)},G)),R1(OB,{picker:p,onOpenRequest:X})]},"vehicle"));let G1=[];return Y.process&&G1.push(R1(Zt,{name:"process",label:q.process,rowsAreOptions:!0,children:v.map(G=>R1(kn,{active:F===G,onClick:()=>t(It(F,G)),children:qB(G)},G))},"process")),Y.size&&G1.push(R1(Zt,{name:"size",label:q.size,rowsAreOptions:!0,children:g.map(G=>R0(kn,{active:T===G,onClick:()=>a(It(T,G)),children:[G,'"']},G))},"size")),Y.lugs&&G1.push(R1(Zt,{name:"lugs",label:q.lugs,rowsAreOptions:!0,children:u.map(G=>R0(kn,{active:N===G,onClick:()=>s(It(N,G)),children:[G,"-Lug"]},G))},"lugs")),Y.finish&&G1.push(R1(Zt,{name:"finish",label:q.finish,rowsAreOptions:!0,children:B.map(G=>R1(kn,{active:I===G.f,onClick:()=>c(I===G.f?null:G.f),children:G.label},G.f))},"finish")),v1.push(...WB(G1,w)),Y.price&&v1.push(R0(Zt,{name:"price",label:q.price,children:[R1(KB,{label:"Min",value:P,onChange:o,ariaLabel:"Minimum price per wheel"}),R1(KB,{label:"Max",value:D,onChange:l,ariaLabel:"Maximum price per wheel"})]},"price")),R0("div",{className:"@container",children:[R0("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)&&R0("div",{className:"mb-9 flex flex-wrap items-center gap-x-6 gap-y-3 @max-[720px]:mb-7",children:[Y.count&&R0("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&&R0("div",{className:"ml-auto flex items-center gap-5",children:[R1("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"}),R1(pa,{value:a1,onChange:G=>r(G.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(ya).map(G=>R1("option",{value:G,children:ya[G]},G))})]})]}),R1("div",{"data-filter-columns":!0,className:`grid grid-cols-1 gap-x-[72px] gap-y-10 ${J51[v1.length]??""}`,children:v1}),z&&R1("div",{className:"mt-10 flex",children:R1(UB,{href:z.href,label:z.label})})]}),Y.vehicle&&p&&R1(bf,{picker:p,total:n})]})}let b1=[];return Y.process&&b1.push(R0(Bt,{name:"process",label:h?R0(xf,{children:[R1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?R0(xf,{children:["FusionForge",R1(e6,{})]}):h}),R1("span",{className:"hidden @min-[720px]:inline",children:q.process})]}):q.process,badge:W.process,open:C==="process",onToggle:()=>A(C==="process"?null:"process"),children:[R1(Rt,{children:"Series \xB7 single-select"}),R1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Process series",children:v.map(X=>{let v1=F===X;return R1(wn,{active:v1,role:"radio",ariaChecked:v1,onClick:()=>t(It(F,X)),children:qB(X)},X)})})]},"process")),Y.size&&b1.push(R0(Bt,{name:"size",label:q.size,badge:W.size,open:C==="size",onToggle:()=>A(C==="size"?null:"size"),children:[R1(Rt,{children:"Diameter \xB7 single-select"}),R1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Wheel diameter",children:g.map(X=>{let v1=T===X;return R0(wn,{active:v1,role:"radio",ariaChecked:v1,onClick:()=>a(It(T,X)),children:[X,'"']},X)})})]},"size")),Y.lugs&&b1.push(R0(Bt,{name:"lugs",label:q.lugs,badge:W.lugs,open:C==="lugs",onToggle:()=>A(C==="lugs"?null:"lugs"),children:[R1(Rt,{children:"Lug count \xB7 single-select"}),R1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Lug count",children:u.map(X=>{let v1=N===X;return R0(wn,{active:v1,role:"radio",ariaChecked:v1,onClick:()=>s(It(N,X)),children:[X,"-Lug"]},X)})})]},"lugs")),Y.finish&&b1.push(R0(Bt,{name:"finish",label:q.finish,badge:W.finish,open:C==="finish",onToggle:()=>A(C==="finish"?null:"finish"),children:[R1(Rt,{children:"Color family \xB7 single-select"}),R1("div",{className:"flex flex-col gap-1.5",role:"radiogroup","aria-label":"Finish color family",children:B.map(X=>{let v1=I===X.f;return R0("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:[R1("span",{className:"block h-3.5 w-3.5 shrink-0 rounded-full border border-line",style:{background:X.hex}}),R1("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&&R1("span",{"aria-hidden":!0,className:"ml-auto text-accent",children:"\u25CF"})]},X.f)})})]},"finish")),R0("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:[R0("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:[R0("div",{className:"flex flex-wrap items-center gap-1 @max-[720px]:gap-1.5",children:[Y.count&&R0("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"]}),WB(b1,w),Y.price&&R0(Bt,{name:"price",label:q.price,badge:W.price,open:C==="price",onToggle:()=>A(C==="price"?null:"price"),children:[R1(Rt,{children:"Price range (per wheel)"}),R0("div",{className:"mt-1 flex items-center gap-2",children:[R1("input",{type:"number",placeholder:"$ Min",value:P??"",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"}),R1("span",{className:"font-mono text-[length:var(--size-label,12px)] text-fg-dim",children:"\u2014"}),R1("input",{type:"number",placeholder:"$ Max",value:D??"",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&&R1(ff,{label:q.vehicle,badge:W.vehicle,open:C==="vehicle",onToggle:()=>A(C==="vehicle"?null:"vehicle")})]}),z&&R1("div",{className:`flex items-center @max-[720px]:hidden ${Y.sort?"":"ml-auto"}`,children:R1(UB,{href:z.href,label:z.label})}),Y.sort&&R0("div",{className:"ml-auto flex items-center gap-3 @max-[720px]:hidden",children:[R1("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"}),R1(pa,{value:a1,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(ya).map(X=>R1("option",{value:X,children:ya[X]},X))})]})]}),Y.vehicle&&p&&C==="vehicle"&&R1(IB,{picker:p,onClose:()=>A(null)}),Y.vehicle&&p&&R1(bf,{picker:p,total:n})]})}var J51={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"},$B="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)]";function Zt({name:e,label:t,rowsAreOptions:a,children:s}){return R0("div",{"data-filter-column":e,className:"flex flex-col gap-[22px]",children:[R1("div",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.34em] text-fg-dim",children:t}),R1("div",{role:a?"radiogroup":void 0,"aria-label":a?t:void 0,children:s})]})}function kn({active:e,onClick:t,children:a}){return R1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[$B,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:R1("span",{children:a})})}function KB({label:e,value:t,onChange:a,ariaLabel:s}){return R0("label",{className:`${$B} border-line`,children:[R1("span",{className:"text-fg-dim",children:e}),R1("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"})]})}import{jsx as e61}from"react/jsx-runtime";function wf({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:z,lugOptions:x,sizeOptions:w,finishOptions:C,optionsReported:A}=Nl(),E=Q51(()=>s?R4(s,"alloy-wheel"):void 0,[s]),V=H4({editing:c,autoApply:!0});jB(()=>{z({fit:V.fit,name:V.appliedName,resolving:V.resolving,unresolved:V.unresolved})},[z,V.fit,V.appliedName,V.resolving,V.unresolved]);let q=V.applied?.vehicle??null;jB(()=>{if(c||!V.restored||typeof window>"u")return;let I=new URLSearchParams(window.location.search);for(let D of Object.values(F5))I.delete(D);T5(I,q);let P=I.toString();window.history.replaceState(null,"",`${window.location.pathname}${P?`?${P}`:""}`)},[c,V.restored,q]);let F=SV(r),T=(l??"").trim()||"See all results",N=o&&!c&&F.length===0?{href:LV(o,r,q),label:T}:void 0;return e61(yf,{resultsLink:N,filters:r,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:p,setPriceMax:u,setSort:g,clearAll:d,total:f,lugOptions:x,sizeOptions:w,finishOptions:C,scrollProcess:v,show:e,layout:t,processOptions:a,optionsReported:A,fieldUsage:E,picker:V})}import{jsx as t61}from"react/jsx-runtime";var YB={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:j8,resultsHref:"",resultsLabel:""},render:e=>t61(wf,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:AV(e.layout),processOptions:e.processOptions,fieldUsage:e.fieldUsage,resultsHref:e1(e.resultsHref)||void 0,resultsLabel:e1(e.resultsLabel)||void 0,editing:e.puck?.isEditing})};import{jsx as a61}from"react/jsx-runtime";var XB={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)=>S2(i).hidden?"":e1(i)||(c?.isEditing?n:void 0),r=Pw({type:"CollectionCard",props:{altName:t,collection:o}});return a61(lp,{tag:l(a,L.eyebrow),name:r||(c?.isEditing?"Card title":void 0),desc:o?.description||(c?.isEditing?L.body:void 0),href:e1(s)||void 0,imageSrc:o?.image||void 0,imageLabel:o?.name||void 0})}};import{jsx as s61}from"react/jsx-runtime";var JB={label:"Country Switch",render:({puck:e})=>s61(_B,{editing:e?.isEditing})};import{jsx as i9,jsxs as kf}from"react/jsx-runtime";function c61(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=vn(e);return a&&t.push({key:"Rolling noise",value:a}),t}function o61(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function Cf({label:e}){let t=c61(e),a=o61(e);return kf("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[i9("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:e.size}),i9("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:t.map(s=>kf("div",{className:"flex items-baseline justify-between gap-3",children:[i9("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:s.key}),i9("dd",{className:"text-right text-fg",children:s.value})]},s.key))}),a.length>0?i9("ul",{className:"mt-3 flex flex-wrap gap-2",children:a.map(s=>i9("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,kf("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}`,i9("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]})}import{jsx as Cn,jsxs as l61}from"react/jsx-runtime";function Mf({labels:e,num:t}){return e.length===0?null:l61("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:[Cn(J1,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),Cn("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>Cn(Cf,{label:a},a.registrationNumber))}),Cn(j4,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as bc}from"react/jsx-runtime";var r61=["tyre"];function Sf(e){return bc(f2,{kinds:r61,type:"EuTyreLabel",editing:e.editing,children:bc(i61,{...e})})}function i61({num:e,editing:t=!1}){let a=$0(),s=f3(t&&!a),c=a?.product??s,o=c?.kind==="tyre"?c.source.variants:[],l=fn(o);return l.length===0&&t?bc("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:bc("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."})}):bc(Mf,{labels:l,num:e??""})}import{jsx as n61}from"react/jsx-runtime";var QB={label:"EU Tyre Label",defaultProps:{num:""},render:e=>n61(Sf,{num:y(e.num,O0.num,e.puck),editing:e.puck?.isEditing})};import{jsx as h61}from"react/jsx-runtime";var eR={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 h61(Ia,{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:y(e.process,"",e.puck),eyebrow:a?t.hideEyebrow?void 0:t.eyebrow:y(e.eyebrow,"",e.puck),name:a?t.hideName?void 0:t.name:y(e.name,"",e.puck),meta:a?t.hideFinish?void 0:t.finish:y(e.meta,"",e.puck),previewHover:e.previewHover,ratio:e.ratio,captionPlace:e.captionPlace,editing:e.puck?.isEditing})}};import{useEffect as Fn,useState as Dt}from"react";import{useEffect as m61,useId as p61,useRef as tR,useState as u61}from"react";import{jsx as x3,jsxs as Lf}from"react/jsx-runtime";function Mn({item:e,mobile:t=!1,onNavigate:a,dropdownAlign:s="start"}){let[c,o]=u61(!1),l=p61(),r=tR(null),i=tR(null),n=e.dropdownItems.length>0,h=!ye(e.href);m61(()=>{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?x3(C1,{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}):x3("span",{className:t?"flex min-h-11 items-center font-display text-3xl":"whitespace-nowrap opacity-80",children:e.label});let p=x3("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:x3("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:x3("path",{d:"m3 5 4 4 4-4"})})});return t?Lf("div",{ref:r,children:[Lf("div",{className:"flex min-h-11 items-center justify-between gap-3",children:[h?x3(C1,{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}):x3("span",{className:"min-w-0 flex-1 font-display text-3xl",children:e.label}),p]}),c?x3("div",{id:l,className:"mt-3 flex flex-col border-l border-line pl-5",children:e.dropdownItems.map((u,g)=>ye(u.href)?x3("span",{className:"flex min-h-11 items-center text-base opacity-80",children:u.label},`${u.href}-${g}`):x3(C1,{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]}):Lf("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?x3(C1,{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}):x3("span",{className:"opacity-80",children:e.label}),p,c?x3("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:x3("div",{className:"overflow-hidden rounded-lg border border-line bg-bg p-2 shadow-xl",children:e.dropdownItems.map((u,g)=>ye(u.href)?x3("span",{className:"flex min-h-11 items-center rounded-md px-4 py-2 text-sm opacity-80",children:u.label},`${u.href}-${g}`):x3(C1,{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 zc,useRef as d61,useState as aR}from"react";function Sn({stickyMode:e,heightPx:t}){let a=d61(null),[s,c]=aR(!1),[o,l]=aR(!1);return zc(()=>{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]),zc(()=>{e!=="on_scroll_up"&&l(!1)},[e]),zc(()=>{let r=a.current?.ownerDocument?.documentElement;r&&r.style.setProperty(xw,`${t}px`)},[t]),zc(()=>{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(Nh,g),i.body?.style.setProperty(Nh,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()},[]),zc(()=>{let r=a.current?.ownerDocument?.documentElement;r&&r.setAttribute("data-header-sticky",e)},[e]),{headerRef:a,scrolled:s,navHidden:o}}import{useEffect as g61,useRef as v61,useState as sR}from"react";import{jsx as cR}from"react/jsx-runtime";function Af(){let[e,t]=sR("dark"),[a,s]=sR(!1),c=v61(null),o=()=>c.current?.ownerDocument??document;g61(()=>{let r=o().documentElement,i=()=>t(Dw(r));i(),s(!0);let n=new MutationObserver(i);return n.observe(r,{attributes:!0,attributeFilter:[Zw]}),()=>n.disconnect()},[]);function l(){let r=o(),i=e==="dark"?"light":"dark";t(i),Ow(r.documentElement,i),Gw(r,i)}return cR("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:cR("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 oR({editorPreview:e,hasPreviewSettings:t,hasInitialSettings:a}){return!e&&!t&&!a}var vQ1=-1,b61="sf-header-theme";function z61(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0?e:null}function lR(e){let t=z61(e);return t===null?null:{className:b61,style:Mx(t)}}function rR(e){let t=(e??"").trim();return Xz(t,"#000000")===null?null:Jz(t)==="#000000"}var Ln="data-lead-ink",An="data-header-ink";var x61="auto";function y61(e){return e.type==="IntroBleed"?Ye(e.props?.layout)!=="stacked":!0}function iR(e){let t=yw(e);return t&&ww(e)&&y61(t)?"light":null}function Hn(e){return e==="light"||e==="dark"?e:x61}import{Fragment as Tn,jsx as I0,jsxs as r2}from"react/jsx-runtime";var nR={stacked:{grid:"hidden min-[1501px]:grid",flex:"hidden min-[1501px]:flex"},inline:{grid:"hidden min-[801px]:grid",flex:"hidden min-[801px]:flex"}},C61=Array.from({length:6},()=>({href:"#",label:I0(ze,{})}));function Hf({previewSettings:e,initialSettings:t,editorPreview:a,showThemeToggle:s,wordmark:c,hideLogo:o,hideMenu:l,siteName:r,commerceEnabled:i=!0}={}){let n=Dl(),[h,m]=Dt(!1);Fn(()=>{let w1=F0.current?.ownerDocument??document,$1=()=>m(w1.querySelector(`[${Ln}="light"]`)!=null);$1();let k3=requestAnimationFrame($1);return()=>cancelAnimationFrame(k3)},[n]);let p=n.startsWith("/wheels/")&&n!=="/wheels",[u,g]=Dt(!1),{open:d,totals:f}=a4(),{open:v}=xe(),[z,x]=Dt(!1),[w,C]=Dt(null),[A,E]=Dt(null),[V,q]=Dt(t??null),F=e??(V?{logoUrl:V.logoUrl,reverseLogo:V.reverseLogo,logoReversed:V.logoReversed,logoInkIsDark:V.logoInkIsDark,logoPosition:V.logoPosition,logoSize:V.logoSize,logoSizePx:V.logoSizePx,menuItems:(V.menuItems??[]).map(w1=>({label:w1.label,url:w1.url,dropdown_menu:null,dropdown_items:w1.dropdownItems??[]})),menuSplit:V.menuSplit??3,menuPosition:V.menuPosition,menuRow:V.menuRow,menuGapPx:V.menuGapPx??null,searchEnabled:V.searchEnabled,searchPosition:V.searchPosition,searchRow:V.searchRow,countrySelectorEnabled:V.countrySelectorEnabled,countryUrls:V.countryUrls,accountEnabled:V.accountEnabled,cartEnabled:V.cartEnabled,utilStyle:V.utilStyle,navTextCase:V.navTextCase,lightReverseText:V.lightReverseText,topTextColor:V.topTextColor,transparentTop:V.transparentTop,surface:V.surface,theme:V.theme,width:V.width,heightPx:V.heightPx,sticky:V.sticky}:null),T=o?null:F?.logoUrl??null,N=F?.reverseLogo??!1,I=F?.logoReversed??null,P=F?.logoInkIsDark??null,D=F?.logoPosition??"center",a1=F?.logoSize??"medium",B=F?.logoSizePx??null,U=Math.min(Math.max(F?.menuSplit??3,1),4),Y=(F?.menuPosition??"left")==="center",W=(F?.menuPosition??"left")==="beside",Q=(F?.menuRow??"top")==="inline",b1=F?.menuGapPx??null,X=b1!=null?{gap:`${b1}px`}:void 0,v1=Q?nR.inline:nR.stacked,G1=F?.searchEnabled??!1,G=F?.searchPosition??"right",o1=F?.countrySelectorEnabled??!0,u1=F?.accountEnabled??!0,A0=F?.cartEnabled??!0,w0=(F?.utilStyle??"icon")==="text",p1=`mono-eyebrow${(F?.navTextCase??"uppercase")==="capitalised"?" mono-eyebrow-plain":""}`,e0=F?.countryUrls??{},M1=oo(F?.width),z2=co(M1)??void 0,a0=F?.heightPx??Uo.default,p2=F?.sticky??"always",V2=Hn(F?.topTextColor),f0=lR(F?.theme),m1=Object.keys(e0),q1=yl(m1.length?m1:void 0),H0=o1?I0(g8,{countries:m1.length?m1:void 0,urls:e?void 0:e0}):null,{headerRef:F0,scrolled:c0,navHidden:q0}=Sn({stickyMode:p2,heightPx:a0}),$=f0?JSON.stringify(f0.style):null;Fn(()=>{let w1=F0.current?.ownerDocument??document,$1=w1.defaultView??window,k3=C3=>C3?rR($1.getComputedStyle(C3).getPropertyValue("--bg")):null,_6=()=>{x(w1.documentElement.getAttribute("data-theme")==="light"),C(k3(w1.body)),E(k3(F0.current))};_6();let N1=new MutationObserver(_6);return N1.observe(w1.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),w1.body&&N1.observe(w1.body,{attributes:!0,attributeFilter:["style"]}),()=>N1.disconnect()},[F0,$]);let S1=s??!1?I0(Af,{}):null;Fn(()=>{if(!oR({editorPreview:!!a,hasPreviewSettings:!!e,hasInitialSettings:!!t}))return;let w1=!1;return m0.getHeaderSettings().then($1=>!w1&&q($1)).catch($1=>{console.warn("[header] settings fetch failed; using built-in defaults",$1)}),()=>{w1=!0}},[a,e,t]);let b0=c0||p,Y0=!z&&p?"var(--section-bg)":"var(--bg)",U5=V2==="auto"?h:V2==="light",o5=b0||!U5,N6=b0?A??z:(w??z)&&!U5,K5=V2==="auto"?null:{[An]:V2};Fn(()=>{if(!u)return;let w1=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=w1}},[u]);let d4=(w1,$1,k3="start")=>I0(Mn,{item:w1,dropdownAlign:k3},$1),d9=!l&&(F?.menuItems?.length??0)>0,Y7=!!a||!!e,n3=d9?F.menuItems.map(w1=>({href:w1.url||"",label:Y1(w1.label),plainLabel:w1.label,dropdownItems:(w1.dropdown_items??[]).map($1=>({href:$1.url||"",label:Y1($1.label),plainLabel:$1.label}))})):Y7?C61.map(w1=>({...w1,plainLabel:"Menu item",dropdownItems:[]})):[],X7=D==="center"?n3.slice(0,U):D==="right"?n3:[],l5=D==="center"?n3.slice(U):D==="left"?n3:[],e2=G1?I0(kl,{onClick:Y7?void 0:v,asText:w0}):null,V3=i&&u1?I0(xC,{asText:w0}):null,r5=w1=>i&&A0?I0(wl,{onClick:d,count:f.sets,asText:w0,className:w1}):null,g4=r2(Tn,{children:[G==="left"?e2:null,H0,S1,V3,r5(),G==="right"?e2:null]}),i5=(w1,$1=!1)=>I0(C1,{href:"/","aria-label":r?`${r} home`:"Home",className:w1,children:I0(re,{variant:"header",scrolled:o5,src:T,reverse:N,onLightSurface:N6,reversedSrc:I,inkIsDark:P,size:a1,sizePx:B,wordmark:c,siteName:r,fitToContainer:$1})}),v4=i5("inline-flex shrink-0 items-center justify-center"),Y3="flex min-w-0 flex-1 items-center overflow-x-clip [container-type:inline-size]";return r2(Tn,{children:[I0("header",{ref:F0,"data-scrolled":c0||void 0,...K5,className:["sf-site-header",...f0?[f0.className]:[],p2==="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))]",b0?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...f0?f0.style:null,minHeight:Ko,...q0?{transform:"translateY(-100%)"}:null,...b0?{background:Y0,color:"var(--fg)","--sf-header-ground":Y0}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:r2("div",{className:"w-full",style:z2,children:[Y?r2("div",{className:`${v1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[D==="right"?I0("nav",{className:`${p1} flex items-center gap-7`,children:g4}):I0("div",{className:"flex items-center",children:v4}),I0("nav",{className:`${p1} flex items-center justify-center gap-7`,children:n3.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`,"center"))}),D==="right"?I0("div",{className:"flex items-center justify-end",children:v4}):I0("nav",{className:`${p1} flex items-center justify-end gap-7`,children:g4})]}):D==="center"?r2("div",{className:`${v1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[I0("nav",{className:`${p1} flex items-center gap-7`,children:X7.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`))}),v4,r2("nav",{className:`${p1} flex items-center justify-end gap-7`,children:[l5.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`,"end")),g4]})]}):W?r2("div",{className:`${v1.flex} items-center justify-between gap-8`,children:[r2("div",{className:"flex items-center gap-7",style:X,children:[v4,I0("nav",{className:`${p1} flex items-center gap-7`,children:n3.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`))})]}),I0("nav",{className:`${p1} flex items-center justify-end gap-7`,children:g4})]}):I0("div",{className:`${v1.flex} items-center justify-between gap-8`,children:D==="right"?r2(Tn,{children:[r2("nav",{className:`${p1} flex items-center gap-7`,children:[n3.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`)),g4]}),v4]}):r2(Tn,{children:[v4,r2("nav",{className:`${p1} flex items-center gap-7`,children:[n3.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`)),g4]})]})}),!Q&&r2("div",{className:"hidden min-[801px]:max-[1500px]:flex flex-col gap-3",children:[r2("div",{className:"flex items-center justify-between",children:[i5(Y3,!0),r2("div",{className:`${p1} flex shrink-0 items-center gap-5`,children:[e2,H0,S1,V3,r5()]})]}),I0("nav",{className:`${p1} flex items-center gap-6 border-t border-line/60 pt-2.5`,children:n3.map((w1,$1)=>d4(w1,`${w1.href}-${$1}`))})]}),r2("div",{className:"hidden max-[800px]:flex items-center justify-between",children:[i5(Y3,!0),r2("div",{className:"flex shrink-0 items-center gap-4",children:[e2,V3,r5(p1),r2("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&&r2("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:[n3.map((w1,$1)=>I0(Mn,{item:w1,mobile:!0,onNavigate:()=>g(!1)},`${w1.href}-${$1}`)),r2("div",{className:"mt-auto flex flex-col gap-4 border-t border-line pt-6",children:[i&&u1&&r2("div",{className:"flex items-center justify-between",children:[I0("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),I0(C1,{href:"/account",onClick:()=>g(!1),className:"mono-eyebrow underline",children:"Your account"})]}),H0&&q1&&r2("div",{className:"flex items-center justify-between",children:[I0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),H0]}),S1&&r2("div",{className:"flex items-center justify-between",children:[I0("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),S1]})]})]})]})}import{jsx as hR,jsxs as S61}from"react/jsx-runtime";var M61=`
|
|
142
|
-
.sf-preview-header-pick header { cursor: pointer; }
|
|
143
|
-
.sf-preview-header-pick header:hover {
|
|
144
|
-
outline: 2px solid color-mix(in srgb, ${a6.accent} 45%, transparent);
|
|
145
|
-
outline-offset: -2px;
|
|
146
|
-
}
|
|
147
|
-
.sf-preview-header-pick[data-selected] header {
|
|
148
|
-
outline: 2px solid ${a6.accent};
|
|
149
|
-
outline-offset: -2px;
|
|
150
|
-
}
|
|
151
|
-
`;function mR(){let{settings:e,selected:t,select:a,websiteName:s,templateChrome:c,templateName:o,chromePlaceholder:l,themeSwitchShown:r}=_3(),i=c?o?.trim()||"Template":s?.trim()||_o,n=c||l;return S61("div",{className:"sf-preview-header-pick sf-theme-surfaces","data-selected":t||void 0,onClick:h=>{h.stopPropagation(),a()},children:[hR("style",{children:M61}),hR(Hf,{previewSettings:e??void 0,editorPreview:!0,showThemeToggle:r,wordmark:i,hideLogo:n,hideMenu:n})]})}import{Render as F61}from"efficient-easel/render";import{jsx as H61}from"react/jsx-runtime";var L61=["none","always","on_scroll_up"],A61=e=>L61.includes(e)?e:"always";function Ff({sticky:e,topTextColor:t,children:a}){let s=A61(e),{headerRef:c,scrolled:o,navHidden:l}=Sn({stickyMode:s,heightPx:Uo.default}),r=Hn(t),i=r==="auto"?null:{[An]:r};return H61("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:Ko,...l?{transform:"translateY(-100%)"}:null,...o?{background:"var(--bg)",color:"var(--fg)","--sf-header-ground":"var(--bg)"}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:a})}import{Fragment as E61,jsx as Tf}from"react/jsx-runtime";var T61=null,P61=()=>T61??={...Pf,root:{...Pf.root,render:({children:e})=>Tf(E61,{children:e})}};function Ef({group:e}){let t=$x({root:{props:{}},content:[e],zones:{}}),a=e.props??{};return Tf(Ff,{sticky:a.sticky,topTextColor:a.topTextColor,children:Tf(F61,{config:P61(),data:t})})}import{jsx as pR}from"react/jsx-runtime";function Vf({editing:e=!1}){let{headerGroup:t}=Oy();return e?t?pR(Ef,{group:t}):pR(mR,{}):null}import{jsx as V61}from"react/jsx-runtime";var uR={label:"Header",render:({puck:e})=>V61(Vf,{editing:e?.isEditing})};import{useEffect as i71,useState as IR}from"react";var dR="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 Df,useRef as Q61,useState as BR}from"react";import{jsx as Nf,jsxs as gR}from"react/jsx-runtime";var N61="Please enter a valid email address.";function xc({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 gR("form",{className:[n,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:m=>{m.preventDefault(),c()},children:[gR("div",{className:"flex items-stretch gap-2",children:[Nf("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"}),Nf("button",{type:"submit",disabled:a==="sending",className:i,children:a==="sending"?"Sending\u2026":o})]}),(a==="error"||a==="invalid")&&Nf("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?N61:l})]})}import{jsx as W5,jsxs as Ot}from"react/jsx-runtime";function yc({vehicle:e,escape:t,override:a,verdict:s,showChangeCar:c,cascadeErrorNote:o,askNote:l}){let r=e.appliedName!=="";return Ot("div",{className:"pb-2",children:[Ot("div",{className:"mb-3 flex items-center justify-between gap-4 font-mono text-[13px] font-semibold uppercase tracking-[0.2em] text-fg",children:[W5("span",{children:"Vehicle Fitment"}),t]}),a?W5("div",{className:"flex flex-col gap-3",children:a}):r?Ot("div",{className:"flex flex-col gap-3",children:[s,c&&W5("div",{children:W5("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"})})]}):Ot("div",{className:"flex flex-col gap-3",children:[W5(K3,{cascade:e.cascade,compact:!0}),e.cascade.cascadeError&&W5("p",{className:"font-mono text-[12px] leading-relaxed tracking-[0.1em] text-fg-dim",children:o}),W5("span",{className:"font-mono text-[12px] tracking-[0.1em] text-fg-dim",children:l})]})]})}function _f({vehicle:e}){return e.appliedName?Ot("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:[Ot("span",{children:["Showing fitment for your"," ",W5("strong",{className:"font-semibold text-fg",children:e.appliedName})]}),W5("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 a5({tone:e,children:t}){return W5("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 _61,useState as vR}from"react";function Pn(e,t){let[a,s]=vR(null),[c,o]=vR(!1),l=t?.make??"",r=t?.model??"",i=t?.year??null,n=t?.modification??"",h=t!==null;return _61(()=>{if(!h||i===null){s(null),o(!1);return}let m=!0;return s(null),o(!0),nS(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 En(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 Vn={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function B61(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=>Aa(e,o.sku));return c.includes("fits")?"fits":c.every(o=>o==="doesNotFit")?"doesNotFit":"unknown"}var Bf={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function fR(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=>B61(e,t,n)==="fits"),c=n=>{let h=s4(n);return h?B4(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 bR,jsx as T4,jsxs as F4}from"react/jsx-runtime";function Rf({slug:e,variants:t,vehicle:a,manualMode:s,setManualMode:c}){let{answer:o,loading:l}=Pn(e,s?null:Yl(a.applied?.vehicle)),r=a.appliedName;return T4(yc,{vehicle:a,escape:T4("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?F4(a5,{tone:"quiet",children:[T4("strong",{className:"font-semibold text-fg",children:"You are choosing by size."}),F4("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."," ",T4(C1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]}):null,verdict:T4(R61,{answer:o,loading:l,car:r,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:F4(bR,{children:["Vehicle data is unavailable right now. Pick your size above, or"," ",T4(C1,{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 R61({answer:e,loading:t,car:a,variants:s,onChange:c}){if(t||!e)return F4(a5,{tone:"quiet",children:[T4("strong",{className:"font-semibold text-fg",children:"Checking your car\u2026"})," ",F4("span",{children:["Reading the factory tyre sizes for your ",a,"."]})]});let o=fR(e,s),l=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",r=o.length===0?En(e):"",i=r&&l?`${r} ${l}`:r||l;return F4(a5,{tone:e.status==="fits"?"good":"quiet",children:[F4("span",{className:"block",children:[e.status==="fits"?F4("strong",{className:"font-semibold text-accent",children:["\u2713 Made in a size your ",a," takes"]}):e.status==="doesNotFit"?F4("strong",{className:"font-semibold text-fg",children:["Not made in a size your ",a," takes"]}):F4("strong",{className:"font-semibold text-fg",children:["We cannot check this tyre against your ",a]}),F4("span",{className:"whitespace-nowrap",children:[" \xB7 ",T4("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?T4("span",{className:"mt-1.5 block",children:i}):null,o.length>0?F4(bR,{children:[T4("span",{className:"mt-1.5 block",children:"Your car takes:"}),T4("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:o.map(n=>{let h=n.made?Bf.fits:Bf.doesNotFit;return T4("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 ${Vn.fits}`:n.size},n.size)})})]}):null]})}import{useEffect as zR,useState as xR}from"react";var Nn="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function yR(e,t,a){return a<=1?0:((e+t)%a+a)%a}function wR(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(yR(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(yR(e,1,t))}]}function I61(e){let{props:t}=hz({src:e,alt:"",fill:!0,sizes:Nn}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function kR(e,t,a=I61){let[s,c]=xR(()=>new Set),[o,l]=xR(t),r=e.join(`
|
|
152
|
-
`);zR(()=>{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 zR(()=>{i&&o!==t&&l(t)},[i,o,t]),i?t:o}import{Fragment as D61,jsx as y3,jsxs as $3}from"react/jsx-runtime";function If({selection:e,spec:t,vehicle:a,wheel:s}){let{manualMode:c,setManualMode:o}=e,l=Zi(e.rows,e.preOrder),r=a.appliedName!=="",i=(s?.variants??[]).some(jd),n=UN({wheel:s,applied:r,fit:a.fit,resolving:a.resolving});return y3(yc,{vehicle:a,escape:y3("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?$3(a5,{tone:"quiet",children:[y3("strong",{className:"font-semibold text-fg",children:"You are choosing by the numbers."}),$3("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."," ",y3(C1,{href:"/fitment",className:"text-accent hover:underline",children:"Talk to an engineer \u2192"})]})]}):null,verdict:y3(Z61,{verdict:n,car:a.appliedName}),showChangeCar:n.state!=="fits"&&n.state!=="checking",cascadeErrorNote:$3(D61,{children:["Vehicle data is unavailable right now. Pick your wheel by its specs instead, or"," ",y3(C1,{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 Z61({verdict:e,car:t}){switch(e.state){case"checking":return $3(a5,{tone:"quiet",children:[y3("strong",{className:"font-semibold text-fg",children:"Checking fitment\u2026"})," ",$3("span",{children:["Reading the factory wheel specs for your ",t,"."]})]});case"fits":return $3(a5,{tone:"good",children:[$3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),y3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>y3("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 $3(a5,{tone:"good",children:[$3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),y3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>y3("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))}),$3("span",{className:"mt-2 block border-l-2 border-alert pl-2.5",children:[y3("strong",{className:"font-semibold text-fg",children:"Check the offset. "}),t9(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."," ",y3(C1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]});case"no-fit":return $3(a5,{tone:"bad",children:[$3("strong",{className:"font-semibold",style:{color:"var(--alert)"},children:["\u2717 Does not fit your ",t]}),y3("span",{className:"mt-1.5 block",children:t9(e.failure)})]});case"unknown":return $3(a5,{tone:"quiet",children:[y3("strong",{className:"font-semibold text-fg",children:e.missing==="vehicle"?`We cannot check this wheel against your ${t}`:"We cannot check this wheel"}),$3("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."," ",y3(C1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us before you order \u2192"})]})]});default:return null}}import{useState as LR}from"react";import{useCallback as MR,useRef as O61,useState as G61}from"react";function CR(e,t,a){return{productSlug:e,email:a.trim(),size:t?p8(t):""}}function SR(){let[e,t]=G61("idle"),a=O61(!1),s=MR(()=>{a.current=!1,t("idle")},[]),c=MR(async({productSlug:o,size:l,email:r,dryRun:i=!1})=>{if(!a.current){if(!le(r)){t("invalid");return}a.current=!0,t("sending");try{i||await m0.createPreOrderIntent(CR(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 Gt,jsxs as qt}from"react/jsx-runtime";function Zf({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[s,c]=LR(a.length>0?0:-1),[o,l]=LR(""),{status:r,submit:i,reset:n}=SR(),h=s>=0?a[s]??null:null;function m(){i({productSlug:e.slug,size:h,email:o,dryRun:t})}return qt("div",{className:"flex flex-col gap-5 border-t border-line pt-[18px]",children:[qt("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:[Gt("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&&qt("div",{children:[qt("div",{className:"mb-3.5 font-mono text-[13px] font-semibold uppercase tracking-[0.22em] text-fg",children:["Size \xB7"," ",Gt("span",{className:"text-accent",children:h?p8(h):"Select a size"})]}),Gt("div",{className:"flex flex-wrap gap-1.5",children:a.map((p,u)=>{let g=u===s;return qt("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&&Gt("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),Gt("span",{className:"block text-[14px] tracking-[0.18em]",children:p8(p)})]},p8(p))})})]}),r==="sent"?qt("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,"."]}):Gt(xc,{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 q61}from"react";import{Fragment as W61,jsx as _n}from"react/jsx-runtime";function Bn({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]=q61(null),z=e||"";if(!(z!==""&&f!==z))return _n(W61,{children:a});let w=_n(N3,{src:z,alt:t,...s?{fill:!0}:{width:c??1e3,height:o??1e3},sizes:l,className:r,style:i,priority:n,draggable:h,onError:()=>v(z)},m??z),C=p?_n("div",{className:p,children:w}):w;return u?_n("button",{type:"button",onClick:u,"aria-label":d,className:g,children:C}):C}function AR(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 HR,jsx as P4,jsxs as K61}from"react/jsx-runtime";function Rn(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function In({text:e}){return e==="FusionForge\xAE"?K61(HR,{children:["FusionForge",P4(e6,{})]}):P4(HR,{children:e})}function FR(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:gi(h.brand,h.name),photos:g.slice(0,1),tint:void 0,stageImage:()=>P4(l6,{image:p?.image??h.coverImage,size:m,type:u,sizes:Nn,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:P4(Rf,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:P4(_f,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let s=e.source,c=kE(s,t.shown.finish),o=H7(s,t.part),l=qi(t),r=ag(c,l),i=r?[...r]:AR(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})=>P4(Bn,{src:h,alt:m,fill:!0,sizes:Nn,className:g==="cover"?"object-cover":"object-contain",priority:!0,onImageClick:u,imageButtonClassName:"relative block h-[88%] w-[88%] cursor-zoom-in",imageButtonLabel:p,fallback:P4(h8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[70%] w-[70%]"})}),thumbImage:({photo:h,alt:m})=>P4(Bn,{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:P4(h8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[55%] w-[55%]"})}),captions:n.map(h=>c.captions?.[h]),thumbFallbackCells:4,galleryHint:U61(n,c,l,t.manualMode),metaValue:c.name,specCaption:o?Ts(o):"",originCaption:s.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${s.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:P4(If,{selection:t,spec:o?Ts(o):"",vehicle:t.vehicle,wheel:s}),vehicleMemory:t.manualMode?null:P4(_f,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:P4(Zf,{wheel:s,editing:a})}}function U61(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 $61,useContext as j61,useEffect as Y61,useState as TR}from"react";import{jsx as J61}from"react/jsx-runtime";var PR="storefront-wishlist";function X61(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var ER=$61(null);function P00({children:e}){let[t,a]=TR([]),[s,c]=TR(!1);Y61(()=>{let r=J2.getItem(PR);try{r&&a(X61(r))}catch{}c(!0)},[]);function o(r){let i=t.includes(r)?t.filter(n=>n!==r):[...t,r];a(i),J2.setItem(PR,JSON.stringify(i))}let l={slugs:t,ready:s,has:r=>t.includes(r),toggle:o,count:t.length};return J61(ER.Provider,{value:l,children:e})}function VR(){let e=j61(ER);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}var NR="data-option-row";import{Fragment as s5,jsx as z1,jsxs as j1}from"react/jsx-runtime";var e71=4e3;function t71(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}function Wt({product:e,selection:t,onLightbox:a,editing:s=!1,pricePlacement:c="top",showVehicleFitment:o=!0,heroLayout:l=D7,imageRatio:r=O7,textAlign:i=l9,showSpecTable:n=!0,showPriceQuote:h=!0,galleryMode:m=G7,imageFit:p=q7}){let u=Pt(l),g=hn(i),d=mn(r),f=pn(m),v=$_(un(p),uE(e)),z=u==="imageRight"?`${100-d}fr ${d}fr`:`${d}fr ${100-d}fr`,{picked:x,pick:w,qty:C,setQty:A,choice:E,setChoice:V,angleIdx:q,setAngleIdx:F,showValidation:T,setShowValidation:N,manualMode:I,vehicle:P,rows:D,facts:a1,part:B,outOfStock:U,offer:Y,preOrder:W,canAddToCart:Q,currency:b1,price:X,set:v1,msrpLabel:G1}=t,G=FR(e,t,s),{bullets:o1}=RS(),u1=oE(e),A0=iE(e),w0=o?G.vehicle:null,p1=o?G.vehicleMemory:null,[e0,M1]=BR(!1);Df(()=>{let $=()=>{M1(document.documentElement.getAttribute("data-theme")==="light")};$();let S1=new MutationObserver($);return S1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>S1.disconnect()},[]);let{add:z2,open:a0,warmCatalog:p2}=a4();Df(()=>{s||p2(e.kind)},[s,e.kind,p2]);let V2=D.filter($=>!W||$.values.length>0),f0=V2.filter($=>$.role==="resolves"),m1=V2.filter($=>$.role==="describes"&&!dE(A0,$.key)),q1=m1.findIndex($=>$.chosen===null),H0=(!w0||!G.vehicleAnswersSpecs||t.fitmentSet)&&Zi(D,W)?q1===-1?m1:m1.slice(0,q1+1):[],F0=[...f0,...H0],c0=j1("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[G1&&z1("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:G1}),z1("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:u1?ak(X,b1):oe(X,b1)}),X.priced&&z1("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:G.unitLabel}),X.setTotal!=null&&j1("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,": ",R2(v1,b1)]})]}),q0=Q61(null);return Df(()=>{s||q0.current===e.slug||(q0.current=e.slug,sk({itemId:B?`${e.slug}|${B.id}`:e.slug,itemName:e.name,variant:G.metaValue,pricePerSet:X.setTotal??X.fromSetTotal??0,currency:b1}))},[s,e.slug,e.name,G.metaValue,B,X,b1]),j1(s5,{children:[z1("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(($,S1)=>j1("span",{children:[S1>0&&j1(s5,{children:[z1("span",{className:"mx-3 text-accent",children:"/"}),z1("wbr",{})]}),$.href?z1(C1,{href:$.href,className:"hover:text-fg",children:z1(In,{text:$.label})}):z1("span",{className:"text-fg",children:z1(In,{text:$.label})})]},`${$.label}-${S1}`))}),j1("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":z}},children:[j1("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:[j1("div",{className:f==="tiled"?"min-w-0 flex-1":void 0,children:[z1(c71,{name:e.name,view:G,angleIdx:q,onSelect:F,isLight:e0,onLightbox:a,fit:v}),G.galleryHint&&z1("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:G.galleryHint})]}),f!=="main"&&z1(o71,{name:e.name,view:G,angleIdx:q,onSelect:F,isLight:e0,tiled:f==="tiled"})]}),j1("div",{className:["flex flex-col gap-7",g==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:u==="imageRight"?{order:1}:void 0,children:[j1("div",{children:[j1("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:[z1("span",{children:z1(In,{text:e.eyebrow})}),e.badge&&j1(s5,{children:[z1("span",{children:"\xB7"}),z1("span",{children:e.badge})]})]}),z1("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 $=G.heading.lastIndexOf(" ");if($===-1)return G.heading;let S1=G.heading.slice(0,$),b0=G.heading.slice($+1);return j1(s5,{children:[S1," ",j1("em",{className:"font-normal italic text-accent",children:[b0,"."]})]})})()})]}),c!=="belowSpecs"&&h&&c0,p1,f0.map($=>z1(_R,{row:$,onPick:w},$.key)),W&&G.preOrder?j1(s5,{children:[c==="belowSpecs"&&h&&c0,G.preOrder]}):j1(s5,{children:[w0,H0.map($=>z1(_R,{row:$,onPick:w},$.key)),n&&z1(a71,{facts:a1}),(Y.packs.length>0||Y.extra||Y.spareCounts.length>0)&&j1("div",{className:"border-b border-line pb-[26px]",children:[Y.packs.length>0&&j1(s5,{children:[z1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),z1("div",{className:"flex flex-wrap gap-1.5",children:Y.packs.map($=>j1("button",{type:"button",onClick:()=>V(S1=>({...S1,unit:$.value})),"aria-pressed":E.unit===$.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",E.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:E.unit===$.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[E.unit===$.value&&z1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),z1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:$.label})]},$.value))})]}),Y.extra&&j1("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:[z1("input",{type:"checkbox",checked:E.spares>0,onChange:$=>V(S1=>({...S1,spares:$.target.checked?Qo:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),Y.extra.label]}),Y.spareCounts.length>0&&j1(s5,{children:[z1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:U8.howMany}),z1("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:Y.spareCounts.map($=>{let S1=$.value-j6,b0=E.spares===S1;return j1("button",{type:"button",onClick:()=>V(Y0=>({...Y0,spares:S1})),"aria-pressed":b0,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",b0?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:b0?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[b0&&z1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),j1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[$.value," \xB7 ",$.label]})]},$.value)})})]}),Y.spareSide&&j1(s5,{children:[z1("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}),z1("div",{className:"flex flex-wrap gap-1.5",children:Y.spareSide.options.map($=>{let S1=E.spareSide===$.value;return j1("button",{type:"button",onClick:()=>V(b0=>({...b0,spareSide:$.value})),"aria-pressed":S1,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",S1?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:S1?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[S1&&z1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),z1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:$.label})]},$.value)})})]})]}),c==="belowSpecs"&&h&&c0,j1("div",{className:dR,children:[!(u1&&!X.priced)&&z1(Fa,{value:C,onChange:A,size:"large"}),u1&&!X.priced?z1(C1,{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:tl}):X.priced?U?z1("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"}):j1("button",{type:"button",[te]:"",onClick:()=>{if(!Q){N(!0),window.setTimeout(()=>N(!1),e71);return}if(N(!1),s)return;let $=LE(e,B,x,{choice:E,qty:C},{fitmentLabel:I?G.specCaption:P.appliedName?`For ${P.appliedName}`:"",fitmentKey:I?`manual|${G.specCaption}`:`vehicle|${t71(P.applied?.vehicle)}`});$&&(z2($),a0())},"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 ${R2(v1,b1)}`:""]}):z1("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:Y6}),z1(l71,{slug:e.slug,name:e.name})]}),U&&B&&z1(r71,{partNumbers:B.components.map($=>$.partNumber),productSlug:e.slug},B.id),T&&(()=>{let $=F0.filter(b0=>b0.chosen===null).map(b0=>b0.prompt.replace(/^Select\s+/i,""));if(w0&&G.vehicleAnswersSpecs&&!t.fitmentSet&&$.push("vehicle fitment"),$.length===0)return null;let S1=$.length===1?$[0]:$.length===2?`${$[0]} and ${$[1]}`:`${$.slice(0,-1).join(", ")}, and ${$.at(-1)}`;return j1("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 ",S1," first."]})})()]}),o1.length>0&&z1("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:o1.map(($,S1)=>j1("li",{children:[z1("strong",{className:"font-bold text-accent",children:$.label}),$.detail?` ${Va} ${$.detail}`:""]},`${$.label}-${S1}`))})]})]})]})}function a71({facts:e}){return e.length===0?null:j1("div",{className:"border-b border-line pb-[26px]",children:[z1("dl",{className:"flex flex-col gap-2",children:e.map(t=>j1("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[j1("dt",{className:"text-fg-dim",children:[t.label," \xB7"]}),z1("dd",{className:"font-semibold text-fg",children:t.value.label})]},t.key))}),z1("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 _R({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 j1("div",{className:"border-b border-line pb-[26px]",[NR]:e.key,children:[j1("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 ",z1("span",{className:"text-accent",children:s??e.prompt})]}),e.values.length===0?j1("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",z1(C1,{href:e.empty.href,className:"text-accent hover:underline",children:e.empty.linkText})]}):e.display==="swatch"?z1("div",{className:"grid grid-cols-2 gap-2",children:e.values.map(c=>{let o=c.value===e.chosen;return j1("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&&z1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),z1("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:c.swatch}}),z1("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)})}):z1("div",{className:"flex flex-wrap gap-1.5",children:e.values.map(c=>{let o=c.value===e.chosen;return j1("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&&z1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),z1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:c.label}),c.note&&z1("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:c.note})]},c.value)})})]})}function RR(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var s71=6;function c71({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=kR(t.photos,r),n=RR(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]?Rn(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 j1("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:[j1("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&&j1(s5,{children:[j1("span",{className:"text-accent",children:[String(a+1).padStart(2,"0")," / ",m]}),z1("span",{className:"text-fg-dim",children:"\xB7"})]}),z1("span",{children:e}),t.metaValue&&j1(s5,{children:[z1("span",{className:"text-fg-dim",children:"\xB7"}),z1("span",{className:"text-accent",children:t.metaValue})]})]}),h&&z1("div",{className:`absolute right-5 top-5 z-10 flex gap-1 ${d}`,children:wR(a,n,s).map(z=>z1("button",{type:"button","aria-label":z.label,title:z.label,onClick:z.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:z.glyph},z.label))}),j1("div",{className:f,children:[["top-3 left-3","top-3 right-3","bottom-3 left-3","bottom-3 right-3"].map((z,x)=>z1("span",{className:`absolute ${z} h-3 w-3 border border-fg-dim/40`,style:{borderTop:z.includes("top")?"1px solid var(--line)":"none",borderBottom:z.includes("bottom")?"1px solid var(--line)":"none",borderLeft:z.includes("left")?"1px solid var(--line)":"none",borderRight:z.includes("right")?"1px solid var(--line)":"none"}},x)),t.stageImage({photo:i,alt:g,label:`Open ${[e,t.metaValue].filter(Boolean).join(" ")} at full resolution`,onZoom:()=>o(i,g),fit:l})]}),j1("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:[z1("span",{children:t.specCaption}),z1("span",{children:t.originCaption})]})]})}function o71({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,tiled:o=!1}){let l=RR(t);return l<2?null:z1("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,s71)}, minmax(0, 1fr))`}:void 0,children:Array.from({length:l}).map((r,i)=>{let n=t.photos[i];return j1("button",{type:"button",onClick:()=>s(i),"aria-label":`View ${Rn(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:[z1("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 ${Rn(t,i)}`})]},i)})})}function l71({slug:e,name:t}){let{has:a,toggle:s}=VR(),c=a(e);return z1("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 r71({partNumbers:e,productSlug:t}){let[a,s]=BR(""),{status:c,submit:o,reset:l}=zi();function r(){o({partNumbers:e,email:a,productSlug:t})}return c==="sent"?z1("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."}):z1(xc,{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 h71,jsx as wc,jsxs as m71}from"react/jsx-runtime";function Of({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:s,showVehicleFitment:c=!0,...o}){let[l,r]=IR(null),[i,n]=IR(!1);return i71(()=>{let h=!1;return r(null),n(!1),(t==="tyre"?m0.getTyre(e).then(p=>({kind:"tyre",tyre:p})):m0.getWheel(e).then(p=>({kind:"wheel",wheel:p}))).then(p=>{h||r(p)}).catch(()=>{h||n(!0)}),()=>{h=!0}},[e,t]),i?wc(w4,{size:"tall",children:"Couldn\u2019t load this product."}):l?wc(n71,{record:l,editing:a,pricePlacement:s,showVehicleFitment:c,...o}):wc(w4,{size:"tall",children:"Loading product\u2026"})}function n71({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:s=!0,...c}){let o=e.kind==="tyre"?Wi(e.tyre):Ps(e.wheel),l=ec(o,{editing:t}),r=Qs();return m71(h71,{children:[wc(Wt,{product:o,selection:l,onLightbox:r.open,editing:t,pricePlacement:a,showVehicleFitment:s,...c}),wc(wt,{item:r.item,onClose:r.close})]})}import{Fragment as g71,jsx as K7,jsxs as v71}from"react/jsx-runtime";var p71=c4;function Zn({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...s}){let c=$0();return K7(f2,{kinds:p71,type:"ProductHero",editing:e,children:c?K7(Wt,{product:c.product,selection:c.selection,onLightbox:c.openLightbox,editing:e,pricePlacement:t,showVehicleFitment:a,...s}):e?K7(u71,{pricePlacement:t,showVehicleFitment:a,...s}):K7(w4,{size:"tall",children:"Bound to the current product \u2014 preview on a product page."})})}function u71({pricePlacement:e,showVehicleFitment:t,...a}){let s=f3(!0);return s?K7(d71,{product:s,pricePlacement:e,showVehicleFitment:t,...a}):K7(w4,{size:"tall",children:"Loading sample product\u2026"})}function d71({product:e,pricePlacement:t,showVehicleFitment:a,...s}){let c=ec(e,{editing:!0}),o=Qs();return v71(g71,{children:[K7(Wt,{product:e,selection:c,onLightbox:o.open,editing:!0,pricePlacement:t,showVehicleFitment:a,...s}),K7(wt,{item:o.item,onClose:o.close})]})}import{jsx as kc}from"react/jsx-runtime";function f71({source:e,editing:t=!1,pricePlacement:a=Tt,showVehicleFitment:s=!0,heroLayout:c=D7,imageRatio:o=O7,textAlign:l=l9,showSpecTable:r=!0,showPriceQuote:i=!0,galleryMode:n=G7,imageFit:h=q7}){let m={heroLayout:c,imageRatio:o,textAlign:l,showSpecTable:r,showPriceQuote:i,galleryMode:n,imageFit:h};return $0()||t&&Z2()?kc(Zn,{editing:t,pricePlacement:a,showVehicleFitment:s,...m}):e?.slug?kc(Of,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:s,...m}):t?kc(w4,{size:"tall",children:"Pick a product in the panel to fill this hero."}):kc(Zn,{pricePlacement:a,showVehicleFitment:s,...m})}var ZR={label:"Product Hero",defaultProps:{source:null,pricePlacement:Tt,showVehicleFitment:!0,heroLayout:D7,imageRatio:O7,textAlign:l9,showSpecTable:!0,showPriceQuote:!0,galleryMode:G7,imageFit:q7},render:e=>kc(f71,{source:e.source,editing:e.puck?.isEditing,pricePlacement:U_(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:Pt(e.heroLayout),imageRatio:mn(e.imageRatio),textAlign:hn(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:pn(e.galleryMode),imageFit:un(e.imageFit)})};import{jsx as b71}from"react/jsx-runtime";var DR={label:"Product",defaultProps:{code:"",finish:""},render:e=>b71(_v,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as z71}from"react/jsx-runtime";var OR={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>z71(VB,{style:e,editing:t?.isEditing})};import{useEffect as y71,useRef as w71}from"react";import{jsx as Cc,jsxs as GR}from"react/jsx-runtime";var x71={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function Gf({variants:e,answer:t,loading:a=!1}){return t?GR("div",{className:"mt-9",children:[Cc("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:En(t)}),Cc("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(s=>{let c=Aa(t,s.sku),o=x71[c];return GR("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[Cc("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:s.size}),Cc("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${o.className}`,style:o.style,children:Vn[c]})]},s.sku)})})]}):a?Cc("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 qf,jsxs as qR}from"react/jsx-runtime";var Wf="Will it fit *your car?*",Uf="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",Kf="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",$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";function jf({num:e,title:t=Wf,description:a=Uf,escapeText:s,escapeHref:c,omitHead:o=!1,slug:l,variants:r,onAnswer:i}){let n=H4({autoApply:!0}),{answer:h,loading:m}=Pn(l,Yl(n.applied?.vehicle)),p=w71(i);return p.current=i,y71(()=>{p.current?.(h)},[h]),qR("section",{className:o?$f:Kf,children:[o?null:qf(J1,{num:e,title:t,description:a,accent:!0}),qf(K3,{cascade:n.cascade}),s&&c?qR("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,qf(Gf,{variants:r,answer:h,loading:m})]})}import{jsx as Mc,jsxs as M71}from"react/jsx-runtime";var k71=["tyre"];function Yf(e){return Mc(f2,{kinds:k71,type:"TyreFitment",editing:e.editing,children:Mc(C71,{...e})})}function C71({num:e,title:t,description:a,escapeText:s,escapeHref:c,omitHead:o=!1,editing:l=!1}){let r=$0(),i=f3(l&&!r),n=r?.product??i,h=n?.kind==="tyre"?n.source:null;return!h||h.variants.length===0?l?M71("section",{className:o?$f:Kf,children:[o?null:Mc(J1,{num:e,title:t||Wf,description:a||Uf,accent:!0}),Mc("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:Mc(jf,{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 S71}from"react/jsx-runtime";var WR={label:"Tyre Fitment Form",defaultProps:{num:"",title:"",description:"",escapeText:"",escapeHref:""},render:e=>{let t=I1(e.headPlacement)==="own-box",a=o=>t?void 0:o,s=e1(e.escapeText),c=e1(e.escapeHref);return S71(Yf,{num:a(y(e.num,O0.num,e.puck)),title:a(y(e.title,L.sectionHeading,e.puck)),description:a(y(e.description,L.body,e.puck)),escapeText:s,escapeHref:c,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as $7,jsxs as $R}from"react/jsx-runtime";var UR="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",KR="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",L71=[],A71=["tyre"];function Xf(e){return $7(f2,{kinds:A71,type:"TyreSizes",editing:e.editing,children:$7(H71,{...e})})}function H71({num:e,title:t,description:a,editing:s=!1,omitHead:c=!1}){let o=$0(),l=f3(s&&!o),r=o?.product??l,i=r?.kind==="tyre"?r.source.variants:[],n=c?null:$7(J1,{num:e?k(e):void 0,title:j(t||"Available *sizes.*",!1),description:k(a||"Every size this tyre is made in, with its own price and stock."),accent:!0});if(i.length===0)return s?$R("section",{className:c?KR:UR,children:[n,$7("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 $R("section",{className:c?KR:UR,children:[n,$7(F71,{variants:i,fieldUsage:o?.fieldUsage??L71}),$7(j4,{text:h?$l:""})]})}function F71({variants:e,fieldUsage:t}){let{currency:a,formatPrice:s}=n0();return $7("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(c=>$7(Xs,{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 T71}from"react/jsx-runtime";var jR={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return T71(Xf,{num:a(y(e.num,O0.num,e.puck)),title:a(y(e.title,L.sectionHeading,e.puck)),description:a(y(e.description,L.body,e.puck)),omitHead:t,editing:e.puck?.isEditing})}};var YR={AlloyWheelsListing:mV,BrandStrip:MB,BundleOffer:FB,CartBlock:BB,CatalogFilterBar:YB,CheckoutCTA:TV,CollectionCard:XB,Collections:BV,CompatibleTyres:dN,CountrySwitchBlock:JB,DeliveryOptions:bN,DetailRows:PN,EuTyreLabel:QB,FitmentFinder:IN,FitmentTable:o_,Gallery:u_,GalleryB:w_,GalleryItem:eR,Header:uR,ProductGrid:I_,ProductHero:ZR,ProductRef:DR,RelatedProducts:tB,SearchBlock:OR,SpecTable:fB,TyreFitment:WR,TyreSizes:jR};var P71={AlloyWheelsListing:dV,BrandStrip:zV,BundleOffer:xV,CartBlock:yV,CatalogFilterBar:HV,CheckoutCTA:PV,CollectionCard:NV,Collections:IV,CompatibleTyres:gN,CountrySwitchBlock:vN,DeliveryOptions:xN,DetailRows:VN,EuTyreLabel:NN,FitmentFinder:ZN,FitmentTable:l_,Gallery:v_,GalleryB:k_,GalleryItem:H_,Header:F_,ProductGrid:D_,ProductHero:j_,ProductRef:eB,RelatedProducts:aB,SearchBlock:sB,SpecTable:zB,TyreFitment:xB,TyreSizes:yB},Z0=Ze(YR,P71);import{jsx as u4,jsxs as Dn}from"react/jsx-runtime";function Qf(e={}){let t=Tw();return u4(tL,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:u4(E71,{...e})})}var XR="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]",Jf="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function E71({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:z,loadingSlots:x,noSlotsMessage:w,selectedStart:C,setSelectedStart:A,customerTimezone:E,name:V,setName:q,email:F,setEmail:T,phone:N,setPhone:I,notes:P,setNotes:D,confirmation:a1,submitting:B,error:U,canSubmit:Y,handleSubmit:W,sample:Q}=m7(),b1=Q?u4("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?u4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments\u2026"}):n?.length===0?u4("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?u4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Dn("div",{className:XR,children:[b1,a1?u4(o,{className:`${Jf} items-start`}):Dn("form",{onSubmit:W,children:[u4(o,{className:`${Jf} items-start`}),X]})]})}):u4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Dn("div",{className:XR,children:[b1,u4(mr,{eyebrow:e,heading:t,intro:a}),a1?u4(dr,{successMessage:c}):X||Dn("form",{onSubmit:W,className:Jf,children:[u4(pr,{}),u4(ur,{buttonLabel:s})]})]})})}import{jsx as V71}from"react/jsx-runtime";var eb={boxes:{type:"slot",allow:["BookingBox"]}},JR={label:"Booking Form",fields:eb,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>V71(Qf,{eyebrow:y(e.eyebrow,L.eyebrow,e.puck),heading:y(e.heading,L.heading,e.puck),intro:y(e.intro,L.body,e.puck),buttonLabel:y(e.buttonLabel,L.button,e.puck),successMessage:y(e.successMessage,L.bookingConfirmation,e.puck),boxes:e.boxes,inBoxes:e.layout==="boxes",nodeId:typeof e.id=="string"?e.id:void 0,editing:e.puck?.isEditing})};var QR={fields:{_gContent:b("Content"),eyebrow:Z("Eyebrow"),heading:P1("Heading"),intro:P1("Introduction"),buttonLabel:Z("Submit button"),successMessage:P1("Confirmation message"),boxes:eb.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 eI={fields:{_gTextStyle:b("Text style"),...Object.fromEntries(gr.map(e=>[vr[e],g1(gp[e],Ne(gp[e]),[{label:"Section's own",value:""},...n5.map(t=>({label:y9[t],value:t}))],"")])),_gContent:b("Content"),eyebrow:Z("Eyebrow"),heading:P1("Heading"),intro:P1("Introduction"),buttonLabel:Z("Submit button"),successMessage:P1("Confirmation message")},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=gr.map(l=>vr[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 N71,LinkIcon as tI,EyeOffIcon as _71}from"efficient-easel/icons";import{jsx as Sc}from"react/jsx-runtime";var aI={fields:{_gTop:b("Routing groups"),routingNumber:H("Section number",p0.routingNumber),routingTagline:H("Eyebrow",p0.routingTagline),groups:{type:"array",label:"Groups",arrayFields:{eyebrow:Z("Eyebrow"),title:P1("Title"),copy:P1("Body"),response:Z("Response time")},getItemSummary:e=>e?.title||e?.eyebrow||"Group"},_gForm:b("Message form"),formSlug:k5(),formNumber:H("Section number",p0.formNumber),formHeading:R("Heading",p0.formHeading),metaItems:L2("Meta lines",Sc(J3,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:b("\u201COther\u201D reason"),showOther:s1("Show \u201COther\u201D reason",p0.showOther,Sc(N71,{})),otherLabel:Z("\u201COther\u201D chip label",p0.otherLabel),otherNoteTitle:H("\u201COther\u201D note title",p0.otherNoteTitle),otherNoteBody:R("\u201COther\u201D note body",p0.otherNoteBody),_gSubmit:b("Submit button"),buttonText:Z("Submit button",p0.buttonText),consent:R("Consent line",p0.consent),_gChannels:b("Contact info"),channels:{type:"array",label:"Channels",arrayFields:{label:Z("Label"),value:Z("Value"),href:X2(Z("Link")),sub:Z("Sub line"),groupId:g1("Link to group",Sc(tI,{}),[{label:"\u2014 Not linked \u2014",value:""},...p0.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:s1("Hidden",!1,Sc(_71,{}))},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=Ap(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||Ap(l?.title)||`group-${r+1}`}))],c=t,o=c.channels;return o?.type==="array"&&o.arrayFields&&(c.channels={...o,arrayFields:{...o.arrayFields,groupId:g1("Link to group",Sc(tI,{}),s,"")}}),t}};import{useEffect as B71,useRef as R71,useState as I71}from"react";import{Fragment as q71,jsx as tb,jsxs as W71}from"react/jsx-runtime";var Z71=12,On=null,sI=null;function D71(e=!1){let t=l2();if((e||sI!==t)&&(On=null),!On){let a=B3();sI=t,On=X1.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return On}function O71(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 G71(e){return{slug:e.slug,title:e.title,excerpt:e.excerpt,cover:e.cover_image?b9(e.cover_image)??"":"",meta:e.category||void 0,dateLabel:O71(e.published_at)||void 0}}function n9({value:e,onChange:t,snapshotCount:a=Z71}){let[s,c]=I71("idle"),o=Array.isArray(e),l=o?e.length:0,r=R71(!0),i=h=>{c("loading"),D71(h).then(m=>{if(!r.current)return;if(m===null){c("error");return}c("idle");let p=m.slice(0,a).map(G71);n6(p,e??null)&&t(p)})};B71(()=>(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 W71("div",{children:[tb(I9,{label:"Blog posts"}),tb(r4,{status:s,statusText:n,onRefresh:()=>i(!0),busy:s==="loading",spaced:!1,hint:tb(q71,{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 Ut,jsxs as lI}from"react/jsx-runtime";var cI=3,rI="featured",iI=[{label:"Even grid",value:"even"},{label:"Featured first",value:rI}],nI="even",E6={min:2,max:11,step:1,fallback:7,unit:"of 12"},U71="bottom-left",K71=55,$71="bottom";function j71(e){let t=typeof e=="number"?e:Number.parseFloat(String(e??"")),a=Number.isFinite(t)?Math.min(E6.max,Math.max(E6.min,Math.round(t))):E6.fallback;return`${a}fr ${12-a}fr`}var oI={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"},Y71="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]",X71="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 ab({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:cI,v=d.slice(0,f),z=r&&v.length===0;if(v.length===0&&!r)return null;let x=z?Array.from({length:l?cI:f},(E,V)=>({slug:`placeholder-${V}`,title:"Blog post title",excerpt:"A short summary of the post appears here.",cover:"",meta:"Journal",dateLabel:"Date"})):v,w=R3("Events",n,"both"),C=h===rI&&x.length>1,A=j71(m);return lI("section",{className:g?X71:Y71,style:j2(i),children:[g?null:Ut(J1,{num:e!==void 0?k(e):void 0,title:t!==void 0?j(t,!1):void 0,link:a?{text:k(a.text),href:a.href}:void 0}),C?lI("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${w.className}`,style:{...w.style,"--sf-events-split":A},children:[Ut(N8,{post:x[0],scaffold:z,layout:"cover",darken:u??K71,darkenStyle:$71,placement:U71},`${x[0].slug}-0`),Ut("div",{className:`grid auto-rows-min${w.className}`,style:w.style,children:x.slice(1).map((E,V)=>Ut(N8,{post:E,scaffold:z,showCover:p},`${E.slug}-${V+1}`))})]}):Ut("div",{className:`sf-card-grid grid${w.className} ${oI[Math.min(4,Math.max(1,c??3))]??oI[3]}`,style:w.style,children:x.map((E,V)=>Ut(N8,{post:E,scaffold:z},`${E.slug}-${V}`))})]})}import{LayoutIcon as Q71,ColumnsIcon as e81,WidthIcon as t81,ImageIcon as a81,OpacityIcon as s81,ListIcon as c81,HashIcon as o81}from"efficient-easel/icons";import{jsx as J71}from"react/jsx-runtime";var h9={num:L.sectionNumber,title:"Section title",link:L.viewAll},hI={label:"Latest Posts",defaultProps:{num:"",title:"",linkText:"",linkHref:"/journal",columns:3,limit:3,showAll:!1},render:e=>{let t=I1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=y(e.linkText,h9.link,e.puck);return J71(ab,{num:a(y(e.num,h9.num,e.puck)),title:a(y(e.title,h9.title,e.puck)),link:a(s?{text:s,href:e1(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 m9}from"react/jsx-runtime";var l81=50,mI={fields:{_gContent:b("Content"),num:H("Number",h9.num),title:R("Heading",h9.title),linkText:H("Button",h9.link),linkHref:L1("Link"),_gPosts:b("Blog posts"),posts:t2(n9,{snapshotCount:l81}),_gLayout:b("Layout"),layout:g1("Arrangement",m9(Q71,{}),iI,nI),columns:t1("Columns",m9(e81,{}),2,4,1,3),featuredWidth:t1("Featured width",m9(t81,{}),E6.min,E6.max,E6.step,E6.fallback,E6.unit),listCover:s1("Show cover image on the smaller cards",!0,m9(a81,{})),featuredDarken:t1("Darken",m9(s81,{}),F2.min,F2.max,F2.step,55,F2.unit),gap:I3("Events"),showAll:s1("Show all blog posts",!1,m9(c81,{})),limit:t1("Posts to display",m9(o81,{}),1,20,1,3),cardImage:q6()},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t},o=l=>Z1(W1(l,a,U1),e.props.headPlacement,B1.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 r81,SettingsSegmented as i81}from"efficient-easel/panel";import{WidthIcon as n81}from"efficient-easel/icons";import{jsx as Gn}from"react/jsx-runtime";function Lc({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 Gn(r81,{label:s,labelId:c,icon:Gn(n81,{}),value:r?o:void 0,changed:!r,action:r?void 0:Gn(Xx,{label:s,what:"change",onClear:()=>a(void 0)}),hint:l,children:Gn(i81,{options:[{label:vh.page,id:"content"},{label:vh.full,id:"full"}],value:i,ariaLabel:s,onChange:a})})}import{SettingsField as h81,SettingsSwitch as m81}from"efficient-easel/panel";import{BlockColumnIcon as p81}from"efficient-easel/icons";import{Fragment as u81,jsx as qn,jsxs as d81}from"react/jsx-runtime";function sb({value:e,onChange:t}){let a=p5(),s={...H9,...e},c=s[a];return qn(h81,{label:"Logo fills its column",icon:qn(p81,{}),action:qn(m81,{checked:c,onChange:o=>t({...s,[a]:o}),ariaLabel:`Logo fills its column on ${u5[a]}`}),hint:d81(u81,{children:["Sets the ",qn("strong",{children:u5[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{SettingsField as g81,SettingsSwitch as v81}from"efficient-easel/panel";import{FullWidthIcon as f81}from"efficient-easel/icons";import{Fragment as b81,jsx as Wn,jsxs as z81}from"react/jsx-runtime";function cb({value:e,onChange:t}){let a=p5(),s={...F9,...e},c=s[a];return Wn(g81,{label:"Logo fills its row",icon:Wn(f81,{}),action:Wn(v81,{checked:c,onChange:o=>t({...s,[a]:o}),ariaLabel:`Logo fills its row on ${u5[a]}`}),hint:z81(b81,{children:["Sets the ",Wn("strong",{children:u5[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{jsx as x81}from"react/jsx-runtime";function ob({value:e,onChange:t}){return x81(ks,{label:"Columns per line",unit:"columns",steps:Ox,value:po(e),onChange:t})}import{useContext as y81,useEffect as w81,useRef as k81,useState as uI}from"react";import{jsx as Kt,jsxs as pI}from"react/jsx-runtime";function Ac(){let e=EB();return pI("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:[Kt("span",{children:e}),pI("span",{className:"flex flex-wrap items-center gap-3",children:[Kt("span",{children:"Privacy"}),Kt("span",{"aria-hidden":!0,children:"\xB7"}),Kt("span",{children:"Terms"}),Kt("span",{"aria-hidden":!0,children:"\xB7"}),Kt("span",{children:"Cookies"})]})]})}import{jsx as lb,jsxs as S81}from"react/jsx-runtime";var dI={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},C81={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"},M81={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 rb({blocks:e,editing:t=!1,width:a,columns:s,logoFill:c,logoRowFill:o}){let l=y81(oa),{desktop:r,tablet:i,mobile:n}=po(s),{desktop:h,tablet:m,mobile:p}={...H9,...c},{desktop:u,tablet:g,mobile:d}={...F9,...o},f=p5(),z=t?dI[f==="desktop"?r:f==="tablet"?i:n]:`${dI[n]} ${C81[i]} ${M81[r]}`,x=k81(null),[w,C]=uI(1),[A,E]=uI(!1);if(w81(()=>{if(!t&&!l)return;let q=x.current;if(!q)return;let F=()=>{let a1=q.querySelector(".footer-block-grid");if(!a1)return;let B=t?f:py(window.innerWidth),U=B==="desktop"?u:B==="tablet"?g:d;E(U);let Y=B==="desktop"?h:B==="tablet"?m:p,W=getComputedStyle(a1).gridTemplateColumns.split(" ").filter(Boolean).length-1,Q=Math.max(a1.childElementCount-1,0);C(!U&&Y&&W>=1?Math.max(Math.ceil(Q/W),1):1)},T,N=()=>{clearTimeout(T),T=setTimeout(F,0)},I=[0,80,250,600].map(a1=>setTimeout(F,a1)),P=new MutationObserver(N);P.observe(q,{childList:!0,subtree:!0});let D=new ResizeObserver(N);return D.observe(q),()=>{clearTimeout(T),I.forEach(clearTimeout),P.disconnect(),D.disconnect()}},[r,i,n,t,l,f,h,m,p,u,g,d]),!t&&!l)return null;let V=co(oo(a))??void 0;return lb("footer",{ref:x,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":w,"--footer-logo-col":A?"1 / -1":"1"},children:S81("div",{style:V,children:[lb(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${z}`,minEmptyHeight:160}),lb(Ac,{})]})})}import{jsx as L81}from"react/jsx-runtime";var ib={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},gI={label:"Footer",fields:ib,defaultProps:{columns:Gx,logoFill:H9,logoRowFill:F9},render:({blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,puck:o})=>L81(rb,{blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,editing:o?.isEditing})};import{jsx as Un}from"react/jsx-runtime";var vI={fields:{_gLayout:b("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>Un(Lc,{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})=>Un(ob,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>Un(sb,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>Un(cb,{value:e,onChange:t})},_gBlocks:b("Blocks"),blockList:s2("Footer"),blocks:ib.blocks}};import{WeightIcon as A81,WidthIcon as H81,PhoneIcon as F81}from"efficient-easel/icons";import{jsx as nb}from"react/jsx-runtime";var fI={fields:{_gStyle:b("Style"),thickness:t1("Thickness",nb(A81,{}),1,8,1,1,"px"),lengthPct:t1("Length",nb(H81,{}),10,100,1,100,"%"),hideOnMobile:s1("Hide on mobile",!1,nb(F81,{}))}};var bI={fields:{_gContent:b("Content"),heading:P1("Heading","Join our email list"),placeholder:Z("Field placeholder","Email address"),buttonLabel:Z("Button","Subscribe")}};import{AlignLeftIcon as E81}from"efficient-easel/icons";import{jsx as zI}from"react/jsx-runtime";var T81={start:"items-start",center:"items-center",end:"items-end"};function hb({direction:e="vertical",gap:t,align:a="start",content:s}){let c=R3("FooterGroup",t,e==="horizontal"?"inline":"block");return zI("div",{className:"min-w-0",children:zI(s,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${T81[a]}${c.className}`,style:c.style,minEmptyHeight:80})})}import{jsx as P81}from"react/jsx-runtime";var mb={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},xI={label:"Footer Box",fields:mb,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:s})=>P81(hb,{direction:e,gap:t,align:a,content:s})};import{jsx as V81}from"react/jsx-runtime";var yI={fields:{_gLayout:b("Layout"),direction:f1("Direction",s8("`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:I3("FooterGroup"),align:f1("Alignment",V81(E81,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:b("Blocks"),blockList:s2("FooterGroup"),blocks:mb.blocks}};import{WidthIcon as N81,AlignLeftIcon as _81,LogoIcon as B81,PaddingTopIcon as R81,PaddingRightIcon as I81,PaddingBottomIcon as Z81,PaddingLeftIcon as D81}from"efficient-easel/icons";import{jsx as p9}from"react/jsx-runtime";var wI={fields:{_gContent:b("Content"),tagline:P1("Body","Short brand tagline"),_gStyle:b("Style"),widthPct:t1("Width",p9(N81,{}),40,400,1,100,"%"),align:f1("Alignment",p9(_81,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:f1("Logo color",p9(B81,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:t1("Padding top",p9(R81,{}),0,120,2,0,"px"),padRight:t1("Padding right",p9(I81,{}),0,120,2,0,"px"),padBottom:t1("Padding bottom",p9(Z81,{}),0,120,2,0,"px"),padLeft:t1("Padding left",p9(D81,{}),0,120,2,0,"px")}};import{SettingsField as O81}from"efficient-easel/panel";import{FieldSelect as G81}from"efficient-easel/fields";import{MenuIcon as q81}from"efficient-easel/icons";import{useCallback as W81,useEffect as kI,useState as pb}from"react";import{jsx as $t,jsxs as ub}from"react/jsx-runtime";function db({value:e,onChange:t}){let[a,s]=pb(null),[c,o]=pb(!1),l=W81(v=>{s(v),o(!0)},[]);kI(()=>{let v=!1;return bm(B3()).then(z=>{v||l(z)}).catch(()=>{v||s([])}),()=>{v=!0}},[l]),kI(()=>{let v=!1,z=Wx(()=>{VC(B3()).then(x=>{v||l(x)}).catch(()=>{})});return()=>{v=!0,z()}},[l]);let r=a===null,i=!!(e?.id||e?.handle),n=c&&i&&!Ll(a??[],e),h=!i&&(e?.items?.length??0)>0,m=n?"":Ll(a??[],e)?.id??"",p=v=>t({id:v.id,handle:v.handle,name:v.name,items:v.items.map(z=>({label:z.label,url:z.url}))}),u=v=>{if(!v){t(null);return}let z=(a??[]).find(x=>x.id===v);z&&p(z)},[g,d]=pb(!1),f=()=>{i&&(d(!0),bm(B3(),!0).then(v=>{l(v);let z=Ll(v,e);z&&p(z)}).catch(()=>{}).finally(()=>d(!1)))};return ub("div",{children:[$t(O81,{label:"Menu",icon:$t(q81,{}),hint:!r&&a&&a.length===0?"Create menus in Storefront \u2192 Menus, then pick one here.":void 0,children:$t(G81,{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?$t("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:MC}):null,n?$t("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:SC(e?.name??"The linked menu")}):null,i&&!n?ub("div",{className:"mt-1.5 flex items-center justify-between gap-2",children:[ub("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:"]}),$t("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 U81,LineBetweenIcon as K81}from"efficient-easel/icons";import{jsx as gb}from"react/jsx-runtime";var CI={fields:{_gContent:b("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>gb(db,{value:e,onChange:t})},heading:Z("Heading","Column heading"),_gStyle:b("Style"),accordionMobile:s1("Show as accordion on mobile",!1,gb(U81,{})),showDividers:s1("Dividers between links",!1,gb(K81,{}))}};import{jsx as Hc}from"react/jsx-runtime";var MI={small:16,medium:20,large:24},vb=0,fb=32,LI=2,Fc=0,SI={start:"justify-start",center:"justify-center",end:"justify-end"};function bb({iconStyle:e=J9,iconSize:t="medium",align:a="start",gap:s=Fc,editing:c=!1}){let o=TB(),l=Uy(Wy(o));if(l.length===0)return c?Hc("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=MI[t]??MI.medium,n={gap:Math.min(fb,Math.max(vb,Number.isFinite(s)?s:0)),"--social-mark":`${r}px`};return Hc("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)] ${SI[a]??SI.start}`,style:n,children:l.map(({platform:h,href:m,label:p})=>Hc("li",{children:Hc("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:Hc(Hw,{platform:h,iconStyle:e,size:r})})},h))})}import{Fragment as $81,jsx as zb,jsxs as j81}from"react/jsx-runtime";function xb(){let{openPanel:e}=Io();return j81($81,{children:[zb(I9,{label:"Social links"}),zb("p",{className:"sf-field-hint",children:"The links are typed once for the whole website, in Site settings."}),zb("button",{type:"button",className:"sf-part-link",onClick:e,children:"Edit social links \u2192"})]})}import{StylesIcon as Y81,TextSizeIcon as X81,AlignLeftIcon as J81,GapIcon as Q81}from"efficient-easel/icons";import{jsx as Tc}from"react/jsx-runtime";var AI={fields:{_gStyle:b("Style"),iconStyle:f1("Icon style",Tc(Y81,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],J9),iconSize:f1("Icon size",Tc(X81,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Tc(xb,{})},_gLayout:b("Layout"),align:f1("Alignment",Tc(J81,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:t1("Gap",Tc(Q81,{}),vb,fb,LI,Fc,"px")}};import{TextSizeIcon as e91}from"efficient-easel/icons";import{jsx as t91}from"react/jsx-runtime";var HI={fields:{_gContent:b("Content"),text:P1("Body","Footer text"),_gStyle:b("Style"),size:f1("Size",t91(e91,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:ir()}};var FI={fields:{_gForm:b("Form"),formSlug:k5(),_gContent:b("Content"),heading:Z("Heading override"),intro:P1("Intro"),submitText:Z("Submit button"),finePrint:Z("Fine print")}};var TI={fields:{}};var Kn="e.g. D00123 \xB7 blank = the whole store";import{useState as j7}from"react";import{Fragment as c91,jsx as i3,jsxs as Pc}from"react/jsx-runtime";var $n="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",a91="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))]",s91="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 yb({eyebrow:e,title:t,designCode:a,omitHead:s=!1,editing:c=!1}={}){let[o,l]=j7(""),[r,i]=j7(""),[n,h]=j7(0),[m,p]=j7(""),[u,g]=j7(""),[d,f]=j7(!1),[v,z]=j7(!1),[x,w]=j7(null);async function C(A){if(A.preventDefault(),!(c||d)){if(n<1){w("Choose a star rating.");return}f(!0),w(null);try{await m0.submitReview({authorName:o.trim(),...r.trim()?{email:r.trim()}:{},rating:n,...m.trim()?{title:m.trim()}:{},body:u.trim(),...a?.trim()?{designCode:a.trim()}:{}}),z(!0)}catch{w("Something went wrong \u2014 your review wasn't sent. Please try again.")}finally{f(!1)}}}return i3("section",{className:"relative z-[2] border-t border-line bg-surface",children:Pc("div",{className:s?s91:a91,children:[s?null:Pc(c91,{children:[(e??"").trim()&&i3(A1,{text:e??"",scaled:!1,className:"mb-4 block"}),(t??"").trim()&&i3("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:j(t??"",!1)})]}),v?i3("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."}):Pc("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:C,children:[Pc("div",{className:"grid grid-cols-2 gap-3 max-[640px]:grid-cols-1",children:[i3(I2,{label:"Name",required:!0,children:i3("input",{type:"text",required:!0,value:o,onChange:A=>l(A.target.value),className:$n})}),i3(I2,{label:"Email \u2014 never shown publicly",children:i3("input",{type:"email",value:r,onChange:A=>i(A.target.value),className:$n})})]}),Pc("div",{className:"flex flex-col gap-2",children:[i3(n8,{required:!0,children:"Rating"}),i3("div",{role:"group","aria-label":"Rating",className:"flex gap-1",children:[1,2,3,4,5].map(A=>i3("button",{type:"button","aria-pressed":n>=A,"aria-label":`${A} star${A===1?"":"s"}`,onClick:()=>{h(A),w(null)},className:["cursor-pointer text-[30px] leading-none transition-colors",n>=A?"text-accent":"text-fg-dim/30 hover:text-fg-dim"].join(" "),children:"\u2605"},A))})]}),i3(I2,{label:"Review title (optional)",children:i3("input",{type:"text",value:m,onChange:A=>p(A.target.value),className:$n})}),i3(I2,{label:"Your review",required:!0,children:i3("textarea",{required:!0,rows:5,value:u,onChange:A=>g(A.target.value),className:$n+" resize-y"})}),x&&i3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:x}),i3("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 o91}from"react/jsx-runtime";var Ec={eyebrow:"Your turn",title:"Leave a *review.*"},PI={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return o91(yb,{eyebrow:a(y(e.eyebrow,Ec.eyebrow,e.puck)),title:a(y(e.title,Ec.title,e.puck)),omitHead:t,designCode:e1(e.designCode)||void 0,editing:e.puck?.isEditing})}};var EI={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",Ec.eyebrow),title:R("Heading",Ec.title),_gSource:b("Reviews"),designCode:X2(Z("Design code",Kn))},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.ReviewForm.headRows)};import{StylesIcon as d91,HashIcon as g91,ColumnsIcon as v91}from"efficient-easel/icons";import{useEffect as l91,useState as r91}from"react";function VI(e,t){let[a,s]=r91(null);return l91(()=>{let c=!1;return s(null),m0.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(o=>{c||s(o)}),()=>{c=!0}},[e,t]),a}import{Fragment as p91,jsx as E4,jsxs as jn}from"react/jsx-runtime";var NI=[{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 i91(e){let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{month:"long",year:"numeric"})}function n91({rating:e}){let t=Math.min(5,Math.max(0,Math.round(e)));return E4("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)=>E4("span",{"aria-hidden":!0,className:s<t?"text-accent":"text-fg-dim/30",children:"\u2605"},s))})}var h91="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))]",m91="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 wb({look:e,eyebrow:t,title:a,columns:s,limit:c,designCode:o,omitHead:l=!1,editing:r=!1}={}){let i=VI(c??6,o),n=Math.min(3,Math.max(1,s??3)),h=i&&i.length>0?i:r?NI:[],m=h===NI;return!r&&h.length===0?null:E4("section",{className:"relative z-[2] border-t border-line bg-surface",children:jn("div",{className:l?m91:h91,children:[l?null:jn(p91,{children:[(t??"").trim()&&E4(A1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&E4("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)})]}),E4("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=>jn("article",{className:["flex flex-col gap-4 bg-bg p-9 max-[800px]:p-7",m?"opacity-60":""].join(" "),children:[E4(n91,{rating:p.rating}),p.title.trim()&&E4("h3",{className:"font-display text-[length:var(--size-body,19px)] font-medium uppercase leading-[1.2] tracking-[-0.01em] text-fg",children:p.title}),E4("div",{className:"flex-1 font-serif text-[length:var(--size-body,15px)] leading-[1.65] text-fg-dim",children:u0(p.body).map((u,g)=>E4("p",{className:g?"mt-3":"",children:u},g))}),jn("footer",{className:"flex items-baseline justify-between gap-4 border-t border-line pt-[18px]",children:[E4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg",children:p.authorName}),E4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:i91(p.createdAt)})]})]},p.id))})]})})}import{jsx as u91}from"react/jsx-runtime";var Vc={eyebrow:"Reviews",title:"From our *customers.*"},_I={label:"Reviews",defaultProps:{eyebrow:"",title:"",columns:3,limit:6,designCode:""},render:e=>{let t=I1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return u91(wb,{look:t4(e.eyebrowLook,"Reviews"),eyebrow:a(y(e.eyebrow,Vc.eyebrow,e.puck)),title:a(y(e.title,Vc.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:e1(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as kb}from"react/jsx-runtime";var BI={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",Vc.eyebrow),eyebrowLook:g1("Eyebrow style",kb(d91,{}),[...z4],W6("Reviews")),title:R("Heading",Vc.title),_gSource:b("Reviews"),limit:t1("Reviews to display",kb(g91,{}),3,12,1,6),designCode:X2(Z("Design code",Kn)),_gStyle:b("Style"),columns:t1("Columns",kb(v91,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>Z1(W1(t,a,U1),e.props.headPlacement,B1.Reviews.headRows)};import{jsx as Cb,jsxs as f91}from"react/jsx-runtime";function Nc({place:e,sections:t,editing:a=!1}){let c=f91(e==="footer"?"footer":"div",{"data-section-group":e,children:[a?Cb("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,Cb(t,{minEmptyHeight:120})]});return e==="header"?Cb(HC,{children:c}):c}import{jsx as b91}from"react/jsx-runtime";var Mb={sections:{type:"slot"}},RI={label:"Site Footer",fields:Mb,render:({sections:e,puck:t})=>b91(Nc,{place:"footer",sections:e,editing:t?.isEditing})};var II={fields:{sections:Mb.sections}};import{StickyIcon as x91,ContrastIcon as y91}from"efficient-easel/icons";import{jsx as z91}from"react/jsx-runtime";var Sb={sections:{type:"slot"}},ZI={label:"Site Header",fields:Sb,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,puck:t})=>z91(Nc,{place:"header",sections:e,editing:t?.isEditing})};import{jsx as DI}from"react/jsx-runtime";var OI={fields:{sticky:f1("Sticky header",DI(x91,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),topTextColor:f1("Text color at the top",DI(y91,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),sections:Sb.sections}};import{jsx as Yn,jsxs as w91}from"react/jsx-runtime";var v0={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 _c(e,t){return e===void 0?t:e}function Lb({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=_c(e,v0.eyebrow),p=_c(t,v0.title),u=_c(a,v0.body),g=_c(s,v0.buttonText),d=_c(c,v0.consent),f=x5(o,l),v=s7({form:f,formSlug:o,editing:r}),z=f===void 0,x=!!f||r;return!x&&!m&&!p&&!u?null:n&&i?Yn("section",{className:P0(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:Yn(i,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):w91("section",{className:P0(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:[Yn(pL,{eyebrow:m,title:p}),Yn(fr,{body:u,buttonLabel:g,consent:d,form:f,submission:v,showForm:x,resolving:z,editing:r})]})}var GI={fields:{_gTextStyle:b("Text style"),...Object.fromEntries(br.map(e=>[zr[e],g1(zp[e],Ne(zp[e]),[{label:"Section's own",value:""},...n5.map(t=>({label:y9[t],value:t}))],"")])),_gContent:b("Content"),eyebrow:H("Eyebrow",v0.eyebrow),title:R("Heading",v0.title),body:R("Body",v0.body),formSlug:k5(),buttonText:H("Button",v0.buttonText),consent:R("Consent line",v0.consent)},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=["eyebrow","title"],o=["body","formSlug","buttonText","consent"],l=br.map(n=>zr[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 k91}from"react/jsx-runtime";var Ab={boxes:{type:"slot",allow:["SubmitBox"]}},qI={label:"Photo Submission Form",fields:Ab,defaultProps:{eyebrow:v0.eyebrow,title:v0.title,body:v0.body,formSlug:"",buttonText:v0.buttonText,consent:v0.consent},render:e=>k91(Lb,{boxes:e.boxes,inBoxes:e.layout==="boxes",eyebrow:J0(e.eyebrow,v0.eyebrow,e.puck),title:J0(e.title,v0.title,e.puck),body:J0(e.body,v0.body,e.puck),buttonText:J0(e.buttonText,v0.buttonText,e.puck),consent:J0(e.consent,v0.consent,e.puck),formSlug:e1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};var WI={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",v0.eyebrow),title:R("Heading",v0.title),body:R("Body",v0.body),_gForm:b("Form"),formSlug:k5(),_gButton:b("Button"),buttonText:H("Button",v0.buttonText),_gFootnote:b("Footnote"),consent:R("Consent line",v0.consent),boxes:Ab.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 C91=["issues","posts"],UI=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],Hb="issues";function Fb(e){return C91.includes(e)?e:Hb}var M91={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function KI(e,t){let a=Fb(t),s={...e};for(let[c,o]of Object.entries(M91))o.includes(a)||delete s[c];return s}import{CategoryIcon as L91,HashIcon as A91}from"efficient-easel/icons";var N0={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:"A short description of your newsletter or publication.",kicker:"\u2192 Newsletter",leadTitle:"Get it in the *inbox.*",intro:"Tell readers what they get and how often. One email, straight to the inbox. We will never sell your address.",emailPlaceholder:"your@email.com",submitText:"Subscribe \u2192",subscribedText:"Subscribed \u2713",finePrint:"Approx. 1 email per week \xB7 Unsubscribe in one click",issuesHeading:"Recent issues",archiveText:"View the full archive \u2192",archiveHref:m2.href},$I=[{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 S91(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 Xn(e,t){if(e==="issues")return x1(t.issues,$I,t.puck);let a=t.posts,s=typeof t.limit=="number"&&t.limit>0?t.limit:4,c=Array.isArray(a)?S91(a.slice(0,s)):[];return x1(c,$I,t.puck)}import{jsx as jI}from"react/jsx-runtime";var YI={fields:{_sHead:t0("Section header"),_gHeadCopy:b("Content"),headNum:H("Number",N0.headNum),headTitle:R("Heading",N0.headTitle),headDesc:R("Body",N0.headDesc),_sLeft:t0("Newsletter panel"),_gLeftCopy:b("Content"),kicker:H("Eyebrow",N0.kicker),leadTitle:R("Heading",N0.leadTitle),intro:R("Intro",N0.intro),_gForm:b("Signup form"),emailPlaceholder:Z("Email placeholder",N0.emailPlaceholder),submitText:Z("Submit button",N0.submitText),subscribedText:Z("Subscribed button",N0.subscribedText),finePrint:R("Fine print",N0.finePrint),_sRight:t0("Recent issues"),_gRightCopy:b("Content"),contentType:f1("Type",jI(L91,{}),[...UI],Hb),issuesHeading:H("Panel heading",N0.issuesHeading),issues:{type:"array",label:"Issues",arrayFields:{n:d1("Number"),title:d1("Title"),small:d1("Sub-line"),date:d1("Date")},getItemSummary:e=>[e?.n,e?.title].filter(Boolean).join(" \xB7 ")||"Issue"},_gPosts:b("Blog posts"),posts:t2(n9),limit:t1("Posts to display",jI(A91,{}),1,6,1,4),_gArchive:b("Archive link"),archiveText:H("Archive button",N0.archiveText),archiveHref:L1("Archive link")},resolveFields:(e,{fields:t})=>KI(t,e.props.contentType)};import{HashIcon as P91}from"efficient-easel/icons";import{useState as H91}from"react";import{jsx as j3,jsxs as u9}from"react/jsx-runtime";var F91="That didn't go through \u2014 please try again.";function Bc({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=D3.subscribeSection,editing:d=!1,...f}){let[v,z]=H91(""),{status:x,submit:w}=Zl({source:g,dryRun:d}),C=x==="sent",A=x==="sending",E=x==="error"||x==="invalid",V=(m??[]).filter(N=>(N?.n??"").trim()||(N?.title??"").trim()||(N?.date??"").trim()),q=V.length>0,F=C?i||"Subscribed \u2713":A?"Sending\u2026":r||"Subscribe \u2192";function T(N){N.preventDefault(),!C&&w({email:v})}return u9("section",{className:P0(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:[j3(P2,{num:e,title:t?j(t,!0):void 0,desc:a,accentTracking:"-0.025em"}),u9("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:[u9("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&&j3(A1,{text:s}),c&&j3("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&&j3("p",{className:"max-w-[480px] font-serif text-[length:var(--size-body,19px)] italic leading-[1.5] text-fg-dim",children:k(o,!0)}),u9("form",{className:"mt-2 flex max-w-[520px]",onSubmit:T,children:[j3("input",{type:"email",placeholder:l||"your@email.com",required:!0,value:v,onChange:N=>z(N.target.value),disabled:C,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"}),j3("button",{type:"submit",disabled:C||A,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:_0(F)})]}),E&&j3("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:F91}),n&&j3("p",{className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:k(n)})]}),q&&u9("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&&j3(A1,{text:h,size:12}),j3("div",{className:"flex flex-col",children:V.map((N,I)=>u9("div",{className:["grid grid-cols-[60px_1fr_auto] items-start gap-[18px] border-b border-line py-[18px]",I===0?"border-t border-line":""].join(" "),children:[j3("span",{className:"font-mono text-[length:var(--size-label,13px)] tracking-[0.22em] text-accent",children:N.n?k(N.n):""}),u9("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[N.title?k(N.title):"",N.small?.trim()&&j3("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:k(N.small,!0)})]}),j3("span",{className:"whitespace-nowrap pt-[3px] text-right font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:N.date?k(N.date):""})]},I))}),p&&j3(i0,{href:u||"/journal",className:"flex items-center justify-end gap-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-accent hover:text-fg",children:k(p)})]})]})]})}import{jsx as T91}from"react/jsx-runtime";var j0={...N0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},XI={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=Xn("posts",e);return T91(Bc,{headNum:y(e.headNum,j0.headNum,e.puck),headTitle:y(e.headTitle,j0.headTitle,e.puck),headDesc:y(e.headDesc,j0.headDesc,e.puck),kicker:y(e.kicker,j0.kicker,e.puck),leadTitle:y(e.leadTitle,j0.leadTitle,e.puck),intro:y(e.intro,j0.intro,e.puck),emailPlaceholder:e1(e.emailPlaceholder)||j0.emailPlaceholder,submitText:e1(e.submitText)||j0.submitText,subscribedText:e1(e.subscribedText)||j0.subscribedText,finePrint:y(e.finePrint,j0.finePrint,e.puck),issuesHeading:y(e.issuesHeading,j0.issuesHeading,e.puck),issues:t,source:D3.subscribeBlogsSection,editing:e.puck?.isEditing,archiveText:y(e.archiveText,j0.archiveText,e.puck),archiveHref:e1(e.archiveHref)||j0.archiveHref})}};import{jsx as E91}from"react/jsx-runtime";var JI={fields:{_sHead:t0("Section header"),_gHeadCopy:b("Content"),headNum:H("Number",j0.headNum),headTitle:R("Heading",j0.headTitle),headDesc:R("Body",j0.headDesc),_sLeft:t0("Newsletter panel"),_gLeftCopy:b("Content"),kicker:H("Eyebrow",j0.kicker),leadTitle:R("Heading",j0.leadTitle),intro:R("Intro",j0.intro),_gForm:b("Signup form"),emailPlaceholder:Z("Email placeholder",j0.emailPlaceholder),submitText:Z("Submit button",j0.submitText),subscribedText:Z("Subscribed button",j0.subscribedText),finePrint:R("Fine print",j0.finePrint),_sRight:t0("Recent posts"),_gRightCopy:b("Content"),issuesHeading:H("Panel heading",j0.issuesHeading),_gPosts:b("Blog posts"),posts:t2(n9),limit:t1("Posts to display",E91(P91,{}),1,6,1,4),_gArchive:b("Archive link"),archiveText:H("Archive button",j0.archiveText),archiveHref:L1("Archive link")}};import{jsx as V91}from"react/jsx-runtime";var QI={label:"Booking box",defaultProps:{},render:e=>V91(vp,{region:typeof e.region=="string"?e.region:void 0,eyebrow:y(e.eyebrow,L.eyebrow,e.puck),heading:y(e.heading,L.heading,e.puck),intro:y(e.intro,L.body,e.puck),buttonLabel:y(e.buttonLabel,L.button,e.puck),successMessage:y(e.successMessage,L.bookingConfirmation,e.puck),styleStep:e.styleStep,styleName:e.styleName,styleValue:e.styleValue,styleNote:e.styleNote})};import{useEffect as Tb,useState as Pb}from"react";import{Fragment as N91,jsx as S0,jsxs as w3}from"react/jsx-runtime";var eZ="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 Eb({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:z,...x}){let w=[...a.map(W=>W.id),...l?[x8]:[]],C=f&&w.includes(f)?f:w[0]??x8,[A,E]=Pb(C);Tb(()=>{w.includes(A)||E(w[0]??x8)},[w.join("|")]),Tb(()=>{f&&w.includes(f)&&E(f)},[f]);let V=W=>{E(W),F(null),v?.(W)},[q,F]=Pb(null),T=(p??[]).filter(W=>!W.hidden),N=T.find(W=>W.groupId===A)?.value??null,I=q??N,P=x5(u,g),D=s7({form:P,formSlug:u,editing:d}),a1=P===void 0,B=!!P||!!d,[U,Y]=Pb(!1);return Tb(()=>{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()},[]),w3(N91,{children:[w3("section",{className:P0(x)?"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)&&w3("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[e&&S0(A1,{text:e}),t&&S0("span",{className:"font-display text-[length:var(--size-body,14px)] uppercase tracking-[0.04em] text-fg-dim",children:k(t)})]}),S0("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=A===W.id;return w3("button",{type:"button",onClick:()=>{V(W.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:t6(),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&&S0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:W.eyebrow}),S0("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&&S0("p",{className:"mt-auto font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:W.copy}),W.response&&w3("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:[S0("span",{children:"Response"}),S0("strong",{className:"font-normal text-fg",children:W.response})]})]},W.id)})})]}),(B||T.length>0)&&w3("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]",B&&T.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[B&&w3("div",{children:[w3("div",{className:"mb-7 flex items-end justify-between gap-6 border-b border-line pb-6",children:[w3("div",{children:[s&&S0("div",{className:"pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:k(s)}),c&&S0("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)&&S0("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)=>S0("div",{children:W},Q))})]}),P?D.done?S0("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:Se(P,"Thanks \u2014 we've received your message.")}):w3("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:D.handleSubmit,children:[P.fields.map(W=>S0(I2,{label:W.label,required:W.required,className:W.type==="textarea"||W.type==="checkbox"?"col-span-2 max-[700px]:col-span-1":void 0,children:S0(c7,{field:W,value:D.valueOf(W.key),onChange:Q=>D.set(W.key,Q),className:W.type==="textarea"?`${eZ} min-h-[140px] resize-y leading-[1.5]`:W.type==="checkbox"?"size-4 self-start accent-accent":eZ})},W.key)),w3("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[S0(n8,{required:!0,children:"Reason"}),w3("div",{className:"mt-1 flex flex-wrap gap-2",children:[a.map(W=>{let Q=A===W.id;return S0("button",{type:"button",onClick:()=>V(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&&S0("button",{type:"button",onClick:()=>V(x8),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",A===x8?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:_0(r)})]})]}),z?.(A),A===x8&&(i||n)&&w3("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&&S0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:k(i)}),n&&u0(n).map((W,Q)=>S0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:k(W)},Q))]}),S0(Le,{value:D.honeypot,onChange:D.setHoneypot}),D.error&&S0("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:D.error}),w3("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&&S0("span",{className:"max-w-[380px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.6] tracking-[0.18em] text-fg-dim",children:k(m)}),S0("button",{type:d?"button":"submit",disabled:D.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:D.submitting?"Sending\u2026":h?_0(h):"Send Message \u2192"})]})]}):S0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:a1?"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."})]}),T.length>0&&S0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:T.map((W,Q)=>{let b1=I===W.value,v1=!!!W.groupId;return w3("div",{onClick:v1?()=>F(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&&w3("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[S0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:"\u2192 Message routes here"}),S0("span",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.18em] text-fg-dim",children:"Other inboxes filter as spam"})]}),S0("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?S0("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}):S0("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&&S0("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 _91}from"react/jsx-runtime";var tZ={label:"Contact Form",defaultProps:{routingNumber:p0.routingNumber,routingTagline:p0.routingTagline,groups:p0.groups,formSlug:"",formNumber:p0.formNumber,formHeading:p0.formHeading,metaItems:p0.metaLines.map(e=>({text:e})),showOther:p0.showOther,otherLabel:p0.otherLabel,otherNoteTitle:p0.otherNoteTitle,otherNoteBody:p0.otherNoteBody,buttonText:p0.buttonText,consent:p0.consent,channels:p0.channels},render:e=>_91(Eb,{routingNumber:y(e.routingNumber,p0.routingNumber,e.puck),routingTagline:y(e.routingTagline,p0.routingTagline,e.puck),groups:e.groups??[],formNumber:y(e.formNumber,p0.formNumber,e.puck),formHeading:y(e.formHeading,p0.formHeading,e.puck),metaLines:(e.metaItems??[]).map(t=>t?.text??"").filter(Boolean),showOther:e.showOther,otherLabel:e1(e.otherLabel)||p0.otherLabel,otherNoteTitle:y(e.otherNoteTitle,p0.otherNoteTitle,e.puck),otherNoteBody:y(e.otherNoteBody,p0.otherNoteBody,e.puck),buttonText:e1(e.buttonText)||p0.buttonText,consent:y(e.consent,p0.consent,e.puck),channels:e.channels??[],formSlug:e1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as aZ}from"react/jsx-runtime";function Vb({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return aZ("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:aZ("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as B91}from"react/jsx-runtime";var sZ={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>B91(Vb,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as R91}from"react";import{jsx as Nb,jsxs as cZ}from"react/jsx-runtime";function _b({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:s}=Em(),[c,o]=R91("");return cZ("div",{className:"w-full min-w-0",children:[e?Nb("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:j(e,!1)}):null,cZ("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:l=>{l.preventDefault(),s({email:c.trim(),source:D3.footerSignup})},children:[Nb("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":h2(e??"")||"Email address"}),Nb("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:_0(a)})]})]})}import{jsx as I91}from"react/jsx-runtime";var oZ={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:s})=>I91(_b,{heading:O4(e,"Join our email list",s),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as Jn,jsxs as D91}from"react/jsx-runtime";var Z91={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function Bb({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}=mo(),g=Math.round(J6*(t/100)),d={...c?{paddingTop:c}:{},...o?{paddingRight:o}:{},...l?{paddingBottom:l}:{},...r?{paddingLeft:r}:{}};return D91("div",{className:`flex min-w-0 flex-col ${Z91[a]} [container-type:inline-size]`,style:d,children:[Jn(C1,{href:"/","aria-label":u?`${u} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:Jn(re,{variant:"footer",sizePx:g,src:n,reverse:s,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u,fitWordmarkToContainer:!0,fitFloorPx:rk})}),e?Jn("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:k(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 O91}from"react/jsx-runtime";var lZ={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})=>O91(Bb,{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 G91}from"react/jsx-runtime";var rZ={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:s,puck:c})=>G91(za,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:s,editing:c?.isEditing})};import{jsx as q91}from"react/jsx-runtime";var iZ={label:"Social Logos",defaultProps:{iconStyle:J9,iconSize:"medium",align:"start",gap:Fc},render:({iconStyle:e,iconSize:t,align:a,gap:s,puck:c})=>q91(bb,{iconStyle:e,iconSize:t,align:a,gap:s,editing:c?.isEditing})};import{jsx as U91}from"react/jsx-runtime";var W91={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function Rb({text:e,size:t="md",tone:a="default",editing:s=!1}){let c=e||(s?"Add a line of footer text.":"");return c?U91("p",{className:`${W91[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:k(c)}):null}import{jsx as K91}from"react/jsx-runtime";var nZ={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:s})=>K91(Rb,{text:e||void 0,size:t,tone:a,editing:s?.isEditing})};import{jsx as $91}from"react/jsx-runtime";var hZ={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>$91(Mm,{formSlug:e1(e.formSlug)||void 0,heading:e1(e.heading)||void 0,intro:e1(e.intro)||void 0,submitText:e1(e.submitText)||void 0,finePrint:e1(e.finePrint)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as j91}from"react/jsx-runtime";var mZ={label:"Legal Line",render:()=>j91(Ac,{})};import{jsx as Y91}from"react/jsx-runtime";var pZ={label:"Submit box",defaultProps:{},render:e=>Y91(xp,{region:typeof e.region=="string"?e.region:void 0,eyebrow:J0(e.eyebrow,v0.eyebrow,e.puck),title:J0(e.title,v0.title,e.puck),body:J0(e.body,v0.body,e.puck),buttonText:J0(e.buttonText,v0.buttonText,e.puck),consent:J0(e.consent,v0.consent,e.puck),formSlug:e1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing,styleField:e.styleField,styleTick:e.styleTick,styleThanks:e.styleThanks})};import{jsx as X91}from"react/jsx-runtime";var uZ={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})=>X91(Bc,{headNum:y(e,N0.headNum,v),headTitle:y(t,N0.headTitle,v),headDesc:y(a,N0.headDesc,v),kicker:y(s,N0.kicker,v),leadTitle:y(c,N0.leadTitle,v),intro:y(o,N0.intro,v),emailPlaceholder:e1(l)||N0.emailPlaceholder,submitText:e1(r)||N0.submitText,subscribedText:e1(i)||N0.subscribedText,finePrint:y(n,N0.finePrint,v),issuesHeading:y(h,N0.issuesHeading,v),issues:Xn(Fb(p),{issues:m,posts:u,limit:g,puck:v}),source:D3.subscribeSection,editing:v?.isEditing,archiveText:y(d,N0.archiveText,v),archiveHref:e1(f)||N0.archiveHref})};var dZ={AppointmentBooking:JR,BookingBox:QI,ContactRouting:tZ,Events:hI,Footer:gI,FooterDivider:sZ,FooterEmailSignup:oZ,FooterGroup:xI,FooterLogo:lZ,FooterMenu:rZ,FooterSocial:iZ,FooterText:nZ,Form:hZ,LegalLineBlock:mZ,ReviewForm:PI,Reviews:_I,[x9]:RI,[z9]:ZI,SubmitBox:pZ,SubmitBuild:qI,Subscribe:uZ,SubscribeBlogs:XI};var J91={AppointmentBooking:QR,BookingBox:eI,ContactRouting:aI,Events:mI,Footer:vI,FooterDivider:fI,FooterEmailSignup:bI,FooterGroup:yI,FooterLogo:wI,FooterMenu:CI,FooterSocial:AI,FooterText:HI,Form:FI,LegalLineBlock:TI,ReviewForm:EI,Reviews:BI,[x9]:II,[z9]:OI,SubmitBox:GI,SubmitBuild:WI,Subscribe:YI,SubscribeBlogs:JI},i2=Ze(dZ,J91);import{useEasel as Q91}from"efficient-easel/easel";import{jsx as V6,jsxs as se1}from"react/jsx-runtime";var ee1="color-mix(in oklab, var(--bg) 40%, #ffffff)",te1="12vh";function ae1({style:e,frameClass:t,children:a}){let{appState:s}=Q91(u=>u),c=s.data.content,o=s.data.root;if(kw(c))return V6("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:ee1,minHeight:"100vh",paddingBottom:te1},children:V6("div",{style:{background:"var(--bg)"},children:a})});let l=na(c)&&jo(o,c),r=na(c)?Sw(o,c):null,i=r?{[Mw]:r}:null,n=wx(o?.widthChoice),h=n?{[yx]:n}:null,m=l?null:iR(c),p=m?{[Ln]:m}:null;return V6("div",{className:`sf-themed-content${l?` ${$o}`:""}${t?` ${t}`:""}`,style:e,...p,...i,...h,children:V6("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function gZ(e){return{frameClass:void 0,style:{"--sf-page-width":ca}}}function Ib({w:e,children:t}){let{frameClass:a,style:s}=gZ(e);return V6("div",{className:a,style:s,children:t})}function Zb({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:z,cardShadow:x,shadowColor:w,cardGap:C,hoverEffect:A,headingCompression:E,siteWidth:V,siteGutter:q,blockGap:F,headingTypography:T,heroBackgroundFollowsWidth:N,photographyGrayscale:I,themeFromDocument:P}=_3(),D=P?e:d,a1=P?t:f,B=P?void 0:v,U=P?s===void 0?ex[Qz(a)]:tx(s):z,Y=P?c:E,W=P?o:T,Q=gZ({widthMode:l,fullWidth:r,pageWidth:i}),b1={...sa(D),...ao(B),...rx(W),...Q.style,...h?{}:xh(n)};return V6("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...jc(a1),...Jc(D),...Qc(D),...eo(D),...to(D),...uh(U),...ux(uh(U)),...ox(P?void 0:x,P?void 0:w,P?void 0:A),...gx(P?void 0:V),...vx(P?void 0:q),...vy(P?void 0:F),...xx(P?void 0:N)},"data-sf-headings":lx(Y),"data-sf-card-shadow":P?void 0:ax(x),"data-sf-card-gap":P?void 0:sx(C),"data-sf-card-hover":P?void 0:cx(A),onClickCapture:m,children:se1(iF,{grayscale:P?void 0:I,children:[V6(ae1,{style:b1,frameClass:Q.frameClass,children:g}),p,u]})})}var Db=e=>{e.target?.closest?.("a")&&e.preventDefault()};function vZ({pageBackground:e,inheritBackground:t=!1,w:a,children:s}){return V6("div",{style:{...t?{}:xh(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:V6(Ib,{w:a,children:s})})}import{PaddingTopIcon as ce1}from"efficient-easel/icons";import{jsx as bZ}from"react/jsx-runtime";function oe1(){return{type:"custom",render:({value:e,onChange:t})=>bZ(Lc,{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 le1=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],fZ={title:Z("Page Title"),pageBackground:Ey(),topSpace:g1("Top space",bZ(ce1,{}),le1,Cw),widthChoice:oe1()};function re1(e,t){let a=yh(t),s=a?a.inner:t;if(Th(s))return!1;if(s?.type==="slot")return!0;let c=ty(s);return c==="always"?!1:c==="authored-copy"?qz(e):!0}function zZ(e){let t=yh(e),a=t?t.inner:e,s=Th(a);return s?wy(a)?0:s.level:null}function ie1(e,t,a){return a&&t===0&&e===c8.Content}var ne1=new WeakMap,he1=new WeakMap;function jt(e,t="section"){let a=t==="page"?he1:ne1,s=a.get(e);if(s)return s;let c=Object.entries(e).map(([m,p])=>({key:m,field:p,level:zZ(p),draws:re1(m,p)||t==="page"&&zZ(p)===null&&hh(m,p)})),o=t==="section"&&c.some(m=>hh(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&&!ie1(c[m].key,p,o)&&l.add(c[m].key)}let r=o&&Dy(e),i=r&&!(c8.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=$9(r?Zy(n):n);return a.set(e,h),h}var xZ={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(ta,e),draw(e,t){e.label=ta[t]}};var yZ={name:"sectionGroupAllow",applies:e=>Kc.includes(e),panel(e,t,a,s){let c=e.fields?.sections;c&&(c.allow=[...s.sectionGroupAllow])}},Ob=new Set(Object.keys(B1)),wZ={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=>!Ob.has(i)):c;l.disallow=Array.from(new Set([...l.disallow??[],...r]))}}};import{jsx as pe1}from"react/jsx-runtime";var me1=Array.from(new Set([...iz.map(e=>e.type),...Ob,...Oc,"GalleryItem"])),kZ={name:"cellWidth",applies:(e,t,a)=>me1.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=Ur(l.appState,o.props?.id);if(i===void 0||Rz(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=_z(a.gridSpan),c=t(a);return s==null?c:pe1("div",{className:"sf-grid-cell",[Bz]:String(s),children:c})}}};import{jsx as CZ}from"react/jsx-runtime";var MZ={name:"clickableParts",applies:(e,t,a)=>typeof a?.render=="function",draw(e,t){let a=e,s=a.render;a.render=c=>{let o=k9(c);return c.puck?.isEditing?CZ(Wp,{needles:nh(a.fields,c),styles:o,type:t,children:s(c)}):Object.keys(o).length?CZ(nx,{needles:nh(a.fields,c),styles:o,type:t,children:s(c)}):s(c)}}};import{jsx as AZ}from"react/jsx-runtime";var SZ={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=so(a.sectionCorners,a.sectionCornerSides),c=t(a),o=P0(a)?`sf-section-corners ${mx}`:"sf-section-corners";return s?AZ("div",{className:o,style:{display:"contents",...s},children:c}):c}}},ue1=["CollectionCard"],LZ={name:"cardCorners",applies:(e,t,a)=>ue1.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=px(a.cardCorners,a.cardCornerSides),c=t(a);return s?AZ("div",{className:"sf-card-corners",style:{display:"contents",...s},children:c}):c}}};var HZ={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 ge1,jsx as PZ,jsxs as ve1}from"react/jsx-runtime";function de1({anchor:e}){let t=io(typeof e=="string"?e:"");return t?PZ("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var TZ={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=>ve1(ge1,{children:[PZ(de1,{anchor:a.anchor}),t(a)]})}};import{useEffect as fe1,useRef as EZ}from"react";import{jsx as be1}from"react/jsx-runtime";function VZ({motion:e,editing:t,children:a}){let s=EZ(null),c=EZ(e);return fe1(()=>{let o=s.current;if(o){if(t){if(c.current===e)return;c.current=e,Hx(o);return}return Ax(o)}},[e,t]),be1("div",{ref:s,[Lx]:e,children:a})}import{jsx as ze1}from"react/jsx-runtime";var NZ={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!Fx.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=Sx(s.sectionAnimation);return c?ze1(VZ,{motion:c,editing:!!s.puck?.isEditing,children:a(s)}):a(s)}}};import{jsx as xe1}from"react/jsx-runtime";var RZ={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!Px.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=Tx(i),h=Ex(i)?Vx(i):null;return r&&typeof r.then=="function"?r.then(m=>BZ(_Z(m,n),h)):BZ(_Z(r,n),h)}},draw(e){let t=e.render;e.render=a=>{let s=Nx(a);return s?xe1("div",{className:s.className,style:s.style,children:t(a)}):t(a)}}};function _Z(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 BZ(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 ye1}from"react/jsx-runtime";var IZ={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!Cx.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:s,SECTION_THEME_FOLLOW_LABEL:c}=a,o=bh.has(t);e.fields={...e.fields,...o?s(h5,c):s()}},draw(e,t){let a=bh.has(t),s=e.render;e.render=c=>{let o=S9(a?{...c,sectionAccent:h5(c.sectionAccent)}:c),l=s(c);return o?ye1("div",{className:o.className,style:o.style,children:l}):l}}},ZZ={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(h5,c)})}};var we1=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"]),DZ={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(we1.has(e)||t.isHostBlock(e)),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}},ke1=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"]),OZ={name:"blockGroups",applies:e=>ke1.has(e),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}};var Ce1=["Form","Stats"];function Gb(e,t){let a=new Set(e),s=lz.filter(i=>a.has(i)),c=s.filter(i=>i!=="Header"&&i!=="Footer"&&!Kc.includes(i)),o=new Set([...t,...Oc,...Ce1]),l=s.filter(i=>!o.has(i)),r=new Set(s);return{isSection:i=>r.has(i),isHostBlock:()=>!1,sectionGroupAllow:c,contentSectionKeys:l}}var Me1=[yZ,wZ,GS,SZ,LZ,qS,kZ,WH,UH,KH,$H,RZ,TZ,IZ,NZ,ZZ,DZ,OZ,HZ,MZ,FZ,xZ];function GZ(e,t,a){let s=t;for(let c of Me1)c.applies(e,a,s)&&(a.inspector&&c.panel?.(s,e,a.inspector,a),c.draw?.(s,e,a));return t}var qZ={spacingFields:g5,sectionShapeFields:So,cardShapeFields:My,cellWidthFields:Fy,widthField:v5,heightFields:Ty,anchorFields:Py,sectionThemeFields:Mo,sectionAnimationFields:Cy,slider:t1,assignSectionGroups:No,dropEmptyHeadings:jt,SECTION_THEME_FOLLOW_LABEL:vo,BLOCK_THEME_FOLLOW_LABEL:jx};function WZ(e){let t={...Gb(Object.keys(e.components),e.categories?.structure?.components??[]),inspector:qZ};for(let[c,o]of Object.entries(e.components))GZ(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=>jt(r??o.fields,"page")):jt(l??o.fields,"page")}:(c,o)=>jt(o.fields,"page"),t}import{Fragment as Ue1,jsx as r0,jsxs as Yt}from"react/jsx-runtime";var ho0=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],Ne1=oh(()=>import("./PreviewFooter-BMBCVZQC.js")),_e1=oh(()=>import("./render-client-UQ5CUPRL.js")),Be1={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 Re1({propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:o,chromeInheritsSiteBackground:l,suppressPreviewNav:r,children:i}){let{originData:n,exitFocus:h}=gC(),{theme:m,fonts:p,sizes:u,themeFromDocument:g}=_3();if(!n)return Yt(Zb,{propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:o,chromeInheritsSiteBackground:l,suppressPreviewNav:r,footer:null,children:[r0("div",{style:Be1,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??[],z=n.root,x=na(v)&&jo(z,v);return Yt("div",{className:"sf-theme-accent",style:{...jc(f),...Jc(d),...Qc(d),...eo(d)},onClickCapture:r,children:[Yt("div",{style:{position:"relative"},children:[r0("div",{className:x?$o:void 0,style:{...sa(d),...ao(g?void 0:u),pointerEvents:"none",userSelect:"none"},"aria-hidden":"true",children:r0(_e1,{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:{...sa(d),...to(d)},children:r0(Ib,{w:{widthMode:a,fullWidth:s,pageWidth:c},children:i})})]})}var L0=Hh,Ie1={formSlug:k5(void 0,"Newsletter (built in)"),_gLeft:b("Left panel"),metaLabel:Z("Meta label",L0.metaLabel),issueLabel:Z("Issue label",L0.issueLabel),issueNumber:Z("Issue number",L0.issueNumber),kicker:Z("Eyebrow",L0.kicker),heading:P1("Heading",L0.heading),deck:P1("Deck",L0.deck),stats:{type:"array",label:"Stats",arrayFields:{label:Z("Label"),value:Z("Value")},getItemSummary:e=>e?.label||e?.value||"Stat"},_gForm:b("Right panel \xB7 form"),formLabel:Z("Section label",L0.formLabel),formHeading:Z("Heading",L0.formHeading),formIntro:P1("Intro",L0.formIntro),firstNameLabel:Z("First-name label",L0.firstNameLabel),firstNamePlaceholder:Z("First-name placeholder",L0.firstNamePlaceholder),emailLabel:Z("Email label",L0.emailLabel),emailPlaceholder:Z("Email placeholder",L0.emailPlaceholder),_gChoices:b("Right panel \xB7 choices"),interestsLabel:Z("Interests label",L0.interestsLabel),interests:L2("Interest chips",r0(J3,{noun:"tag"}),"Chip label","verbatim"),frequencyLabel:Z("Frequency label",L0.frequencyLabel),frequencies:L2("Frequency options",r0(Fe1,{}),"Option label","verbatim"),_gActions:b("Right panel \xB7 actions"),submitText:Z("Submit button",L0.submitText),finePrint:Z("Fine print",L0.finePrint),dismissText:Z("Dismiss link",L0.dismissText),emailInvalidText:Z("Invalid-email error",L0.emailInvalidText),submitErrorText:Z("Submit-failed error",L0.submitErrorText),_gSuccess:b("Success state"),successHeading:Z("Heading",L0.successHeading),successBody:P1("Message",L0.successBody),keepBrowsingText:Z("Dismiss button",L0.keepBrowsingText),...Mo(h5,vo),...So(),_gTextStyle:b("Text style"),...Object.fromEntries(xo.map(e=>[iy[e],g1(kh[e],Ne(kh[e]),[{label:"Popup's own",value:""},...n5.map(t=>({label:y9[t],value:t}))],"")])),_gBehaviour:b("Behavior"),autoOpen:s1("Show by itself",L0.autoOpen,r0(He1,{})),trigger:f1("Trigger",r0(Ve1,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],L0.trigger),autoOpenDelaySec:t1("Delay",r0(qb,{}),Sh.min,Sh.max,1,L0.autoOpenDelaySec,"s"),scrollPercent:t1("Scroll",r0(Ee1,{}),Lh.min,Lh.max,5,L0.scrollPercent,"%"),showOn:f1("Pages",r0(Te1,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],L0.showOn),showOnPages:D9("Chosen pages",[],"None"),hideAfter:f1("After close",r0(qb,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],L0.hideAfter),hideDays:t1("Days",r0(qb,{}),Ah.min,Ah.max,1,L0.hideDays),_gArrangement:b("Arrangement"),formSide:f1("Form side",r0(Pe1,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],L0.formSide),_gPhone:b("On a phone"),valuePanelOnPhone:s1("Left panel",L0.valuePanelOnPhone,r0(Le1,{}))},Ze1=No(Ie1,"SubscribePopup");async function De1(){return(await hy(l2()??"")).filter(t=>!la(t.slug)).map(t=>({label:t.label,value:e8(t.slug)}))}async function Oe1(e){let t=Fh(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(Ze1))a.has(c)||(s[c]=c==="showOnPages"?{...o,options:await De1().catch(()=>[])}:o);return $9(s)}var c5=zo,Ge1={_gHeader:b("Header"),kickerBadge:Z("Eyebrow badge",c5.kickerBadge),kickerText:Z("Eyebrow text",c5.kickerText),titleLead:Z("Heading",c5.titleLead),titleAccent:Z("Heading accent",c5.titleAccent),subtitleEmpty:P1("Sub-line \xB7 empty",c5.subtitleEmpty),subtitleOne:P1("Sub-line \xB7 one set",c5.subtitleOne),subtitleMany:P1("Sub-line \xB7 several sets",c5.subtitleMany,"{count} becomes the number of sets"),_gStatus:b("Status rail"),leadTimeValue:Z("Lead time",c5.leadTimeValue),shipsToFallback:Z("Ships to \xB7 fallback",c5.shipsToFallback,"Shown only while the site serves no countries \u2014 otherwise the site's default country is stated"),_gPromises:b("Promise row"),promises:L2("Trust markers",r0(UZ,{}),"Marker","verbatim"),_gEmpty:b("Empty basket"),emptyKicker:Z("Eyebrow",c5.emptyKicker),emptyBody:P1("Message",c5.emptyBody)},Qn={root:{fields:{...fZ,_gOpening:b("Opening filter"),openingProcess:g1("Process",s8("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"),kM,Rl),openingSize:Z("Size","Any"),openingLugs:Z("Lugs","Any"),openingFinish:g1("Finish",s8("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"),wM,Rl),openingPriceMin:Z("Price from","Any"),openingPriceMax:Z("Price to","Any")},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===Mh)return Oe1(e.props);if(e?.props?.kind===wh)return Ge1;let a=t;return Z2()?{[im]:g1("Product type",r0(Se1,{}),me,"alloy-wheel"),...a,_gHeroBullets:b("Product hero"),_nHeroBullets:d5("The promises under Add to Cart. Text before the \xB7 is bold. Leave the list empty to show no promises at all."),[ep]:L2("Trust bullets",r0(UZ,{}),VS(Na.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=zl(typeof h=="string"?h:"",e);if(h===Mh){let v=Fh(e);return Yt("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(DM,{inline:!0,content:v})]})}if(h===wh){let v=ry(e);return Yt("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(ol,{children:r0(ll,{preview:!0,children:r0(Ta,{content:v})})})]})}let u=!!a?.isEditing,g=r0(PS,{kind:p,children:r0(BS,{content:NS(e),children:r0(HS,{slug:u?m:null,children:r0(gM,{initial:xM(e),children:t})})})}),d=h===Dx&&!Qx(l);return u?h===A9?r0(Re1,{propsTheme:r,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:o,pageBackground:typeof l=="string"?l:void 0,chromeInheritsSiteBackground:d,suppressPreviewNav:Db,children:g}):r0(Zb,{propsTheme:r,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:o,pageBackground:typeof l=="string"?l:void 0,suppressPreviewNav:Db,footer:r0(Ne1,{}),overlay:Yt(Ue1,{children:[r0(Zm,{}),r0(Ym,{})]}),children:g}):r0(vZ,{pageBackground:l,inheritBackground:d,w:{widthMode:s,fullWidth:c,pageWidth:o},children:g})}},categories:oz(),components:{Heading:_1.Heading,Text:_1.Text,Eyebrow:_1.Eyebrow,ImageBlock:_1.ImageBlock,LogoBlock:_1.LogoBlock,ButtonBlock:_1.ButtonBlock,Spacer:_1.Spacer,Divider:_1.Divider,Grid:_1.Grid,Flex:_1.Flex,Breadcrumb:_1.Breadcrumb,Masthead:_1.Masthead,CategoryBar:_1.CategoryBar,FeaturedCover:_1.FeaturedCover,LongRead:_1.LongRead,Series:_1.Series,Subscribe:i2.Subscribe,SubscribeBlogs:i2.SubscribeBlogs,Banner:_1.Banner,ParagraphsA:_1.ParagraphsA,StatsParagraph:_1.StatsParagraph,Timeline:_1.Timeline,Footprint:_1.Footprint,TimelineTrack:_1.TimelineTrack,TitleWithButtons:_1.TitleWithButtons,Stats:_1.Stats,Integrations:_1.Integrations,Mockup:_1.Mockup,Chart:_1.Chart,KeyFeatures:_1.KeyFeatures,Testimonials:_1.Testimonials,Reviews:i2.Reviews,Prose:_1.Prose,Cards:_1.Cards,Logos:_1.Logos,Ticker:_1.Ticker,ContactRouting:i2.ContactRouting,ContactLocations:_1.ContactLocations,HeroSingle:_1.HeroSingle,Hero:_1.Hero,HeroSlide:_1.HeroSlide,HeroGroup:_1.HeroGroup,Collections:Z0.Collections,CollectionCard:Z0.CollectionCard,Events:i2.Events,PostCard:_1.PostCard,DocMetaCards:_1.DocMetaCards,DocTabs:_1.DocTabs,DocMasthead:_1.DocMasthead,DocBody:_1.DocBody,FAQ:_1.FAQ,Gallery:Z0.Gallery,GalleryB:Z0.GalleryB,BrandStrip:Z0.BrandStrip,SpecStrip:_1.SpecStrip,GalleryItem:Z0.GalleryItem,Manifesto:_1.Manifesto,SectionHeader:_1.SectionHeader,IntroBleed:_1.IntroBleed,Split:_1.Split,SubmitBuild:i2.SubmitBuild,SubmitBox:i2.SubmitBox,ReviewForm:i2.ReviewForm,Form:i2.Form,AppointmentBooking:i2.AppointmentBooking,BookingBox:i2.BookingBox,CatalogFilterBar:Z0.CatalogFilterBar,AlloyWheelsListing:Z0.AlloyWheelsListing,ProductGrid:Z0.ProductGrid,ProductHero:Z0.ProductHero,SpecTable:Z0.SpecTable,ProcessSteps:_1.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:_1.OrderSummary,DeliveryOptions:Z0.DeliveryOptions,PaymentBadges:_1.PaymentBadges,CheckoutCTA:Z0.CheckoutCTA,ProductRef:Z0.ProductRef,CustomHTML:_1.CustomHTML,Header:Z0.Header,Footer:i2.Footer,FooterLogo:i2.FooterLogo,FooterMenu:i2.FooterMenu,FooterDivider:i2.FooterDivider,FooterGroup:i2.FooterGroup,FooterText:i2.FooterText,FooterEmailSignup:i2.FooterEmailSignup,FooterSocial:i2.FooterSocial,LegalLineBlock:i2.LegalLineBlock,SearchBlock:Z0.SearchBlock,CartBlock:Z0.CartBlock,CountrySwitchBlock:Z0.CountrySwitchBlock,[z9]:i2.SiteHeader,[x9]:i2.SiteFooter}},qe1={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(qe1)){let a=Qn.components;a[e]={...a[t]}}{let e=Qn.components.MenuBlock;e.fields={...e.fields,direction:f1("Direction",r0(Ae1,{}),[{label:zh.column,value:"column"},{label:zh.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(za,{menu:t,heading:a||void 0,accordionMobile:s,showDividers:c,layout:o==="row"?"row":"column",editing:l?.isEditing})}var We1=WZ(Qn),mo0=We1.sectionGroupAllow,Pf=Qn;export{Hd1 as a,Fd1 as b,Td1 as c,Pd1 as d,Ed1 as e,Dm as f,Gb as g,GZ as h,qZ as i,Vq as j,Kl1 as k,oa1 as l,$_1 as m,c4 as n,x4 as o,zk as p,dt1 as q,gt1 as r,vt1 as s,ft1 as t,Ll1 as u,xS as v,yS as w,xI1 as x,Ha1 as y,vc1 as z,P00 as A,QF1 as B,bm as C,VC as D,Va1 as E,Na1 as F,_a1 as G,Za1 as H,RC as I,xa1 as J,vQ1 as K,Hn as L,lt as M,r3 as N,wq as O,Bl as P,wa as Q,WO as R,Cs1 as S,aa1 as T,__ as U,hc as V,Pf as W};
|