efficient-storefront-blocks 0.21.0 → 0.22.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 +36 -0
- package/dist/chunks/{PreviewFooter-2HYP22IO.js → PreviewFooter-D7NSGB3G.js} +1 -1
- package/dist/chunks/chunk-MVQPQ7RL.js +153 -0
- package/dist/chunks/{render-client-YTDQ6VVX.js → render-client-ZVCEJANT.js} +1 -1
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/dist/chunks/chunk-55SQJMWX.js +0 -153
- /package/dist/chunks/{chunk-55SQJMWX.js.LEGAL.txt → chunk-MVQPQ7RL.js.LEGAL.txt} +0 -0
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import{$ as Mx,$b as vz,$c as $h,$d as v5,$e as py,$g as Qy,$h as Cw,A as dx,Ab as Gx,Ac as Hz,Ad as Xh,Ae as D9,Af as G1,Ag as Dy,Ah as uw,B as gx,Ba as _x,Bb as qx,Bc as bl,Bd as Ml,Be as J2,Bf as Rl,Bg as Oy,Bh as dw,C as vx,Ca as S9,Cb as Rh,Cc as T9,Cd as qz,Cf as rm,Ch as gw,D as fx,Db as Dh,Dc as Fz,Dd as Wz,De as O9,Df as F2,E as bx,Ea as ol,Eb as Oh,Ec as Kh,Ed as Sl,Ee as Tl,F as xx,Fc as xl,Fd as Jh,Fe as H,Fg as y5,Fh as O4,G as Ph,Ga as il,Gb as az,Gc as Tz,Gd as Uz,Ge as D,Gf as j9,Gg as Gy,Gh as vw,H as zx,Ha as Vh,Hb as sz,Hc as Pz,Hd as Qh,He as G,Hf as K9,Hg as ee,Hh as Ql,I as yx,Ib as cz,Ic as yl,Id as _9,Ie as v1,If as Bl,Ig as qy,Ih as za,Ja as Q5,Jb as dl,Jd as jz,Je as H1,Jf as Y6,Jg as jl,Jh as X6,Kb as lz,Kd as I9,Ke as E1,Kf as wy,Kg as Kl,L as tl,La as Ix,Lb as rz,Ld as R9,Lf as Cy,Lg as Wy,Lh as er,Ma as p2,Mb as oz,Md as Kz,Mf as m8,Mg as Uy,Mh as hm,Na as Nh,Nb as H9,Nd as $z,Ne as b,Ng as $l,Ob as q6,Od as Ll,Oe as f5,Of as $9,Og as jy,Pa as t1,Pb as iz,Pc as Ez,Pe as iy,Pf as Y9,Pg as d8,Qa as H2,Qb as da,Qc as i8,Qe as a0,Qf as X9,Qg as Y1,Ra as Rx,Rd as Yz,Re as ny,Rf as J9,Rg as c6,Sb as nz,Sc as wl,Sd as em,Se as G9,Sf as ky,Sg as C,T as wx,Tc as Vz,Td as va,Te as $6,Tf as My,Tg as Z0,Ud as tm,Ue as q9,Uf as Sy,Ug as $,Vb as hz,Vc as g5,Vd as am,Vf as Zl,Vg as b0,Vh as fw,W as Cx,Wb as mz,Wc as Nz,Wd as sm,We as a1,Wg as Ky,Wh as bw,Xb as pz,Xc as Y2,Xd as cm,Xe as I3,Xf as Dl,Xg as $y,Xh as mm,Yb as uz,Yc as _z,Yd as lm,Ye as hy,Yf as Ly,Yg as Yy,Zb as dz,Zc as e4,Zd as Xz,Ze as Pl,Zf as Ay,Zg as Xy,Zh as zw,_ as kx,_b as gz,_c as Iz,_d as a6,_e as my,_f as Q9,_g as Jy,a as Jb,aa as Sx,ab as e6,ac as gl,ad as X2,ae as Jz,af as El,ag as Hy,ah as ew,ai as kw,b as Qc,ba as Lx,bb as r8,bc as vl,bd as Yh,be as Qz,bf as Vl,bh as tw,bi as Mw,c as Qb,ca as Eh,cb as pa,cc as Gh,cd as P9,ce as Al,cf as Nl,ch as aw,ci as Sw,d as ma,da as Ax,dc as R2,dd as Rz,de as Hl,df as uy,dg as Fy,dh as sw,ea as Hx,eb as Bx,ec as N0,ed as Bz,ee as ey,ef as dy,eh as cw,f as ex,fa as al,fc as fz,fd as Zz,fe as ty,ff as gy,fh as lw,fi as tr,g as y9,ga as sl,gc as fl,ge as ay,gf as vy,gg as Wl,gh as l6,gi as y4,ha as Fx,hc as o8,hd as t4,hf as ba,hh as r6,hi as ar,ia as Tx,ib as _h,ic as qh,id as a4,if as fy,ig as Vy,ih as te,ii as J6,ja as Px,jb as Ih,jd as t6,jf as b5,jh as ae,ji as s4,k as tx,ka as C9,kc as Wh,kd as n8,kf as x5,kh as rw,ki as Lw,la as k9,lb as Zx,lc as Uh,ld as E9,le as sy,lf as by,lh as w5,ma as cl,mc as bz,md as V9,me as _3,mf as xy,n as ax,nc as jh,nd as W6,ne as cy,nf as s1,ng as Ny,nh as im,o as sx,oc as d5,od as Cl,oe as Fl,of as zy,og as om,oh as Yl,pc as xz,pe as U6,pf as z5,ph as nm,q as t0,qc as F9,qe as B9,qf as W9,qh as ow,r as el,rc as zz,re as j6,rf as s6,rg as _y,rh as Xl,s as Th,sa as I2,sb as L9,sc as yz,se as Z9,sf as yy,sg as Iy,sh as se,t as ox,ta as B1,tc as wz,td as z4,te as ly,tf as _l,tg as Ry,th as iw,u as ix,uc as Cz,ud as Dz,ue as ry,uf as g1,ug as p8,uh as nw,v as nx,vc as kz,vd as kl,ve as fa,vf as U9,vg as Ul,vh as xa,w as hx,wa as D1,wc as Mz,wd as N9,we as K6,wf as a2,wg as u8,wh as hw,x as mx,xa as Ex,xb as A9,xc as Sz,xd as N3,xh as mw,y as px,ya as W1,yb as Dx,yc as Lz,yd as Oz,ye as h8,yf as Il,yg as By,yh as pw,z as ux,za as O1,zb as Ox,zc as Az,zd as Gz,ze as oy,zf as b1,zg as Zy,zh as Jl}from"./chunk-HURDX4EH.js";import{$ as jw,A as he,B as nr,C as Dw,D as me,E as Ow,H as hr,I as p0,K as dm,L as mr,M as c4,N as pr,R as c7,S as Gw,T as qw,U as Ww,V as pe,W as ue,X as de,Y as wa,Z as Uw,_ as ge,a as Vw,aa as Kw,ba as $w,ca as v8,da as Z2,e as t7,ea as f8,f as cr,fa as Yw,g as Nw,ga as gm,h as _w,i as pm,j as Iw,k as Rw,l as lr,m as re,n as um,p as B2,q as a7,r as rr,s as oe,t as ie,u as or,v as s7,w as ir,x as Bw,y as Zw,z as ne}from"./chunk-QAMH7KME.js";import{d as ya,e as Q6,g as i2,h as sr,i as G4,j as Aw,k as Hw,l as Fw,m as e7,n as Tw,o as Pw,t as ce,u as g0,v as g8,w as Ew,x as le,y as X1}from"./chunk-TURA2CHV.js";import{$ as Kx,D as Wx,Da as tz,G as Ux,Ga as ga,Ha as zl,I as ua,J as nl,L as hl,La as V3,Ma as Ol,O as ml,Oa as Gl,Q as pl,Qa as Ty,R as Bh,Ra as Py,Sa as Ey,Ta as ql,X as ul,Y as jx,a as E3,aa as $x,b as cx,c as S1,ca as Zh,i as u5,j as M9,k as ll,l as Vx,m as Nx,pa as Yx,q as rl,qa as Xx,ra as Jx,sa as Qx,va as ez}from"./chunk-HYLRHFHP.js";import{c as ha,d as $b,e as Yb,g as Xb,i as A2,j as lx,k as w9,l as rx,m as Q3,q as xw,r as yw,s as Q2,t as ww}from"./chunk-EJ2NLQYY.js";import{a as SO,b as LO}from"./chunk-Y6SLVHK3.js";var XT=SO((TA1,YT)=>{"use strict";function PJ(e,t){this.v=e,this.k=t}function TT(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 EJ(e){if(Array.isArray(e))return e}function VJ(e,t){var a=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(a!=null){var s,c,l,r,o=[],i=!0,n=!1;try{if(l=(a=a.call(e)).next,t===0){if(Object(a)!==a)return;i=!1}else for(;!(i=(s=l.call(a)).done)&&(o.push(s.value),o.length!==t);i=!0);}catch(h){n=!0,c=h}finally{try{if(!i&&a.return!=null&&(r=a.return(),Object(r)!==r))return}finally{if(n)throw c}}return o}}function NJ(){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 _J(e,t){return EJ(e)||VJ(e,t)||IJ(e,t)||NJ()}function IJ(e,t){if(e){if(typeof e=="string")return TT(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)?TT(e,t):void 0}}function gi(e){var t,a;function s(l,r){try{var o=e[l](r),i=o.value,n=i instanceof PJ;Promise.resolve(n?i.v:i).then(function(h){if(n){var m=l==="return"&&i.k?l:"next";if(!i.k||h.done)return s(m,h);h=e[m](h).value}c(!!o.done,h)},function(h){s("throw",h)})}catch(h){c(2,h)}}function c(l,r){l===2?t.reject(r):t.resolve({value:r,done:l}),(t=t.next)?s(t.key,t.arg):a=null}this._invoke=function(l,r){return new Promise(function(o,i){var n={key:l,arg:r,resolve:o,reject:i,next:null};a?a=a.next=n:(t=a=n,s(l,r))})},typeof e.return!="function"&&(this.return=void 0)}gi.prototype[typeof Symbol=="function"&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},gi.prototype.next=function(e){return this._invoke("next",e)},gi.prototype.throw=function(e){return this._invoke("throw",e)},gi.prototype.return=function(e){return this._invoke("return",e)};var UT=Object.entries,PT=Object.setPrototypeOf,RJ=Object.isFrozen,BJ=Object.getPrototypeOf,ZJ=Object.getOwnPropertyDescriptor,N2=Object.freeze,q2=Object.seal,mt=Object.create,jT=typeof Reflect<"u"&&Reflect,pd=jT.apply,ud=jT.construct;N2||(N2=function(t){return t});q2||(q2=function(t){return t});pd||(pd=function(t,a){for(var s=arguments.length,c=new Array(s>2?s-2:0),l=2;l<s;l++)c[l-2]=arguments[l];return t.apply(a,c)});ud||(ud=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 G8=M2(Array.prototype.forEach);Array.prototype.indexOf;var DJ=M2(Array.prototype.lastIndexOf),ET=M2(Array.prototype.pop),As=M2(Array.prototype.push);Array.prototype.slice;var OJ=M2(Array.prototype.splice),pt=Array.isArray,Ts=M2(String.prototype.toLowerCase),rd=M2(String.prototype.toString),VT=M2(String.prototype.match),Hs=M2(String.prototype.replace),NT=M2(String.prototype.indexOf),GJ=M2(String.prototype.trim),qJ=M2(Number.prototype.toString),WJ=M2(Boolean.prototype.toString),_T=typeof BigInt>"u"?null:M2(BigInt.prototype.toString),IT=typeof Symbol>"u"?null:M2(Symbol.prototype.toString),j3=M2(Object.prototype.hasOwnProperty),Fs=M2(Object.prototype.toString),p3=M2(RegExp.prototype.test),T7=UJ(TypeError);function M2(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 pd(e,t,s)}}function UJ(e){return function(){for(var t=arguments.length,a=new Array(t),s=0;s<t;s++)a[s]=arguments[s];return ud(e,a)}}function M0(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Ts;if(PT&&PT(e,null),!pt(t))return e;let s=t.length;for(;s--;){let c=t[s];if(typeof c=="string"){let l=a(c);l!==c&&(RJ(t)||(t[s]=l),c=l)}e[c]=!0}return e}function jJ(e){for(let t=0;t<e.length;t++)j3(e,t)||(e[t]=null);return e}function m4(e){let t=mt(null);for(let s of UT(e)){var a=_J(s,2);let c=a[0],l=a[1];j3(e,c)&&(pt(l)?t[c]=jJ(l):l&&typeof l=="object"&&l.constructor===Object?t[c]=m4(l):t[c]=l)}return t}function KJ(e){switch(typeof e){case"string":return e;case"number":return qJ(e);case"boolean":return WJ(e);case"bigint":return _T?_T(e):"0";case"symbol":return IT?IT(e):"Symbol()";case"undefined":return Fs(e);case"function":case"object":{if(e===null)return Fs(e);let t=e,a=V4(t,"toString");if(typeof a=="function"){let s=a(t);return typeof s=="string"?s:Fs(s)}return Fs(e)}default:return Fs(e)}}function V4(e,t){for(;e!==null;){let s=ZJ(e,t);if(s){if(s.get)return M2(s.get);if(typeof s.value=="function")return M2(s.value)}e=BJ(e)}function a(){return null}return a}function $J(e){try{return p3(e,""),!0}catch{return!1}}var RT=N2(["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"]),od=N2(["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"]),id=N2(["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"]),YJ=N2(["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"]),nd=N2(["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"]),XJ=N2(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),BT=N2(["#text"]),ZT=N2(["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"]),hd=N2(["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","dominant-baseline","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","pointer-events","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-orientation","text-rendering","textlength","type","u1","u2","unicode","values","vector-effect","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"]),DT=N2(["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"]),vi=N2(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),JJ=q2(/{{[\w\W]*|^[\w\W]*}}/g),QJ=q2(/<%[\w\W]*|^[\w\W]*%>/g),eQ=q2(/\${[\w\W]*/g),tQ=q2(/^data-[\-\w.\u00B7-\uFFFF]+$/),aQ=q2(/^aria-[\-\w]+$/),OT=q2(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),sQ=q2(/^(?:\w+script|data):/i),cQ=q2(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),lQ=q2(/^html$/i),rQ=q2(/^[a-z][.\w]*(-[.\w]+)+$/i),GT=q2(/<[/\w!]/g),qT=q2(/<[/\w]/g),oQ=q2(/<\/no(script|embed|frames)/i),iQ=q2(/\/>/i),h4={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,processingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},KT=["style","script","xmp","iframe","noembed","noframes","plaintext","noscript"],nQ=N2(M0({},KT)),hQ=(function(){let e={};return G8(KT,t=>{e[t]=q2(new RegExp("</"+t+"(?=[\\t\\n\\f\\r />])","i"))}),N2(e)})(),mQ=function(){return typeof window>"u"?null:window},pQ=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 l="dompurify"+(s?"#"+s:"");try{return t.createPolicy(l,{createHTML(r){return r},createScriptURL(r){return r}})}catch{return console.warn("TrustedTypes policy "+l+" could not be created."),null}},WT=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},P7=function(t,a,s,c){return j3(t,a)&&pt(t[a])?M0(c.base?m4(c.base):{},t[a],c.transform):s},md=function(t,a,s){let c=j3(t,a)?t[a]:void 0;return c&&typeof c=="object"?m4(c):s()};function $T(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:mQ(),t=l1=>$T(l1);if(t.version="3.4.16",t.removed=[],!e||!e.document||e.document.nodeType!==h4.document||!e.Element)return t.isSupported=!1,t;let a=e.document,s=a,c=s.currentScript;e.DocumentFragment;let l=e.HTMLTemplateElement,r=e.Node,o=e.Element,i=e.NodeFilter;e.NamedNodeMap===void 0&&(e.NamedNodeMap||e.MozNamedAttrMap),e.HTMLFormElement;let n=e.DOMParser,h=e.trustedTypes,m=o.prototype,p=V4(m,"cloneNode"),u=V4(m,"remove"),g=V4(m,"removeAttributeNode"),d=V4(m,"nextSibling"),f=V4(m,"childNodes"),v=V4(m,"parentNode"),z=V4(m,"shadowRoot"),x=V4(m,"attributes"),k=r&&r.prototype?V4(r.prototype,"nodeType"):null,M=r&&r.prototype?V4(r.prototype,"nodeName"):null,A=r&&r.prototype?V4(r.prototype,"ownerDocument"):null,R=function(w){return k?k(w):w.nodeType},E=function(w){return M?M(w):w.nodeName};if(typeof l=="function"){let l1=a.createElement("template");l1.content&&l1.content.ownerDocument&&(a=l1.content.ownerDocument)}let Z,F="",T,N=!1,B=0,P=function(){if(B>0)throw T7('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.')},O=function(w){P(),B++;try{return Z.createHTML(w)}finally{B--}},c1=function(w){P(),B++;try{return Z.createScriptURL(w)}finally{B--}},V=function(){return N||(T=pQ(h,c),N=!0),T},q=a,K=q.implementation,W=q.createNodeIterator,r1=q.createDocumentFragment,x1=q.getElementsByTagName,Y=s.importNode,e1=WT();t.isSupported=typeof UT=="function"&&typeof v=="function"&&K&&K.createHTMLDocument!==void 0;let d1=JJ,U=QJ,p1=eQ,f1=tQ,F0=aQ,T0=sQ,A1=cQ,s0=rQ,c0=OT,$1=null,w2=M0({},[...RT,...od,...id,...nd,...BT]),e0=null,L2=M0({},[...ZT,...hd,...DT,...vi]),d0=Object.seal(mt(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}})),m1=null,q1=null,o0=Object.seal(mt(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),P0=!0,y0=!0,o2=!1,X=!0,C1=!1,h0=!0,V0=!1,X5=!1,I6=null,R6=null,B6=!1,m5=!1,T3=!1,Z6=!1,c8=!0,i3=!1,v9="user-content-",P3=!0,v4=!1,w3={},X3=null,J5=M0({},["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"]),f4=null,b4=M0({},["audio","video","img","source","image","track"]),D4=null,D6=M0({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),M1="http://www.w3.org/1998/Math/MathML",l0="http://www.w3.org/2000/svg",k1="http://www.w3.org/1999/xhtml",C2=k1,d2=!1,O6=null,kh=M0({},[M1,l0,k1],rd),Vb=N2(["mi","mo","mn","ms","mtext"]),Mh=M0({},Vb),Nb=N2(["annotation-xml"]),Sh=M0({},Nb),mO=M0({},["title","style","font","a","script"]),ia=null,pO=["application/xhtml+xml","text/html"],uO="text/html",g2=null,f9=null,dO=a.createElement("form"),_b=function(w){return w instanceof RegExp||w instanceof Function},Lh=function(){let w=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(f9&&f9===w)return;(!w||typeof w!="object")&&(w={}),w=m4(w),ia=pO.indexOf(w.PARSER_MEDIA_TYPE)===-1?uO:w.PARSER_MEDIA_TYPE,g2=ia==="application/xhtml+xml"?rd:Ts,$1=P7(w,"ALLOWED_TAGS",w2,{transform:g2}),e0=P7(w,"ALLOWED_ATTR",L2,{transform:g2}),O6=P7(w,"ALLOWED_NAMESPACES",kh,{transform:rd}),D4=P7(w,"ADD_URI_SAFE_ATTR",D6,{transform:g2,base:D6}),f4=P7(w,"ADD_DATA_URI_TAGS",b4,{transform:g2,base:b4}),X3=P7(w,"FORBID_CONTENTS",J5,{transform:g2}),m1=P7(w,"FORBID_TAGS",m4({}),{transform:g2}),q1=P7(w,"FORBID_ATTR",m4({}),{transform:g2}),w3=j3(w,"USE_PROFILES")?w.USE_PROFILES&&typeof w.USE_PROFILES=="object"?m4(w.USE_PROFILES):w.USE_PROFILES:!1,P0=w.ALLOW_ARIA_ATTR!==!1,y0=w.ALLOW_DATA_ATTR!==!1,o2=w.ALLOW_UNKNOWN_PROTOCOLS||!1,X=w.ALLOW_SELF_CLOSE_IN_ATTR!==!1,C1=w.SAFE_FOR_TEMPLATES||!1,h0=w.SAFE_FOR_XML!==!1,V0=w.WHOLE_DOCUMENT||!1,m5=w.RETURN_DOM||!1,T3=w.RETURN_DOM_FRAGMENT||!1,Z6=w.RETURN_TRUSTED_TYPE||!1,B6=w.FORCE_BODY||!1,c8=w.SANITIZE_DOM!==!1,i3=w.SANITIZE_NAMED_PROPS||!1,P3=w.KEEP_CONTENT!==!1,v4=w.IN_PLACE||!1,c0=$J(w.ALLOWED_URI_REGEXP)?w.ALLOWED_URI_REGEXP:OT,C2=typeof w.NAMESPACE=="string"?w.NAMESPACE:k1,Mh=md(w,"MATHML_TEXT_INTEGRATION_POINTS",()=>M0({},Vb)),Sh=md(w,"HTML_INTEGRATION_POINTS",()=>M0({},Nb));let _=md(w,"CUSTOM_ELEMENT_HANDLING",()=>mt(null));if(d0=mt(null),j3(_,"tagNameCheck")&&_b(_.tagNameCheck)&&(d0.tagNameCheck=_.tagNameCheck),j3(_,"attributeNameCheck")&&_b(_.attributeNameCheck)&&(d0.attributeNameCheck=_.attributeNameCheck),j3(_,"allowCustomizedBuiltInElements")&&typeof _.allowCustomizedBuiltInElements=="boolean"&&(d0.allowCustomizedBuiltInElements=_.allowCustomizedBuiltInElements),q2(d0),C1&&(y0=!1),T3&&(m5=!0),w3&&($1=M0({},BT),e0=mt(null),w3.html===!0&&(M0($1,RT),M0(e0,ZT)),w3.svg===!0&&(M0($1,od),M0(e0,hd),M0(e0,vi)),w3.svgFilters===!0&&(M0($1,id),M0(e0,hd),M0(e0,vi)),w3.mathMl===!0&&(M0($1,nd),M0(e0,DT),M0(e0,vi))),o0.tagCheck=null,o0.attributeCheck=null,j3(w,"ADD_TAGS")&&(typeof w.ADD_TAGS=="function"?o0.tagCheck=w.ADD_TAGS:pt(w.ADD_TAGS)&&($1===w2&&($1=m4($1)),M0($1,w.ADD_TAGS,g2))),j3(w,"ADD_ATTR")&&(typeof w.ADD_ATTR=="function"?o0.attributeCheck=w.ADD_ATTR:pt(w.ADD_ATTR)&&(e0===L2&&(e0=m4(e0)),M0(e0,w.ADD_ATTR,g2))),j3(w,"ADD_FORBID_CONTENTS")&&pt(w.ADD_FORBID_CONTENTS)&&(X3===J5&&(X3=m4(X3)),M0(X3,w.ADD_FORBID_CONTENTS,g2)),P3&&($1["#text"]=!0),V0&&M0($1,["html","head","body"]),$1.table&&(M0($1,["tbody"]),delete m1.tbody),w.TRUSTED_TYPES_POLICY){if(typeof w.TRUSTED_TYPES_POLICY.createHTML!="function")throw T7('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof w.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw T7('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let Q=Z;Z=w.TRUSTED_TYPES_POLICY;try{F=O("")}catch(i1){throw Z=Q,i1}}else w.TRUSTED_TYPES_POLICY===null?(Z=void 0,F=""):(Z===void 0&&(Z=V()),Z&&typeof F=="string"&&(F=O("")));N2&&N2(w),f9=w},Ib=M0({},[...od,...id,...YJ]),Rb=M0({},[...nd,...XJ]),gO=function(w,_,Q){return _.namespaceURI===k1?w==="svg":_.namespaceURI===M1?w==="svg"&&(Q==="annotation-xml"||Mh[Q]):!!Ib[w]},vO=function(w,_,Q){return _.namespaceURI===k1?w==="math":_.namespaceURI===l0?w==="math"&&Sh[Q]:!!Rb[w]},fO=function(w,_,Q){return _.namespaceURI===l0&&!Sh[Q]||_.namespaceURI===M1&&!Mh[Q]?!1:!Rb[w]&&(mO[w]||!Ib[w])},bO=function(w){let _=v(w);(!_||!_.tagName)&&(_={namespaceURI:C2,tagName:"template"});let Q=Ts(w.tagName),i1=Ts(_.tagName);return O6[w.namespaceURI]?w.namespaceURI===l0?gO(Q,_,i1):w.namespaceURI===M1?vO(Q,_,i1):w.namespaceURI===k1?fO(Q,_,i1):!!(ia==="application/xhtml+xml"&&O6[w.namespaceURI]):!1},G6=function(w){As(t.removed,{element:w});try{v(w).removeChild(w)}catch{if(u(w),!v(w))throw T7("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},Bb=function(w,_,Q){try{g(w,_)}catch{try{w.removeAttribute(Q)}catch{}}},jc=function(w){Kc(w);let _=f(w);if(_){let i1=[];G8(_,I1=>{As(i1,I1)}),G8(i1,I1=>{try{u(I1)}catch{}})}let Q=x(w);if(Q)for(let i1=Q.length-1;i1>=0;--i1){let I1=Q[i1],m0=I1&&I1.name;typeof m0=="string"&&Bb(w,I1,m0)}},l8=function(w,_,Q){if(!Q)try{Q=_.getAttributeNode(w)}catch{Q=null}As(t.removed,{attribute:Q||null,from:_});try{Q?g(_,Q):_.removeAttribute(w)}catch{try{_.removeAttribute(w)}catch{}}if(w==="is")if(m5||T3)try{G6(_)}catch{}else try{_.setAttribute(w,"")}catch{}},xO=function(w){let _=x(w);if(_)for(let Q=_.length-1;Q>=0;--Q){let i1=_[Q],I1=i1&&i1.name;typeof I1!="string"||e0[g2(I1)]||Bb(w,i1,I1)}},Kc=function(w){let _=[w];for(;_.length>0;){let Q=_.pop();R(Q)===h4.element&&xO(Q);let i1=f(Q);if(i1)for(let I1=i1.length-1;I1>=0;--I1)_.push(i1[I1])}},Zb=function(w,_){return h0?w==="patchsrc"?!0:w==="for"&&_!=="label"&&_!=="output":!1},zO=function(w){if(!h0)return;let _=[w];for(;_.length>0;){let Q=_.pop(),i1=R(Q);if(i1===h4.processingInstruction||i1===h4.comment&&p3(qT,Q.data)){try{u(Q)}catch{}continue}if(i1===h4.element){let m0=Q,f0=g2(E(Q));try{m0.hasAttribute&&m0.hasAttribute("patchsrc")&&m0.removeAttribute("patchsrc"),m0.hasAttribute&&m0.hasAttribute("for")&&Zb("for",f0)&&m0.removeAttribute("for")}catch{}}let I1=f(Q);if(I1)for(let m0=I1.length-1;m0>=0;--m0)_.push(I1[m0])}},Db=function(w){let _=null,Q=null;if(B6)w="<remove></remove>"+w;else{let m0=VT(w,/^[\r\n\t ]+/);Q=m0&&m0[0]}ia==="application/xhtml+xml"&&C2===k1&&(w='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+w+"</body></html>");let i1=Z?O(w):w;if(C2===k1)try{_=new n().parseFromString(i1,ia)}catch{}if(!_||!_.documentElement){_=K.createDocument(C2,"template",null);try{_.documentElement.innerHTML=d2?F:i1}catch{}}let I1=_.body||_.documentElement;return w&&Q&&I1.insertBefore(a.createTextNode(Q),I1.childNodes[0]||null),C2===k1?x1.call(_,V0?"html":"body")[0]:V0?_.documentElement:I1},Ob=function(w){let _=A?A(w):w.ownerDocument;return W.call(_||w,w,i.SHOW_ELEMENT|i.SHOW_COMMENT|i.SHOW_TEXT|i.SHOW_PROCESSING_INSTRUCTION|i.SHOW_CDATA_SECTION,null)},$c=function(w){return w=Hs(w,d1," "),w=Hs(w,U," "),w=Hs(w,p1," "),w},Ah=function(w){var _;w.normalize();let Q=A?A(w):w.ownerDocument,i1=W.call(Q||w,w,i.SHOW_TEXT|i.SHOW_COMMENT|i.SHOW_CDATA_SECTION|i.SHOW_PROCESSING_INSTRUCTION,null),I1=i1.nextNode();for(;I1;)I1.data=$c(I1.data),I1=i1.nextNode();let m0=(_=w.querySelectorAll)===null||_===void 0?void 0:_.call(w,"template");m0&&G8(m0,f0=>{b9(f0.content)&&Ah(f0.content)})},Yc=function(w){let _=M?M(w):null;return typeof _!="string"||g2(_)!=="form"?!1:typeof w.nodeName!="string"||typeof w.textContent!="string"||typeof w.removeChild!="function"||w.attributes!==x(w)||typeof w.removeAttribute!="function"||typeof w.removeAttributeNode!="function"||typeof w.getAttributeNode!="function"||typeof w.setAttribute!="function"||typeof w.namespaceURI!="string"||typeof w.insertBefore!="function"||typeof w.hasChildNodes!="function"||w.nodeType!==k(w)||w.childNodes!==f(w)},b9=function(w){if(!k||typeof w!="object"||w===null)return!1;try{return k(w)===h4.documentFragment}catch{return!1}},na=function(w){if(!k||typeof w!="object"||w===null)return!1;try{return typeof k(w)=="number"}catch{return!1}};function p5(l1,w,_){l1.length!==0&&G8(l1,Q=>{Q.call(t,w,_,f9)})}let yO=function(w,_){return!!(h0&&w.hasChildNodes()&&!na(w.firstElementChild)&&p3(GT,w.textContent)&&p3(GT,w.innerHTML)||h0&&w.namespaceURI===k1&&nQ[_]&&(na(w.firstElementChild)||typeof w.textContent=="string"&&p3(hQ[_],w.textContent))||w.nodeType===h4.processingInstruction||h0&&w.nodeType===h4.comment&&p3(qT,w.data))},Xc=function(w,_){if(w instanceof RegExp)return p3(w,_);if(w instanceof Function){for(var Q=arguments.length,i1=new Array(Q>2?Q-2:0),I1=2;I1<Q;I1++)i1[I1-2]=arguments[I1];return!!w(_,...i1)}return!1},wO=function(w,_,Q){if(!m1[_]&&Ub(_)&&Xc(d0.tagNameCheck,_))return!1;if(P3&&!X3[_]){let i1=v(w),I1=f(w);if(I1&&i1){let m0=I1.length;for(let f0=m0-1;f0>=0;--f0){let m2=w===Q?p(I1[f0],!0):I1[f0];i1.insertBefore(m2,d(w))}}}return G6(w),!0},Gb=function(w,_,Q,i1){return w.length===0?_:_===Q||_===i1?m4(_):_},x9=function(w,_){return w===_||v(w)!==null?!1:(v4&&Kc(w),!0)},qb=function(w,_){if(p5(e1.beforeSanitizeElements,w,null),x9(w,_))return!0;if(Yc(w))return G6(w),!0;let Q=g2(E(w));if($1=Gb(e1.uponSanitizeElement,$1,w2,I6),p5(e1.uponSanitizeElement,w,{tagName:Q,allowedTags:$1}),x9(w,_))return!0;if(yO(w,Q))return G6(w),!0;if(m1[Q]||!(o0.tagCheck instanceof Function&&o0.tagCheck(Q))&&!$1[Q]){let i1=wO(w,Q,_);return i1===!1&&(p5(e1.afterSanitizeElements,w,null),x9(w,_))?!0:i1}if(R(w)===h4.element&&!bO(w)||(Q==="noscript"||Q==="noembed"||Q==="noframes")&&p3(oQ,w.innerHTML))return G6(w),!0;if(C1&&w.nodeType===h4.text){let i1=$c(w.textContent);w.textContent!==i1&&(As(t.removed,{element:w.cloneNode()}),w.textContent=i1)}return p5(e1.afterSanitizeElements,w,null),x9(w,_)},Wb=function(w,_,Q){if(q1[_]||Zb(_,w)||c8&&(_==="id"||_==="name")&&(Q in a||Q in dO))return!1;let i1=e0[_]||o0.attributeCheck instanceof Function&&o0.attributeCheck(_,w);return y0&&p3(f1,_)||P0&&p3(F0,_)?!0:i1?D4[_]||p3(c0,Hs(Q,A1,""))||(_==="src"||_==="xlink:href"||_==="href")&&w!=="script"&&NT(Q,"data:")===0&&f4[w]||o2&&!p3(T0,Hs(Q,A1,""))?!0:!Q:Ub(w)&&Xc(d0.tagNameCheck,w)&&Xc(d0.attributeNameCheck,_,w)||_==="is"&&d0.allowCustomizedBuiltInElements&&Xc(d0.tagNameCheck,Q)},CO=M0({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Ub=function(w){return!CO[Ts(w)]&&p3(s0,w)},kO=function(w,_,Q,i1){if(Z&&typeof h=="object"&&typeof h.getAttributeType=="function"&&!Q)switch(h.getAttributeType(w,_)){case"TrustedHTML":return O(i1);case"TrustedScriptURL":return c1(i1)}return i1},MO=function(w,_,Q,i1){try{return Q?w.setAttributeNS(Q,_,i1):w.setAttribute(_,i1),Yc(w)?(G6(w),!1):!0}catch{return l8(_,w),!1}},jb=function(w,_){if(p5(e1.beforeSanitizeAttributes,w,null),x9(w,_))return;let Q=w.attributes;if(!Q||Yc(w))return;e0=Gb(e1.uponSanitizeAttribute,e0,L2,R6);let i1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:e0,forceKeepAttr:void 0},I1=Q.length,m0=g2(w.nodeName);for(;I1--;){let f0=Q[I1],m2=f0.name,x4=f0.namespaceURI,J3=f0.value,z9=g2(m2),Fh=J3,C3=m2==="value"?Fh:GJ(Fh),Kb=!1;if(i1.attrName=z9,i1.attrValue=C3,i1.keepAttr=!0,i1.forceKeepAttr=void 0,p5(e1.uponSanitizeAttribute,w,i1),C3=i1.attrValue,i3&&(z9==="id"||z9==="name")&&NT(C3,v9)!==0&&(l8(m2,w,f0),C3=v9+C3,Kb=!0),h0&&p3(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,C3)){l8(m2,w,f0);continue}if(z9==="attributename"&&VT(C3,"href")){l8(m2,w,f0);continue}if(!i1.forceKeepAttr){if(!i1.keepAttr){l8(m2,w,f0);continue}if(!X&&p3(iQ,C3)){l8(m2,w,f0);continue}if(C1&&(C3=$c(C3)),!Wb(m0,z9,C3)){l8(m2,w,f0);continue}C3=kO(m0,z9,x4,C3),C3!==Fh&&MO(w,m2,x4,C3)&&Kb&&ET(t.removed)}}p5(e1.afterSanitizeAttributes,w,null),x9(w,_)},Jc=function(w){let _=null,Q=Ob(w);for(p5(e1.beforeSanitizeShadowDOM,w,null);_=Q.nextNode();)if(p5(e1.uponSanitizeShadowNode,_,null),qb(_,w),jb(_,w),b9(_.content)&&Jc(_.content),R(_)===h4.element){let i1=z(_);b9(i1)&&(Hh(i1),Jc(i1))}p5(e1.afterSanitizeShadowDOM,w,null)},Hh=function(w){let _=[{node:w,shadow:null}];for(;_.length>0;){let Q=_.pop();if(Q.shadow){Jc(Q.shadow);continue}let i1=Q.node,I1=R(i1)===h4.element,m0=f(i1);if(m0)for(let f0=m0.length-1;f0>=0;--f0)_.push({node:m0[f0],shadow:null});if(I1){let f0=M?M(i1):null;if(typeof f0=="string"&&g2(f0)==="template"){let m2=i1.content;b9(m2)&&_.push({node:m2,shadow:null})}}if(I1){let f0=z(i1);b9(f0)&&_.push({node:null,shadow:f0},{node:f0,shadow:null})}}};return t.sanitize=function(l1){let w=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},_=null,Q=null,i1=null,I1=null;if(d2=!l1,d2&&(l1="<!-->"),typeof l1!="string"&&!na(l1)&&(l1=KJ(l1),typeof l1!="string"))throw T7("dirty is not a string, aborting");if(!t.isSupported)return l1;X5?($1=I6,e0=R6):Lh(w),(e1.uponSanitizeElement.length>0||e1.uponSanitizeAttribute.length>0)&&($1=m4($1)),e1.uponSanitizeAttribute.length>0&&(e0=m4(e0)),t.removed=[];let m0=v4&&typeof l1!="string"&&na(l1);if(m0){zO(l1);let x4=E(l1);if(typeof x4=="string"){let J3=g2(x4);if(!$1[J3]||m1[J3])throw jc(l1),T7("root node is forbidden and cannot be sanitized in-place")}if(Yc(l1))throw jc(l1),T7("root node is clobbered and cannot be sanitized in-place");try{Hh(l1)}catch(J3){throw jc(l1),J3}}else if(na(l1))_=Db("<!---->"),Q=_.ownerDocument.importNode(l1,!0),Q.nodeType===h4.element&&Q.nodeName==="BODY"||Q.nodeName==="HTML"?_=Q:_.appendChild(Q),Hh(_);else{if(!m5&&!C1&&!V0&&l1.indexOf("<")===-1)return Z&&Z6?O(l1):l1;if(_=Db(l1),!_)return m5?null:Z6?F:""}_&&B6&&G6(_.firstChild);let f0=m0?l1:_;try{let x4=Ob(f0);for(;i1=x4.nextNode();)qb(i1,f0),jb(i1,f0),b9(i1.content)&&Jc(i1.content)}catch(x4){throw m0&&(jc(l1),G8(t.removed,J3=>{J3.element&&Kc(J3.element)})),x4}if(m0){let x4=!1;if(G8(t.removed,J3=>{J3.element&&(J3.element===l1&&(x4=!0),Kc(J3.element))}),x4)throw T7("a node selected for removal could not be safely returned; refusing to sanitize in place");return C1&&Ah(l1),l1}if(m5){if(C1&&Ah(_),T3)for(I1=r1.call(_.ownerDocument);_.firstChild;)I1.appendChild(_.firstChild);else I1=_;return(e0.shadowroot||e0.shadowrootmode)&&(I1=Y.call(s,I1,!0)),I1}let m2=V0?_.outerHTML:_.innerHTML;return V0&&$1["!doctype"]&&_.ownerDocument&&_.ownerDocument.doctype&&_.ownerDocument.doctype.name&&p3(lQ,_.ownerDocument.doctype.name)&&(m2="<!DOCTYPE "+_.ownerDocument.doctype.name+`>
|
|
3
|
+
`+m2),C1&&(m2=$c(m2)),Z&&Z6?O(m2):m2},t.setConfig=function(){let l1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Lh(l1),X5=!0,I6=$1,R6=e0},t.clearConfig=function(){f9=null,X5=!1,I6=null,R6=null,Z=T,F=""},t.isValidAttribute=function(l1,w,_){f9||Lh({});let Q=g2(l1),i1=g2(w);return Wb(Q,i1,_)},t.addHook=function(l1,w){typeof w=="function"&&j3(e1,l1)&&As(e1[l1],w)},t.removeHook=function(l1,w){if(j3(e1,l1)){if(w!==void 0){let _=DJ(e1[l1],w);return _===-1?void 0:OJ(e1[l1],_,1)[0]}return ET(e1[l1])}},t.removeHooks=function(l1){j3(e1,l1)&&(e1[l1]=[])},t.removeAllHooks=function(){e1=WT()},t}var uQ=$T();YT.exports=uQ});import{readLockHolder as mG}from"efficient-easel/edit-lock";var fm="/api/storefront/section-templates/",vm=e=>`${fm}${encodeURIComponent(e)}/`,bm=e=>e.node!=null;function ur(e){if(!bm(e))throw new Error(`Section template ${e.id} has no design`);return e}var zm=(e,t)=>e instanceof G4&&e.status===t;function AO(e){return{list:()=>le(`${fm}?no_page=true`,{token:e()}).then(t=>Array.isArray(t)?t:t.results??[]),get:t=>le(vm(t),{token:e()}).catch(a=>{if(zm(a,404))return null;throw a}),create:t=>le(fm,{method:"POST",token:e(),body:JSON.stringify(t)}),patch:(t,a)=>le(vm(t),{method:"PATCH",token:e(),body:JSON.stringify(a)}),remove:t=>le(vm(t),{method:"DELETE",token:e()})}}var xm="sf:section-templates",Xw=`${xm}.imported`,HO="Untitled section",FO=160,dr=e=>(typeof e=="string"?e.trim().slice(0,FO):"")||HO;function TO(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 PO(e,t=Q2){let a={created:0,seeded:0,left:0,skipped:0,kept:!1},s=t.getItem(xm);if(s===null)return a;for(let c of TO(s))try{let l=await e.get(c.id);if(l)l.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:dr(c.name),node:c.node}),a.created+=1}catch(r){if(!zm(r,400))throw r;a.skipped+=1}}catch{return{...a,kept:!0}}return t.setItem(Xw,s),t.getItem(Xw)===s&&t.removeItem(xm),a}var gr=class{constructor(t,a=Q2){this.readToken=t;this.storage=a;this.imported=null;this.http=AO(t)}ready(){return this.imported?this.imported:this.readToken()?(this.imported=PO(this.http,this.storage).catch(()=>{}),this.imported):Promise.resolve()}async list(){return await this.ready(),(await this.http.list()).filter(bm)}async get(t){return await this.ready(),this.http.get(t)}async ensure(t,a,s){await this.ready();let c=async r=>r?bm(r)?r:ur(await this.http.patch(t,{node:s})):null,l=await c(await this.http.get(t));if(l)return l;try{return ur(await this.http.create({id:t,name:dr(a),node:s}))}catch(r){if(zm(r,400)){let o=await c(await this.http.get(t));if(o)return o}throw r}}async save(t,a){return await this.ready(),ur(await this.http.create({name:dr(t),node:a}))}async update(t,a){return await this.ready(),ur(await this.http.patch(t,{node:a}))}async rename(t,a){return await this.ready(),this.http.patch(t,{name:dr(a)})}async remove(t){await this.ready(),await this.http.remove(t)}};var Jw={"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 Qw(e,t){let a=Jw[e][t];return{maxSizeBytes:a.max_bytes,maxFiles:a.max_files,accept:a.accept==="*"||a.accept==="*/*"?void 0:a.accept,acceptHint:a.hint}}var o6=["width","profile","rim"],eC={width:"Width",profile:"Profile",rim:"Rim"},EO=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,VO={width:[100,500],profile:[20,100],rim:[10,30]};function l4(e){let t=EO.exec(e??"");if(!t)return null;let a={width:Number(t[1]),profile:Number(t[2]),rim:Number(t[3])};return o6.every(c=>{let[l,r]=VO[c];return a[c]>=l&&a[c]<=r})?a:null}function q4(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 tC(e){return[q4({width:e.width}),q4({width:e.width,profile:e.profile}),q4(e)]}var R3=["alloy-wheel","tyre"],vr=["alloy-wheel"],r4={"alloy-wheel":"Alloy wheels",tyre:"Tyres"},aC="All products",sC="All product types";function C5(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 ve=R3.map(e=>({value:e,label:r4[e]}));function k5(e){return e==null?[...vr]:Array.isArray(e)?R3.filter(t=>e.includes(t)):[...vr]}var k3=e=>e;function D0(e){return k3(e).kind==="tyre"?"tyre":"alloy-wheel"}function cC(e,t){return e.filter(a=>t.includes(D0(a)))}function l7(e){return k3(e).slug??""}function ym(e){return k3(e).name??""}function fe(e){return k3(e).brand??""}function lC(e){let t=new Set;for(let a of e)if(t.add(fe(a)),t.size>1)return!0;return!1}function NO(e){return k3(e).process??""}function rC(e){let t=new Set;for(let a of e)if(t.add(NO(a)),t.size>1)return!0;return!1}function b8(e){return k3(e).prices??void 0}function wm(e){return k3(e).inStock!==!1}function oC(e){let t=k3(e),a=D0(e)==="tyre"?t.rimDiameters:t.sizes;return Array.isArray(a)?a.filter(s=>typeof s=="number"&&Number.isFinite(s)):[]}function Cm(e){return D0(e)!=="tyre"&&k3(e).badge==="new"}function km(e){return D0(e)==="tyre"?[]:(k3(e).finishes??[]).filter(t=>typeof t?.family=="string").map(t=>({family:t.family,color:t.color??null}))}function iC(e){return km(e).map(t=>t.family)}function nC(e){if(D0(e)==="tyre")return[];let t=k3(e),a=t.categories;return a&&a.length>0?a:t.process?[t.process]:[]}function hC(e){return D0(e)==="tyre"?[]:k3(e).spec?.pcds??[]}function mC(e){return D0(e)!=="tyre"?[]:k3(e).tyreTypes??[]}function pC(e){return D0(e)!=="tyre"?[]:k3(e).speedRatings??[]}function be(e){if(D0(e)!=="tyre")return[];let t=k3(e).sizes;return Array.isArray(t)?t.map(a=>l4(typeof a=="string"?a:null)).filter(a=>a!==null):[]}function W4(e,t){return e.length===0?e:e.filter(a=>a.kind===void 0||a.kind===t)}function fr(e,t){if(t.length===0)return e;let a=xe(t);return r7(e.filter(s=>a(s.fieldKey)),s=>s.fieldKey,t,"cardOrder")}function uC(e,t){let a=t==="filter"?"filterOrder":"cardOrder",s=new Map;for(let c of e){let l=c[a];if(typeof l!="number"||!Number.isFinite(l))continue;let r=s.get(c.fieldKey);(r===void 0||l<r)&&s.set(c.fieldKey,l)}return c=>c?s.get(c):void 0}function Mm(e){return xr(e,"spec")}function dC(e){return xr(e,"fitment")}function Sm(e,t){if(t.length===0)return e;let a=Mm(t),s=e.filter(c=>a(c.fieldKey));return r7(s,c=>c.fieldKey,t,"specOrder")}function r7(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 l=[],r=[];e.forEach((i,n)=>{let h=t(i);h&&(l.push(n),r.push({item:i,index:n,order:c.get(h)}))}),r.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 o=[...e];return l.forEach((i,n)=>{o[i]=r[n].item}),o.every((i,n)=>i===e[n])?e:o}function xe(e){return xr(e,"card")}function br(e){return xr(e,"filter")}var ze="collection";function ye(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":ze},pcds:{"alloy-wheel":"pcd"},tyreTypes:{tyre:"tire_type"},speedRatings:{tyre:"speed_rating"}}[e]?.[t]}function xr(e,t){let a=new Set(e.filter(s=>s[t]===!1).map(s=>s.fieldKey));return s=>!s||!a.has(s)}function T2(e){return Number.isInteger(e)?String(e):String(Number(e.toFixed(2)))}function zr(e,t){return e===t?`ET ${e}`:`ET ${e}\u2013${t}`}function gC(e,t){return e===t?`${T2(e)}"`:`${T2(e)}"\u2013${T2(t)}"`}function Lm(e){return e==="\u2014"?e:`${e}"`}var Ca={recommended:"Recommended","price-asc":"Price \xB7 low to high","price-desc":"Price \xB7 high to low",new:"Newest",name:"Name A\u2013Z"},vC=Object.keys(Ca);function we(e){return I2(vC,"recommended",e)}function Am(e){return vC.filter(t=>t!=="recommended"||e.length<=1)}function fC(e,t){let a=we(e);return Am(t).includes(a)?a:"name"}var ka=["tyreSizes","brands","finishes","diameters","collections","pcds","tyreTypes","speedRatings"],_O={tyreSizes:["tyre"],brands:["alloy-wheel","tyre"],finishes:["alloy-wheel"],diameters:["alloy-wheel","tyre"],collections:["alloy-wheel"],pcds:["alloy-wheel"],tyreTypes:["tyre"],speedRatings:["tyre"]},IO={diameters:"tyreSizes"};function bC(e){if(e.length===0)return[];let t=ka.filter(a=>e.every(s=>_O[a].includes(s)));return t.filter(a=>{let s=IO[a];return!s||!t.includes(s)})}function xC(e,t){return t&&e.includes(t)?[t]:[...e]}function zC(e){let t=new Set;for(let a of e)t.add(D0(a));return[...t]}var M5={tyreSizes:[],brands:[],finishes:[],diameters:[],collections:[],pcds:[],tyreTypes:[],speedRatings:[],priceMax:null,inStockOnly:!1,kind:null,sort:"recommended",page:1};function x8(e){return`${RO(e.width)}\xD7${e.diameter}`}function yC(e){return(e.sizePairs??[]).map(x8)}function RO(e){return T2(e)}function Ma(e,t,a,s=null){if(s!=="kind"&&t.kind&&D0(e)!==t.kind)return!1;for(let c of ka){if(s===c)continue;let l=t[c];if(l.length===0)continue;let r=l.map(String);if(!kC(e,c).some(o=>r.includes(o)))return!1}return!(s!=="price"&&!or(b8(e),a,null,t.priceMax)||s!=="inStock"&&t.inStockOnly&&!wm(e))}function wC(e,t,a){return e.filter(s=>wm(s)&&Ma(s,t,a,"inStock")).length}function BO(e,t,a){let s=[...e],c=(r,o)=>ym(r).localeCompare(ym(o)),l=zC(e).length>1;switch(t){case"price-asc":return s.sort((r,o)=>ie(b8(r),b8(o),a,"asc"));case"price-desc":return s.sort((r,o)=>ie(b8(r),b8(o),a,"desc"));case"name":return s.sort(c);case"new":return s.sort((r,o)=>{let i=(Cm(o)?1:0)-(Cm(r)?1:0);return i!==0||!l?i:c(r,o)});default:return s}}function CC(e,t,a){return BO(e.filter(s=>Ma(s,t,a)),t.sort,a)}function yr(e){return ka.some(t=>e[t].length>0)||e.priceMax!=null||e.inStockOnly||e.kind!=null}var Hm={tyreSizes:"Size",brands:"Brand",finishes:"Colour",diameters:"Size \xB7 diameter",collections:"Collection",pcds:"PCD \xB7 fitment",tyreTypes:"Tyre type",speedRatings:"Speed rating"};function kC(e,t){switch(t){case"tyreSizes":return[...new Set(be(e).flatMap(tC))];case"brands":return fe(e)?[fe(e)]:[];case"finishes":return iC(e);case"diameters":return oC(e).map(String);case"collections":return nC(e);case"pcds":return hC(e);case"tyreTypes":return mC(e);case"speedRatings":return pC(e)}}function ZO(e){let t=new Map;for(let a of e)for(let s of km(a))s.color&&!t.has(s.family)&&t.set(s.family,s.color);return t}function wr(e,t,a,s=zC(e),c=[]){let l=n=>DO(n,s,c),r=ZO(e),o=bC(s).filter(n=>n!=="tyreSizes").filter(l).map(n=>{let h=t[n].map(String),m=new Set,p=new Map,u=new Map;for(let d of e){let f=kC(d,n);for(let v of f)m.add(v);for(let v of new Set(f))u.set(v,(u.get(v)??0)+1);if(Ma(d,t,a,n))for(let v of new Set(f))p.set(v,(p.get(v)??0)+1)}let g=[...m].map(d=>({value:d,label:n==="diameters"?`${d}\u2033`:d,count:p.get(d)??0,checked:h.includes(d),swatch:n==="finishes"?r.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:Hm[n],options:g}}).filter(n=>n.options.length>Sa),i=[];for(let n of o){let h=OO(n.key,s,c);h!==void 0&&i.push({fieldKey:n.key,filterOrder:h})}return[...r7(o,n=>n.key,i,"filterOrder")]}var Sa=1;function Cr(e){return e.showCollection===!1?["collections"]:[]}function DO(e,t,a){return t.length===0||a.length===0?!0:t.some(s=>br(W4(a,s))(ye(e,s)))}function OO(e,t,a){if(a.length===0)return;let s;for(let c of t){let l=uC(W4(a,c),"filter")(ye(e,c));l!==void 0&&(s===void 0||l<s)&&(s=l)}return s}function GO(e){let t=new Set;for(let a of e)for(let s of be(a))t.add(q4(s));return t.size}function MC(e,t){return bC(t).includes("tyreSizes")?GO(e)>Sa:!1}function SC(e){let t=l4(e);if(t)return t;let[a,s]=e.split("/");return{width:a?Number(a):void 0,profile:s?Number(s):void 0}}function qO(e,t,a){return o6.slice(0,o6.indexOf(a)).every(s=>{let c=t[s];return c==null||e[s]===c})}function LC(e,t,a){let s=SC(t.tyreSizes[0]??""),c=new Set(e.filter(l=>Ma(l,t,a,"tyreSizes")));return o6.map(l=>{let r=new Map;for(let i of e){let n=be(i).filter(h=>qO(h,s,l));for(let h of new Set(n.map(m=>m[l])))r.has(h)||r.set(h,0),c.has(i)&&r.set(h,(r.get(h)??0)+1)}let o=[...r.keys()].sort((i,n)=>i-n).map(i=>({value:i,label:l==="rim"?`R${i}`:String(i),count:r.get(i)??0}));return{part:l,label:eC[l],value:s[l]??null,options:o}})}function AC(e,t,a,s){let c={...SC(t)},l=o6.indexOf(a);c[a]=s??void 0;for(let r of o6.slice(l+1))c[r]!=null&&e.some(n=>o6.slice(0,o6.indexOf(r)+1).every(h=>c[h]==null||n[h]===c[h]))||(c[r]=void 0);return q4(c)}function HC(e,t,a,s){if(t.length<2)return[];let c=e.filter(l=>Ma(l,a,s,"kind"));return[{kind:null,label:aC,count:c.length,checked:a.kind===null},...t.map(l=>({kind:l,label:r4[l],count:c.filter(r=>D0(r)===l).length,checked:a.kind===l}))]}function FC(e,t){if(e.length===0)return null;let a=e.map(l=>oe(b8(l),t)).filter(l=>l!==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 TC(e,t,a){let s=[];e.kind&&s.push({key:"kind",value:e.kind,label:r4[e.kind]}),e.inStockOnly&&s.push({key:"inStock",value:"",label:"In stock"});for(let c of ka)for(let l of e[c]){let r=String(l);s.push({key:c,value:r,label:c==="diameters"?`${r}\u2033`:c==="pcds"?`PCD ${r}`:r})}return e.priceMax!=null&&s.push({key:"price",value:"",label:`Up to ${a(e.priceMax,t)}`}),s}var w4={tyreSizes:"tyreSize",brands:"brand",finishes:"colour",diameters:"size",collections:"collection",pcds:"pcd",tyreTypes:"tyreType",speedRatings:"speed"},o7="type",PC="maxPrice",EC="inStock",VC="sort",NC="page";function _C(e){let t=l=>e.getAll(l).flatMap(r=>r.split(",")).filter(Boolean),a=Number(e.get(PC)),s=Number(e.get(NC)),c=e.get(o7);return{tyreSizes:t(w4.tyreSizes),brands:t(w4.brands),finishes:t(w4.finishes),diameters:t(w4.diameters).map(Number).filter(Number.isFinite),collections:t(w4.collections),pcds:t(w4.pcds),tyreTypes:t(w4.tyreTypes),speedRatings:t(w4.speedRatings),priceMax:Number.isFinite(a)&&a>0?a:null,inStockOnly:e.get(EC)==="1",kind:R3.find(l=>l===c)??null,sort:we(e.get(VC)),page:Number.isFinite(s)&&s>=1?Math.floor(s):1}}function z8(e){let t=new URLSearchParams;for(let a of ka){let s=e[a];s.length>0&&t.set(w4[a],s.join(","))}return e.priceMax!=null&&t.set(PC,String(e.priceMax)),e.inStockOnly&&t.set(EC,"1"),e.kind&&t.set(o7,e.kind),e.sort!=="recommended"&&t.set(VC,e.sort),e.page>1&&t.set(NC,String(e.page)),t}function IC(e,t){if(e<=7)return Array.from({length:e},(l,r)=>r+1);let a=[1],s=Math.max(2,t-1),c=Math.min(e-1,t+1);s>2&&a.push(null);for(let l=s;l<=c;l++)a.push(l);return c<e-1&&a.push(null),a.push(e),a}function RC(e,t,a){let s=e.length,c=Math.max(1,Math.floor(a)),l=Math.max(1,Math.ceil(s/c)),r=Math.min(Math.max(1,Math.floor(t)),l),o=(r-1)*c;return{items:e.slice(o,o+c),page:r,pageCount:l,total:s,from:s===0?0:o+1,to:Math.min(o+c,s)}}var i7="__all__",BC="All products";function kr(e){return e?.slug===i7}var Ce="AlloyWheelsListing",WO="ProductGrid",ZC="catalog",UO="CatalogFilterBar",Mr="fieldUsage";function ke(e){return e?.type===WO&&kr(e.props?.source)}function Fm(e){return e?.type===UO}function jO(e){return e?.type===Ce||ke(e)||Fm(e)}function KO(e){let t=e.content??[],a=e.zones??{};return[...t,...Object.values(a).flat()]}function Vs1(e){return e?KO(e).some(t=>t?.type===Ce||ke(t)):!1}function Ns1(e,t){return YO(e,a=>ke(a)?{...a,props:{...Tm(a).props,[ZC]:$O(t,k5(a.props?.kinds))}}:{...a,props:{...Pm(a).props,products:t}})}function _s1(e){return OC(e,jO,t=>Fm(t)?DC(t):ke(t)?Tm(t):Pm(t))}function DC(e){if(!e.props||!(Mr in e.props))return e;let{[Mr]:t,...a}=e.props;return{...e,props:a}}function Tm(e){let{[ZC]:t,[Mr]:a,...s}=e.props??{};return{...e,props:s}}function $O(e,t){let a=new Set(t);return e.filter(s=>{let c=s.kind??"alloy-wheel";return a.has(c)})}function Is1(e){return ke(e)?Tm(e):Fm(e)?DC(e):e?.type===Ce?Pm(e):e}function Pm(e){let{wheels:t,products:a,[Mr]:s,...c}=e.props??{};return{...e,props:c}}function YO(e,t){return OC(e,a=>a?.type===Ce||ke(a),t)}function OC(e,t,a){let s=r=>t(r)?a(r):r,c=e,l={...e};return c.content&&(l.content=c.content.map(s)),c.zones&&(l.zones=Object.fromEntries(Object.entries(c.zones).map(([r,o])=>[r,o.map(s)]))),l}var La="/wheels",Em="Products";function JO(e,t){return t>1?`${Em} \xB7 ${e}`:Em}function GC(...e){for(let t of e){let a=(t?.content??[]).find(s=>s?.type===Ce);if(a)return a.props??{}}return null}function Vm(...e){return GC(...e)!==null}function QO(e,t){let a=e.filter(s=>Vm(...s.docs)).map(s=>o8(s.slug));return a.length===0&&t.fallback?[La]:a}var qC=[o7,...Object.entries(w4).filter(([e])=>e!=="tyreSizes").map(([,e])=>e)];function WC(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),query:c===-1?"":s.slice(c+1),hash:a}}function eG(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return e}}function Nm(e){let t=new URLSearchParams(WC(e).query);for(let a of qC){let s=t.get(a);if(s)return{param:a,value:s}}return null}function _m(e,t){let{path:a,query:s,hash:c}=WC(e),l=s.split("&").filter(r=>r&&!qC.includes(eG(r.split("=")[0])));return t?.value&&l.push(`${encodeURIComponent(t.param)}=${encodeURIComponent(t.value)}`),`${a}${l.length?`?${l.join("&")}`:""}${c}`}function Xs1(e){return Array.isArray(e)?e.filter(t=>typeof t?.kind=="string"&&typeof t.field_key=="string").map(t=>({kind:t.kind,fieldKey:t.field_key,...typeof t.filter=="boolean"?{filter:t.filter}:{},filterOrder:t.filter_order??null})):[]}var tG="Product type",aG="AUD";function sG(e,t){let a=t.listing??{},s=k5(a.kinds),c=e.filter(i=>s.includes(D0(i))),l=Cr(a),r=wr(c,M5,aG,s,t.fieldUsage).filter(i=>!l.includes(i.key)).map(i=>({param:w4[i.key],label:i.label,values:i.options.filter(n=>!n.value.includes(",")).map(n=>({value:n.value,label:n.label}))})).filter(i=>i.values.length>0),o=R3.filter(i=>s.includes(i)&&c.some(n=>D0(n)===i));return o.length>1&&r.unshift({param:o7,label:tG,values:o.map(i=>({value:i,label:r4[i]}))}),r}function Js1(e){return t=>{let a=QO(t,{fallback:e.offersCommerce}),s=t.filter(c=>Vm(...c.docs)).length;return{listingPaths:a,pageOptions:c=>{let l=c.map(r=>{let o=t.find(i=>o8(i.slug)===r.value);return o&&Vm(...o.docs)?{...r,label:JO(o.title,s)}:r});return s===0&&e.offersCommerce&&!l.some(r=>r.value===La)&&l.push({value:La,label:Em}),l},filtersFor:c=>{if(!a.includes(c))return null;let l=t.find(r=>o8(r.slug)===c);return sG(e.catalogue,{listing:l?GC(...l.docs):null,fieldUsage:e.fieldUsage})},readFilter:Nm,withFilter:_m}}}var Im="product",cG="tyre";var Rm="productType",lG={[Im]:"alloy-wheel",[cG]:"tyre"},rG=["alloy-wheel","tyre"];function Sr(e,t){return oG(t)??lG[e]??null}function oG(e){let t=e?.[Rm];return typeof t=="string"&&rG.includes(t)?t:null}var iG=["home","products","gallery","about","contact"],nG=e=>{let t=e.slug.trim().toLowerCase(),a=(e.title??"").trim().toLowerCase(),s=iG.findIndex(c=>c===t||c===a);return s===-1?Number.POSITIVE_INFINITY:s},UC=e=>e.map((t,a)=>({page:t,idx:a,rank:nG(t)})).sort((t,a)=>t.rank-a.rank||t.idx-a.idx).map(t=>t.page);var $C="Popups",jC="Site";var YC={[Yz]:{label:"Site popup",group:$C},[_9]:{label:"Footer",group:jC},[Gz]:{label:"Cart drawer",group:jC}};function Zm(e){return YC[e.slug]?.label||e.title||e.slug}function Bm(e){let t=e.group?.trim();return t||null}function KC(e,t){let a=new Map;for(let s of e){let c=t(s),l=a.get(c);l?l.push(s):a.set(c,[s])}return a}function XC(e){let t=UC(e),a=[],s=t.filter(o=>!va(o.slug)),c=s.filter(o=>!Bm(o));c.length&&a.push({key:"top",group:null,pages:c});let l=s.filter(o=>Bm(o));for(let[o,i]of KC(l,n=>Bm(n)))a.push({key:`folder:${o}`,group:o,pages:i});let r=t.filter(o=>va(o.slug));for(let[o,i]of KC(r,n=>YC[n.slug]?.group??$C))a.push({key:`system:${o}`,group:o,pages:i});return a}import{isExpiredSession as bc1,PAGE_CONFLICT_CODE as JC,readEaselFailure as xc1}from"efficient-easel/screen/lib/failure";var Lr=e=>e.layout_updated_at??e.updated_at??null;function pG(e){if(!e||typeof e!="object")return null;let t=e;return t.code!==JC?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 uG(e){return e===401||e===403?"unauthorized":e===404?"not-found":e===Hw||e>=500?"unavailable":"invalid"}function dG(e){if(!(e instanceof G4))return e;if(e.status===409){let t=pG(e.data);if(t)return new i8("changed-elsewhere",e.message,{conflict:t,cause:e});let a=mG(e.data);if(a)return new i8("lock-taken",e.message,{holder:a,cause:e})}return new i8(uG(e.status),e.message,{cause:e})}var gG={group:"Template pages",groupKey:"template"},QC=e=>({id:e.id,slug:e.slug,label:e.title||e.slug,...gG,draft:!1});function ek(e){let t=async n=>{let h=e.token();if(!h)throw new i8("unauthorized","The editor has no sign-in yet.");try{return await n(h)}catch(m){throw dG(m)}},a={list:n=>t(async h=>{let m=await X1.listPages(h,n?.siteId);return XC(m.filter(p=>p.slug!==_9)).flatMap(p=>p.pages.map(u=>({id:u.id,slug:u.slug,label:Zm(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:Lr(p)}:null}),save:(n,h,m)=>{let{version:p}=m;return p?t(async u=>({version:Lr(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(Lr)),linkTargets:n=>t(async h=>(await X1.listPages(h,n?.siteId)).map(m=>({id:m.id,slug:m.slug,label:Zm(m),layout:m.layout??null}))),publish:(n,h)=>t(async m=>({version:Lr(await X1.publishPage(n,m,h?.version))}))},s=n=>({list:()=>t(async h=>(await X1.listTemplatePages(n,h)).map(QC)),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:fz,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=>QC(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 i8("not-found","This editor is not connected to a website.");return h},l=n=>({name:n.name,slug:n.slug,mapsApiKey:n.maps_api_key,mapsMapId:n.maps_map_id}),r=n=>Object.fromEntries(Gl.map(h=>[h,n[ql(h)]??""])),o=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=>l(await X1.getSite(c(n),h))),update:(n,h)=>t(async m=>l(await X1.updateSite(c(h),n.mapsApiKey===void 0?{}:{maps_api_key:n.mapsApiKey},m)))},media:{resolve:lx,maxUploadBytes:Qw("POST /api/storefront/media/","file").maxSizeBytes},sectionTemplates:new gr(e.token),social:{get:n=>t(async h=>r(await X1.getSocialSettings(h,c(n)))),update:(n,h)=>t(async m=>{let p=Object.fromEntries(Gl.filter(u=>u in n).map(u=>[ql(u),n[u]]));try{return r(await X1.updateSocialSettings(p,m,c(h)))}catch(u){if(u instanceof G4&&u.status===400){let g=u.data??{},d={};for(let f of Gl){let v=g[ql(f)],z=Array.isArray(v)?v[0]:v;typeof z=="string"&&z.trim()&&(d[f]=z)}if(Object.keys(d).length>0)throw new i8("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=>o(await X1.getChatSettings(h,n?.siteId))),update:(n,h)=>t(async m=>o(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?w9(m.cover_image)??"":"",publishedAt:m.published_at,href:qh(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[$b]=!0,i}Ez({read:e=>e instanceof G4?{status:e.status,data:e.data,message:e.message}:null,unreachableMessage:Aw,loadRefusal:(e,{slug:t})=>e instanceof Ew?`\u201C${t}\u201D exists on more than one website. Open it from the site you want to edit.`:null});Xb(e=>ek({token:()=>e.auth.token,siteId:()=>e.siteId()}));function Vc1(e={}){return e.portalAudience!==void 0&&Fw(e.portalAudience),ek({token:()=>ha().auth.token,siteId:()=>e.siteId??ha().siteId()})}import{jsx as vG}from"react/jsx-runtime";import{createContext as fG,useContext as bG,useMemo as xG}from"react";var tk=fG({originData:null,originSlug:null,exitFocus:()=>{}});function Rc1({children:e,originData:t,originSlug:a,exitFocus:s}){let c=xG(()=>({originData:t,originSlug:a,exitFocus:s}),[t,a,s]);return vG(tk.Provider,{value:c,children:e})}var ak=()=>bG(tk);import{useCallback as WG,useEffect as UG,useRef as jG,useState as Hk}from"react";var zG=[{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"}],yG=Object.fromEntries(zG.map(e=>[e.code,e.name]));function sk(e){return yG[e]??e}import{jsx as Dm,jsxs as ck}from"react/jsx-runtime";function lk(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 l=s.get(c);return{code:c,name:l?.name||sk(c),currency:l?.currency,url:l?.url||a?.[c]||""}})}function Ar(e){let{countries:t}=p0();return lk(t,e).length>0}function y8({urls:e,countries:t}={}){let{country:a,setCountry:s,countries:c}=p0(),l=lk(c,t,e),r=l.find(m=>m.code===a)??l[0];function o(m){let p=(e?l.find(u=>u.code===m)?.url:"")?.trim();if(p){window.location.href=p;return}c.some(u=>u.code===m)&&s(m)}let i=l.map(m=>({value:m.code,label:m.name,meta:m.currency})),n=ue({items:i,value:a,onPick:o});if(!r)return null;let h=n.open;return ck("div",{ref:n.wrapRef,className:"relative",children:[ck("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: ${r.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:[Dm("span",{children:r.name}),Dm("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${h?"rotate-180":""}`,children:"\u25BE"})]}),h&&Dm(de,{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 wG,useRef as rk}from"react";import{jsx as C4,jsxs as Om}from"react/jsx-runtime";var Aa={search:"Search",account:"Account",cart:"Bag"},Gm="whitespace-nowrap";function CG(e){return e>99?"99+":String(e)}function kG({count:e,ref:t}){return C4("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:C4("span",{style:{color:"var(--sf-header-ground, var(--bg))"},children:CG(e)})})}function Hr({onClick:e,count:t,asText:a,className:s}){let c=rk(null),l=rk(t);return wG(()=>{l.current!==t&&(l.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]),C4("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?Om("span",{className:Gm,children:[Aa.cart,t>0?` ${t}`:""]}):Om("span",{className:"relative inline-flex",children:[C4("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:Gy}),t>0?C4(kG,{count:t,ref:c}):null]})})}function ok({asText:e,className:t}){return C4(S1,{href:"/account","aria-label":"Account",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${t??""}`,children:e?C4("span",{className:Gm,children:Aa.account}):Om("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:[C4("circle",{cx:"12",cy:"8",r:"3.4"}),C4("path",{d:"M5 20a7 7 0 0 1 14 0"})]})})}function Fr({onClick:e,asText:t,className:a}){return C4("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?C4("span",{className:Gm,children:Aa.search}):C4(a6,{name:"search",size:18,strokeWidth:1.6,rounded:!0})})}var ik="Menu Item";var nk="Menu",hk="Link a menu in the inspector \u2192",mk="This menu has no links yet \u2014 add them in Storefront \u2192 Menus.",pk="This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above.";function uk(e){return`\u201C${e}\u201D no longer exists in Storefront \u2192 Menus, so the preview shows placeholder links. Pick another menu.`}var Jc1="The menu linked here no longer exists in Storefront \u2192 Menus, so the header shows placeholder links. Pick another menu.";import{jsx as MG}from"react/jsx-runtime";function Me(){return MG("span",{className:"opacity-50",children:ik})}import{jsx as SG}from"react/jsx-runtime";import{createContext as LG,useContext as qm,useEffect as AG,useState as HG,useSyncExternalStore as FG}from"react";var gk=[];function TG(){let e=gk,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 Tr=LG(null);function vk({children:e}){let[t]=HG(TG);return SG(Tr.Provider,{value:t,children:e})}var Pr=()=>qm(Tr)!==null;function Wm(e){let t=qm(Tr);AG(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var PG=()=>()=>{},dk=()=>gk;function fk(){let e=qm(Tr),t=FG(e?.subscribe??PG,e?.offered??dk,dk);return e?{search:t.includes("search"),region:t.includes("region")}:null}import{createContext as EG,useCallback as Um,useContext as VG,useEffect as NG,useMemo as _G,useState as IG}from"react";import{jsx as BG}from"react/jsx-runtime";var RG={isOpen:!1,open:()=>{},close:()=>{},toggle:()=>{}},bk=EG(RG);function ol1({children:e,shortcut:t=!0}){let[a,s]=IG(!1),c=Um(()=>s(!0),[]),l=Um(()=>s(!1),[]),r=Um(()=>s(i=>!i),[]);NG(()=>{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 o=_G(()=>({isOpen:a,open:c,close:l,toggle:r}),[a,c,l,r]);return BG(bk.Provider,{value:o,children:e})}function Se(){return VG(bk)}import{useEffect as jm}from"react";function k4({active:e,onDismiss:t,focusRef:a,lockScroll:s=!0,scopeRef:c}){jm(()=>{if(!e)return;let l=c?.current?.ownerDocument??document,r=o=>{o.key==="Escape"&&t()};return l.addEventListener("keydown",r),()=>l.removeEventListener("keydown",r)},[e,t,c]),jm(()=>{if(!e||!s)return;let l=(c?.current?.ownerDocument??document).body,r=l.style.overflow;return l.style.overflow="hidden",()=>{l.style.overflow=r}},[e,s,c]),jm(()=>{e&&a?.current?.focus()},[e,a])}import{createContext as ZG,useCallback as Ck,useContext as DG,useMemo as OG,useState as GG}from"react";var Ha=new Map,xk=e=>e??"";function Km(e,t,a){a&&Ha.clear();let s=xk(t),c=Ha.get(s);if(!c){let l=X1.listMenus(e,t);Ha.set(s,l),l.catch(()=>{Ha.get(s)===l&&Ha.delete(s)}),c=l}return c}var Er=new Map;function zk(e,t){let a=xk(t),s=Er.get(a);if(!s){let c=Km(e,t,!0);Er.set(a,c);let l=()=>{Er.get(a)===c&&Er.delete(a)};c.then(l,l),s=c}return s}function $m(e,t=!1){return Km(e,i2(),t)}function yk(e){return zk(e,i2())}function dl1(e,t=!1){return Km(e,null,t)}function gl1(e){return zk(e,null)}var Ym={ids:new Set,handles:new Set};function vl1(e){return{ids:new Set(e.map(t=>t.id).filter(Boolean)),handles:new Set(e.map(t=>t.handle).filter(Boolean))}}function wk({id:e,handle:t,editing:a,ready:s,live:c}){if(!a)return!1;let l=e??"",r=t??"";return!l&&!r?!0:s?l?!c.ids.has(l):!c.handles.has(r):!1}function Vr(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 qG}from"react/jsx-runtime";var kk=ZG({live:Ym,ready:!1,primeLive:()=>{},setLive:()=>{}});function zl1({children:e}){let[t,a]=GG({live:Ym,ready:!1}),s=Ck(r=>a(o=>o.ready?o:{live:r,ready:!0}),[]),c=Ck(r=>a({live:r,ready:!0}),[]),l=OG(()=>({...t,primeLive:s,setLive:c}),[t,s,c]);return qG(kk.Provider,{value:l,children:e})}var Mk=()=>DG(kk);function Le(e){let t=(e??"").trim();return t===""||t==="#"}import{jsx as w0,jsxs as S5}from"react/jsx-runtime";var KG=e=>/^https?:\/\//i.test(e),Fk="flex list-none flex-col gap-2.5 text-[13px]",Xm="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",Sk="text-[12px] italic text-fg-dim/70",Tk=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function $G({showDividers:e}){return w0("ul",{className:Fk,children:Array.from({length:4},(t,a)=>w0("li",{className:`text-fg ${Tk(e,a)}`,children:w0(Me,{})},a))})}function Pk({item:e,label:t,link:a,onNavigate:s}){return Le(e.url)?w0("span",{className:t,children:C(e.label)}):KG(e.url)?w0("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:a,onClick:s,children:C(e.label)}):w0(S1,{href:e.url,className:a,onClick:s,children:C(e.label)})}function Lk({items:e,showDividers:t}){return w0("ul",{className:Fk,children:e.map((a,s)=>w0("li",{className:Tk(t,s),children:w0(Pk,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${s}`))})}var YG="opacity-80 transition-opacity hover:opacity-100";function XG({items:e,label:t,editing:a}){let[s,c]=Hk(!1),l=jG(null),r=fk(),{open:o}=Se(),i=t||"Menu",n=WG(()=>c(!1),[]);k4({active:s,onDismiss:n,scopeRef:l});let h=(p,u,g)=>e===null?Array.from({length:4},(d,f)=>w0("li",{className:u,children:w0(Me,{})},f)):e.map((d,f)=>w0("li",{className:u,children:w0(Pk,{item:d,label:p,link:`${p} ${YG}`,onNavigate:g})},`${d.label}-${f}`)),m=r&&(r.search||r.region)?r:null;return S5("nav",{ref:l,"aria-label":i,"data-menu-row":"",className:"min-w-0",children:[w0("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("","")}),w0("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:w0("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:s?w0("path",{d:"M6 6l12 12M18 6L6 18"}):w0("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),s?S5("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",children:[w0("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?S5("div",{className:"mt-auto flex flex-col gap-3.5 border-t border-line bg-surface p-5",children:[m.search?S5("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(),o()},children:[w0(a6,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),Aa.search]}):null,m.region?S5("div",{className:"flex items-center justify-between",children:[w0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),w0(y8,{})]}):null]}):null]}):null]})}function Fa({menu:e,heading:t,accordionMobile:a=!1,showDividers:s=!1,editing:c=!1,layout:l="column"}){let{live:r,ready:o}=Mk(),i=wk({id:e?.id,handle:e?.handle,editing:c,ready:o,live:r}),n=i?[]:e?.items??[],h=t||e?.name||"",[m,p]=Hk(!1);return UG(()=>{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]),l==="row"?w0(XG,{items:i?null:n,label:h,editing:c}):i?S5("div",{className:"min-w-0",children:[w0("h4",{className:Xm,children:t?Z0(t):nk}),w0($G,{showDividers:s}),w0("p",{className:`mt-3 ${Sk}`,children:hk})]}):n.length===0?S5("div",{className:"min-w-0",children:[h?w0("h4",{className:Xm,children:Z0(h)}):null,c?w0("p",{className:Sk,children:mk}):null]}):a&&m?S5("details",{className:"min-w-0 border-b border-line",children:[S5("summary",{className:"flex cursor-pointer list-none items-center justify-between py-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:[Z0(h),w0("span",{"aria-hidden":!0,children:"\uFF0B"})]}),w0("div",{className:"pb-3",children:w0(Lk,{items:n,showDividers:s})})]}):S5("div",{className:"min-w-0",children:[h?w0("h4",{className:Xm,children:Z0(h)}):null,w0(Lk,{items:n,showDividers:s})]})}import{createContext as rq,useCallback as B3,useContext as oq,useEffect as iq,useMemo as nq,useRef as Jk,useState as Fe}from"react";function Ta(e){return typeof e=="number"?String(e):""}function Ek(e){let t=Ta(e);return t&&`${t} LUG`}function Jm(e){let t=e.spec?.lugs;return typeof t=="number"?t:null}function Vk(e){let t=new Set;for(let a of e){let s=Jm(a);s!==null&&t.add(s)}return[...t].sort((a,s)=>a-s)}function JG(e){return e.length===0?null:{min:Math.min(...e),max:Math.max(...e)}}function Nr(e){let t=JG(e);return t?gC(t.min,t.max):null}function Nk(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 _k=5,Bk=.2;function Ae(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,l=(a?a[2]:t).split(/[-/,]/).map(r=>Number(r.trim().replace(/[^\d.]/g,""))).filter(r=>Number.isFinite(r)&&r>0);return{holes:s,circles:l}}function Qm(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 Zk(e){if(!e)return null;let t=Ae(e.pcd||e.boltPattern);if(t.holes===null||t.circles.length===0)return null;let a=t.circles[0],s=Qm(e.etRange),c=s?[s[0]-_k,s[1]+_k]:null;return{holes:t.holes,circle:a,centreBore:typeof e.centreBore=="number"&&e.centreBore>0?e.centreBore:null,etRange:c}}function QG(e,t){return Math.abs(e-t)<=Bk}function Dk(e,t,a){let s=Ae(e);return(s.holes??t)!==a.holes?!1:s.circles.some(l=>QG(l,a.circle))}function Ok(e,t){return t.centreBore===null?!0:e+Bk>=t.centreBore}function eq(e,t){return e[0]<=t[1]&&e[1]>=t[0]}function w8(e,t){let a=`${t.holes}\xD7${t.circle}`;return e.pcds.length===0?{key:"unverifiable",wheel:"",vehicle:a}:e.pcds.some(s=>Dk(s,e.lugs,t))?t.etRange!==null&&e.etRange!==null&&!eq(e.etRange,t.etRange)?{key:"et",wheel:_r(e.etRange),vehicle:_r(t.etRange)}:e.centreBores.length>0&&!e.centreBores.some(s=>Ok(s,t))?{key:"bore",wheel:`${e.centreBores.join(" / ")} mm`,vehicle:`${t.centreBore} mm`}:null:{key:"pcd",wheel:e.pcds.join(" / "),vehicle:a}}function Gk(e){return{pcds:e.spec?.pcds??[],lugs:e.spec?.lugs??null,etRange:Qm(e.spec?.etRange),centreBores:e.spec?.centreBores??[]}}function Ir(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 Rr(e,t){let a=w8(e,t);return a===null||a.key!=="et"?a:w8(e,{...t,etRange:null})}function ep(e,t){return w8(Gk(e),t)}function qk(e,t){return w8(Ir(e),t)}function tq(e,t){return Rr(Ir(e),t)===null}function Wk(e,t){return t?e.filter(a=>tq(a,t)):[...e]}function aq(e,t){return Rr(Gk(e),t)===null}function Br(e,t){return t?e.filter(a=>aq(a,t)):e}var Ik=1;function sq(e,t){let a=e.spec?.pcds??[],s=e.spec?.centreBores??[],c=Qm(e.spec?.etRange);if(!t)return{pcds:a,etRange:c,centreBores:s};let l=e.spec?.lugs??null,r=a.filter(i=>Dk(i,l,t)),o=s.filter(i=>Ok(i,t));return{pcds:r.length>0?r:a,etRange:c,centreBores:o.length>0?o:s}}function _r(e){return zr(e[0],e[1])}function Rk(e){let t=e.slice(0,Ik).join(" / "),a=e.length-Ik;return a>0?`${t} +${a}`:t}var Uk="\xB7";function Zr(e){return[{fieldKey:"diameter",text:Nr(e.sizes)},{fieldKey:"holes",text:Ek(e.spec?.lugs)}].filter(t=>!!t.text)}function jk(e,t){let{pcds:a,etRange:s,centreBores:c}=sq(e,t),l=[];return a.length>0&&l.push({fieldKey:"pcd",text:`PCD ${Rk(a)}`}),s!==null&&l.push({fieldKey:"et",text:_r(s)}),c.length>0&&l.push({fieldKey:"center_bore",text:`C/B ${Rk(c)} mm`}),l}function He(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?_r(e.etRange):null}]:[]}function Kk(e){return He(e).map(t=>t.value).filter(t=>t!==null).join(" \xB7 ")}var Pa={default:"Sort \xB7 Featured",new:"Newest","price-asc":"Price \xB7 Low","price-desc":"Price \xB7 High",name:"Name A\u2013Z"},C8={process:null,size:null,lugs:null,finish:null,priceMin:null,priceMax:null,sort:"default"};function cq(e,t,a){return!(t.process&&e.process!==t.process||t.size&&!e.sizes.includes(t.size)||t.lugs!=null&&Jm(e)!==t.lugs||t.finish&&!e.finishes.some(s=>s.family===t.finish)||!or(e.prices,a,t.priceMin,t.priceMax))}function lq(e,t,a){return[...e].sort((s,c)=>{switch(t){case"price-asc":return ie(s.prices,c.prices,a,"asc");case"price-desc":return ie(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 $k(e,t,a,s=null){let c=Br(e,s);return lq(c.filter(l=>cq(l,t,a)),t.sort,a)}import{jsx as mq}from"react/jsx-runtime";var Qk={fit:null,name:"",resolving:!1,unresolved:!1};function hq(e,t){return e.fit===t.fit&&e.name===t.name&&e.resolving===t.resolving&&e.unresolved===t.unresolved}var o4=()=>{},eM=rq({filters:C8,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:Qk,publishVehicle:o4}),Dr="data-catalog-collection",Yk=(e,t)=>e-t;function Xk(e,t){return e.length===t.length&&e.every((a,s)=>a===t[s])}function tp(e){let t=Jk(new Map),[a,s]=Fe([]),c=B3((l,r)=>{let o=t.current.get(l);if(o&&Xk(o,r))return;t.current.set(l,r);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=>Xk(h,n)?h:n)},[e]);return[a,c]}function tM({children:e,initial:t}){let[a,s]=Fe(t??C8),c=B3(V=>s(q=>({...q,process:V})),[]),l=B3(V=>s(q=>({...q,size:V})),[]),r=B3(V=>s(q=>({...q,lugs:V})),[]),o=B3(V=>s(q=>({...q,finish:V})),[]),i=B3(V=>s(q=>({...q,priceMin:V})),[]),n=B3(V=>s(q=>({...q,priceMax:V})),[]),h=B3(V=>s(q=>({...q,sort:V})),[]),m=B3(()=>s(V=>({...C8,sort:V.sort})),[]),[p,u]=Fe(Qk),g=B3(V=>{u(q=>hq(q,V)?q:V)},[]),d=Jk(new Map),[f,v]=Fe(0),z=B3((V,q)=>{if(d.current.get(V)===q)return;d.current.set(V,q);let W=0;for(let r1 of d.current.values())W+=r1;v(W)},[]),[x,k]=tp(Yk),[M,A]=tp(Yk),[R,E]=tp(Kw),[Z,F]=Fe(!1),T=B3((V,q)=>{F(!0),k(V,q)},[k]),N=B3((V,q)=>{F(!0),A(V,q)},[A]),B=B3((V,q)=>{F(!0),E(V,q)},[E]),[P,O]=Fe(null);iq(()=>{let q=0,K=()=>{q=0;let r1=null,x1=document.querySelectorAll(`[${Dr}]`);for(let Y of x1){let e1=Y.getBoundingClientRect();if(e1.top<=140&&e1.bottom>140){r1=Y.getAttribute(Dr)??null;break}}O(r1)},W=()=>{q||(q=requestAnimationFrame(K))};return K(),window.addEventListener("scroll",W,{passive:!0}),window.addEventListener("resize",W),()=>{window.removeEventListener("scroll",W),window.removeEventListener("resize",W),q&&cancelAnimationFrame(q)}},[]);let c1=nq(()=>({filters:a,setProcess:c,setSize:l,setLugs:r,setFinish:o,setPriceMin:i,setPriceMax:n,setSort:h,clearAll:m,reportCount:z,total:f,reportLugs:T,lugOptions:x,reportSizes:N,sizeOptions:M,reportFinishes:B,finishOptions:R,optionsReported:Z,scrollProcess:P,vehicle:p,publishVehicle:g}),[a,c,l,r,o,i,n,h,m,z,f,T,x,N,M,B,R,Z,P,p,g]);return mq(eM.Provider,{value:c1,children:e})}function Or(){return oq(eM)}import{Fragment as pq}from"react";import{jsx as dq,jsxs as gq}from"react/jsx-runtime";var Gr=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function qr(e){return fl(e)}function aM(e){let t=e.split("\xAE");return t.length===1?e:t.map((a,s)=>gq(pq,{children:[a,s<t.length-1&&dq(c6,{})]},s))}var Ea=Gr.map((e,t)=>({key:e,num:String(t+1).padStart(2,"0"),title:aM(e)}));function uq(e){if(e.length===0)return[...Gr];let t=new Set(e.map(a=>a.process));return Gr.filter(a=>t.has(a))}function lr1(e){return uq(e).map((t,a)=>({key:t,num:String(a+1).padStart(2,"0"),title:aM(t)}))}var rr1=Object.fromEntries(Gr.map(e=>[e,qr(e)]));var Wr="";function lM(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 sM(e){let t=lM(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isSafeInteger(a)&&a>0?a:null}function cM(e){let t=lM(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isFinite(a)&&a>=0?a:null}function vq(e){return ge.some(t=>t.f===e)?e:null}function fq(e){return typeof e=="string"&&e!==""?e:null}function rM(e){return e?{...C8,process:fq(e.openingProcess),size:sM(e.openingSize),lugs:sM(e.openingLugs),finish:vq(e.openingFinish),priceMin:cM(e.openingPriceMin),priceMax:cM(e.openingPriceMax)}:C8}var oM={value:Wr,label:"Any"},iM=[oM,...ge.map(e=>({value:e.f,label:e.label}))],nM=[oM,...Ea.map(e=>({value:e.key,label:e.key}))];import{useCallback as Dq,useEffect as Yr,useRef as HM,useState as Na}from"react";function hM({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 Z3={popup:"shop_popup",subscribeSection:"subscribe_section",subscribeBlogsSection:"subscribe_blogs_section",footerSignup:"footer_signup",stockAlertOptIn:"stock_alert_optin"};var bq={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 Sl){let c=e[s];if(!c)continue;let l=A9({role:c},bq,t);l.fontFamily&&(a[Qh[s].font]=l.fontFamily),l.fontSize&&(a[Qh[s].size]=l.fontSize)}return a}import{useEffect as yq}from"react";import{useEffect as dM,useState as k8}from"react";var ap=new Set,sp=new Set,cp=new Set;function pM(e){return ap.add(e),()=>ap.delete(e)}function fr1(){ap.forEach(e=>e())}function uM(e){return sp.add(e),()=>sp.delete(e)}function br1(){sp.forEach(e=>e())}function Ur(e){return cp.add(e),()=>cp.delete(e)}function xr1(){cp.forEach(e=>e())}import{jsx as Te,jsxs as zq}from"react/jsx-runtime";function L5(e,t){let[a,s]=k8(void 0),[c,l]=k8(0);return dM(()=>{if(t!==void 0)return;if(!e){s(null);return}let r=!1;return g0.getForm(e).then(o=>{r||s(o)}).catch(()=>{r||s(null)}),()=>{r=!0}},[t,e,c]),dM(()=>{if(t===void 0)return Ur(()=>l(r=>r+1))},[t]),t!==void 0?t:a}var xq="Something went wrong \u2014 your submission wasn't sent. Please try again.";function Pe(e,t="Thanks \u2014 we've received your submission."){return e.successMessage?.trim()||t}function n7({form:e,formSlug:t,editing:a=!1}){let[s,c]=k8({}),[l,r]=k8(""),[o,i]=k8(!1),[n,h]=k8(!1),[m,p]=k8(null);async function u(g){if(g.preventDefault(),!(a||o||!e||!t)){i(!0),p(null);try{let d=e.fields.map(f=>({fieldKey:f.key,value:s[f.key]??""}));await g0.submitForm(t,{answers:d,...l?{company:l}:{}}),h(!0)}catch{p(xq)}finally{i(!1)}}}return{valueOf:g=>s[g]??"",set:(g,d)=>c(f=>({...f,[g]:d})),honeypot:l,setHoneypot:r,submitting:o,done:n,error:m,handleSubmit:u}}function Ee({value:e,onChange:t}){return Te("input",{type:"text",name:"company",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"hidden",value:e,onChange:a=>t(a.target.value)})}function h7({field:e,value:t,onChange:a,className:s,rows:c=5,placeholder:l}){let r=l??e.placeholder;return e.type==="textarea"?Te("textarea",{required:e.required,rows:c,value:t,placeholder:r,onChange:o=>a(o.target.value),className:s}):e.type==="select"?zq("select",{required:e.required,value:t,onChange:o=>a(o.target.value),className:s,children:[Te("option",{value:"",children:r||"Select\u2026"}),e.options.map(o=>Te("option",{value:o,children:o},o))]}):e.type==="checkbox"?Te("input",{type:"checkbox",required:e.required,checked:t==="true",onChange:o=>a(o.target.checked?"true":""),className:s}):Te("input",{type:e.type==="email"?"email":e.type==="tel"?"tel":"text",required:e.required,value:t,placeholder:r,onChange:o=>a(o.target.value),className:s})}import{jsx as Va}from"react/jsx-runtime";var gM="font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim";function M4({size:e,children:t}){return e==="tall"?Va("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:Va("p",{className:gM,children:t})}):Va("section",{className:"relative z-[2] border-t border-line bg-surface",children:Va("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:Va("p",{className:gM,children:t})})})}import{jsx as e3,jsxs as jr}from"react/jsx-runtime";var vM="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 wq({field:e,value:t,onChange:a}){let s={field:e,value:t,onChange:a};return e.type==="checkbox"?jr("label",{className:"flex items-start gap-3",children:[e3(h7,{...s,className:"mt-1 size-4 accent-accent"}),jr("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-fg",children:[e.label,e.required?e3("span",{className:"text-accent",children:" *"}):null]})]}):e3(Z2,{label:e.label,required:e.required,children:e3(h7,{...s,className:e.type==="textarea"?vM+" resize-y":vM})})}function lp({formSlug:e,heading:t,intro:a,submitText:s,finePrint:c,form:l,editing:r=!1}={}){let o=L5(e,l);if(o===void 0)return e3(M4,{size:"short",children:"Loading form\u2026"});if(o===null)return e3(M4,{size:"short",children:r?"Choose a form in the inspector, under Form.":"This form is unavailable."});let i=(t??"").trim()||o.title;return e3("section",{className:"relative z-[2] border-t border-line bg-surface",children:jr("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&&e3("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()&&e3("p",{className:"mb-11 max-w-[640px] font-display text-[16px] leading-[1.6] text-fg-dim",children:a}),e3(rp,{form:o,formSlug:e,submitText:s,finePrint:c,editing:r})]})})}function rp({form:e,formSlug:t,submitText:a,finePrint:s,editing:c=!1,onSent:l}){let{valueOf:r,set:o,honeypot:i,setHoneypot:n,submitting:h,done:m,error:p,handleSubmit:u}=n7({form:e,formSlug:t,editing:c});yq(()=>{m&&l?.()},[m]);let g=(a??"").trim()||e.submitButtonText?.trim()||"Submit";return m?e3("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:Pe(e)}):jr("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:u,children:[e.fields.map(d=>e3(wq,{field:d,value:r(d.key),onChange:f=>o(d.key,f)},d.key)),e3(Ee,{value:i,onChange:n}),p&&e3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:p}),e3("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()&&e3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:e.consentText}),(s??"").trim()&&e3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:s})]})}import{jsx as op,jsxs as kq}from"react/jsx-runtime";import{jsx as Cq}from"react/jsx-runtime";function fM(){return Cq("span",{className:"block h-px w-[30px] bg-current"})}function Mq(e,t){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}var Sq="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",Lq="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 V1({text:e,look:t="plain",size:a=13,scaled:s=!0,className:c="",classNameAfter:l=""}){if(t==="line")return kq("div",{className:[c,Lq,l].filter(Boolean).join(" "),children:[op(fM,{}),op("span",{children:C(e)})]});let r=t==="filled"?Sq:Mq(a,s);return op("span",{className:[c,r,l].filter(Boolean).join(" "),children:C(e)})}import{useCallback as bM,useRef as Aq,useState as xM}from"react";function Kr({source:e,dryRun:t=!1}){let[a,s]=xM("idle"),[c,l]=xM(null),r=Aq(!1),o=bM(()=>{r.current=!1,l(null),s("idle")},[]),i=bM(async n=>{if(!r.current){if(!me(n.email)){s("invalid");return}r.current=!0,l(null),s("sending");try{t||await g0.createNewsletterSubscription(hM(n,e))}catch(h){r.current=!1,l(h),s("error");return}r.current=!1,s("sent")}},[e,t]);return{status:a,error:c,submit:i,reset:o}}function Ve(){return"/edit"}import{createContext as Pq,useCallback as $r,useContext as Eq,useEffect as Vq,useMemo as Nq,useRef as _q,useState as hp}from"react";var zM="/edit";function yM(e){return e===zM||e.startsWith(`${zM}/`)}var CM="storefront-subscribe-seen",kM="storefront-popup-closed-at",Hq=1440*60*1e3,Fq=["/checkout","/cart"];function wM(e){let t=e.split(/[?#]/)[0]||"/",a=t.startsWith("/")?t:`/${t}`;return a.length>1?a.replace(/\/+$/,"")||"/":a}function ip(e,t,a){let s=wM(e);return Fq.some(c=>s===c||s.startsWith(`${c}/`))?!1:t==="all"?!0:a.some(c=>wM(c)===s)}function Tq(e,t,a,s){if(e==="never")return!1;if(a.session.getItem(CM)==="1")return!0;if(e==="visit")return!1;let c=Number(a.local.getItem(kM));return!Number.isFinite(c)||c<=0?!1:s-c<t*Hq}function np(e,t){e.session.setItem(CM,"1"),e.local.setItem(kM,String(t))}function MM(e,t){return e==="exit"&&!t?"delay":e}function SM(e,t,a){let s=a-t;return s<=0?100:Math.min(100,Math.max(0,e/s*100))}function LM(e,t,a){return!e.autoOpen||e.inEditor||!ip(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!yw(t.session)?!1:!Tq(e.hideAfter,e.hideDays,t,a)}import{jsx as Zq}from"react/jsx-runtime";var AM=Pq(null),mp={session:ww,local:Q2};function Iq(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var Rq=15,Bq=[];function to1({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:s=Rq,trigger:c="delay",scrollPercent:l=50,showOn:r="all",showOnPages:o=Bq,hideAfter:i="visit",hideDays:n=7}){let[h,m]=hp(!1),[p,u]=hp("chosen"),[g,d]=hp({}),f=Ve()??"/",v=yM(f),z=ip(f,r,o),x=_q(!1),k=$r(Z=>{d(Z??{}),u("newsletter"),m(!0)},[]),M=$r(()=>{x.current=!0,d({}),u("chosen"),m(!0)},[]),A=$r(()=>np(mp,Date.now()),[]),R=$r(()=>{m(!1),np(mp,Date.now())},[]);Vq(()=>{if(t||x.current||!LM({autoOpen:a,inEditor:v,path:f,showOn:r,showOnPages:o,hideAfter:i,hideDays:n},mp,Date.now()))return;let F=MM(c,Iq());if(F==="scroll"){let N=()=>{SM(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=l&&(window.removeEventListener("scroll",N),M())};return window.addEventListener("scroll",N,{passive:!0}),()=>window.removeEventListener("scroll",N)}if(F==="exit"){let N=B=>{B.relatedTarget===null&&B.clientY<=0&&(document.removeEventListener("mouseout",N),M())};return document.addEventListener("mouseout",N),()=>document.removeEventListener("mouseout",N)}let T=window.setTimeout(M,Math.max(0,s)*1e3);return()=>window.clearTimeout(T)},[t,a,v,z,c,s,l,i,n,M]);let E=Nq(()=>({isOpen:h,mode:p,open:k,close:R,markSent:A,prefillEmail:g.email??"",signupSource:g.source??Z3.popup}),[h,p,k,R,A,g]);return Zq(AM.Provider,{value:E,children:e})}function pp(){let e=Eq(AM);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{Fragment as qq,jsx as J1,jsxs as k2}from"react/jsx-runtime";var Oq=50,Xr="font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)]";function Gq(e){let t=F9({sectionAccent:d5(e.sectionAccent)}),a=dl(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...mM(e.textStyles)}}}function FM({content:e,open:t=!0,onClose:a,onSent:s,inline:c=!1,prefillEmail:l="",source:r=Z3.popup,mode:o="chosen",form:i}){let n=o==="chosen"?e.formSlug:"",h=L5(n||void 0,c?void 0:i??null),m=!!n&&!!h,[p,u]=Na(""),[g,d]=Na(""),[f,v]=Na(()=>new Set(e.interests.slice(0,1))),[z,x]=Na(e.frequencies[0]??""),{status:k,error:M,submit:A,reset:R}=Kr({source:r,dryRun:c}),E=k==="sending",Z=k==="invalid"?e.emailInvalidText:k==="error"?M instanceof G4?M.message:e.submitErrorText:null,[F,T]=Na(""),N=HM(null),B=HM(null);Yr(()=>{t&&R()},[t,R]),Yr(()=>{k==="sent"&&!c&&s?.()},[k]);let P=Dq(()=>a?.(),[a]);if(k4({active:!c&&t,onDismiss:P}),Yr(()=>{if(c||!t)return;let U=window.setTimeout(()=>B.current?.focus(),Oq);return()=>window.clearTimeout(U)},[c,t]),Yr(()=>{!t||!l||d(l)},[t,l]),!c&&!t)return null;function O(U){v(p1=>{let f1=new Set(p1);return f1.has(U)?f1.delete(U):f1.add(U),f1})}function c1(U){U.target===N.current&&a?.()}function V(U){U.preventDefault();let p1=g.trim().toLowerCase();T(p1),A({email:p1,firstName:p,interests:[...f],frequency:z})}let q=e.successBody.replace(/\{email\}/g,F).replace(/\{issue\}/g,e.issueNumber),K=Gq(e),W=e.formSide==="left",r1=k2("div",{className:"flex flex-wrap items-center justify-between gap-5 uppercase tracking-[0.18em] text-fg-dim",children:[k2("span",{className:"flex items-center gap-2 font-[family-name:var(--pp-fineprint-font,var(--font-mono))] text-[length:var(--pp-fineprint-size,12px)]",children:[J1("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),C(e.finePrint)]}),!c&&J1("button",{type:"button",onClick:a,className:"font-[family-name:var(--pp-dismiss-font,var(--font-mono))] text-[length:var(--pp-dismiss-size,12px)] uppercase tracking-[0.18em] text-fg-dim underline underline-offset-[3px] transition-colors hover:text-fg",children:C(e.dismissText)})]}),x1=k2(qq,{children:[J1("span",{className:"contents [&>span]:font-[family-name:var(--pp-formeyebrow-font,var(--font-mono))] [&>span]:text-[length:var(--pp-formeyebrow-size,var(--size-label,13px))]",children:J1(V1,{text:e.formLabel,scaled:!1,className:"mb-[18px]"})}),J1("h2",{id:"subscribe-modal-title",className:"font-[family-name:var(--pp-formheading-font,var(--font-display))] text-[length:var(--pp-formheading-size,34px)] font-medium uppercase leading-none tracking-[-0.025em] [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.02em]",children:$(e.formHeading)}),J1("p",{className:"mt-3.5 font-[family-name:var(--pp-formintro-font,var(--font-serif))] text-[length:var(--pp-formintro-size,17px)] italic leading-[1.55] text-fg-dim",children:C(e.formIntro,!0)})]}),Y="px-11 py-12 max-[880px]:px-[26px] max-[880px]:py-8",e1;m&&h?e1=k2("div",{className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${Y}`,children:[x1,J1("div",{className:"mt-8",children:J1(rp,{form:h,formSlug:n,editing:c,onSent:s})}),J1("div",{className:"mt-auto pt-7",children:r1})]}):k!=="sent"?e1=k2("form",{onSubmit:V,noValidate:!0,className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${Y}`,children:[x1,k2("div",{className:"mt-8 flex flex-col gap-[18px]",children:[J1(Z2,{label:C(e.firstNameLabel),required:!0,labelFace:Xr,children:J1("input",{type:"text",value:p,onChange:U=>u(U.target.value),placeholder:e.firstNamePlaceholder,required:!0,className:"border border-line bg-surface px-4 py-3.5 font-display text-[15px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:tracking-[0.04em] placeholder:text-fg-dim focus:border-accent"})}),J1(Z2,{label:C(e.emailLabel),required:!0,labelFace:Xr,children:J1("input",{type:"email",value:g,onChange:U=>d(U.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"})}),k2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[J1(v8,{labelFace:Xr,children:C(e.interestsLabel)}),J1("div",{className:"flex flex-wrap gap-2",children:e.interests.map((U,p1)=>{let f1=f.has(U);return J1("button",{type:"button",onClick:()=>O(U),"aria-pressed":f1,className:["select-none border px-3.5 py-2.5 font-[family-name:var(--pp-option-font,var(--font-mono))] text-[length:var(--pp-option-size,12px)] uppercase tracking-[0.22em] transition-all",f1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:U},`${U}-${p1}`)})})]}),e.frequencies.length>0&&k2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[J1(v8,{labelFace:Xr,children:C(e.frequencyLabel)}),J1("div",{className:"flex border border-line",children:e.frequencies.map((U,p1)=>{let f1=z===U;return J1("button",{type:"button",onClick:()=>x(U),"aria-pressed":f1,className:["flex-1 px-2.5 py-3.5 font-[family-name:var(--pp-option-font,var(--font-mono))] text-[length:var(--pp-option-size,12px)] uppercase tracking-[0.24em] transition-all",p1<e.frequencies.length-1?"border-r border-line":"",f1?"bg-accent text-bg":"text-fg-dim hover:text-fg"].join(" "),children:U},`${U}-${p1}`)})})]})]}),k2("div",{className:"mt-auto flex flex-col gap-3.5 pt-7",children:[Z&&J1("p",{role:"alert",className:"border border-red-300 bg-red-50 px-4 py-3 font-mono text-[12px] uppercase tracking-[0.18em] text-red-700",children:Z}),k2("button",{type:"submit",disabled:E,className:"group flex items-center justify-between gap-[18px] border border-btn bg-btn px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg disabled:cursor-wait disabled:opacity-60 disabled:hover:border-btn disabled:hover:bg-btn",children:[J1("span",{children:e.submitText}),J1("span",{className:"transition-transform group-hover:translate-x-[4px]",children:E?"\u2026":"\u2192"})]}),r1]})]}):e1=k2("div",{className:"flex min-h-[560px] flex-col justify-center gap-6 px-11 py-12 max-[880px]:min-h-0 max-[880px]:px-[26px] max-[880px]:py-8",style:{animation:"subscribe-fade 0.25s ease"},children:[J1("div",{className:"flex h-16 w-16 items-center justify-center border border-accent font-display text-[32px] text-accent",children:"\u2713"}),J1("h3",{className:"font-[family-name:var(--pp-doneheading-font,var(--font-display))] text-[length:var(--pp-doneheading-size,38px)] font-medium uppercase leading-none tracking-[-0.025em] [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.02em]",children:$(e.successHeading)}),J1("p",{className:"max-w-[440px] font-[family-name:var(--pp-donebody-font,var(--font-serif))] text-[length:var(--pp-donebody-size,18px)] italic leading-[1.55] text-fg-dim",children:C(q,!0)}),!c&&J1("button",{type:"button",onClick:a,className:"self-start border border-line px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:C(e.keepBrowsingText)})]});let d1=k2("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 ${K.className}`.trim(),style:{...K.style,background:"var(--bg)",color:"var(--fg)",boxShadow:c?"0 30px 80px -30px rgba(0,0,0,0.5)":"0 60px 120px -20px rgba(0,0,0,0.7)",animation:c?void 0:"subscribe-rise 0.35s cubic-bezier(.2,.7,.2,1)"},children:[!c&&J1("button",{ref:B,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"}),k2("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:[k2("aside",{className:["relative flex min-h-[560px] flex-col justify-between overflow-hidden border-line px-[var(--sf-site-gutter,40px)] py-11 max-[880px]:min-h-[380px] max-[880px]:border-r-0 max-[880px]:border-l-0 max-[880px]:border-b max-[880px]:px-[26px] max-[880px]:py-8",W?"order-2 border-l max-[880px]:order-none":"border-r",e.valuePanelOnPhone?"":"max-[880px]:hidden"].join(" "),style:{background:"var(--subscribe-panel-bg)"},children:[J1("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(0deg, transparent 0 28px, color-mix(in oklab, var(--accent) 4%, transparent) 28px 29px), repeating-linear-gradient(90deg, transparent 0 28px, color-mix(in oklab, var(--accent) 3%, transparent) 28px 29px)"}}),k2("div",{"aria-hidden":!0,className:"pointer-events-none absolute -right-[120px] -bottom-[120px] z-[1] h-[520px] w-[520px] rounded-full border opacity-50 max-[880px]:-right-[100px] max-[880px]:-bottom-[100px] max-[880px]:h-[340px] max-[880px]:w-[340px]",style:{borderColor:"color-mix(in oklab, var(--accent) 22%, transparent)"},children:[J1("div",{className:"absolute inset-[60px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, transparent)"}}),J1("div",{className:"absolute inset-[140px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 14%, transparent)"}})]}),k2("div",{className:["relative z-[2] flex items-start justify-between font-[family-name:var(--pp-meta-font,var(--font-mono))] text-[length:var(--pp-meta-size,12px)] uppercase tracking-[0.3em] text-fg-dim",W&&!c?"pr-[52px]":""].join(" "),children:[J1("span",{children:C(e.metaLabel)}),(e.issueLabel||e.issueNumber)&&k2("span",{children:[C(e.issueLabel)," ",J1("strong",{className:"font-normal text-accent",children:e.issueNumber})]})]}),k2("div",{className:"relative z-[2] flex flex-col gap-[18px] py-8",children:[J1("span",{className:"contents [&>span]:font-[family-name:var(--pp-eyebrow-font,var(--font-mono))] [&>span]:text-[length:var(--pp-eyebrow-size,var(--size-label,12px))]",children:J1(V1,{text:e.kicker,size:12,scaled:!1})}),J1("h2",{className:"font-[family-name:var(--pp-heading-font,var(--font-display))] text-[length:var(--pp-heading-size,clamp(40px,4.8vw,68px))] font-medium uppercase leading-[0.92] tracking-[-0.04em] text-fg [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.03em]",children:$(e.heading)}),J1("p",{className:"max-w-[420px] font-[family-name:var(--pp-body-font,var(--font-serif))] text-[length:var(--pp-body-size,18px)] italic leading-[1.5]",style:{color:"color-mix(in oklab, var(--fg) 85%, transparent)"},children:C(e.deck,!0)})]}),e.stats.length>0&&J1("div",{className:"relative z-[2] grid grid-cols-2 gap-[18px] border-t pt-6",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, var(--site-line))"},children:e.stats.map((U,p1)=>k2("div",{children:[J1("div",{className:"mb-1.5 font-[family-name:var(--pp-statname-font,var(--font-mono))] text-[length:var(--pp-statname-size,11px)] uppercase tracking-[0.24em] text-fg-dim",children:C(U.label)}),J1("div",{className:"font-[family-name:var(--pp-statvalue-font,var(--font-display))] text-[length:var(--pp-statvalue-size,22px)] font-medium tracking-[-0.015em] text-fg",children:C(U.value)})]},`${U.label}-${p1}`))})]}),e1]})]});return c?J1("div",{className:"flex w-full justify-center p-6","data-subscribe-preview":!0,children:d1}):k2("div",{ref:N,onClick:c1,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:[d1,J1("style",{children:`
|
|
4
|
+
@keyframes subscribe-fade { from { opacity: 0 } to { opacity: 1 } }
|
|
5
|
+
@keyframes subscribe-rise {
|
|
6
|
+
from { transform: translateY(20px); opacity: 0 }
|
|
7
|
+
to { transform: translateY(0); opacity: 1 }
|
|
8
|
+
}
|
|
9
|
+
`})]})}import{createContext as Wq,useCallback as _a,useContext as Uq,useEffect as dp,useMemo as jq,useRef as Kq,useState as m7}from"react";var up="/api/chat/public";function TM(e){let t=ya.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function PM(e){let t=ya.getAccess();return e7(`${up}/conversations/`,{method:"POST",token:t??void 0,body:JSON.stringify({subject:e.subject??"",body:e.body,guest_name:e.guestName??"",guest_email:e.guestEmail??"",guest_key:e.guestKey??""})})}async function EM(e,t){return e7(`${up}/conversations/${e}/thread/`,TM(t))}async function VM(e,t,a){return e7(`${up}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...TM(t)})}import{jsx as Jq}from"react/jsx-runtime";function $q(e,t){return`${(sr||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var Yq="sf:aid",NM="sf:chat",_M=Wq(null);function Xq(){let e=Q2.getItem(NM);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function IM({children:e,preview:t=!1}){let[a,s]=m7(!1),[c,l]=m7(null),[r,o]=m7([]),[i,n]=m7(!1),[h,m]=m7(null),[p,u]=m7(0),[g,d]=m7(!1),[f,v]=m7(!1),z=Kq(a);z.current=a,dp(()=>{t||(l(Xq()),Tw.restoreSession().then(()=>d(!0)).catch(()=>d(!1)))},[t]);let x=_a(async Z=>{try{let F=await EM(Z.id,Z.token);o(F.messages)}catch{}},[]);dp(()=>{t||c&&x(c)},[t,c,x,g]),dp(()=>{if(t||!c)return;let Z=ya.getAccess()??c.token,F=!1,T=null,N,B=3e3,P=()=>{F||(T=new WebSocket($q(c.id,Z)),T.onmessage=O=>{try{let c1=JSON.parse(O.data);c1.type==="chat_event"&&c1.event==="message"&&(x(c),!z.current&&c1.payload?.sender_role==="employee"&&u(V=>V+1))}catch{}},T.onclose=()=>{F||(N=setTimeout(P,B),B=Math.min(B*2,3e4))},T.onerror=()=>T?.close())};return P(),()=>{F=!0,N&&clearTimeout(N),T?.close()}},[t,c,x]);let k=_a(()=>{s(!0),u(0)},[]),M=_a(()=>s(!1),[]),A=_a(()=>s(Z=>(Z||u(0),!Z)),[]),R=_a(async(Z,F)=>{let T=Z.trim();if(T){if(t){o(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 VM(c.id,c.token,T);o(B=>[...B,N])}else{let N=Q2.getItem(Yq)||"",B=await PM({body:T,guestName:F?.name,guestEmail:F?.email,guestKey:N}),P={id:B.id,token:B.guest_token};Q2.setItem(NM,JSON.stringify(P)),l(P),o(B.messages)}}catch{m("Could not send your message. Please try again shortly.")}finally{n(!1)}}},[c,t]),E=jq(()=>({isOpen:a,open:k,close:M,toggle:A,messages:r,sending:i,error:h,unread:p,hasConversation:t?f:!!c,isSignedIn:g,send:R}),[a,k,M,A,r,i,h,p,c,g,R,t,f]);return Jq(_M.Provider,{value:E,children:e})}function RM(){let e=Uq(_M);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as Qq,useRef as eW,useState as gp}from"react";import{jsx as s2,jsxs as A5}from"react/jsx-runtime";var tW="Chat with us",aW="We usually reply within a few minutes",sW="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function cW({m:e}){if(e.sender_role==="system")return s2("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 s2("div",{className:`flex ${a?"justify-start":"justify-end"}`,children:A5("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&&A5("div",{className:"mb-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-fg/50",children:[t&&s2("span",{"aria-hidden":"true",children:"\u2726"}),s2("span",{children:t?e.sender_name||"Assistant":e.sender_name||"Support"}),t&&s2("span",{className:"font-normal normal-case tracking-normal",children:"\xB7 automated"})]}),e.body&&s2("p",{className:"whitespace-pre-wrap",children:e.body}),e.image_url&&s2("a",{href:e.image_url,target:"_blank",rel:"noopener noreferrer",children:s2("img",{src:e.image_url,alt:"Attachment",className:"mt-1.5 max-h-48 w-auto rounded-lg"})})]})})}function vp({title:e,subtitle:t,greeting:a}={}){let{isOpen:s,toggle:c,close:l,messages:r,sending:o,error:i,unread:n,hasConversation:h,isSignedIn:m,send:p}=RM(),u=e?.trim()||tW,g=t?.trim()||aW,d=a?.trim()||sW,[f,v]=gp(""),[z,x]=gp(""),[k,M]=gp(""),A=eW(null),R=!m&&!h;Qq(()=>{s&&A.current?.scrollIntoView({behavior:l6(),block:"nearest"})},[r.length,s]);let E=f.trim().length>0&&(!R||z.trim()&&/.+@.+/.test(k)),Z=()=>{!E||o||(p(f,R?{name:z.trim(),email:k.trim()}:void 0),v(""))};return s?A5("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:[A5("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[A5("div",{children:[s2("div",{className:"text-sm font-semibold text-fg",children:u}),s2("div",{className:"text-[11px] text-fg/50",children:g})]}),s2("button",{type:"button",onClick:l,"aria-label":"Close chat",className:"rounded-md p-1 text-fg/60 hover:bg-fg/5",children:s2("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:s2("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),A5("div",{className:"flex-1 space-y-2 overflow-y-auto px-3 py-3",children:[r.length===0&&s2("p",{className:"px-2 py-4 text-center text-sm text-fg/50",children:d}),r.map(F=>s2(cW,{m:F},F.id)),s2("div",{ref:A})]}),A5("div",{className:"border-t border-line p-3",children:[R&&A5("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[s2("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"}),s2("input",{value:k,onChange:F=>M(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&&s2("p",{className:"mb-2 text-xs text-red-600",children:i}),A5("div",{className:"flex items-end gap-2",children:[s2("textarea",{value:f,onChange:F=>v(F.target.value),onKeyDown:F=>{F.key==="Enter"&&!F.shiftKey&&(F.preventDefault(),Z())},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"}),s2("button",{type:"button",onClick:Z,disabled:!E||o,className:"rounded-lg bg-btn px-3 py-2 text-sm font-semibold text-btn-ink disabled:opacity-40",children:o?"\u2026":"Send"})]})]})]}):A5("button",{type:"button",onClick:c,"aria-label":p2(u),className:"fixed bottom-5 right-5 z-[60] flex h-14 w-14 items-center justify-center rounded-full bg-btn text-btn-ink shadow-[0_10px_30px_rgba(0,0,0,.35)] transition-transform hover:scale-105",children:[s2("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:s2("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&&s2("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 fp,jsxs as rW}from"react/jsx-runtime";var lW=`
|
|
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, ${r6.accent} 45%, transparent);
|
|
13
|
+
outline-offset: 3px;
|
|
14
|
+
}
|
|
15
|
+
.sf-preview-chat-pick[data-selected] [aria-label] {
|
|
16
|
+
outline: 2px solid ${r6.accent};
|
|
17
|
+
outline-offset: 3px;
|
|
18
|
+
}
|
|
19
|
+
`;function bp(){let{chromePlaceholder:e,themeFromDocument:t}=V3(),{chat:a,selected:s,select:c}=Fy();return e||t||!a.enabled?null:rW("div",{className:"sf-preview-chat-pick","data-selected":s||void 0,onClick:l=>{l.stopPropagation(),c()},children:[fp("style",{children:lW}),fp(IM,{preview:!0,children:fp(vp,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{lazy as oW,Suspense as iW}from"react";import{jsx as BM}from"react/jsx-runtime";function xp(e,t={}){let a=oW(async()=>{let l=await e();return{default:"default"in l?l.default:l}}),s=t.loading?t.loading():null;function c(l){return BM(iW,{fallback:s,children:BM(a,{...l})})}return c}import{useEffect as _W,useRef as IW}from"react";import{jsx as zp,jsxs as nW}from"react/jsx-runtime";import{useEffect as hW,useState as mW}from"react";function C0({fallback:e,className:t,src:a,alt:s="",objectPosition:c,objectFit:l="cover",sizes:r="100vw",priority:o=!1,deferFetch:i=!1,showBackground:n=!0,treatment:h}){let[m,p]=mW(!1),u=a||"";hW(()=>{p(!1)},[u]);let g=rx(u),d=!u||m;return nW("div",{className:`relative h-full w-full overflow-hidden ${t??""}`,children:[zp("div",{className:"absolute inset-0 flex items-center justify-center",style:n?{background:"var(--site-surface)"}:void 0,children:d?e:null}),u&&(g?zp("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:l,...c?{objectPosition:c}:{},...h?.style??{}},onError:()=>p(!0)}):zp(el,{src:u,alt:s,fill:!0,sizes:r,priority:o,...h?.className?{className:h.className}:{},style:{display:m?"none":"block",objectFit:l,...c?{objectPosition:c}:{},...h?.style??{}},onError:()=>p(!0)}))]})}import{useId as xW}from"react";var pW=25.4,Ia=400,Qr=152,uW=58,ZM=Qr*Math.cos(uW*Math.PI/180),dW=14,gW=Ia/2,vW={sectionWidth:225,aspectRatio:60,rimDiameter:17};function OM(e){let t=l4(e);return t?{sectionWidth:t.width,aspectRatio:t.profile,rimDiameter:t.rim}:vW}function GM(e){let t=e.rimDiameter*pW/2,a=t+e.sectionWidth*e.aspectRatio/100,s=Qr*(e.sectionWidth/a),c=t/a;return{cy:gW,rx:ZM,ry:Qr,cxf:Ia/2-s/2-dW,dx:s,rimRx:ZM*c,rimRy:Qr*c}}var x0=e=>e.toFixed(1);function eo(e,t,a,s=!1){let c=e.cxf+t*e.dx,[l,r]=s?[e.cy+e.ry,e.cy-e.ry]:[e.cy-e.ry,e.cy+e.ry];return`M${x0(c)} ${x0(l)} A${x0(e.rx)} ${x0(e.ry)} 0 0 ${a} ${x0(c)} ${x0(r)}`}function yp(e,t,a){let s=e.cxf+t*e.dx,c=e.cxf+a*e.dx,l=e.cy-e.ry,r=e.cy+e.ry;return`M${x0(s)} ${x0(l)} L${x0(c)} ${x0(l)} A${x0(e.rx)} ${x0(e.ry)} 0 0 1 ${x0(c)} ${x0(r)} L${x0(s)} ${x0(r)} A${x0(e.rx)} ${x0(e.ry)} 0 0 0 ${x0(s)} ${x0(l)} Z`}function Jr(e,t,a){let s=a*Math.PI;return[e.cxf+t*e.dx+e.rx*Math.sin(s),e.cy-e.ry*Math.cos(s)]}function qM(e,t,a,s,c){let[l,r]=Jr(e,t,s),[o,i]=Jr(e,t,c),[n,h]=Jr(e,a,c),[m,p]=Jr(e,a,s);return`M${x0(l)} ${x0(r)} A${x0(e.rx)} ${x0(e.ry)} 0 0 1 ${x0(o)} ${x0(i)} L${x0(n)} ${x0(h)} A${x0(e.rx)} ${x0(e.ry)} 0 0 0 ${x0(m)} ${x0(p)} L${x0(l)} ${x0(r)} Z`}var DM=[{f:[0,.215]},{f:[.245,.485]},{f:[.515,.755]},{f:[.785,1]}],fW={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}}]},bW=[["ultra high performance","UHP"],["uhp","UHP"],["high performance","HP"],["hp","HP"],["performance","HP"],["sport","HP"],["mud terrain","MT"],["mud","MT"],["mt","MT"],["all terrain","AT"],["at","AT"],["light truck","LT"],["lt","LT"],["commercial","COM"],["com","COM"],["van","COM"],["cargo","COM"],["suv","SUV"],["4x4","SUV"],["crossover","SUV"],["cuv","SUV"],["passenger","P"],["touring","P"],["highway","P"],["p","P"]];function WM(e){let t=` ${(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").trim()} `;if(t.trim()==="")return DM;for(let[a,s]of bW)if(t.includes(` ${a} `))return fW[s];return DM}var to="Illustrations are drawn to each tyre's listed size and represent its category; supplier photography replaces them where available.";import{Fragment as Ra,jsx as u0,jsxs as H5}from"react/jsx-runtime";var i4={rib:.2,grooveWall:.16,shoulder:.22,silhouette:.26,relief:[.26,.15,.11],lettering:.1,dishFill:.06,dishEdge:.3,spoke:.3,hubFill:.16,hubEdge:.34},zW=[.8,.52,.24],UM=.4,jM=.88,KM=.3,$M=5,YM=.3,XM=.84,yW=7,S0=e=>Math.round(e*10)/10;function wp({size:e,type:t,className:a}){let s=xW().replace(/[^a-zA-Z0-9]/g,""),c={tread:`${s}-tread`,wall:`${s}-wall`,rim:`${s}-rim`,shadow:`${s}-shadow`,crown:`${s}-crown`},l=GM(OM(e)),r=yp(l,0,1),o=e?`${e} tyre illustration`:"Tyre illustration";return H5("svg",{"data-tyre-placeholder":"",viewBox:`0 0 ${Ia} ${Ia}`,role:"img","aria-label":o,fill:"none",className:a??"block h-full w-full",children:[u0("title",{children:o}),H5("defs",{children:[u0(CW,{id:c}),u0("clipPath",{id:c.crown,children:u0("path",{d:r})})]}),u0("ellipse",{cx:S0(l.cxf+l.dx/2),cy:S0(l.cy+l.ry-4),rx:S0(l.dx*1.5),ry:16,fill:`url(#${c.shadow})`}),u0(kW,{g:l,id:c}),u0(MW,{g:l,id:c}),u0("path",{d:r,fill:`url(#${c.tread})`}),u0("g",{clipPath:`url(#${c.crown})`,children:WM(t).map(i=>u0(wW,{g:l,column:i},i.f[0]))}),u0("path",{d:eo(l,0,0,!0),stroke:"currentColor",strokeOpacity:i4.shoulder,strokeWidth:1.2}),u0("path",{d:eo(l,1,1),stroke:"currentColor",strokeOpacity:i4.silhouette,strokeWidth:1.4})]})}function wW({g:e,column:t}){let[a,s]=t.f;if(!t.blocks)return H5(Ra,{children:[u0("path",{d:yp(e,a,s),fill:"currentColor",fillOpacity:i4.rib}),u0("path",{d:eo(e,a,1),stroke:"currentColor",strokeOpacity:i4.grooveWall,strokeWidth:1})]});let{count:c,gap:l,phase:r=0}=t.blocks,o=1/c,i=[];for(let n=-1;n<=c;n+=1){let h=Math.max((n+r+l/2)*o,0),m=Math.min((n+r+1-l/2)*o,1);m-h>o*.15&&i.push([h,m])}return u0(Ra,{children:i.map(([n,h])=>u0("path",{d:qM(e,a,s,n,h),fill:"currentColor",fillOpacity:i4.rib,stroke:"currentColor",strokeOpacity:i4.grooveWall,strokeWidth:1},n))})}function CW({id:e}){return H5(Ra,{children:[H5("linearGradient",{id:e.tread,x1:"0",y1:"0",x2:"1",y2:"0",children:[u0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.07}),u0("stop",{offset:"0.14",stopColor:"currentColor",stopOpacity:.24}),u0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.18}),u0("stop",{offset:"0.84",stopColor:"currentColor",stopOpacity:.1}),u0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.05})]}),H5("linearGradient",{id:e.wall,x1:"0.15",y1:"0",x2:"0.9",y2:"1",children:[u0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.28}),u0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.17}),u0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.08})]}),H5("linearGradient",{id:e.rim,x1:"0.1",y1:"0",x2:"0.9",y2:"1",children:[u0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.46}),u0("stop",{offset:"0.5",stopColor:"currentColor",stopOpacity:.26}),u0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.12})]}),H5("radialGradient",{id:e.shadow,children:[u0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.22}),u0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:0})]})]})}function kW({g:e,id:t}){let a=e.rimRy/e.ry,s=l=>a+(1-a)*l,c=Math.max(6,(e.ry-e.rimRy)*.3);return H5(Ra,{children:[u0("ellipse",{cx:S0(e.cxf),cy:S0(e.cy),rx:S0(e.rx),ry:S0(e.ry),fill:`url(#${t.wall})`}),zW.map((l,r)=>{let o=s(l);return u0("ellipse",{cx:S0(e.cxf),cy:S0(e.cy),rx:S0(e.rx*o),ry:S0(e.ry*o),stroke:"currentColor",strokeOpacity:i4.relief[r],strokeWidth:1},l)}),u0("ellipse",{cx:S0(e.cxf),cy:S0(e.cy),rx:S0(e.rx*s(UM)),ry:S0(e.ry*s(UM)),stroke:"currentColor",strokeOpacity:i4.lettering,strokeWidth:S0(c)})]})}function MW({g:e,id:t}){let a=Array.from({length:$M},(s,c)=>{let l=(c*(360/$M)-90)*Math.PI/180;return{x1:e.cxf+e.rimRx*YM*Math.cos(l),y1:e.cy+e.rimRy*YM*Math.sin(l),x2:e.cxf+e.rimRx*XM*Math.cos(l),y2:e.cy+e.rimRy*XM*Math.sin(l)}});return H5(Ra,{children:[u0("ellipse",{cx:S0(e.cxf),cy:S0(e.cy),rx:S0(e.rimRx),ry:S0(e.rimRy),fill:`url(#${t.rim})`}),u0("ellipse",{cx:S0(e.cxf),cy:S0(e.cy),rx:S0(e.rimRx*jM),ry:S0(e.rimRy*jM),fill:"currentColor",fillOpacity:i4.dishFill,stroke:"currentColor",strokeOpacity:i4.dishEdge,strokeWidth:1}),a.map((s,c)=>u0("line",{x1:S0(s.x1),y1:S0(s.y1),x2:S0(s.x2),y2:S0(s.y2),stroke:"currentColor",strokeOpacity:i4.spoke,strokeWidth:yW,strokeLinecap:"round"},c)),u0("ellipse",{cx:S0(e.cxf),cy:S0(e.cy),rx:S0(e.rimRx*KM),ry:S0(e.rimRy*KM),fill:"currentColor",fillOpacity:i4.hubFill,stroke:"currentColor",strokeOpacity:i4.hubEdge,strokeWidth:1})]})}import{jsx as Cp}from"react/jsx-runtime";function i6({image:e,size:t,type:a,sizes:s,priority:c=!1,className:l="aspect-square",showBackground:r=!0}){return Cp("div",{className:`text-fg ${l}`,style:{padding:"var(--sf-tyre-image-inset, 0)"},children:Cp(C0,{label:t||"Tyre",src:Q3(e??void 0),alt:t?`${t} tyre`:"Tyre",objectFit:"contain",sizes:s,priority:c,showBackground:r,fallback:Cp(wp,{size:t,type:a,className:"block h-full w-full p-3"})})})}function so(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 SW(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 ao(e,t=""){return{vehicle:{...e,region:t},status:"unknown",oemSizes:[],variants:[]}}function LW(e,t){if(typeof t!="object"||t===null)return ao(e);let a=t,s=typeof a.vehicle=="object"&&a.vehicle!==null?a.vehicle:{},c=typeof s.region=="string"?s.region:"",l=a.status;if(l!=="fits"&&l!=="doesNotFit")return ao(e,c);let r=Array.isArray(a.variants)?a.variants.filter(o=>typeof o=="object"&&o!==null&&typeof o.sku=="string"&&typeof o.fits=="boolean"):[];return r.length===0?ao(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:l,oemSizes:Array.isArray(a.oemSizes)?a.oemSizes.filter(o=>typeof o=="string"):[],variants:r.map(o=>({sku:o.sku,size:typeof o.size=="string"?o.size:"",fits:o.fits}))}}async function JM(e,t){try{let a=await e7(SW(e,t),{baseUrl:Pw});return LW(t,a)}catch{return ao(t)}}function QM(e){if(!e)return[];let t=[];for(let a of[...e.frontTyres,...e.rearTyres]){let s=l4(a);if(!s)continue;let c=q4(s);t.includes(c)||t.push(c)}return t}function eS(e,t){if(t.length===0)return null;for(let a of e){let s=l4(a);if(!s)continue;let c=q4(s);if(t.includes(c))return c}return null}function Ba(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 AW="/tyres";function Ne(e){return e?`${AW}/${e}`:null}function _e(e){let t=e.lastIndexOf(" ");return t===-1?{lead:"",accent:e}:{lead:e.slice(0,t+1),accent:e.slice(t+1)}}function kp(e,t){return _w({partNumber:e.sku,prices:e.prices},t)}var HW="Tyre";function co(e,t,a,s){return{id:`${e.slug}|${t.sku}|${a.unit}|${a.spares>0?"spare":"no-spare"}`,slug:e.slug,name:_e(e.name),process:e.brand||HW,positionNo:"01",config:[{label:t.size},{label:lr(a)}],finishName:"",size:t.size,components:kp(t,a),qty:s,href:Ne(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:a}}function lo(e){return e.kind==="tyre"}function tS(e,t){let a=e.prices?.[t];return typeof a!="number"||!Number.isFinite(a)||a<=0?!1:e.inStock}import{jsx as Za}from"react/jsx-runtime";function FW(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function Mp({line:e,catalog:t,tyre:a}){let s=t.find(h=>h.slug===e.slug),c=e.config.find(h=>h.gold)?.label,l=s?.finishes.find(h=>h.name===c&&h.src)??s?.finishes.find(h=>h.src),r=s?.spokes??5,o=s?.mesh??!1,n=(s?.finishes.find(h=>h.name===c)??s?.finishes[0])?.color??Uw;return Za("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:lo(e)?Za(i6,{image:a?.coverImage,size:e.size,type:FW(a),sizes:"96px",className:"h-full w-full"}):l?.src?Za(E3,{src:l.src,alt:`${s?.name??e.slug} \u2014 ${l.name}`,width:120,height:120,sizes:"96px",className:"relative z-[2] block w-[88%] object-contain",style:{filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"}}):s||t.length===0?Za("div",{className:"relative z-[2] block w-[72%]",style:{color:n,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:Za(f8,{spokes:r,mesh:o,className:"block w-full"})}):null})}import{jsx as Sp,jsxs as PW}from"react/jsx-runtime";function aS(e,t){return Math.min(um,Math.max(1,e+t))}var sS="disabled:cursor-not-allowed disabled:opacity-40",TW={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 ${sS}`,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 ${sS}`,value:"min-w-[36px] px-3 text-center font-mono text-[12px] tracking-[0.18em] text-fg"}};function Da({value:e,onChange:t,size:a}){let s=TW[a];return PW("div",{className:s.frame,children:[Sp("button",{type:"button",onClick:()=>t(aS(e,-1)),disabled:e<=1,"aria-label":"Decrease quantity",className:s.button,children:"\u2212"}),Sp("span",{className:s.value,children:e}),Sp("button",{type:"button",onClick:()=>t(aS(e,1)),disabled:e>=um,"aria-label":"Increase quantity",className:s.button,children:"+"})]})}import{useEffect as EW,useState as VW}from"react";var NW=new Map;function cS(e){let[t,a]=VW(null);return EW(()=>{if(!e||t)return;let s=!0;return g0.listCatalog(["tyre"]).then(c=>{s&&a(new Map(c.flatMap(l=>l.kind==="tyre"?[[l.slug,l]]:[])))}).catch(c=>{console.error("[useTyreCatalog] tyre catalog read failed",c)}),()=>{s=!1}},[e,t]),t??NW}import{Fragment as ro,jsx as N1,jsxs as i0}from"react/jsx-runtime";function Oa({content:e=Ml}){let{isOpen:t,preview:a,close:s,items:c,remove:l,setQty:r,totals:o,coupon:i,bundles:n}=c4(),h=new Set(c.flatMap(x=>(x.components??[]).map(k=>k.partNumber))),m=new Set(o.appliedBundles.map(x=>x.slug)),p=n.filter(x=>!m.has(x.slug)).filter(x=>x.components.some(k=>h.has(k.partNumber))).slice(0,2),{formatMoney:u,activeCountry:g}=p0(),d=g?.name??e.shipsToFallback,f=1+(e.leadTimeValue?1:0)+(d?1:0),v=IW(null),z=cS(c.some(lo));return k4({active:t,onDismiss:s,lockScroll:!a}),_W(()=>{t&&v.current?.focus({preventScroll:!0})},[t]),t?i0(ro,{children:[N1("div",{onClick:s,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"}),i0("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:x=>x.stopPropagation(),children:[N1("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
|
+
`}),i0("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:[i0("div",{className:"flex items-center justify-between",children:[i0("span",{className:"flex items-center gap-2.5 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e.kickerBadge?N1("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]}),N1("button",{ref:v,type:"button",onClick:s,"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"})]}),i0("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[e.titleLead+" ",N1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:e.titleAccent})]}),N1("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:qz(e,c.length)})]}),i0("div",{className:`grid flex-shrink-0 ${RW[f-1]} gap-px border-b border-line bg-line`,children:[N1(Lp,{label:"Items",value:i0(ro,{children:[N1("em",{className:"font-serif font-normal italic text-accent",children:o.sets})," set",o.sets===1?"":"s"," \xB7 ",o.units," item",o.units===1?"":"s"]})}),e.leadTimeValue?N1(Lp,{label:"Lead time",value:e.leadTimeValue}):null,d?N1(Lp,{label:"Ships to",value:d}):null]}),i0("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--site-line)_transparent] [scrollbar-width:thin]",children:[c.length===0?N1(GW,{content:e}):c.map(x=>N1(BW,{line:x,tyre:z.get(x.slug),onRemove:()=>l(x.id),onQtyChange:k=>r(x.id,k)},x.id)),p.length>0&&i0("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",style:{background:"color-mix(in oklab, var(--site-surface) 60%, transparent)"},children:[i0("div",{className:"mb-3.5 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[N1("span",{children:"You may also need"}),N1("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),N1("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:p.map(x=>N1(ZW,{href:`/bundles/${x.slug}`,title:x.name,sub:DW(x,o.currency,u)},x.slug))})]}),N1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:N1(Yw,{})}),e.promises.length>0&&N1("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(x=>N1(OW,{children:x},x))})]}),i0("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-[22px]",children:[N1(p7,{label:`Subtotal \xB7 ${o.sets} set${o.sets===1?"":"s"}`,value:u(o.subtotal,o.currency)}),o.appliedBundles.map(x=>N1(p7,{label:`Bundle \xB7 ${x.name}${x.multiples>1?` \xD7${x.multiples}`:""}`,value:i0("span",{style:{color:"var(--green)"},children:["\u2212 ",u(x.discount,o.currency)]})},x.slug)),o.discount>0&&i?.valid&&N1(p7,{label:`Coupon \xB7 ${i.code}`,value:i0("span",{style:{color:"var(--green)"},children:["\u2212 ",u(o.discount,o.currency)]})}),i?.deferred&&N1(p7,{label:`Coupon \xB7 ${i.code}`,value:Vw}),i?.valid&&i.effects?.gift&&N1(p7,{label:`Free gift \xB7 ${i.effects.gift.partNumber}${i.effects.gift.quantity>1?` \xD7${i.effects.gift.quantity}`:""}`,value:N1("span",{style:{color:"var(--green)"},children:"Free"})}),N1(p7,{label:"Shipping",value:o.freeShipping||o.shipping===0?N1("span",{style:{color:"var(--green)"},children:"Free"}):u(o.shipping,o.currency)}),o.tax&&(o.tax.charged?N1(p7,{label:o.tax.inclusive?`${o.tax.name} included \xB7 ${o.tax.rate}%`:o.tax.name,value:u(o.tax.amount,o.currency)}):o.tax.name?N1(p7,{label:o.tax.name,value:"Calculated at checkout"}):null),i0("div",{className:"mt-1.5 flex items-center justify-between border-t border-line pt-3.5 text-fg",children:[i0("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",N1("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),N1("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:o.repricing?"\u2026":u(o.grand,o.currency)})]})]}),i0("div",{className:"flex flex-shrink-0 flex-col gap-2.5 px-8 pb-[22px] pt-3.5 max-[640px]:px-[22px]",children:[i0(S1,{href:"/checkout",onClick:s,"aria-disabled":c.length===0,className:["group flex items-center justify-between border px-5 py-[18px] font-mono text-[12px] uppercase tracking-[0.3em] transition-colors",c.length===0?"pointer-events-none cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:["Begin checkout",N1("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]}),i0("div",{className:"flex items-center justify-between px-1 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:[N1(S1,{href:"/wheels",onClick:s,className:"text-fg transition-colors hover:text-accent",children:"\u2190 Keep browsing"}),N1("button",{type:"button",className:"text-fg transition-colors hover:text-accent",children:"Save for later"})]})]})]})]}):null}var RW=["grid-cols-1","grid-cols-2","grid-cols-3"];function Lp({label:e,value:t}){return i0("div",{className:"flex flex-col gap-[3px] bg-bg px-4 py-3.5",children:[N1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:e}),N1("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:t})]})}function BW({line:e,tyre:t,onRemove:a,onQtyChange:s}){let{catalog:c,totals:l}=c4(),r=(e.components??[]).reduce((n,h)=>n+(l.freeUnitsByPartNumber[h.partNumber]??0),0),{currency:o,formatMoney:i}=p0();return i0(ro,{children:[i0("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(--site-surface)_60%,transparent)] max-[640px]:grid-cols-[78px_1fr] max-[640px]:px-[22px] max-[640px]:py-5",children:[N1(Mp,{line:e,catalog:c,tyre:t}),i0("div",{className:"flex min-w-0 flex-col gap-2",children:[i0("div",{className:"flex items-start justify-between gap-3",children:[i0("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N\xB0 ",e.positionNo," \xB7 ",e.process==="FusionForge\xAE"?i0(ro,{children:["FusionForge",N1(c6,{})]}):e.process]}),N1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:dm(e,o)===null?a7:i(dm(e,o),o)})]}),i0("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[e.name.lead,N1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:e.name.accent})]}),e.config.length>0&&i0("div",{className:"mt-1 flex flex-wrap gap-1.5",children:[e.config.map(n=>N1("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(--site-line))] text-accent":"border-line text-fg-dim"].join(" "),children:n.label},n.label)),r>0&&i0("span",{className:"border border-accent bg-accent px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em] text-bg",children:[r,"\xD7 free"]})]}),i0("div",{className:"mt-2.5 flex items-center justify-between gap-3",children:[N1(Da,{value:e.qty,onChange:s,size:"small"}),i0("div",{className:"flex gap-3.5 font-mono text-[10px] uppercase tracking-[0.22em]",children:[N1(S1,{href:e.href??`/wheels/${e.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:e.href?"View product":"Edit finish"}),N1("button",{type:"button",onClick:a,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),e.verifiedFor&&i0("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(--site-line))",borderTop:"0"},children:[N1("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),i0("span",{children:["Verified for your ",N1("strong",{className:"font-medium text-accent",children:e.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function ZW({title:e,sub:t,href:a}){return i0(S1,{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:[i0("span",{className:"flex min-w-0 flex-col gap-[3px]",children:[N1("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:e}),N1("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:t})]}),N1("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(--site-line))",borderWidth:1,borderStyle:"solid"},children:"+"})]})}function DW(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 OW({children:e}){return N1("span",{className:"inline-flex items-center gap-1.5 before:text-[6px] before:text-accent before:content-['\u25CF']",children:e})}function p7({label:e,value:t}){return i0("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[N1("span",{children:e}),N1("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:t})]})}function GW({content:e}){return i0("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[N1("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:e.emptyKicker}),N1("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:e.emptyBody}),i0(S1,{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 ",N1("span",{className:"text-accent",children:"\u2192"})]})]})}var qW=[{key:"cart",label:"Cart",href:"/?cart=open"},{key:"checkout",label:"Checkout",href:"/checkout"}],WW=Object.fromEntries(qW.map(e=>[e.key,e]));function lS(e){return WW[e]}import{Fragment as jW,jsx as Ie,jsxs as Ga}from"react/jsx-runtime";var UW=xp(()=>import("./EditorPreviewCheckout-J5UPPM2D.js"),{ssr:!1});function Ap(){let{chromePlaceholder:e,themeFromDocument:t}=V3(),{surface:a}=Vy();return e||t||!a||a!=="cart"&&a!=="checkout"?null:a==="checkout"?Ga(jW,{children:[Ie(UW,{}),Ie(rS,{surface:a})]}):Ie(hr,{children:Ga(mr,{preview:!0,children:[Ie(Oa,{}),Ie(rS,{surface:a})]})})}function rS({surface:e}){let{label:t,href:a}=lS(e);return Ga("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:[Ga("span",{style:{whiteSpace:"nowrap"},children:[t," \xB7 preview only"]}),Ga("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",Ie(a6,{name:"external-link",size:13,rounded:!0})]})]})}import{CategoryIcon as Ua1,CheckIcon as hO,ClockIcon as Eb,ColumnsIcon as ja1,DirectionIcon as Ka1,EyeIcon as $a1,ListIcon as Ya1,PageIcon as Xa1,PlacementIcon as Ja1,ScrollPointIcon as Qa1,TriggerIcon as es1}from"efficient-easel/icons";import{useContext as XW,useEffect as pS,useRef as io,useState as no}from"react";import{Button as ho}from"efficient-shell/ui";var qa=class extends Error{constructor(a){super("The storefront forms list could not be loaded.");this.cause=a;this.name="FormsUnavailableError"}},oo=null,Hp=null,Fp=null;function KW(){oo=null,Hp=null,Fp=null}function oS(e=!1){let t=N3(),a=i2();return(e||!oo||Hp===null&&t!==null||Fp!==a)&&(Hp=t,Fp=a,oo=(t?X1.listForms(t,{siteId:a}):Promise.reject(new qa)).catch(s=>{throw KW(),s instanceof qa?s:new qa(s)})),oo}var Tp=new Map,$W=9e5,iS=0;function YW(){return iS+=1,`fe-${typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():String(iS)}`}function nS(e,t){e.connected&&e.send("storefront-editor:open-form",{mode:"edit",formId:t})}function hS(e,t){if(!e.connected)return Promise.resolve({status:"closed"});let a=YW();return new Promise(s=>{let c=setTimeout(()=>mS(a,{status:"timeout"}),t.timeoutMs??$W);Tp.set(a,l=>{clearTimeout(c),s(l)}),e.send("storefront-editor:open-form",{requestId:a,mode:t.mode,...t.formId?{formId:t.formId}:{}})})}function mS(e,t){let a=Tp.get(e);a&&(Tp.delete(e),a(t))}function nn1(e,t){mS(e,t?{status:"saved",form:t}:{status:"closed"})}import{jsx as P2,jsxs as U4}from"react/jsx-runtime";var uS="__create-a-new-form__";function JW({value:e,forms:t,loadFailed:a,emptyLabel:s="No form yet"}){let c=t??[],l=e?c.some(m=>m.slug===e):!0,r=t===null&&!a,o={value:"",label:r?"Loading\u2026":a?"Forms couldn\u2019t be loaded":s},i=e&&!l?[{value:e,label:r||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=r?[]:[{value:uS,label:"Create a new form\u2026"}];return[o,...i,...n,...h]}function QW(e){return e===uS?{action:"create"}:{action:"store",slug:e}}function eU({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 tU(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 Pp({value:e,onChange:t,label:a="Form",emptyLabel:s}){let c=z4(),l=XW(yl),r=l?l.capabilities.hasForms:!0,[o,i]=no(null),[n,h]=no(!1),[m,p]=no(!1),[u,g]=no(!1),d=io(!0),f=io(e);f.current=e;let v=io(t);v.current=t;let z=io(null),x=(F=!1)=>oS(F).then(T=>{if(d.current){i(T),h(!1);let N=eU({value:f.current,pickedId:z.current,forms:T});N&&v.current(N)}return T},()=>(d.current&&h(!0),[]));pS(()=>(d.current=!0,r&&x(),()=>{d.current=!1}),[r]),pS(()=>r?Ur(()=>{x(!0)}):void 0,[r]);let M=e?(o??[]).find(F=>F.slug===e)??null:null;M?z.current=M.id:e||(z.current=null);let A=!!e&&!M&&o!==null&&!n,R=JW({value:e,forms:o,loadFailed:n,emptyLabel:s}),E=async()=>{p(!0),g(!1);try{let F=await hS(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(B=>B.id===N.id)||x(!0)}finally{d.current&&p(!1)}},Z=F=>{let T=QW(F);T.action==="create"?E():(g(!1),t(T.slug))};return r?U4("div",{className:"sf-formpicker",children:[P2(N9,{label:a,options:R,fallback:"",value:e??"",onChange:Z,placeholder:"Search forms\u2026"}),u&&P2("p",{className:"sf-formsummary-warn",children:"That didn\u2019t come back \u2014 pick the form from the list, or try again."}),M?U4("div",{className:"sf-blogsource sf-formsummary",children:[U4("div",{children:[P2("div",{className:"sf-formsummary-caption",children:M.fields.length===1?"1 field":`${M.fields.length} fields`}),M.fields.length?P2("ol",{className:"sf-formsummary-fields",children:M.fields.map((F,T)=>P2("li",{children:F.label},F.key||`${F.label}-${T}`))}):P2("p",{className:"es-field-hint sf-hint-keep",children:"This form has no fields yet, so there is nothing for a visitor to fill in."})]}),U4("div",{children:[P2("div",{className:"sf-formsummary-caption",children:"Where the answers go"}),P2("ul",{className:"sf-formsummary-fields",children:tU(M).map(F=>P2("li",{children:F},F))})]}),!M.is_active&&P2("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."}),U4("div",{className:"sf-formsummary-actions",children:[P2(ho,{variant:"secondary",size:"sm",onClick:()=>nS(c,M.id),children:"Edit form \u270E"}),P2(ho,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{E()},children:"New form +"})]}),P2("p",{className:"es-field-hint sf-hint-keep",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."})]}):U4("div",{className:"sf-blogsource sf-formsummary",children:[n?U4("p",{className:"es-field-hint sf-hint-keep",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&&U4("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."]}),U4("div",{className:"sf-formsummary-actions",children:[n&&P2(ho,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{x(!0)},children:"Try again"}),P2(ho,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{E()},children:"New form +"})]}),!n&&P2("p",{className:"es-field-hint sf-hint-keep",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."})]})]}):P2("div",{className:"sf-formpicker",children:P2("div",{className:"sf-blogsource sf-formsummary",children:U4("div",{children:[P2("div",{className:"sf-formsummary-caption",children:a}),U4("p",{className:"es-field-hint sf-hint-keep",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 aU}from"react/jsx-runtime";function F5(e,t){return{type:"custom",render:({value:a,onChange:s})=>aU(Pp,{value:a,onChange:s,...e?{label:e}:{},...t?{emptyLabel:t}:{}})}}var mo=null,dS=null;function sU(e,t){mo=e,dS=t}function Mn1(e){sU(e,null)}function gS(){return mo}function D2(){return dS==="dynamic"||mo===Im}function vS(e){return Sr(mo??"",e)??"alloy-wheel"}import{createContext as cU,useContext as lU}from"react";import{jsx as rU}from"react/jsx-runtime";var fS=cU(null);function bS({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return rU(fS.Provider,{value:a,children:t})}function xS(){return lU(fS)}import{createContext as oU,useContext as iU}from"react";import{jsx as nU}from"react/jsx-runtime";var zS=oU("alloy-wheel");function yS({kind:e,children:t}){return nU(zS.Provider,{value:e??"alloy-wheel",children:t})}function wS(){return iU(zS)}import{createContext as CS,useContext as po}from"react";import{jsx as uU}from"react/jsx-runtime";function hU(e){let t=e.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().toLowerCase();return t?t[0].toUpperCase()+t.slice(1):e}var mU=/^\d{4}-\d{2}-\d{2}$/;function kS(e){return e?e.schema?.length?e.schema.filter(t=>typeof t?.key=="string"&&t.key in e.fields):Object.entries(e.fields).flatMap(([t,a])=>{let s=Array.isArray(a)?"images":typeof a=="string"?mU.test(a)?"date":"text":null;return s?[{key:t,label:hU(t),kind:s}]:[]}):[]}function uo(e,{firstField:t=!1}={}){if(!e)return[];let a=kS(e).filter(s=>s.kind==="images");return(t?a.slice(0,1):a).flatMap(s=>{let c=e.fields[s.key];return Array.isArray(c)?c.flatMap(l=>{let r=l?.url;if(typeof r!="string"||!r)return[];let o=l.alt;return[{url:r,alt:typeof o=="string"?o:""}]}):[]})}function pU(e){let t=new Date(`${e}T00:00:00Z`);return Number.isNaN(t.getTime())?e:t.toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric",timeZone:"UTC"})}function MS(e){return e?kS(e).flatMap(t=>{if(t.kind!=="text"&&t.kind!=="date")return[];let a=e.fields[t.key];return typeof a!="string"||!a.trim()?[]:[{label:t.label,value:t.kind==="date"?pU(a):a}]}):[]}var u7="product",Ep=CS(null);function Vp(e){let t=e?.recordType;return typeof t=="string"&&t.trim()||u7}function go(e){let t=e?.appState?.data?.root;return Vp(t?.props)!==u7}var SS=CS(u7);function LS({type:e,children:t}){return uU(SS.Provider,{value:e,children:t})}function vo(e){let t=po(Ep),a=po(SS);return t?t.type!==u7:e&&a!==u7}var fo={type:"sample",key:"sample",title:"Record title",fields:{first:"A detail of this record",second:"Another detail",third:"A third"},value:void 0,schema:[{key:"first",label:"First detail",kind:"text"},{key:"second",label:"Second detail",kind:"text"},{key:"third",label:"Third detail",kind:"text"}]},AS=4;function bo(){return po(Ep)}function HS(e){let t=po(Ep);return t!==null&&t.type===e?t:null}import{createContext as gU,useContext as vU}from"react";var Np="heroBullets",Wa="\xB7",Ua={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function FS(e){return e.detail?`${e.label} ${Wa} ${e.detail}`:e.label}function dU(e){let t=e.trim();if(!t)return null;let a=t.indexOf(Wa);return a<0?{label:t,detail:""}:{label:t.slice(0,a).trim(),detail:t.slice(a+Wa.length).trim()}}function TS(e){let t=(e??{})[Np];return Array.isArray(t)?{bullets:t.map(s=>dU(typeof s=="string"?s:Oz(s?.text,""))).filter(s=>s!==null)}:Ua}import{jsx as fU}from"react/jsx-runtime";var PS=gU(Ua);function ES({content:e,children:t}){return fU(PS.Provider,{value:e,children:t})}function VS(){return vU(PS)}var u2={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 t3={Series:"transparent",StatsParagraph:"transparent",TimelineTrack:cy,Stats:void 0};import{jsx as g7}from"react/jsx-runtime";import{jsx as xU}from"react/jsx-runtime";var xo="sf-card",E2={min:0,max:90,step:5,fallback:0,unit:"%"},d7=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],bU="68%",D3={desktop:20,phone:20,side:40,sidePhone:24},NS="sf-box-sides",_S={min:0,max:200,step:10};function Re(e){return typeof e=="string"&&e.trim()!==""}function zo(e,t){let a=typeof e=="number"?e:Number.parseFloat(String(e??""));if(!Number.isFinite(a)||a<=0)return null;let s=(Math.min(E2.max,Math.max(E2.min,a))/100).toFixed(2);return t!=="bottom"?{background:`rgba(0,0,0,${s})`}:{background:`linear-gradient(0deg, rgba(0,0,0,${s}) 0%, rgba(0,0,0,0) ${bU})`}}function yo(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,[l,r]=t==="column"?[c,s]:[s,c],o={start:"justify-start",center:"justify-center",end:"justify-end"},i={start:"items-start",center:"items-center",end:"items-end"};return`${o[l]} ${i[r]}`}var wo={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}},IS=new Set(Object.keys(wo)),zU=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),RS=new Set(["ProductGrid"]);function _p(e,t){let a=e.render;e.render=s=>{if(t?.(s))return a(s);let c=T9(s.sectionPaddingTop,s.sectionPaddingBottom,s.sectionPaddingTopPhone,s.sectionPaddingBottomPhone),l=a(s);return c?xU("div",{className:c.className,style:c.style,children:l}):l}}var BS={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!zU.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){IS.has(t)||RS.has(t)||(e.fields={...e.fields,...a.spacingFields({phone:!0})})},draw(e,t){if(IS.has(t)){let a=e.render,s=wo[t];e.render=c=>{let l=Fz(c,s);return a({...c,padTop:l.top,padBottom:l.bottom})};return}if(RS.has(t)){_p(e);return}_p(e,t==="Flex"?a=>Re(a.bgImage):void 0)}},yU=["Heading","Text"],ZS={name:"blockPadding",applies:(e,t,a)=>yU.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.spacingFields({phone:!0})}},draw(e){_p(e)}};import{jsx as Be,jsxs as wU}from"react/jsx-runtime";import{useEasel as CU}from"efficient-easel/easel";import{SettingsDrill as kU}from"efficient-easel/panel";import{default as DS}from"efficient-easel/screen/components/AddBlockRow";import{default as OS}from"efficient-easel/screen/components/AddChildRow";import{SlotChildActionsProvider as th1,useSlotChildActions as GS}from"efficient-easel/screen/components/SlotChildActionsContext";function MU({parent:e,parentType:t,label:a,rowName:s,onSelectChild:c,onAddChild:l,nestDepth:r=0}){let o=mm(t,r);if(!o)return null;let{slot:i,choices:n,spec:h}=o,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 wU("div",{className:"sf-slot-rows",children:[a?Be(G9,{label:`${a} \xB7 ${u.length}`}):null,d?Be("p",{className:"sf-note",children:d}):null,u.map((f,v)=>Be(kU,{name:s(f),onOpen:()=>c(p,v,String(f.props.id),t)},String(f.props.id??`${p}-${v}`))),n?Be(DS,{choices:n,onPick:f=>l(m,i,f,u.length,t)}):h.fixed?null:Be(OS,{label:h.addLabel,blocked:g,onAdd:()=>l(m,i,h.childType,u.length,t)})]})}function SU(e,t){return mm(t)?.source==="footer"?e.blockRowName:e.childRowName}function qS({parentType:e,label:t}){let{appState:a,selectedItem:s}=CU(r=>r),c=GS();if(!c||!s||s.type!==e)return null;let l=e===yx?tl(a?.data,String(s.props.id)):0;return Be(MU,{parent:s,parentType:e,label:t,rowName:SU(c,e),onSelectChild:c.selectChild,onAddChild:c.addChild,nestDepth:l})}var WS="grayscale(1) contrast(1.03)",US="Black and white";function LU(e){return e===!0?{filter:WS}:{}}function AU(e){let{filter:t}=LU(e);return t?{style:{filter:t}}:{}}var ja="sf-photo-grayscale",HU=`@media (hover:hover){.${ja}{filter:${WS};transition:filter 160ms ease}.${ja}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${ja}{transition:none}}`;function Ze(e,t){return typeof e=="boolean"?e?AU(!0):{}:t===!0?{className:ja}:{}}function jS(e){return e===!0?{[ja]:HU}:{}}import{AlignLeftIcon as PU,BlackAndWhiteIcon as EU,ContrastIcon as VU,HeightIcon as NU,TypeIcon as _U}from"efficient-easel/icons";var FU=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],TU=new Set(FU);function KS(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(TU.has(t[a]))return t[a];return null}var n6=e=>X2(e,a1("Height",g7(NU,{}),te.min,te.max,te.step,te.fallback,te.unit)),S4={ctaText:H("Button",u2.text),ctaHref:H1("Button link")},T5=()=>b1("Alignment",g7(PU,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),Co=()=>b1("Tone",g7(VU,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),n3=e=>b5({...wo[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),c2=(e,t)=>({type:"custom",render:()=>g7(qS,{parentType:e,label:t})});function IU(e){let{photographyGrayscale:t}=V3();return s1(US,t===!0,g7(EU,{})).render(e)}function De(){return{type:"custom",render:e=>g7(IU,{...e})}}var U1=Object.keys(x5("full"));function Oe(e){let t=KS(e);return t?g7(e4,{noun:t}):g7(_U,{})}import{createContext as RU,useContext as BU}from"react";import{jsx as v7,jsxs as Ip}from"react/jsx-runtime";function Rp(e){return w9(e)??void 0}var Bp=RU({}),$S=3;function Zp({tag:e,name:t,desc:a,href:s,imageSrc:c,imageLabel:l,price:r}){let{showPrice:o,cardStyle:i,partStyles:n,editing:h}=BU(Bp),m=i==="bordered"?" border border-line":i==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",p=Rp(c),u=d=>h?{[p8]:d}:{},g=d=>Ul(n?.[u8(d)]?.role,Iy[d],ll);return Ip(S1,{href:s||"#",className:`sf-card group relative block w-full min-w-0 overflow-hidden bg-surface-2${m}`,children:[v7("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:v7(C0,{label:l||"collection.jpg",src:p})}),v7("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"}}),Ip("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&&v7("span",{...u("tag"),style:g("tag"),className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.25em] opacity-70",children:C(e)}),t&&v7("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"?$(t,!1):t}),a&&b0(a).map((d,f)=>v7("p",{...u("body"),style:g("body"),className:"max-w-[420px] text-[length:var(--size-body,14px)] leading-[1.5] opacity-80",children:C(d)},f)),o&&r&&v7("span",{...u("price"),style:g("price"),className:"font-mono text-[length:var(--size-label,15px)] tracking-[0.05em] text-accent",children:C(r)}),Ip("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",v7("span",{className:"transition-transform group-hover:translate-x-[3px]","aria-hidden":!0,children:"\u2192"})]})]})]})}import{createContext as DU,useCallback as OU,useContext as GU,useEffect as XS,useRef as qU,useState as Op}from"react";import{useState as ZU}from"react";function ko(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 j4,jsxs as Ge}from"react/jsx-runtime";function Dp({build:e,hiddenMobile:t,alwaysShowOverlay:a,forceHover:s,index:c,total:l,ratio:r,captionPlace:o}){let[i,n]=ZU(!1),h=YS(o),m=Ge("div",{className:["sf-card group relative overflow-hidden bg-surface-2",ko(r),t?"max-[800px]:hidden":""].join(" "),children:[Ge("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:[j4(C0,{label:e.imageLabel,src:e.imageSrc}),j4("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.35)"}})]}),j4("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(--site-surface)"},children:e.detailSrc&&j4(E3,{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&&l!=null&&Ge("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(l).padStart(2,"0")]}),e.process&&j4("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)}),Ge("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&&j4("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&&j4("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&&j4("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:j4("span",{children:Y1(e.finish)})})]})]});return h?Ge("div",{className:t?"max-[800px]:hidden":"",children:[m,Ge("div",{className:"bg-surface px-3.5 pt-3 pb-3.5",children:[e.wheel&&j4("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)&&j4("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 qe,jsx as J0,jsxs as h3}from"react/jsx-runtime";var Ka=DU({}),$a="data-gallery-grid",Gp="data-gallery-tile";function WU(e,t){let[a,s]=Op(null);return XS(()=>{let c=e.current,l=c?.closest(`[${$a}]`);if(!c||!l)return;let r=()=>{let i=Array.from(l.querySelectorAll(`[${Gp}]`)),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(r(),!t)return;let o=new MutationObserver(r);return o.observe(l,{childList:!0,subtree:!0}),()=>o.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 UU(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function jU(e){let t=(e.photos??[]).map(l=>l?.src).filter(l=>!!l),a=e.image||t[0]||"",s=[a,...t].filter(l=>!!l),c=UU(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 Ya({editing:e=!1,previewHover:t,ratio:a,captionPlace:s,...c}){let{galleryHref:l="/gallery",submitHref:r="/contact",previewHover:o}=GU(Ka),i=jU(c),n=i.photos??(i.imageSrc?[i.imageSrc]:[]),h=qU(null),m=OU(x=>{h.current=x},[]),p=WU(h,e),u=e&&(!!t||!!o),[g,d]=Op(!1),[f,v]=Op(0);XS(()=>{if(!g)return;let x=M=>{M.key==="Escape"?d(!1):M.key==="ArrowLeft"&&n.length>1?v(A=>(A-1+n.length)%n.length):M.key==="ArrowRight"&&n.length>1&&v(A=>(A+1)%n.length)};window.addEventListener("keydown",x);let k=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",x),document.body.style.overflow=k}},[g,n.length]);let z=J0(Dp,{build:i,forceHover:u,index:p?.index,total:p?.total,ratio:a,captionPlace:s});return h3(qe,{children:[e?J0("div",{ref:m,[Gp]:"",className:"block w-full text-left",children:z}):J0("button",{ref:m,[Gp]:"",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??"",k=()=>v(A=>(A-1+n.length)%n.length),M=()=>v(A=>(A+1)%n.length);return J0("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:h3("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:[J0("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"}),h3("div",{className:"relative flex min-h-[690px] items-center justify-center overflow-hidden bg-surface-2 max-[1100px]:min-h-[450px]",children:[x&&J0("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&&h3(qe,{children:[J0("button",{type:"button","aria-label":"Previous photo",onClick:k,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"}),J0("button",{type:"button","aria-label":"Next photo",onClick:M,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"}),h3("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]})]})]}),h3("div",{className:"flex flex-col gap-[30px] px-[60px] py-[72px] max-[1100px]:px-9 max-[1100px]:py-[54px]",children:[i.process&&J0("span",{className:"font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.3em] text-accent",children:C(i.process)}),i.wheel&&J0("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:$(i.wheel,!1)}),i.car&&h3("div",{className:"font-heading3 text-[length:var(--size-headingSmall,27px)] leading-[1.4] text-fg",children:["on ",J0("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em]",children:C(i.car,!0)})]}),h3("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&&h3(qe,{children:[J0("dt",{className:"text-fg-dim",children:"Wheel"}),J0("dd",{className:"text-fg",children:C(i.wheel)})]}),i.process&&h3(qe,{children:[J0("dt",{className:"text-fg-dim",children:"Process"}),J0("dd",{className:"text-fg",children:C(i.process)})]}),i.finish&&h3(qe,{children:[J0("dt",{className:"text-fg-dim",children:"Finish"}),J0("dd",{className:"text-fg",children:C(i.finish)})]}),i.car&&h3(qe,{children:[J0("dt",{className:"text-fg-dim",children:"Vehicle"}),J0("dd",{className:"text-fg",children:C(i.car)})]})]}),h3("div",{className:"mt-auto flex flex-col gap-3.5 pt-6",children:[h3(S1,{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:[J0("span",{children:"View product"}),J0("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]}),h3(S1,{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:[J0("span",{children:"See more builds"}),J0("span",{children:"\u2192"})]}),h3(S1,{href:r,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:[J0("span",{children:"Submit your build"}),J0("span",{children:"\u2192"})]})]})]})]})})})()]})}import{createContext as XU,useContext as JU,useEffect as Mo,useId as QU,useMemo as ej,useState as V2}from"react";var KU=14,$U=3;function qp(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function YU(e,t){let a=new Date(`${e}T00:00:00`);return a.setDate(a.getDate()+t),qp(a)}async function QS(e,t,a={}){let s=a.days??KU,c=a.read??g8.getAvailability,l=0,r=0;for(let o=0;o<s;o++){if(a.signal?.aborted)return{outcome:"unreadable"};let i=YU(t,o);try{let n=await c(e,i);if(l=0,r++,n.slots.length>0)return{outcome:"found",date:i,availability:n}}catch{if(l++,l>=$U)return{outcome:"unreadable"}}}return r===s?{outcome:"noneInWindow",days:s}:{outcome:"unreadable"}}import{jsx as sj}from"react/jsx-runtime";var eL=XU(null);function f7(){let e=JU(eL);if(!e)throw new Error("useBookingForm must be used inside <BookingFormProvider>");return e}var Wp=[{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 tj(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 Up={bookingNumber:"EXAMPLE-0000",service:"Example service",startAt:"2026-01-01T00:00:00.000Z",timezone:"UTC",customerTimezone:"",manageToken:"example"};function aj(e,t){return e&&t?.length===0}function tL({editing:e=!1,previewConfirmation:t=!1,children:a}){let s=QU(),c=ej(()=>qp(new Date),[]),[l,r]=V2(),[o,i]=V2(""),[n,h]=V2(""),[m,p]=V2(c),[u,g]=V2(c),[d,f]=V2(!1),[v,z]=V2(null),[x,k]=V2(),[M,A]=V2(""),[R,E]=V2(""),[Z,F]=V2(""),[T,N]=V2(""),[B,P]=V2(""),[O,c1]=V2(()=>gm()),[V,q]=V2(null),[K,W]=V2(!1),[r1,x1]=V2(!1),[Y,e1]=V2(null),[d1,U]=V2("");Mo(()=>{U(Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC")},[]),Mo(()=>{let s0=!1;return g8.listServices().then(c0=>{s0||(r(c0.results),i(c0.currency),h($1=>$1||c0.results[0]?.id||""))}).catch(()=>{s0||r([])}),()=>{s0=!0}},[]),Mo(()=>{if(d||!n)return;let s0={aborted:!1};return A(""),k(void 0),e1(null),z(null),W(!0),QS(n,c,{signal:s0}).then(c0=>{if(!s0.aborted){if(c0.outcome==="found"){p(c0.date),g(c0.date),k(c0.availability);return}z(c0.outcome==="noneInWindow"?`No times are available in the next ${c0.days} days.`:"We couldn't load available times. Please try again.")}}).finally(()=>{s0.aborted||W(!1)}),()=>{s0.aborted=!0}},[d,n,c]),Mo(()=>{if(!d||!n||!m)return;let s0=!1;return A(""),k(void 0),e1(null),z(null),W(!0),g8.getAvailability(n,m).then(c0=>{s0||(k(c0),c0.slots.length===0&&z("No times are available on this date."))}).catch(()=>{s0||z("We couldn't load available times. Please try again.")}).finally(()=>{s0||W(!1)}),()=>{s0=!0}},[m,d,n]);let p1=l?.find(s0=>s0.id===n),f1=p1?.depositAmountDue!=null,F0=!!(!e&&!r1&&p1&&M&&R.trim()&&Z.trim()&&!f1);async function T0(s0){if(s0.preventDefault(),!(!F0||!p1)){x1(!0),e1(null);try{let c0=await g8.create({serviceId:p1.id,start:M,customer:{name:R.trim(),email:Z.trim(),phone:T.trim()},notes:B.trim(),idempotencyKey:O,customerTimezone:d1});q(c0),c1(gm())}catch(c0){e1(c0 instanceof G4&&c0.status===409?"That time was just booked. Choose another available time.":"Your appointment wasn't submitted. Please check your details and try again."),c0 instanceof G4&&c0.status===409&&(A(""),g8.getAvailability(p1.id,m).then(k).catch(()=>{}))}finally{x1(!1)}}}let A1=aj(e,l);return sj(eL.Provider,{value:{fieldPrefix:s,editing:e,services:A1?Wp:l,currency:A1?"AUD":o,serviceId:A1?Wp[0].id:n,setServiceId:h,service:A1?Wp[0]:p1,requiresPayment:A1?!1:f1,date:m,earliestDate:u,setDate:p,setDateTouched:f,availability:A1?tj(m):x,loadingSlots:A1?!1:K,noSlotsMessage:v,selectedStart:A1?`${m}T09:00:00.000Z`:M,setSelectedStart:A,customerTimezone:d1,name:R,setName:E,email:Z,setEmail:F,phone:T,setPhone:N,notes:B,setNotes:P,confirmation:V??(t?Up:null),submitting:r1,error:Y,canSubmit:A1?!1:F0,handleSubmit:T0,sample:!!A1},children:a})}import{jsx as jp,Fragment as cj,jsxs as lj}from"react/jsx-runtime";var rj="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 a3(e){let{variant:t="primary",arrow:a,className:s,style:c,children:l,href:r,newTab:o,...i}=e,n=`${rj} ${aL[t]??aL.primary} ${s??""}`,h=lj(cj,{children:[l,a!==null&&jp("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:a??"\u2192"})]});return r?jp(t0,{href:r,className:n,style:c,...o?{target:"_blank",rel:"noopener noreferrer"}:{},children:h}):jp("button",{type:"button",className:n,style:c,...i,children:h})}import{jsx as L0,jsxs as M3}from"react/jsx-runtime";var Xa="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 oj(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 Ja="font-[family-name:var(--bk-name-font,var(--font-mono))] text-[length:var(--bk-name-size,12px)]";function Kp({number:e,children:t}){return M3("div",{className:"mb-4 flex items-center gap-3",children:[L0("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}),L0("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 So({eyebrow:e,heading:t,intro:a}){return M3("div",{className:"mb-10 max-w-[760px]",children:[(e??"").trim()&&L0("p",{className:"mb-4 font-mono text-[12px] font-semibold uppercase tracking-[0.24em] text-accent",children:e}),(t??"").trim()&&L0("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()&&L0("p",{className:"mt-5 max-w-[660px] font-display text-[17px] leading-[1.65] text-fg-dim",children:a})]})}function Lo({style:e}={}){let{fieldPrefix:t,services:a,currency:s,serviceId:c,setServiceId:l,requiresPayment:r,date:o,earliestDate:i,setDate:n,setDateTouched:h,availability:m,loadingSlots:p,noSlotsMessage:u,selectedStart:g,setSelectedStart:d,customerTimezone:f}=f7();return a?M3("div",{className:"flex flex-col gap-9",style:e,children:[M3("div",{children:[L0(Kp,{number:"01",children:"Choose a service"}),L0("div",{className:"grid gap-3 sm:grid-cols-2",children:a.map(v=>{let z=v.id===c;return M3("button",{type:"button","aria-pressed":z,onClick:()=>l(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:[L0("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}),M3("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 ",oj(v.price,s)]}),v.description&&L0("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)})}),r&&L0("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."})]}),M3("div",{children:[L0(Kp,{number:"02",children:"Choose a date and time"}),L0(Z2,{separate:!0,htmlFor:`${t}-date`,label:"Date",required:!0,labelFace:Ja,children:L0("input",{id:`${t}-date`,type:"date",min:i,value:o,onChange:v=>{h(!0),n(v.target.value)},className:Xa,required:!0})}),L0("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?L0("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=>M3("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:[L0("span",{className:"block",children:sL(v.start,f||m.timezone)}),f&&f!==m.timezone&&M3("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?L0("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&&M3("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 Ao({buttonLabel:e,style:t}){let{fieldPrefix:a,editing:s,name:c,setName:l,email:r,setEmail:o,phone:i,setPhone:n,notes:h,setNotes:m,submitting:p,error:u,canSubmit:g}=f7();return M3("div",{className:"sf-card border border-line bg-bg p-5 min-[640px]:p-7",style:t,children:[L0(Kp,{number:"03",children:"Your details"}),M3("div",{className:"flex flex-col gap-4",children:[L0(Z2,{separate:!0,htmlFor:`${a}-name`,label:"Name",required:!0,labelFace:Ja,children:L0("input",{id:`${a}-name`,type:"text",autoComplete:"name",value:c,onChange:d=>l(d.target.value),className:Xa,required:!0})}),L0(Z2,{separate:!0,htmlFor:`${a}-email`,label:"Email",required:!0,labelFace:Ja,children:L0("input",{id:`${a}-email`,type:"email",inputMode:"email",autoComplete:"email",value:r,onChange:d=>o(d.target.value),className:Xa,required:!0})}),L0(Z2,{separate:!0,htmlFor:`${a}-phone`,label:"Phone",labelFace:Ja,children:L0("input",{id:`${a}-phone`,type:"tel",inputMode:"tel",autoComplete:"tel",value:i,onChange:d=>n(d.target.value),className:Xa})}),L0(Z2,{separate:!0,htmlFor:`${a}-notes`,label:"What would you like to cover?",labelFace:Ja,children:L0("textarea",{id:`${a}-notes`,rows:4,value:h,onChange:d=>m(d.target.value),className:`${Xa} resize-y`})})]}),u&&L0("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}),L0(a3,{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 Ho({successMessage:e}){let{confirmation:t,customerTimezone:a}=f7();return t?M3("div",{className:"sf-card max-w-[760px] border border-line bg-bg p-6 min-[640px]:p-9",role:"status",children:[M3("p",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-accent",children:["Request received \xB7 ",t.bookingNumber]}),L0("h3",{className:"mt-4 font-display text-[28px] font-medium uppercase text-fg",children:t.service}),L0("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&&M3("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()&&L0("p",{className:"mt-5 max-w-[620px] font-serif text-[18px] italic leading-[1.6] text-fg-dim",children:e}),L0(a3,{href:`/book/${encodeURIComponent(t.manageToken)}`,newTab:t!==Up,variant:"ghost",className:"mt-7",children:"Manage booking"})]}):null}var Fo=["step","name","value","note"],$p={step:"Step",name:"Name",value:"Value",note:"Note"},To={step:"styleStep",name:"styleName",value:"styleValue",note:"styleNote"},lL={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 ij(e){return typeof e=="string"&&u5.includes(e)?e:null}var nj={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function rL(e,t){let a={};for(let s of Fo){let c=ij(e[To[s]]);if(!c)continue;let l=A9({role:c},nj,t);l.fontFamily&&(a[lL[s].font]=l.fontFamily),l.fontSize&&(a[lL[s].size]=l.fontSize)}return a}import{jsx as We}from"react/jsx-runtime";var oL=["head","booking","details","confirm"],iL={head:"Head",booking:"Booking",details:"Your details",confirm:"Confirmation"};function Yp({region:e,eyebrow:t,heading:a,intro:s,buttonLabel:c,successMessage:l,...r}){let{confirmation:o,services:i}=f7(),n=rL(r);return e==="head"?We("div",{className:"min-[960px]:col-span-2",style:n,children:We(So,{eyebrow:t,heading:a,intro:s})}):e==="confirm"?o?We("div",{className:"min-[960px]:col-span-2",style:n,children:We(Ho,{successMessage:l})}):null:o||!i||i.length===0?null:e==="booking"?We(Lo,{style:n}):e==="details"?We(Ao,{buttonLabel:c,style:n}):null}import{jsx as $0,Fragment as hj,jsxs as L4}from"react/jsx-runtime";var M8="solid",Xp=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function nL(e){return I2(Xp,M8,e)}var Jp="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){.${Jp}{color:var(--site-surface-2);-webkit-text-stroke:1px var(--site-line)}}`;var Qa=(e,t=!1)=>typeof e=="string"?$(e,t):e,Ue=(e,t=!1)=>typeof e=="string"?C(e,t):e;function Q1({num:e,title:t,link:a,logo:s,description:c,accent:l,accentNum:r,numStyle:o=M8,look:i="standard",titleAccent:n,accentTracking:h="-0.02em",spaceBelow:m,rowGap:p,descriptionSize:u,className:g="",eyebrowLook:d=tr}){let f=m??(i==="editorial"?"mb-[60px]":"");if(i==="editorial"){let A=!!t||!!n;return L4("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"?$0(V1,{text:e,className:"pb-2"}):$0("span",{className:"pb-2",children:e})),A&&L4("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&&L4(hj,{children:[" ",$0("em",{className:"font-serif font-normal italic text-accent",style:{letterSpacing:h},children:n})]})]}),c&&$0("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 L4("div",{className:A||void 0,children:[e&&(typeof e=="string"?$0(V1,{text:e,look:d,className:"mb-4 block"}):$0("span",{className:"mb-4 block",children:e})),t&&$0("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:Qa(t)})]})}if(i==="statement"){let A=`${f} ${g}`.trim();return L4("div",{className:A||void 0,children:[e&&(typeof e=="string"?$0(V1,{text:e,look:d,className:"mb-4 block"}):$0("span",{className:"mb-4 block",children:e})),t&&$0("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:Qa(t,!0)})]})}if(i==="natural"){let A=`flex max-w-[680px] flex-col ${p??"gap-5"} ${f} ${g}`.replace(/\s+/g," ").trim();return L4("div",{className:A,children:[e&&(typeof e=="string"?$0(V1,{text:e,look:d}):$0("span",{children:e})),t&&$0("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:Qa(t)}),c&&$0("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 L4("div",{className:A||void 0,children:[e&&(typeof e=="string"?$0(V1,{text:e,look:d,className:"mb-4 block"}):$0("span",{className:"mb-4 block",children:e})),t&&$0("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:Qa(t)})]})}let v=!!c||!!a,z=!!t,x=nL(o)==="outlined",k="font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em]",M=null;if(e)if(x)M=$0("span",{className:`${hL} text-fg-dim ${Jp}`,children:Ue(e)});else if(r&&!l&&typeof e=="string"){let A=e.indexOf("/"),R=A===-1?e:e.slice(0,A),E=A===-1?"":e.slice(A);M=L4("span",{className:k,children:[$0("span",{className:"text-accent",children:Ue(R)}),E&&$0("span",{className:"text-fg-dim",children:Ue(E)})]})}else M=$0("span",{className:`${k} ${l?"text-accent":"text-fg-dim"}`,children:Ue(e)});return L4("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&&$0("style",{children:mL}),L4("div",{className:"flex flex-col items-start gap-3",children:[s?.src&&$0("img",{src:A2(s.src),alt:s.alt,className:"h-8 w-auto object-contain"}),M]}),z&&$0("h2",{className:l?"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:Qa(t)}),v&&L4("div",{className:"flex flex-col items-end gap-3 max-[800px]:items-start",children:[c&&$0("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:Ue(c)}),a&&L4(t0,{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:[Ue(a.text),$0("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{jsx as A4,jsxs as es}from"react/jsx-runtime";function mj(e){return e.type==="textarea"||e.type==="select"||e.type==="checkbox"}function pL({eyebrow:e,title:t}){return es("div",{className:"flex flex-col gap-4",children:[e&&A4(V1,{text:e,scaled:!1}),t&&A4("h2",{className:"font-display text-[min(clamp(40px,5vw,72px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:$(t,!0)})]})}function Po({body:e,buttonLabel:t,consent:a,form:s,submission:c,showForm:l,resolving:r,editing:o}){return es("div",{className:"flex flex-col gap-7",children:[e&&b0(e).map((i,n)=>A4("p",{className:"max-w-[480px] font-display text-[16px] leading-[1.6] text-fg-dim",children:C(i)},n)),l&&(s?c.done?A4("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:Pe(s)}):es("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",mj(i)?"col-span-2":""].join(" ");return i.type==="checkbox"?es("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:[A4(h7,{field:i,value:c.valueOf(i.key),onChange:h=>c.set(i.key,h),className:"mt-0.5 size-4 accent-accent"}),es("span",{children:[i.label,i.required?A4("span",{className:"text-accent",children:" *"}):null]})]},i.key):A4(h7,{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)}),A4(Ee,{value:c.honeypot,onChange:c.setHoneypot}),c.error&&A4("p",{role:"alert",className:"col-span-2 font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:c.error}),t&&A4("button",{type:o?"button":"submit",disabled:c.submitting,className:"col-span-2 cursor-pointer bg-btn px-6 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:c.submitting?"Sending\u2026":C(t)})]}):A4("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:r?"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."})),l&&a&&A4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:C(a)})]})}var Eo=["field","tick","thanks"],Qp={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},Vo={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 pj(e){return typeof e=="string"&&u5.includes(e)?e:null}var uj={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 Eo){let c=pj(e[Vo[s]]);if(!c)continue;let l=A9({role:c},uj,t);l.fontFamily&&(a[uL[s].font]=l.fontFamily),l.fontSize&&(a[uL[s].size]=l.fontSize)}return a}import{jsx as No}from"react/jsx-runtime";var gL=["head","form"],vL={head:"Head",form:"Form"};function eu({region:e,eyebrow:t,title:a,body:s,buttonText:c,consent:l,formSlug:r,form:o,editing:i=!1,...n}){let h=L5(r,o),m=n7({form:h,formSlug:r,editing:i}),p=dL(n);return e==="head"?No("div",{style:p,children:No(Q1,{look:"statement",num:t,title:a})}):No("div",{style:p,children:No(Po,{body:s??"",buttonLabel:c??"",consent:l??"",form:h,submission:m,showForm:!!h||i,resolving:h===void 0,editing:i})})}var dj={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>oL.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:$S},()=>({collection:null}))},ProductGrid:{slot:"products",childType:"ProductRef",addLabel:"Add product",seeds:()=>[{code:""},{code:""},{code:""}],legacy:e=>Array.isArray(e.design_codes)?e.design_codes.map(t=>t?.code).filter(t=>!!t).map(t=>({code:t})):[]},GalleryB:{slot:"items",childType:"GalleryItem",addLabel:"Add image",seeds:()=>JS.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(t=>({...t})):[]}};Cx(dj);function je(e,t){let a={};for(let s of Object.keys(e))a[s]={...e[s],...t[s]};return a}import{jsx as gj}from"react/jsx-runtime";import{OpacityIcon as vj}from"efficient-easel/icons";var fL={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow","Limited release"),title:D("Heading","Banner headline"),body:D("Body","A line or two of supporting copy."),_gBackground:b("Background image"),imageSrc:G1("Image","image/*"),overlay:a1("Overlay",gj(vj,{}),0,100,5,60,"%"),_gButton:b("Button"),...S4,_gLayout:b("Layout")}};import{jsx as xj}from"react/jsx-runtime";import{jsx as ts,jsxs as tu,Fragment as fj}from"react/jsx-runtime";import{Fragment as bj}from"react";function bL({items:e,meta:t,editing:a=!1}){let s=(e??[]).filter(l=>l?.label?.trim()),c=s.length>0?s:a?[{label:"Breadcrumb"}]:[];return c.length===0&&!t?null:tu("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((l,r)=>{let o=r===c.length-1;return tu(bj,{children:[r>0&&ts("span",{className:"opacity-40",children:"/"}),l.href&&!o?ts(t0,{href:l.href,className:"hover:text-fg",children:Z0(l.label)}):ts("span",{className:o?"text-fg":void 0,children:Z0(l.label)})]},r)}),t&&tu(fj,{children:[ts("span",{className:"opacity-40",children:"\xB7"}),ts("span",{children:C(t)})]})]})}function K4(e,t,a){return e||(a?.isEditing?t:void 0)}function y1(e,t,a){let s=Array.isArray(e)?e:[];return s.length?s:a?.isEditing?t:[]}function y(e,t,a){let s=H2(e);if(!s.hidden)return K4(s.text,t,a)}function Q0(e,t,a){return H2(e).hidden?"":y(e,t,a)}function O3(e,t,a){return{text:y(e,u2.text,a),href:t||u2.href}}var au={meta:"Trailing note"},zj=[{label:"Home",href:"/"},{label:"Section",href:""}],xL={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>xj(bL,{items:y1(e,zj,a),meta:y(t,au.meta,a),editing:a?.isEditing})};var zL={fields:{_gContent:b("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:G("Label"),href:J2(G("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:H("Trailing note",au.meta)}};import{jsx as wj}from"react/jsx-runtime";function yL(e){return typeof e=="boolean"?e:!0}import{ButtonArrowIcon as Cj}from"efficient-easel/icons";var wL={fields:{label:G("Button"),href:H1("Button link"),_gStyle:b("Style"),variant:{type:"radio",options:[{label:"Primary",value:"primary"},{label:"Ghost",value:"ghost"}]},arrow:s1("Arrow",!0,wj(Cj,{})),align:T5()}};import{jsx as ML}from"react/jsx-runtime";import{ColumnsIcon as Hj,StylesIcon as Fj}from"efficient-easel/icons";import{jsx as Lj}from"react/jsx-runtime";import{jsx as Ke,Fragment as kj,jsxs as su}from"react/jsx-runtime";var Mj="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))]",Sj="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 CL({look:e,eyebrow:t,title:a,items:s,columns:c,omitHead:l=!1,editing:r=!1}={}){let o=Math.min(4,Math.max(2,c??3)),i=(s??[]).filter(h=>r||(h.title??"").trim()||(h.body??"").trim()),n=!!(t??"").trim()||!!(a??"").trim();return!r&&!n&&i.length===0?null:Ke("section",{className:"relative z-[2] bg-surface",children:su("div",{className:l?Sj:Mj,children:[l?null:su(kj,{children:[(t??"").trim()&&Ke(V1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&Ke("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:$(a??"",!1)})]}),i.length>0&&Ke("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(o)},children:i.map((h,m)=>su("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[Ke("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:C((h.title??"").trim()||"Card title")}),Ke("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:C((h.body??"").trim()||"A short line about this card.")})]},m))})]})})}var as={eyebrow:"Label",title:"Section *heading.*"},Aj=[{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."}],kL={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Lj(CL,{look:s4(e.eyebrowLook,"Cards"),eyebrow:a(y(e.eyebrow,as.eyebrow,e.puck)),title:a(y(e.title,as.title,e.puck)),omitHead:t,items:y1(e.items,Aj,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var SL={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",as.eyebrow),eyebrowLook:g1("Eyebrow style",ML(Fj,{}),[...y4],J6("Cards")),title:D("Heading",as.title),items:{type:"array",label:"Cards",arrayFields:{title:v1("Card title"),body:E1("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:b("Style"),columns:a1("Columns",ML(Hj,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Cards.headRows)};import{jsx as Tj}from"react/jsx-runtime";import{StickyIcon as Pj}from"efficient-easel/icons";var LL={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:G("Label"),count:G("Count")},getItemSummary:e=>e?.label?`${e.label}${e.count?` \xB7 ${e.count}`:""}`:"Tab"},activeTab:J2(G("Active tab","All")),_gLinks:b("Links"),links:{type:"array",label:"Right links",arrayFields:{label:G("Label"),href:J2(G("Link"))},getItemSummary:e=>e?.label||"Link"},_gStyle:b("Style"),sticky:s1("Stick under header",!0,Tj(Pj,{}))}};import{jsx as Rj}from"react/jsx-runtime";import{StylesIcon as Bj}from"efficient-easel/icons";import{jsx as _j}from"react/jsx-runtime";import{jsx as l2,jsxs as $4}from"react/jsx-runtime";function cu(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var AL=[100,70,46,30,19,12];function HL(e){return`color-mix(in srgb, var(--accent) ${AL[e%AL.length]}%, var(--bg))`}function Ej({data:e,suffix:t}){let a=Math.max(...e.map(s=>s.value),0)||1;return l2("div",{className:"flex w-full flex-col gap-6",children:e.map((s,c)=>$4("div",{children:[$4("div",{className:"mb-2 flex items-baseline justify-between gap-4",children:[l2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg/60",children:C(s.label)}),$4("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[cu(s.value),t]})]}),l2("div",{className:"h-[10px] border border-line bg-bg",children:l2("div",{className:"h-full bg-accent",style:{width:`${Math.max(s.value/a*100,s.value===0?0:2)}%`}})})]},c))})}function Vj({data:e,suffix:t}){let a={l:42,r:42,t:36,b:38},s=640-a.l-a.r,c=300-a.t-a.b,l=Math.max(...e.map(h=>h.value),0)||1,r=e.length>1?s/(e.length-1):0,o=e.map((h,m)=>({x:a.l+(e.length>1?m*r:s/2),y:a.t+c-h.value/l*c})),i=o.map((h,m)=>`${m===0?"M":"L"}${h.x},${h.y}`).join(" "),n=`${i} L${o[o.length-1].x},${a.t+c} L${o[0].x},${a.t+c} Z`;return $4("svg",{viewBox:"0 0 640 300",className:"w-full",role:"img","aria-hidden":!0,children:[[.25,.5,.75,1].map(h=>l2("line",{x1:a.l,x2:640-a.r,y1:a.t+c*(1-h),y2:a.t+c*(1-h),stroke:"var(--site-line)",strokeWidth:"1"},h)),l2("line",{x1:a.l,x2:640-a.r,y1:a.t+c,y2:a.t+c,stroke:"var(--site-line)",strokeWidth:"1.5"}),l2("path",{d:n,fill:"var(--accent)",opacity:"0.13"}),l2("path",{d:i,fill:"none",stroke:"var(--accent)",strokeWidth:"2.5"}),o.map((h,m)=>$4("g",{children:[l2("circle",{cx:h.x,cy:h.y,r:"4",fill:"var(--accent)"}),$4("text",{x:h.x,y:h.y-12,textAnchor:"middle",className:"font-display",fontSize:"14",fill:"var(--fg)",children:[cu(e[m].value),t]}),l2("text",{x:h.x,y:288,textAnchor:"middle",className:"font-mono",fontSize:"10",letterSpacing:"0.1em",fill:"var(--fg)",opacity:"0.55",children:e[m].label.toUpperCase()})]},m))]})}function Nj({data:e,suffix:t}){let a=e.reduce((o,i)=>o+i.value,0)||1,s=80,c=2*Math.PI*s,l=0,r=e.map((o,i)=>{let n=o.value/a,h={frac:n,dash:Math.max(n*c-3,0),off:l,ink:HL(i)};return l+=n*c,h});return $4("div",{className:"flex w-full flex-wrap items-center justify-center gap-10",children:[l2("svg",{viewBox:"0 0 200 200",className:"w-[220px] max-w-full -rotate-90",role:"img","aria-hidden":!0,children:r.map((o,i)=>l2("circle",{cx:"100",cy:"100",r:s,fill:"none",stroke:o.ink,strokeWidth:"34",strokeDasharray:`${o.dash} ${c-o.dash}`,strokeDashoffset:-o.off},i))}),l2("ul",{className:"flex min-w-[200px] flex-1 flex-col gap-3",children:e.map((o,i)=>$4("li",{className:"flex items-baseline gap-3",children:[l2("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] flex-shrink-0 rotate-45",style:{background:HL(i)}}),l2("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:C(o.label)}),l2("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:t?`${cu(o.value)}${t}`:`${Math.round(o.value/a*100)}%`})]},i))})]})}function FL({eyebrow:e,title:t,body:a,chartStyle:s,items:c,valueSuffix:l,caption:r,editing:o=!1}={}){let i=(l??"").trim()===""?"":l??"",n=(c??[]).map(u=>({label:(u.label??"").trim(),value:parseFloat(u.value??"")})).filter(u=>o?!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(!o&&!h&&n.length===0)return null;let m=s??"bars",p=n.length===0?null:m==="line"&&n.length>1?l2(Vj,{data:n,suffix:i}):m==="donut"?l2(Nj,{data:n,suffix:i}):l2(Ej,{data:n,suffix:i});return l2("section",{className:"relative z-[2] border-y border-line bg-surface",children:$4("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:[$4("div",{children:[(e??"").trim()&&l2("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.16em] text-bg",children:C(e??"")}),(t??"").trim()&&l2("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:$(t??"",!1)}),(a??"").trim()&&l2("p",{className:"mt-5 max-w-[46ch] text-[length:var(--size-body,15px)] leading-relaxed text-fg/65",children:a})]}),$4("div",{children:[p,(r??"").trim()&&l2("p",{className:"mt-4 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg/40",children:r})]})]})})}var ss={eyebrow:"By the numbers",title:`A picture worth
|
|
23
|
+
*a thousand rows.*`},Ij=[{label:"Before",value:"9"},{label:"After",value:"3"},{label:"With us",value:"1"}],TL={label:"Chart",defaultProps:{eyebrow:"",title:"",body:"",items:[],caption:"",chartStyle:"bars",valueSuffix:""},render:({eyebrow:e,title:t,body:a,items:s,caption:c,chartStyle:l,valueSuffix:r,puck:o})=>_j(FL,{eyebrow:y(e,ss.eyebrow,o),title:y(t,ss.title,o),body:a,items:y1(s,Ij,o),chartStyle:l,valueSuffix:r,caption:c,editing:o?.isEditing})};var PL={fields:{_gContent:b("Content"),eyebrow:H("Chip label",ss.eyebrow),title:D("Heading",ss.title),body:D("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:v1("Label"),value:G("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",Rj(Bj,{}),[{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{jsx as sK}from"react/jsx-runtime";import{jsx as L1,Fragment as ou,jsxs as H4}from"react/jsx-runtime";import{useId as Oj,useState as Gj}from"react";import{InspectorUpLevel as ls}from"efficient-easel/chrome";import{useEasel as qj}from"efficient-easel/easel";import{ListField as _L}from"efficient-easel/fields";import{SettingsField as IL}from"efficient-easel/panel";import{ClockIcon as EL,ContrastIcon as Wj,GlobeIcon as Uj,LinkIcon as jj,LocationIcon as Kj,PhoneIcon as $j,SquareIcon as Yj,TypeIcon as iu}from"efficient-easel/icons";var Zj=["tall","square","wide"],Dj="tall";function _o(e){return Zj.includes(String(e??""))?String(e):Dj}var r2={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"},cs=[{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 Io(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var S8="other",v0={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 lu(e){return fl(e)}function Xj(e){let t=[];return e.forEach((a,s)=>{let c=X6(a),l=t.find(r=>r.key===c);l||(l={key:c,name:String(a?.groupName??""),indices:[]},t.push(l)),l.indices.push(s)}),t}function ru({children:e}){return L1("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:e})}var RL={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"},Jj={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},BL={...Jj,color:"#d85a30"};function h6({label:e,value:t,placeholder:a,textarea:s,icon:c,onChange:l,onBlur:r,onKeyDown:o}){let i=Oj();return L1(IL,{label:e,icon:c??L1(iu,{}),htmlFor:i,children:s?L1("textarea",{id:i,value:t,placeholder:a,onChange:n=>l(n.target.value)}):L1("input",{id:i,type:"text",value:t,placeholder:a,onChange:n=>l(n.target.value),onBlur:r,onKeyDown:o})})}var Qj=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],eK=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function VL({label:e,icon:t,options:a,value:s,onChange:c}){return L1(IL,{label:e,icon:t,children:L1("div",{role:"group","aria-label":e,style:{display:"flex",gap:4,flex:1},children:a.map(l=>{let r=s===l.value;return L1("button",{type:"button","aria-pressed":r,onClick:()=>c(l.value),style:{flex:1,padding:"6px 8px",fontSize:12,borderRadius:6,cursor:"pointer",border:`1px solid ${r?"var(--sf-accent, #2563eb)":"var(--border-strong, #d0d0d0)"}`,background:r?"var(--sf-accent, #2563eb)":"transparent",color:r?"#fff":"inherit",fontWeight:r?500:400},children:l.label},l.value)})})})}function NL({props:e,setSection:t,headOnly:a}){let s=r=>String(e[r]??""),c=e.mapTheme||r2.mapTheme,l=r2;return H4(ou,{children:[!a&&L1(ru,{children:"Section"}),L1(h6,{label:"Section number",value:s("sectionNumber"),placeholder:l.sectionNumber,onChange:r=>t({sectionNumber:r})}),L1(h6,{label:"Heading",textarea:!0,value:s("heading"),placeholder:l.heading,onChange:r=>t({heading:r})}),L1(h6,{label:"Body",textarea:!0,value:s("tagline"),placeholder:l.tagline,onChange:r=>t({tagline:r})}),a?null:H4(ou,{children:[L1(ru,{children:"City strip"}),L1(h6,{label:"Eyebrow",value:s("galleryKicker"),placeholder:l.galleryKicker,onChange:r=>t({galleryKicker:r})}),L1(h6,{label:"Hint",value:s("galleryHint"),placeholder:l.galleryHint,onChange:r=>t({galleryHint:r})}),L1(VL,{label:"Shape",icon:L1(Yj,{}),options:eK,value:_o(e.imageShape),onChange:r=>t({imageShape:r})}),L1(ru,{children:"Map & Theme"}),L1(VL,{label:"Map theme",icon:L1(Wj,{}),options:Qj,value:c,onChange:r=>t({mapTheme:r})})]})]})}function tK({cards:e,groupKey:t,onChange:a,onBack:s,onOpenCity:c,onNavigate:l}){let r=e.map((u,g)=>X6(u)===t?g:-1).filter(u=>u>=0),o=String(e[r[0]]?.groupName??""),i=new Set(e.map(X6).filter(u=>u!==t)),[n,h]=Gj(t),m=u=>a(e.map(g=>X6(g)===t?{...g,...u}:g)),p=()=>{let u=n;if(u!==t){if(i.has(u)){h(t);return}a(e.map(g=>X6(g)===t?{...g,group:u}:g)),l(u)}};return H4("div",{className:"sf-locations-view",children:[L1(ls,{inline:!0,name:"Section",onSelect:s}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:er(t,o)}),L1(h6,{label:"Group heading",value:n,placeholder:"e.g. Americas",onChange:h,onBlur:p,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()}}),i.has(n)&&n!==t&&L1("p",{className:"sf-note sf-note--error",role:"alert",children:"Another group already uses this heading \u2014 pick a different one."}),L1(h6,{label:"Group name",value:o,placeholder:"Shown beside the heading",onChange:u=>m({groupName:u})}),L1(_L,{label:"Cities in this group",noun:"city",items:r.map(u=>e[u]),onChange:u=>a(fw(e,t,u)),newItem:()=>({...hm,group:t,groupName:o}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,renderRow:(u,g)=>H4("button",{type:"button",style:RL,onClick:()=>c(r[g]),children:[L1("span",{children:u?.name||"City"}),L1("span",{"aria-hidden":"true",children:"\u203A"})]})}),L1("div",{style:{marginTop:12},children:H4("button",{type:"button",style:BL,onClick:()=>{a(e.filter(u=>X6(u)!==t)),s()},children:["Delete group (",r.length," ",r.length===1?"city":"cities",")"]})})]})}function ZL({value:e,onChange:t}){let a=Array.isArray(e)?e:[],s=vw(),c=_y(),l=Xj(a),{appState:r,selectedItem:o}=qj(d=>d),i=Nz(),n=o?.props??{},h=d=>{if(!o)return;let f=(r.data.content??[]).findIndex(v=>v.props.id===o.props.id);f<0||i.replaceComponent(wx,f,{type:o.type,props:{...o.props,...d}})},m=(d,f)=>t(a.map((v,z)=>z===d?{...v,...f}:v)),p=()=>{let d=new Set(l.map(z=>z.key)),f=l.length+1,v=`Group ${f}`;for(;d.has(v);)v=`Group ${++f}`;return v};if(s.level==="texts")return H4("div",{className:"sf-locations-view",children:[L1(ls,{inline:!0,name:"Locations",onSelect:()=>O4({level:"groups"})}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Texts"}),L1(NL,{props:n,setSection:h,headOnly:!0})]});if(s.level==="image"){let d=a[s.index];return d?H4("div",{className:"sf-locations-view",children:[L1(ls,{inline:!0,name:String(d.name??"")||"City",onSelect:()=>O4({level:"city",index:s.index})}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Image"}),L1(Dz,{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?H4("div",{className:"sf-locations-view",children:[L1(ls,{inline:!0,name:String(d.name??"")||"City",onSelect:()=>O4({level:"city",index:s.index})}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Map"}),L1(Rl,{value:d.geocode,onChange:f=>m(s.index,{geocode:f}),label:"Coordinates"}),L1(h6,{label:"Directions link",icon:L1(jj,{}),value:String(d.mapsUrl??""),onChange:f=>m(s.index,{mapsUrl:f})})]}):u()}if(s.level==="city"){let d=s.index,f=a[d];if(!f)return u();let v=X6(f),z=(k,M)=>m(d,{[k]:M}),x=(k,M,A,R=!1)=>L1(h6,{label:M,icon:A,textarea:R,value:String(f[k]??""),onChange:E=>z(k,E)});return H4("div",{className:"sf-locations-view",children:[L1(ls,{inline:!0,name:er(v,String(f.groupName??"")),onSelect:()=>O4({level:"group",key:v})}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:f.name||"City"}),x("name","Location name",L1(iu,{})),x("state","State / Province",L1(iu,{})),x("country","Country",L1(Uj,{})),x("address","Address",L1(Kj,{}),!0),x("phone","Phone",L1($j,{})),x("hours","Opening hours",L1(EL,{})),x("timezone","Timezone chip",L1(EL,{})),L1("div",{style:{marginTop:12},children:L1("button",{type:"button",style:BL,onClick:()=>{t(a.filter((k,M)=>M!==d)),O4({level:"group",key:v})},children:"Delete city"})})]})}if(s.level==="group")return l.some(d=>d.key===s.key)?L1(tK,{cards:a,groupKey:s.key,onChange:t,onBack:()=>O4({level:"groups"}),onOpenCity:d=>O4({level:"city",index:d}),onNavigate:d=>O4({level:"group",key:d})},s.key):u();function u(){return H4("div",{className:"sf-locations-view",children:[L1(NL,{props:n,setSection:h}),!c&&L1(ou,{children:g()})]})}function g(){return L1(_L,{label:"Locations",noun:"group",items:l,onChange:d=>{let f=d.find(v=>!l.some(z=>z.key===v.key));t(bw(a,d.map(v=>v.key),v=>[{...hm,group:v,groupName:""}])),f&&O4({level:"group",key:f.key})},newItem:()=>({key:p(),name:"",indices:[]}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,above:l.length===0?L1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:"No locations yet."}):void 0,renderRow:d=>H4("button",{type:"button",style:RL,onClick:()=>O4({level:"group",key:d.key}),children:[L1("span",{style:{fontWeight:500},children:er(d.key,d.name)}),H4("span",{style:{color:"var(--fg-dim, #999)"},children:[d.indices.length," ",d.indices.length===1?"city":"cities"," \u203A"]})]})})}return u()}var aK="/geocode.json";async function DL(e){let t=e.trim();if(!t)return null;if(!Yb())throw new Error("geocode_unavailable");let a=await fetch(`${xw()}${aK}?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:l,label:r}=s,o=Number(c),i=Number(l);return!Number.isFinite(o)||!Number.isFinite(i)?null:{lat:o,lng:i,label:String(r??"")}}var Ro=e=>typeof e=="number"&&Number.isFinite(e);function Bo(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:Ro(a.lat)&&a.lat!==t.lat||Ro(a.lng)&&a.lng!==t.lng:!1})}async function Zo(e,t,{geocode:a=DL,courtesyGapMs:s=1100}={}){let c=r=>new Promise(o=>setTimeout(o,r)),l=e.slice();if(e.some(r=>r?.geocode?.pending)){let r=[],o=!1;for(let i of e){if(!i?.geocode?.pending){r.push(i);continue}o&&s>0&&await c(s),o=!0;try{let n=await a(t(i));r.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{r.push({...i,geocode:{...i.geocode,pending:!1,ok:!1,status:"Lookup busy \u2014 try again in a moment."}})}}l=r}return l.map(r=>{let o=r?.geocode;if(!o)return r;if(o.manual&&o.lat===void 0&&o.lng===void 0)return{...r,geocode:{...o,lat:r.lat,lng:r.lng}};let i=Ro(o.lat)&&o.lat!==r.lat?o.lat:r.lat,n=Ro(o.lng)&&o.lng!==r.lng?o.lng:r.lng;return i!==r.lat||n!==r.lng?{...r,lat:i,lng:n}:r})}var OL={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>sK(ZL,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!Bo(a))return e;let s=await Zo(a,c=>{let l=Io(c.region);return[String(c.address??"").replace(/\s*\n+\s*/g,", "),c.name,String(c.state??"").trim()||l.state,String(c.country??"").trim()||l.country].map(r=>String(r??"").trim()).filter(Boolean).join(", ")});return{...e,props:{...t,locations:s}}}};var GL={fields:{html:{type:"textarea",label:"HTML"}}};import{jsx as iK}from"react/jsx-runtime";import{StylesIcon as nK}from"efficient-easel/icons";var L8="line",nu=[{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"}],cK={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},qL=28,lK="-45deg",rK="color-mix(in oklab, var(--accent) 50%, var(--bg))";function oK(e){return e!=="line"}function WL(e){return I2(nu,L8,e)}function UL(e){if(!oK(e))return null;let{ink:t,period:a}=cK[e];return`repeating-linear-gradient(${lK}, ${rK} 0 ${t}px, transparent ${t}px ${a}px)`}var jL={fields:{style:g1("Style",iK(nK,{}),nu,L8),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as dK}from"react/jsx-runtime";import{jsx as m6,jsxs as rs}from"react/jsx-runtime";function hK(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function mK(e){let t=[];for(let a of e.replace(/\r\n?/g,`
|
|
26
|
+
`).split(/\n[ \t]*\n/))a.split(`
|
|
27
|
+
`).map(s=>s.replace(/\s+$/,"")).filter(s=>s.trim()!=="").forEach((s,c)=>{let l=Ix(s)[0].bullet,r=t.at(-1),o=c===0||!r||r.type==="ul"!==l;if(l){let i=s.slice(2);!o&&r?.type==="ul"?r.items.push(i):t.push({type:"ul",items:[i]})}else!o&&r?.type==="p"?r.text+=`
|
|
28
|
+
${s}`:t.push({type:"p",text:s})});return t}var pK=[{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."}],uK=120;function KL({tocTitle:e,sections:t,editing:a=!1,stickyTop:s=uK}){let c=(t??[]).filter(i=>(i.heading??"").trim()!==""||(i.label??"").trim()!==""||(i.body??"").trim()!=="");if(c.length===0&&!a)return null;let l=c.length===0&&a?pK:c,r=new Set,o=l.map((i,n)=>{let h=hK(i.label||i.heading||"",n),m=h,p=2;for(;r.has(m);)m=`${h}-${p++}`;return r.add(m),m});return m6("section",{className:"relative z-[2] bg-bg",children:rs("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:[rs("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:s},children:[e&&m6("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:C(e)}),l.map((i,n)=>rs("a",{href:`#${o[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:[m6("span",{children:C(i.label||"Section")}),m6("span",{className:"text-accent",children:String(n+1).padStart(2,"0")})]},o[n]))]}),m6("div",{className:"flex flex-col gap-16",children:l.map((i,n)=>rs("article",{id:o[n],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:s},children:[rs("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(n+1).padStart(2,"0")," \xB7 ",C(i.label||"Section")]}),i.heading&&m6("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:C(i.heading)}),mK(i.body??"").map((h,m)=>h.type==="ul"?m6("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:h.items.map((p,u)=>m6("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['\xB7']",children:C(p)},u))},m):m6("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:C(h.text)},m))]},o[n]))})]})})}var hu={toc:"On this page"},gK=[{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."}],$L={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>dK(KL,{tocTitle:y(e.tocTitle,hu.toc,e.puck),sections:y1(e.sections,gK,e.puck),editing:e.puck?.isEditing})};var YL={fields:{_gContent:b("Contents"),tocTitle:H("Contents heading",hu.toc),_gSections:b("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:v1("Contents label"),heading:v1("Title"),body:E1("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};import{jsx as fK}from"react/jsx-runtime";import{jsx as A8,jsxs as mu}from"react/jsx-runtime";function vK({level:e,className:t,children:a}){return A8(e===2?"h2":"h1",{className:t,children:a})}function XL({eyebrow:e,title:t,deck:a,meta:s,editing:c=!1,titleLevel:l}){let r=(s??[]).filter(o=>(o.label??"").trim()!==""||(o.value??"").trim()!=="");return!(e||t||a||r.length>0)&&!c?null:A8("section",{className:"relative z-[2] bg-bg",children:mu("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:[mu("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&&A8(V1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&A8(vK,{level:l,className:"font-display text-[length:min(var(--size-headingLarge,clamp(56px,8vw,128px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.88] tracking-[-0.04em]",children:$(t,!0)}),r.length>0&&A8("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:r.map((o,i)=>mu("div",{children:[o.label&&A8("strong",{className:"font-normal text-fg",children:C(o.label)}),o.label&&o.value?" ":null,o.value?C(o.value):null]},i))})]}),a&&A8("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:C(a,!0)})]})})}var bK=[{label:"Label",value:"Value"},{label:"Label",value:"Value"}],H8={eyebrow:L.eyebrow,title:L.headingAccent,deck:"Add a sentence or two introducing this document."},JL={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>fK(XL,{titleLevel:e.titleLevel,eyebrow:y(e.eyebrow,H8.eyebrow,e.puck),title:y(e.title,H8.title,e.puck),deck:y(e.deck,H8.deck,e.puck),meta:y1(e.meta,bK,e.puck),editing:e.puck?.isEditing})};var QL={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",H8.eyebrow),title:D("Heading",H8.title),deck:D("Deck / standfirst",H8.deck),_gMeta:b("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:v1("Label"),value:v1("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||"Row"}}};import{jsx as zK}from"react/jsx-runtime";import{jsx as os,jsxs as xK}from"react/jsx-runtime";function eA({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:os("section",{className:"relative z-[2] bg-bg",children:os("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)=>xK("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[s.label&&os(V1,{text:s.label,size:12}),s.value&&os("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:C(s.value)}),s.desc&&os("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:C(s.desc)})]},c))})})}var pu=[{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."}],tA={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>zK(eA,{cards:y1(e.cards,pu,e.puck),editing:e.puck?.isEditing})};var aA={fields:{cards:D9({type:"array",label:"Cards",arrayFields:{label:v1("Label"),value:v1("Value"),desc:E1("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:e=>e?.label||e?.value||"Card"},pu)}};import{jsx as CK}from"react/jsx-runtime";import{PageIcon as kK}from"efficient-easel/icons";import{jsx as yK}from"react/jsx-runtime";import{jsx as uu,jsxs as du}from"react/jsx-runtime";function sA({tabs:e,metaLabel:t,metaValue:a,editing:s=!1}){let c=(e??[]).filter(r=>(r.label??"").trim()!=="");if(c.length===0&&!s)return null;let l=c.findIndex(r=>r.current);return uu("nav",{className:`${se} 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:du("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((r,o)=>{let i=o===l;return du(t0,{href:r.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",o===0?"border-l border-line":"",i?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[Z0(r.label),i&&uu("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},o)}),(t||a)&&du("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[t&&C(t),a&&uu("strong",{className:"ml-2 font-normal text-accent",children:C(a)})]})]})})}var wK=[{label:"Tab",href:"#",current:!0},{label:"Tab",href:"#",current:!1},{label:"Tab",href:"#",current:!1}],is={metaLabel:L.label,metaValue:L.value},cA={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>yK(sA,{tabs:y1(e.tabs,wK,e.puck),metaLabel:y(e.metaLabel,is.metaLabel,e.puck),metaValue:y(e.metaValue,is.metaValue,e.puck),editing:e.puck?.isEditing})};var lA={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:G("Tab label"),href:H1("Links to"),current:s1("Current page",!1,CK(kK,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:b("Trailing note"),metaLabel:H("Note label",is.metaLabel),metaValue:H("Note value",is.metaValue)}};import{jsx as MK}from"react/jsx-runtime";import{StylesIcon as SK}from"efficient-easel/icons";var rA={fields:{eyebrow:H("Eyebrow",L.eyebrow),align:T5(),eyebrowLook:g1("Look",MK(SK,{}),y4,ar)}};import{jsx as ZK}from"react/jsx-runtime";import{ChevronIcon as DK}from"efficient-easel/icons";import{jsx as RK}from"react/jsx-runtime";import{Fragment as VK,jsx as F4,jsxs as bu}from"react/jsx-runtime";import{jsx as TK}from"react/jsx-runtime";import{useEffect as PK,useRef as EK}from"react";import{jsx as AK}from"react/jsx-runtime";import{useEffect as HK,useRef as FK}from"react";var ns="data-puck-component";function vu(e,t){return e.closest(`[${ns}]`)?.getAttribute(ns)===t}function oA(e,t,a){let s=e.querySelectorAll("*"),c=[],l=new Set;for(let u=0;u<s.length;u+=1){let g=s[u];if(!vu(g,t))continue;let d=g.getAttribute(pa);d&&(c.push({element:g,partId:Q5(t,d)}),l.add(g))}let r=[];for(let u=0;u<s.length;u+=1){let g=s[u];if(!vu(g,t)||l.has(g))continue;let d=Bx(g.textContent??"");d&&r.push({element:g,text:d})}let o=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=r.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],k=f[z].element,M={key:x.key,partKey:Vh(x.key,x.row),exact:!0},A=o.get(k);A?A.push(M):(o.set(k,[M]),i.push(k))}m.add(u)}for(let u of a){if(m.has(n(u)??""))continue;let g=Vh(u.key,u.row);for(let d of u.texts){let f=[],v=null;for(let k of r)k.text===d?f.push(k.element):!f.length&&k.text.includes(d)&&(!v||k.text.length<=v.length)&&(v={element:k.element,length:k.text.length});let z=f.length?f:v?[v.element]:[],x=z.filter(k=>!z.some(M=>M!==k&&k.contains(M)));for(let k of x){let M={key:u.key,partKey:g,exact:f.length>0},A=o.get(k);A?A.push(M):(o.set(k,[M]),i.push(k))}}}let p=[...c];for(let u of i){let g=o.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:Q5(t,d[0].partKey)});continue}new Set(d.map(f=>f.key)).size===1&&p.push({element:u,partId:Q5(t,d[0].key)})}return p}function gu(e,t,a){let s=e.querySelectorAll(`[${e6}]`);for(let l=0;l<s.length;l+=1){let r=s[l];vu(r,t)&&r.removeAttribute(e6)}let c=[];for(let{element:l,partId:r}of a)l.setAttribute(e6,r),c.push(l);return c}function iA(e,t,a,s,c,l=()=>null){let r=null,o=null,i=null,n=()=>{let h=a(),m=h?.getAttribute(ns)??null;if(!h||!m)return!1;r=m;let p=oA(e,m,t);return c(h,m,gu(e,m,p)),i=l(()=>{let u=oA(e,m,t);LK(p,u)||(p=u,c(h,m,gu(e,m,u)))}),!0};return n()||(o=s(()=>{(r||n())&&(o?.(),o=null)})),()=>{o?.(),o=null,i?.(),i=null,r&&gu(e,r,[])}}function LK(e,t){return e.length===t.length&&e.every((a,s)=>a.element===t[s].element&&a.partId===t[s].partId)}function nA(e,t){return e?.closest(`[${e6}]`)?.getAttribute(e6)??Q5(t,null)}function hA(e,t){return e!==Q5(t,null)}function fu(e){let t=null,a=null;for(let s=e;s&&(t===null||a===null);s=s.parentElement){let c=s.getAttribute("class");t??=Vx(c),a??=Bh(c)}return{faceRole:t??"body",sizeGroup:a}}function Do(e){let t=e.style,a={};for(let r of Rh)a[r]=t[r]??"",t[r]="";let s=getComputedStyle(e),c=getComputedStyle(e.ownerDocument.documentElement),l=Dx({fontSize:s.fontSize,fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,textAlign:s.textAlign,textTransform:s.textTransform,paddingTop:s.paddingTop,maxWidth:s.maxWidth},Ox(s.fontFamily,r=>c.getPropertyValue(r)));for(let r of Rh)t[r]=a[r];return l}function mA({needles:e,styles:t,type:a,children:s}){let c=FK(null),{selectedPartId:l,select:r}=ol(),{setPartStyle:o}=il(),i=JSON.stringify(e),n=JSON.stringify(t);return HK(()=>{let h=c.current;if(!h)return;let m=[],p=()=>h.parentElement,u=x=>{let k=p();if(!k)return null;let M=new MutationObserver(x);return M.observe(k,{attributes:!0,attributeFilter:[ns]}),()=>M.disconnect()},g=x=>{let k=new MutationObserver(x);return k.observe(h,{childList:!0,subtree:!0,characterData:!0}),()=>k.disconnect()},d=[];m.push(()=>{for(let x of d)x();d=[]});let f=JSON.parse(i),v=JSON.parse(n),z=iA(h,f,p,u,(x,k,M)=>{for(let F of d)F();d=[];let A=[];for(let F of M){let T=F,N=S9(T);N&&d.push(N),T.getAttribute(e6)===l?(T.setAttribute(r8,""),A.push(T)):T.removeAttribute(r8)}let R=Gx(k,l,A,F=>Nx(F)!==null||Bh(F)!==null);if(R&&l){let F=R;o({partId:l,...fu(F),base:Do(F),inks:_x(F)})}qx(M.map(F=>({element:F,partId:F.getAttribute(e6)??""})),v,F=>Do(F),F=>az(a,F));let E=F=>{let T=nA(F.target,k);hA(T,k)&&(F.stopPropagation(),F.preventDefault()),r(T)},Z=x;Z.addEventListener("click",E,{capture:!0}),d.push(()=>Z.removeEventListener("click",E,{capture:!0}))},g);return()=>{z();for(let x of m)x()}},[i,n,l,r,o]),AK("div",{ref:c,style:{display:"contents"},children:s})}function $e({nodeId:e,sectionType:t,children:a}){let s=EK(null),{selectedPartId:c,select:l}=ol(),{setPartStyle:r}=il();return PK(()=>{let o=s.current,i=Oy(t);if(!o||!e||!i)return;let n=[],h=Array.from(o.querySelectorAll(`[${p8}]`));for(let p of h){let u=By(i,p.getAttribute(p8));if(!u)continue;let g=S9(p);g&&n.push(g);let d=Q5(e,u8(u));d===c?(p.setAttribute(r8,""),r({partId:d,...fu(p),base:Do(p)})):p.removeAttribute(r8)}let m=p=>{let u=Zy(i,p.target);u&&(p.stopPropagation(),p.preventDefault(),l(Q5(e,u8(u))))};return o.addEventListener("click",m,{capture:!0}),n.push(()=>o.removeEventListener("click",m,{capture:!0})),()=>{for(let p of n)p();for(let p of h)p.removeAttribute(r8)}},[e,t,c,l,r]),TK("div",{ref:s,style:{display:"contents"},children:a})}function pA(e){return p2(e).trim()}function xu(e,t){return e?{[p8]:t}:{}}function zu(e,t){let a=e?.[u8(t)]?.role;return Ul(a,Ry[t],ll)}function NK({editing:e,nodeId:t,children:a}){return!e||!t?F4(VK,{children:a}):F4($e,{nodeId:t,sectionType:"FAQ",children:a})}var _K="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]",IK="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 uA({num:e,title:t,link:a,items:s,defaultOpen:c=!0,editing:l=!1,omitHead:r=!1,nodeId:o,partStyles:i}){let n=(s??[]).filter(d=>(d.question??"").trim()!==""),h=l&&n.length===0;if(n.length===0&&!l)return null;let m=h?[{question:"Add your first question",answer:"Write the answer here."},{question:"Add another question",answer:"Write the answer here."}]:n,p=m.filter(d=>(d.answer??"").trim()!=="").map(d=>({"@type":"Question",name:pA(d.question??""),acceptedAnswer:{"@type":"Answer",text:pA(d.answer??"")}})),u=!l&&p.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:p}).replace(/</g,"\\u003c"):null,g=t?$(t,!0):void 0;return bu("section",{className:r?IK:_K,children:[F4("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),u&&F4("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:u}}),r?null:F4(Q1,{num:e!==void 0?C(e):void 0,title:g,link:a?{text:C(a.text),href:a.href}:void 0,accent:!0}),F4(NK,{editing:l,nodeId:o,children:F4("div",{children:m.map((d,f)=>bu("details",{open:f===0&&c,className:"border-b border-line",children:[bu("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:[F4("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...xu(l,"number"),style:zu(i,"number"),children:String(f+1).padStart(2,"0")}),F4("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)]",...xu(l,"question"),style:zu(i,"question"),children:C(d.question??"")}),F4("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),d.answer&&F4("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:F4("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...xu(l,"answer"),style:zu(i,"answer"),children:C(d.answer)})})]},f))})})]})}var F8={num:L.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},BK=[{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."}],dA={label:"Q&A",defaultProps:{num:"",title:"",linkText:"",linkHref:"/faq",defaultOpen:!0,items:[]},render:e=>{let t=D1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=y(e.linkText,F8.link,e.puck);return RK(uA,{num:a(y(e.num,F8.num,e.puck)),title:a(y(e.title,F8.title,e.puck)),link:a(s?{text:s,href:t1(e.linkHref)||"/faq"}:void 0),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:L9(e),items:y1(e.items,BK,e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};var gA={fields:{_gContent:b("Content"),num:H("Number",F8.num),title:D("Heading",F8.title),linkText:H("Button",F8.link),linkHref:H1("Link"),_gQuestions:b("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:v1("Question"),answer:E1("Answer")},getItemSummary:e=>e.question||"Question"},_gLayout:b("Layout"),defaultOpen:s1("Open first answer",!0,ZK(DK,{}))},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.FAQ.headRows)};import{jsx as G3,Fragment as Go,jsxs as qK}from"react/jsx-runtime";import{useContext as WK}from"react";import{SettingsField as zA}from"efficient-easel/panel";import{FieldSelect as yA}from"efficient-easel/fields";import{BlogPostIcon as wA}from"efficient-easel/icons";function Ye({fetch:e,keyBy:t}){let a=null,s=null,c=null;return(l=!1)=>{let r=N3(),o=t?t():null;return(l||!a||s===null&&r!==null||c!==o)&&(s=r,c=o,a=r||!ha().usesBridgedToken?e(r??"",o).catch(()=>[]):Promise.resolve([])),a}}var vA=Ye({fetch:async(e,t)=>await tx().blog?.posts(t?{siteId:t}:void 0)??[],keyBy:i2});import{useEffect as fA,useRef as OK,useState as yu}from"react";function p6(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function Xe({load:e,resolve:t,snapshot:a,value:s,onChange:c}){let[l,r]=yu(null),[o,i]=yu(!1),[n,h]=yu(!1),m=OK(!0);return fA(()=>(m.current=!0,e().then(p=>{m.current&&r(p)}),()=>{m.current=!1}),[]),fA(()=>{if(!s?.slug||l===null)return;let p=t(l,s);if(!p)return;let u=a(p);p6(u,s)&&c(u)},[l]),{rows:l,loading:l===null,refreshing:o,errored:n,refresh:()=>{s?.slug&&(i(!0),h(!1),e(!0).then(p=>{if(!m.current)return;r(p);let u=t(p,s);u&&c(a(u))}).catch(()=>{m.current&&h(!0)}).finally(()=>{m.current&&i(!1)}))}}}import{jsx as Oo,jsxs as GK}from"react/jsx-runtime";import{Button as bA}from"efficient-shell/ui";function T4({status:e,statusText:t,onRefresh:a,busy:s=!1,edit:c,hint:l,spaced:r=!0}){return GK("div",{className:"sf-blogsource",style:r?{marginTop:9}:void 0,children:[Oo("p",{className:"sf-blogsource-status","data-state":e,children:t}),Oo(bA,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:a,disabled:s,children:"Refresh now"}),c?Oo(bA,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:c.onClick,children:c.label}):null,Oo("p",{className:"es-field-hint sf-hint-keep",children:l})]})}function UK(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 xA(e){return{slug:e.slug,image:e.coverImage,title:e.title,dek:e.excerpt,date:UK(e.publishedAt),href:e.href}}function Je({value:e,onChange:t}){let a=WK(yl);return a&&!a.capabilities.hasBlog?e?.slug?G3(jK,{value:e,onChange:t}):G3(Go,{}):G3(KK,{value:e,onChange:t})}function jK({value:e,onChange:t}){return G3("div",{children:G3(zA,{label:"Blog post source",icon:G3(wA,{}),hint:G3(Go,{children:"Linked to a blog post. This editor has no blog to pick another from; choose \u201CNone (manual)\u201D to author the section yourself."}),children:G3(yA,{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}]})})})}function KK({value:e,onChange:t}){let{rows:a,loading:s,refreshing:c,errored:l,refresh:r}=Xe({load:vA,resolve:(m,p)=>m.find(u=>u.slug===p.slug),snapshot:xA,value:e,onChange:t}),o=m=>{if(!m){t(null);return}let p=(a??[]).find(u=>u.slug===m);p&&t(xA(p))},i=e?.slug&&!(a??[]).some(m=>m.slug===e.slug),n=l?"error":c?"loading":"idle",h=l?"Couldn\u2019t reach Storefront \u2192 Blog.":c?"Syncing from Storefront \u2192 Blog\u2026":`Linked to \u201C${e?.title||e?.slug||""}\u201D`;return qK("div",{children:[G3(zA,{label:"Blog post source",icon:G3(wA,{}),hint:e?.slug?void 0:G3(Go,{children:"Pick a post from Storefront \u2192 Blog to auto-fill this section, or keep \u201CNone (manual)\u201D to author it yourself below."}),children:G3(yA,{value:e?.slug??"",ariaLabel:"Blog post source",onChange:o,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?G3(T4,{status:n,statusText:h,onRefresh:r,busy:c,hint:G3(Go,{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."})}):null]})}import{jsx as YK}from"react/jsx-runtime";import{jsx as q3,jsxs as hs}from"react/jsx-runtime";import{Fragment as $K}from"react";function CA({image:e,badge:t,imageDate:a,category:s,readLabel:c,date:l,title:r,dek:o,ctaText:i,ctaHref:n,...h}){let m=[s?q3("span",{className:"text-accent",children:C(s)}):null,c?q3("span",{children:C(c)}):null,l?q3("span",{children:C(l)}):null].filter(Boolean);return q3("section",{className:N0(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:hs("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[hs("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(C0,{label:"featured-cover",src:e||void 0,alt:p2(r||"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:C(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:C(a)})]}),hs("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)=>hs($K,{children:[u>0&&q3("span",{className:"opacity-40",children:"\xB7"}),p]},u))}),r&&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:$(r,!0)}),o&&b0(o).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:C(p,!0)},u)),i&&q3("div",{children:hs(t0,{href:n||"#",className:"group inline-flex items-center gap-3.5 py-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[C(i)," ",q3("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}var s3={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:u2.href},kA={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:l,date:r,title:o,dek:i,ctaText:n,ctaHref:h,puck:m})=>{let p=e,u=!!p?.slug;return YK(CA,{image:u?p.image:t,badge:y(a,s3.badge,m),imageDate:u?p.date:y(s,s3.imageDate,m),category:y(c,s3.category,m),readLabel:y(l,s3.readLabel,m),date:u?p.date:y(r,s3.date,m),title:u?p.title:y(o,s3.title,m),dek:u?p.dek:y(i,s3.dek,m),ctaText:y(n,s3.ctaText,m),ctaHref:u?p.href:t1(h)})}};var MA={fields:{source:a2(Je),image:G1("Cover image","image/*"),badge:H("Badge",s3.badge),imageDate:H("Image date",s3.imageDate),_gContent:b("Content"),category:H("Category",s3.category),readLabel:H("Read time",s3.readLabel),date:H("Date",s3.date),title:D("Heading",s3.title),dek:D("Dek",s3.dek),ctaText:H("Button",s3.ctaText),ctaHref:H1("Link")},resolveFields:(e,{fields:t})=>{let a=!!e.props.source?.slug,s=new Set(a?["image","imageDate","date","title","dek","ctaHref"]:[]),c={};for(let[l,r]of Object.entries(t))s.has(l)||(c[l]=r,a&&l==="source"&&(c._nBound=f5(Tl)));return c}};import{jsx as _A}from"react/jsx-runtime";import{OpacityIcon as u$,StylesIcon as d$}from"efficient-easel/icons";import{jsx as p$}from"react/jsx-runtime";import{jsx as T8,jsxs as h$,Fragment as m$}from"react/jsx-runtime";import{jsx as SA,Fragment as XK,jsxs as JK}from"react/jsx-runtime";import{useEffect as LA,useRef as QK,useState as AA}from"react";function HA({children:e,className:t,style:a}){let s=QK(null),[c,l]=AA([]),[r,o]=AA(0);LA(()=>{let n=s.current;if(!n)return;let h=()=>{let p=Array.from(n.querySelectorAll(":scope > *"));l(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(r,c.length-1):0;return LA(()=>{let n=s.current;n&&Array.from(n.children).forEach((h,m)=>{h.hidden=c.length>1&&m!==i})},[c,i]),JK(XK,{children:[c.length>1&&SA(lw,{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&&o(Number(m))})}}),SA("div",{ref:s,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{jsx as TA}from"react/jsx-runtime";import{createContext as a$,useContext as s$}from"react";var e$=new Set(["Flex","Grid"]);function wu(e,t){return e&&!t}var t$=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 l of s){let r=l?.props??{};if(r.id===t)return c;let o=String(l?.type??""),i=e$.has(o)&&wu(R2(r,"page").mode!=="full",c);for(let n of Object.values(r)){if(!t$(n))continue;let h=a(n,c||i);if(h!==void 0)return h}}};return a(e,!1)}var PA=a$(!1);function Qe({contained:e,framedClass:t,fillClass:a,style:s,tabLabel:c,children:l}){let r=s$(PA),o=wu(e,r);return TA("div",{className:o?t:a,style:s,"data-tab-label":c,children:o?TA(PA.Provider,{value:!0,children:l}):l})}import{jsx as c$}from"react/jsx-runtime";import{createContext as l$}from"react";var Cu=l$(null),r$={dark:!0};function EA({children:e}){return c$(Cu.Provider,{value:r$,children:e})}import{jsx as o$}from"react/jsx-runtime";var ms="mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]",ps="max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",us=`${ms} ${ps}`,i$="mx-auto w-full max-w-[1280px] px-[60px]",n$="max-[960px]:px-6",qv1=`${i$} ${n$}`;function e2({contained:e,className:t="",style:a,children:s}){return o$(Qe,{contained:e,framedClass:`${us} ${t}`,fillClass:`w-full ${t}`,style:a,children:s})}function VA({direction:e,label:t,gap:a,justify:s,align:c,wrap:l,share:r,phoneRow:o,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:k,contained:M=!0,fillHeight:A=!1,content:R}){let E=Re(n),Z=Pr(),F=[ey(r),ay(i)].filter(Boolean).join(" "),T=F?` ${F}`:"",N=["flex",e==="row"?`flex-row ${ty(o)}`:"flex-col",Hl(l),E?yo(p??"center",e):Al(s,c)].join(" ")+T,B=A||E?" h-full":"",P=E||Z?"":" py-6",O=`${ms}${P} ${ps}${B}`,c1=Z?B.trim():`w-full${P}${B}`,V=_3("Flex",a,e==="row"?"inline":"block"),q=T8(R,{className:`${N}${V.className}${B}`,style:V.style,minEmptyHeight:120}),K=e==="tabs"?T8(HA,{className:`${N}${V.className}${B}`,style:V.style,children:q}):q,W=t?.trim()||void 0,r1=d1=>T8(Qe,{contained:M,framedClass:O,fillClass:c1,tabLabel:W,children:d1});if(!E)return r1(K);let x1=zo(h,m),Y=T9(typeof u=="number"?u:D3.desktop,typeof g=="number"?g:D3.desktop,typeof d=="number"?d:D3.phone,typeof f=="number"?f:D3.phone,typeof v=="number"?v:D3.side,typeof z=="number"?z:D3.side,typeof x=="number"?x:D3.sidePhone,typeof k=="number"?k:D3.sidePhone),e1=T8("div",{className:`relative z-[1] ${NS} ${Y?.className??""}`.trimEnd(),style:Y?.style,children:K});return r1(T8(m$,{children:h$("div",{className:`relative isolate overflow-hidden ${xo}${B}`,style:{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center"},children:[x1&&T8("div",{className:"absolute inset-0 z-0",style:x1,"aria-hidden":!0}),x1?T8(EA,{children:e1}):e1]})}))}var ku={content:{type:"slot"}},NA={label:"Box",fields:ku,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>p$(VA,{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:bl(e),content:e.content})};var IA={fields:{_gContent:b("Content"),contentList:c2("Flex","Blocks"),content:ku.content,_gLayout:b("Layout"),direction:{type:"radio",options:Pz("Flex")},label:G("Tab name"),gap:I3("Flex"),justify:El(),align:Vl(),wrap:Nl(),share:uy(),phoneRow:gy(),blockSpacing:dy(),_gBackground:b("Background image"),bgImage:G1("Image","image/*"),darken:a1("Darken",_A(u$,{}),E2.min,E2.max,E2.step,E2.fallback,E2.unit),darkenStyle:g1("Darken style",_A(d$,{}),d7,d7[0].value),placement:s6("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(Re(a.bgImage))return{...t,...b5({phone:!0,top:D3.desktop,bottom:D3.desktop,sides:!0,side:D3.side,sidePhone:D3.sidePhone,sideBounds:_S})};let s={...t};return delete s.darken,delete s.darkenStyle,delete s.placement,s}};import{jsx as $A}from"react/jsx-runtime";var P8={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as F$,ThemeIcon as T$}from"efficient-easel/icons";import{jsx as A$}from"react/jsx-runtime";import{jsx as v2,Fragment as C$,jsxs as E8}from"react/jsx-runtime";import{useEffect as gs,useRef as X4,useState as Jo}from"react";var g$=[{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"}]}],v$=[{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"}]}],b7={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)"}}},vf1=b7.dark.marker;function f$(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function RA(e="auto"){return e==="light"?!0:e==="dark"?!1:f$()}function et(e="auto"){return RA(e)?v$:g$}function x7(e="auto"){return RA(e)?b7.light:b7.dark}function Y4(e="auto"){return x7(e).background}function tt(e="auto"){return x7(e).marker}function qo(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}var b$="https://maps.googleapis.com/maps/api/js",x$="__storefrontMapsReady__",Wo=null;function Uo(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(Wo)return Wo;let t=e&&e.trim()||"";return t?(Wo=new Promise((a,s)=>{let c=x$;window[c]=()=>a(window.google.maps);let l=document.createElement("script");l.src=`${b$}?key=${encodeURIComponent(t)}&libraries=marker&callback=${c}&v=weekly&loading=async`,l.async=!0,l.defer=!0,l.onerror=()=>s(new Error("Failed to load Google Maps JS SDK")),document.head.appendChild(l)}),Wo):Promise.reject(new Error("No Google Maps API key configured"))}function ds(e,t){return Number.isFinite(e)&&Number.isFinite(t)&&!(e===0&&t===0)}import{createContext as y$,useContext as BA}from"react";var ZA="sf:maps-api-key",DA="sf:maps-map-id";function yf1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(ZA)??""}catch{return""}}function wf1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(ZA,e)}catch{}}function Cf1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(DA)??""}catch{return""}}function kf1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(DA,e)}catch{}}var Mu=y$({apiKey:"",setApiKey:()=>{},mapId:""}),Mf1=Mu.Provider,jo=()=>BA(Mu).apiKey,Ko=()=>BA(Mu).mapId;function $o(e,t){return e&&e.trim()||t&&t.trim()||""}function Yo(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as w$}from"react/jsx-runtime";function O2({num:e,title:t,titleAccent:a,desc:s,accentTracking:c="-0.02em",spaceBelow:l="mb-[60px]",className:r=""}){return w$(Q1,{look:"editorial",num:e,title:t,titleAccent:a,description:s,accentTracking:c,spaceBelow:l,className:r})}import{jsx as OA,jsxs as GA}from"react/jsx-runtime";function Xo({groupKey:e,name:t,count:a}){return GA("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[OA("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?OA("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,GA("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[a," location",a===1?"":"s"]})]})}var k$=11,M$=6,Su=60;function Lu(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&":t==="<"?"<":t===">"?">":t==='"'?""":"'")}function UA(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?k$:M$,fillColor:tt(a),fillOpacity:1,strokeColor:tt(a),strokeOpacity:e.hq?.3:.25,strokeWeight:e.hq?14:9}}function qA(e,t,a,s,c,l){c.forEach(o=>o.setMap(null)),c.clear();let r=new t.LatLngBounds;return s.forEach((o,i)=>{if(!ds(o.lat,o.lng))return;r.extend({lat:o.lat,lng:o.lng});let n=new t.Marker({map:e,position:{lat:o.lat,lng:o.lng},icon:UA(o,t,a),title:o.city,zIndex:o.hq?100:10,cursor:"pointer"});n.addListener("click",()=>l(i)),c.set(i,n)}),r}function S$(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 WA({pal:e}){let t=e?e.marker:"var(--accent)",a=e?e.info.bg:"var(--site-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 E8(C$,{children:[v2("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`radial-gradient(60% 70% at 50% 50%, color-mix(in oklab, ${t} 8%, ${a}) 0%, ${a} 60%, ${s} 100%)`}}),v2("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`repeating-linear-gradient(0deg, transparent 0 22px, ${c} 22px 23px), repeating-linear-gradient(90deg, transparent 0 22px, ${c} 22px 23px)`}})]})}function jA({sectionNumber:e="",heading:t="",tagline:a="",offices:s=[],apiKey:c="",mapId:l="",mapTheme:r="auto",padTop:o,padBottom:i,editing:n,omitHead:h=!1}){let m=typeof o=="number"?o:120,p=typeof i=="number"?i:120,[u,g]=Jo(null),d=s.length===0&&!e&&!t&&!a;if(gs(()=>{g(v=>v!==null&&v>=s.length?null:v)},[s]),d&&!n)return null;let f=Ql(s,v=>String(v.group??""),()=>"");return v2("section",{className:"relative z-[2] bg-bg",children:E8("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:m,paddingBottom:p},children:[!h&&(e||t||a)&&v2(O2,{num:e,title:t?$(t):void 0,desc:a||void 0,spaceBelow:"mb-12"}),v2(L$,{offices:s,apiKey:c,mapId:l,mapTheme:r,activeIndex:u,onSelect:g}),s.length>0&&v2("div",{className:"mt-12 flex flex-col gap-8",children:f.map((v,z)=>E8("div",{children:[v.key&&v2(Xo,{groupKey:v.key,count:v.items.length}),v2("div",{className:["grid gap-[2px] bg-bg",za(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:k})=>{let M=u===k;return E8("button",{type:"button",onClick:()=>g(k),"aria-pressed":M,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",M?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[E8("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[x.hq&&v2("span",{className:"border border-accent bg-accent px-1.5 py-0.5 text-[length:var(--size-body,10px)] text-bg",children:"HQ"}),x.role&&v2("span",{className:"text-accent",children:x.role})]}),x.city&&v2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:v2(d8,{value:x.city,children:x.city})}),x.country&&v2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:x.country}),x.address&&v2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:C(x.address)})]},k)})})]},v.key?`g:${v.key}`:`ungrouped:${z}`))}),s.length===0&&n&&v2("p",{className:"mt-8 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:"Add an office in the inspector"})]})})}function L$({offices:e,apiKey:t,mapId:a,mapTheme:s,activeIndex:c,onSelect:l}){let r=$o(t,jo()),o=Yo(a,Ko()),i=!!r&&e.some(N=>ds(N.lat,N.lng)),n=s!=="auto",h=x7(s),m=X4(null),p=X4(null),u=X4(null),g=X4(null),d=X4(new Map),f=X4(null),v=X4(null),z=X4(null),x=X4(l);x.current=l;let k=X4(e);k.current=e;let M=X4(c);M.current=c;let[A,R]=Jo(!1),[E,Z]=Jo(b7.dark),[F,T]=Jo(b7.dark.background);return gs(()=>{Z(x7(s)),T(Y4(s))},[s]),gs(()=>{if(!i)return;let N=m.current;if(!N)return;let B=!1,P=null,O=async()=>{try{let V=await Uo(r);if(B||!p.current)return;let q=new V.Map(p.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:Y4(s),...o?{mapId:o}:{styles:et(s)}});u.current=q,g.current=V;let K=qA(q,V,s,k.current,d.current,r1=>x.current(r1));v.current=K,K.isEmpty()||q.fitBounds(K,Su);let W=new V.InfoWindow({disableAutoPan:!0});W.addListener("closeclick",()=>x.current(null)),f.current=W,q.addListener("click",()=>x.current(null)),q.addListener("tilesloaded",()=>{B||R(!0)}),s==="auto"&&!o&&(P=qo(()=>{B||!u.current||(u.current.setOptions({styles:et(s),backgroundColor:Y4(s)}),d.current.forEach((r1,x1)=>{let Y=k.current[x1];Y&&r1.setIcon(UA(Y,V,s))}),Z(x7(s)),T(Y4(s)))}))}catch(V){console.error("[FootprintMap] Maps SDK failed:",V)}},c1=new IntersectionObserver(V=>{for(let q of V)if(q.isIntersecting){c1.disconnect(),O();break}},{rootMargin:"200px"});return c1.observe(N),()=>{B=!0,c1.disconnect(),P?.(),f.current?.close(),f.current=null,u.current=null,g.current=null,d.current.forEach(V=>V.setMap(null)),d.current.clear(),v.current=null,R(!1)}},[i,r,o,s]),gs(()=>{let N=u.current,B=g.current;if(!N||!B)return;let P=qA(N,B,s,e,d.current,O=>x.current(O));v.current=P,M.current===null&&!P.isEmpty()&&N.fitBounds(P,Su)},[e,s]),gs(()=>{let N=u.current,B=f.current;if(!N||!B)return;if(c===null){B.close(),z.current!==null&&v.current&&!v.current.isEmpty()&&N.fitBounds(v.current,Su),z.current=null;return}let P=e[c],O=d.current.get(c);if(!P||!O){B.close(),z.current=c;return}N.panTo({lat:P.lat,lng:P.lng});let c1=N.getZoom();c1!=null&&c1<4&&N.setZoom(4);let V=E.info,q=P.hq?`<span style="background:${V.accent};color:${V.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",K=P.role?`<span style="color:${V.accent};">${Lu(P.role)}</span>`:"";B.setContent(`
|
|
50
|
+
<div style="padding:10px 14px 12px;min-width:180px;color:${V.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
|
+
${q}${K}
|
|
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:${V.fg};">${Lu(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:${V.fgDim};margin-top:4px;">${Lu(P.country)}</div>
|
|
56
|
+
</div>
|
|
57
|
+
`),B.open({map:N,anchor:O}),z.current=c},[c,A,E,e]),i?E8("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:[v2("style",{dangerouslySetInnerHTML:{__html:S$(E.info)}}),v2(WA,{pal:n?h:void 0}),v2("div",{ref:p,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:A?1:0}}),v2("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim transition-opacity duration-500",A?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):E8("div",{className:["relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",n?"":"bg-bg"].join(" "),style:n?{backgroundColor:h.background}:void 0,children:[v2(WA,{pal:n?h:void 0}),v2("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",n?"":"text-fg-dim"].join(" "),style:n?{color:h.info.fgDim}:void 0,children:r?"Add office coordinates to plot the map":"Add a Google Maps API key to show the map"})]})}var V8={sectionNumber:L.sectionNumber,heading:`${L.heading}
|
|
58
|
+
*${L.accent}*`,tagline:L.body},H$=[{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}],KA={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:P8.apiKey,mapId:P8.mapId,mapTheme:P8.mapTheme,padTop:120,padBottom:120},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return A$(jA,{sectionNumber:a(y(e.sectionNumber,V8.sectionNumber,e.puck)),heading:a(y(e.heading,V8.heading,e.puck)),tagline:a(y(e.tagline,V8.tagline,e.puck)),omitHead:t,offices:y1(e.offices,H$,e.puck),apiKey:t1(e.apiKey),mapId:t1(e.mapId),mapTheme:e.mapTheme??P8.mapTheme,padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var YA={fields:{_gContent:b("Section"),sectionNumber:H("Section number",V8.sectionNumber),heading:D("Heading",V8.heading),tagline:D("Body",V8.tagline),_gOffices:b("Offices"),offices:{type:"array",label:"Offices",arrayFields:{role:G("Role"),city:G("City"),country:G("Region \xB7 country"),address:v1("Address"),group:G("Group"),hq:s1("HQ",!1,$A(F$,{})),geocode:a2(Rl,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},mapTheme:b1("Map theme",$A(T$,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],P8.mapTheme),_sStyle:a0("Style"),...n3("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!Bo(a))return e;let s=await Zo(a,c=>[c.address,c.city,c.country].map(l=>String(l??"").replace(/\*/g,"").trim()).filter(Boolean).join(", "));return{...e,props:{...t,offices:s}}},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Footprint.headRows)};import{jsx as eH}from"react/jsx-runtime";import{ColumnsIcon as E$,PhoneIcon as V$}from"efficient-easel/icons";import{jsx as P$}from"react/jsx-runtime";import{jsx as XA}from"react/jsx-runtime";function JA({columns:e,mobileColumns:t,gap:a,contained:s=!0,fillHeight:c=!1,content:l}){let r=c?" h-full":"",o=`${ms} py-6 ${ps}${r}`,i=`w-full py-6${r}`,n=al(e),h=sl(t,e),m=_3("Grid",a,"both");return XA(Qe,{contained:s,framedClass:o,fillClass:i,children:XA(l,{className:`sf-grid-zone grid${m.className}${r}`,style:{...m.style,"--sf-grid-cols":String(n),"--sf-grid-cols-phone":String(h)},minEmptyHeight:120})})}var Au={content:{type:"slot"}},QA={label:"Grid",fields:Au,defaultProps:{columns:"3",content:[]},render:e=>P$(JA,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:bl(e),content:e.content})};var tH={fields:{contentList:c2("Grid","Blocks"),columns:a1("Columns",eH(E$,{}),1,Lx,1,Hx),mobileColumns:a1("Columns on phone",eH(V$,{}),Eh,Ax,1,Eh),gap:I3("Grid"),content:Au.content}};import{jsx as N$}from"react/jsx-runtime";var aH={fields:{text:D("Heading",L.heading),level:g1("Level",N$(e4,{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:T5()}};import{jsx as P5}from"react/jsx-runtime";import{ClockIcon as R$,EyeIcon as Fu,OpacityIcon as B$,PhoneIcon as cH,PlayIcon as Z$,SquareIcon as lH}from"efficient-easel/icons";import{jsx as _$}from"react/jsx-runtime";var Hu={slides:{type:"slot"}},sH={label:"Hero Slideshow",fields:Hu,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:dw.map(e=>({text:e}))},render:({slides:e,alignment:t,textureOpacity:a,showTexture:s,textureColor:c,phoneUpDown:l,phoneSideways:r,autoplay:o,autoplayInterval:i,showTicker:n,tickerItems:h,heightDesktop:m,heightMobile:p,showPicker:u,pickerShape:g,pickerPlacement:d,showArrows:f,arrowsShape:v,arrowsPlacement:z,puck:x})=>_$(gw,{slides:e,alignment:t,textureOpacity:a,showTexture:s,textureColor:c,phoneUpDown:l,phoneSideways:r,autoplay:o,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})};var rH={fields:{_dDevice:P9(),_gContent:b("Content"),slideList:c2("Hero","Slides"),slides:Hu.slides,_gStyle:b("Style"),alignment:T5(),_gTexture:b("Texture"),showTexture:s1("Show",!0,P5(Fu,{})),textureColor:z5("Color",dx),textureOpacity:a1("Texture opacity",P5(B$,{}),0,100,1,40,"%"),_gLayout:b("Layout"),heightDesktop:n6("desktop"),heightMobile:n6("mobile"),_gAutoplay:b("Auto-slide"),autoplay:s1("Auto-advance slides",!1,P5(Z$,{})),autoplayInterval:a1("Still time per slide",P5(R$,{}),2,15,1,6,"s"),_gPicker:b("Slide picker"),showPicker:s1("Show",cw,P5(Fu,{})),pickerShape:b1("Shape",P5(lH,{}),tw.map(e=>({label:sw[e],value:e})),aw),pickerPlacement:s6("Placement",{stacking:!1,fallback:ew}),_gArrows:b("Arrows"),showArrows:s1("Show",Qy,P5(Fu,{})),arrowsShape:b1("Shape",P5(lH,{}),Yy.map(e=>({label:Jy[e],value:e})),Xy),arrowsPlacement:s6("Placement",{stacking:!1,fallback:$y}),_gPhone:X2("mobile",b("On a phone")),phoneUpDown:X2("mobile",b1(hx,P5(cH,{}),px(),ix)),phoneSideways:X2("mobile",b1(mx,P5(cH,{}),ux(),nx))}};import{jsx as ei}from"react/jsx-runtime";import{NudgeIcon as pH,WidthIcon as uH}from"efficient-easel/icons";import{jsx as D$}from"react/jsx-runtime";import{jsx as oH}from"react/jsx-runtime";function iH({placement:e,nudgeX:t,nudgeY:a,width:s,gap:c,direction:l,justify:r,align:o,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,dragRef:g}){let d=xx(e),f=Ph(t),v=Ph(a),z=_3("HeroGroup",c,xl("HeroGroup",l)==="column"?"block":"inline"),x={"--sf-hg-row":bx(d),justifySelf:fx(d).column};typeof s=="number"&&Number.isFinite(s)&&(x["--sf-hg-w"]=`${zx(s)}%`),(f!==0||v!==0)&&(x["--sf-hg-nudge"]=`${f}px ${v}px`);let k=T9(n,h,m,p);return oH("div",{className:k?`sf-hero-group ${k.className}`:"sf-hero-group","data-hg":d,style:k?{...x,...k.style}:x,ref:g??void 0,children:u?oH(u,{className:["sf-hero-group-blocks flex",Tz("HeroGroup",l),Al(r,o),Hl(i)].filter(Boolean).join(" ")+z.className,style:z.style,minEmptyHeight:40}):null})}var Tu={content:{type:"slot",allow:sx}},nH={label:ex,inline:!0,fields:Tu,defaultProps:{placement:vx,nudgeX:0,nudgeY:0,content:[]},render:({placement:e,nudgeX:t,nudgeY:a,width:s,gap:c,direction:l,justify:r,align:o,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,puck:g})=>D$(iH,{placement:e,nudgeX:t,nudgeY:a,width:s,gap:c,direction:l,justify:r,align:o,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,dragRef:g?.dragRef})};var dH={fields:{_gContent:b("Content"),name:O9(J2(G("Box name",L.boxName))),contentList:c2("HeroGroup"),content:Tu.content,_gLayout:b("Layout"),placement:s6("Placement",{stacking:!0}),width:a1("Width",ei(uH,{}),30,100,5,60,"%"),direction:vy("HeroGroup"),gap:I3("HeroGroup"),justify:El(),align:Vl(),wrap:Nl(),_gNudge:b("Nudge"),nudgeX:a1("Sideways",ei(pH,{}),-40,40,1,0,"px"),nudgeY:a1("Up and down",ei(pH,{}),-40,40,1,0,"px"),...b5({phone:!0})},resolveFields:(e,{fields:t,appState:a})=>{let s=typeof e.props.id=="string"?e.props.id:"";if(tl(a?.data,s)===0)return t;let c={...t};return delete c.placement,c.width=a1("Width",ei(uH,{}),30,100,5,100,"%"),c}};import{jsx as ti}from"react/jsx-runtime";import{MediaIcon as J$,OpacityIcon as bH,PlacementIcon as Q$}from"efficient-easel/icons";var z7="bottom",y7="#0A0A0A",Pu=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],q$={bottom:180,top:0,left:270,right:90},W$=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],U$=[[null,33],[.6,67],[.94,100]];function j$(e,t){let a=/^#[0-9a-f]{6}$/i.test(e)?e:y7,s=parseInt(a.slice(1),16);return`rgba(${s>>16&255},${s>>8&255},${s&255},${t})`}function K$(e){return I2(Pu,z7,e)}function gH(e=y7,t=z7){let a=K$(t),s=(a==="top"||a==="bottom"?W$:U$).map(([c,l])=>`${c===null?"transparent":j$(e,c)} ${l}%`);return`linear-gradient(${q$[a]}deg, ${s.join(", ")})`}import{jsx as X$}from"react/jsx-runtime";import{jsx as at,jsxs as $$}from"react/jsx-runtime";import{useRef as Y$}from"react";function vH({overlay:e=100,overlayColor:t=y7,overlayPosition:a=z7,mediaType:s="image",mediaSrc:c,poster:l,objectPosition:r,tintColor:o="#000000",tintOpacity:i=0,heightDesktop:n,heightMobile:h,boxes:m,editing:p=!1}){let u=rw(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":ae(n),"--sf-hero-h-m":ae(h)}:void 0,f=s==="video",v=f?Q3(c):void 0,z=f?Q3(l):Q3(c)??Q3(l),x=Y$(null);return $$("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:[at("div",{className:"absolute inset-0 z-[1]",children:at(ox,{videoSrc:v,posterSrc:z,showVideo:f,objectPosition:r})}),i>0&&at("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:o,opacity:Math.min(Math.max(i,0),100)/100}}),at("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:gH(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),m&&at("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:at(m,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}var Eu={boxes:{type:"slot",allow:["HeroGroup"]}},fH={label:"Hero",fields:Eu,defaultProps:{mediaType:"image",imageFocal:g5,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:y7,overlayPosition:z7},render:({mediaType:e,mediaImage:t,mediaVideo:a,poster:s,imageFocal:c,tintColor:l,tintOpacity:r,overlay:o,overlayColor:i,overlayPosition:n,heightDesktop:h,heightMobile:m,boxes:p,puck:u})=>X$(vH,{mediaType:e,mediaSrc:(e==="image"?t:a)||void 0,poster:s||void 0,objectPosition:e==="image"&&c||void 0,tintColor:l,tintOpacity:e==="image"?r:0,overlay:o,overlayColor:i,overlayPosition:n,heightDesktop:h,heightMobile:m,boxes:p,editing:u?.isEditing})};var xH={fields:{_dDevice:P9(),_gBoxes:b(y9),boxList:c2("HeroSingle"),boxes:Eu.boxes,_gStyle:b("Style"),overlay:a1("Overlay",ti(bH,{}),0,100,5,100,"%"),overlayColor:z5("Overlay color",y7),overlayPosition:_l("Overlay position",Pu,z7,"A corner would need a diagonal ramp, which this overlay does not draw.",ti(Q$,{})),_gLayout:b("Layout"),heightDesktop:n6("desktop"),heightMobile:n6("mobile"),_gMedia:b("Media"),mediaType:b1("Type",ti(J$,{}),Il,"image"),mediaImage:G1("Background image","image/*","Upload a background image"),imageFocal:W9("Image focus",g5),tintColor:z5("Tint color","#000000"),tintOpacity:a1("Tint opacity",ti(bH,{}),0,100,5,0,"%"),mediaVideo:G1("Background video","video/*","Upload a background video"),poster:G1("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{jsx as Nu}from"react/jsx-runtime";import{MediaIcon as tY,OpacityIcon as aY,PlayIcon as sY}from"efficient-easel/icons";import{jsx as eY}from"react/jsx-runtime";var Vu={groups:{type:"slot",allow:["HeroGroup"]}},zH={label:"Hero Slide",fields:Vu,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:g5,tintColor:"#000000",overlay:0},render:({name:e,process:t,mediaType:a,mediaVideo:s,mediaImage:c,poster:l,mediaSrc:r,videoSpeed:o,imageFocal:i,tintColor:n,overlay:h,groups:m,puck:p,...u})=>{let g=F9({...u,sectionAccent:d5(u.sectionAccent)});return eY(gx,{themeClassName:g?.className,themeStyle:g?.style,name:e||void 0,process:y(t,"Label",p),mediaType:a,mediaSrc:(a==="image"?c:s||r)||void 0,videoSpeed:typeof o=="number"?o:void 0,poster:l||void 0,objectPosition:a==="image"&&i||void 0,tintColor:n,tintOpacity:a==="image"?h:0,groups:m,editing:p?.isEditing})}};var yH={fields:{_gContent:b("Content"),name:O9(G("Slide name",L.slideName)),process:H("Reel label","Label"),_gGroups:b(y9),groupList:c2("HeroSlide"),groups:Vu.groups,_gMedia:b("Media"),mediaType:b1("Type",Nu(tY,{}),Il,"video"),mediaVideo:G1("Background video","video/*","Upload a background video"),videoSpeed:a1("Playback speed",Nu(sY,{}),25,100,5,100,"%"),mediaImage:G1("Background image","image/*","Upload a background image"),imageFocal:W9("Image focus",g5),poster:G1("Video poster","image/*","Upload a poster still"),_gTint:b("Image tint"),tintColor:z5("Tint color","#000000"),overlay:a1("Overlay",Nu(aY,{}),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}};import{jsx as cY}from"react/jsx-runtime";var wH=["cover","contain"],_u={cover:"Cover",contain:"Contain"},ai="Image fit";function st(e,t){return wH.includes(e)?e:t}function CH(){return wH.map(e=>({label:_u[e],value:e}))}function kH(e){return e==="contain"?"object-contain":"object-cover"}function si(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as lY}from"efficient-easel/icons";var MH={fields:{_gImage:b("Image"),src:G1("Image","image/*"),alt:G("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(ai,cY(lY,{}),CH(),"cover"),focal:W9("Image focus",g5,"src"),href:H1("Link"),_gStyle:b("Style"),grayscale:De(),_gShape:b("Shape"),corners:wy(),cornerSides:hy()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(si(a.aspect,st(a.fit,"cover")))return t;let s={...t};return delete s.focal,s}};import{jsx as rY}from"react/jsx-runtime";var SH={fields:{_gContent:b("Content"),eyebrow:H("Chip label","Integrations"),title:D("Heading",`Plays well with
|
|
59
|
+
*your favourite apps.*`),body:D("Body",""),apps:F2("App chips",rY(e4,{noun:"tag"}),"App name","verbatim"),_gStat:b("Stat & note"),statValue:H("Big stat","100s"),statLabel:H("Stat label",""),note:H("Footnote","")}};import{jsx as N8}from"react/jsx-runtime";import{CaseIcon as hY,FullWidthIcon as mY,LayoutIcon as pY,OpacityIcon as uY,StickyIcon as dY,TextLinesIcon as HH}from"efficient-easel/icons";var Iu="overlay",Ru=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function ct(e){return I2(Ru,Iu,e)}var P4={desktop:40,mobile:45,min:20,max:80,step:5};function Bu(e,t){return`${typeof e=="number"?e:t}%`}import{jsx as iY}from"react/jsx-runtime";import{jsx as W3,jsxs as vs,Fragment as oY}from"react/jsx-runtime";function LH({eyebrow:e,title:t,body:a,cta:s,imageLabel:c,imageSrc:l,imageSrcMobile:r,layout:o,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:k=!1,capStyle:M}){let A=ct(o)==="stacked",R=r1=>A?`calc(${ae(r1)} - ${im})`:ae(r1),E=R(m),Z=R(p),F=K6(g,"clamp(48px,7vw,96px)","heading","headingLarge"),T=K6(d,"clamp(36px,7vw,96px)","heading","headingLarge"),N=K6(f,"17px","body","body"),B=K6(v,"16px","body","body"),P=u!=null?u/100:A?0:.6,O=z||"var(--btn)",c1=x||"var(--btn-ink)",V={"--intro-h-d":E,"--intro-h-m":Z,"--intro-title-d":F,"--intro-title-m":T,"--intro-body-d":N,"--intro-body-m":B,...A?{"--intro-copy-d":Bu(i,P4.desktop),"--intro-copy-m":Bu(n,P4.mobile),marginTop:im}:{}},q=M?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",K=vs(oY,{children:[vs("div",{className:"absolute inset-0",children:[W3("div",{className:"absolute inset-0 hidden min-[960px]:block",children:W3(C0,{label:c,src:l})}),W3("div",{className:"absolute inset-0 min-[960px]:hidden",children:W3(C0,{label:c,src:r||l})}),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=vs("div",{style:M,className:"flex flex-col gap-6",children:[e&&W3(V1,{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)]",k?"uppercase":""].join(" "),children:$(t,!1)}),a&&b0(a).map((r1,x1)=>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:C(r1)},x1)),s.text&&W3("div",{className:"mt-2 self-start",children:W3(a3,{href:s.href,variant:"ghost",style:{background:O,color:c1,borderColor:O},children:C(s.text)})})]});return A?vs("section",{style:V,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)]",q].join(" "),style:{color:"var(--fg)"},children:W}),W3("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:K})]}):vs("section",{style:V,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:[K,W3("div",{className:["relative z-[2] flex h-full flex-col justify-center",q].join(" "),style:{color:"var(--overlay-fg)"},children:W})]})}var w7={eyebrow:"\u2014 Label",title:`Section headline
|
|
60
|
+
*Highlight line*`,body:"A sentence or two of supporting copy."};function nY(e){if(e===!1)return q6(`var(--sf-page-width, ${H9.default}px)`)}var AH={label:"Scroll-Over Text",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",imageSrcMobile:"",heightDesktop:100,heightMobile:100,overlay:60,titleSizeDesktop:fa,bodySizeDesktop:fa,titleSizeMobile:fa,bodySizeMobile:fa,ctaText:"",ctaHref:"",buttonColor:"",buttonTextColor:"",sticky:!0,uppercase:!1,fullWidth:!0},render:e=>iY(LH,{eyebrow:y(e.eyebrow,w7.eyebrow,e.puck),title:y(e.title,w7.title,e.puck),body:y(e.body,w7.body,e.puck),imageLabel:t1(e.title)||w7.title,imageSrc:e.imageSrc||void 0,imageSrcMobile:e.imageSrcMobile||void 0,cta:O3(e.ctaText,e.ctaHref,e.puck),sticky:e.sticky,layout:ct(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:nY(e.fullWidth)})};var FH={fields:{_dDevice:P9(),_gContent:b("Content"),eyebrow:H("Eyebrow",w7.eyebrow),title:D("Heading",w7.title),body:D("Subtitle",w7.body),uppercase:s1("Uppercase heading",!1,N8(hY,{})),_gBackground:b("Background images"),imageSrc:X2("desktop",G1("Background image","image/*")),imageSrcMobile:X2("mobile",G1("Background image","image/*")),_gLayout:b("Layout"),layout:g1("Layout",N8(pY,{}),Ru,Iu),heightDesktop:n6("desktop"),heightMobile:n6("mobile"),copyShareDesktop:X2("desktop",a1("Text height",N8(HH,{}),P4.min,P4.max,P4.step,P4.desktop,"%")),copyShareMobile:X2("mobile",a1("Text height",N8(HH,{}),P4.min,P4.max,P4.step,P4.mobile,"%")),sticky:s1("Scroll-over",!0,N8(dY,{})),_gWidth:b("Width"),fullWidth:s1("Full width",!0,N8(mY,{})),overlay:a1("Overlay",N8(uY,{}),0,100,5,60,"%"),_gTextDesktop:X2("desktop",b("Text style")),titleSizeDesktop:X2("desktop",ba("Heading font size",32,120,1,96,"heading")),bodySizeDesktop:X2("desktop",ba("Subtitle font size",12,28,1,17,"body")),_gTextMobile:X2("mobile",b("Text style")),titleSizeMobile:X2("mobile",ba("Heading font size",24,72,1,44,"heading")),bodySizeMobile:X2("mobile",ba("Subtitle font size",12,22,1,16,"body")),_gButton:b("Button"),...S4,buttonColor:z5("Button color","#C9A461"),buttonTextColor:z5("Button text color","#000000")}};import{jsx as EH}from"react/jsx-runtime";import{ColumnsIcon as bY,StylesIcon as xY}from"efficient-easel/icons";import{jsx as vY}from"react/jsx-runtime";import{jsx as u6,jsxs as Zu,Fragment as gY}from"react/jsx-runtime";function TH({look:e,eyebrow:t,title:a,items:s,columns:c,editing:l=!1}={}){let r=Math.min(4,Math.max(2,c??3)),o=(s??[]).filter(n=>l||(n.label??"").trim()),i=!!(t??"").trim()||!!(a??"").trim();return!l&&!i&&o.length===0?null:u6("section",{className:"relative z-[2] border-y border-line bg-surface",children:Zu("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&&Zu("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&u6(V1,{text:t??"",look:e}),(a??"").trim()&&u6("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:$(a??"",!1)})]}),o.length>0&&u6("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(r)},children:o.map((n,h)=>{let m=Zu(gY,{children:[u6("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),u6("span",{className:"font-display text-[length:var(--size-body,17px)] font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent",children:C((n.label??"").trim()||"Feature")})]}),p=(n.href??"").trim();if(p&&!l){let u="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return p.startsWith("/")?u6(t0,{href:p,className:u,children:m},h):u6("a",{href:p,className:u,children:m},h)}return u6("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:m},h)})})]})})}var fs={eyebrow:"Highlight",title:"Key *features.*"},fY=[{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:l})=>vY(TH,{look:s4(c,"KeyFeatures"),eyebrow:y(e,fs.eyebrow,l),title:y(t,fs.title,l),items:y1(a,fY,l),columns:s,editing:l?.isEditing})};var VH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",fs.eyebrow),eyebrowLook:g1("Eyebrow style",EH(xY,{}),[...y4],J6("KeyFeatures")),title:D("Heading",fs.title),items:{type:"array",label:"Features",arrayFields:{label:v1("Feature label"),href:J2(G("Link"))},defaultItemProps:{label:"",href:""},getItemSummary:e=>e?.label||"Feature"},_gStyle:b("Style"),columns:a1("Columns",EH(bY,{}),2,4,1,3)}};import{jsx as zY}from"react/jsx-runtime";import{HeightIcon as yY}from"efficient-easel/icons";var NH={fields:{src:G1("Logo image","image/*"),alt:G("Alt text","Brand name","Read out in place of the picture, and shown if it can\u2019t load."),href:H1("Link"),heightPx:a1("Height",zY(yY,{}),Gw,qw,1,c7,"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 a={...t};return delete a.alt,a}};import{jsx as ci}from"react/jsx-runtime";import{BlackAndWhiteIcon as wY,ColumnsIcon as CY,HeightIcon as kY,PaddingYIcon as MY}from"efficient-easel/icons";var _H={fields:{_gContent:b("Content"),heading:D("Heading","Trusted by *teams worldwide*"),items:{type:"array",label:"Logos",arrayFields:{src:G1("Image","image/*"),alt:G("Name / alt")},getItemSummary:e=>e.alt||e.src||"logo"},_gStyle:b("Style"),columns:a1("Columns",ci(CY,{}),3,6,1,5),logoHeight:a1("Logo height",ci(kY,{}),20,72,2,28,"px"),bandPadding:a1("Space above and below",ci(MY,{}),16,120,4,40,"px"),grayscale:s1("Black and white logos",!0,ci(wY,{}))}};import{jsx as SY}from"react/jsx-runtime";import{jsx as c3,jsxs as J4,Fragment as Du}from"react/jsx-runtime";import{Fragment as IH}from"react";function RH({headNum:e,headTitle:t,headDesc:a,category:s,metaMiddle:c,readLabel:l,title:r,dek:o,quote:i,quoteAttribution:n,ctaText:h,ctaHref:m,image:p,imageLabel:u,metaPublished:g,metaReads:d,omitHead:f=!1,...v}){let z=[s?c3("span",{className:"text-accent",children:C(s)}):null,c?c3("span",{children:C(c)}):null,l?c3("span",{children:C(l)}):null].filter(Boolean),x=!!g||!!d;return J4("section",{className:N0(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:c3(O2,{num:e,title:t?$(t,!0):void 0,desc:a?C(a):void 0}),J4("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[J4("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&&c3("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((k,M)=>J4(IH,{children:[M>0&&c3("span",{className:"opacity-40",children:"\xB7"}),k]},M))}),r&&c3("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:$(r,!0)}),o&&c3("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:C(o)}),(i||n)&&J4("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&&J4(Du,{children:["\u201C",C(i),"\u201D"]}),n&&c3("strong",{className:"mt-2.5 block font-display text-[length:var(--size-body,14px)] font-normal not-italic uppercase tracking-[0.22em] text-fg",children:C(n)})]}),h&&J4(t0,{href:m||"#",className:"inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:[C(h)," ",c3("span",{children:"\u2192"})]})]}),J4("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[c3(C0,{label:"long-read",src:p||void 0,alt:p2(r||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),c3("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&&c3(V1,{text:u,size:12,className:"absolute right-6 top-6 z-[2]"}),x&&c3("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?J4(Du,{children:[c3("strong",{className:"font-normal text-accent",children:"Published"})," ",C(g)]}):null,d?J4(Du,{children:[c3("strong",{className:"font-normal text-accent",children:"Reads in"})," ",C(d)]}):null].filter(Boolean).map((k,M)=>J4(IH,{children:[M>0&&c3("br",{}),k]},M))})]})]})]})}var _0={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:u2.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:l,readLabel:r,title:o,dek:i,quote:n,quoteAttribution:h,ctaText:m,ctaHref:p,image:u,imageLabel:g,metaPublished:d,metaReads:f,headPlacement:v,puck:z})=>{let x=D1(v)==="own-box",k=R=>x?void 0:R,M=e,A=!!M?.slug;return SY(RH,{headNum:k(y(t,_0.headNum,z)),headTitle:k(y(a,_0.headTitle,z)),headDesc:k(y(s,_0.headDesc,z)),omitHead:x,category:y(c,_0.category,z),metaMiddle:y(l,_0.metaMiddle,z),readLabel:y(r,_0.readLabel,z),title:A?M.title:y(o,_0.title,z),dek:A?M.dek:y(i,_0.dek,z),quote:y(n,_0.quote,z),quoteAttribution:y(h,_0.quoteAttribution,z),ctaText:y(m,_0.ctaText,z),ctaHref:A?M.href:t1(p),image:A?M.image:u,imageLabel:y(g,_0.imageLabel,z),metaPublished:A?M.date:y(d,_0.metaPublished,z),metaReads:y(f,_0.metaReads,z)})}};var ZH={fields:{source:a2(Je),_gHead:b("Section header"),headNum:H("Number",_0.headNum),headTitle:D("Heading",_0.headTitle),headDesc:D("Body",_0.headDesc),_gMeta:b("Article"),category:H("Category",_0.category),metaMiddle:H("Middle meta",_0.metaMiddle),readLabel:H("Read time",_0.readLabel),title:D("Heading",_0.title),dek:D("Dek",_0.dek),_gQuote:b("Pull quote"),quote:D("Quote",_0.quote),quoteAttribution:H("Attribution",_0.quoteAttribution),_gLink:b("Link"),ctaText:H("Button",_0.ctaText),ctaHref:H1("Link"),image:G1("Image","image/*"),imageLabel:H("Image label",_0.imageLabel),_gOverlay:b("Image caption"),metaPublished:H("Published",_0.metaPublished),metaReads:H("Reads in",_0.metaReads)},resolveFields:(e,{fields:t,parent:a})=>{let s=!!e.props.source?.slug,c=new Set(s?["image","title","dek","ctaHref","metaPublished"]:[]),l={};for(let[r,o]of Object.entries(t))c.has(r)||(l[r]=o,s&&r==="source"&&(l._nBound=f5(Tl)));return O1(W1(l,a,U1),e.props.headPlacement,B1.LongRead.headRows)}};var DH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),heading:D("Heading",`Main heading
|
|
61
|
+
*Highlight line*`),body:D("Body",L.body),stats:{type:"array",label:"Stats",arrayFields:{value:G("Number"),label:G("Label")},getItemSummary:e=>e.label||e.value||"Stat"},_gMedia:b("Media"),imageSrc:G1("Image","image/*"),_gStyle:b("Style"),grayscale:De()}};import{jsx as TY}from"react/jsx-runtime";import{TextLinesIcon as PY}from"efficient-easel/icons";import{jsx as AY}from"react/jsx-runtime";import{jsx as C7,Fragment as LY,jsxs as _8}from"react/jsx-runtime";function OH({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:c,issueTotal:l,...r}){let o=(t??[]).filter(u=>(u?.lead??"").trim()||(u?.rest??"").trim()),i=(c??[]).map(u=>u?.text??"").filter(u=>u.trim()),n=b0(a??""),h=!!e||o.length>0,m=!!s||i.length>0||!!l,p=n.length>0||m;return _8("section",{className:N0(r)?"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&&_8("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&&C7(V1,{text:e,size:14,className:"pb-3.5"}),o.length>0&&C7("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:o.map((u,g)=>_8("div",{children:[C7("strong",{className:"font-normal text-fg",children:C(u.lead??"")}),u.rest?.trim()?_8(LY,{children:[" ",C(u.rest)]}):null]},g))})]}),p&&_8("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&&C7("div",{className:"max-w-[720px]",children:n.map((u,g)=>C7("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:C(u,!0)},g))}),m&&_8("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&&C7("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:$(s,!1)}),i.map((u,g)=>_8("span",{children:[C(u),C7("br",{})]},g)),l&&C7("span",{className:"text-accent",children:C(l)})]})]})]})}var d6={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"},HY=[{lead:"Volume",rest:"No. 1"},{lead:"Season",rest:"Year"},{lead:"Frequency",rest:""}],FY=[{text:"Article headline"},{text:"Feature story"},{text:"Interview"},{text:"Field notes"}],GH={label:"Issue Header",defaultProps:{eyebrow:"",issueMeta:[],lead:"",issueHeading:"",issueList:[],issueTotal:""},render:({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:c,issueTotal:l,puck:r})=>AY(OH,{eyebrow:y(e,d6.eyebrow,r),issueMeta:y1(t,HY,r),lead:y(a,d6.lead,r),issueHeading:y(s,d6.issueHeading,r),issueList:y1(c,FY,r),issueTotal:y(l,d6.issueTotal,r),editing:r?.isEditing})};var qH={fields:{_gTop:b("Top row"),eyebrow:H("Eyebrow",d6.eyebrow),issueMeta:{type:"array",label:"Issue meta lines",arrayFields:{lead:v1("Bold word"),rest:v1("Rest")},getItemSummary:e=>[e?.lead,e?.rest].filter(Boolean).join(" ")||"Line"},_gLead:b("Lead"),lead:D("Lead",d6.lead),_gIssue:b("In this issue"),issueHeading:D("Panel heading",d6.issueHeading),issueList:F2("Issue lines",TY(PY,{}),"Line","markup"),issueTotal:H("Total line",d6.issueTotal)}};import{jsx as k7}from"react/jsx-runtime";import{BlockColumnIcon as li,PlacementIcon as _Y,StateIcon as IY,TemplateIcon as RY,TextLinesIcon as BY}from"efficient-easel/icons";var Ou=[{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"}],EY=Ou.map(e=>e.value),Gu="spec-card",VY={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 NY(e){return EY.includes(e)?e:Gu}function WH(e,t){let a=NY(t),s={...e};for(let[c,l]of Object.entries(VY))l.includes(a)||delete s[c];return s}var UH={fields:{_gContent:b("Content"),eyebrow:H("Chip label","In the product"),title:D("Heading",`Seen from
|
|
62
|
+
*the counter.*`),body:D("Body",""),_gCard:b("Mockup card"),variant:g1("Card type",k7(RY,{}),Ou,Gu),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:G("Label"),value:G("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Pill"},tiles:{type:"array",label:"Spec tiles",arrayFields:{label:G("Label"),value:G("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Tile"},rows:{type:"array",label:"Result / order rows",arrayFields:{lead:G("Lead"),detail:G("Detail"),state:g1("State",k7(IY,{}),[{label:"Match / done (green)",value:"ok"},{label:"In progress (accent)",value:"warn"},{label:"No match (gray \u2715)",value:"no"}],"ok"),status:G("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:F2("Column 1 cards",k7(li,{}),"Job card label","verbatim"),col2Title:H("Column 2 title",""),col2Cards:F2("Column 2 cards",k7(li,{}),"Job card label","verbatim"),col3Title:H("Column 3 title",""),col3Cards:F2("Column 3 cards",k7(li,{}),"Job card label","verbatim"),col4Title:H("Column 4 title",""),col4Cards:F2("Column 4 cards",k7(li,{}),"Job card label","verbatim"),_gClaims:b("Claims bars"),barsHeading:H("Bars heading","Defect rate by product"),bars:{type:"array",label:"Bars",arrayFields:{label:G("Label"),value:G("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Bar"},_gTerminal:b("Terminal"),termLines:F2("Terminal lines",k7(BY,{}),"$ 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:G("Name"),price:G("Price")},defaultItemProps:{name:"",price:""},getItemSummary:e=>[e?.name,e?.price].filter(Boolean).join(" \xB7 ")||"Tile"},_gStyle:b("Style"),align:g1("Mockup position",k7(_Y,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>WH(t,e.props.variant)};import{jsx as ZY}from"react/jsx-runtime";import{jsx as n4,jsxs as bs}from"react/jsx-runtime";function jH({eyebrow:e,title:t,rows:a,subRows:s,totalLabel:c,totalAmount:l,note:r,contained:o}){return n4(e2,{contained:o,className:"py-6",children:bs("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(V1,{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:$(t,!1)}),a.length>0&&n4("ul",{className:"mt-6 flex flex-col",children:a.map((i,n)=>bs("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[bs("span",{className:"min-w-0",children:[i.label&&n4("span",{className:"block text-[15px]",children:C(i.label)}),i.meta&&n4("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:C(i.meta)})]}),i.amount&&n4("span",{className:"text-[15px] tabular-nums",children:C(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)=>bs("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&&C(i.label)}),i.amount&&n4("span",{className:"text-[14px] tabular-nums opacity-85",children:C(i.amount)})]},n))}),(c||l)&&bs("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:C(c)}),l&&n4("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:C(l)})]}),r&&n4("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:C(r)})]})})}var xs={title:"Order summary",note:"A short reassurance note under the total."},DY=[{label:"Product name",meta:"Finish \xB7 Size \xB7 \xD71",amount:"$0,000"},{label:"Second item",meta:"Detail line",amount:"$000"}],OY=[{label:"Subtotal",amount:"$0,000"},{label:"Delivery",amount:"$00"}],KH={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:l,note:r,contained:o,puck:i})=>ZY(jH,{eyebrow:y(e,L.eyebrow,i),title:y(t,xs.title,i),rows:y1(a,DY,i),subRows:y1(s,OY,i),totalLabel:y(c,"Total",i),totalAmount:y(l,"$0,000",i),note:y(r,xs.note,i),contained:o})};var $H={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),title:D("Heading",xs.title),_gItems:b("Items"),rows:{type:"array",label:"Items",arrayFields:{label:v1("Item"),meta:v1("Meta line"),amount:v1("Amount")},getItemSummary:e=>e.label||"Item"},subRows:{type:"array",label:"Sub-total lines",arrayFields:{label:v1("Label"),amount:v1("Amount")},getItemSummary:e=>e.label||"Line"},_gTotal:b("Total"),totalLabel:H("Total label","Total"),totalAmount:H("Total amount","$0,000"),note:D("Note",xs.note),_gLayout:b("Layout")}};import{jsx as GY}from"react/jsx-runtime";import{jsx as g6,jsxs as zs}from"react/jsx-runtime";function YH({eyebrow:e,stats:t,lead:a,foundersHeading:s,foundersBody:c,attribution:l,padTop:r,padBottom:o}={}){let i=typeof r=="number"?r:60,n=typeof o=="number"?o:80,h=(t??[]).filter(u=>(u.value??"").trim()!==""||(u.label??"").trim()!==""),m=!!e||h.length>0,p=!!(s||c||l);return g6("section",{className:"relative z-[2] bg-bg",children:zs("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&&zs("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:[g6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:e&&g6("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:C(e)})}),h.length>0&&g6("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)=>zs("div",{children:[u.value?g6("strong",{className:"font-normal text-fg",children:C(u.value)}):null," ",u.label?C(u.label):null]},g))})]}),(a||p)&&zs("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[a&&g6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:b0(a).map((u,g)=>g6("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:C(u)},g))}),p&&zs("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&&g6("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:$(s,!1)}),c?C(c):null,l&&g6("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:C(l)})]})]})]})})}var v6={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"},XH={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:l,padTop:r,padBottom:o,puck:i})=>GY(YH,{eyebrow:y(e,v6.eyebrow,i),lead:y(t,L.body,i),stats:a,foundersHeading:y(s,v6.foundersHeading,i),foundersBody:y(c,v6.foundersBody,i),attribution:y(l,v6.attribution,i),padTop:r,padBottom:o})};var JH={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",v6.eyebrow),lead:D("Lead",L.body),stats:{type:"array",label:"Stats",arrayFields:{value:v1("Number"),label:v1("Unit")},getItemSummary:e=>e.label||e.value||"Stat"},_gFounders:b("Founders"),foundersHeading:D("Founders heading",v6.foundersHeading),foundersBody:D("Founders statement",v6.foundersBody),attribution:H("Attribution",v6.attribution),_gStyle:b("Style"),...n3("ParagraphsA")}};import{jsx as qY}from"react/jsx-runtime";import{jsx as M7,jsxs as QH}from"react/jsx-runtime";function eF({heading:e,badges:t,assurances:a,contained:s}){return M7(e2,{contained:s,className:"py-6",children:QH("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[e&&M7("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:C(e)}),t.length>0&&M7("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:t.map((c,l)=>M7("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:c.src?M7("img",{src:A2(c.src),alt:p2(c.label||""),className:"max-h-5 w-auto opacity-90"}):c.label&&M7("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:C(c.label)})},l))}),a.length>0&&M7("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:a.map((c,l)=>c.text&&QH("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[M7("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),C(c.text)]},l))})]})})}var qu={heading:"Ways to pay"},WY=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],UY=[{text:"Secure encrypted checkout"},{text:"30-day returns"}],tF={label:"Payment Methods",defaultProps:{heading:"",badges:[],assurances:[],contained:!0},render:({heading:e,badges:t,assurances:a,contained:s,puck:c})=>qY(eF,{heading:y(e,qu.heading,c),badges:y1(t,WY,c),assurances:y1(a,UY,c),contained:s})};var aF={fields:{_gContent:b("Content"),heading:H("Heading",qu.heading),badges:{type:"array",label:"Payment methods",arrayFields:{label:v1("Name"),src:G1("Logo","image/*")},getItemSummary:e=>e.label||e.src||"Method"},assurances:{type:"array",label:"Reassurance lines",arrayFields:{text:v1("Line")},getItemSummary:e=>e.text||"Line"},_gLayout:b("Layout")}};import{jsx as ys}from"react/jsx-runtime";import{jsx as m3,jsxs as I8}from"react/jsx-runtime";var sF=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],ri="card",f6={min:200,max:700,step:10,fallback:330,unit:"px"};function lt({post:e,scaffold:t=!1,layout:a,showCover:s=!0,placement:c,darken:l,darkenStyle:r,href:o,minHeight:i}){let n=o||(t?"#":`/journal/${e.slug}`),h=a==="cover",m=(e.meta||e.dateLabel||e.read)&&I8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&m3("span",{className:"text-accent",children:C(e.meta)}),e.dateLabel&&m3("span",{children:C(e.dateLabel)}),e.read&&m3("span",{children:C(e.read)})]});if(h){let p=zo(l,r);return I8(t0,{href:n,className:`${xo} group relative isolate flex overflow-hidden`,style:{minHeight:`${i??f6.fallback}px`},"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[m3("div",{className:"absolute inset-0",children:m3(C0,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),p&&m3("div",{className:"absolute inset-0 z-0",style:p,"aria-hidden":!0}),I8("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${yo(c??"bottom-left","column")}`,children:[e.meta&&m3("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:C(e.meta)}),m3("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:$(e.title,!1)}),e.excerpt&&m3("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:C(e.excerpt)}),(e.dateLabel||e.read)&&I8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&m3("span",{children:C(e.dateLabel)}),e.read&&m3("span",{children:C(e.read)})]})]})]})}return I8(t0,{href:n,style:{"--card-bg":"var(--site-surface)","--card-bg-hover":"var(--site-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&&m3("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:m3(C0,{label:`event-${e.slug}`,src:e.cover||void 0})}),I8("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[m,m3("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:$(e.title,!1)}),e.excerpt&&m3("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:C(e.excerpt)}),I8("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",m3("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{HeightIcon as KY,ImageIcon as $Y,LayoutIcon as YY,OpacityIcon as XY,StylesIcon as JY}from"efficient-easel/icons";import{jsx as jY}from"react/jsx-runtime";var Q4={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"},cF={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:ri,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:d7[0].value,minHeight:f6.fallback},render:e=>{let t=e.source,a=!!t?.slug;return jY(lt,{post:{slug:a?t.slug:"post-card",title:(a?t.title:y(e.title,Q4.title,e.puck))||"",excerpt:(a?t.dek:y(e.excerpt,Q4.excerpt,e.puck))||"",cover:(a?t.image:e.image)||"",meta:y(e.category,Q4.category,e.puck)||void 0,dateLabel:(a?t.date:y(e.date,Q4.date,e.puck))||void 0,read:y(e.readLabel,Q4.readLabel,e.puck)||void 0},href:(a?t.href:t1(e.href))||void 0,layout:e.layout,showCover:e.showCover,placement:e.placement,darken:e.darken,darkenStyle:e.darkenStyle,minHeight:e.minHeight,scaffold:!!e.puck?.isEditing&&!a})}};var lF={fields:{source:a2(Je),image:G1("Cover image","image/*"),title:D("Heading",Q4.title),excerpt:D("Excerpt",Q4.excerpt),href:H1("Link"),category:H("Category",Q4.category),date:H("Date",Q4.date),readLabel:H("Read time",Q4.readLabel),layout:g1("Card layout",ys(YY,{}),sF,ri),showCover:s1("Show cover image",!0,ys($Y,{})),placement:s6("Text position",{stacking:!1}),darken:a1("Darken",ys(XY,{}),E2.min,E2.max,E2.step,E2.fallback,E2.unit),darkenStyle:g1("Darken style",ys(JY,{}),d7,d7[0].value),minHeight:a1("Card height",ys(KY,{}),f6.min,f6.max,f6.step,f6.fallback,f6.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{jsx as hF}from"react/jsx-runtime";import{ColumnsIcon as aX,PlacementIcon as sX}from"efficient-easel/icons";import{jsx as eX}from"react/jsx-runtime";import{jsx as f2,Fragment as QY,jsxs as b6}from"react/jsx-runtime";var rF={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"},Wu="sf-itc-boxes",oF="sf-itc-steps";function iF({num:e,title:t,description:a,boxes:s,steps:c,columns:l=3,cta:r,padTop:o,padBottom:i,editing:n=!1,omitHead:h=!1,cardImage:m,cardText:p,...u}){let g=typeof o=="number"?o:120,d=typeof i=="number"?i:120,f=(c??[]).filter(k=>(k?.tag??"").trim()||(k?.meta??"").trim()||(k?.title??"").trim()||(k?.copy??"").trim()||(k?.image??"").trim()||(k?.specs??[]).some(M=>(M?.label??"").trim()||(M?.value??"").trim())),v=f.length>0?f:n&&!s?[{tag:"Column 1"},{tag:"Column 2"},{tag:"Column 3"}]:[],z=rF[l]??rF[3],x=p==="on-image";return b6("section",{className:N0(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,...Y2(m)},children:[h?null:f2(O2,{num:e,title:t?.trim()?C(t,!0):void 0,desc:a?.trim()?C(a,!1):void 0}),s?b6(QY,{children:[f2("style",{children:`.${Wu}:empty{display:none}.${Wu}:not(:empty)~.${oF}{display:none}`}),f2(s,{className:`${Wu} sf-card grid ${z} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,v.length>0&&f2("div",{className:`${oF} sf-card grid ${z} gap-[2px] border border-line bg-line`,children:v.map((k,M)=>{let A=(k.specs??[]).filter(R=>(R?.label??"").trim()||(R?.value??"").trim());return b6("article",{className:x?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[b6("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:[f2(C0,{label:k.tag?.trim()||k.title?.trim()||`column-${M+1}`,src:k.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...s?{deferFetch:!0}:{}}),f2("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.65) 100%)"}}),x&&f2("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:"linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.73) 55%, rgba(10,10,10,0.92) 100%)"}}),k.tag?.trim()&&f2("span",{className:"absolute left-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:Y1(k.tag)}),k.meta?.trim()&&f2("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(k.meta)}),x&&(k.title?.trim()||k.copy?.trim())&&b6("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:[k.title?.trim()&&f2("h3",{className:"flex min-h-[2em] flex-col justify-end font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg max-[700px]:text-[length:var(--size-headingSmall,26px)]",children:C(k.title,!0)}),k.copy?.trim()&&f2("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:C(k.copy,!1)})]})]}),x?A.length>0&&f2("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:A.map((R,E)=>b6("div",{className:"flex flex-col gap-1",children:[R.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Y1(R.label)}),R.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Y1(R.value)})]},E))}):b6("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[k.title?.trim()&&f2("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,34px)] font-medium uppercase leading-none tracking-[-0.02em] max-[700px]:text-[length:var(--size-headingSmall,28px)]",children:C(k.title,!0)}),k.copy?.trim()&&f2("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:C(k.copy,!1)}),A.length>0&&f2("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:A.map((R,E)=>b6("div",{className:"flex flex-col gap-1",children:[R.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Y1(R.label)}),R.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Y1(R.value)})]},E))})]})]},M)})}),r?.text&&f2("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:b6(t0,{href:r.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(r.text),f2("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}var ws={num:L.sectionNumber,title:L.headingAccent,description:L.body,cta:L.viewAll},tX=[{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}]}],Uu={boxes:{type:"slot"}},nF={label:"Image & Text Columns",fields:Uu,defaultProps:{num:"",title:"",description:"",columns:3,padTop:120,padBottom:120},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return eX(iF,{num:a(y(e.num,ws.num,e.puck)),title:a(y(e.title,ws.title,e.puck)),description:a(y(e.description,L.body,e.puck)),omitHead:t,boxes:e.boxes,steps:y1(e.steps,tX,e.puck),columns:typeof e.columns=="number"?e.columns:3,cta:O3(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})}};var mF={fields:{_sHeader:a0("Header"),_gContent:b("Content"),num:H("Number",ws.num),title:H("Heading",ws.title),description:D("Body",L.body),_sColumns:a0(y9),boxList:c2("ProcessSteps"),boxes:Uu.boxes,_sStyle:a0("Style"),columns:a1("Columns",hF(aX,{}),2,4,1,3),cardImage:Y6(),cardText:b1("Text position",hF(sX,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),...n3("ProcessSteps")},resolveFields:(e,{fields:t,parent:a})=>{let s=O1(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:c,...l}=s;return l}};import{jsx as iX}from"react/jsx-runtime";import{SquareIcon as nX}from"efficient-easel/icons";import{jsx as oX}from"react/jsx-runtime";import{jsx as oi,Fragment as cX,jsxs as pF}from"react/jsx-runtime";var lX="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))]",rX="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 uF({eyebrow:e,title:t,body:a,topBorder:s=!0,omitHead:c=!1,editing:l=!1}={}){let r=b0((a??"").trim()),o=!!(e??"").trim()||!!(t??"").trim()||r.length>0;return!l&&!o?null:oi("section",{className:`relative z-[2] ${s?"border-t border-line ":""}bg-bg`,children:pF("div",{className:c?rX:lX,children:[c?null:pF(cX,{children:[(e??"").trim()&&oi(V1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&oi("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:$(t??"",!1)})]}),r.map((i,n)=>oi("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:C(i)},n))]})})}var R8={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},dF={label:"Editorial Text",defaultProps:{eyebrow:"",title:"",body:"",topBorder:!0},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return oX(uF,{eyebrow:a(y(e.eyebrow,R8.eyebrow,e.puck)),title:a(y(e.title,R8.title,e.puck)),omitHead:t,body:y(e.body,R8.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};var gF={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",R8.eyebrow),title:D("Heading",R8.title),body:D("Body",R8.body),_sStyle:a0("Style"),topBorder:s1("Top border",!0,iX(nX,{}))},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Prose.headRows)};import{jsx as Yu}from"react/jsx-runtime";import{jsx as ni}from"react/jsx-runtime";import{WidthIcon as hX}from"efficient-easel/icons";var B8={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function vF(e){return typeof e!="number"?null:{width:`${e}${B8.unit}`,maxWidth:"100%"}}function fF(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 ii(e,t){let a=e?.data?.content;if(!Array.isArray(a)||typeof t!="string")return;let s=(c,l)=>{for(let r of c){if(r?.props?.id===t)return l;for(let o of Object.values(r?.props??{}))if(Array.isArray(o)&&o.length>0&&typeof o[0]=="object"&&o[0]!==null&&"type"in o[0]){let i=s(o,r);if(i!==void 0)return i}}};return s(a,null)}var mX=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),pX=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),uX=new Set(["ProductHero"]),bF={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!mX.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=(l,r)=>{let o=c?c(l,r):r.fields,i=R2(l?.props??{},"full");return o&&typeof o.then=="function"?o.then(n=>S7(n,i)):S7(o,i)}},draw(e,t){let a=pX.has(t),s=e.render;e.render=c=>{let{mode:l,inherited:r}=R2(c,"full"),o=s(c);if(l==="full")return a&&!r&&!uX.has(t)?ni("div",{style:{[mz]:"none",[pz]:"initial",[uz]:"initial"},children:o}):o;let i=q6(da);return a?ni("div",{style:{"--sf-page-cap":da},children:o}):ni("div",{style:i,children:o})}}};function S7(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 dX=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),xF={name:"containedWidth",applies:(e,t,a)=>dX.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=(l,r)=>{let o=c?c(l,r):r.fields,i=R2(l?.props??{},"page"),n=h=>vX(S7(h,i),l,r);return o&&typeof o.then=="function"?o.then(n):n(o)}},draw(e){let t=e.render;e.render=a=>{let{mode:s}=R2(a,"page");return t({...a,contained:s!=="full"})}}},zF={name:"buttonAlignInRow",applies:e=>e==="ButtonBlock",panel(e){let t=e,a=t?.resolveFields;t.resolveFields=(s,c)=>{let l=a?a(s,c):c.fields,r=o=>{let i=ii(c.appState,s.props?.id);if(!i||i.type!=="HeroGroup"||xl("HeroGroup",i.props?.direction)!=="row")return o;let n={...o};return delete n.align,n};return l&&typeof l.then=="function"?l.then(r):r(l)}}};function gX(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function vX(e,t,a){if(gX(e)){let c=a.appState?.data?.content;if(FA(c,t.props?.id)!==!0)return e;let l={...e};return delete l.widthMode,delete l.pageWidth,l}if("parent"in a){if(!Ex(a.parent))return e}else if(!fF({props:t.props??{}},a))return e;let s={...e};return delete s.widthMode,delete s.pageWidth,s}var yF={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let s=a.slider;if(e?.fields){let c=s("Image width",ni(hX,{}),B8.min,B8.max,B8.step,B8.fallback,B8.unit),l="focal",r=Object.entries(e.fields),o=r.findIndex(([i])=>i===l);e.fields=Object.fromEntries(o===-1?[...r,["width",c]]:[...r.slice(0,o+1),["width",c],...r.slice(o+1)])}}};import{HashIcon as fX,StylesIcon as LF}from"efficient-easel/icons";var Cs="standard",$u=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],Ku=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],ju=[...Ku,"description"],kF={standard:["eyebrowLook"],editorial:[...Ku,"eyebrowLook"],simple:ju,statement:ju,natural:Ku,essay:ju},wF=["gap-5","gap-3"],CF=["text-[length:var(--size-body,16px)]","text-[15px]"];function MF(e){return I2(wF,wF[0],e)}function SF(e){return I2(CF,CF[0],e)}function hi(e){return I2($u,Cs,e)}var AF={fields:{_gContent:b("Content"),headStyle:g1("Style",Yu(LF,{}),[...$u],Cs),num:H("Number","01 / Section"),eyebrowLook:g1("Eyebrow style",Yu(LF,{}),[...y4],tr),numStyle:b1("Number style",Yu(fX,{}),[...Xp],M8),title:D("Heading","Section *title*"),description:D("Body","Short supporting line"),linkText:H("Button","View all"),linkHref:H1("Link"),_gLogo:b("Logo"),logoSrc:G1("Logo image","image/*"),logoAlt:G("Logo alt text","Logo description"),...x5("full")},resolveFields:(e,{fields:t})=>{let a=S7(t,R2(e?.props??{},"full")),s=hi(e?.props?.headStyle),c={...a};for(let l of kF[s])delete c[l];return c}};import{jsx as xX}from"react/jsx-runtime";import{jsx as L7,jsxs as rt,Fragment as bX}from"react/jsx-runtime";function HF({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:c,background:l,editing:r=!1,omitHead:o=!1,...i}){let n=(s??[]).filter(p=>(p?.title??"").trim()||(p?.desc??"").trim()||(p?.num??"").trim()),h=n.length>0?n:r?[{title:"Series title"}]:[],m=!!(l&&l!=="transparent");return rt("section",{className:N0(i)?o?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":o?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:m?{backgroundColor:l}:void 0,children:[o?null:L7(O2,{num:e,title:t?$(t):void 0,desc:a}),L7("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 rt("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[g&&rt("div",{className:"flex items-baseline justify-between gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[L7("span",{children:p.num?C(p.num):null}),p.since?.trim()?L7("span",{children:C(p.since)}):null]}),d&&L7("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-[1.04] tracking-[-0.02em]",children:$(p.title??"")}),p.desc?.trim()&&L7("p",{className:"font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",children:C(p.desc)}),f&&rt("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:[rt("span",{children:[p.entries?.trim()?L7("strong",{className:"font-normal text-fg",children:C(p.entries)}):null,p.entriesLabel?.trim()?rt(bX,{children:[p.entries?.trim()?" ":"",C(p.entriesLabel)]}):null]}),c&&L7("span",{className:"text-accent",children:C(c)})]})]},u)})})]})}var x6={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:L.body,viewLabel:"View series \u2192"},zX=[{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"}],FF={label:"Recurring Columns",defaultProps:{headNum:"",headTitle:"",headDesc:"",cards:[],viewLabel:"",background:"transparent"},render:({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:c,background:l,headPlacement:r,puck:o})=>{let i=D1(r)==="own-box",n=h=>i?void 0:h;return xX(HF,{headNum:n(y(e,x6.headNum,o)),headTitle:n(y(t,x6.headTitle,o)),headDesc:n(y(a,x6.headDesc,o)),omitHead:i,cards:y1(s,zX,o),viewLabel:y(c,x6.viewLabel,o),background:U6(l,t3.Series),editing:o?.isEditing})}};var TF={fields:{_gHead:b("Section header"),headNum:H("Number",x6.headNum),headTitle:D("Heading",x6.headTitle),headDesc:D("Body",x6.headDesc),_gCards:b("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:v1("Number"),since:v1("Right Top Text"),title:E1("Title"),desc:E1("Body"),entries:v1("Entries count"),entriesLabel:v1("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:b("Card link"),viewLabel:H("Card button",x6.viewLabel),_gStyle:b("Style"),background:$6("Background",t3.Series)},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Series.headRows)};var PF={fields:{size:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"},{label:"X-Large",value:"xl"}]}}};import{jsx as EF}from"react/jsx-runtime";import{BackgroundIcon as yX,ContrastIcon as wX}from"efficient-easel/icons";var VF={fields:{_gContent:b("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:G("Label","Label"),tone:b1("Tone",EF(wX,{}),[{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:b1("Strip fill",EF(yX,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{jsx as mi}from"react/jsx-runtime";import{AlignLeftIcon as HX,CaseIcon as FX,OpacityIcon as TX,PlacementIcon as PX}from"efficient-easel/icons";import{jsx as LX}from"react/jsx-runtime";import{jsx as G2,jsxs as A7}from"react/jsx-runtime";import{jsx as CX,jsxs as kX}from"react/jsx-runtime";import{createContext as MX,useContext as SX}from"react";var NF=MX(!1);function ot(){return SX(NF)}function _F({grayscale:e,children:t}){let a=e===!0;return kX(NF.Provider,{value:a,children:[Object.entries(jS(e)).map(([s,c])=>CX("style",{children:c},s)),t]})}function IF({imageLabel:e,imageSrc:t,imageTint:a=.4,imageObjectPosition:s,eyebrow:c,title:l,body:r,cta:o,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=Ze(v,ot()),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"}},k=x[h]??x.left;return G2("section",{className:"relative z-[2] bg-bg p-0",children:A7("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:[A7("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(--site-line)"}:{borderRight:"1px solid var(--site-line)"},children:[G2(C0,{label:e,src:t,objectPosition:s,treatment:z}),t&&a>0&&G2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${a})`}}),(d||f)&&A7("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&&A7(t0,{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:[G2("span",{children:C(d.wheel)}),G2("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),G2("span",{children:C(d.category)}),G2("span",{"aria-hidden":!0,children:"\u2192"}),G2("span",{children:C(d.cta??"Shop now")})]}),f&&A7(t0,{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:[G2("span",{children:C(f.text??"Learn more")}),G2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),A7("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[m&&A7("div",{className:"absolute inset-0","aria-hidden":!0,children:[G2(C0,{label:p??e,src:m,objectPosition:g,treatment:z}),u>0&&G2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${u})`}})]}),G2("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:A7("div",{className:["flex flex-1 flex-col justify-center gap-6",k.items,k.text].join(" "),children:[c&&G2(V1,{text:c,size:14}),l&&G2("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:$(l,!1)}),r&&b0(r).map((M,A)=>G2("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",m?"opacity-85":"text-fg-dim"].join(" "),children:C(M)},A)),o.text&&G2("div",{className:`mt-2 ${k.cta}`,children:G2(a3,{href:o.href,variant:"primary",children:C(o.text)})})]})})]})]})})}var H7={eyebrow:"\u2014 Label",title:`Section headline *here.*
|
|
63
|
+
*Highlight line*`,body:"Describe this section in a sentence or two."},Xu={text:"Learn more"};function AX(e,t,a){let s=y(e,Xu.text,a);if(s!==void 0)return{text:s,href:t||"#"}}var RF={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>LX(IF,{eyebrow:y(e.eyebrow,H7.eyebrow,e.puck),title:y(e.title,H7.title,e.puck),body:y(e.body,H7.body,e.puck),imageLabel:t1(e.title)||H7.title,imageSrc:e.imageSrc||void 0,reverse:e.reverse,uppercase:e.uppercase,textAlign:e.textAlign,cta:O3(e.ctaText,e.ctaHref,e.puck),imageButton:AX(e.imageBtnText,e.imageBtnHref,e.puck),textBgSrc:e.textBgSrc||void 0,textBgTint:(typeof e.overlay=="number"?e.overlay:60)/100,grayscale:e.grayscale})};var BF={fields:{_sText:a0("Text column"),_gContent:b("Content"),eyebrow:H("Eyebrow",H7.eyebrow),title:D("Heading",H7.title),body:D("Body",H7.body),uppercase:s1("Uppercase heading",!1,mi(FX,{})),textAlign:b1("Alignment",mi(HX,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:b("Button"),...S4,_gTextBg:b("Background image"),textBgSrc:G1("Image","image/*"),overlay:a1("Overlay",mi(TX,{}),0,100,5,60,"%"),_sImage:a0("Image column"),_gImage:b("Image"),imageSrc:G1("Image","image/*"),reverse:b1("Image side",mi(PX,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:b("Overlay button"),imageBtnText:H("Button",Xu.text),imageBtnHref:H1("Button link"),_gStyle:b("Style"),grayscale:De()}};import{jsx as EX}from"react/jsx-runtime";import{ColumnsIcon as VX}from"efficient-easel/icons";var ZF={fields:{_gContent:b("Content"),heading:H("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:v1("Value"),label:v1("Label")},getItemSummary:e=>e.label||e.value||"stat"},columns:a1("Columns",EX(VX,{}),2,4,1,4),_gStyle:b("Style"),background:$6("Background",t3.Stats)}};import{jsx as OX}from"react/jsx-runtime";import{AccentIcon as GX}from"efficient-easel/icons";import{jsx as ZX}from"react/jsx-runtime";import{jsxs as nt,jsx as ht,Fragment as RX}from"react/jsx-runtime";import{useEffect as NX,useRef as DF,useState as _X}from"react";var IX=1400;function it(e,t={}){let{threshold:a=.1,replay:s=!0,durationMs:c=IX}=t,l=DF(null),r=DF(null),[o,i]=_X(0);return NX(()=>{let n=l.current;if(!n)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){i(e);return}let h=()=>{r.current!==null&&(cancelAnimationFrame(r.current),r.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?r.current=requestAnimationFrame(g):r.current=null};r.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:l,value:o}}var OF="font-normal italic text-accent";function BX({value:e,prefix:t,suffix:a,supSuffix:s,emphasizeAll:c,label:l,sub:r}){let o=(e??"").trim(),i=/^\d+$/.test(o),{ref:n,value:h}=it(i?parseInt(o,10):0),m=i?String(h):o,p=t??"";return nt("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[nt("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?nt("em",{className:OF,children:[p,m]}):nt(RX,{children:[p,m,a?ht("em",{className:OF,children:a}):null]}),s?ht("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]}),(l||r)&&nt("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[l?ht("strong",{className:"mb-1 block font-display text-[length:var(--size-body,16px)] font-normal normal-case tracking-[-0.01em] text-fg",children:l}):null,r?C(r):null]})]})}function GF({eyebrow:e,title:t,desc:a,stats:s,background:c,padTop:l,padBottom:r,editing:o=!1,omitHead:i=!1,...n}={}){let h=typeof l=="number"?l:120,m=typeof r=="number"?r: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:o?[{value:"0",label:"Stat",sub:"Add your numbers."}]:[],g=!!(c&&c!=="transparent");return nt("section",{className:N0(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:ht(O2,{num:e,title:t?$(t):void 0,desc:a?C(a):void 0}),u.length>0&&ht("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)=>ht(BX,{...d},f))})]})}var Z8={eyebrow:L.eyebrow,title:L.headingAccent,desc:L.body},DX=[{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."}],qF={label:"Stats with Text",defaultProps:{eyebrow:"",title:"",desc:"",stats:[],background:Fl,padTop:120,padBottom:120},render:({eyebrow:e,title:t,desc:a,stats:s,background:c,padTop:l,padBottom:r,headPlacement:o,puck:i})=>{let n=D1(o)==="own-box",h=m=>n?void 0:m;return ZX(GF,{eyebrow:h(y(e,Z8.eyebrow,i)),title:h(y(t,Z8.title,i)),desc:h(y(a,Z8.desc,i)),omitHead:n,stats:y1(s,DX,i),background:U6(c,t3.StatsParagraph),padTop:n?0:typeof l=="number"?l:120,padBottom:typeof r=="number"?r:120,editing:i?.isEditing})}};var WF={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",Z8.eyebrow),title:D("Heading",Z8.title),desc:D("Body",Z8.desc),stats:{type:"array",label:"Stats",arrayFields:{value:G("Number"),prefix:G("Prefix"),suffix:G("Unit"),supSuffix:G("Superscript"),emphasizeAll:s1("Whole number Theme Color",!1,OX(GX,{})),label:G("Label"),sub:E1("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:e=>e.label||e.value||"Stat"},_gStyle:b("Style"),background:$6("Background",t3.StatsParagraph),...n3("StatsParagraph")},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.StatsParagraph.headRows)};import{jsx as KF}from"react/jsx-runtime";import{ColumnsIcon as $X,StylesIcon as YX}from"efficient-easel/icons";import{jsx as jX}from"react/jsx-runtime";import{jsx as z6,Fragment as qX,jsxs as pi}from"react/jsx-runtime";var WX="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",UX="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 UF({look:e,eyebrow:t,title:a,items:s,columns:c,omitHead:l=!1,editing:r=!1}={}){let o=Math.min(3,Math.max(1,c??3)),i=(s??[]).filter(h=>r||(h.quote??"").trim()),n=!!(t??"").trim()||!!(a??"").trim();return!r&&!n&&i.length===0?null:z6("section",{className:"relative z-[2] border-t border-line bg-surface",children:pi("div",{className:l?UX:WX,children:[l?null:pi(qX,{children:[(t??"").trim()&&z6(V1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&z6("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:$(a??"",!1)})]}),i.length>0&&z6("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(o)},children:i.map((h,m)=>pi("figure",{className:"flex flex-col gap-5 bg-bg p-9 max-[800px]:p-7",children:[z6("span",{"aria-hidden":!0,className:"font-heading2 text-[length:var(--size-headingMedium,46px)] leading-none text-accent",children:"\u201C"}),z6("blockquote",{className:"flex-1 text-[length:var(--size-body,16px)] leading-[1.6] text-fg-dim",children:b0((h.quote??"").trim()||"A short customer quote goes here.").map((p,u)=>z6("p",{className:u?"mt-3":"",children:C(p)},u))}),pi("figcaption",{className:"border-t border-line pt-[18px]",children:[z6("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()&&z6("div",{className:"mt-1 text-[length:var(--size-body,12px)] text-fg-dim",children:h.role})]})]},m))})]})})}var ks={eyebrow:"Feedback",title:"What people *say.*"},KX=[{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"}],jF={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return jX(UF,{look:s4(e.eyebrowLook,"Testimonials"),eyebrow:a(y(e.eyebrow,ks.eyebrow,e.puck)),title:a(y(e.title,ks.title,e.puck)),omitHead:t,items:y1(e.items,KX,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var $F={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",ks.eyebrow),eyebrowLook:g1("Eyebrow style",KF(YX,{}),[...y4],J6("Testimonials")),title:D("Heading",ks.title),items:{type:"array",label:"Quotes",arrayFields:{quote:E1("Quote"),name:G("Name"),role:G("Role \xB7 location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:b("Style"),columns:a1("Columns",KF($X,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Testimonials.headRows)};var YF={fields:{text:D("Body",L.body),align:T5(),tone:Co()}};import{jsx as D8}from"react/jsx-runtime";import{ClockIcon as QX,DirectionIcon as eJ,GapIcon as tJ,LineBetweenIcon as aJ,SquareIcon as sJ,StylesIcon as cJ,TextSizeIcon as lJ}from"efficient-easel/icons";var XF="none",JF=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function QF(e){return e==="above"||e==="below"?e:null}var eT="sf-ticker-join";function tT(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as JX}from"react/jsx-runtime";import{jsx as Ju}from"react/jsx-runtime";var XX="item";function aT({items:e,durationSec:t=50,tone:a="scrim",borders:s=!0,size:c,separator:l,scroll:r,join:o,editing:i}){let n=(e??[]).map(u=>u?.text?.trim()?u.text:i?XX:"").filter(Boolean);if(n.length===0)return null;let h=a!=="plain",m=QF(o),p=Ju("div",{className:[m?`absolute inset-x-0 ${tT(m)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",s?"border-y border-line":""].filter(Boolean).join(" "),children:Ju(Ky,{items:n,durationSec:t,size:c,separator:l,scroll:r,backdrop:h?"themed-band":"themed-section"})});return m?Ju("div",{className:eT,children:p}):p}var Qu=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],sT={label:"Scrolling Bar",defaultProps:{items:[],tone:"scrim",borders:!0,size:jl,separator:Kl,scrollDirection:$l,speed:50},render:({items:e,tone:t,borders:a,size:s,separator:c,scrollDirection:l,speed:r,join:o,puck:i})=>JX(aT,{items:y1(e,Qu,i),tone:t,borders:a,size:s,separator:c,scroll:l,durationSec:r,join:o,editing:i?.isEditing})};var cT={fields:{_gContent:b("Content"),items:D9(F2(rm.label,rm.icon,"item","markup"),Qu),_gStyle:b("Style"),tone:b1("Style",D8(cJ,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:s1("Hairline borders",!0,D8(sJ,{})),size:b1("Text size",D8(lJ,{}),[...Wy],jl),separator:g1("Separator",D8(aJ,{}),Uy,Kl),scrollDirection:_l("Scroll direction",jy,$l,"A marquee cannot run diagonally, so the corners are not answers.",D8(eJ,{}),yy),speed:a1("Scroll duration",D8(QX,{}),20,90,5,50,"s"),join:g1("Join",D8(tJ,{}),JF,XF)}};import{jsx as iJ}from"react/jsx-runtime";import{EyeIcon as nJ}from"efficient-easel/icons";import{jsx as rJ}from"react/jsx-runtime";import{jsx as k0,Fragment as nT,jsxs as U3}from"react/jsx-runtime";function lT({eyebrow:e,title:t,intro:a,center:s=!1}){return U3(nT,{children:[e&&k0(V1,{text:e,size:12}),t&&k0("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:$(t)}),a&&k0("p",{className:["font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",s?"max-w-[520px]":"max-w-[360px]"].join(" "),children:C(a,!0)})]})}function rT({cta:e,className:t=""}){return e?.text?U3(t0,{href:e.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4","font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg","transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[C(e.text),k0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]}):null}function oT({src:e,caption:t,meta:a,aspectClass:s,editing:c,sizes:l="100vw",className:r=""}){return!e&&!c?null:U3("figure",{className:["relative overflow-hidden border border-line bg-surface",s,r].join(" "),children:[k0(C0,{label:t||"Image",src:e,alt:p2(t??""),sizes:l}),k0("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:[k0("span",{children:t?C(t):""}),a&&k0("span",{className:"text-accent",children:C(a)})]})]})}function ed({entry:e}){let t=b0(e.body??"");return U3(nT,{children:[e.title&&k0("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:$(e.title)}),t.length>0&&k0("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)=>k0("p",{className:s===0?"text-fg":"text-fg-dim",children:C(a,!0)},s))})]})}var iT={boxShadow:"0 0 0 4px var(--bg)"};function hT({layout:e="split",eyebrow:t,title:a,intro:s,imageSrc:c,imageCaption:l,imageMeta:r,cta:o,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 k0("section",{className:"relative z-[2] bg-bg",children:k0("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:[k0(lT,{eyebrow:t,title:a,intro:s}),k0(oT,{src:c,caption:l,meta:r,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:m}),k0(rT,{cta:o,className:"mt-2 self-start"})]}),k0("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:[k0("span",{className:"pt-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:d.date?C(d.date):""}),k0("div",{className:"max-w-[640px]",children:k0(ed,{entry:d})})]},f))})]}):U3("div",{children:[U3("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[k0(lT,{eyebrow:t,title:a,intro:s,center:!0}),k0(rT,{cta:o})]}),k0(oT,{src:c,caption:l,meta:r,aspectClass:"mx-auto mt-12 aspect-[16/9] w-full max-w-[900px]",sizes:"(max-width: 900px) 100vw, 900px",editing:m}),e==="spine"?k0("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:[k0("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:iT}),k0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:d.date?C(d.date):""}),k0("div",{className:"max-w-[640px]",children:k0(ed,{entry:d})})]},f))}):U3("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[k0("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:[k0("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:iT}),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:[k0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:d.date?C(d.date):""}),k0("div",{className:["max-w-[520px] max-[800px]:max-w-none",v?"min-[801px]:ml-auto":""].join(" "),children:k0(ed,{entry:d})})]})]},f)})]})]})})})}var e5={eyebrow:L.eyebrow,title:`Section heading
|
|
64
|
+
*Highlight line*`,intro:L.body,imageCaption:L.imageCaption,imageMeta:L.imageMeta,cta:u2.text},oJ=[{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."}],mT={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>rJ(hT,{layout:e.layout||"split",eyebrow:y(e.eyebrow,e5.eyebrow,e.puck),title:y(e.title,e5.title,e.puck),intro:y(e.intro,e5.intro,e.puck),imageSrc:e.imageSrc||void 0,imageCaption:y(e.imageCaption,e5.imageCaption,e.puck),imageMeta:y(e.imageMeta,e5.imageMeta,e.puck),cta:O3(e.ctaText,e.ctaHref,e.puck),entries:y1(e.entries,oJ,e.puck),padTop:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})};var pT={fields:{_sLayout:a0("Layout"),layout:g1("Display",iJ(nJ,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),_sHeader:a0("Header"),_gContent:b("Content"),eyebrow:H("Eyebrow",e5.eyebrow),title:D("Heading",e5.title),intro:D("Intro",e5.intro),imageSrc:G1("Image","image/*"),imageCaption:H("Image caption",e5.imageCaption),imageMeta:H("Image meta",e5.imageMeta),_gButton:b("Button"),...S4,_sEntries:a0("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:v1("Sub-title"),title:E1("Title"),body:E1("Body")},defaultItemProps:{date:"",title:"",body:""},getItemSummary:e=>e?.date||e?.title||"Entry"},_sStyle:a0("Style"),...n3("Timeline")}};import{jsx as pJ}from"react/jsx-runtime";import{ClockIcon as uJ}from"efficient-easel/icons";import{jsx as hJ}from"react/jsx-runtime";import{jsx as E4,jsxs as ui}from"react/jsx-runtime";function uT({eyebrow:e,title:t,intro:a,entries:s,cta:c,padTop:l,padBottom:r,background:o,editing:i,omitHead:n=!1}={}){let h=typeof l=="number"?l:120,m=typeof r=="number"?r:120,p=o??"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 E4("section",{className:"relative z-[2]",children:ui("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:E4(O2,{num:e,title:t?$(t):void 0,desc:a?C(a,!0):void 0,spaceBelow:"",className:"text-fg"}),ui("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:[E4("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:E4("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${f}%`}})}),g.map((v,z)=>ui("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:[E4("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(" ")}),E4("span",{className:["font-mono text-[length:var(--size-label,13px)] tracking-[0.22em]",v.future?"text-fg-dim":"text-accent"].join(" "),children:v.date?E4(d8,{value:v.date,children:Y1(v.date)}):""}),v.title&&E4("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:E4(d8,{value:v.title,children:Y1(v.title)})}),v.blurb&&E4("p",{className:"mt-auto font-display text-[length:var(--size-body,13px)] leading-[1.55] text-fg-dim",children:C(v.blurb,!0)})]},z))]}),c?.text&&E4("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:ui(t0,{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),E4("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}var O8={eyebrow:L.eyebrow,title:L.headingAccent,intro:L.body,cta:u2.text},mJ=[{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}],dT={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:Fl,padTop:120,padBottom:120},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return hJ(uT,{eyebrow:a(y(e.eyebrow,O8.eyebrow,e.puck)),title:a(y(e.title,O8.title,e.puck)),intro:a(y(e.intro,O8.intro,e.puck)),omitHead:t,entries:y1(e.entries,mJ,e.puck),cta:O3(e.ctaText,e.ctaHref,e.puck),background:U6(e.background,t3.TimelineTrack),padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var gT={fields:{_sHeader:a0("Header"),eyebrow:H("Eyebrow",O8.eyebrow),title:D("Heading",O8.title),intro:D("Body",O8.intro),_sEntries:a0("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:G("Year"),title:E1("Title"),blurb:E1("Body"),future:s1("Upcoming",!1,pJ(uJ,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:e=>e?.date||e?.title||"Milestone"},_sButton:a0("Button"),...S4,_sStyle:a0("Style"),background:$6("Background",t3.TimelineTrack),...n3("TimelineTrack")},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.TimelineTrack.headRows)};import{jsx as xT}from"react/jsx-runtime";import{AlignLeftIcon as vJ,StylesIcon as fJ}from"efficient-easel/icons";import{jsx as dJ}from"react/jsx-runtime";import{jsx as Ms,jsxs as vT}from"react/jsx-runtime";function fT({title:e,buttons:t,padTop:a,padBottom:s,buttonsAlign:c,editing:l=!1}={}){let r=typeof a=="number"?a:140,o=typeof s=="number"?s:140,i=(t??[]).filter(m=>l||(m.label??"").trim()),n=!!(e??"").trim(),h=!n&&(c==="center"||c==="left")?c:null;return!l&&!n&&i.length===0?null:Ms("section",{className:"relative z-[2] bg-bg",children:vT("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:r,paddingBottom:o},children:[h===null&&!n&&i.length>0&&Ms("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),n&&Ms("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:$(e??"")}),i.length>0&&Ms("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 vT(t0,{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," ",Ms("span",{"aria-hidden":!0,children:"\u2192"})]},p)})})]})})}var td={title:`Section heading
|
|
65
|
+
*Highlight line*`},gJ=[{label:u2.text,href:u2.href,variant:"primary"},{label:u2.text,href:u2.href,variant:"outline"}],bT={label:"Call-to-Action Heading",defaultProps:{title:"",buttons:[],padTop:140,padBottom:140},render:({title:e,buttons:t,padTop:a,padBottom:s,buttonsAlign:c,puck:l})=>{let r=c,o=r==="center"||r==="left",i=H2(e),n=i.hidden?"":i.text.trim();return dJ(fT,{title:o&&!n?void 0:y(e,td.title,l),buttons:y1(t,gJ,l),padTop:typeof a=="number"?a:140,padBottom:typeof s=="number"?s:140,buttonsAlign:r,editing:l?.isEditing})}};var zT={fields:{_gContent:b("Content"),title:D("Heading",td.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:G("Button"),href:J2(G("Button link")),variant:g1("Style",xT(fJ,{}),[{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:b1("Alignment",xT(vJ,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...n3("TitleWithButtons")},resolveFields:(e,{fields:t})=>{let a=H2(e.props.title);if(!(!a.hidden&&a.text.trim()))return t;let{buttonsAlign:s,...c}=t;return c}};import{jsx as bJ}from"react/jsx-runtime";import{jsx as F7,jsxs as ad}from"react/jsx-runtime";function yT({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,imageSrc:l,contained:r,overlay:o=60}){let i=Math.min(Math.max(o,0),100)/100;return F7(e2,{contained:r,className:"py-6",children:ad("div",{className:"sf-card relative overflow-hidden border border-line bg-surface px-10 py-16 max-[800px]:px-6 max-[800px]:py-10",children:[l&&ad("div",{className:"absolute inset-0","aria-hidden":!0,children:[F7("img",{src:A2(l),alt:"",className:"h-full w-full object-cover"}),F7("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${i})`}})]}),ad("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:l?{color:"var(--overlay-fg)"}:void 0,children:[e&&F7(V1,{text:e}),t&&F7("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:$(t,!1)}),a&&b0(a).map((n,h)=>F7("p",{className:"text-[length:var(--size-body,16px)] leading-[1.6] opacity-85",children:C(n)},h)),s&&F7("div",{className:"mt-2 self-start",children:F7(a3,{href:c||"#",variant:"primary",children:C(s)})})]})]})})}var wT={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:l,contained:r,overlay:o,puck:i})=>{let n=O3(c,l,i);return bJ(yT,{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 o=="number"?o:60,ctaText:n.text,ctaHref:n.href,contained:r})}};import{jsx as yJ}from"react/jsx-runtime";import{jsx as sd}from"react/jsx-runtime";var xJ="sf-button-block",zJ={left:"justify-start",center:"justify-center",right:"justify-end"};function CT({label:e,href:t,variant:a,align:s,contained:c,arrow:l}){let r=yL(l)?{}:{arrow:null};return sd(e2,{contained:c,className:`${xJ} py-4`,children:sd("div",{className:`flex ${zJ[s]}`,children:sd(a3,{href:t||"#",variant:a,...r,children:C(e)})})})}var kT={label:"Button",defaultProps:{label:"",href:"#",variant:"primary",align:"left",contained:!0},render:({label:e,href:t,variant:a,align:s,contained:c,arrow:l,puck:r})=>yJ(CT,{label:K4(e,u2.text,r)??"",href:t,variant:a,align:s,contained:c,arrow:l})};import{jsx as wJ}from"react/jsx-runtime";import{jsx as Ss,jsxs as cd}from"react/jsx-runtime";function MT({tabs:e,activeTab:t,links:a,sticky:s=!0,editing:c=!1}){let l=(e??[]).filter(h=>h?.label?.trim()),r=l.length>0?l:c?[{label:"Tab"}]:[],o=(a??[]).filter(h=>h?.label?.trim());if(r.length===0&&o.length===0)return null;let i=t?r.findIndex(h=>h.label.toLowerCase()===t.toLowerCase()):-1,n=i===-1?0:i;return Ss("nav",{className:`${s?`${se} 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:cd("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:[r.map((h,m)=>{let p=m===n,u=h.count?.trim()?h.count:"";return cd("span",{className:["relative whitespace-nowrap border-r border-line px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",m===0?"border-l border-line":"",p?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[Z0(h.label),u&&Ss("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:Z0(u)}),p&&Ss("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},m)}),o.length>0&&Ss("div",{className:"ml-auto flex border-l border-line",children:o.map((h,m)=>cd(t0,{href:h.href||"#",className:"flex items-center gap-2.5 px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim hover:text-fg",children:[Z0(h.label)," ",Ss("span",{className:"text-accent",children:"\u2197"})]},m))})]})})}var CJ=[{label:"All"},{label:L.category},{label:L.category}],kJ=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],ST={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:kJ,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:s,puck:c})=>wJ(MT,{tabs:y1(e,CJ,c),activeTab:t1(t),links:a,sticky:s,editing:c?.isEditing})};import{jsx as TJ}from"react/jsx-runtime";import{jsx as n0,jsxs as l3,Fragment as LT}from"react/jsx-runtime";import{useEffect as Ls,useRef as ld,useState as di}from"react";var MJ=`
|
|
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
|
+
`,SJ=`
|
|
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 ${r6.accent}73;
|
|
129
|
+
}
|
|
130
|
+
.loc-part-pick[data-selected]::after {
|
|
131
|
+
box-shadow: inset 0 0 0 2px ${r6.accent};
|
|
132
|
+
}
|
|
133
|
+
@media (prefers-reduced-motion: reduce) {
|
|
134
|
+
.loc-part-pick::after { transition: none; }
|
|
135
|
+
}
|
|
136
|
+
`;function AT({value:e}){if(typeof e=="string"){let t=e.split(`
|
|
137
|
+
`);return n0(LT,{children:t.map((a,s)=>l3("span",{children:[a,s<t.length-1?n0("br",{}):null]},s))})}return n0(LT,{children:e})}function LJ(){return n0("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(--site-surface-2), var(--site-surface))"},children:l3("svg",{width:"34",height:"34",viewBox:"0 0 24 24",fill:"none",stroke:"var(--fg-dim)",strokeWidth:1.4,"aria-hidden":"true",style:{opacity:.4},children:[n0("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1.5"}),n0("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),n0("path",{d:"M21 16l-5-5-4 4-2-2-7 7"})]})})}function HT({sectionNumber:e=r2.sectionNumber,heading:t=r2.heading,tagline:a=r2.tagline,galleryKicker:s=r2.galleryKicker,galleryHint:c=r2.galleryHint,locations:l=cs,apiKey:r="",mapId:o="",mapTheme:i="auto",imageShape:n,editing:h,nodeId:m,...p}){let[u,g]=di(!1);Ls(()=>{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]=di(null),v=T=>`loc-${T}`,z=T=>{f(T),typeof document<"u"&&document.getElementById(T)?.scrollIntoView({behavior:l6(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${T}`)};Ls(()=>{if(typeof window>"u")return;let T=window.location.hash.replace(/^#/,"");!T||!document.getElementById(T)||(f(T),requestAnimationFrame(()=>{document.getElementById(T)?.scrollIntoView({behavior:l6(),block:"start"})}))},[]);let x=ko(_o(n)),{select:k,selectedLocationPartId:M}=Ny(),A=(T,N)=>m?om(m,T,N):"",R=(T,N)=>!!(h&&m&&M===A(T,N)),E=(T,N)=>h&&m?`${T}:${N}`:void 0,Z=ld(null);Ls(()=>{if(!h||!m)return;let T=Z.current;if(!T)return;let N=Array.from(T.querySelectorAll("[data-loc-pick]")).map(B=>{let P=S9(B),O=c1=>{let V=B.getAttribute("data-loc-pick")??"",[q,K]=V.split(":");K!=="image"&&K!=="map"||(c1.stopPropagation(),c1.preventDefault(),k(om(m,Number(q),K)))};return B.addEventListener("click",O,{capture:!0}),()=>{P?.(),B.removeEventListener("click",O,{capture:!0})}});return()=>N.forEach(B=>B())},[h,m,k,l.length]);let F=Ql(l,T=>String(T.group??""),T=>String(T.groupName??""));return l3("section",{id:"studios",ref:Z,className:N0(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:[n0("style",{dangerouslySetInnerHTML:{__html:MJ}}),h&&m&&n0("style",{dangerouslySetInnerHTML:{__html:SJ}}),(e||t||a)&&n0(O2,{num:e,title:t?$(t,!0):void 0,desc:a?C(a):void 0,spaceBelow:"mb-10"}),l.length>0&&l3("div",{className:"mb-12",children:[(s||c)&&l3("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[s&&n0(V1,{text:s,size:12}),c&&n0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:C(c)})]}),n0("div",{className:"flex flex-col gap-6",children:F.map((T,N)=>{let B=T.items.length===1;return l3("div",{children:[T.key&&n0("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:T.key}),n0("div",{className:["grid gap-[2px] border border-line bg-line",za(T.items.length),T.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:T.items.map(({item:P,index:O})=>{let c1=String(P?.name??""),V=String(P?.photo??""),q=v(O);return l3("a",{href:`#${q}`,"aria-label":`Jump to ${c1||"location"} map`,onClick:K=>{K.preventDefault(),z(q)},"data-loc-pick":E(O,"image"),className:["group relative block",x,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",B?"max-h-[440px]":"",...E(O,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":R(O,"image")?"":void 0,children:[V?n0(el,{src:V,alt:p2(c1||"Location"),fill:!0,sizes:B?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):n0(LJ,{}),n0("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%)"}}),n0("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:n0("span",{children:c1})})]},O)})})]},T.key?`g:${T.key}`:`ungrouped:${N}`)})})]}),F.map((T,N)=>l3("div",{className:N===0?"":"mt-10",children:[T.key&&n0(Xo,{groupKey:T.key,name:T.name,count:T.items.length}),n0("div",{className:["grid gap-[2px] border border-line bg-line",za(T.items.length),T.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:T.items.map(({item:B,index:P})=>n0(AJ,{id:v(P),card:B,active:d===v(P),apiKey:r,mapId:o,mapTheme:i,mapPick:E(P,"map"),mapSelected:R(P,"map")},P))})]},T.key?`g:${T.key}`:`ungrouped:${N}`)),l.length>0&&l3("p",{className:"mt-8 text-right font-mono text-[10px] uppercase tracking-[0.25em] text-fg-dim/50",children:["Location coordinates \xA9"," ",n0("a",{href:"https://www.openstreetmap.org/copyright",target:"_blank",rel:"noopener noreferrer",className:"hover:text-accent",children:"OpenStreetMap contributors"})]})]})}function AJ({id:e,card:t,active:a,apiKey:s,mapId:c,mapTheme:l,mapPick:r,mapSelected:o}){let i=t.phone?`tel:${String(t.phone).replace(/[^+\d]/g,"")}`:void 0,n=Io(t.region),h=String(t.state??"").trim()||n.state,m=String(t.country??"").trim()||n.country,p=[h,m].filter(Boolean).join(" \xB7 ");return l3("article",{id:e,"data-active":a?"true":void 0,className:"contact-loc grid min-h-[840px] scroll-mt-[120px] grid-rows-[auto_1fr] bg-bg max-[1100px]:min-h-0",children:[l3("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[l3("div",{className:"flex items-start justify-between gap-3.5",children:[l3("div",{children:[t.name&&n0("div",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]",children:t.name}),p&&n0("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:p})]}),t.timezone&&n0("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!==""&&n0("div",{className:"mt-1.5 font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:n0(AT,{value:t.address})}),t.phone&&n0("div",{children:n0("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!==""&&n0("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:n0(AT,{value:t.hours})})]}),n0(FJ,{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:l,pick:r,selected:o})]})}var HJ=13;function FJ({name:e,state:t,country:a,lat:s,lng:c,mapsUrl:l,apiKey:r,mapId:o,mapTheme:i="auto",pick:n,selected:h}){let m=$o(r,jo()),p=Yo(o,Ko()),u=ds(s,c),g=!!m&&u,d=t,f=ld(null),v=ld(null),[z,x]=di(!1),k=i!=="auto",M=x7(i),[A,R]=di(i==="auto"?b7.dark.background:Y4(i));Ls(()=>{R(Y4(i))},[i]),Ls(()=>{if(!g)return;let F=f.current;if(!F)return;let T=null,N=null,B=!1,P=null,O=q=>({path:q.SymbolPath.CIRCLE,scale:7,fillColor:tt(i),fillOpacity:1,strokeColor:tt(i),strokeOpacity:.25,strokeWeight:10}),c1=async()=>{try{let q=await Uo(m);if(B||!v.current)return;T=new q.Map(v.current,{center:{lat:s,lng:c},zoom:HJ,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:Y4(i),...p?{mapId:p}:{styles:et(i)}}),N=new q.Marker({map:T,position:{lat:s,lng:c},icon:O(q)}),T.addListener("tilesloaded",()=>{B||x(!0)}),i==="auto"&&!p&&(P=qo(()=>{B||!T||(T.setOptions({styles:et(i),backgroundColor:Y4(i)}),N?.setIcon(O(q)),R(Y4(i)))}))}catch(q){console.error("[StudioMap] Maps SDK failed:",q)}},V=new IntersectionObserver(q=>{for(let K of q)if(K.isIntersecting){V.disconnect(),c1();break}},{rootMargin:"200px"});return V.observe(F),()=>{B=!0,V.disconnect(),P?.()}},[g,m,s,c,p,i]);let E=l||(e?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([e,t,a].filter(Boolean).join(" "))}`:""),Z=l3("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",k?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:k?{backgroundColor:M.info.bg,borderColor:`color-mix(in oklab, ${M.info.fgDim} 35%, transparent)`,boxShadow:M.info.shadow}:void 0,children:[l3("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:k?{color:M.info.fg}:void 0,children:[e||"Location",d?`, ${d}`:""]}),E&&n0("a",{href:E,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",k?"":"text-accent hover:text-fg"].join(" "),style:k?{color:M.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!g){let F=k?`linear-gradient(135deg, ${M.background}, ${M.info.bg})`:"linear-gradient(135deg, var(--site-surface-2), var(--site-surface))";return l3("div",{"data-loc-pick":n,className:["relative overflow-hidden max-[1100px]:aspect-square",k?"":"bg-bg",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{...k?{backgroundColor:M.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:[Z,n0("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]",k?"":"text-fg-dim/40"].join(" "),style:k?{color:M.info.fgDim,opacity:.4}:void 0,children:m?"Add latitude & longitude":"Add a Google Maps API key"})]})}return l3("div",{ref:f,"data-loc-pick":n,className:["studio-map relative overflow-hidden max-[1100px]:aspect-square",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{backgroundColor:A},children:[n0("div",{ref:v,className:"gmap-canvas absolute inset-0"}),n0("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"}),Z]})}var FT={label:"Contact / Locations",defaultProps:{sectionNumber:r2.sectionNumber,heading:r2.heading,tagline:r2.tagline,galleryKicker:r2.galleryKicker,galleryHint:r2.galleryHint,locations:cs,apiKey:r2.apiKey,mapId:r2.mapId,mapTheme:r2.mapTheme},render:e=>TJ(HT,{sectionNumber:Q0(e.sectionNumber,r2.sectionNumber,e.puck),heading:Q0(e.heading,r2.heading,e.puck),tagline:Q0(e.tagline,r2.tagline,e.puck),galleryKicker:Q0(e.galleryKicker,r2.galleryKicker,e.puck),galleryHint:Q0(e.galleryHint,r2.galleryHint,e.puck),locations:e.locations??cs,apiKey:t1(e.apiKey),mapId:t1(e.mapId),mapTheme:e.mapTheme??r2.mapTheme,imageShape:e.imageShape,editing:e.puck?.isEditing,nodeId:e.puck?.isEditing?e.id:void 0})};import{jsx as dQ}from"react/jsx-runtime";var dd=LO(XT());dd.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function JT(e){return dd.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})}var QT={label:"Custom HTML",defaultProps:{html:`<section>
|
|
138
|
+
<h2>Custom section</h2>
|
|
139
|
+
</section>`},render:({html:e})=>dQ("div",{dangerouslySetInnerHTML:{__html:JT(e??"")}})};import{jsx as vQ}from"react/jsx-runtime";import{jsx as gd}from"react/jsx-runtime";var gQ={sm:"my-6",md:"my-12",lg:"my-20"};function eP({spacing:e,contained:t,style:a=L8}){let s=UL(WL(a));return gd(e2,{contained:t,className:gQ[e],children:s?gd("hr",{className:"border-x-0 border-y border-line",style:{height:qL,backgroundImage:s}}):gd("hr",{className:"border-0 border-t border-line"})})}var tP={label:"Divider",defaultProps:{style:L8,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>vQ(eP,{spacing:e,contained:t,style:a})};import{Fragment as xQ,jsx as sP}from"react/jsx-runtime";import{jsx as fQ}from"react/jsx-runtime";var bQ={left:"",center:"justify-center",right:"justify-end"};function aP({text:e,align:t="left",look:a=ar}){return fQ(V1,{text:e,look:a,classNameAfter:a==="line"?bQ[t]:""})}var cP={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:s})=>H2(e).hidden?sP(xQ,{}):sP(aP,{text:K4(t1(e),L.eyebrow,s)??"",align:t,look:Lw(a)})};import{Fragment as CQ,jsx as rP}from"react/jsx-runtime";import{jsx as vd}from"react/jsx-runtime";var zQ={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]"}},yQ="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]",wQ={left:"text-left",center:"text-center",right:"text-right"};function lP({level:e,text:t,align:a,contained:s,hero:c=!1}){if(c)return vd("h1",{className:yQ,children:$(t,!1)});let l=`h${e}`,r=zQ[e],o=K6(void 0,r.size,r.role,r.step),i=r.sizeMobile?K6(void 0,r.sizeMobile,r.role,r.step):void 0,n={"--heading-size":o,...i?{"--heading-size-m":i}:{}},h=r.rank===2?"[font-weight:var(--sf-heading-2-weight,var(--sf-heading-weight,500))]":r.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)]",r.leading,i?"max-[800px]:text-[length:var(--heading-size-m)]":""].filter(Boolean).join(" ");return vd(e2,{contained:s,className:"py-6",children:vd(l,{className:`font-display ${h} tracking-[-0.03em] text-fg ${m} ${wQ[a]}`,style:n,children:$(t,!1)})})}var oP={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:s,puck:c})=>H2(e).hidden?rP(CQ,{}):rP(lP,{text:K4(t1(e),L.heading,c)??"",level:t,align:a,contained:s})};import{jsx as MQ}from"react/jsx-runtime";import{jsx as q8}from"react/jsx-runtime";var kQ={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function iP({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:l,width:r,fit:o,focal:i,corners:n,cornerSides:h}){let m=Ze(c,ot()),p=vF(r),u=st(o,"cover"),g=_z(n,h),d={...m.style??{},...i&&si(a,u)?{objectPosition:i}:{}},f=e?q8("img",{src:A2(e),alt:t,className:`h-full w-full ${a==="auto"?"":kH(u)}${m.className?` ${m.className}`:""}`,...Object.keys(d).length?{style:d}:{}}):q8("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=(l??"").trim(),z=v&&e?v.startsWith("/")?q8(t0,{href:v,className:"block h-full w-full",children:f}):q8("a",{href:v,className:"block h-full w-full",children:f}):f;return q8(e2,{contained:s,className:"py-6",children:q8("figure",{...p?{style:p}:{},children:q8("div",{className:`relative w-full overflow-hidden bg-surface ${kQ[a]}`,...g?{style:g}:{},children:z})})})}var nP={label:"Image",defaultProps:{src:"",alt:"",aspect:"16/9",contained:!1},render:({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:l,width:r,fit:o,focal:i,corners:n,cornerSides:h})=>MQ(iP,{src:e,alt:t,aspect:a,contained:s,grayscale:c,href:l,width:r,fit:o,focal:i,corners:n,cornerSides:h})};import{jsx as FQ}from"react/jsx-runtime";import{jsx as S3,jsxs as fi}from"react/jsx-runtime";var F1='<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>',T1='</title><path d="',P1='"/></svg>';var hP={title:"Adyen",slug:"adyen",get svg(){return F1+"Adyen"+T1+this.path+P1},path:"M11.64703 9.88245v2.93377c0 .13405.10867.24271.24272.24271h.46316V9.88245h1.76474v5.1503c0 .46916-.38033.8495-.8495.8495H9.94303v-1.23507h2.40991v-.52942h-1.62108c-.46917 0-.8495-.38033-.8495-.8495V9.88245h1.76467Zm-8.26124.00001c.46917 0 .8495.38034.8495.8495v3.3858H.8495c-.46916 0-.8495-.38033-.8495-.8495v-.94805c0-.46917.38034-.8495.8495-.8495h.91521v1.3455c0 .13406.10867.24272.24272.24272h.46316V11.184c0-.13405-.10867-.24271-.24272-.24271l-2.16719-.00002V9.88246Zm5.79068-1.76471v6.00001H5.79068c-.46917 0-.8495-.38033-.8495-.8495v-2.53631c0-.46917.38033-.8495.8495-.8495h.91515v2.93377c0 .13405.10867.24271.24272.24271h.46316l.00005-4.94118h1.76471Zm9.03286 1.76471a.8495.8495 0 0 1 .8495.8495v.94805c0 .46917-.38033.8495-.8495.8495h-.9152v-1.3455c0-.13404-.10868-.2427-.24272-.2427h-.46317v1.8749c0 .13406.10867.24272.24272.24272h2.16719v1.05883h-3.32511c-.46917 0-.8495-.38033-.8495-.8495v-3.3858Zm4.94117 0c.46916 0 .8495.38034.8495.8495v3.3858h-1.7647V11.184c-.0004-.13388-.10884-.24232-.24272-.24272h-.46316v3.1765H19.7647V9.88245Z",source:"https://www.adyen.com/press-and-media/presskit",hex:"0ABF53",guidelines:"https://www.adyen.com/press-and-media/presskit"};var mP={title:"Afterpay",slug:"afterpay",get svg(){return F1+"Afterpay"+T1+this.path+P1},path:"M12 0C5.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12 6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12Zm1.236 4.924a2.21 2.21 0 0 1 1.15.299l4.457 2.557c1.495.857 1.495 3.013 0 3.87l-4.457 2.558c-1.488.854-3.342-.22-3.342-1.935v-.34a.441.441 0 0 0-.66-.383L6.287 13.9a.441.441 0 0 0 0 .765l4.096 2.35a.44.44 0 0 0 .661-.382v-.685c0-.333.36-.542.649-.376l1.041.597a.441.441 0 0 1 .222.383v.29c0 1.715-1.854 2.789-3.342 1.935L5.157 16.22c-1.495-.857-1.495-3.013 0-3.87l4.457-2.558c1.488-.854 3.342.22 3.342 1.935v.34c0 .34.366.551.66.383l4.097-2.35a.441.441 0 0 0 0-.765l-4.096-2.351a.441.441 0 0 0-.661.382v.685c0 .333-.36.541-.649.375l-1.041-.597a.442.442 0 0 1-.222-.383v-.29c0-1.285 1.043-2.21 2.192-2.233z",source:"https://www.afterpay.com/en-AU/business/resources/marketing/logos",hex:"B2FCE4",guidelines:"https://www.afterpay.com/en-AU/business/resources/marketing/brand-tools/brand-guidelines"};var pP={title:"Aircall",slug:"aircall",get svg(){return F1+"Aircall"+T1+this.path+P1},path:"M23.451 5.906a6.978 6.978 0 0 0-5.375-5.39C16.727.204 14.508 0 12 0S7.273.204 5.924.516a6.978 6.978 0 0 0-5.375 5.39C.237 7.26.034 9.485.034 12s.203 4.74.515 6.094a6.978 6.978 0 0 0 5.375 5.39C7.273 23.796 9.492 24 12 24s4.727-.204 6.076-.516a6.978 6.978 0 0 0 5.375-5.39c.311-1.354.515-3.578.515-6.094 0-2.515-.203-4.74-.515-6.094zm-5.873 12.396l-.003.001c-.428.152-1.165.283-2.102.377l-.147.014a.444.444 0 0 1-.45-.271 1.816 1.816 0 0 0-1.296-1.074c-.351-.081-.928-.134-1.58-.134s-1.229.053-1.58.134a1.817 1.817 0 0 0-1.291 1.062.466.466 0 0 1-.471.281 8 8 0 0 0-.129-.012c-.938-.094-1.676-.224-2.105-.377l-.003-.001a.76.76 0 0 1-.492-.713c0-.032.003-.066.005-.098.073-.979.666-3.272 1.552-5.89C8.5 8.609 9.559 6.187 10.037 5.714a1.029 1.029 0 0 1 .404-.26l.004-.002c.314-.106.892-.178 1.554-.178.663 0 1.241.071 1.554.178l.005.002a1.025 1.025 0 0 1 .405.26c.478.472 1.537 2.895 2.549 5.887.886 2.617 1.479 4.91 1.552 5.89.002.032.005.066.005.098a.76.76 0 0 1-.491.713z",source:"https://aircall.io",hex:"00B388"};var fd={title:"American Express",slug:"americanexpress",get svg(){return F1+"American Express"+T1+this.path+P1},path:"M16.015 14.378c0-.32-.135-.496-.344-.622-.21-.12-.464-.135-.81-.135h-1.543v2.82h.675v-1.027h.72c.24 0 .39.024.478.125.12.13.104.38.104.55v.35h.66v-.555c-.002-.25-.017-.376-.108-.516-.06-.08-.18-.18-.33-.234l.02-.008c.18-.072.48-.297.48-.747zm-.87.407l-.028-.002c-.09.053-.195.058-.33.058h-.81v-.63h.824c.12 0 .24 0 .33.05.098.048.156.147.15.255 0 .12-.045.215-.134.27zM20.297 15.837H19v.6h1.304c.676 0 1.05-.278 1.05-.884 0-.28-.066-.448-.187-.582-.153-.133-.392-.193-.73-.207l-.376-.015c-.104 0-.18 0-.255-.03-.09-.03-.15-.105-.15-.21 0-.09.017-.166.09-.21.083-.046.177-.066.272-.06h1.23v-.602h-1.35c-.704 0-.958.437-.958.84 0 .9.776.855 1.407.87.104 0 .18.015.225.06.046.03.082.106.082.18 0 .077-.035.15-.08.18-.06.053-.15.07-.277.07zM0 0v10.096L.81 8.22h1.75l.225.464V8.22h2.043l.45 1.02.437-1.013h6.502c.295 0 .56.057.756.236v-.23h1.787v.23c.307-.17.686-.23 1.12-.23h2.606l.24.466v-.466h1.918l.254.465v-.466h1.858v3.948H20.87l-.36-.6v.585h-2.353l-.256-.63h-.583l-.27.614h-1.213c-.48 0-.84-.104-1.08-.24v.24h-2.89v-.884c0-.12-.03-.12-.105-.135h-.105v1.036H6.067v-.48l-.21.48H4.69l-.202-.48v.465H2.235l-.256-.624H1.4l-.256.624H0V24h23.786v-7.108c-.27.135-.613.18-.973.18H21.09v-.255c-.21.165-.57.255-.914.255H14.71v-.9c0-.12-.018-.12-.12-.12h-.075v1.022h-1.8v-1.066c-.298.136-.643.15-.928.136h-.214v.915h-2.18l-.54-.617-.57.6H4.742v-3.93h3.61l.518.602.554-.6h2.412c.28 0 .74.03.942.225v-.24h2.177c.202 0 .644.045.903.225v-.24h3.265v.24c.163-.164.508-.24.803-.24h1.89v.24c.194-.15.464-.24.84-.24h1.176V0H0zM21.156 14.955c.004.005.006.012.01.016.01.01.024.01.032.02l-.042-.035zM23.828 13.082h.065v.555h-.065zM23.865 15.03v-.005c-.03-.025-.046-.048-.075-.07-.15-.153-.39-.215-.764-.225l-.36-.012c-.12 0-.194-.007-.27-.03-.09-.03-.15-.105-.15-.21 0-.09.03-.16.09-.204.076-.045.15-.05.27-.05h1.223v-.588h-1.283c-.69 0-.96.437-.96.84 0 .9.78.855 1.41.87.104 0 .18.015.224.06.046.03.076.106.076.18 0 .07-.034.138-.09.18-.045.056-.136.07-.27.07h-1.288v.605h1.287c.42 0 .734-.118.9-.36h.03c.09-.134.135-.3.135-.523 0-.24-.045-.39-.135-.526zM18.597 14.208v-.583h-2.235V16.458h2.235v-.585h-1.57v-.57h1.533v-.584h-1.532v-.51M13.51 8.787h.685V11.6h-.684zM13.126 9.543l-.007.006c0-.314-.13-.5-.34-.624-.217-.125-.47-.135-.81-.135H10.43v2.82h.674v-1.034h.72c.24 0 .39.03.487.12.122.136.107.378.107.548v.354h.677v-.553c0-.25-.016-.375-.11-.516-.09-.107-.202-.19-.33-.237.172-.07.472-.3.472-.75zm-.855.396h-.015c-.09.054-.195.056-.33.056H11.1v-.623h.825c.12 0 .24.004.33.05.09.04.15.128.15.25s-.047.22-.134.266zM15.92 9.373h.632v-.6h-.644c-.464 0-.804.105-1.02.33-.286.3-.362.69-.362 1.11 0 .512.123.833.36 1.074.232.238.645.31.97.31h.78l.255-.627h1.39l.262.627h1.36v-2.11l1.272 2.11h.95l.002.002V8.786h-.684v1.963l-1.18-1.96h-1.02V11.4L18.11 8.744h-1.004l-.943 2.22h-.3c-.177 0-.362-.03-.468-.134-.125-.15-.186-.36-.186-.662 0-.285.08-.51.194-.63.133-.135.272-.165.516-.165zm1.668-.108l.464 1.118v.002h-.93l.466-1.12zM2.38 10.97l.254.628H4V9.393l.972 2.205h.584l.973-2.202.015 2.202h.69v-2.81H6.118l-.807 1.904-.876-1.905H3.343v2.663L2.205 8.787h-.997L.01 11.597h.72l.26-.626h1.39zm-.688-1.705l.46 1.118-.003.002h-.915l.457-1.12zM11.856 13.62H9.714l-.85.923-.825-.922H5.346v2.82H8l.855-.932.824.93h1.302v-.94h.838c.6 0 1.17-.164 1.17-.945l-.006-.003c0-.78-.598-.93-1.128-.93zM7.67 15.853l-.014-.002H6.02v-.557h1.47v-.574H6.02v-.51H7.7l.733.82-.764.824zm2.642.33l-1.03-1.147 1.03-1.108v2.253zm1.553-1.258h-.885v-.717h.885c.24 0 .42.098.42.344 0 .243-.15.372-.42.372zM9.967 9.373v-.586H7.73V11.6h2.237v-.58H8.4v-.564h1.527V9.88H8.4v-.507",source:"https://commons.wikimedia.org/wiki/File:American_Express_logo_(2018).svg",hex:"2E77BC"};var uP={title:"Apple Pay",slug:"applepay",get svg(){return F1+"Apple Pay"+T1+this.path+P1},path:"M2.15 4.318a42.16 42.16 0 0 0-.454.003c-.15.005-.303.013-.452.04a1.44 1.44 0 0 0-1.06.772c-.07.138-.114.278-.14.43-.028.148-.037.3-.04.45A10.2 10.2 0 0 0 0 6.222v11.557c0 .07.002.138.003.207.004.15.013.303.04.452.027.15.072.291.142.429a1.436 1.436 0 0 0 .63.63c.138.07.278.115.43.142.148.027.3.036.45.04l.208.003h20.194l.207-.003c.15-.004.303-.013.452-.04.15-.027.291-.071.428-.141a1.432 1.432 0 0 0 .631-.631c.07-.138.115-.278.141-.43.027-.148.036-.3.04-.45.002-.07.003-.138.003-.208l.001-.246V6.221c0-.07-.002-.138-.004-.207a2.995 2.995 0 0 0-.04-.452 1.446 1.446 0 0 0-1.2-1.201 3.022 3.022 0 0 0-.452-.04 10.448 10.448 0 0 0-.453-.003zm0 .512h19.942c.066 0 .131.002.197.003.115.004.25.01.375.032.109.02.2.05.287.094a.927.927 0 0 1 .407.407.997.997 0 0 1 .094.288c.022.123.028.258.031.374.002.065.003.13.003.197v11.552c0 .065 0 .13-.003.196-.003.115-.009.25-.032.375a.927.927 0 0 1-.5.693 1.002 1.002 0 0 1-.286.094 2.598 2.598 0 0 1-.373.032l-.2.003H1.906c-.066 0-.133-.002-.196-.003a2.61 2.61 0 0 1-.375-.032c-.109-.02-.2-.05-.288-.094a.918.918 0 0 1-.406-.407 1.006 1.006 0 0 1-.094-.288 2.531 2.531 0 0 1-.032-.373 9.588 9.588 0 0 1-.002-.197V6.224c0-.065 0-.131.002-.197.004-.114.01-.248.032-.375.02-.108.05-.199.094-.287a.925.925 0 0 1 .407-.406 1.03 1.03 0 0 1 .287-.094c.125-.022.26-.029.375-.032.065-.002.131-.002.196-.003zm4.71 3.7c-.3.016-.668.199-.88.456-.191.22-.36.58-.316.918.338.03.675-.169.888-.418.205-.258.345-.603.308-.955zm2.207.42v5.493h.852v-1.877h1.18c1.078 0 1.835-.739 1.835-1.812 0-1.07-.742-1.805-1.808-1.805zm.852.719h.982c.739 0 1.161.396 1.161 1.089 0 .692-.422 1.092-1.164 1.092h-.979zm-3.154.3c-.45.01-.83.28-1.05.28-.235 0-.593-.264-.981-.257a1.446 1.446 0 0 0-1.23.747c-.527.908-.139 2.255.374 2.995.249.366.549.769.944.754.373-.014.52-.242.973-.242.454 0 .586.242.98.235.41-.007.667-.366.915-.733.286-.417.403-.82.41-.841-.007-.008-.79-.308-.797-1.209-.008-.754.615-1.113.644-1.135-.352-.52-.9-.578-1.09-.593a1.123 1.123 0 0 0-.092-.002zm8.204.397c-.99 0-1.606.533-1.652 1.256h.777c.072-.358.369-.586.845-.586.502 0 .803.266.803.711v.309l-1.097.064c-.951.054-1.488.484-1.488 1.184 0 .72.548 1.207 1.332 1.207.526 0 1.032-.281 1.264-.727h.019v.659h.788v-2.76c0-.803-.62-1.317-1.591-1.317zm1.94.072l1.446 4.009c0 .003-.073.24-.073.247-.125.41-.33.571-.711.571-.069 0-.206 0-.267-.015v.666c.06.011.267.019.335.019.83 0 1.226-.312 1.568-1.283l1.5-4.214h-.868l-1.012 3.259h-.015l-1.013-3.26zm-1.167 2.189v.316c0 .521-.45.917-1.024.917-.442 0-.731-.228-.731-.579 0-.342.278-.56.769-.593z",source:"https://developer.apple.com/apple-pay/marketing",hex:"000000"};var dP={title:"BigCommerce",slug:"bigcommerce",get svg(){return F1+"BigCommerce"+T1+this.path+P1},path:"M12.645 13.663h3.027c.861 0 1.406-.474 1.406-1.235 0-.717-.545-1.234-1.406-1.234h-3.027c-.1 0-.187.086-.187.172v2.125c.015.1.086.172.187.172zm0 4.896h3.128c.961 0 1.535-.488 1.535-1.35 0-.746-.545-1.35-1.535-1.35h-3.128c-.1 0-.187.087-.187.173v2.34c.015.115.086.187.187.187zM23.72.053l-8.953 8.93h1.464c2.281 0 3.63 1.435 3.63 3 0 1.235-.832 2.14-1.722 2.541-.143.058-.143.259.014.316 1.033.402 1.765 1.48 1.765 2.742 0 1.78-1.19 3.202-3.5 3.202h-6.342c-.1 0-.187-.086-.187-.172V13.85L.062 23.64c-.13.13-.043.359.143.359h23.631a.16.16 0 0 0 .158-.158V.182c.043-.158-.158-.244-.273-.13z",source:"https://www.bigcommerce.co.uk/press",hex:"121118",guidelines:"https://www.elastic.co/legal/trademarks"};var gP={title:"Brevo",slug:"brevo",get svg(){return F1+"Brevo"+T1+this.path+P1},path:"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zM7.2 4.8h5.747c2.34 0 3.895 1.406 3.895 3.516 0 1.022-.348 1.862-1.09 2.588C17.189 11.812 18 13.22 18 14.785c0 2.86-2.64 5.016-6.164 5.016H7.199v-15zm2.085 1.952v5.537h.07c.233-.432.858-.796 2.249-1.226 2.039-.659 3.037-1.52 3.037-2.655 0-.998-.766-1.656-1.924-1.656H9.285zm4.87 5.266c-.766.385-1.67.748-2.76 1.11-1.229.387-2.11 1.386-2.11 2.407v2.315h2.365c2.387 0 4.149-1.34 4.149-3.155 0-1.067-.625-2.087-1.645-2.677z",source:"https://www.brevo.com",hex:"0B996E"};var vP={title:"Calendly",slug:"calendly",get svg(){return F1+"Calendly"+T1+this.path+P1},path:"M19.655 14.262c.281 0 .557.023.828.064 0 .005-.005.01-.005.014-.105.267-.234.534-.381.786l-1.219 2.106c-1.112 1.936-3.177 3.127-5.411 3.127h-2.432c-2.23 0-4.294-1.191-5.412-3.127l-1.218-2.106a6.251 6.251 0 0 1 0-6.252l1.218-2.106C6.736 4.832 8.8 3.641 11.035 3.641h2.432c2.23 0 4.294 1.191 5.411 3.127l1.219 2.106c.147.252.271.519.381.786 0 .004.005.009.005.014-.267.041-.543.064-.828.064-1.816 0-2.501-.607-3.291-1.306-.764-.676-1.711-1.517-3.44-1.517h-1.029c-1.251 0-2.387.455-3.2 1.278-.796.805-1.233 1.904-1.233 3.099v1.411c0 1.196.437 2.295 1.233 3.099.813.823 1.949 1.278 3.2 1.278h1.034c1.729 0 2.676-.841 3.439-1.517.791-.703 1.471-1.306 3.287-1.301Zm.005-3.237c.399 0 .794-.036 1.179-.11-.002-.004-.002-.01-.002-.014-.073-.414-.193-.823-.349-1.218.731-.12 1.407-.396 1.986-.819 0-.004-.005-.013-.005-.018-.331-1.085-.832-2.101-1.489-3.03-.649-.915-1.435-1.719-2.331-2.395-1.867-1.398-4.088-2.138-6.428-2.138-1.448 0-2.855.28-4.175.841-1.273.543-2.423 1.315-3.407 2.299S2.878 6.552 2.341 7.83c-.557 1.324-.842 2.726-.842 4.175 0 1.448.281 2.855.842 4.174.542 1.274 1.314 2.423 2.298 3.407s2.129 1.761 3.407 2.299c1.324.556 2.727.841 4.175.841 2.34 0 4.561-.74 6.428-2.137a10.815 10.815 0 0 0 2.331-2.396c.652-.929 1.158-1.949 1.489-3.03 0-.004.005-.014.005-.018-.579-.423-1.255-.699-1.986-.819.161-.395.276-.804.349-1.218.005-.009.005-.014.005-.023.869.166 1.692.506 2.404 1.035.685.505.552 1.075.446 1.416C22.184 20.437 17.619 24 12.221 24c-6.625 0-12-5.375-12-12s5.37-12 12-12c5.398 0 9.963 3.563 11.471 8.464.106.341.239.915-.446 1.421-.717.529-1.535.873-2.404 1.034.128.716.128 1.45 0 2.166-.387-.074-.782-.11-1.182-.11-4.184 0-3.968 2.823-6.736 2.823h-1.029c-1.899 0-3.15-1.357-3.15-3.095v-1.411c0-1.738 1.251-3.094 3.15-3.094h1.034c2.768 0 2.552 2.823 6.731 2.827Z",source:"https://calendly.com/newsroom",hex:"006BFF",guidelines:"https://calendly.com/newsroom"};var fP={title:"Campaign Monitor",slug:"campaignmonitor",get svg(){return F1+"Campaign Monitor"+T1+this.path+P1},path:"M23.836 4.27c-.29-.413-.86-.515-1.273-.226L.163 19.73c.167.235.437.39.747.39h22.18c.503 0 .91-.41.91-.914V4.78c-.004-.176-.058-.352-.164-.51zm-22.4-.226c-.413-.29-.982-.19-1.272.226-.107.154-.162.332-.164.51v14.45l10.664-8.736-9.227-6.45v-.002z",source:"https://www.campaignmonitor.com/company/brand/",hex:"111324"};var bP={title:"DHL",slug:"dhl",get svg(){return F1+"DHL"+T1+this.path+P1},path:"M4.22 10.303l-.767 1.043h4.18c.21 0 .208.078.105.218-.105.142-.28.39-.386.534-.054.073-.154.207.171.207h1.71l.505-.69c.314-.426.028-1.312-1.095-1.312H4.22zm7.204 0l-1.475 2.002h5.39l1.473-2.002H14.61l-.843 1.146h-.985l.846-1.146h-2.203zm6.105 0l-1.474 2.002h2.334l1.472-2.002H17.53zm-12.845 1.3l-1.54 2.094h3.754c1.24 0 1.932-.844 2.145-1.136h-2.56c-.326 0-.226-.133-.172-.207.107-.143.283-.388.388-.53.104-.14.107-.22-.105-.22h-1.91zM0 12.562v.242h3.398l.176-.242H0zm9.762 0l-.836 1.136h2.203l.836-1.136H9.762zm3.185 0l-.836 1.136h2.203l.836-1.136h-2.203zm2.918 0s-.159.22-.238.326c-.276.374-.033.81.87.81h3.538l.834-1.136h-5.004zm5.408 0l-.177.242H24v-.242h-2.727zM0 13.01v.24h3.068l.178-.24H0zm20.943 0l-.175.24H24v-.24h-3.057zM0 13.457v.24h2.74l.176-.24H0zm20.615 0l-.177.24H24v-.24h-3.385z",source:"https://www.dpdhl-brands.com/dhl/en/guides/design-basics/logo-and-claim.html",hex:"FFCC00",guidelines:"https://www.dpdhl-brands.com/dhl/en/guides/design-basics/logo-and-claim.html"};var xP={title:"Dropbox",slug:"dropbox",get svg(){return F1+"Dropbox"+T1+this.path+P1},path:"M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z",source:"https://www.dropbox.com/branding",hex:"0061FF"};var zP={title:"eBay",slug:"ebay",get svg(){return F1+"eBay"+T1+this.path+P1},path:"M6.056 12.132v-4.92h1.2v3.026c.59-.703 1.402-.906 2.202-.906 1.34 0 2.828.904 2.828 2.855 0 .233-.015.457-.06.668.24-.953 1.274-1.305 2.896-1.344.51-.018 1.095-.018 1.56-.018v-.135c0-.885-.556-1.244-1.53-1.244-.72 0-1.245.3-1.305.81h-1.275c.136-1.29 1.5-1.62 2.686-1.62 1.064 0 1.995.27 2.415 1.02l-.436-.84h1.41l2.055 4.125 2.055-4.126H24l-3.72 7.305h-1.346l1.07-2.04-2.33-4.38c.13.255.2.555.2.93v2.46c0 .346.01.69.04 1.005H16.8a6.543 6.543 0 01-.046-.765c-.603.734-1.32.96-2.32.96-1.48 0-2.272-.78-2.272-1.695 0-.15.015-.284.037-.405-.3 1.246-1.36 2.086-2.767 2.086-.87 0-1.694-.315-2.2-.93 0 .24-.015.494-.04.734h-1.18c.02-.39.04-.855.04-1.245v-1.05h-4.83c.065 1.095.818 1.74 1.853 1.74.718 0 1.355-.3 1.568-.93h1.24c-.24 1.29-1.61 1.725-2.79 1.725C.95 15.009 0 13.822 0 12.232c0-1.754.982-2.91 3.116-2.91 1.688 0 2.93.886 2.94 2.806v.005zm9.137.183c-1.095.034-1.77.233-1.77.95 0 .465.36.97 1.305.97 1.26 0 1.935-.69 1.935-1.814v-.13c-.45 0-.99.006-1.484.022h.012zm-6.06 1.875c1.11 0 1.876-.806 1.876-2.02s-.768-2.02-1.893-2.02c-1.11 0-1.89.806-1.89 2.02s.765 2.02 1.875 2.02h.03zm-4.35-2.514c-.044-1.125-.854-1.546-1.725-1.546-.944 0-1.694.474-1.815 1.546z",source:"https://go.developer.ebay.com/logos",hex:"E53238"};var yP={title:"Etsy",slug:"etsy",get svg(){return F1+"Etsy"+T1+this.path+P1},path:"M8.559 2.445c0-.325.033-.52.59-.52h7.465c1.3 0 2.02 1.11 2.54 3.193l.42 1.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24 1.5.496 1.6 1.606 0 0 .11 3.27.11 8.64 0 5.385-.09 8.61-.09 8.61 0 .973-.39 1.333-1.59 1.573l-1.722.33V24l5.13-.165h8.55c1.935 0 6.39.165 6.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284 2.91c-1.005 2.28-2.476 2.445-4.11 2.445h-4.906c-1.63 0-2.415-.64-2.415-2.05V12.8s3.62 0 4.79.096c.912.064 1.463.325 1.76 1.598l.39 1.695h1.41l-.09-4.278.192-4.305h-1.391l-.45 1.89c-.283 1.244-.48 1.47-1.754 1.6-1.666.17-4.815.14-4.815.14V2.45h-.05z",source:"https://www.etsy.com/uk/press",hex:"F16521"};var wP={title:"Facebook",slug:"facebook",get svg(){return F1+"Facebook"+T1+this.path+P1},path:"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z",source:"https://about.meta.com/brand/resources/facebook/logo",hex:"0866FF",guidelines:"https://about.meta.com/brand/resources/facebook/logo"};var CP={title:"FedEx",slug:"fedex",get svg(){return F1+"FedEx"+T1+this.path+P1},path:"M22.498 14.298c-.016-.414.345-.751.75-.755a.745.745 0 0 1 .752.755.755.755 0 0 1-.751.745c-.395.002-.759-.346-.751-.745zm.759-.083c.067-.02.164-.042.162-.13.007-.09-.086-.133-.162-.134h-.163v.263c0 .001.165-.002.163.001zm-.163.107v.418h-.14v-.91h.327c.156-.021.294.092.286.253a.218.218 0 0 1-.156.19c.162.083.108.322.173.467h-.156a2.355 2.355 0 0 1-.04-.205c-.018-.093-.047-.229-.17-.213h-.124zm.76-.024a.603.603 0 0 0-.605-.632c-.338-.012-.62.302-.605.632a.619.619 0 0 0 .605.622.61.61 0 0 0 .605-.622zm-5.052-.579l-.878 1.008h-1.306l1.559-1.745-1.56-1.75h1.355l.902.997.878-.998h1.306l-1.543 1.743 1.559 1.753h-1.371l-.901-1.008zm-4.703-.352v-.827h1.904v-1.506l1.724 1.948-1.724 1.941v-1.556h-1.904zm1.56 1.36h-3.2V9.044h3.224v1.024H13.77v1.163h1.888v.958h-1.904v1.522h1.904v1.016zm-5.705-.655c-.54.017-.878-.552-.877-1.04-.01-.507.307-1.123.878-1.105.579-.025.871.6.845 1.103.023.501-.29 1.062-.846 1.042zM4.743 12.41c.076-.358.403-.67.78-.663a.788.788 0 0 1 .803.663H4.743zm15.182.564l1.815-2.047h-2.125l-.74.844-.763-.844h-4.037v-.548h1.912V8.741H10.84v2.58c-.362-.448-.981-.559-1.526-.492-.782.123-1.427.762-1.634 1.514-.254-.958-1.179-1.588-2.157-1.554-.781.009-1.6.365-1.987 1.071v-.818h-1.87v-.9h2.043v-1.4H0v6.287h1.666v-2.644h1.666a7.59 7.59 0 0 0-.082.622c-.013 1.232 1.042 2.27 2.274 2.236a2.204 2.204 0 0 0 2.157-1.432H6.254c-.14.268-.441.38-.73.36-.457.009-.83-.417-.829-.86h2.914c.083 1.027.988 1.966 2.043 1.947a1.53 1.53 0 0 0 1.19-.639v.41h7.215l.754-.86.754.86h2.192l-1.832-2.055z",source:"https://newsroom.fedex.com",hex:"4D148C"};var kP={title:"Gmail",slug:"gmail",get svg(){return F1+"Gmail"+T1+this.path+P1},path:"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z",source:"https://fonts.gstatic.com/s/i/productlogos/gmail_2020q4/v8/192px.svg",hex:"EA4335"};var MP={title:"Google Ads",slug:"googleads",get svg(){return F1+"Google Ads"+T1+this.path+P1},path:"M3.9998 22.9291C1.7908 22.9291 0 21.1383 0 18.9293s1.7908-3.9998 3.9998-3.9998 3.9998 1.7908 3.9998 3.9998-1.7908 3.9998-3.9998 3.9998zm19.4643-6.0004L15.4632 3.072C14.3586 1.1587 11.9121.5028 9.9988 1.6074S7.4295 5.1585 8.5341 7.0718l8.0009 13.8567c1.1046 1.9133 3.5511 2.5679 5.4644 1.4646 1.9134-1.1046 2.568-3.5511 1.4647-5.4644zM7.5137 4.8438L1.5645 15.1484A4.5 4.5 0 0 1 4 14.4297c2.5597-.0075 4.6248 2.1585 4.4941 4.7148l3.2168-5.5723-3.6094-6.25c-.4499-.7793-.6322-1.6394-.5878-2.4784z",source:"https://ads.google.com/home/",hex:"4285F4"};var SP={title:"Google Analytics",slug:"googleanalytics",get svg(){return F1+"Google Analytics"+T1+this.path+P1},path:"M22.84 2.9982v17.9987c.0086 1.6473-1.3197 2.9897-2.967 2.9984a2.9808 2.9808 0 01-.3677-.0208c-1.528-.226-2.6477-1.5558-2.6105-3.1V3.1204c-.0369-1.5458 1.0856-2.8762 2.6157-3.1 1.6361-.1915 3.1178.9796 3.3093 2.6158.014.1201.0208.241.0202.3619zM4.1326 18.0548c-1.6417 0-2.9726 1.331-2.9726 2.9726C1.16 22.6691 2.4909 24 4.1326 24s2.9726-1.3309 2.9726-2.9726-1.331-2.9726-2.9726-2.9726zm7.8728-9.0098c-.0171 0-.0342 0-.0513.0003-1.6495.0904-2.9293 1.474-2.891 3.1256v7.9846c0 2.167.9535 3.4825 2.3505 3.763 1.6118.3266 3.1832-.7152 3.5098-2.327.04-.1974.06-.3983.0593-.5998v-8.9585c.003-1.6474-1.33-2.9852-2.9773-2.9882z",source:"https://marketingplatform.google.com/intl/en_uk/about/analytics/",hex:"E37400"};var LP={title:"Google Calendar",slug:"googlecalendar",get svg(){return F1+"Google Calendar"+T1+this.path+P1},path:"M18.316 5.684H24v12.632h-5.684V5.684zM5.684 24h12.632v-5.684H5.684V24zM18.316 5.684V0H1.895A1.894 1.894 0 0 0 0 1.895v16.421h5.684V5.684h12.632zm-7.207 6.25v-.065c.272-.144.5-.349.687-.617s.279-.595.279-.982c0-.379-.099-.72-.3-1.025a2.05 2.05 0 0 0-.832-.714 2.703 2.703 0 0 0-1.197-.257c-.6 0-1.094.156-1.481.467-.386.311-.65.671-.793 1.078l1.085.452c.086-.249.224-.461.413-.633.189-.172.445-.257.767-.257.33 0 .602.088.816.264a.86.86 0 0 1 .322.703c0 .33-.12.589-.36.778-.24.19-.535.284-.886.284h-.567v1.085h.633c.407 0 .748.109 1.02.327.272.218.407.499.407.843 0 .336-.129.614-.387.832s-.565.327-.924.327c-.351 0-.651-.103-.897-.311-.248-.208-.422-.502-.521-.881l-1.096.452c.178.616.505 1.082.977 1.401.472.319.984.478 1.538.477a2.84 2.84 0 0 0 1.293-.291c.382-.193.684-.458.902-.794.218-.336.327-.72.327-1.149 0-.429-.115-.797-.344-1.105a2.067 2.067 0 0 0-.881-.689zm2.093-1.931l.602.913L15 10.045v5.744h1.187V8.446h-.827l-2.158 1.557zM22.105 0h-3.289v5.184H24V1.895A1.894 1.894 0 0 0 22.105 0zm-3.289 23.5l4.684-4.684h-4.684V23.5zM0 22.105C0 23.152.848 24 1.895 24h3.289v-5.184H0v3.289z",source:"https://fonts.gstatic.com/s/i/productlogos/calendar_2020q4/v8/192px.svg",hex:"4285F4"};var AP={title:"Google Drive",slug:"googledrive",get svg(){return F1+"Google Drive"+T1+this.path+P1},path:"M12.01 1.485c-2.082 0-3.754.02-3.743.047.01.02 1.708 3.001 3.774 6.62l3.76 6.574h3.76c2.081 0 3.753-.02 3.742-.047-.005-.02-1.708-3.001-3.775-6.62l-3.76-6.574zm-4.76 1.73a789.828 789.861 0 0 0-3.63 6.319L0 15.868l1.89 3.298 1.885 3.297 3.62-6.335 3.618-6.33-1.88-3.287C8.1 4.704 7.255 3.22 7.25 3.214zm2.259 12.653-.203.348c-.114.198-.96 1.672-1.88 3.287a423.93 423.948 0 0 1-1.698 2.97c-.01.026 3.24.042 7.222.042h7.244l1.796-3.157c.992-1.734 1.85-3.23 1.906-3.323l.104-.167h-7.249z",source:"https://developers.google.com/drive/web/branding",hex:"4285F4"};var HP={title:"Google Pay",slug:"googlepay",get svg(){return F1+"Google Pay"+T1+this.path+P1},path:"M3.963 7.235A3.963 3.963 0 00.422 9.419a3.963 3.963 0 000 3.559 3.963 3.963 0 003.541 2.184c1.07 0 1.97-.352 2.627-.957.748-.69 1.18-1.71 1.18-2.916a4.722 4.722 0 00-.07-.806H3.964v1.526h2.14a1.835 1.835 0 01-.79 1.205c-.356.241-.814.379-1.35.379-1.034 0-1.911-.697-2.225-1.636a2.375 2.375 0 010-1.517c.314-.94 1.191-1.636 2.225-1.636a2.152 2.152 0 011.52.594l1.132-1.13a3.808 3.808 0 00-2.652-1.033zm6.501.55v6.9h.886V11.89h1.465c.603 0 1.11-.196 1.522-.588a1.911 1.911 0 00.635-1.464 1.92 1.92 0 00-.635-1.456 2.125 2.125 0 00-1.522-.598zm2.427.85a1.156 1.156 0 01.823.365 1.176 1.176 0 010 1.686 1.171 1.171 0 01-.877.357H11.35V8.635h1.487a1.156 1.156 0 01.054 0zm4.124 1.175c-.842 0-1.477.308-1.907.925l.781.491c.288-.417.68-.626 1.175-.626a1.255 1.255 0 01.856.323 1.009 1.009 0 01.366.785v.202c-.34-.193-.774-.289-1.3-.289-.617 0-1.11.145-1.479.434-.37.288-.554.677-.554 1.165a1.476 1.476 0 00.525 1.156c.35.308.785.463 1.305.463.61 0 1.098-.27 1.465-.81h.038v.655h.848v-2.909c0-.61-.19-1.09-.568-1.44-.38-.35-.896-.525-1.551-.525zm2.263.154l1.946 4.422-1.098 2.38h.915L24 9.963h-.965l-1.368 3.391h-.02l-1.406-3.39zm-2.146 2.368c.494 0 .88.11 1.156.33 0 .372-.147.696-.44.973a1.413 1.413 0 01-.997.414 1.081 1.081 0 01-.69-.232.708.708 0 01-.293-.578c0-.257.12-.47.363-.647.24-.173.54-.26.9-.26Z",source:"https://pay.google.com/intl/en_us/about/",hex:"4285F4"};var FP={title:"Google Sheets",slug:"googlesheets",get svg(){return F1+"Google Sheets"+T1+this.path+P1},path:"M11.318 12.545H7.91v-1.909h3.41v1.91zM14.728 0v6h6l-6-6zm1.363 10.636h-3.41v1.91h3.41v-1.91zm0 3.273h-3.41v1.91h3.41v-1.91zM20.727 6.5v15.864c0 .904-.732 1.636-1.636 1.636H4.909a1.636 1.636 0 0 1-1.636-1.636V1.636C3.273.732 4.005 0 4.909 0h9.318v6.5h6.5zm-3.273 2.773H6.545v7.909h10.91v-7.91zm-6.136 4.636H7.91v1.91h3.41v-1.91z",source:"https://sheets.google.com",hex:"34A853"};var TP={title:"HubSpot",slug:"hubspot",get svg(){return F1+"HubSpot"+T1+this.path+P1},path:"M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z",source:"https://www.hubspot.com/style-guide",hex:"FF7A59",guidelines:"https://www.hubspot.com/style-guide"};var PP={title:"Instagram",slug:"instagram",get svg(){return F1+"Instagram"+T1+this.path+P1},path:"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077",source:"https://about.meta.com/brand/resources/instagram",hex:"FF0069",guidelines:"https://about.meta.com/brand/resources/instagram"};var EP={title:"Intercom",slug:"intercom",get svg(){return F1+"Intercom"+T1+this.path+P1},path:"M21 0H3C1.343 0 0 1.343 0 3v18c0 1.658 1.343 3 3 3h18c1.658 0 3-1.342 3-3V3c0-1.657-1.342-3-3-3zm-5.801 4.399c0-.44.36-.8.802-.8.44 0 .8.36.8.8v10.688c0 .442-.36.801-.8.801-.443 0-.802-.359-.802-.801V4.399zM11.2 3.994c0-.44.357-.799.8-.799s.8.359.8.799v11.602c0 .44-.357.8-.8.8s-.8-.36-.8-.8V3.994zm-4 .405c0-.44.359-.8.799-.8.443 0 .802.36.802.8v10.688c0 .442-.36.801-.802.801-.44 0-.799-.359-.799-.801V4.399zM3.199 6c0-.442.36-.8.802-.8.44 0 .799.358.799.8v7.195c0 .441-.359.8-.799.8-.443 0-.802-.36-.802-.8V6zM20.52 18.202c-.123.105-3.086 2.593-8.52 2.593-5.433 0-8.397-2.486-8.521-2.593-.335-.288-.375-.792-.086-1.128.285-.334.79-.375 1.125-.09.047.041 2.693 2.211 7.481 2.211 4.848 0 7.456-2.186 7.479-2.207.334-.289.839-.25 1.128.086.289.336.25.84-.086 1.128zm.281-5.007c0 .441-.36.8-.801.8-.441 0-.801-.36-.801-.8V6c0-.442.361-.8.801-.8.441 0 .801.357.801.8v7.195z",source:"https://www.intercom.com/press",hex:"6AFDEF",guidelines:"https://www.intercom.com/press"};var VP={title:"Klarna",slug:"klarna",get svg(){return F1+"Klarna"+T1+this.path+P1},path:"M4.592 2v20H0V2h4.592zm11.46 0c0 4.194-1.583 8.105-4.415 11.068l-.278.283L17.702 22h-5.668l-6.893-9.4 1.779-1.332c2.858-2.14 4.535-5.378 4.637-8.924L11.562 2h4.49zM21.5 17a2.5 2.5 0 110 5 2.5 2.5 0 010-5z",source:"https://klarna.design",hex:"FFB3C7"};var NP={title:"MailChimp",slug:"mailchimp",get svg(){return F1+"MailChimp"+T1+this.path+P1},path:"M11.267 0C6.791-.015-1.82 10.246 1.397 12.964l.79.669a3.88 3.88 0 0 0-.22 1.792c.084.84.518 1.644 1.22 2.266.666.59 1.542.964 2.392.964 1.406 3.24 4.62 5.228 8.386 5.34 4.04.12 7.433-1.776 8.854-5.182.093-.24.488-1.316.488-2.267 0-.956-.54-1.352-.885-1.352-.01-.037-.078-.286-.172-.586-.093-.3-.19-.51-.19-.51.375-.563.382-1.065.332-1.35-.053-.353-.2-.653-.496-.964-.296-.311-.902-.63-1.753-.868l-.446-.124c-.002-.019-.024-1.053-.043-1.497-.014-.32-.042-.822-.197-1.315-.186-.668-.508-1.253-.911-1.627 1.112-1.152 1.806-2.422 1.804-3.511-.003-2.095-2.576-2.729-5.746-1.416l-.672.285A678.22 678.22 0 0 0 12.7.504C12.304.159 11.817.002 11.267 0zm.073.873c.166 0 .322.019.465.058.297.084 1.28 1.224 1.28 1.224s-1.826 1.013-3.52 2.426c-2.28 1.757-4.005 4.311-5.037 7.082-.811.158-1.526.618-1.963 1.253-.261-.218-.748-.64-.834-.804-.698-1.326.761-3.902 1.781-5.357C5.834 3.44 9.37.867 11.34.873zm3.286 3.273c.04-.002.06.05.028.074-.143.11-.299.26-.413.414a.04.04 0 0 0 .031.064c.659.004 1.587.235 2.192.574.041.023.012.103-.034.092-.915-.21-2.414-.369-3.97.01-1.39.34-2.45.863-3.224 1.426-.04.028-.086-.023-.055-.06.896-1.035 1.999-1.935 2.987-2.44.034-.018.07.019.052.052-.079.143-.23.447-.278.678-.007.035.032.063.062.042.615-.42 1.684-.868 2.622-.926zm3.023 3.205l.056.001a.896.896 0 0 1 .456.146c.534.355.61 1.216.638 1.845.015.36.059 1.229.074 1.478.034.571.184.651.487.751.17.057.33.098.563.164.706.198 1.125.4 1.39.658.157.162.23.333.253.497.083.608-.472 1.36-1.942 2.041-1.607.746-3.557.935-4.904.785l-.471-.053c-1.078-.145-1.693 1.247-1.046 2.201.417.615 1.552 1.015 2.688 1.015 2.604 0 4.605-1.111 5.35-2.072a.987.987 0 0 0 .06-.085c.036-.055.006-.085-.04-.054-.608.416-3.31 2.069-6.2 1.571 0 0-.351-.057-.672-.182-.255-.1-.788-.344-.853-.891 2.333.72 3.801.039 3.801.039a.072.072 0 0 0 .042-.072.067.067 0 0 0-.074-.06s-1.911.283-3.718-.378c.197-.64.72-.408 1.51-.345a11.045 11.045 0 0 0 3.647-.394c.818-.234 1.892-.697 2.727-1.356.281.618.38 1.299.38 1.299s.219-.04.4.073c.173.106.299.326.213.895-.176 1.063-.628 1.926-1.387 2.72a5.714 5.714 0 0 1-1.666 1.244c-.34.18-.704.334-1.087.46-2.863.935-5.794-.093-6.739-2.3a3.545 3.545 0 0 1-.189-.522c-.403-1.455-.06-3.2 1.008-4.299.065-.07.132-.153.132-.256 0-.087-.055-.179-.102-.243-.374-.543-1.669-1.466-1.409-3.254.187-1.284 1.31-2.189 2.357-2.135.089.004.177.01.266.015.453.027.85.085 1.223.1.625.028 1.187-.063 1.853-.618.225-.187.405-.35.71-.401.028-.005.092-.028.215-.028zm.022 2.18a.42.42 0 0 0-.06.005c-.335.054-.347.468-.228 1.04.068.32.187.595.32.765.175-.02.343-.022.498 0 .089-.205.104-.557.024-.942-.112-.535-.261-.872-.554-.868zm-3.66 1.546a1.724 1.724 0 0 0-1.016.326c-.16.117-.311.28-.29.378.008.032.031.056.088.063.131.015.592-.217 1.122-.25.374-.023.684.094.923.2.239.104.386.173.443.113.037-.038.026-.11-.031-.204-.118-.192-.36-.387-.618-.497a1.601 1.601 0 0 0-.621-.129zm4.082.81c-.171-.003-.313.186-.317.42-.004.236.131.43.303.432.172.003.314-.185.318-.42.004-.236-.132-.429-.304-.432zm-3.58.172c-.05 0-.102.002-.155.008-.311.05-.483.152-.593.247-.094.082-.152.173-.152.237a.075.075 0 0 0 .075.076c.07 0 .228-.063.228-.063a1.98 1.98 0 0 1 1.001-.104c.157.018.23.027.265-.026.01-.016.022-.049-.01-.1-.063-.103-.311-.269-.66-.275zm2.26.4c-.127 0-.235.051-.283.148-.075.154.035.363.246.466.21.104.443.063.52-.09.075-.155-.035-.364-.246-.467a.542.542 0 0 0-.237-.058zm-11.635.024c.048 0 .098 0 .149.003.73.04 1.806.6 2.052 2.19.217 1.41-.128 2.843-1.449 3.069-.123.02-.248.029-.374.026-1.22-.033-2.539-1.132-2.67-2.435-.145-1.44.591-2.548 1.894-2.811.117-.024.252-.04.398-.042zm-.07.927a1.144 1.144 0 0 0-.847.364c-.38.418-.439.988-.366 1.19.027.073.07.094.1.098.064.008.16-.039.22-.2a1.2 1.2 0 0 0 .017-.052 1.58 1.58 0 0 1 .157-.37.689.689 0 0 1 .955-.199c.266.174.369.5.255.81-.058.161-.154.469-.133.721.043.511.357.717.64.738.274.01.466-.143.515-.256.029-.067.005-.107-.011-.125-.043-.053-.113-.037-.18-.021a.638.638 0 0 1-.16.022.347.347 0 0 1-.294-.148c-.078-.12-.073-.3.013-.504.011-.028.025-.058.04-.092.138-.308.368-.825.11-1.317-.195-.37-.513-.602-.894-.65a1.135 1.135 0 0 0-.138-.01z",source:"https://mailchimp.com/about/brand-assets",hex:"FFE01B",guidelines:"https://mailchimp.com/about/brand-assets"},_P={title:"Mailgun",slug:"mailgun",get svg(){return F1+"Mailgun"+T1+this.path+P1},path:"M11.837 0c6.602 0 11.984 5.381 11.984 11.994-.017 2.99-3.264 4.84-5.844 3.331a3.805 3.805 0 0 1-.06-.035l-.055-.033-.022.055c-2.554 4.63-9.162 4.758-11.894.232-2.732-4.527.46-10.313 5.746-10.416a6.868 6.868 0 0 1 7.002 6.866 1.265 1.265 0 0 0 2.52 0c0-5.18-4.197-9.38-9.377-9.387C4.611 2.594.081 10.41 3.683 16.673c3.238 5.632 11.08 6.351 15.289 1.402l1.997 1.686A11.95 11.95 0 0 1 11.837 24C2.6 23.72-2.87 13.543 1.992 5.684A12.006 12.006 0 0 1 11.837 0Zm0 7.745c-3.276-.163-5.5 3.281-4.003 6.2a4.26 4.26 0 0 0 4.014 2.31c3.276-.171 5.137-3.824 3.35-6.575a4.26 4.26 0 0 0-3.36-1.935Zm0 2.53c1.324 0 2.152 1.433 1.49 2.58a1.72 1.72 0 0 1-1.49.86 1.72 1.72 0 1 1 0-3.44Z",source:"https://mailgun.com",hex:"F06B66"};var IP={title:"Make",slug:"make",get svg(){return F1+"Make"+T1+this.path+P1},path:"M13.38 3.498c-.27 0-.511.19-.566.465L9.85 18.986a.578.578 0 0 0 .453.678l4.095.826a.58.58 0 0 0 .682-.455l2.963-15.021a.578.578 0 0 0-.453-.678l-4.096-.826a.589.589 0 0 0-.113-.012zm-5.876.098a.576.576 0 0 0-.516.318L.062 17.697a.575.575 0 0 0 .256.774l3.733 1.877a.578.578 0 0 0 .775-.258l6.926-13.781a.577.577 0 0 0-.256-.776L7.762 3.658a.571.571 0 0 0-.258-.062zm11.74.115a.576.576 0 0 0-.576.576v15.426c0 .318.258.578.576.578h4.178a.58.58 0 0 0 .578-.578V4.287a.578.578 0 0 0-.578-.576Z",source:"https://www.make.com/en/press",hex:"6D00CC",guidelines:"https://www.make.com/en/press"};var RP={title:"MasterCard",slug:"mastercard",get svg(){return F1+"MasterCard"+T1+this.path+P1},path:"M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z",source:"https://www.mastercard.com/brandcenter/us/en/download-artwork.html",hex:"EB001B",guidelines:"https://www.mastercard.com/brandcenter/us/en/brand-requirements/mastercard.html"};var BP={title:"Messenger",slug:"messenger",get svg(){return F1+"Messenger"+T1+this.path+P1},path:"M12 0C5.24 0 0 4.952 0 11.64c0 3.499 1.434 6.521 3.769 8.61a.96.96 0 0 1 .323.683l.065 2.135a.96.96 0 0 0 1.347.85l2.381-1.053a.96.96 0 0 1 .641-.046A13 13 0 0 0 12 23.28c6.76 0 12-4.952 12-11.64S18.76 0 12 0m6.806 7.44c.522-.03.971.567.63 1.094l-4.178 6.457a.707.707 0 0 1-.977.208l-3.87-2.504a.44.44 0 0 0-.49.007l-4.363 3.01c-.637.438-1.415-.317-.995-.966l4.179-6.457a.706.706 0 0 1 .977-.21l3.87 2.505c.15.097.344.094.491-.007l4.362-3.008a.7.7 0 0 1 .364-.13",source:"https://about.meta.com/brand/resources/facebook/messenger-icon",hex:"0866FF",guidelines:"https://about.meta.com/brand/resources/facebook/messenger-icon"},bd={title:"Meta",slug:"meta",get svg(){return F1+"Meta"+T1+this.path+P1},path:"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z",source:"https://www.meta.com",hex:"0467DF",guidelines:"https://www.facebook.com/brand/resources/meta/company-brand"};var ZP={title:"MYOB",slug:"myob",get svg(){return F1+"MYOB"+T1+this.path+P1},path:"m11.276 9.347-1.254 3.346a366.37 366.37 0 0 1-1.325-3.346H7.275l2.038 5.132-.86 2.063h1.38l2.845-7.195ZM5.083 10.46c.551 0 .818.33.818 1.01v3.112h1.314v-3.259c0-1.241-.853-2.108-2.075-2.108-.588 0-1.127.206-1.516.58l-.016.015-.016-.015c-.39-.374-.926-.58-1.512-.58-1.225 0-2.08.867-2.08 2.108v3.26h1.314V11.47c0-.68.267-1.01.818-1.01.552 0 .819.33.819 1.01v3.112h1.314V11.47c0-.68.267-1.01.819-1.01zm18.2-.398c-.494-.547-1.191-.849-1.962-.849a2.56 2.56 0 0 0-1.521.497V7.458h-1.315v4.51c0 .721.258 1.396.725 1.9.512.553 1.215.846 2.035.846.819 0 1.52-.293 2.03-.845.467-.505.725-1.18.725-1.9a2.83 2.83 0 0 0-.717-1.908Zm-2.039 3.405c-.937 0-1.446-.772-1.446-1.499 0-.726.51-1.509 1.446-1.509.937 0 1.442.778 1.442 1.51 0 .73-.505 1.498-1.442 1.498m-5.965 1.248c1.788 0 2.753-1.418 2.753-2.753 0-1.334-.965-2.752-2.753-2.752-1.789 0-2.753 1.418-2.753 2.753 0 1.335.964 2.753 2.753 2.753zm.001-1.248c-.936 0-1.445-.773-1.445-1.5 0-.728.509-1.511 1.445-1.511s1.441.778 1.441 1.51c0 .733-.505 1.501-1.441 1.501",source:"https://www.myob.com",hex:"7B14EF"};var DP={title:"Notion",slug:"notion",get svg(){return F1+"Notion"+T1+this.path+P1},path:"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z",source:"https://www.notion.so",hex:"000000"};var OP={title:"PayPal",slug:"paypal",get svg(){return F1+"PayPal"+T1+this.path+P1},path:"M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z",source:"https://www.paypal.com/us",hex:"002991",guidelines:"https://newsroom.paypal-corp.com/media-resources"};var GP={title:"Pinterest",slug:"pinterest",get svg(){return F1+"Pinterest"+T1+this.path+P1},path:"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z",source:"https://business.pinterest.com/en/brand-guidelines",hex:"BD081C",guidelines:"https://business.pinterest.com/en/brand-guidelines"};var qP={title:"QuickBooks",slug:"quickbooks",get svg(){return F1+"QuickBooks"+T1+this.path+P1},path:"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm.642 4.1335c.9554 0 1.7296.776 1.7296 1.7332v9.0667h1.6c1.614 0 2.9275-1.3156 2.9275-2.933 0-1.6173-1.3136-2.9333-2.9276-2.9333h-.6654V7.3334h.6654c2.5722 0 4.6577 2.0897 4.6577 4.667 0 2.5774-2.0855 4.6666-4.6577 4.6666H12.642zM7.9837 7.333h3.3291v12.533c-.9555 0-1.73-.7759-1.73-1.7332V9.0662H7.9837c-1.6146 0-2.9277 1.316-2.9277 2.9334 0 1.6175 1.3131 2.9333 2.9277 2.9333h.6654v1.7332h-.6654c-2.5725 0-4.6577-2.0892-4.6577-4.6665 0-2.5771 2.0852-4.6666 4.6577-4.6666Z",source:"https://design.intuit.com/quickbooks/brand",hex:"2CA01C",guidelines:"https://design.intuit.com/quickbooks/brand"};var WP={title:"Sage",slug:"sage",get svg(){return F1+"Sage"+T1+this.path+P1},path:"M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655 1.224.387 1.804.818 1.804 1.666 0 .86-.64 1.465-1.477 1.465-.84 0-1.566-.604-1.566-1.535 0-.516.242-.647.242-.934 0-.33-.227-.574-.599-.574-.423 0-.864.647-.864 1.566 0 1.48 1.266 2.57 2.787 2.57 1.535 0 2.701-1.163 2.701-2.656 0-1.623-1.166-2.267-2.472-2.655-1.209-.372-1.792-.818-1.792-1.666 0-.845.626-1.45 1.463-1.45.867 0 1.565.617 1.577 1.465.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543zm6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085-.882 0-1.577-.76-1.577-1.65 0-.962.71-1.725 1.608-1.725 1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984-1.566 0-2.86 1.22-2.86 2.856 0 1.58 1.282 2.83 2.817 2.83zm6.257 3.848c1.535 0 2.701-1.163 2.701-2.656 0-1.635-1.166-2.267-2.472-2.655-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535 0 .519-.241.647-.241.934 0 .33.226.574.583.574.441 0 .882-.647.882-1.566 0-1.48-1.278-2.57-2.801-2.57-1.535 0-2.687 1.163-2.687 2.656 0 1.623 1.152 2.267 2.46 2.655 1.224.372 1.804.818 1.804 1.666 0 .86-.64 1.45-1.462 1.45-.883 0-1.566-.601-1.578-1.465-.015-.388-.3-.604-.598-.604-.327 0-.626.216-.61.631.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503.426-.272.595-.504.595-.76 0-.272-.2-.516-.568-.516-.441 0-.795.66-1.877.66-.952 0-1.707-.76-1.707-1.722 0-.95.725-1.724 1.635-1.724.982 0 1.508.647 1.508 1.062 0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503 0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89 0-1.408-1.194-2.512-2.774-2.512-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842z",source:"https://www.sage.com",hex:"00D639"};var UP={title:"Shopify",slug:"shopify",get svg(){return F1+"Shopify"+T1+this.path+P1},path:"M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z",source:"https://www.shopify.com/brand-assets",hex:"7AB55C",guidelines:"https://www.shopify.com/brand-assets"};var jP={title:"Square",slug:"square",get svg(){return F1+"Square"+T1+this.path+P1},path:"M4.01 0A4.01 4.01 0 000 4.01v15.98c0 2.21 1.8 4 4.01 4.01h15.98C22.2 24 24 22.2 24 19.99V4A4.01 4.01 0 0019.99 0H4zm1.62 4.36h12.74c.7 0 1.26.57 1.26 1.27v12.74c0 .7-.56 1.27-1.26 1.27H5.63c-.7 0-1.26-.57-1.26-1.27V5.63a1.27 1.27 0 011.26-1.27zm3.83 4.35a.73.73 0 00-.73.73v5.09c0 .4.32.72.72.72h5.1a.73.73 0 00.73-.72V9.44a.73.73 0 00-.73-.73h-5.1Z",source:"https://squareup.com",hex:"3E4348"};var KP={title:"Squarespace",slug:"squarespace",get svg(){return F1+"Squarespace"+T1+this.path+P1},path:"M22.655 8.719c-1.802-1.801-4.726-1.801-6.564 0l-7.351 7.35c-.45.45-.45 1.2 0 1.65.45.449 1.2.449 1.65 0l7.351-7.351c.899-.899 2.362-.899 3.264 0 .9.9.9 2.364 0 3.264l-7.239 7.239c.9.899 2.362.899 3.263 0l5.589-5.589c1.836-1.838 1.836-4.763.037-6.563zm-2.475 2.437c-.451-.45-1.201-.45-1.65 0l-7.354 7.389c-.9.899-2.361.899-3.262 0-.45-.45-1.2-.45-1.65 0s-.45 1.2 0 1.649c1.801 1.801 4.726 1.801 6.564 0l7.351-7.35c.449-.487.449-1.239.001-1.688zm-2.439-7.35c-1.801-1.801-4.726-1.801-6.564 0l-7.351 7.351c-.45.449-.45 1.199 0 1.649s1.2.45 1.65 0l7.395-7.351c.9-.899 2.371-.899 3.27 0 .451.45 1.201.45 1.65 0 .421-.487.421-1.199-.029-1.649h-.021zm-2.475 2.437c-.45-.45-1.2-.45-1.65 0l-7.351 7.389c-.899.9-2.363.9-3.265 0-.9-.899-.9-2.363 0-3.264l7.239-7.239c-.9-.9-2.362-.9-3.263 0L1.35 8.719c-1.8 1.8-1.8 4.725 0 6.563 1.801 1.801 4.725 1.801 6.564 0l7.35-7.351c.451-.488.451-1.238 0-1.688h.002z",source:"https://www.squarespace.com/logo-guidelines",hex:"000000",guidelines:"https://www.squarespace.com/brand-guidelines"};var $P={title:"Stripe",slug:"stripe",get svg(){return F1+"Stripe"+T1+this.path+P1},path:"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z",source:"https://stripe.com/newsroom/information",hex:"635BFF"};var YP={title:"Telegram",slug:"telegram",get svg(){return F1+"Telegram"+T1+this.path+P1},path:"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z",source:"https://telegram.org/tour/screenshots",hex:"26A5E4"};var XP={title:"TikTok",slug:"tiktok",get svg(){return F1+"TikTok"+T1+this.path+P1},path:"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z",source:"https://tiktok.com",hex:"000000"};var JP={title:"Trello",slug:"trello",get svg(){return F1+"Trello"+T1+this.path+P1},path:"M21.147 0H2.853A2.86 2.86 0 000 2.853v18.294A2.86 2.86 0 002.853 24h18.294A2.86 2.86 0 0024 21.147V2.853A2.86 2.86 0 0021.147 0zM10.34 17.287a.953.953 0 01-.953.953h-4a.954.954 0 01-.954-.953V5.38a.953.953 0 01.954-.953h4a.954.954 0 01.953.953zm9.233-5.467a.944.944 0 01-.953.947h-4a.947.947 0 01-.953-.947V5.38a.953.953 0 01.953-.953h4a.954.954 0 01.953.953z",source:"https://atlassian.design/resources/logo-library",hex:"0052CC",guidelines:"https://atlassian.design/foundations/logos"};var QP={title:"UPS",slug:"ups",get svg(){return F1+"UPS"+T1+this.path+P1},path:"M11.668 14.544l-.028-5.226c.138-.055.387-.111.608-.111.995 0 1.41.774 1.41 2.682 0 1.853-.47 2.765-1.438 2.765-.22 0-.441-.055-.552-.11zM3.124 7.438c4.203-3.843 9.29-4.866 14.018-4.866 1.3 0 2.544.083 3.76.194h-.028v11.253c0 2.184-.774 3.926-2.295 5.171-1.355 1.134-5.447 2.959-6.581 3.456-1.161-.525-5.253-2.378-6.581-3.456-1.493-1.244-2.295-3.014-2.295-5.171V7.438zm12.664 2.599c.028.912.276 1.576 1.687 2.406.747.442 1.051.747 1.051 1.272 0 .581-.387.94-1.023.94-.553 0-1.189-.304-1.631-.691v1.576c.553.304 1.217.525 1.88.525 1.687 0 2.433-1.189 2.461-2.267.028-.995-.249-1.742-1.659-2.571-.608-.387-1.134-.636-1.106-1.244 0-.581.525-.802.995-.802.581 0 1.161.332 1.521.691V8.378c-.304-.221-.94-.581-1.88-.553-1.135.028-2.296.829-2.296 2.212zm-5.834 9.484h1.714l-.028-3.594c.166.028.415.083.774.083 1.908 0 2.986-1.687 2.986-4.175 0-2.461-1.106-4.009-3.152-4.009-.94 0-1.687.221-2.295.608v11.087zm-5.945-6.166c0 1.797.829 2.71 2.516 2.71 1.051 0 1.908-.249 2.571-.691V7.991H7.41v6.387c-.194.138-.47.221-.802.221-.774 0-.885-.719-.885-1.189V7.991H4.009v5.364zM22.12 2.295v11.723c0 2.516-.94 4.645-2.765 6.111-1.549 1.3-6.332 3.429-7.355 3.871-1.023-.442-5.806-2.571-7.355-3.843-1.797-1.465-2.765-3.594-2.765-6.111V2.295C4.756.747 8.074 0 12 0s7.244.747 10.12 2.295zm-.304.221c-2.71-1.465-6-2.184-9.788-2.184s-7.079.746-9.788 2.184v11.502c0 2.433.912 4.452 2.627 5.862 1.576 1.3 6.581 3.484 7.161 3.76.581-.249 5.585-2.433 7.161-3.733 1.714-1.41 2.627-3.429 2.627-5.862V2.516zm-2.433 20.295c0 .47-.387.829-.829.829a.831.831 0 0 1-.829-.829c0-.47.387-.829.829-.829.441 0 .801.359.829.829zm-.166 0a.679.679 0 0 0-.664-.691c-.359 0-.664.332-.664.691 0 .359.304.664.664.664a.673.673 0 0 0 .664-.664zm-.553.055c.028.055.304.442.304.442h-.221s-.276-.387-.276-.415h-.028v.415h-.194v-.995l.304-.028c.249 0 .332.166.332.304s-.083.25-.221.277zm.027-.276c0-.055 0-.138-.166-.138h-.083v.304h.028c.194 0 .221-.083.221-.166z",source:"https://www.ups.com",hex:"150400"};var eE={title:"Visa",slug:"visa",get svg(){return F1+"Visa"+T1+this.path+P1},path:"M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z",source:"https://merchantsignageeu.visa.com/product.asp?dptID=696",hex:"1A1F71"};var tE={title:"Vonage",slug:"vonage",get svg(){return F1+"Vonage"+T1+this.path+P1},path:"M9.279 11.617l-4.54-10.07H0l6.797 15.296a.084.084 0 0 0 .153 0zm9.898-10.07s-6.148 13.868-6.917 15.565c-1.838 4.056-3.2 5.07-4.588 5.289a.026.026 0 0 0 .004.052h4.34c1.911 0 3.219-1.285 5.06-5.341C17.72 15.694 24 1.547 24 1.547z",source:"https://www.vonage.com",hex:"000000"};var aE={title:"WhatsApp",slug:"whatsapp",get svg(){return F1+"WhatsApp"+T1+this.path+P1},path:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z",source:"https://about.meta.com/brand/resources/whatsapp/whatsapp-brand",hex:"25D366",guidelines:"https://about.meta.com/brand/resources/whatsapp/whatsapp-brand"};var sE={title:"Wise",slug:"wise",get svg(){return F1+"Wise"+T1+this.path+P1},path:"M6.488 7.469 0 15.05h11.585l1.301-3.576H7.922l3.033-3.507.01-.092L8.993 4.48h8.873l-6.878 18.925h4.706L24 .595H2.543l3.945 6.874Z",source:"https://wise.design/foundations/logo",hex:"9FE870",guidelines:"https://wise.design/foundations/logo"};var cE={title:"Wix",slug:"wix",get svg(){return F1+"Wix"+T1+this.path+P1},path:"m0 7.354 2.113 9.292h.801a1.54 1.54 0 0 0 1.506-1.218l1.351-6.34a.171.171 0 0 1 .167-.137c.08 0 .15.058.167.137l1.352 6.34a1.54 1.54 0 0 0 1.506 1.218h.805l2.113-9.292h-.565c-.62 0-1.159.43-1.296 1.035l-1.26 5.545-1.106-5.176a1.76 1.76 0 0 0-2.19-1.324c-.639.176-1.113.716-1.251 1.365l-1.094 5.127-1.26-5.537A1.33 1.33 0 0 0 .563 7.354H0zm13.992 0a.951.951 0 0 0-.951.95v8.342h.635a.952.952 0 0 0 .951-.95V7.353h-.635zm1.778 0 3.158 4.66-3.14 4.632h1.325c.368 0 .712-.181.918-.486l1.756-2.59a.12.12 0 0 1 .197 0l1.754 2.59c.206.305.55.486.918.486h1.326l-3.14-4.632L24 7.354h-1.326c-.368 0-.712.181-.918.486l-1.772 2.617a.12.12 0 0 1-.197 0L18.014 7.84a1.108 1.108 0 0 0-.918-.486H15.77z",source:"https://www.wix.com/about/design-assets",hex:"0C6EFC",guidelines:"https://www.wix.com/about/design-assets"};var lE={title:"WooCommerce",slug:"woocommerce",get svg(){return F1+"WooCommerce"+T1+this.path+P1},path:"M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z",source:"https://woocommerce.com/style-guide",hex:"96588A",guidelines:"https://woocommerce.com/trademark-guidelines"};var rE={title:"Xero",slug:"xero",get svg(){return F1+"Xero"+T1+this.path+P1},path:"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm6.585 14.655c-1.485 0-2.69-1.206-2.69-2.689 0-1.485 1.207-2.691 2.69-2.691 1.485 0 2.69 1.207 2.69 2.691s-1.207 2.689-2.69 2.689zM7.53 14.644c-.099 0-.192-.041-.267-.116l-2.043-2.04-2.052 2.047c-.069.068-.16.108-.258.108-.202 0-.368-.166-.368-.368 0-.099.04-.191.111-.263l2.04-2.05-2.038-2.047c-.075-.069-.113-.162-.113-.261 0-.203.166-.366.368-.366.098 0 .188.037.258.105l2.055 2.048 2.048-2.045c.069-.071.162-.108.26-.108.211 0 .375.165.375.366 0 .098-.029.188-.104.258l-2.056 2.055 2.055 2.051c.068.069.104.16.104.258 0 .202-.165.368-.365.368h-.01zm8.017-4.591c-.796.101-.882.476-.882 1.404v2.787c0 .202-.165.366-.366.366-.203 0-.367-.165-.368-.366v-4.53c0-.204.16-.366.362-.366.166 0 .316.125.346.289.27-.209.6-.317.93-.317h.105c.195 0 .359.165.359.368 0 .201-.164.352-.375.359 0 0-.09 0-.164.008l.053-.002zm-3.091 2.205H8.625c0 .019.003.037.006.057.02.105.045.211.083.31.194.531.765 1.275 1.829 1.29.33-.003.631-.086.9-.229.21-.12.391-.271.525-.428.045-.058.09-.112.12-.168.18-.229.405-.186.54-.083.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66-.255.164-.525.284-.811.345-.33.09-.645.104-.975.06-1.095-.135-2.01-.93-2.28-2.01-.06-.21-.09-.42-.09-.645 0-.855.421-1.695 1.125-2.205.885-.615 2.085-.66 3-.075.63.405 1.035 1.021 1.185 1.771.075.419-.21.794-.734.81l.068-.046zm6.129-2.223c-1.064 0-1.931.865-1.931 1.931 0 1.064.866 1.931 1.931 1.931s1.931-.867 1.931-1.931c0-1.065-.866-1.933-1.931-1.933v.002zm0 2.595c-.367 0-.666-.297-.666-.666 0-.367.3-.665.666-.665.367 0 .667.299.667.665 0 .369-.3.667-.667.666zm-8.04-2.603c-.91 0-1.672.623-1.886 1.466v.03h3.776c-.203-.855-.973-1.494-1.891-1.494v-.002z",source:"https://www.xero.com/uk/about/media/downloads",hex:"13B5EA"};var oE={title:"YouTube",slug:"youtube",get svg(){return F1+"YouTube"+T1+this.path+P1},path:"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",source:"https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors",hex:"FF0000",guidelines:"https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors"};var iE={title:"Zapier",slug:"zapier",get svg(){return F1+"Zapier"+T1+this.path+P1},path:"M4.157 0A4.151 4.151 0 0 0 0 4.161v15.678A4.151 4.151 0 0 0 4.157 24h15.682A4.152 4.152 0 0 0 24 19.839V4.161A4.152 4.152 0 0 0 19.839 0H4.157Zm10.61 8.761h.03a.577.577 0 0 1 .23.038.585.585 0 0 1 .201.124.63.63 0 0 1 .162.431.612.612 0 0 1-.162.435.58.58 0 0 1-.201.128.58.58 0 0 1-.23.042.529.529 0 0 1-.235-.042.585.585 0 0 1-.332-.328.559.559 0 0 1-.038-.235.613.613 0 0 1 .17-.431.59.59 0 0 1 .405-.162Zm2.853 1.572c.03.004.061.004.095.004.325-.011.646.064.937.219.238.144.431.355.552.609.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265.714.714 0 0 0 .484-.136.642.642 0 0 0 .23-.318l.915.257a1.398 1.398 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.234 2.234 0 0 1-.836.136 1.923 1.923 0 0 1-1.001-.245 1.618 1.618 0 0 1-.665-.703 2.221 2.221 0 0 1-.227-1.036 1.95 1.95 0 0 1 .48-1.398 1.9 1.9 0 0 1 1.3-.488Zm-9.607.023c.162.004.325.026.48.079.207.065.4.174.563.314.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065c-.064.163-.155.31-.272.439a1.122 1.122 0 0 1-.374.264 1.023 1.023 0 0 1-.453.083 1.334 1.334 0 0 1-.866-.264.965.965 0 0 1-.329-.801.993.993 0 0 1 .076-.431 1.02 1.02 0 0 1 .242-.363 1.478 1.478 0 0 1 1.043-.303h.952v-.181a.696.696 0 0 0-.136-.454.553.553 0 0 0-.438-.154.695.695 0 0 0-.378.086.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378.261-.091.54-.136.82-.129.053-.003.106-.007.163-.007Zm4.384.007c.174 0 .347.038.506.114.182.083.34.211.458.374.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448 1.148 1.148 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.052 1.052 0 0 1-.48-.457 1.298 1.298 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.129 1.129 0 0 1 .843-.344h.076v-.004Zm7.559.084h.903l.113.805h.053a1.37 1.37 0 0 1 .235-.484.813.813 0 0 1 .313-.242.82.82 0 0 1 .39-.076h.234v1.051h-.401a.662.662 0 0 0-.313.008.623.623 0 0 0-.272.155.663.663 0 0 0-.174.26.683.683 0 0 0-.027.314v1.875h-1.054v-3.666Zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754-.045-.117H2.441v-.896Zm11.815 0h1.055v3.659h-1.055V10.45Zm3.443.684.019.016a.69.69 0 0 0-.351.045.756.756 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787h.003Zm-5.718.163c-.026 0-.057 0-.083.004a.78.78 0 0 0-.31.053.746.746 0 0 0-.257.189 1.016 1.016 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.634.634 0 0 0 .253.196.638.638 0 0 0 .314.061.644.644 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.216 1.216 0 0 0-.181-.711.677.677 0 0 0-.503-.257Zm-4.509 1.266a.464.464 0 0 0-.268.102.373.373 0 0 0-.114.276c0 .053.008.106.027.155a.375.375 0 0 0 .087.132.576.576 0 0 0 .397.11v.004a.863.863 0 0 0 .563-.182.573.573 0 0 0 .211-.457v-.14h-.903Z",source:"https://www.figma.com/file/NQFxTCE5pGR3dHZt0DkOyy/Zapier-Brand-Guidelines-%5BExternal%5D?type=design&node-id=101-9701&mode=design",hex:"FF4F00",guidelines:"https://www.figma.com/file/NQFxTCE5pGR3dHZt0DkOyy/Zapier-Brand-Guidelines-%5BExternal%5D?type=design&node-id=101-9701&mode=design"};var nE={title:"Zendesk",slug:"zendesk",get svg(){return F1+"Zendesk"+T1+this.path+P1},path:"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z",source:"https://brandland.zendesk.com",hex:"03363D",guidelines:"https://brandland.zendesk.com"};var hE={title:"Zoom",slug:"zoom",get svg(){return F1+"Zoom"+T1+this.path+P1},path:"M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z",source:"https://brand.zoom.us/media-library/",hex:"0B5CFF",guidelines:"https://brand.zoom.us/usage-legal/"};var SQ={adyen:hP,afterpay:mP,aircall:pP,americanexpress:fd,amex:fd,applepay:uP,bigcommerce:dP,brevo:gP,calendly:vP,campaignmonitor:fP,dhl:bP,dropbox:xP,ebay:zP,etsy:yP,facebook:wP,fedex:CP,gmail:kP,googleads:MP,googleanalytics:SP,googlecalendar:LP,googledrive:AP,googlepay:HP,googlesheets:FP,hubspot:TP,instagram:PP,intercom:EP,klarna:VP,mailchimp:NP,mailgun:_P,make:IP,mastercard:RP,messenger:BP,meta:bd,metaads:bd,myob:ZP,notion:DP,paypal:OP,pinterest:GP,quickbooks:qP,sage:WP,shopify:UP,square:jP,squarespace:KP,stripe:$P,telegram:YP,tiktok:XP,trello:JP,ups:QP,visa:eE,vonage:tE,whatsapp:aE,wise:sE,wix:cE,woocommerce:lE,xero:rE,youtube:oE,zapier:iE,zendesk:nE,zoom:hE};function mE(e){return SQ[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}function LQ(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 AQ({name:e}){let t=mE(e);return fi("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&&S3("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:S3("path",{d:t.path})}),S3("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:e})]})}function HQ({names:e,reverse:t}){return S3("div",{className:"overflow-hidden","aria-hidden":!1,children:S3("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=>S3("div",{className:"flex gap-3","aria-hidden":a===1,children:e.map((s,c)=>S3(AQ,{name:s},c))},a))})})}function pE({eyebrow:e,title:t,body:a,apps:s,statValue:c,statLabel:l,note:r,editing:o=!1}={}){let i=(s??[]).map(m=>(m.text??"").trim()).filter(m=>o||m).map(m=>m||"App"),n=!!(e??"").trim()||!!(t??"").trim();if(!o&&!n&&i.length===0)return null;let h=LQ(i,3);return fi("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[fi("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(e??"").trim()&&S3("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:C(e??"")}),(t??"").trim()&&S3("h2",{className:"mt-5 font-display text-[40px] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[30px]",children:$(t??"",!1)}),(a??"").trim()&&S3("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:a})]}),h.length>0&&S3("div",{className:"flex flex-col gap-3",children:h.map((m,p)=>S3(HQ,{names:m,reverse:p%2===1},p))}),((c??"").trim()||(r??"").trim())&&fi("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(c??"").trim()&&S3("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}),(l??"").trim()&&S3("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:C(l??"")}),(r??"").trim()&&S3("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:r})]})]})}var uE={label:"Integrations Grid",defaultProps:{eyebrow:"",title:"",body:"",apps:[],statValue:"",statLabel:"",note:""},render:({eyebrow:e,title:t,body:a,apps:s,statValue:c,statLabel:l,note:r,puck:o})=>FQ(pE,{eyebrow:y(e,"Integrations",o),title:y(t,`Plays well with
|
|
140
|
+
*your favourite apps.*`,o),body:a,apps:s,statValue:c,statLabel:l,note:r,editing:o?.isEditing})};import{jsx as PQ}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{useContext as TQ}from"react";function gE({src:e,alt:t,href:a,heightPx:s=c7,reverse:c=!0}){let l=zl(),r=(e??"").trim(),o=r?{src:A2(r),reversedSrc:null,inkIsDark:null,wordmark:t?.trim()||null}:{src:l.src,reversedSrc:l.reversedSrc,inkIsDark:l.inkIsDark,wordmark:l.wordmark},i=TQ(Cu),n=Pr(),h=dE(pe,{variant:"footer",sizePx:s,src:o.src,reverse:c,reversedSrc:o.reversedSrc,inkIsDark:o.inkIsDark,wordmark:o.wordmark,siteName:l.siteName,fitToContainer:n,...i?.dark?{onLightSurface:!1}:{}});return a?dE(t0,{href:a,className:"inline-flex",children:h}):h}var vE={label:"Logo",defaultProps:{heightPx:c7,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:s,reverse:c})=>PQ(gE,{src:e||void 0,alt:H2(t).text||void 0,href:a||void 0,heightPx:s,reverse:c!=="off"})};import{jsx as VQ}from"react/jsx-runtime";import{jsx as Ps,jsxs as EQ}from"react/jsx-runtime";function fE({items:e,contained:t,heading:a,columns:s,grayscale:c,logoHeight:l,bandPadding:r}){let o=s!=null?{flex:`0 0 calc((100% - ${(s-1)*3.5}rem) / ${s})`}:void 0;return EQ(e2,{contained:t,className:r==null?"py-10":"",style:r==null?void 0:{paddingTop:`${r}px`,paddingBottom:`${r}px`},children:[a!=null&&a!==""?Ps("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:$(a,!1)}):null,Ps("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(e??[]).map((i,n)=>Ps("div",{className:"text-center",style:o,children:i.src?Ps("img",{src:A2(i.src),alt:i.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",l==null?"h-7":"",c===!1?"":"grayscale"].filter(Boolean).join(" "),style:l==null?void 0:{height:`${l}px`}}):Ps("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:Z0(i.alt||"Logo")})},n))})]})}var NQ=[{src:"",alt:"Logo one"},{src:"",alt:"Logo two"},{src:"",alt:"Logo three"},{src:"",alt:"Logo four"},{src:"",alt:"Logo five"}],bE={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,logoHeight:c,bandPadding:l,grayscale:r,puck:o})=>VQ(fE,{items:y1(e,NQ,o),contained:t,heading:y(a,"Trusted by *teams worldwide*",o),columns:s,logoHeight:c,bandPadding:l,grayscale:r})};import{jsx as IQ}from"react/jsx-runtime";import{jsx as y6,jsxs as yE}from"react/jsx-runtime";import{jsx as xE,jsxs as _Q}from"react/jsx-runtime";function zE({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),s=a?parseInt(a[1],10):0,c=a?a[2]:"",{ref:l,value:r}=it(s),o=a?r+c:e;return _Q("div",{ref:l,className:"min-w-0",children:[xE("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:o}),xE("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}function wE({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:l,...r}={}){let o=Ze(l,ot()),i=e||null,n=t||null,h=a||null,m=(s??[]).filter(p=>(p.value??"").trim()!==""||(p.label??"").trim()!=="");return y6("section",{className:"relative z-[2] bg-bg p-0",children:yE("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:[y6("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:yE("div",{className:N0(r)?"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&&y6(V1,{text:i,size:14}),n!==null&&y6("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:$(n,!0)}),h!==null&&b0(h).map((p,u)=>y6("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:C(p)},u)),m.length>0&&y6("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)=>y6(zE,{target:p.value??"",label:p.label??""},u))})]})}),y6("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:y6(C0,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:o})})]})})}var RQ=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],CE={label:"Brand Text",defaultProps:{eyebrow:"",imageSrc:"",stats:[]},render:({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:l,widthMode:r,fullWidth:o,pageWidth:i,puck:n})=>IQ(wE,{eyebrow:Q0(e,L.eyebrow,n),heading:Q0(t,L.heading,n),body:Q0(a,L.body,n),stats:y1(s,RQ,n),imageSrc:c||void 0,grayscale:l,widthMode:r,fullWidth:o,pageWidth:i})};import{jsx as qQ}from"react/jsx-runtime";import{jsx as w1,jsxs as U0,Fragment as kE}from"react/jsx-runtime";var xd="#ffffff",E5="#16181d",E7="#5b6470",bi="#9aa3ae",ut="#f4f6f8",W8="#e3e7ec",xi="#1f9d55";function BQ({rows:e}){return w1("div",{className:"flex flex-col gap-3",children:e.map((t,a)=>{let s=t.state??"ok",c=s==="no";return U0("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:c?"#fbfbfc":ut,borderColor:W8},children:[s==="no"?w1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:bi},children:"\u2715"}):w1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:s==="warn"?"var(--accent)":xi}}),w1("span",{className:"text-[14px] font-semibold",style:{color:c?bi:E5},children:t.lead}),w1("span",{className:"text-[13px]",style:{color:c?bi:E7},children:t.detail}),(t.status??"").trim()&&w1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:s==="ok"?xi:s==="warn"?"var(--accent)":bi},children:t.status})]},a)})})}var ME=["#c7cdd5","var(--accent)","#c7cdd5",xi];function ZQ({columns:e}){return w1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:ut,gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:e.map((t,a)=>U0("div",{className:"flex flex-col gap-2",children:[U0("div",{className:"flex items-baseline justify-between px-1",children:[w1("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:E7},children:t.title}),w1("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:t.cards.length})]}),t.cards.map((s,c)=>U0("div",{className:"rounded-md border px-2.5 py-2",style:{background:xd,borderColor:a===e.length-1?"#bfe3ce":W8},children:[w1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:ME[a%ME.length]}}),w1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:E5},children:s})]},c))]},a))})}function DQ({heading:e,bars:t}){let a=Math.max(...t.map(c=>c.value),0)||1,s=t.findIndex(c=>c.value===a);return U0("div",{className:"border-t pt-4",style:{borderColor:W8},children:[e.trim()&&w1("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:E7},children:e}),w1("div",{className:"flex flex-col gap-2.5",children:t.map((c,l)=>U0("div",{className:"flex items-center gap-3",children:[w1("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:E5},children:c.label}),w1("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(c.value/a*60,4)}%`,background:l===s?"var(--accent)":l%2?"#c7cdd5":"#9aa3ae"}}),U0("span",{className:"text-[12px]",style:{color:E7},children:[c.value,"%"]})]},l))})]})}function SE({size:e}){let t=e/2;return U0("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":!0,children:[w1("circle",{cx:t,cy:t,r:t*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),w1("circle",{cx:t,cy:t,r:t*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),w1("circle",{cx:t,cy:t,r:t*.14,fill:"var(--accent)"})]})}function OQ({header:e,lines:t}){return U0("div",{style:{background:"#0c0e11"},children:[U0("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[w1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),w1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),w1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&w1("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:e})]}),U0("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("$ ")?U0("div",{children:[w1("span",{style:{color:"var(--accent)"},children:"$ "}),w1("span",{style:{color:"#f4f6f2"},children:a.slice(2)})]},s):a.startsWith("\u2713")?w1("div",{style:{color:"#6fcf7e"},children:a},s):w1("div",{style:{color:"rgba(244,246,242,0.55)"},children:a},s)),w1("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function GQ({urlText:e,heroTitle:t,heroButton:a,products:s}){return U0("div",{children:[U0("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:ut},children:[w1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),w1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),w1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&w1("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:xd,borderColor:W8,color:E7},children:e}),w1("span",{className:"w-[54px]","aria-hidden":!0})]}),U0("div",{className:"relative overflow-hidden px-5 py-6",style:{background:E5},children:[w1("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:w1(SE,{size:104})}),t.trim()&&w1("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:t}),a.trim()&&w1("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&&w1("div",{className:"grid grid-cols-3 gap-3 p-4",children:s.map((c,l)=>U0("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:W8},children:[w1("div",{className:"flex items-center justify-center py-3",style:{background:ut},children:w1(SE,{size:56})}),U0("div",{className:"flex flex-col gap-1 p-2.5",children:[w1("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:E5},children:c.name}),w1("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:c.price}),w1("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:E5},"aria-hidden":!0,children:"Add to cart"})]})]},l))})]})}function LE({eyebrow:e,title:t,body:a,variant:s="spec-card",cardHeader:c,badge:l,cardTitle:r,cardSubtitle:o,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:k,barsHeading:M,bars:A,termLines:R,urlText:E,heroTitle:Z,heroButton:F,products:T,align:N="right",editing:B=!1}={}){let P=(i??[]).filter(d1=>B||(d1.value??"").trim()),O=(n??[]).filter(d1=>B||(d1.label??"").trim()),c1=(h??[]).filter(d1=>B||(d1.lead??"").trim()),V=[[u,g],[d,f],[v,z],[x,k]].map(([d1,U])=>({title:(d1??"").trim(),cards:(U??[]).map(p1=>(p1.text??"").trim()).filter(Boolean)})).filter(d1=>d1.title||d1.cards.length>0),q=(A??[]).map(d1=>({label:(d1.label??"").trim(),value:parseFloat(d1.value??"")})).filter(d1=>d1.label&&Number.isFinite(d1.value)),K=(R??[]).map(d1=>d1.text??"").filter(d1=>B||d1.trim()),W=(T??[]).map(d1=>({name:(d1.name??"").trim(),price:(d1.price??"").trim()})).filter(d1=>d1.name),r1=!!(e??"").trim()||!!(t??"").trim(),x1=!!(c??"").trim()||!!(r??"").trim()||P.length>0||O.length>0||c1.length>0||V.length>0||q.length>0||W.length>0||K.length>0||!!(Z??"").trim();if(!B&&!r1&&!x1)return null;let Y=U0("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:xd},children:[s!=="terminal"&&(c??"").trim()&&U0("div",{className:"flex items-center justify-between px-6 py-4",style:{background:E5},children:[w1("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:c}),(l??"").trim()&&U0("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[w1("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:xi}}),l]})]}),s==="terminal"?w1(OQ,{header:c??"",lines:K}):s==="browser"?w1(GQ,{urlText:E??"",heroTitle:Z??"",heroButton:F??"",products:W}):U0("div",{className:"flex flex-col gap-5 p-6",children:[((r??"").trim()||(o??"").trim())&&U0("div",{children:[(r??"").trim()&&w1("div",{className:"text-[22px] font-bold leading-tight",style:{color:E5},children:r}),(o??"").trim()&&w1("div",{className:"mt-1 text-[14px]",style:{color:E7},children:o})]}),s==="fitment"&&P.length>0&&w1("div",{className:"flex flex-wrap gap-2.5",children:P.map((d1,U)=>U0("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:ut,borderColor:W8},children:[w1("span",{className:"text-[11px]",style:{color:E7},children:d1.label}),w1("span",{className:"text-[13px] font-bold",style:{color:E5},children:d1.value})]},U))}),s!=="fitment"&&O.length>0&&w1("div",{className:"grid grid-cols-2 gap-3",children:O.map((d1,U)=>U0("div",{className:"rounded-lg px-4 py-3",style:{background:ut},children:[w1("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:E7},children:d1.label}),w1("div",{className:"mt-1 text-[17px] font-bold",style:{color:E5},children:d1.value})]},U))}),c1.length>0&&w1(BQ,{rows:c1}),(m??"").trim()&&w1("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"&&V.length>0&&w1(ZQ,{columns:V}),s==="claims"&&q.length>0&&w1(DQ,{heading:M??"",bars:q}),(p??"").trim()&&w1("div",{className:"border-t pt-4",style:{borderColor:W8},children:w1("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:p})})]})]}),e1=U0("div",{children:[(e??"").trim()&&w1("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:C(e??"")}),(t??"").trim()&&w1("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:$(t??"",!1)}),(a??"").trim()&&w1("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:a})]});return w1("section",{className:"relative z-[2] border-y border-line bg-surface",children:w1("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"?U0(kE,{children:[w1("div",{className:"flex justify-center min-[960px]:justify-start",children:Y}),e1]}):U0(kE,{children:[e1,w1("div",{className:"flex justify-center min-[960px]:justify-end",children:Y})]})})})}var AE={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:l,cardTitle:r,cardSubtitle:o,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:k,barsHeading:M,bars:A,termLines:R,urlText:E,heroTitle:Z,heroButton:F,products:T,align:N,puck:B})=>qQ(LE,{eyebrow:y(e,"In the product",B),title:y(t,`Seen from
|
|
141
|
+
*the counter.*`,B),body:a,variant:s,cardHeader:c,badge:l,cardTitle:r,cardSubtitle:o,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:k,barsHeading:M,bars:A,termLines:R,urlText:E,heroTitle:Z,heroButton:F,products:T,align:N,editing:B?.isEditing})};import{jsx as V7}from"react/jsx-runtime";var HE={label:"Section Header",defaultProps:{headStyle:Cs,num:"01 / Section",numStyle:M8,title:"Section *title*",description:"",logoSrc:"",logoAlt:"",linkText:"",linkHref:"",fullWidth:!0,pageWidth:H9.default},render:({headStyle:e,num:t,numStyle:a,eyebrowLook:s,title:c,description:l,logoSrc:r,logoAlt:o,linkText:i,linkHref:n,rowGap:h,descriptionSize:m,widthMode:p,fullWidth:u,pageWidth:g,puck:d})=>{let f=y(i,"View all",d),v=R2({widthMode:p,fullWidth:u,pageWidth:g},"full"),z=hi(e);return V7("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:V7("div",{className:v.mode==="page"?us:void 0,children:z==="editorial"?V7(O2,{num:y(t,"01 / Section",d),title:(()=>{let x=y(c,"Section *title*",d);return x?$(x,!0):void 0})(),desc:(()=>{let x=y(l,"Short supporting line",d);return x?C(x):void 0})(),spaceBelow:""}):z==="simple"?V7(Q1,{look:"simple",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),eyebrowLook:s4(s,"SectionHeader")}):z==="statement"?V7(Q1,{look:"statement",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),eyebrowLook:s4(s,"SectionHeader")}):z==="natural"?V7(Q1,{look:"natural",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),description:y(l,"Short supporting line",d),eyebrowLook:s4(s,"SectionHeader"),rowGap:MF(h),descriptionSize:SF(m)}):z==="essay"?V7(Q1,{look:"essay",num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),eyebrowLook:s4(s,"SectionHeader")}):V7(Q1,{num:y(t,"01 / Section",d),title:y(c,"Section *title*",d),description:y(l,"Short supporting line",d),logo:r?{src:r,alt:t1(o)}:void 0,link:f?{text:f,href:t1(n)||"#"}:void 0,numStyle:a,accent:!0})})})}};import{jsx as jQ}from"react/jsx-runtime";import{jsx as WQ}from"react/jsx-runtime";var UQ={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function FE({size:e}){return WQ("div",{"aria-hidden":!0,className:UQ[e]})}var TE={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>jQ(FE,{size:e})};import{jsx as $Q}from"react/jsx-runtime";import{jsx as Es}from"react/jsx-runtime";var KQ=[{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"},{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"}];function PE({cells:e,fill:t="dark",editing:a=!1}){let s=(e??[]).filter(o=>(o?.text??"").trim()),c=s.length>0?s:a?KQ:[];if(c.length===0)return null;let l=t!=="none",r=Es("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((o,i)=>Es("span",{className:l?o.tone==="muted"?"text-plate-band-fg-dim":"text-plate-band-fg":o.tone==="muted"?"text-fg-dim":"text-fg",children:o.text},i))});return Es("section",{className:"w-full",children:l?Es("div",{className:"bg-plate-band",children:r}):Es("div",{className:"border-t border-line",children:r})})}var EE={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>$Q(PE,{cells:e,fill:t,editing:a?.isEditing})};import{jsx as e11}from"react/jsx-runtime";import{jsx as U8,jsxs as _E}from"react/jsx-runtime";import{Fragment as YQ,jsx as VE,jsxs as XQ}from"react/jsx-runtime";function NE({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:s}=it(t?Number.parseInt(t[1],10):0);return!t||p2(e)!==e?VE(YQ,{children:C(e)}):VE(d8,{value:e,children:XQ("span",{ref:a,children:[s,t[2]]})})}var JQ="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",QQ={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 IE({items:e,contained:t,heading:a,columns:s,background:c,editing:l}){let r=s===void 0?JQ:QQ[s],o=U8("div",{className:r,children:(e??[]).map((i,n)=>_E("div",{className:"border-t border-line pt-5",children:[U8("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:l?C(i.value):U8(NE,{value:i.value})}),U8("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:C(i.label)})]},n))});return a===void 0&&c===void 0?U8(e2,{contained:t,className:"py-12",children:o}):U8(e2,{contained:t,className:"py-12",children:_E("div",{style:c?{backgroundColor:c}:void 0,children:[a?U8("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:C(a)}):null,o]})})}var t11=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],RE={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,background:c,puck:l})=>e11(IE,{items:y1(e,t11,l),contained:t,heading:y(a,"By the *numbers*",l),columns:s,background:U6(c,t3.Stats),editing:l?.isEditing})};import{Fragment as l11,jsx as ZE}from"react/jsx-runtime";import{jsx as zd}from"react/jsx-runtime";var a11={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},s11="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",c11={default:"text-fg",dim:"text-fg-dim"};function BE({text:e,align:t,tone:a,contained:s,hero:c=!1}){if(c)return zd("p",{className:s11,children:C(e)});let l=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${a11[t]} ${c11[a]}`;return zd(e2,{contained:s,className:"py-4",children:b0(e).map((r,o)=>zd("p",{className:l,children:C(r)},o))})}var DE={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:s,puck:c})=>H2(e).hidden?ZE(l11,{}):ZE(BE,{text:K4(t1(e),L.body,c)??"",align:t,tone:a,contained:s})};var OE={Banner:wT,Breadcrumb:xL,ButtonBlock:kT,Cards:kL,CategoryBar:ST,Chart:TL,ContactLocations:FT,CustomHTML:QT,Divider:tP,DocBody:$L,DocMasthead:JL,DocMetaCards:tA,DocTabs:cA,Eyebrow:cP,FAQ:dA,FeaturedCover:kA,Flex:NA,Footprint:KA,Grid:QA,Heading:oP,Hero:sH,HeroGroup:nH,HeroSingle:fH,HeroSlide:zH,ImageBlock:nP,Integrations:uE,IntroBleed:AH,KeyFeatures:PH,LogoBlock:vE,Logos:bE,LongRead:BH,Manifesto:CE,Masthead:GH,Mockup:AE,OrderSummary:KH,ParagraphsA:XH,PaymentBadges:tF,PostCard:cF,ProcessSteps:nF,Prose:dF,SectionHeader:HE,Series:FF,Spacer:TE,SpecStrip:EE,Split:RF,Stats:RE,StatsParagraph:qF,Testimonials:jF,Text:DE,Ticker:sT,Timeline:mT,TimelineTrack:dT,TitleWithButtons:bT};var r11={Banner:fL,Breadcrumb:zL,ButtonBlock:wL,Cards:SL,CategoryBar:LL,Chart:PL,ContactLocations:OL,CustomHTML:GL,Divider:jL,DocBody:YL,DocMasthead:QL,DocMetaCards:aA,DocTabs:lA,Eyebrow:rA,FAQ:gA,FeaturedCover:MA,Flex:IA,Footprint:YA,Grid:tH,Heading:aH,Hero:rH,HeroGroup:dH,HeroSingle:xH,HeroSlide:yH,ImageBlock:MH,Integrations:SH,IntroBleed:FH,KeyFeatures:VH,LogoBlock:NH,Logos:_H,LongRead:ZH,Manifesto:DH,Masthead:qH,Mockup:UH,OrderSummary:$H,ParagraphsA:JH,PaymentBadges:aF,PostCard:lF,ProcessSteps:mF,Prose:gF,SectionHeader:AF,Series:TF,Spacer:PF,SpecStrip:VF,Split:BF,Stats:ZF,StatsParagraph:WF,Testimonials:$F,Text:YF,Ticker:cT,Timeline:pT,TimelineTrack:gT,TitleWithButtons:zT},R1=je(OE,r11);import{IconButton as GE}from"efficient-shell/ui";import{SettingsField as o11}from"efficient-easel/panel";import{ColumnsIcon as i11}from"efficient-easel/icons";import{Fragment as qE,jsx as dt,jsxs as yd}from"react/jsx-runtime";function n11(e,t,a,s){let c=a.indexOf(e[t]),l=c>=0?c:0,r=a[Math.min(Math.max(l+s,0),a.length-1)];return{...e,[t]:r}}function Vs({label:e,unit:t,steps:a,value:s,onChange:c,format:l=String,note:r}){let o=y5(),i=a.indexOf(s[o]),n=i>=0?i:0,h=m=>c(n11(s,o,a,m));return dt(o11,{label:e,icon:dt(i11,{}),action:yd("div",{className:"sf-colstep",children:[dt(GE,{variant:"secondary",size:"sm","aria-label":`Fewer ${t} on ${v5[o]}`,disabled:n<=0,onClick:()=>h(-1),children:"\u2212"}),dt("span",{className:"sf-colstep-value","aria-live":"polite",children:l(a[n])}),dt(GE,{variant:"secondary",size:"sm","aria-label":`More ${t} on ${v5[o]}`,disabled:n>=a.length-1,onClick:()=>h(1),children:"+"})]}),hint:yd(qE,{children:["Sets the ",dt("strong",{children:v5[o]})," view \u2014 switch views in the top bar to set each one.",r?yd(qE,{children:[" ",r]}):null]})})}var w6="auto",Cd=1,WE=6,kd={desktop:w6,tablet:w6,mobile:w6},UE=[w6,...Array.from({length:WE-Cd+1},(e,t)=>Cd+t)],h11="1rem",jE=`var(--sf-block-gap-rem, var(--sf-card-gap, ${h11}))`,Md=240,Sd=150,m11=.5,p11=e=>`--plp-grid-cols-${e}`,u11="--plp-grid-gap";function KE(e){return e===w6?"Auto":String(e)}function wd(e){if(e===w6)return w6;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),Cd),WE):w6}function zi(e){if(!e||typeof e!="object")return{...kd};let t=e;return{desktop:wd(t.desktop),tablet:wd(t.tablet),mobile:wd(t.mobile)}}function d11(e){if(e===w6)return`repeat(auto-fill, minmax(${Md}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${jE}`}) / ${e} - ${m11}px)`;return`repeat(auto-fill, minmax(max(${Sd}px, ${a}), 1fr))`}function $E(e,t=null){let a={[u11]:jE};for(let s of Jz)a[p11(s)]=d11(e[t??s]);return a}import{Fragment as g11,jsx as YE,jsxs as v11}from"react/jsx-runtime";function Ld({value:e,onChange:t}){return YE(Vs,{label:"Columns",unit:"items per row",steps:UE,value:zi(e),format:KE,onChange:t,note:v11(g11,{children:[YE("strong",{children:"Auto"})," fits as many ",Md,"px-wide cards as the width allows. A number is a maximum: where it would squeeze cards under"," ",Sd,"px the row shows fewer."]})})}import{useCallback as s5,useEffect as Q01,useId as e21,useMemo as L3,useRef as t21,useState as a21}from"react";import{jsxs as XE}from"react/jsx-runtime";function t5({text:e,linkText:t,linkHref:a}){let s=(t??"").trim(),c=(a??"").trim(),l=!!s&&!!c;return!e&&!l?null:XE("p",{className:"mt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.06em] text-fg-dim",children:[e?C(e):null,e&&l?" ":null,l&&XE(S1,{href:c,className:"text-accent transition-colors hover:text-fg",children:[C(s)," \u2192"]})]})}import{createContext as f11,useCallback as JE,useContext as b11,useEffect as x11,useId as z11,useMemo as y11,useRef as w11,useState as C11}from"react";import{jsx as k11}from"react/jsx-runtime";var QE=f11(null);function UE1({reason:e,children:t}){let[a,s]=C11([]),c=w11(null),l=JE(n=>{s(h=>h.includes(n)?h:[...h,n])},[]),r=JE(n=>{s(h=>h.filter(m=>m!==n))},[]),o=e==="none-configured",i=y11(()=>({noCurrencyConfigured:o,live:a,firstRendered:c,join:l,leave:r}),[o,a,l,r]);return k11(QE.Provider,{value:i,children:t})}function eV(e){let t=b11(QE),a=z11(),s=!!e&&!!t?.noCurrencyConfigured;s&&t&&t.firstRendered.current===null&&(t.firstRendered.current=a);let c=t?.join,l=t?.leave;return x11(()=>{if(!(!s||!c||!l))return c(a),()=>l(a)},[s,c,l,a]),!s||!t?!1:(t.live.length>0?t.live[0]:t.firstRendered.current)===a}import{jsx as S11}from"react/jsx-runtime";var M11="This website has no currency yet. Add one in Settings and these cards will price. Only you can see this line.";function Ns({editing:e}){return eV(e)?S11(t5,{text:M11}):null}import{useEffect as L11,useState as A11}from"react";var gt=Ye({fetch:(e,t)=>X1.listProducts(e,{siteId:t,kinds:["alloy-wheel","tyre"]}),keyBy:i2}),r3=(e=!1)=>gt(e).then(t=>t.filter(a=>a.kind==="alloy-wheel"));function tV(e){let[t,a]=A11(null);return L11(()=>{let s=!1;return e().then(c=>{s||a(c)}),()=>{s=!0}},[e]),t}function yi(){return tV(r3)}function aV(){return tV(gt)}function H11(e){return e.length===1?r4[e[0]]:"Products"}function wi(e){return e.length===1?e[0]:null}function F11(e){switch(wi(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 T11(e){switch(wi(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 P11(e){switch(wi(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 E11="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 _s(e){let t=C5(e),a=T11(e),s=`showing every ${t.one}`;return{promise:F11(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:s,eyebrow:`${H11(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:P11(e),noData:wi(e)==="tyre"?E11:`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 sV(e,t,a,s){let c=_s(a),l=a.length!==s.length;return{heading:!l&&e||c.gateHeading,intro:!l&&t||c.gateIntro}}import{useCallback as r01,useEffect as o01,useMemo as i01,useState as TV}from"react";import{useState as V11}from"react";import{jsx as Ad}from"react/jsx-runtime";function Is({brand:e,logo:t}){let[a,s]=V11(!1),c=(e??"").trim();if(!c)return null;let l=a?void 0:Q3(t??void 0);return Ad("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:l?Ad("img",{src:l,alt:c,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):Ad("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 N11,jsx as cV,jsxs as _11}from"react/jsx-runtime";function Hd(e,t){return!e&&!t?null:_11(N11,{children:[e&&cV("span",{className:"text-fg",children:e}),e&&t?cV("span",{className:"mx-[6px] text-fg-dim",children:"\xB7"}):null,t]})}function Rs(e,t){let a=xe(t);return e.kind||e.brand&&a("brand")?!0:e.process&&a(ze)}function Ci({kindLabel:e,brand:t,process:a},s){if(!Rs({kind:!!e,brand:!!t,process:!!a},s))return null;let c=xe(s);return Hd(e,c("brand")?t:null)??(c(ze)?a:null)}import{useEffect as I11,useState as lV}from"react";var Fd=new Map;function R11(e){let t=Fd.get(e);if(t)return t;let a=g0.getTyre(e).catch(s=>{throw Fd.delete(e),s});return Fd.set(e,a),a}function rV(e,t){let[a,s]=lV("idle"),[c,l]=lV(null);return I11(()=>{if(!t||!e)return;let r=!1;return s("loading"),R11(e).then(o=>{r||(l(o),s("ready"))}).catch(()=>{r||s("error")}),()=>{r=!0}},[e,t]),{state:a,tyre:c}}import{Fragment as B11}from"react";import{Fragment as Td,jsx as a5,jsxs as V5}from"react/jsx-runtime";var ki="mt-3 flex h-[26px] items-center gap-1",Mi="flex min-w-0 items-center gap-1 overflow-hidden",Si="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",Bs="border px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] whitespace-nowrap",Li=`${Bs} border-accent/60 text-accent`,Z11=e=>`calc((100% - ${e}px) / 2)`,D11=2,O11=28,oV=e=>D11+2*O11+(e?10:0);var G11=16;var q11="whitespace-nowrap",W11=e=>typeof e=="string"?e:e.text;function Ai(e,t="\xB7"){return e.map((a,s)=>{let c=W11(a),l=typeof a!="string"&&a.accent;return V5(B11,{children:[a5("span",{className:`${q11}${l?" text-accent":""}`,children:s<e.length-1?`${c} ${t}`:c}),s<e.length-1?" ":null]},c)})}var Hi="mt-3 flex flex-col gap-2",vt="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",Fi="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",U11="border px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em]",Zs="absolute right-[18px] top-[18px] z-10";function ft({tone:e,className:t,children:a}){return a5("span",{className:[t,U11,e==="solid"?"border-accent bg-accent text-bg":"border-accent text-accent"].filter(Boolean).join(" "),children:a})}function j8({variant:e="catalog",wide:t=!1,href:a,identityLink:s=!1,outline:c="none",imageBackgroundFill:l=j6,containerProps:r,probes:o,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:k,showPrice:M=!0,reserveSwatches:A=!0,extras:R}){let E=e==="catalog",Z=ry(l),F=Z&&l===B9,T=F?"bg-[var(--wheel-stage)] p-[5px]":Z?"p-[5px]":"",N=Z&&!F?{backgroundColor:l}:{},B=(d1,U)=>a5("figure",{className:`m-0 aspect-square [flex:0_0_auto] max-w-full max-[800px]:w-[252px] ${U}`,style:{width:Z11(oV(Z))},children:d1}),P=E?V5("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:oV(Z),rowGap:G11}:{...N,borderRadius:"var(--sf-card-image-radius, 10px)"},children:[t?V5(Td,{children:[B(h,"max-[800px]:-translate-x-[38px]"),B(m??h,"max-[800px]:translate-x-[38px]")]}):h,p]}):V5("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]}),O=`font-mono text-[length:var(--size-label,12px)] uppercase text-accent ${E?"tracking-[0.3em]":"tracking-[0.25em]"}`,c1=u?a5("div",{className:O,children:u}):E&&g?a5("div",{"aria-hidden":!0,className:O,children:"\xA0"}):null,V=a5("div",{className:E?"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}),q=a5("div",{className:E?"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}),K=M?V5("div",{className:"mt-2 font-mono text-[length:var(--size-label,13px)]",children:[v&&a5("span",{className:"mr-2 text-fg-dim line-through",children:v}),z]}):null,W=M&&x?a5("div",{className:"mt-[2px] font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",children:x}):null,r1=E&&!k?A?a5("div",{"aria-hidden":!0,className:"mt-4 h-4"}):null:k,x1=[E?"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)]",Cl(c),t?"col-span-2 max-[800px]:col-span-1 @max-[720px]:col-span-1":""].filter(Boolean).join(" "),Y=V5(Td,{children:[P,c1,V]}),e1=V5(Td,{children:[q,K,W,r1,R]});return a?s?V5("article",{...r,className:x1,children:[o,i,n,a5(S1,{href:a,className:"flex flex-col",children:Y}),e1]}):V5(S1,{href:a,className:x1,children:[o,i,n,Y,e1]}):V5("article",{...r,className:x1,children:[o,i,n,Y,e1]})}function Pd(e){return(e.components??[]).reduce((a,s)=>a+s.wheels,0)>4}function iV(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(Pd)}var j11=150,K11="Front + rear",nV="L/R pair",hV="Not handed",$11="L/R";function Y11(e){return e.et==null||e.rearEt==null?0:Math.abs(e.rearEt-e.et)}function X11(e){return Y11(e)>=j11}function mV(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(X11)}function bt(e){return e.directional===!0}function pV(e){return e.rearWidth!=null||e.rearEt!=null&&e.rearEt!==e.et}function uV(e){return{twoObjects:Q11(e),handed:e.handed??!1,staggered:!1}}function dV(e){let t=[e.twoObjects?K11:"",e.handed?$11:""].filter(Boolean);return t.length?t.join(" \xB7 "):null}function gV(e){return e.handed}function J11(e){return new Set((e.components??[]).map(t=>t.partNumber)).size>1}function vV(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(J11)}function Q11(e){return(e.setWheelCount??0)>4}var e01=new Set(["boltPattern"]);function fV(e,t){return e&&e01.has(t)}var t01="dually";function xt(e){let t=e.components.reduce((c,l)=>c+l.wheels,0)||4,a=e.kind,s=[a==="staggered"?"Staggered":a===t01?"Dually":"",bt(e)?"L/R":""].filter(Boolean);return s.length?`${s.join(" ")} set of ${t}`:`Set of ${t}`}function a01(e,t){return[...new Set(e.filter(a=>!t||a.finishName===t).map(a=>a.size))]}function zt(e,t,a){if(!(!t||!a))return e.find(s=>s.finishName===t&&s.size===a)}function Ds(e){return e!=null&&e.inStock===!1}function bV(e,t){return t?e.filter(a=>a.finishName===t&&Ds(a)):[]}function xV(e,t,a){return t.findIndex((s,c)=>a[c]!==!1&&a01(e,s).length>0)}function zV(e){if(e.diameter==null||e.width==null)return e.size;let t=e.rearWidth!=null?`${T2(e.width)}/${T2(e.rearWidth)}`:T2(e.width);return`${e.diameter}" \xD7 ${t}`}function Ti(e){return e.et==null?null:e.rearEt!=null&&e.rearEt!==e.et?`${e.et}/${e.rearEt}`:String(e.et)}function Ed(e){return e.diameter==null||e.width==null?JSON.stringify([e.size]):JSON.stringify([e.kind,e.diameter,e.width,e.rearWidth??null])}function yV(e){return e.diameter==null||e.width==null?e.size:`${e.diameter}" ${e.kind}`}function wV(e){return e.diameter==null||e.width==null?"":e.rearWidth!=null?`${T2(e.width)} front / ${T2(e.rearWidth)} rear`:`${T2(e.width)} all round`}function Os(e){if(e.diameter==null||e.width==null)return e.size;let t=(a,s)=>`${e.diameter} \xD7 ${T2(a)}${s!=null?` ET ${s}`:""}`;return pV(e)?`${t(e.width,e.et)} front \xB7 ${t(e.rearWidth??e.width,e.rearEt)} rear`:t(e.width,e.et)}function Vd(e,t){return t?e.filter(a=>a.finishName===t):[]}var CV="handed",kV="plain";function Gs(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:Ed(p),label:yV(p),note:wV(p)})),l=s(p=>p.boltPattern?{value:p.boltPattern,label:p.boltPattern}:null),r=s(p=>{let u=Ti(p);return u===null?null:{value:u,label:`ET ${u}`}}),o=s(p=>p.centreBore==null?null:{value:T2(p.centreBore),label:`${T2(p.centreBore)} mm`}),i=s(p=>({value:bt(p)?CV:kV,label:bt(p)?nV:hV})),n=t.map(p=>({id:`${p.finishName}|${p.size}`,options:{finish:p.finishName,size:Ed(p),variantSize:p.size,...p.boltPattern?{boltPattern:p.boltPattern}:{},...Ti(p)!==null?{et:Ti(p)}:{},...p.centreBore==null?{}:{centreBore:T2(p.centreBore)},pairing:bt(p)?CV:kV},inStock:!Ds(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:l,et:r,centreBore:o,pairing:i},parts:n,anchorPrices:e.prices,anchorMsrpPrices:e.msrpPrices??{}}}function MV(e,t){if(e.kind!=="alloy-wheel"||t===null)return e;let a=new Set(Wk(e.source.variants??[],t));if(a.size===0)return e;let s=e.parts.filter(o=>{let i=N7(e.source,o);return i!==null&&a.has(i)});if(s.length===0||s.length===e.parts.length)return e;let c=(o,i)=>new Set(o.map(n=>n.options[i]).filter(n=>n!==void 0)),l={},r=[];for(let o of e.optionFields){let i=c(e.parts,o.key),n=c(s,o.key),h=(e.optionValues[o.key]??[]).filter(p=>n.has(p.value)||!i.has(p.value));l[o.key]=h;let m=o.defaultValue!==void 0&&!h.some(p=>p.value===o.defaultValue)?h[0]?.value:o.defaultValue;r.push(m===o.defaultValue?o:{...o,defaultValue:m})}return{...e,optionFields:r,optionValues:l,parts:s}}function N7(e,t){return t?zt(e.variants??[],t.options.finish,t.options.variantSize)??null:null}function SV(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]??jw}function HV(e){return e.kind==="tyre"?"advisory":"required"}var yt={choice:Nw,qty:1};function s01(e,t){if(e.kind!=="alloy-wheel")return`Set of ${4}`;let a=N7(e.source,t);return a?xt(a):`Set of ${4}`}var LV=(e,t)=>e===1?t:`${e} \xD7 ${t}`;function AV(e){return e.unit==="set"?{label:`Add a spare \u2014 ${t7+1} instead of ${t7}`}:null}var K8={howMany:"How many wheels",oneSet:"One set",oneSetPlusSpare:"One set + 1 spare",whichSide:"Which side is the spare?",left:"Left",right:"Right"};function c01(e,t){return t.unit!=="set"||Iw(e)===null?null:{counts:[{value:t7,label:K8.oneSet},{value:t7+cr,label:K8.oneSetPlusSpare}],side:t.spares>0?{label:K8.whichSide,options:[{value:"left",label:K8.left},{value:"right",label:K8.right}]}:null}}function Nd(e,t,a){if(e.kind==="tyre")return{packs:[{value:"set",label:`A set of ${t7}`},{value:"single",label:"Just one"}],extra:AV(a.choice),spareCounts:[],spareSide:null,components:t?kp({sku:t.id,prices:t.components[0].prices},a.choice):[],quantityLabel:LV(a.qty,lr(a.choice))};let s=t?c01(t.components,a.choice):null;return{packs:[],extra:s?null:AV(a.choice),spareCounts:s?.counts??[],spareSide:s?.side??null,components:t?pm(t.components,a.choice):[],quantityLabel:LV(a.qty,Rw(s01(e,t),a.choice))}}function FV(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?co(e.source,h,s.choice,s.qty):null}let l=e.source,r=N7(l,t);if(!r)return null;let o=t.options.finish??"",i=r.size,n=s.choice.spares>0;return{id:`${l.slug}|${o}|${i}|${c.fitmentKey}${n?"|spare":""}`,slug:l.slug,name:_e(l.name),process:l.process,positionNo:"01",config:[{label:i},{label:o,gold:!0},{label:c.fitmentLabel},{label:Nd(e,t,s).quantityLabel}],finishName:o,size:i,components:pm(t.components,s.choice),qty:s.qty,...n?{pack:s.choice}:{}}}function Pi(e,t){let a=t.trim(),s=e.trim();return!s||!l01(a,s)?a:a.slice(s.length).replace(/^[^\p{L}\p{N}]+/u,"")||a}function l01(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 p01,jsx as _7,jsxs as qs}from"react/jsx-runtime";var n01="from ",h01=2,m01=[];function _d({brand:e,brandLogo:t,brandPlate:a=!0,kindLabel:s=null,showBrand:c=!0,name:l,slug:r,sizes:o,fitSize:i=null,rimDiameters:n,prices:h,image:m,currency:p,editing:u=!1,fieldUsage:g=m01}){let d=xe(g),{add:f,open:v,warmCatalog:z}=c4();o01(()=>{u||z("tyre")},[u,z]);let{currency:x}=p0(),k=s7(oe(h,p),null),M=ir(k,p,n01),A=[o.length>0?`${o.length} ${o.length===1?"size":"sizes"}`:null,d("rim_diameter")?Nr(n):null].filter(Boolean).join(" \xB7 "),R=Ne(r),[E,Z]=TV(!1),F=r01(()=>{r&&Z(!0)},[r]),{state:T,tyre:N}=rV(r??null,E),B=i01(()=>N?.variants??[],[N]),[P,O]=TV(null),c1=B.length===1?B[0].size:null,V=P??c1,q=B.find(p1=>p1.size===V),K=q!=null&&tS(q,x),W=T==="ready",r1=!R||T==="error"||W&&B.length===0;function x1(){!N||!q||!K||u||(f(co(N,q,yt.choice,yt.qty)),v())}let Y=W&&B.length>0?B.map(p1=>p1.size):o,e1=Y.slice(0,h01),d1=Y.length-e1.length,U=p1=>["cursor-pointer transition-colors",Bs,p1?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" ");return _7(j8,{href:R,identityLink:!0,containerProps:{onPointerEnter:F,onTouchStart:F,onFocusCapture:F},image:_7(i6,{image:m,className:"h-full w-full",sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 280px",showBackground:!1}),plate:a?_7(Is,{brand:e,logo:t}):null,eyebrow:Hd(s,c&&d("brand")&&e||null),name:Pi(e??"",l),spec:A,price:M,metaLine:k.priced?"each":null,extras:qs(p01,{children:[i&&qs("p",{className:"font-mono text-[length:var(--size-label,11px)] font-medium uppercase tracking-[0.14em] text-green",children:["Fits \xB7 ",i]}),qs("div",{className:ki,children:[_7("div",{className:Mi,children:e1.map(p1=>W&&B.length>0?_7("button",{type:"button",title:p1,"aria-label":p1,"aria-pressed":V===p1,onClick:()=>O(p1),className:U(V===p1),children:p1},p1):_7("span",{className:Li,children:p1},p1))}),d1>0&&qs("span",{className:Si,children:["+",d1]})]}),qs("div",{className:Hi,children:[!r1&&k.priced&&_7("button",{type:"button",onClick:x1,[re]:"",disabled:W&&!K,className:K||!W?`${vt}${K?"":" 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&&!K?"Select a size":"Add to basket"}),R&&_7(S1,{href:R,className:Fi,children:"Open product page"})]})]})})}import{jsx as u01}from"react/jsx-runtime";function Ws({item:e,currency:t,kindLabel:a=null,showBrand:s=!0,fitSize:c=null,editing:l=!1,fieldUsage:r}){return u01(_d,{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:l,fieldUsage:r})}import{jsx as Ei,jsxs as d01}from"react/jsx-runtime";function Id({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:s,onPickType:c}){let{currency:l}=p0(),r=TC(e,l,B2);return r.length===0?null:Ei("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:r.map(o=>Ei("li",{children:d01("button",{type:"button",onClick:()=>o.key==="price"?a(null):o.key==="inStock"?s(!1):o.key==="kind"?c(null):t(o.key,o.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 ${o.key==="inStock"?"bg-green":"bg-accent"}`,children:[o.label,Ei("span",{"aria-hidden":"true",children:"\u2715"}),Ei("span",{className:"sr-only",children:"Remove filter"})]})},`${o.key}:${o.value}`))})}function wt(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 Bd(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 v01({carRenderings:e,renderings:t,coverIndex:a,shownFinishName:s,defaultFinishName:c,shownSrc:l}){if(e&&e.length>0){let o=Math.min(Math.max(a,1)-1,e.length-1);return e[o]??l}if(a<=1||!t||t.length===0||!c||s!==c)return l;let r=Math.min(a-1,t.length-1);return t[r]??l}function Vi({overrideSrc:e,hookSrc:t,failed:a}){return e&&!a.has(e)?e:t&&t!==e&&!a.has(t)?t:null}function Ni(e,t,a,s,c){let l=a===void 0?void 0:e.finishes?.find(r=>r.name===a);return v01({carRenderings:Bd(l,c),renderings:e.defaultFinishRenderings,coverIndex:t,shownFinishName:a,defaultFinishName:e.defaultFinish,shownSrc:s})}import{useState as T01}from"react";import{jsx as Zd,jsxs as f01}from"react/jsx-runtime";function Us({finishes:e,availability:t,selectedIdx:a,hoverIdx:s,activeFinish:c,onSelect:l,onHover:r,showLabel:o=!0,className:i}){return f01("div",{className:["mt-4",i].filter(Boolean).join(" "),children:[Zd("div",{className:"flex flex-wrap items-center gap-2",onMouseLeave:()=>r(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 Zd("button",{type:"button",title:n.name,"aria-label":n.name,"aria-pressed":m,onMouseEnter:()=>r(h),onFocus:()=>r(h),onBlur:()=>r(null),onClick:u=>{u.preventDefault(),u.stopPropagation(),l(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)})}),o&&c&&Zd("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 b01}from"react";import{jsx as Ct,jsxs as PV}from"react/jsx-runtime";function js({src:e,alt:t=""}){let[a,s]=b01(!1),c=e||"";return Ct("div",{className:"relative aspect-square overflow-hidden bg-bg",children:PV("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:[Ct("div",{className:"absolute inset-0 z-[1] flex items-center justify-center",children:PV("div",{className:"relative flex h-[70%] w-[70%] items-center justify-center rounded-full border-2",style:{borderColor:"var(--accent)"},children:[Ct("div",{className:"absolute inset-[10%] rounded-full border",style:{borderColor:"var(--accent)",opacity:.4}}),Ct("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)"}}),Ct("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&&Ct("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 w01,useState as C01}from"react";import{useId as VV,useRef as y01,useState as Dd}from"react";import{useCallback as EV,useRef as x01,useState as z01}from"react";function _i(){let[e,t]=z01("idle"),a=x01(!1),s=EV(()=>{a.current=!1,t("idle")},[]),c=EV(async({partNumbers:l,email:r,productSlug:o,subscribeToOffers:i=!1,dryRun:n=!1})=>{if(a.current)return;let h=r.trim();if(!me(h)){t("invalid");return}a.current=!0,t("sending");try{if(!n)for(let m of l)await g0.createStockAlert({partNumber:m,email:h,productSlug:o})}catch{a.current=!1,t("error");return}if(i&&!n)try{await g0.createNewsletterSubscription({email:h,source:Z3.stockAlertOptIn})}catch{}a.current=!1,t("sent")},[]);return{status:e,submit:c,reset:s}}import{jsx as I0,jsxs as d3}from"react/jsx-runtime";function Od({wheelName:e,productSlug:t,finishName:a,variants:s,initialSize:c,onClose:l,editing:r=!1}){let o=VV(),i=VV(),n=y01(null),{currency:h}=p0(),m=_i(),[p,u]=Dd(()=>c??s[0]?.size??""),[g,d]=Dd(""),[f,v]=Dd(!1);k4({active:!0,onDismiss:l,focusRef:n});let z=s.find(R=>R.size===p)??s[0];if(!z)return null;let x=m.status==="sent",k=m.status==="sending",M=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(R=>R.partNumber),email:g,productSlug:t,subscribeToOffers:f,dryRun:r})}return I0("div",{role:"dialog","aria-modal":"true","aria-labelledby":o,onClick:R=>{R.target===R.currentTarget&&l()},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:d3("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:[I0("button",{type:"button",onClick:l,"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:I0("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:I0("path",{d:"M6 6l12 12M18 6 6 18"})})}),x?d3("div",{className:"px-6 py-8 text-center",children:[I0("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:I0("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2.5","aria-hidden":!0,children:I0("path",{d:"M20 6 9 17l-5-5"})})}),I0("h3",{id:o,className:"font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"You're on the list"}),d3("p",{className:"mx-auto mt-2 max-w-[34ch] text-[13px] leading-[1.6] text-fg-dim",children:["We'll alert ",I0("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."]}),I0("button",{type:"button",onClick:l,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"})]}):d3("form",{className:"p-6",noValidate:!0,onSubmit:R=>{R.preventDefault(),A()},children:[d3("div",{className:"mb-2 flex items-center gap-3",children:[I0("span",{className:"grid h-11 w-11 flex-none place-items-center border-[1.5px] border-accent bg-accent/15",children:d3("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":!0,children:[I0("path",{d:"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"}),I0("path",{d:"M13.7 21a2 2 0 0 1-3.4 0"})]})}),d3("div",{children:[I0("div",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:"Back-in-stock alert"}),I0("h3",{id:o,className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"Notify me"})]})]}),d3("p",{className:"mb-5 text-[13px] leading-[1.6] text-fg-dim",children:["We'll email you the moment the"," ",I0("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."]}),d3("fieldset",{className:"mb-4 border-0 p-0",children:[I0("legend",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Which fitment?"}),I0("div",{className:"flex flex-wrap gap-2",children:s.map(R=>{let E=R.size===z.size;return d3("button",{type:"button","aria-pressed":E,onClick:()=>u(R.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",E?"border-accent bg-accent/15":"border-line hover:border-accent/60"].join(" "),children:[I0("span",{className:"font-mono text-[12px] font-bold tracking-[0.08em] text-fg",children:R.size}),I0("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{let Z=Zw(R.components,h);return Z.setTotal!=null?B2(Z.setTotal,h):a7})()})]},R.size)})})]}),d3("div",{className:"mb-4",children:[I0("label",{htmlFor:i,className:"mb-2 block font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Email address"}),I0("input",{id:i,type:"email",value:g,onChange:R=>{d(R.target.value),(m.status==="invalid"||m.status==="error")&&m.reset()},placeholder:"you@example.com",disabled:k,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"})]}),d3("label",{className:"mb-5 flex cursor-pointer items-start gap-2.5 text-[12px] leading-[1.5] text-fg-dim",children:[I0("input",{type:"checkbox",checked:f,onChange:R=>v(R.target.checked),className:"mt-0.5 h-[18px] w-[18px] flex-none cursor-pointer accent-[var(--accent)]"}),I0("span",{children:"Also send me fitment tips and occasional offers for my vehicle."})]}),d3("button",{type:"submit",disabled:k,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:[d3("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[I0("path",{d:"m22 2-7 20-4-9-9-4Z"}),I0("path",{d:"M22 2 11 13"})]}),k?"Sending\u2026":"Notify me when available"]}),M&&I0("p",{role:"alert",className:"mt-2.5 text-[12px] leading-[1.5]",style:{color:"var(--alert)"},children:M}),d3("div",{className:"mt-3 flex items-center justify-center gap-1.5 text-[11px] text-fg-dim",children:[d3("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[I0("rect",{x:"3",y:"11",width:"18",height:"11",rx:"1"}),I0("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"We never share your details."]})]})]})})}import{Fragment as M01,jsx as k6,jsxs as Ii}from"react/jsx-runtime";var Gd=3;function k01({wheel:e,sel:t,price:a,editing:s,detailReady:c}){let{add:l,open:r,warmCatalog:o}=c4();w01(()=>{s||o()},[s,o]);function i(){let n=t.selectedVariant;!n||!t.canAdd||a.priced&&(s||(l({id:`${e.slug}|${n.finishName}|${n.size}|quick`,slug:e.slug,name:_e(e.name),process:e.process,positionNo:"01",config:[{label:n.size},{label:n.finishName,gold:!0},{label:xt(n)}],finishName:n.finishName,size:n.size,components:n.components,qty:1}),r()))}return k6("button",{type:"button",onClick:i,[re]:"",disabled:!t.canAdd,className:t.canAdd?vt: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":`${vt} opacity-80`,children:c&&!t.canAdd?"Select a size":"Add to basket"})}function Ri({wheel:e,sel:t,price:a,editing:s,show:c,href:l}){let[r,o]=C01(!1),i=yC(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",Bs,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-Gd),d=c.sizes?Ii("div",{className:ki,children:[k6("div",{className:Mi,children:h&&!m?t.sizeOptions.slice(0,Gd).map(x=>k6("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:zV(x)},x.size)):m?k6("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,Gd).map(x=>k6("span",{className:Li,children:x},x))}),!m&&g>0&&Ii("span",{className:Si,children:["+",g]})]}):null,f=c.buy&&!m?t.outOfStock?k6("button",{type:"button",onClick:()=>o(!0),className:vt,children:"Notify me when back"}):a.priced?k6(k01,{wheel:e,sel:t,price:a,editing:s,detailReady:h}):null:null,v=c.page?k6(S1,{href:l,className:Fi,children:"Open product page"}):null,z=f||v?Ii("div",{className:Hi,children:[f,v]}):null;return{extras:d||z?Ii(M01,{children:[d,z]}):null,dialog:r?k6(Od,{wheelName:e.name,productSlug:e.slug,finishName:t.confirmedFinishName,variants:t.outOfStockVariants,initialSize:t.selectedVariant?.size,onClose:()=>o(!1),editing:s}):null}}import{useCallback as BV,useEffect as Ud,useMemo as Zi,useRef as jd,useState as ZV}from"react";import{useEffect as S01,useMemo as L01,useState as qd}from"react";import{jsx as NV}from"react/jsx-runtime";function Bi(e,t,a){let[s,c]=qd(()=>{let f=a?e.findIndex(v=>v.name===a):-1;return f>=0?f:0}),[l,r]=qd(null),[o,i]=qd(()=>e.map(()=>!0)),n=f=>{i(v=>{if(v[f]===!1)return v;let z=[...v];return z[f]=!1,z})},h=L01(()=>o.map((f,v)=>f?v:-1).filter(f=>f!==-1),[o]);S01(()=>{if(h.length===0){s!==-1&&c(-1),l!==null&&r(null);return}s>=0&&!h.includes(s)&&c(h[0]),l!==null&&!h.includes(l)&&r(null)},[h,s,l]);let m=l??s,p=m>=0?e[m]:void 0,u=p?.src??t,g=h.length>=2,d=e.length>0?NV("div",{className:"hidden","aria-hidden":!0,children:e.map((f,v)=>NV(E3,{src:f.src,alt:"",width:16,height:16,loading:"eager",onError:()=>n(v)},f.src))}):null;return{selectedIdx:s,setSelectedIdx:c,hoverIdx:l,setHoverIdx:r,availability:o,finish:p,shownSrc:u,showSwatches:g,probes:d}}import{useEffect as A01,useState as _V}from"react";var Wd=new Map;function H01(e){let t=Wd.get(e);if(t)return t;let a=g0.getWheel(e).catch(s=>{throw Wd.delete(e),s});return Wd.set(e,a),a}function IV(e,t){let[a,s]=_V("idle"),[c,l]=_V(null);return A01(()=>{if(!t)return;let r=!1;return s("loading"),H01(e).then(o=>{r||(l(o),s("ready"))}).catch(()=>{r||s("error")}),()=>{r=!0}},[e,t]),{state:a,wheel:c}}function RV(e,t){return t.length===0?-1:e.findIndex(a=>t.includes(a.family))}var F01=[];function Di(e,t=F01){let a=Zi(()=>e.finishes.filter(Q6),[e.finishes]),s=a.length>0,c=Bi(a,e.coverImage??null,e.defaultFinish??void 0),[l,r]=ZV(!1),o=BV(()=>{s&&r(!0)},[s]),{state:i,wheel:n}=IV(e.slug,l),h=Zi(()=>n?.variants??[],[n]),m=c.selectedIdx>=0?a[c.selectedIdx]?.name??null:null,[p,u]=ZV(null),{setSelectedIdx:g}=c,d=jd(!1),f=BV(F=>{d.current=!0,g(F)},[g]),v=t.join(","),z=jd(null);Ud(()=>{if(z.current===v)return;z.current=v;let F=RV(a,t);F<0||(d.current=!0,g(F))},[v,t,a,g]);let x=jd(!1);Ud(()=>{if(x.current||d.current||h.length===0||!m||(x.current=!0,Vd(h,m).length>0))return;let F=xV(h,a.map(T=>T.name),c.availability);F>=0&&g(F)},[h,m,a,c.availability,g]);let k=Zi(()=>Vd(h,m),[h,m]);Ud(()=>{u(F=>F&&k.some(T=>T.size===F)?F:k.length===1?k[0].size:null)},[k]);let M=zt(h,m,p),A=Ds(M),R=M!=null&&!A,E=!s||i==="error"||i==="ready"&&k.length===0,Z=Zi(()=>bV(h,m),[h,m]);return{...c,setSelectedIdx:f,finishes:a,arm:o,detailState:i,confirmedFinishName:m,sizeOptions:k,size:p,setSize:u,selectedVariant:M,outOfStock:A,outOfStockVariants:Z,canAdd:R,unsellable:E}}import{Fragment as E01,jsx as I7,jsxs as DV}from"react/jsx-runtime";var P01=[];function Kd({wheel:e,colours:t,fit:a=null,editing:s=!1,brandPlate:c=!1,kindLabel:l=null,showBrand:r=!0,showProcess:o=!1,coverIndex:i=1,fieldUsage:n=P01,spinOnHover:h=!1,imageBackgroundFill:m=j6,showBadge:p=!0,outline:u=a4,indexBadge:g=t4,showCardSizes:d=!0,showCardBuy:f=!0,showCardPage:v=!0,showCardPrice:z=!0,showCardFinishes:x=!0}){let{currency:k}=p0(),M=Di(e,t),A=Ni(e,i,M.finish?.name,M.shownSrc,a?.holes),R=ne(e,M.selectedVariant,k,1),E=nr(R,k),[Z,F]=T01(()=>new Set),T=U=>F(p1=>p1.has(U)?p1:new Set(p1).add(U)),N=Vi({overrideSrc:A,hookSrc:M.shownSrc,failed:Z}),B=fe(e),P=jk(e,a),O=Ri({wheel:e,sel:M,price:R,editing:s,href:`/wheels/${e.slug}`,show:{sizes:d,buy:f,page:v}}),c1=M.detailState==="ready",V=M.unsellable,q=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",K=N?I7(E3,{src:N,alt:M.finish?`${e.name} \u2014 ${M.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",q].filter(Boolean).join(" "),draggable:!1,onError:()=>T(N)},N):I7(js,{imageLabel:e.name}),W=g!=="off"?I7("span",{"aria-hidden":!0,className:`${E9} ${V9}`}):null,r1=p?e.badge:null,x1=R.onSale||r1?DV("div",{className:`${Zs} pointer-events-none flex flex-col items-end gap-1`,children:[R.onSale&&I7(ft,{tone:"solid",children:"Sale"}),r1&&I7(ft,{tone:r1==="new"?"solid":"outline",children:r1==="new"?"New":"Bestseller"})]}):null,Y=x&&M.finishes.length>0&&M.availability.some(Boolean)?I7(Us,{finishes:M.finishes,availability:M.availability,selectedIdx:M.selectedIdx,hoverIdx:M.hoverIdx,activeFinish:M.finish,onSelect:M.setSelectedIdx,onHover:M.setHoverIdx,showLabel:!1}):null,e1=fr(P.length>0?P:Zr(e),n).map(U=>U.text),d1=R.priced?["each",R.setTotal!=null&&M.selectedVariant?`${xt(M.selectedVariant)} \xB7 ${B2(R.setTotal,k)}`:null].filter(Boolean).join(" \xB7 "):null;return DV(E01,{children:[I7(j8,{href:`/wheels/${e.slug}`,identityLink:!0,containerProps:{onPointerEnter:M.arm,onTouchStart:M.arm,onFocusCapture:M.arm},probes:M.probes,outline:u,imageBackgroundFill:m,indexBadge:W,badges:x1,image:K,plate:c?I7(Is,{brand:B,logo:e.brandLogo}):null,eyebrow:Ci({kindLabel:l,brand:r&&B?Y1(B):null,process:o&&e.process?Y1(e.process):null},n),reserveEyebrow:Rs({kind:!!l,brand:r,process:o},n),name:Y1(e.name),spec:Ai(e1,Uk),was:E,price:he(R,k),metaLine:d1,swatches:Y,reserveSwatches:x,showPrice:z,extras:O.extras}),O.dialog]})}import{jsx as Ks,jsxs as Oi}from"react/jsx-runtime";function $d({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let s=IC(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 Oi("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[Oi("div",{className:"flex items-center gap-1.5",children:[Ks("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:c,children:"\u2039"}),s.map((l,r)=>l===null?Ks("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${r}`):Ks("button",{type:"button",onClick:()=>a(l),"aria-current":l===e?"page":void 0,className:["h-9 min-w-9 cursor-pointer border px-2 font-mono text-[13px] tabular-nums transition-colors",l===e?"border-accent bg-accent text-bg":"border-line hover:border-accent hover:text-accent"].join(" "),children:l},l)),Ks("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:c,children:"\u203A"})]}),Oi("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",Ks("select",{value:e,onChange:l=>a(Number(l.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-1.5 font-mono text-[12px] text-fg",children:Array.from({length:t},(l,r)=>r+1).map(l=>Oi("option",{value:l,children:["Page ",l," of ",t]},l))})]})]})}import{useState as I01}from"react";import{useState as V01}from"react";import{jsx as $s,jsxs as N01}from"react/jsx-runtime";function Yd({checked:e,count:t,noun:a,onChange:s}){let[c,l]=V01(!1);return N01("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[$s("input",{type:"checkbox",role:"switch",checked:e,onChange:r=>s(r.target.checked),onFocus:r=>l(r.target.matches(":focus-visible")),onBlur:()=>l(!1),className:"sr-only","aria-label":`In stock only (${t} ${a})`}),$s("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:$s("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),$s("span",{className:"flex-1",children:"In stock only"}),$s("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as _01}from"react";import{jsx as Ys,jsxs as OV}from"react/jsx-runtime";function Xd({options:e,noun:t,onPick:a}){let s=_01();return e.length===0?null:OV("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[Ys("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),Ys("div",{className:"flex flex-col pt-1.5",children:e.map(c=>{let l=c.count===0&&!c.checked;return OV("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${l?"opacity-40":"cursor-pointer"}`,children:[Ys("input",{type:"radio",name:s,checked:c.checked,disabled:l,onChange:()=>a(c.kind),"aria-label":`${c.label} (${c.count} ${t})`,className:"h-[15px] w-[15px] flex-none accent-[var(--accent)]"}),Ys("span",{className:`flex-1 ${c.checked?"text-accent":""}`,children:c.label}),Ys("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:c.count})]},c.kind??"all")})})]})}import{jsx as Jd,jsxs as kt}from"react/jsx-runtime";function Qd({boxes:e,composed:t,matches:a,noun:s,onPick:c}){return kt("div",{className:"grid grid-cols-3 gap-1.5",children:[e.map(l=>kt("label",{className:"flex flex-col gap-1",children:[Jd("span",{className:"font-mono text-[9.5px] uppercase tracking-[0.14em] text-fg-dim",children:l.label}),kt("select",{value:l.value??"",onChange:r=>c(l.part,r.target.value?Number(r.target.value):null),"aria-label":`Tyre ${l.label.toLowerCase()}`,className:`w-full cursor-pointer rounded border bg-surface px-2 py-1.5 text-[13px] ${l.value===null?"border-line":"border-accent text-accent"}`,children:[Jd("option",{value:"",children:"Any"}),l.options.map(r=>kt("option",{value:r.value,children:[r.label,r.count===0?" \xB7 0":""]},r.value))]})]},l.part)),t&&kt("p",{className:"col-span-3 flex items-baseline gap-2 pt-0.5",children:[Jd("span",{className:"font-mono text-[12px] tracking-[0.04em] text-accent",children:t}),a!==null&&kt("span",{className:"text-[11.5px] text-fg-dim",children:["\xB7 ",a," ",s]})]})]})}import{jsx as S2,jsxs as M6}from"react/jsx-runtime";function eg({facets:e,filters:t,typeOptions:a,sizeBoxes:s,sizeMatches:c,noun:l,priceBounds:r,inStockCount:o,onToggle:i,onPickType:n,onPickSize:h,onPriceMax:m,onInStockOnly:p,onClearAll:u}){let{currency:g}=p0(),[d,f]=I01({});return M6("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:[M6("div",{className:"flex items-center justify-between pb-2",children:[S2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),yr(t)&&S2("button",{type:"button",onClick:u,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-accent hover:text-fg",children:"Clear all"})]}),a.length>0&&S2("div",{className:"pb-1 pt-1",children:S2(Xd,{options:a,noun:l.many,onPick:n})}),o!==null&&S2("div",{className:"border-t border-line py-2",children:S2(Yd,{checked:t.inStockOnly,count:o,noun:l.many,onChange:p})}),s&&S2(GV,{label:Hm.tyreSizes,open:!d.tyreSizes,onToggle:()=>f(v=>({...v,tyreSizes:!v.tyreSizes})),children:!d.tyreSizes&&S2("div",{className:"pb-3",children:S2(Qd,{boxes:s,composed:t.tyreSizes[0]??"",matches:c,noun:l.many,onPick:h})})}),e.map(v=>{if(v.options.length===0)return null;let z=!d[v.key];return S2(GV,{label:v.label,open:z,onToggle:()=>f(x=>({...x,[v.key]:!x[v.key]})),children:z&&S2("ul",{className:"flex flex-col pb-3",children:v.options.map(x=>{let k=x.count===0&&!x.checked;return S2("li",{children:M6("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${k?"opacity-40":"cursor-pointer"}`,children:[S2("input",{type:"checkbox",checked:x.checked,disabled:k,onChange:()=>i(v.key,x.value),"aria-label":`${v.label}: ${x.label} (${x.count} ${l.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),x.swatch&&S2("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--site-line)]",style:{background:x.swatch}}),S2("span",{className:"flex-1 capitalize",children:x.label}),S2("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:x.count})]})},x.value)})})},v.key)}),r&&M6("div",{className:"border-t border-line py-3",children:[M6("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price \xB7 per ",l.one]}),S2("input",{type:"range",min:r.min,max:r.max,step:5,value:t.priceMax??r.max,onChange:v=>{let z=Number(v.target.value);m(z>=r.max?null:z)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${l.one}`}),M6("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[S2("span",{className:"text-fg-dim",children:B2(r.min,g)}),M6("span",{children:["Up to ",B2(t.priceMax??r.max,g)]})]})]})]})}function GV({label:e,open:t,onToggle:a,children:s}){return M6("div",{className:"border-t border-line",children:[M6("button",{type:"button",onClick:a,"aria-expanded":t,"aria-label":`${t?"Collapse":"Expand"} ${e} filters`,className:"flex w-full cursor-pointer items-center justify-between py-3 text-left",children:[S2("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:e}),S2("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"\u25BE"})]}),s]})}import{Fragment as R01,jsx as qV}from"react/jsx-runtime";function Gi({kind:e,children:t}){let a=cz(e);return a?qV("span",{[Zx]:a.stamp,children:t}):qV(R01,{children:t})}import{jsx as Mt,jsxs as WV}from"react/jsx-runtime";function tg(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function Xs({label:e,value:t,options:a,onChange:s,placeholder:c,disabled:l,compact:r=!1,editing:o=!1}){let n=(a.find(u=>u.value===t)?.label??t)||c||"\u2014",h=tg(a,c),m=ue({items:h,value:t,onPick:s}),p=m.open;return WV("div",{ref:m.wrapRef,className:"relative",children:[WV("div",{ref:u=>{m.triggerRef.current=u},role:"button",tabIndex:l?-1:0,"aria-haspopup":"listbox","aria-expanded":p,"aria-controls":p?m.listId:void 0,"aria-activedescendant":m.activeId,"aria-label":e,"aria-disabled":l||void 0,onClick:()=>!l&&m.toggle(),onKeyDown:u=>!l&&m.onTriggerKeyDown(u),className:["relative flex flex-col bg-bg transition-colors",r?"gap-1 px-3.5 py-2.5":"min-h-[160px] gap-3.5 px-6 py-7",l?"opacity-50":"cursor-pointer hover:bg-surface"].join(" "),children:[Mt("span",{...o?{[pa]:Dh}:{},className:["font-mono uppercase text-accent",r?"text-[length:var(--size-label,10px)] tracking-[0.2em]":"text-[length:var(--size-label,12px)] tracking-[0.3em]"].join(" "),children:Mt(Gi,{kind:Dh,children:e})}),Mt("span",{className:["font-display font-medium tracking-[-0.02em]",r?"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(" "),...o?{[pa]:Oh}:{},children:Mt(Gi,{kind:Oh,children:n})}),Mt("span",{className:["pointer-events-none absolute font-mono text-accent",r?"right-3 top-3 text-[length:var(--size-label,11px)]":"right-[22px] top-[22px] text-[length:var(--size-label,14px)]"].join(" "),children:"\u25BE"})]}),p&&!l&&Mt(de,{id:m.listId,tone:"cell",items:h,value:t,focusIdx:m.focusIdx,onFocus:m.setFocusIdx,onPick:m.pick,listRef:m.listRef})]})}var Js=["make","model","year","trim"],$8={make:"Make",model:"Model",year:"Year",trim:"Trim"};function UV(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 jV(e,t){for(let a of Js){if(a===e)break;if(!UV(a,t))return a}return e}function KV(e){return Js.find(t=>!UV(t,e))??null}var Qs={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function qi({parentPicked:e,loading:t,options:a,waiting:s,loadingLabel:c,readyLabel:l,emptyLabel:r}){return e?t?{placeholder:c,disabled:!0}:a.length===0?{placeholder:r,disabled:!0}:{placeholder:l,disabled:!1}:{placeholder:s,disabled:!0}}function Wi(e){let{vehicle:t,loading:a}=e;return{make:qi({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:qi({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:Qs.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:qi({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:Qs.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:qi({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:Qs.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function $V(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function YV(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function XV(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function JV(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 Ui,jsxs as B01}from"react/jsx-runtime";function K3({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:s}=e,c=Wi(e);return B01("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:[Ui(Xs,{label:$8.make,placeholder:c.make.placeholder,disabled:c.make.disabled,value:s.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),Ui(Xs,{label:$8.model,placeholder:c.model.placeholder,disabled:c.model.disabled,value:s.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),Ui(Xs,{label:$8.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}),Ui(Xs,{label:$8.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 W2,jsxs as S6}from"react/jsx-runtime";function ag({cascade:e,appliedName:t,fit:a,fitSummary:s=null,resolving:c,unresolved:l,matchCount:r,copy:o,onAmend:i,onClear:n}){return W2("div",{className:"border-b border-line bg-surface px-5 py-4 md:px-10",children:!(t!=="")?S6("div",{className:"flex flex-wrap items-end gap-4",children:[S6("div",{className:"flex-none",children:[S6("div",{className:"flex items-center gap-2",children:[W2(QV,{}),W2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Select your car"})]}),W2("p",{className:"mt-0.5 font-mono text-[11px] uppercase tracking-[0.14em] text-fg-dim",children:o.promise})]}),W2("div",{className:"min-w-[280px] flex-1",children:W2(K3,{cascade:e,compact:!0})})]}):S6("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-3",children:[S6("div",{className:"flex items-center gap-2.5",children:[W2(QV,{}),S6("div",{children:[W2("p",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-fg-dim",children:"Fitment for"}),W2("p",{className:"font-display text-[16px] font-medium uppercase leading-[1.1] tracking-[-0.01em]",children:t})]})]}),c?W2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):l?W2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:o.noData}):S6("div",{className:"flex flex-wrap items-center gap-1.5",children:[W2("span",{className:"border border-line px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-fg-dim",children:s??Kk(a)}),W2("span",{className:"bg-accent px-2 py-1 font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-bg",children:o.countFits(r)})]}),S6("div",{className:"ml-auto flex items-center gap-4",children:[W2("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"}),W2("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:o.showAll})]})]})})}function QV(){return S6("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":"true",className:"flex-none",children:[W2("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"}),W2("circle",{cx:"7.5",cy:"17.5",r:"1.8"}),W2("circle",{cx:"16.5",cy:"17.5",r:"1.8"})]})}import{useId as Z01,useRef as D01}from"react";import{jsx as L6,jsxs as O01}from"react/jsx-runtime";function sg({cascade:e,heading:t,intro:a,ready:s,copy:c,onSkip:l}){let r=Z01(),o=D01(null);return k4({active:s,onDismiss:l,focusRef:o}),L6("div",{role:"dialog","aria-modal":"true","aria-labelledby":r,"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:L6("div",{className:"flex min-h-full items-center justify-center px-6 py-14 max-[700px]:px-5 max-[700px]:py-10",children:O01("div",{ref:o,tabIndex:-1,className:"w-full max-w-[720px] outline-none",children:[L6("p",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:c.eyebrow}),L6("h2",{id:r,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)}),L6("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:Y1(a)}),L6("div",{className:"mt-8",children:L6(K3,{cascade:e})}),e.cascadeError&&L6("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:c.cascadeDown}),L6("button",{type:"button",onClick:l,className:"mt-6 w-full cursor-pointer py-3 font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:c.browseInstead})]})})})}import{useEffect as q01,useMemo as W01,useState as U01}from"react";var A6={year:null,make:"",model:"",modification:""};var N5={make:"make",model:"model",year:"year",trim:"trim"};function p4(e){return!!e.make&&!!e.model&&e.year!==null&&!!e.modification}function eN(e){let t=Number(e.get(N5.year)),a={...A6,make:e.get(N5.make)??"",model:e.get(N5.model)??"",year:Number.isFinite(t)&&t>0?Math.floor(t):null,modification:e.get(N5.trim)??""};return p4(a)?a:null}function _5(e,t){return!t||!p4(t)||(e.set(N5.make,t.make),e.set(N5.model,t.model),e.set(N5.year,String(t.year)),e.set(N5.trim,t.modification)),e}var G01=["tyre"];function tN(e){return G01.filter(t=>e.includes(t))}function aN(e){return!e||!p4(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function sN(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function cN(e,t,a){if(a===null||t.length===0)return[...e];let s=new Set(a);return e.filter(c=>!t.includes(D0(c))||s.has(l7(c)))}function lN({catalog:e,shownKinds:t,vehicle:a,editing:s=!1}){let c=tN(t),l=s?null:aN(a),[r,o]=U01(null),i=sN(c,l,r!==null),n=i?JSON.stringify(i):"";q01(()=>{if(!n)return;let p=JSON.parse(n),u=!0;return g0.listCatalog(p.kinds,p.vehicle).then(g=>{u&&o({key:n,slugs:g.map(l7)})}).catch(g=>{console.error("[useVehicleCatalog] catalog refetch failed",g)}),()=>{u=!1}},[n]);let h=r?.slugs??null,m=c.join(",");return W01(()=>cN(e,m?m.split(","):[],h),[e,m,h])}import{useCallback as lg,useEffect as ec,useMemo as $01,useRef as Y01,useState as iN}from"react";import{useCallback as ji,useEffect as St,useMemo as Ki,useState as R7}from"react";function $i(e){return e instanceof Error?e.message:String(e)}function rN(e=[],t=!0){let[a,s]=R7(A6),[c,l]=R7(e),[r,o]=R7([]),[i,n]=R7([]),[h,m]=R7([]),[p,u]=R7(null),[g,d]=R7({makes:t&&e.length===0}),[f,v]=R7(null);St(()=>{t&&e.length===0&&(d(P=>({...P,makes:!0})),ce.listMakes().then(l).catch(()=>{}).finally(()=>d(P=>({...P,makes:!1}))))},[t,e.length]),St(()=>{if(!a.make){o([]);return}let P=!1;return d(O=>({...O,models:!0})),ce.listModels(a.make).then(O=>{P||o(O)}).catch(O=>{P||v($i(O))}).finally(()=>{P||d(O=>({...O,models:!1}))}),()=>{P=!0}},[a.make]),St(()=>{if(!a.make||!a.model){n([]);return}let P=!1;return d(O=>({...O,years:!0})),ce.listYears(a.make,a.model).then(O=>{P||n(O)}).catch(O=>{P||v($i(O))}).finally(()=>{P||d(O=>({...O,years:!1}))}),()=>{P=!0}},[a.make,a.model]),St(()=>{if(!a.make||!a.model||a.year===null){m([]);return}let P=!1;return d(O=>({...O,modifications:!0})),ce.listModifications(a.make,a.model,a.year).then(O=>{P||m(O)}).catch(O=>{P||v($i(O))}).finally(()=>{P||d(O=>({...O,modifications:!1}))}),()=>{P=!0}},[a.make,a.model,a.year]),St(()=>{if(!(a.year!==null&&a.make&&a.model&&a.modification)){u(null);return}let O=!1;return d(c1=>({...c1,stock:!0})),v(null),ce.getStockFitment(a.make,a.model,a.year,a.modification).then(c1=>{O||u(c1)}).catch(c1=>{O||v($i(c1))}).finally(()=>{O||d(c1=>({...c1,stock:!1}))}),()=>{O=!0}},[a.make,a.model,a.year,a.modification]),St(()=>{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=ji(P=>s(O=>({...O,make:P,model:"",year:null,modification:""})),[]),x=ji(P=>s(O=>({...O,model:P,year:null,modification:""})),[]),k=ji(P=>s(O=>({...O,year:P?Number(P):null,modification:""})),[]),M=ji(P=>s(O=>({...O,modification:P})),[]),A=Ki(()=>i.map(P=>({value:String(P),label:String(P)})),[i]),R=Ki(()=>c.map(P=>({value:P.slug,label:P.name})),[c]),E=Ki(()=>r.map(P=>({value:P.slug,label:P.name})),[r]),Z=Ki(()=>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=r.find(P=>P.slug===a.model)?.name??a.model,B=h.find(P=>P.slug===a.modification)?.name??a.modification;return{vehicle:a,setVehicle:s,setMake:z,setModel:x,setYear:k,setModification:M,makeOptions:R,modelOptions:E,yearOptions:A,modOptions:Z,loading:g,cascadeError:f,stock:p,fullyPicked:F,makeName:T,modelName:N,modName:B}}var cg="storefront-vehicle";function j01(e){if(!e||typeof e!="object")return null;let t=e,a={...A6,...t.vehicle??{}};return p4(a)?{vehicle:a,labels:{make:t.labels?.make??a.make,model:t.labels?.model??a.model,modification:t.labels?.modification??a.modification}}:null}function K01(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(cg);t=c?j01(JSON.parse(c)):null}catch{t=null}return t},write(c){t=c;try{e()?.setItem(cg,JSON.stringify(c))}catch{}s()},clear(){t=null;try{e()?.removeItem(cg)}catch{}s()},subscribe(c){return a.add(c),()=>{a.delete(c)}}}}var B7=K01(()=>Q2);function oN(){B7.clear()}function rg(e,t,a){return e!==t?e:a||t}function X01(e,t){return e.make===t.make&&e.model===t.model&&e.modification===t.modification}function Lt(e,t){return e.make===t.make&&e.model===t.model&&e.year===t.year&&e.modification===t.modification}function N4({initialMakes:e=[],editing:t=!1,enabled:a=!0,autoApply:s=!1}={}){let c=rN(e,a),{setVehicle:l}=c,[r,o]=iN(null),[i,n]=iN(!1),h=lg(()=>({make:c.makeName,model:c.modelName,modification:c.modName}),[c.makeName,c.modelName,c.modName]);ec(()=>{if(t||!a){n(!0);return}let v=eN(new URLSearchParams(window.location.search)),z=v?null:B7.read(),x=v??z?.vehicle??null;x&&(l(x),o({vehicle:x,labels:z?.labels??{make:x.make,model:x.model,modification:x.modification},stock:null})),n(!0)},[t,a,l]),ec(()=>{if(!(t||!a))return B7.subscribe(()=>{let v=B7.read();o(x=>v?x&&Lt(x.vehicle,v.vehicle)?X01(x.labels,v.labels)?x:{...x,labels:v.labels}:{vehicle:v.vehicle,labels:v.labels,stock:null}:null);let z=v?.vehicle??A6;l(x=>Lt(x,z)?x:z)})},[t,a,l]),ec(()=>{!s||!p4(c.vehicle)||r&&Lt(r.vehicle,c.vehicle)||o({vehicle:c.vehicle,labels:h(),stock:c.stock})},[s,r,c.vehicle,c.stock,h]),ec(()=>{if(!r||!Lt(c.vehicle,r.vehicle))return;let v={make:rg(c.makeName,c.vehicle.make,r.labels.make),model:rg(c.modelName,c.vehicle.model,r.labels.model),modification:rg(c.modName,c.vehicle.modification,r.labels.modification)};(r.stock!==c.stock||r.labels.make!==v.make||r.labels.model!==v.model||r.labels.modification!==v.modification)&&o(x=>x&&Lt(c.vehicle,x.vehicle)?{...x,stock:c.stock,labels:v}:x)},[r,c.vehicle,c.stock,c.makeName,c.modelName,c.modName]);let m=Y01("");ec(()=>{if(!(t||!a))try{if(!r){m.current!==""&&(B7.clear(),m.current="");return}let v=JSON.stringify({vehicle:r.vehicle,labels:r.labels});if(v===m.current)return;B7.write({vehicle:r.vehicle,labels:r.labels}),m.current=v}catch{}},[r,t,a]);let p=lg(()=>{p4(c.vehicle)&&o({vehicle:c.vehicle,labels:h(),stock:c.stock})},[c.vehicle,c.stock,h]),u=lg(()=>{o(null),l(A6),!t&&a&&oN()},[t,a,l]),g=$01(()=>Zk(r?.stock),[r?.stock]),d=!!r&&Lt(c.vehicle,r.vehicle)&&c.loading.stock!==!1,f=r?[r.vehicle.year,r.labels.make,r.labels.model,r.labels.modification].filter(Boolean).join(" "):"";return{cascade:c,applied:r,fit:g,resolving:d,unresolved:!!r&&g===null&&!d,apply:p,clear:u,canApply:p4(c.vehicle),appliedName:f,restored:i}}import{useEffect as nN,useState as hN}from"react";var og="plp:locationchange",mN=!1;function J01(e){if(typeof window>"u")return()=>{};if(!mN){mN=!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(og))}}}return window.addEventListener("popstate",e),window.addEventListener(og,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(og,e)}}function pN({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:s}){let[c,l]=hN({...M5,sort:t}),[r,o]=hN(!1);return nN(()=>{if(e||typeof window>"u")return;let i=()=>{let h=_C(new URLSearchParams(window.location.search));return z8(h).toString()===""?{...M5,sort:t}:h},n=()=>{let h=i();l(m=>z8(m).toString()===z8(h).toString()?m:h)};return n(),o(!0),J01(n)},[e,t]),nN(()=>{if(e||!r||!s||typeof window>"u")return;let i=z8(c);_5(i,a);let n=i.toString();window.history.replaceState(null,"",`${window.location.pathname}${n?`?${n}`:""}`)},[e,r,s,c,a]),[c,l]}import{Fragment as uN,jsx as b2,jsxs as U2}from"react/jsx-runtime";var ig={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 s21({level:e,className:t,children:a}){return b2(e===2?"h2":"h1",{className:t,children:a})}var c21=[];function ng({heading:e="",intro:t="",askForCar:a=!0,gateHeading:s="",gateIntro:c="",perPage:l=24,columns:r,defaultSort:o="recommended",hiddenFacets:i=[],fieldUsage:n=c21,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:k=!0,showCardSizes:M,showCardBuy:A,showCardPage:R,showCardPrice:E,showCardFinishes:Z,outline:F=a4,indexBadge:T=t4,titleLevel:N}){let{currency:B}=p0(),P=Z9(x,j6),O=k5(p),c1=y5(),V=$E(zi(r),d?c1:null),q=`plp-${e21().replace(/:/g,"")}`,K=W6(q,T),W=aV(),r1=u??g??W??[],x1=L3(()=>cC(r1,O),[r1,O.join(",")]),Y=N4({editing:d,enabled:a,autoApply:!0}),[e1,d1]=a21(!1),U=fC(o,O),p1=Y.applied?.vehicle??null,[f1,F0]=pN({editing:d,openingSort:U,appliedVehicle:p1,vehicleRestored:Y.restored}),T0=xC(O,f1.kind),A1=s5(k1=>F0(k1),[F0]),s0=s5((k1,C2)=>{let d2=f1[k1],O6=d2.map(String).includes(C2)?d2.filter(kh=>String(kh)!==C2):[...d2,k1==="diameters"?Number(C2):C2];A1({...f1,[k1]:O6,page:1})},[f1,A1]),c0=s5(k1=>A1({...f1,priceMax:k1,page:1}),[f1,A1]),$1=s5(k1=>A1({...f1,inStockOnly:k1,page:1}),[f1,A1]),w2=s5(k1=>A1({...M5,kind:k1,inStockOnly:f1.inStockOnly,priceMax:f1.priceMax,sort:f1.sort}),[f1.inStockOnly,f1.priceMax,f1.sort,A1]),e0=s5(k1=>A1({...f1,sort:k1,page:1}),[f1,A1]),L2=s5(k1=>{A1({...f1,page:k1}),typeof window<"u"&&window.scrollTo({top:0,behavior:l6()})},[f1,A1]),d0=s5(()=>A1({...M5,sort:f1.sort}),[f1.sort,A1]),{clear:m1}=Y,q1=s5(()=>{m1(),d1(!0),F0(k1=>({...k1,page:1}))},[m1]),o0=s5(()=>{m1(),d1(!1),F0(k1=>({...k1,page:1}))},[m1]),P0=p1?[p1.make,p1.model,p1.year,p1.modification].join("|"):"",y0=t21(null);Q01(()=>{if(Y.restored){if(y0.current===null){y0.current=P0;return}y0.current!==P0&&(y0.current=P0,F0(k1=>k1.page===1?k1:{...k1,page:1}))}},[Y.restored,P0,F0]);let o2=lN({catalog:x1,shownKinds:O,vehicle:p1,editing:d}),X=L3(()=>{if(!Y.fit)return o2;let k1=o2.filter(d2=>D0(d2)==="alloy-wheel"),C2=new Set(Br(k1,Y.fit).map(d2=>d2.slug));return o2.filter(d2=>D0(d2)!=="alloy-wheel"||C2.has(l7(d2)))},[o2,Y.fit]),C1=i.join(","),h0=L3(()=>{let k1=new Set(C1?C1.split(","):[]);return wr(X,f1,B,T0,n).filter(C2=>!k1.has(C2.key))},[X,f1,B,C1,T0.join(","),n]),V0=L3(()=>CC(X,f1,B),[X,f1,B]),X5=T0.length>1,I6=L3(()=>W4(n,"alloy-wheel"),[n]),R6=L3(()=>W4(n,"tyre"),[n]),B6=L3(()=>lC(V0),[V0]),m5=L3(()=>rC(V0),[V0]),T3=L3(()=>h?FC(X,B):null,[X,B,h]),Z6=L3(()=>wC(X,f1,B),[X,f1,B]),c8=L3(()=>HC(X,O,f1,B),[X,O.join(","),f1,B]),i3=s5((k1,C2)=>{let d2=AC(X.flatMap(be),f1.tyreSizes[0]??"",k1,C2);A1({...f1,tyreSizes:d2?[d2]:[],page:1})},[X,f1,A1]),v9=L3(()=>{let k1=new Set(C1?C1.split(","):[]);return!MC(X,T0)||k1.has("tyreSizes")?null:LC(X,f1,B)},[X,f1,B,C1,T0.join(","),n]),P3=L3(()=>RC(V0,f1.page,l),[V0,f1.page,l]),v4=C5(T0),w3=_s(T0),X3=sV(s,c,T0,O),J5=T0.length===1&&T0[0]==="tyre",f4=Y.applied?.stock??null,b4=L3(()=>QM(f4),[f4]),D4=L3(()=>X.filter(k1=>T0.includes(D0(k1))).length,[X,T0.join(",")]),D6=x1.length===0,M1=!D6&&X.length===0,l0=a&&!d&&!Y.applied&&!e1;return O.length===0?null:U2("section",{style:Y2(v),children:[a&&b2(ag,{cascade:Y.cascade,appliedName:Y.appliedName,fit:Y.fit,fitSummary:J5&&b4.length>0?`Takes ${b4.join(" \xB7 ")}`:null,resolving:Y.resolving,unresolved:J5?!!Y.applied&&!Y.resolving&&b4.length===0:Y.unresolved,matchCount:D4,copy:w3,onAmend:o0,onClear:q1}),l0&&b2(sg,{cascade:Y.cascade,heading:X3.heading,intro:X3.intro,ready:Y.restored,copy:w3,onSkip:()=>d1(!0)}),U2("div",{className:"px-5 py-10 md:px-10",children:[(e||t)&&U2("header",{className:"mb-6",children:[e&&b2(s21,{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&&b2("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:Y1(t)})]}),U2("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[b2(eg,{facets:h0,filters:f1,typeOptions:c8,sizeBoxes:v9,sizeMatches:f1.tyreSizes.length>0?V0.length:null,noun:v4,priceBounds:T3,inStockCount:m?Z6:null,onToggle:s0,onPickType:w2,onPickSize:i3,onPriceMax:c0,onInStockOnly:$1,onClearAll:d0}),U2("div",{className:"min-w-0 flex-1",children:[U2("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:[U2("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-2",children:[b2("p",{className:"font-mono text-[12px] tabular-nums tracking-[0.08em]",children:P3.total===0?U2("span",{className:"text-fg-dim",children:["No ",v4.many]}):U2(uN,{children:[U2("span",{children:[P3.from,"\u2013",P3.to]}),U2("span",{className:"text-fg-dim",children:[" of ",P3.total," ",v4.many]})]})}),b2(Id,{filters:f1,onToggle:s0,onPriceMax:c0,onInStockOnly:$1,onPickType:w2})]}),U2("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",b2("select",{value:f1.sort,onChange:k1=>e0(we(k1.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:Am(O).map(k1=>b2("option",{value:k1,children:Ca[k1]},k1))})]})]}),D6?b2("div",{className:"border border-dashed border-line p-10",children:b2("p",{className:"font-mono text-[12px] uppercase tracking-[0.16em] text-fg-dim",children:d?`No ${v4.many} in this website's catalog yet \u2014 curate products to see them here.`:"Our catalog is being updated. Please check back shortly."})}):M1?U2("div",{className:"border border-line p-10",children:[U2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",Y.appliedName]}),b2("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:w3.nothingFits}),U2("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 ",v4.many]})]}):P3.total===0?U2("div",{className:"border border-line p-10",children:[U2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",v4.many," match those filters"]}),b2("p",{className:"mt-2 max-w-[46ch] text-[14px] text-fg-dim",children:"Try widening the price range or clearing a filter."}),yr(f1)&&b2("button",{type:"button",onClick:d0,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"})]}):U2(uN,{children:[K&&b2("style",{children:K}),b2("div",{className:K?`${q} plp-card-grid`:"plp-card-grid",style:V,children:P3.items.map(k1=>D0(k1)==="tyre"?b2(Ws,{item:k1,currency:B,fitSize:b4.length>0?eS(k1.sizes,b4):null,kindLabel:X5?C5(["tyre"]).one:null,showBrand:B6,editing:d,fieldUsage:R6},`tyre:${l7(k1)}`):b2(Kd,{wheel:k1,colours:f1.finishes,fit:Y.fit,editing:d,kindLabel:X5?C5(["alloy-wheel"]).one:null,showBrand:B6,coverIndex:f,fieldUsage:I6,showProcess:m5,spinOnHover:z,imageBackgroundFill:P,showBadge:k,outline:F,indexBadge:T,showCardSizes:M??!0,showCardBuy:A??!0,showCardPage:R??!0,showCardPrice:E??!0,showCardFinishes:Z??!0},`wheel:${l7(k1)}`))})]}),b2($d,{page:P3.page,pageCount:P3.pageCount,onPage:L2}),b2(Ns,{editing:d})]})]})]})]})}import{SortIcon as r21,CarIcon as o21,HashIcon as i21}from"efficient-easel/icons";import{useEasel as n21}from"efficient-easel/easel";import{jsx as l21}from"react/jsx-runtime";var tc={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},dN={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...vr],perPage:24,columns:kd,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>l21(ng,{titleLevel:e.titleLevel,heading:y(e.heading,tc.heading,e.puck),intro:y(e.intro,tc.intro,e.puck),askForCar:e.askForCar!==!1,gateHeading:t1(e.gateHeading),gateIntro:t1(e.gateIntro),perPage:e.perPage,columns:e.columns,defaultSort:we(e.defaultSort),coverIndex:wt(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:n8(e.outline),indexBadge:t6(e.indexBadge),hiddenFacets:Cr(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 Y8}from"react/jsx-runtime";var Yi=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],h21="Brand, Color, Size and PCD follow the product type. Set them in Product types.",gN="root:default-zone";function m21(){let{appState:e,dispatch:t}=n21(i=>i),a=e.ui.itemSelector,s=e.data.content??[],c=a&&(a.zone===void 0||a.zone===gN)?a.index:-1,l=c>=0?s[c]:void 0,r=l?.props??{},o=Yi.filter(i=>r[i.value]!==!1).map(i=>i.value);return Y8(kl,{label:"Filters",options:Yi,value:o,onChange:i=>{if(!l||l.type!=="AlloyWheelsListing")return;let n={};for(let h of Yi){let m=i.includes(h.value);r[h.value]!==!1!==m&&(n[h.value]=m)}Object.keys(n).length&&t({type:"replace",destinationZone:gN,destinationIndex:c,data:{...l,props:{...l.props,...n}}})}})}var vN=()=>Rz({type:"custom",render:()=>Y8(Bz,{})},"always"),fN={fields:{_gHeader:b("Header"),heading:H("Heading",tc.heading),intro:D("Intro",tc.intro),_gResults:b("Products"),kinds:U9("Product types",ve,"None \u2014 this section will be empty"),defaultSort:g1("Opening sort",Y8(r21,{}),Object.entries(Ca).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:b("Filters"),showInStock:{type:"custom",label:"Filters",options:Yi,render:()=>Y8(m21,{})},showCollection:vN(),showPrice:vN(),_nFieldFilters:f5(h21),_gVehicle:b("Car prompt"),askForCar:s1("Ask for the car first",!0,Y8(o21,{})),gateHeading:G("Welcome heading",ig.heading),gateIntro:E1("Welcome intro",ig.intro),...Bl({bottomDefault:!0}),...j9({coverHint:"A card's opening picture \u2014 picking another color opens that color's first picture.",spinDefault:!1}),...K9(),_gGrid:b("Grid"),columns:{type:"custom",render:({value:e,onChange:t})=>Y8(Ld,{value:e,onChange:t})},perPage:a1("Products per page",Y8(i21,{}),8,60,4,24)},resolveFields:(e,{fields:t})=>{let a=_s(k5(e.props.kinds));return{...t,gateHeading:G("Welcome heading",a.gateHeading),gateIntro:E1("Welcome intro",a.gateIntro)}}};import{useEffect as d21,useState as g21}from"react";function p21(e){return{name:e.name,logo:e.logo,count:e.count}}var ac=null,hg=null;function Xi(e=!1){let t=i2();return!e&&ac&&hg===t||(hg=t,ac=u21(t).catch(()=>(hg===t&&(ac=null),null))),ac}async function u21(e){return e?(await g0.listBrandsForSite(e)).map(p21):null}import{Fragment as v21,jsx as Ji,jsxs as f21}from"react/jsx-runtime";function mg({value:e,onChange:t}){let[a,s]=g21(void 0);d21(()=>{let o=!1;return Xi().then(i=>{o||s(i)}),()=>{o=!0}},[]);let c=Array.isArray(e)?e:[],r=[...a??[],...c.filter(o=>!(a??[]).some(i=>i.name===o)).map(o=>({name:o,logo:"",count:0}))].map(o=>({value:o.name,label:o.name,note:String(o.count)}));return f21(v21,{children:[Ji(kl,{label:"Brands",options:r,value:c,onChange:t,emptyLabel:"None"}),a===void 0?Ji("p",{className:"es-field-hint sf-hint-keep",children:"Reading this website\u2019s brands\u2026"}):a===null?Ji("p",{className:"es-field-hint sf-hint-keep",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?Ji("p",{className:"es-field-hint sf-hint-keep",children:"This website has no brands yet. A brand appears here once it has a product in the catalog."}):null]})}var sc="picks",bN="available",xN=()=>[];function zN(e,t){let a=new Set((e??[]).map(r=>(r??"").trim()).filter(Boolean));if(a.size===0)return[];let s=t??[],c=[],l=new Set;for(let r of s)a.has(r.name)&&(c.push(r),l.add(r.name));for(let r of e??[]){let o=(r??"").trim();!o||l.has(o)||(l.add(o),c.push({name:o,logo:"",count:0}))}return c}import{LogoIcon as b21,HashIcon as x21}from"efficient-easel/icons";import{jsx as yN}from"react/jsx-runtime";var wN={fields:{_gContent:b("Content"),heading:H("Heading","Shop by brand"),button:H("Button","All brands"),link:H1("Link"),[sc]:a2(mg),_gStyle:b("Style"),face:b1("Tile",yN(b21,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:s1("Count",!0,yN(x21,{})),_gLayout:b("Layout")}};import{ColumnsIcon as z21}from"efficient-easel/icons";var j0={num:L.sectionNumber,link:L.viewAll};import{jsx as y21}from"react/jsx-runtime";var CN={fields:{_gHeader:b("Header"),num:H("Number",j0.num),title:D("Heading",L.sectionHeading),description:D("Body",L.body),_gLayout:b("Layout"),columns:a1("Columns",y21(z21,{}),2,3,1,3),cardImage:Y6()},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.BundleOffer.headRows)};import{StylesIcon as w21}from"efficient-easel/icons";var Qi=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as C21}from"react/jsx-runtime";var kN={fields:{_gStyle:b("Style"),style:b1("Show as",C21(w21,{}),Qi,"icon")}};import{HashIcon as N21,SortIcon as _21,LayoutIcon as I21}from"efficient-easel/icons";import{createContext as M21,useContext as S21,useMemo as L21}from"react";var k21=["vehicle","process","size","lugs","finish","price"],en={vehicle:"My Car",process:"Process",size:"Size",lugs:"Lugs",finish:"Finish",price:"Price"};function MN(e){if(!e)return en;let t={...en};for(let a of k21){let s=e[a];if(typeof s!="string")continue;let c=s.trim();c&&(t[a]=c)}return t}import{jsx as A21}from"react/jsx-runtime";var SN=M21(en);function DB1({labels:e,children:t}){let a=L21(()=>MN(e),[e]);return A21(SN.Provider,{value:a,children:t})}function cc(){return S21(SN)}import{SettingsField as H21,SettingsSwitch as F21}from"efficient-easel/panel";import{jsx as lc}from"react/jsx-runtime";function T21({facet:e,fallback:t,value:a,onChange:s,fieldId:c}){let r=cc()[e],o=typeof a=="boolean"?a:t,i=`${c}-label`;return lc(H21,{label:r,labelId:i,action:lc(F21,{checked:o,onChange:s,ariaLabelledBy:i})})}function rc(e,t){return{type:"custom",render:({value:a,onChange:s,id:c,name:l})=>lc(T21,{facet:e,fallback:t,value:a,onChange:s,fieldId:String(c??l??e)})}}function LN(e,t){return{type:"custom",render:()=>lc(P21,{facets:e,rest:t})}}function P21({facets:e,rest:t}){let a=cc(),s=e.map(l=>a[l]),c=s.length>1?`${s.slice(0,-1).join(", ")} and ${s[s.length-1]}`:s.join("");return lc(iy,{text:`${c} ${t}`})}var AN="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 HN(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function E21(e){return e==="default"?"recommended":e}function V21(e){return{...M5,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:E21(e.sort)}}function FN(e,t,a){let s=e.indexOf("#"),c=s===-1?"":e.slice(s),l=s===-1?e:e.slice(0,s),r=l.indexOf("?"),o=r===-1?l:l.slice(0,r),i=new URLSearchParams(r===-1?"":l.slice(r+1));for(let[h,m]of z8(V21(t)))i.set(h,m);_5(i,a);let n=i.toString();return`${o}${n?`?${n}`:""}${c}`}var X8="pills",pg=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function TN(e){return I2(pg,X8,e)}import{jsx as ug}from"react/jsx-runtime";var R21="follow the product type. Set them in Product types.",PN={fields:{_gPills:b("Filters shown"),showProcess:rc("process",!0),showLugs:rc("lugs",!0),showPrice:rc("price",!0),showVehicle:rc("vehicle",!0),_nFieldFilters:LN(["size","finish"],R21),_gBar:b("Bar"),showCount:s1("Result count",!0,ug(N21,{})),showSort:s1("Sort + Clear all",!0,ug(_21,{})),resultsLabel:G("Results button","See all results"),resultsHref:H1("Results link"),resultsBlocked:f5(AN),layout:g1("Layout",ug(I21,{}),pg,X8)},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 At,jsxs as EN}from"react/jsx-runtime";function dg({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,secondaryText:l,secondaryHref:r,contained:o}){return At(e2,{contained:o,className:"py-6",children:EN("div",{className:"flex flex-col items-center gap-5 px-6 py-16 text-center max-[800px]:py-10",children:[e&&At(V1,{text:e,scaled:!1}),t&&At("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:$(t,!1)}),a&&b0(a).map((i,n)=>At("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:C(i)},n)),(s||l)&&EN("div",{className:"mt-2 flex items-center gap-6",children:[s&&At(a3,{href:c||"/checkout",variant:"primary",children:C(s)}),l&&At("a",{href:r||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:C(l)})]})]})})}import{jsx as B21}from"react/jsx-runtime";var oc={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},VN={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:l,secondaryHref:r,contained:o,puck:i})=>{let n=O3(s,c,i);return B21(dg,{eyebrow:y(e,L.eyebrow,i),title:y(t,oc.title,i),body:y(a,L.body,i),ctaText:n.text,ctaHref:n.href||"/checkout",secondaryText:y(l,oc.secondary,i),secondaryHref:t1(r)||"#",contained:o})}};var NN={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),title:D("Heading",oc.title),body:D("Body",L.body),_gButton:b("Button"),...S4,secondaryText:H("Secondary button",oc.secondary),secondaryHref:H1("Secondary link"),_gLayout:b("Layout")}};import{Button as Z21}from"efficient-shell/ui";import{SettingsField as D21}from"efficient-easel/panel";import{FieldSelect as O21}from"efficient-easel/fields";import{CategoryIcon as G21}from"efficient-easel/icons";import{useEffect as _N,useRef as gg,useState as q21}from"react";var u4=Ye({fetch:(e,t)=>X1.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:i2});import{jsx as d4,jsxs as Ht}from"react/jsx-runtime";function IN(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function vg({value:e,onChange:t}){let a=z4(),[s,c]=q21(null),l=gg(!0),r=gg(e);r.current=e;let o=gg(t);o.current=t;let i=(d=!1)=>u4(d).then(f=>(l.current&&c(f),f)),n=d=>{let f=r.current;if(!f?.id)return;let v=d.find(x=>x.id===f.id);if(!v)return;let z=IN(v);p6(z,f)&&o.current(z)};_N(()=>(l.current=!0,i().then(n),()=>{l.current=!1}),[]),_N(()=>pM(()=>{i(!0).then(n)}),[]);let h=d=>{if(!d){t(null);return}let f=(s??[]).find(v=>v.id===d);f&&t(IN(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=Rp(e?.image);return Ht("div",{children:[d4(D21,{label:"Collection",icon:d4(G21,{}),children:d4(O21,{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?Ht("div",{className:"sf-blogsource",style:{marginTop:9},children:[Ht("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[Ht("div",{children:[d4("div",{className:"sf-field-label",style:{opacity:.6},children:"Name"}),d4("div",{style:{fontWeight:600},children:e.name})]}),Ht("div",{children:[d4("div",{className:"sf-field-label",style:{opacity:.6},children:"Description"}),d4("div",{style:{fontSize:13,opacity:e.description?.85:.5},children:e.description||"No description yet"})]}),Ht("div",{children:[d4("div",{className:"sf-field-label",style:{opacity:.6},children:"Image"}),g?d4("img",{src:g,alt:"",style:{width:"100%",height:96,objectFit:"cover",borderRadius:8}}):d4("div",{style:{fontSize:13,opacity:.5},children:"No image yet"})]})]}),d4(Z21,{variant:"secondary",size:"sm",className:"sf-blogsource-action",style:{marginTop:10},onClick:m,children:"Edit category \u270E"}),d4("p",{className:"es-field-hint sf-hint-keep",children:"Name, description and image come from Storefront \u2192 Categories. Edit them there \u2014 this card updates to match."})]}):d4("p",{className:"es-field-hint sf-hint-keep",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 W21}from"react/jsx-runtime";var RN={fields:{_gContent:b("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>W21(vg,{value:e,onChange:t})},altName:O9(v1("Alt name")),tag:H("Tag",L.eyebrow),_gLink:b("Link"),href:H1("Link")}};import{ColumnsIcon as J21,HashIcon as Q21}from"efficient-easel/icons";import{useId as U21}from"react";import{Fragment as BN,jsx as J8,jsxs as fg}from"react/jsx-runtime";function j21({editing:e,nodeId:t,children:a}){return!e||!t?J8(BN,{children:a}):J8($e,{nodeId:t,sectionType:"Collections",children:a})}var K21="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",$21="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]",Y21={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function bg({eyebrow:e,heading:t,columns:a,showPrice:s,cardStyle:c,layout:l,limit:r,cards:o,omitHead:i=!1,nodeId:n,partStyles:h,editing:m=!1}={}){let p=`cg-${U21().replace(/:/g,"")}`,u=typeof r=="number"&&r>0,g=l==="list"?"grid-cols-1":a===void 0?"grid-cols-3":Y21[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return fg("section",{className:i?$21:K21,children:[i?null:J8(Q1,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?$(t,!1):fg(BN,{children:["Three ranges,",J8("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),o&&J8(j21,{editing:m,nodeId:n,children:fg(Bp.Provider,{value:{showPrice:s,cardStyle:c,partStyles:h,editing:m},children:[u&&J8("style",{children:`.${p} > *:nth-child(n+${r+1}){display:none}`}),J8(o,{className:`${p} grid ${g} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,minEmptyHeight:260})]})})]})}import{jsx as X21}from"react/jsx-runtime";var xg={cards:{type:"slot"}},ZN={label:"Collections",fields:xg,defaultProps:{columns:3,limit:6},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return X21(bg,{eyebrow:a(Q0(e.eyebrow,L.sectionNumber,e.puck)),heading:a(Q0(e.heading,L.sectionHeading,e.puck)),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:L9(e),editing:e.puck?.isEditing,columns:e.columns,limit:e.limit,cards:e.cards})}};import{jsx as DN}from"react/jsx-runtime";var ON={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.sectionNumber),heading:D("Heading",L.sectionHeading),cardList:c2("Collections","Cards"),cards:xg.cards,_gLayout:b("Layout"),columns:a1("Columns",DN(J21,{}),2,5,1,3),limit:a1("Collections to display",DN(Q21,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Collections.headRows)};import{useEffect as _31,useId as I31,useState as R31}from"react";import{useId as r31}from"react";import{Fragment as s31,jsx as I5,jsxs as Ft}from"react/jsx-runtime";var e31=[],t31="View tyre",a31="flex flex-col bg-[var(--card-bg)] p-5";function GN(e,t){let a=e?Cl(e):"";return[a31,t?"relative":"",a].filter(Boolean).join(" ")}function ic({outline:e,showIndex:t=!1,size:a,specs:s,prices:c,image:l,inStock:r,href:o,linkLabel:i=t31,imageSizes:n="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=e31,currency:m,formatPrice:p}){let u=oe(c,m),g=u===null?a7:p(u),d=Mm(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=Ft(s31,{children:[I5(i6,{image:l,size:a,type:s.tireType,sizes:n}),I5("h3",{className:"mt-4 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:a}),s.treadPattern?I5("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&&I5("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:f.map(([x,k,M])=>Ft("div",{className:"flex items-baseline justify-between gap-3",children:[I5("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:k}),I5("dd",{className:"text-right text-fg",children:M})]},x))}),Ft("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:[I5("span",{className:"text-fg",children:g}),I5("span",{style:r?{color:"var(--green)"}:void 0,className:r?void 0:"text-fg-dim",children:r?"In stock":"Out of stock"})]})]}),z=t?I5("span",{"aria-hidden":!0,className:`${E9} ${V9}`}):null;return o?Ft(S1,{href:o,"aria-label":a?`View ${a} tyre`:"View this tyre",className:`group ${GN(e,t)}`,children:[z,v,Ft("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,I5("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]}):Ft("div",{className:GN(e,t),children:[z,v]})}import{jsx as c31,jsxs as l31}from"react/jsx-runtime";function nc({href:e,label:t}){return l31(S1,{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,c31("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as n31,jsx as R5,jsxs as zg}from"react/jsx-runtime";var o31="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",qN={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 yg({num:e,title:t,description:a,tyres:s,footnote:c,footnoteLinkText:l,footnoteLinkHref:r,viewMore:o,editing:i=!1,frameClassName:n=o31,omitHead:h=!1,columns:m=3,capWidth:p,cardImage:u,outline:g,indexBadge:d}){let{currency:f,formatPrice:v}=p0(),z=s??[],x=`ct-${r31().replace(/:/g,"")}`,k=d??t4,M=W6(x,k),A=z.some(Z=>!Z.image),R=[c,A?to:null].filter(Boolean).join(" "),E=h?null:R5(Q1,{num:e!=null?C(e):void 0,title:t!=null?$(t,!1):void 0,description:a!=null?C(a):void 0,accent:!0});return z.length===0?i?zg("section",{className:n,children:[E,R5("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:zg("section",{className:n,style:Y2(u),children:[M&&R5("style",{children:M}),zg(i31,{px:p,children:[E,R5("div",{className:`${M?`${x} `:""}${qN[m]??qN[3]}`,children:z.map(Z=>R5(ic,{outline:g,showIndex:k!=="off",size:Z.size,specs:Z.specs,prices:Z.prices,image:Z.image,inStock:Z.inStock,href:Ne(Z.slug),currency:f,formatPrice:v},Z.sku))}),o&&R5("div",{className:"mt-10 flex",children:R5(nc,{href:o.href,label:o.label})}),R5(t5,{text:R,linkText:l,linkHref:r})]})]})}function i31({px:e,children:t}){return typeof e!="number"?R5(n31,{children:t}):R5("div",{style:q6(e),children:t})}import{useMemo as g31,useState as v31}from"react";import{createContext as h31,useContext as m31,useMemo as p31}from"react";import{jsx as d31}from"react/jsx-runtime";var WN=[],u31={imageBackgroundFill:B9,spinOnHover:!0,coverIndex:1,indexBadge:t4,outline:a4,showBadge:!0,fieldUsage:WN,reserveEyebrow:!1,showCardPrice:!0,showCardFinishes:!0,showCardSizes:!1,showCardBuy:!1,showCardPage:!1},UN=h31(u31);function tn({imageBackgroundFill:e,spinOnHover:t,coverIndex:a=1,indexBadge:s=t4,outline:c=a4,showBadge:l=!0,fieldUsage:r=WN,reserveEyebrow:o=!1,showCardPrice:i=!0,showCardFinishes:n=!0,showCardSizes:h=!1,showCardBuy:m=!1,showCardPage:p=!1,children:u}){let g=p31(()=>({imageBackgroundFill:e,spinOnHover:t,coverIndex:a,indexBadge:s,outline:c,showBadge:l,fieldUsage:r,reserveEyebrow:o,showCardPrice:i,showCardFinishes:n,showCardSizes:h,showCardBuy:m,showCardPage:p}),[e,t,a,s,c,l,r,o,i,n,h,m,p]);return d31(UN.Provider,{value:g,children:u})}function jN(){return m31(UN)}import{Fragment as KN,jsx as Z7,jsxs as $N}from"react/jsx-runtime";function Q8({wheel:e,variant:t="compact",defaultFinish:a}){let s=t==="catalog",c=g31(()=>e.finishes.filter(Q6),[e.finishes]),l=e.coverImage??null,{currency:r}=p0(),{imageBackgroundFill:o,spinOnHover:i,coverIndex:n,indexBadge:h,outline:m,showBadge:p,fieldUsage:u,reserveEyebrow:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:z,showCardPage:x}=jN(),k=s&&(v||z||x),M=s7(e.prices[r],e.msrpPrices?.[r]),A=ir(M,r,"from "),R=Bw(M,r),E=uV(e),Z=gV(E),F=dV(E),T=fr([...Zr(e).map(d0=>({fieldKey:d0.fieldKey,field:d0.text})),...F?[{field:{text:F,accent:!0}}]:[]],u).map(d0=>d0.field),{selectedIdx:N,setSelectedIdx:B,hoverIdx:P,setHoverIdx:O,availability:c1,finish:V,shownSrc:q,showSwatches:K,probes:W}=Bi(c,l,a??e.defaultFinish??void 0),r1=Ni(e,n,V?.name,q),x1="h-full w-full",Y=i?`transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] ${s?"group-hover:rotate-[72deg]":"group-hover:rotate-[60deg]"}`:"",[e1,d1]=v31(()=>new Set),U=d0=>d1(m1=>m1.has(d0)?m1:new Set(m1).add(d0)),p1=Vi({overrideSrc:r1,hookSrc:q,failed:e1}),f1=p1?Z7(E3,{src:p1,alt:V?`${e.name} \u2014 ${V.name}`:e.name,width:1e3,height:1e3,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:`block object-contain ${Y} ${x1}`,draggable:!1,onError:()=>U(p1)},p1):Z7(js,{imageLabel:e.name}),F0=s&&p&&e.badge?Z7(ft,{className:Zs,tone:e.badge==="new"?"solid":"outline",children:e.badge==="new"?"New":"Bestseller"}):null,T0=F&&s?Z7(ft,{className:Zs,tone:"outline",children:F}):F0,A1=Ci({kindLabel:null,brand:null,process:e.process?Y1(e.process):null},u),s0=Z?$N(KN,{children:[A1,Z7("span",{className:`${A1?"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"})]}):A1,c0=h!=="off"?Z7("span",{"aria-hidden":!0,className:`${E9} ${V9}`}):null,$1=Di(e),w2=ne(e,$1.selectedVariant,r,1),e0=Ri({wheel:e,sel:$1,price:w2,href:`/wheels/${e.slug}`,show:{sizes:k&&v,buy:k&&z,page:k&&x}}),L2=f&&K?Z7(Us,{finishes:c,availability:c1,selectedIdx:N,hoverIdx:P,activeFinish:V,onSelect:B,onHover:O,showLabel:!1}):null;return $N(KN,{children:[Z7(j8,{variant:t,wide:Z&&s,href:`/wheels/${e.slug}`,outline:m,imageBackgroundFill:o,probes:W,reserveEyebrow:g,indexBadge:c0,badges:T0,image:f1,imageSecond:void 0,eyebrow:s0,name:Y1(e.name),spec:Ai(T),was:Z?void 0:R,price:Z?M.priced?A:rr:k?he(w2,r):A,metaLine:Z?"the set":void 0,swatches:L2,reserveSwatches:f,showPrice:d,identityLink:k,extras:e0.extras}),e0.dialog]})}import{createContext as f31,useContext as b31,useMemo as x31}from"react";function YN(e,t=[]){let a=_m(La,{param:o7,value:e}),s=t.find(c=>{let l=(c?.url??"").trim();if(!l||l==="#")return!1;let r=Nm(l);return r?.param!==o7||r.value!==e?!1:Uh(l).startsWith("/")});return s?s.url:a}function XN(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 z31}from"react/jsx-runtime";var JN=f31([]);function gO1({items:e,children:t}){let a=x31(()=>XN(e),[e]);return z31(JN.Provider,{value:a,children:t})}function QN(){return b31(JN)}import{useMemo as _O1}from"react";import{jsx as wg,jsxs as y31}from"react/jsx-runtime";function Tt({item:e,onClose:t}){return e?y31("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:[wg("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),wg("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"}),wg("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 w31,useState as C31}from"react";function hc(){let[e,t]=C31(null);return w31(()=>{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 S31,useState as Pt}from"react";function k31(e,t,a){let s=new Map;for(let c of e){let l=JSON.stringify(t.map(i=>c.options[i]??null)),r=s.get(l);r||s.set(l,r=new Set);let o=c.options[a];o!==void 0&&r.add(o)}return[...s.values()]}function e_(e,t,a){return a.every(s=>t[s]===void 0||e.options[s]===t[s])}function Cg(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 an(e,t){return a_(e,t).rows}function t_(e,t){return a_(e,t).facts}function a_(e,t){let a=Cg(e,t),s=e.optionFields.filter(o=>o.role==="resolves").map(o=>o.key),c=[],l=[],r=[];for(let o of e.optionFields){let i=e.optionValues[o.key]??[],n=e.parts.filter(g=>e_(g,a,r)),h=new Set(n.map(g=>g.options[o.key]).filter(g=>g!==void 0)),m=new Set(e.parts.map(g=>g.options[o.key]).filter(g=>g!==void 0)),p=i.filter(g=>h.has(g.value)||!m.has(g.value));if(o.role==="resolves"?!0:k31(n,s,o.key).some(g=>g.size>1))c.push({key:o.key,label:o.label,prompt:o.prompt,role:o.role,display:o.display,values:p,chosen:t[o.key]??null,empty:o.empty}),r.push(o.key);else if(h.size===1){let[g]=[...h];l.push({key:o.key,label:o.label,value:i.find(d=>d.value===g)??{value:g,label:g}})}}return{rows:c,facts:l}}function M31(e,t){return an(e,t).map(a=>a.key)}function s_(e,t){let a=M31(e,t);if(a.length===0||a.some(c=>t[c]===void 0))return null;let s=e.parts.filter(c=>e_(c,t,a));return s.length===1?s[0]:null}function c_(e,t){let a=an(e,t);return Object.keys(t).filter(s=>{let c=a.find(l=>l.key===s);return c?!c.values.some(l=>l.value===t[s]):!1})}function sn(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function l_({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function mc(e,{editing:t=!1}={}){let[a,s]=Pt({}),[c,l]=Pt(yt.qty),[r,o]=Pt(yt.choice),[i,n]=Pt(0),[h,m]=Pt(!1),[p,u]=Pt(!1),g=N4({editing:t,autoApply:!0}),d=MV(e,p?null:g.fit),f=an(d,a),v=t_(d,a),z=Cg(d,a),x=s_(d,a),k=x!=null&&!x.inStock,M=c_(d,a).join("|");S31(()=>{if(!M)return;let K=new Set(M.split("|"));s(W=>{let r1={...W};for(let x1 of K)delete r1[x1];return r1})},[M]);let{currency:A}=p0(),E=Nd(d,x,{choice:r,qty:c}),Z=ne({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},x?{components:E.components}:null,A,c),F=Z.unit??0,T=Z.setTotal??0,N=nr(Z,A),B=p||g.appliedName!=="",P=HV(e)==="required"?B:!0,c1=f.every(K=>K.chosen!==null)&&P&&x!=null&&x.inStock&&Z.priced,V=l_({variants:e.parts,inStock:e.inStock,priced:Z.priced});function q(K,W){s(r1=>({...r1,[K]:W}))}return{picked:a,shown:z,pick:q,qty:c,setQty:l,choice:r,setChoice:o,angleIdx:i,setAngleIdx:n,showValidation:h,setShowValidation:m,manualMode:p,setManualMode:u,vehicle:g,fitmentSet:B,rows:f,facts:v,part:x,outOfStock:k,offer:E,preOrder:V,canAddToCart:c1,currency:A,price:Z,unit:F,set:T,msrpLabel:N}}import{jsx as qO1,jsxs as WO1}from"react/jsx-runtime";function Y0(){return HS(u7)?.value??null}var OO1=Object.freeze({});import{Fragment as L31,jsx as r_,jsxs as A31}from"react/jsx-runtime";function x2({kinds:e,type:t,editing:a=!1,children:s}){let c=Y0();return!c||e.includes(c.product.kind)?r_(L31,{children:s}):a?r_("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:A31("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[ma[t]??t," does not apply to ",r4[c.product.kind],". It is hidden on the live page."]})}):null}var kg=2,pc=6,uc=12;function cn(e){return typeof e!="number"||!Number.isFinite(e)?pc:Math.min(uc,Math.max(kg,Math.round(e)))}function o_(e,t=[]){return{href:YN(e.to,t),label:`View more ${C5([e.to]).many}`}}var H31={kind:"tyre",tyres:[]},F31={kind:"alloy-wheel",wheels:[]},i_=[{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??[]}:H31},{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}:F31},{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})}],B5="more-like-this",n_=i_.map(e=>({value:e.key,label:e.label}));function Mg(e){return i_.find(t=>t.key===e)}function h_(e,t){return e.from.includes(t)}var m_=["coverIndex","imageBackground","spinOnHover","showBadge"];function p_(e){return Mg(e)?.to==="tyre"}var Sg={GBP:0,USD:0,AUD:0},T31=[{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}],d_=[{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:""}],P31=[{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}],E31=d_.flatMap(e=>T31.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:{...Sg},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),u_=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>`)}`,Et=e=>({url:u_(e),thumbnailUrl:u_(e),kind:"image"}),V31={photos:[{name:"Studio set",finish:"Finish 1",items:[Et("Sample photo 1"),Et("Sample photo 2"),Et("Sample photo 3")]}],lifestyle:[{name:"On location",finish:"",items:[Et("Lifestyle 1"),Et("Lifestyle 2")]},{name:"In the city",finish:"",items:[Et("Lifestyle 3")]}],videos:[],accessories:[],others:[]},N31=[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:{...Sg},image:null,inStock:!0,slug:null})),Lg={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...Sg},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:d_,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:P31,photoSets:[],carPhotos:[],details:[],videos:[],mediaGroups:V31,relatedProducts:[],variants:E31,pdpTemplateSlug:null,compatibleTyres:N31},Ag=Array.from({length:uc},(e,t)=>t+1).map(e=>({...Lg,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as O31,jsx as g3,jsxs as ln}from"react/jsx-runtime";var B31=R3,g_={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 e9(e){return g3(x2,{kinds:B31,type:"RelatedProducts",editing:e.editing,children:g3(Z31,{...e})})}function Z31({num:e,title:t,description:a,columns:s=3,cardCount:c,relationship:l=B5,footnote:r,footnoteLinkText:o,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:k,imageBackground:M,spinOnHover:A,capWidth:R}){let E=Y0(),Z=QN(),F=cn(c),[T,N]=R31([]);_31(()=>{if(E||!n)return;let V=!1;return r3().then(q=>{let K=q.length>0?q:Ag;V||N(K)}).catch(()=>{V||N(Ag)}),()=>{V=!0}},[E,n]);let B=Mg(l);if(!B)return null;let P=o_(B,Z),O=h?null:g3(Q1,{num:e?C(e):void 0,title:$(t||B.heading,!1),description:a?C(a):void 0,accent:!0});if(!E)return n?g3(v_,{header:O,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:k,imageBackground:M,spinOnHover:A,capWidth:R}):null;if(!h_(B,E.product.kind))return n?g3("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:Y2(m),children:ln("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:["\u201C",B.label,"\u201D does not apply to this product. It is hidden on the live page."]})}):null;let c1=B.resolve(E.product,E.relatedWheels);return c1.kind==="tyre"?g3(yg,{omitHead:h,columns:s,capWidth:R,cardImage:m,outline:p,indexBadge:u,num:e,title:t||B.heading,description:a,tyres:[...c1.tyres].slice(0,F),footnote:r,footnoteLinkText:o,footnoteLinkHref:i,viewMore:P,editing:n}):c1.wheels.length===0?n?ln("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:Y2(m),children:[O,g3("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:g3(v_,{header:O,wheels:[...c1.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:k,imageBackground:M,spinOnHover:A,capWidth:R})}function v_({header:e,wheels:t,columns:a,viewMore:s,cardImage:c,outline:l,indexBadge:r,showBadge:o,showCardPrice:i,showCardFinishes:n,showCardSizes:h,showCardBuy:m,showCardPage:p,coverIndex:u,imageBackground:g,spinOnHover:d,capWidth:f}){let v=`rp-${I31().replace(/:/g,"")}`;if(t.length===0)return null;let z=g_[Math.min(4,Math.max(2,a))]??g_[3],x=r??t4,k=W6(v,x);return ln("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:Y2(c),children:[k&&g3("style",{children:k}),ln(D31,{px:f,children:[e,g3(tn,{imageBackgroundFill:Z9(g,B9),spinOnHover:d??!0,coverIndex:u??1,outline:l??a4,indexBadge:x,showBadge:o??!0,showCardPrice:i??!0,showCardFinishes:n??!0,showCardSizes:h??!1,showCardBuy:m??!1,showCardPage:p??!1,children:g3("div",{className:`${v} grid gap-[2px] bg-[var(--catalog-grid-bg)] ${z}`,children:t.map((M,A)=>g3(Q8,{wheel:M,variant:"catalog"},`${M.slug}-${A}`))})}),g3("div",{className:"mt-10 flex",children:g3(nc,{href:s.href,label:s.label})})]})]})}function D31({px:e,children:t}){return typeof e!="number"?g3(O31,{children:t}):g3("div",{style:q6(e),children:t})}import{jsx as G31}from"react/jsx-runtime";var c5={num:L.sectionNumber,title:"Compatible *tyres.*",description:L.body,footnote:"Tyres shown are fitment-matched companions.",footnoteLinkText:"Enquire about tyres"},f_={label:"Compatible Tyres",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return G31(e9,{num:a(y(e.num,c5.num,e.puck)),title:a(y(e.title,c5.title,e.puck)),description:a(y(e.description,c5.description,e.puck)),omitHead:t,footnote:y(e.footnote,c5.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,c5.footnoteLinkText,e.puck),footnoteLinkHref:t1(e.footnoteLinkHref),relationship:"tyres-that-fit",cardImage:e.cardImage,editing:e.puck?.isEditing})}};var b_={fields:{_gContent:b("Header"),num:H("Number",c5.num),title:H("Heading",c5.title),description:D("Body",c5.description),_gFootnote:b("Footnote"),footnote:D("Footnote",c5.footnote),footnoteLinkText:H("Footnote button",c5.footnoteLinkText),footnoteLinkHref:H1("Footnote link"),_gCards:b("Cards"),cardImage:Y6()},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.CompatibleTyres.headRows)};var x_={fields:{}};import{SettingsIcon as Y31,AccentIcon as X31}from"efficient-easel/icons";import{jsx as Z5,jsxs as Hg}from"react/jsx-runtime";var q31="py-6",W31="pt-0 pb-6";function dc({eyebrow:e,title:t,body:a,options:s=[],highlightBadge:c,contained:l,omitHead:r=!1}){return Z5(e2,{contained:l,className:r?W31:q31,children:Hg("div",{className:"flex flex-col gap-6",children:[r?null:e||t||a?Hg("div",{className:"flex max-w-[680px] flex-col gap-3",children:[e&&Z5(V1,{text:e,scaled:!1}),t&&Z5("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:$(t,!1)}),a&&b0(a).map((o,i)=>Z5("p",{className:"text-[15px] leading-[1.6] opacity-85",children:C(o)},i))]}):null,s.length>0&&Z5("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:s.map((o,i)=>Hg("li",{className:`sf-card relative flex flex-col gap-2 border bg-surface px-6 py-6 ${o.highlighted?"border-accent":"border-line"}`,children:[o.highlighted&&c&&Z5("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:C(c)}),o.name&&Z5("span",{className:"text-[17px] font-medium",children:C(o.name)}),o.eta&&Z5("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:C(o.eta)}),o.blurb&&Z5("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:C(o.blurb)}),o.price&&Z5("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:C(o.price)})]},i))})]})})}import{useEffect as U31,useState as j31}from"react";import{jsx as K31}from"react/jsx-runtime";function Fg({eyebrow:e,title:t,body:a,highlightBadge:s,contained:c,omitHead:l=!1}){let{currency:r,formatMoney:o}=p0(),[i,n]=j31(null);U31(()=>{let m=!1;return g0.listShippingMethods().then(p=>{m||n(p)}).catch(()=>{m||n([])}),()=>{m=!0}},[]);let h=(i??[]).filter(m=>m.prices[r]!=null).map(m=>{let p=m.prices[r],u=p===0?"Free":o(p,r),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 K31(dc,{eyebrow:e,title:t,body:a,options:h,highlightBadge:s,contained:c,omitHead:l})}import{jsx as z_}from"react/jsx-runtime";var t9={title:"Delivery, your way",badge:"Recommended"},$31=[{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."}],y_={label:"Delivery Options",defaultProps:{eyebrow:"",title:"",body:"",options:[],live:!0,highlightBadge:"",contained:!0},render:e=>{let t=D1(e.headPlacement)==="own-box",a=m=>t?void 0:m,{eyebrow:s,title:c,body:l,options:r,live:o,highlightBadge:i,contained:n,puck:h}=e;return o?z_(Fg,{eyebrow:a(y(s,L.eyebrow,h)),title:a(y(c,t9.title,h)),body:a(y(l,L.body,h)),omitHead:t,highlightBadge:y(i,t9.badge,h),contained:n}):z_(dc,{eyebrow:a(y(s,L.eyebrow,h)),title:a(y(c,t9.title,h)),body:a(y(l,L.body,h)),omitHead:t,options:y1(r,$31,h),highlightBadge:y(i,t9.badge,h),contained:n})}};import{jsx as w_}from"react/jsx-runtime";var C_={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",L.eyebrow),title:D("Heading",t9.title),body:D("Body",L.body),_gOptions:b("Options"),live:s1("Use my real delivery options",!0,w_(Y31,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:v1("Name"),eta:v1("Window"),price:v1("Price"),blurb:E1("Body"),highlighted:s1("Highlight",!1,w_(X31,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:H("Highlight badge",t9.badge),_gLayout:b("Layout")},resolveFields:(e,{fields:t})=>O1(t,e.props.headPlacement,B1.DeliveryOptions.headRows)};import{ProductFieldIcon as v41,WordsFromIcon as f41,SquareIcon as I_,ImageIcon as b41}from"efficient-easel/icons";import{jsx as D5,jsxs as rn}from"react/jsx-runtime";function Vt({rows:e,startLeft:t=!1,layout:a="even",padTop:s,padBottom:c,editing:l=!1}){let r=a==="narrow",o=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:l?[{tag:"Row 1"},{tag:"Row 2"},{tag:"Row 3"}]:[];return h.length===0?null:D5("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:o,paddingBottom:i},children:h.map((m,p)=>{let u=p%2===1!==t;return rn("div",{className:["grid items-center py-[60px]",r?"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:[rn("div",{className:["[direction:ltr] flex flex-col gap-4",r?"max-w-[560px]":"",r&&!u?"ml-auto max-[1100px]:ml-0":""].join(" "),children:[m.eyebrow?.trim()&&D5("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-accent",children:Y1(m.eyebrow)}),m.title?.trim()&&D5("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3vw,42px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[1.1] tracking-[-0.02em]",children:C(m.title,!0)}),m.copy?.trim()&&D5("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:C(m.copy,!1)}),(()=>{let g=(m.specs??[]).filter(d=>(d?.label??"").trim()||(d?.value??"").trim());return g.length===0?null:D5("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)=>rn("div",{className:"flex items-baseline justify-between gap-6",children:[D5("dt",{className:"text-fg-dim",children:Y1(d.label??"")}),D5("dd",{className:"text-fg",children:Y1(d.value??"")})]},f))})})()]}),rn("div",{className:["[direction:ltr] flex flex-col gap-3",r?u?"items-end":"items-start":"",r?"max-[1100px]:items-start":""].join(" "),children:[D5("div",{className:["relative overflow-hidden max-w-full",r?m.imageShape==="wide"?"w-[460px] aspect-[16/9]":"w-[360px] aspect-square":"aspect-square"].join(" "),children:D5(C0,{label:m.tag?.trim()||m.title?.trim()||`row-${p+1}`,src:m.image||void 0,objectFit:"contain",sizes:r?"(max-width: 1100px) 100vw, 460px":"(max-width: 1100px) 100vw, 50vw"})}),m.tag?.trim()&&D5("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 k_(e,t){let a=e?.detailShots;if(!Array.isArray(a)||a.length===0)return[];let s=a.filter(o=>!!o&&typeof o.url=="string"&&!!o.url&&typeof o.title=="string"&&!!o.title);if(s.length===0)return[];let c=o=>Array.isArray(o.lugs)?o.lugs.filter(i=>typeof i=="number"):[],l=s.filter(o=>c(o).length>0),r=t;if(r==null){let o=l.flatMap(c);r=o.length?Math.min(...o):null}return s.filter(o=>{let i=c(o);return i.length===0?!0:r!=null&&i.includes(r)})}function M_(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 l of c.lugs??[])s.add(l);return a.length<s.size}function on(e){return e.manualMode?Ae(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as r41,useState as o41}from"react";var Tg=[{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 nn(e){let t=e.variants??[],a=[];for(let r of t)a.some(o=>o.value===r.size)||a.push({value:r.size,label:r.size});let s={size:a};for(let r of Tg){let o=[];for(let i of t){let n=i.specs[r.spec];!n||o.some(h=>h.value===n)||o.push({value:n,label:n})}s[r.key]=o}let c=t.map(r=>({id:r.sku,options:{size:r.size,...Object.fromEntries(Tg.map(o=>[o.key,r.specs[o.spec]]).filter(([,o])=>!!o))},inStock:r.inStock,image:r.image??null,components:[{partNumber:r.sku,wheels:1,prices:r.prices}]})),l=[{key:"size",label:"Size",prompt:"Select a size",role:"resolves",display:"pill"},...Tg.map(r=>({key:r.key,label:r.label,prompt:r.prompt,role:"describes",display:"pill"}))];return{kind:"tyre",source:e,slug:e.slug,name:e.name,eyebrow:e.brand,badge:"",href:`/tyres/${e.slug}`,crumbs:[{label:"Home",href:"/"},{label:e.name}],cover:e.coverImage??null,inStock:e.inStock,mediaGroups:e.mediaGroups,optionFields:l,optionValues:s,parts:c,anchorPrices:J31(t),anchorMsrpPrices:{}}}function J31(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 l=t[s];(l==null||c<l)&&(t[s]=c)}return t}import{useSyncExternalStore as Q31}from"react";var S_="sf-editor-preview-pick",Nt=null,Pg=new Set;function Eg(){if(Nt)return Nt;Nt={};let e=Q2.getItem(S_);if(!e)return Nt;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"&&(Nt[a]=s)}catch{}return Nt}function e41(){Q2.setItem(S_,JSON.stringify(Eg()))}function t41(e,t){return`${e??""}::${t??""}`}function a41(e){return Eg()[e]}function L_(e,t){let a=Eg();if(a[e]!==t){a[e]=t,e41();for(let s of Pg)s()}}function s41(e){return Pg.add(e),()=>Pg.delete(e)}function A_(e,t){let a=e??t??"";return a.trim()?a:null}function Vg(){return t41(i2(),gS())}function hn(){let e=Vg();return Q31(s41,()=>a41(e),()=>{})}var c41={GBP:0,USD:0,AUD:0},l41={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},H_=["205/55 R16","225/45 R17","245/40 R19"],F_={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:[...H_],variants:H_.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...l41},prices:{...c41},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var T_=null,P_=null,Ng=new Map;function i41(e){let t=N3(),a=i2();(t!==T_||a!==P_)&&(T_=t,P_=a,Ng.clear());let s=Ng.get(e);return s||(s=t?X1.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),Ng.set(e,s)),s}function n41(e){return e==="tyre"?nn(F_):Gs(Lg)}var gc=["alloy-wheel"];function h41(e,t){return e?Gs(e):n41(t)}function v3(e){let t=A_(hn(),xS()),a=wS(),[s,c]=o41(null);return r41(()=>{if(!e||!t||!gc.includes(a)){c(null);return}let l=!1;return i41(t).then(r=>{l||c(r)}),()=>{l=!0}},[e,t,a]),e?h41(s,a):null}import{jsx as a9}from"react/jsx-runtime";var m41=["alloy-wheel"];function V_(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function p41(e,t){return(V_(e,t)?.features??[]).map(a=>({eyebrow:a.eyebrow,title:a.heading,copy:a.description,tag:a.mark,image:a.image||void 0}))}function u41(e,t,a){let s=k_(V_(e,t),a);return s.map(c=>({title:c.title,copy:c.line||void 0,image:c.url,tag:a!=null&&M_(c,s)?`Shown for your ${a} lug`:void 0,imageShape:"square"}))}function _g(e){return vo(!!e.editing)?a9(d41,{...e}):a9(x2,{kinds:m41,type:"DetailRows",editing:e.editing,children:a9(g41,{...e})})}function E_(e){let t=MS(e),a=uo(e)[0];return!t.length&&!a&&!e.title.trim()?[]:[{title:e.title,specs:t,image:a?.url||void 0}]}function d41({startLeft:e,padTop:t,padBottom:a,editing:s=!1}){let c=bo(),l=c?E_(c):s?E_(fo):[];return l.length===0?null:a9(Vt,{rows:l,startLeft:e,padTop:t,padBottom:a,editing:s})}function g41({rowsFrom:e,startLeft:t,padTop:a,padBottom:s,editing:c=!1}){let l=Y0(),r=v3(c&&!l),o=l?.product??r,i=o?.kind==="alloy-wheel"?o.source:null,n=l?l.selection.shown.finish:void 0,h=l?on(l.selection):null,m=e==="details",p=i?m?u41(i,n,h):p41(i,n):[];return m&&p.length===0?c?a9("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:a9("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:a9(Vt,{rows:p,startLeft:t,padTop:a,padBottom:s,editing:c})}import{jsx as N_}from"react/jsx-runtime";var Ig=[{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"}],__={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?N_(_g,{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}):N_(Vt,{rows:y1(e.rows,Ig,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 vc}from"react/jsx-runtime";var R_={fields:{_sDynamic:a0("Product page"),dynamic:s1("Connect to product data",!1,vc(v41,{})),rowsFrom:b1("Rows from",vc(f41,{}),[{label:"Product story",value:"story"},{label:"Detail shots",value:"details"}],"story"),_sRows:a0("Rows"),rows:D9({type:"array",label:"Rows",arrayFields:{image:G1("Image","image/*"),imageShape:b1("Image shape",vc(I_,{}),[{label:"Square",value:"square"},{label:"Wide",value:"wide"}],"square"),eyebrow:G("Eyebrow"),title:v1("Title"),copy:E1("Body"),specs:{type:"array",label:"Specs",arrayFields:{label:G("Label","Offset"),value:G("Value","ET -10")},defaultItemProps:{label:"",value:""},getItemSummary:(e,t)=>e?.label||`Spec ${(t??0)+1}`,max:8},tag:G("Image tag")},defaultItemProps:{image:"",imageShape:"square",eyebrow:"",title:"",copy:"",specs:[],tag:""},getItemSummary:(e,t)=>e?.title||e?.eyebrow||`Row ${(t??0)+1}`},Ig),_sStyle:a0("Style"),layout:b1("Row shape",vc(I_,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:s1("First image on the left",!1,vc(b41,{})),...n3("DetailRows")},resolveFields:(e,t)=>{let{fields:a}=t,s=r=>{if(e.props.layout==="narrow")return r;let o=r,i=o.rows;if(!i?.arrayFields)return r;let{imageShape:n,...h}=i.arrayFields;return{...o,rows:{...i,arrayFields:h}}};if(!D2()){let r={...s(a)};return delete r._sDynamic,delete r.dynamic,delete r.rowsFrom,r}if(!e.props.dynamic){let{rowsFrom:r,...o}=s(a);return o}let c=new Set(go(t)?["_sRows","rows","rowsFrom"]:["_sRows","rows"]),l={};for(let[r,o]of Object.entries(a))c.has(r)||(l[r]=o);return l}};var B_={fields:{_gHeader:b("Header"),num:H("Number",j0.num)}};import{SquareIcon as M41}from"efficient-easel/icons";import{useEffect as z41,useMemo as y41,useRef as w41}from"react";var Rg="/shop";function Z_({shopperPicked:e,fullyPicked:t,editing:a,pathname:s}){return a||!e||!t?!1:!x41(s)}function x41(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===Rg}function D_(e){let a=_5(new URLSearchParams,e).toString();return a?`${Rg}?${a}`:Rg}import{jsx as O5,jsxs as Bg}from"react/jsx-runtime";function Zg({loading:e,error:t,data:a}){return e?O5("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?Bg("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 ",O5("span",{className:"text-accent",children:t})]}):a?Bg("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:[O5(_t,{label:"Bolt pattern",value:a.boltPattern??"\u2014"}),O5(_t,{label:"PCD",value:a.pcd??"\u2014"}),O5(_t,{label:"Hub bore",value:a.centreBore?`${a.centreBore} mm`:"\u2014"}),O5(_t,{label:"ET range",value:a.etRange&&a.etRange.length===2?`${a.etRange[0]} \u2013 ${a.etRange[1]}`:"\u2014"}),O5(_t,{label:"OEM front",value:a.frontWheels.length?a.frontWheels.join(" \xB7 "):"\u2014"}),O5(_t,{label:"OEM rear",value:a.rearWheels.length?a.rearWheels.join(" \xB7 "):"\u2014"})]}):null}function _t({label:e,value:t}){return Bg("div",{className:"flex min-h-[96px] flex-col gap-1.5 bg-bg px-[18px] py-5",children:[O5("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.26em] text-fg-dim",children:e}),O5("span",{className:"mt-auto font-display text-[length:var(--size-body,17px)] font-medium tracking-[-0.01em] text-fg",children:t})]})}import{Fragment as O_,jsx as l5,jsxs as s9}from"react/jsx-runtime";function C41(e,t,a){if(!a)return e;let[s,c=""]=e.split("?"),r=_5(new URLSearchParams(c),t).toString();return r?`${s}?${r}`:s}function Dg({num:e,title:t,description:a,ctaText:s,ctaHref:c,layout:l="full",omitHead:r=!1,initialMakes:o=[],editing:i=!1,...n}){let{cascade:h}=N4({initialMakes:o,editing:i,autoApply:!0}),m=l==="bar",p=w41(!1),u=y41(()=>{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]);z41(()=>{m&&(typeof window>"u"||Z_({shopperPicked:p.current,fullyPicked:h.fullyPicked,editing:i,pathname:window.location.pathname})&&window.location.assign(D_(h.vehicle)))},[m,h.fullyPicked,h.vehicle,i]);let g=!r&&!m&&!!(e||t||a),d=!m&&s&&c?{text:s,href:c}:null,f=d?C41(d.href,h.vehicle,h.fullyPicked):null;return s9("section",{className:[N0(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?r?"pt-0 pb-[30px] max-[1100px]:pb-5":"py-[30px] max-[1100px]:py-5":r?"pt-0 pb-20 max-[1100px]:pb-[60px]":"py-20 max-[1100px]:py-[60px]"].join(" "),children:[g&&l5(Q1,{num:e,title:t,description:a,accent:!0}),m?s9("div",{className:"flex flex-wrap items-center gap-[18px]",children:[!r&&t?.trim()&&l5("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)}),l5("div",{className:"min-w-[320px] flex-1 basis-0",children:l5(K3,{cascade:u,compact:!0,editing:i})})]}):l5(K3,{cascade:h,editing:i}),!m&&l5(Zg,{loading:h.loading.stock,error:h.cascadeError,data:h.fullyPicked?h.stock:null}),!m&&s9("div",{className:"mt-9 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-8",children:[l5("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:h.fullyPicked?s9(O_,{children:["Your car \xB7"," ",s9("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&&l5("span",{className:"ml-3 not-italic text-accent",children:"OEM fitment loaded."})]}):s9(O_,{children:["Tell us four things \u2014 ",l5("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&&s9(S1,{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,l5("span",{className:"transition-transform group-hover:translate-x-[4px]",children:"\u2192"})]})]}),i&&h.makeOptions.length===0&&!h.loading.models&&l5("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 k41}from"react/jsx-runtime";var H6={num:L.sectionNumber,title:"Find your *match.*",description:"A few quick picks and we show the right option for you.",ctaText:"Browse all products"},G_={label:"Fitment Form",defaultProps:{num:"",title:"",description:"",ctaText:"",ctaHref:"",layout:"full"},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return k41(Dg,{num:a(y(e.num,H6.num,e.puck)),title:a(y(e.title,H6.title,e.puck)),description:a(y(e.description,H6.description,e.puck)),omitHead:t,ctaText:y(e.ctaText,H6.ctaText,e.puck),ctaHref:t1(e.ctaHref)||"#",layout:e.layout,editing:e.puck?.isEditing})}};import{jsx as S41}from"react/jsx-runtime";var q_={fields:{_gHeader:b("Header"),num:H("Number",H6.num),title:H("Heading",H6.title),description:D("Body",H6.description),_gCta:b("Call to action"),ctaText:H("Button",H6.ctaText),ctaHref:H1("Button link"),_gStyle:b("Style"),layout:b1("Section shape",S41(M41,{}),[{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=O1(W1(c,a,U1),s.headPlacement,B1.FitmentFinder.headRows),c}};var S=(e,t,a,s,c,l,r,o,i)=>({diameter:e,width:t,holes:a,pcd:s,et:c,cb:l,cap:r,boltPattern:o,loadRating:i}),j2="CP509PS73",K2="32x15x60\xB0",$2="880kg / 1,940 lbs",D7="CP506AL82",O7="34x16x60\xB0",G7="915kg / 2,000 lbs",J="CP506AL68",j="32x15x60\xB0",u1="690kg / 1,520 lbs",E0="880kg / 1,940 lbs",L41="34x15x60\xB0",A41="1,060kg / 2,335 lbs",q7="CP507PS68",W7="825kg / 1,820 lbs",o1="CP595AL68",n1="32x15x60\xB0",h1="690kg / 1,520 lbs",Og="34x15x60\xB0",Gg="1,060kg / 2,335 lbs",G5="CP506AL82",q5="34x16x60\xB0",W5="880kg / 1,940 lbs",H41={rotor:[S(20,8.5,5,"112",35,73.1,j2,K2,$2),S(20,8.5,5,"114.3",35,73.1,j2,K2,$2),S(20,8.5,5,"120",35,72.6,j2,K2,$2),S(20,8.5,5,"127",20,71.5,j2,K2,$2),S(20,10,5,"112",40,73.1,j2,K2,$2),S(20,10,5,"114.3",40,73.1,j2,K2,$2),S(20,10,5,"120",40,72.6,j2,K2,$2),S(20,10,5,"127",20,71.5,j2,K2,$2),S(22,9,5,"112",35,73.1,j2,K2,$2),S(22,9,5,"114.3",35,73.1,j2,K2,$2),S(22,9,5,"115",15,71.5,j2,K2,$2),S(22,9,5,"120",35,72.6,j2,K2,$2),S(22,9,5,"127",20,71.5,j2,K2,$2),S(22,10.5,5,"112",40,73.1,j2,K2,$2),S(22,10.5,5,"114.3",40,73.1,j2,K2,$2),S(22,10.5,5,"115",20,71.5,j2,K2,$2),S(22,10.5,5,"120",40,72.6,j2,K2,$2),S(22,10.5,5,"127",20,71.5,j2,K2,$2)],"frixion-6":[S(20,9,6,"135",20,87.1,D7,O7,G7),S(20,9,6,"139.7",20,87.1,D7,O7,G7),S(22,9.5,6,"135",25,87.1,D7,O7,G7),S(22,9.5,6,"139.7",25,87.1,D7,O7,G7),S(22,9.5,6,"135",20,87.1,D7,O7,G7),S(22,9.5,6,"139.7",20,87.1,D7,O7,G7),S(24,10,6,"135",25,87.1,D7,O7,G7),S(24,10,6,"139.7",25,87.1,D7,O7,G7)],"frixion-5":[S(18,8,5,"108",42,73.1,J,j,u1),S(18,8,5,"112",42,73.1,J,j,u1),S(18,8,5,"114.3",42,73.1,J,j,u1),S(18,8,5,"120",35,72.6,J,j,u1),S(19,8.5,5,"112",42,73.1,J,j,u1),S(19,8.5,5,"114.3",42,73.1,J,j,u1),S(19,8.5,5,"112",35,73.1,J,j,u1),S(19,8.5,5,"114.3",35,73.1,J,j,u1),S(19,8.5,5,"120",35,73.1,J,j,u1),S(19,8.5,5,"120",35,72.6,J,j,u1),S(19,9.5,5,"112",38,73.1,J,j,u1),S(19,9.5,5,"114.3",38,73.1,J,j,u1),S(19,9.5,5,"112",40,73.1,J,j,u1),S(19,9.5,5,"114.3",40,73.1,J,j,u1),S(19,9.5,5,"120",38,72.6,J,j,u1),S(20,8.5,5,"112",35,73.1,J,j,u1),S(20,8.5,5,"114.3",35,73.1,J,j,u1),S(20,8.5,5,"120",42,72.6,J,j,u1),S(20,8.5,5,"120",35,72.6,J,j,u1),S(20,8.5,5,"120",33,72.6,J,j,u1),S(20,10,5,"112",40,73.1,J,j,u1),S(20,10,5,"114.3",40,73.1,J,j,u1),S(20,10,5,"120",40,72.6,J,j,u1)],"vector-ii":[S(19,8.5,5,"112",38,73.1,J,j,E0),S(19,8.5,5,"114.3",38,73.1,J,j,E0),S(19,8.5,5,"112",45,73.1,J,j,E0),S(19,8.5,5,"114.3",45,73.1,J,j,E0),S(19,8.5,5,"120",38,72.6,J,j,E0),S(19,9.5,5,"112",42,73.1,J,j,E0),S(19,9.5,5,"114.3",42,73.1,J,j,E0),S(19,9.5,5,"120",42,72.6,J,j,E0),S(20,8.5,5,"112",38,73.1,J,j,E0),S(20,8.5,5,"114.3",38,73.1,J,j,E0),S(20,8.5,5,"120",38,72.6,J,j,E0),S(20,10,5,"112",40,73.1,J,j,E0),S(20,10,5,"114.3",40,73.1,J,j,E0),S(20,10,5,"120",40,72.6,J,j,E0)],"turbine-ii":[S(20,8.5,5,"112",38,73.1,J,j,E0),S(20,8.5,5,"114.3",38,73.1,J,j,E0),S(20,8.5,5,"112",35,73.1,J,j,E0),S(20,8.5,5,"114.3",35,73.1,J,j,E0),S(20,8.5,5,"112",30,73.1,J,j,E0),S(20,8.5,5,"114.3",30,73.1,J,j,E0),S(20,8.5,5,"112",25,73.1,J,j,E0),S(20,8.5,5,"114.3",25,73.1,J,j,E0),S(20,8.5,5,"120",32,72.6,J,j,E0),S(20,8.5,5,"120",35,72.6,J,j,E0),S(20,10,5,"112",40,73.1,J,j,E0),S(20,10,5,"114.3",40,73.1,J,j,E0),S(20,10,5,"112",30,73.1,J,j,E0),S(20,10,5,"114.3",30,73.1,J,j,E0),S(20,10,5,"120",38,72.6,J,j,E0),S(20,10,5,"120",37,72.6,J,j,E0),S(22,10.5,5,"127",35,71.5,J,L41,A41)],torque:[S(18,8,5,"108",42,73.1,J,j,u1),S(18,8,5,"112",42,73.1,J,j,u1),S(18,8,5,"114.3",42,73.1,J,j,u1),S(18,8,5,"120",35,72.6,J,j,u1),S(19,8.5,5,"112",42,73.1,J,j,u1),S(19,8.5,5,"114.3",42,73.1,J,j,u1),S(19,8.5,5,"120",38,72.6,J,j,u1),S(19,9.5,5,"112",35,73.1,J,j,u1),S(19,9.5,5,"114.3",35,73.1,J,j,u1),S(19,9.5,5,"112",38,73.1,J,j,u1),S(19,9.5,5,"114.3",38,73.1,J,j,u1),S(19,9.5,5,"120",40,72.6,J,j,u1),S(20,8.5,5,"112",35,73.1,J,j,u1),S(20,8.5,5,"114.3",35,73.1,J,j,u1),S(20,8.5,5,"120",32,72.6,J,j,u1),S(20,8.5,5,"120",35,72.6,J,j,u1),S(20,10,5,"112",40,73.1,J,j,u1),S(20,10,5,"114.3",40,73.1,J,j,u1),S(20,10,5,"120",40,72.6,J,j,u1)],blitz:[S(18,8,5,"108",40,73.1,J,j,u1),S(18,8,5,"112-114.3",40,73.1,J,j,u1),S(18,8,5,"120",35,72.6,J,j,u1),S(18,8,5,"120",38,72.6,J,j,u1),S(19,8.5,5,"112-114.3",32,73.1,J,j,u1),S(19,8.5,5,"112-114.3",40,73.1,J,j,u1),S(19,8.5,5,"112-114.3",38,73.1,J,j,u1),S(19,8.5,5,"114.3",35,73.1,J,j,u1),S(19,8.5,5,"120",33,72.6,J,j,u1),S(19,9.5,5,"112-114.3",38,73.1,J,j,u1),S(19,9.5,5,"114.3",40,73.1,J,j,u1),S(19,9.5,5,"120",38,72.6,J,j,u1),S(20,8.5,5,"112-114.3",32,73.1,J,j,u1),S(20,8.5,5,"112-114.3",38,73.1,J,j,u1),S(20,8.5,5,"120",32,72.6,J,j,u1),S(20,10,5,"112-114.3",40,73.1,J,j,u1),S(20,10,5,"112-114.3",38,73.1,J,j,u1),S(20,10,5,"120",40,72.6,J,j,u1),S(20,10,5,"120",38,72.6,J,j,u1)],"speed-ii":[S(18,8,5,"108",40,73.1,J,j,u1),S(18,8,5,"112",40,73.1,J,j,u1),S(18,8,5,"114.3",40,73.1,J,j,u1),S(18,8,5,"120",38,72.6,J,j,u1),S(18,8,5,"120",35,72.6,J,j,u1),S(19,8.5,5,"112",40,73.1,J,j,u1),S(19,8.5,5,"114.3",40,73.1,J,j,u1),S(19,8.5,5,"112",32,73.1,J,j,u1),S(19,8.5,5,"114.3",32,73.1,J,j,u1),S(19,8.5,5,"120",33,72.6,J,j,u1),S(19,9.5,5,"112",38,73.1,J,j,u1),S(19,9.5,5,"114.3",38,73.1,J,j,u1),S(19,9.5,5,"120",38,72.6,J,j,u1),S(20,8.5,5,"112",35,73.1,J,j,u1),S(20,8.5,5,"114.3",35,73.1,J,j,u1),S(20,8.5,5,"112",32,73.1,J,j,u1),S(20,8.5,5,"114.3",32,73.1,J,j,u1),S(20,8.5,5,"120",33,72.6,J,j,u1),S(20,10,5,"112",38,73.1,J,j,u1),S(20,10,5,"114.3",38,73.1,J,j,u1),S(20,10,5,"120",38,72.6,J,j,u1)],"force-6":[S(20,9,6,"135",20,87.1,G5,q5,W5),S(20,9,6,"135",25,87.1,G5,q5,W5),S(20,9,6,"135",20,87.1,G5,q5,W5),S(20,9,6,"139.7",20,87.1,G5,q5,W5),S(20,9,6,"139.7",20,87.1,G5,q5,W5),S(20,9,6,"139.7",25,87.1,G5,q5,W5),S(22,9.5,6,"135",20,87.1,G5,q5,W5),S(22,9.5,6,"139.7",20,87.1,G5,q5,W5),S(24,10,6,"135",25,87.1,G5,q5,W5),S(24,10,6,"139.7",25,87.1,G5,q5,W5)],"haste-ii":[S(20,8.5,5,"112",27,73.1,q7,j,W7),S(20,8.5,5,"114.3",27,73.1,q7,j,W7),S(20,8.5,5,"112",34,73.1,q7,j,W7),S(20,8.5,5,"114.3",34,73.1,q7,j,W7),S(20,8.5,5,"120",32,72.6,q7,j,W7),S(20,10,5,"112",38,73.1,q7,j,W7),S(20,10,5,"114.3",38,73.1,q7,j,W7),S(20,10,5,"120",37,72.6,q7,j,W7)],"thrust-ii":[S(18,8,5,"108",40,73.1,o1,n1,h1),S(18,8,5,"112",40,73.1,o1,n1,h1),S(18,8,5,"114.3",40,73.1,o1,n1,h1),S(18,8,5,"120",35,72.6,o1,n1,h1),S(18,8,5,"120",38,72.6,o1,n1,h1),S(19,8.5,5,"112",40,73.1,o1,n1,h1),S(19,8.5,5,"114.3",40,73.1,o1,n1,h1),S(19,8.5,5,"112",38,73.1,o1,n1,h1),S(19,8.5,5,"114.3",38,73.1,o1,n1,h1),S(19,8.5,5,"112",32,73.1,o1,n1,h1),S(19,8.5,5,"114.3",32,73.1,o1,n1,h1),S(19,8.5,5,"114.3",35,73.1,o1,n1,h1),S(19,8.5,5,"120",33,72.6,o1,n1,h1),S(19,9.5,5,"112",38,73.1,o1,n1,h1),S(19,9.5,5,"114.3",38,73.1,o1,n1,h1),S(19,9.5,5,"114.3",40,73.1,o1,n1,h1),S(19,9.5,5,"120",38,72.6,o1,n1,h1),S(20,8.5,5,"112",32,73.1,o1,n1,h1),S(20,8.5,5,"114.3",32,73.1,o1,n1,h1),S(20,8.5,5,"112",38,73.1,o1,n1,h1),S(20,8.5,5,"114.3",38,73.1,o1,n1,h1),S(20,8.5,5,"120",32,72.6,o1,n1,h1),S(20,10,5,"112",40,73.1,o1,n1,h1),S(20,10,5,"114.3",40,73.1,o1,n1,h1),S(20,10,5,"112",38,73.1,o1,n1,h1),S(20,10,5,"114.3",38,73.1,o1,n1,h1),S(20,10,5,"120",38,72.6,o1,n1,h1),S(20,10,5,"120",40,72.6,o1,n1,h1),S(22,10.5,5,"127",35,71.5,o1,Og,Gg)],"vector-iii":[S(18,8,5,"108",40,73.1,o1,n1,h1),S(18,8,5,"112",40,73.1,o1,n1,h1),S(18,8,5,"114.3",40,73.1,o1,n1,h1),S(18,8,5,"120",38,72.6,o1,n1,h1),S(18,8,5,"120",35,72.6,o1,n1,h1),S(19,8.5,5,"112",32,73.1,o1,n1,h1),S(19,8.5,5,"114.3",32,73.1,o1,n1,h1),S(19,8.5,5,"112",40,73.1,o1,n1,h1),S(19,8.5,5,"114.3",40,73.1,o1,n1,h1),S(19,8.5,5,"112",38,73.1,o1,n1,h1),S(19,8.5,5,"114.3",38,73.1,o1,n1,h1),S(19,8.5,5,"114.3",35,73.1,o1,n1,h1),S(19,8.5,5,"120",33,72.6,o1,n1,h1),S(19,9.5,5,"112",38,73.1,o1,n1,h1),S(19,9.5,5,"114.3",38,73.1,o1,n1,h1),S(19,9.5,5,"114.3",40,73.1,o1,n1,h1),S(19,9.5,5,"120",38,72.6,o1,n1,h1),S(20,8.5,5,"112",32,73.1,o1,n1,h1),S(20,8.5,5,"114.3",32,73.1,o1,n1,h1),S(20,8.5,5,"112",38,73.1,o1,n1,h1),S(20,8.5,5,"114.3",38,73.1,o1,n1,h1),S(20,8.5,5,"120",32,72.6,o1,n1,h1),S(20,10,5,"112",40,73.1,o1,n1,h1),S(20,10,5,"114.3",40,73.1,o1,n1,h1),S(20,10,5,"112",38,73.1,o1,n1,h1),S(20,10,5,"114.3",38,73.1,o1,n1,h1),S(20,10,5,"120",38,72.6,o1,n1,h1),S(20,10,5,"120",40,72.6,o1,n1,h1),S(22,10.5,5,"127",35,71.5,o1,Og,Gg)],"blitz-ii":[S(18,8,5,"108",40,73.1,o1,n1,h1),S(18,8,5,"112",40,73.1,o1,n1,h1),S(18,8,5,"114.3",40,73.1,o1,n1,h1),S(18,8,5,"120",38,72.6,o1,n1,h1),S(18,8,5,"120",35,72.6,o1,n1,h1),S(19,8.5,5,"112",32,73.1,o1,n1,h1),S(19,8.5,5,"114.3",32,73.1,o1,n1,h1),S(19,8.5,5,"112",40,73.1,o1,n1,h1),S(19,8.5,5,"114.3",40,73.1,o1,n1,h1),S(19,8.5,5,"112",38,73.1,o1,n1,h1),S(19,8.5,5,"114.3",38,73.1,o1,n1,h1),S(19,8.5,5,"114.3",35,73.1,o1,n1,h1),S(19,8.5,5,"120",33,72.6,o1,n1,h1),S(19,9.5,5,"112",38,73.1,o1,n1,h1),S(19,9.5,5,"114.3",38,73.1,o1,n1,h1),S(19,9.5,5,"114.3",40,73.1,o1,n1,h1),S(19,9.5,5,"120",38,72.6,o1,n1,h1),S(20,8.5,5,"112",32,73.1,o1,n1,h1),S(20,8.5,5,"114.3",32,73.1,o1,n1,h1),S(20,8.5,5,"112",38,73.1,o1,n1,h1),S(20,8.5,5,"114.3",38,73.1,o1,n1,h1),S(20,8.5,5,"120",32,72.6,o1,n1,h1),S(20,10,5,"112",40,73.1,o1,n1,h1),S(20,10,5,"114.3",40,73.1,o1,n1,h1),S(20,10,5,"112",38,73.1,o1,n1,h1),S(20,10,5,"114.3",38,73.1,o1,n1,h1),S(20,10,5,"120",38,72.6,o1,n1,h1),S(20,10,5,"120",40,72.6,o1,n1,h1),S(22,10.5,5,"127",35,71.5,o1,Og,Gg)]};function It(e){return H41[e]??[]}var _1={hyperBlack:"#1a1a1c",blackSatin:"#0d0d0d",blackMachined:"#2a2a2a",silverSatin:"#a8a8a8",silverMachined:"#b5b5b5",bronze:"#7a5a3a",anthracite:"#3a3a3a",candyRed:"#9a1f1f",gunmetal:"#4a4d52"},I="/media/images/products",qg="/media/videos/products",W_=["0","20-20","25","35"],U_=["Detail 1","Detail 2","Detail 3"];function O0(e,t,a,s=!0){let c=`${I}/${e}/${a}${t}`,l=W_.map(r=>`${c}${r}.png`);return{src:l[0],angles:l,...s?{details:U_.map(r=>`${c}${r}.png`)}:{}}}function U5(e,t,a,s){let c=W_.map((r,o)=>`${I}/${e}/${t}.${r}.${a[o]}.png`),l={src:c[0],angles:c};return s&&(l.details=U_.map((r,o)=>`${I}/${e}/${t}.${r}.${s[o]}.png`)),l}var F41=[{name:"HASTE II",slug:"haste-ii",process:"FusionForge\xAE",sizes:[18,19,20],price:1450,spokes:5,mesh:!1,badge:"bestseller",finishes:[{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",...O0("Haste II",".","Haste II.Ssl"),wheelPhotos:Array.from({length:9},(e,t)=>`${I}/Haste II/haste II Ssl wheel (${t+1}).jpg`)},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("Haste II",".","Haste II.Ksl"),carPhotos:[...[5,6,7,8,9].map(e=>`${I}/Haste II/HasteII ksl 2024 BMW(G83)M4 Competition Convertible (${e}).jpg`),...[1,2,5,6,9].map(e=>`${I}/Haste II/HasteII ksl car 2020 Chevrolet Camaro ZL1 (${e}).jpg`)]}]},{name:"FORCE 6",slug:"force-6",process:"FusionForge\xAE",sizes:[19,20,21],price:2950,spokes:6,mesh:!1,badge:null,finishes:[{name:"Silver Machined Carbon Satin Lacquer",color:_1.silverMachined,family:"silver",...O0("force 6",".","Froce6.Smfcbtm")},{name:"Black Machined Carbon Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...O0("force 6",".","Froce6.Kmfcbtdtm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("force 6",".","Froce6.Ktm")},{name:"Candy Red",color:_1.candyRed,family:"red",...O0("force 6",".","Froce6.R")}]},{name:"SPEED II",slug:"speed-ii",process:"FusionForge\xAE",sizes:[18,19,20],price:3400,spokes:5,mesh:!1,badge:"new",finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...O0("speed_II",".","Speed II.Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...O0("speed_II",".","Speed II.Kmftdtm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("speed_II",".","Speed II.Ktm")},{name:"Candy Red",color:_1.candyRed,family:"red",...O0("speed_II",".","Speed II.R")}]},{name:"VORTEX II",slug:"vortex-ii",process:"FusionForge\xAE",sizes:[19,20],price:3200,spokes:5,mesh:!0,badge:null,finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...O0("Vortex II","-","Vortex II-SMFTM")},{name:"Black Machined Face Satin Lacquer Dark Tint",color:_1.blackMachined,family:"black",...O0("Vortex II","-","Vortex II-KMFTMTD")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("Vortex II","-","Vortex II-KTM")}]},{name:"VECTOR III",slug:"vector-iii",process:"Precision Forged",sizes:[18,19,20,21],price:4200,spokes:7,mesh:!1,badge:null,finishes:[{name:"Hyper Black",color:_1.hyperBlack,family:"black",...O0("vector_III","-","Vector III-H")},{name:"Anthracite",color:_1.anthracite,family:"graphite",...O0("vector_III","-","Vector III-ATM")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("vector_III","-","Vector III-KTM")},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",...O0("vector_III","-","Vector III-STM")},{name:"Bronze",color:_1.bronze,family:"bronze",...O0("vector_III","-","Vector III- N")}]},{name:"BLITZ II",slug:"blitz-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4400,spokes:8,mesh:!0,badge:null,finishes:[{name:"Hyper Black",color:_1.hyperBlack,family:"black",src:`${I}/blitz_II/Blitz II.H.0.752 (3).png`,angles:[`${I}/blitz_II/Blitz II.H.0.752 (3).png`,`${I}/blitz_II/Blitz II.H.20-20752 (4).png`,`${I}/blitz_II/Blitz II.H.25.752 (2).png`,`${I}/blitz_II/Blitz II.H.35.752 (1).png`],details:[`${I}/blitz_II/Blitz II.H.Detail 1.1923.png`,`${I}/blitz_II/Blitz II.H.Detail 2.1916.png`,`${I}/blitz_II/Blitz II.H.Detail FusionForge.1930.png`]},{name:"Anthracite",color:_1.anthracite,family:"graphite",src:`${I}/blitz_II/Blitz II.A.0.756 (3).png`,angles:[`${I}/blitz_II/Blitz II.A.0.756 (3).png`,`${I}/blitz_II/Blitz II.A.20-20.756 (4).png`,`${I}/blitz_II/Blitz II.A.25.756 (2).png`,`${I}/blitz_II/Blitz II.A.35.756 (1).png`],details:[`${I}/blitz_II/Blitz II.A.Detail 1.1924.png`,`${I}/blitz_II/Blitz II.A.Detail 2.1917.png`,`${I}/blitz_II/Blitz II.A.Detail FusionForge.1931.png`]},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",src:`${I}/blitz_II/Blitz II.Ktm.0.760 (3).png`,angles:[`${I}/blitz_II/Blitz II.Ktm.0.760 (3).png`,`${I}/blitz_II/Blitz II.Ktm.20-20760 (4).png`,`${I}/blitz_II/Blitz II.Ktm.25.760 (2).png`,`${I}/blitz_II/Blitz II.Ktm.35.760 (1).png`],details:[`${I}/blitz_II/Blitz II.K TM.Detail 1.1925.png`,`${I}/blitz_II/Blitz II.K TM.Detail 2.1918.png`,`${I}/blitz_II/Blitz II.K TM.Detail FusionForge.1932.png`]},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",src:`${I}/blitz_II/Blitz II.Stm.0.748 (3).png`,angles:[`${I}/blitz_II/Blitz II.Stm.0.748 (3).png`,`${I}/blitz_II/Blitz II.Stm 20-20.748 (4).png`,`${I}/blitz_II/Blitz II.Stm.25.748 (2).png`,`${I}/blitz_II/Blitz II.Stm.35.748 (1).png`],details:[`${I}/blitz_II/Blitz II.S TM.Detail 1.1922.png`,`${I}/blitz_II/Blitz II.S TM.Detail 2.1915.png`,`${I}/blitz_II/Blitz II.S TM.Detail FusionForge.1929.png`]},{name:"Bronze",color:_1.bronze,family:"bronze",src:`${I}/blitz_II/Blitz II.n.0.764 (3).png`,angles:[`${I}/blitz_II/Blitz II.n.0.764 (3).png`,`${I}/blitz_II/Blitz II.n.20-20.764 (4).png`,`${I}/blitz_II/Blitz II.n.25.764 (2).png`,`${I}/blitz_II/Blitz II.n.35.764 (1).png`],details:[`${I}/blitz_II/Blitz II.N.Detail 1.1926.png`,`${I}/blitz_II/Blitz II.N.Detail 2.1919.png`,`${I}/blitz_II/Blitz II.N.Detail FusionForge.1933.png`]}]},{name:"THRUST II",slug:"thrust-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4500,spokes:7,mesh:!1,badge:"bestseller",finishes:[{name:"Hyper Black",color:_1.hyperBlack,family:"black",src:`${I}/thrust_II/Thrust II v2 2010 H.0.719.png`,angles:[`${I}/thrust_II/Thrust II v2 2010 H.0.719.png`,`${I}/thrust_II/Thrust II v2 2010 H.30.720.png`,`${I}/thrust_II/Thrust II v2 2010 H.30-30.722.png`,`${I}/thrust_II/Thrust II v2 2010 H.45.721.png`],details:[`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 1.png`,`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 2.png`,`${I}/thrust_II/Thrust II v2 2010 H.30-30.722.png`]},{name:"Anthracite",color:_1.anthracite,family:"graphite",src:`${I}/thrust_II/Thrust II v2 2010 A.0.735.png`,angles:[`${I}/thrust_II/Thrust II v2 2010 A.0.735.png`,`${I}/thrust_II/Thrust II v2 2010 A.30.736.png`,`${I}/thrust_II/Thrust II v2 2010 A.30-30.738.png`,`${I}/thrust_II/Thrust II v2 2010 A.45.737.png`],details:[`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 1.png`,`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 2.png`,`${I}/thrust_II/Thrust II v2 2010 A.30-30.738.png`]},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",src:`${I}/thrust_II/Thrust II v2 2010 K.0.730.png`,angles:[`${I}/thrust_II/Thrust II v2 2010 K.0.730.png`,`${I}/thrust_II/Thrust II v2 2010 K.30.731.png`,`${I}/thrust_II/Thrust II v2 2010 K.30-30.733.png`,`${I}/thrust_II/Thrust II v2 2010 K.45.732.png`],details:[`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 1.png`,`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 2.png`,`${I}/thrust_II/Thrust II v2 2010 K.30-30.733.png`]},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",src:`${I}/thrust_II/Thrust II v2 2010 S.0.725.png`,angles:[`${I}/thrust_II/Thrust II v2 2010 S.0.725.png`,`${I}/thrust_II/Thrust II v2 2010 S.30.726.png`,`${I}/thrust_II/Thrust II v2 2010 S.30-30.728.png`,`${I}/thrust_II/Thrust II v2 2010 S.45.727.png`],details:[`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 1.png`,`${I}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 2.png`,`${I}/thrust_II/Thrust II v2 2010 S.30-30.728.png`]},{name:"Bronze",color:_1.bronze,family:"bronze",src:`${I}/thrust_II/Thrust II v2 2010 N.0.740.png`,angles:[`${I}/thrust_II/Thrust II v2 2010 N.0.740.png`,`${I}/thrust_II/Thrust II v2 2010 N.30.741.png`,`${I}/thrust_II/Thrust II v2 2010 N.30-30.743.png`,`${I}/thrust_II/Thrust II v2 2010 N.45.742.png`]}]},{name:"TORQUE II",slug:"torque-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4300,spokes:7,mesh:!1,badge:null,finishes:[{name:"Hyper Black",color:_1.hyperBlack,family:"black",src:`${I}/torque_II/Torque II-H-0-2195.png`,angles:[`${I}/torque_II/Torque II-H-0-2195.png`,`${I}/torque_II/Torque II-H-20-20-2198.png`,`${I}/torque_II/Torque II-H-25-2196.png`,`${I}/torque_II/Torque II-H-35-2197.png`],details:[`${I}/torque_II/Torque II-H-Detail 1-2199.png`,`${I}/torque_II/Torque II-H-Detail 2-2200.png`,`${I}/torque_II/Torque II-H-Detail 3-2201.png`]},{name:"Anthracite",color:_1.anthracite,family:"graphite",src:`${I}/torque_II/Torque II-A-0-2174.png`,angles:[`${I}/torque_II/Torque II-A-0-2174.png`,`${I}/torque_II/Torque II-A-20-20-2177.png`,`${I}/torque_II/Torque II-A-25-2175.png`,`${I}/torque_II/Torque II-A-35-2176.png`],details:[`${I}/torque_II/Torque II-A-Detail 1-2178.png`,`${I}/torque_II/Torque II-A-Detail 2-2179.png`,`${I}/torque_II/Torque II-A-Detail 3-2180.png`]},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",src:`${I}/torque_II/Torque II-Ktm-0-2202.png`,angles:[`${I}/torque_II/Torque II-Ktm-0-2202.png`,`${I}/torque_II/Torque II-Ktm-20-20-2205.png`,`${I}/torque_II/Torque II-Ktm-25-2203.png`,`${I}/torque_II/Torque II-Ktm-35-2204.png`],details:[`${I}/torque_II/Torque II-Ktm-Detail 1-2206.png`,`${I}/torque_II/Torque II-Ktm-Detail 2-2207.png`,`${I}/torque_II/Torque II-Ktm-Detail 3-2208.png`]},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",src:`${I}/torque_II/Torque II-S-0-2181.png`,angles:[`${I}/torque_II/Torque II-S-0-2181.png`,`${I}/torque_II/Torque II-S-20-20-2184.png`,`${I}/torque_II/Torque II-S-25-2182.png`,`${I}/torque_II/Torque II-S-35-2183.png`],details:[`${I}/torque_II/Torque II-S-Detail 1-2185.png`,`${I}/torque_II/Torque II-S-Detail 2-2186.png`,`${I}/torque_II/Torque II-S-Detail 3-2187.png`]},{name:"Bronze",color:_1.bronze,family:"bronze",src:`${I}/torque_II/Torque II-N-0-2188.png`,angles:[`${I}/torque_II/Torque II-N-0-2188.png`,`${I}/torque_II/Torque II-N-20-20-2191.png`,`${I}/torque_II/Torque II-N-25-2189.png`,`${I}/torque_II/Torque II-N-35-2190.png`],details:[`${I}/torque_II/Torque II-N-Detail 1-2192.png`,`${I}/torque_II/Torque II-N-Detail 2-2193.png`,`${I}/torque_II/Torque II-N-Detail 3-2194.png`]}]},{name:"TURBINE II",slug:"turbine-ii",process:"Monoblock Cast",sizes:[19,20,21],price:1650,spokes:9,mesh:!0,badge:null,finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",src:`${I}/turbine II/Turbine II L S MF TM.0.png`,angles:[`${I}/turbine II/Turbine II L S MF TM.0.png`,`${I}/turbine II/Turbine II L S MF TM.25.png`,`${I}/turbine II/Turbine II L S MF TM.35.png`,`${I}/turbine II/Turbine II L S MF TM.45.png`],details:[`${I}/turbine II/Turbine II L S MF TM.Detail 1.png`,`${I}/turbine II/Turbine II.L S MF TM.Detail 2.2239.png`,`${I}/turbine II/Turbine II L S MF TM.Detail 3.png`]},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",src:`${I}/turbine II/Turbine II L K MF TD TM.0.png`,angles:[`${I}/turbine II/Turbine II L K MF TD TM.0.png`,`${I}/turbine II/Turbine II L K MF TD TM.25.png`,`${I}/turbine II/Turbine II L K MF TD TM.35.png`,`${I}/turbine II/Turbine II L K MF TD TM.45.png`],details:[`${I}/turbine II/Turbine II L K MF TD TM.Detail 1.png`,`${I}/turbine II/Turbine II L K MF TD TM.LR Detail 2.png`,`${I}/turbine II/Turbine II L K MF TD TM.Detail 3.png`]}]},{name:"BLITZ",slug:"blitz",process:"Monoblock Cast",sizes:[18,19,20],price:1380,spokes:8,mesh:!0,badge:null,finishes:[{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",...U5("blitz","Blitz.Stm",["2167","2170","2168","2169"],["2171","2172","2173"]),wheelPhotos:Array.from({length:8},(e,t)=>`${I}/blitz/Blitz stm wheel(${t+19}).jpg`),video:`${qg}/blitz/Blitz stm wheel.mp4`},{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...U5("blitz","Blitz.Smftm",["2160","2163","2161","2162"],["2164","2165","2166"])},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...U5("blitz","Blitz.Ktm",["2146","2149","2147","2148"],["2150","2151","2152"]),wheelPhotos:Array.from({length:8},(e,t)=>`${I}/blitz/Blitz ktm wheel (${t+1}).jpg`),carPhotos:Array.from({length:6},(e,t)=>`${I}/blitz/Blitz ktm Car AUDI 03-03 (${t+1}).png`),video:`${qg}/blitz/Blitz ktm wheel.mp4`},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...U5("blitz","Blitz.Kmftdtm",["2139","2142","2140","2141"],["2143","2144","2145"]),carPhotos:[5,7,8,9,10].map(e=>`${I}/blitz/Blitz kmftdtm Car 2018 Mercedes-AMG GT R (${e}).jpg`)},{name:"Candy Red",color:_1.candyRed,family:"red",...U5("blitz","Blitz.Rmftr",["2153","2156","2154","2155"],["2157","2158","2159"])}]},{name:"FRIXION 5",slug:"frixion-5",process:"Monoblock Cast",sizes:[18,19,20],price:1320,spokes:5,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...U5("frixion 5","Frixion5 S MF",["1969","1972","1970","1971"]),details:[`${I}/frixion 5/Frixion5.Smf.Detail 1.2108.png`,`${I}/frixion 5/Frixion5.Smf.Detail 2.2109.png`,`${I}/frixion 5/Frixion5.Smf.Detail 3.2110.png`],wheelPhotos:Array.from({length:11},(e,t)=>`${I}/frixion 5/Frixion 5 Smf wheel (${t+1}).jpg`),carPhotos:[4,5,6,7].map(e=>`${I}/frixion 5/Frixion5 smftm car 2019 Jaguar XE SV Project 8 (${e}).jpg`),video:`${qg}/frixion 5/frixion 5 kmftdtm smftm .mp4`},{name:"Black Machined Face",color:_1.blackMachined,family:"black",...U5("frixion 5","Frixion5 K TM",["1995","1998","1996","1997"]),details:[`${I}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 1.1999.png`,`${I}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 2.2000.png`,`${I}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 3.2001.png`],wheelPhotos:[`${I}/frixion 5/Frixion 5 kmftdtm wheel (2).jpg`,`${I}/frixion 5/Frixion 5 kmftdtm wheel (3).jpg`]},{name:"Candy Red",color:_1.candyRed,family:"red",...U5("frixion 5","Frixion5 R ",["1973","1976","1974","1975"]),details:[`${I}/frixion 5/Frixion5 R .Detail 1.1960.png`,`${I}/frixion 5/Frixion5 R .Detail 2.1961.png`,`${I}/frixion 5/Frixion5 R .Detail 3.1962.png`],carPhotos:[5,6,7,8,9].map(e=>`${I}/frixion 5/Frixion5 R car 2021 Ferrari Roma (${e}).jpg`)}]},{name:"FRIXION 6",slug:"frixion-6",process:"Monoblock Cast",sizes:[18,19,20,22],price:1380,spokes:6,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...U5("frixion 6","Frixion6 S MF TM",["2044","2047","2045","2046"]),details:[`${I}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 1.2048.png`,`${I}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 2.2049.png`,`${I}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 3.2050.png`]},{name:"Black Machined Face Dark Tint",color:_1.blackMachined,family:"black",src:`${I}/frixion 6/Frixion6 K MF TD.0.2030.png`,angles:[`${I}/frixion 6/Frixion6 K MF TD.0.2030.png`,`${I}/frixion 6/Frixion6 K MF TD.20-20.2033.png`,`${I}/frixion 6/Frixion6 K MF TD.25.png`,`${I}/frixion 6/Frixion6 K MF TD.35.2032.png`],details:[`${I}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 1.2034.png`,`${I}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 2.2035.png`,`${I}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 3.2036.png`]},{name:"Candy Red",color:_1.candyRed,family:"red",...U5("frixion 6","Frixion6 R MF TR",["2037","2040","2038","2039"]),details:[`${I}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 1.2041.png`,`${I}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 2.2042.png`,`${I}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 3.2043.png`]}]},{name:"ROTOR",slug:"rotor",process:"Monoblock Cast",sizes:[18,19,20,22],price:1450,spokes:5,mesh:!1,badge:"bestseller",finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...O0("rotor",".","Rotor.Smftm")},{name:"Black Machined Face Dark Tint",color:_1.blackMachined,family:"black",...O0("rotor",".","Rotor.Kmftdtm")},{name:"Candy Red",color:_1.candyRed,family:"red",...O0("rotor",".","Rotor.Rmftr")}]},{name:"VECTOR II",slug:"vector-ii",process:"Monoblock Cast",sizes:[18,19,20],price:1420,spokes:7,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...O0("vector II","-","Vector II-Smftm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("vector II","-","Vector II-Ktm")},{name:"Candy Red",color:_1.candyRed,family:"red",...O0("vector II","-","Vector II-Rmftr")}]},{name:"TORQUE",slug:"torque",process:"Monoblock Cast",sizes:[18,19,20],price:1390,spokes:7,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...O0("torque","-","Torque-Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...O0("torque","-","Torque-Kmftdtm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...O0("torque","-","Torque-Ktm")},{name:"Anthracite",color:_1.anthracite,family:"graphite",...O0("torque","-","Torque-A")}]}];function T41(e){return{GBP:e,USD:Math.round(e*1.28/10)*10,AUD:Math.round(e*1.92/10)*10}}var P41={"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."},Wg=F41.map(({price:e,...t})=>({...t,prices:T41(e),description:P41[t.slug]??"",compatibleTyres:[],finishes:t.finishes.map(a=>({...a,src:a.src?A2(a.src):a.src,angles:a.angles?.map(A2),details:a.details?.map(A2),wheelPhotos:a.wheelPhotos?.map(A2),carPhotos:a.carPhotos?.map(A2),video:a.video?A2(a.video):a.video}))})),E41=new Map(Wg.map(e=>[e.slug,e]));function mn(e){return E41.get(e)}import{ProductFieldIcon as W41,BlockProductIcon as U41,ProductSizeIcon as j41,NoteIcon as K41}from"efficient-easel/icons";import{useEffect as R41,useState as tI}from"react";import{Fragment as j_,jsx as V41,jsxs as K_}from"react/jsx-runtime";function Ug({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 K_(j_,{children:[V41("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?K_(j_,{children:[" ",e.detail]}):null]})}function Y_({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??[],l=c.length===0?ep(e,a):N41(c,a);if(l===null)return{state:"fits",checks:He(a)};let r=c.length===0?null:ep(e,a),o=r!==null&&r.key===l.key?r:l;return o.key==="unverifiable"?{state:"unknown",missing:"wheel"}:o.key==="et"?{state:"fits-with-warning",checks:He(a),warning:o}:{state:"no-fit",failure:o}}var $_=["unverifiable","pcd","bore","et"];function N41(e,t){let a=null,s=null,c=!1;for(let l of e){let r=Rr(Ir(l),t);if(r===null){let o=qk(l,t);if(o===null)return null;c=!0,s=s??o;continue}(a===null||$_.indexOf(r.key)>$_.indexOf(a.key))&&(a=r)}return c?s:a}function c9(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 _41="Pick your car",I41="and we will check this size against it.";function X_(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 J_(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:_41,detail:I41};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=w8(X_(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=w8(X_(e),{...t.fit,etRange:null});return c===null?{tone:"warn",lead:`Fits your ${a}`,detail:`Check the offset. ${c9(s)}`}:{tone:"no-fit",lead:`Does not fit your ${a}`,detail:c9(c)}}return{tone:"no-fit",lead:`Does not fit your ${a}`,detail:c9(s)}}var Q_=[{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 eI(e){if(e.length===0)return Q_;let t=dC(e),a=Q_.filter(s=>t(s.fieldKey));return r7(a,s=>s.fieldKey,e,"fitmentOrder")}import{Fragment as D41,jsx as _2,jsxs as F6}from"react/jsx-runtime";var B41=[],Z41="whitespace-nowrap border-b border-line px-4 py-3.5",aI="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",sI="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",cI="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",lI={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},rI=(e,t)=>t.map(a=>a.cell(e)).join("|");function fc({num:e,title:t,description:a,rows:s,showFilter:c=!0,tooltipDefaultOn:l=!0,footnote:r,footnoteLinkText:o,footnoteLinkHref:i,editing:n=!1,omitHead:h=!1,fieldUsage:m=B41}){let p=s??[],u=eI(m),[g,d]=tI(null),[f,v]=tI(l);R41(()=>v(l),[l]);let z=N4({editing:n}),x=u.length===0;if(p.length===0||x)return n?F6("section",{className:h?cI:sI,children:[h?null:_2(Q1,{num:e!=null?C(e):void 0,title:t!=null?$(t,!1):void 0,description:a!=null?C(a):void 0,accent:!0}),_2("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 k=new Set,M=p.filter(T=>{let N=rI(T,u);return k.has(N)?!1:(k.add(N),!0)}),A=Array.from(new Set(M.map(T=>T.diameter))).sort((T,N)=>T-N),R=g!==null&&A.includes(g)?g:null,E=R===null?M:M.filter(T=>T.diameter===R),Z=c&&A.length>1,F=T=>{if(T===0)return!1;let N=E[T-1],B=E[T];return N.diameter!==B.diameter||N.width!==B.width};return F6("section",{className:h?cI:sI,children:[h?null:_2(Q1,{num:e!=null?C(e):void 0,title:t!=null?$(t,!1):void 0,description:a!=null?C(a):void 0,accent:!0}),F6("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[Z&&F6(D41,{children:[_2("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:"}),F6("button",{type:"button",onClick:()=>d(null),className:`${aI} ${R===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:R===null?lI:void 0,children:[R===null&&_2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),A.map(T=>{let N=T===R;return F6("button",{type:"button",onClick:()=>d(N?null:T),className:`${aI} ${N?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:N?lI:void 0,children:[N&&_2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),T,'"']},T)})]}),F6("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:[_2("span",{children:"Vehicle tooltip"}),_2("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:_2("span",{className:`block h-3 w-3 rounded-full transition-transform ${f?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),_2("span",{className:f?"text-accent":"text-fg-dim",children:f?"On":"Off"})]})]}),_2("div",{className:"-mx-1 overflow-x-auto",children:F6("table",{className:"w-full border-collapse font-mono text-[length:var(--size-label,14px)] tracking-[0.06em] text-fg",children:[_2("thead",{children:_2("tr",{children:u.map(({header:T},N)=>_2("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))})}),_2("tbody",{children:E.map((T,N)=>_2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${F(N)?"[&>td]:border-t [&>td]:border-line":""}`,children:u.map((B,P)=>{let O=P===u.length-1,c1=B.fieldKey==="diameter";return F6("td",{className:`${O?"relative ":""}${Z41}${c1?" text-accent":""}`,children:[B.cell(T),O&&f&&_2("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:_2(Ug,{answer:J_(T,z)})})]},B.fieldKey)})},rI(T,u)))})]})}),_2(t5,{text:r,linkText:o,linkHref:i})]})}import{jsx as jg}from"react/jsx-runtime";var O41=["alloy-wheel"];function Kg(e){return jg(x2,{kinds:O41,type:"FitmentTable",editing:e.editing,children:jg(G41,{...e})})}function G41({num:e,title:t,description:a,showFilter:s,tooltipDefaultOn:c,footnote:l,footnoteLinkText:r,footnoteLinkHref:o,editing:i=!1,omitHead:n=!1}){let h=Y0(),m=v3(i&&!h),p=h?.product??m,u=p?.kind==="alloy-wheel"?p.source.fitments??[]:[];return jg(fc,{num:e,title:t,description:a,rows:u,showFilter:s,tooltipDefaultOn:c,footnote:l,footnoteLinkText:r,footnoteLinkHref:o,editing:i,omitHead:n,fieldUsage:h?.fieldUsage})}function oI(e,t){return t||e.dynamic===!0}import{jsx as iI}from"react/jsx-runtime";function $g({dynamic:e,wheel:t,omitHead:a=!1,...s}){let c=Y0()!==null||!!s.editing&&D2();return oI({dynamic:e,wheel:t},c)?iI(Kg,{...s,omitHead:a}):iI(fc,{...s,omitHead:a,rows:It(typeof t=="string"?t:"")})}import{jsx as q41}from"react/jsx-runtime";var r5={num:L.sectionNumber,title:"Specifications *table.*",description:L.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},nI={label:"Fitment Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",wheel:"",showFilter:!0,tooltipDefaultOn:!0,footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return q41($g,{dynamic:e.dynamic,wheel:e.wheel,num:a(y(e.num,r5.num,e.puck)),title:a(y(e.title,r5.title,e.puck)),description:a(y(e.description,r5.description,e.puck)),omitHead:t,showFilter:e.showFilter,tooltipDefaultOn:e.tooltipDefaultOn,footnote:y(e.footnote,r5.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,r5.footnoteLinkText,e.puck),footnoteLinkHref:t1(e.footnoteLinkHref),editing:e.puck?.isEditing})}};import{jsx as pn}from"react/jsx-runtime";var $41=Wg.filter(e=>It(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),hI={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,pn(W41,{})),_gContent:b("Header"),num:H("Number",r5.num),title:H("Heading",r5.title),description:D("Body",r5.description),_gData:b("Wheel"),wheel:g1("Product",pn(U41,{}),$41,"vector-iii"),_gOptions:b("Controls"),showFilter:s1("Size-filter chips",!0,pn(j41,{})),tooltipDefaultOn:s1("Detail tooltip on by default",!0,pn(K41,{})),_gFootnote:b("Footnote"),footnote:D("Footnote",r5.footnote),footnoteLinkText:H("Footnote button",r5.footnoteLinkText),footnoteLinkHref:H1("Footnote link")},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},c=l=>O1(W1(l,a,U1),e.props.headPlacement,B1.FitmentTable.headRows);return delete s._gDynamic,delete s.dynamic,D2()&&(delete s._gData,delete s.wheel),c(s)}};import{SettingsField as pI}from"efficient-easel/panel";import{FieldSelect as uI}from"efficient-easel/fields";import{BlockProductIcon as Q41,CategoryIcon as e51}from"efficient-easel/icons";import{useEffect as Xg,useMemo as t51,useRef as un,useState as dn}from"react";import{useEffect as Y41,useMemo as mI,useState as X41}from"react";var T6="__all__";function J41(e,t){let a=new Set((e??[]).map(s=>s.name));return t!==T6&&a.add(t),[...a].sort((s,c)=>s.localeCompare(c))}function Yg(e,t){return t===T6?e??[]:(e??[]).filter(a=>a.process===t)}function U7(e,t,a){let[s,c]=X41(T6);Y41(()=>{a?.process&&c(a.process)},[a]);let l=mI(()=>J41(t,s),[t,s]),r=mI(()=>Yg(e,s),[e,s]);return{category:s,setCategory:c,categoryNames:l,filtered:r}}import{Fragment as dI,jsx as A3,jsxs as gn}from"react/jsx-runtime";var o5="__all__";function a51(e,t){return t===o5?e:e.filter(a=>a.process===t)}function Rt(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 gI(e){let t=N3();return t?X1.getWheelDetail(t,e,{siteId:i2()}):Promise.reject(new Error("editor not authenticated"))}async function s51(e){let t=await gI(e),a={slug:t.slug,name:t.name,process:t.process},s=t.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};return{...a,vehicleCards:Rt(s.lifestyle??[],a),wheelCards:Rt(s.photos??[],a),othersCards:Rt(s.others??[],a)}}async function c51(e,t){let a=await Promise.all(e.map(r=>gI(r.slug).catch(()=>null))),s=[],c=[],l=[];for(let r of a){if(!r)continue;let o={slug:r.slug,name:r.name,process:r.process},i=r.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};s.push(...Rt(i.lifestyle??[],o)),c.push(...Rt(i.photos??[],o)),l.push(...Rt(i.others??[],o))}return{slug:o5,name:t===o5?"All products":t,process:"",vehicleCards:s,wheelCards:c,othersCards:l,category:t}}function Jg({value:e,onChange:t}){let a=z4(),[s,c]=dn(null),[l,r]=dn(null),[o,i]=dn(!1),[n,h]=dn(!1),m=un(!0),p=un(e);p.current=e;let u=un(t);u.current=t;let g=(V,q=!1)=>{i(!0),q||h(!1),V().then(K=>{m.current&&(p6(K,p.current)&&u.current(K),h(!1))}).catch(()=>{m.current&&!q&&h(!0)}).finally(()=>{m.current&&i(!1)})},d=(V,q=!1)=>g(()=>s51(V),q),f=(V,q=!1)=>g(()=>c51(a51(s??[],V),V),q);Xg(()=>(m.current=!0,r3().then(V=>{m.current&&c(V)}),u4().then(V=>{m.current&&r(V)}),()=>{m.current=!1}),[]);let v=un(!1);Xg(()=>{if(v.current)return;let V=p.current;if(!V?.slug){v.current=!0;return}if(V.slug===o5){if(s===null)return;v.current=!0,f(V.category??o5,!0)}else v.current=!0,d(V.slug,!0)},[s]);let z=e?.slug===o5,x=t51(()=>s&&e?.slug&&!z?s.find(V=>V.slug===e.slug)??null:null,[s,e?.slug,z]),{category:k,setCategory:M,categoryNames:A,filtered:R}=U7(s,l);Xg(()=>{z?e?.category&&M(e.category):x?.process&&M(x.process)},[x,z,e?.category]);let E=s===null,Z=!!e?.slug&&!z&&s!==null&&!x,F=V=>{if(!V){t(null);return}if(V===o5){f(k);return}d(V)},T=V=>{M(V),p.current?.slug===o5&&f(V)},N=()=>{e?.slug&&(r3(!0).then(V=>{m.current&&c(V)}),z?f(e.category??o5):d(e.slug))},B=()=>{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),O=n?"error":o?"loading":"idle",c1=n?"Couldn\u2019t reach the product catalog.":o?"Syncing media from the catalog\u2026":Z?`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 gn("div",{children:[A3(pI,{label:"Category",icon:A3(e51,{}),children:A3(uI,{value:k,ariaLabel:"Category",onChange:T,readOnly:E,options:[{label:"All products",value:o5},...A.map(V=>({label:V,value:V}))]})}),A3(pI,{label:"Product",icon:A3(Q41,{}),children:A3(uI,{value:e?.slug??"",ariaLabel:"Product",onChange:F,readOnly:E||o,options:[{label:E?"Loading\u2026":"None (write the cards yourself)",value:""},{label:"All products",value:o5},...Z?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...R.map(V=>({label:V.name,value:V.slug}))]})}),e?.slug?A3(T4,{status:O,statusText:c1,onRefresh:N,busy:o,edit:z?void 0:{label:"Edit product \u270E",onClick:B},hint:z?gn(dI,{children:["Pools ",A3("strong",{children:"every product\u2019s"})," grouped media: each one\u2019s"," ",A3("strong",{children:"Relative / lifestyle photos"})," feed Gallery A, its"," ",A3("strong",{children:"Product photos"})," Gallery B and its ",A3("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."]}):gn(dI,{children:["Gallery A comes from the product\u2019s ",A3("strong",{children:"Relative / lifestyle photos"}),", Gallery B from its ",A3("strong",{children:"Product photos"})," and the Others gallery from its ",A3("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."]})}):gn("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:["Pick a product \u2014 or ",A3("strong",{children:"All products"})," \u2014 to build the galleries from media groups, or keep \u201CNone\u201D to author the cards yourself."]})]})}import{EyeIcon as o51,TabsIcon as bI,BreadcrumbIcon as i51,HashIcon as xI,SortIcon as n51}from"efficient-easel/icons";import{useEffect as l51,useMemo as vI,useState as vn}from"react";import{Fragment as fn,jsx as j1,jsxs as t2}from"react/jsx-runtime";function Qg(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function ev(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var tv=Array.from({length:6},(e,t)=>({image:"",process:"Tag",eyebrow:"Category",name:"Item name",meta:`0${t+1} photos`}));function av({mode:e="both",kicker:t,breadcrumbLabel:a,vehicleTabLabel:s="Gallery A",vehicleTitle:c,vehicleBody1:l,vehicleBody2:r,vehicleStats:o,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:k=!0,showStats:M=!0,showIntro:A=!0,showTabs:R=!0,showFilters:E=!0,showCount:Z=!0,showSort:F=!0,previewTab:T,previewHover:N=!1,editing:B=!1}){let P=e==="both",O=P?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[c1,V]=vn(O[0]),K=(B&&P&&T&&O.includes(T)?T:null)??(O.includes(c1)?c1:O[0]),W=B&&N,[r1,x1]=vn("all"),[Y,e1]=vn("newest"),[d1,U]=vn(null);l51(()=>{if(!d1)return;let m1=ev(d1.card).length,q1=P0=>{P0.key==="Escape"?U(null):P0.key==="ArrowLeft"&&m1>1?U(y0=>y0&&{...y0,index:(y0.index-1+m1)%m1}):P0.key==="ArrowRight"&&m1>1&&U(y0=>y0&&{...y0,index:(y0.index+1)%m1})};window.addEventListener("keydown",q1);let o0=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",q1),document.body.style.overflow=o0}},[d1]);let p1=K==="vehicles"?{title:c,body1:l,body2:r,stats:o??[],cards:i??[],unit:"items",word:s}:K==="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},f1=vI(()=>{let m1=[];for(let q1 of p1.cards)q1.process&&!m1.includes(q1.process)&&m1.push(q1.process);return m1},[p1.cards]),F0=r1!=="all"&&f1.includes(r1)?r1:"all",T0=F0==="all"?p1.cards:p1.cards.filter(m1=>m1.process===F0),A1=vI(()=>{let m1=[...T0];return Y==="name"&&m1.sort((q1,o0)=>(q1.name??"").localeCompare(o0.name??"")),m1},[T0,Y]),s0=p1.cards.length===0,c0=B&&s0,$1=c0?tv:A1,w2=c0?tv.length:p1.cards.length,e0=c0?tv.length:A1.length,L2=t?`${t} \xB7 ${p2(p1.word)}`:void 0;function d0(m1){m1!==K&&(V(m1),x1("all"))}return t2("section",{className:"relative z-[2] bg-bg",children:[k&&t2("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:[j1("span",{className:"hover:text-fg",children:"Home"}),j1("span",{className:"opacity-40",children:"/"}),j1("span",{className:"text-fg",children:a?Z0(a):"Gallery"})]}),t2("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:[j1("span",{className:"pb-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-accent",children:L2?C(L2):null}),j1("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:p1.title?$(p1.title,!0):null}),j1("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:M&&p1.stats.map((m1,q1)=>t2("div",{children:[m1.value?j1("strong",{className:"font-normal text-fg",children:C(m1.value)}):null," ",m1.label?C(m1.label):null]},q1))})]}),A&&(p1.body1||p1.body2)&&t2("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:[p1.body1&&j1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:C(p1.body1)}),p1.body2&&j1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:C(p1.body2)})]}),P&&R&&j1("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 o0=K===m1,P0=m1==="vehicles"?s:n,y0=m1==="vehicles"?(i??[]).length:(g??[]).length,o2=(P0||"").trim().split(/\s+/),X=o2.slice(0,-1).join(" "),C1=o2.slice(-1)[0]??"";return t2("button",{type:"button",onClick:()=>d0(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",o0?"bg-surface":"hover:bg-fg/[0.04]"].join(" "),children:[j1("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]",o0?"text-accent":"text-fg-dim group-hover:text-accent"].join(" "),children:q1===0?"A":"B"}),t2("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:[X?t2(fn,{children:[Z0(X)," "]}):null,j1("em",{className:"font-normal italic text-accent",children:Z0(C1)})]}),t2("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:[j1("strong",{className:"font-normal text-fg",children:y0})," ","items",j1("br",{}),m1==="vehicles"?"Community photos":"Featured photos"]}),o0&&j1("span",{className:"pointer-events-none absolute inset-x-0 -bottom-px h-0.5 bg-accent"})]},m1)})}),(E||Z||F)&&t2("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:[j1("div",{className:"flex flex-wrap gap-1",children:E&&["all",...f1].map(m1=>{let q1=F0===m1,o0=m1==="all"?"All":m1;return j1("button",{type:"button",onClick:()=>x1(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:Z0(o0)},m1)})}),Z?t2("div",{className:"text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[j1("strong",{className:"font-normal text-accent",children:e0})," / ",w2," ",p1.unit]}):j1("div",{}),F?t2("div",{className:"flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[j1("span",{children:"Sort"}),t2(wa,{value:Y,onChange:m1=>e1(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:[j1("option",{value:"newest",children:"Newest"}),j1("option",{value:"featured",children:"Featured"}),j1("option",{value:"name",children:"Name A\u2013Z"})]})]}):j1("div",{})]}),j1("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:$1.length>0?j1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:$1.map((m1,q1)=>{let o0=ev(m1)[0],y0=`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"}`,o2=`${m1.name??"card"}-${q1}`,X=t2(fn,{children:[j1(C0,{label:Qg(m1.name,`gallery-card-${q1+1}`),src:o0||void 0,alt:p2(m1.name??""),sizes:"(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",className:`transition-transform duration-700 ${W?"scale-[1.04]":"group-hover:scale-[1.04]"}`}),t2("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:[t2("div",{className:"flex items-start justify-between font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",children:[m1.process?j1("span",{className:"text-accent",children:C(m1.process)}):j1("span",{}),t2("span",{className:"text-overlay-fg/70",children:[String(q1+1).padStart(2,"0")," / ",String($1.length).padStart(2,"0")]})]}),t2("div",{className:"flex flex-col gap-1.5",children:[m1.eyebrow&&j1("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:C(m1.eyebrow)}),m1.name&&j1("div",{className:"font-heading3 text-[length:var(--size-headingSmall,clamp(22px,2.4vw,32px))] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg",children:C(m1.name)}),m1.meta&&j1("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:j1("span",{children:C(m1.meta)})})]})]})]});return B?j1("div",{className:y0,children:X},o2):j1("button",{type:"button",onClick:()=>U({card:m1,index:0}),"aria-label":`Open ${m1.name??"gallery item"}`,className:`${y0} cursor-pointer focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2`,children:X},o2)})}):j1("div",{className:"py-20 text-center font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim",children:s0?"No items in this gallery yet.":"No items match this filter."})}),d1&&(()=>{let m1=ev(d1.card),{card:q1,index:o0}=d1,P0=m1.length,y0=m1[o0]??m1[0]??"",o2=C1=>U(h0=>h0&&{...h0,index:(h0.index+C1+P0)%P0}),X=[q1.process,q1.meta].filter(Boolean).join(" \xB7 ");return t2("div",{role:"dialog","aria-modal":"true","aria-label":q1.name??"Gallery item",onClick:()=>U(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:[t2("div",{className:"relative flex w-full flex-1 items-center justify-center",children:[j1("div",{className:"relative h-full max-h-[72vh] w-full max-w-[92vw]",children:j1(C0,{label:Qg(q1.name,"gallery-photo"),src:y0||void 0,alt:p2(q1.name??""),objectFit:"contain",sizes:"92vw"})}),P0>1&&t2(fn,{children:[j1("button",{type:"button","aria-label":"Previous photo",onClick:C1=>{C1.stopPropagation(),o2(-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"}),j1("button",{type:"button","aria-label":"Next photo",onClick:C1=>{C1.stopPropagation(),o2(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"})]})]}),t2("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:C1=>C1.stopPropagation(),children:[t2("div",{className:"flex flex-col items-center gap-1",children:[q1.name&&j1("span",{className:"text-accent",children:C(q1.name)}),q1.eyebrow&&j1("span",{children:C(q1.eyebrow)}),t2("span",{className:"text-fg-dim/70",children:[X?t2(fn,{children:[C(X)," \xB7 "]}):null,o0+1," / ",P0]})]}),q1.href&&j1(S1,{href:q1.href,onClick:()=>U(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"})]}),P0>1&&j1("div",{onClick:C1=>C1.stopPropagation(),className:"mt-5 flex max-w-[92vw] gap-1.5 overflow-x-auto pb-1",children:m1.map((C1,h0)=>j1("button",{type:"button","aria-label":`Photo ${h0+1}`,onClick:()=>U(V0=>V0&&{...V0,index:h0}),className:["relative h-16 w-24 shrink-0 cursor-pointer overflow-hidden border transition-colors max-[720px]:h-12 max-[720px]:w-16",h0===o0?"border-accent":"border-line opacity-60 hover:border-fg-dim hover:opacity-100"].join(" "),children:j1(C0,{label:Qg(q1.name,"gallery-photo"),src:C1||void 0,alt:"",sizes:"120px"})},`${C1}-${h0}`))}),j1("button",{type:"button",onClick:()=>U(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 r51}from"react/jsx-runtime";var z2={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."},sv=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],cv=[{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"}],fI={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 r51(av,{mode:e.mode,kicker:y(e.kicker,z2.kicker,e.puck),breadcrumbLabel:t1(e.breadcrumbLabel)||"Gallery",vehicleTabLabel:t1(e.vehicleTabLabel)||"Gallery A",vehicleTitle:y(e.vehicleTitle,z2.vehicleTitle,e.puck),vehicleBody1:y(e.vehicleBody1,z2.vehicleBody1,e.puck),vehicleBody2:y(e.vehicleBody2,z2.vehicleBody2,e.puck),vehicleStats:y1(e.vehicleStats,sv,e.puck),vehicleCards:y1(t?.vehicleCards??e.vehicleCards,cv,e.puck),wheelTabLabel:t1(e.wheelTabLabel)||"Gallery B",wheelTitle:y(e.wheelTitle,z2.wheelTitle,e.puck),wheelBody1:y(e.wheelBody1,z2.wheelBody1,e.puck),wheelBody2:y(e.wheelBody2,z2.wheelBody2,e.puck),wheelStats:y1(e.wheelStats,sv,e.puck),wheelCards:y1(t?.wheelCards??e.wheelCards,cv,e.puck),othersTitle:y(e.othersTitle,z2.othersTitle,e.puck),othersBody1:y(e.othersBody1,z2.othersBody1,e.puck),othersBody2:y(e.othersBody2,z2.othersBody2,e.puck),othersStats:y1(e.othersStats,sv,e.puck),othersCards:y1(t?.othersCards??e.othersCards,cv,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 P6}from"react/jsx-runtime";var zI={fields:{_sSetup:a0("Setup"),_gGallery:b("Gallery"),mode:b1("Show",P6(o51,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:H("Eyebrow",z2.kicker),breadcrumbLabel:G("Breadcrumb label","Gallery"),_gSource:b("Source product"),source:a2(Jg),_sPreview:a0("Preview"),_gPreview:b(Zl),previewTab:b1("Show tab",P6(bI,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"}],"vehicles"),_sVehicle:a0("Gallery A"),_gVehicleContent:b("Content"),vehicleTabLabel:G("Tab label","Gallery A"),vehicleTitle:D("Heading",z2.vehicleTitle),vehicleBody1:D("Intro",z2.vehicleBody1),vehicleBody2:D("Body",z2.vehicleBody2),_gVehicleStats:b("Stats"),vehicleStats:{type:"array",label:"Stats",arrayFields:{value:v1("Value"),label:v1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gVehicleCards:b("Cards"),vehicleCards:{type:"array",label:"Cards",arrayFields:{image:G1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:G1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:H1("Product link"),process:v1("Tag"),eyebrow:v1("Eyebrow"),name:v1("Title"),meta:v1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sWheel:a0("Gallery B"),_gWheelContent:b("Content"),wheelTabLabel:G("Tab label","Gallery B"),wheelTitle:D("Heading",z2.wheelTitle),wheelBody1:D("Intro",z2.wheelBody1),wheelBody2:D("Body",z2.wheelBody2),_gWheelStats:b("Stats"),wheelStats:{type:"array",label:"Stats",arrayFields:{value:v1("Value"),label:v1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gWheelCards:b("Cards"),wheelCards:{type:"array",label:"Cards",arrayFields:{image:G1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:G1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:H1("Product link"),process:v1("Tag"),eyebrow:v1("Eyebrow"),name:v1("Title"),meta:v1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sOthers:a0("Others gallery"),_gOthersContent:b("Content"),othersTitle:D("Heading",z2.othersTitle),othersBody1:D("Intro",z2.othersBody1),othersBody2:D("Body",z2.othersBody2),_gOthersStats:b("Stats"),othersStats:{type:"array",label:"Stats",arrayFields:{value:v1("Value"),label:v1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gOthersCards:b("Cards"),othersCards:{type:"array",label:"Cards",arrayFields:{image:G1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:G1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:H1("Product link"),process:v1("Tag"),eyebrow:v1("Eyebrow"),name:v1("Title"),meta:v1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sVisibility:a0("Visibility"),_gElements:b("Show / hide elements"),showBreadcrumb:s1("Breadcrumb",!0,P6(i51,{})),showStats:s1("Stats",!0,P6(xI,{})),showIntro:s1("Intro text",!0,P6(e4,{noun:"intro"})),showTabs:s1("Tab switcher",!0,P6(bI,{})),showFilters:s1("Tag filters",!0,P6(e4,{noun:"tag"})),showCount:s1("Result count",!0,P6(xI,{})),showSort:s1("Sort control",!0,P6(n51,{}))},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"],l=["_sWheel","_gWheelContent","wheelTabLabel","wheelTitle","wheelBody1","wheelBody2","_gWheelStats","wheelStats","_gWheelCards","wheelCards"];return a.mode==="vehicles"&&l.forEach(r=>delete s[r]),a.mode==="wheels"&&c.forEach(r=>delete s[r]),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 f51,ImageIcon as b51,EyeIcon as x51}from"efficient-easel/icons";import{jsx as _4,jsxs as kI}from"react/jsx-runtime";var h51=R3,yI=["photos","lifestyle","accessories","others"];function m51(e,t){if(!e)return[];if(t==="all")return yI.flatMap(s=>e[s]??[]);let a=yI.includes(t)?t:null;return a?e[a]??[]:[]}var wI="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]",CI="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 lv(e){return vo(!!e.editing)?_4(p51,{...e}):_4(x2,{kinds:h51,type:"GalleryB",editing:e.editing,children:_4(u51,{...e})})}function p51(e){let{editing:t=!1}=e,a=bo(),s=a?uo(a,{firstField:!0}).map(c=>({images:[c.url],eyebrow:c.alt||void 0})):t?Array.from({length:AS},()=>({images:[""]})):[];return _4(MI,{...e,tiles:s,owner:{name:(a??fo).title},emptyHint:"This record\u2019s pictures appear here on its page. A record with no pictures draws nothing."})}function u51({omitHead:e=!1,num:t,title:a,linkText:s,linkHref:c,galleryHref:l="/gallery",submitHref:r="/contact",zone:o="all",photoDisplay:i="covers",previewHover:n,editing:h=!1}){let m=Y0(),p=v3(h&&!m),u=m?.product??p,g=m51(u?.mediaGroups,o).map(v=>({images:(v.items??[]).filter(z=>z.kind==="image").map(z=>z.url),name:v.name,finish:v.finish})).filter(v=>v.images.length>0),f=(i==="auto"?g.length>=4?"covers":"all":i)==="all"?g.flatMap(v=>v.images.map(z=>({images:[z],name:v.name,finish:v.finish}))):g;return _4(MI,{omitHead:e,num:t,title:a,linkText:s,linkHref:c,galleryHref:l,submitHref:r,previewHover:n,editing:h,tiles:u?f.map(v=>({images:v.images,eyebrow:v.name,meta:v.finish})):[],owner:{name:u?.name??"",href:u?.href,process:u?.eyebrow},emptyHint:"This product\u2019s photos appear here on a product page. Add media groups in the product\u2019s Media tab."})}function MI({omitHead:e=!1,num:t,title:a,linkText:s,linkHref:c,galleryHref:l="/gallery",submitHref:r="/contact",previewHover:o,editing:i=!1,tiles:n,owner:h,emptyHint:m}){let p=s?{text:s,href:c||"#"}:void 0,u=a?$(a,!1):void 0,g=e?null:_4(Q1,{num:t,title:u,link:p});return n.length===0?i?kI("section",{className:e?CI:wI,children:[g,_4("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:m})]}):null:kI("section",{className:e?CI:wI,children:[g,_4(Ka.Provider,{value:{galleryHref:l,submitHref:r,previewHover:o},children:_4("div",{[$a]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1 max-[800px]:gap-1",children:n.map((d,f)=>_4(Ya,{image:d.images[0],photos:d.images.slice(1).map(v=>({src:v})),href:h.href,process:h.process,eyebrow:d.eyebrow,name:h.name,meta:d.meta,editing:i},`${d.eyebrow}-${f}`))})}),_4("div",{className:"mt-12 flex flex-col items-center gap-3",children:_4(a3,{href:l,variant:"ghost",children:"See Gallery"})})]})}import{jsx as l9,jsxs as v51}from"react/jsx-runtime";var d51="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]",g51="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 rv({items:e,num:t,title:a,linkText:s,linkHref:c,galleryHref:l="/gallery",submitHref:r="/contact",previewHover:o,layout:i,columns:n,columnsMobile:h,gap:m,omitHead:p=!1}){let u=kx(i),g=u?i:null,d=!u&&n!=null&&n!=="",f=_3("GalleryB",m,"both"),v=g?{className:`sf-card-grid sf-gallery-zone ${Mx(g)} grid${f.className}`,style:f.style}:d?{className:`sf-card-grid sf-grid-zone grid${f.className}`,style:{...f.style,"--sf-grid-cols":String(al(n)),"--sf-grid-cols-phone":String(sl(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?$(a,!1):void 0;return v51("section",{className:p?g51:d51,children:[p?null:l9(Q1,{num:t,title:x,link:z}),g&&l9("style",{dangerouslySetInnerHTML:{__html:Sx(g)}}),e&&l9(Ka.Provider,{value:{galleryHref:l,submitHref:r,previewHover:o},children:l9("div",{[$a]:"",style:{display:"contents"},children:l9(e,{...v,minEmptyHeight:320})})}),l9("div",{className:"mt-12 flex flex-col items-center gap-3",children:l9(a3,{href:l,variant:"ghost",children:"See Gallery"})})]})}import{jsx as SI}from"react/jsx-runtime";var j5={num:L.sectionNumber,title:L.headingAccent,link:L.viewAll},ov={items:{type:"slot",allow:["GalleryItem"]}},LI={label:"Customer Photo Grid",fields:ov,defaultProps:{dynamic:!1,mediaZone:"all",photoDisplay:"covers",num:"",title:"",linkText:"",linkHref:"/contact",galleryHref:"/gallery",previewHover:!1},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return e.dynamic?SI(lv,{num:a(y(e.num,j5.num,e.puck)),title:a(y(e.title,j5.title,e.puck)),linkText:a(y(e.linkText,j5.link,e.puck)),linkHref:a(t1(e.linkHref)||"/contact"),omitHead:t,galleryHref:t1(e.galleryHref)||"/gallery",zone:e.mediaZone||"all",photoDisplay:e.photoDisplay||"covers",previewHover:e.previewHover,editing:e.puck?.isEditing}):SI(rv,{num:a(y(e.num,j5.num,e.puck)),title:a(y(e.title,j5.title,e.puck)),omitHead:t,linkText:a(y(e.linkText,j5.link,e.puck)),linkHref:a(t1(e.linkHref)||"/contact"),galleryHref:t1(e.galleryHref)||"/gallery",previewHover:e.previewHover,layout:e.layout,columns:e.columns,columnsMobile:e.columnsMobile,gap:e.gap,items:e.items})}};import{jsx as iv}from"react/jsx-runtime";var z51=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],y51=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],AI={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,iv(f51,{})),mediaZone:g1("Images from",iv(b51,{}),z51,"all"),photoDisplay:g1("Show",iv(x51,{}),y51,"covers"),_gHeader:b("Header"),num:H("Section number",j5.num),title:D("Heading",j5.title),_gHeaderLink:b("Header link"),linkText:H("Header button",j5.link),linkHref:H1("Header link"),_gImages:b("Images"),imageList:c2("GalleryB"),items:ov.items,_gGalleryLink:b("Gallery link"),galleryHref:H1("\u201CSee gallery\u201D link"),_gArrangement:b("Arrangement"),layout:Cy(),gap:I3("GalleryB")},resolveFields:(e,t)=>{let{fields:a,parent:s}=t,c=e.props,l={...a},r=o=>O1(W1(o,s,U1),e.props.headPlacement,B1.GalleryB.headRows);return D2()?(c.dynamic?(delete l._gImages,delete l.items,delete l.imageList,go(t)&&(delete l.mediaZone,delete l.photoDisplay)):(delete l.mediaZone,delete l.photoDisplay),r(l)):(delete l._gDynamic,delete l.dynamic,delete l.mediaZone,delete l.photoDisplay,r(l))}};import{useEffect as TI,useMemo as nv,useState as hv}from"react";import{IconButton as w51,Tooltip as C51}from"efficient-shell/ui";import{SettingsField as PI}from"efficient-easel/panel";import{FieldSelect as bn}from"efficient-easel/fields";import{BlockProductIcon as k51,MediaIcon as M51}from"efficient-easel/icons";var HI=new Map;function FI(e){if(!e)return Promise.resolve(null);let t=HI.get(e);return t||(t=g0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),HI.set(e,t)),t}import{Fragment as mv,jsx as y2,jsxs as E6}from"react/jsx-runtime";function xn({label:e,hidden:t,onToggle:a}){return E6("div",{className:"sf-field-head",children:[y2("span",{className:"sf-field-label sf-field-label--inline",children:e}),a&&y2(C51,{content:t?"Show on the card":"Hide on the card",children:y2(w51,{size:"sm","aria-pressed":!!t,"aria-label":t?"Show on the card":"Hide on the card",onClick:a,children:t?y2(a6,{name:"eye-off",size:14}):y2(a6,{name:"eye",size:14})})})]})}var S51=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function L51(e){if(!e)return[];let t=[];for(let[a,s]of S51)(e[a]??[]).forEach((c,l)=>{let r=(c.items??[]).filter(o=>o.kind==="image").map(o=>o.url);r.length!==0&&t.push({key:`${String(a)}:${l}`,label:c.name?`${s} \xB7 ${c.name}`:s,name:c.name||s,images:r})});return t}function EI(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function A51(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,l=e.finish?s.finishes.find(i=>i.name===e.finish&&i.src):void 0,r,o=[];return c&&c.images.length?(r=c.images[0],o=c.images.slice(1)):(r=l?.src||s.coverImage||void 0,o=[]),{name:s.name,href:`/wheels/${s.slug}`,cover:r,photos:o,eyebrow:e.group||void 0}}function pv({value:e,onChange:t}){let a=nv(()=>e??{},[e]),[s,c]=hv(null),[l,r]=hv([]),[o,i]=hv(!1);TI(()=>{let d=!1;return r3().then(f=>{d||c(f)}),()=>{d=!0}},[]),TI(()=>{let d=!1;if(!a.code){r([]);return}return i(!0),FI(a.code).then(f=>{d||(r(L51(f)),i(!1))}),()=>{d=!0}},[a.code]);let n=nv(()=>s?.find(d=>d.slug===a.code)??null,[s,a.code]),h=nv(()=>EI(n),[n]),m=s===null;function p(d,f=l){let v={...a,...d};t({...v,...A51(v,s,f)})}function u(d){if(!d){t({});return}let f=s?.find(v=>v.slug===d)??null;p({code:d,category:EI(f)[0]??"",finish:"",group:""},[])}function g(d){t({...a,[d]:!a[d]})}return E6("div",{children:[y2(PI,{label:"Product",icon:y2(k51,{}),children:y2(bn,{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&&E6(mv,{children:[E6("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[y2(xn,{label:"Title / product",hidden:a.hideName,onToggle:()=>g("hideName")}),E6("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",y2("span",{style:{opacity:.6},children:"(auto)"})]})]}),E6("div",{className:`sf-field${a.hideProcess?" is-hidden":""}`,children:[y2(xn,{label:"Category",hidden:a.hideProcess,onToggle:()=>g("hideProcess")}),y2(bn,{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}))})]}),y2(PI,{label:"Media group",icon:y2(M51,{}),hint:y2(mv,{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:y2(bn,{value:a.group??"",ariaLabel:"Media group",readOnly:o,onChange:d=>p({group:d}),options:[{label:o?"Loading\u2026":l.length===0?"Cover image only (no media groups)":"Cover image only",value:""},...l.map(d=>({label:d.label,value:d.name}))]})}),E6("div",{className:`sf-field${a.hideEyebrow?" is-hidden":""}`,children:[y2(xn,{label:E6(mv,{children:["Eyebrow ",y2("span",{style:{fontWeight:400,opacity:.6},children:"(from media group)"})]}),hidden:a.hideEyebrow,onToggle:()=>g("hideEyebrow")}),y2("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"})]}),E6("div",{className:`sf-field${a.hideFinish?" is-hidden":""}`,children:[y2(xn,{label:"Finish",hidden:a.hideFinish,onToggle:()=>g("hideFinish")}),y2(bn,{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 H51,SquareIcon as F51,PlacementIcon as T51}from"efficient-easel/icons";import{jsx as zn}from"react/jsx-runtime";var VI={fields:{_gSource:b("Content source"),fromProduct:s1("Fill from a product",!1,zn(H51,{})),product:{type:"custom",render:({value:e,onChange:t})=>zn(pv,{value:e,onChange:t})},_gMedia:b("Media"),image:G1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:G1("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:H1("Product link"),ratio:g1("Shape",zn(F51,{}),[{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",zn(T51,{}),[{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 NI={fields:{}};import{SettingsField as P51}from"efficient-easel/panel";import{FieldSelect as E51}from"efficient-easel/fields";import{CategoryIcon as V51}from"efficient-easel/icons";import{useEffect as _I,useRef as N51,useState as yn}from"react";import{Fragment as _51,jsx as bc,jsxs as I51}from"react/jsx-runtime";var fv=60,vv="collection:";function II(e){return vv+qr(e)}function wn(e){if(!e||!e.startsWith(vv))return;let t=e.slice(vv.length);return Ea.find(a=>qr(a.key)===t)?.key}function Bt(e){return e.slug&&e.slug.trim()?e.slug:`cat-${e.id}`}function uv(e,t){return{slug:Bt(e),name:e.name,wheels:t.filter(a=>(a.categories??[a.process]).includes(e.name)).slice(0,fv)}}function dv(e){return{slug:i7,name:BC,wheels:e.slice(0,fv)}}function gv(e,t){return{slug:II(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,fv)}}function bv({value:e,onChange:t}){let[a,s]=yn(null),[c,l]=yn(null),[r,o]=yn(!1),[i,n]=yn(!1),h=N51(!0);_I(()=>(h.current=!0,r3().then(z=>{h.current&&l(z)}),u4().then(z=>{h.current&&s(z)}),()=>{h.current=!1}),[]),_I(()=>{if(!e?.slug||a===null||c===null)return;let z,x=wn(e.slug);if(x)z=gv(x,c);else if(e.slug===i7)z=dv(c);else{let k=a.find(M=>Bt(M)===e.slug);z=k?uv(k,c):null}z&&p6(z,e)&&t(z)},[a,c]);let m=z=>{if(!z){t(null);return}let x=wn(z);if(x){c&&t(gv(x,c));return}if(z===i7){c&&t(dv(c));return}let k=(a??[]).find(M=>Bt(M)===z);k&&c&&t(uv(k,c))},p=()=>{e?.slug&&(o(!0),n(!1),Promise.all([u4(!0),r3(!0)]).then(([z,x])=>{if(!h.current)return;s(z),l(x);let k=wn(e.slug);if(k)t(gv(k,x));else if(e.slug===i7)t(dv(x));else{let M=z.find(A=>Bt(A)===e.slug);M&&t(uv(M,x))}}).catch(()=>{h.current&&n(!0)}).finally(()=>{h.current&&o(!1)}))},u=c===null,g=e?.wheels?.length??0,d=e?.slug&&e.slug!==i7&&!wn(e.slug)&&!(a??[]).some(z=>Bt(z)===e.slug),f=i?"error":r?"loading":"idle",v=i?"Couldn\u2019t reach Storefront \u2192 Categories.":r?"Syncing from Storefront \u2192 Categories\u2026":`Linked to \u201C${e?.name??""}\u201D \xB7 ${g} product${g===1?"":"s"}`;return I51(P51,{label:"Products source",icon:bc(V51,{}),children:[bc(E51,{value:e?.slug??"",ariaLabel:"Products source",onChange:m,readOnly:u,options:[{label:"None",value:""},{label:"All products",value:i7},...Ea.map(z=>({label:z.key,value:II(z.key),group:"Collections"})),...d?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...(a??[]).map(z=>({label:z.name,value:Bt(z),group:"Categories"}))]}),e?.slug?bc(T4,{status:f,statusText:v,onRefresh:p,busy:r,hint:bc(_51,{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."})}):bc("p",{className:"es-field-hint sf-hint-keep",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 OI,useId as G51,useMemo as Zt}from"react";import{createContext as R51,useContext as B51,useEffect as Z51,useState as RI}from"react";import{jsx as Cn}from"react/jsx-runtime";var BI=R51({wheels:[],loading:!1});function ZI({children:e}){let[t,a]=RI([]),[s,c]=RI(!0);return Z51(()=>{let l=!1;return r3().then(r=>{l||(a(r),c(!1))}).catch(()=>{l||c(!1)}),()=>{l=!0}},[]),Cn(BI.Provider,{value:{wheels:t,loading:s},children:e})}function xv({code:e,finish:t,wheel:a}){let{wheels:s,loading:c}=B51(BI),l=a??(e?s.find(r=>r.slug===e):void 0);return l?Cn(Q8,{wheel:l,variant:"catalog",defaultFinish:t},t??""):Cn("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:Cn("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 D51(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(l=>l.slice(0,1).toUpperCase()+l.slice(1)).join("")}function zv(e){if(Array.isArray(e))return e.map(zv);if(e&&typeof e=="object"){let t={};for(let[a,s]of Object.entries(e))t[D51(a)]=zv(s);return t}return e}function O51(e){return zv(e)}function DI(e){return e.map(t=>D0(t)==="tyre"?t:O51(t))}import{Fragment as W51,jsx as f3,jsxs as r9}from"react/jsx-runtime";var GI={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"},kn=[{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)]"}],xc="lg";function q51(e){return(kn.find(t=>t.value===e)??kn.find(t=>t.value===xc)).cls}function yv({num:e,catalog:t,kinds:a,title:s,titleSize:c,padTop:l,description:r,link:o,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:k,showCardPrice:M,showCardFinishes:A,showCardSizes:R,showCardBuy:E,showCardPage:Z,cardImage:F,gap:T}){let N=Zt(()=>k?W4(k,"alloy-wheel"):void 0,[k]),B=Zt(()=>k?W4(k,"tyre"):void 0,[k]),P=`pg-${G51().replace(/:/g,"")}`,O=GI[Math.min(6,Math.max(1,h??4))]??GI[4],c1=typeof m=="number"&&m>0,V=typeof u=="number",q=Zt(()=>{let X=t??n?.wheels??null;return X?DI(X):null},[t,n]),K=n?.process,W=!!K,{filters:r1,reportCount:x1,reportLugs:Y,reportSizes:e1,reportFinishes:d1,vehicle:U}=Or(),{currency:p1}=p0(),f1=W&&!!r1.process&&r1.process!==K,F0=Zt(()=>q?W?$k(q,r1,p1,U.fit):q:null,[q,W,r1,p1,U.fit]);OI(()=>{if(W)return x1(P,f1?0:F0?.length??0),()=>x1(P,0)},[W,f1,F0,x1,P]);let T0=Zt(()=>{let X=(F0??[]).filter(V0=>D0(V0)!=="tyre");if(X.length===0)return!1;let C1=X.some(V0=>!!V0.process);return X.some(V0=>!!V0.setWords)||Rs({kind:!1,brand:!1,process:C1},N??[])},[F0,N]),A1=Zt(()=>({lugs:Vk(q??[]),sizes:Nk(q??[]),finishes:$w(q??[])}),[q]);OI(()=>(Y(P,A1.lugs),e1(P,A1.sizes),d1(P,A1.finishes),()=>{Y(P,[]),e1(P,[]),d1(P,[])}),[A1,Y,e1,d1,P]);let s0=_3("ProductGrid",T,"both"),c0=`${P} grid${s0.className} bg-[var(--catalog-grid-bg)] ${O}`,$1=F0?F0.length>0?f3("div",{className:c0,style:s0.style,children:F0.map((X,C1)=>D0(X)==="tyre"?f3(Ws,{item:X,currency:p1,editing:p,fieldUsage:B},`tyre:${X.slug}-${C1}`):f3(Q8,{wheel:X,variant:"catalog"},`${X.slug}-${C1}`))}):p?f3("div",{className:"flex min-h-[320px] items-center justify-center rounded bg-surface-2 p-4 text-center",children:r9("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:f3(i,{className:c0,style:s0.style,minEmptyHeight:320}),w2=F0?F0.length:null,e0=C5(k5(a)),d0=e||s||r||o?r9("div",{className:`${se} 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 ${V?"":"-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:[r9("div",{className:"flex min-w-0 items-end gap-[21px]",children:[e&&f3("span",{className:"font-mono text-[length:var(--size-label,13px)] leading-none uppercase tracking-[0.22em] text-fg-dim",children:C(e)}),s&&f3("h2",{className:`${q51(c)} leading-none text-fg max-[800px]:leading-[1] [&>span]:block`,children:$(s,!1)})]}),(r||o||w2!==null)&&r9("div",{className:"flex items-center gap-5 max-[800px]:gap-3 min-[800px]:grow min-[800px]:justify-end",children:[r&&f3("span",{className:"max-w-[340px] truncate font-display text-[length:var(--size-body,13px)] leading-[1.4] text-fg-dim max-[800px]:hidden min-[800px]:w-0 min-[800px]:grow min-[800px]:text-right",children:C(r)}),o&&r9(S1,{href:o.href,className:"inline-flex items-center gap-2 whitespace-nowrap font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:[C(o.text),f3("span",{"aria-hidden":!0,children:"\u2192"})]}),w2!==null&&r9("span",{className:"whitespace-nowrap font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:[w2," ",w2===1?e0.one:e0.many]})]})]}):null,m1=typeof l=="number"?l:120,q1=t6(v),o0=W6(P,q1),P0=r9(W51,{children:[c1&&f3("style",{children:`.${P} > *:nth-child(n+${m+1}){display:none}`}),o0&&f3("style",{children:o0}),d0,$1,f3(Ns,{editing:p})]});if(f1)return null;let y0=f3("section",{...W?{[Dr]:K}:{},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`,...Y2(F)},children:V?f3("div",{style:iz(!1,u)??void 0,children:P0}):P0}),o2=p&&!q?f3(ZI,{children:y0}):y0;return f3(tn,{imageBackgroundFill:Z9(g,j6),spinOnHover:d??!0,coverIndex:f??1,indexBadge:q1,outline:z??a4,showBadge:x??!0,fieldUsage:N,reserveEyebrow:T0,showCardPrice:M??!0,showCardFinishes:A??!0,showCardSizes:R??!1,showCardBuy:E??!1,showCardPage:Z??!1,children:o2})}import{ProductFieldIcon as U51,TextSizeIcon as j51,ColumnsIcon as K51,ListIcon as $51,HashIcon as Y51}from"efficient-easel/icons";import{jsx as wv}from"react/jsx-runtime";var Cv={products:{type:"slot"}},qI={label:"Product Grid",fields:Cv,defaultProps:{dynamic:!1,num:"",title:"",titleSize:xc,padTop:120,description:"",linkText:"",linkHref:"",columns:4,limit:8,showAll:!1,spinOnHover:!0,coverIndex:String(1),outline:a4,indexBadge:t4,showBadge:!0,source:null,fullWidth:!0,pageWidth:H9.default},render:e=>{if(e.dynamic)return wv(e9,{num:y(e.num,j0.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:B5,cardImage:e.cardImage,outline:n8(e.outline),indexBadge:t6(e.indexBadge),showBadge:e.showBadge??!0,imageBackground:ly(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,j0.link,e.puck),a=e.source,s=R2(e,"full"),c=D1(e.headPlacement)==="own-box",l=o=>c?void 0:o,r=wv(yv,{gap:e.gap,capWidth:s.mode==="page"?s.pageWidth:void 0,num:l(y(e.num,j0.num,e.puck)),title:l(y(e.title,L.sectionHeading,e.puck)),titleSize:e.titleSize,padTop:c?0:e.padTop,description:l(y(e.description,L.body,e.puck)),link:l(t?{text:t,href:t1(e.linkHref)||"#"}:void 0),products:e.products,source:a?.slug?a:void 0,catalog:e.catalog,kinds:e.kinds,fieldUsage:e.fieldUsage,columns:e.columns,limit:e.showAll?void 0:e.limit,editing:e.puck?.isEditing,imageBackground:e.imageBackground,cardImage:e.cardImage,spinOnHover:e.spinOnHover,coverIndex:wt(e.coverIndex),outline:n8(e.outline),indexBadge:t6(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"?wv("div",{className:us,children:r}):r}};import{jsx as zc}from"react/jsx-runtime";var WI=b5({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),UI={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,zc(U51,{})),_gHeader:b("Header"),num:H("Number",j0.num),title:D("Heading",L.sectionHeading),titleSize:g1("Heading size",zc(j51,{}),kn,xc),description:D("Body",L.body),_gProducts:b("Products"),kinds:U9("Product types",ve,"None \u2014 this section will be empty"),source:a2(bv),productList:c2("ProductGrid"),products:Cv.products,_gLink:b("Link"),linkText:H("Button",j0.link),linkHref:H1("Link"),...Bl({bottomDefault:!1}),...j9(),...K9(),_gLayout:b("Grid"),columns:a1("Columns",zc(K51,{}),1,6,1,4),showAll:s1("Show all items",!1,zc($51,{})),limit:a1("Items to display",zc(Y51,{}),1,12,1,8),gap:I3("ProductGrid"),...WI,...x5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=W1(t,a,U1),c=e.props,l=O1(s,c.headPlacement,B1.ProductGrid.headRows);if(!D2()){let o={...l};return delete o._gDynamic,delete o.dynamic,o}if(c.dynamic){let o=new Set([m8.Content,"_gDynamic","dynamic","_gHeader","num","title","titleSize","description","_gLayout","columns",...Object.keys(WI),...$9,...Y9,...X9,...J9,...My,...ky,...Sy]),i={};for(let[n,h]of Object.entries(l))o.has(n)&&(i[n]=h);return S7(i,R2(e?.props??{},"full"))}let r={...l};return kr(c.source)||delete r.kinds,c.source?.slug&&(delete r.products,delete r.productList),c.showAll&&delete r.limit,H2(c.linkText).hidden&&delete r.linkHref,S7(r,R2(e?.props??{},"full"))}};import{SettingsField as X51}from"efficient-easel/panel";import{FieldSelect as J51}from"efficient-easel/fields";import{CategoryIcon as Q51}from"efficient-easel/icons";import{useEffect as e61,useMemo as kv,useState as t61}from"react";import{Fragment as c61,jsx as o9,jsxs as l61}from"react/jsx-runtime";var Lv=e=>e.kind==="tyre"?"tyre":"alloy-wheel",yc=e=>`${e.kind}:${e.slug}`;function jI(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(Q6).map(t=>({name:t.name,color:t.color,src:t.src})),prices:e.prices,href:`/wheels/${e.slug}`}}function Sv(e,t){let a=Lv(t);return e.find(s=>s.kind===a&&s.slug===t.slug)}function Mv(e){return e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")?"Category \u2014 wheels only":"Category"}var a61=e=>e===1?"1 size":`${e} sizes`;function s61({rows:e,category:t,value:a,loading:s,currency:c}){let l=e??[],r=l.filter(u=>u.kind==="alloy-wheel"),o=l.filter(u=>u.kind==="tyre"),i=r.length>0&&o.length>0,n={value:"",label:s?"Loading\u2026":"Pick a product\u2026"},h=a&&!(e!==null&&Sv(e,a))?[{value:yc({kind:Lv(a),slug:a.slug}),label:s?a.name:`${a.name} (unavailable)`}]:[],m=Yg(r,t).map(u=>{let g=s7(u.prices[c],u.msrpPrices?.[c]);return{value:yc({kind:"alloy-wheel",slug:u.slug}),label:u.name,...i?{group:"Wheels"}:{},thumb:u.coverImage??null,...g.priced?{meta:B2(g.unit,c)}:{}}}),p=o.map(u=>({value:yc(u),label:u.name,...i?{group:"Tyres"}:{},thumb:u.coverImage??null,meta:a61(u.variantCount)}));return[n,...h,...m,...p]}function Av({value:e,onChange:t}){let a=z4(),{rows:s,loading:c,refreshing:l,errored:r,refresh:o}=Xe({load:gt,resolve:Sv,snapshot:jI,value:e,onChange:t}),[i,n]=t61(null);e61(()=>{let A=!1;return u4().then(R=>{A||n(R)}),()=>{A=!0}},[]);let{currency:h}=p0(),m=kv(()=>s&&e?Sv(s,e)??null:null,[s,e]),p=kv(()=>(s??[]).filter(A=>A.kind==="alloy-wheel"),[s]),{category:u,setCategory:g,categoryNames:d}=U7(p,i,m?.kind==="alloy-wheel"?m:null),f=!!e?.slug&&s!==null&&!m,v=kv(()=>s61({rows:s,category:u,value:e,loading:c,currency:h}),[s,u,e,c,h]),z=A=>{if(!A){t(null);return}let R=(s??[]).find(E=>yc(E)===A);R&&t(jI(R))},x=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},k=r?"error":l?"loading":"idle",M=r?"Couldn\u2019t reach the product catalog.":l?"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 l61("div",{children:[o9(N9,{label:"Product",options:v,fallback:"",value:e?yc({kind:Lv(e),slug:e.slug}):"",onChange:z,placeholder:"Search products\u2026"}),o9(X51,{label:Mv(s),icon:o9(Q51,{}),children:o9(J51,{value:u,ariaLabel:Mv(s),onChange:g,readOnly:c,options:[{label:Mv(s)==="Category"?"All products":"All wheel categories",value:T6},...d.map(A=>({label:A,value:A}))]})}),e?.slug?o9(T4,{status:k,statusText:M,onRefresh:o,busy:l,edit:{label:"Edit product \u270E",onClick:x},hint:o9(c61,{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."})}):o9("p",{className:"es-field-hint sf-hint-keep",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 KI,useMemo as $I,useState as Hv}from"react";import{SettingsField as r61}from"efficient-easel/panel";import{FieldSelect as o61}from"efficient-easel/fields";import{Fragment as p61,jsx as Mn}from"react/jsx-runtime";var i9="__all__",Fv="";function i61(e){return(e??[]).filter(t=>gc.includes(t.kind))}var n61=h8("one row per level from one list \u2014 the gutter would repeat one mark down the column and say nothing; the group heading carries it once GG, 2026-09-23"),Sn=e=>typeof e.brand=="string"?e.brand.trim():"";function YI(e,t){if(e.kind!=="alloy-wheel"||!t)return;let a=e,s=s7(a.prices?.[t],a.msrpPrices?.[t]);return s.priced?B2(s.unit,t):void 0}function h61({rows:e,brand:t,kind:a,slug:s,loading:c=!1,currency:l=""}){let r=e??[],o=[...new Set(r.map(Sn).filter(Boolean))].sort((d,f)=>d.localeCompare(f)),i=t===i9?r:r.filter(d=>Sn(d)===t),n=R3.filter(d=>i.some(f=>f.kind===d)),h=a===i9?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:r4[d.kind]}:{},thumb:d.coverImage??null,...YI(d,l)?{meta:YI(d,l)}:{}})),u=s&&!h.some(d=>d.slug===s)?[{value:s,label:c?s:`${s} (not in this list)`}]:[],g=[];return o.length>1&&g.push({key:"brand",label:"Brand",options:[{value:i9,label:"All brands"},...o.map(d=>({value:d,label:d}))]}),n.length>1&&g.push({key:"kind",label:"Product type",options:[{value:i9,label:sC},...n.map(d=>({value:d,label:r4[d]}))]}),g.push({key:"product",label:"Product",options:[{value:Fv,label:c?"Loading\u2026":"Generic placeholder"},...u,...p]}),g}function Tv(){let[e,t]=Hv(null),[a,s]=Hv(i9),[c,l]=Hv(i9),r=Vg(),o=hn()??Fv;KI(()=>{let p=!1;return gt().then(u=>{p||t(u)}).catch(()=>{p||t([])}),()=>{p=!0}},[]);let{currency:i}=p0(),n=$I(()=>i61(e),[e]);KI(()=>{let p=n.find(u=>u.slug===o);p&&Sn(p)&&s(Sn(p))},[o,n]);let h=$I(()=>h61({rows:n,brand:a,kind:c,slug:o,loading:e===null,currency:i}),[n,a,c,o,e,i]),m={brand:p=>{s(p),l(i9)},kind:l,product:p=>L_(r,p)};return Mn(p61,{children:h.map(p=>Mn(r61,{label:p.label,icon:oy(n61),hint:p.key==="product"?m61:void 0,children:p.key==="product"?Mn(N9,{bare:!0,label:p.label,options:p.options,fallback:Fv,value:o,onChange:m.product,placeholder:"Search your catalog\u2026"}):Mn(o61,{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 m61="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as v61,CarIcon as f61,LayoutIcon as b61,ColumnWidthsIcon as x61,AlignLeftIcon as z61,SpecTableIcon as y61,DollarIcon as w61,GridIcon as C61,ImageIcon as k61}from"efficient-easel/icons";var Dt="top",Pv=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function XI(e){return I2(Pv,Dt,e)}var u61=["split","imageRight","stacked"],j7="split";function Ot(e){return u61.includes(e)?e:j7}var n9="left";function Ln(e){return e==="center"?"center":"left"}var Ev=35,Vv=70,K7=50;function An(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(Vv,Math.max(Ev,Math.round(t))):K7}var d61=["main","thumbs","tiled"],$7="thumbs";function Hn(e){return d61.includes(e)?e:$7}var g61=["contain","cover"],Y7="contain";function Fn(e){return st(e,Y7)}function JI(){return g61.map(e=>({label:_u[e],value:e}))}function QI(e,t){return t?"contain":e}import{jsx as K5}from"react/jsx-runtime";var M61=()=>({type:"custom",render:()=>K5(Tv,{})});function S61(e){let t=e?.data?.root;return gc.includes(vS(t?.props))}var eR={fields:{_gSource:b("Product"),source:a2(Av),_gPreview:b(Zl),previewPick:M61(),_gPriceLine:b("Price"),pricePlacement:g1("Price position",K5(v61,{}),Pv,Dt),_gBehaviour:b("Behavior"),showVehicleFitment:s1("Vehicle fitment",!0,K5(f61,{})),_gArrangement:b("Arrangement"),heroLayout:b1("Layout",K5(b61,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],j7),imageRatio:a1("Image / buy ratio",K5(x61,{}),Ev,Vv,1,K7,"%"),textAlign:b1("Alignment",K5(z61,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],n9),_gShow:b("Show in the buy box"),showSpecTable:s1("Spec table",!0,K5(y61,{})),showPriceQuote:s1("Price / quote",!0,K5(w61,{})),_gImageGallery:b("Image gallery"),galleryMode:b1("Gallery",K5(C61,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],$7),imageFit:b1(ai,K5(k61,{}),JI(),Y7)},resolveFields:(e,{fields:t,appState:a})=>{let s=e.props,c={...t};if(Ot(s.heroLayout)==="stacked"&&delete c.imageRatio,!D2())return delete c._gPreview,delete c.previewPick,c;let l=c,r=new Set([...$9,...Y9,...X9,...J9,"_gPreview","previewPick","_gPriceLine","pricePlacement","_gBehaviour","showVehicleFitment","_gArrangement","heroLayout","imageRatio","textAlign","_gShow","showSpecTable","showPriceQuote","_gImageGallery","galleryMode","imageFit"]);S61(a)||(r.delete("_gPreview"),r.delete("previewPick"));let o={};for(let[i,n]of Object.entries(l))r.has(i)&&(o[i]=n);return Q9(o)}};import{Button as A61}from"efficient-shell/ui";import{useEasel as H61}from"efficient-easel/easel";import{useEasel as L61}from"efficient-easel/easel";function Tn(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=L61(i=>i),s=e?.props?.id;if(!s)return null;let c=t(s)?.zone,l=c&&c.includes(":")?c.split(":")[0]:null,o=(l?a(l):void 0)?.props?.source;return o?.slug?o.name||"the selected source":null}import{jsx as tR,jsxs as F61}from"react/jsx-runtime";function Nv(){let e=z4(),t=yi(),{selectedItem:a}=H61(o=>o),s=a?.props?.code??"",c=(t??[]).find(o=>o.slug===s)??null,l=Tn()!==null;return!c||l?null:F61("div",{className:"sf-blogsource",children:[tR(A61,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:()=>e.send("storefront-editor:open-product",{slug:c.slug,name:c.name}),children:"Edit product \u270E"}),tR("p",{className:"es-field-hint sf-hint-keep",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 T61}from"efficient-easel/easel";import{SettingsField as P61}from"efficient-easel/panel";import{FieldSelect as E61}from"efficient-easel/fields";import{FinishIcon as V61}from"efficient-easel/icons";import{jsx as wc,jsxs as N61}from"react/jsx-runtime";function _v({value:e,onChange:t}){let a=yi(),{selectedItem:s}=T61(n=>n),c=s?.props?.code??"",l=a===null,r=(a??[]).find(n=>n.slug===c)?.finishes??[],o=r.filter(Q6).map(n=>n.name),i=o.includes(e??"")?e:"";return N61("div",{children:[wc(P61,{label:"Finish",icon:wc(V61,{}),hint:"Pinning one overrides the section\u2019s Cover image.",children:wc(E61,{value:i,ariaLabel:"Finish",onChange:t,readOnly:l||r.length===0,options:[{label:l?"Loading\u2026":r.length===0?"No finishes on this product":"Default (the product's default finish)",value:""},...r.map(n=>({label:n.src?n.name:`${n.name} \u2014 no image`,value:n.name,disabled:!n.src}))]})}),!l&&r.length===0&&c&&wc("p",{className:"es-field-hint sf-hint-keep",children:"This product has no finishes yet, so its card falls back to the product image \u2014 or an empty placeholder when it has none. Add finishes to the product record, then give each one an image."}),!l&&r.length>0&&o.length===0&&wc("p",{className:"es-field-hint sf-hint-keep",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 aR}from"efficient-easel/panel";import{FieldSelect as sR}from"efficient-easel/fields";import{BlockProductIcon as _61,CategoryIcon as I61}from"efficient-easel/icons";import{useEffect as R61,useMemo as B61,useState as cR}from"react";import{jsx as X7,jsxs as Iv}from"react/jsx-runtime";function Rv({value:e,onChange:t}){let[a,s]=cR(null),[c,l]=cR(null);R61(()=>{let g=!1;return r3().then(d=>{g||s(d)}),u4().then(d=>{g||l(d)}),()=>{g=!0}},[]);let r=B61(()=>a&&e?a.find(g=>g.slug===e)??null:null,[a,e]),{category:o,setCategory:i,categoryNames:n,filtered:h}=U7(a,c,r),m=a===null,p=Tn(),u=p!==null;return Iv("div",{children:[u&&Iv("p",{className:"es-field-hint sf-hint-keep",style:{marginBottom:8},children:["Disabled because this grid\u2019s ",X7("strong",{children:"Products source"})," is set to \u201C",p,"\u201D. The grid fills itself from that source automatically. To pick wheels here, set"," ",X7("strong",{children:"Products source"})," back to \u201CNone\u201D."]}),Iv("div",{className:u?"sf-locked":void 0,children:[X7(aR,{label:"Category",icon:X7(I61,{}),children:X7(sR,{value:o,ariaLabel:"Category",onChange:i,readOnly:m||u,options:[{label:"All products",value:T6},...n.map(g=>({label:g,value:g}))]})}),X7(aR,{label:"Product",icon:X7(_61,{}),children:X7(sR,{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 Bv}from"react/jsx-runtime";var lR={fields:{code:{type:"custom",render:({value:e,onChange:t})=>Bv(Rv,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>Bv(_v,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>Bv(Nv,{})}},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},c=a?.props?.source,l=typeof e.props.code=="string"?e.props.code:"";return(c?.slug||!l)&&(delete s.finish,delete s._editProduct),s}};import{EyeIcon as D61,HashIcon as O61,ColumnsIcon as G61}from"efficient-easel/icons";import{jsx as Z61}from"react/jsx-runtime";var Cc={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},rR={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:pc,columns:3,relationship:B5},render:e=>{let t=D1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=R2(e,"full");return Z61(e9,{num:a(y(e.num,j0.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:cn(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:B5,footnote:y(e.footnote,Cc.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,Cc.footnoteLinkText,e.puck),footnoteLinkHref:t1(e.footnoteLinkHref),cardImage:e.cardImage,coverIndex:wt(e.coverIndex),imageBackground:e.imageBackground,spinOnHover:e.spinOnHover,outline:n8(e.outline),indexBadge:t6(e.indexBadge),showBadge:e.showBadge,editing:e.puck?.isEditing})}};import{jsx as Zv}from"react/jsx-runtime";var oR={fields:{_gHeader:b("Header"),num:H("Number",j0.num),title:D("Heading",L.sectionHeading),description:D("Body",L.body),_gFootnote:b("Footnote"),footnote:D("Footnote",Cc.footnote),footnoteLinkText:H("Footnote button",Cc.footnoteLinkText),footnoteLinkHref:H1("Footnote link"),...j9(),...K9(),_gLayout:b("Grid"),relationship:g1("Show",Zv(D61,{}),n_,B5),cardCount:a1("Cards to show",Zv(O61,{}),kg,uc,1,pc),columns:a1("Columns",Zv(G61,{}),2,4,1,3),...x5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t};if(p_(typeof s.relationship=="string"?s.relationship:B5))for(let l of m_)delete c[l];return O1(W1(c,a,U1),s.headPlacement,B1.RelatedProducts.headRows)}};import{StylesIcon as q61}from"efficient-easel/icons";import{jsx as W61}from"react/jsx-runtime";var iR={fields:{_gStyle:b("Style"),style:b1("Show as",W61(q61,{}),Qi,"icon")}};import{SettingsField as nR}from"efficient-easel/panel";import{FieldSelect as hR}from"efficient-easel/fields";import{BlockProductIcon as U61,CategoryIcon as j61}from"efficient-easel/icons";import{useEffect as K61,useMemo as $61,useState as Y61}from"react";import{Fragment as X61,jsx as V6,jsxs as J61}from"react/jsx-runtime";function mR(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:Q3(t.angles?.[0]??t.src)??null}))}}function Dv({value:e,onChange:t}){let a=z4(),{rows:s,loading:c,refreshing:l,errored:r,refresh:o}=Xe({load:r3,resolve:(M,A)=>M.find(R=>R.slug===A.slug),snapshot:mR,value:e,onChange:t}),[i,n]=Y61(null);K61(()=>{let M=!1;return u4().then(A=>{M||n(A)}),()=>{M=!0}},[]);let h=$61(()=>s&&e?.slug?s.find(M=>M.slug===e.slug)??null:null,[s,e?.slug]),{category:m,setCategory:p,categoryNames:u,filtered:g}=U7(s,i,h),d=!!e?.slug&&s!==null&&!h,f=M=>{if(!M){t(null);return}let A=(s??[]).find(R=>R.slug===M);A&&t(mR(A))},v=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},z=!!e?.spec,x=r?"error":l?"loading":"idle",k=r?"Couldn\u2019t reach the product catalog.":l?"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 J61("div",{children:[V6(nR,{label:"Category",icon:V6(j61,{}),children:V6(hR,{value:m,ariaLabel:"Category",onChange:p,readOnly:c,options:[{label:"All products",value:T6},...u.map(M=>({label:M,value:M}))]})}),V6(nR,{label:"Product",icon:V6(U61,{}),children:V6(hR,{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(M=>({label:M.name,value:M.slug}))]})}),e?.slug?V6(T4,{status:x,statusText:k,onRefresh:o,busy:l,edit:{label:"Edit product \u270E",onClick:v},hint:V6(X61,{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."})}):V6("p",{className:"es-field-hint sf-hint-keep",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 x71,FinishIcon as CR,DiagramIcon as z71}from"efficient-easel/icons";import{useId as t71,useState as a71}from"react";import{jsx as Pn,jsxs as Q61}from"react/jsx-runtime";function Ov({id:e}){return Q61("defs",{children:[Pn("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:Pn("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),Pn("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:Pn("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as e71}from"react/jsx-runtime";function Gv({nodeId:e,children:t}){return e71($e,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as l71,jsx as K0,jsxs as F3}from"react/jsx-runtime";function H3(e,t){return e?{[Dy]:t}:{}}function s71({editing:e,nodeId:t,children:a}){return!e||!t?K0(l71,{children:a}):K0(Gv,{nodeId:t,children:a})}function pR({row:e,topBorder:t,editing:a}){return F3("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:[K0("span",{...H3(a,"rowLabel"),className:"uppercase text-fg-dim",children:e.label}),K0("span",{...H3(a,"rowValue"),className:`text-right ${e.accent?"text-accent":"text-fg"}`,children:e.value})]})}function c71({diagram:e,editing:t}){let[a,s]=a71(!1),c=`spec-${t71().replace(/:/g,"")}`,{wheelName:l,imageSrc:r,diameter:o,width:i,offset:n,holes:h,pcd:m,spokes:p,mesh:u,bore:g}=e,d=!!r&&!a;return F3("div",{className:"sf-card bg-surface p-6 max-[1100px]:mt-8",children:[K0("div",{...H3(t,"diagramTitle"),className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.25em] text-fg-dim",children:"Wheel Dimension Diagram"}),F3("div",{className:"relative flex aspect-square items-center justify-center",children:[F3("svg",{viewBox:"0 0 320 320",className:"absolute inset-0 h-full w-full text-fg-dim",fill:"none",stroke:"currentColor",children:[K0("line",{x1:40,y1:20,x2:280,y2:20,strokeWidth:1,markerStart:`url(#${c}-L)`,markerEnd:`url(#${c}-R)`}),K0("line",{x1:40,y1:15,x2:40,y2:25,strokeWidth:1}),K0("line",{x1:280,y1:15,x2:280,y2:25,strokeWidth:1}),K0(Ov,{id:c})]}),d?K0("img",{src:r,alt:`${l} \u2014 face`,onError:()=>s(!0),loading:"lazy",className:"relative z-[1] block h-[80%] w-[80%] object-contain"}):K0(f8,{spokes:p,mesh:u,className:"relative z-[1] block h-[72%] w-[72%] text-accent"}),F3("span",{...H3(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 ",Lm(o)]}),F3("span",{...H3(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 ",Lm(i)]})]}),F3("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:[F3("div",{children:[K0("div",{...H3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Holes"}),K0("div",{...H3(t,"diagramStatValue"),className:"mt-1 text-fg",children:h})]}),F3("div",{children:[K0("div",{...H3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"PCD"}),K0("div",{...H3(t,"diagramStatValue"),className:"mt-1 text-fg",children:m})]}),F3("div",{children:[K0("div",{...H3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Spokes"}),F3("div",{...H3(t,"diagramStatValue"),className:"mt-1 text-fg",children:[p,u?" + Mesh":""]})]}),F3("div",{children:[K0("div",{...H3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Bore"}),K0("div",{...H3(t,"diagramStatValue"),className:"mt-1 text-fg",children:g})]}),F3("div",{children:[K0("div",{...H3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"ET"}),K0("div",{...H3(t,"diagramStatValue"),className:"mt-1 text-accent",children:n})]})]})]})}function Gt({num:e,title:t,description:a,rows:s,diagram:c,editing:l=!1,omitHead:r=!1,nodeId:o,...i}){let n=(s??[]).filter(m=>(m?.label??"").trim()||(m?.value??"").trim()),h=n.length>0?n:l?[{label:"Label",value:"Value"}]:[];return K0("section",{className:N0(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",children:F3(s71,{editing:l,nodeId:o,children:[r?null:K0(Q1,{num:e?C(e):void 0,title:t?$(t,!1):void 0,description:a?C(a):void 0,accent:!0}),c?F3("div",{className:"grid grid-cols-[1fr_400px] gap-12 max-[1100px]:grid-cols-1",children:[K0("div",{children:h.map((m,p)=>K0(pR,{row:m,topBorder:p>0,editing:l},p))}),K0(c71,{diagram:c,editing:l})]}):K0("div",{className:"grid grid-cols-2 gap-x-16 max-[900px]:grid-cols-1",children:h.map((m,p)=>K0(pR,{row:m,topBorder:!0,editing:l},p))})]})})}import{useEffect as n71,useState as h71}from"react";function En(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function r71(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function o71(e,t,a){let s=(a.eprel_url??"").trim();if(!s)return null;let c=(a.energy_class??"").trim(),l=(a.wet_grip_class??"").trim(),r=typeof a.external_rolling_noise_value=="number"?a.external_rolling_noise_value:null;return!c&&!l&&r===null?null:{size:e,registrationNumber:t,fuelClass:c,wetGripClass:l,rollingNoiseDb:r,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 i71(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await e7(r71(t),{baseUrl:sr});return o71(e.size,t,a)}catch{return null}}async function uR(e){return(await Promise.all(e.map(i71))).filter(a=>a!==null)}function Vn(e){let[t,a]=h71([]),s=e.map(c=>c.eprelRegistrationNumber??"").join(",");return n71(()=>{let c=!0;return uR(e).then(l=>{c&&a(l)}),()=>{c=!1}},[s]),t}var m71={"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 dR(e){return m71[e]}function J7(e){return e&&e.trim()?e:"\u2014"}function gR(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function vR(e,t,a,s,c){let l=Ae(c?.boltPattern).holes,r=l!=null&&l>0?l:e.lugs,o=Ta(r),i=e.pcds.length?e.pcds.join(" \xB7 "):"\u2014",n=e.centreBores.length?`${e.centreBores.join(" / ")} mm`:"\u2014",h=e.etRange.length>=2?zr(e.etRange[0],e.etRange[1]):"\u2014",m=s??"",p=c?Os(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:J7(o&&`${o}-lug`),fieldKey:"holes"},{label:"Bolt Pattern",value:i,fieldKey:"bolt_pattern"},{label:"Offset (ET)",value:h,fieldKey:"et"},{label:"Process",value:J7(t),fieldKey:ze},{label:"Centre Bore",value:n,fieldKey:"center_bore"},{label:"Load Rating",value:J7(e.loadRating),fieldKey:"load_rating"},{label:"Bump Profile",value:J7(e.bumpProfile),fieldKey:"hump"},{label:"Rim Profile",value:J7(e.rimProfile),fieldKey:"flange"},{label:"Cap Code",value:J7(e.cap),fieldKey:"cap_code"}],size:m}}function qv(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function p71(e,t){let a=e?.diameter??qv(t?.sizes??[]),s=e?.width??qv(t?.widths??[]),c=t?.etRange??[],[l,r]=c,o=e?.et??(c.length>=2&&l===r?l:void 0),i=n=>J7(n!=null?T2(n):void 0);return{diameter:i(a),width:i(s),offset:i(o)}}function fR(e,t){let a=e?.centreBore??qv(t.centreBores);return{...p71(e,t),bore:J7(a!=null?`${a} mm`:void 0)}}function bR(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 Nn(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],l=zt(e.variants??[],c?.name,a),{rows:r,size:o}=vR(s,e.process,c?.name??"\u2014",a,l),i=fR(l,s),n={wheelName:e.name,imageSrc:c?.image??e.coverImage??null,...i,holes:Ta(s.lugs),pcd:gR(s.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:r,diagram:n}}function xR(e,t,a){let s=mn(e),c=dR(e);if(!s||!c)return{rows:[],diagram:null};let l=It(e),r=s.finishes.find(m=>m.name===t)??s.finishes[0],{rows:o,size:i}=vR(c,s.process,r?.name??"\u2014",a,void 0),n=fR(void 0,c),h={wheelName:s.name,imageSrc:r?.angles?.[0]??r?.src??null,...n,holes:l[0]?.holes?.toString()??Ta(c.lugs),pcd:l[0]?.pcd??gR(c.pcds),spokes:s.spokes,mesh:s.mesh};return{rows:o,diagram:h}}function u71(e){let{brand:t,variant:a,euLabel:s}=e;if(!a)return[];let c=l4(a.size),l=a.specs,r=l;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",l.construction],["load_index","Load Index",l.loadIndex],["speed_rating","Speed Rating",l.speedRating],["max_load_lbs","Max Load",r.maxLoad??""],["max_psi","Max Pressure",r.maxPressure??""],["tread_depth","Tread Depth",r.treadDepth??""],["overall_diameter","Overall Diameter",r.overallDiameter??""],["tread_pattern","Tread Pattern",l.treadPattern],["tire_type","Type",l.tireType],["brand","Manufacturer",t],["","Fuel Efficiency",s?.fuelClass??""],["","Wet Grip",s?.wetGripClass??""],["","Noise",s&&En(s)||""],["","Snow Grip",s?.severeSnow?"Yes":""],["","Ice Grip",s?.iceGrip?"Yes":""],["","Reinforced",s?.loadIndicator??""]]}function zR(e){let t=[];for(let[a,s,c]of u71(e)){let l=(c??"").trim();l&&t.push(a?{label:s,value:l,fieldKey:a}:{label:s,value:l})}return{rows:t}}import{jsx as _n}from"react/jsx-runtime";var d71=["alloy-wheel","tyre"],g71=[],v71=[];function f71(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 Wv(e){return _n(x2,{kinds:d71,type:"SpecTable",editing:e.editing,children:_n(b71,{...e})})}function b71({num:e,title:t,description:a,showDiagram:s=!0,editing:c=!1,nodeId:l,omitHead:r=!1}){let o=Y0(),i=v3(c&&!o),n=o?.product??i,h=n?.kind==="tyre"?n.source:null,m=Vn(h?.variants??g71),p=o?.fieldUsage??v71;if(h){let v=f71(h,o?.selection.part?.id,o?.selection.shown.size),z=m.find(k=>k.size===v?.size)??null,x=zR({brand:h.brand,variant:v,euLabel:z});return _n(Gt,{num:e,title:t,description:a,rows:Sm(x.rows,p),diagram:null,editing:c,nodeId:l,omitHead:r})}let u=n?.kind==="alloy-wheel"?n.source:null,g=o?o.selection.shown.finish:u?.finishes[0]?.name,d=o&&u?N7(u,o.selection.part)?.size??void 0:void 0,f=u?Nn(bR(u),g,d):{rows:[],diagram:null};return _n(Gt,{num:e,title:t,description:a,rows:Sm(f.rows,p),diagram:s?f.diagram:null,editing:c,nodeId:l,omitHead:r})}import{jsx as yR}from"react/jsx-runtime";var $5={num:L.sectionNumber,title:"Specifications *table.*",description:L.body},wR={label:"Spec Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",source:null,finish:"",size:"",showDiagram:!0,rows:[]},render:e=>{let t=D1(e.headPlacement)==="own-box",a=h=>t?void 0:h;if(e.dynamic)return yR(Wv,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(y(e.num,$5.num,e.puck)),title:a(y(e.title,$5.title,e.puck)),description:a(y(e.description,$5.description,e.puck)),showDiagram:e.showDiagram!==!1,omitHead:t,editing:e.puck?.isEditing});let s=e.source??null,c=e.wheel,l=!s?.slug&&typeof c=="string"?c:"",r=typeof e.finish=="string"?e.finish:"",o=typeof e.size=="string"?e.size:"",i,n=null;if(s?.slug&&s.spec){let h=Nn(s,r,o);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else if(l){let h=xR(l,r,o);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else i=e.rows??[];return yR(Gt,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(y(e.num,$5.num,e.puck)),title:a(y(e.title,$5.title,e.puck)),description:a(y(e.description,$5.description,e.puck)),rows:i,diagram:n,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as In}from"react/jsx-runtime";var y71="Size (blank = none selected)",kR={fields:{_gDynamic:b("Product page"),dynamic:s1("Connect to product data",!1,In(x71,{})),_gHeader:b("Header"),num:H("Number",$5.num),title:D("Heading",$5.title),description:D("Body",$5.description),_gData:b("Product"),source:a2(Dv),finish:g1("Finish",In(CR,{}),[],""),size:{type:"text",label:y71},_gDiagram:b("Diagram"),showDiagram:s1("Dimension diagram",!0,In(z71,{})),_gRows:b("Rows"),rows:{type:"array",label:"Rows",arrayFields:{label:G("Label"),value:G("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||e?.value||"Row"}},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c=D2(),l=m=>O1(W1(m,a,U1),e.props.headPlacement,B1.SpecTable.headRows);if(c&&s.dynamic){let m=new Set([m8.Content,"_gDynamic","dynamic","_gHeader","num","title","description","_gDiagram","showDiagram",...$9,...Y9,...X9,...J9]),p={};for(let[u,g]of Object.entries(t))m.has(u)&&(p[u]=g);return l(p)}let r=s.source,o=!r?.slug&&typeof s.wheel=="string"?s.wheel:"",i={...t};if(c||(delete i._gDynamic,delete i.dynamic),!(r?.slug&&r.spec)&&!o)return delete i.finish,delete i.size,delete i._gDiagram,delete i.showDiagram,l(i);let n=r?.slug?r.finishes.map(m=>m.name):(mn(o)?.finishes??[]).map(m=>m.name),h=[{value:"",label:"Default (first finish)"},...n.map(m=>({value:m,label:m}))];return i.finish=g1("Finish",In(CR,{}),h,""),delete i._gRows,delete i.rows,l(i)}};var w71={link:"Know your size? Pick it below"},MR={fields:{_gHeader:b("Header"),num:H("Number",j0.num),title:H("Heading",L.sectionHeading),description:D("Body",L.body),_gCta:b("Call to action"),escapeText:H("Button",w71.link),escapeHref:H1("Button link")},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.TyreFitment.headRows)};var SR={fields:{_gHeader:b("Header"),num:H("Number",j0.num),title:H("Heading",L.sectionHeading),description:D("Body",L.body)},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.TyreSizes.headRows)};import{useEffect as M71,useState as HR}from"react";import{useState as C71}from"react";function LR(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as Uv,jsxs as k71}from"react/jsx-runtime";function jv({tile:e,face:t,showCount:a,selected:s,onSelect:c}){let[l,r]=C71(!1),o=LR(e,t),i=t==="mark"&&!l?Q3(o):void 0;return k71("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:[Uv("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?i&&Uv("img",{src:i,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>r(!0)}):o}),a&&Uv("span",{children:e.count})]})}import{jsx as kc,jsxs as AR}from"react/jsx-runtime";function Kv({heading:e,button:t,link:a,brands:s=[],face:c="name",showCount:l=!0,picked:r,onPick:o}){let i=r||s[0]?.name;return AR("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&AR("div",{className:"sf-brandstrip-head",children:[kc("span",{className:"sf-brandstrip-heading",children:e??""}),a?kc("a",{className:"sf-brandstrip-all",href:a,children:t??""}):kc("span",{className:"sf-brandstrip-all",children:t??""})]}),kc("div",{className:"sf-brandstrip-track",children:s.map(n=>kc(jv,{tile:n,face:c,showCount:l,selected:n.name===i,onSelect:o?()=>o(n.name):void 0},n.name))})]})}import{jsx as S71}from"react/jsx-runtime";function $v({heading:e,button:t,link:a,picks:s,available:c,face:l="name",showCount:r=!0}){let[o,i]=HR(null),n=Array.isArray(s)?s:[],h=!c&&n.length>0;M71(()=>{if(!h)return;let g=!1;return Xi().then(d=>d??g0.listBrands()).then(d=>{g||i(d)}).catch(()=>{}),()=>{g=!0}},[h]);let m=zN(n,c??o??[]),[p,u]=HR(void 0);return S71(Kv,{heading:e,button:t,link:a,brands:m,face:l,showCount:r,picked:p,onPick:u})}import{jsx as L71}from"react/jsx-runtime";var FR={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[sc]:xN(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:s,showCount:c,...l})=>L71($v,{heading:t1(e),button:t1(t),link:t1(a),picks:l[sc],available:l[bN],face:s,showCount:c})};import{jsx as Mc,jsxs as Rn}from"react/jsx-runtime";function A71(e,t){let a=e.savings[t];if(a===void 0)return null;let s=B2(a,t);return e.savingIsFrom?`Save from ${s}`:`Save ${s}`}function Yv({bundle:e,currency:t}){let a=A71(e,t);return Rn(S1,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[Rn("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?Mc(E3,{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]"}):Rn("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&&Mc("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})]}),Rn("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[Mc("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&Mc("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&Mc("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as qt,jsxs as VR}from"react/jsx-runtime";var TR="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",PR="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",H71=["alloy-wheel"],ER={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function Xv(e){return qt(x2,{kinds:H71,type:"BundleOffer",editing:e.editing,children:qt(F71,{...e})})}function F71({num:e,title:t,description:a,columns:s=3,editing:c=!1,omitHead:l=!1,cardImage:r}){let o=Y0(),{currency:i}=p0(),n=o?.product.kind==="alloy-wheel"?o.product.source.bundles??[]:[],h=l?null:qt(Q1,{num:e?C(e):void 0,title:t?$(t,!1):void 0,description:a?C(a):void 0,accent:!0});return n.length===0?c?VR("section",{className:l?PR:TR,style:Y2(r),children:[h,qt("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:VR("section",{className:l?PR:TR,style:Y2(r),children:[h,qt("div",{className:`mt-10 grid gap-6 ${ER[s]??ER[3]}`,children:n.slice(0,s).map(m=>qt(Yv,{bundle:m,currency:i},m.slug))})]})}import{jsx as T71}from"react/jsx-runtime";var NR={label:"Bundle Products",defaultProps:{num:"",title:"",description:"",columns:3},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return T71(Xv,{num:a(y(e.num,j0.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 P71,useContext as Sc}from"react";var Jv=P71(null);function _R(){let e=Sc(ga),t=Sc(Jv),a=Wl();return e?e.socialLinks??Ty:t?t.socialLinks:a.links}function IR(){return Sc(Jv)?.commerceEnabled??!0}function RR(){let e=Sc(ga),t=Sc(Jv),a=V3();return e?pr({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?pr({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):pr({siteName:a.websiteName?.trim()||Ol})}import{jsx as Wt}from"react/jsx-runtime";function BR({style:e="icon",editing:t=!1}){let{open:a}=Se();return Wm("search"),Wt("span",{"data-phone-menu-tool":"search",className:"contents",children:Wt(Fr,{onClick:t?void 0:a,asText:e==="text"})})}function ZR({style:e="icon",editing:t=!1}){let{open:a,totals:s}=c4();return IR()?Wt(Hr,{onClick:t?()=>{}:a,count:s.sets,asText:e==="text"}):null}function DR({editing:e=!1}){let t=Ar();return Wm(t?"region":null),t?Wt("span",{"data-phone-menu-tool":"region",className:"contents",children:Wt(y8,{})}):e?Wt("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 E71}from"react/jsx-runtime";var OR={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>E71(ZR,{style:e,editing:t?.isEditing})};import{useEffect as eB,useMemo as Z71}from"react";import{useState as KR}from"react";import{jsx as Ut,jsxs as GR}from"react/jsx-runtime";function Qv({label:e,badge:t,open:a,onToggle:s}){let c=t>0;return GR("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&&Ut("span",{className:"px-1.5 text-[length:var(--size-body,11px)] tracking-[0.1em] text-bg",style:{background:"var(--accent)"},children:t}),Ut("span",{className:`text-[length:var(--size-body,11px)] opacity-65 transition-transform ${a?"rotate-180":""}`,children:"\u25BE"})]})}function jt({label:e,badge:t,open:a,onToggle:s,children:c}){return GR("div",{className:"relative",children:[Ut(Qv,{label:e,badge:t,open:a,onToggle:s}),a&&Ut("div",{className:"absolute left-0 top-[calc(100%+6px)] z-[60] min-w-[280px] border border-line bg-surface p-[18px] shadow-[0_24px_60px_rgba(0,0,0,0.4)]",onClick:l=>l.stopPropagation(),children:c})]})}function Kt({children:e}){return Ut("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:e})}function Bn({active:e,onClick:t,children:a,role:s,ariaChecked:c}){return Ut("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 V71,useRef as N71}from"react";import{Fragment as _71,jsx as b3,jsxs as h9}from"react/jsx-runtime";function qR({picker:e,onClose:t}){let{cascade:a}=e,s=N71(p4(a.vehicle));return V71(()=>{let c=p4(a.vehicle);c&&!s.current&&t(),s.current=c},[a.vehicle,t]),h9("div",{className:"border-t border-line bg-surface px-[var(--sf-site-gutter,40px)] py-4 max-[720px]:px-4",children:[b3("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"}),b3(K3,{cascade:a,compact:!0}),a.cascadeError&&b3("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."}),b3("div",{className:"mt-3.5 flex flex-wrap items-center gap-3",children:b3("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 WR="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function UR({field:e,picker:t,open:a,onOpenRequest:s,onClose:c}){let{cascade:l}=t,r=Wi(l),o=$V(l)[e],i=YV(l)[e],n=XV(l)[e],h=JV(l)[e],m=$8[e],p=jV(e,l.vehicle),u=h||r[e].placeholder,g=tg(o,r[e].placeholder),d=ue({items:g,value:n,onPick:i,open:a,onOpen:()=>s(p),onClose:c});return h9("div",{ref:d.wrapRef,className:"relative",children:[h9("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:`${WR} ${a?"border-fg text-fg":"border-line"}`,children:[b3("span",{className:"text-fg-dim",children:m}),b3("span",{"data-vehicle-value":u,className:`truncate ${h?"text-fg":"text-fg-dim"}`,children:u})]}),a&&b3(de,{id:d.listId,tone:"hairline",items:g,value:n,focusIdx:d.focusIdx,onFocus:d.setFocusIdx,onPick:d.pick,listRef:d.listRef})]})}function jR({picker:e,onOpenRequest:t}){let a=KV(e.cascade.vehicle);if(!a)return null;let s=Qs[a];return b3("button",{type:"button","data-vehicle-next":!0,"aria-label":`${s} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${WR} border-line text-fg-dim`,children:b3("span",{"data-vehicle-value":s,children:s})})}function ef({picker:e,total:t}){let{appliedName:a,fit:s,resolving:c,unresolved:l,clear:r}=e;if(!a)return null;let o=He(s),i=s!==null&&!c&&t===0;return h9("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:[h9("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,b3("button",{type:"button",onClick:r,"aria-label":`Clear ${a} and show all wheels`,className:"cursor-pointer leading-none text-bg hover:opacity-70",children:"\u2715"})]}),c?b3("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):l?b3("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"}):b3(_71,{children:o.map(n=>n.value!==null?b3("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):h9("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&&h9("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"," ",b3("button",{type:"button",onClick:r,className:"cursor-pointer uppercase text-accent underline underline-offset-4",children:"show all wheels"})]})]})}import{Fragment as af,jsx as Z1,jsxs as G0}from"react/jsx-runtime";var I71=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function $R(e){return e==="FusionForge\xAE"?G0(af,{children:["FusionForge",Z1(c6,{})]}):e}var tf={size:ye("diameters","alloy-wheel"),finish:ye("finishes","alloy-wheel")};function YR(e,t){return r7(e,a=>tf[String(a.key)],t??[],"filterOrder")}function R71({processCount:e,sizeCount:t,lugCount:a,finishCount:s,optionsReported:c,fieldUsage:l}){let r=i=>!c||i>Sa,o=br(l??[]);return{process:e>Sa,size:o(tf.size)&&r(t),lugs:r(a),finish:o(tf.finish)&&r(s)}}function $t(e,t){return e===t?null:t}function XR({href:e,label:t}){return Z1("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 sf({filters:e,setProcess:t,setSize:a,setLugs:s,setFinish:c,setPriceMin:l,setPriceMax:r,setSort:o,clearAll:i,total:n,scrollProcess:h,show:m,picker:p,lugOptions:u=[],sizeOptions:g=[],finishOptions:d,layout:f=X8,processOptions:v=I71,resultsLink:z,optionsReported:x=!1,fieldUsage:k}){let[M,A]=KR(null),[R,E]=KR(null),Z=cc(),{process:F,size:T,lugs:N,finish:B,priceMin:P,priceMax:O,sort:c1}=e,V=d?ge.filter(Y=>d.includes(Y.f)):ge,q=R71({processCount:v.length,sizeCount:g.length,lugCount:u.length,finishCount:V.length,optionsReported:x,fieldUsage:k}),K={process:(m?.process??!0)&&q.process,size:(m?.size??!0)&&q.size,lugs:(m?.lugs??!0)&&q.lugs,finish:(m?.finish??!0)&&q.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:B?1:0,price:P!=null||O!=null?1:0,vehicle:p?.appliedName?1:0},r1=()=>{i(),p?.clear(),A(null),E(null)};if(f==="columns"){let Y=U=>E(R===U?null:U),e1=[];K.vehicle&&p&&e1.push(G0(Yt,{name:"vehicle",label:Z.vehicle,children:[Js.map(U=>Z1(UR,{field:U,picker:p,open:R===U,onOpenRequest:Y,onClose:()=>E(null)},U)),Z1(jR,{picker:p,onOpenRequest:Y})]},"vehicle"));let d1=[];return K.process&&d1.push(Z1(Yt,{name:"process",label:Z.process,rowsAreOptions:!0,children:v.map(U=>Z1(Zn,{active:F===U,onClick:()=>t($t(F,U)),children:$R(U)},U))},"process")),K.size&&d1.push(Z1(Yt,{name:"size",label:Z.size,rowsAreOptions:!0,children:g.map(U=>G0(Zn,{active:T===U,onClick:()=>a($t(T,U)),children:[U,'"']},U))},"size")),K.lugs&&d1.push(Z1(Yt,{name:"lugs",label:Z.lugs,rowsAreOptions:!0,children:u.map(U=>G0(Zn,{active:N===U,onClick:()=>s($t(N,U)),children:[U,"-Lug"]},U))},"lugs")),K.finish&&d1.push(Z1(Yt,{name:"finish",label:Z.finish,rowsAreOptions:!0,children:V.map(U=>Z1(Zn,{active:B===U.f,onClick:()=>c(B===U.f?null:U.f),children:U.label},U.f))},"finish")),e1.push(...YR(d1,k)),K.price&&e1.push(G0(Yt,{name:"price",label:Z.price,children:[Z1(JR,{label:"Min",value:P,onChange:l,ariaLabel:"Minimum price per wheel"}),Z1(JR,{label:"Max",value:O,onChange:r,ariaLabel:"Maximum price per wheel"})]},"price")),G0("div",{className:"@container",children:[G0("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:[(K.count||K.sort)&&G0("div",{className:"mb-9 flex flex-wrap items-center gap-x-6 gap-y-3 @max-[720px]:mb-7",children:[K.count&&G0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[n," ",n===1?"result":"results"]}),K.sort&&G0("div",{className:"ml-auto flex items-center gap-5",children:[Z1("button",{type:"button",onClick:r1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:"Clear All"}),Z1(wa,{value:c1,onChange:U=>o(U.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(Pa).map(U=>Z1("option",{value:U,children:Pa[U]},U))})]})]}),Z1("div",{"data-filter-columns":!0,className:`grid grid-cols-1 gap-x-[72px] gap-y-10 ${B71[e1.length]??""}`,children:e1}),z&&Z1("div",{className:"mt-10 flex",children:Z1(XR,{href:z.href,label:z.label})})]}),K.vehicle&&p&&Z1(ef,{picker:p,total:n})]})}let x1=[];return K.process&&x1.push(G0(jt,{name:"process",label:h?G0(af,{children:[Z1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?G0(af,{children:["FusionForge",Z1(c6,{})]}):h}),Z1("span",{className:"hidden @min-[720px]:inline",children:Z.process})]}):Z.process,badge:W.process,open:M==="process",onToggle:()=>A(M==="process"?null:"process"),children:[Z1(Kt,{children:"Series \xB7 single-select"}),Z1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Process series",children:v.map(Y=>{let e1=F===Y;return Z1(Bn,{active:e1,role:"radio",ariaChecked:e1,onClick:()=>t($t(F,Y)),children:$R(Y)},Y)})})]},"process")),K.size&&x1.push(G0(jt,{name:"size",label:Z.size,badge:W.size,open:M==="size",onToggle:()=>A(M==="size"?null:"size"),children:[Z1(Kt,{children:"Diameter \xB7 single-select"}),Z1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Wheel diameter",children:g.map(Y=>{let e1=T===Y;return G0(Bn,{active:e1,role:"radio",ariaChecked:e1,onClick:()=>a($t(T,Y)),children:[Y,'"']},Y)})})]},"size")),K.lugs&&x1.push(G0(jt,{name:"lugs",label:Z.lugs,badge:W.lugs,open:M==="lugs",onToggle:()=>A(M==="lugs"?null:"lugs"),children:[Z1(Kt,{children:"Lug count \xB7 single-select"}),Z1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Lug count",children:u.map(Y=>{let e1=N===Y;return G0(Bn,{active:e1,role:"radio",ariaChecked:e1,onClick:()=>s($t(N,Y)),children:[Y,"-Lug"]},Y)})})]},"lugs")),K.finish&&x1.push(G0(jt,{name:"finish",label:Z.finish,badge:W.finish,open:M==="finish",onToggle:()=>A(M==="finish"?null:"finish"),children:[Z1(Kt,{children:"Color family \xB7 single-select"}),Z1("div",{className:"flex flex-col gap-1.5",role:"radiogroup","aria-label":"Finish color family",children:V.map(Y=>{let e1=B===Y.f;return G0("button",{type:"button",role:"radio","aria-checked":e1,onClick:()=>c(e1?null:Y.f),className:["flex items-center gap-2.5 border px-3 py-2 text-left transition-colors",e1?"border-accent text-fg":"border-line hover:border-fg-dim"].join(" "),children:[Z1("span",{className:"block h-3.5 w-3.5 shrink-0 rounded-full border border-line",style:{background:Y.hex}}),Z1("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:e1?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:Y.label}),e1&&Z1("span",{"aria-hidden":!0,className:"ml-auto text-accent",children:"\u25CF"})]},Y.f)})})]},"finish")),G0("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:[G0("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:[G0("div",{className:"flex flex-wrap items-center gap-1 @max-[720px]:gap-1.5",children:[K.count&&G0("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"]}),YR(x1,k),K.price&&G0(jt,{name:"price",label:Z.price,badge:W.price,open:M==="price",onToggle:()=>A(M==="price"?null:"price"),children:[Z1(Kt,{children:"Price range (per wheel)"}),G0("div",{className:"mt-1 flex items-center gap-2",children:[Z1("input",{type:"number",placeholder:"$ Min",value:P??"",onChange:Y=>l(Y.target.value?Number(Y.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"}),Z1("span",{className:"font-mono text-[length:var(--size-label,12px)] text-fg-dim",children:"\u2014"}),Z1("input",{type:"number",placeholder:"$ Max",value:O??"",onChange:Y=>r(Y.target.value?Number(Y.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"})]})]}),K.vehicle&&p&&Z1(Qv,{label:Z.vehicle,badge:W.vehicle,open:M==="vehicle",onToggle:()=>A(M==="vehicle"?null:"vehicle")})]}),z&&Z1("div",{className:`flex items-center @max-[720px]:hidden ${K.sort?"":"ml-auto"}`,children:Z1(XR,{href:z.href,label:z.label})}),K.sort&&G0("div",{className:"ml-auto flex items-center gap-3 @max-[720px]:hidden",children:[Z1("button",{type:"button",onClick:r1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-accent",children:"Clear All"}),Z1(wa,{value:c1,onChange:Y=>o(Y.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(Pa).map(Y=>Z1("option",{value:Y,children:Pa[Y]},Y))})]})]}),K.vehicle&&p&&M==="vehicle"&&Z1(qR,{picker:p,onClose:()=>A(null)}),K.vehicle&&p&&Z1(ef,{picker:p,total:n})]})}var B71={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"},QR="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)]";function Yt({name:e,label:t,rowsAreOptions:a,children:s}){return G0("div",{"data-filter-column":e,className:"flex flex-col gap-[22px]",children:[Z1("div",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.34em] text-fg-dim",children:t}),Z1("div",{role:a?"radiogroup":void 0,"aria-label":a?t:void 0,children:s})]})}function Zn({active:e,onClick:t,children:a}){return Z1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[QR,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:Z1("span",{children:a})})}function JR({label:e,value:t,onChange:a,ariaLabel:s}){return G0("label",{className:`${QR} border-line`,children:[Z1("span",{className:"text-fg-dim",children:e}),Z1("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 D71}from"react/jsx-runtime";function cf({show:e,layout:t,processOptions:a,fieldUsage:s,editing:c=!1,resultsHref:l,resultsLabel:r}){let{filters:o,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:k,finishOptions:M,optionsReported:A}=Or(),R=Z71(()=>s?W4(s,"alloy-wheel"):void 0,[s]),E=N4({editing:c,autoApply:!0});eB(()=>{z({fit:E.fit,name:E.appliedName,resolving:E.resolving,unresolved:E.unresolved})},[z,E.fit,E.appliedName,E.resolving,E.unresolved]);let Z=E.applied?.vehicle??null;eB(()=>{if(c||!E.restored||typeof window>"u")return;let B=new URLSearchParams(window.location.search);for(let O of Object.values(N5))B.delete(O);_5(B,Z);let P=B.toString();window.history.replaceState(null,"",`${window.location.pathname}${P?`?${P}`:""}`)},[c,E.restored,Z]);let F=HN(o),T=(r??"").trim()||"See all results",N=l&&!c&&F.length===0?{href:FN(l,o,Z),label:T}:void 0;return D71(sf,{resultsLink:N,filters:o,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:p,setPriceMax:u,setSort:g,clearAll:d,total:f,lugOptions:x,sizeOptions:k,finishOptions:M,scrollProcess:v,show:e,layout:t,processOptions:a,optionsReported:A,fieldUsage:R,picker:E})}import{jsx as O71}from"react/jsx-runtime";var tB={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:X8,resultsHref:"",resultsLabel:""},render:e=>O71(cf,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:TN(e.layout),processOptions:e.processOptions,fieldUsage:e.fieldUsage,resultsHref:t1(e.resultsHref)||void 0,resultsLabel:t1(e.resultsLabel)||void 0,editing:e.puck?.isEditing})};import{rootRowName as A00,slotChildName as aB,slotChildRenameProp as H00,slotChildRowName as F00}from"efficient-easel/screen/lib/puck/slot-child-name";import{jsx as G71}from"react/jsx-runtime";var sB={label:"Collection Card",defaultProps:{collection:null},render:({collection:e,altName:t,tag:a,href:s,puck:c})=>{let l=e&&typeof e=="object"?e:null,r=(i,n)=>H2(i).hidden?"":t1(i)||(c?.isEditing?n:void 0),o=aB({type:"CollectionCard",props:{altName:t,collection:l}});return G71(Zp,{tag:r(a,L.eyebrow),name:o||(c?.isEditing?"Card title":void 0),desc:l?.description||(c?.isEditing?L.body:void 0),href:t1(s)||void 0,imageSrc:l?.image||void 0,imageLabel:l?.name||void 0})}};import{jsx as q71}from"react/jsx-runtime";var cB={label:"Country Switch",render:({puck:e})=>q71(DR,{editing:e?.isEditing})};import{jsx as m9,jsxs as lf}from"react/jsx-runtime";function W71(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=En(e);return a&&t.push({key:"Rolling noise",value:a}),t}function U71(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function rf({label:e}){let t=W71(e),a=U71(e);return lf("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[m9("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:e.size}),m9("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:t.map(s=>lf("div",{className:"flex items-baseline justify-between gap-3",children:[m9("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:s.key}),m9("dd",{className:"text-right text-fg",children:s.value})]},s.key))}),a.length>0?m9("ul",{className:"mt-3 flex flex-wrap gap-2",children:a.map(s=>m9("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,lf("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}`,m9("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]})}import{jsx as Dn,jsxs as j71}from"react/jsx-runtime";function of({labels:e,num:t}){return e.length===0?null:j71("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:[Dn(Q1,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),Dn("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>Dn(rf,{label:a},a.registrationNumber))}),Dn(t5,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as Lc}from"react/jsx-runtime";var K71=["tyre"];function nf(e){return Lc(x2,{kinds:K71,type:"EuTyreLabel",editing:e.editing,children:Lc($71,{...e})})}function $71({num:e,editing:t=!1}){let a=Y0(),s=v3(t&&!a),c=a?.product??s,l=c?.kind==="tyre"?c.source.variants:[],r=Vn(l);return r.length===0&&t?Lc("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:Lc("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."})}):Lc(of,{labels:r,num:e??""})}import{jsx as Y71}from"react/jsx-runtime";var lB={label:"EU Tyre Label",defaultProps:{num:""},render:e=>Y71(nf,{num:y(e.num,j0.num,e.puck),editing:e.puck?.isEditing})};import{jsx as X71}from"react/jsx-runtime";var rB={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 X71(Ya,{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{useCallback as h81,useEffect as uf,useState as Xt}from"react";import{useEffect as J71,useId as Q71,useRef as oB,useState as e81}from"react";import{jsx as x3,jsxs as hf}from"react/jsx-runtime";function On({item:e,mobile:t=!1,onNavigate:a,dropdownAlign:s="start"}){let[c,l]=e81(!1),r=Q71(),o=oB(null),i=oB(null),n=e.dropdownItems.length>0,h=!Le(e.href);J71(()=>{if(!c)return;let u=o.current?.ownerDocument??document,g=d=>{o.current?.contains(d.target)||l(!1)};return u.addEventListener("pointerdown",g),()=>u.removeEventListener("pointerdown",g)},[c]);let m=()=>{l(!1),a?.()};if(!n)return h?x3(S1,{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":r,onClick:()=>l(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?hf("div",{ref:o,children:[hf("div",{className:"flex min-h-11 items-center justify-between gap-3",children:[h?x3(S1,{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:r,className:"mt-3 flex flex-col border-l border-line pl-5",children:e.dropdownItems.map((u,g)=>Le(u.href)?x3("span",{className:"flex min-h-11 items-center text-base opacity-80",children:u.label},`${u.href}-${g}`):x3(S1,{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]}):hf("div",{ref:o,className:"relative flex items-center whitespace-nowrap",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onBlurCapture:u=>{u.currentTarget.contains(u.relatedTarget)||l(!1)},onKeyDown:u=>{u.key==="Escape"&&(l(!1),i.current?.focus())},children:[h?x3(S1,{href:e.href,onClick:m,onFocus:()=>l(!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:r,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)=>Le(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(S1,{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 Ac,useRef as t81,useState as iB}from"react";function Gn({stickyMode:e,heightPx:t}){let a=t81(null),[s,c]=iB(!1),[l,r]=iB(!1);return Ac(()=>{let o=a.current?.ownerDocument?.defaultView??window,i=t,n=o.scrollY;function h(){let m=o.scrollY;c(m>10),e==="on_scroll_up"&&(m<=i?r(!1):m>n+4?r(!0):m<n-4&&r(!1)),n=m}return h(),o.addEventListener("scroll",h,{passive:!0}),()=>o.removeEventListener("scroll",h)},[e,t]),Ac(()=>{e!=="on_scroll_up"&&r(!1)},[e]),Ac(()=>{let o=a.current?.ownerDocument?.documentElement;o&&o.style.setProperty(Yl,`${t}px`)},[t]),Ac(()=>{let o=a.current,i=o?.ownerDocument,n=i?.defaultView;if(!o||!i||!n)return;let h="",m=u=>{let g=`${Math.round(u)}px`;g!==h&&(h=g,i.documentElement.style.setProperty(nm,g),i.body?.style.setProperty(nm,g))};if(typeof n.ResizeObserver!="function"){m(o.getBoundingClientRect().height);return}let p=new n.ResizeObserver(u=>{let g=u[0]?.borderBoxSize?.[0];m(g?g.blockSize:o.getBoundingClientRect().height)});return p.observe(o),()=>p.disconnect()},[]),Ac(()=>{let o=a.current?.ownerDocument?.documentElement;o&&o.setAttribute("data-header-sticky",e)},[e]),{headerRef:a,scrolled:s,navHidden:l}}import{useEffect as a81,useRef as s81,useState as nB}from"react";import{jsx as hB}from"react/jsx-runtime";function mf(){let[e,t]=nB("dark"),[a,s]=nB(!1),c=s81(null),l=()=>c.current?.ownerDocument??document;a81(()=>{let o=l().documentElement,i=()=>t(kw(o));i(),s(!0);let n=new MutationObserver(i);return n.observe(o,{attributes:!0,attributeFilter:[Cw]}),()=>n.disconnect()},[]);function r(){let o=l(),i=e==="dark"?"light":"dark";t(i),Mw(o.documentElement,i),Sw(o,i)}return hB("button",{ref:c,type:"button",onClick:r,"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:hB("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 mB({editorPreview:e,hasPreviewSettings:t,hasInitialSettings:a}){return!e&&!t&&!a}var pB=-1,l81="sf-header-theme";function pf(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0?e:null}function qn(e){let t=pf(e);return t===null?null:{className:l81,style:xz(t)}}function uB(e){return typeof e=="number"&&Number.isInteger(e)&&e>=w5.min&&e<=w5.max?e:w5.default}var Wn=e=>!!e&&e.startsWith("/wheels/")&&e!=="/wheels",Un=(e,t)=>!e&&t?"var(--section-bg)":"var(--bg)",dB=e=>e==="capitalised"?"capitalised":"uppercase",gB=e=>e==="inline"?"inline":e==="top"||e==="bottom"?"top":null;function vB(e){let t=(e??"").trim();return Wx(t,"#000000")===null?null:Ux(t)==="#000000"}var jn="data-lead-ink",Kn="data-header-ink";var r81="auto";function o81(e){return e.type==="IntroBleed"?ct(e.props?.layout)!=="stacked":!0}function fB(e){let t=iw(e);return t&&nw(e)&&o81(t)?"light":null}function $n(e){return e==="light"||e==="dark"?e:r81}import{Fragment as Yn,jsx as q0,jsxs as n2}from"react/jsx-runtime";var bB={stacked:{grid:"hidden min-[1501px]:grid",flex:"hidden min-[1501px]:flex"},inline:{grid:"hidden min-[801px]:grid",flex:"hidden min-[801px]:flex"}},m81=Array.from({length:6},()=>({href:"#",label:q0(Me,{})}));function df({previewSettings:e,initialSettings:t,editorPreview:a,showThemeToggle:s,wordmark:c,hideLogo:l,hideMenu:r,siteName:o,commerceEnabled:i=!0}={}){let n=Ve(),[h,m]=Xt(!1);uf(()=>{let M1=P0.current?.ownerDocument??document,l0=()=>m(M1.querySelector(`[${jn}="light"]`)!=null);l0();let k1=requestAnimationFrame(l0);return()=>cancelAnimationFrame(k1)},[n]);let p=Wn(n),[u,g]=Xt(!1),{open:d,totals:f}=c4(),{open:v}=Se(),[z,x]=Xt(!1),[k,M]=Xt(null),[A,R]=Xt(null),[E,Z]=Xt(t??null),F=e??(E?{logoUrl:E.logoUrl,reverseLogo:E.reverseLogo,logoReversed:E.logoReversed,logoInkIsDark:E.logoInkIsDark,logoPosition:E.logoPosition,logoSize:E.logoSize,logoSizePx:E.logoSizePx,menuItems:(E.menuItems??[]).map(M1=>({label:M1.label,url:M1.url,dropdown_menu:null,dropdown_items:M1.dropdownItems??[]})),menuSplit:E.menuSplit??3,menuPosition:E.menuPosition,menuRow:E.menuRow,menuGapPx:E.menuGapPx??null,searchEnabled:E.searchEnabled,searchPosition:E.searchPosition,searchRow:E.searchRow,countrySelectorEnabled:E.countrySelectorEnabled,countryUrls:E.countryUrls,accountEnabled:E.accountEnabled,cartEnabled:E.cartEnabled,utilStyle:E.utilStyle,navTextCase:E.navTextCase,lightReverseText:E.lightReverseText,topTextColor:E.topTextColor,transparentTop:E.transparentTop,surface:E.surface,theme:E.theme,width:E.width,heightPx:E.heightPx,sticky:E.sticky}:null),T=l?null:F?.logoUrl??null,N=F?.reverseLogo??!1,B=F?.logoReversed??null,P=F?.logoInkIsDark??null,O=F?.logoPosition??"center",c1=F?.logoSize??"medium",V=F?.logoSizePx??null,q=Math.min(Math.max(F?.menuSplit??3,1),4),K=(F?.menuPosition??"left")==="center",W=(F?.menuPosition??"left")==="beside",r1=(F?.menuRow??"top")==="inline",x1=F?.menuGapPx??null,Y=x1!=null?{gap:`${x1}px`}:void 0,e1=r1?bB.inline:bB.stacked,d1=F?.searchEnabled??!1,U=F?.searchPosition??"right",p1=F?.countrySelectorEnabled??!0,f1=F?.accountEnabled??!0,F0=F?.cartEnabled??!0,T0=(F?.utilStyle??"icon")==="text",A1=`mono-eyebrow${(F?.navTextCase??"uppercase")==="capitalised"?" mono-eyebrow-plain":""}`,s0=F?.countryUrls??{},c0=vl(F?.width),$1=gl(c0)??void 0,w2=F?.heightPx??w5.default,e0=F?.sticky??"always",L2=$n(F?.topTextColor),d0=qn(F?.theme),m1=Object.keys(s0),q1=Ar(m1.length?m1:void 0),o0=p1?q0(y8,{countries:m1.length?m1:void 0,urls:e?void 0:s0}):null,{headerRef:P0,scrolled:y0,navHidden:o2}=Gn({stickyMode:e0,heightPx:w2}),X=d0?JSON.stringify(d0.style):null;uf(()=>{let M1=P0.current?.ownerDocument??document,l0=M1.defaultView??window,k1=O6=>O6?vB(l0.getComputedStyle(O6).getPropertyValue("--bg")):null,C2=()=>{x(M1.documentElement.getAttribute("data-theme")==="light"),M(k1(M1.body)),R(k1(P0.current))};C2();let d2=new MutationObserver(C2);return d2.observe(M1.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),M1.body&&d2.observe(M1.body,{attributes:!0,attributeFilter:["style"]}),()=>d2.disconnect()},[P0,X]);let C1=s??!1?q0(mf,{}):null;uf(()=>{if(!mB({editorPreview:!!a,hasPreviewSettings:!!e,hasInitialSettings:!!t}))return;let M1=!1;return g0.getHeaderSettings().then(l0=>!M1&&Z(l0)).catch(l0=>{console.warn("[header] settings fetch failed; using built-in defaults",l0)}),()=>{M1=!0}},[a,e,t]);let h0=y0||p,V0=Un(z,p),X5=L2==="auto"?h:L2==="light",I6=h0||!X5,R6=h0?A??z:(k??z)&&!X5,B6=L2==="auto"?null:{[Kn]:L2},m5=h81(()=>g(!1),[]);k4({active:u,onDismiss:m5});let T3=(M1,l0,k1="start")=>q0(On,{item:M1,dropdownAlign:k1},l0),Z6=!r&&(F?.menuItems?.length??0)>0,c8=!!a||!!e,i3=Z6?F.menuItems.map(M1=>({href:M1.url||"",label:Y1(M1.label),plainLabel:M1.label,dropdownItems:(M1.dropdown_items??[]).map(l0=>({href:l0.url||"",label:Y1(l0.label),plainLabel:l0.label}))})):c8?m81.map(M1=>({...M1,plainLabel:"Menu item",dropdownItems:[]})):[],v9=i3.length>0||i&&f1||!!o0&&q1||!!C1,P3=O==="center"?i3.slice(0,q):O==="right"?i3:[],v4=O==="center"?i3.slice(q):O==="left"?i3:[],w3=d1?q0(Fr,{onClick:c8?void 0:v,asText:T0}):null,X3=i&&f1?q0(ok,{asText:T0}):null,J5=M1=>i&&F0?q0(Hr,{onClick:d,count:f.sets,asText:T0,className:M1}):null,f4=n2(Yn,{children:[U==="left"?w3:null,o0,C1,X3,J5(),U==="right"?w3:null]}),b4=(M1,l0=!1)=>q0(S1,{href:"/","aria-label":o?`${o} home`:"Home",className:M1,children:q0(pe,{variant:"header",scrolled:I6,src:T,reverse:N,onLightSurface:R6,reversedSrc:B,inkIsDark:P,size:c1,sizePx:V,wordmark:c,siteName:o,fitToContainer:l0})}),D4=b4("inline-flex shrink-0 items-center justify-center"),D6="flex min-w-0 flex-1 items-center overflow-x-clip [container-type:inline-size]";return n2(Yn,{children:[q0("header",{ref:P0,"data-scrolled":y0||void 0,...B6,className:["sf-site-header",...d0?[d0.className]:[],e0==="none"?"absolute":"fixed","inset-x-0 top-0 z-50","flex items-center","px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",h0?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...d0?d0.style:null,minHeight:ow,...o2?{transform:"translateY(-100%)"}:null,...h0?{background:V0,color:"var(--fg)","--sf-header-ground":V0}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:n2("div",{className:"w-full",style:$1,children:[K?n2("div",{className:`${e1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[O==="right"?q0("nav",{className:`${A1} flex items-center gap-7`,children:f4}):q0("div",{className:"flex items-center",children:D4}),q0("nav",{className:`${A1} flex items-center justify-center gap-7`,children:i3.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`,"center"))}),O==="right"?q0("div",{className:"flex items-center justify-end",children:D4}):q0("nav",{className:`${A1} flex items-center justify-end gap-7`,children:f4})]}):O==="center"?n2("div",{className:`${e1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[q0("nav",{className:`${A1} flex items-center gap-7`,children:P3.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`))}),D4,n2("nav",{className:`${A1} flex items-center justify-end gap-7`,children:[v4.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`,"end")),f4]})]}):W?n2("div",{className:`${e1.flex} items-center justify-between gap-8`,children:[n2("div",{className:"flex items-center gap-7",style:Y,children:[D4,q0("nav",{className:`${A1} flex items-center gap-7`,children:i3.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`))})]}),q0("nav",{className:`${A1} flex items-center justify-end gap-7`,children:f4})]}):q0("div",{className:`${e1.flex} items-center justify-between gap-8`,children:O==="right"?n2(Yn,{children:[n2("nav",{className:`${A1} flex items-center gap-7`,children:[i3.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`)),f4]}),D4]}):n2(Yn,{children:[D4,n2("nav",{className:`${A1} flex items-center gap-7`,children:[i3.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`)),f4]})]})}),!r1&&n2("div",{className:"hidden min-[801px]:max-[1500px]:flex flex-col gap-3",children:[n2("div",{className:"flex items-center justify-between",children:[b4(D6,!0),n2("div",{className:`${A1} flex shrink-0 items-center gap-5`,children:[w3,o0,C1,X3,J5()]})]}),q0("nav",{className:`${A1} flex items-center gap-6 border-t border-line/60 pt-2.5`,children:i3.map((M1,l0)=>T3(M1,`${M1.href}-${l0}`))})]}),n2("div",{className:"hidden max-[800px]:flex items-center justify-between",children:[b4(D6,!0),n2("div",{className:"flex shrink-0 items-center gap-4",children:[w3,X3,J5(A1),v9&&n2("button",{type:"button","aria-label":u?"Close menu":"Open menu","aria-expanded":u,onClick:()=>g(M1=>!M1),className:"flex h-11 w-11 flex-col items-center justify-center gap-1.5",children:[q0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"translate-y-[3px] rotate-45":""}`}),q0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"opacity-0":""}`}),q0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"-translate-y-[3px] -rotate-45":""}`})]})]})]})]})}),u&&n2("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:[i3.map((M1,l0)=>q0(On,{item:M1,mobile:!0,onNavigate:()=>g(!1)},`${M1.href}-${l0}`)),n2("div",{className:"mt-auto flex flex-col gap-4 border-t border-line pt-6",children:[i&&f1&&n2("div",{className:"flex items-center justify-between",children:[q0("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),q0(S1,{href:"/account",onClick:()=>g(!1),className:"mono-eyebrow underline",children:"Your account"})]}),o0&&q1&&n2("div",{className:"flex items-center justify-between",children:[q0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),o0]}),C1&&n2("div",{className:"flex items-center justify-between",children:[q0("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),C1]})]})]})]})}import{jsx as xB,jsxs as u81}from"react/jsx-runtime";var p81=`
|
|
142
|
+
.sf-preview-header-pick header { cursor: pointer; }
|
|
143
|
+
.sf-preview-header-pick header:hover {
|
|
144
|
+
outline: 2px solid color-mix(in srgb, ${r6.accent} 45%, transparent);
|
|
145
|
+
outline-offset: -2px;
|
|
146
|
+
}
|
|
147
|
+
.sf-preview-header-pick[data-selected] header {
|
|
148
|
+
outline: 2px solid ${r6.accent};
|
|
149
|
+
outline-offset: -2px;
|
|
150
|
+
}
|
|
151
|
+
`;function zB(){let{settings:e,selected:t,select:a,websiteName:s,templateChrome:c,templateName:l,chromePlaceholder:r,themeSwitchShown:o}=V3(),i=c?l?.trim()||"Template":s?.trim()||Ol,n=c||r;return u81("div",{className:"sf-preview-header-pick sf-theme-surfaces","data-selected":t||void 0,onClick:h=>{h.stopPropagation(),a()},children:[xB("style",{children:p81}),xB(df,{previewSettings:e??void 0,editorPreview:!0,showThemeToggle:o,wordmark:i,hideLogo:n,hideMenu:n})]})}import{Render as y81}from"efficient-easel/render";import{useEffect as d81,useState as g81}from"react";import{jsx as b81}from"react/jsx-runtime";var v81=["none","always","on_scroll_up"],f81=e=>v81.includes(e)?e:"always";function gf({sticky:e,topTextColor:t,heightPx:a,theme:s,children:c}){let l=f81(e),r=uB(a),{headerRef:o,scrolled:i,navHidden:n}=Gn({stickyMode:l,heightPx:r}),h=$n(t),m=h==="auto"?null:{[Kn]:h},p=qn(s),u=Wn(Ve()),[g,d]=g81(!1);d81(()=>{let z=o.current?.ownerDocument??document,x=()=>d(z.documentElement.getAttribute("data-theme")==="light");x();let k=new MutationObserver(x);return k.observe(z.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>k.disconnect()},[o]);let f=i||u,v=Un(g,u);return b81("header",{ref:o,"data-scrolled":i||void 0,"data-box-header":"",...m,className:["sf-site-header",...p?[p.className]:[],"flex flex-col justify-center",l==="none"?"absolute":"fixed","inset-x-0 top-0 z-50",f?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...p?p.style:null,minHeight:`var(${Yl}, ${r}px)`,...n?{transform:"translateY(-100%)"}:null,...f?{background:v,color:"var(--fg)","--sf-header-ground":v}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:c})}var x81={"Logos.logosPerRow":"columns","HeroSlide.tintOpacity":"overlay","Split.textBgTint":"overlay"};function z81(e){return Array.isArray(e)&&e.length>0&&e.every(t=>!!t&&typeof t=="object"&&typeof t.type=="string")}function vf(e){let t=e.props,a=!1;if(e.type&&t)for(let[s,c]of Object.entries(x81)){let l=s.indexOf("."),r=s.slice(0,l),o=s.slice(l+1);if(r!==e.type||!(o in t))continue;let i=t[o],n={...t};delete n[o],(!(c in n)||n[c]===void 0)&&(n[c]=i),t=n,a=!0}if(t){let s=t;for(let[c,l]of Object.entries(t)){if(!z81(l))continue;let r=l.map(vf);r.some((o,i)=>o!==l[i])&&(s===t&&(s={...t}),s[c]=r,a=!0)}t=s}return a?{...e,props:t}:e}function yB(e){let t=e;if(!t||typeof t!="object")return e;let a=!1,s={...e};if(Array.isArray(t.content)){let c=t.content.map(vf);c.some((l,r)=>l!==t.content[r])&&(s.content=c,a=!0)}if(t.zones&&typeof t.zones=="object"){let c=!1,l=Object.fromEntries(Object.entries(t.zones).map(([r,o])=>{if(!Array.isArray(o))return[r,o];let i=o.map(vf);return i.some((n,h)=>n!==o[h])&&(c=!0),[r,i]}));c&&(s.zones=l,a=!0)}return a?s:e}import{Fragment as k81,jsx as ff}from"react/jsx-runtime";var w81=null,C81=()=>w81??={...bf,root:{...bf.root,render:({children:e})=>ff(k81,{children:e})}};function xf({group:e}){let t=yB({root:{props:{}},content:[e],zones:{}}),a=e.props??{};return ff(gf,{sticky:a.sticky,topTextColor:a.topTextColor,heightPx:a.heightPx,theme:a.sectionAccent,children:ff(y81,{config:C81(),data:t})})}import{jsx as wB}from"react/jsx-runtime";function zf({editing:e=!1}){let{headerGroup:t}=Hy();return e?t?wB(xf,{group:t}):wB(zB,{}):null}import{jsx as M81}from"react/jsx-runtime";var CB={label:"Header",render:({puck:e})=>M81(zf,{editing:e?.isEditing})};import{useEffect as Q81,useState as $B}from"react";var kB="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 Lf,useRef as q81,useState as jB}from"react";import{jsx as yf,jsxs as MB}from"react/jsx-runtime";var S81="Please enter a valid email address.";function Hc({email:e,onEmailChange:t,status:a,onResetVerdict:s,onSubmit:c,submitLabel:l,errorMessage:r,inputAriaLabel:o,buttonClassName:i,className:n,placeholder:h="you@example.com"}){return MB("form",{className:[n,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:m=>{m.preventDefault(),c()},children:[MB("div",{className:"flex items-stretch gap-2",children:[yf("input",{type:"email",value:e,onChange:m=>{t(m.target.value),(a==="invalid"||a==="error")&&s()},placeholder:h,"aria-label":o,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"}),yf("button",{type:"submit",disabled:a==="sending",className:i,children:a==="sending"?"Sending\u2026":l})]}),(a==="error"||a==="invalid")&&yf("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?S81:r})]})}import{jsx as Y5,jsxs as Jt}from"react/jsx-runtime";function Fc({vehicle:e,escape:t,override:a,verdict:s,showChangeCar:c,cascadeErrorNote:l,askNote:r}){let o=e.appliedName!=="";return Jt("div",{className:"pb-2",children:[Jt("div",{className:"mb-3 flex items-center justify-between gap-4 font-mono text-[13px] font-semibold uppercase tracking-[0.2em] text-fg",children:[Y5("span",{children:"Vehicle Fitment"}),t]}),a?Y5("div",{className:"flex flex-col gap-3",children:a}):o?Jt("div",{className:"flex flex-col gap-3",children:[s,c&&Y5("div",{children:Y5("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"})})]}):Jt("div",{className:"flex flex-col gap-3",children:[Y5(K3,{cascade:e.cascade,compact:!0}),e.cascade.cascadeError&&Y5("p",{className:"font-mono text-[12px] leading-relaxed tracking-[0.1em] text-fg-dim",children:l}),Y5("span",{className:"font-mono text-[12px] tracking-[0.1em] text-fg-dim",children:r})]})]})}function wf({vehicle:e}){return e.appliedName?Jt("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:[Jt("span",{children:["Showing fitment for your"," ",Y5("strong",{className:"font-semibold text-fg",children:e.appliedName})]}),Y5("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 i5({tone:e,children:t}){return Y5("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 L81,useState as SB}from"react";function Xn(e,t){let[a,s]=SB(null),[c,l]=SB(!1),r=t?.make??"",o=t?.model??"",i=t?.year??null,n=t?.modification??"",h=t!==null;return L81(()=>{if(!h||i===null){s(null),l(!1);return}let m=!0;return s(null),l(!0),JM(e,{make:r,model:o,year:i,modification:n}).then(p=>{if(!m)return;let u=p.vehicle;u.make!==r||u.model!==o||u.year!==i||u.modification!==n||(s(p),l(!1))}),()=>{m=!1}},[e,r,o,i,n,h]),{answer:a,loading:c}}function Jn(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 Qn={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function A81(e,t,a){if(!e)return"unknown";let s=t.filter(l=>l.size===a);if(s.length===0)return"unknown";let c=s.map(l=>Ba(e,l.sku));return c.includes("fits")?"fits":c.every(l=>l==="doesNotFit")?"doesNotFit":"unknown"}var Cf={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function LB(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=>A81(e,t,n)==="fits"),c=n=>{let h=l4(n);return h?q4(h):null},l=new Map;for(let n of s){let h=c(n);h!==null&&!l.has(h)&&l.set(h,n)}let r=[],o=new Set,i=new Set;for(let n of e.oemSizes){let h=c(n),m=h===null?void 0:l.get(h),p=m??n;o.has(p)||(o.add(p),h!==null&&i.add(h),r.push({size:p,made:m!==void 0}))}for(let n of s){let h=c(n);h!==null&&i.has(h)||o.has(n)||(o.add(n),r.push({size:n,made:!0}))}return r}import{Fragment as AB,jsx as R4,jsxs as I4}from"react/jsx-runtime";function kf({slug:e,variants:t,vehicle:a,manualMode:s,setManualMode:c}){let{answer:l,loading:r}=Xn(e,s?null:so(a.applied?.vehicle)),o=a.appliedName;return R4(Fc,{vehicle:a,escape:R4("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?I4(i5,{tone:"quiet",children:[R4("strong",{className:"font-semibold text-fg",children:"You are choosing by size."}),I4("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."," ",R4(S1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]}):null,verdict:R4(H81,{answer:l,loading:r,car:o,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:I4(AB,{children:["Vehicle data is unavailable right now. Pick your size above, or"," ",R4(S1,{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 H81({answer:e,loading:t,car:a,variants:s,onChange:c}){if(t||!e)return I4(i5,{tone:"quiet",children:[R4("strong",{className:"font-semibold text-fg",children:"Checking your car\u2026"})," ",I4("span",{children:["Reading the factory tyre sizes for your ",a,"."]})]});let l=LB(e,s),r=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",o=l.length===0?Jn(e):"",i=o&&r?`${o} ${r}`:o||r;return I4(i5,{tone:e.status==="fits"?"good":"quiet",children:[I4("span",{className:"block",children:[e.status==="fits"?I4("strong",{className:"font-semibold text-accent",children:["\u2713 Made in a size your ",a," takes"]}):e.status==="doesNotFit"?I4("strong",{className:"font-semibold text-fg",children:["Not made in a size your ",a," takes"]}):I4("strong",{className:"font-semibold text-fg",children:["We cannot check this tyre against your ",a]}),I4("span",{className:"whitespace-nowrap",children:[" \xB7 ",R4("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?R4("span",{className:"mt-1.5 block",children:i}):null,l.length>0?I4(AB,{children:[R4("span",{className:"mt-1.5 block",children:"Your car takes:"}),R4("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:l.map(n=>{let h=n.made?Cf.fits:Cf.doesNotFit;return R4("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 ${Qn.fits}`:n.size},n.size)})})]}):null]})}import{useEffect as HB,useState as FB}from"react";var eh="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function TB(e,t,a){return a<=1?0:((e+t)%a+a)%a}function PB(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(TB(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(TB(e,1,t))}]}function F81(e){let{props:t}=cx({src:e,alt:"",fill:!0,sizes:eh}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function EB(e,t,a=F81){let[s,c]=FB(()=>new Set),[l,r]=FB(t),o=e.join(`
|
|
152
|
+
`);HB(()=>{let n=!0,h=m=>{n&&c(p=>p.has(m)?p:new Set(p).add(m))};for(let m of o?o.split(`
|
|
153
|
+
`):[])a(m).then(()=>h(m),()=>h(m));return()=>{n=!1}},[o]);let i=t===void 0||s.has(t)||l===void 0;return HB(()=>{i&&l!==t&&r(t)},[i,l,t]),i?t:l}import{Fragment as P81,jsx as z3,jsxs as $3}from"react/jsx-runtime";function Mf({selection:e,spec:t,vehicle:a,wheel:s}){let{manualMode:c,setManualMode:l}=e,r=sn(e.rows,e.preOrder),o=a.appliedName!=="",i=(s?.variants??[]).some(Pd),n=Y_({wheel:s,applied:o,fit:a.fit,resolving:a.resolving});return z3(Fc,{vehicle:a,escape:z3("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>l(h=>!h),children:c?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:c?$3(i5,{tone:"quiet",children:[z3("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.`:r?"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."," ",z3(S1,{href:"/fitment",className:"text-accent hover:underline",children:"Talk to an engineer \u2192"})]})]}):null,verdict:z3(T81,{verdict:n,car:a.appliedName}),showChangeCar:n.state!=="fits"&&n.state!=="checking",cascadeErrorNote:$3(P81,{children:["Vehicle data is unavailable right now. Pick your wheel by its specs instead, or"," ",z3(S1,{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 T81({verdict:e,car:t}){switch(e.state){case"checking":return $3(i5,{tone:"quiet",children:[z3("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(i5,{tone:"good",children:[$3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),z3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>z3("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(i5,{tone:"good",children:[$3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),z3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>z3("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:[z3("strong",{className:"font-semibold text-fg",children:"Check the offset. "}),c9(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."," ",z3(S1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]});case"no-fit":return $3(i5,{tone:"bad",children:[$3("strong",{className:"font-semibold",style:{color:"var(--alert)"},children:["\u2717 Does not fit your ",t]}),z3("span",{className:"mt-1.5 block",children:c9(e.failure)})]});case"unknown":return $3(i5,{tone:"quiet",children:[z3("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."," ",z3(S1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us before you order \u2192"})]})]});default:return null}}import{useState as IB}from"react";import{useCallback as NB,useRef as E81,useState as V81}from"react";function VB(e,t,a){return{productSlug:e,email:a.trim(),size:t?x8(t):""}}function _B(){let[e,t]=V81("idle"),a=E81(!1),s=NB(()=>{a.current=!1,t("idle")},[]),c=NB(async({productSlug:l,size:r,email:o,dryRun:i=!1})=>{if(!a.current){if(!me(o)){t("invalid");return}a.current=!0,t("sending");try{i||await g0.createPreOrderIntent(VB(l,r,o))}catch{a.current=!1,t("error");return}a.current=!1,t("sent")}},[]);return{status:e,submit:c,reset:s}}import{jsx as Qt,jsxs as ea}from"react/jsx-runtime";function Sf({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[s,c]=IB(a.length>0?0:-1),[l,r]=IB(""),{status:o,submit:i,reset:n}=_B(),h=s>=0?a[s]??null:null;function m(){i({productSlug:e.slug,size:h,email:l,dryRun:t})}return ea("div",{className:"flex flex-col gap-5 border-t border-line pt-[18px]",children:[ea("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:[Qt("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&&ea("div",{children:[ea("div",{className:"mb-3.5 font-mono text-[13px] font-semibold uppercase tracking-[0.22em] text-fg",children:["Size \xB7"," ",Qt("span",{className:"text-accent",children:h?x8(h):"Select a size"})]}),Qt("div",{className:"flex flex-wrap gap-1.5",children:a.map((p,u)=>{let g=u===s;return ea("button",{type:"button",onClick:()=>{c(u),o==="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&&Qt("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),Qt("span",{className:"block text-[14px] tracking-[0.18em]",children:x8(p)})]},x8(p))})})]}),o==="sent"?ea("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,"."]}):Qt(Hc,{email:l,onEmailChange:r,status:o,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 N81}from"react";import{Fragment as _81,jsx as th}from"react/jsx-runtime";function ah({src:e,alt:t,fallback:a,fill:s=!1,width:c,height:l,sizes:r,className:o,style:i,priority:n,draggable:h,imageKey:m,imageWrapperClassName:p,onImageClick:u,imageButtonClassName:g,imageButtonLabel:d}){let[f,v]=N81(null),z=e||"";if(!(z!==""&&f!==z))return th(_81,{children:a});let k=th(E3,{src:z,alt:t,...s?{fill:!0}:{width:c??1e3,height:l??1e3},sizes:r,className:o,style:i,priority:n,draggable:h,onError:()=>v(z)},m??z),M=p?th("div",{className:p,children:k}):k;return u?th("button",{type:"button",onClick:u,"aria-label":d,className:g,children:M}):M}function RB(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 BB,jsx as B4,jsxs as R81}from"react/jsx-runtime";function sh(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function ch({text:e}){return e==="FusionForge\xAE"?R81(BB,{children:["FusionForge",B4(c6,{})]}):B4(BB,{children:e})}function ZB(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:Pi(h.brand,h.name),photos:g.slice(0,1),tint:void 0,stageImage:()=>B4(i6,{image:p?.image??h.coverImage,size:m,type:u,sizes:eh,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:B4(kf,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:B4(wf,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let s=e.source,c=SV(s,t.shown.finish),l=N7(s,t.part),r=on(t),o=Bd(c,r),i=o?[...o]:RB(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})=>B4(ah,{src:h,alt:m,fill:!0,sizes:eh,className:g==="cover"?"object-cover":"object-contain",priority:!0,onImageClick:u,imageButtonClassName:"relative block h-[88%] w-[88%] cursor-zoom-in",imageButtonLabel:p,fallback:B4(f8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[70%] w-[70%]"})}),thumbImage:({photo:h,alt:m})=>B4(ah,{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:B4(f8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[55%] w-[55%]"})}),captions:n.map(h=>c.captions?.[h]),thumbFallbackCells:4,galleryHint:I81(n,c,r,t.manualMode),metaValue:c.name,specCaption:l?Os(l):"",originCaption:s.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${s.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:B4(Mf,{selection:t,spec:l?Os(l):"",vehicle:t.vehicle,wheel:s}),vehicleMemory:t.manualMode?null:B4(wf,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:B4(Sf,{wheel:s,editing:a})}}function I81(e,t,a,s){return e.length>=2||a!=null||!Object.values(t.lugRenderings??{}).some(l=>Array.isArray(l)&&l.filter(Boolean).length>=2)?"":s?"Pick a bolt pattern to see every angle":"Pick your vehicle to see every angle"}import{createContext as B81,useContext as Z81,useEffect as D81,useState as DB}from"react";import{jsx as G81}from"react/jsx-runtime";var OB="storefront-wishlist";function O81(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var GB=B81(null);function $40({children:e}){let[t,a]=DB([]),[s,c]=DB(!1);D81(()=>{let o=Q2.getItem(OB);try{o&&a(O81(o))}catch{}c(!0)},[]);function l(o){let i=t.includes(o)?t.filter(n=>n!==o):[...t,o];a(i),Q2.setItem(OB,JSON.stringify(i))}let r={slugs:t,ready:s,has:o=>t.includes(o),toggle:l,count:t.length};return G81(GB.Provider,{value:r,children:e})}function qB(){let e=Z81(GB);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}var WB="data-option-row";import{Fragment as n5,jsx as z1,jsxs as K1}from"react/jsx-runtime";var W81=4e3;function U81(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}function ta({product:e,selection:t,onLightbox:a,editing:s=!1,pricePlacement:c="top",showVehicleFitment:l=!0,heroLayout:r=j7,imageRatio:o=K7,textAlign:i=n9,showSpecTable:n=!0,showPriceQuote:h=!0,galleryMode:m=$7,imageFit:p=Y7}){let u=Ot(r),g=Ln(i),d=An(o),f=Hn(m),v=QI(Fn(p),vV(e)),z=u==="imageRight"?`${100-d}fr ${d}fr`:`${d}fr ${100-d}fr`,{picked:x,pick:k,qty:M,setQty:A,choice:R,setChoice:E,angleIdx:Z,setAngleIdx:F,showValidation:T,setShowValidation:N,manualMode:B,vehicle:P,rows:O,facts:c1,part:V,outOfStock:q,offer:K,preOrder:W,canAddToCart:r1,currency:x1,price:Y,set:e1,msrpLabel:d1}=t,U=ZB(e,t,s),{bullets:p1}=VS(),f1=iV(e),F0=mV(e),T0=l?U.vehicle:null,A1=l?U.vehicleMemory:null,[s0,c0]=jB(!1);Lf(()=>{let X=()=>{c0(document.documentElement.getAttribute("data-theme")==="light")};X();let C1=new MutationObserver(X);return C1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>C1.disconnect()},[]);let{add:$1,open:w2,warmCatalog:e0}=c4();Lf(()=>{s||e0(e.kind)},[s,e.kind,e0]);let L2=O.filter(X=>!W||X.values.length>0),d0=L2.filter(X=>X.role==="resolves"),m1=L2.filter(X=>X.role==="describes"&&!fV(F0,X.key)),q1=m1.findIndex(X=>X.chosen===null),o0=(!T0||!U.vehicleAnswersSpecs||t.fitmentSet)&&sn(O,W)?q1===-1?m1:m1.slice(0,q1+1):[],P0=[...d0,...o0],y0=K1("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[d1&&z1("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:d1}),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:f1?Dw(Y,x1):he(Y,x1)}),Y.priced&&z1("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:U.unitLabel}),Y.setTotal!=null&&K1("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:[K.quantityLabel,": ",B2(e1,x1)]})]}),o2=q81(null);return Lf(()=>{s||o2.current===e.slug||(o2.current=e.slug,Ow({itemId:V?`${e.slug}|${V.id}`:e.slug,itemName:e.name,variant:U.metaValue,pricePerSet:Y.setTotal??Y.fromSetTotal??0,currency:x1}))},[s,e.slug,e.name,U.metaValue,V,Y,x1]),K1(n5,{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:s0?void 0:{background:"var(--section-bg)"},children:e.crumbs.map((X,C1)=>K1("span",{children:[C1>0&&K1(n5,{children:[z1("span",{className:"mx-3 text-accent",children:"/"}),z1("wbr",{})]}),X.href?z1(S1,{href:X.href,className:"hover:text-fg",children:z1(ch,{text:X.label})}):z1("span",{className:"text-fg",children:z1(ch,{text:X.label})})]},`${X.label}-${C1}`))}),K1("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:{...s0?{}:{background:"var(--section-bg)"},...u==="stacked"?{}:{"--hero-cols":z}},children:[K1("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:[K1("div",{className:f==="tiled"?"min-w-0 flex-1":void 0,children:[z1($81,{name:e.name,view:U,angleIdx:Z,onSelect:F,isLight:s0,onLightbox:a,fit:v}),U.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:U.galleryHint})]}),f!=="main"&&z1(Y81,{name:e.name,view:U,angleIdx:Z,onSelect:F,isLight:s0,tiled:f==="tiled"})]}),K1("div",{className:["flex flex-col gap-7",g==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:u==="imageRight"?{order:1}:void 0,children:[K1("div",{children:[K1("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(ch,{text:e.eyebrow})}),e.badge&&K1(n5,{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)] [text-transform:var(--sf-heading-case,uppercase)] leading-[0.92] tracking-[-0.035em]",children:(()=>{let X=U.heading.lastIndexOf(" ");if(X===-1)return U.heading;let C1=U.heading.slice(0,X),h0=U.heading.slice(X+1);return K1(n5,{children:[C1," ",K1("em",{className:"font-normal italic text-accent",children:[h0,"."]})]})})()})]}),c!=="belowSpecs"&&h&&y0,A1,d0.map(X=>z1(UB,{row:X,onPick:k},X.key)),W&&U.preOrder?K1(n5,{children:[c==="belowSpecs"&&h&&y0,U.preOrder]}):K1(n5,{children:[T0,o0.map(X=>z1(UB,{row:X,onPick:k},X.key)),n&&z1(j81,{facts:c1}),(K.packs.length>0||K.extra||K.spareCounts.length>0)&&K1("div",{className:"border-b border-line pb-[26px]",children:[K.packs.length>0&&K1(n5,{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:K.packs.map(X=>K1("button",{type:"button",onClick:()=>E(C1=>({...C1,unit:X.value})),"aria-pressed":R.unit===X.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",R.unit===X.value?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:R.unit===X.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[R.unit===X.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:X.label})]},X.value))})]}),K.extra&&K1("label",{className:`${K.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:R.spares>0,onChange:X=>E(C1=>({...C1,spares:X.target.checked?cr:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),K.extra.label]}),K.spareCounts.length>0&&K1(n5,{children:[z1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:K8.howMany}),z1("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:K.spareCounts.map(X=>{let C1=X.value-t7,h0=R.spares===C1;return K1("button",{type:"button",onClick:()=>E(V0=>({...V0,spares:C1})),"aria-pressed":h0,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",h0?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:h0?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[h0&&z1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),K1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[X.value," \xB7 ",X.label]})]},X.value)})})]}),K.spareSide&&K1(n5,{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:K.spareSide.label}),z1("div",{className:"flex flex-wrap gap-1.5",children:K.spareSide.options.map(X=>{let C1=R.spareSide===X.value;return K1("button",{type:"button",onClick:()=>E(h0=>({...h0,spareSide:X.value})),"aria-pressed":C1,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",C1?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:C1?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[C1&&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:X.label})]},X.value)})})]})]}),c==="belowSpecs"&&h&&y0,K1("div",{className:kB,children:[!(f1&&!Y.priced)&&z1(Da,{value:M,onChange:A,size:"large"}),f1&&!Y.priced?z1(S1,{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:rr}):Y.priced?q?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"}):K1("button",{type:"button",[re]:"",onClick:()=>{if(!r1){N(!0),window.setTimeout(()=>N(!1),W81);return}if(N(!1),s)return;let X=FV(e,V,x,{choice:R,qty:M},{fitmentLabel:B?U.specCaption:P.appliedName?`For ${P.appliedName}`:"",fitmentKey:B?`manual|${U.specCaption}`:`vehicle|${U81(P.applied?.vehicle)}`});X&&($1(X),w2())},"aria-disabled":!r1,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",r1?"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:r1?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",Y.setTotal!=null?` \xB7 ${B2(e1,x1)}`:""]}):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:a7}),z1(X81,{slug:e.slug,name:e.name})]}),q&&V&&z1(J81,{partNumbers:V.components.map(X=>X.partNumber),productSlug:e.slug},V.id),T&&(()=>{let X=P0.filter(h0=>h0.chosen===null).map(h0=>h0.prompt.replace(/^Select\s+/i,""));if(T0&&U.vehicleAnswersSpecs&&!t.fitmentSet&&X.push("vehicle fitment"),X.length===0)return null;let C1=X.length===1?X[0]:X.length===2?`${X[0]} and ${X[1]}`:`${X.slice(0,-1).join(", ")}, and ${X.at(-1)}`;return K1("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 ",C1," first."]})})()]}),p1.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:p1.map((X,C1)=>K1("li",{children:[z1("strong",{className:"font-bold text-accent",children:X.label}),X.detail?` ${Wa} ${X.detail}`:""]},`${X.label}-${C1}`))})]})]})]})}function j81({facts:e}){return e.length===0?null:K1("div",{className:"border-b border-line pb-[26px]",children:[z1("dl",{className:"flex flex-col gap-2",children:e.map(t=>K1("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[K1("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 UB({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 K1("div",{className:"border-b border-line pb-[26px]",[WB]:e.key,children:[K1("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?K1("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",z1(S1,{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 l=c.value===e.chosen;return K1("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",l?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"].join(" "),style:l?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[l&&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 l=c.value===e.chosen;return K1("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",l?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:l?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[l&&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 KB(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var K81=6;function $81({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,onLightbox:l,fit:r}){let o=t.photos[Math.min(a,t.photos.length-1)],i=EB(t.photos,o),n=KB(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]?sh(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 K1("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:[K1("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&&K1(n5,{children:[K1("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&&K1(n5,{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:PB(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))}),K1("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(--site-line)":"none",borderBottom:z.includes("bottom")?"1px solid var(--site-line)":"none",borderLeft:z.includes("left")?"1px solid var(--site-line)":"none",borderRight:z.includes("right")?"1px solid var(--site-line)":"none"}},x)),t.stageImage({photo:i,alt:g,label:`Open ${[e,t.metaValue].filter(Boolean).join(" ")} at full resolution`,onZoom:()=>l(i,g),fit:r})]}),K1("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 Y81({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,tiled:l=!1}){let r=KB(t);return r<2?null:z1("div",{className:l?"order-[-1] flex w-16 flex-col gap-2 max-[720px]:w-12 max-[720px]:gap-1":"mt-2 grid grid-cols-4 gap-2 max-[720px]:gap-1",style:!l&&r>4?{gridTemplateColumns:`repeat(${Math.min(r,K81)}, minmax(0, 1fr))`}:void 0,children:Array.from({length:r}).map((o,i)=>{let n=t.photos[i];return K1("button",{type:"button",onClick:()=>s(i),"aria-label":`View ${sh(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 ${sh(t,i)}`})]},i)})})}function X81({slug:e,name:t}){let{has:a,toggle:s}=qB(),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 J81({partNumbers:e,productSlug:t}){let[a,s]=jB(""),{status:c,submit:l,reset:r}=_i();function o(){l({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(Hc,{className:"-mt-1",email:a,onEmailChange:s,status:c,onResetVerdict:r,onSubmit:o,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 t91,jsx as Tc,jsxs as a91}from"react/jsx-runtime";function Af({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:s,showVehicleFitment:c=!0,...l}){let[r,o]=$B(null),[i,n]=$B(!1);return Q81(()=>{let h=!1;return o(null),n(!1),(t==="tyre"?g0.getTyre(e).then(p=>({kind:"tyre",tyre:p})):g0.getWheel(e).then(p=>({kind:"wheel",wheel:p}))).then(p=>{h||o(p)}).catch(()=>{h||n(!0)}),()=>{h=!0}},[e,t]),i?Tc(M4,{size:"tall",children:"Couldn\u2019t load this product."}):r?Tc(e91,{record:r,editing:a,pricePlacement:s,showVehicleFitment:c,...l}):Tc(M4,{size:"tall",children:"Loading product\u2026"})}function e91({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:s=!0,...c}){let l=e.kind==="tyre"?nn(e.tyre):Gs(e.wheel),r=mc(l,{editing:t}),o=hc();return a91(t91,{children:[Tc(ta,{product:l,selection:r,onLightbox:o.open,editing:t,pricePlacement:a,showVehicleFitment:s,...c}),Tc(Tt,{item:o.item,onClose:o.close})]})}import{Fragment as r91,jsx as Q7,jsxs as o91}from"react/jsx-runtime";var s91=R3;function lh({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...s}){let c=Y0();return Q7(x2,{kinds:s91,type:"ProductHero",editing:e,children:c?Q7(ta,{product:c.product,selection:c.selection,onLightbox:c.openLightbox,editing:e,pricePlacement:t,showVehicleFitment:a,...s}):e?Q7(c91,{pricePlacement:t,showVehicleFitment:a,...s}):Q7(M4,{size:"tall",children:"Bound to the current product \u2014 preview on a product page."})})}function c91({pricePlacement:e,showVehicleFitment:t,...a}){let s=v3(!0);return s?Q7(l91,{product:s,pricePlacement:e,showVehicleFitment:t,...a}):Q7(M4,{size:"tall",children:"Loading sample product\u2026"})}function l91({product:e,pricePlacement:t,showVehicleFitment:a,...s}){let c=mc(e,{editing:!0}),l=hc();return o91(r91,{children:[Q7(ta,{product:e,selection:c,onLightbox:l.open,editing:!0,pricePlacement:t,showVehicleFitment:a,...s}),Q7(Tt,{item:l.item,onClose:l.close})]})}import{jsx as Pc}from"react/jsx-runtime";function i91({source:e,editing:t=!1,pricePlacement:a=Dt,showVehicleFitment:s=!0,heroLayout:c=j7,imageRatio:l=K7,textAlign:r=n9,showSpecTable:o=!0,showPriceQuote:i=!0,galleryMode:n=$7,imageFit:h=Y7}){let m={heroLayout:c,imageRatio:l,textAlign:r,showSpecTable:o,showPriceQuote:i,galleryMode:n,imageFit:h};return Y0()||t&&D2()?Pc(lh,{editing:t,pricePlacement:a,showVehicleFitment:s,...m}):e?.slug?Pc(Af,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:s,...m}):t?Pc(M4,{size:"tall",children:"Pick a product in the panel to fill this hero."}):Pc(lh,{pricePlacement:a,showVehicleFitment:s,...m})}var YB={label:"Product Hero",defaultProps:{source:null,pricePlacement:Dt,showVehicleFitment:!0,heroLayout:j7,imageRatio:K7,textAlign:n9,showSpecTable:!0,showPriceQuote:!0,galleryMode:$7,imageFit:Y7},render:e=>Pc(i91,{source:e.source,editing:e.puck?.isEditing,pricePlacement:XI(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:Ot(e.heroLayout),imageRatio:An(e.imageRatio),textAlign:Ln(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:Hn(e.galleryMode),imageFit:Fn(e.imageFit)})};import{jsx as n91}from"react/jsx-runtime";var XB={label:"Product",defaultProps:{code:"",finish:""},render:e=>n91(xv,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as h91}from"react/jsx-runtime";var JB={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>h91(BR,{style:e,editing:t?.isEditing})};import{useEffect as p91,useRef as u91}from"react";import{jsx as Ec,jsxs as QB}from"react/jsx-runtime";var m91={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function Hf({variants:e,answer:t,loading:a=!1}){return t?QB("div",{className:"mt-9",children:[Ec("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:Jn(t)}),Ec("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(s=>{let c=Ba(t,s.sku),l=m91[c];return QB("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[Ec("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:s.size}),Ec("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${l.className}`,style:l.style,children:Qn[c]})]},s.sku)})})]}):a?Ec("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 Ff,jsxs as eZ}from"react/jsx-runtime";var Tf="Will it fit *your car?*",Pf="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",Ef="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",Vf="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 Nf({num:e,title:t=Tf,description:a=Pf,escapeText:s,escapeHref:c,omitHead:l=!1,slug:r,variants:o,onAnswer:i}){let n=N4({autoApply:!0}),{answer:h,loading:m}=Xn(r,so(n.applied?.vehicle)),p=u91(i);return p.current=i,p91(()=>{p.current?.(h)},[h]),eZ("section",{className:l?Vf:Ef,children:[l?null:Ff(Q1,{num:e,title:t,description:a,accent:!0}),Ff(K3,{cascade:n.cascade}),s&&c?eZ("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,Ff(Hf,{variants:o,answer:h,loading:m})]})}import{jsx as Vc,jsxs as v91}from"react/jsx-runtime";var d91=["tyre"];function _f(e){return Vc(x2,{kinds:d91,type:"TyreFitment",editing:e.editing,children:Vc(g91,{...e})})}function g91({num:e,title:t,description:a,escapeText:s,escapeHref:c,omitHead:l=!1,editing:r=!1}){let o=Y0(),i=v3(r&&!o),n=o?.product??i,h=n?.kind==="tyre"?n.source:null;return!h||h.variants.length===0?r?v91("section",{className:l?Vf:Ef,children:[l?null:Vc(Q1,{num:e,title:t||Tf,description:a||Pf,accent:!0}),Vc("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:Vc(Nf,{num:e,title:t||void 0,description:a||void 0,escapeText:s,escapeHref:c,omitHead:l,slug:h.slug,variants:h.variants})}import{jsx as f91}from"react/jsx-runtime";var tZ={label:"Tyre Fitment Form",defaultProps:{num:"",title:"",description:"",escapeText:"",escapeHref:""},render:e=>{let t=D1(e.headPlacement)==="own-box",a=l=>t?void 0:l,s=t1(e.escapeText),c=t1(e.escapeHref);return f91(_f,{num:a(y(e.num,j0.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 e8,jsxs as cZ}from"react/jsx-runtime";var aZ="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",sZ="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",b91=[],x91=["tyre"];function If(e){return e8(x2,{kinds:x91,type:"TyreSizes",editing:e.editing,children:e8(z91,{...e})})}function z91({num:e,title:t,description:a,editing:s=!1,omitHead:c=!1}){let l=Y0(),r=v3(s&&!l),o=l?.product??r,i=o?.kind==="tyre"?o.source.variants:[],n=c?null:e8(Q1,{num:e?C(e):void 0,title:$(t||"Available *sizes.*",!1),description:C(a||"Every size this tyre is made in, with its own price and stock."),accent:!0});if(i.length===0)return s?cZ("section",{className:c?sZ:aZ,children:[n,e8("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 cZ("section",{className:c?sZ:aZ,children:[n,e8(y91,{variants:i,fieldUsage:l?.fieldUsage??b91}),e8(t5,{text:h?to:""})]})}function y91({variants:e,fieldUsage:t}){let{currency:a,formatPrice:s}=p0();return e8("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(c=>e8(ic,{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 w91}from"react/jsx-runtime";var lZ={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return w91(If,{num:a(y(e.num,j0.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 rZ={AlloyWheelsListing:dN,BrandStrip:FR,BundleOffer:NR,CartBlock:OR,CatalogFilterBar:tB,CheckoutCTA:VN,CollectionCard:sB,Collections:ZN,CompatibleTyres:f_,CountrySwitchBlock:cB,DeliveryOptions:y_,DetailRows:__,EuTyreLabel:lB,FitmentFinder:G_,FitmentTable:nI,Gallery:fI,GalleryB:LI,GalleryItem:rB,Header:CB,ProductGrid:qI,ProductHero:YB,ProductRef:XB,RelatedProducts:rR,SearchBlock:JB,SpecTable:wR,TyreFitment:tZ,TyreSizes:lZ};var C91={AlloyWheelsListing:fN,BrandStrip:wN,BundleOffer:CN,CartBlock:kN,CatalogFilterBar:PN,CheckoutCTA:NN,CollectionCard:RN,Collections:ON,CompatibleTyres:b_,CountrySwitchBlock:x_,DeliveryOptions:C_,DetailRows:R_,EuTyreLabel:B_,FitmentFinder:q_,FitmentTable:hI,Gallery:zI,GalleryB:AI,GalleryItem:VI,Header:NI,ProductGrid:UI,ProductHero:eR,ProductRef:lR,RelatedProducts:oR,SearchBlock:iR,SpecTable:kR,TyreFitment:MR,TyreSizes:SR},W0=je(rZ,C91);import{jsx as g4,jsxs as rh}from"react/jsx-runtime";function Bf(e={}){let t=zw();return g4(tL,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:g4(k91,{...e})})}var oZ="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]",Rf="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function k91({eyebrow:e,heading:t,intro:a,buttonLabel:s,successMessage:c,boxes:l,inBoxes:r=!1}){let{fieldPrefix:o,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:k,selectedStart:M,setSelectedStart:A,customerTimezone:R,name:E,setName:Z,email:F,setEmail:T,phone:N,setPhone:B,notes:P,setNotes:O,confirmation:c1,submitting:V,error:q,canSubmit:K,handleSubmit:W,sample:r1}=f7(),x1=r1?g4("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,Y=n===void 0?g4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments\u2026"}):n?.length===0?g4("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 r&&l?g4("section",{className:"relative z-[2] border-t border-line bg-surface",children:rh("div",{className:oZ,children:[x1,c1?g4(l,{className:`${Rf} items-start`}):rh("form",{onSubmit:W,children:[g4(l,{className:`${Rf} items-start`}),Y]})]})}):g4("section",{className:"relative z-[2] border-t border-line bg-surface",children:rh("div",{className:oZ,children:[x1,g4(So,{eyebrow:e,heading:t,intro:a}),c1?g4(Ho,{successMessage:c}):Y||rh("form",{onSubmit:W,className:Rf,children:[g4(Lo,{}),g4(Ao,{buttonLabel:s})]})]})})}import{jsx as M91}from"react/jsx-runtime";var Zf={boxes:{type:"slot",allow:["BookingBox"]}},iZ={label:"Booking Form",fields:Zf,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>M91(Bf,{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 nZ={fields:{_gContent:b("Content"),eyebrow:G("Eyebrow"),heading:E1("Heading"),intro:E1("Introduction"),buttonLabel:G("Submit button"),successMessage:E1("Confirmation message"),boxes:Zf.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{eyebrow:a,heading:s,intro:c,buttonLabel:l,successMessage:r,...o}=t;return o}};var hZ={fields:{_gTextStyle:b("Text style"),...Object.fromEntries(Fo.map(e=>[To[e],g1($p[e],Oe($p[e]),[{label:"Section's own",value:""},...u5.map(t=>({label:M9[t],value:t}))],"")])),_gContent:b("Content"),eyebrow:G("Eyebrow"),heading:E1("Heading"),intro:E1("Introduction"),buttonLabel:G("Submit button"),successMessage:E1("Confirmation message")},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=Fo.map(r=>To[r]),l=r=>Object.fromEntries(Object.entries(s).filter(([o])=>o.startsWith("_")||c.includes(o)||r.includes(o)));return l(a==="head"?["eyebrow","heading","intro"]:a==="details"?["buttonLabel"]:a==="confirm"?["successMessage"]:[])}};import{EyeIcon as S91,LinkIcon as mZ,EyeOffIcon as L91}from"efficient-easel/icons";import{jsx as Nc}from"react/jsx-runtime";var pZ={fields:{_gTop:b("Routing groups"),routingNumber:H("Section number",v0.routingNumber),routingTagline:H("Eyebrow",v0.routingTagline),groups:{type:"array",label:"Groups",arrayFields:{eyebrow:G("Eyebrow"),title:E1("Title"),copy:E1("Body"),response:G("Response time")},getItemSummary:e=>e?.title||e?.eyebrow||"Group"},_gForm:b("Message form"),formSlug:F5(),formNumber:H("Section number",v0.formNumber),formHeading:D("Heading",v0.formHeading),metaItems:F2("Meta lines",Nc(e4,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:b("\u201COther\u201D reason"),showOther:s1("Show \u201COther\u201D reason",v0.showOther,Nc(S91,{})),otherLabel:G("\u201COther\u201D chip label",v0.otherLabel),otherNoteTitle:H("\u201COther\u201D note title",v0.otherNoteTitle),otherNoteBody:D("\u201COther\u201D note body",v0.otherNoteBody),_gSubmit:b("Submit button"),buttonText:G("Submit button",v0.buttonText),consent:D("Consent line",v0.consent),_gChannels:b("Contact info"),channels:{type:"array",label:"Channels",arrayFields:{label:G("Label"),value:G("Value"),href:J2(G("Link")),sub:G("Sub line"),groupId:g1("Link to group",Nc(mZ,{}),[{label:"\u2014 Not linked \u2014",value:""},...v0.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:s1("Hidden",!1,Nc(L91,{}))},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,l)=>{if(c?.id)return a.add(c.id),c;let r=lu(c?.title)||`group-${l+1}`;for(;a.has(r);)r=`${r}-${l+1}`;return a.add(r),{...c,id:r}});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((r,o)=>({label:r?.title||r?.eyebrow||`Group ${o+1}`,value:r?.id||lu(r?.title)||`group-${o+1}`}))],c=t,l=c.channels;return l?.type==="array"&&l.arrayFields&&(c.channels={...l,arrayFields:{...l.arrayFields,groupId:g1("Link to group",Nc(mZ,{}),s,"")}}),t}};import{useEffect as A91,useRef as H91,useState as F91}from"react";import{Fragment as N91,jsx as Df,jsxs as _91}from"react/jsx-runtime";var T91=12,oh=null,uZ=null;function P91(e=!1){let t=i2();if((e||uZ!==t)&&(oh=null),!oh){let a=N3();uZ=t,oh=X1.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return oh}function E91(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 V91(e){return{slug:e.slug,title:e.title,excerpt:e.excerpt,cover:e.cover_image?w9(e.cover_image)??"":"",meta:e.category||void 0,dateLabel:E91(e.published_at)||void 0}}function p9({value:e,onChange:t,snapshotCount:a=T91}){let[s,c]=F91("idle"),l=Array.isArray(e),r=l?e.length:0,o=H91(!0),i=h=>{c("loading"),P91(h).then(m=>{if(!o.current)return;if(m===null){c("error");return}c("idle");let p=m.slice(0,a).map(V91);p6(p,e??null)&&t(p)})};A91(()=>(o.current=!0,i(!1),()=>{o.current=!1}),[]);let n=s==="loading"?"Syncing from Storefront \u2192 Blog\u2026":s==="error"?"Couldn\u2019t reach Storefront \u2192 Blog.":l?`Auto-synced from Storefront \u2192 Blog \xB7 ${r} post${r===1?"":"s"}`:"Linking to Storefront \u2192 Blog\u2026";return _91("div",{children:[Df(G9,{label:"Blog posts"}),Df(T4,{status:s,statusText:n,onRefresh:()=>i(!0),busy:s==="loading",spaced:!1,hint:Df(N91,{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{useState as I91}from"react";import{jsx as R0,jsxs as t8}from"react/jsx-runtime";var dZ=3,fZ="featured",ih="tabs",bZ="portrait",aa="spread",nh="count",xZ=[{label:"Even grid",value:"even"},{label:"Featured first",value:fZ},{label:"Tabs",value:ih},{label:"Photo cards",value:bZ},{label:"Staggered spread",value:aa},{label:"Count",value:nh}],R91=[bZ,aa],zZ="even",N6={min:2,max:11,step:1,fallback:7,unit:"of 12"},B91="bottom-left",Z91=55,D91="bottom";function O91(e){let t=typeof e=="number"?e:Number.parseFloat(String(e??"")),a=Number.isFinite(t)?Math.min(N6.max,Math.max(N6.min,Math.round(t))):N6.fallback;return`${a}fr ${12-a}fr`}var gZ={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"},vZ={2:"grid-cols-2",3:"grid-cols-3 max-[800px]:grid-cols-2",4:"grid-cols-4 max-[1100px]:grid-cols-3 max-[800px]:grid-cols-2"},G91="Find by name",q91="Nobody by that name.";function W91(e,t){let a=c=>c.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLocaleLowerCase().trim(),s=a(t);return s===""||a(e).includes(s)}function U91({card:e,scaffold:t,lower:a=!1}){return t8(t0,{href:e.href||"#",className:`sf-card group relative isolate flex aspect-[3/4] overflow-hidden bg-surface${a?" min-[801px]:mt-16":""}`,"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[R0("div",{className:"absolute inset-0 transition-transform duration-700 group-hover:scale-[1.03] motion-reduce:transition-none motion-reduce:group-hover:scale-100",children:R0(C0,{label:`card-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 50vw, 25vw"})}),R0("div",{"aria-hidden":!0,className:"absolute inset-0 z-0",style:{background:"linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--bg) 88%, transparent) 100%)"}}),e.meta&&R0("span",{className:"absolute left-3 top-3 z-[1] rounded-[var(--sf-button-radius,999px)] bg-bg/85 px-2.5 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-accent",children:C(e.meta)}),t8("div",{className:"relative z-[1] mt-auto flex w-full flex-col gap-1 p-4 max-[800px]:p-3",children:[R0("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] leading-[1.1] tracking-[-0.01em] text-fg",children:$(e.title,!1)}),e.dateLabel&&R0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-accent",children:C(e.dateLabel)}),e.excerpt&&R0("p",{className:"line-clamp-2 text-[length:var(--size-body,14px)] leading-[1.45] text-fg-dim",children:C(e.excerpt)})]})]})}function j91({cards:e,scaffold:t}){return R0("nav",{"aria-label":"Days",className:"-mx-1 overflow-x-auto",children:R0("ul",{className:"flex min-w-max gap-2 px-1 pb-1",children:e.map((a,s)=>{let c=!!a.meta;return R0("li",{children:t8(t0,{href:a.href||"#","aria-current":c?"page":void 0,"aria-disabled":t||void 0,tabIndex:t?-1:void 0,className:`flex flex-col gap-0.5 rounded-[var(--sf-button-radius,999px)] border px-5 py-2.5 transition-colors ${c?"border-accent bg-accent text-accent-ink":"border-line text-fg hover:border-accent hover:text-accent"}`,children:[R0("span",{className:"font-heading3 text-[length:var(--size-body,15px)] leading-[1.2]",children:$(a.title,!1)}),a.excerpt&&R0("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] ${c?"opacity-80":"text-fg-dim"}`,children:C(a.excerpt)})]})},`${a.slug}-${s}`)})})})}function K91({count:e,words:t,href:a}){let s=t8("span",{className:"inline-flex items-baseline gap-3",children:[R0("span",{className:"font-heading text-[length:var(--size-headingLarge,64px)] leading-none text-accent",children:e}),t!==void 0&&R0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:t})]});return a?R0(t0,{href:a,className:"inline-flex hover:opacity-85",children:s}):s}var $91="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]",Y91="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]",X91="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[32px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[24px]";function Of({num:e,title:t,link:a,posts:s,columns:c,limit:l,showAll:r=!1,editing:o=!1,cardImage:i,gap:n,layout:h,featuredWidth:m,listCover:p=!0,featuredDarken:u,omitHead:g=!1,sample:d,nameFilter:f=!1}){let[v,z]=I91(""),x=s??[],k=r?x.length:typeof l=="number"&&l>0?l:dZ,M=x.slice(0,k),A=o&&M.length===0;if(M.length===0&&!o)return null;let R=r?dZ:k,E=A?d?.length?d.slice(0,r?d.length:R):Array.from({length:R},(V,q)=>({slug:`placeholder-${q}`,title:"Blog post title",excerpt:"A short summary of the post appears here.",cover:"",meta:"Journal",dateLabel:"Date"})):M,Z=_3("Events",n,"both"),F=h===fZ&&E.length>1,T=O91(m),N=h===ih,B=h===nh,P=R91.includes(h??""),O=f&&!N&&!B&&!F,c1=O?E.filter(V=>W91(V.title,v)):E;return B?R0("section",{className:X91,children:R0(K91,{count:E.length,words:g||t===void 0?void 0:$(t,!1),href:g?void 0:a?.href})}):t8("section",{className:g?Y91:$91,style:Y2(i),children:[g?null:R0(Q1,{num:e!==void 0?C(e):void 0,title:t!==void 0?$(t,!1):void 0,link:a?{text:C(a.text),href:a.href}:void 0}),O&&t8("div",{className:"mb-6 flex flex-col gap-2",children:[t8("label",{className:"flex max-w-[360px] flex-col gap-1.5",children:[R0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:G91}),R0("input",{type:"search",value:v,onChange:V=>z(V.target.value),autoComplete:"off",className:"rounded-[var(--sf-button-radius,6px)] border border-line bg-bg px-4 py-2.5 text-[length:var(--size-body,15px)] text-fg outline-none focus:border-accent"})]}),c1.length===0&&R0("p",{role:"status",className:"text-[length:var(--size-body,14px)] text-fg-dim",children:q91})]}),N?R0(j91,{cards:E,scaffold:A}):P?R0("div",{className:`sf-card-grid grid${Z.className} ${h===aa?"grid-cols-3 max-[800px]:grid-cols-2":vZ[Math.min(4,Math.max(2,c??3))]??vZ[3]}`,style:Z.style,children:c1.map((V,q)=>R0(U91,{card:V,scaffold:A,lower:h===aa&&q%3===1},`${V.slug}-${q}`))}):F?t8("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${Z.className}`,style:{...Z.style,"--sf-events-split":T},children:[R0(lt,{post:E[0],href:E[0].href,scaffold:A,layout:"cover",darken:u??Z91,darkenStyle:D91,placement:B91},`${E[0].slug}-0`),R0("div",{className:`grid auto-rows-min${Z.className}`,style:Z.style,children:E.slice(1).map((V,q)=>R0(lt,{post:V,href:V.href,scaffold:A,showCover:p},`${V.slug}-${q+1}`))})]}):R0("div",{className:`sf-card-grid grid${Z.className} ${gZ[Math.min(4,Math.max(1,c??3))]??gZ[3]}`,style:Z.style,children:c1.map((V,q)=>R0(lt,{post:V,href:V.href,scaffold:A},`${V.slug}-${q}`))})]})}import{LayoutIcon as ie1,ColumnsIcon as ne1,WidthIcon as he1,ImageIcon as me1,OpacityIcon as pe1,ListIcon as ue1,HashIcon as de1,SearchIcon as ge1}from"efficient-easel/icons";import{ListIcon as se1}from"efficient-easel/icons";var hh="dataSource";var J91="dataRows";var Q91=Symbol.for("efficient.block-sources");function Gf(){let e=globalThis;return e[Q91]??={sources:new Map,revision:0}}function qf(e){let t=[...Gf().sources.values()];return e===void 0?t:t.filter(a=>a.blocks.includes(e))}function ee1(e){return Gf().sources.get(e)??null}function mh(){return Gf().revision}function _c(e){let t=e?.[hh];return typeof t=="string"?t.trim():""}function te1(e){if(!e||typeof e!="object"||Array.isArray(e))return null;let t={};for(let[a,s]of Object.entries(e))typeof s=="string"&&s&&(t[a]=s);return Object.keys(t).length?t:null}function ae1(e){let t=e?.[J91];return Array.isArray(t)?t.map(te1).filter(a=>a!==null):null}function yZ(e,t,a=[]){let s=ae1(e);if(s!==null&&(s.length||!t))return{rows:s,sample:!1};if(!t)return{rows:[],sample:!1};let c=ee1(_c(e))?.sample;return{rows:c?.length?c:a,sample:!0}}import{jsx as le1}from"react/jsx-runtime";function SZ(e,t){return g1(e,le1(se1,{}),[{label:t,value:""}],"")}var wZ=new WeakMap,CZ=-1,Wf={},kZ=new WeakMap;function ce1(e,t,a){CZ!==mh()&&(CZ=mh(),Wf={});let s=wZ.get(t);(!s||kZ.get(s)!==Wf)&&(s=new Map,kZ.set(s,Wf),wZ.set(t,s));let c=qf(e),l=a&&!c.some(i=>i.key===a)?a:"",r=`${e}\0${l}`,o=s.get(r);return o||(o={...t,options:[...t.options,...c.map(i=>({label:i.label,value:i.key})),...l?[{label:l,value:l}]:[]]},s.set(r,o)),o}var MZ=new WeakMap;function LZ(e,t,a,s={}){let c=t[hh];if(!c)return t;let l=_c(a),r=qf(e).length>0||l!=="",o=r?ce1(e,c,l):null,i=MZ.get(t);i||MZ.set(t,i=new Map);let n=`${mh()}\0${r?"1":"0"}\0${l}`,h=i.get(n);if(h)return h;let m=new Set(l?s.hides??[]:[]),p={};for(let[u,g]of Object.entries(t))u===hh?o&&(p[u]=o):m.has(u)||(p[u]=g);return i.set(n,p),p}import{jsx as oe1}from"react/jsx-runtime";var u9={num:L.sectionNumber,title:"Section title",link:L.viewAll},re1=[{key:"sample-1",title:"First card",excerpt:"A line about it appears here."},{key:"sample-2",title:"Second card",excerpt:"A line about it appears here."},{key:"sample-3",title:"Third card",excerpt:"A line about it appears here."},{key:"sample-4",title:"Fourth card",excerpt:"A line about it appears here."}],AZ=(e,t)=>({slug:e.key||`card-${t}`,title:e.title??"",excerpt:e.excerpt??"",cover:e.cover??"",meta:e.meta||void 0,dateLabel:e.dateLabel||void 0,href:e.href||"#"}),HZ={label:"Latest Posts",defaultProps:{num:"",title:"",linkText:"",linkHref:"/journal",columns:3,limit:3,showAll:!1},render:e=>{let t=D1(e.headPlacement)==="own-box",a=o=>t?void 0:o,s=y(e.linkText,u9.link,e.puck),l=_c(e)!==""?yZ(e,!!e.puck?.isEditing,re1):null,r=l?l.sample?[]:l.rows.map(AZ):e.posts;return oe1(Of,{num:a(y(e.num,u9.num,e.puck)),title:a(y(e.title,u9.title,e.puck)),link:a(s?{text:s,href:t1(e.linkHref)||"/journal"}:void 0),omitHead:t,posts:r,sample:l?.sample?l.rows.map(AZ):void 0,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,nameFilter:e.nameFilter===!0,editing:e.puck?.isEditing})}};import{jsx as a8}from"react/jsx-runtime";var ve1=50,FZ={fields:{_gContent:b("Content"),num:H("Number",u9.num),title:D("Heading",u9.title),linkText:H("Button",u9.link),linkHref:H1("Link"),dataSource:SZ("Cards from","Blog posts"),_gPosts:b("Blog posts"),posts:a2(p9,{snapshotCount:ve1}),_gLayout:b("Layout"),layout:g1("Arrangement",a8(ie1,{}),xZ,zZ),columns:a1("Columns",a8(ne1,{}),2,4,1,3),featuredWidth:a1("Featured width",a8(he1,{}),N6.min,N6.max,N6.step,N6.fallback,N6.unit),listCover:s1("Show cover image on the smaller cards",!0,a8(me1,{})),featuredDarken:a1("Darken",a8(pe1,{}),E2.min,E2.max,E2.step,55,E2.unit),nameFilter:s1("Filter by name",!1,a8(ge1,{})),gap:I3("Events"),showAll:s1("Show all blog posts",!1,a8(ue1,{})),limit:a1("Posts to display",a8(de1,{}),1,20,1,3),cardImage:Y6()},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,l={...LZ("Events",t,e.props,{hides:["_gPosts","posts"]})},r=o=>O1(W1(o,a,U1),e.props.headPlacement,B1.Events.headRows);if(s.showAll&&delete l.limit,s.layout==="featured")delete l.columns;else for(let o of["featuredWidth","listCover","featuredDarken"])delete l[o];if(s.layout===ih||s.layout===nh)for(let o of["columns","nameFilter","cardImage"])delete l[o];return s.layout===aa&&delete l.columns,s.layout==="featured"&&delete l.nameFilter,r(l)}};import{jsx as ph}from"react/jsx-runtime";import{SettingsDefaultReset as fe1,SettingsField as be1,SettingsSegmented as xe1}from"efficient-easel/panel";import{WidthIcon as ze1}from"efficient-easel/icons";function uh({value:e,resolved:t,onChange:a,label:s="Width",labelId:c,followsLabel:l,hint:r}){let o=e===void 0,i=o?t:e;return ph(be1,{label:s,labelId:c,icon:ph(ze1,{}),value:o?l:void 0,changed:!o,action:ph(fe1,{label:s,changed:!o,onReset:()=>a(void 0)}),hint:r,children:ph(xe1,{options:[{label:Gh.page,id:"content"},{label:Gh.full,id:"full"}],value:i,ariaLabel:s,onChange:a})})}import{SettingsField as ye1,SettingsSwitch as we1}from"efficient-easel/panel";import{BlockColumnIcon as Ce1}from"efficient-easel/icons";import{Fragment as ke1,jsx as dh,jsxs as Me1}from"react/jsx-runtime";function Uf({value:e,onChange:t}){let a=y5(),s={...I9,...e},c=s[a];return dh(ye1,{label:"Logo fills its column",icon:dh(Ce1,{}),action:dh(we1,{checked:c,onChange:l=>t({...s,[a]:l}),ariaLabel:`Logo fills its column on ${v5[a]}`}),hint:Me1(ke1,{children:["Sets the ",dh("strong",{children:v5[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{SettingsField as Se1,SettingsSwitch as Le1}from"efficient-easel/panel";import{FullWidthIcon as Ae1}from"efficient-easel/icons";import{Fragment as He1,jsx as gh,jsxs as Fe1}from"react/jsx-runtime";function jf({value:e,onChange:t}){let a=y5(),s={...R9,...e},c=s[a];return gh(Se1,{label:"Logo fills its row",icon:gh(Ae1,{}),action:gh(Le1,{checked:c,onChange:l=>t({...s,[a]:l}),ariaLabel:`Logo fills its row on ${v5[a]}`}),hint:Fe1(He1,{children:["Sets the ",gh("strong",{children:v5[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{jsx as Te1}from"react/jsx-runtime";function Kf({value:e,onChange:t}){return Te1(Vs,{label:"Columns per line",unit:"columns",steps:Kz,value:Ll(e),onChange:t})}import{useContext as Pe1,useEffect as Ee1,useRef as Ve1,useState as PZ}from"react";import{jsx as sa,jsxs as TZ}from"react/jsx-runtime";function Ic(){let e=RR();return TZ("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:[sa("span",{children:e}),TZ("span",{className:"flex flex-wrap items-center gap-3",children:[sa("span",{children:"Privacy"}),sa("span",{"aria-hidden":!0,children:"\xB7"}),sa("span",{children:"Terms"}),sa("span",{"aria-hidden":!0,children:"\xB7"}),sa("span",{children:"Cookies"})]})]})}import{jsx as $f,jsxs as Ie1}from"react/jsx-runtime";var EZ={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},Ne1={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"},_e1={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 Yf({blocks:e,editing:t=!1,width:a,columns:s,logoFill:c,logoRowFill:l}){let r=Pe1(ga),{desktop:o,tablet:i,mobile:n}=Ll(s),{desktop:h,tablet:m,mobile:p}={...I9,...c},{desktop:u,tablet:g,mobile:d}={...R9,...l},f=y5(),z=t?EZ[f==="desktop"?o:f==="tablet"?i:n]:`${EZ[n]} ${Ne1[i]} ${_e1[o]}`,x=Ve1(null),[k,M]=PZ(1),[A,R]=PZ(!1);if(Ee1(()=>{if(!t&&!r)return;let Z=x.current;if(!Z)return;let F=()=>{let c1=Z.querySelector(".footer-block-grid");if(!c1)return;let V=t?f:Qz(window.innerWidth),q=V==="desktop"?u:V==="tablet"?g:d;R(q);let K=V==="desktop"?h:V==="tablet"?m:p,W=getComputedStyle(c1).gridTemplateColumns.split(" ").filter(Boolean).length-1,r1=Math.max(c1.childElementCount-1,0);M(!q&&K&&W>=1?Math.max(Math.ceil(r1/W),1):1)},T,N=()=>{clearTimeout(T),T=setTimeout(F,0)},B=[0,80,250,600].map(c1=>setTimeout(F,c1)),P=new MutationObserver(N);P.observe(Z,{childList:!0,subtree:!0});let O=new ResizeObserver(N);return O.observe(Z),()=>{clearTimeout(T),B.forEach(clearTimeout),P.disconnect(),O.disconnect()}},[o,i,n,t,r,f,h,m,p,u,g,d]),!t&&!r)return null;let E=gl(vl(a))??void 0;return $f("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":k,"--footer-logo-col":A?"1 / -1":"1"},children:Ie1("div",{style:E,children:[$f(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${z}`,minEmptyHeight:160}),$f(Ic,{})]})})}import{jsx as Re1}from"react/jsx-runtime";var Xf={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},VZ={label:"Footer",fields:Xf,defaultProps:{columns:$z,logoFill:I9,logoRowFill:R9},render:({blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,puck:l})=>Re1(Yf,{blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,editing:l?.isEditing})};import{jsx as vh}from"react/jsx-runtime";var NZ={fields:{_gLayout:b("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>vh(uh,{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})=>vh(Kf,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>vh(Uf,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>vh(jf,{value:e,onChange:t})},_gBlocks:b("Blocks"),blockList:c2("Footer"),blocks:Xf.blocks}};import{WeightIcon as Be1,WidthIcon as Ze1,PhoneIcon as De1}from"efficient-easel/icons";import{jsx as Jf}from"react/jsx-runtime";var _Z={fields:{_gStyle:b("Style"),thickness:a1("Thickness",Jf(Be1,{}),1,8,1,1,"px"),lengthPct:a1("Length",Jf(Ze1,{}),10,100,1,100,"%"),hideOnMobile:s1("Hide on mobile",!1,Jf(De1,{}))}};var IZ={fields:{_gContent:b("Content"),heading:E1("Heading","Join our email list"),placeholder:G("Field placeholder","Email address"),buttonLabel:G("Button","Subscribe")}};import{AlignLeftIcon as qe1}from"efficient-easel/icons";import{jsx as RZ}from"react/jsx-runtime";var Oe1={start:"items-start",center:"items-center",end:"items-end"};function Qf({direction:e="vertical",gap:t,align:a="start",content:s}){let c=_3("FooterGroup",t,e==="horizontal"?"inline":"block");return RZ("div",{className:"min-w-0",children:RZ(s,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${Oe1[a]}${c.className}`,style:c.style,minEmptyHeight:80})})}import{jsx as Ge1}from"react/jsx-runtime";var eb={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},BZ={label:"Footer Box",fields:eb,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:s})=>Ge1(Qf,{direction:e,gap:t,align:a,content:s})};import{jsx as We1}from"react/jsx-runtime";var ZZ={fields:{_gLayout:b("Layout"),direction:b1("Direction",h8("`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:b1("Alignment",We1(qe1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:b("Blocks"),blockList:c2("FooterGroup"),blocks:eb.blocks}};import{WidthIcon as Ue1,AlignLeftIcon as je1,LogoIcon as Ke1,PaddingTopIcon as $e1,PaddingRightIcon as Ye1,PaddingBottomIcon as Xe1,PaddingLeftIcon as Je1}from"efficient-easel/icons";import{jsx as d9}from"react/jsx-runtime";var DZ={fields:{_gContent:b("Content"),tagline:E1("Body","Short brand tagline"),_gStyle:b("Style"),widthPct:a1("Width",d9(Ue1,{}),40,400,1,100,"%"),align:b1("Alignment",d9(je1,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:b1("Logo color",d9(Ke1,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:a1("Padding top",d9($e1,{}),0,120,2,0,"px"),padRight:a1("Padding right",d9(Ye1,{}),0,120,2,0,"px"),padBottom:a1("Padding bottom",d9(Xe1,{}),0,120,2,0,"px"),padLeft:a1("Padding left",d9(Je1,{}),0,120,2,0,"px")}};import{Button as Qe1}from"efficient-shell/ui";import{SettingsField as et1}from"efficient-easel/panel";import{FieldSelect as tt1}from"efficient-easel/fields";import{MenuIcon as at1}from"efficient-easel/icons";import{useCallback as st1,useEffect as OZ,useState as tb}from"react";import{jsx as ca,jsxs as ab}from"react/jsx-runtime";function sb({value:e,onChange:t}){let[a,s]=tb(null),[c,l]=tb(!1),r=st1(v=>{s(v),l(!0)},[]);OZ(()=>{let v=!1;return $m(N3()).then(z=>{v||r(z)}).catch(()=>{v||s([])}),()=>{v=!0}},[r]),OZ(()=>{let v=!1,z=uM(()=>{yk(N3()).then(x=>{v||r(x)}).catch(()=>{})});return()=>{v=!0,z()}},[r]);let o=a===null,i=!!(e?.id||e?.handle),n=c&&i&&!Vr(a??[],e),h=!i&&(e?.items?.length??0)>0,m=n?"":Vr(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]=tb(!1),f=()=>{i&&(d(!0),$m(N3(),!0).then(v=>{r(v);let z=Vr(v,e);z&&p(z)}).catch(()=>{}).finally(()=>d(!1)))};return ab("div",{children:[ca(et1,{label:"Menu",icon:ca(at1,{}),hint:!o&&a&&a.length===0?"Create menus in Storefront \u2192 Menus, then pick one here.":void 0,children:ca(tt1,{value:m,ariaLabel:"Menu",onChange:u,readOnly:o||(a?.length??0)===0,options:[{label:o?"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?ca("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:pk}):null,n?ca("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:uk(e?.name??"The linked menu")}):null,i&&!n?ab("div",{className:"mt-1.5 flex items-center justify-between gap-2",children:[ab("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:"]}),ca(Qe1,{variant:"link",size:"sm",className:"shrink-0",onClick:f,disabled:g,children:g?"Updating\u2026":"Update links"})]}):null]})}import{PhoneIcon as ct1,LineBetweenIcon as lt1}from"efficient-easel/icons";import{jsx as cb}from"react/jsx-runtime";var GZ={fields:{_gContent:b("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>cb(sb,{value:e,onChange:t})},heading:G("Heading","Column heading"),_gStyle:b("Style"),accordionMobile:s1("Show as accordion on mobile",!1,cb(ct1,{})),showDividers:s1("Dividers between links",!1,cb(lt1,{}))}};import{jsx as Rc}from"react/jsx-runtime";var qZ={small:16,medium:20,large:24},lb=0,rb=32,UZ=2,Bc=0,WZ={start:"justify-start",center:"justify-center",end:"justify-end"};function ob({iconStyle:e=ee,iconSize:t="medium",align:a="start",gap:s=Bc,editing:c=!1}){let l=_R(),r=Ey(Py(l));if(r.length===0)return c?Rc("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 o=qZ[t]??qZ.medium,n={gap:Math.min(rb,Math.max(lb,Number.isFinite(s)?s:0)),"--social-mark":`${o}px`};return Rc("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)] ${WZ[a]??WZ.start}`,style:n,children:r.map(({platform:h,href:m,label:p})=>Rc("li",{children:Rc("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:Rc(qy,{platform:h,iconStyle:e,size:o})})},h))})}import{Button as rt1}from"efficient-shell/ui";import{Fragment as ot1,jsx as ib,jsxs as it1}from"react/jsx-runtime";function nb(){let{openPanel:e}=Wl();return it1(ot1,{children:[ib(G9,{label:"Social links"}),ib("p",{className:"es-field-hint sf-hint-keep",children:"The links are typed once for the whole website, in Site settings."}),ib(rt1,{variant:"link",size:"sm",onClick:e,children:"Edit social links \u2192"})]})}import{StylesIcon as nt1,TextSizeIcon as ht1,AlignLeftIcon as mt1,GapIcon as pt1}from"efficient-easel/icons";import{jsx as Zc}from"react/jsx-runtime";var jZ={fields:{_gStyle:b("Style"),iconStyle:b1("Icon style",Zc(nt1,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],ee),iconSize:b1("Icon size",Zc(ht1,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Zc(nb,{})},_gLayout:b("Layout"),align:b1("Alignment",Zc(mt1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:a1("Gap",Zc(pt1,{}),lb,rb,UZ,Bc,"px")}};import{TextSizeIcon as ut1}from"efficient-easel/icons";import{jsx as dt1}from"react/jsx-runtime";var KZ={fields:{_gContent:b("Content"),text:E1("Body","Footer text"),_gStyle:b("Style"),size:b1("Size",dt1(ut1,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:Co()}};var $Z={fields:{_gForm:b("Form"),formSlug:F5(),_gContent:b("Content"),heading:G("Heading override"),intro:E1("Intro"),submitText:G("Submit button"),finePrint:G("Fine print")}};var YZ={fields:{}};var fh="e.g. D00123 \xB7 blank = the whole store";import{useState as s8}from"react";import{Fragment as ft1,jsx as o3,jsxs as Dc}from"react/jsx-runtime";var bh="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",gt1="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))]",vt1="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 hb({eyebrow:e,title:t,designCode:a,omitHead:s=!1,editing:c=!1}={}){let[l,r]=s8(""),[o,i]=s8(""),[n,h]=s8(0),[m,p]=s8(""),[u,g]=s8(""),[d,f]=s8(!1),[v,z]=s8(!1),[x,k]=s8(null);async function M(A){if(A.preventDefault(),!(c||d)){if(n<1){k("Choose a star rating.");return}f(!0),k(null);try{await g0.submitReview({authorName:l.trim(),...o.trim()?{email:o.trim()}:{},rating:n,...m.trim()?{title:m.trim()}:{},body:u.trim(),...a?.trim()?{designCode:a.trim()}:{}}),z(!0)}catch{k("Something went wrong \u2014 your review wasn't sent. Please try again.")}finally{f(!1)}}}return o3("section",{className:"relative z-[2] border-t border-line bg-surface",children:Dc("div",{className:s?vt1:gt1,children:[s?null:Dc(ft1,{children:[(e??"").trim()&&o3(V1,{text:e??"",scaled:!1,className:"mb-4 block"}),(t??"").trim()&&o3("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:$(t??"",!1)})]}),v?o3("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."}):Dc("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:M,children:[Dc("div",{className:"grid grid-cols-2 gap-3 max-[640px]:grid-cols-1",children:[o3(Z2,{label:"Name",required:!0,children:o3("input",{type:"text",required:!0,value:l,onChange:A=>r(A.target.value),className:bh})}),o3(Z2,{label:"Email \u2014 never shown publicly",children:o3("input",{type:"email",value:o,onChange:A=>i(A.target.value),className:bh})})]}),Dc("div",{className:"flex flex-col gap-2",children:[o3(v8,{required:!0,children:"Rating"}),o3("div",{role:"group","aria-label":"Rating",className:"flex gap-1",children:[1,2,3,4,5].map(A=>o3("button",{type:"button","aria-pressed":n>=A,"aria-label":`${A} star${A===1?"":"s"}`,onClick:()=>{h(A),k(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))})]}),o3(Z2,{label:"Review title (optional)",children:o3("input",{type:"text",value:m,onChange:A=>p(A.target.value),className:bh})}),o3(Z2,{label:"Your review",required:!0,children:o3("textarea",{required:!0,rows:5,value:u,onChange:A=>g(A.target.value),className:bh+" resize-y"})}),x&&o3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:x}),o3("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 bt1}from"react/jsx-runtime";var Oc={eyebrow:"Your turn",title:"Leave a *review.*"},XZ={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return bt1(hb,{eyebrow:a(y(e.eyebrow,Oc.eyebrow,e.puck)),title:a(y(e.title,Oc.title,e.puck)),omitHead:t,designCode:t1(e.designCode)||void 0,editing:e.puck?.isEditing})}};var JZ={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",Oc.eyebrow),title:D("Heading",Oc.title),_gSource:b("Reviews"),designCode:J2(G("Design code",fh))},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.ReviewForm.headRows)};import{StylesIcon as Lt1,HashIcon as At1,ColumnsIcon as Ht1}from"efficient-easel/icons";import{useEffect as xt1,useState as zt1}from"react";function QZ(e,t){let[a,s]=zt1(null);return xt1(()=>{let c=!1;return s(null),g0.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(l=>{c||s(l)}),()=>{c=!0}},[e,t]),a}import{Fragment as Mt1,jsx as Z4,jsxs as xh}from"react/jsx-runtime";var eD=[{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 yt1(e){let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{month:"long",year:"numeric"})}function wt1({rating:e}){let t=Math.min(5,Math.max(0,Math.round(e)));return Z4("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)=>Z4("span",{"aria-hidden":!0,className:s<t?"text-accent":"text-fg-dim/30",children:"\u2605"},s))})}var Ct1="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))]",kt1="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 mb({look:e,eyebrow:t,title:a,columns:s,limit:c,designCode:l,omitHead:r=!1,editing:o=!1}={}){let i=QZ(c??6,l),n=Math.min(3,Math.max(1,s??3)),h=i&&i.length>0?i:o?eD:[],m=h===eD;return!o&&h.length===0?null:Z4("section",{className:"relative z-[2] border-t border-line bg-surface",children:xh("div",{className:r?kt1:Ct1,children:[r?null:xh(Mt1,{children:[(t??"").trim()&&Z4(V1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&Z4("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:$(a??"",!1)})]}),Z4("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=>xh("article",{className:["flex flex-col gap-4 bg-bg p-9 max-[800px]:p-7",m?"opacity-60":""].join(" "),children:[Z4(wt1,{rating:p.rating}),p.title.trim()&&Z4("h3",{className:"font-display text-[length:var(--size-body,19px)] font-medium uppercase leading-[1.2] tracking-[-0.01em] text-fg",children:p.title}),Z4("div",{className:"flex-1 font-serif text-[length:var(--size-body,15px)] leading-[1.65] text-fg-dim",children:b0(p.body).map((u,g)=>Z4("p",{className:g?"mt-3":"",children:u},g))}),xh("footer",{className:"flex items-baseline justify-between gap-4 border-t border-line pt-[18px]",children:[Z4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg",children:p.authorName}),Z4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:yt1(p.createdAt)})]})]},p.id))})]})})}import{jsx as St1}from"react/jsx-runtime";var Gc={eyebrow:"Reviews",title:"From our *customers.*"},tD={label:"Reviews",defaultProps:{eyebrow:"",title:"",columns:3,limit:6,designCode:""},render:e=>{let t=D1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return St1(mb,{look:s4(e.eyebrowLook,"Reviews"),eyebrow:a(y(e.eyebrow,Gc.eyebrow,e.puck)),title:a(y(e.title,Gc.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:t1(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as pb}from"react/jsx-runtime";var aD={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",Gc.eyebrow),eyebrowLook:g1("Eyebrow style",pb(Lt1,{}),[...y4],J6("Reviews")),title:D("Heading",Gc.title),_gSource:b("Reviews"),limit:a1("Reviews to display",pb(At1,{}),3,12,1,6),designCode:J2(G("Design code",fh)),_gStyle:b("Style"),columns:a1("Columns",pb(Ht1,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>O1(W1(t,a,U1),e.props.headPlacement,B1.Reviews.headRows)};import{FullWidthIcon as Pt1}from"efficient-easel/icons";import{jsx as ub,jsxs as Ft1}from"react/jsx-runtime";function qc({place:e,sections:t,editing:a=!1,fullWidth:s=!1,navTextCase:c,menuRow:l}){let o=Ft1(e==="footer"?"footer":"div",{"data-section-group":e,...e==="header"?{"data-header-nav-case":dB(c),"data-header-menu-row":gB(l)??"top"}:null,style:s===!0?{"--sf-site-width":"100vw"}:void 0,children:[a?ub("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,ub(t,{minEmptyHeight:120})]});return e==="header"?ub(vk,{children:o}):o}import{jsx as Tt1}from"react/jsx-runtime";var db={sections:{type:"slot"}},sD={label:"Site Footer",fields:db,render:({sections:e,fullWidth:t,puck:a})=>Tt1(qc,{place:"footer",sections:e,fullWidth:t,editing:a?.isEditing})};import{jsx as Et1}from"react/jsx-runtime";var cD={fields:{fullWidth:s1("Full width",!1,Et1(Pt1,{})),sections:db.sections}};import{CaseIcon as Nt1,ContrastIcon as _t1,FullWidthIcon as It1,HeightIcon as Rt1,LayoutIcon as Bt1,StickyIcon as Zt1}from"efficient-easel/icons";import{jsx as Vt1}from"react/jsx-runtime";var gb={sections:{type:"slot"}},lD={label:"Site Header",fields:gb,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,fullWidth:t,navTextCase:a,menuRow:s,puck:c})=>Vt1(qc,{place:"header",sections:e,fullWidth:t,navTextCase:a,menuRow:s,editing:c?.isEditing})};import{jsx as la}from"react/jsx-runtime";var{sectionAccent:Dt1}=q9(e=>pf(e)??pB,"Follow the site theme"),rD={fields:{heightPx:a1("Height",la(Rt1,{}),w5.min,w5.max,2,w5.default,"px"),fullWidth:s1("Full width",!1,la(It1,{})),sectionAccent:Dt1,topTextColor:b1("Text color at the top",la(_t1,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),navTextCase:b1("Letters",la(Nt1,{}),[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],"uppercase"),menuRow:b1("Menu row",la(Bt1,{}),[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],"top"),sticky:b1("Sticky header",la(Zt1,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),sections:gb.sections}};import{jsx as zh,jsxs as Ot1}from"react/jsx-runtime";var z0={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 Wc(e,t){return e===void 0?t:e}function vb({eyebrow:e,title:t,body:a,buttonText:s,consent:c,formSlug:l,form:r,editing:o=!1,boxes:i,inBoxes:n=!1,...h}){let m=Wc(e,z0.eyebrow),p=Wc(t,z0.title),u=Wc(a,z0.body),g=Wc(s,z0.buttonText),d=Wc(c,z0.consent),f=L5(l,r),v=n7({form:f,formSlug:l,editing:o}),z=f===void 0,x=!!f||o;return!x&&!m&&!p&&!u?null:n&&i?zh("section",{className:N0(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:zh(i,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):Ot1("section",{className:N0(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:[zh(pL,{eyebrow:m,title:p}),zh(Po,{body:u,buttonLabel:g,consent:d,form:f,submission:v,showForm:x,resolving:z,editing:o})]})}var oD={fields:{_gTextStyle:b("Text style"),...Object.fromEntries(Eo.map(e=>[Vo[e],g1(Qp[e],Oe(Qp[e]),[{label:"Section's own",value:""},...u5.map(t=>({label:M9[t],value:t}))],"")])),_gContent:b("Content"),eyebrow:H("Eyebrow",z0.eyebrow),title:D("Heading",z0.title),body:D("Body",z0.body),formSlug:F5(),buttonText:H("Button",z0.buttonText),consent:D("Consent line",z0.consent)},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=["eyebrow","title"],l=["body","formSlug","buttonText","consent"],r=Eo.map(n=>Vo[n]),o=a==="head"?c:l,i={};for(let[n,h]of Object.entries(s)){if(n.startsWith("_")){i[n]=h;continue}if(r.includes(n)){a!=="head"&&(i[n]=h);continue}o.includes(n)&&(i[n]=h)}return i}};import{jsx as Gt1}from"react/jsx-runtime";var fb={boxes:{type:"slot",allow:["SubmitBox"]}},iD={label:"Photo Submission Form",fields:fb,defaultProps:{eyebrow:z0.eyebrow,title:z0.title,body:z0.body,formSlug:"",buttonText:z0.buttonText,consent:z0.consent},render:e=>Gt1(vb,{boxes:e.boxes,inBoxes:e.layout==="boxes",eyebrow:Q0(e.eyebrow,z0.eyebrow,e.puck),title:Q0(e.title,z0.title,e.puck),body:Q0(e.body,z0.body,e.puck),buttonText:Q0(e.buttonText,z0.buttonText,e.puck),consent:Q0(e.consent,z0.consent,e.puck),formSlug:t1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};var nD={fields:{_gContent:b("Content"),eyebrow:H("Eyebrow",z0.eyebrow),title:D("Heading",z0.title),body:D("Body",z0.body),_gForm:b("Form"),formSlug:F5(),_gButton:b("Button"),buttonText:H("Button",z0.buttonText),_gFootnote:b("Footnote"),consent:D("Consent line",z0.consent),boxes:fb.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{_gContent:a,eyebrow:s,title:c,body:l,_gForm:r,formSlug:o,_gButton:i,buttonText:n,_gFootnote:h,consent:m,...p}=t;return p}};var qt1=["issues","posts"],hD=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],bb="issues";function xb(e){return qt1.includes(e)?e:bb}var Wt1={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function mD(e,t){let a=xb(t),s={...e};for(let[c,l]of Object.entries(Wt1))l.includes(a)||delete s[c];return s}import{CategoryIcon as jt1,HashIcon as Kt1}from"efficient-easel/icons";var B0={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:"A short description of your newsletter or publication.",kicker:"\u2192 Newsletter",leadTitle:"Get it in the *inbox.*",intro:"Tell readers what they get and how often. One email, straight to the inbox. We will never sell your address.",emailPlaceholder:"your@email.com",submitText:"Subscribe \u2192",subscribedText:"Subscribed \u2713",finePrint:"Approx. 1 email per week \xB7 Unsubscribe in one click",issuesHeading:"Recent issues",archiveText:"View the full archive \u2192",archiveHref:u2.href},pD=[{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 Ut1(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 yh(e,t){if(e==="issues")return y1(t.issues,pD,t.puck);let a=t.posts,s=typeof t.limit=="number"&&t.limit>0?t.limit:4,c=Array.isArray(a)?Ut1(a.slice(0,s)):[];return y1(c,pD,t.puck)}import{jsx as uD}from"react/jsx-runtime";var dD={fields:{_sHead:a0("Section header"),_gHeadCopy:b("Content"),headNum:H("Number",B0.headNum),headTitle:D("Heading",B0.headTitle),headDesc:D("Body",B0.headDesc),_sLeft:a0("Newsletter panel"),_gLeftCopy:b("Content"),kicker:H("Eyebrow",B0.kicker),leadTitle:D("Heading",B0.leadTitle),intro:D("Intro",B0.intro),_gForm:b("Signup form"),emailPlaceholder:G("Email placeholder",B0.emailPlaceholder),submitText:G("Submit button",B0.submitText),subscribedText:G("Subscribed button",B0.subscribedText),finePrint:D("Fine print",B0.finePrint),_sRight:a0("Recent issues"),_gRightCopy:b("Content"),contentType:b1("Type",uD(jt1,{}),[...hD],bb),issuesHeading:H("Panel heading",B0.issuesHeading),issues:{type:"array",label:"Issues",arrayFields:{n:v1("Number"),title:v1("Title"),small:v1("Sub-line"),date:v1("Date")},getItemSummary:e=>[e?.n,e?.title].filter(Boolean).join(" \xB7 ")||"Issue"},_gPosts:b("Blog posts"),posts:a2(p9),limit:a1("Posts to display",uD(Kt1,{}),1,6,1,4),_gArchive:b("Archive link"),archiveText:H("Archive button",B0.archiveText),archiveHref:H1("Archive link")},resolveFields:(e,{fields:t})=>mD(t,e.props.contentType)};import{HashIcon as Jt1}from"efficient-easel/icons";import{useState as $t1}from"react";import{jsx as Y3,jsxs as g9}from"react/jsx-runtime";var Yt1="That didn't go through \u2014 please try again.";function Uc({headNum:e,headTitle:t,headDesc:a,kicker:s,leadTitle:c,intro:l,emailPlaceholder:r,submitText:o,subscribedText:i,finePrint:n,issuesHeading:h,issues:m,archiveText:p,archiveHref:u,source:g=Z3.subscribeSection,editing:d=!1,...f}){let[v,z]=$t1(""),{status:x,submit:k}=Kr({source:g,dryRun:d}),M=x==="sent",A=x==="sending",R=x==="error"||x==="invalid",E=(m??[]).filter(N=>(N?.n??"").trim()||(N?.title??"").trim()||(N?.date??"").trim()),Z=E.length>0,F=M?i||"Subscribed \u2713":A?"Sending\u2026":o||"Subscribe \u2192";function T(N){N.preventDefault(),!M&&k({email:v})}return g9("section",{className:N0(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:[Y3(O2,{num:e,title:t?$(t,!0):void 0,desc:a,accentTracking:"-0.025em"}),g9("div",{className:Z?"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:[g9("div",{className:Z?"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&&Y3(V1,{text:s}),c&&Y3("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:$(c,!0)}),l&&Y3("p",{className:"max-w-[480px] font-serif text-[length:var(--size-body,19px)] italic leading-[1.5] text-fg-dim",children:C(l,!0)}),g9("form",{className:"mt-2 flex max-w-[520px]",onSubmit:T,children:[Y3("input",{type:"email",placeholder:r||"your@email.com",required:!0,value:v,onChange:N=>z(N.target.value),disabled:M,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"}),Y3("button",{type:"submit",disabled:M||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:Z0(F)})]}),R&&Y3("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:Yt1}),n&&Y3("p",{className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:C(n)})]}),Z&&g9("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&&Y3(V1,{text:h,size:12}),Y3("div",{className:"flex flex-col",children:E.map((N,B)=>g9("div",{className:["grid grid-cols-[60px_1fr_auto] items-start gap-[18px] border-b border-line py-[18px]",B===0?"border-t border-line":""].join(" "),children:[Y3("span",{className:"font-mono text-[length:var(--size-label,13px)] tracking-[0.22em] text-accent",children:N.n?C(N.n):""}),g9("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[N.title?C(N.title):"",N.small?.trim()&&Y3("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:C(N.small,!0)})]}),Y3("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?C(N.date):""})]},B))}),p&&Y3(t0,{href:u||"/journal",className:"flex items-center justify-end gap-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-accent hover:text-fg",children:C(p)})]})]})]})}import{jsx as Xt1}from"react/jsx-runtime";var X0={...B0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},gD={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=yh("posts",e);return Xt1(Uc,{headNum:y(e.headNum,X0.headNum,e.puck),headTitle:y(e.headTitle,X0.headTitle,e.puck),headDesc:y(e.headDesc,X0.headDesc,e.puck),kicker:y(e.kicker,X0.kicker,e.puck),leadTitle:y(e.leadTitle,X0.leadTitle,e.puck),intro:y(e.intro,X0.intro,e.puck),emailPlaceholder:t1(e.emailPlaceholder)||X0.emailPlaceholder,submitText:t1(e.submitText)||X0.submitText,subscribedText:t1(e.subscribedText)||X0.subscribedText,finePrint:y(e.finePrint,X0.finePrint,e.puck),issuesHeading:y(e.issuesHeading,X0.issuesHeading,e.puck),issues:t,source:Z3.subscribeBlogsSection,editing:e.puck?.isEditing,archiveText:y(e.archiveText,X0.archiveText,e.puck),archiveHref:t1(e.archiveHref)||X0.archiveHref})}};import{jsx as Qt1}from"react/jsx-runtime";var vD={fields:{_sHead:a0("Section header"),_gHeadCopy:b("Content"),headNum:H("Number",X0.headNum),headTitle:D("Heading",X0.headTitle),headDesc:D("Body",X0.headDesc),_sLeft:a0("Newsletter panel"),_gLeftCopy:b("Content"),kicker:H("Eyebrow",X0.kicker),leadTitle:D("Heading",X0.leadTitle),intro:D("Intro",X0.intro),_gForm:b("Signup form"),emailPlaceholder:G("Email placeholder",X0.emailPlaceholder),submitText:G("Submit button",X0.submitText),subscribedText:G("Subscribed button",X0.subscribedText),finePrint:D("Fine print",X0.finePrint),_sRight:a0("Recent posts"),_gRightCopy:b("Content"),issuesHeading:H("Panel heading",X0.issuesHeading),_gPosts:b("Blog posts"),posts:a2(p9),limit:a1("Posts to display",Qt1(Jt1,{}),1,6,1,4),_gArchive:b("Archive link"),archiveText:H("Archive button",X0.archiveText),archiveHref:H1("Archive link")}};import{jsx as ea1}from"react/jsx-runtime";var fD={label:"Booking box",defaultProps:{},render:e=>ea1(Yp,{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 zb,useState as yb}from"react";import{Fragment as ta1,jsx as A0,jsxs as y3}from"react/jsx-runtime";var bD="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 wb({routingNumber:e,routingTagline:t,groups:a,formNumber:s,formHeading:c,metaLines:l,showOther:r=!0,otherLabel:o="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 k=[...a.map(W=>W.id),...r?[S8]:[]],M=f&&k.includes(f)?f:k[0]??S8,[A,R]=yb(M);zb(()=>{k.includes(A)||R(k[0]??S8)},[k.join("|")]),zb(()=>{f&&k.includes(f)&&R(f)},[f]);let E=W=>{R(W),F(null),v?.(W)},[Z,F]=yb(null),T=(p??[]).filter(W=>!W.hidden),N=T.find(W=>W.groupId===A)?.value??null,B=Z??N,P=L5(u,g),O=n7({form:P,formSlug:u,editing:d}),c1=P===void 0,V=!!P||!!d,[q,K]=yb(!1);return zb(()=>{let W=()=>K(document.documentElement.getAttribute("data-theme")==="light");W();let r1=new MutationObserver(W);return r1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>r1.disconnect()},[]),y3(ta1,{children:[y3("section",{className:N0(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:q?void 0:{background:"var(--section-bg)"},children:[(e||t)&&y3("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[e&&A0(V1,{text:e}),t&&A0("span",{className:"font-display text-[length:var(--size-body,14px)] uppercase tracking-[0.04em] text-fg-dim",children:C(t)})]}),A0("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 r1=A===W.id;return y3("button",{type:"button",onClick:()=>{E(W.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:l6(),block:"start"})},className:["flex min-h-[240px] cursor-pointer flex-col gap-3.5 px-7 py-9 text-left transition-colors",r1?"bg-surface outline outline-2 -outline-offset-2 outline-accent":"bg-bg hover:bg-surface"].join(" "),children:[W.eyebrow&&A0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:W.eyebrow}),A0("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&&A0("p",{className:"mt-auto font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:W.copy}),W.response&&y3("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:[A0("span",{children:"Response"}),A0("strong",{className:"font-normal text-fg",children:W.response})]})]},W.id)})})]}),(V||T.length>0)&&y3("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]",V&&T.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[V&&y3("div",{children:[y3("div",{className:"mb-7 flex items-end justify-between gap-6 border-b border-line pb-6",children:[y3("div",{children:[s&&A0("div",{className:"pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:C(s)}),c&&A0("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:$(c,!0)})]}),!!(l&&l.length)&&A0("div",{className:"text-right font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[700px]:text-left",children:l.map((W,r1)=>A0("div",{children:W},r1))})]}),P?O.done?A0("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:Pe(P,"Thanks \u2014 we've received your message.")}):y3("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:O.handleSubmit,children:[P.fields.map(W=>A0(Z2,{label:W.label,required:W.required,className:W.type==="textarea"||W.type==="checkbox"?"col-span-2 max-[700px]:col-span-1":void 0,children:A0(h7,{field:W,value:O.valueOf(W.key),onChange:r1=>O.set(W.key,r1),className:W.type==="textarea"?`${bD} min-h-[140px] resize-y leading-[1.5]`:W.type==="checkbox"?"size-4 self-start accent-accent":bD})},W.key)),y3("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[A0(v8,{required:!0,children:"Reason"}),y3("div",{className:"mt-1 flex flex-wrap gap-2",children:[a.map(W=>{let r1=A===W.id;return A0("button",{type:"button",onClick:()=>E(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",r1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:W.title},W.id)}),r&&A0("button",{type:"button",onClick:()=>E(S8),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===S8?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:Z0(o)})]})]}),z?.(A),A===S8&&(i||n)&&y3("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&&A0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:C(i)}),n&&b0(n).map((W,r1)=>A0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:C(W)},r1))]}),A0(Ee,{value:O.honeypot,onChange:O.setHoneypot}),O.error&&A0("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:O.error}),y3("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&&A0("span",{className:"max-w-[380px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.6] tracking-[0.18em] text-fg-dim",children:C(m)}),A0("button",{type:d?"button":"submit",disabled:O.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:O.submitting?"Sending\u2026":h?Z0(h):"Send Message \u2192"})]})]}):A0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:c1?"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&&A0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:T.map((W,r1)=>{let x1=B===W.value,e1=!!!W.groupId;return y3("div",{onClick:e1?()=>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",e1?"cursor-pointer border-t-2 border-t-accent":"",x1?"border-l-accent pl-6":e1?"border-l-transparent hover:bg-accent/[0.04]":"border-l-transparent"].join(" "),style:x1?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[x1&&y3("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[A0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:"\u2192 Message routes here"}),A0("span",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.18em] text-fg-dim",children:"Other inboxes filter as spam"})]}),A0("span",{className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] transition-colors",x1?"text-fg":"text-accent"].join(" "),children:W.label}),e1?A0("a",{href:W.href,onClick:d1=>d1.stopPropagation(),className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em] transition-colors hover:text-accent",x1?"text-accent":"text-fg"].join(" "),children:W.value}):A0("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em]",x1?"text-accent":"text-fg"].join(" "),children:W.value}),W.sub&&A0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:W.sub})]},`${W.value}-${r1}`)})})]})]})}import{jsx as aa1}from"react/jsx-runtime";var xD={label:"Contact Form",defaultProps:{routingNumber:v0.routingNumber,routingTagline:v0.routingTagline,groups:v0.groups,formSlug:"",formNumber:v0.formNumber,formHeading:v0.formHeading,metaItems:v0.metaLines.map(e=>({text:e})),showOther:v0.showOther,otherLabel:v0.otherLabel,otherNoteTitle:v0.otherNoteTitle,otherNoteBody:v0.otherNoteBody,buttonText:v0.buttonText,consent:v0.consent,channels:v0.channels},render:e=>aa1(wb,{routingNumber:y(e.routingNumber,v0.routingNumber,e.puck),routingTagline:y(e.routingTagline,v0.routingTagline,e.puck),groups:e.groups??[],formNumber:y(e.formNumber,v0.formNumber,e.puck),formHeading:y(e.formHeading,v0.formHeading,e.puck),metaLines:(e.metaItems??[]).map(t=>t?.text??"").filter(Boolean),showOther:e.showOther,otherLabel:t1(e.otherLabel)||v0.otherLabel,otherNoteTitle:y(e.otherNoteTitle,v0.otherNoteTitle,e.puck),otherNoteBody:y(e.otherNoteBody,v0.otherNoteBody,e.puck),buttonText:t1(e.buttonText)||v0.buttonText,consent:y(e.consent,v0.consent,e.puck),channels:e.channels??[],formSlug:t1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as zD}from"react/jsx-runtime";function Cb({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return zD("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:zD("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as sa1}from"react/jsx-runtime";var yD={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>sa1(Cb,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as ca1}from"react";import{jsx as kb,jsxs as wD}from"react/jsx-runtime";function Mb({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:s}=pp(),[c,l]=ca1("");return wD("div",{className:"w-full min-w-0",children:[e?kb("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:$(e,!1)}):null,wD("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:r=>{r.preventDefault(),s({email:c.trim(),source:Z3.footerSignup})},children:[kb("input",{type:"email",placeholder:t,value:c,onChange:r=>l(r.target.value),className:"w-0 min-w-[7rem] flex-1 border border-line bg-transparent px-3 py-2 text-[13px] text-fg placeholder:text-fg-dim/70 focus:border-accent focus:outline-none","aria-label":p2(e??"")||"Email address"}),kb("button",{type:"submit",className:"shrink-0 border border-btn bg-btn px-4 py-2 text-[13px] font-medium text-btn-ink transition-opacity hover:opacity-90",children:Z0(a)})]})]})}import{jsx as la1}from"react/jsx-runtime";var CD={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:s})=>la1(Mb,{heading:K4(e,"Join our email list",s),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as wh,jsxs as oa1}from"react/jsx-runtime";var ra1={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function Sb({tagline:e,widthPct:t=100,align:a="left",reverse:s=!0,padTop:c=0,padRight:l=0,padBottom:r=0,padLeft:o=0,editing:i=!1}){let{src:n,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u}=zl(),g=Math.round(c7*(t/100)),d={...c?{paddingTop:c}:{},...l?{paddingRight:l}:{},...r?{paddingBottom:r}:{},...o?{paddingLeft:o}:{}};return oa1("div",{className:`flex min-w-0 flex-col ${ra1[a]} [container-type:inline-size]`,style:d,children:[wh(S1,{href:"/","aria-label":u?`${u} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:wh(pe,{variant:"footer",sizePx:g,src:n,reverse:s,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u,fitWordmarkToContainer:!0,fitFloorPx:Ww})}),e?wh("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:C(e)}):i?wh("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 ia1}from"react/jsx-runtime";var kD={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:l,padBottom:r,padLeft:o,puck:i})=>ia1(Sb,{tagline:e||void 0,widthPct:t,align:a,reverse:s!=="off",padTop:c,padRight:l,padBottom:r,padLeft:o,editing:i?.isEditing})};import{jsx as na1}from"react/jsx-runtime";var MD={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:s,puck:c})=>na1(Fa,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:s,editing:c?.isEditing})};import{jsx as ha1}from"react/jsx-runtime";var SD={label:"Social Logos",defaultProps:{iconStyle:ee,iconSize:"medium",align:"start",gap:Bc},render:({iconStyle:e,iconSize:t,align:a,gap:s,puck:c})=>ha1(ob,{iconStyle:e,iconSize:t,align:a,gap:s,editing:c?.isEditing})};import{jsx as pa1}from"react/jsx-runtime";var ma1={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function Lb({text:e,size:t="md",tone:a="default",editing:s=!1}){let c=e||(s?"Add a line of footer text.":"");return c?pa1("p",{className:`${ma1[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:C(c)}):null}import{jsx as ua1}from"react/jsx-runtime";var LD={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:s})=>ua1(Lb,{text:e||void 0,size:t,tone:a,editing:s?.isEditing})};import{jsx as da1}from"react/jsx-runtime";var AD={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>da1(lp,{formSlug:t1(e.formSlug)||void 0,heading:t1(e.heading)||void 0,intro:t1(e.intro)||void 0,submitText:t1(e.submitText)||void 0,finePrint:t1(e.finePrint)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as ga1}from"react/jsx-runtime";var HD={label:"Legal Line",render:()=>ga1(Ic,{})};import{jsx as va1}from"react/jsx-runtime";var FD={label:"Submit box",defaultProps:{},render:e=>va1(eu,{region:typeof e.region=="string"?e.region:void 0,eyebrow:Q0(e.eyebrow,z0.eyebrow,e.puck),title:Q0(e.title,z0.title,e.puck),body:Q0(e.body,z0.body,e.puck),buttonText:Q0(e.buttonText,z0.buttonText,e.puck),consent:Q0(e.consent,z0.consent,e.puck),formSlug:t1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing,styleField:e.styleField,styleTick:e.styleTick,styleThanks:e.styleThanks})};import{jsx as fa1}from"react/jsx-runtime";var TD={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:l,emailPlaceholder:r,submitText:o,subscribedText:i,finePrint:n,issuesHeading:h,issues:m,contentType:p,posts:u,limit:g,archiveText:d,archiveHref:f,puck:v})=>fa1(Uc,{headNum:y(e,B0.headNum,v),headTitle:y(t,B0.headTitle,v),headDesc:y(a,B0.headDesc,v),kicker:y(s,B0.kicker,v),leadTitle:y(c,B0.leadTitle,v),intro:y(l,B0.intro,v),emailPlaceholder:t1(r)||B0.emailPlaceholder,submitText:t1(o)||B0.submitText,subscribedText:t1(i)||B0.subscribedText,finePrint:y(n,B0.finePrint,v),issuesHeading:y(h,B0.issuesHeading,v),issues:yh(xb(p),{issues:m,posts:u,limit:g,puck:v}),source:Z3.subscribeSection,editing:v?.isEditing,archiveText:y(d,B0.archiveText,v),archiveHref:t1(f)||B0.archiveHref})};var PD={AppointmentBooking:iZ,BookingBox:fD,ContactRouting:xD,Events:HZ,Footer:VZ,FooterDivider:yD,FooterEmailSignup:CD,FooterGroup:BZ,FooterLogo:kD,FooterMenu:MD,FooterSocial:SD,FooterText:LD,Form:AD,LegalLineBlock:HD,ReviewForm:XZ,Reviews:tD,[k9]:sD,[C9]:lD,SubmitBox:FD,SubmitBuild:iD,Subscribe:TD,SubscribeBlogs:gD};var ba1={AppointmentBooking:nZ,BookingBox:hZ,ContactRouting:pZ,Events:FZ,Footer:NZ,FooterDivider:_Z,FooterEmailSignup:IZ,FooterGroup:ZZ,FooterLogo:DZ,FooterMenu:GZ,FooterSocial:jZ,FooterText:KZ,Form:$Z,LegalLineBlock:YZ,ReviewForm:JZ,Reviews:aD,[k9]:cD,[C9]:rD,SubmitBox:oD,SubmitBuild:nD,Subscribe:dD,SubscribeBlogs:vD},h2=je(PD,ba1);import{jsx as _6,jsxs as xa1}from"react/jsx-runtime";import{useEasel as za1}from"efficient-easel/easel";var ya1="color-mix(in oklab, var(--bg) 40%, #ffffff)",wa1="12vh";function Ca1({style:e,frameClass:t,children:a}){let{appState:s}=za1(u=>u),c=s.data.content,l=s.data.root;if(hw(c))return _6("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:ya1,minHeight:"100vh",paddingBottom:wa1},children:_6("div",{style:{background:"var(--bg)"},children:a})});let r=xa(c)&&Jl(l,c),o=xa(c)?uw(l,c):null,i=o?{[pw]:o}:null,n=vz(l?.widthChoice),h=n?{[gz]:n}:null,m=r?null:fB(c),p=m?{[jn]:m}:null;return _6("div",{className:`sf-themed-content${r?` ${Xl}`:""}${t?` ${t}`:""}`,style:e,...p,...i,...h,children:_6("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function ED(e){return{frameClass:void 0,style:{"--sf-page-width":da}}}function Ab({w:e,children:t}){let{frameClass:a,style:s}=ED(e);return _6("div",{className:a,style:s,children:t})}function Hb({propsTheme:e,propsFonts:t,propsCornerStyle:a,propsCornerRadiusPx:s,propsHeadingCompression:c,propsHeadingTypography:l,widthMode:r,fullWidth:o,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:k,cardGap:M,hoverEffect:A,headingCompression:R,siteWidth:E,siteGutter:Z,blockGap:F,headingTypography:T,heroBackgroundFollowsWidth:N,photographyGrayscale:B,themeFromDocument:P}=V3(),O=P?e:d,c1=P?t:f,V=P?void 0:v,q=P?s===void 0?Kx[jx(a)]:$x(s):z,K=P?c:R,W=P?l:T,r1=ED({widthMode:r,fullWidth:o,pageWidth:i}),x1={...ua(O),...ul(V),...tz(W),...r1.style,...h?{}:$h(n)};return _6("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...rl(c1),...nl(O),...hl(O),...ml(O),...pl(O),...Zh(q),...oz(Zh(q)),...Qx(P?void 0:x,P?void 0:k,P?void 0:A),...nz(P?void 0:E),...hz(P?void 0:Z),...sy(P?void 0:F),...dz(P?void 0:N)},"data-sf-headings":ez(K),"data-sf-card-shadow":P?void 0:Yx(x),"data-sf-card-gap":P?void 0:Xx(M),"data-sf-card-hover":P?void 0:Jx(A),onClickCapture:m,children:xa1(_F,{grayscale:P?void 0:B,children:[_6(Ca1,{style:x1,frameClass:r1.frameClass,children:g}),p,u]})})}var Fb=e=>{e.target?.closest?.("a")&&e.preventDefault()};function VD({pageBackground:e,inheritBackground:t=!1,w:a,children:s}){return _6("div",{style:{...t?{}:$h(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:_6(Ab,{w:a,children:s})})}import{jsx as ND}from"react/jsx-runtime";import{PaddingTopIcon as ka1}from"efficient-easel/icons";function Ma1(){return{type:"custom",render:({value:e,onChange:t})=>ND(uh,{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 Sa1=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],_D={title:G("Page Title"),pageBackground:zy(),topSpace:g1("Top space",ND(ka1,{}),Sa1,mw),widthChoice:Ma1()};function La1(e,t){let a=Yh(t),s=a?a.inner:t;if(Nh(s))return!1;if(s?.type==="slot")return!0;let c=Zz(s);return c==="always"?!1:c==="authored-copy"?Rx(e):!0}function ID(e){let t=Yh(e),a=t?t.inner:e,s=Nh(a);return s?ny(a)?0:s.level:null}function Aa1(e,t,a){return a&&t===0&&e===m8.Content}var Ha1=new WeakMap,Fa1=new WeakMap;function ra(e,t="section"){let a=t==="page"?Fa1:Ha1,s=a.get(e);if(s)return s;let c=Object.entries(e).map(([m,p])=>({key:m,field:p,level:ID(p),draws:La1(m,p)||t==="page"&&ID(p)===null&&Ih(m,p)})),l=t==="section"&&c.some(m=>Ih(m.key,m.field)),r=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&&!Aa1(c[m].key,p,l)&&r.add(c[m].key)}let o=l&&Ay(e),i=o&&!(m8.Content in e);if(!r.size&&!i)return a.set(e,e),e;let n={};for(let m of c)r.has(m.key)||(n[m.key]=m.field);let h=Q9(o?Ly(n):n);return a.set(e,h),h}var RD={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(ma,e),draw(e,t){e.label=ma[t]}};import{jsx as Ta1}from"react/jsx-runtime";var BD={name:"sectionGroupAllow",applies:e=>cl.includes(e),panel(e,t,a,s){let c=e.fields?.sections;c&&(c.allow=[...s.sectionGroupAllow])}},Tb=new Set(Object.keys(B1)),ZD={name:"openSlotDisallow",applies:()=>!0,panel(e,t,a,s){let c=s.contentSectionKeys;if(e?.fields)for(let l of Object.values(e.fields)){let r=l;if(r.type!=="slot"||r.allow)continue;let o=t==="Flex"?c.filter(i=>!Tb.has(i)):c;r.disallow=Array.from(new Set([...r.disallow??[],...o]))}}};var Pa1=Array.from(new Set([...ax.map(e=>e.type),...Tb,...Qc,"GalleryItem"])),DD={name:"cellWidth",applies:(e,t,a)=>Pa1.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=(l,r)=>{let o=c?c(l,r):r.fields,i=ii(r.appState,l.props?.id);if(i===void 0||Px(i))return o;let n={...o};for(let h of Object.keys(s()))delete n[h];return n}},draw(e){let t=e.render;e.render=a=>{let s=Fx(a.gridSpan),c=t(a);return s==null?c:Ta1("div",{className:"sf-grid-cell",[Tx]:String(s),children:c})}}};import{jsx as OD}from"react/jsx-runtime";var GD={name:"clickableParts",applies:(e,t,a)=>typeof a?.render=="function",draw(e,t){let a=e,s=a.render;a.render=c=>{let l=L9(c);return c.puck?.isEditing?OD(mA,{needles:_h(a.fields,c),styles:l,type:t,children:s(c)}):Object.keys(l).length?OD(sz,{needles:_h(a.fields,c),styles:l,type:t,children:s(c)}):s(c)}}};import{jsx as qD}from"react/jsx-runtime";var WD={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=dl(a.sectionCorners,a.sectionCornerSides),c=t(a),l=N0(a)?`sf-section-corners ${lz}`:"sf-section-corners";return s?qD("div",{className:l,style:{display:"contents",...s},children:c}):c}}},Ea1=["CollectionCard"],UD={name:"cardCorners",applies:(e,t,a)=>Ea1.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=rz(a.cardCorners,a.cardCornerSides),c=t(a);return s?qD("div",{className:"sf-card-corners",style:{display:"contents",...s},children:c}):c}}};var jD={name:"emptyHeadings",applies:()=>!0,panel(e,t,a){let s=a.dropEmptyHeadings,c=e.resolveFields;e.resolveFields=c?(l,r)=>{let o=c(l,r);return o instanceof Promise?o.then(i=>s(i??r.fields)):s(o??r.fields)}:(l,r)=>s(r.fields)}};var KD={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{jsx as $D,Fragment as Va1,jsxs as Na1}from"react/jsx-runtime";function _a1({anchor:e}){let t=Wh(typeof e=="string"?e:"");return t?$D("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var YD={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=>Na1(Va1,{children:[$D(_a1,{anchor:a.anchor}),t(a)]})}};import{jsx as Ba1}from"react/jsx-runtime";import{jsx as Ia1}from"react/jsx-runtime";import{useEffect as Ra1,useRef as XD}from"react";function JD({motion:e,editing:t,children:a}){let s=XD(null),c=XD(e);return Ra1(()=>{let l=s.current;if(l){if(t){if(c.current===e)return;c.current=e,Cz(l);return}return wz(l)}},[e,t]),Ia1("div",{ref:s,[yz]:e,children:a})}var QD={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!kz.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=zz(s.sectionAnimation);return c?Ba1(JD,{motion:c,editing:!!s.puck?.isEditing,children:a(s)}):a(s)}}};import{jsx as Za1}from"react/jsx-runtime";var aO={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!Sz.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=(l,r)=>{let o=c?c(l,r):r.fields,i=l?.props??{},n=Mz(i),h=Lz(i)?Az(i):null;return o&&typeof o.then=="function"?o.then(m=>tO(eO(m,n),h)):tO(eO(o,n),h)}},draw(e){let t=e.render;e.render=a=>{let s=Hz(a);return s?Za1("div",{className:s.className,style:s.style,children:t(a)}):t(a)}}};function eO(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 tO(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 Da1}from"react/jsx-runtime";var sO={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!bz.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:s,SECTION_THEME_FOLLOW_LABEL:c}=a,l=jh.has(t);e.fields={...e.fields,...l?s(d5,c):s()}},draw(e,t){let a=jh.has(t),s=e.render;e.render=c=>{let l=F9(a?{...c,sectionAccent:d5(c.sectionAccent)}:c),r=s(c);return l?Da1("div",{className:l.className,style:l.style,children:r}):r}}},cO={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(d5,c)})}};var Oa1=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"]),lO={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(Oa1.has(e)||t.isHostBlock(e)),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}},Ga1=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"]),rO={name:"blockGroups",applies:e=>Ga1.has(e),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}};var qa1=["Form","Stats"];function Pb(e,t){let a=new Set(e),s=Qb.filter(i=>a.has(i)),c=s.filter(i=>i!=="Header"&&i!=="Footer"&&!cl.includes(i)),l=new Set([...t,...Qc,...qa1]),r=s.filter(i=>!l.has(i)),o=new Set(s);return{isSection:i=>o.has(i),isHostBlock:()=>!1,sectionGroupAllow:c,contentSectionKeys:r}}var Wa1=[BD,ZD,BS,WD,UD,ZS,DD,bF,xF,zF,yF,aO,YD,sO,QD,cO,lO,rO,jD,GD,KD,RD];function oO(e,t,a){let s=t;for(let c of Wa1)c.applies(e,a,s)&&(a.inspector&&c.panel?.(s,e,a.inspector,a),c.draw?.(s,e,a));return t}var iO={spacingFields:b5,sectionShapeFields:Pl,cardShapeFields:py,cellWidthFields:fy,widthField:x5,heightFields:by,anchorFields:xy,sectionThemeFields:q9,sectionAnimationFields:my,slider:a1,assignSectionGroups:Dl,dropEmptyHeadings:ra,SECTION_THEME_FOLLOW_LABEL:wl,BLOCK_THEME_FOLLOW_LABEL:Vz};function nO(e){let t={...Pb(Object.keys(e.components),e.categories?.structure?.components??[]),inspector:iO};for(let[c,l]of Object.entries(e.components))oO(c,l,t);let a=e.root,s=a.resolveFields;return a.resolveFields=s?(c,l)=>{let r=s(c,l);return r instanceof Promise?r.then(o=>ra(o??l.fields,"page")):ra(r??l.fields,"page")}:(c,l)=>ra(l.fields,"page"),t}import{Fragment as ps1,jsx as r0,jsxs as oa}from"react/jsx-runtime";var Ui0=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],ts1=Th(()=>import("./PreviewFooter-D7NSGB3G.js")),as1=Th(()=>import("./render-client-ZVCEJANT.js")),ss1={padding:"14px 18px",fontFamily:"var(--font-mono, monospace)",fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--fg-dim, #888)",borderBottom:"1px solid var(--site-line, #e5e5e5)"};function cs1({propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:l,chromeInheritsSiteBackground:r,suppressPreviewNav:o,children:i}){let{originData:n,exitFocus:h}=ak(),{theme:m,fonts:p,sizes:u,themeFromDocument:g}=V3();if(!n)return oa(Hb,{propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:l,chromeInheritsSiteBackground:r,suppressPreviewNav:o,footer:null,children:[r0("div",{style:ss1,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=xa(v)&&Jl(z,v);return oa("div",{className:"sf-theme-accent",style:{...rl(f),...nl(d),...hl(d),...ml(d)},onClickCapture:o,children:[oa("div",{style:{position:"relative"},children:[r0("div",{className:x?Xl:void 0,style:{...ua(d),...ul(g?void 0:u),pointerEvents:"none",userSelect:"none"},"aria-hidden":"true",children:r0(as1,{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:{...ua(d),...pl(d)},children:r0(Ab,{w:{widthMode:a,fullWidth:s,pageWidth:c},children:i})})]})}var H0=cm,ls1={formSlug:F5(void 0,"Newsletter (built in)"),_gLeft:b("Left panel"),metaLabel:G("Meta label",H0.metaLabel),issueLabel:G("Issue label",H0.issueLabel),issueNumber:G("Issue number",H0.issueNumber),kicker:G("Eyebrow",H0.kicker),heading:E1("Heading",H0.heading),deck:E1("Deck",H0.deck),stats:{type:"array",label:"Stats",arrayFields:{label:G("Label"),value:G("Value")},getItemSummary:e=>e?.label||e?.value||"Stat"},_gForm:b("Right panel \xB7 form"),formLabel:G("Section label",H0.formLabel),formHeading:G("Heading",H0.formHeading),formIntro:E1("Intro",H0.formIntro),firstNameLabel:G("First-name label",H0.firstNameLabel),firstNamePlaceholder:G("First-name placeholder",H0.firstNamePlaceholder),emailLabel:G("Email label",H0.emailLabel),emailPlaceholder:G("Email placeholder",H0.emailPlaceholder),_gChoices:b("Right panel \xB7 choices"),interestsLabel:G("Interests label",H0.interestsLabel),interests:F2("Interest chips",r0(e4,{noun:"tag"}),"Chip label","verbatim"),frequencyLabel:G("Frequency label",H0.frequencyLabel),frequencies:F2("Frequency options",r0(Ya1,{}),"Option label","verbatim"),_gActions:b("Right panel \xB7 actions"),submitText:G("Submit button",H0.submitText),finePrint:G("Fine print",H0.finePrint),dismissText:G("Dismiss link",H0.dismissText),emailInvalidText:G("Invalid-email error",H0.emailInvalidText),submitErrorText:G("Submit-failed error",H0.submitErrorText),_gSuccess:b("Success state"),successHeading:G("Heading",H0.successHeading),successBody:E1("Message",H0.successBody),keepBrowsingText:G("Dismiss button",H0.keepBrowsingText),...q9(d5,wl),...Pl(),_gTextStyle:b("Text style"),...Object.fromEntries(Sl.map(e=>[Uz[e],g1(Jh[e],Oe(Jh[e]),[{label:"Popup's own",value:""},...u5.map(t=>({label:M9[t],value:t}))],"")])),_gBehaviour:b("Behavior"),autoOpen:s1("Show by itself",H0.autoOpen,r0($a1,{})),trigger:b1("Trigger",r0(es1,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],H0.trigger),autoOpenDelaySec:a1("Delay",r0(Eb,{}),tm.min,tm.max,1,H0.autoOpenDelaySec,"s"),scrollPercent:a1("Scroll",r0(Qa1,{}),am.min,am.max,5,H0.scrollPercent,"%"),showOn:b1("Pages",r0(Xa1,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],H0.showOn),showOnPages:U9("Chosen pages",[],"None"),hideAfter:b1("After close",r0(Eb,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],H0.hideAfter),hideDays:a1("Days",r0(Eb,{}),sm.min,sm.max,1,H0.hideDays),_gArrangement:b("Arrangement"),formSide:b1("Form side",r0(Ja1,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],H0.formSide),_gPhone:b("On a phone"),valuePanelOnPhone:s1("Left panel",H0.valuePanelOnPhone,r0(ja1,{}))},rs1=Dl(ls1,"SubscribePopup");async function os1(){return(await Xz(i2()??"")).filter(t=>!va(t.slug)).map(t=>({label:t.label,value:o8(t.slug)}))}async function is1(e){let t=lm(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,l]of Object.entries(rs1))a.has(c)||(s[c]=c==="showOnPages"?{...l,options:await os1().catch(()=>[])}:l);return Q9(s)}var h5=Ml,ns1={_gHeader:b("Header"),kickerBadge:G("Eyebrow badge",h5.kickerBadge),kickerText:G("Eyebrow text",h5.kickerText),titleLead:G("Heading",h5.titleLead),titleAccent:G("Heading accent",h5.titleAccent),subtitleEmpty:E1("Sub-line \xB7 empty",h5.subtitleEmpty),subtitleOne:E1("Sub-line \xB7 one set",h5.subtitleOne),subtitleMany:E1("Sub-line \xB7 several sets",h5.subtitleMany,"{count} becomes the number of sets"),_gStatus:b("Status rail"),leadTimeValue:G("Lead time",h5.leadTimeValue),shipsToFallback:G("Ships to \xB7 fallback",h5.shipsToFallback,"Shown only while the site serves no countries \u2014 otherwise the site's default country is stated"),_gPromises:b("Promise row"),promises:F2("Trust markers",r0(hO,{}),"Marker","verbatim"),_gEmpty:b("Empty basket"),emptyKicker:G("Eyebrow",h5.emptyKicker),emptyBody:E1("Message",h5.emptyBody)},Ch={root:{fields:{..._D,_gOpening:b("Opening filter"),openingProcess:g1("Process",h8("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"),nM,Wr),openingSize:G("Size","Any"),openingLugs:G("Lugs","Any"),openingFinish:g1("Finish",h8("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"),iM,Wr),openingPriceMin:G("Price from","Any"),openingPriceMax:G("Price to","Any")},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===em)return is1(e.props);if(e?.props?.kind===Xh)return ns1;let a=t;return D2()?{[Rm]:g1("Product type",r0(Ua1,{}),ve,"alloy-wheel"),...a,_gHeroBullets:b("Product hero"),_nHeroBullets:f5("The promises under Add to Cart. Text before the \xB7 is bold. Leave the list empty to show no promises at all."),[Np]:F2("Trust bullets",r0(hO,{}),FS(Ua.bullets[0]),"verbatim")}:a},render:e=>{let{children:t,puck:a,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:r,theme:o,fonts:i,scales:n,kind:h,previewProduct:m}=e,p=Sr(typeof h=="string"?h:"",e);if(h===em){let v=lm(e);return oa("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(--site-line, #e5e5e5)"},children:"This is the site popup \u2014 edit it in the Settings panel \u2192"}):null,r0(FM,{inline:!0,content:v})]})}if(h===Xh){let v=Wz(e);return oa("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(--site-line, #e5e5e5)"},children:"This is the cart drawer \u2014 edit its copy in the Settings panel \u2192"}):null,r0(hr,{children:r0(mr,{preview:!0,children:r0(Oa,{content:v})})})]})}let u=!!a?.isEditing,g=r0(LS,{type:Vp(e),children:r0(yS,{kind:p,children:r0(ES,{content:TS(e),children:r0(bS,{slug:u?m:null,children:r0(tM,{initial:rM(e),children:t})})})})}),d=h===jz&&!Iz(r);return u?h===_9?r0(cs1,{propsTheme:o,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:typeof r=="string"?r:void 0,chromeInheritsSiteBackground:d,suppressPreviewNav:Fb,children:g}):r0(Hb,{propsTheme:o,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:typeof r=="string"?r:void 0,suppressPreviewNav:Fb,footer:r0(ts1,{}),overlay:oa(ps1,{children:[r0(bp,{}),r0(Ap,{})]}),children:g}):r0(VD,{pageBackground:r,inheritBackground:d,w:{widthMode:s,fullWidth:c,pageWidth:l},children:g})}},categories:Jb(),components:{Heading:R1.Heading,Text:R1.Text,Eyebrow:R1.Eyebrow,ImageBlock:R1.ImageBlock,LogoBlock:R1.LogoBlock,ButtonBlock:R1.ButtonBlock,Spacer:R1.Spacer,Divider:R1.Divider,Grid:R1.Grid,Flex:R1.Flex,Breadcrumb:R1.Breadcrumb,Masthead:R1.Masthead,CategoryBar:R1.CategoryBar,FeaturedCover:R1.FeaturedCover,LongRead:R1.LongRead,Series:R1.Series,Subscribe:h2.Subscribe,SubscribeBlogs:h2.SubscribeBlogs,Banner:R1.Banner,ParagraphsA:R1.ParagraphsA,StatsParagraph:R1.StatsParagraph,Timeline:R1.Timeline,Footprint:R1.Footprint,TimelineTrack:R1.TimelineTrack,TitleWithButtons:R1.TitleWithButtons,Stats:R1.Stats,Integrations:R1.Integrations,Mockup:R1.Mockup,Chart:R1.Chart,KeyFeatures:R1.KeyFeatures,Testimonials:R1.Testimonials,Reviews:h2.Reviews,Prose:R1.Prose,Cards:R1.Cards,Logos:R1.Logos,Ticker:R1.Ticker,ContactRouting:h2.ContactRouting,ContactLocations:R1.ContactLocations,HeroSingle:R1.HeroSingle,Hero:R1.Hero,HeroSlide:R1.HeroSlide,HeroGroup:R1.HeroGroup,Collections:W0.Collections,CollectionCard:W0.CollectionCard,Events:h2.Events,PostCard:R1.PostCard,DocMetaCards:R1.DocMetaCards,DocTabs:R1.DocTabs,DocMasthead:R1.DocMasthead,DocBody:R1.DocBody,FAQ:R1.FAQ,Gallery:W0.Gallery,GalleryB:W0.GalleryB,BrandStrip:W0.BrandStrip,SpecStrip:R1.SpecStrip,GalleryItem:W0.GalleryItem,Manifesto:R1.Manifesto,SectionHeader:R1.SectionHeader,IntroBleed:R1.IntroBleed,Split:R1.Split,SubmitBuild:h2.SubmitBuild,SubmitBox:h2.SubmitBox,ReviewForm:h2.ReviewForm,Form:h2.Form,AppointmentBooking:h2.AppointmentBooking,BookingBox:h2.BookingBox,CatalogFilterBar:W0.CatalogFilterBar,AlloyWheelsListing:W0.AlloyWheelsListing,ProductGrid:W0.ProductGrid,ProductHero:W0.ProductHero,SpecTable:W0.SpecTable,ProcessSteps:R1.ProcessSteps,DetailRows:W0.DetailRows,FitmentTable:W0.FitmentTable,RelatedProducts:W0.RelatedProducts,BundleOffer:W0.BundleOffer,CompatibleTyres:W0.CompatibleTyres,TyreSizes:W0.TyreSizes,TyreFitment:W0.TyreFitment,EuTyreLabel:W0.EuTyreLabel,FitmentFinder:W0.FitmentFinder,OrderSummary:R1.OrderSummary,DeliveryOptions:W0.DeliveryOptions,PaymentBadges:R1.PaymentBadges,CheckoutCTA:W0.CheckoutCTA,ProductRef:W0.ProductRef,CustomHTML:R1.CustomHTML,Header:W0.Header,Footer:h2.Footer,FooterLogo:h2.FooterLogo,FooterMenu:h2.FooterMenu,FooterDivider:h2.FooterDivider,FooterGroup:h2.FooterGroup,FooterText:h2.FooterText,FooterEmailSignup:h2.FooterEmailSignup,FooterSocial:h2.FooterSocial,LegalLineBlock:h2.LegalLineBlock,SearchBlock:W0.SearchBlock,CartBlock:W0.CartBlock,CountrySwitchBlock:W0.CountrySwitchBlock,[C9]:h2.SiteHeader,[k9]:h2.SiteFooter}},hs1={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(hs1)){let a=Ch.components;a[e]={...a[t]}}{let e=Ch.components.MenuBlock;e.fields={...e.fields,direction:b1("Direction",r0(Ka1,{}),[{label:Kh.column,value:"column"},{label:Kh.row,value:"row"}],"column")},e.defaultProps={...e.defaultProps,direction:"column"},e.render=({menu:t,heading:a,accordionMobile:s,showDividers:c,direction:l,puck:r})=>r0(Fa,{menu:t,heading:a||void 0,accordionMobile:s,showDividers:c,layout:l==="row"?"row":"column",editing:r?.isEditing})}var ms1=nO(Ch),ji0=ms1.sectionGroupAllow,bf=Ch;export{yf1 as a,wf1 as b,Cf1 as c,kf1 as d,Mf1 as e,Pb as f,oO as g,iO as h,sU as i,Mn1 as j,Rc1 as k,yB as l,fr1 as m,uM as n,br1 as o,xr1 as p,nn1 as q,DB1 as r,Vs1 as s,Ns1 as t,_s1 as u,Is1 as v,Xs1 as w,Js1 as x,gO1 as y,ol1 as z,to1 as A,$40 as B,xp as C,UE1 as D,$m as E,yk as F,dl1 as G,gl1 as H,vl1 as I,zl1 as J,Mk as K,Jc1 as L,pB as M,pf as N,$n as O,gt as P,r3 as Q,qW as R,gB as S,qr as T,Ea as U,uq as V,lr1 as W,Vc1 as X,DI as Y,xc as Z,bf as _};
|