efficient-storefront-blocks 0.31.0 → 0.32.1
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 +100 -0
- package/README.md +1 -1
- package/dist/chunks/{EditorPreviewCheckout-CU3DNUHZ.js → EditorPreviewCheckout-UGMEXAGV.js} +1 -1
- package/dist/chunks/{PreviewFooter-HQHVLD3M.js → PreviewFooter-3KWULEUT.js} +1 -1
- package/dist/chunks/SiteEditorProvider-2KRUHZNS.js +1 -0
- package/dist/chunks/chunk-7DTL5AL3.js +234 -0
- package/dist/chunks/{chunk-A2E4QRHZ.js → chunk-GD6ZFQC7.js} +1 -1
- package/dist/chunks/chunk-NEQXU52M.js +1 -0
- package/dist/chunks/chunk-NT4DZ7W3.js +154 -0
- package/dist/chunks/chunk-QOXKQV6L.js +16 -0
- package/dist/chunks/{fitment-data-RS3KPFUJ.js → fitment-data-I2D4TVEQ.js} +1 -1
- package/dist/chunks/{render-client-EJ2I3IAQ.js → render-client-QD2X7XEJ.js} +1 -1
- package/dist/editor.css +1 -1
- package/dist/index.d.ts +28 -4
- package/dist/index.js +95 -37
- package/dist/links.js +1 -1
- package/dist/words.d.ts +8 -0
- package/dist/words.js +3 -3
- package/package.json +3 -3
- package/dist/chunks/SiteEditorProvider-32N5NUFO.js +0 -1
- package/dist/chunks/chunk-BPXASQLG.js +0 -234
- package/dist/chunks/chunk-HGIUAB7U.js +0 -154
- package/dist/chunks/chunk-HKXYT5YG.js +0 -16
- package/dist/chunks/chunk-K6YFJAQ7.js +0 -1
- /package/dist/chunks/{SectionEditorShell-KZ3O54XM.js → SectionEditorShell-V4Y5R3W6.js} +0 -0
- /package/dist/chunks/{chunk-VPJVU5VD.js → chunk-IKG5YKP7.js} +0 -0
- /package/dist/chunks/{chunk-HGIUAB7U.js.LEGAL.txt → chunk-NT4DZ7W3.js.LEGAL.txt} +0 -0
- /package/dist/chunks/{chunk-HKXYT5YG.js.LEGAL.txt → chunk-QOXKQV6L.js.LEGAL.txt} +0 -0
- /package/dist/chunks/{chunk-WHY2JZ46.js → chunk-VBQY6H55.js} +0 -0
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import{$ as oz,$b as Jz,$d as Cm,$f as ce,$g as sr,A as d5,Aa as bz,Ab as Mz,Ac as my,Ad as ky,Ae as t7,Af as Gl,Ag as yw,Ai as r4,B as Yx,Ba as T9,Bb as Sz,Bc as py,Bd as Hl,Bf as v1,Bg as ww,Bh as Fm,Bi as fC,C as Xx,Cb as lm,Cc as uy,Cd as D9,Ce as j9,Cf as J9,Cg as Cw,Ch as cr,D as Jx,Da as hl,Db as V9,Dc as yl,Dd as I3,De as _l,Df as s2,Dg as b8,Dh as Tm,E as Qx,Eb as im,Ec as I9,Ed as My,Ee as Gy,Eg as er,Eh as Kw,F as ez,Fa as ml,Fb as nm,Fc as dy,Fd as Sy,Fe as K9,Ff as ql,Fg as x8,Fh as lr,G as Qh,Ga as tm,Gc as gm,Gd as bm,Ge as Q2,Gf as f1,Gh as ne,H as tz,Hb as Bz,Hc as wl,Hd as Fl,Hf as q1,Hg as kw,Hh as $w,I as az,Ib as Zz,Ic as gy,Id as Ly,Ie as $9,If as Wl,Ig as Mw,Ih as Yw,Ja as s6,Jb as Dz,Jc as vy,Jd as Ay,Je as qy,Jf as Lm,Jg as Sw,Jh as ka,Kb as fl,Kc as kl,Kd as Tl,Ke as Il,Kf as P2,Kg as Lw,Kh as Xw,L as cl,La as xz,Lb as Oz,Ld as xm,Le as T,Lh as Jw,Ma as p2,Mb as Gz,Md as Hy,Me as G,Mh as Qw,Na as am,Nb as qz,Nc as fy,Nd as zm,Ne as q,Nf as Q9,Nh as rr,Ob as N9,Od as O9,Oe as b1,Of as ee,Oh as eC,Pa as a1,Pb as X6,Pc as p,Pd as Fy,Pe as F1,Pf as Ul,Pg as y5,Ph as tC,Qa as T2,Qb as Wz,Qc as p3,Qd as G9,Qe as V1,Qf as s7,Qg as Aw,Qh as aC,Ra as zz,Rb as xa,Rd as q9,Rf as rw,Rg as Hw,Sd as Ty,Sf as ow,T as sz,Tb as Uz,Td as Py,Te as x,Tf as Am,Tg as w5,Th as G4,Ud as Pl,Ue as f5,Uf as iw,Ug as Fw,Uh as sC,V as cz,Ve as Wy,Vg as re,Vh as or,Wb as jz,Wc as by,We as Y1,Wf as jl,Wg as Tw,Wh as Ma,Xb as Kz,Xc as v8,Xd as Ey,Xe as Uy,Xf as Kl,Xg as tr,Xh as c7,Yb as $z,Yd as ym,Ye as Rl,Yf as te,Yg as ar,Z as lz,Zb as Yz,Zc as Ml,Zd as ya,Ze as a7,Zf as ae,Zg as Pw,Zh as cC,_ as rz,_b as Xz,_c as xy,_d as wm,_e as Y9,_f as se,_g as Ew,_h as Pm,a as Ex,aa as iz,ab as c6,ac as Qz,ad as zy,ae as km,af as s1,ag as nw,ah as Vw,b as al,ba as em,bb as d8,bc as bl,bd as X2,be as Mm,bf as B3,bg as hw,bh as z8,c as Vx,ca as nz,cb as Y6,cc as xl,cd as yy,ce as Sm,cf as jy,cg as mw,ch as Q1,d as fa,da as hz,dc as hm,dd as s4,de as Vy,df as Bl,dh as i6,ea as ll,eb as yz,ec as B2,ed as wy,ee as Ny,ef as Ky,eg as $l,eh as k,f as Nx,fa as rl,fc as _0,fd as vm,fe as r6,ff as $y,fg as pw,fh as D0,ga as mz,gc as ey,gd as J2,ge as El,gf as Zl,gg as uw,gh as Y,ha as pz,hc as zl,hd as fm,he as Vl,hf as Dl,hg as le,hh as x0,hi as lC,ia as uz,ib as sm,ic as g8,id as R9,ie as _y,if as Ol,ih as Nw,ii as rC,j as _x,ja as A9,jb as cm,jc as mm,jd as Sl,je as Iy,jf as Yy,jg as dw,jh as _w,ji as oC,ka as H9,kd as Ll,ke as Ry,kf as Xy,kh as Iw,ki as iC,la as ol,lb as wz,lc as pm,ld as Cy,lf as Jy,lh as Rw,li as nC,m as Ix,mc as um,mf as Qy,mg as gw,mh as Bw,mi as Sa,n as Rx,nc as ty,nd as c4,nf as Ca,nh as Zw,oc as ay,od as l4,of as ew,oh as Dw,oi as hC,p as s0,pc as dm,pd as l6,pe as By,pf as b5,pg as Ql,ph as Ow,q as sl,qc as v5,qd as f8,qe as R3,qf as x5,qh as Gw,qi as uC,r as Jh,ra as R2,rc as sy,rd as B9,re as Zy,rf as tw,rg as xw,rh as qw,ri as dC,s as Ox,sa as Z1,sb as P9,sc as _9,sd as Z9,se as Nl,sf as aw,sh as Ww,si as gC,t as Gx,tc as cy,td as J6,te as Q6,tf as sw,th as Uw,ti as vC,u as qx,uc as ly,ud as Al,ue as W9,uf as l1,uh as n6,v as Wx,va as O1,vc as ry,ve as e7,vf as cw,vh as h6,w as Ux,wa as dz,wc as oy,we as U9,wf as z5,wg as zw,wh as oe,wi as nr,x as jx,xa as U1,xb as E9,xc as iy,xe as Dy,xf as X9,xg as Hm,xh as ie,xi as C4,y as Kx,ya as G1,yb as Cz,yc as ny,ye as Oy,yf as o6,yh as jw,yi as hr,z as $x,zb as kz,zc as hy,zd as w4,ze as wa,zf as lw,zh as C5,zi as l7}from"./chunk-QOXKQV6L.js";import{$ as _m,A as ve,B as fr,C as PC,D as fe,E as EC,H as VC,I as br,J as u0,L as Nm,M as xr,N as o4,O as zr,S as m7,T as NC,U as _C,V as IC,W as be,X as xe,Y as ze,Z as Aa,_ as RC,a as MC,aa as BC,ba as ZC,ca as DC,da as w8,e as i7,ea as D2,f as pr,fa as C8,g as SC,ga as OC,h as LC,ha as Im,i as Em,j as AC,k as HC,l as ur,m as pe,n as Vm,p as Z2,q as n7,r as dr,s as ue,t as de,u as gr,v as h7,w as vr,x as FC,y as TC,z as ge}from"./chunk-GD6ZFQC7.js";import{A as X1,d as La,e as r7,g as i2,h as mr,i as q4,j as bC,k as xC,l as zC,m as yC,n as o7,o as wC,p as CC,v as he,w as v0,x as y8,y as kC,z as me}from"./chunk-NEQXU52M.js";import{$ as Fz,D as Lz,Da as Rz,G as Az,Ga as za,Ha as Cl,I as ba,J as pl,L as ul,La as _3,Ma as Yl,O as dl,Oa as Xl,Q as gl,Qa as vw,R as rm,Ra as fw,Sa as bw,Ta as Jl,X as vl,Y as Hz,a as N3,aa as Tz,b as Bx,c as L1,ca as om,d as gz,i as g5,j as F9,k as il,l as vz,m as fz,pa as Pz,q as nl,qa as Ez,ra as Vz,sa as Nz,va as _z,wa as Iz}from"./chunk-IKG5YKP7.js";import{c as va,d as Fx,e as Tx,g as Px,i as F2,j as Zx,k as L9,l as Dx,m as a4,q as ir,r as mC,s as e3,t as pC}from"./chunk-VBQY6H55.js";import{a as FG,b as TG}from"./chunk-Y6SLVHK3.js";var $P=FG((xP1,KP)=>{"use strict";function q11(e,t){this.v=e,this.k=t}function HP(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 W11(e){if(Array.isArray(e))return e}function U11(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 j11(){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 K11(e,t){return W11(e)||U11(e,t)||$11(e,t)||j11()}function $11(e,t){if(e){if(typeof e=="string")return HP(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)?HP(e,t):void 0}}function _i(e){var t,a;function s(l,r){try{var o=e[l](r),i=o.value,n=i instanceof q11;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)}_i.prototype[typeof Symbol=="function"&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},_i.prototype.next=function(e){return this._invoke("next",e)},_i.prototype.throw=function(e){return this._invoke("throw",e)},_i.prototype.return=function(e){return this._invoke("return",e)};var qP=Object.entries,FP=Object.setPrototypeOf,Y11=Object.isFrozen,X11=Object.getPrototypeOf,J11=Object.getOwnPropertyDescriptor,_2=Object.freeze,W2=Object.seal,bt=Object.create,WP=typeof Reflect<"u"&&Reflect,Kd=WP.apply,$d=WP.construct;_2||(_2=function(t){return t});W2||(W2=function(t){return t});Kd||(Kd=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)});$d||($d=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 $8=S2(Array.prototype.forEach);Array.prototype.indexOf;var Q11=S2(Array.prototype.lastIndexOf),TP=S2(Array.prototype.pop),Ts=S2(Array.prototype.push);Array.prototype.slice;var e01=S2(Array.prototype.splice),xt=Array.isArray,Vs=S2(String.prototype.toLowerCase),Od=S2(String.prototype.toString),PP=S2(String.prototype.match),Ps=S2(String.prototype.replace),EP=S2(String.prototype.indexOf),t01=S2(String.prototype.trim),a01=S2(Number.prototype.toString),s01=S2(Boolean.prototype.toString),VP=typeof BigInt>"u"?null:S2(BigInt.prototype.toString),NP=typeof Symbol>"u"?null:S2(Symbol.prototype.toString),$3=S2(Object.prototype.hasOwnProperty),Es=S2(Object.prototype.toString),f3=S2(RegExp.prototype.test),I7=c01(TypeError);function S2(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 Kd(e,t,s)}}function c01(e){return function(){for(var t=arguments.length,a=new Array(t),s=0;s<t;s++)a[s]=arguments[s];return $d(e,a)}}function S0(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Vs;if(FP&&FP(e,null),!xt(t))return e;let s=t.length;for(;s--;){let c=t[s];if(typeof c=="string"){let l=a(c);l!==c&&(Y11(t)||(t[s]=l),c=l)}e[c]=!0}return e}function l01(e){for(let t=0;t<e.length;t++)$3(e,t)||(e[t]=null);return e}function d4(e){let t=bt(null);for(let s of qP(e)){var a=K11(s,2);let c=a[0],l=a[1];$3(e,c)&&(xt(l)?t[c]=l01(l):l&&typeof l=="object"&&l.constructor===Object?t[c]=d4(l):t[c]=l)}return t}function r01(e){switch(typeof e){case"string":return e;case"number":return a01(e);case"boolean":return s01(e);case"bigint":return VP?VP(e):"0";case"symbol":return NP?NP(e):"Symbol()";case"undefined":return Es(e);case"function":case"object":{if(e===null)return Es(e);let t=e,a=N4(t,"toString");if(typeof a=="function"){let s=a(t);return typeof s=="string"?s:Es(s)}return Es(e)}default:return Es(e)}}function N4(e,t){for(;e!==null;){let s=J11(e,t);if(s){if(s.get)return S2(s.get);if(typeof s.value=="function")return S2(s.value)}e=X11(e)}function a(){return null}return a}function o01(e){try{return f3(e,""),!0}catch{return!1}}var _P=_2(["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"]),Gd=_2(["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"]),qd=_2(["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"]),i01=_2(["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"]),Wd=_2(["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"]),n01=_2(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),IP=_2(["#text"]),RP=_2(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","command","commandfor","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),Ud=_2(["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"]),BP=_2(["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"]),Ii=_2(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),h01=W2(/{{[\w\W]*|^[\w\W]*}}/g),m01=W2(/<%[\w\W]*|^[\w\W]*%>/g),p01=W2(/\${[\w\W]*/g),u01=W2(/^data-[\-\w.\u00B7-\uFFFF]+$/),d01=W2(/^aria-[\-\w]+$/),ZP=W2(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),g01=W2(/^(?:\w+script|data):/i),v01=W2(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),f01=W2(/^html$/i),b01=W2(/^[a-z][.\w]*(-[.\w]+)+$/i),DP=W2(/<[/\w!]/g),OP=W2(/<[/\w]/g),x01=W2(/<\/no(script|embed|frames)/i),z01=W2(/\/>/i),u4={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,processingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},UP=["style","script","xmp","iframe","noembed","noframes","plaintext","noscript"],y01=_2(S0({},UP)),w01=(function(){let e={};return $8(UP,t=>{e[t]=W2(new RegExp("</"+t+"(?=[\\t\\n\\f\\r />])","i"))}),_2(e)})(),C01=function(){return typeof window>"u"?null:window},k01=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}},GP=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},R7=function(t,a,s,c){return $3(t,a)&&xt(t[a])?S0(c.base?d4(c.base):{},t[a],c.transform):s},jd=function(t,a,s){let c=$3(t,a)?t[a]:void 0;return c&&typeof c=="object"?d4(c):s()};function jP(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:C01(),t=r1=>jP(r1);if(t.version="3.4.16",t.removed=[],!e||!e.document||e.document.nodeType!==u4.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,u=N4(m,"cloneNode"),d=N4(m,"remove"),v=N4(m,"removeAttributeNode"),g=N4(m,"nextSibling"),b=N4(m,"childNodes"),f=N4(m,"parentNode"),C=N4(m,"shadowRoot"),z=N4(m,"attributes"),M=r&&r.prototype?N4(r.prototype,"nodeType"):null,S=r&&r.prototype?N4(r.prototype,"nodeName"):null,H=r&&r.prototype?N4(r.prototype,"ownerDocument"):null,_=function(w){return M?M(w):w.nodeType},E=function(w){return S?S(w):w.nodeName};if(typeof l=="function"){let r1=a.createElement("template");r1.content&&r1.content.ownerDocument&&(a=r1.content.ownerDocument)}let O,P="",F,V=!1,D=0,Z=function(){if(D>0)throw I7('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.')},I=function(w){Z(),D++;try{return O.createHTML(w)}finally{D--}},U=function(w){Z(),D++;try{return O.createScriptURL(w)}finally{D--}},N=function(){return V||(F=k01(h,c),V=!0),F},J=a,j=J.implementation,W=J.createNodeIterator,n1=J.createDocumentFragment,z1=J.getElementsByTagName,$=s.importNode,c1=GP();t.isSupported=typeof qP=="function"&&typeof f=="function"&&j&&j.createHTMLDocument!==void 0;let g1=h01,K=m01,u1=p01,x1=u01,T0=d01,P0=g01,H1=v01,c0=b01,l0=ZP,J1=null,y2=S0({},[..._P,...Gd,...qd,...Wd,...IP]),a0=null,H2=S0({},[...RP,...Ud,...BP,...Ii]),g0=Object.seal(bt(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}})),p1=null,W1=null,i0=Object.seal(bt(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),E0=!0,w0=!0,o2=!1,Q=!0,k1=!1,h0=!0,N0=!1,t6=!1,G6=null,q6=null,W6=!1,p5=!1,E3=!1,U6=!1,p8=!0,m3=!1,w9="user-content-",V3=!0,Q3=!1,M3={},e4=null,a6=S0({},["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"]),x4=null,z4=S0({},["audio","video","img","source","image","track"]),O4=null,j6=S0({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),S1="http://www.w3.org/1998/Math/MathML",r0="http://www.w3.org/2000/svg",M1="http://www.w3.org/1999/xhtml",w2=M1,d2=!1,K6=null,Wh=S0({},[S1,r0,M1],Od),gx=_2(["mi","mo","mn","ms","mtext"]),Uh=S0({},gx),vx=_2(["annotation-xml"]),jh=S0({},vx),gG=S0({},["title","style","font","a","script"]),da=null,vG=["application/xhtml+xml","text/html"],fG="text/html",g2=null,C9=null,bG=a.createElement("form"),fx=function(w){return w instanceof RegExp||w instanceof Function},Kh=function(){let w=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(C9&&C9===w)return;(!w||typeof w!="object")&&(w={}),w=d4(w),da=vG.indexOf(w.PARSER_MEDIA_TYPE)===-1?fG:w.PARSER_MEDIA_TYPE,g2=da==="application/xhtml+xml"?Od:Vs,J1=R7(w,"ALLOWED_TAGS",y2,{transform:g2}),a0=R7(w,"ALLOWED_ATTR",H2,{transform:g2}),K6=R7(w,"ALLOWED_NAMESPACES",Wh,{transform:Od}),O4=R7(w,"ADD_URI_SAFE_ATTR",j6,{transform:g2,base:j6}),x4=R7(w,"ADD_DATA_URI_TAGS",z4,{transform:g2,base:z4}),e4=R7(w,"FORBID_CONTENTS",a6,{transform:g2}),p1=R7(w,"FORBID_TAGS",d4({}),{transform:g2}),W1=R7(w,"FORBID_ATTR",d4({}),{transform:g2}),M3=$3(w,"USE_PROFILES")?w.USE_PROFILES&&typeof w.USE_PROFILES=="object"?d4(w.USE_PROFILES):w.USE_PROFILES:!1,E0=w.ALLOW_ARIA_ATTR!==!1,w0=w.ALLOW_DATA_ATTR!==!1,o2=w.ALLOW_UNKNOWN_PROTOCOLS||!1,Q=w.ALLOW_SELF_CLOSE_IN_ATTR!==!1,k1=w.SAFE_FOR_TEMPLATES||!1,h0=w.SAFE_FOR_XML!==!1,N0=w.WHOLE_DOCUMENT||!1,p5=w.RETURN_DOM||!1,E3=w.RETURN_DOM_FRAGMENT||!1,U6=w.RETURN_TRUSTED_TYPE||!1,W6=w.FORCE_BODY||!1,p8=w.SANITIZE_DOM!==!1,m3=w.SANITIZE_NAMED_PROPS||!1,V3=w.KEEP_CONTENT!==!1,Q3=w.IN_PLACE||!1,l0=o01(w.ALLOWED_URI_REGEXP)?w.ALLOWED_URI_REGEXP:ZP,w2=typeof w.NAMESPACE=="string"?w.NAMESPACE:M1,Uh=jd(w,"MATHML_TEXT_INTEGRATION_POINTS",()=>S0({},gx)),jh=jd(w,"HTML_INTEGRATION_POINTS",()=>S0({},vx));let R=jd(w,"CUSTOM_ELEMENT_HANDLING",()=>bt(null));if(g0=bt(null),$3(R,"tagNameCheck")&&fx(R.tagNameCheck)&&(g0.tagNameCheck=R.tagNameCheck),$3(R,"attributeNameCheck")&&fx(R.attributeNameCheck)&&(g0.attributeNameCheck=R.attributeNameCheck),$3(R,"allowCustomizedBuiltInElements")&&typeof R.allowCustomizedBuiltInElements=="boolean"&&(g0.allowCustomizedBuiltInElements=R.allowCustomizedBuiltInElements),W2(g0),k1&&(w0=!1),E3&&(p5=!0),M3&&(J1=S0({},IP),a0=bt(null),M3.html===!0&&(S0(J1,_P),S0(a0,RP)),M3.svg===!0&&(S0(J1,Gd),S0(a0,Ud),S0(a0,Ii)),M3.svgFilters===!0&&(S0(J1,qd),S0(a0,Ud),S0(a0,Ii)),M3.mathMl===!0&&(S0(J1,Wd),S0(a0,BP),S0(a0,Ii))),i0.tagCheck=null,i0.attributeCheck=null,$3(w,"ADD_TAGS")&&(typeof w.ADD_TAGS=="function"?i0.tagCheck=w.ADD_TAGS:xt(w.ADD_TAGS)&&(J1===y2&&(J1=d4(J1)),S0(J1,w.ADD_TAGS,g2))),$3(w,"ADD_ATTR")&&(typeof w.ADD_ATTR=="function"?i0.attributeCheck=w.ADD_ATTR:xt(w.ADD_ATTR)&&(a0===H2&&(a0=d4(a0)),S0(a0,w.ADD_ATTR,g2))),$3(w,"ADD_FORBID_CONTENTS")&&xt(w.ADD_FORBID_CONTENTS)&&(e4===a6&&(e4=d4(e4)),S0(e4,w.ADD_FORBID_CONTENTS,g2)),V3&&(J1["#text"]=!0),N0&&S0(J1,["html","head","body"]),J1.table&&(S0(J1,["tbody"]),delete p1.tbody),w.TRUSTED_TYPES_POLICY){if(typeof w.TRUSTED_TYPES_POLICY.createHTML!="function")throw I7('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof w.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw I7('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let t1=O;O=w.TRUSTED_TYPES_POLICY;try{P=I("")}catch(i1){throw O=t1,i1}}else w.TRUSTED_TYPES_POLICY===null?(O=void 0,P=""):(O===void 0&&(O=N()),O&&typeof P=="string"&&(P=I("")));_2&&_2(w),C9=w},bx=S0({},[...Gd,...qd,...i01]),xx=S0({},[...Wd,...n01]),xG=function(w,R,t1){return R.namespaceURI===M1?w==="svg":R.namespaceURI===S1?w==="svg"&&(t1==="annotation-xml"||Uh[t1]):!!bx[w]},zG=function(w,R,t1){return R.namespaceURI===M1?w==="math":R.namespaceURI===r0?w==="math"&&jh[t1]:!!xx[w]},yG=function(w,R,t1){return R.namespaceURI===r0&&!jh[t1]||R.namespaceURI===S1&&!Uh[t1]?!1:!xx[w]&&(gG[w]||!bx[w])},wG=function(w){let R=f(w);(!R||!R.tagName)&&(R={namespaceURI:w2,tagName:"template"});let t1=Vs(w.tagName),i1=Vs(R.tagName);return K6[w.namespaceURI]?w.namespaceURI===r0?xG(t1,R,i1):w.namespaceURI===S1?zG(t1,R,i1):w.namespaceURI===M1?yG(t1,R,i1):!!(da==="application/xhtml+xml"&&K6[w.namespaceURI]):!1},$6=function(w){Ts(t.removed,{element:w});try{f(w).removeChild(w)}catch{if(d(w),!f(w))throw I7("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},zx=function(w,R,t1){try{v(w,R)}catch{try{w.removeAttribute(t1)}catch{}}},Yc=function(w){Xc(w);let R=b(w);if(R){let i1=[];$8(R,R1=>{Ts(i1,R1)}),$8(i1,R1=>{try{d(R1)}catch{}})}let t1=z(w);if(t1)for(let i1=t1.length-1;i1>=0;--i1){let R1=t1[i1],m0=R1&&R1.name;typeof m0=="string"&&zx(w,R1,m0)}},u8=function(w,R,t1){if(!t1)try{t1=R.getAttributeNode(w)}catch{t1=null}Ts(t.removed,{attribute:t1||null,from:R});try{t1?v(R,t1):R.removeAttribute(w)}catch{try{R.removeAttribute(w)}catch{}}if(w==="is")if(p5||E3)try{$6(R)}catch{}else try{R.setAttribute(w,"")}catch{}},CG=function(w){let R=z(w);if(R)for(let t1=R.length-1;t1>=0;--t1){let i1=R[t1],R1=i1&&i1.name;typeof R1!="string"||a0[g2(R1)]||zx(w,i1,R1)}},Xc=function(w){let R=[w];for(;R.length>0;){let t1=R.pop();_(t1)===u4.element&&CG(t1);let i1=b(t1);if(i1)for(let R1=i1.length-1;R1>=0;--R1)R.push(i1[R1])}},yx=function(w,R){return h0?w==="patchsrc"?!0:w==="for"&&R!=="label"&&R!=="output":!1},kG=function(w){if(!h0)return;let R=[w];for(;R.length>0;){let t1=R.pop(),i1=_(t1);if(i1===u4.processingInstruction||i1===u4.comment&&f3(OP,t1.data)){try{d(t1)}catch{}continue}if(i1===u4.element){let m0=t1,b0=g2(E(t1));try{m0.hasAttribute&&m0.hasAttribute("patchsrc")&&m0.removeAttribute("patchsrc"),m0.hasAttribute&&m0.hasAttribute("for")&&yx("for",b0)&&m0.removeAttribute("for")}catch{}}let R1=b(t1);if(R1)for(let m0=R1.length-1;m0>=0;--m0)R.push(R1[m0])}},wx=function(w){let R=null,t1=null;if(W6)w="<remove></remove>"+w;else{let m0=PP(w,/^[\r\n\t ]+/);t1=m0&&m0[0]}da==="application/xhtml+xml"&&w2===M1&&(w='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+w+"</body></html>");let i1=O?I(w):w;if(w2===M1)try{R=new n().parseFromString(i1,da)}catch{}if(!R||!R.documentElement){R=j.createDocument(w2,"template",null);try{R.documentElement.innerHTML=d2?P:i1}catch{}}let R1=R.body||R.documentElement;return w&&t1&&R1.insertBefore(a.createTextNode(t1),R1.childNodes[0]||null),w2===M1?z1.call(R,N0?"html":"body")[0]:N0?R.documentElement:R1},Cx=function(w){let R=H?H(w):w.ownerDocument;return W.call(R||w,w,i.SHOW_ELEMENT|i.SHOW_COMMENT|i.SHOW_TEXT|i.SHOW_PROCESSING_INSTRUCTION|i.SHOW_CDATA_SECTION,null)},Jc=function(w){return w=Ps(w,g1," "),w=Ps(w,K," "),w=Ps(w,u1," "),w},$h=function(w){var R;w.normalize();let t1=H?H(w):w.ownerDocument,i1=W.call(t1||w,w,i.SHOW_TEXT|i.SHOW_COMMENT|i.SHOW_CDATA_SECTION|i.SHOW_PROCESSING_INSTRUCTION,null),R1=i1.nextNode();for(;R1;)R1.data=Jc(R1.data),R1=i1.nextNode();let m0=(R=w.querySelectorAll)===null||R===void 0?void 0:R.call(w,"template");m0&&$8(m0,b0=>{k9(b0.content)&&$h(b0.content)})},Qc=function(w){let R=S?S(w):null;return typeof R!="string"||g2(R)!=="form"?!1:typeof w.nodeName!="string"||typeof w.textContent!="string"||typeof w.removeChild!="function"||w.attributes!==z(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!==M(w)||w.childNodes!==b(w)},k9=function(w){if(!M||typeof w!="object"||w===null)return!1;try{return M(w)===u4.documentFragment}catch{return!1}},ga=function(w){if(!M||typeof w!="object"||w===null)return!1;try{return typeof M(w)=="number"}catch{return!1}};function u5(r1,w,R){r1.length!==0&&$8(r1,t1=>{t1.call(t,w,R,C9)})}let MG=function(w,R){return!!(h0&&w.hasChildNodes()&&!ga(w.firstElementChild)&&f3(DP,w.textContent)&&f3(DP,w.innerHTML)||h0&&w.namespaceURI===M1&&y01[R]&&(ga(w.firstElementChild)||typeof w.textContent=="string"&&f3(w01[R],w.textContent))||w.nodeType===u4.processingInstruction||h0&&w.nodeType===u4.comment&&f3(OP,w.data))},el=function(w,R){if(w instanceof RegExp)return f3(w,R);if(w instanceof Function){for(var t1=arguments.length,i1=new Array(t1>2?t1-2:0),R1=2;R1<t1;R1++)i1[R1-2]=arguments[R1];return!!w(R,...i1)}return!1},SG=function(w,R,t1){if(!p1[R]&&Lx(R)&&el(g0.tagNameCheck,R))return!1;if(V3&&!e4[R]){let i1=f(w),R1=b(w);if(R1&&i1){let m0=R1.length;for(let b0=m0-1;b0>=0;--b0){let m2=w===t1?u(R1[b0],!0):R1[b0];i1.insertBefore(m2,g(w))}}}return $6(w),!0},kx=function(w,R,t1,i1){return w.length===0?R:R===t1||R===i1?d4(R):R},M9=function(w,R){return w===R||f(w)!==null?!1:(Q3&&Xc(w),!0)},Mx=function(w,R){if(u5(c1.beforeSanitizeElements,w,null),M9(w,R))return!0;if(Qc(w))return $6(w),!0;let t1=g2(E(w));if(J1=kx(c1.uponSanitizeElement,J1,y2,G6),u5(c1.uponSanitizeElement,w,{tagName:t1,allowedTags:J1}),M9(w,R))return!0;if(MG(w,t1))return $6(w),!0;if(p1[t1]||!(i0.tagCheck instanceof Function&&i0.tagCheck(t1))&&!J1[t1]){let i1=SG(w,t1,R);return i1===!1&&(u5(c1.afterSanitizeElements,w,null),M9(w,R))?!0:i1}if(_(w)===u4.element&&!wG(w)||(t1==="noscript"||t1==="noembed"||t1==="noframes")&&f3(x01,w.innerHTML))return $6(w),!0;if(k1&&w.nodeType===u4.text){let i1=Jc(w.textContent);w.textContent!==i1&&(Ts(t.removed,{element:w.cloneNode()}),w.textContent=i1)}return u5(c1.afterSanitizeElements,w,null),M9(w,R)},Sx=function(w,R,t1){if(W1[R]||yx(R,w)||p8&&(R==="id"||R==="name")&&(t1 in a||t1 in bG))return!1;let i1=a0[R]||i0.attributeCheck instanceof Function&&i0.attributeCheck(R,w);return w0&&f3(x1,R)||E0&&f3(T0,R)?!0:i1?O4[R]||f3(l0,Ps(t1,H1,""))||(R==="src"||R==="xlink:href"||R==="href")&&w!=="script"&&EP(t1,"data:")===0&&x4[w]||o2&&!f3(P0,Ps(t1,H1,""))?!0:!t1:Lx(w)&&el(g0.tagNameCheck,w)&&el(g0.attributeNameCheck,R,w)||R==="is"&&g0.allowCustomizedBuiltInElements&&el(g0.tagNameCheck,t1)},LG=S0({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Lx=function(w){return!LG[Vs(w)]&&f3(c0,w)},AG=function(w,R,t1,i1){if(O&&typeof h=="object"&&typeof h.getAttributeType=="function"&&!t1)switch(h.getAttributeType(w,R)){case"TrustedHTML":return I(i1);case"TrustedScriptURL":return U(i1)}return i1},HG=function(w,R,t1,i1){try{return t1?w.setAttributeNS(t1,R,i1):w.setAttribute(R,i1),Qc(w)?($6(w),!1):!0}catch{return u8(R,w),!1}},Ax=function(w,R){if(u5(c1.beforeSanitizeAttributes,w,null),M9(w,R))return;let t1=w.attributes;if(!t1||Qc(w))return;a0=kx(c1.uponSanitizeAttribute,a0,H2,q6);let i1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:a0,forceKeepAttr:void 0},R1=t1.length,m0=g2(w.nodeName);for(;R1--;){let b0=t1[R1],m2=b0.name,y4=b0.namespaceURI,t4=b0.value,S9=g2(m2),Xh=t4,S3=m2==="value"?Xh:t01(Xh),Hx=!1;if(i1.attrName=S9,i1.attrValue=S3,i1.keepAttr=!0,i1.forceKeepAttr=void 0,u5(c1.uponSanitizeAttribute,w,i1),S3=i1.attrValue,m3&&(S9==="id"||S9==="name")&&EP(S3,w9)!==0&&(u8(m2,w,b0),S3=w9+S3,Hx=!0),h0&&f3(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,S3)){u8(m2,w,b0);continue}if(S9==="attributename"&&PP(S3,"href")){u8(m2,w,b0);continue}if(!i1.forceKeepAttr){if(!i1.keepAttr){u8(m2,w,b0);continue}if(!Q&&f3(z01,S3)){u8(m2,w,b0);continue}if(k1&&(S3=Jc(S3)),!Sx(m0,S9,S3)){u8(m2,w,b0);continue}S3=AG(m0,S9,y4,S3),S3!==Xh&&HG(w,m2,y4,S3)&&Hx&&TP(t.removed)}}u5(c1.afterSanitizeAttributes,w,null),M9(w,R)},tl=function(w){let R=null,t1=Cx(w);for(u5(c1.beforeSanitizeShadowDOM,w,null);R=t1.nextNode();)if(u5(c1.uponSanitizeShadowNode,R,null),Mx(R,w),Ax(R,w),k9(R.content)&&tl(R.content),_(R)===u4.element){let i1=C(R);k9(i1)&&(Yh(i1),tl(i1))}u5(c1.afterSanitizeShadowDOM,w,null)},Yh=function(w){let R=[{node:w,shadow:null}];for(;R.length>0;){let t1=R.pop();if(t1.shadow){tl(t1.shadow);continue}let i1=t1.node,R1=_(i1)===u4.element,m0=b(i1);if(m0)for(let b0=m0.length-1;b0>=0;--b0)R.push({node:m0[b0],shadow:null});if(R1){let b0=S?S(i1):null;if(typeof b0=="string"&&g2(b0)==="template"){let m2=i1.content;k9(m2)&&R.push({node:m2,shadow:null})}}if(R1){let b0=C(i1);k9(b0)&&R.push({node:null,shadow:b0},{node:b0,shadow:null})}}};return t.sanitize=function(r1){let w=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},R=null,t1=null,i1=null,R1=null;if(d2=!r1,d2&&(r1="<!-->"),typeof r1!="string"&&!ga(r1)&&(r1=r01(r1),typeof r1!="string"))throw I7("dirty is not a string, aborting");if(!t.isSupported)return r1;t6?(J1=G6,a0=q6):Kh(w),(c1.uponSanitizeElement.length>0||c1.uponSanitizeAttribute.length>0)&&(J1=d4(J1)),c1.uponSanitizeAttribute.length>0&&(a0=d4(a0)),t.removed=[];let m0=Q3&&typeof r1!="string"&&ga(r1);if(m0){kG(r1);let y4=E(r1);if(typeof y4=="string"){let t4=g2(y4);if(!J1[t4]||p1[t4])throw Yc(r1),I7("root node is forbidden and cannot be sanitized in-place")}if(Qc(r1))throw Yc(r1),I7("root node is clobbered and cannot be sanitized in-place");try{Yh(r1)}catch(t4){throw Yc(r1),t4}}else if(ga(r1))R=wx("<!---->"),t1=R.ownerDocument.importNode(r1,!0),t1.nodeType===u4.element&&t1.nodeName==="BODY"||t1.nodeName==="HTML"?R=t1:R.appendChild(t1),Yh(R);else{if(!p5&&!k1&&!N0&&r1.indexOf("<")===-1)return O&&U6?I(r1):r1;if(R=wx(r1),!R)return p5?null:U6?P:""}R&&W6&&$6(R.firstChild);let b0=m0?r1:R;try{let y4=Cx(b0);for(;i1=y4.nextNode();)Mx(i1,b0),Ax(i1,b0),k9(i1.content)&&tl(i1.content)}catch(y4){throw m0&&(Yc(r1),$8(t.removed,t4=>{t4.element&&Xc(t4.element)})),y4}if(m0){let y4=!1;if($8(t.removed,t4=>{t4.element&&(t4.element===r1&&(y4=!0),Xc(t4.element))}),y4)throw I7("a node selected for removal could not be safely returned; refusing to sanitize in place");return k1&&$h(r1),r1}if(p5){if(k1&&$h(R),E3)for(R1=n1.call(R.ownerDocument);R.firstChild;)R1.appendChild(R.firstChild);else R1=R;return(a0.shadowroot||a0.shadowrootmode)&&(R1=$.call(s,R1,!0)),R1}let m2=N0?R.outerHTML:R.innerHTML;return N0&&J1["!doctype"]&&R.ownerDocument&&R.ownerDocument.doctype&&R.ownerDocument.doctype.name&&f3(f01,R.ownerDocument.doctype.name)&&(m2="<!DOCTYPE "+R.ownerDocument.doctype.name+`>
|
|
3
|
+
`+m2),k1&&(m2=Jc(m2)),O&&U6?I(m2):m2},t.setConfig=function(){let r1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Kh(r1),t6=!0,G6=J1,q6=a0},t.clearConfig=function(){C9=null,t6=!1,G6=null,q6=null,O=F,P=""},t.isValidAttribute=function(r1,w,R){C9||Kh({});let t1=g2(r1),i1=g2(w);return Sx(t1,i1,R)},t.addHook=function(r1,w){typeof w=="function"&&$3(c1,r1)&&Ts(c1[r1],w)},t.removeHook=function(r1,w){if($3(c1,r1)){if(w!==void 0){let R=Q11(c1[r1],w);return R===-1?void 0:e01(c1[r1],R,1)[0]}return TP(c1[r1])}},t.removeHooks=function(r1){$3(c1,r1)&&(c1[r1]=[])},t.removeAllHooks=function(){c1=GP()},t}var M01=jP();KP.exports=M01});import{readLockHolder as bq}from"efficient-easel/edit-lock";var Bm="/api/storefront/section-templates/",Rm=e=>`${Bm}${encodeURIComponent(e)}/`,Zm=e=>e.node!=null;function yr(e){if(!Zm(e))throw new Error(`Section template ${e.id} has no design`);return e}var Om=(e,t)=>e instanceof q4&&e.status===t;function PG(e){return{list:()=>me(`${Bm}?no_page=true`,{token:e()}).then(t=>Array.isArray(t)?t:t.results??[]),get:t=>me(Rm(t),{token:e()}).catch(a=>{if(Om(a,404))return null;throw a}),create:t=>me(Bm,{method:"POST",token:e(),body:JSON.stringify(t)}),patch:(t,a)=>me(Rm(t),{method:"PATCH",token:e(),body:JSON.stringify(a)}),remove:t=>me(Rm(t),{method:"DELETE",token:e()})}}var Dm="sf:section-templates",GC=`${Dm}.imported`,EG="Untitled section",VG=160,wr=e=>(typeof e=="string"?e.trim().slice(0,VG):"")||EG;function NG(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 _G(e,t=e3){let a={created:0,seeded:0,left:0,skipped:0,kept:!1},s=t.getItem(Dm);if(s===null)return a;for(let c of NG(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:wr(c.name),node:c.node}),a.created+=1}catch(r){if(!Om(r,400))throw r;a.skipped+=1}}catch{return{...a,kept:!0}}return t.setItem(GC,s),t.getItem(GC)===s&&t.removeItem(Dm),a}var Cr=class{constructor(t,a=e3){this.readToken=t;this.storage=a;this.imported=null;this.http=PG(t)}ready(){return this.imported?this.imported:this.readToken()?(this.imported=_G(this.http,this.storage).catch(()=>{}),this.imported):Promise.resolve()}async list(){return await this.ready(),(await this.http.list()).filter(Zm)}async get(t){return await this.ready(),this.http.get(t)}async ensure(t,a,s){await this.ready();let c=async r=>r?Zm(r)?r:yr(await this.http.patch(t,{node:s})):null,l=await c(await this.http.get(t));if(l)return l;try{return yr(await this.http.create({id:t,name:wr(a),node:s}))}catch(r){if(Om(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(),yr(await this.http.create({name:wr(t),node:a}))}async update(t,a){return await this.ready(),yr(await this.http.patch(t,{node:a}))}async rename(t,a){return await this.ready(),this.http.patch(t,{name:wr(a)})}async remove(t){await this.ready(),await this.http.remove(t)}};var qC={"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 WC(e,t){let a=qC[e][t];return{maxSizeBytes:a.max_bytes,maxFiles:a.max_files,accept:a.accept==="*"||a.accept==="*/*"?void 0:a.accept,acceptHint:a.hint}}import{isSafeLinkHref as nr1}from"efficient-shell/markup";var m6=["width","profile","rim"],UC={width:"Width",profile:"Profile",rim:"Rim"},IG=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,RG={width:[100,500],profile:[20,100],rim:[10,30]};function i4(e){let t=IG.exec(e??"");if(!t)return null;let a={width:Number(t[1]),profile:Number(t[2]),rim:Number(t[3])};return m6.every(c=>{let[l,r]=RG[c];return a[c]>=l&&a[c]<=r})?a:null}function W4(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 jC(e){return[W4({width:e.width}),W4({width:e.width,profile:e.profile}),W4(e)]}var Z3=["alloy-wheel","tyre"],kr=["alloy-wheel"],n4={"alloy-wheel":"Alloy wheels",tyre:"Tyres"},KC="All products",$C="All product types";function k5(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 ye=Z3.map(e=>({value:e,label:n4[e]}));function M5(e){return e==null?[...kr]:Array.isArray(e)?Z3.filter(t=>e.includes(t)):[...kr]}var L3=e=>e;function O0(e){return L3(e).kind==="tyre"?"tyre":"alloy-wheel"}function YC(e,t){return e.filter(a=>t.includes(O0(a)))}function p7(e){return L3(e).slug??""}function Gm(e){return L3(e).name??""}function we(e){return L3(e).brand??""}function XC(e){let t=new Set;for(let a of e)if(t.add(we(a)),t.size>1)return!0;return!1}function BG(e){return L3(e).process??""}function JC(e){let t=new Set;for(let a of e)if(t.add(BG(a)),t.size>1)return!0;return!1}function k8(e){return L3(e).prices??void 0}function qm(e){return L3(e).inStock!==!1}function QC(e){let t=L3(e),a=O0(e)==="tyre"?t.rimDiameters:t.sizes;return Array.isArray(a)?a.filter(s=>typeof s=="number"&&Number.isFinite(s)):[]}function Wm(e){return O0(e)!=="tyre"&&L3(e).badge==="new"}function Um(e){return O0(e)==="tyre"?[]:(L3(e).finishes??[]).filter(t=>typeof t?.family=="string").map(t=>({family:t.family,color:t.color??null}))}function ek(e){return Um(e).map(t=>t.family)}function tk(e){if(O0(e)==="tyre")return[];let t=L3(e),a=t.categories;return a&&a.length>0?a:t.process?[t.process]:[]}function ak(e){return O0(e)==="tyre"?[]:L3(e).spec?.pcds??[]}function sk(e){return O0(e)!=="tyre"?[]:L3(e).tyreTypes??[]}function ck(e){return O0(e)!=="tyre"?[]:L3(e).speedRatings??[]}function Ce(e){if(O0(e)!=="tyre")return[];let t=L3(e).sizes;return Array.isArray(t)?t.map(a=>i4(typeof a=="string"?a:null)).filter(a=>a!==null):[]}function U4(e,t){return e.length===0?e:e.filter(a=>a.kind===void 0||a.kind===t)}function Mr(e,t){if(t.length===0)return e;let a=ke(t);return u7(e.filter(s=>a(s.fieldKey)),s=>s.fieldKey,t,"cardOrder")}function lk(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 jm(e){return Lr(e,"spec")}function rk(e){return Lr(e,"fitment")}function Km(e,t){if(t.length===0)return e;let a=jm(t),s=e.filter(c=>a(c.fieldKey));return u7(s,c=>c.fieldKey,t,"specOrder")}function u7(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 ke(e){return Lr(e,"card")}function Sr(e){return Lr(e,"filter")}var Me="collection";function Se(e,t){return{tyreSizes:{},brands:{"alloy-wheel":"brand",tyre:"brand"},finishes:{"alloy-wheel":"wheel_finish_ref"},diameters:{"alloy-wheel":"diameter",tyre:"rim_diameter"},collections:{"alloy-wheel":Me},pcds:{"alloy-wheel":"pcd"},tyreTypes:{tyre:"tire_type"},speedRatings:{tyre:"speed_rating"}}[e]?.[t]}function Lr(e,t){let a=new Set(e.filter(s=>s[t]===!1).map(s=>s.fieldKey));return s=>!s||!a.has(s)}function E2(e){return Number.isInteger(e)?String(e):String(Number(e.toFixed(2)))}function $m(e,t,a){let s=a!=null?`${E2(t)}/${E2(a)}`:E2(t);return`${e}" \xD7 ${s}`}function Ar(e,t){return e===t?`ET ${e}`:`ET ${e}\u2013${t}`}function ok(e,t){return e===t?`${E2(e)}"`:`${E2(e)}"\u2013${E2(t)}"`}function Ym(e){return e==="\u2014"?e:`${e}"`}var Ha={recommended:"Recommended","price-asc":"Price \xB7 low to high","price-desc":"Price \xB7 high to low",new:"Newest",name:"Name A\u2013Z"},ik=Object.keys(Ha);function Le(e){return R2(ik,"recommended",e)}function Xm(e){return ik.filter(t=>t!=="recommended"||e.length<=1)}function nk(e,t){let a=Le(e);return Xm(t).includes(a)?a:"name"}var Fa=["tyreSizes","brands","finishes","diameters","collections","pcds","tyreTypes","speedRatings"],ZG={tyreSizes:["tyre"],brands:["alloy-wheel","tyre"],finishes:["alloy-wheel"],diameters:["alloy-wheel","tyre"],collections:["alloy-wheel"],pcds:["alloy-wheel"],tyreTypes:["tyre"],speedRatings:["tyre"]},DG={diameters:"tyreSizes"};function hk(e){if(e.length===0)return[];let t=Fa.filter(a=>e.every(s=>ZG[a].includes(s)));return t.filter(a=>{let s=DG[a];return!s||!t.includes(s)})}function mk(e,t){return t&&e.includes(t)?[t]:[...e]}function pk(e){let t=new Set;for(let a of e)t.add(O0(a));return[...t]}var S5={tyreSizes:[],brands:[],finishes:[],diameters:[],collections:[],pcds:[],tyreTypes:[],speedRatings:[],priceMax:null,inStockOnly:!1,kind:null,sort:"recommended",page:1};function Ae(e){return`${OG(e.width)}\xD7${e.diameter}`}function uk(e){return[...new Set((e.sizePairs??[]).map(t=>$m(t.diameter,t.width)))]}function OG(e){return E2(e)}function Ta(e,t,a,s=null){if(s!=="kind"&&t.kind&&O0(e)!==t.kind)return!1;for(let c of Fa){if(s===c)continue;let l=t[c];if(l.length===0)continue;let r=l.map(String);if(!vk(e,c).some(o=>r.includes(o)))return!1}return!(s!=="price"&&!gr(k8(e),a,null,t.priceMax)||s!=="inStock"&&t.inStockOnly&&!qm(e))}function dk(e,t,a){return e.filter(s=>qm(s)&&Ta(s,t,a,"inStock")).length}function GG(e,t,a){let s=[...e],c=(r,o)=>Gm(r).localeCompare(Gm(o)),l=pk(e).length>1;switch(t){case"price-asc":return s.sort((r,o)=>de(k8(r),k8(o),a,"asc"));case"price-desc":return s.sort((r,o)=>de(k8(r),k8(o),a,"desc"));case"name":return s.sort(c);case"new":return s.sort((r,o)=>{let i=(Wm(o)?1:0)-(Wm(r)?1:0);return i!==0||!l?i:c(r,o)});default:return s}}function gk(e,t,a){return GG(e.filter(s=>Ta(s,t,a)),t.sort,a)}function Hr(e){return Fa.some(t=>e[t].length>0)||e.priceMax!=null||e.inStockOnly||e.kind!=null}var Jm={tyreSizes:"Size",brands:"Brand",finishes:"Colour",diameters:"Size \xB7 diameter",collections:"Collection",pcds:"PCD \xB7 fitment",tyreTypes:"Tyre type",speedRatings:"Speed rating"};function vk(e,t){switch(t){case"tyreSizes":return[...new Set(Ce(e).flatMap(jC))];case"brands":return we(e)?[we(e)]:[];case"finishes":return ek(e);case"diameters":return QC(e).map(String);case"collections":return tk(e);case"pcds":return ak(e);case"tyreTypes":return sk(e);case"speedRatings":return ck(e)}}function qG(e){let t=new Map;for(let a of e)for(let s of Um(a))s.color&&!t.has(s.family)&&t.set(s.family,s.color);return t}function Fr(e,t,a,s=pk(e),c=[]){let l=n=>WG(n,s,c),r=qG(e),o=hk(s).filter(n=>n!=="tyreSizes").filter(l).map(n=>{let h=t[n].map(String),m=new Set,u=new Map,d=new Map;for(let g of e){let b=vk(g,n);for(let f of b)m.add(f);for(let f of new Set(b))d.set(f,(d.get(f)??0)+1);if(Ta(g,t,a,n))for(let f of new Set(b))u.set(f,(u.get(f)??0)+1)}let v=[...m].map(g=>({value:g,label:n==="diameters"?`${g}\u2033`:g,count:u.get(g)??0,checked:h.includes(g),swatch:n==="finishes"?r.get(g)??null:null})).sort((g,b)=>{if(n==="diameters")return Number(g.value)-Number(b.value);let f=(d.get(b.value)??0)-(d.get(g.value)??0);return f!==0?f:g.value.localeCompare(b.value)});return{key:n,label:Jm[n],options:v}}).filter(n=>n.options.length>Pa),i=[];for(let n of o){let h=UG(n.key,s,c);h!==void 0&&i.push({fieldKey:n.key,filterOrder:h})}return[...u7(o,n=>n.key,i,"filterOrder")]}var Pa=1;function Tr(e){return e.showCollection===!1?["collections"]:[]}function WG(e,t,a){return t.length===0||a.length===0?!0:t.some(s=>Sr(U4(a,s))(Se(e,s)))}function UG(e,t,a){if(a.length===0)return;let s;for(let c of t){let l=lk(U4(a,c),"filter")(Se(e,c));l!==void 0&&(s===void 0||l<s)&&(s=l)}return s}function jG(e){let t=new Set;for(let a of e)for(let s of Ce(a))t.add(W4(s));return t.size}function fk(e,t){return hk(t).includes("tyreSizes")?jG(e)>Pa:!1}function bk(e){let t=i4(e);if(t)return t;let[a,s]=e.split("/");return{width:a?Number(a):void 0,profile:s?Number(s):void 0}}function KG(e,t,a){return m6.slice(0,m6.indexOf(a)).every(s=>{let c=t[s];return c==null||e[s]===c})}function xk(e,t,a){let s=bk(t.tyreSizes[0]??""),c=new Set(e.filter(l=>Ta(l,t,a,"tyreSizes")));return m6.map(l=>{let r=new Map;for(let i of e){let n=Ce(i).filter(h=>KG(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:UC[l],value:s[l]??null,options:o}})}function zk(e,t,a,s){let c={...bk(t)},l=m6.indexOf(a);c[a]=s??void 0;for(let r of m6.slice(l+1))c[r]!=null&&e.some(n=>m6.slice(0,m6.indexOf(r)+1).every(h=>c[h]==null||n[h]===c[h]))||(c[r]=void 0);return W4(c)}function yk(e,t,a,s){if(t.length<2)return[];let c=e.filter(l=>Ta(l,a,s,"kind"));return[{kind:null,label:KC,count:c.length,checked:a.kind===null},...t.map(l=>({kind:l,label:n4[l],count:c.filter(r=>O0(r)===l).length,checked:a.kind===l}))]}function wk(e,t){if(e.length===0)return null;let a=e.map(l=>ue(k8(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 Ck(e,t,a){let s=[];e.kind&&s.push({key:"kind",value:e.kind,label:n4[e.kind]}),e.inStockOnly&&s.push({key:"inStock",value:"",label:"In stock"});for(let c of Fa)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 k4={tyreSizes:"tyreSize",brands:"brand",finishes:"colour",diameters:"size",collections:"collection",pcds:"pcd",tyreTypes:"tyreType",speedRatings:"speed"},d7="type",kk="maxPrice",Mk="inStock",Sk="sort",Lk="page";function Ak(e){let t=l=>e.getAll(l).flatMap(r=>r.split(",")).filter(Boolean),a=Number(e.get(kk)),s=Number(e.get(Lk)),c=e.get(d7);return{tyreSizes:t(k4.tyreSizes),brands:t(k4.brands),finishes:t(k4.finishes),diameters:t(k4.diameters).map(Number).filter(Number.isFinite),collections:t(k4.collections),pcds:t(k4.pcds),tyreTypes:t(k4.tyreTypes),speedRatings:t(k4.speedRatings),priceMax:Number.isFinite(a)&&a>0?a:null,inStockOnly:e.get(Mk)==="1",kind:Z3.find(l=>l===c)??null,sort:Le(e.get(Sk)),page:Number.isFinite(s)&&s>=1?Math.floor(s):1}}function M8(e){let t=new URLSearchParams;for(let a of Fa){let s=e[a];s.length>0&&t.set(k4[a],s.join(","))}return e.priceMax!=null&&t.set(kk,String(e.priceMax)),e.inStockOnly&&t.set(Mk,"1"),e.kind&&t.set(d7,e.kind),e.sort!=="recommended"&&t.set(Sk,e.sort),e.page>1&&t.set(Lk,String(e.page)),t}function Hk(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 Fk(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 g7="__all__",Tk="All products";function Pr(e){return e?.slug===g7}var He="AlloyWheelsListing",$G="ProductGrid",Pk="catalog",YG="CatalogFilterBar",Er="fieldUsage";function Fe(e){return e?.type===$G&&Pr(e.props?.source)}function Qm(e){return e?.type===YG}function XG(e){return e?.type===He||Fe(e)||Qm(e)}function JG(e){let t=e.content??[],a=e.zones??{};return[...t,...Object.values(a).flat()]}function Xl1(e){return e?JG(e).some(t=>t?.type===He||Fe(t)):!1}function Jl1(e,t){return eq(e,a=>Fe(a)?{...a,props:{...ep(a).props,[Pk]:QG(t,M5(a.props?.kinds))}}:{...a,props:{...tp(a).props,products:t}})}function Ql1(e){return Vk(e,XG,t=>Qm(t)?Ek(t):Fe(t)?ep(t):tp(t))}function Ek(e){if(!e.props||!(Er in e.props))return e;let{[Er]:t,...a}=e.props;return{...e,props:a}}function ep(e){let{[Pk]:t,[Er]:a,...s}=e.props??{};return{...e,props:s}}function QG(e,t){let a=new Set(t);return e.filter(s=>{let c=s.kind??"alloy-wheel";return a.has(c)})}function er1(e){return Fe(e)?ep(e):Qm(e)?Ek(e):e?.type===He?tp(e):e}function tp(e){let{wheels:t,products:a,[Er]:s,...c}=e.props??{};return{...e,props:c}}function eq(e,t){return Vk(e,a=>a?.type===He||Fe(a),t)}function Vk(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 Ea="/wheels",ap="Products";function aq(e,t){return t>1?`${ap} \xB7 ${e}`:ap}function Nk(...e){for(let t of e){let a=(t?.content??[]).find(s=>s?.type===He);if(a)return a.props??{}}return null}function sp(...e){return Nk(...e)!==null}function sq(e,t){let a=e.filter(s=>sp(...s.docs)).map(s=>g8(s.slug));return a.length===0&&t.fallback?[Ea]:a}var _k=[d7,...Object.entries(k4).filter(([e])=>e!=="tyreSizes").map(([,e])=>e)];function Ik(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 cq(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return e}}function cp(e){let t=new URLSearchParams(Ik(e).query);for(let a of _k){let s=t.get(a);if(s)return{param:a,value:s}}return null}function lp(e,t){let{path:a,query:s,hash:c}=Ik(e),l=s.split("&").filter(r=>r&&!_k.includes(cq(r.split("=")[0])));return t?.value&&l.push(`${encodeURIComponent(t.param)}=${encodeURIComponent(t.value)}`),`${a}${l.length?`?${l.join("&")}`:""}${c}`}function gr1(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 lq="Product type",rq="AUD";function oq(e,t){let a=t.listing??{},s=M5(a.kinds),c=e.filter(i=>s.includes(O0(i))),l=Tr(a),r=Fr(c,S5,rq,s,t.fieldUsage).filter(i=>!l.includes(i.key)).map(i=>({param:k4[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=Z3.filter(i=>s.includes(i)&&c.some(n=>O0(n)===i));return o.length>1&&r.unshift({param:d7,label:lq,values:o.map(i=>({value:i,label:n4[i]}))}),r}function vr1(e){return t=>{let a=sq(t,{fallback:e.offersCommerce}),s=t.filter(c=>sp(...c.docs)).length;return{listingPaths:a,pageOptions:c=>{let l=c.map(r=>{let o=t.find(i=>g8(i.slug)===r.value);return o&&sp(...o.docs)?{...r,label:aq(o.title,s)}:r});return s===0&&e.offersCommerce&&!l.some(r=>r.value===Ea)&&l.push({value:Ea,label:ap}),l},filtersFor:c=>{if(!a.includes(c))return null;let l=t.find(r=>g8(r.slug)===c);return oq(e.catalogue,{listing:l?Nk(...l.docs):null,fieldUsage:e.fieldUsage})},readFilter:cp,withFilter:lp}}}var Te="product",Vr="recordType",iq={key:Te,label:"Product",fields:[]};var nq=new Map,hq=0;function rp(){return[iq,...nq.values()]}function op(){return hq}function Nr(e){let t=e?.[Vr];return typeof t!="string"?Te:t.trim()||Te}function ip(e){return Nr(e)===Te}var np="product",mq="tyre";var hp="productType",pq={[np]:"alloy-wheel",[mq]:"tyre"},uq=["alloy-wheel","tyre"];function _r(e,t){return ip(t)?dq(t)??pq[e]??null:null}function dq(e){if(!ip(e))return null;let t=e?.[hp];return typeof t=="string"&&uq.includes(t)?t:null}var gq=["home","products","gallery","about","contact"],vq=e=>{let t=e.slug.trim().toLowerCase(),a=(e.title??"").trim().toLowerCase(),s=gq.findIndex(c=>c===t||c===a);return s===-1?Number.POSITIVE_INFINITY:s},Rk=e=>e.map((t,a)=>({page:t,idx:a,rank:vq(t)})).sort((t,a)=>t.rank-a.rank||t.idx-a.idx).map(t=>t.page);var Dk="Popups",Bk="Site";var Ok={[Ey]:{label:"Site popup",group:Dk},[O9]:{label:"Footer",group:Bk},[Sy]:{label:"Cart drawer",group:Bk}};function pp(e){return Ok[e.slug]?.label||e.title||e.slug}function mp(e){let t=e.group?.trim();return t||null}function Zk(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 Gk(e){let t=Rk(e),a=[],s=t.filter(o=>!ya(o.slug)),c=s.filter(o=>!mp(o));c.length&&a.push({key:"top",group:null,pages:c});let l=s.filter(o=>mp(o));for(let[o,i]of Zk(l,n=>mp(n)))a.push({key:`folder:${o}`,group:o,pages:i});let r=t.filter(o=>ya(o.slug));for(let[o,i]of Zk(r,n=>Ok[n.slug]?.group??Dk))a.push({key:`system:${o}`,group:o,pages:i});return a}import{isExpiredSession as Rr1,PAGE_CONFLICT_CODE as qk,readEaselFailure as Br1}from"efficient-easel/screen/lib/failure";var Ir=e=>e.layout_updated_at??e.updated_at??null,xq=["live","changed","never"],up=e=>xq.includes(e.live_state)?{live:e.live_state}:{};function zq(e){if(!e||typeof e!="object")return null;let t=e;return t.code!==qk?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 yq(e){return e===401||e===403?"unauthorized":e===404?"not-found":e===xC||e>=500?"unavailable":"invalid"}function wq(e){if(!(e instanceof q4))return e;if(e.status===409){let t=zq(e.data);if(t)return new v8("changed-elsewhere",e.message,{conflict:t,cause:e});let a=bq(e.data);if(a)return new v8("lock-taken",e.message,{holder:a,cause:e})}return new v8(yq(e.status),e.message,{cause:e})}var dp=new WeakMap;function Cq(e,t){let a=ir(),s=a?new URL(a).hostname:typeof window<"u"?window.location?.hostname??null:null,c=null,l=t.siteId(),r=t.token();if(iC(s)&&l&&r){let i=oC(r,l);dp.has(i)?c=dp.get(i)??null:i.then(n=>dp.set(i,n))}let o=nC({pageSlug:e,siteSlug:c,hostname:s});return a?`${a}${o}`:o}var kq={group:"Template pages",groupKey:"template"},Wk=e=>({id:e.id,slug:e.slug,label:e.title||e.slug,...kq,draft:!1});function Uk(e){let t=async n=>{let h=e.token();if(!h)throw new v8("unauthorized","The editor has no sign-in yet.");try{return await n(h)}catch(m){throw wq(m)}},a={list:n=>t(async h=>{let m=await X1.listPages(h,n?.siteId);return Gk(m.filter(u=>u.slug!==O9)).flatMap(u=>u.pages.map(d=>({id:d.id,slug:d.slug,label:pp(d),group:u.group,groupKey:u.key,draft:!d.is_published,kind:d.kind??null})))}),load:n=>t(async h=>{let m="id"in n?n.id:(await X1.findPageBySlug(n.slug,h,n.siteId))?.id,u=m?await X1.getPageById(m,h):null;return u?{id:u.id,layout:u.layout,kind:u.kind,version:Ir(u),...up(u)}:null}),save:(n,h,m)=>{let{version:u}=m;return u?t(async d=>{let v=await X1.saveLayout(n,h.layout,d,u,m.clientId||void 0);return{version:Ir(v),...up(v)}}):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(Ir)),linkTargets:n=>t(async h=>(await X1.listPages(h,n?.siteId)).map(m=>({id:m.id,slug:m.slug,label:pp(m),layout:m.layout??null}))),publish:(n,h)=>t(async m=>{let u=await X1.publishPage(n,m,h?.version);return{version:Ir(u),...up(u)}})},s=n=>({list:()=>t(async h=>(await X1.listTemplatePages(n,h)).map(Wk)),load:h=>t(async m=>{let u=b=>"id"in h?b.id===h.id:b.slug===h.slug,d=b=>({id:b.id,layout:b.layout,version:null}),v=await X1.listTemplatePages(n,m);if(v.length)return d(v.find(u)??v[0]);let g=await X1.getTemplate(n,m).catch(()=>null);try{return d(await X1.createTemplatePage(n,{slug:ey,title:"Home",layout:g?.layout??{}},m))}catch{let b=await X1.listTemplatePages(n,m),f=b.find(u)??b[0];return f?d(f):null}}),save:(h,m)=>t(async u=>(await X1.saveTemplatePageLayout(h,m.layout,u),{version:null})),create:h=>t(async m=>Wk(await X1.createTemplatePage(n,{slug:h.slug,title:h.title,layout:h.layout},m))),remove:(h,m)=>t(u=>X1.deleteTemplatePage(h,u,m))}),c=n=>{let h=n?.siteId??e.siteId();if(!h)throw new v8("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(Xl.map(h=>[h,n[Jl(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 u=>({heartbeatSeconds:(await X1.claimPageEditLock(n,u,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:Zx,maxUploadBytes:WC("POST /api/storefront/media/","file").maxSizeBytes},sectionTemplates:new Cr(e.token),social:{get:n=>t(async h=>r(await X1.getSocialSettings(h,c(n)))),update:(n,h)=>t(async m=>{let u=Object.fromEntries(Xl.filter(d=>d in n).map(d=>[Jl(d),n[d]]));try{return r(await X1.updateSocialSettings(u,m,c(h)))}catch(d){if(d instanceof q4&&d.status===400){let v=d.data??{},g={};for(let b of Xl){let f=v[Jl(b)],C=Array.isArray(f)?f[0]:f;typeof C=="string"&&C.trim()&&(g[b]=C)}if(Object.keys(g).length>0)throw new v8("invalid",d.message,{fields:g,cause:d})}throw d}})},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?L9(m.cover_image)??"":"",publishedAt:m.published_at,href:mm(m.slug)})))},templates:{get:n=>t(async h=>{let m=await X1.getTemplate(n,h);return{id:m.id,name:m.name}}),pages:s},preview:{href:n=>Cq(n,e),draftLink:n=>t(async h=>({url:(await X1.createPagePreviewLink(n,h)).url??null}))}};return i[Fx]=!0,i}by({read:e=>e instanceof q4?{status:e.status,data:e.data,message:e.message}:null,unreachableMessage:bC,loadRefusal:(e,{slug:t})=>e instanceof kC?`\u201C${t}\u201D exists on more than one website. Open it from the site you want to edit.`:null});Px(e=>Uk({token:()=>e.auth.token,siteId:()=>e.siteId()}));function so1(e={}){return e.portalAudience!==void 0&&zC(e.portalAudience),e.language!==void 0&&yC(e.language),Uk({token:()=>va().auth.token,siteId:()=>e.siteId??va().siteId()})}import{jsx as Mq}from"react/jsx-runtime";import{createContext as Sq,useContext as Lq,useMemo as Aq}from"react";var jk=Sq({originData:null,originSlug:null,exitFocus:()=>{}});function oo1({children:e,originData:t,originSlug:a,exitFocus:s}){let c=Aq(()=>({originData:t,originSlug:a,exitFocus:s}),[t,a,s]);return Mq(jk.Provider,{value:c,children:e})}var Kk=()=>Lq(jk);import{useCallback as eW,useEffect as tW,useRef as aW,useState as zM}from"react";var Hq=[{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"}],Fq=Object.fromEntries(Hq.map(e=>[e.code,e.name]));function $k(e){return Fq[e]??e}import{jsx as gp,jsxs as Yk}from"react/jsx-runtime";function Xk(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||$k(c),currency:l?.currency,url:l?.url||a?.[c]||""}})}function Rr(e){let{countries:t}=u0();return Xk(t,e).length>0}function S8({urls:e,countries:t}={}){let{country:a,setCountry:s,countries:c}=u0(),l=Xk(c,t,e),r=l.find(m=>m.code===a)??l[0];function o(m){let u=(e?l.find(d=>d.code===m)?.url:"")?.trim();if(u){window.location.href=u;return}c.some(d=>d.code===m)&&s(m)}let i=l.map(m=>({value:m.code,label:m.name,meta:m.currency})),n=xe({items:i,value:a,onPick:o});if(!r)return null;let h=n.open;return Yk("div",{ref:n.wrapRef,className:"relative",children:[Yk("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:[gp("span",{children:r.name}),gp("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${h?"rotate-180":""}`,children:"\u25BE"})]}),h&&gp(ze,{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 Tq,useRef as Jk}from"react";import{jsx as M4,jsxs as vp}from"react/jsx-runtime";var Va={search:"Search",account:"Account",cart:"Bag"},fp="whitespace-nowrap";function Pq(e){return e>99?"99+":String(e)}function Eq({count:e,ref:t}){return M4("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:M4("span",{style:{color:"var(--sf-header-ground, var(--bg))"},children:Pq(e)})})}function Br({onClick:e,count:t,asText:a,className:s}){let c=Jk(null),l=Jk(t);return Tq(()=>{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]),M4("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?vp("span",{className:fp,children:[Va.cart,t>0?` ${t}`:""]}):vp("span",{className:"relative inline-flex",children:[M4("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:Fw}),t>0?M4(Eq,{count:t,ref:c}):null]})})}function Qk({asText:e,className:t}){return M4(L1,{href:"/account","aria-label":"Account",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${t??""}`,children:e?M4("span",{className:fp,children:Va.account}):vp("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:[M4("circle",{cx:"12",cy:"8",r:"3.4"}),M4("path",{d:"M5 20a7 7 0 0 1 14 0"})]})})}function Zr({onClick:e,asText:t,className:a}){return M4("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?M4("span",{className:fp,children:Va.search}):M4(r6,{name:"search",size:18,strokeWidth:1.6,rounded:!0})})}var eM="Menu Item",tM=6,bp=4,aM="Menu",sM="Link a menu in the inspector \u2192";function cM(){return p("This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above.")}function lM(e){return p("\u201C{name}\u201D no longer exists in {place}, so the preview shows placeholder links. Pick another menu.",{name:e,place:p("Storefront \u2192 Menus")})}function wo1(){return p("The menu linked here no longer exists in {place}, so the header shows placeholder links. Pick another menu.",{place:p("Storefront \u2192 Menus")})}import{jsx as Vq}from"react/jsx-runtime";function Pe(){return Vq("span",{className:"opacity-50",children:p(eM)})}import{jsx as Nq}from"react/jsx-runtime";import{createContext as _q,useContext as xp,useEffect as Iq,useState as Rq,useSyncExternalStore as Bq}from"react";var oM=[];function Zq(){let e=oM,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 Dr=_q(null);function iM({children:e}){let[t]=Rq(Zq);return Nq(Dr.Provider,{value:t,children:e})}var Or=()=>xp(Dr)!==null;function zp(e){let t=xp(Dr);Iq(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var Dq=()=>()=>{},rM=()=>oM;function nM(){let e=xp(Dr),t=Bq(e?.subscribe??Dq,e?.offered??rM,rM);return e?{search:t.includes("search"),region:t.includes("region"),account:t.includes("account"),theme:t.includes("theme")}:null}import{createContext as Oq,useCallback as yp,useContext as Gq,useEffect as qq,useMemo as Wq,useState as Uq}from"react";import{jsx as Kq}from"react/jsx-runtime";var jq={isOpen:!1,open:()=>{},close:()=>{},toggle:()=>{}},hM=Oq(jq);function Po1({children:e,shortcut:t=!0}){let[a,s]=Uq(!1),c=yp(()=>s(!0),[]),l=yp(()=>s(!1),[]),r=yp(()=>s(i=>!i),[]);qq(()=>{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=Wq(()=>({isOpen:a,open:c,close:l,toggle:r}),[a,c,l,r]);return Kq(hM.Provider,{value:o,children:e})}function Ee(){return Gq(hM)}import{useEffect as wp}from"react";function S4({active:e,onDismiss:t,focusRef:a,lockScroll:s=!0,scopeRef:c}){wp(()=>{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]),wp(()=>{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]),wp(()=>{e&&a?.current?.focus()},[e,a])}import{createContext as $q,useCallback as gM,useContext as Yq,useMemo as Xq,useState as Jq}from"react";var Na=new Map,mM=e=>e??"";function Cp(e,t,a){a&&Na.clear();let s=mM(t),c=Na.get(s);if(!c){let l=X1.listMenus(e,t);Na.set(s,l),l.catch(()=>{Na.get(s)===l&&Na.delete(s)}),c=l}return c}var Gr=new Map;function pM(e,t){let a=mM(t),s=Gr.get(a);if(!s){let c=Cp(e,t,!0);Gr.set(a,c);let l=()=>{Gr.get(a)===c&&Gr.delete(a)};c.then(l,l),s=c}return s}function kp(e,t=!1){return Cp(e,i2(),t)}function uM(e){return pM(e,i2())}function Bo1(e,t=!1){return Cp(e,null,t)}function Zo1(e){return pM(e,null)}var Mp={ids:new Set,handles:new Set};function Do1(e){return{ids:new Set(e.map(t=>t.id).filter(Boolean)),handles:new Set(e.map(t=>t.handle).filter(Boolean))}}function dM({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 qr(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 Qq}from"react/jsx-runtime";var vM=$q({live:Mp,ready:!1,primeLive:()=>{},setLive:()=>{}});function Wo1({children:e}){let[t,a]=Jq({live:Mp,ready:!1}),s=gM(r=>a(o=>o.ready?o:{live:r,ready:!0}),[]),c=gM(r=>a({live:r,ready:!0}),[]),l=Xq(()=>({...t,primeLive:s,setLive:c}),[t,s,c]);return Qq(vM.Provider,{value:l,children:e})}var fM=()=>Yq(vM);function Ve(e){let t=(e??"").trim();return t===""||t==="#"}import{jsx as C0,jsxs as L5}from"react/jsx-runtime";var sW=e=>/^https?:\/\//i.test(e),yM="flex list-none flex-col gap-2.5 text-[13px]",Sp="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",bM="text-[12px] italic text-fg-dim/70",wM=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function cW({showDividers:e}){return C0("ul",{className:yM,children:Array.from({length:bp},(t,a)=>C0("li",{className:`text-fg ${wM(e,a)}`,children:C0(Pe,{})},a))})}function CM({item:e,label:t,link:a,onNavigate:s}){return Ve(e.url)?C0("span",{className:t,children:k(e.label)}):sW(e.url)?C0("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:a,onClick:s,children:k(e.label)}):C0(L1,{href:e.url,className:a,onClick:s,children:k(e.label)})}function xM({items:e,showDividers:t}){return C0("ul",{className:yM,children:e.map((a,s)=>C0("li",{className:wM(t,s),children:C0(CM,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${s}`))})}var lW="opacity-80 transition-opacity hover:opacity-100";function rW({items:e,label:t,editing:a}){let[s,c]=zM(!1),l=aW(null),r=nM(),{open:o}=Ee(),i=t||"Menu",n=eW(()=>c(!1),[]);S4({active:s,onDismiss:n,scopeRef:l});let h=(u,d,v)=>e===null?Array.from({length:bp},(g,b)=>C0("li",{className:d,children:C0(Pe,{})},b)):e.map((g,b)=>C0("li",{className:d,children:C0(CM,{item:g,label:u,link:`${u} ${lW}`,onNavigate:v})},`${g.label}-${b}`)),m=r&&(r.search||r.region)?r:null;return L5("nav",{ref:l,"aria-label":i,"data-menu-row":"",className:"min-w-0",children:[C0("ul",{className:"m-0 hidden list-none flex-wrap items-center gap-x-[30px] gap-y-2 p-0 font-mono text-[13px] uppercase tracking-[0.18em] min-[801px]:flex",children:h("","")}),C0("button",{type:"button",className:"flex h-11 w-11 items-center justify-center min-[801px]:hidden","aria-expanded":s,"aria-label":s?"Close the menu":"Open the menu",onClick:()=>c(u=>!u),children:C0("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:s?C0("path",{d:"M6 6l12 12M18 6L6 18"}):C0("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),s?L5("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:[C0("ul",{className:"m-0 flex list-none flex-col px-5 py-3 font-mono text-[16px] uppercase tracking-[0.18em]",children:h("","flex min-h-14 items-center border-b border-line",n)}),m?L5("div",{className:"mt-auto flex flex-col gap-3.5 border-t border-line bg-surface p-5",children:[m.search?L5("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:[C0(r6,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),Va.search]}):null,m.region?L5("div",{className:"flex items-center justify-between",children:[C0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),C0(S8,{})]}):null]}):null]}):null]})}function _a({menu:e,heading:t,accordionMobile:a=!1,showDividers:s=!1,editing:c=!1,layout:l="column"}){let{live:r,ready:o}=fM(),i=dM({id:e?.id,handle:e?.handle,editing:c,ready:o,live:r}),n=i?[]:e?.items??[],h=t||e?.name||"",[m,u]=zM(!1);return tW(()=>{if(!a)return;let d=window.matchMedia("(max-width: 800px)"),v=()=>u(d.matches);return v(),d.addEventListener("change",v),()=>d.removeEventListener("change",v)},[a]),l==="row"?C0(rW,{items:i?null:n,label:h,editing:c}):i?L5("div",{className:"min-w-0",children:[C0("h4",{className:Sp,children:t?D0(t):p(aM)}),C0(cW,{showDividers:s}),C0("p",{className:`mt-3 ${bM}`,children:p(sM)})]}):n.length===0?L5("div",{className:"min-w-0",children:[h?C0("h4",{className:Sp,children:D0(h)}):null,c?C0("p",{className:bM,children:p("This menu has no links yet \u2014 add them in {place}.",{place:p("Storefront \u2192 Menus")})}):null]}):a&&m?L5("details",{className:"min-w-0 border-b border-line",children:[L5("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:[D0(h),C0("span",{"aria-hidden":!0,children:"\uFF0B"})]}),C0("div",{className:"pb-3",children:C0(xM,{items:n,showDividers:s})})]}):L5("div",{className:"min-w-0",children:[h?C0("h4",{className:Sp,children:D0(h)}):null,C0(xM,{items:n,showDividers:s})]})}import{createContext as gW,useCallback as D3,useContext as vW,useEffect as fW,useMemo as bW,useRef as GM,useState as Ie}from"react";function Ia(e){return typeof e=="number"?String(e):""}function kM(e){let t=Ia(e);return t&&`${t} LUG`}function Lp(e){let t=e.spec?.lugs;return typeof t=="number"?t:null}function MM(e){let t=new Set;for(let a of e){let s=Lp(a);s!==null&&t.add(s)}return[...t].sort((a,s)=>a-s)}function oW(e){return e.length===0?null:{min:Math.min(...e),max:Math.max(...e)}}function Wr(e){let t=oW(e);return t?ok(t.min,t.max):null}function SM(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 LM=5,FM=.2;function Ne(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 Ap(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 TM(e){if(!e)return null;let t=Ne(e.pcd||e.boltPattern);if(t.holes===null||t.circles.length===0)return null;let a=t.circles[0],s=Ap(e.etRange),c=s?[s[0]-LM,s[1]+LM]:null;return{holes:t.holes,circle:a,centreBore:typeof e.centreBore=="number"&&e.centreBore>0?e.centreBore:null,etRange:c}}function iW(e,t){return Math.abs(e-t)<=FM}function PM(e,t,a){let s=Ne(e);return(s.holes??t)!==a.holes?!1:s.circles.some(l=>iW(l,a.circle))}function EM(e,t){return t.centreBore===null?!0:e+FM>=t.centreBore}function nW(e,t){return e[0]<=t[1]&&e[1]>=t[0]}function L8(e,t){let a=`${t.holes}\xD7${t.circle}`;return e.pcds.length===0?{key:"unverifiable",wheel:"",vehicle:a}:e.pcds.some(s=>PM(s,e.lugs,t))?t.etRange!==null&&e.etRange!==null&&!nW(e.etRange,t.etRange)?{key:"et",wheel:Ur(e.etRange),vehicle:Ur(t.etRange)}:e.centreBores.length>0&&!e.centreBores.some(s=>EM(s,t))?{key:"bore",wheel:`${e.centreBores.join(" / ")} mm`,vehicle:`${t.centreBore} mm`}:null:{key:"pcd",wheel:e.pcds.join(" / "),vehicle:a}}function VM(e){return{pcds:e.spec?.pcds??[],lugs:e.spec?.lugs??null,etRange:Ap(e.spec?.etRange),centreBores:e.spec?.centreBores??[]}}function jr(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 Kr(e,t){let a=L8(e,t);return a===null||a.key!=="et"?a:L8(e,{...t,etRange:null})}function Hp(e,t){return L8(VM(e),t)}function NM(e,t){return L8(jr(e),t)}function hW(e,t){return Kr(jr(e),t)===null}function _M(e,t){return t?e.filter(a=>hW(a,t)):[...e]}function mW(e,t){return Kr(VM(e),t)===null}function $r(e,t){return t?e.filter(a=>mW(a,t)):e}var AM=1;function pW(e,t){let a=e.spec?.pcds??[],s=e.spec?.centreBores??[],c=Ap(e.spec?.etRange);if(!t)return{pcds:a,etRange:c,centreBores:s};let l=e.spec?.lugs??null,r=a.filter(i=>PM(i,l,t)),o=s.filter(i=>EM(i,t));return{pcds:r.length>0?r:a,etRange:c,centreBores:o.length>0?o:s}}function Ur(e){return Ar(e[0],e[1])}function HM(e){let t=e.slice(0,AM).join(" / "),a=e.length-AM;return a>0?`${t} +${a}`:t}var IM="\xB7";function Yr(e){return[{fieldKey:"diameter",text:Wr(e.sizes)},{fieldKey:"holes",text:kM(e.spec?.lugs)}].filter(t=>!!t.text)}function RM(e,t){let{pcds:a,etRange:s,centreBores:c}=pW(e,t),l=[];return a.length>0&&l.push({fieldKey:"pcd",text:`PCD ${HM(a)}`}),s!==null&&l.push({fieldKey:"et",text:Ur(s)}),c.length>0&&l.push({fieldKey:"center_bore",text:`C/B ${HM(c)} mm`}),l}function _e(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?Ur(e.etRange):null}]:[]}function BM(e){return _e(e).map(t=>t.value).filter(t=>t!==null).join(" \xB7 ")}var Ra={default:"Sort \xB7 Featured",new:"Newest","price-asc":"Price \xB7 Low","price-desc":"Price \xB7 High",name:"Name A\u2013Z"},Xr={process:null,size:null,lugs:null,finish:null,priceMin:null,priceMax:null,sort:"default"};function uW(e,t,a){return!(t.process&&e.process!==t.process||t.size&&!e.sizes.includes(t.size)||t.lugs!=null&&Lp(e)!==t.lugs||t.finish&&!e.finishes.some(s=>s.family===t.finish)||!gr(e.prices,a,t.priceMin,t.priceMax))}function dW(e,t,a){return[...e].sort((s,c)=>{switch(t){case"price-asc":return de(s.prices,c.prices,a,"asc");case"price-desc":return de(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 ZM(e,t,a,s=null){let c=$r(e,s);return dW(c.filter(l=>uW(l,t,a)),t.sort,a)}import{jsx as zW}from"react/jsx-runtime";var qM={fit:null,name:"",resolving:!1,unresolved:!1};function xW(e,t){return e.fit===t.fit&&e.name===t.name&&e.resolving===t.resolving&&e.unresolved===t.unresolved}var h4=()=>{},WM=gW({filters:Xr,setProcess:h4,setSize:h4,setLugs:h4,setFinish:h4,setPriceMin:h4,setPriceMax:h4,setSort:h4,clearAll:h4,reportCount:h4,total:0,reportLugs:h4,lugOptions:[],reportSizes:h4,sizeOptions:[],reportFinishes:h4,finishOptions:[],optionsReported:!1,scrollProcess:null,vehicle:qM,publishVehicle:h4}),Jr="data-catalog-collection",DM=(e,t)=>e-t;function OM(e,t){return e.length===t.length&&e.every((a,s)=>a===t[s])}function Fp(e){let t=GM(new Map),[a,s]=Ie([]),c=D3((l,r)=>{let o=t.current.get(l);if(o&&OM(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=>OM(h,n)?h:n)},[e]);return[a,c]}function UM({children:e}){let[t,a]=Ie(Xr),s=D3(U=>a(N=>({...N,process:U})),[]),c=D3(U=>a(N=>({...N,size:U})),[]),l=D3(U=>a(N=>({...N,lugs:U})),[]),r=D3(U=>a(N=>({...N,finish:U})),[]),o=D3(U=>a(N=>({...N,priceMin:U})),[]),i=D3(U=>a(N=>({...N,priceMax:U})),[]),n=D3(U=>a(N=>({...N,sort:U})),[]),h=D3(()=>a(U=>({...Xr,sort:U.sort})),[]),[m,u]=Ie(qM),d=D3(U=>{u(N=>xW(N,U)?N:U)},[]),v=GM(new Map),[g,b]=Ie(0),f=D3((U,N)=>{if(v.current.get(U)===N)return;v.current.set(U,N);let j=0;for(let W of v.current.values())j+=W;b(j)},[]),[C,z]=Fp(DM),[M,S]=Fp(DM),[H,_]=Fp(ZC),[E,O]=Ie(!1),P=D3((U,N)=>{O(!0),z(U,N)},[z]),F=D3((U,N)=>{O(!0),S(U,N)},[S]),V=D3((U,N)=>{O(!0),_(U,N)},[_]),[D,Z]=Ie(null);fW(()=>{let N=0,J=()=>{N=0;let W=null,n1=document.querySelectorAll(`[${Jr}]`);for(let z1 of n1){let $=z1.getBoundingClientRect();if($.top<=140&&$.bottom>140){W=z1.getAttribute(Jr)??null;break}}Z(W)},j=()=>{N||(N=requestAnimationFrame(J))};return J(),window.addEventListener("scroll",j,{passive:!0}),window.addEventListener("resize",j),()=>{window.removeEventListener("scroll",j),window.removeEventListener("resize",j),N&&cancelAnimationFrame(N)}},[]);let I=bW(()=>({filters:t,setProcess:s,setSize:c,setLugs:l,setFinish:r,setPriceMin:o,setPriceMax:i,setSort:n,clearAll:h,reportCount:f,total:g,reportLugs:P,lugOptions:C,reportSizes:F,sizeOptions:M,reportFinishes:V,finishOptions:H,optionsReported:E,scrollProcess:D,vehicle:m,publishVehicle:d}),[t,s,c,l,r,o,i,n,h,f,g,P,C,F,M,V,H,E,D,m,d]);return zW(WM.Provider,{value:I,children:e})}function Qr(){return vW(WM)}import{useCallback as qW,useEffect as co,useRef as pS,useState as Za}from"react";function jM({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 O3={popup:"shop_popup",subscribeSection:"subscribe_section",subscribeBlogsSection:"subscribe_blogs_section",footerSignup:"footer_signup",stockAlertOptIn:"stock_alert_optin"};var yW={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function KM(e){let t={};for(let a of Tl){let s=e[a];if(!s)continue;let c=E9({role:s},yW);c.fontFamily&&(t[zm[a].font]=c.fontFamily),c.fontSize&&(t[zm[a].size]=c.fontSize)}return t}import{useEffect as kW}from"react";import{useEffect as XM,useState as A8}from"react";var Tp=new Set,Pp=new Set,Ep=new Set;function $M(e){return Tp.add(e),()=>Tp.delete(e)}function Pi1(){Tp.forEach(e=>e())}function YM(e){return Pp.add(e),()=>Pp.delete(e)}function Ei1(){Pp.forEach(e=>e())}function eo(e){return Ep.add(e),()=>Ep.delete(e)}function Vi1(){Ep.forEach(e=>e())}import{jsx as Re,jsxs as CW}from"react/jsx-runtime";function A5(e,t){let[a,s]=A8(void 0),[c,l]=A8(0);return XM(()=>{if(t!==void 0)return;if(!e){s(null);return}let r=!1;return v0.getForm(e).then(o=>{r||s(o)}).catch(()=>{r||s(null)}),()=>{r=!0}},[t,e,c]),XM(()=>{if(t===void 0)return eo(()=>l(r=>r+1))},[t]),t!==void 0?t:a}var wW="Something went wrong \u2014 your submission wasn't sent. Please try again.";function Be(e,t="Thanks \u2014 we've received your submission."){return e.successMessage?.trim()||t}function v7({form:e,formSlug:t,editing:a=!1}){let[s,c]=A8({}),[l,r]=A8(""),[o,i]=A8(!1),[n,h]=A8(!1),[m,u]=A8(null);async function d(v){if(v.preventDefault(),!(a||o||!e||!t)){i(!0),u(null);try{let g=e.fields.map(b=>({fieldKey:b.key,value:s[b.key]??""}));await v0.submitForm(t,{answers:g,...l?{company:l}:{}}),h(!0)}catch{u(wW)}finally{i(!1)}}}return{valueOf:v=>s[v]??"",set:(v,g)=>c(b=>({...b,[v]:g})),honeypot:l,setHoneypot:r,submitting:o,done:n,error:m,handleSubmit:d}}function Ze({value:e,onChange:t}){return Re("input",{type:"text",name:"company",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"hidden",value:e,onChange:a=>t(a.target.value)})}function f7({field:e,value:t,onChange:a,className:s,rows:c=5,placeholder:l}){let r=l??e.placeholder;return e.type==="textarea"?Re("textarea",{required:e.required,rows:c,value:t,placeholder:r,onChange:o=>a(o.target.value),className:s}):e.type==="select"?CW("select",{required:e.required,value:t,onChange:o=>a(o.target.value),className:s,children:[Re("option",{value:"",children:r||"Select\u2026"}),e.options.map(o=>Re("option",{value:o,children:o},o))]}):e.type==="checkbox"?Re("input",{type:"checkbox",required:e.required,checked:t==="true",onChange:o=>a(o.target.checked?"true":""),className:s}):Re("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 Ba}from"react/jsx-runtime";var JM="font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim";function L4({size:e,children:t}){return e==="tall"?Ba("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:Ba("p",{className:JM,children:t})}):Ba("section",{className:"relative z-[2] border-t border-line bg-surface",children:Ba("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:Ba("p",{className:JM,children:t})})})}import{jsx as t3,jsxs as to}from"react/jsx-runtime";var QM="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 MW({field:e,value:t,onChange:a}){let s={field:e,value:t,onChange:a};return e.type==="checkbox"?to("label",{className:"flex items-start gap-3",children:[t3(f7,{...s,className:"mt-1 size-4 accent-accent"}),to("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-fg",children:[e.label,e.required?t3("span",{className:"text-accent",children:" *"}):null]})]}):t3(D2,{label:e.label,required:e.required,children:t3(f7,{...s,className:e.type==="textarea"?QM+" resize-y":QM})})}function Vp({formSlug:e,heading:t,intro:a,submitText:s,finePrint:c,form:l,editing:r=!1}={}){let o=A5(e,l);if(o===void 0)return t3(L4,{size:"short",children:p("Loading form\u2026")});if(o===null)return t3(L4,{size:"short",children:r?p("Choose a form in the inspector, under Form."):"This form is unavailable."});let i=(t??"").trim()||o.title;return t3("section",{className:"relative z-[2] border-t border-line bg-surface",children:to("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&&t3("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()&&t3("p",{className:"mb-11 max-w-[640px] font-display text-[16px] leading-[1.6] text-fg-dim",children:a}),t3(Np,{form:o,formSlug:e,submitText:s,finePrint:c,editing:r})]})})}function Np({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:u,handleSubmit:d}=v7({form:e,formSlug:t,editing:c});kW(()=>{m&&l?.()},[m]);let v=(a??"").trim()||e.submitButtonText?.trim()||"Submit";return m?t3("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:Be(e)}):to("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:d,children:[e.fields.map(g=>t3(MW,{field:g,value:r(g.key),onChange:b=>o(g.key,b)},g.key)),t3(Ze,{value:i,onChange:n}),u&&t3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:u}),t3("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":v}),e.consentText?.trim()&&t3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:e.consentText}),(s??"").trim()&&t3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:s})]})}import{jsx as _p,jsxs as LW}from"react/jsx-runtime";import{jsx as SW}from"react/jsx-runtime";function eS(){return SW("span",{className:"block h-px w-[30px] bg-current"})}function AW(e,t){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}var HW="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",FW="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 N1({text:e,look:t="plain",size:a=13,scaled:s=!0,className:c="",classNameAfter:l=""}){if(t==="line")return LW("div",{className:[c,FW,l].filter(Boolean).join(" "),children:[_p(eS,{}),_p("span",{children:k(e)})]});let r=t==="filled"?HW:AW(a,s);return _p("span",{className:[c,r,l].filter(Boolean).join(" "),children:k(e)})}import{useCallback as tS,useRef as TW,useState as aS}from"react";function ao({source:e,dryRun:t=!1}){let[a,s]=aS("idle"),[c,l]=aS(null),r=TW(!1),o=tS(()=>{r.current=!1,l(null),s("idle")},[]),i=tS(async n=>{if(!r.current){if(!fe(n.email)){s("invalid");return}r.current=!0,l(null),s("sending");try{t||await v0.createNewsletterSubscription(jM(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 De(){return"/edit"}import{createContext as NW,useCallback as so,useContext as _W,useEffect as IW,useMemo as RW,useRef as BW,useState as Bp}from"react";var sS="/edit";function cS(e){return e===sS||e.startsWith(`${sS}/`)}var rS="storefront-subscribe-seen",oS="storefront-popup-closed-at",PW=1440*60*1e3,EW=["/checkout","/cart"];function lS(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=lS(e);return EW.some(c=>s===c||s.startsWith(`${c}/`))?!1:t==="all"?!0:a.some(c=>lS(c)===s)}function VW(e,t,a,s){if(e==="never")return!1;if(a.session.getItem(rS)==="1")return!0;if(e==="visit")return!1;let c=Number(a.local.getItem(oS));return!Number.isFinite(c)||c<=0?!1:s-c<t*PW}function Rp(e,t){e.session.setItem(rS,"1"),e.local.setItem(oS,String(t))}function iS(e,t){return e==="exit"&&!t?"delay":e}function nS(e,t,a){let s=a-t;return s<=0?100:Math.min(100,Math.max(0,e/s*100))}function hS(e,t,a){return!e.autoOpen||e.inEditor||!Ip(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!mC(t.session)?!1:!VW(e.hideAfter,e.hideDays,t,a)}import{jsx as GW}from"react/jsx-runtime";var mS=NW(null),Zp={session:pC,local:e3};function ZW(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var DW=15,OW=[];function fn1({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:s=DW,trigger:c="delay",scrollPercent:l=50,showOn:r="all",showOnPages:o=OW,hideAfter:i="visit",hideDays:n=7}){let[h,m]=Bp(!1),[u,d]=Bp("chosen"),[v,g]=Bp({}),b=De()??"/",f=cS(b),C=Ip(b,r,o),z=BW(!1),M=so(O=>{g(O??{}),d("newsletter"),m(!0)},[]),S=so(()=>{z.current=!0,g({}),d("chosen"),m(!0)},[]),H=so(()=>Rp(Zp,Date.now()),[]),_=so(()=>{m(!1),Rp(Zp,Date.now())},[]);IW(()=>{if(t||z.current||!hS({autoOpen:a,inEditor:f,path:b,showOn:r,showOnPages:o,hideAfter:i,hideDays:n},Zp,Date.now()))return;let P=iS(c,ZW());if(P==="scroll"){let V=()=>{nS(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=l&&(window.removeEventListener("scroll",V),S())};return window.addEventListener("scroll",V,{passive:!0}),()=>window.removeEventListener("scroll",V)}if(P==="exit"){let V=D=>{D.relatedTarget===null&&D.clientY<=0&&(document.removeEventListener("mouseout",V),S())};return document.addEventListener("mouseout",V),()=>document.removeEventListener("mouseout",V)}let F=window.setTimeout(S,Math.max(0,s)*1e3);return()=>window.clearTimeout(F)},[t,a,f,C,c,s,l,i,n,S]);let E=RW(()=>({isOpen:h,mode:u,open:M,close:_,markSent:H,prefillEmail:v.email??"",signupSource:v.source??O3.popup}),[h,u,M,_,H,v]);return GW(mS.Provider,{value:E,children:e})}function Dp(){let e=_W(mS);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{Fragment as jW,jsx as e0,jsxs as C2}from"react/jsx-runtime";var WW=50,lo="font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)]";function UW(e){let t=_9({sectionAccent:v5(e.sectionAccent)}),a=fl(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...KM(e.textStyles)}}}function uS({content:e,open:t=!0,onClose:a,onSent:s,inline:c=!1,prefillEmail:l="",source:r=O3.popup,mode:o="chosen",form:i}){let n=o==="chosen"?e.formSlug:"",h=A5(n||void 0,c?void 0:i??null),m=!!n&&!!h,[u,d]=Za(""),[v,g]=Za(""),[b,f]=Za(()=>new Set(e.interests.slice(0,1))),[C,z]=Za(e.frequencies[0]??""),{status:M,error:S,submit:H,reset:_}=ao({source:r,dryRun:c}),E=M==="sending",O=M==="invalid"?e.emailInvalidText:M==="error"?S instanceof q4?S.message:e.submitErrorText:null,[P,F]=Za(""),V=pS(null),D=pS(null);co(()=>{t&&_()},[t,_]),co(()=>{M==="sent"&&!c&&s?.()},[M]);let Z=qW(()=>a?.(),[a]);if(S4({active:!c&&t,onDismiss:Z}),co(()=>{if(c||!t)return;let K=window.setTimeout(()=>D.current?.focus(),WW);return()=>window.clearTimeout(K)},[c,t]),co(()=>{!t||!l||g(l)},[t,l]),!c&&!t)return null;function I(K){f(u1=>{let x1=new Set(u1);return x1.has(K)?x1.delete(K):x1.add(K),x1})}function U(K){K.target===V.current&&a?.()}function N(K){K.preventDefault();let u1=v.trim().toLowerCase();F(u1),H({email:u1,firstName:u,interests:[...b],frequency:C})}let J=e.successBody.replace(/\{email\}/g,P).replace(/\{issue\}/g,e.issueNumber),j=UW(e),W=e.formSide==="left",n1=C2("div",{className:"flex flex-wrap items-center justify-between gap-5 uppercase tracking-[0.18em] text-fg-dim",children:[C2("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:[e0("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),k(e.finePrint)]}),!c&&e0("button",{type:"button",onClick:a,className:"font-[family-name:var(--pp-dismiss-font,var(--font-mono))] text-[length:var(--pp-dismiss-size,12px)] uppercase tracking-[0.18em] text-fg-dim underline underline-offset-[3px] transition-colors hover:text-fg",children:k(e.dismissText)})]}),z1=C2(jW,{children:[e0("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:e0(N1,{text:e.formLabel,scaled:!1,className:"mb-[18px]"})}),e0("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:Y(e.formHeading)}),e0("p",{className:"mt-3.5 font-[family-name:var(--pp-formintro-font,var(--font-serif))] text-[length:var(--pp-formintro-size,17px)] italic leading-[1.55] text-fg-dim",children:k(e.formIntro,!0)})]}),$="px-11 py-12 max-[880px]:px-[26px] max-[880px]:py-8",c1;m&&h?c1=C2("div",{className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${$}`,children:[z1,e0("div",{className:"mt-8",children:e0(Np,{form:h,formSlug:n,editing:c,onSent:s})}),e0("div",{className:"mt-auto pt-7",children:n1})]}):M!=="sent"?c1=C2("form",{onSubmit:N,noValidate:!0,className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${$}`,children:[z1,C2("div",{className:"mt-8 flex flex-col gap-[18px]",children:[e0(D2,{label:k(e.firstNameLabel),required:!0,labelFace:lo,children:e0("input",{type:"text",value:u,onChange:K=>d(K.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"})}),e0(D2,{label:k(e.emailLabel),required:!0,labelFace:lo,children:e0("input",{type:"email",value:v,onChange:K=>g(K.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"})}),C2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[e0(w8,{labelFace:lo,children:k(e.interestsLabel)}),e0("div",{className:"flex flex-wrap gap-2",children:e.interests.map((K,u1)=>{let x1=b.has(K);return e0("button",{type:"button",onClick:()=>I(K),"aria-pressed":x1,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",x1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:K},`${K}-${u1}`)})})]}),e.frequencies.length>0&&C2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[e0(w8,{labelFace:lo,children:k(e.frequencyLabel)}),e0("div",{className:"flex border border-line",children:e.frequencies.map((K,u1)=>{let x1=C===K;return e0("button",{type:"button",onClick:()=>z(K),"aria-pressed":x1,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",u1<e.frequencies.length-1?"border-r border-line":"",x1?"bg-accent text-bg":"text-fg-dim hover:text-fg"].join(" "),children:K},`${K}-${u1}`)})})]})]}),C2("div",{className:"mt-auto flex flex-col gap-3.5 pt-7",children:[O&&e0("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:O}),C2("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:[e0("span",{children:e.submitText}),e0("span",{className:"transition-transform group-hover:translate-x-[4px]",children:E?"\u2026":"\u2192"})]}),n1]})]}):c1=C2("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:[e0("div",{className:"flex h-16 w-16 items-center justify-center border border-accent font-display text-[32px] text-accent",children:"\u2713"}),e0("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:Y(e.successHeading)}),e0("p",{className:"max-w-[440px] font-[family-name:var(--pp-donebody-font,var(--font-serif))] text-[length:var(--pp-donebody-size,18px)] italic leading-[1.55] text-fg-dim",children:k(J,!0)}),!c&&e0("button",{type:"button",onClick:a,className:"self-start border border-line px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:k(e.keepBrowsingText)})]});let g1=C2("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 ${j.className}`.trim(),style:{...j.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&&e0("button",{ref:D,type:"button",onClick:a,"aria-label":"Close popup",className:"absolute right-[18px] top-[18px] z-[5] flex h-[38px] w-[38px] items-center justify-center border border-line font-mono text-[14px] text-fg-dim transition-colors hover:border-accent hover:text-fg max-[880px]:right-3 max-[880px]:top-3 max-[880px]:h-11 max-[880px]:w-11",style:{background:"color-mix(in oklab, var(--bg) 85%, transparent)"},children:"\u2715"}),C2("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:[C2("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:[e0("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)"}}),C2("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:[e0("div",{className:"absolute inset-[60px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, transparent)"}}),e0("div",{className:"absolute inset-[140px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 14%, transparent)"}})]}),C2("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:[e0("span",{children:k(e.metaLabel)}),(e.issueLabel||e.issueNumber)&&C2("span",{children:[k(e.issueLabel)," ",e0("strong",{className:"font-normal text-accent",children:e.issueNumber})]})]}),C2("div",{className:"relative z-[2] flex flex-col gap-[18px] py-8",children:[e0("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:e0(N1,{text:e.kicker,size:12,scaled:!1})}),e0("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:Y(e.heading)}),e0("p",{className:"max-w-[420px] font-[family-name:var(--pp-body-font,var(--font-serif))] text-[length:var(--pp-body-size,18px)] italic leading-[1.5]",style:{color:"color-mix(in oklab, var(--fg) 85%, transparent)"},children:k(e.deck,!0)})]}),e.stats.length>0&&e0("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((K,u1)=>C2("div",{children:[e0("div",{className:"mb-1.5 font-[family-name:var(--pp-statname-font,var(--font-mono))] text-[length:var(--pp-statname-size,11px)] uppercase tracking-[0.24em] text-fg-dim",children:k(K.label)}),e0("div",{className:"font-[family-name:var(--pp-statvalue-font,var(--font-display))] text-[length:var(--pp-statvalue-size,22px)] font-medium tracking-[-0.015em] text-fg",children:k(K.value)})]},`${K.label}-${u1}`))})]}),c1]})]});return c?e0("div",{className:"flex w-full justify-center p-6","data-subscribe-preview":!0,children:g1}):C2("div",{ref:V,onClick:U,role:"dialog","aria-modal":"true","aria-labelledby":"subscribe-modal-title",className:"fixed inset-0 z-[90] flex items-center justify-center p-6 backdrop-blur-[8px] max-[880px]:items-end max-[880px]:p-0",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)",animation:"subscribe-fade 0.25s ease"},children:[g1,e0("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 KW,useCallback as Da,useContext as $W,useEffect as Gp,useMemo as YW,useRef as XW,useState as b7}from"react";var Op="/api/chat/public";function dS(e){let t=La.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function gS(e){let t=La.getAccess();return o7(`${Op}/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 vS(e,t){return o7(`${Op}/conversations/${e}/thread/`,dS(t))}async function fS(e,t,a){return o7(`${Op}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...dS(t)})}import{jsx as tU}from"react/jsx-runtime";function JW(e,t){return`${(mr||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var QW="sf:aid",bS="sf:chat",xS=KW(null);function eU(){let e=e3.getItem(bS);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function zS({children:e,preview:t=!1}){let[a,s]=b7(!1),[c,l]=b7(null),[r,o]=b7([]),[i,n]=b7(!1),[h,m]=b7(null),[u,d]=b7(0),[v,g]=b7(!1),[b,f]=b7(!1),C=XW(a);C.current=a,Gp(()=>{t||(l(eU()),wC.restoreSession().then(()=>g(!0)).catch(()=>g(!1)))},[t]);let z=Da(async O=>{try{let P=await vS(O.id,O.token);o(P.messages)}catch{}},[]);Gp(()=>{t||c&&z(c)},[t,c,z,v]),Gp(()=>{if(t||!c)return;let O=La.getAccess()??c.token,P=!1,F=null,V,D=3e3,Z=()=>{P||(F=new WebSocket(JW(c.id,O)),F.onmessage=I=>{try{let U=JSON.parse(I.data);U.type==="chat_event"&&U.event==="message"&&(z(c),!C.current&&U.payload?.sender_role==="employee"&&d(N=>N+1))}catch{}},F.onclose=()=>{P||(V=setTimeout(Z,D),D=Math.min(D*2,3e4))},F.onerror=()=>F?.close())};return Z(),()=>{P=!0,V&&clearTimeout(V),F?.close()}},[t,c,z]);let M=Da(()=>{s(!0),d(0)},[]),S=Da(()=>s(!1),[]),H=Da(()=>s(O=>(O||d(0),!O)),[]),_=Da(async(O,P)=>{let F=O.trim();if(F){if(t){o(V=>[...V,{id:`preview-${V.length}`,sender_role:"customer",sender_name:P?.name||"You",body:F,image_url:null,created_at:""}]),f(!0);return}n(!0),m(null);try{if(c){let V=await fS(c.id,c.token,F);o(D=>[...D,V])}else{let V=e3.getItem(QW)||"",D=await gS({body:F,guestName:P?.name,guestEmail:P?.email,guestKey:V}),Z={id:D.id,token:D.guest_token};e3.setItem(bS,JSON.stringify(Z)),l(Z),o(D.messages)}}catch{m("Could not send your message. Please try again shortly.")}finally{n(!1)}}},[c,t]),E=YW(()=>({isOpen:a,open:M,close:S,toggle:H,messages:r,sending:i,error:h,unread:u,hasConversation:t?b:!!c,isSignedIn:v,send:_}),[a,M,S,H,r,i,h,u,c,v,_,t,b]);return tU(xS.Provider,{value:E,children:e})}function yS(){let e=$W(xS);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as aU,useRef as sU,useState as qp}from"react";import{jsx as c2,jsxs as H5}from"react/jsx-runtime";var cU="Chat with us",lU="We usually reply within a few minutes",rU="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function oU({m:e}){if(e.sender_role==="system")return c2("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 c2("div",{className:`flex ${a?"justify-start":"justify-end"}`,children:H5("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&&H5("div",{className:"mb-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-fg/50",children:[t&&c2("span",{"aria-hidden":"true",children:"\u2726"}),c2("span",{children:t?e.sender_name||"Assistant":e.sender_name||"Support"}),t&&c2("span",{className:"font-normal normal-case tracking-normal",children:"\xB7 automated"})]}),e.body&&c2("p",{className:"whitespace-pre-wrap",children:e.body}),e.image_url&&c2("a",{href:e.image_url,target:"_blank",rel:"noopener noreferrer",children:c2("img",{src:e.image_url,alt:"Attachment",className:"mt-1.5 max-h-48 w-auto rounded-lg"})})]})})}function Wp({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:u}=yS(),d=e?.trim()||cU,v=t?.trim()||lU,g=a?.trim()||rU,[b,f]=qp(""),[C,z]=qp(""),[M,S]=qp(""),H=sU(null),_=!m&&!h;aU(()=>{s&&H.current?.scrollIntoView({behavior:n6(),block:"nearest"})},[r.length,s]);let E=b.trim().length>0&&(!_||C.trim()&&/.+@.+/.test(M)),O=()=>{!E||o||(u(b,_?{name:C.trim(),email:M.trim()}:void 0),f(""))};return s?H5("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:[H5("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[H5("div",{children:[c2("div",{className:"text-sm font-semibold text-fg",children:d}),c2("div",{className:"text-[11px] text-fg/50",children:v})]}),c2("button",{type:"button",onClick:l,"aria-label":"Close chat",className:"rounded-md p-1 text-fg/60 hover:bg-fg/5",children:c2("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:c2("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),H5("div",{className:"flex-1 space-y-2 overflow-y-auto px-3 py-3",children:[r.length===0&&c2("p",{className:"px-2 py-4 text-center text-sm text-fg/50",children:g}),r.map(P=>c2(oU,{m:P},P.id)),c2("div",{ref:H})]}),H5("div",{className:"border-t border-line p-3",children:[_&&H5("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[c2("input",{value:C,onChange:P=>z(P.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"}),c2("input",{value:M,onChange:P=>S(P.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&&c2("p",{className:"mb-2 text-xs text-red-600",children:i}),H5("div",{className:"flex items-end gap-2",children:[c2("textarea",{value:b,onChange:P=>f(P.target.value),onKeyDown:P=>{P.key==="Enter"&&!P.shiftKey&&(P.preventDefault(),O())},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"}),c2("button",{type:"button",onClick:O,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"})]})]})]}):H5("button",{type:"button",onClick:c,"aria-label":p2(d),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:[c2("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:c2("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&&c2("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 Up,jsxs as nU}from"react/jsx-runtime";var iU=`
|
|
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, ${h6.accent} 45%, transparent);
|
|
13
|
+
outline-offset: 3px;
|
|
14
|
+
}
|
|
15
|
+
.sf-preview-chat-pick[data-selected] [aria-label] {
|
|
16
|
+
outline: 2px solid ${h6.accent};
|
|
17
|
+
outline-offset: 3px;
|
|
18
|
+
}
|
|
19
|
+
`;function jp(){let{chromePlaceholder:e,themeFromDocument:t}=_3(),{chat:a,selected:s,select:c}=gw();return e||t||!a.enabled?null:nU("div",{className:"sf-preview-chat-pick","data-selected":s||void 0,onClick:l=>{l.stopPropagation(),c()},children:[Up("style",{children:iU}),Up(zS,{preview:!0,children:Up(Wp,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{lazy as hU,Suspense as mU}from"react";import{jsx as wS}from"react/jsx-runtime";function Kp(e,t={}){let a=hU(async()=>{let l=await e();return{default:"default"in l?l.default:l}}),s=t.loading?t.loading():null;function c(l){return wS(mU,{fallback:s,children:wS(a,{...l})})}return c}import{useEffect as BU,useRef as ZU}from"react";import{jsx as $p,jsxs as pU}from"react/jsx-runtime";import{useEffect as uU,useState as dU}from"react";function k0({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,u]=dU(!1),d=a||"";uU(()=>{u(!1)},[d]);let v=Dx(d),g=!d||m;return pU("div",{className:`relative h-full w-full overflow-hidden ${t??""}`,children:[$p("div",{className:"absolute inset-0 flex items-center justify-center",style:n?{background:"var(--site-surface)"}:void 0,children:g?e:null}),d&&(v?$p("img",{src:d,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:()=>u(!0)}):$p(sl,{src:d,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:()=>u(!0)}))]})}import{useId as wU}from"react";var gU=25.4,Oa=400,oo=152,vU=58,CS=oo*Math.cos(vU*Math.PI/180),fU=14,bU=Oa/2,xU={sectionWidth:225,aspectRatio:60,rimDiameter:17};function MS(e){let t=i4(e);return t?{sectionWidth:t.width,aspectRatio:t.profile,rimDiameter:t.rim}:xU}function SS(e){let t=e.rimDiameter*gU/2,a=t+e.sectionWidth*e.aspectRatio/100,s=oo*(e.sectionWidth/a),c=t/a;return{cy:bU,rx:CS,ry:oo,cxf:Oa/2-s/2-fU,dx:s,rimRx:CS*c,rimRy:oo*c}}var z0=e=>e.toFixed(1);function io(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${z0(c)} ${z0(l)} A${z0(e.rx)} ${z0(e.ry)} 0 0 ${a} ${z0(c)} ${z0(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${z0(s)} ${z0(l)} L${z0(c)} ${z0(l)} A${z0(e.rx)} ${z0(e.ry)} 0 0 1 ${z0(c)} ${z0(r)} L${z0(s)} ${z0(r)} A${z0(e.rx)} ${z0(e.ry)} 0 0 0 ${z0(s)} ${z0(l)} Z`}function ro(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 LS(e,t,a,s,c){let[l,r]=ro(e,t,s),[o,i]=ro(e,t,c),[n,h]=ro(e,a,c),[m,u]=ro(e,a,s);return`M${z0(l)} ${z0(r)} A${z0(e.rx)} ${z0(e.ry)} 0 0 1 ${z0(o)} ${z0(i)} L${z0(n)} ${z0(h)} A${z0(e.rx)} ${z0(e.ry)} 0 0 0 ${z0(m)} ${z0(u)} L${z0(l)} ${z0(r)} Z`}var kS=[{f:[0,.215]},{f:[.245,.485]},{f:[.515,.755]},{f:[.785,1]}],zU={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}}]},yU=[["ultra high performance","UHP"],["uhp","UHP"],["high performance","HP"],["hp","HP"],["performance","HP"],["sport","HP"],["mud terrain","MT"],["mud","MT"],["mt","MT"],["all terrain","AT"],["at","AT"],["light truck","LT"],["lt","LT"],["commercial","COM"],["com","COM"],["van","COM"],["cargo","COM"],["suv","SUV"],["4x4","SUV"],["crossover","SUV"],["cuv","SUV"],["passenger","P"],["touring","P"],["highway","P"],["p","P"]];function AS(e){let t=` ${(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").trim()} `;if(t.trim()==="")return kS;for(let[a,s]of yU)if(t.includes(` ${a} `))return zU[s];return kS}var no="Illustrations are drawn to each tyre's listed size and represent its category; supplier photography replaces them where available.";import{Fragment as Ga,jsx as d0,jsxs as F5}from"react/jsx-runtime";var m4={rib:.2,grooveWall:.16,shoulder:.22,silhouette:.26,relief:[.26,.15,.11],lettering:.1,dishFill:.06,dishEdge:.3,spoke:.3,hubFill:.16,hubEdge:.34},CU=[.8,.52,.24],HS=.4,FS=.88,TS=.3,PS=5,ES=.3,VS=.84,kU=7,L0=e=>Math.round(e*10)/10;function Xp({size:e,type:t,className:a}){let s=wU().replace(/[^a-zA-Z0-9]/g,""),c={tread:`${s}-tread`,wall:`${s}-wall`,rim:`${s}-rim`,shadow:`${s}-shadow`,crown:`${s}-crown`},l=SS(MS(e)),r=Yp(l,0,1),o=e?`${e} tyre illustration`:"Tyre illustration";return F5("svg",{"data-tyre-placeholder":"",viewBox:`0 0 ${Oa} ${Oa}`,role:"img","aria-label":o,fill:"none",className:a??"block h-full w-full",children:[d0("title",{children:o}),F5("defs",{children:[d0(SU,{id:c}),d0("clipPath",{id:c.crown,children:d0("path",{d:r})})]}),d0("ellipse",{cx:L0(l.cxf+l.dx/2),cy:L0(l.cy+l.ry-4),rx:L0(l.dx*1.5),ry:16,fill:`url(#${c.shadow})`}),d0(LU,{g:l,id:c}),d0(AU,{g:l,id:c}),d0("path",{d:r,fill:`url(#${c.tread})`}),d0("g",{clipPath:`url(#${c.crown})`,children:AS(t).map(i=>d0(MU,{g:l,column:i},i.f[0]))}),d0("path",{d:io(l,0,0,!0),stroke:"currentColor",strokeOpacity:m4.shoulder,strokeWidth:1.2}),d0("path",{d:io(l,1,1),stroke:"currentColor",strokeOpacity:m4.silhouette,strokeWidth:1.4})]})}function MU({g:e,column:t}){let[a,s]=t.f;if(!t.blocks)return F5(Ga,{children:[d0("path",{d:Yp(e,a,s),fill:"currentColor",fillOpacity:m4.rib}),d0("path",{d:io(e,a,1),stroke:"currentColor",strokeOpacity:m4.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 d0(Ga,{children:i.map(([n,h])=>d0("path",{d:LS(e,a,s,n,h),fill:"currentColor",fillOpacity:m4.rib,stroke:"currentColor",strokeOpacity:m4.grooveWall,strokeWidth:1},n))})}function SU({id:e}){return F5(Ga,{children:[F5("linearGradient",{id:e.tread,x1:"0",y1:"0",x2:"1",y2:"0",children:[d0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.07}),d0("stop",{offset:"0.14",stopColor:"currentColor",stopOpacity:.24}),d0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.18}),d0("stop",{offset:"0.84",stopColor:"currentColor",stopOpacity:.1}),d0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.05})]}),F5("linearGradient",{id:e.wall,x1:"0.15",y1:"0",x2:"0.9",y2:"1",children:[d0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.28}),d0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.17}),d0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.08})]}),F5("linearGradient",{id:e.rim,x1:"0.1",y1:"0",x2:"0.9",y2:"1",children:[d0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.46}),d0("stop",{offset:"0.5",stopColor:"currentColor",stopOpacity:.26}),d0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.12})]}),F5("radialGradient",{id:e.shadow,children:[d0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.22}),d0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:0})]})]})}function LU({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 F5(Ga,{children:[d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rx),ry:L0(e.ry),fill:`url(#${t.wall})`}),CU.map((l,r)=>{let o=s(l);return d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rx*o),ry:L0(e.ry*o),stroke:"currentColor",strokeOpacity:m4.relief[r],strokeWidth:1},l)}),d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rx*s(HS)),ry:L0(e.ry*s(HS)),stroke:"currentColor",strokeOpacity:m4.lettering,strokeWidth:L0(c)})]})}function AU({g:e,id:t}){let a=Array.from({length:PS},(s,c)=>{let l=(c*(360/PS)-90)*Math.PI/180;return{x1:e.cxf+e.rimRx*ES*Math.cos(l),y1:e.cy+e.rimRy*ES*Math.sin(l),x2:e.cxf+e.rimRx*VS*Math.cos(l),y2:e.cy+e.rimRy*VS*Math.sin(l)}});return F5(Ga,{children:[d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rimRx),ry:L0(e.rimRy),fill:`url(#${t.rim})`}),d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rimRx*FS),ry:L0(e.rimRy*FS),fill:"currentColor",fillOpacity:m4.dishFill,stroke:"currentColor",strokeOpacity:m4.dishEdge,strokeWidth:1}),a.map((s,c)=>d0("line",{x1:L0(s.x1),y1:L0(s.y1),x2:L0(s.x2),y2:L0(s.y2),stroke:"currentColor",strokeOpacity:m4.spoke,strokeWidth:kU,strokeLinecap:"round"},c)),d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rimRx*TS),ry:L0(e.rimRy*TS),fill:"currentColor",fillOpacity:m4.hubFill,stroke:"currentColor",strokeOpacity:m4.hubEdge,strokeWidth:1})]})}import{jsx as Jp}from"react/jsx-runtime";function p6({image:e,size:t,type:a,sizes:s,priority:c=!1,className:l="aspect-square",showBackground:r=!0}){return Jp("div",{className:`text-fg ${l}`,style:{padding:"var(--sf-tyre-image-inset, 0)"},children:Jp(k0,{label:t||"Tyre",src:a4(e??void 0),alt:t?`${t} tyre`:"Tyre",objectFit:"contain",sizes:s,priority:c,showBackground:r,fallback:Jp(Xp,{size:t,type:a,className:"block h-full w-full p-3"})})})}function mo(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 HU(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 ho(e,t=""){return{vehicle:{...e,region:t},status:"unknown",oemSizes:[],variants:[]}}function FU(e,t){if(typeof t!="object"||t===null)return ho(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 ho(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?ho(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 NS(e,t){try{let a=await o7(HU(e,t),{baseUrl:CC});return FU(t,a)}catch{return ho(t)}}function _S(e){if(!e)return[];let t=[];for(let a of[...e.frontTyres,...e.rearTyres]){let s=i4(a);if(!s)continue;let c=W4(s);t.includes(c)||t.push(c)}return t}function IS(e,t){if(t.length===0)return null;for(let a of e){let s=i4(a);if(!s)continue;let c=W4(s);if(t.includes(c))return c}return null}function qa(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 TU="/tyres";function Oe(e){return e?`${TU}/${e}`:null}function Ge(e){let t=e.lastIndexOf(" ");return t===-1?{lead:"",accent:e}:{lead:e.slice(0,t+1),accent:e.slice(t+1)}}function Qp(e,t){return LC({partNumber:e.sku,prices:e.prices},t)}var PU="Tyre";function po(e,t,a,s){return{id:`${e.slug}|${t.sku}|${a.unit}|${a.spares>0?"spare":"no-spare"}`,slug:e.slug,name:Ge(e.name),process:e.brand||PU,positionNo:"01",config:[{label:t.size},{label:ur(a)}],finishName:"",size:t.size,components:Qp(t,a),qty:s,href:Oe(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:a}}function uo(e){return e.kind==="tyre"}function RS(e,t){let a=e.prices?.[t];return typeof a!="number"||!Number.isFinite(a)||a<=0?!1:e.inStock}import{jsx as Wa}from"react/jsx-runtime";function EU(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function eu({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??RC;return Wa("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:uo(e)?Wa(p6,{image:a?.coverImage,size:e.size,type:EU(a),sizes:"96px",className:"h-full w-full"}):l?.src?Wa(N3,{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?Wa("div",{className:"relative z-[2] block w-[72%]",style:{color:n,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:Wa(C8,{spokes:r,mesh:o,className:"block w-full"})}):null})}import{jsx as tu,jsxs as NU}from"react/jsx-runtime";function BS(e,t){return Math.min(Vm,Math.max(1,e+t))}var ZS="disabled:cursor-not-allowed disabled:opacity-40",VU={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 ${ZS}`,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 ${ZS}`,value:"min-w-[36px] px-3 text-center font-mono text-[12px] tracking-[0.18em] text-fg"}};function Ua({value:e,onChange:t,size:a}){let s=VU[a];return NU("div",{className:s.frame,children:[tu("button",{type:"button",onClick:()=>t(BS(e,-1)),disabled:e<=1,"aria-label":"Decrease quantity",className:s.button,children:"\u2212"}),tu("span",{className:s.value,children:e}),tu("button",{type:"button",onClick:()=>t(BS(e,1)),disabled:e>=Vm,"aria-label":"Increase quantity",className:s.button,children:"+"})]})}import{useEffect as _U,useState as IU}from"react";var RU=new Map;function DS(e){let[t,a]=IU(null);return _U(()=>{if(!e||t)return;let s=!0;return v0.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??RU}import{Fragment as go,jsx as _1,jsxs as p0}from"react/jsx-runtime";function ja({content:e=Fl}){let{isOpen:t,preview:a,close:s,items:c,remove:l,setQty:r,totals:o,coupon:i,bundles:n}=o4(),h=new Set(c.flatMap(z=>(z.components??[]).map(M=>M.partNumber))),m=new Set(o.appliedBundles.map(z=>z.slug)),u=n.filter(z=>!m.has(z.slug)).filter(z=>z.components.some(M=>h.has(M.partNumber))).slice(0,2),{formatMoney:d,activeCountry:v}=u0(),g=v?.name??e.shipsToFallback,b=1+(e.leadTimeValue?1:0)+(g?1:0),f=ZU(null),C=DS(c.some(uo));return S4({active:t,onDismiss:s,lockScroll:!a}),BU(()=>{t&&f.current?.focus({preventScroll:!0})},[t]),t?p0(go,{children:[_1("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"}),p0("aside",{role:"dialog","aria-label":"Your cart","aria-modal":"true",className:"fixed inset-y-0 right-0 z-[61] flex w-[520px] max-w-[100vw] flex-col border-l border-line bg-bg max-[640px]:w-screen max-[640px]:border-l-0",style:{animation:"storefront-cart-slide 450ms cubic-bezier(.2,.7,.2,1) both",boxShadow:"-30px 0 80px rgba(0,0,0,.5)"},onClick:z=>z.stopPropagation(),children:[_1("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
|
+
`}),p0("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:[p0("div",{className:"flex items-center justify-between",children:[p0("span",{className:"flex items-center gap-2.5 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e.kickerBadge?_1("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]}),_1("button",{ref:f,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"})]}),p0("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[e.titleLead+" ",_1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:e.titleAccent})]}),_1("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:Ly(e,c.length)})]}),p0("div",{className:`grid flex-shrink-0 ${DU[b-1]} gap-px border-b border-line bg-line`,children:[_1(au,{label:"Items",value:p0(go,{children:[_1("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?_1(au,{label:"Lead time",value:e.leadTimeValue}):null,g?_1(au,{label:"Ships to",value:g}):null]}),p0("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--site-line)_transparent] [scrollbar-width:thin]",children:[c.length===0?_1(UU,{content:e}):c.map(z=>_1(OU,{line:z,tyre:C.get(z.slug),onRemove:()=>l(z.id),onQtyChange:M=>r(z.id,M)},z.id)),u.length>0&&p0("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:[p0("div",{className:"mb-3.5 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[_1("span",{children:"You may also need"}),_1("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),_1("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:u.map(z=>_1(GU,{href:`/bundles/${z.slug}`,title:z.name,sub:qU(z,o.currency,d)},z.slug))})]}),_1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:_1(OC,{})}),e.promises.length>0&&_1("div",{className:"flex flex-wrap justify-center gap-[18px] border-b border-line px-8 pt-[22px] pb-7 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim max-[640px]:px-[22px]",children:e.promises.map(z=>_1(WU,{children:z},z))})]}),p0("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-[22px]",children:[_1(x7,{label:`Subtotal \xB7 ${o.sets} set${o.sets===1?"":"s"}`,value:d(o.subtotal,o.currency)}),o.appliedBundles.map(z=>_1(x7,{label:`Bundle \xB7 ${z.name}${z.multiples>1?` \xD7${z.multiples}`:""}`,value:p0("span",{style:{color:"var(--green)"},children:["\u2212 ",d(z.discount,o.currency)]})},z.slug)),o.discount>0&&i?.valid&&_1(x7,{label:`Coupon \xB7 ${i.code}`,value:p0("span",{style:{color:"var(--green)"},children:["\u2212 ",d(o.discount,o.currency)]})}),i?.deferred&&_1(x7,{label:`Coupon \xB7 ${i.code}`,value:MC}),i?.valid&&i.effects?.gift&&_1(x7,{label:`Free gift \xB7 ${i.effects.gift.partNumber}${i.effects.gift.quantity>1?` \xD7${i.effects.gift.quantity}`:""}`,value:_1("span",{style:{color:"var(--green)"},children:"Free"})}),_1(x7,{label:"Shipping",value:o.shippingStatus==="free"?_1("span",{style:{color:"var(--green)"},children:"Free"}):VC(o.shippingStatus)??d(o.shipping,o.currency)}),o.tax&&(o.tax.charged?_1(x7,{label:o.tax.inclusive?`${o.tax.name} included \xB7 ${o.tax.rate}%`:o.tax.name,value:d(o.tax.amount,o.currency)}):o.tax.name?_1(x7,{label:o.tax.name,value:"Calculated at checkout"}):null),p0("div",{className:"mt-1.5 flex items-center justify-between border-t border-line pt-3.5 text-fg",children:[p0("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",_1("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),_1("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:o.repricing?"\u2026":d(o.grand,o.currency)})]})]}),p0("div",{className:"flex flex-shrink-0 flex-col gap-2.5 px-8 pb-[22px] pt-3.5 max-[640px]:px-[22px]",children:[p0(L1,{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",_1("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]}),_1("div",{className:"flex items-center justify-between px-1 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:_1(L1,{href:"/wheels",onClick:s,className:"text-fg transition-colors hover:text-accent",children:"\u2190 Keep browsing"})})]})]})]}):null}var DU=["grid-cols-1","grid-cols-2","grid-cols-3"];function au({label:e,value:t}){return p0("div",{className:"flex flex-col gap-[3px] bg-bg px-4 py-3.5",children:[_1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:e}),_1("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:t})]})}function OU({line:e,tyre:t,onRemove:a,onQtyChange:s}){let{catalog:c,totals:l}=o4(),r=(e.components??[]).reduce((n,h)=>n+(l.freeUnitsByPartNumber[h.partNumber]??0),0),{currency:o,formatMoney:i}=u0();return p0(go,{children:[p0("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:[_1(eu,{line:e,catalog:c,tyre:t}),p0("div",{className:"flex min-w-0 flex-col gap-2",children:[p0("div",{className:"flex items-start justify-between gap-3",children:[p0("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N\xB0 ",e.positionNo," \xB7 ",e.process==="FusionForge\xAE"?p0(go,{children:["FusionForge",_1(i6,{})]}):e.process]}),_1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:Nm(e,o)===null?n7:i(Nm(e,o),o)})]}),p0("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[e.name.lead,_1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:e.name.accent})]}),e.config.length>0&&p0("div",{className:"mt-1 flex flex-wrap gap-1.5",children:[e.config.map(n=>_1("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&&p0("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"]})]}),p0("div",{className:"mt-2.5 flex items-center justify-between gap-3",children:[_1(Ua,{value:e.qty,onChange:s,size:"small"}),p0("div",{className:"flex gap-3.5 font-mono text-[10px] uppercase tracking-[0.22em]",children:[_1(L1,{href:e.href??`/wheels/${e.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:e.href?"View product":"Edit finish"}),_1("button",{type:"button",onClick:a,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),e.verifiedFor&&p0("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:[_1("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),p0("span",{children:["Verified for your ",_1("strong",{className:"font-medium text-accent",children:e.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function GU({title:e,sub:t,href:a}){return p0(L1,{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:[p0("span",{className:"flex min-w-0 flex-col gap-[3px]",children:[_1("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:e}),_1("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:t})]}),_1("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 qU(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 WU({children:e}){return _1("span",{className:"inline-flex items-center gap-1.5 before:text-[6px] before:text-accent before:content-['\u25CF']",children:e})}function x7({label:e,value:t}){return p0("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[_1("span",{children:e}),_1("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:t})]})}function UU({content:e}){return p0("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[_1("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:e.emptyKicker}),_1("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:e.emptyBody}),p0(L1,{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 ",_1("span",{className:"text-accent",children:"\u2192"})]})]})}var jU=[{key:"cart",label:"Cart",href:"/?cart=open"},{key:"checkout",label:"Checkout",href:"/checkout"}],KU=Object.fromEntries(jU.map(e=>[e.key,e]));function OS(e){return KU[e]}import{Fragment as YU,jsx as H8,jsxs as vo}from"react/jsx-runtime";var $U=Kp(()=>import("./EditorPreviewCheckout-UGMEXAGV.js"),{ssr:!1});function su(){let{chromePlaceholder:e,themeFromDocument:t}=_3(),{surface:a}=xw();return e||t||!a||a!=="cart"&&a!=="checkout"?null:a==="checkout"?vo(YU,{children:[H8($U,{}),H8(GS,{surface:a})]}):H8(br,{children:vo(xr,{preview:!0,children:[H8(ja,{}),H8(GS,{surface:a})]})})}function GS({surface:e}){let{label:t,href:a}=OS(e);return vo("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:[H8("span",{style:{whiteSpace:"nowrap"},children:p("{name} \xB7 preview only",{name:p(t)})}),vo("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:[p("Open live"),H8(r6,{name:"external-link",size:13,rounded:!0})]})]})}import{CategoryIcon as il1,CheckIcon as dG,ClockIcon as dx,ColumnsIcon as nl1,DirectionIcon as hl1,EyeIcon as ml1,ListIcon as pl1,PageIcon as ul1,PlacementIcon as dl1,ScrollPointIcon as gl1,TriggerIcon as vl1}from"efficient-easel/icons";import{useContext as ej,useEffect as $S,useRef as bo,useState as xo}from"react";import{Button as zo}from"efficient-shell/ui";var Ka=class extends Error{constructor(a){super("The storefront forms list could not be loaded.");this.cause=a;this.name="FormsUnavailableError"}},fo=null,cu=null,lu=null;function XU(){fo=null,cu=null,lu=null}function qS(e=!1){let t=I3(),a=i2();return(e||!fo||cu===null&&t!==null||lu!==a)&&(cu=t,lu=a,fo=(t?X1.listForms(t,{siteId:a}):Promise.reject(new Ka)).catch(s=>{throw XU(),s instanceof Ka?s:new Ka(s)})),fo}var ru=new Map,JU=9e5,WS=0;function QU(){return WS+=1,`fe-${typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():String(WS)}`}function US(e,t){e.connected&&e.send("storefront-editor:open-form",{mode:"edit",formId:t})}function jS(e,t){if(!e.connected)return Promise.resolve({status:"closed"});let a=QU();return new Promise(s=>{let c=setTimeout(()=>KS(a,{status:"timeout"}),t.timeoutMs??JU);ru.set(a,l=>{clearTimeout(c),s(l)}),e.send("storefront-editor:open-form",{requestId:a,mode:t.mode,...t.formId?{formId:t.formId}:{}})})}function KS(e,t){let a=ru.get(e);a&&(ru.delete(e),a(t))}function Lm1(e,t){KS(e,t?{status:"saved",form:t}:{status:"closed"})}import{jsx as k2,jsxs as T5}from"react/jsx-runtime";var YS="__create-a-new-form__";function tj({value:e,forms:t,loadFailed:a,emptyLabel:s}){let c=t??[],l=e?c.some(m=>m.slug===e):!0,r=t===null&&!a,o={value:"",label:r?p("Loading\u2026"):a?p("Forms couldn\u2019t be loaded"):s===void 0?p("No form yet"):p(s)},i=e&&!l?[{value:e,label:r||a?e:p("{slug} \u2014 no form with this name",{slug:e})}]:[],n=c.map(m=>({value:m.slug,label:m.is_active?m.title:p("{title} (switched off)",{title:m.title})})),h=r?[]:[{value:YS,label:p("Create a new form")}];return[o,...i,...n,...h]}function aj(e){return e===YS?{action:"create"}:{action:"store",slug:e}}function sj({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 cj(e){let t=[p("Goes to {place}",{place:p("Storefront \u2192 Forms")})],a=(e.notify_email??"").trim();return a&&t.push(p("Emails a copy to {email}",{email:a})),e.mailing_list_name&&t.push(e.subscribe_mode==="checkbox"?p("Joins the \u201C{audience}\u201D audience, but only when the consent box is ticked",{audience:e.mailing_list_name}):p("Joins the \u201C{audience}\u201D audience",{audience:e.mailing_list_name})),e.kind==="account_signup"&&t.push(e.signup_customer_type==="importer"?p("Creates a wholesale account"):p("Creates a retail account")),t}function ou({value:e,onChange:t,label:a="Form",emptyLabel:s}){let c=w4(),l=ej(kl),r=l?l.capabilities.hasForms:!0,[o,i]=xo(null),[n,h]=xo(!1),[m,u]=xo(!1),[d,v]=xo(!1),g=bo(!0),b=bo(e);b.current=e;let f=bo(t);f.current=t;let C=bo(null),z=(P=!1)=>qS(P).then(F=>{if(g.current){i(F),h(!1);let V=sj({value:b.current,pickedId:C.current,forms:F});V&&f.current(V)}return F},()=>(g.current&&h(!0),[]));$S(()=>(g.current=!0,r&&z(),()=>{g.current=!1}),[r]),$S(()=>r?eo(()=>{z(!0)}):void 0,[r]);let S=e?(o??[]).find(P=>P.slug===e)??null:null;S?C.current=S.id:e||(C.current=null);let H=!!e&&!S&&o!==null&&!n,_=tj({value:e,forms:o,loadFailed:n,emptyLabel:s}),E=async()=>{u(!0),v(!1);try{let P=await jS(c,{mode:"create"}),F=await z(!0);if(!g.current)return;if(P.status==="timeout"){v(!0);return}if(P.status!=="saved")return;let{form:V}=P;V.slug!==b.current&&f.current(V.slug),F.some(D=>D.id===V.id)||z(!0)}finally{g.current&&u(!1)}},O=P=>{let F=aj(P);F.action==="create"?E():(v(!1),t(F.slug))};return r?T5("div",{className:"sf-formpicker",children:[k2(D9,{label:a,options:_,fallback:"",value:e??"",onChange:O,placeholder:p("Search forms\u2026")}),d&&k2("p",{className:"sf-formsummary-warn",children:p("That didn\u2019t come back \u2014 pick the form from the list, or try again.")}),S?T5("div",{className:"sf-blogsource sf-formsummary",children:[T5("div",{children:[k2("div",{className:"sf-formsummary-caption",children:p3("{n} field","{n} fields",S.fields.length)}),S.fields.length?k2("ol",{className:"sf-formsummary-fields",children:S.fields.map((P,F)=>k2("li",{children:P.label},P.key||`${P.label}-${F}`))}):k2("p",{className:"es-field-hint sf-hint-keep",children:p("This form has no fields yet, so there is nothing for a visitor to fill in.")})]}),T5("div",{children:[k2("div",{className:"sf-formsummary-caption",children:p("Where the answers go")}),k2("ul",{className:"sf-formsummary-fields",children:cj(S).map(P=>k2("li",{children:P},P))})]}),!S.is_active&&k2("p",{className:"sf-formsummary-warn",children:p("This form is switched off, so it won\u2019t appear on the published page. Turn it back on in {place}.",{place:p("Storefront \u2192 Forms")})}),T5("div",{className:"sf-formsummary-actions",children:[k2(zo,{variant:"secondary",size:"sm",onClick:()=>US(c,S.id),children:p("Edit form \u270E")}),k2(zo,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{E()},children:p("New form +")})]}),k2("p",{className:"es-field-hint sf-hint-keep",children:p("The questions, the button text and the thank-you message all come from {place}. Edit them there \u2014 this section updates to match.",{place:p("Storefront \u2192 Forms")})})]}):T5("div",{className:"sf-blogsource sf-formsummary",children:[n?T5("p",{className:"es-field-hint sf-hint-keep",children:[p("This website\u2019s forms couldn\u2019t be loaded, so there is nothing to choose from yet."),e?` ${p("This section still points at \u201C{slug}\u201D, and that is unchanged.",{slug:e})}`:""]}):H&&k2("p",{className:"sf-formsummary-warn",children:p("This section points at \u201C{slug}\u201D, and this website has no form with that name. Pick one from the list above, or leave it \u2014 nothing has been changed.",{slug:e??""})}),T5("div",{className:"sf-formsummary-actions",children:[n&&k2(zo,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{z(!0)},children:p("Try again")}),k2(zo,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{E()},children:p("New form +")})]}),!n&&k2("p",{className:"es-field-hint sf-hint-keep",children:p("Pick a form to show here, or build a new one. Forms are made once in {place} and can be shown on any number of pages.",{place:p("Storefront \u2192 Forms")})})]})]}):k2("div",{className:"sf-formpicker",children:k2("div",{className:"sf-blogsource sf-formsummary",children:T5("div",{children:[k2("div",{className:"sf-formsummary-caption",children:p(a)}),T5("p",{className:"es-field-hint sf-hint-keep",children:[p("Forms aren\u2019t available in this editor, so there is nothing to choose here."),e?` ${p("This section still points at \u201C{slug}\u201D, and that is unchanged.",{slug:e})}`:""]})]})})})}import{jsx as lj}from"react/jsx-runtime";function P5(e,t){return{type:"custom",render:({value:a,onChange:s})=>lj(ou,{value:a,onChange:s,...e?{label:e}:{},...t?{emptyLabel:t}:{}})}}var yo=null,XS=null;function rj(e,t){yo=e,XS=t}function Wm1(e){rj(e,null)}function JS(){return yo}function M2(){return XS==="dynamic"||yo===np}function QS(e){return _r(yo??"",e)??"alloy-wheel"}import{createContext as oj,useContext as ij}from"react";import{jsx as nj}from"react/jsx-runtime";var eL=oj(null);function tL({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return nj(eL.Provider,{value:a,children:t})}function aL(){return ij(eL)}import{createContext as hj,useContext as mj}from"react";import{jsx as pj}from"react/jsx-runtime";var sL=hj("alloy-wheel");function cL({kind:e,children:t}){return pj(sL.Provider,{value:e??"alloy-wheel",children:t})}function lL(){return mj(sL)}import{createContext as rL,useContext as wo}from"react";import{jsx as vj}from"react/jsx-runtime";function uj(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 dj=/^\d{4}-\d{2}-\d{2}$/;function oL(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"?dj.test(a)?"date":"text":null;return s?[{key:t,label:uj(t),kind:s}]:[]}):[]}function Co(e,{firstField:t=!1}={}){if(!e)return[];let a=oL(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 gj(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 iL(e){return e?oL(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"?gj(a):a}]}):[]}var z7="product",iu=rL(null);function nu(e){let t=e?.recordType;return typeof t=="string"&&t.trim()||z7}function ko(e){let t=e?.appState?.data?.root;return nu(t?.props)!==z7}var nL=rL(z7);function hL({type:e,children:t}){return vj(nL.Provider,{value:e,children:t})}function Mo(e){let t=wo(iu),a=wo(nL);return t?t.type!==z7:e&&a!==z7}var So={type:"sample",key:"sample",get title(){return p("Record title")},get fields(){return{first:p("A detail of this record"),second:p("Another detail"),third:p("A third")}},value:void 0,get schema(){return[{key:"first",label:p("First detail"),kind:"text"},{key:"second",label:p("Second detail"),kind:"text"},{key:"third",label:p("Third detail"),kind:"text"}]}},mL=4;function Lo(){return wo(iu)}function pL(e){let t=wo(iu);return t!==null&&t.type===e?t:null}import{createContext as bj,useContext as xj}from"react";var hu="heroBullets",$a="\xB7",Ya={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function uL(e){return e.detail?`${e.label} ${$a} ${e.detail}`:e.label}function fj(e){let t=e.trim();if(!t)return null;let a=t.indexOf($a);return a<0?{label:t,detail:""}:{label:t.slice(0,a).trim(),detail:t.slice(a+$a.length).trim()}}function dL(e){let t=(e??{})[hu];return Array.isArray(t)?{bullets:t.map(s=>fj(typeof s=="string"?s:My(s?.text,""))).filter(s=>s!==null)}:Ya}import{jsx as zj}from"react/jsx-runtime";var gL=bj(Ya);function vL({content:e,children:t}){return zj(gL.Provider,{value:e,children:t})}function fL(){return xj(gL)}var u2={text:"Button label",href:"#"},A={eyebrow:"Eyebrow",heading:"Main heading",accent:"Highlight line",body:"Add a sentence or two of supporting copy.",button:"Button label",link:"#",sectionHeading:"Section heading",slideName:"Slide name",boxName:"Box name",headingAccent:"Section heading *here.*",sectionNumber:"Section number",imageCaption:"Image caption",bookingConfirmation:"Thanks \u2014 we'll email you to confirm.",imageMeta:"Image meta",label:"Label",value:"Value",viewAll:"View all",date:"Month DD, YYYY",category:"Category"};var a3={Series:"transparent",StatsParagraph:"transparent",TimelineTrack:Zy,Stats:void 0};import{jsx as d6}from"react/jsx-runtime";import{jsx as wj}from"react/jsx-runtime";var Ao="sf-card",V2={min:0,max:90,step:5,fallback:0,unit:"%"},y7=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],yj="68%",G3={desktop:20,phone:20,side:40,sidePhone:24},bL="sf-box-sides",xL={min:0,max:200,step:10};function qe(e){return typeof e=="string"&&e.trim()!==""}function Ho(e,t){let a=typeof e=="number"?e:Number.parseFloat(String(e??""));if(!Number.isFinite(a)||a<=0)return null;let s=(Math.min(V2.max,Math.max(V2.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) ${yj})`}}function Fo(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 To={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}},zL=new Set(Object.keys(To)),Cj=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),yL=new Set(["ProductGrid"]);function mu(e,t){let a=e.render;e.render=s=>{if(t?.(s))return a(s);let c=I9(s.sectionPaddingTop,s.sectionPaddingBottom,s.sectionPaddingTopPhone,s.sectionPaddingBottomPhone),l=a(s);return c?wj("div",{className:c.className,style:c.style,children:l}):l}}var wL={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!Cj.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){zL.has(t)||yL.has(t)||(e.fields={...e.fields,...a.spacingFields({phone:!0})})},draw(e,t){if(zL.has(t)){let a=e.render,s=To[t];e.render=c=>{let l=dy(c,s);return a({...c,padTop:l.top,padBottom:l.bottom})};return}if(yL.has(t)){mu(e);return}mu(e,t==="Flex"?a=>qe(a.bgImage):void 0)}},kj=["Heading","Text"],CL={name:"blockPadding",applies:(e,t,a)=>kj.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.spacingFields({phone:!0})}},draw(e){mu(e)}};import{jsx as u6,Fragment as Mj,jsxs as Sj}from"react/jsx-runtime";import{useEasel as LL}from"efficient-easel/easel";import{LayersIcon as Lj}from"efficient-easel/icons";import{SettingsDrill as Aj,SettingsField as Hj}from"efficient-easel/panel";import{default as kL}from"efficient-easel/screen/components/AddBlockRow";import{default as ML}from"efficient-easel/screen/components/AddChildRow";import{SlotChildActionsProvider as wp1,useSlotChildActions as SL}from"efficient-easel/screen/components/SlotChildActionsContext";function Fj({parent:e,parentType:t,label:a,rowName:s,onSelectChild:c,onAddChild:l,nestDepth:r=0}){let o=Sa(t,r);if(!o)return null;let{slot:i,choices:n,spec:h}=o,m=String(e.props.id),u=`${m}:${i}`,d=Array.isArray(e.props[i])?e.props[i]:[],v=h?.addBlocked?.(d)??null,g=h?.notice?.(d)??null,b=Sj(Mj,{children:[g?u6("p",{className:"sf-note",children:g}):null,d.map((f,C)=>u6(Aj,{name:s(f),onOpen:()=>c(u,C,String(f.props.id),t)},String(f.props.id??`${u}-${C}`))),n?u6(kL,{choices:n,onPick:f=>l(m,i,f,d.length,t)}):h.fixed?null:u6(ML,{label:h.addLabel,blocked:v,onAdd:()=>l(m,i,h.childType,d.length,t)})]});return u6("div",{className:"sf-slot-rows",children:a?u6(Hj,{label:p(a),icon:u6(Lj,{}),value:String(d.length),children:b}):b})}function Tj(e,t){return Sa(e)?.spec?.notice?.(t)??null}function AL({parentType:e}){let{selectedItem:t}=LL(l=>l);if(!t||t.type!==e)return null;let a=Sa(e)?.slot,s=a&&Array.isArray(t.props[a])?t.props[a]:[],c=Tj(e,s);return c?u6("p",{className:"sf-note",children:c}):null}function Pj(e,t){return Sa(t)?.source==="footer"?e.blockRowName:e.childRowName}function HL({parentType:e,label:t}){let{appState:a,selectedItem:s}=LL(r=>r),c=SL();if(!c||!s||s.type!==e)return null;let l=e===az?cl(a?.data,String(s.props.id)):0;return u6(Fj,{parent:s,parentType:e,label:t,rowName:Pj(c,e),onSelectChild:c.selectChild,onAddChild:c.addChild,nestDepth:l})}var FL="grayscale(1) contrast(1.03)",TL="Black and white";function Ej(e){return e===!0?{filter:FL}:{}}function Vj(e){let{filter:t}=Ej(e);return t?{style:{filter:t}}:{}}var Xa="sf-photo-grayscale",Nj=`@media (hover:hover){.${Xa}{filter:${FL};transition:filter 160ms ease}.${Xa}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${Xa}{transition:none}}`;function We(e,t){return typeof e=="boolean"?e?Vj(!0):{}:t===!0?{className:Xa}:{}}function PL(e){return e===!0?{[Xa]:Nj}:{}}import{AlignLeftIcon as Rj,BlackAndWhiteIcon as Bj,ContrastIcon as Zj,HeightIcon as Dj,TypeIcon as Oj}from"efficient-easel/icons";var _j=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],Ij=new Set(_j);function EL(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(Ij.has(t[a]))return t[a];return null}var g6=e=>J2(e,s1("Height",d6(Dj,{}),oe.min,oe.max,oe.step,oe.fallback,oe.unit)),A4={ctaText:T("Button",u2.text),ctaHref:F1("Button link")},E5=()=>f1("Alignment",d6(Rj,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),Po=()=>f1("Tone",d6(Zj,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),u3=e=>b5({...To[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),V5=(e,t)=>({type:"custom",render:()=>d6(HL,{parentType:e,label:t})}),Eo=e=>({type:"custom",render:()=>d6(AL,{parentType:e})});function Gj(e){let{photographyGrayscale:t}=_3();return l1(TL,t===!0,d6(Bj,{})).render(e)}function Ue(){return{type:"custom",render:e=>d6(Gj,{...e})}}var j1=Object.keys(x5("full"));function je(e){let t=EL(e);return t?d6(s4,{noun:t}):d6(Oj,{})}import{createContext as qj,useContext as Wj}from"react";import{jsx as w7,jsxs as pu}from"react/jsx-runtime";function uu(e){return L9(e)??void 0}var du=qj({}),VL=3;function gu({tag:e,name:t,desc:a,href:s,imageSrc:c,imageLabel:l,price:r}){let{showPrice:o,cardStyle:i,partStyles:n,editing:h}=Wj(du),m=i==="bordered"?" border border-line":i==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",u=uu(c),d=g=>h?{[b8]:g}:{},v=g=>er(n?.[x8(g)]?.role,ww[g],il);return pu(L1,{href:s||"#",className:`sf-card group relative block w-full min-w-0 overflow-hidden bg-surface-2${m}`,children:[w7("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:w7(k0,{label:l||"collection.jpg",src:u})}),w7("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"}}),pu("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&&w7("span",{...d("tag"),style:v("tag"),className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.25em] opacity-70",children:k(e)}),t&&w7("h3",{...d("name"),style:v("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"?Y(t,!1):t}),a&&x0(a).map((g,b)=>w7("p",{...d("body"),style:v("body"),className:"max-w-[420px] text-[length:var(--size-body,14px)] leading-[1.5] opacity-80",children:k(g)},b)),o&&r&&w7("span",{...d("price"),style:v("price"),className:"font-mono text-[length:var(--size-label,15px)] tracking-[0.05em] text-accent",children:k(r)}),pu("span",{...d("link"),style:v("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",w7("span",{className:"transition-transform group-hover:translate-x-[3px]","aria-hidden":!0,children:"\u2192"})]})]})]})}import{createContext as jj,useCallback as Kj,useContext as $j,useEffect as _L,useRef as Yj,useState as fu}from"react";import{useState as Uj}from"react";function Vo(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 NL(e){return e==="below"}import{jsx as j4,jsxs as Ke}from"react/jsx-runtime";function vu({build:e,hiddenMobile:t,alwaysShowOverlay:a,forceHover:s,index:c,total:l,ratio:r,captionPlace:o}){let[i,n]=Uj(!1),h=NL(o),m=Ke("div",{className:["sf-card group relative overflow-hidden bg-surface-2",Vo(r),t?"max-[800px]:hidden":""].join(" "),children:[Ke("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(k0,{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(N3,{src:e.detailSrc,alt:"",fill:!0,sizes:"(max-width: 800px) 100vw, (max-width: 1500px) 33vw, 25vw",loading:"lazy",className:"absolute inset-0 z-[3] object-cover",style:{display:i?"none":"block"},onError:()=>n(!0)})}),c!=null&&l!=null&&Ke("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:Q1(e.process)}),Ke("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:Q1(e.finish)})})]})]});return h?Ke("div",{className:t?"max-[800px]:hidden":"",children:[m,Ke("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:Q1(e.finish||e.car)})]})]}):m}import{Fragment as $e,jsx as Q0,jsxs as d3}from"react/jsx-runtime";var Ja=jj({}),Qa="data-gallery-grid",bu="data-gallery-tile";function Xj(e,t){let[a,s]=fu(null);return _L(()=>{let c=e.current,l=c?.closest(`[${Qa}]`);if(!c||!l)return;let r=()=>{let i=Array.from(l.querySelectorAll(`[${bu}]`)),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 IL=[{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 Jj(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function Qj(e){let t=(e.photos??[]).map(l=>l?.src).filter(l=>!!l),a=e.image||t[0]||"",s=[a,...t].filter(l=>!!l),c=Jj(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 es({editing:e=!1,previewHover:t,ratio:a,captionPlace:s,...c}){let{galleryHref:l="/gallery",submitHref:r="/contact",previewHover:o}=$j(Ja),i=Qj(c),n=i.photos??(i.imageSrc?[i.imageSrc]:[]),h=Yj(null),m=Kj(z=>{h.current=z},[]),u=Xj(h,e),d=e&&(!!t||!!o),[v,g]=fu(!1),[b,f]=fu(0);_L(()=>{if(!v)return;let z=S=>{S.key==="Escape"?g(!1):S.key==="ArrowLeft"&&n.length>1?f(H=>(H-1+n.length)%n.length):S.key==="ArrowRight"&&n.length>1&&f(H=>(H+1)%n.length)};window.addEventListener("keydown",z);let M=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",z),document.body.style.overflow=M}},[v,n.length]);let C=Q0(vu,{build:i,forceHover:d,index:u?.index,total:u?.total,ratio:a,captionPlace:s});return d3($e,{children:[e?Q0("div",{ref:m,[bu]:"",className:"block w-full text-left",children:C}):Q0("button",{ref:m,[bu]:"",type:"button","aria-label":`Open ${i.car||"build"} on ${i.wheel||"wheel"}`,onClick:()=>{f(0),g(!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:C}),v&&(()=>{let z=n[b]??i.imageSrc??"",M=()=>f(H=>(H-1+n.length)%n.length),S=()=>f(H=>(H+1)%n.length);return Q0("div",{role:"dialog","aria-modal":"true","aria-label":`${i.car} on ${i.wheel}`,onClick:()=>g(!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:d3("div",{onClick:H=>H.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:[Q0("button",{type:"button",onClick:()=>g(!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"}),d3("div",{className:"relative flex min-h-[690px] items-center justify-center overflow-hidden bg-surface-2 max-[1100px]:min-h-[450px]",children:[z&&Q0("img",{src:z,alt:`${i.car} \u2014 ${b+1} of ${n.length}`,className:"block h-full max-h-[88vh] w-full object-cover"},z),n.length>1&&d3($e,{children:[Q0("button",{type:"button","aria-label":"Previous photo",onClick:M,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"}),Q0("button",{type:"button","aria-label":"Next photo",onClick:S,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"}),d3("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:[b+1," / ",n.length]})]})]}),d3("div",{className:"flex flex-col gap-[30px] px-[60px] py-[72px] max-[1100px]:px-9 max-[1100px]:py-[54px]",children:[i.process&&Q0("span",{className:"font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.3em] text-accent",children:k(i.process)}),i.wheel&&Q0("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:Y(i.wheel,!1)}),i.car&&d3("div",{className:"font-heading3 text-[length:var(--size-headingSmall,27px)] leading-[1.4] text-fg",children:["on ",Q0("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em]",children:k(i.car,!0)})]}),d3("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&&d3($e,{children:[Q0("dt",{className:"text-fg-dim",children:"Wheel"}),Q0("dd",{className:"text-fg",children:k(i.wheel)})]}),i.process&&d3($e,{children:[Q0("dt",{className:"text-fg-dim",children:"Process"}),Q0("dd",{className:"text-fg",children:k(i.process)})]}),i.finish&&d3($e,{children:[Q0("dt",{className:"text-fg-dim",children:"Finish"}),Q0("dd",{className:"text-fg",children:k(i.finish)})]}),i.car&&d3($e,{children:[Q0("dt",{className:"text-fg-dim",children:"Vehicle"}),Q0("dd",{className:"text-fg",children:k(i.car)})]})]}),d3("div",{className:"mt-auto flex flex-col gap-3.5 pt-6",children:[d3(L1,{href:i.href||"/wheels",onClick:()=>g(!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:[Q0("span",{children:"View product"}),Q0("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]}),d3(L1,{href:l,onClick:()=>g(!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:[Q0("span",{children:"See more builds"}),Q0("span",{children:"\u2192"})]}),d3(L1,{href:r,onClick:()=>g(!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:[Q0("span",{children:"Submit your build"}),Q0("span",{children:"\u2192"})]})]})]})]})})})()]})}import{createContext as sK,useContext as cK,useEffect as No,useId as lK,useMemo as rK,useState as N2}from"react";var eK=14,tK=3;function xu(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function aK(e,t){let a=new Date(`${e}T00:00:00`);return a.setDate(a.getDate()+t),xu(a)}async function RL(e,t,a={}){let s=a.days??eK,c=a.read??y8.getAvailability,l=0,r=0;for(let o=0;o<s;o++){if(a.signal?.aborted)return{outcome:"unreadable"};let i=aK(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>=tK)return{outcome:"unreadable"}}}return r===s?{outcome:"noneInWindow",days:s}:{outcome:"unreadable"}}import{jsx as nK}from"react/jsx-runtime";var BL=sK(null);function C7(){let e=cK(BL);if(!e)throw new Error("useBookingForm must be used inside <BookingFormProvider>");return e}var zu=[{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 oK(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 yu={bookingNumber:"EXAMPLE-0000",service:"Example service",startAt:"2026-01-01T00:00:00.000Z",timezone:"UTC",customerTimezone:"",manageToken:"example"};function iK(e,t){return e&&t?.length===0}function ZL({editing:e=!1,previewConfirmation:t=!1,children:a}){let s=lK(),c=rK(()=>xu(new Date),[]),[l,r]=N2(),[o,i]=N2(""),[n,h]=N2(""),[m,u]=N2(c),[d,v]=N2(c),[g,b]=N2(!1),[f,C]=N2(null),[z,M]=N2(),[S,H]=N2(""),[_,E]=N2(""),[O,P]=N2(""),[F,V]=N2(""),[D,Z]=N2(""),[I,U]=N2(()=>Im()),[N,J]=N2(null),[j,W]=N2(!1),[n1,z1]=N2(!1),[$,c1]=N2(null),[g1,K]=N2("");No(()=>{K(Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC")},[]),No(()=>{let c0=!1;return y8.listServices().then(l0=>{c0||(r(l0.results),i(l0.currency),h(J1=>J1||l0.results[0]?.id||""))}).catch(()=>{c0||r([])}),()=>{c0=!0}},[]),No(()=>{if(g||!n)return;let c0={aborted:!1};return H(""),M(void 0),c1(null),C(null),W(!0),RL(n,c,{signal:c0}).then(l0=>{if(!c0.aborted){if(l0.outcome==="found"){u(l0.date),v(l0.date),M(l0.availability);return}C(l0.outcome==="noneInWindow"?`No times are available in the next ${l0.days} days.`:"We couldn't load available times. Please try again.")}}).finally(()=>{c0.aborted||W(!1)}),()=>{c0.aborted=!0}},[g,n,c]),No(()=>{if(!g||!n||!m)return;let c0=!1;return H(""),M(void 0),c1(null),C(null),W(!0),y8.getAvailability(n,m).then(l0=>{c0||(M(l0),l0.slots.length===0&&C("No times are available on this date."))}).catch(()=>{c0||C("We couldn't load available times. Please try again.")}).finally(()=>{c0||W(!1)}),()=>{c0=!0}},[m,g,n]);let u1=l?.find(c0=>c0.id===n),x1=u1?.depositAmountDue!=null,T0=!!(!e&&!n1&&u1&&S&&_.trim()&&O.trim()&&!x1);async function P0(c0){if(c0.preventDefault(),!(!T0||!u1)){z1(!0),c1(null);try{let l0=await y8.create({serviceId:u1.id,start:S,customer:{name:_.trim(),email:O.trim(),phone:F.trim()},notes:D.trim(),idempotencyKey:I,customerTimezone:g1});J(l0),U(Im())}catch(l0){c1(l0 instanceof q4&&l0.status===409?"That time was just booked. Choose another available time.":"Your appointment wasn't submitted. Please check your details and try again."),l0 instanceof q4&&l0.status===409&&(H(""),y8.getAvailability(u1.id,m).then(M).catch(()=>{}))}finally{z1(!1)}}}let H1=iK(e,l);return nK(BL.Provider,{value:{fieldPrefix:s,editing:e,services:H1?zu:l,currency:H1?"AUD":o,serviceId:H1?zu[0].id:n,setServiceId:h,service:H1?zu[0]:u1,requiresPayment:H1?!1:x1,date:m,earliestDate:d,setDate:u,setDateTouched:b,availability:H1?oK(m):z,loadingSlots:H1?!1:j,noSlotsMessage:f,selectedStart:H1?`${m}T09:00:00.000Z`:S,setSelectedStart:H,customerTimezone:g1,name:_,setName:E,email:O,setEmail:P,phone:F,setPhone:V,notes:D,setNotes:Z,confirmation:N??(t?yu:null),submitting:n1,error:$,canSubmit:H1?!1:T0,handleSubmit:P0,sample:!!H1},children:a})}import{jsx as _o,Fragment as DL,jsxs as OL}from"react/jsx-runtime";var hK="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",GL={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 s3(e){let{variant:t="primary",arrow:a,glyphBefore:s,className:c,style:l,children:r,href:o,newTab:i,...n}=e,h=`${hK} ${GL[t]??GL.primary} ${c??""}`,m=s?OL(DL,{children:[a!==null&&_o("span",{"aria-hidden":!0,className:"inline-flex",children:a??"\u2192"}),r]}):OL(DL,{children:[r,a!==null&&_o("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:a??"\u2192"})]});return o?_o(s0,{href:o,className:h,style:l,...i?{target:"_blank",rel:"noopener noreferrer"}:{},children:m}):_o("button",{type:"button",className:h,style:l,...n,children:m})}import{jsx as A0,jsxs as A3}from"react/jsx-runtime";var ts="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 mK(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 qL(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 WL(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 as="font-[family-name:var(--bk-name-font,var(--font-mono))] text-[length:var(--bk-name-size,12px)]";function wu({number:e,children:t}){return A3("div",{className:"mb-4 flex items-center gap-3",children:[A0("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}),A0("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 Io({eyebrow:e,heading:t,intro:a}){return A3("div",{className:"mb-10 max-w-[760px]",children:[(e??"").trim()&&A0("p",{className:"mb-4 font-mono text-[12px] font-semibold uppercase tracking-[0.24em] text-accent",children:e}),(t??"").trim()&&A0("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()&&A0("p",{className:"mt-5 max-w-[660px] font-display text-[17px] leading-[1.65] text-fg-dim",children:a})]})}function Ro({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:u,noSlotsMessage:d,selectedStart:v,setSelectedStart:g,customerTimezone:b}=C7();return a?A3("div",{className:"flex flex-col gap-9",style:e,children:[A3("div",{children:[A0(wu,{number:"01",children:"Choose a service"}),A0("div",{className:"grid gap-3 sm:grid-cols-2",children:a.map(f=>{let C=f.id===c;return A3("button",{type:"button","aria-pressed":C,onClick:()=>l(f.id),className:`min-h-11 border p-4 text-left transition-colors ${C?"border-accent bg-accent/10":"border-line bg-bg hover:border-fg-dim"}`,children:[A0("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:f.name}),A3("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:[f.durationMinutes," min \xB7 ",mK(f.price,s)]}),f.description&&A0("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:f.description})]},f.id)})}),r&&A0("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."})]}),A3("div",{children:[A0(wu,{number:"02",children:"Choose a date and time"}),A0(D2,{separate:!0,htmlFor:`${t}-date`,label:"Date",required:!0,labelFace:as,children:A0("input",{id:`${t}-date`,type:"date",min:i,value:o,onChange:f=>{h(!0),n(f.target.value)},className:ts,required:!0})}),A0("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:u?A0("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(f=>A3("button",{type:"button","aria-pressed":v===f.start,onClick:()=>g(f.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 ${v===f.start?"border-accent bg-accent text-bg":"border-line bg-bg text-fg hover:border-accent"}`,children:[A0("span",{className:"block",children:qL(f.start,b||m.timezone)}),b&&b!==m.timezone&&A3("span",{className:"mt-0.5 block text-[9px] font-normal tracking-[0.08em] opacity-70",children:[qL(f.start,m.timezone)," business"]})]},f.start)):d?A0("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:d}):null}),m?.timezone&&A3("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 ",b||m.timezone,b&&b!==m.timezone?` \xB7 business timezone ${m.timezone}`:""]})]})]}):null}function Bo({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:u,error:d,canSubmit:v}=C7();return A3("div",{className:"sf-card border border-line bg-bg p-5 min-[640px]:p-7",style:t,children:[A0(wu,{number:"03",children:"Your details"}),A3("div",{className:"flex flex-col gap-4",children:[A0(D2,{separate:!0,htmlFor:`${a}-name`,label:"Name",required:!0,labelFace:as,children:A0("input",{id:`${a}-name`,type:"text",autoComplete:"name",value:c,onChange:g=>l(g.target.value),className:ts,required:!0})}),A0(D2,{separate:!0,htmlFor:`${a}-email`,label:"Email",required:!0,labelFace:as,children:A0("input",{id:`${a}-email`,type:"email",inputMode:"email",autoComplete:"email",value:r,onChange:g=>o(g.target.value),className:ts,required:!0})}),A0(D2,{separate:!0,htmlFor:`${a}-phone`,label:"Phone",labelFace:as,children:A0("input",{id:`${a}-phone`,type:"tel",inputMode:"tel",autoComplete:"tel",value:i,onChange:g=>n(g.target.value),className:ts})}),A0(D2,{separate:!0,htmlFor:`${a}-notes`,label:"What would you like to cover?",labelFace:as,children:A0("textarea",{id:`${a}-notes`,rows:4,value:h,onChange:g=>m(g.target.value),className:`${ts} resize-y`})})]}),d&&A0("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:d}),A0(s3,{type:s?"button":"submit",disabled:!v,arrow:null,className:"mt-6 w-full disabled:cursor-not-allowed disabled:opacity-50",children:u?"Submitting\u2026":(e??"").trim()||"Book appointment"})]})}function Zo({successMessage:e}){let{confirmation:t,customerTimezone:a}=C7();return t?A3("div",{className:"sf-card max-w-[760px] border border-line bg-bg p-6 min-[640px]:p-9",role:"status",children:[A3("p",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-accent",children:["Request received \xB7 ",t.bookingNumber]}),A0("h3",{className:"mt-4 font-display text-[28px] font-medium uppercase text-fg",children:t.service}),A0("p",{className:"mt-2 font-display text-[17px] text-fg-dim",children:WL(t.startAt,t.customerTimezone||a||t.timezone)}),t.customerTimezone&&t.timezone!==t.customerTimezone&&A3("p",{className:"mt-1 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:["Business time: ",WL(t.startAt,t.timezone)]}),(e??"").trim()&&A0("p",{className:"mt-5 max-w-[620px] font-serif text-[18px] italic leading-[1.6] text-fg-dim",children:e}),A0(s3,{href:`/book/${encodeURIComponent(t.manageToken)}`,newTab:t!==yu,variant:"ghost",className:"mt-7",children:"Manage booking"})]}):null}var Do=["step","name","value","note"],Cu={step:"Step",name:"Name",value:"Value",note:"Note"},Oo={step:"styleStep",name:"styleName",value:"styleValue",note:"styleNote"},UL={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 pK(e){return typeof e=="string"&&g5.includes(e)?e:null}var uK={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function jL(e){let t={};for(let a of Do){let s=pK(e[Oo[a]]);if(!s)continue;let c=E9({role:s},uK);c.fontFamily&&(t[UL[a].font]=c.fontFamily),c.fontSize&&(t[UL[a].size]=c.fontSize)}return t}import{jsx as Ye}from"react/jsx-runtime";var KL=["head","booking","details","confirm"],$L={head:"Head",booking:"Booking",details:"Your details",confirm:"Confirmation"};function ku({region:e,eyebrow:t,heading:a,intro:s,buttonLabel:c,successMessage:l,...r}){let{confirmation:o,services:i}=C7(),n=jL(r);return e==="head"?Ye("div",{className:"min-[960px]:col-span-2",style:n,children:Ye(Io,{eyebrow:t,heading:a,intro:s})}):e==="confirm"?o?Ye("div",{className:"min-[960px]:col-span-2",style:n,children:Ye(Zo,{successMessage:l})}):null:o||!i||i.length===0?null:e==="booking"?Ye(Ro,{style:n}):e==="details"?Ye(Bo,{buttonLabel:c,style:n}):null}import{jsx as Y0,Fragment as dK,jsxs as H4}from"react/jsx-runtime";var F8="solid",Mu=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function YL(e){return R2(Mu,F8,e)}var Su="sf-secnum-outline",XL="font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]",JL=`@supports (-webkit-text-stroke: 1px currentColor){.${Su}{color:var(--site-surface-2);-webkit-text-stroke:1px var(--site-line)}}`;var ss=(e,t=!1)=>typeof e=="string"?Y(e,t):e,Xe=(e,t=!1)=>typeof e=="string"?k(e,t):e;function t0({num:e,title:t,link:a,logo:s,description:c,accent:l,accentNum:r,numStyle:o=F8,look:i="standard",titleAccent:n,accentTracking:h="-0.02em",spaceBelow:m,rowGap:u,descriptionSize:d,className:v="",eyebrowLook:g=nr}){let b=m??(i==="editorial"?"mb-[60px]":"");if(i==="editorial"){let H=!!t||!!n;return H4("header",{className:`${b} 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 ${v}`.trim(),children:[e&&(typeof e=="string"?Y0(N1,{text:e,className:"pb-2"}):Y0("span",{className:"pb-2",children:e})),H&&H4("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&&H4(dK,{children:[" ",Y0("em",{className:"font-serif font-normal italic text-accent",style:{letterSpacing:h},children:n})]})]}),c&&Y0("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 H=`${b} ${v}`.trim();return H4("div",{className:H||void 0,children:[e&&(typeof e=="string"?Y0(N1,{text:e,look:g,className:"mb-4 block"}):Y0("span",{className:"mb-4 block",children:e})),t&&Y0("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:ss(t)})]})}if(i==="statement"){let H=`${b} ${v}`.trim();return H4("div",{className:H||void 0,children:[e&&(typeof e=="string"?Y0(N1,{text:e,look:g,className:"mb-4 block"}):Y0("span",{className:"mb-4 block",children:e})),t&&Y0("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:ss(t,!0)})]})}if(i==="natural"){let H=`flex max-w-[680px] flex-col ${u??"gap-5"} ${b} ${v}`.replace(/\s+/g," ").trim();return H4("div",{className:H,children:[e&&(typeof e=="string"?Y0(N1,{text:e,look:g}):Y0("span",{children:e})),t&&Y0("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:ss(t)}),c&&Y0("p",{className:`${d??"text-[length:var(--size-body,16px)]"} leading-[1.6] opacity-85`,children:c})]})}if(i==="essay"){let H=`${b} ${v}`.trim();return H4("div",{className:H||void 0,children:[e&&(typeof e=="string"?Y0(N1,{text:e,look:g,className:"mb-4 block"}):Y0("span",{className:"mb-4 block",children:e})),t&&Y0("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:ss(t)})]})}let f=!!c||!!a,C=!!t,z=YL(o)==="outlined",M="font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em]",S=null;if(e)if(z)S=Y0("span",{className:`${XL} text-fg-dim ${Su}`,children:Xe(e)});else if(r&&!l&&typeof e=="string"){let H=e.indexOf("/"),_=H===-1?e:e.slice(0,H),E=H===-1?"":e.slice(H);S=H4("span",{className:M,children:[Y0("span",{className:"text-accent",children:Xe(_)}),E&&Y0("span",{className:"text-fg-dim",children:Xe(E)})]})}else S=Y0("span",{className:`${M} ${l?"text-accent":"text-fg-dim"}`,children:Xe(e)});return H4("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:[z&&e&&Y0("style",{children:JL}),H4("div",{className:"flex flex-col items-start gap-3",children:[s?.src&&Y0("img",{src:F2(s.src),alt:s.alt,className:"h-8 w-auto object-contain"}),S]}),C&&Y0("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:ss(t)}),f&&H4("div",{className:"flex flex-col items-end gap-3 max-[800px]:items-start",children:[c&&Y0("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:Xe(c)}),a&&H4(s0,{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:[Xe(a.text),Y0("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{jsx as F4,jsxs as cs}from"react/jsx-runtime";function gK(e){return e.type==="textarea"||e.type==="select"||e.type==="checkbox"}function QL({eyebrow:e,title:t}){return cs("div",{className:"flex flex-col gap-4",children:[e&&F4(N1,{text:e,scaled:!1}),t&&F4("h2",{className:"font-display text-[min(clamp(40px,5vw,72px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:Y(t,!0)})]})}function Go({body:e,buttonLabel:t,consent:a,form:s,submission:c,showForm:l,resolving:r,editing:o}){return cs("div",{className:"flex flex-col gap-7",children:[e&&x0(e).map((i,n)=>F4("p",{className:"max-w-[480px] font-display text-[16px] leading-[1.6] text-fg-dim",children:k(i)},n)),l&&(s?c.done?F4("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:Be(s)}):cs("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",gK(i)?"col-span-2":""].join(" ");return i.type==="checkbox"?cs("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:[F4(f7,{field:i,value:c.valueOf(i.key),onChange:h=>c.set(i.key,h),className:"mt-0.5 size-4 accent-accent"}),cs("span",{children:[i.label,i.required?F4("span",{className:"text-accent",children:" *"}):null]})]},i.key):F4(f7,{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)}),F4(Ze,{value:c.honeypot,onChange:c.setHoneypot}),c.error&&F4("p",{role:"alert",className:"col-span-2 font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:c.error}),t&&F4("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":k(t)})]}):F4("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:r?p("Loading form\u2026"):p("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&&F4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:k(a)})]})}var qo=["field","tick","thanks"],Lu={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},Wo={field:"styleField",tick:"styleTick",thanks:"styleThanks"},eA={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 vK(e){return typeof e=="string"&&g5.includes(e)?e:null}var fK={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function tA(e){let t={};for(let a of qo){let s=vK(e[Wo[a]]);if(!s)continue;let c=E9({role:s},fK);c.fontFamily&&(t[eA[a].font]=c.fontFamily),c.fontSize&&(t[eA[a].size]=c.fontSize)}return t}import{jsx as Uo}from"react/jsx-runtime";var aA=["head","form"],sA={head:"Head",form:"Form"};function Au({region:e,eyebrow:t,title:a,body:s,buttonText:c,consent:l,formSlug:r,form:o,editing:i=!1,...n}){let h=A5(r,o),m=v7({form:h,formSlug:r,editing:i}),u=tA(n);return e==="head"?Uo("div",{style:u,children:Uo(t0,{look:"statement",num:t,title:a})}):Uo("div",{style:u,children:Uo(Go,{body:s??"",buttonLabel:c??"",consent:l??"",form:h,submission:m,showForm:!!h||i,resolving:h===void 0,editing:i})})}var bK={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>KL.map(e=>({region:e,name:$L[e]})),addBlocked:()=>p("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:()=>aA.map(e=>({region:e,name:sA[e]})),addBlocked:()=>p("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:VL},()=>({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:()=>IL.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(t=>({...t})):[]}};cz(bK);function Je(e,t){let a={};for(let s of Object.keys(e))a[s]={...e[s],...t[s]};return a}import{jsx as xK}from"react/jsx-runtime";import{OpacityIcon as zK}from"efficient-easel/icons";var cA={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow","Limited release"),title:G("Heading","Banner headline"),body:G("Body","A line or two of supporting copy."),_gBackground:x("Background image"),imageSrc:q1("Image","image/*"),overlay:s1("Overlay",xK(zK,{}),0,100,5,60,"%"),_gButton:x("Button"),...A4,_gLayout:x("Layout")}};import{jsx as CK}from"react/jsx-runtime";import{jsx as ls,jsxs as Hu,Fragment as yK}from"react/jsx-runtime";import{Fragment as wK}from"react";function lA({items:e,meta:t,editing:a=!1}){let s=(e??[]).filter(l=>l?.label?.trim()),c=s.length>0?s:a?[{label:p("Breadcrumb")}]:[];return c.length===0&&!t?null:Hu("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 Hu(wK,{children:[r>0&&ls("span",{className:"opacity-40",children:"/"}),l.href&&!o?ls(s0,{href:l.href,className:"hover:text-fg",children:D0(l.label)}):ls("span",{className:o?"text-fg":void 0,children:D0(l.label)})]},r)}),t&&Hu(yK,{children:[ls("span",{className:"opacity-40",children:"\xB7"}),ls("span",{children:k(t)})]})]})}function K4(e,t,a){return e||(a?.isEditing?p(t):void 0)}function w1(e,t,a){let s=Array.isArray(e)?e:[];return s.length?s:a?.isEditing?t:[]}function y(e,t,a){let s=T2(e);if(!s.hidden)return K4(s.text,t,a)}function e2(e,t,a){return T2(e).hidden?"":y(e,t,a)}function q3(e,t,a){return{text:y(e,u2.text,a),href:t||u2.href}}var Fu={meta:"Trailing note"},kK=()=>[{label:p("Home"),href:"/"},{label:p("Section"),href:""}],rA={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>CK(lA,{items:w1(e,kK(),a),meta:y(t,Fu.meta,a),editing:a?.isEditing})};var oA={fields:{_gContent:x("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:q("Label"),href:Q2(q("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:T("Trailing note",Fu.meta)}};import{jsx as g3,jsxs as MK}from"react/jsx-runtime";import{ButtonIcon as SK,ButtonIconIcon as LK,IconAfterTextIcon as AK,IconBeforeTextIcon as HK,StylesIcon as FK,WidthIcon as TK}from"efficient-easel/icons";import*as PK from"efficient-easel/icons";import{SettingsField as EK}from"efficient-easel/panel";import{useSelectedFields as hA}from"efficient-easel/easel";import{IconPicker as VK,Segmented as NK}from"efficient-shell/ui";function jo(e){return typeof e=="boolean"?e:!0}var Tu=["none","arrow-right","arrow-long-right","arrow-up-right","chevron-right","external","cart","bag","tag","email","location","play","download","search","car"];function Pu(e){return typeof e=="string"&&Tu.includes(e)?e:void 0}function iA(e,t){return Pu(e)??(jo(t)?"arrow-right":"none")}function Ko(e){return e==="before"?"before":"after"}function nA(e){return e==="fill"?"fill":"fit"}var Eu=e=>({...Sl({type:"custom",render:()=>g3(Ll,{})},"always"),reachedBy:e});function _K(e){let t=(e==="none"?"no-symbol":e).replace(/(^|-)([a-z])/g,(s,c,l)=>l.toUpperCase()),a=PK[`${t}Icon`];return a?g3(a,{size:16}):null}var IK=Tu.map(e=>({value:e,icon:_K(e)}));function RK({value:e,onChange:t}){let a=hA(),s=a.values.href,c=typeof e=="string"?e:e&&typeof e=="object"&&"text"in e?String(e.text??""):"";return g3(Ny,{label:"Button",icon:g3(SK,{size:18}),text:c,onTextChange:t,link:typeof s=="string"?s:"",onLinkChange:l=>a.onChange("href",l)})}function BK({value:e,onChange:t}){let a=hA(),s=iA(e,a.values.arrow),c=Ko(a.values.iconPosition);return g3(EK,{label:p("Icon"),icon:g3(LK,{size:18}),children:MK("div",{className:"flex items-center gap-2",children:[g3(VK,{label:p("Icon"),value:s,emptyValue:"none",options:IK,onChange:t}),s!=="none"&&g3(NK,{label:p("Icon position"),value:c,onChange:l=>a.onChange("iconPosition",l),options:[{value:"before",icon:g3(HK,{size:16}),label:g3("span",{className:"sr-only",children:p("Icon before text")}),title:p("Icon before text")},{value:"after",icon:g3(AK,{size:16}),label:g3("span",{className:"sr-only",children:p("Icon after text")}),title:p("Icon after text")}]})]})})}var mA={fields:{label:qy(q("Button"),e=>g3(RK,{value:e.value,onChange:e.onChange})),href:{...F1("Button link"),...Eu("label")},_dSize:Y1("Size"),widthFit:f1("Width",g3(TK,{}),[{label:"Fit content",value:"fit"},{label:"Fill",value:"fill"}],"fit"),_gStyle:x("Style"),variant:f1("Style",g3(FK,{}),[{label:"Filled",value:"primary"},{label:"Outline",value:"ghost"}],"primary"),icon:{type:"custom",render:e=>g3(BK,{value:e.value,onChange:e.onChange})},iconPosition:Eu("icon"),arrow:Eu("icon"),_dLayout:Y1("Layout"),align:E5()}};import{jsx as dA}from"react/jsx-runtime";import{ColumnsIcon as WK,StylesIcon as UK}from"efficient-easel/icons";import{jsx as GK}from"react/jsx-runtime";import{jsx as Qe,Fragment as ZK,jsxs as Vu}from"react/jsx-runtime";var DK="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))]",OK="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 pA({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:Qe("section",{className:"relative z-[2] bg-surface",children:Vu("div",{className:l?OK:DK,children:[l?null:Vu(ZK,{children:[(t??"").trim()&&Qe(N1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&Qe("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:Y(a??"",!1)})]}),i.length>0&&Qe("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)=>Vu("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[Qe("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:k((h.title??"").trim()||"Card title")}),Qe("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:k((h.body??"").trim()||"A short line about this card.")})]},m))})]})})}var rs={eyebrow:"Label",title:"Section *heading.*"},qK=()=>[{title:p("Card title one"),body:p("A short line about this card.")},{title:p("Card title two"),body:p("A short line about this card.")},{title:p("Card title three"),body:p("A short line about this card.")}],uA={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return GK(pA,{look:r4(e.eyebrowLook,"Cards"),eyebrow:a(y(e.eyebrow,rs.eyebrow,e.puck)),title:a(y(e.title,rs.title,e.puck)),omitHead:t,items:w1(e.items,qK(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var gA={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",rs.eyebrow),eyebrowLook:v1("Eyebrow style",dA(UK,{}),[...C4],l7("Cards")),title:G("Heading",rs.title),items:{type:"array",label:"Cards",arrayFields:{title:b1("Card title"),body:V1("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:x("Style"),columns:s1("Columns",dA(WK,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Cards.headRows)};import{jsx as jK}from"react/jsx-runtime";import{StickyIcon as KK}from"efficient-easel/icons";var vA={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:q("Label"),count:q("Count")},getItemSummary:e=>e?.label?`${e.label}${e.count?` \xB7 ${e.count}`:""}`:"Tab"},activeTab:Q2(q("Active tab","All")),_gLinks:x("Links"),links:{type:"array",label:"Right links",arrayFields:{label:q("Label"),href:Q2(q("Link"))},getItemSummary:e=>e?.label||"Link"},_gStyle:x("Style"),sticky:l1("Stick under header",!0,jK(KK,{}))}};import{jsx as e$}from"react/jsx-runtime";import{StylesIcon as t$}from"efficient-easel/icons";import{jsx as JK}from"react/jsx-runtime";import{jsx as l2,jsxs as $4}from"react/jsx-runtime";function Nu(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var fA=[100,70,46,30,19,12];function bA(e){return`color-mix(in srgb, var(--accent) ${fA[e%fA.length]}%, var(--bg))`}function $K({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:k(s.label)}),$4("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[Nu(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 YK({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:[Nu(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 XK({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:bA(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:bA(i)}}),l2("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:k(o.label)}),l2("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:t?`${Nu(o.value)}${t}`:`${Math.round(o.value/a*100)}%`})]},i))})]})}function xA({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(d=>({label:(d.label??"").trim(),value:parseFloat(d.value??"")})).filter(d=>o?!0:d.label&&Number.isFinite(d.value)).map(d=>({label:d.label||"\u2014",value:Number.isFinite(d.value)?d.value:0})),h=!!(e??"").trim()||!!(t??"").trim();if(!o&&!h&&n.length===0)return null;let m=s??"bars",u=n.length===0?null:m==="line"&&n.length>1?l2(YK,{data:n,suffix:i}):m==="donut"?l2(XK,{data:n,suffix:i}):l2($K,{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:k(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:Y(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:[u,(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 os={eyebrow:"By the numbers",title:`A picture worth
|
|
23
|
+
*a thousand rows.*`},QK=()=>[{label:p("Before"),value:"9"},{label:p("After"),value:"3"},{label:p("With us"),value:"1"}],zA={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})=>JK(xA,{eyebrow:y(e,os.eyebrow,o),title:y(t,os.title,o),body:a,items:w1(s,QK(),o),chartStyle:l,valueSuffix:r,caption:c,editing:o?.isEditing})};var yA={fields:{_gContent:x("Content"),eyebrow:T("Chip label",os.eyebrow),title:G("Heading",os.title),body:G("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:b1("Label"),value:q("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Point"},caption:T("Caption","Illustrative example"),_gStyle:x("Style"),chartStyle:v1("Chart style",e$(t$,{}),[{label:"Bars (comparison / funnel)",value:"bars"},{label:"Line (trend)",value:"line"},{label:"Donut (split of a whole)",value:"donut"}],"bars"),valueSuffix:T("Value suffix","%")}};import{jsx as x$}from"react/jsx-runtime";import{jsx as A1,Fragment as Ru,jsxs as Y4}from"react/jsx-runtime";import{useId as c$,useState as l$}from"react";import{InspectorUpLevel as ns}from"efficient-easel/chrome";import{useEasel as r$}from"efficient-easel/easel";import{ListField as MA}from"efficient-easel/fields";import{SettingsField as SA}from"efficient-easel/panel";import{ClockIcon as wA,ContrastIcon as o$,GlobeIcon as i$,LinkIcon as n$,LocationIcon as h$,PhoneIcon as m$,SquareIcon as p$,TypeIcon as Bu}from"efficient-easel/icons";var a$=["tall","square","wide"],s$="tall";function $o(e){return a$.includes(String(e??""))?String(e):s$}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"},is=[{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 Yo(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var T8="other",f0={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 _u(e){return zl(e)}var Zu=(e,t)=>t||e?cC(e,t):p("Ungrouped");function u$(e){let t=[];return e.forEach((a,s)=>{let c=c7(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 Iu({children:e}){return A1("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:e})}var LA={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"},d$={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},AA={...d$,color:"#d85a30"};function v6({label:e,value:t,placeholder:a,textarea:s,icon:c,onChange:l,onBlur:r,onKeyDown:o}){let i=c$();return A1(SA,{label:e,icon:c??A1(Bu,{}),htmlFor:i,children:s?A1("textarea",{id:i,value:t,placeholder:a,onChange:n=>l(n.target.value)}):A1("input",{id:i,type:"text",value:t,placeholder:a,onChange:n=>l(n.target.value),onBlur:r,onKeyDown:o})})}var g$=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],v$=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function CA({label:e,icon:t,options:a,value:s,onChange:c}){return A1(SA,{label:e,icon:t,children:A1("div",{role:"group","aria-label":e,style:{display:"flex",gap:4,flex:1},children:a.map(l=>{let r=s===l.value;return A1("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:p(l.label)},l.value)})})})}function kA({props:e,setSection:t,headOnly:a}){let s=r=>String(e[r]??""),c=e.mapTheme||r2.mapTheme,l=r2;return Y4(Ru,{children:[!a&&A1(Iu,{children:p("Section")}),A1(v6,{label:p("Section number"),value:s("sectionNumber"),placeholder:l.sectionNumber,onChange:r=>t({sectionNumber:r})}),A1(v6,{label:p("Heading"),textarea:!0,value:s("heading"),placeholder:l.heading,onChange:r=>t({heading:r})}),A1(v6,{label:p("Body"),textarea:!0,value:s("tagline"),placeholder:l.tagline,onChange:r=>t({tagline:r})}),a?null:Y4(Ru,{children:[A1(Iu,{children:p("City strip")}),A1(v6,{label:p("Eyebrow"),value:s("galleryKicker"),placeholder:l.galleryKicker,onChange:r=>t({galleryKicker:r})}),A1(v6,{label:p("Hint"),value:s("galleryHint"),placeholder:l.galleryHint,onChange:r=>t({galleryHint:r})}),A1(CA,{label:p("Shape"),icon:A1(p$,{}),options:v$,value:$o(e.imageShape),onChange:r=>t({imageShape:r})}),A1(Iu,{children:p("Map & Theme")}),A1(CA,{label:p("Map theme"),icon:A1(o$,{}),options:g$,value:c,onChange:r=>t({mapTheme:r})})]})]})}function f$({cards:e,groupKey:t,onChange:a,onBack:s,onOpenCity:c,onNavigate:l}){let r=e.map((d,v)=>c7(d)===t?v:-1).filter(d=>d>=0),o=String(e[r[0]]?.groupName??""),i=new Set(e.map(c7).filter(d=>d!==t)),[n,h]=l$(t),m=d=>a(e.map(v=>c7(v)===t?{...v,...d}:v)),u=()=>{let d=n;if(d!==t){if(i.has(d)){h(t);return}a(e.map(v=>c7(v)===t?{...v,group:d}:v)),l(d)}};return Y4("div",{className:"sf-locations-view",children:[A1(ns,{inline:!0,name:p("Section"),onSelect:s}),A1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:Zu(t,o)}),A1(v6,{label:p("Group heading"),value:n,placeholder:p("e.g. Americas"),onChange:h,onBlur:u,onKeyDown:d=>{d.key==="Enter"&&d.currentTarget.blur()}}),i.has(n)&&n!==t&&A1("p",{className:"sf-note sf-note--error",role:"alert",children:p("Another group already uses this heading \u2014 pick a different one.")}),A1(v6,{label:p("Group name"),value:o,placeholder:p("Shown beside the heading"),onChange:d=>m({groupName:d})}),A1(MA,{label:p("Cities in this group"),noun:p("city"),items:r.map(d=>e[d]),onChange:d=>a(lC(e,t,d)),newItem:()=>({...Pm,group:t,groupName:o}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,renderRow:(d,v)=>Y4("button",{type:"button",style:LA,onClick:()=>c(r[v]),children:[A1("span",{children:d?.name||p("City")}),A1("span",{"aria-hidden":"true",children:"\u203A"})]})}),A1("div",{style:{marginTop:12},children:A1("button",{type:"button",style:AA,onClick:()=>{a(e.filter(d=>c7(d)!==t)),s()},children:p3("Delete group ({n} city)","Delete group ({n} cities)",r.length)})})]})}function HA({value:e,onChange:t}){let a=Array.isArray(e)?e:[],s=sC(),c=yw(),l=u$(a),{appState:r,selectedItem:o}=r$(g=>g),i=zy(),n=o?.props??{},h=g=>{if(!o)return;let b=(r.data.content??[]).findIndex(f=>f.props.id===o.props.id);b<0||i.replaceComponent(sz,b,{type:o.type,props:{...o.props,...g}})},m=(g,b)=>t(a.map((f,C)=>C===g?{...f,...b}:f)),u=()=>{let g=new Set(l.map(C=>C.key)),b=l.length+1,f=`Group ${b}`;for(;g.has(f);)f=`Group ${++b}`;return f};if(s.level==="texts")return Y4("div",{className:"sf-locations-view",children:[A1(ns,{inline:!0,name:p("Locations"),onSelect:()=>G4({level:"groups"})}),A1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:p("Texts")}),A1(kA,{props:n,setSection:h,headOnly:!0})]});if(s.level==="image"){let g=a[s.index];return g?Y4("div",{className:"sf-locations-view",children:[A1(ns,{inline:!0,name:String(g.name??"")||p("City"),onSelect:()=>G4({level:"city",index:s.index})}),A1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:p("Image")}),A1(ky,{value:g.photo||"",onChange:b=>m(s.index,{photo:b}),label:"Image",accept:"image/*"})]}):d()}if(s.level==="map"){let g=a[s.index];return g?Y4("div",{className:"sf-locations-view",children:[A1(ns,{inline:!0,name:String(g.name??"")||p("City"),onSelect:()=>G4({level:"city",index:s.index})}),A1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:p("Map")}),A1(Wl,{value:g.geocode,onChange:b=>m(s.index,{geocode:b}),label:"Coordinates"}),A1(v6,{label:p("Directions link"),icon:A1(n$,{}),value:String(g.mapsUrl??""),onChange:b=>m(s.index,{mapsUrl:b})})]}):d()}if(s.level==="city"){let g=s.index,b=a[g];if(!b)return d();let f=c7(b),C=(M,S)=>m(g,{[M]:S}),z=(M,S,H,_=!1)=>A1(v6,{label:S,icon:H,textarea:_,value:String(b[M]??""),onChange:E=>C(M,E)});return Y4("div",{className:"sf-locations-view",children:[A1(ns,{inline:!0,name:Zu(f,String(b.groupName??"")),onSelect:()=>G4({level:"group",key:f})}),A1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:b.name||p("City")}),z("name",p("Location name"),A1(Bu,{})),z("state",p("State / Province"),A1(Bu,{})),z("country",p("Country"),A1(i$,{})),z("address",p("Address"),A1(h$,{}),!0),z("phone",p("Phone"),A1(m$,{})),z("hours",p("Opening hours"),A1(wA,{})),z("timezone",p("Timezone chip"),A1(wA,{})),A1("div",{style:{marginTop:12},children:A1("button",{type:"button",style:AA,onClick:()=>{t(a.filter((M,S)=>S!==g)),G4({level:"group",key:f})},children:p("Delete city")})})]})}if(s.level==="group")return l.some(g=>g.key===s.key)?A1(f$,{cards:a,groupKey:s.key,onChange:t,onBack:()=>G4({level:"groups"}),onOpenCity:g=>G4({level:"city",index:g}),onNavigate:g=>G4({level:"group",key:g})},s.key):d();function d(){return Y4("div",{className:"sf-locations-view",children:[A1(kA,{props:n,setSection:h}),!c&&A1(Ru,{children:v()})]})}function v(){return A1(MA,{label:p("Locations"),noun:p("group"),items:l,onChange:g=>{let b=g.find(f=>!l.some(C=>C.key===f.key));t(rC(a,g.map(f=>f.key),f=>[{...Pm,group:f,groupName:""}])),b&&G4({level:"group",key:b.key})},newItem:()=>({key:u(),name:"",indices:[]}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,above:l.length===0?A1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:p("No locations yet.")}):void 0,renderRow:g=>Y4("button",{type:"button",style:LA,onClick:()=>G4({level:"group",key:g.key}),children:[A1("span",{style:{fontWeight:500},children:Zu(g.key,g.name)}),Y4("span",{style:{color:"var(--fg-dim, #999)"},children:[p3("{n} city","{n} cities",g.indices.length)," \u203A"]})]})})}return d()}var b$="/geocode.json";async function FA(e){let t=e.trim();if(!t)return null;if(!Tx())throw new Error("geocode_unavailable");let a=await fetch(`${ir()}${b$}?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 Xo=e=>typeof e=="number"&&Number.isFinite(e);function Jo(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:Xo(a.lat)&&a.lat!==t.lat||Xo(a.lng)&&a.lng!==t.lng:!1})}async function Qo(e,t,{geocode:a=FA,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=Xo(o.lat)&&o.lat!==r.lat?o.lat:r.lat,n=Xo(o.lng)&&o.lng!==r.lng?o.lng:r.lng;return i!==r.lat||n!==r.lng?{...r,lat:i,lng:n}:r})}var TA={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>x$(HA,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!Jo(a))return e;let s=await Qo(a,c=>{let l=Yo(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}}}};import{jsx as _A}from"react/jsx-runtime";import{ClockIcon as H$,TagIcon as F$}from"efficient-easel/icons";import{jsx as A$}from"react/jsx-runtime";import{jsx as N5,jsxs as ei,Fragment as y$}from"react/jsx-runtime";import{useEffect as w$,useState as EA}from"react";import{Fragment as z$,jsx as PA}from"react/jsx-runtime";function et({kind:e,children:t}){let a=Dz(e);return a?PA("span",{[wz]:a.stamp,children:t}):PA(z$,{children:t})}var C$=24*3600*1e3,k$=[{key:"hours",label:"Hours"},{key:"minutes",label:"Minutes"},{key:"seconds",label:"Seconds"}];function M$(e,t){return Math.max(0,Math.ceil((e-t)/1e3))}function S$(e){let t=Date.parse((e??"").trim());return Number.isFinite(t)?t:null}var L$=e=>String(e).padStart(2,"0");function VA({title:e,zeroText:t,endsAt:a,showUnits:s=!0,editing:c=!1}={}){let l=S$(a),[r]=EA(()=>Date.now()+C$),o=l??(c?r:null),[i,n]=EA(()=>Date.now());if(w$(()=>{if(o===null)return;n(Date.now());let g=window.setInterval(()=>n(Date.now()),1e3);return()=>window.clearInterval(g)},[o]),o===null)return null;let h=M$(o,i),m=[Math.floor(h/3600),Math.floor(h%3600/60),h%60],u=(e??"").trim(),d=(t??"").trim(),v=`${m[0]} hours, ${m[1]} minutes and ${m[2]} seconds left`;return N5("section",{className:"relative z-[2] bg-bg",role:"timer","aria-live":"off",children:ei("div",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-col items-center gap-4 px-[var(--sf-site-gutter,40px)] py-12 text-center max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[u&&N5("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(u)}),h===0?d&&N5("p",{className:"font-heading3 text-[length:min(var(--size-headingSmall,32px),var(--sf-heading-max,9999px))] font-medium leading-tight text-fg",children:Y(d,!1)}):ei(y$,{children:[N5("span",{className:"sr-only",children:v}),N5("div",{"aria-hidden":!0,className:"flex items-start gap-[clamp(8px,2vw,24px)]",children:k$.map((g,b)=>ei("div",{className:"contents",children:[b>0&&N5("span",{className:"font-mono text-[length:clamp(32px,7vw,80px)] leading-none text-accent",children:":"}),ei("div",{className:"flex min-w-0 flex-col items-center gap-2",children:[N5(et,{kind:nm,children:N5("span",{"data-countdown-unit":g.key,...c?{[Y6]:nm}:{},suppressHydrationWarning:!0,className:"font-mono text-[length:clamp(40px,8vw,96px)] font-medium leading-none tabular-nums text-fg",children:L$(m[b])})}),s&&N5(et,{kind:V9,children:N5("span",{...c?{[Y6]:V9}:{},className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:g.label})})]})]},g.key))})]})]})})}var ti={title:"Back online in",zeroText:"Almost done. Back very soon."},NA={label:"Countdown",defaultProps:{...ti,endsAt:"",showUnits:!0},render:({title:e,zeroText:t,endsAt:a,showUnits:s,puck:c})=>A$(VA,{title:e,zeroText:t,endsAt:a,showUnits:s,editing:c?.isEditing})};var IA={fields:{title:T("Heading",ti.title),zeroText:T("At zero",ti.zeroText),endsAt:sw("Ends",_A(H$,{}),"In your own time zone. Every visitor counts down to the same moment."),showUnits:l1("Unit labels",!0,_A(F$,{}))}};var RA={fields:{html:{type:"textarea",label:"HTML"}}};import{jsx as N$}from"react/jsx-runtime";import{StylesIcon as _$}from"efficient-easel/icons";var P8="line",Du=[{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"}],T$={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},BA=28,P$="-45deg",E$="color-mix(in oklab, var(--accent) 50%, var(--bg))";function V$(e){return e!=="line"}function ZA(e){return R2(Du,P8,e)}function DA(e){if(!V$(e))return null;let{ink:t,period:a}=T$[e];return`repeating-linear-gradient(${P$}, ${E$} 0 ${t}px, transparent ${t}px ${a}px)`}var OA={fields:{style:v1("Style",N$(_$,{}),Du,P8),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as D$}from"react/jsx-runtime";import{jsx as f6,jsxs as hs}from"react/jsx-runtime";function I$(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function R$(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=xz(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 B$=()=>[{label:p("First section"),heading:p("Your *first* section."),body:p(`Write the opening paragraph here.
|
|
29
|
+
|
|
30
|
+
- Start a line with a dash for a bullet.
|
|
31
|
+
- Add as many as you like.`)},{label:p("Second section"),heading:p("Your *second* section."),body:p("Leave a blank line between paragraphs to start a new one.")}],Z$=120;function GA({tocTitle:e,sections:t,editing:a=!1,stickyTop:s=Z$}){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?B$():c,r=new Set,o=l.map((i,n)=>{let h=I$(i.label||i.heading||"",n),m=h,u=2;for(;r.has(m);)m=`${h}-${u++}`;return r.add(m),m});return f6("section",{className:"relative z-[2] bg-bg",children:hs("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:[hs("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:s},children:[e&&f6("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:k(e)}),l.map((i,n)=>hs("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:[f6("span",{children:k(i.label||"Section")}),f6("span",{className:"text-accent",children:String(n+1).padStart(2,"0")})]},o[n]))]}),f6("div",{className:"flex flex-col gap-16",children:l.map((i,n)=>hs("article",{id:o[n],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:s},children:[hs("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(n+1).padStart(2,"0")," \xB7 ",k(i.label||"Section")]}),i.heading&&f6("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:k(i.heading)}),R$(i.body??"").map((h,m)=>h.type==="ul"?f6("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:h.items.map((u,d)=>f6("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['\xB7']",children:k(u)},d))},m):f6("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:k(h.text)},m))]},o[n]))})]})})}var Ou={toc:"On this page"},O$=()=>[{label:p("Section"),heading:p("Section heading *here.*"),body:p("Add this section's copy here. A blank line starts a new paragraph.")},{label:p("Section"),heading:p("Section heading *here.*"),body:p("Add this section's copy here.")}],qA={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>D$(GA,{tocTitle:y(e.tocTitle,Ou.toc,e.puck),sections:w1(e.sections,O$(),e.puck),editing:e.puck?.isEditing})};var WA={fields:{_gContent:x("Contents"),tocTitle:T("Contents heading",Ou.toc),_gSections:x("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:b1("Contents label"),heading:b1("Title"),body:V1("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};import{jsx as q$}from"react/jsx-runtime";import{jsx as E8,jsxs as Gu}from"react/jsx-runtime";function G$({level:e,className:t,children:a}){return E8(e===2?"h2":"h1",{className:t,children:a})}function UA({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:E8("section",{className:"relative z-[2] bg-bg",children:Gu("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:[Gu("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&&E8(N1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&E8(G$,{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:Y(t,!0)}),r.length>0&&E8("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)=>Gu("div",{children:[o.label&&E8("strong",{className:"font-normal text-fg",children:k(o.label)}),o.label&&o.value?" ":null,o.value?k(o.value):null]},i))})]}),a&&E8("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:k(a,!0)})]})})}var W$=()=>[{label:p("Label"),value:p("Value")},{label:p("Label"),value:p("Value")}],V8={eyebrow:A.eyebrow,title:A.headingAccent,deck:"Add a sentence or two introducing this document."},jA={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>q$(UA,{titleLevel:e.titleLevel,eyebrow:y(e.eyebrow,V8.eyebrow,e.puck),title:y(e.title,V8.title,e.puck),deck:y(e.deck,V8.deck,e.puck),meta:w1(e.meta,W$(),e.puck),editing:e.puck?.isEditing})};var KA={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",V8.eyebrow),title:G("Heading",V8.title),deck:G("Deck / standfirst",V8.deck),_gMeta:x("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:b1("Label"),value:b1("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||"Row"}}};import{jsx as j$}from"react/jsx-runtime";import{jsx as ms,jsxs as U$}from"react/jsx-runtime";function $A({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:ms("section",{className:"relative z-[2] bg-bg",children:ms("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)=>U$("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[s.label&&ms(N1,{text:s.label,size:12}),s.value&&ms("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:k(s.value)}),s.desc&&ms("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:k(s.desc)})]},c))})})}var qu=[{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."}],YA={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>j$($A,{cards:w1(e.cards,qu,e.puck),editing:e.puck?.isEditing})};var XA={fields:{cards:K9({type:"array",label:"Cards",arrayFields:{label:b1("Label"),value:b1("Value"),desc:V1("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:e=>e?.label||e?.value||"Card"},qu)}};import{jsx as Y$}from"react/jsx-runtime";import{PageIcon as X$}from"efficient-easel/icons";import{jsx as K$}from"react/jsx-runtime";import{jsx as Wu,jsxs as Uu}from"react/jsx-runtime";function JA({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 Wu("nav",{className:`${ne} 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:Uu("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 Uu(s0,{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:[D0(r.label),i&&Wu("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},o)}),(t||a)&&Uu("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[t&&k(t),a&&Wu("strong",{className:"ml-2 font-normal text-accent",children:k(a)})]})]})})}var $$=()=>[{label:p("Tab"),href:"#",current:!0},{label:p("Tab"),href:"#",current:!1},{label:p("Tab"),href:"#",current:!1}],ps={metaLabel:A.label,metaValue:A.value},QA={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>K$(JA,{tabs:w1(e.tabs,$$(),e.puck),metaLabel:y(e.metaLabel,ps.metaLabel,e.puck),metaValue:y(e.metaValue,ps.metaValue,e.puck),editing:e.puck?.isEditing})};var eH={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:q("Tab label"),href:F1("Links to"),current:l1("Current page",!1,Y$(X$,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:x("Trailing note"),metaLabel:T("Note label",ps.metaLabel),metaValue:T("Note value",ps.metaValue)}};import{jsx as J$}from"react/jsx-runtime";import{StylesIcon as Q$}from"efficient-easel/icons";var tH={fields:{eyebrow:T("Eyebrow",A.eyebrow),align:E5(),eyebrowLook:v1("Look",J$(Q$,{}),C4,hr)}};import{jsx as uY}from"react/jsx-runtime";import{ChevronIcon as dY}from"efficient-easel/icons";import{jsx as mY}from"react/jsx-runtime";import{Fragment as oY,jsx as T4,jsxs as Yu}from"react/jsx-runtime";import{jsx as cY}from"react/jsx-runtime";import{useEffect as lY,useRef as rY}from"react";import{jsx as tY}from"react/jsx-runtime";import{useEffect as aY,useRef as sY}from"react";var us="data-puck-component";function Ku(e,t){return e.closest(`[${us}]`)?.getAttribute(us)===t}function aH(e,t,a){let s=e.querySelectorAll("*"),c=[],l=new Set;for(let d=0;d<s.length;d+=1){let v=s[d];if(!Ku(v,t))continue;let g=v.getAttribute(Y6);g&&(c.push({element:v,partId:s6(t,g)}),l.add(v))}let r=[];for(let d=0;d<s.length;d+=1){let v=s[d];if(!Ku(v,t)||l.has(v))continue;let g=yz(v.textContent??"");g&&r.push({element:v,text:g})}let o=new Map,i=[],n=d=>d.row?`${d.key}.${d.row.rowKey}`:null,h=new Map;for(let d of a){let v=n(d);if(!v)continue;let g=h.get(v);g?g.push(d):h.set(v,[d])}let m=new Set;for(let[d,v]of h){if(v.length<2)continue;let g=v.flatMap(C=>C.texts);if(new Set(g).size===g.length)continue;let b=r.filter(C=>g.includes(C.text));if(b.length!==v.length)continue;let f=[...v].sort((C,z)=>(C.row?.index??0)-(z.row?.index??0));for(let C=0;C<f.length;C+=1){let z=f[C],M=b[C].element,S={key:z.key,partKey:tm(z.key,z.row),exact:!0},H=o.get(M);H?H.push(S):(o.set(M,[S]),i.push(M))}m.add(d)}for(let d of a){if(m.has(n(d)??""))continue;let v=tm(d.key,d.row);for(let g of d.texts){let b=[],f=null;for(let M of r)M.text===g?b.push(M.element):!b.length&&M.text.includes(g)&&(!f||M.text.length<=f.length)&&(f={element:M.element,length:M.text.length});let C=b.length?b:f?[f.element]:[],z=C.filter(M=>!C.some(S=>S!==M&&M.contains(S)));for(let M of z){let S={key:d.key,partKey:v,exact:b.length>0},H=o.get(M);H?H.push(S):(o.set(M,[S]),i.push(M))}}}let u=[...c];for(let d of i){let v=o.get(d)??[],g=v.some(b=>b.exact)?v.filter(b=>b.exact):v;if(new Set(g.map(b=>b.partKey)).size===1){u.push({element:d,partId:s6(t,g[0].partKey)});continue}new Set(g.map(b=>b.key)).size===1&&u.push({element:d,partId:s6(t,g[0].key)})}return u}function ju(e,t,a){let s=e.querySelectorAll(`[${c6}]`);for(let l=0;l<s.length;l+=1){let r=s[l];Ku(r,t)&&r.removeAttribute(c6)}let c=[];for(let{element:l,partId:r}of a)l.setAttribute(c6,r),c.push(l);return c}function sH(e,t,a,s,c,l=()=>null){let r=null,o=null,i=null,n=()=>{let h=a(),m=h?.getAttribute(us)??null;if(!h||!m)return!1;r=m;let u=aH(e,m,t);return c(h,m,ju(e,m,u)),i=l(()=>{let d=aH(e,m,t);eY(u,d)||(u=d,c(h,m,ju(e,m,d)))}),!0};return n()||(o=s(()=>{(r||n())&&(o?.(),o=null)})),()=>{o?.(),o=null,i?.(),i=null,r&&ju(e,r,[])}}function eY(e,t){return e.length===t.length&&e.every((a,s)=>a.element===t[s].element&&a.partId===t[s].partId)}function cH(e,t){return e?.closest(`[${c6}]`)?.getAttribute(c6)??s6(t,null)}function lH(e,t){return e!==s6(t,null)}function $u(e){let t=null,a=null;for(let s=e;s&&(t===null||a===null);s=s.parentElement){let c=s.getAttribute("class");t??=vz(c),a??=rm(c)}return{faceRole:t??"body",sizeGroup:a}}function ai(e){let t=e.style,a={};for(let r of lm)a[r]=t[r]??"",t[r]="";let s=getComputedStyle(e),c=getComputedStyle(e.ownerDocument.documentElement),l=Cz({fontSize:s.fontSize,fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,textAlign:s.textAlign,textTransform:s.textTransform,paddingTop:s.paddingTop,maxWidth:s.maxWidth},kz(s.fontFamily,r=>c.getPropertyValue(r)));for(let r of lm)t[r]=a[r];return l}function rH({needles:e,styles:t,type:a,children:s}){let c=sY(null),{selectedPartId:l,select:r}=hl(),{setPartStyle:o}=ml(),i=JSON.stringify(e),n=JSON.stringify(t);return aY(()=>{let h=c.current;if(!h)return;let m=[],u=()=>h.parentElement,d=z=>{let M=u();if(!M)return null;let S=new MutationObserver(z);return S.observe(M,{attributes:!0,attributeFilter:[us]}),()=>S.disconnect()},v=z=>{let M=new MutationObserver(z);return M.observe(h,{childList:!0,subtree:!0,characterData:!0}),()=>M.disconnect()},g=[];m.push(()=>{for(let z of g)z();g=[]});let b=JSON.parse(i),f=JSON.parse(n),C=sH(h,b,u,d,(z,M,S)=>{for(let P of g)P();g=[];let H=[];for(let P of S){let F=P,V=T9(F);V&&g.push(V),F.getAttribute(c6)===l?(F.setAttribute(d8,""),H.push(F)):F.removeAttribute(d8)}let _=Mz(M,l,H,P=>fz(P)!==null||rm(P)!==null);if(_&&l){let P=_;o({partId:l,...$u(P),base:ai(P),inks:bz(P)})}Sz(S.map(P=>({element:P,partId:P.getAttribute(c6)??""})),f,P=>ai(P),P=>Bz(a,P));let E=P=>{let F=cH(P.target,M);lH(F,M)&&(P.stopPropagation(),P.preventDefault()),r(F)},O=z;O.addEventListener("click",E,{capture:!0}),g.push(()=>O.removeEventListener("click",E,{capture:!0}))},v);return()=>{C();for(let z of m)z()}},[i,n,l,r,o]),tY("div",{ref:c,style:{display:"contents"},children:s})}function tt({nodeId:e,sectionType:t,children:a}){let s=rY(null),{selectedPartId:c,select:l}=hl(),{setPartStyle:r}=ml();return lY(()=>{let o=s.current,i=Lw(t);if(!o||!e||!i)return;let n=[],h=Array.from(o.querySelectorAll(`[${b8}]`));for(let u of h){let d=kw(i,u.getAttribute(b8));if(!d)continue;let v=T9(u);v&&n.push(v);let g=s6(e,x8(d));g===c?(u.setAttribute(d8,""),r({partId:g,...$u(u),base:ai(u)})):u.removeAttribute(d8)}let m=u=>{let d=Mw(i,u.target);d&&(u.stopPropagation(),u.preventDefault(),l(s6(e,x8(d))))};return o.addEventListener("click",m,{capture:!0}),n.push(()=>o.removeEventListener("click",m,{capture:!0})),()=>{for(let u of n)u();for(let u of h)u.removeAttribute(d8)}},[e,t,c,l,r]),cY("div",{ref:s,style:{display:"contents"},children:a})}function oH(e){return p2(e).trim()}function Xu(e,t){return e?{[b8]:t}:{}}function Ju(e,t){let a=e?.[x8(t)]?.role;return er(a,Cw[t],il)}function iY({editing:e,nodeId:t,children:a}){return!e||!t?T4(oY,{children:a}):T4(tt,{nodeId:t,sectionType:"FAQ",children:a})}var nY="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]",hY="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 iH({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(g=>(g.question??"").trim()!==""),h=l&&n.length===0;if(n.length===0&&!l)return null;let m=h?[{question:p("Add your first question"),answer:p("Write the answer here.")},{question:p("Add another question"),answer:p("Write the answer here.")}]:n,u=m.filter(g=>(g.answer??"").trim()!=="").map(g=>({"@type":"Question",name:oH(g.question??""),acceptedAnswer:{"@type":"Answer",text:oH(g.answer??"")}})),d=!l&&u.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:u}).replace(/</g,"\\u003c"):null,v=t?Y(t,!0):void 0;return Yu("section",{className:r?hY:nY,children:[T4("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),d&&T4("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:d}}),r?null:T4(t0,{num:e!==void 0?k(e):void 0,title:v,link:a?{text:k(a.text),href:a.href}:void 0,accent:!0}),T4(iY,{editing:l,nodeId:o,children:T4("div",{children:m.map((g,b)=>Yu("details",{open:b===0&&c,className:"border-b border-line",children:[Yu("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:[T4("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...Xu(l,"number"),style:Ju(i,"number"),children:String(b+1).padStart(2,"0")}),T4("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:Ju(i,"question"),children:k(g.question??"")}),T4("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),g.answer&&T4("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:T4("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...Xu(l,"answer"),style:Ju(i,"answer"),children:k(g.answer)})})]},b))})})]})}var N8={num:A.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},pY=()=>[{question:p("Your first question goes here?"),answer:p("Add your answer here \u2014 a sentence or two is plenty.")},{question:p("Your second question goes here?"),answer:p("Add your answer here. Keep it clear and concise so it stays easy to scan.")},{question:p("Your third question goes here?"),answer:p("Add your answer here.")},{question:p("Your fourth question goes here?"),answer:p("Add your answer here.")},{question:p("Your fifth question goes here?"),answer:p("Add your answer here.")}],nH={label:"Q&A",defaultProps:{num:"",title:"",linkText:"",linkHref:"/faq",defaultOpen:!0,items:[]},render:e=>{let t=O1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=y(e.linkText,N8.link,e.puck);return mY(iH,{num:a(y(e.num,N8.num,e.puck)),title:a(y(e.title,N8.title,e.puck)),link:a(s?{text:s,href:a1(e.linkHref)||"/faq"}:void 0),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:P9(e),items:w1(e.items,pY(),e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};var hH={fields:{_gContent:x("Content"),num:T("Number",N8.num),title:G("Heading",N8.title),linkText:T("Button",N8.link),linkHref:F1("Link"),_gQuestions:x("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:b1("Question"),answer:V1("Answer")},getItemSummary:e=>e.question||"Question"},_gLayout:x("Layout"),defaultOpen:l1("Open first answer",!0,uY(dY,{}))},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.FAQ.headRows)};import{jsx as W3,Fragment as ci,jsxs as fY}from"react/jsx-runtime";import{useContext as bY}from"react";import{SettingsField as gH}from"efficient-easel/panel";import{FieldSelect as vH}from"efficient-easel/fields";import{BlogPostIcon as fH}from"efficient-easel/icons";function at({fetch:e,keyBy:t}){let a=null,s=null,c=null;return(l=!1)=>{let r=I3(),o=t?t():null;return(l||!a||s===null&&r!==null||c!==o)&&(s=r,c=o,a=r||!va().usesBridgedToken?e(r??"",o).catch(()=>[]):Promise.resolve([])),a}}var mH=at({fetch:async(e,t)=>await _x().blog?.posts(t?{siteId:t}:void 0)??[],keyBy:i2});import{useEffect as pH,useRef as gY,useState as Qu}from"react";function b6(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function st({load:e,resolve:t,snapshot:a,value:s,onChange:c}){let[l,r]=Qu(null),[o,i]=Qu(!1),[n,h]=Qu(!1),m=gY(!0);return pH(()=>(m.current=!0,e().then(u=>{m.current&&r(u)}),()=>{m.current=!1}),[]),pH(()=>{if(!s?.slug||l===null)return;let u=t(l,s);if(!u)return;let d=a(u);b6(d,s)&&c(d)},[l]),{rows:l,loading:l===null,refreshing:o,errored:n,refresh:()=>{s?.slug&&(i(!0),h(!1),e(!0).then(u=>{if(!m.current)return;r(u);let d=t(u,s);d&&c(a(d))}).catch(()=>{m.current&&h(!0)}).finally(()=>{m.current&&i(!1)}))}}}import{jsx as si,jsxs as vY}from"react/jsx-runtime";import{Button as uH}from"efficient-shell/ui";function P4({status:e,statusText:t,onRefresh:a,busy:s=!1,edit:c,hint:l,spaced:r=!0}){return vY("div",{className:"sf-blogsource",style:r?{marginTop:9}:void 0,children:[si("p",{className:"sf-blogsource-status","data-state":e,children:t}),si(uH,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:a,disabled:s,children:p("Refresh now")}),c?si(uH,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:c.onClick,children:c.label}):null,si("p",{className:"es-field-hint sf-hint-keep",children:l})]})}function xY(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 dH(e){return{slug:e.slug,image:e.coverImage,title:e.title,dek:e.excerpt,date:xY(e.publishedAt),href:e.href}}function ct({value:e,onChange:t}){let a=bY(kl);return a&&!a.capabilities.hasBlog?e?.slug?W3(zY,{value:e,onChange:t}):W3(ci,{}):W3(yY,{value:e,onChange:t})}function zY({value:e,onChange:t}){return W3("div",{children:W3(gH,{label:p("Blog post source"),icon:W3(fH,{}),hint:W3(ci,{children:p("Linked to a blog post. This editor has no blog to pick another from; choose \u201CNone (manual)\u201D to author the section yourself.")}),children:W3(vH,{value:e.slug,ariaLabel:p("Blog post source"),onChange:a=>a?void 0:t(null),options:[{label:p("None (manual)"),value:""},{label:e.title||e.slug,value:e.slug}]})})})}function yY({value:e,onChange:t}){let{rows:a,loading:s,refreshing:c,errored:l,refresh:r}=st({load:mH,resolve:(u,d)=>u.find(v=>v.slug===d.slug),snapshot:dH,value:e,onChange:t}),o=u=>{if(!u){t(null);return}let d=(a??[]).find(v=>v.slug===u);d&&t(dH(d))},i=e?.slug&&!(a??[]).some(u=>u.slug===e.slug),n=l?"error":c?"loading":"idle",h=p("Storefront \u2192 Blog"),m=l?p("Couldn\u2019t reach {place}.",{place:h}):c?p("Syncing from {place}\u2026",{place:h}):p("Linked to \u201C{name}\u201D",{name:e?.title||e?.slug||""});return fY("div",{children:[W3(gH,{label:p("Blog post source"),icon:W3(fH,{}),hint:e?.slug?void 0:W3(ci,{children:p("Pick a post from {place} to auto-fill this section, or keep \u201CNone (manual)\u201D to author it yourself below.",{place:h})}),children:W3(vH,{value:e?.slug??"",ariaLabel:p("Blog post source"),onChange:o,readOnly:s,options:[{label:p("None (manual)"),value:""},...i?[{label:p("{name} (unavailable)",{name:e.title||e.slug}),value:e.slug}]:[],...(a??[]).map(u=>({label:u.title,value:u.slug}))]})}),e?.slug?W3(P4,{status:n,statusText:m,onRefresh:r,busy:c,hint:W3(ci,{children:p("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 CY}from"react/jsx-runtime";import{jsx as U3,jsxs as ds}from"react/jsx-runtime";import{Fragment as wY}from"react";function bH({image:e,badge:t,imageDate:a,category:s,readLabel:c,date:l,title:r,dek:o,ctaText:i,ctaHref:n,...h}){let m=[s?U3("span",{className:"text-accent",children:k(s)}):null,c?U3("span",{children:k(c)}):null,l?U3("span",{children:k(l)}):null].filter(Boolean);return U3("section",{className:_0(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:ds("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[ds("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:[U3(k0,{label:"featured-cover",src:e||void 0,alt:p2(r||"Cover"),sizes:"(max-width: 1100px) 100vw, 56vw"}),U3("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&&U3("span",{className:"absolute left-6 top-6 z-[2] bg-accent px-3 py-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-bg",children:k(t)}),a&&U3("span",{className:"absolute right-6 bottom-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg",children:k(a)})]}),ds("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&&U3("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((u,d)=>ds(wY,{children:[d>0&&U3("span",{className:"opacity-40",children:"\xB7"}),u]},d))}),r&&U3("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:Y(r,!0)}),o&&x0(o).map((u,d)=>U3("p",{className:"max-w-[520px] font-serif text-[length:var(--size-body,20px)] italic leading-[1.5] text-fg-dim",children:k(u,!0)},d)),i&&U3("div",{children:ds(s0,{href:n||"#",className:"group inline-flex items-center gap-3.5 py-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[k(i)," ",U3("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}var c3={badge:"Featured",imageDate:A.date,category:A.category,readLabel:"0 min read",date:A.date,title:"Add a *headline* for this story.",dek:"A short summary of the featured article \u2014 one or two sentences that draw the reader in.",ctaText:"Read the story",ctaHref:u2.href},xH={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 u=e,d=!!u?.slug;return CY(bH,{image:d?u.image:t,badge:y(a,c3.badge,m),imageDate:d?u.date:y(s,c3.imageDate,m),category:y(c,c3.category,m),readLabel:y(l,c3.readLabel,m),date:d?u.date:y(r,c3.date,m),title:d?u.title:y(o,c3.title,m),dek:d?u.dek:y(i,c3.dek,m),ctaText:y(n,c3.ctaText,m),ctaHref:d?u.href:a1(h)})}};var zH={fields:{source:s2(ct),image:q1("Cover image","image/*"),badge:T("Badge",c3.badge),imageDate:T("Image date",c3.imageDate),_gContent:x("Content"),category:T("Category",c3.category),readLabel:T("Read time",c3.readLabel),date:T("Date",c3.date),title:G("Heading",c3.title),dek:G("Dek",c3.dek),ctaText:T("Button",c3.ctaText),ctaHref:F1("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(Il)));return c}};import{jsx as TH}from"react/jsx-runtime";import{OpacityIcon as ZY,StylesIcon as DY}from"efficient-easel/icons";import{jsx as BY}from"react/jsx-runtime";import{jsx as _8,jsxs as IY,Fragment as RY}from"react/jsx-runtime";import{jsx as yH,Fragment as kY,jsxs as MY}from"react/jsx-runtime";import{useEffect as wH,useRef as SY,useState as CH}from"react";function kH({children:e,className:t,style:a}){let s=SY(null),[c,l]=CH([]),[r,o]=CH(0);wH(()=>{let n=s.current;if(!n)return;let h=()=>{let u=Array.from(n.querySelectorAll(":scope > *"));l(u.map((d,v)=>d.dataset.tabLabel?.trim()||`Tab ${v+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 wH(()=>{let n=s.current;n&&Array.from(n.children).forEach((h,m)=>{h.hidden=c.length>1&&m!==i})},[c,i]),MY(kY,{children:[c.length>1&&yH(Uw,{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))})}}),yH("div",{ref:s,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{jsx as SH}from"react/jsx-runtime";import{createContext as HY,useContext as FY}from"react";var LY=new Set(["Flex","Grid"]);function ed(e,t){return e&&!t}var AY=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function MH(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=LY.has(o)&&ed(B2(r,"page").mode!=="full",c);for(let n of Object.values(r)){if(!AY(n))continue;let h=a(n,c||i);if(h!==void 0)return h}}};return a(e,!1)}var LH=HY(!1);function lt({contained:e,framedClass:t,fillClass:a,style:s,tabLabel:c,children:l}){let r=FY(LH),o=ed(e,r);return SH("div",{className:o?t:a,style:s,"data-tab-label":c,children:o?SH(LH.Provider,{value:!0,children:l}):l})}import{jsx as TY}from"react/jsx-runtime";import{createContext as PY}from"react";var td=PY(null),EY={dark:!0};function AH({children:e}){return TY(td.Provider,{value:EY,children:e})}import{jsx as VY}from"react/jsx-runtime";var gs="mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]",vs="max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",fs=`${gs} ${vs}`,NY="mx-auto w-full max-w-[1280px] px-[60px]",_Y="max-[960px]:px-6",tz1=`${NY} ${_Y}`;function t2({contained:e,className:t="",style:a,children:s}){return VY(lt,{contained:e,framedClass:`${fs} ${t}`,fillClass:`w-full ${t}`,style:a,children:s})}function HH({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:u,padTop:d,padBottom:v,padTopPhone:g,padBottomPhone:b,padLeft:f,padRight:C,padLeftPhone:z,padRightPhone:M,contained:S=!0,fillHeight:H=!1,content:_}){let E=qe(n),O=Or(),P=[_y(r),Ry(i)].filter(Boolean).join(" "),F=P?` ${P}`:"",V=["flex",e==="row"?`flex-row ${Iy(o)}`:"flex-col",Vl(l),E?Fo(u??"center",e):El(s,c)].join(" ")+F,D=H||E?" h-full":"",Z=E||O?"":" py-6",I=`${gs}${Z} ${vs}${D}`,U=O?D.trim():`w-full${Z}${D}`,N=R3("Flex",a,e==="row"?"inline":"block"),J=_8(_,{className:`${V}${N.className}${D}`,style:N.style,minEmptyHeight:120}),j=e==="tabs"?_8(kH,{className:`${V}${N.className}${D}`,style:N.style,children:J}):J,W=t?.trim()||void 0,n1=g1=>_8(lt,{contained:S,framedClass:I,fillClass:U,tabLabel:W,children:g1});if(!E)return n1(j);let z1=Ho(h,m),$=I9(typeof d=="number"?d:G3.desktop,typeof v=="number"?v:G3.desktop,typeof g=="number"?g:G3.phone,typeof b=="number"?b:G3.phone,typeof f=="number"?f:G3.side,typeof C=="number"?C:G3.side,typeof z=="number"?z:G3.sidePhone,typeof M=="number"?M:G3.sidePhone),c1=_8("div",{className:`relative z-[1] ${bL} ${$?.className??""}`.trimEnd(),style:z1?{...$?.style,...d5}:$?.style,children:j});return n1(_8(RY,{children:IY("div",{className:`relative isolate overflow-hidden ${Ao}${D}`,style:{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center"},children:[z1&&_8("div",{className:"absolute inset-0 z-0",style:z1,"aria-hidden":!0}),z1?_8(AH,{children:c1}):c1]})}))}var ad={content:{type:"slot"}},FH={label:"Box",fields:ad,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>BY(HH,{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:yl(e),content:e.content})};var PH={fields:{_gContent:x("Content"),content:ad.content,_gLayout:x("Layout"),direction:{type:"radio",options:vy("Flex")},label:q("Tab name"),gap:B3("Flex"),justify:Zl(),align:Dl(),wrap:Ol(),share:Yy(),phoneRow:Jy(),blockSpacing:Xy(),_gBackground:x("Background image"),bgImage:q1("Image","image/*"),darken:s1("Darken",TH(ZY,{}),V2.min,V2.max,V2.step,V2.fallback,V2.unit),darkenStyle:v1("Darken style",TH(DY,{}),y7,y7[0].value),placement:o6("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(qe(a.bgImage)){let c=b5({phone:!0,top:G3.desktop,bottom:G3.desktop,sides:!0,side:G3.side,sidePhone:G3.sidePhone,sideBounds:xL}),l={},r=!1;for(let[o,i]of Object.entries(t)){if(o in c){r||Object.assign(l,c),r=!0;continue}l[o]=i}return r||Object.assign(l,c),l}let s={...t};return delete s.darken,delete s.darkenStyle,delete s.placement,s}};import{jsx as qH}from"react/jsx-runtime";var I8={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as sX,ThemeIcon as cX}from"efficient-easel/icons";import{jsx as tX}from"react/jsx-runtime";import{jsx as v2,Fragment as YY,jsxs as R8}from"react/jsx-runtime";import{useEffect as xs,useRef as J4,useState as ui}from"react";var OY=[{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"}]}],GY=[{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"}]}],k7={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)"}}},Lz1=k7.dark.marker;function qY(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function EH(e="auto"){return e==="light"?!0:e==="dark"?!1:qY()}function rt(e="auto"){return EH(e)?GY:OY}function M7(e="auto"){return EH(e)?k7.light:k7.dark}function X4(e="auto"){return M7(e).background}function ot(e="auto"){return M7(e).marker}function li(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}var WY="https://maps.googleapis.com/maps/api/js",UY="__storefrontMapsReady__",ri=null;function oi(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(ri)return ri;let t=e&&e.trim()||"";return t?(ri=new Promise((a,s)=>{let c=UY;window[c]=()=>a(window.google.maps);let l=document.createElement("script");l.src=`${WY}?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)}),ri):Promise.reject(new Error("No Google Maps API key configured"))}function bs(e,t){return Number.isFinite(e)&&Number.isFinite(t)&&!(e===0&&t===0)}import{createContext as KY,useContext as VH}from"react";var NH="sf:maps-api-key",_H="sf:maps-map-id";function Pz1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(NH)??""}catch{return""}}function Ez1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(NH,e)}catch{}}function Vz1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(_H)??""}catch{return""}}function Nz1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(_H,e)}catch{}}var sd=KY({apiKey:"",setApiKey:()=>{},mapId:""}),_z1=sd.Provider,ii=()=>VH(sd).apiKey,ni=()=>VH(sd).mapId;function hi(e,t){return e&&e.trim()||t&&t.trim()||""}function mi(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as $Y}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 $Y(t0,{look:"editorial",num:e,title:t,titleAccent:a,description:s,accentTracking:c,spaceBelow:l,className:r})}import{jsx as IH,jsxs as RH}from"react/jsx-runtime";function pi({groupKey:e,name:t,count:a}){return RH("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[IH("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?IH("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,RH("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[a," location",a===1?"":"s"]})]})}var XY=11,JY=6,cd=60;function ld(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&":t==="<"?"<":t===">"?">":t==='"'?""":"'")}function DH(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?XY:JY,fillColor:ot(a),fillOpacity:1,strokeColor:ot(a),strokeOpacity:e.hq?.3:.25,strokeWeight:e.hq?14:9}}function BH(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(!bs(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:DH(o,t,a),title:o.city,zIndex:o.hq?100:10,cursor:"pointer"});n.addListener("click",()=>l(i)),c.set(i,n)}),r}function QY(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 ZH({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 R8(YY,{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 OH({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,u=typeof i=="number"?i:120,[d,v]=ui(null),g=s.length===0&&!e&&!t&&!a;if(xs(()=>{v(f=>f!==null&&f>=s.length?null:f)},[s]),g&&!n)return null;let b=or(s,f=>String(f.group??""),()=>"");return v2("section",{className:"relative z-[2] bg-bg",children:R8("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:u},children:[!h&&(e||t||a)&&v2(O2,{num:e,title:t?Y(t):void 0,desc:a||void 0,spaceBelow:"mb-12"}),v2(eX,{offices:s,apiKey:c,mapId:l,mapTheme:r,activeIndex:d,onSelect:v}),s.length>0&&v2("div",{className:"mt-12 flex flex-col gap-8",children:b.map((f,C)=>R8("div",{children:[f.key&&v2(pi,{groupKey:f.key,count:f.items.length}),v2("div",{className:["grid gap-[2px] bg-bg",Ma(f.items.length),f.items.length>2?"max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1":f.items.length===2?"max-[700px]:grid-cols-1":""].join(" "),children:f.items.map(({item:z,index:M})=>{let S=d===M;return R8("button",{type:"button",onClick:()=>v(M),"aria-pressed":S,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",S?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[R8("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[z.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"}),z.role&&v2("span",{className:"text-accent",children:z.role})]}),z.city&&v2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:v2(z8,{value:z.city,children:z.city})}),z.country&&v2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:z.country}),z.address&&v2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:k(z.address)})]},M)})})]},f.key?`g:${f.key}`:`ungrouped:${C}`))}),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:p("Add an office in the inspector")})]})})}function eX({offices:e,apiKey:t,mapId:a,mapTheme:s,activeIndex:c,onSelect:l}){let r=hi(t,ii()),o=mi(a,ni()),i=!!r&&e.some(V=>bs(V.lat,V.lng)),n=s!=="auto",h=M7(s),m=J4(null),u=J4(null),d=J4(null),v=J4(null),g=J4(new Map),b=J4(null),f=J4(null),C=J4(null),z=J4(l);z.current=l;let M=J4(e);M.current=e;let S=J4(c);S.current=c;let[H,_]=ui(!1),[E,O]=ui(k7.dark),[P,F]=ui(k7.dark.background);return xs(()=>{O(M7(s)),F(X4(s))},[s]),xs(()=>{if(!i)return;let V=m.current;if(!V)return;let D=!1,Z=null,I=async()=>{try{let N=await oi(r);if(D||!u.current)return;let J=new N.Map(u.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:X4(s),...o?{mapId:o}:{styles:rt(s)}});d.current=J,v.current=N;let j=BH(J,N,s,M.current,g.current,n1=>z.current(n1));f.current=j,j.isEmpty()||J.fitBounds(j,cd);let W=new N.InfoWindow({disableAutoPan:!0});W.addListener("closeclick",()=>z.current(null)),b.current=W,J.addListener("click",()=>z.current(null)),J.addListener("tilesloaded",()=>{D||_(!0)}),s==="auto"&&!o&&(Z=li(()=>{D||!d.current||(d.current.setOptions({styles:rt(s),backgroundColor:X4(s)}),g.current.forEach((n1,z1)=>{let $=M.current[z1];$&&n1.setIcon(DH($,N,s))}),O(M7(s)),F(X4(s)))}))}catch(N){console.error("[FootprintMap] Maps SDK failed:",N)}},U=new IntersectionObserver(N=>{for(let J of N)if(J.isIntersecting){U.disconnect(),I();break}},{rootMargin:"200px"});return U.observe(V),()=>{D=!0,U.disconnect(),Z?.(),b.current?.close(),b.current=null,d.current=null,v.current=null,g.current.forEach(N=>N.setMap(null)),g.current.clear(),f.current=null,_(!1)}},[i,r,o,s]),xs(()=>{let V=d.current,D=v.current;if(!V||!D)return;let Z=BH(V,D,s,e,g.current,I=>z.current(I));f.current=Z,S.current===null&&!Z.isEmpty()&&V.fitBounds(Z,cd)},[e,s]),xs(()=>{let V=d.current,D=b.current;if(!V||!D)return;if(c===null){D.close(),C.current!==null&&f.current&&!f.current.isEmpty()&&V.fitBounds(f.current,cd),C.current=null;return}let Z=e[c],I=g.current.get(c);if(!Z||!I){D.close(),C.current=c;return}V.panTo({lat:Z.lat,lng:Z.lng});let U=V.getZoom();U!=null&&U<4&&V.setZoom(4);let N=E.info,J=Z.hq?`<span style="background:${N.accent};color:${N.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",j=Z.role?`<span style="color:${N.accent};">${ld(Z.role)}</span>`:"";D.setContent(`
|
|
50
|
+
<div style="padding:10px 14px 12px;min-width:180px;color:${N.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
|
+
${J}${j}
|
|
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:${N.fg};">${ld(Z.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:${N.fgDim};margin-top:4px;">${ld(Z.country)}</div>
|
|
56
|
+
</div>
|
|
57
|
+
`),D.open({map:V,anchor:I}),C.current=c},[c,H,E,e]),i?R8("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:P},children:[v2("style",{dangerouslySetInnerHTML:{__html:QY(E.info)}}),v2(ZH,{pal:n?h:void 0}),v2("div",{ref:u,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:H?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",H?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):R8("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(ZH,{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 B8={sectionNumber:A.sectionNumber,heading:`${A.heading}
|
|
58
|
+
*${A.accent}*`,tagline:A.body},aX=()=>[{role:p("Headquarters"),city:p("City"),country:p("Country"),address:p("Street address"),lat:0,lng:0,hq:!0},{role:p("Office"),city:p("City"),country:p("Country"),address:p("Street address"),lat:0,lng:0,hq:!1}],GH={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:I8.apiKey,mapId:I8.mapId,mapTheme:I8.mapTheme,padTop:120,padBottom:120},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return tX(OH,{sectionNumber:a(y(e.sectionNumber,B8.sectionNumber,e.puck)),heading:a(y(e.heading,B8.heading,e.puck)),tagline:a(y(e.tagline,B8.tagline,e.puck)),omitHead:t,offices:w1(e.offices,aX(),e.puck),apiKey:a1(e.apiKey),mapId:a1(e.mapId),mapTheme:e.mapTheme??I8.mapTheme,padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var WH={fields:{_gContent:x("Section"),sectionNumber:T("Section number",B8.sectionNumber),heading:G("Heading",B8.heading),tagline:G("Body",B8.tagline),_gOffices:x("Offices"),offices:{type:"array",label:"Offices",arrayFields:{role:q("Role"),city:q("City"),country:q("Region \xB7 country"),address:b1("Address"),group:q("Group"),hq:l1("HQ",!1,qH(sX,{})),geocode:s2(Wl,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},mapTheme:f1("Map theme",qH(cX,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],I8.mapTheme),_dLayout:Y1("Layout"),...u3("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!Jo(a))return e;let s=await Qo(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})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Footprint.headRows)};import{jsx as $H}from"react/jsx-runtime";import{ColumnsIcon as rX,PhoneIcon as oX}from"efficient-easel/icons";import{jsx as lX}from"react/jsx-runtime";import{jsx as UH}from"react/jsx-runtime";function jH({columns:e,mobileColumns:t,gap:a,contained:s=!0,fillHeight:c=!1,content:l}){let r=c?" h-full":"",o=`${gs} py-6 ${vs}${r}`,i=`w-full py-6${r}`,n=ll(e),h=rl(t,e),m=R3("Grid",a,"both");return UH(lt,{contained:s,framedClass:o,fillClass:i,children:UH(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 rd={content:{type:"slot"}},KH={label:"Grid",fields:rd,defaultProps:{columns:"3",content:[]},render:e=>lX(jH,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:yl(e),content:e.content})};var YH={fields:{columns:s1("Columns",$H(rX,{}),1,iz,1,hz),mobileColumns:s1("Columns on phone",$H(oX,{}),em,nz,1,em),gap:B3("Grid"),content:rd.content}};import{jsx as iX}from"react/jsx-runtime";var XH={fields:{text:G("Heading",A.heading),level:v1("Level",iX(s4,{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:E5()}};import{jsx as G2}from"react/jsx-runtime";import{ClockIcon as mX,EyeIcon as id,OpacityIcon as pX,PhoneIcon as QH,PlayIcon as uX,SlideArrowsBareIcon as dX,SlideArrowsRoundIcon as gX,SlideArrowsSquareIcon as vX,SlidePickerBarIcon as fX,SlidePickerCardsIcon as bX,SlidePickerDotsIcon as xX,SlidePickerNumbersIcon as zX,SquareIcon as eF}from"efficient-easel/icons";import{efficientLooks as yX}from"efficient-shell/icons/efficient-looks";import{jsx as nX}from"react/jsx-runtime";var od={slides:{type:"slot"}},JH={label:"Hero Slideshow",fields:od,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:tC.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:u,showPicker:d,pickerShape:v,pickerPlacement:g,showArrows:b,arrowsShape:f,arrowsPlacement:C,puck:z})=>nX(aC,{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:u,showPicker:d,pickerShape:v,pickerPlacement:g,showArrows:b,arrowsShape:f,arrowsPlacement:C,editing:z?.isEditing})};var wX=yX.looks?.solid?.["slide-arrows-round"],CX={cards:G2(bX,{}),dots:G2(xX,{}),numbers:G2(zX,{}),bar:G2(fX,{})},kX={outline:G2(gX,{}),solid:G2(wX,{}),square:G2(vX,{}),bare:G2(dX,{})},tF={fields:{_dDevice:R9(),_gContent:x("Content"),slides:od.slides,_gStyle:x("Style"),alignment:E5(),_gTexture:x("Texture"),showTexture:l1("Show texture",!0,G2(id,{})),textureColor:z5("Texture color",$x),textureOpacity:s1("Texture opacity",G2(pX,{}),0,100,1,40,"%"),_gLayout:x("Layout"),heightDesktop:g6("desktop"),heightMobile:g6("mobile"),_gAutoplay:x("Auto-slide"),autoplay:l1("Auto-advance slides",!1,G2(uX,{})),autoplayInterval:s1("Still time per slide",G2(mX,{}),2,15,1,6,"s"),_gPicker:x("Slide picker"),showPicker:l1("Show slide picker",Ww,G2(id,{})),pickerShape:f1("Slide picker shape",G2(eF,{}),Ow.map(e=>({label:qw[e],value:e,picture:CX[e]})),Gw),pickerPlacement:o6("Slide picker placement",{stacking:!1,fallback:Dw}),_gArrows:x("Arrows"),showArrows:l1("Show arrows",Zw,G2(id,{})),arrowsShape:f1("Arrows shape",G2(eF,{}),Iw.map(e=>({label:Bw[e],value:e,picture:kX[e]})),Rw),arrowsPlacement:o6("Arrows placement",{stacking:!1,fallback:_w}),_gPhone:J2("mobile",x("On a phone")),phoneUpDown:J2("mobile",f1(Wx,G2(QH,{}),jx(),Gx)),phoneSideways:J2("mobile",f1(Ux,G2(QH,{}),Kx(),qx))}};import{jsx as gi}from"react/jsx-runtime";import{NudgeIcon as oF,WidthIcon as iF}from"efficient-easel/icons";import{jsx as MX}from"react/jsx-runtime";import{jsx as aF}from"react/jsx-runtime";function sF({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:u,content:d,dragRef:v}){let g=ez(e),b=Qh(t),f=Qh(a),C=R3("HeroGroup",c,wl("HeroGroup",l)==="column"?"block":"inline"),z={"--sf-hg-row":Qx(g),justifySelf:Jx(g).column};typeof s=="number"&&Number.isFinite(s)&&(z["--sf-hg-w"]=`${tz(s)}%`),(b!==0||f!==0)&&(z["--sf-hg-nudge"]=`${b}px ${f}px`);let M=I9(n,h,m,u);return aF("div",{className:M?`sf-hero-group ${M.className}`:"sf-hero-group","data-hg":g,style:M?{...z,...M.style}:z,ref:v??void 0,children:d?aF(d,{className:["sf-hero-group-blocks flex",gy("HeroGroup",l),El(r,o),Vl(i)].filter(Boolean).join(" ")+C.className,style:C.style,minEmptyHeight:40}):null})}var nd={content:{type:"slot",allow:Rx}},cF={label:Nx,inline:!0,fields:nd,defaultProps:{placement:Xx,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:u,content:d,puck:v})=>MX(sF,{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:u,content:d,dragRef:v?.dragRef})};var nF={fields:{_gContent:x("Content"),name:$9(Q2(q("Box name",A.boxName))),content:nd.content,_gLayout:x("Layout"),placement:o6("Placement",{stacking:!0}),width:s1("Width",gi(iF,{}),30,100,5,60,"%"),direction:Qy("HeroGroup"),gap:B3("HeroGroup"),justify:Zl(),align:Dl(),wrap:Ol(),_gNudge:x("Nudge"),nudgeX:s1("Sideways",gi(oF,{}),-40,40,1,0,"px"),nudgeY:s1("Up and down",gi(oF,{}),-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(cl(a?.data,s)===0)return t;let c={...t};return delete c.placement,c.width=s1("Width",gi(iF,{}),30,100,5,100,"%"),c}};import{jsx as vi}from"react/jsx-runtime";import{MediaIcon as IX,OpacityIcon as uF,PlacementIcon as RX}from"efficient-easel/icons";var S7="bottom",L7="#0A0A0A",hd=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],AX={bottom:180,top:0,left:270,right:90},HX=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],FX=[[null,33],[.6,67],[.94,100]];function TX(e,t){let a=/^#[0-9a-f]{6}$/i.test(e)?e:L7,s=parseInt(a.slice(1),16);return`rgba(${s>>16&255},${s>>8&255},${s&255},${t})`}function PX(e){return R2(hd,S7,e)}function hF(e=L7,t=S7){let a=PX(t),s=(a==="top"||a==="bottom"?HX:FX).map(([c,l])=>`${c===null?"transparent":TX(e,c)} ${l}%`);return`linear-gradient(${AX[a]}deg, ${s.join(", ")})`}import{jsx as NX}from"react/jsx-runtime";import{jsx as it,jsxs as EX}from"react/jsx-runtime";import{useRef as VX}from"react";function mF({overlay:e=100,overlayColor:t=L7,overlayPosition:a=S7,mediaType:s="image",mediaSrc:c,poster:l,objectPosition:r,tintColor:o="#000000",tintOpacity:i=0,heightDesktop:n,heightMobile:h,boxes:m,editing:u=!1}){let d=jw(n,h),v=d?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",g=d?{"--sf-hero-h-d":ie(n),"--sf-hero-h-m":ie(h)}:void 0,b=s==="video",f=b?a4(c):void 0,C=b?a4(l):a4(c)??a4(l),z=VX(null);return EX("section",{ref:z,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${v} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:g,children:[it("div",{className:"absolute inset-0 z-[1]",children:it(Ox,{videoSrc:f,posterSrc:C,showVideo:b,objectPosition:r})}),i>0&&it("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:o,opacity:Math.min(Math.max(i,0),100)/100}}),it("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:hF(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),m&&it("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",u?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:d5,children:it(m,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}import{FOCAL_DEFAULT as _X}from"efficient-shell/format";var md={boxes:{type:"slot",allow:["HeroGroup"]}},pF={label:"Hero",fields:md,defaultProps:{mediaType:"image",imageFocal:_X,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:L7,overlayPosition:S7},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:u,puck:d})=>NX(mF,{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:u,editing:d?.isEditing})};var dF={fields:{_dDevice:R9(),boxNotice:Eo("HeroSingle"),boxes:md.boxes,_gStyle:x("Style"),overlay:s1("Overlay",vi(uF,{}),0,100,5,100,"%"),overlayColor:z5("Overlay color",L7),overlayPosition:Gl("Overlay position",hd,S7,"A corner would need a diagonal ramp, which this overlay does not draw.",vi(RX,{})),_gLayout:x("Layout"),heightDesktop:g6("desktop"),heightMobile:g6("mobile"),_gMedia:x("Media"),mediaType:f1("Type",vi(IX,{}),ql,"image"),mediaImage:q1("Background image","image/*","Upload a background image"),imageFocal:X9("Image focus",j9),mediaVideo:q1("Background video","video/*","Upload a background video"),poster:q1("Video poster","image/*","Upload a poster still"),_gTint:x("Image tint"),tintColor:z5("Tint color","#000000"),tintOpacity:s1("Tint opacity",vi(uF,{}),0,100,5,0,"%")},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._gTint,delete s.tintColor,delete s.tintOpacity),s}};import{jsx as ud}from"react/jsx-runtime";import{MediaIcon as DX,OpacityIcon as OX,PlayIcon as GX}from"efficient-easel/icons";import{jsx as BX}from"react/jsx-runtime";import{FOCAL_DEFAULT as ZX}from"efficient-shell/format";var pd={groups:{type:"slot",allow:["HeroGroup"]}},gF={label:"Hero Slide",fields:pd,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:ZX,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:u,...d})=>{let v=_9({...d,sectionAccent:v5(d.sectionAccent)});return BX(Yx,{themeClassName:v?.className,themeStyle:v?.style,name:e||void 0,process:y(t,"Label",u),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:u?.isEditing})}};var vF={fields:{_gContent:x("Content"),name:$9(q("Slide name",A.slideName)),process:T("Reel label","Label"),groupNotice:Eo("HeroSlide"),groups:pd.groups,_gMedia:x("Media"),mediaType:f1("Type",ud(DX,{}),ql,"video"),mediaVideo:q1("Background video","video/*","Upload a background video"),videoSpeed:s1("Playback speed",ud(GX,{}),25,100,5,100,"%"),mediaImage:q1("Background image","image/*","Upload a background image"),imageFocal:X9("Image focus",j9),poster:q1("Video poster","image/*","Upload a poster still"),_gTint:x("Image tint"),tintColor:z5("Tint color","#000000"),overlay:s1("Overlay",ud(OX,{}),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 qX}from"react/jsx-runtime";var fF=["cover","contain"],dd={cover:"Cover",contain:"Contain"},fi="Image fit";function nt(e,t){return fF.includes(e)?e:t}function bF(){return fF.map(e=>({label:dd[e],value:e}))}function xF(e){return e==="contain"?"object-contain":"object-cover"}function bi(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as WX}from"efficient-easel/icons";var zF={fields:{_gImage:x("Image"),src:q1("Image","image/*"),alt:q("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:v1(fi,qX(WX,{}),bF(),"cover"),focal:X9("Image focus",j9,"src"),href:F1("Link"),_gStyle:x("Style"),grayscale:Ue(),_gShape:x("Shape"),corners:rw(),cornerSides:jy()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(bi(a.aspect,nt(a.fit,"cover")))return t;let s={...t};return delete s.focal,s}};import{jsx as UX}from"react/jsx-runtime";var yF={fields:{_gContent:x("Content"),eyebrow:T("Chip label","Integrations"),title:G("Heading",`Plays well with
|
|
59
|
+
*your favourite apps.*`),body:G("Body",""),apps:P2("App chips",UX(s4,{noun:"tag"}),"App name","verbatim"),_gStat:x("Stat & note"),statValue:T("Big stat","100s"),statLabel:T("Stat label",""),note:T("Footnote","")}};import{jsx as Z8}from"react/jsx-runtime";import{CaseIcon as YX,FullWidthIcon as XX,OpacityIcon as JX,PlacementIcon as QX,StickyIcon as eJ,TextLinesIcon as kF}from"efficient-easel/icons";var gd="overlay",vd=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function ht(e){return R2(vd,gd,e)}var E4={desktop:40,mobile:45,min:20,max:80,step:5};function fd(e,t){return`${typeof e=="number"?e:t}%`}import{jsx as KX}from"react/jsx-runtime";import{jsx as j3,jsxs as zs,Fragment as jX}from"react/jsx-runtime";function wF({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:u,overlay:d,titleSizeDesktop:v,titleSizeMobile:g,bodySizeDesktop:b,bodySizeMobile:f,buttonColor:C,buttonTextColor:z,uppercase:M=!1,capStyle:S}){let H=ht(o)==="stacked",_=n1=>H?`calc(${ie(n1)} - ${Fm})`:ie(n1),E=_(m),O=_(u),P=t7(v,"clamp(48px,7vw,96px)","heading","headingLarge"),F=t7(g,"clamp(36px,7vw,96px)","heading","headingLarge"),V=t7(b,"17px","body","body"),D=t7(f,"16px","body","body"),Z=d!=null?d/100:H?0:.6,I=C||"var(--btn)",U=z||"var(--btn-ink)",N={"--intro-h-d":E,"--intro-h-m":O,"--intro-title-d":P,"--intro-title-m":F,"--intro-body-d":V,"--intro-body-m":D,...H?{"--intro-copy-d":fd(i,E4.desktop),"--intro-copy-m":fd(n,E4.mobile),marginTop:Fm}:{}},J=S?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",j=zs(jX,{children:[zs("div",{className:"absolute inset-0",children:[j3("div",{className:"absolute inset-0 hidden min-[960px]:block",children:j3(k0,{label:c,src:l})}),j3("div",{className:"absolute inset-0 min-[960px]:hidden",children:j3(k0,{label:c,src:r||l})}),j3("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(45deg, transparent 0 80px, rgba(201,164,97,.04) 80px 81px)"}})]}),j3("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${Z})`}})]}),W=zs("div",{style:S,className:"flex flex-col gap-6",children:[e&&j3(N1,{text:e,size:14}),t&&j3("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)]",M?"uppercase":""].join(" "),children:Y(t,!1)}),a&&x0(a).map((n1,z1)=>j3("p",{className:"max-w-[560px] leading-[1.6] opacity-85 text-[length:var(--intro-body-m)] min-[960px]:text-[length:var(--intro-body-d)]",children:k(n1)},z1)),s.text&&j3("div",{className:"mt-2 self-start",children:j3(s3,{href:s.href,variant:"ghost",style:{background:I,color:U,borderColor:I},children:k(s.text)})})]});return H?zs("section",{style:N,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:[j3("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)]",J].join(" "),style:{color:"var(--fg)"},children:W}),j3("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:j})]}):zs("section",{style:N,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:[j,j3("div",{className:["relative z-[2] flex h-full flex-col justify-center",J].join(" "),style:d5,children:W})]})}var A7={eyebrow:"\u2014 Label",title:`Section headline
|
|
60
|
+
*Highlight line*`,body:"A sentence or two of supporting copy."};function $X(e){if(e===!1)return X6(`var(--sf-page-width, ${N9.default}px)`)}var CF={label:"Scroll-Over Text",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",imageSrcMobile:"",heightDesktop:100,heightMobile:100,overlay:60,titleSizeDesktop:wa,bodySizeDesktop:wa,titleSizeMobile:wa,bodySizeMobile:wa,ctaText:"",ctaHref:"",buttonColor:"",buttonTextColor:"",sticky:!0,uppercase:!1,fullWidth:!0},render:e=>KX(wF,{eyebrow:y(e.eyebrow,A7.eyebrow,e.puck),title:y(e.title,A7.title,e.puck),body:y(e.body,A7.body,e.puck),imageLabel:a1(e.title)||A7.title,imageSrc:e.imageSrc||void 0,imageSrcMobile:e.imageSrcMobile||void 0,cta:q3(e.ctaText,e.ctaHref,e.puck),sticky:e.sticky,layout:ht(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:$X(e.fullWidth)})};var MF={fields:{_dDevice:R9(),_gContent:x("Content"),eyebrow:T("Eyebrow",A7.eyebrow),title:G("Heading",A7.title),body:G("Subtitle",A7.body),uppercase:l1("Uppercase heading",!1,Z8(YX,{})),_gBackground:x("Background images"),imageSrc:J2("desktop",q1("Background image","image/*")),imageSrcMobile:J2("mobile",q1("Background image","image/*")),_gLayout:x("Layout"),layout:v1("Text position",Z8(QX,{}),vd,gd),heightDesktop:g6("desktop"),heightMobile:g6("mobile"),copyShareDesktop:J2("desktop",s1("Text height",Z8(kF,{}),E4.min,E4.max,E4.step,E4.desktop,"%")),copyShareMobile:J2("mobile",s1("Text height",Z8(kF,{}),E4.min,E4.max,E4.step,E4.mobile,"%")),sticky:l1("Scroll-over",!0,Z8(eJ,{})),_gWidth:x("Width"),fullWidth:l1("Full width",!0,Z8(XX,{})),overlay:s1("Overlay",Z8(JX,{}),0,100,5,60,"%"),_gTextDesktop:J2("desktop",x("Text style")),titleSizeDesktop:J2("desktop",Ca("Heading font size",32,120,1,96,"heading")),bodySizeDesktop:J2("desktop",Ca("Subtitle font size",12,28,1,17,"body")),_gTextMobile:J2("mobile",x("Text style")),titleSizeMobile:J2("mobile",Ca("Heading font size",24,72,1,44,"heading")),bodySizeMobile:J2("mobile",Ca("Subtitle font size",12,22,1,16,"body")),_gButton:x("Button"),...A4,buttonColor:z5("Button color","#C9A461"),buttonTextColor:z5("Button text color","#000000")}};import{jsx as AF}from"react/jsx-runtime";import{ColumnsIcon as cJ,StylesIcon as lJ}from"efficient-easel/icons";import{jsx as aJ}from"react/jsx-runtime";import{jsx as x6,jsxs as bd,Fragment as tJ}from"react/jsx-runtime";function SF({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:x6("section",{className:"relative z-[2] border-y border-line bg-surface",children:bd("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&&bd("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&x6(N1,{text:t??"",look:e}),(a??"").trim()&&x6("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:Y(a??"",!1)})]}),o.length>0&&x6("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=bd(tJ,{children:[x6("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),x6("span",{className:"font-display text-[length:var(--size-body,17px)] font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent",children:k((n.label??"").trim()||p("Feature"))})]}),u=(n.href??"").trim();if(u&&!l){let d="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return u.startsWith("/")?x6(s0,{href:u,className:d,children:m},h):x6("a",{href:u,className:d,children:m},h)}return x6("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:m},h)})})]})})}var ys={eyebrow:"Highlight",title:"Key *features.*"},sJ=()=>[{label:p("Feature label one")},{label:p("Feature label two")},{label:p("Feature label three")},{label:p("Feature label four")},{label:p("Feature label five")},{label:p("Feature label six")}],LF={label:"Key Features",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:({eyebrow:e,title:t,items:a,columns:s,eyebrowLook:c,puck:l})=>aJ(SF,{look:r4(c,"KeyFeatures"),eyebrow:y(e,ys.eyebrow,l),title:y(t,ys.title,l),items:w1(a,sJ(),l),columns:s,editing:l?.isEditing})};var HF={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",ys.eyebrow),eyebrowLook:v1("Eyebrow style",AF(lJ,{}),[...C4],l7("KeyFeatures")),title:G("Heading",ys.title),items:{type:"array",label:"Features",arrayFields:{label:b1("Feature label"),href:Q2(q("Link"))},defaultItemProps:{label:"",href:""},getItemSummary:e=>e?.label||"Feature"},_gStyle:x("Style"),columns:s1("Columns",AF(cJ,{}),2,4,1,3)}};import{jsx as rJ}from"react/jsx-runtime";import{HeightIcon as oJ}from"efficient-easel/icons";var FF={fields:{src:q1("Logo image","image/*"),alt:q("Alt text","Brand name","Read out in place of the picture, and shown if it can\u2019t load."),href:F1("Link"),heightPx:s1("Height",rJ(oJ,{}),NC,_C,1,m7,"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 xi}from"react/jsx-runtime";import{BlackAndWhiteIcon as iJ,ColumnsIcon as nJ,HeightIcon as hJ,PaddingYIcon as mJ}from"efficient-easel/icons";var TF={fields:{_gContent:x("Content"),heading:G("Heading","Trusted by *teams worldwide*"),items:{type:"array",label:"Logos",arrayFields:{src:q1("Image","image/*"),alt:q("Name / alt")},getItemSummary:e=>e.alt||e.src||"logo"},_gStyle:x("Style"),columns:s1("Columns",xi(nJ,{}),3,6,1,5),logoHeight:s1("Logo height",xi(hJ,{}),20,72,2,28,"px"),bandPadding:s1("Space above and below",xi(mJ,{}),16,120,4,40,"px"),grayscale:l1("Black and white logos",!0,xi(iJ,{}))}};import{jsx as pJ}from"react/jsx-runtime";import{jsx as l3,jsxs as Q4,Fragment as xd}from"react/jsx-runtime";import{Fragment as PF}from"react";function EF({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:u,imageLabel:d,metaPublished:v,metaReads:g,omitHead:b=!1,...f}){let C=[s?l3("span",{className:"text-accent",children:k(s)}):null,c?l3("span",{children:k(c)}):null,l?l3("span",{children:k(l)}):null].filter(Boolean),z=!!v||!!g;return Q4("section",{className:_0(f)?b?"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":b?"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:[b?null:l3(O2,{num:e,title:t?Y(t,!0):void 0,desc:a?k(a):void 0}),Q4("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[Q4("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:[C.length>0&&l3("div",{className:"flex items-center gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim",children:C.map((M,S)=>Q4(PF,{children:[S>0&&l3("span",{className:"opacity-40",children:"\xB7"}),M]},S))}),r&&l3("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:Y(r,!0)}),o&&l3("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:k(o)}),(i||n)&&Q4("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&&Q4(xd,{children:["\u201C",k(i),"\u201D"]}),n&&l3("strong",{className:"mt-2.5 block font-display text-[length:var(--size-body,14px)] font-normal not-italic uppercase tracking-[0.22em] text-fg",children:k(n)})]}),h&&Q4(s0,{href:m||"#",className:"inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:[k(h)," ",l3("span",{children:"\u2192"})]})]}),Q4("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[l3(k0,{label:"long-read",src:u||void 0,alt:p2(r||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),l3("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 25%, transparent 60%, rgba(10,10,10,0.7) 100%)"}}),d&&l3(N1,{text:d,size:12,className:"absolute right-6 top-6 z-[2]"}),z&&l3("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:[v?Q4(xd,{children:[l3("strong",{className:"font-normal text-accent",children:"Published"})," ",k(v)]}):null,g?Q4(xd,{children:[l3("strong",{className:"font-normal text-accent",children:"Reads in"})," ",k(g)]}):null].filter(Boolean).map((M,S)=>Q4(PF,{children:[S>0&&l3("br",{}),M]},S))})]})]})]})}var I0={headNum:A.sectionNumber,headTitle:A.headingAccent,headDesc:A.body,category:A.category,metaMiddle:"Section",readLabel:"0 min read",title:"Article *headline* goes here.",dek:"A short summary of the article goes here.",quote:"A short pull quote.",quoteAttribution:"\u2014 "+A.date,ctaText:"Begin reading",ctaHref:u2.href,imageLabel:"Featured *image*",metaPublished:A.date,metaReads:"0 min"},VF={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:u,image:d,imageLabel:v,metaPublished:g,metaReads:b,headPlacement:f,puck:C})=>{let z=O1(f)==="own-box",M=_=>z?void 0:_,S=e,H=!!S?.slug;return pJ(EF,{headNum:M(y(t,I0.headNum,C)),headTitle:M(y(a,I0.headTitle,C)),headDesc:M(y(s,I0.headDesc,C)),omitHead:z,category:y(c,I0.category,C),metaMiddle:y(l,I0.metaMiddle,C),readLabel:y(r,I0.readLabel,C),title:H?S.title:y(o,I0.title,C),dek:H?S.dek:y(i,I0.dek,C),quote:y(n,I0.quote,C),quoteAttribution:y(h,I0.quoteAttribution,C),ctaText:y(m,I0.ctaText,C),ctaHref:H?S.href:a1(u),image:H?S.image:d,imageLabel:y(v,I0.imageLabel,C),metaPublished:H?S.date:y(g,I0.metaPublished,C),metaReads:y(b,I0.metaReads,C)})}};var NF={fields:{source:s2(ct),_gHead:x("Section header"),headNum:T("Number",I0.headNum),headTitle:G("Heading",I0.headTitle),headDesc:G("Body",I0.headDesc),_gMeta:x("Article"),category:T("Category",I0.category),metaMiddle:T("Middle meta",I0.metaMiddle),readLabel:T("Read time",I0.readLabel),title:G("Article title",I0.title),dek:G("Dek",I0.dek),_gQuote:x("Pull quote"),quote:G("Quote",I0.quote),quoteAttribution:T("Attribution",I0.quoteAttribution),_gLink:x("Link"),ctaText:T("Button",I0.ctaText),ctaHref:F1("Link"),image:q1("Image","image/*"),imageLabel:T("Image label",I0.imageLabel),_gOverlay:x("Image caption"),metaPublished:T("Published",I0.metaPublished),metaReads:T("Reads in",I0.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(Il)));return G1(U1(l,a,j1),e.props.headPlacement,Z1.LongRead.headRows)}};var _F={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",A.eyebrow),heading:G("Heading",`Main heading
|
|
61
|
+
*Highlight line*`),body:G("Body",A.body),stats:{type:"array",label:"Stats",arrayFields:{value:q("Number"),label:q("Label")},getItemSummary:e=>e.label||e.value||"Stat"},_gMedia:x("Media"),imageSrc:q1("Image","image/*"),_gStyle:x("Style"),grayscale:Ue()}};import{jsx as fJ}from"react/jsx-runtime";import{TextLinesIcon as bJ}from"efficient-easel/icons";import{jsx as dJ}from"react/jsx-runtime";import{jsx as H7,Fragment as uJ,jsxs as D8}from"react/jsx-runtime";function IF({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:c,issueTotal:l,...r}){let o=(t??[]).filter(d=>(d?.lead??"").trim()||(d?.rest??"").trim()),i=(c??[]).map(d=>d?.text??"").filter(d=>d.trim()),n=x0(a??""),h=!!e||o.length>0,m=!!s||i.length>0||!!l,u=n.length>0||m;return D8("section",{className:_0(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&&D8("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&&H7(N1,{text:e,size:14,className:"pb-3.5"}),o.length>0&&H7("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((d,v)=>D8("div",{children:[H7("strong",{className:"font-normal text-fg",children:k(d.lead??"")}),d.rest?.trim()?D8(uJ,{children:[" ",k(d.rest)]}):null]},v))})]}),u&&D8("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&&H7("div",{className:"max-w-[720px]",children:n.map((d,v)=>H7("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:k(d,!0)},v))}),m&&D8("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&&H7("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:Y(s,!1)}),i.map((d,v)=>D8("span",{children:[k(d),H7("br",{})]},v)),l&&H7("span",{className:"text-accent",children:k(l)})]})]})]})}var z6={eyebrow:A.eyebrow,lead:"A short lead paragraph introducing this section \u2014 a sentence or two about its theme.",issueHeading:"In this issue",issueTotal:"\u2014 Articles in total"},gJ=()=>[{lead:p("Volume"),rest:p("No. 1")},{lead:p("Season"),rest:p("Year")},{lead:p("Frequency"),rest:""}],vJ=()=>[{text:p("Article headline")},{text:p("Feature story")},{text:p("Interview")},{text:p("Field notes")}],RF={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})=>dJ(IF,{eyebrow:y(e,z6.eyebrow,r),issueMeta:w1(t,gJ(),r),lead:y(a,z6.lead,r),issueHeading:y(s,z6.issueHeading,r),issueList:w1(c,vJ(),r),issueTotal:y(l,z6.issueTotal,r),editing:r?.isEditing})};var BF={fields:{_gTop:x("Top row"),eyebrow:T("Eyebrow",z6.eyebrow),issueMeta:{type:"array",label:"Issue meta lines",arrayFields:{lead:b1("Bold word"),rest:b1("Rest")},getItemSummary:e=>[e?.lead,e?.rest].filter(Boolean).join(" ")||"Line"},_gLead:x("Lead"),lead:G("Lead",z6.lead),_gIssue:x("In this issue"),issueHeading:G("Panel heading",z6.issueHeading),issueList:P2("Issue lines",fJ(bJ,{}),"Line","markup"),issueTotal:T("Total line",z6.issueTotal)}};import{jsx as F7}from"react/jsx-runtime";import{BlockColumnIcon as zi,PlacementIcon as wJ,StateIcon as CJ,TemplateIcon as kJ,TextLinesIcon as MJ}from"efficient-easel/icons";var zd=[{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"}],xJ=zd.map(e=>e.value),yd="spec-card",zJ={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 yJ(e){return xJ.includes(e)?e:yd}function ZF(e,t){let a=yJ(t),s={...e};for(let[c,l]of Object.entries(zJ))l.includes(a)||delete s[c];return s}var DF={fields:{_gContent:x("Content"),eyebrow:T("Chip label","In the product"),title:G("Heading",`Seen from
|
|
62
|
+
*the counter.*`),body:G("Body",""),_gCard:x("Mockup card"),variant:v1("Card type",F7(kJ,{}),zd,yd),cardHeader:T("Card header strip","Product record"),badge:T("Header badge","LIVE"),cardTitle:T("Card title",""),cardSubtitle:T("Card subtitle",""),pills:{type:"array",label:"Selector pills",arrayFields:{label:q("Label"),value:q("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Pill"},tiles:{type:"array",label:"Spec tiles",arrayFields:{label:q("Label"),value:q("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Tile"},rows:{type:"array",label:"Result / order rows",arrayFields:{lead:q("Lead"),detail:q("Detail"),state:v1("State",F7(CJ,{}),[{label:"Match / done (green)",value:"ok"},{label:"In progress (accent)",value:"warn"},{label:"No match (gray \u2715)",value:"no"}],"ok"),status:q("Status chip")},defaultItemProps:{lead:"",detail:"",state:"ok",status:""},getItemSummary:e=>[e?.lead,e?.detail].filter(Boolean).join(" \xB7 ")||"Row"},button:T("Accent button",""),footnote:T("Accent footnote",""),_gKanban:x("Kanban columns"),col1Title:T("Column 1 title",""),col1Cards:P2("Column 1 cards",F7(zi,{}),"Job card label","verbatim"),col2Title:T("Column 2 title",""),col2Cards:P2("Column 2 cards",F7(zi,{}),"Job card label","verbatim"),col3Title:T("Column 3 title",""),col3Cards:P2("Column 3 cards",F7(zi,{}),"Job card label","verbatim"),col4Title:T("Column 4 title",""),col4Cards:P2("Column 4 cards",F7(zi,{}),"Job card label","verbatim"),_gClaims:x("Claims bars"),barsHeading:T("Bars heading","Defect rate by product"),bars:{type:"array",label:"Bars",arrayFields:{label:q("Label"),value:q("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Bar"},_gTerminal:x("Terminal"),termLines:P2("Terminal lines",F7(MJ,{}),"$ efficient \u2026","verbatim"),_gBrowser:x("Browser mock"),urlText:T("URL pill",""),heroTitle:T("Hero line",""),heroButton:T("Hero button",""),products:{type:"array",label:"Product tiles",arrayFields:{name:q("Name"),price:q("Price")},defaultItemProps:{name:"",price:""},getItemSummary:e=>[e?.name,e?.price].filter(Boolean).join(" \xB7 ")||"Tile"},_gStyle:x("Style"),align:v1("Mockup position",F7(wJ,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>ZF(t,e.props.variant)};import{jsx as TJ}from"react/jsx-runtime";import{ListIcon as PJ}from"efficient-easel/icons";var yi="dataSource";var SJ="dataRows";var LJ=Symbol.for("efficient.block-sources");function wd(){let e=globalThis;return e[LJ]??={sources:new Map,revision:0}}function Cd(e){let t=[...wd().sources.values()];return e===void 0?t:t.filter(a=>a.blocks.includes(e))}function AJ(e){return wd().sources.get(e)??null}function wi(){return wd().revision}function O8(e){let t=e?.[yi];return typeof t=="string"?t.trim():""}function HJ(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 FJ(e){let t=e?.[SJ];return Array.isArray(t)?t.map(HJ).filter(a=>a!==null):null}function Ci(e,t,a=[]){let s=FJ(e);if(s!==null&&(s.length||!t))return{rows:s,sample:!1};if(!t)return{rows:[],sample:!1};let c=AJ(O8(e))?.sample;return{rows:c?.length?c:a,sample:!0}}function ki(e,t){return v1(e,TJ(PJ,{}),[{label:t,value:""}],"")}var OF=new WeakMap,GF=-1,kd={},qF=new WeakMap;function EJ(e,t,a){GF!==wi()&&(GF=wi(),kd={});let s=OF.get(t);(!s||qF.get(s)!==kd)&&(s=new Map,qF.set(s,kd),OF.set(t,s));let c=Cd(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 WF=new WeakMap;function Mi(e,t,a,s={}){let c=t[yi];if(!c)return t;let l=O8(a),r=Cd(e).length>0||l!=="",o=r?EJ(e,c,l):null,i=WF.get(t);i||WF.set(t,i=new Map);let n=`${wi()}\0${r?"1":"0"}\0${l}`,h=i.get(n);if(h)return h;let m=new Set(l?s.hides??[]:[]),u={};for(let[d,v]of Object.entries(t))d===yi?o&&(u[d]=o):m.has(d)||(u[d]=v);return i.set(n,u),u}import{Fragment as VJ,jsx as Sd}from"react/jsx-runtime";import{jsx as p4,jsxs as ws}from"react/jsx-runtime";function Md({eyebrow:e,title:t,rows:a,subRows:s,totalLabel:c,totalAmount:l,note:r,contained:o}){return p4(t2,{contained:o,className:"py-6",children:ws("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&&p4(N1,{text:e,scaled:!1}),t&&p4("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:Y(t,!1)}),a.length>0&&p4("ul",{className:"mt-6 flex flex-col",children:a.map((i,n)=>ws("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[ws("span",{className:"min-w-0",children:[i.label&&p4("span",{className:"block text-[15px]",children:k(i.label)}),i.meta&&p4("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:k(i.meta)})]}),i.amount&&p4("span",{className:"text-[15px] tabular-nums",children:k(i.amount)})]},n))}),s.length>0&&p4("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:s.map((i,n)=>ws("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[p4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:i.label&&k(i.label)}),i.amount&&p4("span",{className:"text-[14px] tabular-nums opacity-85",children:k(i.amount)})]},n))}),(c||l)&&ws("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[c&&p4("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:k(c)}),l&&p4("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:k(l)})]}),r&&p4("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:k(r)})]})})}var mt={title:"Order summary",note:"A short reassurance note under the total."},NJ=()=>[{label:p("Product name"),meta:p("Finish \xB7 Size \xB7 \xD71"),amount:"$0,000"},{label:p("Second item"),meta:p("Detail line"),amount:"$000"}],_J=()=>[{label:p("Subtotal"),amount:"$0,000"},{label:p("Delivery"),amount:"$00"}],IJ=()=>[{label:p("First item"),meta:p("A detail line"),amount:"$000"},{label:p("Second item"),meta:p("A detail line"),amount:"$000"},{label:p("Third item"),meta:p("A detail line"),amount:"$000"}],RJ=e=>({label:e.label,meta:e.meta,amount:e.amount}),UF={label:"Order Table",defaultProps:{eyebrow:"",title:"",rows:[],subRows:[],totalLabel:"",totalAmount:"",note:"",contained:!0},render:e=>{let{eyebrow:t,title:a,rows:s,subRows:c,totalLabel:l,totalAmount:r,note:o,contained:i,puck:n}=e;if(O8(e)!==""){let h=Ci(e,!!n?.isEditing,IJ());return h.rows.length?Sd(Md,{eyebrow:y(t,A.eyebrow,n),title:y(a,mt.title,n),rows:h.rows.map(RJ),subRows:Array.isArray(c)?c:[],totalLabel:y(l,"",n),totalAmount:y(r,"",n),note:y(o,"",n),contained:i}):Sd(VJ,{})}return Sd(Md,{eyebrow:y(t,A.eyebrow,n),title:y(a,mt.title,n),rows:w1(s,NJ(),n),subRows:w1(c,_J(),n),totalLabel:y(l,"Total",n),totalAmount:y(r,"$0,000",n),note:y(o,mt.note,n),contained:i})}};var jF={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",A.eyebrow),title:G("Heading",mt.title),_gItems:x("Items"),dataSource:ki("Items from","Typed here"),rows:{type:"array",label:"Items",arrayFields:{label:b1("Item"),meta:b1("Meta line"),amount:b1("Amount")},getItemSummary:e=>e.label||"Item"},subRows:{type:"array",label:"Sub-total lines",arrayFields:{label:b1("Label"),amount:b1("Amount")},getItemSummary:e=>e.label||"Line"},_gTotal:x("Total"),totalLabel:T("Total label","Total"),totalAmount:T("Total amount","$0,000"),note:G("Note",mt.note),_gLayout:x("Layout")},resolveFields:(e,{fields:t})=>Mi("OrderSummary",t,e.props,{hides:["rows"]})};import{jsx as BJ}from"react/jsx-runtime";import{jsx as y6,jsxs as Cs}from"react/jsx-runtime";function KF({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(d=>(d.value??"").trim()!==""||(d.label??"").trim()!==""),m=!!e||h.length>0,u=!!(s||c||l);return y6("section",{className:"relative z-[2] bg-bg",children:Cs("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&&Cs("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:[y6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:e&&y6("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:k(e)})}),h.length>0&&y6("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((d,v)=>Cs("div",{children:[d.value?y6("strong",{className:"font-normal text-fg",children:k(d.value)}):null," ",d.label?k(d.label):null]},v))})]}),(a||u)&&Cs("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[a&&y6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:x0(a).map((d,v)=>y6("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:k(d)},v))}),u&&Cs("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&&y6("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:Y(s,!1)}),c?k(c):null,l&&y6("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:k(l)})]})]})]})})}var w6={eyebrow:A.eyebrow,lead:"Introduce your company in a paragraph or two.",foundersHeading:"Add a short heading.",foundersBody:"Add a short statement here \u2014 a sentence or two is plenty.",attribution:"\u2014 Name, Year"},$F={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})=>BJ(KF,{eyebrow:y(e,w6.eyebrow,i),lead:y(t,A.body,i),stats:a,foundersHeading:y(s,w6.foundersHeading,i),foundersBody:y(c,w6.foundersBody,i),attribution:y(l,w6.attribution,i),padTop:r,padBottom:o})};var YF={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",w6.eyebrow),lead:G("Lead",A.body),stats:{type:"array",label:"Stats",arrayFields:{value:b1("Number"),label:b1("Unit")},getItemSummary:e=>e.label||e.value||"Stat"},_gFounders:x("Founders"),foundersHeading:G("Founders heading",w6.foundersHeading),foundersBody:G("Founders statement",w6.foundersBody),attribution:T("Attribution",w6.attribution),_gStyle:x("Style"),...u3("ParagraphsA")}};import{jsx as ZJ}from"react/jsx-runtime";import{jsx as T7,jsxs as XF}from"react/jsx-runtime";function JF({heading:e,badges:t,assurances:a,contained:s}){return T7(t2,{contained:s,className:"py-6",children:XF("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[e&&T7("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:k(e)}),t.length>0&&T7("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:t.map((c,l)=>T7("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:c.src?T7("img",{src:F2(c.src),alt:p2(c.label||""),className:"max-h-5 w-auto opacity-90"}):c.label&&T7("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:k(c.label)})},l))}),a.length>0&&T7("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:a.map((c,l)=>c.text&&XF("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[T7("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),k(c.text)]},l))})]})})}var Ld={heading:"Ways to pay"},DJ=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],OJ=()=>[{text:p("Secure encrypted checkout")},{text:p("30-day returns")}],QF={label:"Payment Methods",defaultProps:{heading:"",badges:[],assurances:[],contained:!0},render:({heading:e,badges:t,assurances:a,contained:s,puck:c})=>ZJ(JF,{heading:y(e,Ld.heading,c),badges:w1(t,DJ,c),assurances:w1(a,OJ(),c),contained:s})};var eT={fields:{_gContent:x("Content"),heading:T("Heading",Ld.heading),badges:{type:"array",label:"Payment methods",arrayFields:{label:b1("Name"),src:q1("Logo","image/*")},getItemSummary:e=>e.label||e.src||"Method"},assurances:{type:"array",label:"Reassurance lines",arrayFields:{text:b1("Line")},getItemSummary:e=>e.text||"Line"},_gLayout:x("Layout")}};import{jsx as ks}from"react/jsx-runtime";import{jsx as v3,jsxs as G8}from"react/jsx-runtime";var tT=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],Si="card",C6={min:200,max:700,step:10,fallback:330,unit:"px"};function pt({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)&&G8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&v3("span",{className:"text-accent",children:k(e.meta)}),e.dateLabel&&v3("span",{children:k(e.dateLabel)}),e.read&&v3("span",{children:k(e.read)})]});if(h){let u=Ho(l,r);return G8(s0,{href:n,className:`${Ao} group relative isolate flex overflow-hidden`,style:{minHeight:`${i??C6.fallback}px`},"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[v3("div",{className:"absolute inset-0",children:v3(k0,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),u&&v3("div",{className:"absolute inset-0 z-0",style:u,"aria-hidden":!0}),G8("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${Fo(c??"bottom-left","column")}`,children:[e.meta&&v3("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:k(e.meta)}),v3("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:Y(e.title,!1)}),e.excerpt&&v3("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:k(e.excerpt)}),(e.dateLabel||e.read)&&G8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&v3("span",{children:k(e.dateLabel)}),e.read&&v3("span",{children:k(e.read)})]})]})]})}return G8(s0,{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&&v3("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:v3(k0,{label:`event-${e.slug}`,src:e.cover||void 0})}),G8("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[m,v3("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:Y(e.title,!1)}),e.excerpt&&v3("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:k(e.excerpt)}),G8("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",v3("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{HeightIcon as qJ,ImageIcon as WJ,LayoutIcon as UJ,OpacityIcon as jJ,StylesIcon as KJ}from"efficient-easel/icons";import{jsx as GJ}from"react/jsx-runtime";var e5={title:"Add a *headline* for this post.",excerpt:"A short summary of the post \u2014 one or two sentences.",category:A.category,date:A.date,readLabel:"0 min read"},aT={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:Si,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:y7[0].value,minHeight:C6.fallback},render:e=>{let t=e.source,a=!!t?.slug;return GJ(pt,{post:{slug:a?t.slug:"post-card",title:(a?t.title:y(e.title,e5.title,e.puck))||"",excerpt:(a?t.dek:y(e.excerpt,e5.excerpt,e.puck))||"",cover:(a?t.image:e.image)||"",meta:y(e.category,e5.category,e.puck)||void 0,dateLabel:(a?t.date:y(e.date,e5.date,e.puck))||void 0,read:y(e.readLabel,e5.readLabel,e.puck)||void 0},href:(a?t.href:a1(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 sT={fields:{source:s2(ct),image:q1("Cover image","image/*"),title:G("Heading",e5.title),excerpt:G("Excerpt",e5.excerpt),href:F1("Link"),category:T("Category",e5.category),date:T("Date",e5.date),readLabel:T("Read time",e5.readLabel),layout:v1("Card layout",ks(UJ,{}),tT,Si),showCover:l1("Show cover image",!0,ks(WJ,{})),placement:o6("Text position",{stacking:!1}),minHeight:s1("Card height",ks(qJ,{}),C6.min,C6.max,C6.step,C6.fallback,C6.unit),_gTint:x("Image tint"),darken:s1("Darken",ks(jJ,{}),V2.min,V2.max,V2.step,V2.fallback,V2.unit),darkenStyle:v1("Darken style",ks(KJ,{}),y7,y7[0].value)},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};if(a.layout!=="cover")for(let c of["placement","darken","darkenStyle","minHeight","_gTint"])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 iT}from"react/jsx-runtime";import{ColumnsIcon as JJ,PlacementIcon as QJ}from"efficient-easel/icons";import{jsx as YJ}from"react/jsx-runtime";import{jsx as f2,Fragment as $J,jsxs as k6}from"react/jsx-runtime";var cT={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"},Ad="sf-itc-boxes",lT="sf-itc-steps";function rT({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:u,...d}){let v=typeof o=="number"?o:120,g=typeof i=="number"?i:120,b=(c??[]).filter(M=>(M?.tag??"").trim()||(M?.meta??"").trim()||(M?.title??"").trim()||(M?.copy??"").trim()||(M?.image??"").trim()||(M?.specs??[]).some(S=>(S?.label??"").trim()||(S?.value??"").trim())),f=b.length>0?b:n&&!s?[1,2,3].map(M=>({tag:p("Column {n}",{n:M})})):[],C=cT[l]??cT[3],z=u==="on-image";return k6("section",{className:_0(d)?"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:v,paddingBottom:g,...X2(m)},children:[h?null:f2(O2,{num:e,title:t?.trim()?k(t,!0):void 0,desc:a?.trim()?k(a,!1):void 0}),s?k6($J,{children:[f2("style",{children:`.${Ad}:empty{display:none}.${Ad}:not(:empty)~.${lT}{display:none}`}),f2(s,{className:`${Ad} sf-card grid ${C} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,f.length>0&&f2("div",{className:`${lT} sf-card grid ${C} gap-[2px] border border-line bg-line`,children:f.map((M,S)=>{let H=(M.specs??[]).filter(_=>(_?.label??"").trim()||(_?.value??"").trim());return k6("article",{className:z?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[k6("div",{className:z?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[f2(k0,{label:M.tag?.trim()||M.title?.trim()||`column-${S+1}`,src:M.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%)"}}),z&&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%)"}}),M.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:Q1(M.tag)}),M.meta?.trim()&&f2("span",{className:z?"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:Q1(M.meta)}),z&&(M.title?.trim()||M.copy?.trim())&&k6("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:[M.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:k(M.title,!0)}),M.copy?.trim()&&f2("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:k(M.copy,!1)})]})]}),z?H.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:H.map((_,E)=>k6("div",{className:"flex flex-col gap-1",children:[_.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Q1(_.label)}),_.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Q1(_.value)})]},E))}):k6("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[M.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:k(M.title,!0)}),M.copy?.trim()&&f2("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:k(M.copy,!1)}),H.length>0&&f2("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:H.map((_,E)=>k6("div",{className:"flex flex-col gap-1",children:[_.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Q1(_.label)}),_.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Q1(_.value)})]},E))})]})]},S)})}),r?.text&&f2("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:k6(s0,{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:[Q1(r.text),f2("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}var Ms={num:A.sectionNumber,title:A.headingAccent,description:A.body,cta:A.viewAll},XJ=()=>[{image:"",tag:p("{letter} \xB7 Step",{letter:"A"}),meta:p("Short detail line"),title:p("Step *one*"),copy:p("Describe this step in a sentence or two."),specs:[{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value}]},{image:"",tag:p("{letter} \xB7 Step",{letter:"B"}),meta:p("Short detail line"),title:p("Step *two*"),copy:p("Describe this step in a sentence or two."),specs:[{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value}]},{image:"",tag:p("{letter} \xB7 Step",{letter:"C"}),meta:p("Short detail line"),title:p("Step *three*"),copy:p("Describe this step in a sentence or two."),specs:[{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value}]}],Hd={boxes:{type:"slot"}},oT={label:"Image & Text Columns",fields:Hd,defaultProps:{num:"",title:"",description:"",columns:3,padTop:120,padBottom:120},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return YJ(rT,{num:a(y(e.num,Ms.num,e.puck)),title:a(y(e.title,Ms.title,e.puck)),description:a(y(e.description,A.body,e.puck)),omitHead:t,boxes:e.boxes,steps:w1(e.steps,XJ(),e.puck),columns:typeof e.columns=="number"?e.columns:3,cta:q3(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 nT={fields:{_sHeader:Y1("Header"),_gContent:x("Content"),num:T("Number",Ms.num),title:T("Heading",Ms.title),description:G("Body",A.body),boxes:Hd.boxes,_dDesign:Y1("Design"),columns:s1("Columns",iT(JJ,{}),2,4,1,3),cardImage:s7(),cardText:f1("Text position",iT(QJ,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),_dLayout:Y1("Layout"),...u3("ProcessSteps")},resolveFields:(e,{fields:t,parent:a})=>{let s=G1(U1(t,a,j1),e.props.headPlacement,Z1.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 cQ}from"react/jsx-runtime";import{SquareIcon as lQ}from"efficient-easel/icons";import{jsx as sQ}from"react/jsx-runtime";import{jsx as Li,Fragment as eQ,jsxs as hT}from"react/jsx-runtime";var tQ="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))]",aQ="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 mT({eyebrow:e,title:t,body:a,topBorder:s=!0,omitHead:c=!1,editing:l=!1}={}){let r=x0((a??"").trim()),o=!!(e??"").trim()||!!(t??"").trim()||r.length>0;return!l&&!o?null:Li("section",{className:`relative z-[2] ${s?"border-t border-line ":""}bg-bg`,children:hT("div",{className:c?aQ:tQ,children:[c?null:hT(eQ,{children:[(e??"").trim()&&Li(N1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&Li("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:Y(t??"",!1)})]}),r.map((i,n)=>Li("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:k(i)},n))]})})}var q8={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},pT={label:"Editorial Text",defaultProps:{eyebrow:"",title:"",body:"",topBorder:!0},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return sQ(mT,{eyebrow:a(y(e.eyebrow,q8.eyebrow,e.puck)),title:a(y(e.title,q8.title,e.puck)),omitHead:t,body:y(e.body,q8.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};var uT={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",q8.eyebrow),title:G("Heading",q8.title),body:G("Body",q8.body),_dDesign:Y1("Design"),topBorder:l1("Top border",!0,cQ(lQ,{}))},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Prose.headRows)};import{jsx as Ed}from"react/jsx-runtime";import{jsx as Hi}from"react/jsx-runtime";import{WidthIcon as rQ}from"efficient-easel/icons";var W8={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function dT(e){return typeof e!="number"?null:{width:`${e}${W8.unit}`,maxWidth:"100%"}}function gT(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 Ai(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 oQ=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),iQ=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),nQ=new Set(["ProductHero"]),vT={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!oQ.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=B2(l?.props??{},"full");return o&&typeof o.then=="function"?o.then(n=>P7(n,i)):P7(o,i)}},draw(e,t){let a=iQ.has(t),s=e.render;e.render=c=>{let{mode:l,inherited:r}=B2(c,"full"),o=s(c);if(l==="full")return a&&!r&&!nQ.has(t)?Hi("div",{style:{[Kz]:"none",[$z]:"initial",[Yz]:"initial"},children:o}):o;let i=X6(xa);return a?Hi("div",{style:{"--sf-page-cap":xa},children:o}):Hi("div",{style:i,children:o})}}};function P7(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 hQ=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),fT={name:"containedWidth",applies:(e,t,a)=>hQ.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=B2(l?.props??{},"page"),n=h=>pQ(t,uQ(P7(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}=B2(a,"page");return t({...a,contained:s!=="full"})}}},bT={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=Ai(c.appState,s.props?.id);if(!i||i.type!=="HeroGroup"||wl("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 mQ(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function pQ(e,t){if(e!=="ButtonBlock")return t;let a={...t};return delete a._gWidth,delete a.widthMode,delete a.pageWidth,a}function uQ(e,t,a){if(mQ(e)){let c=a.appState?.data?.content;if(MH(c,t.props?.id)!==!0)return e;let l={...e};return delete l.widthMode,delete l.pageWidth,l}if("parent"in a){if(!dz(a.parent))return e}else if(!gT({props:t.props??{}},a))return e;let s={...e};return delete s.widthMode,delete s.pageWidth,s}var xT={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let s=a.slider;if(e?.fields){let c=s("Image width",Hi(rQ,{}),W8.min,W8.max,W8.step,W8.fallback,W8.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 dQ,StylesIcon as MT}from"efficient-easel/icons";var Ss="standard",Pd=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],Td=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],Fd=[...Td,"description"],wT={standard:["eyebrowLook"],editorial:[...Td,"eyebrowLook"],simple:Fd,statement:Fd,natural:Td,essay:Fd},zT=["gap-5","gap-3"],yT=["text-[length:var(--size-body,16px)]","text-[15px]"];function CT(e){return R2(zT,zT[0],e)}function kT(e){return R2(yT,yT[0],e)}function Fi(e){return R2(Pd,Ss,e)}var ST={fields:{_gContent:x("Content"),headStyle:v1("Style",Ed(MT,{}),[...Pd],Ss),num:T("Number","01 / Section"),eyebrowLook:v1("Eyebrow style",Ed(MT,{}),[...C4],nr),numStyle:f1("Number style",Ed(dQ,{}),[...Mu],F8),title:G("Heading","Section *title*"),description:G("Body","Short supporting line"),linkText:T("Button","View all"),linkHref:F1("Link"),_gLogo:x("Logo"),logoSrc:q1("Logo image","image/*"),logoAlt:q("Logo alt text","Logo description"),...x5("full")},resolveFields:(e,{fields:t})=>{let a=P7(t,B2(e?.props??{},"full")),s=Fi(e?.props?.headStyle),c={...a};for(let l of wT[s])delete c[l];return c}};import{jsx as vQ}from"react/jsx-runtime";import{jsx as E7,jsxs as ut,Fragment as gQ}from"react/jsx-runtime";function LT({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:c,background:l,editing:r=!1,omitHead:o=!1,...i}){let n=(s??[]).filter(u=>(u?.title??"").trim()||(u?.desc??"").trim()||(u?.num??"").trim()),h=n.length>0?n:r?[{title:p("Series title")}]:[],m=!!(l&&l!=="transparent");return ut("section",{className:_0(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:E7(O2,{num:e,title:t?Y(t):void 0,desc:a}),E7("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((u,d)=>{let v=!!(u.num?.trim()||u.since?.trim()),g=!!u.title?.trim(),b=!!(u.entries?.trim()||u.entriesLabel?.trim()||c);return ut("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[v&&ut("div",{className:"flex items-baseline justify-between gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[E7("span",{children:u.num?k(u.num):null}),u.since?.trim()?E7("span",{children:k(u.since)}):null]}),g&&E7("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-[1.04] tracking-[-0.02em]",children:Y(u.title??"")}),u.desc?.trim()&&E7("p",{className:"font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",children:k(u.desc)}),b&&ut("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:[ut("span",{children:[u.entries?.trim()?E7("strong",{className:"font-normal text-fg",children:k(u.entries)}):null,u.entriesLabel?.trim()?ut(gQ,{children:[u.entries?.trim()?" ":"",k(u.entriesLabel)]}):null]}),c&&E7("span",{className:"text-accent",children:k(c)})]})]},d)})})]})}var M6={headNum:A.sectionNumber,headTitle:A.headingAccent,headDesc:A.body,viewLabel:"View series \u2192"},fQ=()=>[{num:"01",since:p("Year"),title:p("Column *title.*"),desc:p("A short description of this recurring column."),entries:"0",entriesLabel:p("entries")},{num:"02",since:p("Year"),title:p("Column *title.*"),desc:p("A short description of this recurring column."),entries:"0",entriesLabel:p("entries")},{num:"03",since:p("Year"),title:p("Column *title.*"),desc:p("A short description of this recurring column."),entries:"0",entriesLabel:p("entries")}],AT={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=O1(r)==="own-box",n=h=>i?void 0:h;return vQ(LT,{headNum:n(y(e,M6.headNum,o)),headTitle:n(y(t,M6.headTitle,o)),headDesc:n(y(a,M6.headDesc,o)),omitHead:i,cards:w1(s,fQ(),o),viewLabel:y(c,M6.viewLabel,o),background:Q6(l,a3.Series),editing:o?.isEditing})}};var HT={fields:{_gHead:x("Section header"),headNum:T("Number",M6.headNum),headTitle:G("Heading",M6.headTitle),headDesc:G("Body",M6.headDesc),_gCards:x("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:b1("Number"),since:b1("Right Top Text"),title:V1("Title"),desc:V1("Body"),entries:b1("Entries count"),entriesLabel:b1("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:x("Card link"),viewLabel:T("Card button",M6.viewLabel),_gStyle:x("Style"),background:a7("Background",a3.Series)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Series.headRows)};var FT={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 TT}from"react/jsx-runtime";import{BackgroundIcon as bQ,ContrastIcon as xQ}from"efficient-easel/icons";var PT={fields:{_gContent:x("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:q("Label","Label"),tone:f1("Tone",TT(xQ,{}),[{label:"Normal",value:"normal"},{label:"Muted",value:"muted"}],"normal")},defaultItemProps:{text:"",tone:"normal"},getItemSummary:e=>e?.text||"Item",min:2,max:8},_gStyle:x("Style"),fill:f1("Strip fill",TT(bQ,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{jsx as Ti}from"react/jsx-runtime";import{AlignLeftIcon as SQ,CaseIcon as LQ,OpacityIcon as AQ,PlacementIcon as HQ}from"efficient-easel/icons";import{jsx as kQ}from"react/jsx-runtime";import{jsx as q2,jsxs as V7}from"react/jsx-runtime";import{jsx as zQ,jsxs as yQ}from"react/jsx-runtime";import{createContext as wQ,useContext as CQ}from"react";var ET=wQ(!1);function dt(){return CQ(ET)}function VT({grayscale:e,children:t}){let a=e===!0;return yQ(ET.Provider,{value:a,children:[Object.entries(PL(e)).map(([s,c])=>zQ("style",{children:c},s)),t]})}function NT({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:u,textBgTint:d=.6,textBgObjectPosition:v,featureBar:g,imageButton:b,grayscale:f}){let C=We(f,dt()),z={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"}},M=z[h]??z.left;return q2("section",{className:"relative z-[2] bg-bg p-0",children:V7("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:[V7("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:[q2(k0,{label:e,src:t,objectPosition:s,treatment:C}),t&&a>0&&q2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${a})`}}),(g||b)&&V7("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[g&&V7(s0,{href:g.href,className:"pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[q2("span",{children:k(g.wheel)}),q2("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),q2("span",{children:k(g.category)}),q2("span",{"aria-hidden":!0,children:"\u2192"}),q2("span",{children:k(g.cta??"Shop now")})]}),b&&V7(s0,{href:b.href,className:"pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[q2("span",{children:k(b.text??"Learn more")}),q2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),V7("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[m&&V7("div",{className:"absolute inset-0","aria-hidden":!0,children:[q2(k0,{label:u??e,src:m,objectPosition:v,treatment:C}),d>0&&q2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${d})`}})]}),q2("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:m?d5:void 0,children:V7("div",{className:["flex flex-1 flex-col justify-center gap-6",M.items,M.text].join(" "),children:[c&&q2(N1,{text:c,size:14}),l&&q2("h2",{className:["font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em]","max-[800px]:text-[length:var(--size-headingMedium,36px)] max-[800px]:leading-[1]",n?"uppercase":""].join(" "),children:Y(l,!1)}),r&&x0(r).map((S,H)=>q2("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]","text-fg-dim"].join(" "),children:k(S)},H)),o.text&&q2("div",{className:`mt-2 ${M.cta}`,children:q2(s3,{href:o.href,variant:"primary",children:k(o.text)})})]})})]})]})})}var N7={eyebrow:"\u2014 Label",title:`Section headline *here.*
|
|
63
|
+
*Highlight line*`,body:"Describe this section in a sentence or two."},Vd={text:"Learn more"};function MQ(e,t,a){let s=y(e,Vd.text,a);if(s!==void 0)return{text:s,href:t||"#"}}var _T={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>kQ(NT,{eyebrow:y(e.eyebrow,N7.eyebrow,e.puck),title:y(e.title,N7.title,e.puck),body:y(e.body,N7.body,e.puck),imageLabel:a1(e.title)||N7.title,imageSrc:e.imageSrc||void 0,reverse:e.reverse,uppercase:e.uppercase,textAlign:e.textAlign,cta:q3(e.ctaText,e.ctaHref,e.puck),imageButton:MQ(e.imageBtnText,e.imageBtnHref,e.puck),textBgSrc:e.textBgSrc||void 0,textBgTint:(typeof e.overlay=="number"?e.overlay:60)/100,grayscale:e.grayscale})};var IT={fields:{_sText:Y1("Text column"),_gContent:x("Content"),eyebrow:T("Eyebrow",N7.eyebrow),title:G("Heading",N7.title),body:G("Body",N7.body),uppercase:l1("Uppercase heading",!1,Ti(LQ,{})),textAlign:f1("Alignment",Ti(SQ,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:x("Button"),...A4,_gTextBg:x("Background image"),textBgSrc:q1("Background image","image/*"),overlay:s1("Overlay",Ti(AQ,{}),0,100,5,60,"%"),_sImage:Y1("Image column"),_gImage:x("Image"),imageSrc:q1("Image","image/*"),reverse:f1("Image side",Ti(HQ,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:x("Overlay button"),imageBtnText:T("Overlay button",Vd.text),imageBtnHref:F1("Overlay button link"),_gStyle:x("Style"),grayscale:Ue()}};import{jsx as FQ}from"react/jsx-runtime";import{ColumnsIcon as TQ}from"efficient-easel/icons";var RT={fields:{_gContent:x("Content"),heading:T("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:b1("Value"),label:b1("Label")},getItemSummary:e=>e.label||e.value||"stat"},columns:s1("Columns",FQ(TQ,{}),2,4,1,4),_gStyle:x("Style"),background:a7("Background",a3.Stats)}};import{jsx as BQ}from"react/jsx-runtime";import{AccentIcon as ZQ}from"efficient-easel/icons";import{jsx as IQ}from"react/jsx-runtime";import{jsxs as vt,jsx as ft,Fragment as NQ}from"react/jsx-runtime";import{useEffect as PQ,useRef as BT,useState as EQ}from"react";var VQ=1400;function gt(e,t={}){let{threshold:a=.1,replay:s=!0,durationMs:c=VQ}=t,l=BT(null),r=BT(null),[o,i]=EQ(0);return PQ(()=>{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 d=performance.now(),v=g=>{let b=Math.min(1,(g-d)/c),f=1-Math.pow(1-b,3);i(Math.round(f*e)),b<1?r.current=requestAnimationFrame(v):r.current=null};r.current=requestAnimationFrame(v)},u=new IntersectionObserver(d=>{let v=d[0];v&&(v.isIntersecting?(m(),s||u.disconnect()):s&&(h(),i(0)))},{threshold:a});return u.observe(n),()=>{u.disconnect(),h()}},[e,a,s,c]),{ref:l,value:o}}var ZT="font-normal italic text-accent";function _Q({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}=gt(i?parseInt(o,10):0),m=i?String(h):o,u=t??"";return vt("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[vt("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?vt("em",{className:ZT,children:[u,m]}):vt(NQ,{children:[u,m,a?ft("em",{className:ZT,children:a}):null]}),s?ft("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)&&vt("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[l?ft("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?k(r):null]})]})}function DT({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,u=(s??[]).filter(g=>(g.value??"").trim()!==""||(g.label??"").trim()!==""||(g.sub??"").trim()!==""||(g.suffix??"").trim()!==""||(g.supSuffix??"").trim()!==""),d=u.length>0?u:o?[{value:"0",label:p("Stat"),sub:p("Add your numbers.")}]:[],v=!!(c&&c!=="transparent");return vt("section",{className:_0(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,...v?{backgroundColor:c}:{}},children:[i?null:ft(O2,{num:e,title:t?Y(t):void 0,desc:a?k(a):void 0}),d.length>0&&ft("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:d.map((g,b)=>ft(_Q,{...g},b))})]})}var U8={eyebrow:A.eyebrow,title:A.headingAccent,desc:A.body},RQ=()=>[{value:"00",label:A.label,sub:p("Short description of this figure.")},{value:"00",label:A.label,sub:p("Short description of this figure.")},{value:"00",label:A.label,sub:p("Short description of this figure.")},{value:"00",label:A.label,sub:p("Short description of this figure.")}],OT={label:"Stats with Text",defaultProps:{eyebrow:"",title:"",desc:"",stats:[],background:Nl,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=O1(o)==="own-box",h=m=>n?void 0:m;return IQ(DT,{eyebrow:h(y(e,U8.eyebrow,i)),title:h(y(t,U8.title,i)),desc:h(y(a,U8.desc,i)),omitHead:n,stats:w1(s,RQ(),i),background:Q6(c,a3.StatsParagraph),padTop:n?0:typeof l=="number"?l:120,padBottom:typeof r=="number"?r:120,editing:i?.isEditing})}};var GT={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",U8.eyebrow),title:G("Heading",U8.title),desc:G("Body",U8.desc),stats:{type:"array",label:"Stats",arrayFields:{value:q("Number"),prefix:q("Prefix"),suffix:q("Unit"),supSuffix:q("Superscript"),emphasizeAll:l1("Whole number Theme Color",!1,BQ(ZQ,{})),label:q("Label"),sub:V1("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:e=>e.label||e.value||"Stat"},_gStyle:x("Style"),background:a7("Background",a3.StatsParagraph),...u3("StatsParagraph")},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.StatsParagraph.headRows)};import{jsx as UT}from"react/jsx-runtime";import{ColumnsIcon as UQ,StylesIcon as jQ}from"efficient-easel/icons";import{jsx as qQ}from"react/jsx-runtime";import{jsx as S6,Fragment as DQ,jsxs as Pi}from"react/jsx-runtime";var OQ="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))]",GQ="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 qT({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:S6("section",{className:"relative z-[2] border-t border-line bg-surface",children:Pi("div",{className:l?GQ:OQ,children:[l?null:Pi(DQ,{children:[(t??"").trim()&&S6(N1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&S6("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:Y(a??"",!1)})]}),i.length>0&&S6("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:[S6("span",{"aria-hidden":!0,className:"font-heading2 text-[length:var(--size-headingMedium,46px)] leading-none text-accent",children:"\u201C"}),S6("blockquote",{className:"flex-1 text-[length:var(--size-body,16px)] leading-[1.6] text-fg-dim",children:x0((h.quote??"").trim()||p("A short customer quote goes here.")).map((u,d)=>S6("p",{className:d?"mt-3":"",children:k(u)},d))}),Pi("figcaption",{className:"border-t border-line pt-[18px]",children:[S6("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()&&S6("div",{className:"mt-1 text-[length:var(--size-body,12px)] text-fg-dim",children:h.role})]})]},m))})]})})}var Ls={eyebrow:"Feedback",title:"What people *say.*"},WQ=()=>[{quote:p("A short customer quote goes here \u2014 replace it with a real testimonial from your customers."),name:p("Customer name"),role:p("Role \xB7 Location")},{quote:p("A second customer quote \u2014 what they loved, in a sentence or two."),name:p("Customer name"),role:p("Role \xB7 Location")},{quote:p("A third short quote to round out the row."),name:p("Customer name"),role:p("Role \xB7 Location")}],WT={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return qQ(qT,{look:r4(e.eyebrowLook,"Testimonials"),eyebrow:a(y(e.eyebrow,Ls.eyebrow,e.puck)),title:a(y(e.title,Ls.title,e.puck)),omitHead:t,items:w1(e.items,WQ(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var jT={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",Ls.eyebrow),eyebrowLook:v1("Eyebrow style",UT(jQ,{}),[...C4],l7("Testimonials")),title:G("Heading",Ls.title),items:{type:"array",label:"Quotes",arrayFields:{quote:V1("Quote"),name:q("Name"),role:q("Role \xB7 location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:x("Style"),columns:s1("Columns",UT(UQ,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Testimonials.headRows)};var KT={fields:{text:G("Body",A.body),align:E5(),tone:Po()}};import{jsx as j8}from"react/jsx-runtime";import{ClockIcon as YQ,DirectionIcon as XQ,GapIcon as JQ,LineBetweenIcon as QQ,SquareIcon as e11,StylesIcon as t11,TextSizeIcon as a11}from"efficient-easel/icons";var $T="none",YT=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function XT(e){return e==="above"||e==="below"?e:null}var JT="sf-ticker-join";function QT(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as $Q}from"react/jsx-runtime";import{jsx as Nd}from"react/jsx-runtime";var KQ=()=>p("item");function eP({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(d=>d?.text?.trim()?d.text:i?KQ():"").filter(Boolean);if(n.length===0)return null;let h=a!=="plain",m=XT(o),u=Nd("div",{className:[m?`absolute inset-x-0 ${QT(m)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",s?"border-y border-line":""].filter(Boolean).join(" "),children:Nd(Nw,{items:n,durationSec:t,size:c,separator:l,scroll:r,backdrop:h?"themed-band":"themed-section"})});return m?Nd("div",{className:JT,children:u}):u}var _d=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],tP={label:"Scrolling Bar",defaultProps:{items:[],tone:"scrim",borders:!0,size:tr,separator:ar,scrollDirection:sr,speed:50},render:({items:e,tone:t,borders:a,size:s,separator:c,scrollDirection:l,speed:r,join:o,puck:i})=>$Q(eP,{items:w1(e,_d,i),tone:t,borders:a,size:s,separator:c,scroll:l,durationSec:r,join:o,editing:i?.isEditing})};var aP={fields:{_gContent:x("Content"),items:K9(P2(Lm.label,Lm.icon,"item","markup"),_d),_gStyle:x("Style"),tone:f1("Style",j8(t11,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:l1("Hairline borders",!0,j8(e11,{})),size:f1("Text size",j8(a11,{}),[...Pw],tr),separator:v1("Separator",j8(QQ,{}),Ew,ar),scrollDirection:Gl("Scroll direction",Vw,sr,"A marquee cannot run diagonally, so the corners are not answers.",j8(XQ,{}),lw),speed:s1("Scroll duration",j8(YQ,{}),20,90,5,50,"s"),join:v1("Join",j8(JQ,{}),YT,$T)}};import{jsx as l11}from"react/jsx-runtime";import{EyeIcon as r11}from"efficient-easel/icons";import{jsx as s11}from"react/jsx-runtime";import{jsx as M0,Fragment as oP,jsxs as K3}from"react/jsx-runtime";function sP({eyebrow:e,title:t,intro:a,center:s=!1}){return K3(oP,{children:[e&&M0(N1,{text:e,size:12}),t&&M0("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:Y(t)}),a&&M0("p",{className:["font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",s?"max-w-[520px]":"max-w-[360px]"].join(" "),children:k(a,!0)})]})}function cP({cta:e,className:t=""}){return e?.text?K3(s0,{href:e.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4","font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg","transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[k(e.text),M0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]}):null}function lP({src:e,caption:t,meta:a,aspectClass:s,editing:c,sizes:l="100vw",className:r=""}){return!e&&!c?null:K3("figure",{className:["relative overflow-hidden border border-line bg-surface",s,r].join(" "),children:[M0(k0,{label:t||"Image",src:e,alt:p2(t??""),sizes:l}),M0("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)&&K3("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:[M0("span",{children:t?k(t):""}),a&&M0("span",{className:"text-accent",children:k(a)})]})]})}function Id({entry:e}){let t=x0(e.body??"");return K3(oP,{children:[e.title&&M0("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:Y(e.title)}),t.length>0&&M0("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)=>M0("p",{className:s===0?"text-fg":"text-fg-dim",children:k(a,!0)},s))})]})}var rP={boxShadow:"0 0 0 4px var(--bg)"};function iP({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 u=typeof n=="number"?n:120,d=typeof h=="number"?h:120,v=(i??[]).filter(g=>(g.date??"").trim()||(g.title??"").trim()||(g.body??"").trim());return M0("section",{className:"relative z-[2] bg-bg",children:M0("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:u,paddingBottom:d},children:e==="split"?K3("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[K3("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[M0(sP,{eyebrow:t,title:a,intro:s}),M0(lP,{src:c,caption:l,meta:r,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:m}),M0(cP,{cta:o,className:"mt-2 self-start"})]}),M0("ol",{className:"flex flex-col gap-12",children:v.map((g,b)=>K3("li",{className:"grid grid-cols-[80px_1fr] items-start gap-6 max-[700px]:grid-cols-1 max-[700px]:gap-2",children:[M0("span",{className:"pt-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?k(g.date):""}),M0("div",{className:"max-w-[640px]",children:M0(Id,{entry:g})})]},b))})]}):K3("div",{children:[K3("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[M0(sP,{eyebrow:t,title:a,intro:s,center:!0}),M0(cP,{cta:o})]}),M0(lP,{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"?M0("ol",{className:"relative mx-auto mt-16 max-w-[760px]",children:v.map((g,b)=>K3("li",{className:"relative border-l border-line pb-12 pl-10 last:pb-0 max-[700px]:pl-8",children:[M0("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:rP}),M0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?k(g.date):""}),M0("div",{className:"max-w-[640px]",children:M0(Id,{entry:g})})]},b))}):K3("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[M0("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"}),v.map((g,b)=>{let f=b%2===0;return K3("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:[M0("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:rP}),K3("div",{className:f?"min-[801px]:col-start-1 min-[801px]:pr-8 min-[801px]:text-right":"min-[801px]:col-start-2 min-[801px]:pl-8",children:[M0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?k(g.date):""}),M0("div",{className:["max-w-[520px] max-[800px]:max-w-none",f?"min-[801px]:ml-auto":""].join(" "),children:M0(Id,{entry:g})})]})]},b)})]})]})})})}var t5={eyebrow:A.eyebrow,title:`Section heading
|
|
64
|
+
*Highlight line*`,intro:A.body,imageCaption:A.imageCaption,imageMeta:A.imageMeta,cta:u2.text},c11=()=>[{date:p("Year"),title:p("Milestone title."),body:p("Describe what happened, in a sentence or two.")},{date:p("Year"),title:p("Milestone title."),body:p("Describe what happened, in a sentence or two.")},{date:p("Year"),title:p("Milestone title."),body:p("Describe what happened, in a sentence or two.")}],nP={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>s11(iP,{layout:e.layout||"split",eyebrow:y(e.eyebrow,t5.eyebrow,e.puck),title:y(e.title,t5.title,e.puck),intro:y(e.intro,t5.intro,e.puck),imageSrc:e.imageSrc||void 0,imageCaption:y(e.imageCaption,t5.imageCaption,e.puck),imageMeta:y(e.imageMeta,t5.imageMeta,e.puck),cta:q3(e.ctaText,e.ctaHref,e.puck),entries:w1(e.entries,c11(),e.puck),padTop:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})};var hP={fields:{_dLayout:Y1("Layout"),layout:v1("Display",l11(r11,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),...u3("Timeline"),_sHeader:Y1("Header"),_gContent:x("Content"),eyebrow:T("Eyebrow",t5.eyebrow),title:G("Heading",t5.title),intro:G("Intro",t5.intro),imageSrc:q1("Image","image/*"),imageCaption:T("Image caption",t5.imageCaption),imageMeta:T("Image meta",t5.imageMeta),_gButton:x("Button"),...A4,_sEntries:Y1("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:b1("Sub-title"),title:V1("Title"),body:V1("Body")},defaultItemProps:{date:"",title:"",body:""},getItemSummary:e=>e?.date||e?.title||"Entry"}}};import{jsx as n11}from"react/jsx-runtime";import{ClockIcon as h11}from"efficient-easel/icons";import{jsx as o11}from"react/jsx-runtime";import{jsx as V4,jsxs as Ei}from"react/jsx-runtime";function mP({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,u=o??"var(--section-bg)",d=u!=="transparent",v=(s??[]).filter(f=>(f.date??"").trim()||(f.title??"").trim()||(f.blurb??"").trim());if(v.length===0&&!i)return null;let g=v.filter(f=>!f.future).length,b=v.length?g/v.length*100:0;return V4("section",{className:"relative z-[2]",children:Ei("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,...d?{backgroundColor:u}:{}},children:[n?null:V4(O2,{num:e,title:t?Y(t):void 0,desc:a?k(a,!0):void 0,spaceBelow:"",className:"text-fg"}),Ei("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":v.length},children:[V4("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:V4("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${b}%`}})}),v.map((f,C)=>Ei("div",{className:["relative flex min-h-[280px] flex-col gap-3.5 px-3.5","border-l",f.future?"border-line":"max-[1100px]:border-accent border-line",C===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:[V4("span",{className:["pointer-events-none absolute h-2.5 w-2.5 rounded-full border-2 border-bg",f.future?"border-line bg-surface-2":"bg-accent",C===0?"-top-[66px] left-[-1px]":"-top-[66px] left-[-5px]","max-[1100px]:left-[-5px] max-[1100px]:top-7"].join(" ")}),V4("span",{className:["font-mono text-[length:var(--size-label,13px)] tracking-[0.22em]",f.future?"text-fg-dim":"text-accent"].join(" "),children:f.date?V4(z8,{value:f.date,children:Q1(f.date)}):""}),f.title&&V4("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:V4(z8,{value:f.title,children:Q1(f.title)})}),f.blurb&&V4("p",{className:"mt-auto font-display text-[length:var(--size-body,13px)] leading-[1.55] text-fg-dim",children:k(f.blurb,!0)})]},C))]}),c?.text&&V4("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:Ei(s0,{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:[Q1(c.text),V4("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}var K8={eyebrow:A.eyebrow,title:A.headingAccent,intro:A.body,cta:u2.text},i11=()=>[{date:p("Year"),title:p("Milestone"),blurb:p("A short line about this milestone."),future:!1},{date:p("Year"),title:p("Milestone"),blurb:p("A short line about this milestone."),future:!1},{date:p("Year"),title:p("Milestone"),blurb:p("A short line about this milestone."),future:!1},{date:p("Year \u2192"),title:p("Upcoming"),blurb:p("A milestone still to come."),future:!0}],pP={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:Nl,padTop:120,padBottom:120},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return o11(mP,{eyebrow:a(y(e.eyebrow,K8.eyebrow,e.puck)),title:a(y(e.title,K8.title,e.puck)),intro:a(y(e.intro,K8.intro,e.puck)),omitHead:t,entries:w1(e.entries,i11(),e.puck),cta:q3(e.ctaText,e.ctaHref,e.puck),background:Q6(e.background,a3.TimelineTrack),padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var uP={fields:{_sHeader:Y1("Header"),eyebrow:T("Eyebrow",K8.eyebrow),title:G("Heading",K8.title),intro:G("Body",K8.intro),_sEntries:Y1("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:q("Year"),title:V1("Title"),blurb:V1("Body"),future:l1("Upcoming",!1,n11(h11,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:e=>e?.date||e?.title||"Milestone"},_sButton:Y1("Button"),...A4,_dDesign:Y1("Design"),background:a7("Background",a3.TimelineTrack),_dLayout:Y1("Layout"),...u3("TimelineTrack")},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.TimelineTrack.headRows)};import{jsx as fP}from"react/jsx-runtime";import{AlignLeftIcon as u11,StylesIcon as d11}from"efficient-easel/icons";import{jsx as m11}from"react/jsx-runtime";import{jsx as As,jsxs as dP}from"react/jsx-runtime";function gP({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:As("section",{className:"relative z-[2] bg-bg",children:dP("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&&As("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),n&&As("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:Y(e??"")}),i.length>0&&As("div",{className:"flex min-w-[280px] flex-col gap-3.5 max-[1100px]:min-w-0",children:i.map((m,u)=>{let d=(m.label??"").trim()||p("Button label"),v=m.href||"#",g=m.variant==="primary";return dP(s0,{href:v,className:["flex items-center justify-between gap-6 px-7 py-5","font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] transition-colors",g?"border border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg":"border border-line text-fg hover:border-accent hover:text-accent"].join(" "),children:[d," ",As("span",{"aria-hidden":!0,children:"\u2192"})]},u)})})]})})}var Rd={title:`Section heading
|
|
65
|
+
*Highlight line*`},p11=[{label:u2.text,href:u2.href,variant:"primary"},{label:u2.text,href:u2.href,variant:"outline"}],vP={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=T2(e),n=i.hidden?"":i.text.trim();return m11(gP,{title:o&&!n?void 0:y(e,Rd.title,l),buttons:w1(t,p11,l),padTop:typeof a=="number"?a:140,padBottom:typeof s=="number"?s:140,buttonsAlign:r,editing:l?.isEditing})}};var bP={fields:{_gContent:x("Content"),title:G("Heading",Rd.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:q("Button"),href:Q2(q("Button link")),variant:v1("Style",fP(d11,{}),[{label:"Primary (Theme Color)",value:"primary"},{label:"Outline",value:"outline"}],"outline")},defaultItemProps:{label:"",href:"#",variant:"outline"},getItemSummary:e=>e?.label||"Button"},_gStyle:x("Style"),buttonsAlign:f1("Alignment",fP(u11,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...u3("TitleWithButtons")},resolveFields:(e,{fields:t})=>{let a=T2(e.props.title);if(!(!a.hidden&&a.text.trim()))return t;let{buttonsAlign:s,...c}=t;return c}};import{jsx as g11}from"react/jsx-runtime";import{jsx as _7,jsxs as Bd}from"react/jsx-runtime";function xP({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 _7(t2,{contained:r,className:"py-6",children:Bd("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&&Bd("div",{className:"absolute inset-0","aria-hidden":!0,children:[_7("img",{src:F2(l),alt:"",className:"h-full w-full object-cover"}),_7("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${i})`}})]}),Bd("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:l?d5:void 0,children:[e&&_7(N1,{text:e}),t&&_7("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:Y(t,!1)}),a&&x0(a).map((n,h)=>_7("p",{className:"text-[length:var(--size-body,16px)] leading-[1.6] opacity-85",children:k(n)},h)),s&&_7("div",{className:"mt-2 self-start",children:_7(s3,{href:c||"#",variant:"primary",children:k(s)})})]})]})})}var zP={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=q3(c,l,i);return g11(xP,{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 E11}from"react/jsx-runtime";import{jsx as Vi}from"react/jsx-runtime";import{ArrowLongRightIcon as v11,ArrowRightIcon as f11,ArrowUpRightIcon as b11,BagIcon as x11,CarIcon as z11,CartIcon as y11,ChevronRightIcon as w11,DownloadIcon as C11,EmailIcon as k11,ExternalIcon as M11,LocationIcon as S11,PlayIcon as L11,SearchIcon as A11,TagIcon as H11}from"efficient-shell/icons/efficient";var F11="sf-button-block",T11={"arrow-right":f11,"arrow-long-right":v11,"arrow-up-right":b11,"chevron-right":w11,external:M11,cart:y11,bag:x11,tag:H11,email:k11,location:S11,play:L11,download:C11,search:A11,car:z11},P11={left:"justify-start",center:"justify-center",right:"justify-end"};function yP({label:e,href:t,variant:a,align:s,contained:c,arrow:l,icon:r,iconPosition:o,widthFit:i}){let n=Pu(r),h=n&&n!=="none"?T11[n]:void 0,m=n===void 0?jo(l)?{}:{arrow:null}:h?{arrow:Vi(h,{size:16}),...Ko(o)==="before"?{glyphBefore:!0}:{}}:{arrow:null},u=nA(i)==="fill"?{className:"w-full"}:{};return Vi(t2,{contained:c,className:`${F11} py-4`,children:Vi("div",{className:`flex ${P11[s]}`,children:Vi(s3,{href:t||"#",variant:a,...u,...m,children:k(e)})})})}var wP={label:"Button",defaultProps:{label:"",href:"#",variant:"primary",align:"left",contained:!0},render:({label:e,href:t,variant:a,align:s,contained:c,arrow:l,icon:r,iconPosition:o,widthFit:i,puck:n})=>E11(yP,{label:K4(e,u2.text,n)??"",href:t,variant:a,align:s,contained:c,arrow:l,icon:r,iconPosition:o,widthFit:i})};import{jsx as V11}from"react/jsx-runtime";import{jsx as Hs,jsxs as Zd}from"react/jsx-runtime";function CP({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:p("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 Hs("nav",{className:`${s?`${ne} 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:Zd("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 u=m===n,d=h.count?.trim()?h.count:"";return Zd("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":"",u?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[D0(h.label),d&&Hs("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:D0(d)}),u&&Hs("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},m)}),o.length>0&&Hs("div",{className:"ml-auto flex border-l border-line",children:o.map((h,m)=>Zd(s0,{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:[D0(h.label)," ",Hs("span",{className:"text-accent",children:"\u2197"})]},m))})]})})}var N11=()=>[{label:p("All")},{label:A.category},{label:A.category}],_11=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],kP={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:_11,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:s,puck:c})=>V11(CP,{tabs:w1(e,N11(),c),activeTab:a1(t),links:a,sticky:s,editing:c?.isEditing})};import{jsx as G11}from"react/jsx-runtime";import{jsx as n0,jsxs as r3,Fragment as MP}from"react/jsx-runtime";import{useEffect as Fs,useRef as Dd,useState as Ni}from"react";var I11=`
|
|
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
|
+
`,R11=`
|
|
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 ${h6.accent}73;
|
|
129
|
+
}
|
|
130
|
+
.loc-part-pick[data-selected]::after {
|
|
131
|
+
box-shadow: inset 0 0 0 2px ${h6.accent};
|
|
132
|
+
}
|
|
133
|
+
@media (prefers-reduced-motion: reduce) {
|
|
134
|
+
.loc-part-pick::after { transition: none; }
|
|
135
|
+
}
|
|
136
|
+
`;function SP({value:e}){if(typeof e=="string"){let t=e.split(`
|
|
137
|
+
`);return n0(MP,{children:t.map((a,s)=>r3("span",{children:[a,s<t.length-1?n0("br",{}):null]},s))})}return n0(MP,{children:e})}function B11(){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:r3("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 LP({sectionNumber:e=r2.sectionNumber,heading:t=r2.heading,tagline:a=r2.tagline,galleryKicker:s=r2.galleryKicker,galleryHint:c=r2.galleryHint,locations:l=is,apiKey:r="",mapId:o="",mapTheme:i="auto",imageShape:n,editing:h,nodeId:m,...u}){let[d,v]=Ni(!1);Fs(()=>{let F=()=>v(document.documentElement.getAttribute("data-theme")==="light");F();let V=new MutationObserver(F);return V.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>V.disconnect()},[]);let[g,b]=Ni(null),f=F=>`loc-${F}`,C=F=>{b(F),typeof document<"u"&&document.getElementById(F)?.scrollIntoView({behavior:n6(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${F}`)};Fs(()=>{if(typeof window>"u")return;let F=window.location.hash.replace(/^#/,"");!F||!document.getElementById(F)||(b(F),requestAnimationFrame(()=>{document.getElementById(F)?.scrollIntoView({behavior:n6(),block:"start"})}))},[]);let z=Vo($o(n)),{select:M,selectedLocationPartId:S}=zw(),H=(F,V)=>m?Hm(m,F,V):"",_=(F,V)=>!!(h&&m&&S===H(F,V)),E=(F,V)=>h&&m?`${F}:${V}`:void 0,O=Dd(null);Fs(()=>{if(!h||!m)return;let F=O.current;if(!F)return;let V=Array.from(F.querySelectorAll("[data-loc-pick]")).map(D=>{let Z=T9(D),I=U=>{let N=D.getAttribute("data-loc-pick")??"",[J,j]=N.split(":");j!=="image"&&j!=="map"||(U.stopPropagation(),U.preventDefault(),M(Hm(m,Number(J),j)))};return D.addEventListener("click",I,{capture:!0}),()=>{Z?.(),D.removeEventListener("click",I,{capture:!0})}});return()=>V.forEach(D=>D())},[h,m,M,l.length]);let P=or(l,F=>String(F.group??""),F=>String(F.groupName??""));return r3("section",{id:"studios",ref:O,className:_0(u)?"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:d?void 0:{background:"var(--section-bg)"},children:[n0("style",{dangerouslySetInnerHTML:{__html:I11}}),h&&m&&n0("style",{dangerouslySetInnerHTML:{__html:R11}}),(e||t||a)&&n0(O2,{num:e,title:t?Y(t,!0):void 0,desc:a?k(a):void 0,spaceBelow:"mb-10"}),l.length>0&&r3("div",{className:"mb-12",children:[(s||c)&&r3("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[s&&n0(N1,{text:s,size:12}),c&&n0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:k(c)})]}),n0("div",{className:"flex flex-col gap-6",children:P.map((F,V)=>{let D=F.items.length===1;return r3("div",{children:[F.key&&n0("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:F.key}),n0("div",{className:["grid gap-[2px] border border-line bg-line",Ma(F.items.length),F.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:F.items.map(({item:Z,index:I})=>{let U=String(Z?.name??""),N=String(Z?.photo??""),J=f(I);return r3("a",{href:`#${J}`,"aria-label":`Jump to ${U||"location"} map`,onClick:j=>{j.preventDefault(),C(J)},"data-loc-pick":E(I,"image"),className:["group relative block",z,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",D?"max-h-[440px]":"",...E(I,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":_(I,"image")?"":void 0,children:[N?n0(sl,{src:N,alt:p2(U||"Location"),fill:!0,sizes:D?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):n0(B11,{}),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:U})})]},I)})})]},F.key?`g:${F.key}`:`ungrouped:${V}`)})})]}),P.map((F,V)=>r3("div",{className:V===0?"":"mt-10",children:[F.key&&n0(pi,{groupKey:F.key,name:F.name,count:F.items.length}),n0("div",{className:["grid gap-[2px] border border-line bg-line",Ma(F.items.length),F.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:F.items.map(({item:D,index:Z})=>n0(Z11,{id:f(Z),card:D,active:g===f(Z),apiKey:r,mapId:o,mapTheme:i,mapPick:E(Z,"map"),mapSelected:_(Z,"map")},Z))})]},F.key?`g:${F.key}`:`ungrouped:${V}`)),l.length>0&&r3("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 Z11({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=Yo(t.region),h=String(t.state??"").trim()||n.state,m=String(t.country??"").trim()||n.country,u=[h,m].filter(Boolean).join(" \xB7 ");return r3("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:[r3("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[r3("div",{className:"flex items-start justify-between gap-3.5",children:[r3("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}),u&&n0("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:u})]}),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(SP,{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(SP,{value:t.hours})})]}),n0(O11,{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 D11=13;function O11({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=hi(r,ii()),u=mi(o,ni()),d=bs(s,c),v=!!m&&d,g=t,b=Dd(null),f=Dd(null),[C,z]=Ni(!1),M=i!=="auto",S=M7(i),[H,_]=Ni(i==="auto"?k7.dark.background:X4(i));Fs(()=>{_(X4(i))},[i]),Fs(()=>{if(!v)return;let P=b.current;if(!P)return;let F=null,V=null,D=!1,Z=null,I=J=>({path:J.SymbolPath.CIRCLE,scale:7,fillColor:ot(i),fillOpacity:1,strokeColor:ot(i),strokeOpacity:.25,strokeWeight:10}),U=async()=>{try{let J=await oi(m);if(D||!f.current)return;F=new J.Map(f.current,{center:{lat:s,lng:c},zoom:D11,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:X4(i),...u?{mapId:u}:{styles:rt(i)}}),V=new J.Marker({map:F,position:{lat:s,lng:c},icon:I(J)}),F.addListener("tilesloaded",()=>{D||z(!0)}),i==="auto"&&!u&&(Z=li(()=>{D||!F||(F.setOptions({styles:rt(i),backgroundColor:X4(i)}),V?.setIcon(I(J)),_(X4(i)))}))}catch(J){console.error("[StudioMap] Maps SDK failed:",J)}},N=new IntersectionObserver(J=>{for(let j of J)if(j.isIntersecting){N.disconnect(),U();break}},{rootMargin:"200px"});return N.observe(P),()=>{D=!0,N.disconnect(),Z?.()}},[v,m,s,c,u,i]);let E=l||(e?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([e,t,a].filter(Boolean).join(" "))}`:""),O=r3("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",M?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:M?{backgroundColor:S.info.bg,borderColor:`color-mix(in oklab, ${S.info.fgDim} 35%, transparent)`,boxShadow:S.info.shadow}:void 0,children:[r3("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:M?{color:S.info.fg}:void 0,children:[e||"Location",g?`, ${g}`:""]}),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",M?"":"text-accent hover:text-fg"].join(" "),style:M?{color:S.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!v){let P=M?`linear-gradient(135deg, ${S.background}, ${S.info.bg})`:"linear-gradient(135deg, var(--site-surface-2), var(--site-surface))";return r3("div",{"data-loc-pick":n,className:["relative overflow-hidden max-[1100px]:aspect-square",M?"":"bg-bg",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{...M?{backgroundColor:S.background}:null,backgroundImage:`repeating-linear-gradient(45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), ${P}`},children:[O,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]",M?"":"text-fg-dim/40"].join(" "),style:M?{color:S.info.fgDim,opacity:.4}:void 0,children:m?"Add latitude & longitude":"Add a Google Maps API key"})]})}return r3("div",{ref:b,"data-loc-pick":n,className:["studio-map relative overflow-hidden max-[1100px]:aspect-square",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{backgroundColor:H},children:[n0("div",{ref:f,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",C?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"}),O]})}var AP={label:"Contact / Locations",defaultProps:{sectionNumber:r2.sectionNumber,heading:r2.heading,tagline:r2.tagline,galleryKicker:r2.galleryKicker,galleryHint:r2.galleryHint,locations:is,apiKey:r2.apiKey,mapId:r2.mapId,mapTheme:r2.mapTheme},render:e=>G11(LP,{sectionNumber:e2(e.sectionNumber,r2.sectionNumber,e.puck),heading:e2(e.heading,r2.heading,e.puck),tagline:e2(e.tagline,r2.tagline,e.puck),galleryKicker:e2(e.galleryKicker,r2.galleryKicker,e.puck),galleryHint:e2(e.galleryHint,r2.galleryHint,e.puck),locations:e.locations??is,apiKey:a1(e.apiKey),mapId:a1(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 S01}from"react/jsx-runtime";var Yd=TG($P());Yd.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function YP(e){return Yd.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 XP={label:"Custom HTML",defaultProps:{html:`<section>
|
|
138
|
+
<h2>Custom section</h2>
|
|
139
|
+
</section>`},render:({html:e})=>S01("div",{dangerouslySetInnerHTML:{__html:YP(e??"")}})};import{jsx as A01}from"react/jsx-runtime";import{jsx as Xd}from"react/jsx-runtime";var L01={sm:"my-6",md:"my-12",lg:"my-20"};function JP({spacing:e,contained:t,style:a=P8}){let s=DA(ZA(a));return Xd(t2,{contained:t,className:L01[e],children:s?Xd("hr",{className:"border-x-0 border-y border-line",style:{height:BA,backgroundImage:s}}):Xd("hr",{className:"border-0 border-t border-line"})})}var QP={label:"Divider",defaultProps:{style:P8,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>A01(JP,{spacing:e,contained:t,style:a})};import{Fragment as T01,jsx as tE}from"react/jsx-runtime";import{jsx as H01}from"react/jsx-runtime";var F01={left:"",center:"justify-center",right:"justify-end"};function eE({text:e,align:t="left",look:a=hr}){return H01(N1,{text:e,look:a,classNameAfter:a==="line"?F01[t]:""})}var aE={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:s})=>T2(e).hidden?tE(T01,{}):tE(eE,{text:K4(a1(e),A.eyebrow,s)??"",align:t,look:fC(a)})};import{Fragment as N01,jsx as cE}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";var P01={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]"}},E01="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]",V01={left:"text-left",center:"text-center",right:"text-right"};function sE({level:e,text:t,align:a,contained:s,hero:c=!1}){if(c)return Jd("h1",{className:E01,children:Y(t,!1)});let l=`h${e}`,r=P01[e],o=t7(void 0,r.size,r.role,r.step),i=r.sizeMobile?t7(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 Jd(t2,{contained:s,className:"py-6",children:Jd(l,{className:`font-display ${h} tracking-[-0.03em] text-fg ${m} ${V01[a]}`,style:n,children:Y(t,!1)})})}var lE={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:s,puck:c})=>T2(e).hidden?cE(N01,{}):cE(sE,{text:K4(a1(e),A.heading,c)??"",level:t,align:a,contained:s})};import{jsx as I01}from"react/jsx-runtime";import{jsx as Y8}from"react/jsx-runtime";var _01={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function rE({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:l,width:r,fit:o,focal:i,corners:n,cornerSides:h}){let m=We(c,dt()),u=dT(r),d=nt(o,"cover"),v=yy(n,h),g={...m.style??{},...i&&bi(a,d)?{objectPosition:i}:{}},b=e?Y8("img",{src:F2(e),alt:t,className:`h-full w-full ${a==="auto"?"":xF(d)}${m.className?` ${m.className}`:""}`,...Object.keys(g).length?{style:g}:{}}):Y8("div",{className:"flex aspect-[16/9] items-center justify-center border border-dashed border-line font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:"Image \u2014 set a path"}),f=(l??"").trim(),C=f&&e?f.startsWith("/")?Y8(s0,{href:f,className:"block h-full w-full",children:b}):Y8("a",{href:f,className:"block h-full w-full",children:b}):b;return Y8(t2,{contained:s,className:"py-6",children:Y8("figure",{...u?{style:u}:{},children:Y8("div",{className:`relative w-full overflow-hidden bg-surface ${_01[a]}`,...v?{style:v}:{},children:C})})})}var oE={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})=>I01(rE,{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 O01}from"react/jsx-runtime";import{jsx as H3,jsxs as Ri}from"react/jsx-runtime";var T1='<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>',P1='</title><path d="',E1='"/></svg>';var iE={title:"Adyen",slug:"adyen",get svg(){return T1+"Adyen"+P1+this.path+E1},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 nE={title:"Afterpay",slug:"afterpay",get svg(){return T1+"Afterpay"+P1+this.path+E1},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 hE={title:"Aircall",slug:"aircall",get svg(){return T1+"Aircall"+P1+this.path+E1},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 Qd={title:"American Express",slug:"americanexpress",get svg(){return T1+"American Express"+P1+this.path+E1},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 mE={title:"Apple Pay",slug:"applepay",get svg(){return T1+"Apple Pay"+P1+this.path+E1},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 pE={title:"BigCommerce",slug:"bigcommerce",get svg(){return T1+"BigCommerce"+P1+this.path+E1},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 uE={title:"Brevo",slug:"brevo",get svg(){return T1+"Brevo"+P1+this.path+E1},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 dE={title:"Calendly",slug:"calendly",get svg(){return T1+"Calendly"+P1+this.path+E1},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 gE={title:"Campaign Monitor",slug:"campaignmonitor",get svg(){return T1+"Campaign Monitor"+P1+this.path+E1},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 vE={title:"DHL",slug:"dhl",get svg(){return T1+"DHL"+P1+this.path+E1},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 fE={title:"Dropbox",slug:"dropbox",get svg(){return T1+"Dropbox"+P1+this.path+E1},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 bE={title:"eBay",slug:"ebay",get svg(){return T1+"eBay"+P1+this.path+E1},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 xE={title:"Etsy",slug:"etsy",get svg(){return T1+"Etsy"+P1+this.path+E1},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 zE={title:"Facebook",slug:"facebook",get svg(){return T1+"Facebook"+P1+this.path+E1},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 yE={title:"FedEx",slug:"fedex",get svg(){return T1+"FedEx"+P1+this.path+E1},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 wE={title:"Gmail",slug:"gmail",get svg(){return T1+"Gmail"+P1+this.path+E1},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 CE={title:"Google Ads",slug:"googleads",get svg(){return T1+"Google Ads"+P1+this.path+E1},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 kE={title:"Google Analytics",slug:"googleanalytics",get svg(){return T1+"Google Analytics"+P1+this.path+E1},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 ME={title:"Google Calendar",slug:"googlecalendar",get svg(){return T1+"Google Calendar"+P1+this.path+E1},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 SE={title:"Google Drive",slug:"googledrive",get svg(){return T1+"Google Drive"+P1+this.path+E1},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 LE={title:"Google Pay",slug:"googlepay",get svg(){return T1+"Google Pay"+P1+this.path+E1},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 AE={title:"Google Sheets",slug:"googlesheets",get svg(){return T1+"Google Sheets"+P1+this.path+E1},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 HE={title:"HubSpot",slug:"hubspot",get svg(){return T1+"HubSpot"+P1+this.path+E1},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 FE={title:"Instagram",slug:"instagram",get svg(){return T1+"Instagram"+P1+this.path+E1},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 TE={title:"Intercom",slug:"intercom",get svg(){return T1+"Intercom"+P1+this.path+E1},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 PE={title:"Klarna",slug:"klarna",get svg(){return T1+"Klarna"+P1+this.path+E1},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 EE={title:"MailChimp",slug:"mailchimp",get svg(){return T1+"MailChimp"+P1+this.path+E1},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"},VE={title:"Mailgun",slug:"mailgun",get svg(){return T1+"Mailgun"+P1+this.path+E1},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 NE={title:"Make",slug:"make",get svg(){return T1+"Make"+P1+this.path+E1},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 _E={title:"MasterCard",slug:"mastercard",get svg(){return T1+"MasterCard"+P1+this.path+E1},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 IE={title:"Messenger",slug:"messenger",get svg(){return T1+"Messenger"+P1+this.path+E1},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"},eg={title:"Meta",slug:"meta",get svg(){return T1+"Meta"+P1+this.path+E1},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 RE={title:"MYOB",slug:"myob",get svg(){return T1+"MYOB"+P1+this.path+E1},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 BE={title:"Notion",slug:"notion",get svg(){return T1+"Notion"+P1+this.path+E1},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 ZE={title:"PayPal",slug:"paypal",get svg(){return T1+"PayPal"+P1+this.path+E1},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 DE={title:"Pinterest",slug:"pinterest",get svg(){return T1+"Pinterest"+P1+this.path+E1},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 OE={title:"QuickBooks",slug:"quickbooks",get svg(){return T1+"QuickBooks"+P1+this.path+E1},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 GE={title:"Sage",slug:"sage",get svg(){return T1+"Sage"+P1+this.path+E1},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 qE={title:"Shopify",slug:"shopify",get svg(){return T1+"Shopify"+P1+this.path+E1},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 WE={title:"Square",slug:"square",get svg(){return T1+"Square"+P1+this.path+E1},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 UE={title:"Squarespace",slug:"squarespace",get svg(){return T1+"Squarespace"+P1+this.path+E1},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 jE={title:"Stripe",slug:"stripe",get svg(){return T1+"Stripe"+P1+this.path+E1},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 KE={title:"Telegram",slug:"telegram",get svg(){return T1+"Telegram"+P1+this.path+E1},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 $E={title:"TikTok",slug:"tiktok",get svg(){return T1+"TikTok"+P1+this.path+E1},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 YE={title:"Trello",slug:"trello",get svg(){return T1+"Trello"+P1+this.path+E1},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 XE={title:"UPS",slug:"ups",get svg(){return T1+"UPS"+P1+this.path+E1},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 JE={title:"Visa",slug:"visa",get svg(){return T1+"Visa"+P1+this.path+E1},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 QE={title:"Vonage",slug:"vonage",get svg(){return T1+"Vonage"+P1+this.path+E1},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 eV={title:"WhatsApp",slug:"whatsapp",get svg(){return T1+"WhatsApp"+P1+this.path+E1},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 tV={title:"Wise",slug:"wise",get svg(){return T1+"Wise"+P1+this.path+E1},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 aV={title:"Wix",slug:"wix",get svg(){return T1+"Wix"+P1+this.path+E1},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 sV={title:"WooCommerce",slug:"woocommerce",get svg(){return T1+"WooCommerce"+P1+this.path+E1},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 cV={title:"Xero",slug:"xero",get svg(){return T1+"Xero"+P1+this.path+E1},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 lV={title:"YouTube",slug:"youtube",get svg(){return T1+"YouTube"+P1+this.path+E1},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 rV={title:"Zapier",slug:"zapier",get svg(){return T1+"Zapier"+P1+this.path+E1},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 oV={title:"Zendesk",slug:"zendesk",get svg(){return T1+"Zendesk"+P1+this.path+E1},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 iV={title:"Zoom",slug:"zoom",get svg(){return T1+"Zoom"+P1+this.path+E1},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 R01={adyen:iE,afterpay:nE,aircall:hE,americanexpress:Qd,amex:Qd,applepay:mE,bigcommerce:pE,brevo:uE,calendly:dE,campaignmonitor:gE,dhl:vE,dropbox:fE,ebay:bE,etsy:xE,facebook:zE,fedex:yE,gmail:wE,googleads:CE,googleanalytics:kE,googlecalendar:ME,googledrive:SE,googlepay:LE,googlesheets:AE,hubspot:HE,instagram:FE,intercom:TE,klarna:PE,mailchimp:EE,mailgun:VE,make:NE,mastercard:_E,messenger:IE,meta:eg,metaads:eg,myob:RE,notion:BE,paypal:ZE,pinterest:DE,quickbooks:OE,sage:GE,shopify:qE,square:WE,squarespace:UE,stripe:jE,telegram:KE,tiktok:$E,trello:YE,ups:XE,visa:JE,vonage:QE,whatsapp:eV,wise:tV,wix:aV,woocommerce:sV,xero:cV,youtube:lV,zapier:rV,zendesk:oV,zoom:iV};function nV(e){return R01[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}function B01(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 Z01({name:e}){let t=nV(e);return Ri("span",{className:"flex flex-shrink-0 items-center gap-2.5 whitespace-nowrap rounded border border-line bg-bg px-5 py-2.5",children:[t&&H3("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:H3("path",{d:t.path})}),H3("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:e})]})}function D01({names:e,reverse:t}){return H3("div",{className:"overflow-hidden","aria-hidden":!1,children:H3("div",{className:"flex w-max gap-3 pr-3 [animation:sf-marquee_var(--sf-marquee-t)_linear_infinite] motion-reduce:[animation:none]",style:{"--sf-marquee-t":`${Math.max(e.length*6,30)}s`,animationDirection:t?"reverse":"normal"},children:[0,1].map(a=>H3("div",{className:"flex gap-3","aria-hidden":a===1,children:e.map((s,c)=>H3(Z01,{name:s},c))},a))})})}function hV({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||p("App")),n=!!(e??"").trim()||!!(t??"").trim();if(!o&&!n&&i.length===0)return null;let h=B01(i,3);return Ri("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[Ri("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(e??"").trim()&&H3("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&H3("h2",{className:"mt-5 font-display text-[40px] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[30px]",children:Y(t??"",!1)}),(a??"").trim()&&H3("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:a})]}),h.length>0&&H3("div",{className:"flex flex-col gap-3",children:h.map((m,u)=>H3(D01,{names:m,reverse:u%2===1},u))}),((c??"").trim()||(r??"").trim())&&Ri("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(c??"").trim()&&H3("div",{className:"font-display text-[min(64px,var(--sf-heading-max,9999px))] font-medium uppercase leading-none text-accent max-[800px]:text-[min(46px,var(--sf-heading-max,9999px))]",children:c}),(l??"").trim()&&H3("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:k(l??"")}),(r??"").trim()&&H3("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:r})]})]})}var mV={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})=>O01(hV,{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 q01}from"react/jsx-runtime";import{jsx as pV}from"react/jsx-runtime";import{useContext as G01}from"react";function uV({src:e,alt:t,href:a,heightPx:s=m7,reverse:c=!0}){let l=Cl(),r=(e??"").trim(),o=r?{src:F2(r),reversedSrc:null,inkIsDark:null,wordmark:t?.trim()||null}:{src:l.src,reversedSrc:l.reversedSrc,inkIsDark:l.inkIsDark,wordmark:l.wordmark},i=G01(td),n=Or(),h=pV(be,{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?pV(s0,{href:a,className:"inline-flex",children:h}):h}var dV={label:"Logo",defaultProps:{heightPx:m7,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:s,reverse:c})=>q01(uV,{src:e||void 0,alt:T2(t).text||void 0,href:a||void 0,heightPx:s,reverse:c!=="off"})};import{jsx as U01}from"react/jsx-runtime";import{jsx as Ns,jsxs as W01}from"react/jsx-runtime";function gV({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 W01(t2,{contained:t,className:r==null?"py-10":"",style:r==null?void 0:{paddingTop:`${r}px`,paddingBottom:`${r}px`},children:[a!=null&&a!==""?Ns("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:Y(a,!1)}):null,Ns("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(e??[]).map((i,n)=>Ns("div",{className:"text-center",style:o,children:i.src?Ns("img",{src:F2(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`}}):Ns("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:D0(i.alt||"Logo")})},n))})]})}var j01=()=>[{src:"",alt:p("Logo one")},{src:"",alt:p("Logo two")},{src:"",alt:p("Logo three")},{src:"",alt:p("Logo four")},{src:"",alt:p("Logo five")}],vV={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,logoHeight:c,bandPadding:l,grayscale:r,puck:o})=>U01(gV,{items:w1(e,j01(),o),contained:t,heading:y(a,"Trusted by *teams worldwide*",o),columns:s,logoHeight:c,bandPadding:l,grayscale:r})};import{jsx as $01}from"react/jsx-runtime";import{jsx as L6,jsxs as xV}from"react/jsx-runtime";import{jsx as fV,jsxs as K01}from"react/jsx-runtime";function bV({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),s=a?parseInt(a[1],10):0,c=a?a[2]:"",{ref:l,value:r}=gt(s),o=a?r+c:e;return K01("div",{ref:l,className:"min-w-0",children:[fV("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:o}),fV("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}function zV({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:l,...r}={}){let o=We(l,dt()),i=e||null,n=t||null,h=a||null,m=(s??[]).filter(u=>(u.value??"").trim()!==""||(u.label??"").trim()!=="");return L6("section",{className:"relative z-[2] bg-bg p-0",children:xV("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:[L6("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:xV("div",{className:_0(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&&L6(N1,{text:i,size:14}),n!==null&&L6("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:Y(n,!0)}),h!==null&&x0(h).map((u,d)=>L6("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:k(u)},d)),m.length>0&&L6("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((u,d)=>L6(bV,{target:u.value??"",label:u.label??""},d))})]})}),L6("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:L6(k0,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:o})})]})})}var Y01=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],yV={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})=>$01(zV,{eyebrow:e2(e,A.eyebrow,n),heading:e2(t,A.heading,n),body:e2(a,A.body,n),stats:w1(s,Y01,n),imageSrc:c||void 0,grayscale:l,widthMode:r,fullWidth:o,pageWidth:i})};import{jsx as a21}from"react/jsx-runtime";import{jsx as C1,jsxs as j0,Fragment as wV}from"react/jsx-runtime";var tg="#ffffff",_5="#16181d",B7="#5b6470",Bi="#9aa3ae",zt="#f4f6f8",X8="#e3e7ec",Zi="#1f9d55";function X01({rows:e}){return C1("div",{className:"flex flex-col gap-3",children:e.map((t,a)=>{let s=t.state??"ok",c=s==="no";return j0("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:c?"#fbfbfc":zt,borderColor:X8},children:[s==="no"?C1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:Bi},children:"\u2715"}):C1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:s==="warn"?"var(--accent)":Zi}}),C1("span",{className:"text-[14px] font-semibold",style:{color:c?Bi:_5},children:t.lead}),C1("span",{className:"text-[13px]",style:{color:c?Bi:B7},children:t.detail}),(t.status??"").trim()&&C1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:s==="ok"?Zi:s==="warn"?"var(--accent)":Bi},children:t.status})]},a)})})}var CV=["#c7cdd5","var(--accent)","#c7cdd5",Zi];function J01({columns:e}){return C1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:zt,gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:e.map((t,a)=>j0("div",{className:"flex flex-col gap-2",children:[j0("div",{className:"flex items-baseline justify-between px-1",children:[C1("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:B7},children:t.title}),C1("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:t.cards.length})]}),t.cards.map((s,c)=>j0("div",{className:"rounded-md border px-2.5 py-2",style:{background:tg,borderColor:a===e.length-1?"#bfe3ce":X8},children:[C1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:CV[a%CV.length]}}),C1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:_5},children:s})]},c))]},a))})}function Q01({heading:e,bars:t}){let a=Math.max(...t.map(c=>c.value),0)||1,s=t.findIndex(c=>c.value===a);return j0("div",{className:"border-t pt-4",style:{borderColor:X8},children:[e.trim()&&C1("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:B7},children:e}),C1("div",{className:"flex flex-col gap-2.5",children:t.map((c,l)=>j0("div",{className:"flex items-center gap-3",children:[C1("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:_5},children:c.label}),C1("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(c.value/a*60,4)}%`,background:l===s?"var(--accent)":l%2?"#c7cdd5":"#9aa3ae"}}),j0("span",{className:"text-[12px]",style:{color:B7},children:[c.value,"%"]})]},l))})]})}function kV({size:e}){let t=e/2;return j0("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":!0,children:[C1("circle",{cx:t,cy:t,r:t*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),C1("circle",{cx:t,cy:t,r:t*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),C1("circle",{cx:t,cy:t,r:t*.14,fill:"var(--accent)"})]})}function e21({header:e,lines:t}){return j0("div",{style:{background:"#0c0e11"},children:[j0("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[C1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),C1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),C1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&C1("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:e})]}),j0("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("$ ")?j0("div",{children:[C1("span",{style:{color:"var(--accent)"},children:"$ "}),C1("span",{style:{color:"#f4f6f2"},children:a.slice(2)})]},s):a.startsWith("\u2713")?C1("div",{style:{color:"#6fcf7e"},children:a},s):C1("div",{style:{color:"rgba(244,246,242,0.55)"},children:a},s)),C1("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function t21({urlText:e,heroTitle:t,heroButton:a,products:s}){return j0("div",{children:[j0("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:zt},children:[C1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),C1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),C1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&C1("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:tg,borderColor:X8,color:B7},children:e}),C1("span",{className:"w-[54px]","aria-hidden":!0})]}),j0("div",{className:"relative overflow-hidden px-5 py-6",style:{background:_5},children:[C1("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:C1(kV,{size:104})}),t.trim()&&C1("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:t}),a.trim()&&C1("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&&C1("div",{className:"grid grid-cols-3 gap-3 p-4",children:s.map((c,l)=>j0("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:X8},children:[C1("div",{className:"flex items-center justify-center py-3",style:{background:zt},children:C1(kV,{size:56})}),j0("div",{className:"flex flex-col gap-1 p-2.5",children:[C1("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:_5},children:c.name}),C1("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:c.price}),C1("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:_5},"aria-hidden":!0,children:"Add to cart"})]})]},l))})]})}function MV({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:u,col1Title:d,col1Cards:v,col2Title:g,col2Cards:b,col3Title:f,col3Cards:C,col4Title:z,col4Cards:M,barsHeading:S,bars:H,termLines:_,urlText:E,heroTitle:O,heroButton:P,products:F,align:V="right",editing:D=!1}={}){let Z=(i??[]).filter(g1=>D||(g1.value??"").trim()),I=(n??[]).filter(g1=>D||(g1.label??"").trim()),U=(h??[]).filter(g1=>D||(g1.lead??"").trim()),N=[[d,v],[g,b],[f,C],[z,M]].map(([g1,K])=>({title:(g1??"").trim(),cards:(K??[]).map(u1=>(u1.text??"").trim()).filter(Boolean)})).filter(g1=>g1.title||g1.cards.length>0),J=(H??[]).map(g1=>({label:(g1.label??"").trim(),value:parseFloat(g1.value??"")})).filter(g1=>g1.label&&Number.isFinite(g1.value)),j=(_??[]).map(g1=>g1.text??"").filter(g1=>D||g1.trim()),W=(F??[]).map(g1=>({name:(g1.name??"").trim(),price:(g1.price??"").trim()})).filter(g1=>g1.name),n1=!!(e??"").trim()||!!(t??"").trim(),z1=!!(c??"").trim()||!!(r??"").trim()||Z.length>0||I.length>0||U.length>0||N.length>0||J.length>0||W.length>0||j.length>0||!!(O??"").trim();if(!D&&!n1&&!z1)return null;let $=j0("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:tg},children:[s!=="terminal"&&(c??"").trim()&&j0("div",{className:"flex items-center justify-between px-6 py-4",style:{background:_5},children:[C1("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:c}),(l??"").trim()&&j0("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[C1("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:Zi}}),l]})]}),s==="terminal"?C1(e21,{header:c??"",lines:j}):s==="browser"?C1(t21,{urlText:E??"",heroTitle:O??"",heroButton:P??"",products:W}):j0("div",{className:"flex flex-col gap-5 p-6",children:[((r??"").trim()||(o??"").trim())&&j0("div",{children:[(r??"").trim()&&C1("div",{className:"text-[22px] font-bold leading-tight",style:{color:_5},children:r}),(o??"").trim()&&C1("div",{className:"mt-1 text-[14px]",style:{color:B7},children:o})]}),s==="fitment"&&Z.length>0&&C1("div",{className:"flex flex-wrap gap-2.5",children:Z.map((g1,K)=>j0("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:zt,borderColor:X8},children:[C1("span",{className:"text-[11px]",style:{color:B7},children:g1.label}),C1("span",{className:"text-[13px] font-bold",style:{color:_5},children:g1.value})]},K))}),s!=="fitment"&&I.length>0&&C1("div",{className:"grid grid-cols-2 gap-3",children:I.map((g1,K)=>j0("div",{className:"rounded-lg px-4 py-3",style:{background:zt},children:[C1("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:B7},children:g1.label}),C1("div",{className:"mt-1 text-[17px] font-bold",style:{color:_5},children:g1.value})]},K))}),U.length>0&&C1(X01,{rows:U}),(m??"").trim()&&C1("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"&&N.length>0&&C1(J01,{columns:N}),s==="claims"&&J.length>0&&C1(Q01,{heading:S??"",bars:J}),(u??"").trim()&&C1("div",{className:"border-t pt-4",style:{borderColor:X8},children:C1("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:u})})]})]}),c1=j0("div",{children:[(e??"").trim()&&C1("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&C1("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:Y(t??"",!1)}),(a??"").trim()&&C1("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:a})]});return C1("section",{className:"relative z-[2] border-y border-line bg-surface",children:C1("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:V==="left"?j0(wV,{children:[C1("div",{className:"flex justify-center min-[960px]:justify-start",children:$}),c1]}):j0(wV,{children:[c1,C1("div",{className:"flex justify-center min-[960px]:justify-end",children:$})]})})})}var SV={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:u,col1Title:d,col1Cards:v,col2Title:g,col2Cards:b,col3Title:f,col3Cards:C,col4Title:z,col4Cards:M,barsHeading:S,bars:H,termLines:_,urlText:E,heroTitle:O,heroButton:P,products:F,align:V,puck:D})=>a21(MV,{eyebrow:y(e,"In the product",D),title:y(t,`Seen from
|
|
141
|
+
*the counter.*`,D),body:a,variant:s,cardHeader:c,badge:l,cardTitle:r,cardSubtitle:o,pills:i,tiles:n,rows:h,button:m,footnote:u,col1Title:d,col1Cards:v,col2Title:g,col2Cards:b,col3Title:f,col3Cards:C,col4Title:z,col4Cards:M,barsHeading:S,bars:H,termLines:_,urlText:E,heroTitle:O,heroButton:P,products:F,align:V,editing:D?.isEditing})};import{jsx as Z7}from"react/jsx-runtime";var LV={label:"Section Header",defaultProps:{headStyle:Ss,num:"01 / Section",numStyle:F8,title:"Section *title*",description:"",logoSrc:"",logoAlt:"",linkText:"",linkHref:"",fullWidth:!0,pageWidth:N9.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:u,fullWidth:d,pageWidth:v,puck:g})=>{let b=y(i,"View all",g),f=B2({widthMode:u,fullWidth:d,pageWidth:v},"full"),C=Fi(e);return Z7("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:Z7("div",{className:f.mode==="page"?fs:void 0,children:C==="editorial"?Z7(O2,{num:y(t,"01 / Section",g),title:(()=>{let z=y(c,"Section *title*",g);return z?Y(z,!0):void 0})(),desc:(()=>{let z=y(l,"Short supporting line",g);return z?k(z):void 0})(),spaceBelow:""}):C==="simple"?Z7(t0,{look:"simple",num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),eyebrowLook:r4(s,"SectionHeader")}):C==="statement"?Z7(t0,{look:"statement",num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),eyebrowLook:r4(s,"SectionHeader")}):C==="natural"?Z7(t0,{look:"natural",num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),description:y(l,"Short supporting line",g),eyebrowLook:r4(s,"SectionHeader"),rowGap:CT(h),descriptionSize:kT(m)}):C==="essay"?Z7(t0,{look:"essay",num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),eyebrowLook:r4(s,"SectionHeader")}):Z7(t0,{num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),description:y(l,"Short supporting line",g),logo:r?{src:r,alt:a1(o)}:void 0,link:b?{text:b,href:a1(n)||"#"}:void 0,numStyle:a,accent:!0})})})}};import{jsx as l21}from"react/jsx-runtime";import{jsx as s21}from"react/jsx-runtime";var c21={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function AV({size:e}){return s21("div",{"aria-hidden":!0,className:c21[e]})}var HV={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>l21(AV,{size:e})};import{jsx as o21}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";var r21=()=>[{text:p("Spec label"),tone:"normal"},{text:p("Spec value"),tone:"muted"},{text:p("Spec label"),tone:"normal"},{text:p("Spec value"),tone:"muted"}];function FV({cells:e,fill:t="dark",editing:a=!1}){let s=(e??[]).filter(o=>(o?.text??"").trim()),c=s.length>0?s:a?r21():[];if(c.length===0)return null;let l=t!=="none",r=_s("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)=>_s("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 _s("section",{className:"w-full",children:l?_s("div",{className:"bg-plate-band",children:r}):_s("div",{className:"border-t border-line",children:r})})}var TV={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>o21(FV,{cells:e,fill:t,editing:a?.isEditing})};import{jsx as p21}from"react/jsx-runtime";import{jsx as J8,jsxs as VV}from"react/jsx-runtime";import{Fragment as i21,jsx as PV,jsxs as n21}from"react/jsx-runtime";function EV({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:s}=gt(t?Number.parseInt(t[1],10):0);return!t||p2(e)!==e?PV(i21,{children:k(e)}):PV(z8,{value:e,children:n21("span",{ref:a,children:[s,t[2]]})})}var h21="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",m21={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 NV({items:e,contained:t,heading:a,columns:s,background:c,editing:l}){let r=s===void 0?h21:m21[s],o=J8("div",{className:r,children:(e??[]).map((i,n)=>VV("div",{className:"border-t border-line pt-5",children:[J8("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:l?k(i.value):J8(EV,{value:i.value})}),J8("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(i.label)})]},n))});return a===void 0&&c===void 0?J8(t2,{contained:t,className:"py-12",children:o}):J8(t2,{contained:t,className:"py-12",children:VV("div",{style:c?{backgroundColor:c}:void 0,children:[a?J8("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(a)}):null,o]})})}var u21=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],_V={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,background:c,puck:l})=>p21(NV,{items:w1(e,u21,l),contained:t,heading:y(a,"By the *numbers*",l),columns:s,background:Q6(c,a3.Stats),editing:l?.isEditing})};import{Fragment as f21,jsx as RV}from"react/jsx-runtime";import{jsx as ag}from"react/jsx-runtime";var d21={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},g21="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",v21={default:"text-fg",dim:"text-fg-dim"};function IV({text:e,align:t,tone:a,contained:s,hero:c=!1}){if(c)return ag("p",{className:g21,children:k(e)});let l=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${d21[t]} ${v21[a]}`;return ag(t2,{contained:s,className:"py-4",children:x0(e).map((r,o)=>ag("p",{className:l,children:k(r)},o))})}var BV={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:s,puck:c})=>T2(e).hidden?RV(f21,{}):RV(IV,{text:K4(a1(e),A.body,c)??"",align:t,tone:a,contained:s})};var ZV={Banner:zP,Breadcrumb:rA,ButtonBlock:wP,Cards:uA,CategoryBar:kP,Chart:zA,ContactLocations:AP,CustomHTML:XP,Divider:QP,DocBody:qA,DocMasthead:jA,DocMetaCards:YA,DocTabs:QA,Eyebrow:aE,FAQ:nH,FeaturedCover:xH,Flex:FH,Footprint:GH,Grid:KH,Heading:lE,Hero:JH,HeroGroup:cF,HeroSingle:pF,HeroSlide:gF,ImageBlock:oE,Integrations:mV,IntroBleed:CF,Countdown:NA,KeyFeatures:LF,LogoBlock:dV,Logos:vV,LongRead:VF,Manifesto:yV,Masthead:RF,Mockup:SV,OrderSummary:UF,ParagraphsA:$F,PaymentBadges:QF,PostCard:aT,ProcessSteps:oT,Prose:pT,SectionHeader:LV,Series:AT,Spacer:HV,SpecStrip:TV,Split:_T,Stats:_V,StatsParagraph:OT,Testimonials:WT,Text:BV,Ticker:tP,Timeline:nP,TimelineTrack:pP,TitleWithButtons:vP};var b21={Banner:cA,Breadcrumb:oA,ButtonBlock:mA,Cards:gA,CategoryBar:vA,Chart:yA,ContactLocations:TA,Countdown:IA,CustomHTML:RA,Divider:OA,DocBody:WA,DocMasthead:KA,DocMetaCards:XA,DocTabs:eH,Eyebrow:tH,FAQ:hH,FeaturedCover:zH,Flex:PH,Footprint:WH,Grid:YH,Heading:XH,Hero:tF,HeroGroup:nF,HeroSingle:dF,HeroSlide:vF,ImageBlock:zF,Integrations:yF,IntroBleed:MF,KeyFeatures:HF,LogoBlock:FF,Logos:TF,LongRead:NF,Manifesto:_F,Masthead:BF,Mockup:DF,OrderSummary:jF,ParagraphsA:YF,PaymentBadges:eT,PostCard:sT,ProcessSteps:nT,Prose:uT,SectionHeader:ST,Series:HT,Spacer:FT,SpecStrip:PT,Split:IT,Stats:RT,StatsParagraph:GT,Testimonials:jT,Text:KT,Ticker:aP,Timeline:hP,TimelineTrack:uP,TitleWithButtons:bP},B1=Je(ZV,b21);import{IconButton as DV}from"efficient-shell/ui";import{SettingsField as y21}from"efficient-easel/panel";import{ColumnsIcon as w21}from"efficient-easel/icons";import{Fragment as x21}from"react";import{jsx as z21}from"react/jsx-runtime";function I5(e,t){return e.split(/\{([A-Za-z][A-Za-z0-9_]*)\}/g).map((a,s)=>s%2===1?z21(x21,{children:a in t?t[a]:`{${a}}`},s):a)}import{Fragment as OV,jsx as yt,jsxs as sg}from"react/jsx-runtime";function C21(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 Is({label:e,unit:t,steps:a,value:s,onChange:c,format:l=String,note:r}){let o=w5(),i=a.indexOf(s[o]),n=i>=0?i:0,h=m=>c(C21(s,o,a,m));return yt(y21,{label:p(e),icon:yt(w21,{}),action:sg("div",{className:"sf-colstep",children:[yt(DV,{variant:"secondary",size:"sm","aria-label":p("Fewer {unit} on {view}",{unit:t,view:p(y5[o])}),disabled:n<=0,onClick:()=>h(-1),children:"\u2212"}),yt("span",{className:"sf-colstep-value","aria-live":"polite",children:l(a[n])}),yt(DV,{variant:"secondary",size:"sm","aria-label":p("More {unit} on {view}",{unit:t,view:p(y5[o])}),disabled:n>=a.length-1,onClick:()=>h(1),children:"+"})]}),hint:sg(OV,{children:[I5(p("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:yt("strong",{children:p(y5[o])})}),r?sg(OV,{children:[" ",r]}):null]})})}var A6="auto",lg=1,GV=6,rg={desktop:A6,tablet:A6,mobile:A6},qV=[A6,...Array.from({length:GV-lg+1},(e,t)=>lg+t)],k21="1rem",WV=`var(--sf-block-gap-rem, var(--sf-card-gap, ${k21}))`,og=240,ig=150,M21=.5,S21=e=>`--plp-grid-cols-${e}`,L21="--plp-grid-gap";function UV(e){return e===A6?"Auto":String(e)}function cg(e){if(e===A6)return A6;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),lg),GV):A6}function Di(e){if(!e||typeof e!="object")return{...rg};let t=e;return{desktop:cg(t.desktop),tablet:cg(t.tablet),mobile:cg(t.mobile)}}function A21(e){if(e===A6)return`repeat(auto-fill, minmax(${og}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${WV}`}) / ${e} - ${M21}px)`;return`repeat(auto-fill, minmax(max(${ig}px, ${a}), 1fr))`}function jV(e,t=null){let a={[L21]:WV};for(let s of Aw)a[S21(s)]=A21(e[t??s]);return a}import{Fragment as H21,jsx as ng}from"react/jsx-runtime";function hg({value:e,onChange:t}){return ng(Is,{label:"Columns",unit:p("items per row"),steps:qV,value:Di(e),format:a=>p(UV(a)),onChange:t,note:ng(H21,{children:I5(p("{auto} fits as many {px}px-wide cards as the width allows. A number is a maximum: where it would squeeze cards under {min}px the row shows fewer.",{px:og,min:ig}),{auto:ng("strong",{children:p("Auto")})})})})}import{useCallback as c5,useEffect as v41,useId as f41,useMemo as F3,useRef as b41,useState as x41}from"react";import{jsxs as KV}from"react/jsx-runtime";function a5({text:e,linkText:t,linkHref:a}){let s=(t??"").trim(),c=(a??"").trim(),l=!!s&&!!c;return!e&&!l?null:KV("p",{className:"mt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.06em] text-fg-dim",children:[e?k(e):null,e&&l?" ":null,l&&KV(L1,{href:c,className:"text-accent transition-colors hover:text-fg",children:[k(s)," \u2192"]})]})}import{createContext as F21,useCallback as $V,useContext as T21,useEffect as P21,useId as E21,useMemo as V21,useRef as N21,useState as _21}from"react";import{jsx as I21}from"react/jsx-runtime";var YV=F21(null);function UI1({reason:e,children:t}){let[a,s]=_21([]),c=N21(null),l=$V(n=>{s(h=>h.includes(n)?h:[...h,n])},[]),r=$V(n=>{s(h=>h.filter(m=>m!==n))},[]),o=e==="none-configured",i=V21(()=>({noCurrencyConfigured:o,live:a,firstRendered:c,join:l,leave:r}),[o,a,l,r]);return I21(YV.Provider,{value:i,children:t})}function XV(e){let t=T21(YV),a=E21(),s=!!e&&!!t?.noCurrencyConfigured;s&&t&&t.firstRendered.current===null&&(t.firstRendered.current=a);let c=t?.join,l=t?.leave;return P21(()=>{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 B21}from"react/jsx-runtime";var R21="This website has no currency yet. Add one in {place} and these cards will price. Only you can see this line.";function Rs({editing:e}){return XV(e)?B21(a5,{text:p(R21,{place:p("Settings")})}):null}import{useEffect as Z21,useState as D21}from"react";var wt=at({fetch:(e,t)=>X1.listProducts(e,{siteId:t,kinds:["alloy-wheel","tyre"]}),keyBy:i2}),o3=(e=!1)=>wt(e).then(t=>t.filter(a=>a.kind==="alloy-wheel"));function JV(e){let[t,a]=D21(null);return Z21(()=>{let s=!1;return e().then(c=>{s||a(c)}),()=>{s=!0}},[e]),t}function Oi(){return JV(o3)}function QV(){return JV(wt)}function O21(e){return e.length===1?n4[e[0]]:"Products"}function Gi(e){return e.length===1?e[0]:null}function G21(e){switch(Gi(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 q21(e){switch(Gi(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 W21(e){switch(Gi(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 U21="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 Bs(e){let t=k5(e),a=q21(e),s=`showing every ${t.one}`;return{promise:G21(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:s,eyebrow:`${O21(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:W21(e),noData:Gi(e)==="tyre"?U21:`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 eN(e,t,a,s){let c=Bs(a),l=a.length!==s.length;return{heading:!l&&e||c.gateHeading,intro:!l&&t||c.gateIntro}}import{useCallback as x31,useEffect as z31,useMemo as y31,useState as LN}from"react";import{useState as j21}from"react";import{jsx as mg}from"react/jsx-runtime";function Zs({brand:e,logo:t}){let[a,s]=j21(!1),c=(e??"").trim();if(!c)return null;let l=a?void 0:a4(t??void 0);return mg("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?mg("img",{src:l,alt:c,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):mg("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 K21,jsx as tN,jsxs as $21}from"react/jsx-runtime";function pg(e,t){return!e&&!t?null:$21(K21,{children:[e&&tN("span",{className:"text-fg",children:e}),e&&t?tN("span",{className:"mx-[6px] text-fg-dim",children:"\xB7"}):null,t]})}function Ds(e,t){let a=ke(t);return e.kind||e.brand&&a("brand")?!0:e.process&&a(Me)}function qi({kindLabel:e,brand:t,process:a},s){if(!Ds({kind:!!e,brand:!!t,process:!!a},s))return null;let c=ke(s);return pg(e,c("brand")?t:null)??(c(Me)?a:null)}import{useEffect as Y21,useState as aN}from"react";var ug=new Map;function X21(e){let t=ug.get(e);if(t)return t;let a=v0.getTyre(e).catch(s=>{throw ug.delete(e),s});return ug.set(e,a),a}function sN(e,t){let[a,s]=aN("idle"),[c,l]=aN(null);return Y21(()=>{if(!t||!e)return;let r=!1;return s("loading"),X21(e).then(o=>{r||(l(o),s("ready"))}).catch(()=>{r||s("error")}),()=>{r=!0}},[e,t]),{state:a,tyre:c}}import{Fragment as J21}from"react";import{Fragment as dg,jsx as s5,jsxs as R5}from"react/jsx-runtime";var Wi="mt-3 flex h-[26px] items-center gap-1",Ui="flex min-w-0 items-center gap-1 overflow-hidden",ji="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",gg="border px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] whitespace-nowrap",Ki=`${gg} border-accent/60 text-accent`,Q21=e=>`calc((100% - ${e}px) / 2)`,e31=2,t31=28,cN=e=>e31+2*t31+(e?10:0);var a31=16;var s31="whitespace-nowrap",c31=e=>typeof e=="string"?e:e.text;function $i(e,t="\xB7"){return e.map((a,s)=>{let c=c31(a),l=typeof a!="string"&&a.accent;return R5(J21,{children:[s5("span",{className:`${s31}${l?" text-accent":""}`,children:s<e.length-1?`${c} ${t}`:c}),s<e.length-1?" ":null]},c)})}var Yi="mt-3 flex flex-col gap-2",Q8="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",Xi="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",l31="border px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em]",Os="absolute right-[18px] top-[18px] z-10";function Ct({tone:e,className:t,children:a}){return s5("span",{className:[t,l31,e==="solid"?"border-accent bg-accent text-bg":"border-accent text-accent"].filter(Boolean).join(" "),children:a})}function e9({variant:e="catalog",wide:t=!1,href:a,identityLink:s=!1,outline:c="none",imageBackgroundFill:l=e7,containerProps:r,probes:o,indexBadge:i,badges:n,image:h,imageSecond:m,plate:u,eyebrow:d,reserveEyebrow:v=!1,name:g,spec:b,was:f,price:C,metaLine:z,swatches:M,showPrice:S=!0,reserveSwatches:H=!0,extras:_}){let E=e==="catalog",O=Oy(l),P=O&&l===W9,F=P?"bg-[var(--wheel-stage)] p-[5px]":O?"p-[5px]":"",V=O&&!P?{backgroundColor:l}:{},D=(g1,K)=>s5("figure",{className:`m-0 aspect-square [flex:0_0_auto] max-w-full max-[800px]:w-[252px] ${K}`,style:{width:Q21(cN(O))},children:g1}),Z=E?R5("div",{className:t?`relative mt-2 mb-5 flex items-center justify-center [&_img]:object-top max-[800px]:flex-col ${F}`:`relative mt-2 mb-5 flex aspect-square items-center justify-center overflow-hidden [&_img]:object-top ${F}`,style:t?{...V,borderRadius:10,columnGap:cN(O),rowGap:a31}:{...V,borderRadius:"var(--sf-card-image-radius, 10px)"},children:[t?R5(dg,{children:[D(h,"max-[800px]:-translate-x-[38px]"),D(m??h,"max-[800px]:translate-x-[38px]")]}):h,u]}):R5("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,u]}),I=`font-mono text-[length:var(--size-label,12px)] uppercase text-accent ${E?"tracking-[0.3em]":"tracking-[0.25em]"}`,U=d?s5("div",{className:I,children:d}):E&&v?s5("div",{"aria-hidden":!0,className:I,children:"\xA0"}):null,N=s5("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:g}),J=s5("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:b}),j=S?R5("div",{className:"mt-2 font-mono text-[length:var(--size-label,13px)]",children:[f&&s5("span",{className:"mr-2 text-fg-dim line-through",children:f}),C]}):null,W=S&&z?s5("div",{className:"mt-[2px] font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",children:z}):null,n1=E&&!M?H?s5("div",{"aria-hidden":!0,className:"mt-4 h-4"}):null:M,z1=[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)]",Al(c),t?"col-span-2 max-[800px]:col-span-1 @max-[720px]:col-span-1":""].filter(Boolean).join(" "),$=R5(dg,{children:[Z,U,N]}),c1=R5(dg,{children:[J,j,W,n1,_]});return a?s?R5("article",{...r,className:z1,children:[o,i,n,s5(L1,{href:a,className:"flex flex-col",children:$}),c1]}):R5(L1,{href:a,className:z1,children:[o,i,n,$,c1]}):R5("article",{...r,className:z1,children:[o,i,n,$,c1]})}function vg(e){return(e.components??[]).reduce((a,s)=>a+s.wheels,0)>4}function lN(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(vg)}var r31=150,o31="Front + rear",rN="L/R pair",oN="Not handed",i31="L/R";function n31(e){return e.et==null||e.rearEt==null?0:Math.abs(e.rearEt-e.et)}function h31(e){return n31(e)>=r31}function iN(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(h31)}function kt(e){return e.directional===!0}function nN(e){return e.rearWidth!=null||e.rearEt!=null&&e.rearEt!==e.et}function hN(e){return{twoObjects:p31(e),handed:e.handed??!1,staggered:!1}}function mN(e){let t=[e.twoObjects?o31:"",e.handed?i31:""].filter(Boolean);return t.length?t.join(" \xB7 "):null}function pN(e){return e.handed}function m31(e){return new Set((e.components??[]).map(t=>t.partNumber)).size>1}function uN(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(m31)}function p31(e){return(e.setWheelCount??0)>4}var u31=new Set(["boltPattern"]);function dN(e,t){return e&&u31.has(t)}var d31="dually";function Mt(e){let t=e.components.reduce((c,l)=>c+l.wheels,0)||4,a=e.kind,s=[a==="staggered"?"Staggered":a===d31?"Dually":"",kt(e)?"L/R":""].filter(Boolean);return s.length?`${s.join(" ")} set of ${t}`:`Set of ${t}`}function g31(e,t){return[...new Set(e.filter(a=>!t||a.finishName===t).map(a=>a.size))]}function St(e,t,a){if(!(!t||!a))return e.find(s=>s.finishName===t&&s.size===a)}function Gs(e){return e!=null&&e.inStock===!1}function gN(e,t){return t?e.filter(a=>a.finishName===t&&Gs(a)):[]}function vN(e,t,a){return t.findIndex((s,c)=>a[c]!==!1&&g31(e,s).length>0)}function Ji(e){let t=new Set((e.sizePairs??[]).map(c=>`${c.diameter}x${c.width}`)),a=e.spec?.pcds??[],s=e.spec?.etRange??[];return t.size===1&&a.length<=1&&(s.length===0||s[0]===s[s.length-1])}function Qi(e){return e.et==null?null:e.rearEt!=null&&e.rearEt!==e.et?`${e.et}/${e.rearEt}`:String(e.et)}function fg(e){return e.diameter==null||e.width==null?JSON.stringify([e.size]):JSON.stringify([e.kind,e.diameter,e.width,e.rearWidth??null])}function fN(e){return e.diameter==null||e.width==null?e.size:`${e.diameter}" ${e.kind}`}function bN(e){return e.diameter==null||e.width==null?"":e.rearWidth!=null?`${E2(e.width)} front / ${E2(e.rearWidth)} rear`:`${E2(e.width)} all round`}function qs(e){if(e.diameter==null||e.width==null)return e.size;let t=(a,s)=>`${e.diameter} \xD7 ${E2(a)}${s!=null?` ET ${s}`:""}`;return nN(e)?`${t(e.width,e.et)} front \xB7 ${t(e.rearWidth??e.width,e.rearEt)} rear`:t(e.width,e.et)}function bg(e,t){return t?e.filter(a=>a.finishName===t):[]}var xN="handed",zN="plain";function Ws(e){let t=e.variants??[],a=e.finishes.map(u=>({value:u.name,label:u.name,swatch:u.color}));function s(u){let d=[];for(let v of t){let g=u(v);!g||d.some(b=>b.value===g.value)||d.push(g)}return d}let c=s(u=>({value:fg(u),label:fN(u),note:bN(u)})),l=s(u=>u.boltPattern?{value:u.boltPattern,label:u.boltPattern}:null),r=s(u=>{let d=Qi(u);return d===null?null:{value:d,label:`ET ${d}`}}),o=s(u=>u.centreBore==null?null:{value:E2(u.centreBore),label:`${E2(u.centreBore)} mm`}),i=s(u=>({value:kt(u)?xN:zN,label:kt(u)?rN:oN})),n=t.map(u=>({id:`${u.finishName}|${u.size}`,options:{finish:u.finishName,size:fg(u),variantSize:u.size,...u.boltPattern?{boltPattern:u.boltPattern}:{},...Qi(u)!==null?{et:Qi(u)}:{},...u.centreBore==null?{}:{centreBore:E2(u.centreBore)},pairing:kt(u)?xN:zN},inStock:!Gs(u),image:null,components:u.components})),m=((e.defaultFinish?a.find(u=>u.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 yN(e,t){if(e.kind!=="alloy-wheel"||t===null)return e;let a=new Set(_M(e.source.variants??[],t));if(a.size===0)return e;let s=e.parts.filter(o=>{let i=D7(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(u=>n.has(u.value)||!i.has(u.value));l[o.key]=h;let m=o.defaultValue!==void 0&&!h.some(u=>u.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 D7(e,t){return t?St(e.variants??[],t.options.finish,t.options.variantSize)??null:null}function wN(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]??BC}function MN(e){return e.kind==="tyre"?"advisory":"required"}var Lt={choice:SC,qty:1};function v31(e,t){if(e.kind!=="alloy-wheel")return`Set of ${4}`;let a=D7(e.source,t);return a?Mt(a):`Set of ${4}`}var CN=(e,t)=>e===1?t:`${e} \xD7 ${t}`;function kN(e){return e.unit==="set"?{label:`Add a spare \u2014 ${i7+1} instead of ${i7}`}:null}var t9={howMany:"How many wheels",oneSet:"One set",oneSetPlusSpare:"One set + 1 spare",whichSide:"Which side is the spare?",left:"Left",right:"Right"};function f31(e,t){return t.unit!=="set"||AC(e)===null?null:{counts:[{value:i7,label:t9.oneSet},{value:i7+pr,label:t9.oneSetPlusSpare}],side:t.spares>0?{label:t9.whichSide,options:[{value:"left",label:t9.left},{value:"right",label:t9.right}]}:null}}function xg(e,t,a){if(e.kind==="tyre")return{packs:[{value:"set",label:`A set of ${i7}`},{value:"single",label:"Just one"}],extra:kN(a.choice),spareCounts:[],spareSide:null,components:t?Qp({sku:t.id,prices:t.components[0].prices},a.choice):[],quantityLabel:CN(a.qty,ur(a.choice))};let s=t?f31(t.components,a.choice):null;return{packs:[],extra:s?null:kN(a.choice),spareCounts:s?.counts??[],spareSide:s?.side??null,components:t?Em(t.components,a.choice):[],quantityLabel:CN(a.qty,HC(v31(e,t),a.choice))}}function SN(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?po(e.source,h,s.choice,s.qty):null}let l=e.source,r=D7(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:Ge(l.name),process:l.process,positionNo:"01",config:[{label:i},{label:o,gold:!0},{label:c.fitmentLabel},{label:xg(e,t,s).quantityLabel}],finishName:o,size:i,components:Em(t.components,s.choice),qty:s.qty,...n?{pack:s.choice}:{}}}function en(e,t){let a=t.trim(),s=e.trim();return!s||!b31(a,s)?a:a.slice(s.length).replace(/^[^\p{L}\p{N}]+/u,"")||a}function b31(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 M31,jsx as O7,jsxs as Us}from"react/jsx-runtime";var w31="from ",C31=2,k31=[];function zg({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:u,editing:d=!1,fieldUsage:v=k31}){let g=ke(v),{add:b,open:f,warmCatalog:C}=o4();z31(()=>{d||C("tyre")},[d,C]);let{currency:z}=u0(),M=h7(ue(h,u),null),S=vr(M,u,w31),H=[o.length>0?`${o.length} ${o.length===1?"size":"sizes"}`:null,g("rim_diameter")?Wr(n):null].filter(Boolean).join(" \xB7 "),_=Oe(r),[E,O]=LN(!1),P=x31(()=>{r&&O(!0)},[r]),{state:F,tyre:V}=sN(r??null,E),D=y31(()=>V?.variants??[],[V]),[Z,I]=LN(null),U=D.length===1?D[0].size:null,N=Z??U,J=D.find(u1=>u1.size===N),j=J!=null&&RS(J,z),W=F==="ready",n1=!_||F==="error"||W&&D.length===0;function z1(){!V||!J||!j||d||(b(po(V,J,Lt.choice,Lt.qty)),f())}let $=W&&D.length>0?D.map(u1=>u1.size):o,c1=$.slice(0,C31),g1=$.length-c1.length,K=u1=>["cursor-pointer transition-colors",gg,u1?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" ");return O7(e9,{href:_,identityLink:!0,containerProps:{onPointerEnter:P,onTouchStart:P,onFocusCapture:P},image:O7(p6,{image:m,className:"h-full w-full",sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 280px",showBackground:!1}),plate:a?O7(Zs,{brand:e,logo:t}):null,eyebrow:pg(s,c&&g("brand")&&e||null),name:en(e??"",l),spec:H,price:S,metaLine:M.priced?"each":null,extras:Us(M31,{children:[i&&Us("p",{className:"font-mono text-[length:var(--size-label,11px)] font-medium uppercase tracking-[0.14em] text-green",children:["Fits \xB7 ",i]}),Us("div",{className:Wi,children:[O7("div",{className:Ui,children:c1.map(u1=>W&&D.length>0?O7("button",{type:"button",title:u1,"aria-label":u1,"aria-pressed":N===u1,onClick:()=>I(u1),className:K(N===u1),children:u1},u1):O7("span",{className:Ki,children:u1},u1))}),g1>0&&Us("span",{className:ji,children:["+",g1]})]}),Us("div",{className:Yi,children:[!n1&&M.priced&&O7("button",{type:"button",onClick:z1,[pe]:"",disabled:W&&!j,className:j||!W?`${Q8}${j?"":" 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&&!j?"Select a size":"Add to basket"}),_&&O7(L1,{href:_,className:Xi,children:"Open product page"})]})]})})}import{jsx as S31}from"react/jsx-runtime";function js({item:e,currency:t,kindLabel:a=null,showBrand:s=!0,fitSize:c=null,editing:l=!1,fieldUsage:r}){return S31(zg,{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 tn,jsxs as L31}from"react/jsx-runtime";function yg({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:s,onPickType:c}){let{currency:l}=u0(),r=Ck(e,l,Z2);return r.length===0?null:tn("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:r.map(o=>tn("li",{children:L31("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,tn("span",{"aria-hidden":"true",children:"\u2715"}),tn("span",{className:"sr-only",children:"Remove filter"})]})},`${o.key}:${o.value}`))})}function At(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 Cg(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 H31({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 an({overrideSrc:e,hookSrc:t,failed:a}){return e&&!a.has(e)?e:t&&t!==e&&!a.has(t)?t:null}function sn(e,t,a,s,c){let l=a===void 0?void 0:e.finishes?.find(r=>r.name===a);return H31({carRenderings:Cg(l,c),renderings:e.defaultFinishRenderings,coverIndex:t,shownFinishName:a,defaultFinishName:e.defaultFinish,shownSrc:s})}import{useState as $31}from"react";import{jsx as kg,jsxs as F31}from"react/jsx-runtime";function Ks({finishes:e,availability:t,selectedIdx:a,hoverIdx:s,activeFinish:c,onSelect:l,onHover:r,showLabel:o=!0,className:i}){return F31("div",{className:["mt-4",i].filter(Boolean).join(" "),children:[kg("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,u=s===h&&s!==a;return kg("button",{type:"button",title:n.name,"aria-label":n.name,"aria-pressed":m,onMouseEnter:()=>r(h),onFocus:()=>r(h),onBlur:()=>r(null),onClick:d=>{d.preventDefault(),d.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":u?"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&&kg("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 T31}from"react";import{jsx as Ht,jsxs as AN}from"react/jsx-runtime";function $s({src:e,alt:t=""}){let[a,s]=T31(!1),c=e||"";return Ht("div",{className:"relative aspect-square overflow-hidden bg-bg",children:AN("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:[Ht("div",{className:"absolute inset-0 z-[1] flex items-center justify-center",children:AN("div",{className:"relative flex h-[70%] w-[70%] items-center justify-center rounded-full border-2",style:{borderColor:"var(--accent)"},children:[Ht("div",{className:"absolute inset-[10%] rounded-full border",style:{borderColor:"var(--accent)",opacity:.4}}),Ht("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)"}}),Ht("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&&Ht("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 TN,useLayoutEffect as N31,useRef as _31,useState as PN}from"react";import{useId as FN,useRef as V31,useState as Mg}from"react";import{useCallback as HN,useRef as P31,useState as E31}from"react";function cn(){let[e,t]=E31("idle"),a=P31(!1),s=HN(()=>{a.current=!1,t("idle")},[]),c=HN(async({partNumbers:l,email:r,productSlug:o,subscribeToOffers:i=!1,dryRun:n=!1})=>{if(a.current)return;let h=r.trim();if(!fe(h)){t("invalid");return}a.current=!0,t("sending");try{if(!n)for(let m of l)await v0.createStockAlert({partNumber:m,email:h,productSlug:o})}catch{a.current=!1,t("error");return}if(i&&!n)try{await v0.createNewsletterSubscription({email:h,source:O3.stockAlertOptIn})}catch{}a.current=!1,t("sent")},[]);return{status:e,submit:c,reset:s}}import{jsx as R0,jsxs as x3}from"react/jsx-runtime";function Sg({wheelName:e,productSlug:t,finishName:a,variants:s,initialSize:c,onClose:l,editing:r=!1}){let o=FN(),i=FN(),n=V31(null),{currency:h}=u0(),m=cn(),[u,d]=Mg(()=>c??s[0]?.size??""),[v,g]=Mg(""),[b,f]=Mg(!1);S4({active:!0,onDismiss:l,focusRef:n});let C=s.find(_=>_.size===u)??s[0];if(!C)return null;let z=m.status==="sent",M=m.status==="sending",S=m.status==="invalid"?"Please enter a valid email address.":m.status==="error"?"Couldn't save that \u2014 please try again.":null;function H(){C&&m.submit({partNumbers:C.components.map(_=>_.partNumber),email:v,productSlug:t,subscribeToOffers:b,dryRun:r})}return R0("div",{role:"dialog","aria-modal":"true","aria-labelledby":o,onClick:_=>{_.target===_.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:x3("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:[R0("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:R0("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:R0("path",{d:"M6 6l12 12M18 6 6 18"})})}),z?x3("div",{className:"px-6 py-8 text-center",children:[R0("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:R0("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2.5","aria-hidden":!0,children:R0("path",{d:"M20 6 9 17l-5-5"})})}),R0("h3",{id:o,className:"font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"You're on the list"}),x3("p",{className:"mx-auto mt-2 max-w-[34ch] text-[13px] leading-[1.6] text-fg-dim",children:["We'll alert ",R0("strong",{className:"font-normal text-fg",children:v.trim()})," as soon as the ",Q1(e)," in ",C.size," is back. Keep an eye on your inbox."]}),R0("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"})]}):x3("form",{className:"p-6",noValidate:!0,onSubmit:_=>{_.preventDefault(),H()},children:[x3("div",{className:"mb-2 flex items-center gap-3",children:[R0("span",{className:"grid h-11 w-11 flex-none place-items-center border-[1.5px] border-accent bg-accent/15",children:x3("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":!0,children:[R0("path",{d:"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"}),R0("path",{d:"M13.7 21a2 2 0 0 1-3.4 0"})]})}),x3("div",{children:[R0("div",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:"Back-in-stock alert"}),R0("h3",{id:o,className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"Notify me"})]})]}),x3("p",{className:"mb-5 text-[13px] leading-[1.6] text-fg-dim",children:["We'll email you the moment the"," ",R0("strong",{className:"font-normal text-fg",children:Q1(e)}),a?` in ${a}`:""," ","is back in stock. No spam \u2014 one alert, then we're done."]}),x3("fieldset",{className:"mb-4 border-0 p-0",children:[R0("legend",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Which fitment?"}),R0("div",{className:"flex flex-wrap gap-2",children:s.map(_=>{let E=_.size===C.size;return x3("button",{type:"button","aria-pressed":E,onClick:()=>d(_.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:[R0("span",{className:"font-mono text-[12px] font-bold tracking-[0.08em] text-fg",children:_.size}),R0("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{let O=TC(_.components,h);return O.setTotal!=null?Z2(O.setTotal,h):n7})()})]},_.size)})})]}),x3("div",{className:"mb-4",children:[R0("label",{htmlFor:i,className:"mb-2 block font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Email address"}),R0("input",{id:i,type:"email",value:v,onChange:_=>{g(_.target.value),(m.status==="invalid"||m.status==="error")&&m.reset()},placeholder:"you@example.com",disabled:M,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"})]}),x3("label",{className:"mb-5 flex cursor-pointer items-start gap-2.5 text-[12px] leading-[1.5] text-fg-dim",children:[R0("input",{type:"checkbox",checked:b,onChange:_=>f(_.target.checked),className:"mt-0.5 h-[18px] w-[18px] flex-none cursor-pointer accent-[var(--accent)]"}),R0("span",{children:"Also send me fitment tips and occasional offers for my vehicle."})]}),x3("button",{type:"submit",disabled:M,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:[x3("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[R0("path",{d:"m22 2-7 20-4-9-9-4Z"}),R0("path",{d:"M22 2 11 13"})]}),M?"Sending\u2026":"Notify me when available"]}),S&&R0("p",{role:"alert",className:"mt-2.5 text-[12px] leading-[1.5]",style:{color:"var(--alert)"},children:S}),x3("div",{className:"mt-3 flex items-center justify-center gap-1.5 text-[11px] text-fg-dim",children:[x3("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[R0("rect",{x:"3",y:"11",width:"18",height:"11",rx:"1"}),R0("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"We never share your details."]})]})]})})}import{Fragment as G31,jsx as F6,jsxs as ln}from"react/jsx-runtime";var I31=3;function R31({labels:e}){let t=e.slice(0,I31),a=_31(null),[s,c]=PN(t.length),l=e.join("|");N31(()=>{let o=a.current;if(!o)return;let i=()=>{let h=[...o.children];if(h.length===0)return c(0);let m=h[0].offsetTop;c(h.filter(u=>u.offsetTop===m).length)};if(i(),typeof ResizeObserver>"u")return;let n=new ResizeObserver(i);return n.observe(o),()=>n.disconnect()},[l]);let r=Math.max(0,e.length-s);return ln("div",{className:Wi,children:[F6("div",{ref:a,className:B31,children:t.map(o=>F6("span",{className:Ki,children:o},o))}),r>0&&ln("span",{className:ji,children:["+",r]})]})}var B31=`${Ui} flex-wrap self-stretch content-start pt-px`;function Z31({wheel:e,sel:t,price:a,editing:s}){let{add:c,open:l,warmCatalog:r}=o4();TN(()=>{s||r()},[s,r]);let{arm:o}=t;TN(()=>{o()},[o]);function i(){let n=t.selectedVariant;!n||!t.canAdd||a.priced&&(s||(c({id:`${e.slug}|${n.finishName}|${n.size}|quick`,slug:e.slug,name:Ge(e.name),process:e.process,positionNo:"01",config:[{label:n.size},{label:n.finishName,gold:!0},{label:Mt(n)}],finishName:n.finishName,size:n.size,components:n.components,qty:1}),l()))}return F6("button",{type:"button",onClick:i,[pe]:"",disabled:!t.canAdd,className:t.canAdd?Q8:`${Q8} opacity-80`,children:"Add to basket"})}function D31(e){let t=uk(e);return t.length>0?t:[...new Set(e.sizes.map(a=>`${a}"`))]}function O31(e,t,a){return Ji(e)?t.outOfStock?"notify":t.unsellable||!a||t.detailState==="ready"&&!t.canAdd?"choose":"add":"choose"}function rn({wheel:e,sel:t,price:a,editing:s,show:c,href:l}){let[r,o]=PN(!1),i=c.sizes?F6(R31,{labels:D31(e)}):null,n=O31(e,t,a.priced),h=c.buy?n==="notify"?F6("button",{type:"button",onClick:()=>o(!0),className:Q8,children:"Notify me when back"}):n==="add"?F6(Z31,{wheel:e,sel:t,price:a,editing:s}):F6(L1,{href:l,className:`${Q8} text-center`,children:"Select a size"}):null,m=c.page?F6(L1,{href:l,className:Xi,children:"Open product page"}):null,u=h||m?ln("div",{className:Yi,children:[h,m]}):null;return{extras:i||u?ln(G31,{children:[i,u]}):null,dialog:r?F6(Sg,{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 IN,useEffect as Hg,useMemo as nn,useRef as Fg,useState as RN}from"react";import{useEffect as q31,useMemo as W31,useState as Lg}from"react";import{jsx as EN}from"react/jsx-runtime";function on(e,t,a){let[s,c]=Lg(()=>{let b=a?e.findIndex(f=>f.name===a):-1;return b>=0?b:0}),[l,r]=Lg(null),[o,i]=Lg(()=>e.map(()=>!0)),n=b=>{i(f=>{if(f[b]===!1)return f;let C=[...f];return C[b]=!1,C})},h=W31(()=>o.map((b,f)=>b?f:-1).filter(b=>b!==-1),[o]);q31(()=>{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,u=m>=0?e[m]:void 0,d=u?.src??t,v=h.length>=2,g=e.length>0?EN("div",{className:"hidden","aria-hidden":!0,children:e.map((b,f)=>EN(N3,{src:b.src,alt:"",width:16,height:16,loading:"eager",onError:()=>n(f)},b.src))}):null;return{selectedIdx:s,setSelectedIdx:c,hoverIdx:l,setHoverIdx:r,availability:o,finish:u,shownSrc:d,showSwatches:v,probes:g}}import{useEffect as U31,useState as VN}from"react";var Ag=new Map;function j31(e){let t=Ag.get(e);if(t)return t;let a=v0.getWheel(e).catch(s=>{throw Ag.delete(e),s});return Ag.set(e,a),a}function NN(e,t){let[a,s]=VN("idle"),[c,l]=VN(null);return U31(()=>{if(!t)return;let r=!1;return s("loading"),j31(e).then(o=>{r||(l(o),s("ready"))}).catch(()=>{r||s("error")}),()=>{r=!0}},[e,t]),{state:a,wheel:c}}function _N(e,t){return t.length===0?-1:e.findIndex(a=>t.includes(a.family))}var K31=[];function hn(e,t=K31){let a=nn(()=>e.finishes.filter(r7),[e.finishes]),s=a.length>0,c=on(a,e.coverImage??null,e.defaultFinish??void 0),[l,r]=RN(!1),o=IN(()=>{s&&r(!0)},[s]),{state:i,wheel:n}=NN(e.slug,l),h=nn(()=>n?.variants??[],[n]),m=c.selectedIdx>=0?a[c.selectedIdx]?.name??null:null,[u,d]=RN(null),{setSelectedIdx:v}=c,g=Fg(!1),b=IN(F=>{g.current=!0,v(F)},[v]),f=t.join(","),C=Fg(null);Hg(()=>{if(C.current===f)return;C.current=f;let F=_N(a,t);F<0||(g.current=!0,v(F))},[f,t,a,v]);let z=Fg(!1);Hg(()=>{if(z.current||g.current||h.length===0||!m||(z.current=!0,bg(h,m).length>0))return;let F=vN(h,a.map(V=>V.name),c.availability);F>=0&&v(F)},[h,m,a,c.availability,v]);let M=nn(()=>bg(h,m),[h,m]),S=Ji(e);Hg(()=>{d(F=>F&&M.some(V=>V.size===F)?F:S&&M.length===1?M[0].size:null)},[M,S]);let H=St(h,m,u),_=Gs(H),E=H!=null&&!_,O=!s||i==="error"||i==="ready"&&M.length===0,P=nn(()=>gN(h,m),[h,m]);return{...c,setSelectedIdx:b,finishes:a,arm:o,detailState:i,confirmedFinishName:m,sizeOptions:M,size:u,setSize:d,selectedVariant:H,outOfStock:_,outOfStockVariants:P,canAdd:E,unsellable:O}}import{Fragment as X31,jsx as G7,jsxs as BN}from"react/jsx-runtime";var Y31=[];function Tg({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=Y31,spinOnHover:h=!1,imageBackgroundFill:m=e7,showBadge:u=!0,outline:d=l4,indexBadge:v=c4,showCardSizes:g=!0,showCardBuy:b=!0,showCardPage:f=!0,showCardPrice:C=!0,showCardFinishes:z=!0}){let{currency:M}=u0(),S=hn(e,t),H=sn(e,i,S.finish?.name,S.shownSrc,a?.holes),_=ge(e,S.selectedVariant,M,1),E=fr(_,M),[O,P]=$31(()=>new Set),F=K=>P(u1=>u1.has(K)?u1:new Set(u1).add(K)),V=an({overrideSrc:H,hookSrc:S.shownSrc,failed:O}),D=we(e),Z=RM(e,a),I=rn({wheel:e,sel:S,price:_,editing:s,href:`/wheels/${e.slug}`,show:{sizes:g,buy:b,page:f}}),U=S.detailState==="ready",N=S.unsellable,J=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",j=V?G7(N3,{src:V,alt:S.finish?`${e.name} \u2014 ${S.finish.name}`:e.name,width:800,height:800,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:["block h-full w-full object-contain",J].filter(Boolean).join(" "),draggable:!1,onError:()=>F(V)},V):G7($s,{imageLabel:e.name}),W=v!=="off"?G7("span",{"aria-hidden":!0,className:`${B9} ${Z9}`}):null,n1=u?e.badge:null,z1=_.onSale||n1?BN("div",{className:`${Os} pointer-events-none flex flex-col items-end gap-1`,children:[_.onSale&&G7(Ct,{tone:"solid",children:"Sale"}),n1&&G7(Ct,{tone:n1==="new"?"solid":"outline",children:n1==="new"?"New":"Bestseller"})]}):null,$=z&&S.finishes.length>0&&S.availability.some(Boolean)?G7(Ks,{finishes:S.finishes,availability:S.availability,selectedIdx:S.selectedIdx,hoverIdx:S.hoverIdx,activeFinish:S.finish,onSelect:S.setSelectedIdx,onHover:S.setHoverIdx,showLabel:!1}):null,c1=Mr(Z.length>0?Z:Yr(e),n).map(K=>K.text),g1=_.priced?["each",_.setTotal!=null&&S.selectedVariant?`${Mt(S.selectedVariant)} \xB7 ${Z2(_.setTotal,M)}`:null].filter(Boolean).join(" \xB7 "):null;return BN(X31,{children:[G7(e9,{href:`/wheels/${e.slug}`,identityLink:!0,containerProps:{onPointerEnter:S.arm,onTouchStart:S.arm,onFocusCapture:S.arm},probes:S.probes,outline:d,imageBackgroundFill:m,indexBadge:W,badges:z1,image:j,plate:c?G7(Zs,{brand:D,logo:e.brandLogo}):null,eyebrow:qi({kindLabel:l,brand:r&&D?Q1(D):null,process:o&&e.process?Q1(e.process):null},n),reserveEyebrow:Ds({kind:!!l,brand:r,process:o},n),name:Q1(e.name),spec:$i(c1,IM),was:E,price:ve(_,M),metaLine:g1,swatches:$,reserveSwatches:z,showPrice:C,extras:I.extras}),I.dialog]})}import{jsx as Ys,jsxs as mn}from"react/jsx-runtime";function Pg({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let s=Hk(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 mn("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[mn("div",{className:"flex items-center gap-1.5",children:[Ys("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:c,children:"\u2039"}),s.map((l,r)=>l===null?Ys("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${r}`):Ys("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)),Ys("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:c,children:"\u203A"})]}),mn("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",Ys("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=>mn("option",{value:l,children:["Page ",l," of ",t]},l))})]})]})}import{useState as t41}from"react";import{useState as J31}from"react";import{jsx as Xs,jsxs as Q31}from"react/jsx-runtime";function Eg({checked:e,count:t,noun:a,onChange:s}){let[c,l]=J31(!1);return Q31("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[Xs("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})`}),Xs("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:Xs("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),Xs("span",{className:"flex-1",children:"In stock only"}),Xs("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as e41}from"react";import{jsx as Js,jsxs as ZN}from"react/jsx-runtime";function Vg({options:e,noun:t,onPick:a}){let s=e41();return e.length===0?null:ZN("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[Js("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),Js("div",{className:"flex flex-col pt-1.5",children:e.map(c=>{let l=c.count===0&&!c.checked;return ZN("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${l?"opacity-40":"cursor-pointer"}`,children:[Js("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)]"}),Js("span",{className:`flex-1 ${c.checked?"text-accent":""}`,children:c.label}),Js("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:c.count})]},c.kind??"all")})})]})}import{jsx as Ng,jsxs as Ft}from"react/jsx-runtime";function _g({boxes:e,composed:t,matches:a,noun:s,onPick:c}){return Ft("div",{className:"grid grid-cols-3 gap-1.5",children:[e.map(l=>Ft("label",{className:"flex flex-col gap-1",children:[Ng("span",{className:"font-mono text-[9.5px] uppercase tracking-[0.14em] text-fg-dim",children:l.label}),Ft("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:[Ng("option",{value:"",children:"Any"}),l.options.map(r=>Ft("option",{value:r.value,children:[r.label,r.count===0?" \xB7 0":""]},r.value))]})]},l.part)),t&&Ft("p",{className:"col-span-3 flex items-baseline gap-2 pt-0.5",children:[Ng("span",{className:"font-mono text-[12px] tracking-[0.04em] text-accent",children:t}),a!==null&&Ft("span",{className:"text-[11.5px] text-fg-dim",children:["\xB7 ",a," ",s]})]})]})}import{jsx as L2,jsxs as T6}from"react/jsx-runtime";function Ig({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:u,onClearAll:d}){let{currency:v}=u0(),[g,b]=t41({});return T6("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:[T6("div",{className:"flex items-center justify-between pb-2",children:[L2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),Hr(t)&&L2("button",{type:"button",onClick:d,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-accent hover:text-fg",children:"Clear all"})]}),a.length>0&&L2("div",{className:"pb-1 pt-1",children:L2(Vg,{options:a,noun:l.many,onPick:n})}),o!==null&&L2("div",{className:"border-t border-line py-2",children:L2(Eg,{checked:t.inStockOnly,count:o,noun:l.many,onChange:u})}),s&&L2(DN,{label:Jm.tyreSizes,open:!g.tyreSizes,onToggle:()=>b(f=>({...f,tyreSizes:!f.tyreSizes})),children:!g.tyreSizes&&L2("div",{className:"pb-3",children:L2(_g,{boxes:s,composed:t.tyreSizes[0]??"",matches:c,noun:l.many,onPick:h})})}),e.map(f=>{if(f.options.length===0)return null;let C=!g[f.key];return L2(DN,{label:f.label,open:C,onToggle:()=>b(z=>({...z,[f.key]:!z[f.key]})),children:C&&L2("ul",{className:"flex flex-col pb-3",children:f.options.map(z=>{let M=z.count===0&&!z.checked;return L2("li",{children:T6("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${M?"opacity-40":"cursor-pointer"}`,children:[L2("input",{type:"checkbox",checked:z.checked,disabled:M,onChange:()=>i(f.key,z.value),"aria-label":`${f.label}: ${z.label} (${z.count} ${l.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),z.swatch&&L2("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--site-line)]",style:{background:z.swatch}}),L2("span",{className:"flex-1 capitalize",children:z.label}),L2("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:z.count})]})},z.value)})})},f.key)}),r&&T6("div",{className:"border-t border-line py-3",children:[T6("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price \xB7 per ",l.one]}),L2("input",{type:"range",min:r.min,max:r.max,step:5,value:t.priceMax??r.max,onChange:f=>{let C=Number(f.target.value);m(C>=r.max?null:C)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${l.one}`}),T6("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[L2("span",{className:"text-fg-dim",children:Z2(r.min,v)}),T6("span",{children:["Up to ",Z2(t.priceMax??r.max,v)]})]})]})]})}function DN({label:e,open:t,onToggle:a,children:s}){return T6("div",{className:"border-t border-line",children:[T6("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:[L2("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:e}),L2("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"\u25BE"})]}),s]})}import{jsx as Tt,jsxs as ON}from"react/jsx-runtime";function Rg(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function Qs({label:e,value:t,options:a,onChange:s,placeholder:c,disabled:l,compact:r=!1,editing:o=!1}){let n=(a.find(d=>d.value===t)?.label??t)||c||"\u2014",h=Rg(a,c),m=xe({items:h,value:t,onPick:s}),u=m.open;return ON("div",{ref:m.wrapRef,className:"relative",children:[ON("div",{ref:d=>{m.triggerRef.current=d},role:"button",tabIndex:l?-1:0,"aria-haspopup":"listbox","aria-expanded":u,"aria-controls":u?m.listId:void 0,"aria-activedescendant":m.activeId,"aria-label":e,"aria-disabled":l||void 0,onClick:()=>!l&&m.toggle(),onKeyDown:d=>!l&&m.onTriggerKeyDown(d),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:[Tt("span",{...o?{[Y6]:V9}:{},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:Tt(et,{kind:V9,children:e})}),Tt("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?{[Y6]:im}:{},children:Tt(et,{kind:im,children:n})}),Tt("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"})]}),u&&!l&&Tt(ze,{id:m.listId,tone:"cell",items:h,value:t,focusIdx:m.focusIdx,onFocus:m.setFocusIdx,onPick:m.pick,listRef:m.listRef})]})}var ec=["make","model","year","trim"],a9={make:"Make",model:"Model",year:"Year",trim:"Trim"};function GN(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 qN(e,t){for(let a of ec){if(a===e)break;if(!GN(a,t))return a}return e}function WN(e){return ec.find(t=>!GN(t,e))??null}var tc={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function pn({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 un(e){let{vehicle:t,loading:a}=e;return{make:pn({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:pn({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:tc.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:pn({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:tc.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:pn({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:tc.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function UN(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function jN(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function KN(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function $N(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 dn,jsxs as a41}from"react/jsx-runtime";function Y3({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:s}=e,c=un(e);return a41("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:[dn(Qs,{label:a9.make,placeholder:c.make.placeholder,disabled:c.make.disabled,value:s.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),dn(Qs,{label:a9.model,placeholder:c.model.placeholder,disabled:c.model.disabled,value:s.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),dn(Qs,{label:a9.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}),dn(Qs,{label:a9.trim,placeholder:c.trim.placeholder,disabled:c.trim.disabled,value:s.modification,options:e.modOptions,onChange:e.setModification,compact:t,editing:a})]})}import{jsx as U2,jsxs as P6}from"react/jsx-runtime";function Bg({cascade:e,appliedName:t,fit:a,fitSummary:s=null,resolving:c,unresolved:l,matchCount:r,copy:o,onAmend:i,onClear:n}){return U2("div",{className:"border-b border-line bg-surface px-5 py-4 md:px-10",children:!(t!=="")?P6("div",{className:"flex flex-wrap items-end gap-4",children:[P6("div",{className:"flex-none",children:[P6("div",{className:"flex items-center gap-2",children:[U2(YN,{}),U2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Select your car"})]}),U2("p",{className:"mt-0.5 font-mono text-[11px] uppercase tracking-[0.14em] text-fg-dim",children:o.promise})]}),U2("div",{className:"min-w-[280px] flex-1",children:U2(Y3,{cascade:e,compact:!0})})]}):P6("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-3",children:[P6("div",{className:"flex items-center gap-2.5",children:[U2(YN,{}),P6("div",{children:[U2("p",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-fg-dim",children:"Fitment for"}),U2("p",{className:"font-display text-[16px] font-medium uppercase leading-[1.1] tracking-[-0.01em]",children:t})]})]}),c?U2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):l?U2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:o.noData}):P6("div",{className:"flex flex-wrap items-center gap-1.5",children:[U2("span",{className:"border border-line px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-fg-dim",children:s??BM(a)}),U2("span",{className:"bg-accent px-2 py-1 font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-bg",children:o.countFits(r)})]}),P6("div",{className:"ml-auto flex items-center gap-4",children:[U2("button",{type:"button",onClick:i,className:"cursor-pointer border border-line px-4 py-2.5 font-mono text-[11px] uppercase tracking-[0.16em] hover:border-accent hover:text-accent",children:"Amend search"}),U2("button",{type:"button",onClick:n,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:o.showAll})]})]})})}function YN(){return P6("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":"true",className:"flex-none",children:[U2("path",{d:"M5 17h14l1.5-5.5a2 2 0 0 0-1.4-2.4L17 8l-1.6-3.2A2 2 0 0 0 13.6 3.7H10.4A2 2 0 0 0 8.6 4.8L7 8l-2.1.6a2 2 0 0 0-1.4 2.4L5 17Z"}),U2("circle",{cx:"7.5",cy:"17.5",r:"1.8"}),U2("circle",{cx:"16.5",cy:"17.5",r:"1.8"})]})}import{useId as s41,useRef as c41}from"react";import{jsx as E6,jsxs as l41}from"react/jsx-runtime";function Zg({cascade:e,heading:t,intro:a,ready:s,copy:c,onSkip:l}){let r=s41(),o=c41(null);return S4({active:s,onDismiss:l,focusRef:o}),E6("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:E6("div",{className:"flex min-h-full items-center justify-center px-6 py-14 max-[700px]:px-5 max-[700px]:py-10",children:l41("div",{ref:o,tabIndex:-1,className:"w-full max-w-[720px] outline-none",children:[E6("p",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:c.eyebrow}),E6("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:Q1(t)}),E6("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:Q1(a)}),E6("div",{className:"mt-8",children:E6(Y3,{cascade:e})}),e.cascadeError&&E6("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:c.cascadeDown}),E6("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 o41,useMemo as i41,useState as n41}from"react";var V6={year:null,make:"",model:"",modification:""};var B5={make:"make",model:"model",year:"year",trim:"trim"};function g4(e){return!!e.make&&!!e.model&&e.year!==null&&!!e.modification}function XN(e){let t=Number(e.get(B5.year)),a={...V6,make:e.get(B5.make)??"",model:e.get(B5.model)??"",year:Number.isFinite(t)&&t>0?Math.floor(t):null,modification:e.get(B5.trim)??""};return g4(a)?a:null}function Z5(e,t){return!t||!g4(t)||(e.set(B5.make,t.make),e.set(B5.model,t.model),e.set(B5.year,String(t.year)),e.set(B5.trim,t.modification)),e}var r41=["tyre"];function JN(e){return r41.filter(t=>e.includes(t))}function QN(e){return!e||!g4(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function e_(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function t_(e,t,a){if(a===null||t.length===0)return[...e];let s=new Set(a);return e.filter(c=>!t.includes(O0(c))||s.has(p7(c)))}function a_({catalog:e,shownKinds:t,vehicle:a,editing:s=!1}){let c=JN(t),l=s?null:QN(a),[r,o]=n41(null),i=e_(c,l,r!==null),n=i?JSON.stringify(i):"";o41(()=>{if(!n)return;let u=JSON.parse(n),d=!0;return v0.listCatalog(u.kinds,u.vehicle).then(v=>{d&&o({key:n,slugs:v.map(p7)})}).catch(v=>{console.error("[useVehicleCatalog] catalog refetch failed",v)}),()=>{d=!1}},[n]);let h=r?.slugs??null,m=c.join(",");return i41(()=>t_(e,m?m.split(","):[],h),[e,m,h])}import{useCallback as Og,useEffect as ac,useMemo as p41,useRef as u41,useState as l_}from"react";import{useCallback as gn,useEffect as Pt,useMemo as vn,useState as q7}from"react";function fn(e){return e instanceof Error?e.message:String(e)}function s_(e=[],t=!0){let[a,s]=q7(V6),[c,l]=q7(e),[r,o]=q7([]),[i,n]=q7([]),[h,m]=q7([]),[u,d]=q7(null),[v,g]=q7({makes:t&&e.length===0}),[b,f]=q7(null);Pt(()=>{t&&e.length===0&&(g(Z=>({...Z,makes:!0})),he.listMakes().then(l).catch(()=>{}).finally(()=>g(Z=>({...Z,makes:!1}))))},[t,e.length]),Pt(()=>{if(!a.make){o([]);return}let Z=!1;return g(I=>({...I,models:!0})),he.listModels(a.make).then(I=>{Z||o(I)}).catch(I=>{Z||f(fn(I))}).finally(()=>{Z||g(I=>({...I,models:!1}))}),()=>{Z=!0}},[a.make]),Pt(()=>{if(!a.make||!a.model){n([]);return}let Z=!1;return g(I=>({...I,years:!0})),he.listYears(a.make,a.model).then(I=>{Z||n(I)}).catch(I=>{Z||f(fn(I))}).finally(()=>{Z||g(I=>({...I,years:!1}))}),()=>{Z=!0}},[a.make,a.model]),Pt(()=>{if(!a.make||!a.model||a.year===null){m([]);return}let Z=!1;return g(I=>({...I,modifications:!0})),he.listModifications(a.make,a.model,a.year).then(I=>{Z||m(I)}).catch(I=>{Z||f(fn(I))}).finally(()=>{Z||g(I=>({...I,modifications:!1}))}),()=>{Z=!0}},[a.make,a.model,a.year]),Pt(()=>{if(!(a.year!==null&&a.make&&a.model&&a.modification)){d(null);return}let I=!1;return g(U=>({...U,stock:!0})),f(null),he.getStockFitment(a.make,a.model,a.year,a.modification).then(U=>{I||d(U)}).catch(U=>{I||f(fn(U))}).finally(()=>{I||g(U=>({...U,stock:!1}))}),()=>{I=!0}},[a.make,a.model,a.year,a.modification]),Pt(()=>{a.year!==null&&a.make&&a.model&&!a.modification&&h.length===1&&s(Z=>({...Z,modification:h[0].slug}))},[a.year,a.make,a.model,a.modification,h]);let C=gn(Z=>s(I=>({...I,make:Z,model:"",year:null,modification:""})),[]),z=gn(Z=>s(I=>({...I,model:Z,year:null,modification:""})),[]),M=gn(Z=>s(I=>({...I,year:Z?Number(Z):null,modification:""})),[]),S=gn(Z=>s(I=>({...I,modification:Z})),[]),H=vn(()=>i.map(Z=>({value:String(Z),label:String(Z)})),[i]),_=vn(()=>c.map(Z=>({value:Z.slug,label:Z.name})),[c]),E=vn(()=>r.map(Z=>({value:Z.slug,label:Z.name})),[r]),O=vn(()=>h.map(Z=>({value:Z.slug,label:Z.name})),[h]),P=a.year!==null&&!!a.make&&!!a.model&&!!a.modification,F=c.find(Z=>Z.slug===a.make)?.name??a.make,V=r.find(Z=>Z.slug===a.model)?.name??a.model,D=h.find(Z=>Z.slug===a.modification)?.name??a.modification;return{vehicle:a,setVehicle:s,setMake:C,setModel:z,setYear:M,setModification:S,makeOptions:_,modelOptions:E,yearOptions:H,modOptions:O,loading:v,cascadeError:b,stock:u,fullyPicked:P,makeName:F,modelName:V,modName:D}}var Dg="storefront-vehicle";function h41(e){if(!e||typeof e!="object")return null;let t=e,a={...V6,...t.vehicle??{}};return g4(a)?{vehicle:a,labels:{make:t.labels?.make??a.make,model:t.labels?.model??a.model,modification:t.labels?.modification??a.modification}}:null}function m41(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(Dg);t=c?h41(JSON.parse(c)):null}catch{t=null}return t},write(c){t=c;try{e()?.setItem(Dg,JSON.stringify(c))}catch{}s()},clear(){t=null;try{e()?.removeItem(Dg)}catch{}s()},subscribe(c){return a.add(c),()=>{a.delete(c)}}}}var W7=m41(()=>e3);function c_(){W7.clear()}function Gg(e,t,a){return e!==t?e:a||t}function d41(e,t){return e.make===t.make&&e.model===t.model&&e.modification===t.modification}function Et(e,t){return e.make===t.make&&e.model===t.model&&e.year===t.year&&e.modification===t.modification}function _4({initialMakes:e=[],editing:t=!1,enabled:a=!0,autoApply:s=!1}={}){let c=s_(e,a),{setVehicle:l}=c,[r,o]=l_(null),[i,n]=l_(!1),h=Og(()=>({make:c.makeName,model:c.modelName,modification:c.modName}),[c.makeName,c.modelName,c.modName]);ac(()=>{if(t||!a){n(!0);return}let f=XN(new URLSearchParams(window.location.search)),C=f?null:W7.read(),z=f??C?.vehicle??null;z&&(l(z),o({vehicle:z,labels:C?.labels??{make:z.make,model:z.model,modification:z.modification},stock:null})),n(!0)},[t,a,l]),ac(()=>{if(!(t||!a))return W7.subscribe(()=>{let f=W7.read();o(z=>f?z&&Et(z.vehicle,f.vehicle)?d41(z.labels,f.labels)?z:{...z,labels:f.labels}:{vehicle:f.vehicle,labels:f.labels,stock:null}:null);let C=f?.vehicle??V6;l(z=>Et(z,C)?z:C)})},[t,a,l]),ac(()=>{!s||!g4(c.vehicle)||r&&Et(r.vehicle,c.vehicle)||o({vehicle:c.vehicle,labels:h(),stock:c.stock})},[s,r,c.vehicle,c.stock,h]),ac(()=>{if(!r||!Et(c.vehicle,r.vehicle))return;let f={make:Gg(c.makeName,c.vehicle.make,r.labels.make),model:Gg(c.modelName,c.vehicle.model,r.labels.model),modification:Gg(c.modName,c.vehicle.modification,r.labels.modification)};(r.stock!==c.stock||r.labels.make!==f.make||r.labels.model!==f.model||r.labels.modification!==f.modification)&&o(z=>z&&Et(c.vehicle,z.vehicle)?{...z,stock:c.stock,labels:f}:z)},[r,c.vehicle,c.stock,c.makeName,c.modelName,c.modName]);let m=u41("");ac(()=>{if(!(t||!a))try{if(!r){m.current!==""&&(W7.clear(),m.current="");return}let f=JSON.stringify({vehicle:r.vehicle,labels:r.labels});if(f===m.current)return;W7.write({vehicle:r.vehicle,labels:r.labels}),m.current=f}catch{}},[r,t,a]);let u=Og(()=>{g4(c.vehicle)&&o({vehicle:c.vehicle,labels:h(),stock:c.stock})},[c.vehicle,c.stock,h]),d=Og(()=>{o(null),l(V6),!t&&a&&c_()},[t,a,l]),v=p41(()=>TM(r?.stock),[r?.stock]),g=!!r&&Et(c.vehicle,r.vehicle)&&c.loading.stock!==!1,b=r?[r.vehicle.year,r.labels.make,r.labels.model,r.labels.modification].filter(Boolean).join(" "):"";return{cascade:c,applied:r,fit:v,resolving:g,unresolved:!!r&&v===null&&!g,apply:u,clear:d,canApply:g4(c.vehicle),appliedName:b,restored:i}}import{useEffect as r_,useState as o_}from"react";var qg="plp:locationchange",i_=!1;function g41(e){if(typeof window>"u")return()=>{};if(!i_){i_=!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(qg))}}}return window.addEventListener("popstate",e),window.addEventListener(qg,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(qg,e)}}function n_({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:s}){let[c,l]=o_({...S5,sort:t}),[r,o]=o_(!1);return r_(()=>{if(e||typeof window>"u")return;let i=()=>{let h=Ak(new URLSearchParams(window.location.search));return M8(h).toString()===""?{...S5,sort:t}:h},n=()=>{let h=i();l(m=>M8(m).toString()===M8(h).toString()?m:h)};return n(),o(!0),g41(n)},[e,t]),r_(()=>{if(e||!r||!s||typeof window>"u")return;let i=M8(c);Z5(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 h_,jsx as b2,jsxs as j2}from"react/jsx-runtime";var Wg={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 z41({level:e,className:t,children:a}){return b2(e===2?"h2":"h1",{className:t,children:a})}var y41=[];function Ug({heading:e="",intro:t="",askForCar:a=!0,gateHeading:s="",gateIntro:c="",perPage:l=24,columns:r,defaultSort:o="recommended",hiddenFacets:i=[],fieldUsage:n=y41,showPrice:h=!0,showInStock:m=!0,kinds:u,products:d,wheels:v,editing:g=!1,coverIndex:b=1,cardImage:f,spinOnHover:C=!1,imageBackground:z,showBadge:M=!0,showCardSizes:S,showCardBuy:H,showCardPage:_,showCardPrice:E,showCardFinishes:O,outline:P=l4,indexBadge:F=c4,titleLevel:V}){let{currency:D}=u0(),Z=U9(z,e7),I=M5(u),U=w5(),N=jV(Di(r),g?U:null),J=`plp-${f41().replace(/:/g,"")}`,j=J6(J,F),W=QV(),n1=d??v??W??[],z1=F3(()=>YC(n1,I),[n1,I.join(",")]),$=_4({editing:g,enabled:a,autoApply:!0}),[c1,g1]=x41(!1),K=nk(o,I),u1=$.applied?.vehicle??null,[x1,T0]=n_({editing:g,openingSort:K,appliedVehicle:u1,vehicleRestored:$.restored}),P0=mk(I,x1.kind),H1=c5(M1=>T0(M1),[T0]),c0=c5((M1,w2)=>{let d2=x1[M1],K6=d2.map(String).includes(w2)?d2.filter(Wh=>String(Wh)!==w2):[...d2,M1==="diameters"?Number(w2):w2];H1({...x1,[M1]:K6,page:1})},[x1,H1]),l0=c5(M1=>H1({...x1,priceMax:M1,page:1}),[x1,H1]),J1=c5(M1=>H1({...x1,inStockOnly:M1,page:1}),[x1,H1]),y2=c5(M1=>H1({...S5,kind:M1,inStockOnly:x1.inStockOnly,priceMax:x1.priceMax,sort:x1.sort}),[x1.inStockOnly,x1.priceMax,x1.sort,H1]),a0=c5(M1=>H1({...x1,sort:M1,page:1}),[x1,H1]),H2=c5(M1=>{H1({...x1,page:M1}),typeof window<"u"&&window.scrollTo({top:0,behavior:n6()})},[x1,H1]),g0=c5(()=>H1({...S5,sort:x1.sort}),[x1.sort,H1]),{clear:p1}=$,W1=c5(()=>{p1(),g1(!0),T0(M1=>({...M1,page:1}))},[p1]),i0=c5(()=>{p1(),g1(!1),T0(M1=>({...M1,page:1}))},[p1]),E0=u1?[u1.make,u1.model,u1.year,u1.modification].join("|"):"",w0=b41(null);v41(()=>{if($.restored){if(w0.current===null){w0.current=E0;return}w0.current!==E0&&(w0.current=E0,T0(M1=>M1.page===1?M1:{...M1,page:1}))}},[$.restored,E0,T0]);let o2=a_({catalog:z1,shownKinds:I,vehicle:u1,editing:g}),Q=F3(()=>{if(!$.fit)return o2;let M1=o2.filter(d2=>O0(d2)==="alloy-wheel"),w2=new Set($r(M1,$.fit).map(d2=>d2.slug));return o2.filter(d2=>O0(d2)!=="alloy-wheel"||w2.has(p7(d2)))},[o2,$.fit]),k1=i.join(","),h0=F3(()=>{let M1=new Set(k1?k1.split(","):[]);return Fr(Q,x1,D,P0,n).filter(w2=>!M1.has(w2.key))},[Q,x1,D,k1,P0.join(","),n]),N0=F3(()=>gk(Q,x1,D),[Q,x1,D]),t6=P0.length>1,G6=F3(()=>U4(n,"alloy-wheel"),[n]),q6=F3(()=>U4(n,"tyre"),[n]),W6=F3(()=>XC(N0),[N0]),p5=F3(()=>JC(N0),[N0]),E3=F3(()=>h?wk(Q,D):null,[Q,D,h]),U6=F3(()=>dk(Q,x1,D),[Q,x1,D]),p8=F3(()=>yk(Q,I,x1,D),[Q,I.join(","),x1,D]),m3=c5((M1,w2)=>{let d2=zk(Q.flatMap(Ce),x1.tyreSizes[0]??"",M1,w2);H1({...x1,tyreSizes:d2?[d2]:[],page:1})},[Q,x1,H1]),w9=F3(()=>{let M1=new Set(k1?k1.split(","):[]);return!fk(Q,P0)||M1.has("tyreSizes")?null:xk(Q,x1,D)},[Q,x1,D,k1,P0.join(","),n]),V3=F3(()=>Fk(N0,x1.page,l),[N0,x1.page,l]),Q3=k5(P0),M3=Bs(P0),e4=eN(s,c,P0,I),a6=P0.length===1&&P0[0]==="tyre",x4=$.applied?.stock??null,z4=F3(()=>_S(x4),[x4]),O4=F3(()=>Q.filter(M1=>P0.includes(O0(M1))).length,[Q,P0.join(",")]),j6=z1.length===0,S1=!j6&&Q.length===0,r0=a&&!g&&!$.applied&&!c1;return I.length===0?null:j2("section",{style:X2(f),children:[a&&b2(Bg,{cascade:$.cascade,appliedName:$.appliedName,fit:$.fit,fitSummary:a6&&z4.length>0?`Takes ${z4.join(" \xB7 ")}`:null,resolving:$.resolving,unresolved:a6?!!$.applied&&!$.resolving&&z4.length===0:$.unresolved,matchCount:O4,copy:M3,onAmend:i0,onClear:W1}),r0&&b2(Zg,{cascade:$.cascade,heading:e4.heading,intro:e4.intro,ready:$.restored,copy:M3,onSkip:()=>g1(!0)}),j2("div",{className:"px-5 py-10 md:px-10",children:[(e||t)&&j2("header",{className:"mb-6",children:[e&&b2(z41,{level:V,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:Q1(e)}),t&&b2("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:Q1(t)})]}),j2("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[b2(Ig,{facets:h0,filters:x1,typeOptions:p8,sizeBoxes:w9,sizeMatches:x1.tyreSizes.length>0?N0.length:null,noun:Q3,priceBounds:E3,inStockCount:m?U6:null,onToggle:c0,onPickType:y2,onPickSize:m3,onPriceMax:l0,onInStockOnly:J1,onClearAll:g0}),j2("div",{className:"min-w-0 flex-1",children:[j2("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:[j2("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:V3.total===0?j2("span",{className:"text-fg-dim",children:["No ",Q3.many]}):j2(h_,{children:[j2("span",{children:[V3.from,"\u2013",V3.to]}),j2("span",{className:"text-fg-dim",children:[" of ",V3.total," ",Q3.many]})]})}),b2(yg,{filters:x1,onToggle:c0,onPriceMax:l0,onInStockOnly:J1,onPickType:y2})]}),j2("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",b2("select",{value:x1.sort,onChange:M1=>a0(Le(M1.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:Xm(I).map(M1=>b2("option",{value:M1,children:Ha[M1]},M1))})]})]}),j6?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:g?Q3.many==="wheels"?p("No wheels in this website's catalog yet \u2014 curate products to see them here."):Q3.many==="tyres"?p("No tyres in this website's catalog yet \u2014 curate products to see them here."):p("No products in this website's catalog yet \u2014 curate products to see them here."):"Our catalog is being updated. Please check back shortly."})}):S1?j2("div",{className:"border border-line p-10",children:[j2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",$.appliedName]}),b2("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:M3.nothingFits}),j2("button",{type:"button",onClick:W1,className:"mt-4 cursor-pointer bg-btn px-4 py-2.5 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:["Show all ",Q3.many]})]}):V3.total===0?j2("div",{className:"border border-line p-10",children:[j2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",Q3.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."}),Hr(x1)&&b2("button",{type:"button",onClick:g0,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"})]}):j2(h_,{children:[j&&b2("style",{children:j}),b2("div",{className:j?`${J} plp-card-grid`:"plp-card-grid",style:N,children:V3.items.map(M1=>O0(M1)==="tyre"?b2(js,{item:M1,currency:D,fitSize:z4.length>0?IS(M1.sizes,z4):null,kindLabel:t6?k5(["tyre"]).one:null,showBrand:W6,editing:g,fieldUsage:q6},`tyre:${p7(M1)}`):b2(Tg,{wheel:M1,colours:x1.finishes,fit:$.fit,editing:g,kindLabel:t6?k5(["alloy-wheel"]).one:null,showBrand:W6,coverIndex:b,fieldUsage:G6,showProcess:p5,spinOnHover:C,imageBackgroundFill:Z,showBadge:M,outline:P,indexBadge:F,showCardSizes:S??!0,showCardBuy:H??!0,showCardPage:_??!0,showCardPrice:E??!0,showCardFinishes:O??!0},`wheel:${p7(M1)}`))})]}),b2(Pg,{page:V3.page,pageCount:V3.pageCount,onPage:H2}),b2(Rs,{editing:g})]})]})]})]})}import{SortIcon as C41,CarIcon as k41,HashIcon as M41}from"efficient-easel/icons";import{useEasel as S41}from"efficient-easel/easel";import{jsx as w41}from"react/jsx-runtime";var sc={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},m_={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...kr],perPage:24,columns:rg,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>w41(Ug,{titleLevel:e.titleLevel,heading:y(e.heading,sc.heading,e.puck),intro:y(e.intro,sc.intro,e.puck),askForCar:e.askForCar!==!1,gateHeading:a1(e.gateHeading),gateIntro:a1(e.gateIntro),perPage:e.perPage,columns:e.columns,defaultSort:Le(e.defaultSort),coverIndex:At(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:f8(e.outline),indexBadge:l6(e.indexBadge),hiddenFacets:Tr(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 s9}from"react/jsx-runtime";var bn=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],L41="Brand, Color, Size and PCD follow the product type. Set them in Product types.",p_="root:default-zone";function A41(){let{appState:e,dispatch:t}=S41(i=>i),a=e.ui.itemSelector,s=e.data.content??[],c=a&&(a.zone===void 0||a.zone===p_)?a.index:-1,l=c>=0?s[c]:void 0,r=l?.props??{},o=bn.filter(i=>r[i.value]!==!1).map(i=>i.value);return s9(Hl,{label:"Filters",options:bn.map(i=>({...i,label:p(i.label)})),value:o,onChange:i=>{if(!l||l.type!=="AlloyWheelsListing")return;let n={};for(let h of bn){let m=i.includes(h.value);r[h.value]!==!1!==m&&(n[h.value]=m)}Object.keys(n).length&&t({type:"replace",destinationZone:p_,destinationIndex:c,data:{...l,props:{...l.props,...n}}})}})}var u_=()=>Sl({type:"custom",render:()=>s9(Ll,{})},"always"),d_={fields:{_gHeader:x("Header"),heading:T("Heading",sc.heading),intro:G("Intro",sc.intro),_gResults:x("Products"),kinds:J9("Product types",ye,"None \u2014 this section will be empty"),defaultSort:v1("Opening sort",s9(C41,{}),Object.entries(Ha).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:x("Filters"),showInStock:{type:"custom",label:"Filters",options:bn,render:()=>s9(A41,{})},showCollection:u_(),showPrice:u_(),_nFieldFilters:f5(L41),_gVehicle:x("Car prompt"),askForCar:l1("Ask for the car first",!0,s9(k41,{})),gateHeading:q("Welcome heading",Wg.heading),gateIntro:V1("Welcome intro",Wg.intro),...Ul({bottomDefault:!0}),...Q9({coverHint:"A card's opening picture \u2014 picking another color opens that color's first picture.",spinDefault:!1}),...ee(),_gGrid:x("Grid"),columns:{type:"custom",render:({value:e,onChange:t})=>s9(hg,{value:e,onChange:t})},perPage:s1("Products per page",s9(M41,{}),8,60,4,24)},resolveFields:(e,{fields:t})=>{let a=Bs(M5(e.props.kinds));return{...t,gateHeading:q("Welcome heading",a.gateHeading),gateIntro:V1("Welcome intro",a.gateIntro)}}};import{useEffect as T41,useState as P41}from"react";function H41(e){return{name:e.name,logo:e.logo,count:e.count}}var cc=null,jg=null;function xn(e=!1){let t=i2();return!e&&cc&&jg===t||(jg=t,cc=F41(t).catch(()=>(jg===t&&(cc=null),null))),cc}async function F41(e){return e?(await v0.listBrandsForSite(e)).map(H41):null}import{Fragment as E41,jsx as zn,jsxs as V41}from"react/jsx-runtime";function Kg({value:e,onChange:t}){let[a,s]=P41(void 0);T41(()=>{let o=!1;return xn().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 V41(E41,{children:[zn(Hl,{label:"Brands",options:r,value:c,onChange:t,emptyLabel:"None"}),a===void 0?zn("p",{className:"es-field-hint sf-hint-keep",children:p("Reading this website\u2019s brands\u2026")}):a===null?zn("p",{className:"es-field-hint sf-hint-keep",children:p("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?zn("p",{className:"es-field-hint sf-hint-keep",children:p("This website has no brands yet. A brand appears here once it has a product in the catalog.")}):null]})}var lc="picks",g_="available",v_=()=>[];function f_(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 N41,HashIcon as _41}from"efficient-easel/icons";import{jsx as b_}from"react/jsx-runtime";var x_={fields:{_gContent:x("Content"),heading:T("Heading","Shop by brand"),button:T("Button","All brands"),link:F1("Link"),[lc]:s2(Kg),_gStyle:x("Style"),face:f1("Tile",b_(N41,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:l1("Count",!0,b_(_41,{})),_gLayout:x("Layout")}};import{ColumnsIcon as I41}from"efficient-easel/icons";var K0={num:A.sectionNumber,link:A.viewAll};import{jsx as R41}from"react/jsx-runtime";var z_={fields:{_gHeader:x("Header"),num:T("Number",K0.num),title:G("Heading",A.sectionHeading),description:G("Body",A.body),_gLayout:x("Layout"),columns:s1("Columns",R41(I41,{}),2,3,1,3),cardImage:s7()},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.BundleOffer.headRows)};import{StylesIcon as B41}from"efficient-easel/icons";var yn=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as Z41}from"react/jsx-runtime";var y_={fields:{_gStyle:x("Style"),style:f1("Show as",Z41(B41,{}),yn,"icon")}};import{HashIcon as J41,SortIcon as Q41,LayoutIcon as e51}from"efficient-easel/icons";import{createContext as O41,useContext as G41,useMemo as q41}from"react";var D41=["vehicle","process","size","lugs","finish","price"],wn={vehicle:"My Car",process:"Process",size:"Size",lugs:"Lugs",finish:"Finish",price:"Price"};function w_(e){if(!e)return wn;let t={...wn};for(let a of D41){let s=e[a];if(typeof s!="string")continue;let c=s.trim();c&&(t[a]=c)}return t}import{jsx as W41}from"react/jsx-runtime";var C_=O41(wn);function ZG1({labels:e,children:t}){let a=q41(()=>w_(e),[e]);return W41(C_.Provider,{value:a,children:t})}function rc(){return G41(C_)}import{SettingsField as U41,SettingsSwitch as j41}from"efficient-easel/panel";import{jsx as oc}from"react/jsx-runtime";function K41({facet:e,fallback:t,value:a,onChange:s,fieldId:c}){let r=rc()[e],o=typeof a=="boolean"?a:t,i=`${c}-label`;return oc(U41,{label:r,labelId:i,action:oc(j41,{checked:o,onChange:s,ariaLabelledBy:i})})}function ic(e,t){return{type:"custom",render:({value:a,onChange:s,id:c,name:l})=>oc(K41,{facet:e,fallback:t,value:a,onChange:s,fieldId:String(c??l??e)})}}function k_(e,t){return{type:"custom",render:()=>oc($41,{facets:e,rest:t})}}function $41({facets:e,rest:t}){let a=rc(),s=e.map(l=>a[l]),c=s.length>1?p("{list} and {last}",{list:s.slice(0,-1).join(", "),last:s[s.length-1]}):s.join("");return oc(Wy,{text:t.includes("{names}")?p(t,{names:c}):`${c} ${t}`})}var M_="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 S_(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function Y41(e){return e==="default"?"recommended":e}function X41(e){return{...S5,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:Y41(e.sort)}}function L_(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 M8(X41(t)))i.set(h,m);Z5(i,a);let n=i.toString();return`${o}${n?`?${n}`:""}${c}`}var c9="pills",$g=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function A_(e){return R2($g,c9,e)}import{jsx as Yg}from"react/jsx-runtime";var t51="follow the product type. Set them in Product types.",H_={fields:{_gPills:x("Filters shown"),showProcess:ic("process",!0),showLugs:ic("lugs",!0),showPrice:ic("price",!0),showVehicle:ic("vehicle",!0),_nFieldFilters:k_(["size","finish"],t51),_gBar:x("Bar"),showCount:l1("Result count",!0,Yg(J41,{})),showSort:l1("Sort + Clear all",!0,Yg(Q41,{})),resultsLabel:q("Results button","See all results"),resultsHref:F1("Results link"),resultsBlocked:f5(M_),layout:v1("Layout",Yg(e51,{}),$g,c9)},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};return a.showLugs?(delete s.resultsHref,delete s.resultsLabel):delete s.resultsBlocked,s}};import{jsx as Vt,jsxs as F_}from"react/jsx-runtime";function Xg({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,secondaryText:l,secondaryHref:r,contained:o}){return Vt(t2,{contained:o,className:"py-6",children:F_("div",{className:"flex flex-col items-center gap-5 px-6 py-16 text-center max-[800px]:py-10",children:[e&&Vt(N1,{text:e,scaled:!1}),t&&Vt("h2",{className:"max-w-[720px] font-display text-[min(44px,var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[min(30px,var(--sf-heading-max,9999px))]",children:Y(t,!1)}),a&&x0(a).map((i,n)=>Vt("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:k(i)},n)),(s||l)&&F_("div",{className:"mt-2 flex items-center gap-6",children:[s&&Vt(s3,{href:c||"/checkout",variant:"primary",children:k(s)}),l&&Vt("a",{href:r||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:k(l)})]})]})})}import{jsx as a51}from"react/jsx-runtime";var nc={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},T_={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=q3(s,c,i);return a51(Xg,{eyebrow:y(e,A.eyebrow,i),title:y(t,nc.title,i),body:y(a,A.body,i),ctaText:n.text,ctaHref:n.href||"/checkout",secondaryText:y(l,nc.secondary,i),secondaryHref:a1(r)||"#",contained:o})}};var P_={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",A.eyebrow),title:G("Heading",nc.title),body:G("Body",A.body),_gButton:x("Button"),...A4,secondaryText:T("Secondary button",nc.secondary),secondaryHref:F1("Secondary link"),_gLayout:x("Layout")}};import{Button as s51}from"efficient-shell/ui";import{SettingsField as c51}from"efficient-easel/panel";import{FieldSelect as l51}from"efficient-easel/fields";import{CategoryIcon as r51}from"efficient-easel/icons";import{useEffect as E_,useRef as Jg,useState as o51}from"react";var v4=at({fetch:(e,t)=>X1.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:i2});import{jsx as f4,jsxs as Nt}from"react/jsx-runtime";function V_(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function Qg({value:e,onChange:t}){let a=w4(),[s,c]=o51(null),l=Jg(!0),r=Jg(e);r.current=e;let o=Jg(t);o.current=t;let i=(g=!1)=>v4(g).then(b=>(l.current&&c(b),b)),n=g=>{let b=r.current;if(!b?.id)return;let f=g.find(z=>z.id===b.id);if(!f)return;let C=V_(f);b6(C,b)&&o.current(C)};E_(()=>(l.current=!0,i().then(n),()=>{l.current=!1}),[]),E_(()=>$M(()=>{i(!0).then(n)}),[]);let h=g=>{if(!g){t(null);return}let b=(s??[]).find(f=>f.id===g);b&&t(V_(b))},m=()=>{e?.id&&a.send("storefront-editor:open-category",{categoryId:e.id,name:e.name})},u=s===null,d=!!e?.id&&!(s??[]).some(g=>g.id===e.id),v=uu(e?.image);return Nt("div",{children:[f4(c51,{label:p("Collection"),icon:f4(r51,{}),children:f4(l51,{value:e?.id??"",ariaLabel:p("Collection"),onChange:h,readOnly:u,options:[{label:u?p("Loading\u2026"):p("None"),value:""},...d?[{label:p("{name} (unavailable)",{name:e.name}),value:e.id}]:[],...(s??[]).map(g=>({label:g.name,value:g.id}))]})}),e?.id?Nt("div",{className:"sf-blogsource",style:{marginTop:9},children:[Nt("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[Nt("div",{children:[f4("div",{className:"sf-field-label",style:{opacity:.6},children:p("Name")}),f4("div",{style:{fontWeight:600},children:e.name})]}),Nt("div",{children:[f4("div",{className:"sf-field-label",style:{opacity:.6},children:p("Description")}),f4("div",{style:{fontSize:13,opacity:e.description?.85:.5},children:e.description||p("No description yet")})]}),Nt("div",{children:[f4("div",{className:"sf-field-label",style:{opacity:.6},children:p("Image")}),v?f4("img",{src:v,alt:"",style:{width:"100%",height:96,objectFit:"cover",borderRadius:8}}):f4("div",{style:{fontSize:13,opacity:.5},children:p("No image yet")})]})]}),f4(s51,{variant:"secondary",size:"sm",className:"sf-blogsource-action",style:{marginTop:10},onClick:m,children:p("Edit category \u270E")}),f4("p",{className:"es-field-hint sf-hint-keep",children:p("Name, description and image come from {place}. Edit them there \u2014 this card updates to match.",{place:p("Storefront \u2192 Categories")})})]}):f4("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:p("Pick a category from {place} to fill this card\u2019s name, description and image. That content is edited in the category.",{place:p("Storefront \u2192 Categories")})})]})}import{jsx as i51}from"react/jsx-runtime";var N_={fields:{_gContent:x("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>i51(Qg,{value:e,onChange:t})},altName:$9(b1("Alt name")),tag:T("Tag",A.eyebrow),_gLink:x("Link"),href:F1("Link")}};import{ColumnsIcon as g51,HashIcon as v51}from"efficient-easel/icons";import{useId as n51}from"react";import{Fragment as __,jsx as l9,jsxs as ev}from"react/jsx-runtime";function h51({editing:e,nodeId:t,children:a}){return!e||!t?l9(__,{children:a}):l9(tt,{nodeId:t,sectionType:"Collections",children:a})}var m51="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",p51="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]",u51={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function tv({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 u=`cg-${n51().replace(/:/g,"")}`,d=typeof r=="number"&&r>0,v=l==="list"?"grid-cols-1":a===void 0?"grid-cols-3":u51[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return ev("section",{className:i?p51:m51,children:[i?null:l9(t0,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?Y(t,!1):ev(__,{children:["Three ranges,",l9("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),o&&l9(h51,{editing:m,nodeId:n,children:ev(du.Provider,{value:{showPrice:s,cardStyle:c,partStyles:h,editing:m},children:[d&&l9("style",{children:`.${u} > *:nth-child(n+${r+1}){display:none}`}),l9(o,{className:`${u} grid ${v} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,minEmptyHeight:260})]})})]})}import{jsx as d51}from"react/jsx-runtime";var av={cards:{type:"slot"}},I_={label:"Collections",fields:av,defaultProps:{columns:3,limit:6},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return d51(tv,{eyebrow:a(e2(e.eyebrow,A.sectionNumber,e.puck)),heading:a(e2(e.heading,A.sectionHeading,e.puck)),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:P9(e),editing:e.puck?.isEditing,columns:e.columns,limit:e.limit,cards:e.cards})}};import{jsx as R_}from"react/jsx-runtime";var B_={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",A.sectionNumber),heading:G("Heading",A.sectionHeading),cardList:V5("Collections","Cards"),cards:av.cards,_gLayout:x("Layout"),columns:s1("Columns",R_(g51,{}),2,5,1,3),limit:s1("Collections to display",R_(v51,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Collections.headRows)};import{useEffect as Q51,useId as e61,useState as t61}from"react";import{useId as C51}from"react";import{Fragment as z51,jsx as D5,jsxs as _t}from"react/jsx-runtime";var f51=[],b51="View tyre",x51="flex flex-col bg-[var(--card-bg)] p-5";function Z_(e,t){let a=e?Al(e):"";return[x51,t?"relative":"",a].filter(Boolean).join(" ")}function hc({outline:e,showIndex:t=!1,size:a,specs:s,prices:c,image:l,inStock:r,href:o,linkLabel:i=b51,imageSizes:n="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=f51,currency:m,formatPrice:u}){let d=ue(c,m),v=d===null?n7:u(d),g=jm(h),b=[["load_index","Load index",s.loadIndex],["speed_rating","Speed",s.speedRating],["construction","Construction",s.construction],["tire_type","Type",s.tireType]].filter(([,,z])=>!!z).filter(([z])=>g(z)),f=_t(z51,{children:[D5(p6,{image:l,size:a,type:s.tireType,sizes:n}),D5("h3",{className:"mt-4 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:a}),s.treadPattern?D5("div",{className:"mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:s.treadPattern}):null,b.length>0&&D5("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:b.map(([z,M,S])=>_t("div",{className:"flex items-baseline justify-between gap-3",children:[D5("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:M}),D5("dd",{className:"text-right text-fg",children:S})]},z))}),_t("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:[D5("span",{className:"text-fg",children:v}),D5("span",{style:r?{color:"var(--green)"}:void 0,className:r?void 0:"text-fg-dim",children:r?"In stock":"Out of stock"})]})]}),C=t?D5("span",{"aria-hidden":!0,className:`${B9} ${Z9}`}):null;return o?_t(L1,{href:o,"aria-label":a?`View ${a} tyre`:"View this tyre",className:`group ${Z_(e,t)}`,children:[C,f,_t("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,D5("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]}):_t("div",{className:Z_(e,t),children:[C,f]})}import{jsx as y51,jsxs as w51}from"react/jsx-runtime";function mc({href:e,label:t}){return w51(L1,{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,y51("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as S51,jsx as O5,jsxs as sv}from"react/jsx-runtime";var k51="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",D_={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 cv({num:e,title:t,description:a,tyres:s,footnote:c,footnoteLinkText:l,footnoteLinkHref:r,viewMore:o,editing:i=!1,frameClassName:n=k51,omitHead:h=!1,columns:m=3,capWidth:u,cardImage:d,outline:v,indexBadge:g}){let{currency:b,formatPrice:f}=u0(),C=s??[],z=`ct-${C51().replace(/:/g,"")}`,M=g??c4,S=J6(z,M),H=C.some(O=>!O.image),_=[c,H?no:null].filter(Boolean).join(" "),E=h?null:O5(t0,{num:e!=null?k(e):void 0,title:t!=null?Y(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0});return C.length===0?i?sv("section",{className:n,children:[E,O5("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("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:sv("section",{className:n,style:X2(d),children:[S&&O5("style",{children:S}),sv(M51,{px:u,children:[E,O5("div",{className:`${S?`${z} `:""}${D_[m]??D_[3]}`,children:C.map(O=>O5(hc,{outline:v,showIndex:M!=="off",size:O.size,specs:O.specs,prices:O.prices,image:O.image,inStock:O.inStock,href:Oe(O.slug),currency:b,formatPrice:f},O.sku))}),o&&O5("div",{className:"mt-10 flex",children:O5(mc,{href:o.href,label:o.label})}),O5(a5,{text:_,linkText:l,linkHref:r})]})]})}function M51({px:e,children:t}){return typeof e!="number"?O5(S51,{children:t}):O5("div",{style:X6(e),children:t})}import{useMemo as P51,useState as E51}from"react";import{createContext as L51,useContext as A51,useMemo as H51}from"react";import{jsx as T51}from"react/jsx-runtime";var O_=[],F51={imageBackgroundFill:W9,spinOnHover:!0,coverIndex:1,indexBadge:c4,outline:l4,showBadge:!0,fieldUsage:O_,reserveEyebrow:!1,showCardPrice:!0,showCardFinishes:!0,showCardSizes:!1,showCardBuy:!1,showCardPage:!1},G_=L51(F51);function Cn({imageBackgroundFill:e,spinOnHover:t,coverIndex:a=1,indexBadge:s=c4,outline:c=l4,showBadge:l=!0,fieldUsage:r=O_,reserveEyebrow:o=!1,showCardPrice:i=!0,showCardFinishes:n=!0,showCardSizes:h=!1,showCardBuy:m=!1,showCardPage:u=!1,children:d}){let v=H51(()=>({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:u}),[e,t,a,s,c,l,r,o,i,n,h,m,u]);return T51(G_.Provider,{value:v,children:d})}function q_(){return A51(G_)}import{Fragment as W_,jsx as U7,jsxs as U_}from"react/jsx-runtime";function r9({wheel:e,variant:t="compact",defaultFinish:a}){let s=t==="catalog",c=P51(()=>e.finishes.filter(r7),[e.finishes]),l=e.coverImage??null,{currency:r}=u0(),{imageBackgroundFill:o,spinOnHover:i,coverIndex:n,indexBadge:h,outline:m,showBadge:u,fieldUsage:d,reserveEyebrow:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:C,showCardPage:z}=q_(),M=s&&(f||C||z),S=h7(e.prices[r],e.msrpPrices?.[r]),H=vr(S,r,"from "),_=FC(S,r),E=hN(e),O=pN(E),P=mN(E),F=Mr([...Yr(e).map(g0=>({fieldKey:g0.fieldKey,field:g0.text})),...P?[{field:{text:P,accent:!0}}]:[]],d).map(g0=>g0.field),{selectedIdx:V,setSelectedIdx:D,hoverIdx:Z,setHoverIdx:I,availability:U,finish:N,shownSrc:J,showSwatches:j,probes:W}=on(c,l,a??e.defaultFinish??void 0),n1=sn(e,n,N?.name,J),z1="h-full w-full",$=i?`transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] ${s?"group-hover:rotate-[72deg]":"group-hover:rotate-[60deg]"}`:"",[c1,g1]=E51(()=>new Set),K=g0=>g1(p1=>p1.has(g0)?p1:new Set(p1).add(g0)),u1=an({overrideSrc:n1,hookSrc:J,failed:c1}),x1=u1?U7(N3,{src:u1,alt:N?`${e.name} \u2014 ${N.name}`:e.name,width:1e3,height:1e3,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:`block object-contain ${$} ${z1}`,draggable:!1,onError:()=>K(u1)},u1):U7($s,{imageLabel:e.name}),T0=s&&u&&e.badge?U7(Ct,{className:Os,tone:e.badge==="new"?"solid":"outline",children:e.badge==="new"?"New":"Bestseller"}):null,P0=P&&s?U7(Ct,{className:Os,tone:"outline",children:P}):T0,H1=qi({kindLabel:null,brand:null,process:e.process?Q1(e.process):null},d),c0=O?U_(W_,{children:[H1,U7("span",{className:`${H1?"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"})]}):H1,l0=h!=="off"?U7("span",{"aria-hidden":!0,className:`${B9} ${Z9}`}):null,J1=hn(e),y2=ge(e,J1.selectedVariant,r,1),a0=rn({wheel:e,sel:J1,price:y2,href:`/wheels/${e.slug}`,show:{sizes:M&&f,buy:M&&C,page:M&&z}}),H2=b&&j?U7(Ks,{finishes:c,availability:U,selectedIdx:V,hoverIdx:Z,activeFinish:N,onSelect:D,onHover:I,showLabel:!1}):null;return U_(W_,{children:[U7(e9,{variant:t,wide:O&&s,href:`/wheels/${e.slug}`,outline:m,imageBackgroundFill:o,probes:W,reserveEyebrow:v,indexBadge:l0,badges:P0,image:x1,imageSecond:void 0,eyebrow:c0,name:Q1(e.name),spec:$i(F),was:O?void 0:_,price:O?S.priced?H:dr:M?ve(y2,r):H,metaLine:O?"the set":void 0,swatches:H2,reserveSwatches:b,showPrice:g,identityLink:M,extras:a0.extras}),a0.dialog]})}import{createContext as V51,useContext as N51,useMemo as _51}from"react";function j_(e,t=[]){let a=lp(Ea,{param:d7,value:e}),s=t.find(c=>{let l=(c?.url??"").trim();if(!l||l==="#")return!1;let r=cp(l);return r?.param!==d7||r.value!==e?!1:um(l).startsWith("/")});return s?s.url:a}function K_(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 I51}from"react/jsx-runtime";var $_=V51([]);function fU1({items:e,children:t}){let a=_51(()=>K_(e),[e]);return I51($_.Provider,{value:a,children:t})}function Y_(){return N51($_)}import{useMemo as RU1}from"react";import{jsx as lv,jsxs as R51}from"react/jsx-runtime";function It({item:e,onClose:t}){return e?R51("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:[lv("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),lv("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"}),lv("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 B51,useState as Z51}from"react";function pc(){let[e,t]=Z51(null);return B51(()=>{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 G51,useState as Rt}from"react";function D51(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 X_(e,t,a){return a.every(s=>t[s]===void 0||e.options[s]===t[s])}function rv(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 kn(e,t){return Q_(e,t).rows}function J_(e,t){return Q_(e,t).facts}function Q_(e,t){let a=rv(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(v=>X_(v,a,r)),h=new Set(n.map(v=>v.options[o.key]).filter(v=>v!==void 0)),m=new Set(e.parts.map(v=>v.options[o.key]).filter(v=>v!==void 0)),u=i.filter(v=>h.has(v.value)||!m.has(v.value));if(o.role==="resolves"?!0:D51(n,s,o.key).some(v=>v.size>1))c.push({key:o.key,label:o.label,prompt:o.prompt,role:o.role,display:o.display,values:u,chosen:t[o.key]??null,empty:o.empty}),r.push(o.key);else if(h.size===1){let[v]=[...h];l.push({key:o.key,label:o.label,value:i.find(g=>g.value===v)??{value:v,label:v}})}}return{rows:c,facts:l}}function O51(e,t){return kn(e,t).map(a=>a.key)}function eI(e,t){let a=O51(e,t);if(a.length===0||a.some(c=>t[c]===void 0))return null;let s=e.parts.filter(c=>X_(c,t,a));return s.length===1?s[0]:null}function tI(e,t){let a=kn(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 Mn(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function aI({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function uc(e,{editing:t=!1}={}){let[a,s]=Rt({}),[c,l]=Rt(Lt.qty),[r,o]=Rt(Lt.choice),[i,n]=Rt(0),[h,m]=Rt(!1),[u,d]=Rt(!1),v=_4({editing:t,autoApply:!0}),g=yN(e,u?null:v.fit),b=kn(g,a),f=J_(g,a),C=rv(g,a),z=eI(g,a),M=z!=null&&!z.inStock,S=tI(g,a).join("|");G51(()=>{if(!S)return;let j=new Set(S.split("|"));s(W=>{let n1={...W};for(let z1 of j)delete n1[z1];return n1})},[S]);let{currency:H}=u0(),E=xg(g,z,{choice:r,qty:c}),O=ge({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},z?{components:E.components}:null,H,c),P=O.unit??0,F=O.setTotal??0,V=fr(O,H),D=u||v.appliedName!=="",Z=MN(e)==="required"?D:!0,U=b.every(j=>j.chosen!==null)&&Z&&z!=null&&z.inStock&&O.priced,N=aI({variants:e.parts,inStock:e.inStock,priced:O.priced});function J(j,W){s(n1=>({...n1,[j]:W}))}return{picked:a,shown:C,pick:J,qty:c,setQty:l,choice:r,setChoice:o,angleIdx:i,setAngleIdx:n,showValidation:h,setShowValidation:m,manualMode:u,setManualMode:d,vehicle:v,fitmentSet:D,rows:b,facts:f,part:z,outOfStock:M,offer:E,preOrder:N,canAddToCart:U,currency:H,price:O,unit:P,set:F,msrpLabel:V}}import{jsx as UU1,jsxs as jU1}from"react/jsx-runtime";function X0(){return pL(z7)?.value??null}var qU1=Object.freeze({});import{Fragment as W51,jsx as ov}from"react/jsx-runtime";function x2({kinds:e,type:t,editing:a=!1,children:s}){let c=X0();return!c||e.includes(c.product.kind)?ov(W51,{children:s}):a?ov("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:ov("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("{section} does not apply to {kind}. It is hidden on the live page.",{section:p(fa[t]??t),kind:q51(c.product.kind)})})}):null}function q51(e){switch(e){case"alloy-wheel":return p("Alloy wheels");case"tyre":return p("Tyres");default:return n4[e]}}var iv=2,dc=6,gc=12;function Sn(e){return typeof e!="number"||!Number.isFinite(e)?dc:Math.min(gc,Math.max(iv,Math.round(e)))}function sI(e,t=[]){return{href:j_(e.to,t),label:`View more ${k5([e.to]).many}`}}var U51={kind:"tyre",tyres:[]},j51={kind:"alloy-wheel",wheels:[]},cI=[{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??[]}:U51},{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}:j51},{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})}],G5="more-like-this",lI=cI.map(e=>({value:e.key,label:e.label}));function nv(e){return cI.find(t=>t.key===e)}function rI(e,t){return e.from.includes(t)}var oI=["coverIndex","imageBackground","spinOnHover","showBadge"];function iI(e){return nv(e)?.to==="tyre"}var hv={GBP:0,USD:0,AUD:0},K51=[{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}],hI=[{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:""}],$51=[{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}],Y51=hI.flatMap(e=>K51.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:{...hv},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),nI=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>`)}`,Bt=e=>({url:nI(e),thumbnailUrl:nI(e),kind:"image"}),X51={photos:[{name:"Studio set",finish:"Finish 1",items:[Bt("Sample photo 1"),Bt("Sample photo 2"),Bt("Sample photo 3")]}],lifestyle:[{name:"On location",finish:"",items:[Bt("Lifestyle 1"),Bt("Lifestyle 2")]},{name:"In the city",finish:"",items:[Bt("Lifestyle 3")]}],videos:[],accessories:[],others:[]},J51=[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:{...hv},image:null,inStock:!0,slug:null})),mv={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...hv},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:hI,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:$51,photoSets:[],carPhotos:[],details:[],videos:[],mediaGroups:X51,relatedProducts:[],variants:Y51,pdpTemplateSlug:null,compatibleTyres:J51},pv=Array.from({length:gc},(e,t)=>t+1).map(e=>({...mv,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as l61,jsx as i3,jsxs as uv}from"react/jsx-runtime";var a61=Z3,mI={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 o9(e){return i3(x2,{kinds:a61,type:"RelatedProducts",editing:e.editing,children:i3(s61,{...e})})}function s61({num:e,title:t,description:a,columns:s=3,cardCount:c,relationship:l=G5,footnote:r,footnoteLinkText:o,footnoteLinkHref:i,editing:n=!1,omitHead:h=!1,cardImage:m,outline:u,indexBadge:d,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:C,showCardPage:z,coverIndex:M,imageBackground:S,spinOnHover:H,capWidth:_}){let E=X0(),O=Y_(),P=Sn(c),[F,V]=t61([]);Q51(()=>{if(E||!n)return;let N=!1;return o3().then(J=>{let j=J.length>0?J:pv;N||V(j)}).catch(()=>{N||V(pv)}),()=>{N=!0}},[E,n]);let D=nv(l);if(!D)return null;let Z=sI(D,O),I=h?null:i3(t0,{num:e?k(e):void 0,title:Y(t||D.heading,!1),description:a?k(a):void 0,accent:!0});if(!E)return n?i3(pI,{header:I,wheels:F.slice(0,P),columns:s,viewMore:Z,cardImage:m,outline:u,indexBadge:d,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:C,showCardPage:z,coverIndex:M,imageBackground:S,spinOnHover:H,capWidth:_}):null;if(!rI(D,E.product.kind))return n?i3("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:X2(m),children:i3("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("\u201C{relationship}\u201D does not apply to this product. It is hidden on the live page.",{relationship:p(D.label)})})}):null;let U=D.resolve(E.product,E.relatedWheels);return U.kind==="tyre"?i3(cv,{omitHead:h,columns:s,capWidth:_,cardImage:m,outline:u,indexBadge:d,num:e,title:t||D.heading,description:a,tyres:[...U.tyres].slice(0,P),footnote:r,footnoteLinkText:o,footnoteLinkHref:i,viewMore:Z,editing:n}):U.wheels.length===0?n?uv("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:X2(m),children:[I,i3("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("Related products appear here on a product page.")})]}):null:i3(pI,{header:I,wheels:[...U.wheels].slice(0,P),columns:s,viewMore:Z,cardImage:m,outline:u,indexBadge:d,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:C,showCardPage:z,coverIndex:M,imageBackground:S,spinOnHover:H,capWidth:_})}function pI({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:u,coverIndex:d,imageBackground:v,spinOnHover:g,capWidth:b}){let f=`rp-${e61().replace(/:/g,"")}`;if(t.length===0)return null;let C=mI[Math.min(4,Math.max(2,a))]??mI[3],z=r??c4,M=J6(f,z);return uv("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:X2(c),children:[M&&i3("style",{children:M}),uv(c61,{px:b,children:[e,i3(Cn,{imageBackgroundFill:U9(v,W9),spinOnHover:g??!0,coverIndex:d??1,outline:l??l4,indexBadge:z,showBadge:o??!0,showCardPrice:i??!0,showCardFinishes:n??!0,showCardSizes:h??!1,showCardBuy:m??!1,showCardPage:u??!1,children:i3("div",{className:`${f} grid gap-[2px] bg-[var(--catalog-grid-bg)] ${C}`,children:t.map((S,H)=>i3(r9,{wheel:S,variant:"catalog"},`${S.slug}-${H}`))})}),i3("div",{className:"mt-10 flex",children:i3(mc,{href:s.href,label:s.label})})]})]})}function c61({px:e,children:t}){return typeof e!="number"?i3(l61,{children:t}):i3("div",{style:X6(e),children:t})}import{jsx as r61}from"react/jsx-runtime";var l5={num:A.sectionNumber,title:"Compatible *tyres.*",description:A.body,footnote:"Tyres shown are fitment-matched companions.",footnoteLinkText:"Enquire about tyres"},uI={label:"Compatible Tyres",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return r61(o9,{num:a(y(e.num,l5.num,e.puck)),title:a(y(e.title,l5.title,e.puck)),description:a(y(e.description,l5.description,e.puck)),omitHead:t,footnote:y(e.footnote,l5.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,l5.footnoteLinkText,e.puck),footnoteLinkHref:a1(e.footnoteLinkHref),relationship:"tyres-that-fit",cardImage:e.cardImage,editing:e.puck?.isEditing})}};var dI={fields:{_gContent:x("Header"),num:T("Number",l5.num),title:T("Heading",l5.title),description:G("Body",l5.description),_gFootnote:x("Footnote"),footnote:G("Footnote",l5.footnote),footnoteLinkText:T("Footnote button",l5.footnoteLinkText),footnoteLinkHref:F1("Footnote link"),_gCards:x("Cards"),cardImage:s7()},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.CompatibleTyres.headRows)};var gI={fields:{}};import{SettingsIcon as u61,AccentIcon as d61}from"efficient-easel/icons";import{jsx as q5,jsxs as dv}from"react/jsx-runtime";var o61="py-6",i61="pt-0 pb-6";function vc({eyebrow:e,title:t,body:a,options:s=[],highlightBadge:c,contained:l,omitHead:r=!1}){return q5(t2,{contained:l,className:r?i61:o61,children:dv("div",{className:"flex flex-col gap-6",children:[r?null:e||t||a?dv("div",{className:"flex max-w-[680px] flex-col gap-3",children:[e&&q5(N1,{text:e,scaled:!1}),t&&q5("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:Y(t,!1)}),a&&x0(a).map((o,i)=>q5("p",{className:"text-[15px] leading-[1.6] opacity-85",children:k(o)},i))]}):null,s.length>0&&q5("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:s.map((o,i)=>dv("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&&q5("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:k(c)}),o.name&&q5("span",{className:"text-[17px] font-medium",children:k(o.name)}),o.eta&&q5("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:k(o.eta)}),o.blurb&&q5("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:k(o.blurb)}),o.price&&q5("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:k(o.price)})]},i))})]})})}import{useEffect as n61,useState as h61}from"react";import{jsx as m61}from"react/jsx-runtime";function gv({eyebrow:e,title:t,body:a,highlightBadge:s,contained:c,omitHead:l=!1}){let{currency:r,formatMoney:o}=u0(),[i,n]=h61(null);n61(()=>{let m=!1;return v0.listShippingMethods().then(u=>{m||n(u)}).catch(()=>{m||n([])}),()=>{m=!0}},[]);let h=(i??[]).filter(m=>m.prices[r]!=null).map(m=>{let u=m.prices[r],d=u===0?"Free":o(u,r),v=m.pickupLocation;return{name:v?`${m.name} \u2014 ${v.name}`:m.name,eta:v?v.openingHours||void 0:m.description||void 0,price:m.requiresQuote&&u!==0?`From ${d}`:d,blurb:v&&[v.address,v.city,v.state].filter(Boolean).join(", ")||void 0}});return m61(vc,{eyebrow:e,title:t,body:a,options:h,highlightBadge:s,contained:c,omitHead:l})}import{jsx as vI}from"react/jsx-runtime";var i9={title:"Delivery, your way",badge:"Recommended"},p61=()=>[{name:p("Standard"),eta:p("5\u20137 business days"),price:p("Free"),blurb:p("Tracked to your door.")},{name:p("Express"),eta:p("2\u20133 business days"),price:"$00",blurb:p("Priority handling."),highlighted:!0},{name:p("Pickup"),eta:p("Same day"),price:p("Free"),blurb:p("Collect from the warehouse.")}],fI={label:"Delivery Options",defaultProps:{eyebrow:"",title:"",body:"",options:[],live:!0,highlightBadge:"",contained:!0},render:e=>{let t=O1(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?vI(gv,{eyebrow:a(y(s,A.eyebrow,h)),title:a(y(c,i9.title,h)),body:a(y(l,A.body,h)),omitHead:t,highlightBadge:y(i,i9.badge,h),contained:n}):vI(vc,{eyebrow:a(y(s,A.eyebrow,h)),title:a(y(c,i9.title,h)),body:a(y(l,A.body,h)),omitHead:t,options:w1(r,p61(),h),highlightBadge:y(i,i9.badge,h),contained:n})}};import{jsx as bI}from"react/jsx-runtime";var xI={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",A.eyebrow),title:G("Heading",i9.title),body:G("Body",A.body),_gOptions:x("Options"),live:l1("Use my real delivery options",!0,bI(u61,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:b1("Name"),eta:b1("Window"),price:b1("Price"),blurb:V1("Body"),highlighted:l1("Highlight",!1,bI(d61,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:T("Highlight badge",i9.badge),_gLayout:x("Layout")},resolveFields:(e,{fields:t})=>G1(t,e.props.headPlacement,Z1.DeliveryOptions.headRows)};import{ProductFieldIcon as E61,WordsFromIcon as V61,SquareIcon as EI,ImageIcon as N61}from"efficient-easel/icons";import{jsx as W5,jsxs as Ln}from"react/jsx-runtime";function Zt({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:p("Row {n}",{n:1})},{tag:p("Row {n}",{n:2})},{tag:p("Row {n}",{n:3})}]:[];return h.length===0?null:W5("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,u)=>{let d=u%2===1!==t;return Ln("div",{className:["grid items-center py-[60px]",r?"grid-cols-[1fr_460px] gap-[72px]":"grid-cols-2 gap-12","max-[1100px]:grid-cols-1",d?"[direction:rtl] max-[1100px]:[direction:ltr]":"",u>0?"border-t border-line":""].join(" "),children:[Ln("div",{className:["[direction:ltr] flex flex-col gap-4",r?"max-w-[560px]":"",r&&!d?"ml-auto max-[1100px]:ml-0":""].join(" "),children:[m.eyebrow?.trim()&&W5("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-accent",children:Q1(m.eyebrow)}),m.title?.trim()&&W5("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3vw,42px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[1.1] tracking-[-0.02em]",children:k(m.title,!0)}),m.copy?.trim()&&W5("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:k(m.copy,!1)}),(()=>{let v=(m.specs??[]).filter(g=>(g?.label??"").trim()||(g?.value??"").trim());return v.length===0?null:W5("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:v.map((g,b)=>Ln("div",{className:"flex items-baseline justify-between gap-6",children:[W5("dt",{className:"text-fg-dim",children:Q1(g.label??"")}),W5("dd",{className:"text-fg",children:Q1(g.value??"")})]},b))})})()]}),Ln("div",{className:["[direction:ltr] flex flex-col gap-3",r?d?"items-end":"items-start":"",r?"max-[1100px]:items-start":""].join(" "),children:[W5("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:W5(k0,{label:m.tag?.trim()||m.title?.trim()||`row-${u+1}`,src:m.image||void 0,objectFit:"contain",sizes:r?"(max-width: 1100px) 100vw, 460px":"(max-width: 1100px) 100vw, 50vw"})}),m.tag?.trim()&&W5("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim ${d?"text-left":"text-right"}`,children:Q1(m.tag)})]})]},u)})})}function zI(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 yI(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 An(e){return e.manualMode?Ne(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as C61,useState as k61}from"react";var vv=[{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 Hn(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 vv){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(vv.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"},...vv.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:g61(t),anchorMsrpPrices:{}}}function g61(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 v61}from"react";var wI="sf-editor-preview-pick",Dt=null,fv=new Set;function bv(){if(Dt)return Dt;Dt={};let e=e3.getItem(wI);if(!e)return Dt;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"&&(Dt[a]=s)}catch{}return Dt}function f61(){e3.setItem(wI,JSON.stringify(bv()))}function b61(e,t){return`${e??""}::${t??""}`}function x61(e){return bv()[e]}function CI(e,t){let a=bv();if(a[e]!==t){a[e]=t,f61();for(let s of fv)s()}}function z61(e){return fv.add(e),()=>fv.delete(e)}function kI(e,t){let a=e??t??"";return a.trim()?a:null}function xv(){return b61(i2(),JS())}function Fn(){let e=xv();return v61(z61,()=>x61(e),()=>{})}var y61={GBP:0,USD:0,AUD:0},w61={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},MI=["205/55 R16","225/45 R17","245/40 R19"],SI={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:[...MI],variants:MI.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...w61},prices:{...y61},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var LI=null,AI=null,zv=new Map;function M61(e){let t=I3(),a=i2();(t!==LI||a!==AI)&&(LI=t,AI=a,zv.clear());let s=zv.get(e);return s||(s=t?X1.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),zv.set(e,s)),s}function S61(e){return e==="tyre"?Hn(SI):Ws(mv)}var fc=["alloy-wheel"];function L61(e,t){return e?Ws(e):S61(t)}function z3(e){let t=kI(Fn(),aL()),a=lL(),[s,c]=k61(null);return C61(()=>{if(!e||!t||!fc.includes(a)){c(null);return}let l=!1;return M61(t).then(r=>{l||c(r)}),()=>{l=!0}},[e,t,a]),e?L61(s,a):null}import{jsx as n9}from"react/jsx-runtime";var A61=["alloy-wheel"];function FI(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function H61(e,t){return(FI(e,t)?.features??[]).map(a=>({eyebrow:a.eyebrow,title:a.heading,copy:a.description,tag:a.mark,image:a.image||void 0}))}function F61(e,t,a){let s=zI(FI(e,t),a);return s.map(c=>({title:c.title,copy:c.line||void 0,image:c.url,tag:a!=null&&yI(c,s)?`Shown for your ${a} lug`:void 0,imageShape:"square"}))}function yv(e){return Mo(!!e.editing)?n9(T61,{...e}):n9(x2,{kinds:A61,type:"DetailRows",editing:e.editing,children:n9(P61,{...e})})}function HI(e){let t=iL(e),a=Co(e)[0];return!t.length&&!a&&!e.title.trim()?[]:[{title:e.title,specs:t,image:a?.url||void 0}]}function T61({startLeft:e,padTop:t,padBottom:a,editing:s=!1}){let c=Lo(),l=c?HI(c):s?HI(So):[];return l.length===0?null:n9(Zt,{rows:l,startLeft:e,padTop:t,padBottom:a,editing:s})}function P61({rowsFrom:e,startLeft:t,padTop:a,padBottom:s,editing:c=!1}){let l=X0(),r=z3(c&&!l),o=l?.product??r,i=o?.kind==="alloy-wheel"?o.source:null,n=l?l.selection.shown.finish:void 0,h=l?An(l.selection):null,m=e==="details",u=i?m?F61(i,n,h):H61(i,n):[];return m&&u.length===0?c?n9("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:n9("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("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:n9(Zt,{rows:u,startLeft:t,padTop:a,padBottom:s,editing:c})}import{jsx as TI}from"react/jsx-runtime";var wv=[{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"}],PI={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?TI(yv,{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}):TI(Zt,{rows:w1(e.rows,wv,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 bc}from"react/jsx-runtime";var VI={fields:{_sDynamic:Y1("Product page"),dynamic:l1("Connect to product data",!1,bc(E61,{})),rowsFrom:f1("Rows from",bc(V61,{}),[{label:"Product story",value:"story"},{label:"Detail shots",value:"details"}],"story"),_sRows:Y1("Rows"),rows:K9({type:"array",label:"Rows",arrayFields:{image:q1("Image","image/*"),imageShape:f1("Image shape",bc(EI,{}),[{label:"Square",value:"square"},{label:"Wide",value:"wide"}],"square"),eyebrow:q("Eyebrow"),title:b1("Title"),copy:V1("Body"),specs:{type:"array",label:"Specs",arrayFields:{label:q("Label","Offset"),value:q("Value","ET -10")},defaultItemProps:{label:"",value:""},getItemSummary:(e,t)=>e?.label||`Spec ${(t??0)+1}`,max:8},tag:q("Image tag")},defaultItemProps:{image:"",imageShape:"square",eyebrow:"",title:"",copy:"",specs:[],tag:""},getItemSummary:(e,t)=>e?.title||e?.eyebrow||`Row ${(t??0)+1}`},wv),_dDesign:Y1("Design"),layout:f1("Row shape",bc(EI,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:l1("First image on the left",!1,bc(N61,{})),_dLayout:Y1("Layout"),...u3("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(!M2()){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(ko(t)?["_sRows","rows","rowsFrom"]:["_sRows","rows"]),l={};for(let[r,o]of Object.entries(a))c.has(r)||(l[r]=o);return l}};var NI={fields:{_gHeader:x("Header"),num:T("Number",K0.num)}};import{SquareIcon as O61}from"efficient-easel/icons";import{useEffect as I61,useMemo as R61,useRef as B61}from"react";var Cv="/shop";function _I({shopperPicked:e,fullyPicked:t,editing:a,pathname:s}){return a||!e||!t?!1:!_61(s)}function _61(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===Cv}function II(e){let a=Z5(new URLSearchParams,e).toString();return a?`${Cv}?${a}`:Cv}import{jsx as U5,jsxs as kv}from"react/jsx-runtime";function Mv({loading:e,error:t,data:a}){return e?U5("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?kv("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 ",U5("span",{className:"text-accent",children:t})]}):a?kv("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:[U5(Ot,{label:"Bolt pattern",value:a.boltPattern??"\u2014"}),U5(Ot,{label:"PCD",value:a.pcd??"\u2014"}),U5(Ot,{label:"Hub bore",value:a.centreBore?`${a.centreBore} mm`:"\u2014"}),U5(Ot,{label:"ET range",value:a.etRange&&a.etRange.length===2?`${a.etRange[0]} \u2013 ${a.etRange[1]}`:"\u2014"}),U5(Ot,{label:"OEM front",value:a.frontWheels.length?a.frontWheels.join(" \xB7 "):"\u2014"}),U5(Ot,{label:"OEM rear",value:a.rearWheels.length?a.rearWheels.join(" \xB7 "):"\u2014"})]}):null}function Ot({label:e,value:t}){return kv("div",{className:"flex min-h-[96px] flex-col gap-1.5 bg-bg px-[18px] py-5",children:[U5("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.26em] text-fg-dim",children:e}),U5("span",{className:"mt-auto font-display text-[length:var(--size-body,17px)] font-medium tracking-[-0.01em] text-fg",children:t})]})}import{Fragment as RI,jsx as r5,jsxs as h9}from"react/jsx-runtime";function Z61(e,t,a){if(!a)return e;let[s,c=""]=e.split("?"),r=Z5(new URLSearchParams(c),t).toString();return r?`${s}?${r}`:s}function Sv({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}=_4({initialMakes:o,editing:i,autoApply:!0}),m=l==="bar",u=B61(!1),d=R61(()=>{if(!m)return h;let f=C=>(...z)=>{u.current=!0,C(...z)};return{...h,setMake:f(h.setMake),setModel:f(h.setModel),setYear:f(h.setYear),setModification:f(h.setModification)}},[m,h]);I61(()=>{m&&(typeof window>"u"||_I({shopperPicked:u.current,fullyPicked:h.fullyPicked,editing:i,pathname:window.location.pathname})&&window.location.assign(II(h.vehicle)))},[m,h.fullyPicked,h.vehicle,i]);let v=!r&&!m&&!!(e||t||a),g=!m&&s&&c?{text:s,href:c}:null,b=g?Z61(g.href,h.vehicle,h.fullyPicked):null;return h9("section",{className:[_0(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:[v&&r5(t0,{num:e,title:t,description:a,accent:!0}),m?h9("div",{className:"flex flex-wrap items-center gap-[18px]",children:[!r&&t?.trim()&&r5("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:Q1(t)}),r5("div",{className:"min-w-[320px] flex-1 basis-0",children:r5(Y3,{cascade:d,compact:!0,editing:i})})]}):r5(Y3,{cascade:h,editing:i}),!m&&r5(Mv,{loading:h.loading.stock,error:h.cascadeError,data:h.fullyPicked?h.stock:null}),!m&&h9("div",{className:"mt-9 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-8",children:[r5("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:h.fullyPicked?h9(RI,{children:["Your car \xB7"," ",h9("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&&r5("span",{className:"ml-3 not-italic text-accent",children:"OEM fitment loaded."})]}):h9(RI,{children:["Tell us four things \u2014 ",r5("em",{className:"not-italic text-accent",children:"make, model, year, trim"})," \u2014 and we'll show the OEM stock fitment for your car."]})}),g&&b&&h9(L1,{href:b,className:"group inline-flex items-center gap-3.5 border border-btn bg-btn px-[30px] py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg",children:[g.text,r5("span",{className:"transition-transform group-hover:translate-x-[4px]",children:"\u2192"})]})]}),i&&h.makeOptions.length===0&&!h.loading.models&&r5("p",{className:"mt-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:p("Vehicle catalog unavailable in this preview \u2014 the picker fills from the live fitment API on the published site.")})]})}import{jsx as D61}from"react/jsx-runtime";var N6={num:A.sectionNumber,title:"Find your *match.*",description:"A few quick picks and we show the right option for you.",ctaText:"Browse all products"},BI={label:"Fitment Form",defaultProps:{num:"",title:"",description:"",ctaText:"",ctaHref:"",layout:"full"},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return D61(Sv,{num:a(y(e.num,N6.num,e.puck)),title:a(y(e.title,N6.title,e.puck)),description:a(y(e.description,N6.description,e.puck)),omitHead:t,ctaText:y(e.ctaText,N6.ctaText,e.puck),ctaHref:a1(e.ctaHref)||"#",layout:e.layout,editing:e.puck?.isEditing})}};import{jsx as G61}from"react/jsx-runtime";var ZI={fields:{_gHeader:x("Header"),num:T("Number",N6.num),title:T("Heading",N6.title),description:G("Body",N6.description),_gCta:x("Call to action"),ctaText:T("Button",N6.ctaText),ctaHref:F1("Button link"),_gStyle:x("Style"),layout:f1("Section shape",G61(O61,{}),[{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=G1(U1(c,a,j1),s.headPlacement,Z1.FitmentFinder.headRows),c}};var L=(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}),K2="CP509PS73",$2="32x15x60\xB0",Y2="880kg / 1,940 lbs",j7="CP506AL82",K7="34x16x60\xB0",$7="915kg / 2,000 lbs",e1="CP506AL68",X="32x15x60\xB0",d1="690kg / 1,520 lbs",V0="880kg / 1,940 lbs",q61="34x15x60\xB0",W61="1,060kg / 2,335 lbs",Y7="CP507PS68",X7="825kg / 1,820 lbs",o1="CP595AL68",h1="32x15x60\xB0",m1="690kg / 1,520 lbs",Lv="34x15x60\xB0",Av="1,060kg / 2,335 lbs",j5="CP506AL82",K5="34x16x60\xB0",$5="880kg / 1,940 lbs",U61={rotor:[L(20,8.5,5,"112",35,73.1,K2,$2,Y2),L(20,8.5,5,"114.3",35,73.1,K2,$2,Y2),L(20,8.5,5,"120",35,72.6,K2,$2,Y2),L(20,8.5,5,"127",20,71.5,K2,$2,Y2),L(20,10,5,"112",40,73.1,K2,$2,Y2),L(20,10,5,"114.3",40,73.1,K2,$2,Y2),L(20,10,5,"120",40,72.6,K2,$2,Y2),L(20,10,5,"127",20,71.5,K2,$2,Y2),L(22,9,5,"112",35,73.1,K2,$2,Y2),L(22,9,5,"114.3",35,73.1,K2,$2,Y2),L(22,9,5,"115",15,71.5,K2,$2,Y2),L(22,9,5,"120",35,72.6,K2,$2,Y2),L(22,9,5,"127",20,71.5,K2,$2,Y2),L(22,10.5,5,"112",40,73.1,K2,$2,Y2),L(22,10.5,5,"114.3",40,73.1,K2,$2,Y2),L(22,10.5,5,"115",20,71.5,K2,$2,Y2),L(22,10.5,5,"120",40,72.6,K2,$2,Y2),L(22,10.5,5,"127",20,71.5,K2,$2,Y2)],"frixion-6":[L(20,9,6,"135",20,87.1,j7,K7,$7),L(20,9,6,"139.7",20,87.1,j7,K7,$7),L(22,9.5,6,"135",25,87.1,j7,K7,$7),L(22,9.5,6,"139.7",25,87.1,j7,K7,$7),L(22,9.5,6,"135",20,87.1,j7,K7,$7),L(22,9.5,6,"139.7",20,87.1,j7,K7,$7),L(24,10,6,"135",25,87.1,j7,K7,$7),L(24,10,6,"139.7",25,87.1,j7,K7,$7)],"frixion-5":[L(18,8,5,"108",42,73.1,e1,X,d1),L(18,8,5,"112",42,73.1,e1,X,d1),L(18,8,5,"114.3",42,73.1,e1,X,d1),L(18,8,5,"120",35,72.6,e1,X,d1),L(19,8.5,5,"112",42,73.1,e1,X,d1),L(19,8.5,5,"114.3",42,73.1,e1,X,d1),L(19,8.5,5,"112",35,73.1,e1,X,d1),L(19,8.5,5,"114.3",35,73.1,e1,X,d1),L(19,8.5,5,"120",35,73.1,e1,X,d1),L(19,8.5,5,"120",35,72.6,e1,X,d1),L(19,9.5,5,"112",38,73.1,e1,X,d1),L(19,9.5,5,"114.3",38,73.1,e1,X,d1),L(19,9.5,5,"112",40,73.1,e1,X,d1),L(19,9.5,5,"114.3",40,73.1,e1,X,d1),L(19,9.5,5,"120",38,72.6,e1,X,d1),L(20,8.5,5,"112",35,73.1,e1,X,d1),L(20,8.5,5,"114.3",35,73.1,e1,X,d1),L(20,8.5,5,"120",42,72.6,e1,X,d1),L(20,8.5,5,"120",35,72.6,e1,X,d1),L(20,8.5,5,"120",33,72.6,e1,X,d1),L(20,10,5,"112",40,73.1,e1,X,d1),L(20,10,5,"114.3",40,73.1,e1,X,d1),L(20,10,5,"120",40,72.6,e1,X,d1)],"vector-ii":[L(19,8.5,5,"112",38,73.1,e1,X,V0),L(19,8.5,5,"114.3",38,73.1,e1,X,V0),L(19,8.5,5,"112",45,73.1,e1,X,V0),L(19,8.5,5,"114.3",45,73.1,e1,X,V0),L(19,8.5,5,"120",38,72.6,e1,X,V0),L(19,9.5,5,"112",42,73.1,e1,X,V0),L(19,9.5,5,"114.3",42,73.1,e1,X,V0),L(19,9.5,5,"120",42,72.6,e1,X,V0),L(20,8.5,5,"112",38,73.1,e1,X,V0),L(20,8.5,5,"114.3",38,73.1,e1,X,V0),L(20,8.5,5,"120",38,72.6,e1,X,V0),L(20,10,5,"112",40,73.1,e1,X,V0),L(20,10,5,"114.3",40,73.1,e1,X,V0),L(20,10,5,"120",40,72.6,e1,X,V0)],"turbine-ii":[L(20,8.5,5,"112",38,73.1,e1,X,V0),L(20,8.5,5,"114.3",38,73.1,e1,X,V0),L(20,8.5,5,"112",35,73.1,e1,X,V0),L(20,8.5,5,"114.3",35,73.1,e1,X,V0),L(20,8.5,5,"112",30,73.1,e1,X,V0),L(20,8.5,5,"114.3",30,73.1,e1,X,V0),L(20,8.5,5,"112",25,73.1,e1,X,V0),L(20,8.5,5,"114.3",25,73.1,e1,X,V0),L(20,8.5,5,"120",32,72.6,e1,X,V0),L(20,8.5,5,"120",35,72.6,e1,X,V0),L(20,10,5,"112",40,73.1,e1,X,V0),L(20,10,5,"114.3",40,73.1,e1,X,V0),L(20,10,5,"112",30,73.1,e1,X,V0),L(20,10,5,"114.3",30,73.1,e1,X,V0),L(20,10,5,"120",38,72.6,e1,X,V0),L(20,10,5,"120",37,72.6,e1,X,V0),L(22,10.5,5,"127",35,71.5,e1,q61,W61)],torque:[L(18,8,5,"108",42,73.1,e1,X,d1),L(18,8,5,"112",42,73.1,e1,X,d1),L(18,8,5,"114.3",42,73.1,e1,X,d1),L(18,8,5,"120",35,72.6,e1,X,d1),L(19,8.5,5,"112",42,73.1,e1,X,d1),L(19,8.5,5,"114.3",42,73.1,e1,X,d1),L(19,8.5,5,"120",38,72.6,e1,X,d1),L(19,9.5,5,"112",35,73.1,e1,X,d1),L(19,9.5,5,"114.3",35,73.1,e1,X,d1),L(19,9.5,5,"112",38,73.1,e1,X,d1),L(19,9.5,5,"114.3",38,73.1,e1,X,d1),L(19,9.5,5,"120",40,72.6,e1,X,d1),L(20,8.5,5,"112",35,73.1,e1,X,d1),L(20,8.5,5,"114.3",35,73.1,e1,X,d1),L(20,8.5,5,"120",32,72.6,e1,X,d1),L(20,8.5,5,"120",35,72.6,e1,X,d1),L(20,10,5,"112",40,73.1,e1,X,d1),L(20,10,5,"114.3",40,73.1,e1,X,d1),L(20,10,5,"120",40,72.6,e1,X,d1)],blitz:[L(18,8,5,"108",40,73.1,e1,X,d1),L(18,8,5,"112-114.3",40,73.1,e1,X,d1),L(18,8,5,"120",35,72.6,e1,X,d1),L(18,8,5,"120",38,72.6,e1,X,d1),L(19,8.5,5,"112-114.3",32,73.1,e1,X,d1),L(19,8.5,5,"112-114.3",40,73.1,e1,X,d1),L(19,8.5,5,"112-114.3",38,73.1,e1,X,d1),L(19,8.5,5,"114.3",35,73.1,e1,X,d1),L(19,8.5,5,"120",33,72.6,e1,X,d1),L(19,9.5,5,"112-114.3",38,73.1,e1,X,d1),L(19,9.5,5,"114.3",40,73.1,e1,X,d1),L(19,9.5,5,"120",38,72.6,e1,X,d1),L(20,8.5,5,"112-114.3",32,73.1,e1,X,d1),L(20,8.5,5,"112-114.3",38,73.1,e1,X,d1),L(20,8.5,5,"120",32,72.6,e1,X,d1),L(20,10,5,"112-114.3",40,73.1,e1,X,d1),L(20,10,5,"112-114.3",38,73.1,e1,X,d1),L(20,10,5,"120",40,72.6,e1,X,d1),L(20,10,5,"120",38,72.6,e1,X,d1)],"speed-ii":[L(18,8,5,"108",40,73.1,e1,X,d1),L(18,8,5,"112",40,73.1,e1,X,d1),L(18,8,5,"114.3",40,73.1,e1,X,d1),L(18,8,5,"120",38,72.6,e1,X,d1),L(18,8,5,"120",35,72.6,e1,X,d1),L(19,8.5,5,"112",40,73.1,e1,X,d1),L(19,8.5,5,"114.3",40,73.1,e1,X,d1),L(19,8.5,5,"112",32,73.1,e1,X,d1),L(19,8.5,5,"114.3",32,73.1,e1,X,d1),L(19,8.5,5,"120",33,72.6,e1,X,d1),L(19,9.5,5,"112",38,73.1,e1,X,d1),L(19,9.5,5,"114.3",38,73.1,e1,X,d1),L(19,9.5,5,"120",38,72.6,e1,X,d1),L(20,8.5,5,"112",35,73.1,e1,X,d1),L(20,8.5,5,"114.3",35,73.1,e1,X,d1),L(20,8.5,5,"112",32,73.1,e1,X,d1),L(20,8.5,5,"114.3",32,73.1,e1,X,d1),L(20,8.5,5,"120",33,72.6,e1,X,d1),L(20,10,5,"112",38,73.1,e1,X,d1),L(20,10,5,"114.3",38,73.1,e1,X,d1),L(20,10,5,"120",38,72.6,e1,X,d1)],"force-6":[L(20,9,6,"135",20,87.1,j5,K5,$5),L(20,9,6,"135",25,87.1,j5,K5,$5),L(20,9,6,"135",20,87.1,j5,K5,$5),L(20,9,6,"139.7",20,87.1,j5,K5,$5),L(20,9,6,"139.7",20,87.1,j5,K5,$5),L(20,9,6,"139.7",25,87.1,j5,K5,$5),L(22,9.5,6,"135",20,87.1,j5,K5,$5),L(22,9.5,6,"139.7",20,87.1,j5,K5,$5),L(24,10,6,"135",25,87.1,j5,K5,$5),L(24,10,6,"139.7",25,87.1,j5,K5,$5)],"haste-ii":[L(20,8.5,5,"112",27,73.1,Y7,X,X7),L(20,8.5,5,"114.3",27,73.1,Y7,X,X7),L(20,8.5,5,"112",34,73.1,Y7,X,X7),L(20,8.5,5,"114.3",34,73.1,Y7,X,X7),L(20,8.5,5,"120",32,72.6,Y7,X,X7),L(20,10,5,"112",38,73.1,Y7,X,X7),L(20,10,5,"114.3",38,73.1,Y7,X,X7),L(20,10,5,"120",37,72.6,Y7,X,X7)],"thrust-ii":[L(18,8,5,"108",40,73.1,o1,h1,m1),L(18,8,5,"112",40,73.1,o1,h1,m1),L(18,8,5,"114.3",40,73.1,o1,h1,m1),L(18,8,5,"120",35,72.6,o1,h1,m1),L(18,8,5,"120",38,72.6,o1,h1,m1),L(19,8.5,5,"112",40,73.1,o1,h1,m1),L(19,8.5,5,"114.3",40,73.1,o1,h1,m1),L(19,8.5,5,"112",38,73.1,o1,h1,m1),L(19,8.5,5,"114.3",38,73.1,o1,h1,m1),L(19,8.5,5,"112",32,73.1,o1,h1,m1),L(19,8.5,5,"114.3",32,73.1,o1,h1,m1),L(19,8.5,5,"114.3",35,73.1,o1,h1,m1),L(19,8.5,5,"120",33,72.6,o1,h1,m1),L(19,9.5,5,"112",38,73.1,o1,h1,m1),L(19,9.5,5,"114.3",38,73.1,o1,h1,m1),L(19,9.5,5,"114.3",40,73.1,o1,h1,m1),L(19,9.5,5,"120",38,72.6,o1,h1,m1),L(20,8.5,5,"112",32,73.1,o1,h1,m1),L(20,8.5,5,"114.3",32,73.1,o1,h1,m1),L(20,8.5,5,"112",38,73.1,o1,h1,m1),L(20,8.5,5,"114.3",38,73.1,o1,h1,m1),L(20,8.5,5,"120",32,72.6,o1,h1,m1),L(20,10,5,"112",40,73.1,o1,h1,m1),L(20,10,5,"114.3",40,73.1,o1,h1,m1),L(20,10,5,"112",38,73.1,o1,h1,m1),L(20,10,5,"114.3",38,73.1,o1,h1,m1),L(20,10,5,"120",38,72.6,o1,h1,m1),L(20,10,5,"120",40,72.6,o1,h1,m1),L(22,10.5,5,"127",35,71.5,o1,Lv,Av)],"vector-iii":[L(18,8,5,"108",40,73.1,o1,h1,m1),L(18,8,5,"112",40,73.1,o1,h1,m1),L(18,8,5,"114.3",40,73.1,o1,h1,m1),L(18,8,5,"120",38,72.6,o1,h1,m1),L(18,8,5,"120",35,72.6,o1,h1,m1),L(19,8.5,5,"112",32,73.1,o1,h1,m1),L(19,8.5,5,"114.3",32,73.1,o1,h1,m1),L(19,8.5,5,"112",40,73.1,o1,h1,m1),L(19,8.5,5,"114.3",40,73.1,o1,h1,m1),L(19,8.5,5,"112",38,73.1,o1,h1,m1),L(19,8.5,5,"114.3",38,73.1,o1,h1,m1),L(19,8.5,5,"114.3",35,73.1,o1,h1,m1),L(19,8.5,5,"120",33,72.6,o1,h1,m1),L(19,9.5,5,"112",38,73.1,o1,h1,m1),L(19,9.5,5,"114.3",38,73.1,o1,h1,m1),L(19,9.5,5,"114.3",40,73.1,o1,h1,m1),L(19,9.5,5,"120",38,72.6,o1,h1,m1),L(20,8.5,5,"112",32,73.1,o1,h1,m1),L(20,8.5,5,"114.3",32,73.1,o1,h1,m1),L(20,8.5,5,"112",38,73.1,o1,h1,m1),L(20,8.5,5,"114.3",38,73.1,o1,h1,m1),L(20,8.5,5,"120",32,72.6,o1,h1,m1),L(20,10,5,"112",40,73.1,o1,h1,m1),L(20,10,5,"114.3",40,73.1,o1,h1,m1),L(20,10,5,"112",38,73.1,o1,h1,m1),L(20,10,5,"114.3",38,73.1,o1,h1,m1),L(20,10,5,"120",38,72.6,o1,h1,m1),L(20,10,5,"120",40,72.6,o1,h1,m1),L(22,10.5,5,"127",35,71.5,o1,Lv,Av)],"blitz-ii":[L(18,8,5,"108",40,73.1,o1,h1,m1),L(18,8,5,"112",40,73.1,o1,h1,m1),L(18,8,5,"114.3",40,73.1,o1,h1,m1),L(18,8,5,"120",38,72.6,o1,h1,m1),L(18,8,5,"120",35,72.6,o1,h1,m1),L(19,8.5,5,"112",32,73.1,o1,h1,m1),L(19,8.5,5,"114.3",32,73.1,o1,h1,m1),L(19,8.5,5,"112",40,73.1,o1,h1,m1),L(19,8.5,5,"114.3",40,73.1,o1,h1,m1),L(19,8.5,5,"112",38,73.1,o1,h1,m1),L(19,8.5,5,"114.3",38,73.1,o1,h1,m1),L(19,8.5,5,"114.3",35,73.1,o1,h1,m1),L(19,8.5,5,"120",33,72.6,o1,h1,m1),L(19,9.5,5,"112",38,73.1,o1,h1,m1),L(19,9.5,5,"114.3",38,73.1,o1,h1,m1),L(19,9.5,5,"114.3",40,73.1,o1,h1,m1),L(19,9.5,5,"120",38,72.6,o1,h1,m1),L(20,8.5,5,"112",32,73.1,o1,h1,m1),L(20,8.5,5,"114.3",32,73.1,o1,h1,m1),L(20,8.5,5,"112",38,73.1,o1,h1,m1),L(20,8.5,5,"114.3",38,73.1,o1,h1,m1),L(20,8.5,5,"120",32,72.6,o1,h1,m1),L(20,10,5,"112",40,73.1,o1,h1,m1),L(20,10,5,"114.3",40,73.1,o1,h1,m1),L(20,10,5,"112",38,73.1,o1,h1,m1),L(20,10,5,"114.3",38,73.1,o1,h1,m1),L(20,10,5,"120",38,72.6,o1,h1,m1),L(20,10,5,"120",40,72.6,o1,h1,m1),L(22,10.5,5,"127",35,71.5,o1,Lv,Av)]};function Gt(e){return U61[e]??[]}var I1={hyperBlack:"#1a1a1c",blackSatin:"#0d0d0d",blackMachined:"#2a2a2a",silverSatin:"#a8a8a8",silverMachined:"#b5b5b5",bronze:"#7a5a3a",anthracite:"#3a3a3a",candyRed:"#9a1f1f",gunmetal:"#4a4d52"},B="/media/images/products",Hv="/media/videos/products",DI=["0","20-20","25","35"],OI=["Detail 1","Detail 2","Detail 3"];function G0(e,t,a,s=!0){let c=`${B}/${e}/${a}${t}`,l=DI.map(r=>`${c}${r}.png`);return{src:l[0],angles:l,...s?{details:OI.map(r=>`${c}${r}.png`)}:{}}}function Y5(e,t,a,s){let c=DI.map((r,o)=>`${B}/${e}/${t}.${r}.${a[o]}.png`),l={src:c[0],angles:c};return s&&(l.details=OI.map((r,o)=>`${B}/${e}/${t}.${r}.${s[o]}.png`)),l}var j61=[{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:I1.silverSatin,family:"silver",...G0("Haste II",".","Haste II.Ssl"),wheelPhotos:Array.from({length:9},(e,t)=>`${B}/Haste II/haste II Ssl wheel (${t+1}).jpg`)},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("Haste II",".","Haste II.Ksl"),carPhotos:[...[5,6,7,8,9].map(e=>`${B}/Haste II/HasteII ksl 2024 BMW(G83)M4 Competition Convertible (${e}).jpg`),...[1,2,5,6,9].map(e=>`${B}/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:I1.silverMachined,family:"silver",...G0("force 6",".","Froce6.Smfcbtm")},{name:"Black Machined Carbon Dark Tint Satin Lacquer",color:I1.blackMachined,family:"black",...G0("force 6",".","Froce6.Kmfcbtdtm")},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("force 6",".","Froce6.Ktm")},{name:"Candy Red",color:I1.candyRed,family:"red",...G0("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:I1.silverMachined,family:"silver",...G0("speed_II",".","Speed II.Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:I1.blackMachined,family:"black",...G0("speed_II",".","Speed II.Kmftdtm")},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("speed_II",".","Speed II.Ktm")},{name:"Candy Red",color:I1.candyRed,family:"red",...G0("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:I1.silverMachined,family:"silver",...G0("Vortex II","-","Vortex II-SMFTM")},{name:"Black Machined Face Satin Lacquer Dark Tint",color:I1.blackMachined,family:"black",...G0("Vortex II","-","Vortex II-KMFTMTD")},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("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:I1.hyperBlack,family:"black",...G0("vector_III","-","Vector III-H")},{name:"Anthracite",color:I1.anthracite,family:"graphite",...G0("vector_III","-","Vector III-ATM")},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("vector_III","-","Vector III-KTM")},{name:"Silver Satin Lacquer",color:I1.silverSatin,family:"silver",...G0("vector_III","-","Vector III-STM")},{name:"Bronze",color:I1.bronze,family:"bronze",...G0("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:I1.hyperBlack,family:"black",src:`${B}/blitz_II/Blitz II.H.0.752 (3).png`,angles:[`${B}/blitz_II/Blitz II.H.0.752 (3).png`,`${B}/blitz_II/Blitz II.H.20-20752 (4).png`,`${B}/blitz_II/Blitz II.H.25.752 (2).png`,`${B}/blitz_II/Blitz II.H.35.752 (1).png`],details:[`${B}/blitz_II/Blitz II.H.Detail 1.1923.png`,`${B}/blitz_II/Blitz II.H.Detail 2.1916.png`,`${B}/blitz_II/Blitz II.H.Detail FusionForge.1930.png`]},{name:"Anthracite",color:I1.anthracite,family:"graphite",src:`${B}/blitz_II/Blitz II.A.0.756 (3).png`,angles:[`${B}/blitz_II/Blitz II.A.0.756 (3).png`,`${B}/blitz_II/Blitz II.A.20-20.756 (4).png`,`${B}/blitz_II/Blitz II.A.25.756 (2).png`,`${B}/blitz_II/Blitz II.A.35.756 (1).png`],details:[`${B}/blitz_II/Blitz II.A.Detail 1.1924.png`,`${B}/blitz_II/Blitz II.A.Detail 2.1917.png`,`${B}/blitz_II/Blitz II.A.Detail FusionForge.1931.png`]},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",src:`${B}/blitz_II/Blitz II.Ktm.0.760 (3).png`,angles:[`${B}/blitz_II/Blitz II.Ktm.0.760 (3).png`,`${B}/blitz_II/Blitz II.Ktm.20-20760 (4).png`,`${B}/blitz_II/Blitz II.Ktm.25.760 (2).png`,`${B}/blitz_II/Blitz II.Ktm.35.760 (1).png`],details:[`${B}/blitz_II/Blitz II.K TM.Detail 1.1925.png`,`${B}/blitz_II/Blitz II.K TM.Detail 2.1918.png`,`${B}/blitz_II/Blitz II.K TM.Detail FusionForge.1932.png`]},{name:"Silver Satin Lacquer",color:I1.silverSatin,family:"silver",src:`${B}/blitz_II/Blitz II.Stm.0.748 (3).png`,angles:[`${B}/blitz_II/Blitz II.Stm.0.748 (3).png`,`${B}/blitz_II/Blitz II.Stm 20-20.748 (4).png`,`${B}/blitz_II/Blitz II.Stm.25.748 (2).png`,`${B}/blitz_II/Blitz II.Stm.35.748 (1).png`],details:[`${B}/blitz_II/Blitz II.S TM.Detail 1.1922.png`,`${B}/blitz_II/Blitz II.S TM.Detail 2.1915.png`,`${B}/blitz_II/Blitz II.S TM.Detail FusionForge.1929.png`]},{name:"Bronze",color:I1.bronze,family:"bronze",src:`${B}/blitz_II/Blitz II.n.0.764 (3).png`,angles:[`${B}/blitz_II/Blitz II.n.0.764 (3).png`,`${B}/blitz_II/Blitz II.n.20-20.764 (4).png`,`${B}/blitz_II/Blitz II.n.25.764 (2).png`,`${B}/blitz_II/Blitz II.n.35.764 (1).png`],details:[`${B}/blitz_II/Blitz II.N.Detail 1.1926.png`,`${B}/blitz_II/Blitz II.N.Detail 2.1919.png`,`${B}/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:I1.hyperBlack,family:"black",src:`${B}/thrust_II/Thrust II v2 2010 H.0.719.png`,angles:[`${B}/thrust_II/Thrust II v2 2010 H.0.719.png`,`${B}/thrust_II/Thrust II v2 2010 H.30.720.png`,`${B}/thrust_II/Thrust II v2 2010 H.30-30.722.png`,`${B}/thrust_II/Thrust II v2 2010 H.45.721.png`],details:[`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 1.png`,`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 2.png`,`${B}/thrust_II/Thrust II v2 2010 H.30-30.722.png`]},{name:"Anthracite",color:I1.anthracite,family:"graphite",src:`${B}/thrust_II/Thrust II v2 2010 A.0.735.png`,angles:[`${B}/thrust_II/Thrust II v2 2010 A.0.735.png`,`${B}/thrust_II/Thrust II v2 2010 A.30.736.png`,`${B}/thrust_II/Thrust II v2 2010 A.30-30.738.png`,`${B}/thrust_II/Thrust II v2 2010 A.45.737.png`],details:[`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 1.png`,`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 2.png`,`${B}/thrust_II/Thrust II v2 2010 A.30-30.738.png`]},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",src:`${B}/thrust_II/Thrust II v2 2010 K.0.730.png`,angles:[`${B}/thrust_II/Thrust II v2 2010 K.0.730.png`,`${B}/thrust_II/Thrust II v2 2010 K.30.731.png`,`${B}/thrust_II/Thrust II v2 2010 K.30-30.733.png`,`${B}/thrust_II/Thrust II v2 2010 K.45.732.png`],details:[`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 1.png`,`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 2.png`,`${B}/thrust_II/Thrust II v2 2010 K.30-30.733.png`]},{name:"Silver Satin Lacquer",color:I1.silverSatin,family:"silver",src:`${B}/thrust_II/Thrust II v2 2010 S.0.725.png`,angles:[`${B}/thrust_II/Thrust II v2 2010 S.0.725.png`,`${B}/thrust_II/Thrust II v2 2010 S.30.726.png`,`${B}/thrust_II/Thrust II v2 2010 S.30-30.728.png`,`${B}/thrust_II/Thrust II v2 2010 S.45.727.png`],details:[`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 1.png`,`${B}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 2.png`,`${B}/thrust_II/Thrust II v2 2010 S.30-30.728.png`]},{name:"Bronze",color:I1.bronze,family:"bronze",src:`${B}/thrust_II/Thrust II v2 2010 N.0.740.png`,angles:[`${B}/thrust_II/Thrust II v2 2010 N.0.740.png`,`${B}/thrust_II/Thrust II v2 2010 N.30.741.png`,`${B}/thrust_II/Thrust II v2 2010 N.30-30.743.png`,`${B}/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:I1.hyperBlack,family:"black",src:`${B}/torque_II/Torque II-H-0-2195.png`,angles:[`${B}/torque_II/Torque II-H-0-2195.png`,`${B}/torque_II/Torque II-H-20-20-2198.png`,`${B}/torque_II/Torque II-H-25-2196.png`,`${B}/torque_II/Torque II-H-35-2197.png`],details:[`${B}/torque_II/Torque II-H-Detail 1-2199.png`,`${B}/torque_II/Torque II-H-Detail 2-2200.png`,`${B}/torque_II/Torque II-H-Detail 3-2201.png`]},{name:"Anthracite",color:I1.anthracite,family:"graphite",src:`${B}/torque_II/Torque II-A-0-2174.png`,angles:[`${B}/torque_II/Torque II-A-0-2174.png`,`${B}/torque_II/Torque II-A-20-20-2177.png`,`${B}/torque_II/Torque II-A-25-2175.png`,`${B}/torque_II/Torque II-A-35-2176.png`],details:[`${B}/torque_II/Torque II-A-Detail 1-2178.png`,`${B}/torque_II/Torque II-A-Detail 2-2179.png`,`${B}/torque_II/Torque II-A-Detail 3-2180.png`]},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",src:`${B}/torque_II/Torque II-Ktm-0-2202.png`,angles:[`${B}/torque_II/Torque II-Ktm-0-2202.png`,`${B}/torque_II/Torque II-Ktm-20-20-2205.png`,`${B}/torque_II/Torque II-Ktm-25-2203.png`,`${B}/torque_II/Torque II-Ktm-35-2204.png`],details:[`${B}/torque_II/Torque II-Ktm-Detail 1-2206.png`,`${B}/torque_II/Torque II-Ktm-Detail 2-2207.png`,`${B}/torque_II/Torque II-Ktm-Detail 3-2208.png`]},{name:"Silver Satin Lacquer",color:I1.silverSatin,family:"silver",src:`${B}/torque_II/Torque II-S-0-2181.png`,angles:[`${B}/torque_II/Torque II-S-0-2181.png`,`${B}/torque_II/Torque II-S-20-20-2184.png`,`${B}/torque_II/Torque II-S-25-2182.png`,`${B}/torque_II/Torque II-S-35-2183.png`],details:[`${B}/torque_II/Torque II-S-Detail 1-2185.png`,`${B}/torque_II/Torque II-S-Detail 2-2186.png`,`${B}/torque_II/Torque II-S-Detail 3-2187.png`]},{name:"Bronze",color:I1.bronze,family:"bronze",src:`${B}/torque_II/Torque II-N-0-2188.png`,angles:[`${B}/torque_II/Torque II-N-0-2188.png`,`${B}/torque_II/Torque II-N-20-20-2191.png`,`${B}/torque_II/Torque II-N-25-2189.png`,`${B}/torque_II/Torque II-N-35-2190.png`],details:[`${B}/torque_II/Torque II-N-Detail 1-2192.png`,`${B}/torque_II/Torque II-N-Detail 2-2193.png`,`${B}/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:I1.silverMachined,family:"silver",src:`${B}/turbine II/Turbine II L S MF TM.0.png`,angles:[`${B}/turbine II/Turbine II L S MF TM.0.png`,`${B}/turbine II/Turbine II L S MF TM.25.png`,`${B}/turbine II/Turbine II L S MF TM.35.png`,`${B}/turbine II/Turbine II L S MF TM.45.png`],details:[`${B}/turbine II/Turbine II L S MF TM.Detail 1.png`,`${B}/turbine II/Turbine II.L S MF TM.Detail 2.2239.png`,`${B}/turbine II/Turbine II L S MF TM.Detail 3.png`]},{name:"Black Machined Face Dark Tint Satin Lacquer",color:I1.blackMachined,family:"black",src:`${B}/turbine II/Turbine II L K MF TD TM.0.png`,angles:[`${B}/turbine II/Turbine II L K MF TD TM.0.png`,`${B}/turbine II/Turbine II L K MF TD TM.25.png`,`${B}/turbine II/Turbine II L K MF TD TM.35.png`,`${B}/turbine II/Turbine II L K MF TD TM.45.png`],details:[`${B}/turbine II/Turbine II L K MF TD TM.Detail 1.png`,`${B}/turbine II/Turbine II L K MF TD TM.LR Detail 2.png`,`${B}/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:I1.silverSatin,family:"silver",...Y5("blitz","Blitz.Stm",["2167","2170","2168","2169"],["2171","2172","2173"]),wheelPhotos:Array.from({length:8},(e,t)=>`${B}/blitz/Blitz stm wheel(${t+19}).jpg`),video:`${Hv}/blitz/Blitz stm wheel.mp4`},{name:"Silver Machined Face",color:I1.silverMachined,family:"silver",...Y5("blitz","Blitz.Smftm",["2160","2163","2161","2162"],["2164","2165","2166"])},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...Y5("blitz","Blitz.Ktm",["2146","2149","2147","2148"],["2150","2151","2152"]),wheelPhotos:Array.from({length:8},(e,t)=>`${B}/blitz/Blitz ktm wheel (${t+1}).jpg`),carPhotos:Array.from({length:6},(e,t)=>`${B}/blitz/Blitz ktm Car AUDI 03-03 (${t+1}).png`),video:`${Hv}/blitz/Blitz ktm wheel.mp4`},{name:"Black Machined Face Dark Tint Satin Lacquer",color:I1.blackMachined,family:"black",...Y5("blitz","Blitz.Kmftdtm",["2139","2142","2140","2141"],["2143","2144","2145"]),carPhotos:[5,7,8,9,10].map(e=>`${B}/blitz/Blitz kmftdtm Car 2018 Mercedes-AMG GT R (${e}).jpg`)},{name:"Candy Red",color:I1.candyRed,family:"red",...Y5("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:I1.silverMachined,family:"silver",...Y5("frixion 5","Frixion5 S MF",["1969","1972","1970","1971"]),details:[`${B}/frixion 5/Frixion5.Smf.Detail 1.2108.png`,`${B}/frixion 5/Frixion5.Smf.Detail 2.2109.png`,`${B}/frixion 5/Frixion5.Smf.Detail 3.2110.png`],wheelPhotos:Array.from({length:11},(e,t)=>`${B}/frixion 5/Frixion 5 Smf wheel (${t+1}).jpg`),carPhotos:[4,5,6,7].map(e=>`${B}/frixion 5/Frixion5 smftm car 2019 Jaguar XE SV Project 8 (${e}).jpg`),video:`${Hv}/frixion 5/frixion 5 kmftdtm smftm .mp4`},{name:"Black Machined Face",color:I1.blackMachined,family:"black",...Y5("frixion 5","Frixion5 K TM",["1995","1998","1996","1997"]),details:[`${B}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 1.1999.png`,`${B}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 2.2000.png`,`${B}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 3.2001.png`],wheelPhotos:[`${B}/frixion 5/Frixion 5 kmftdtm wheel (2).jpg`,`${B}/frixion 5/Frixion 5 kmftdtm wheel (3).jpg`]},{name:"Candy Red",color:I1.candyRed,family:"red",...Y5("frixion 5","Frixion5 R ",["1973","1976","1974","1975"]),details:[`${B}/frixion 5/Frixion5 R .Detail 1.1960.png`,`${B}/frixion 5/Frixion5 R .Detail 2.1961.png`,`${B}/frixion 5/Frixion5 R .Detail 3.1962.png`],carPhotos:[5,6,7,8,9].map(e=>`${B}/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:I1.silverMachined,family:"silver",...Y5("frixion 6","Frixion6 S MF TM",["2044","2047","2045","2046"]),details:[`${B}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 1.2048.png`,`${B}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 2.2049.png`,`${B}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 3.2050.png`]},{name:"Black Machined Face Dark Tint",color:I1.blackMachined,family:"black",src:`${B}/frixion 6/Frixion6 K MF TD.0.2030.png`,angles:[`${B}/frixion 6/Frixion6 K MF TD.0.2030.png`,`${B}/frixion 6/Frixion6 K MF TD.20-20.2033.png`,`${B}/frixion 6/Frixion6 K MF TD.25.png`,`${B}/frixion 6/Frixion6 K MF TD.35.2032.png`],details:[`${B}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 1.2034.png`,`${B}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 2.2035.png`,`${B}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 3.2036.png`]},{name:"Candy Red",color:I1.candyRed,family:"red",...Y5("frixion 6","Frixion6 R MF TR",["2037","2040","2038","2039"]),details:[`${B}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 1.2041.png`,`${B}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 2.2042.png`,`${B}/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:I1.silverMachined,family:"silver",...G0("rotor",".","Rotor.Smftm")},{name:"Black Machined Face Dark Tint",color:I1.blackMachined,family:"black",...G0("rotor",".","Rotor.Kmftdtm")},{name:"Candy Red",color:I1.candyRed,family:"red",...G0("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:I1.silverMachined,family:"silver",...G0("vector II","-","Vector II-Smftm")},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("vector II","-","Vector II-Ktm")},{name:"Candy Red",color:I1.candyRed,family:"red",...G0("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:I1.silverMachined,family:"silver",...G0("torque","-","Torque-Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:I1.blackMachined,family:"black",...G0("torque","-","Torque-Kmftdtm")},{name:"Black Satin Lacquer",color:I1.blackSatin,family:"black",...G0("torque","-","Torque-Ktm")},{name:"Anthracite",color:I1.anthracite,family:"graphite",...G0("torque","-","Torque-A")}]}];function K61(e){return{GBP:e,USD:Math.round(e*1.28/10)*10,AUD:Math.round(e*1.92/10)*10}}var $61={"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."},Fv=j61.map(({price:e,...t})=>({...t,prices:K61(e),description:$61[t.slug]??"",compatibleTyres:[],finishes:t.finishes.map(a=>({...a,src:a.src?F2(a.src):a.src,angles:a.angles?.map(F2),details:a.details?.map(F2),wheelPhotos:a.wheelPhotos?.map(F2),carPhotos:a.carPhotos?.map(F2),video:a.video?F2(a.video):a.video}))})),Y61=new Map(Fv.map(e=>[e.slug,e]));function Tn(e){return Y61.get(e)}import{ProductFieldIcon as i71,BlockProductIcon as n71,ProductSizeIcon as h71,NoteIcon as m71}from"efficient-easel/icons";import{useEffect as t71,useState as XI}from"react";import{Fragment as GI,jsx as X61,jsxs as qI}from"react/jsx-runtime";function Tv({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 qI(GI,{children:[X61("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?qI(GI,{children:[" ",e.detail]}):null]})}function UI({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?Hp(e,a):J61(c,a);if(l===null)return{state:"fits",checks:_e(a)};let r=c.length===0?null:Hp(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:_e(a),warning:o}:{state:"no-fit",failure:o}}var WI=["unverifiable","pcd","bore","et"];function J61(e,t){let a=null,s=null,c=!1;for(let l of e){let r=Kr(jr(l),t);if(r===null){let o=NM(l,t);if(o===null)return null;c=!0,s=s??o;continue}(a===null||WI.indexOf(r.key)>WI.indexOf(a.key))&&(a=r)}return c?s:a}function m9(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 Q61="Pick your car",e71="and we will check this size against it.";function jI(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 KI(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:Q61,detail:e71};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=L8(jI(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=L8(jI(e),{...t.fit,etRange:null});return c===null?{tone:"warn",lead:`Fits your ${a}`,detail:`Check the offset. ${m9(s)}`}:{tone:"no-fit",lead:`Does not fit your ${a}`,detail:m9(c)}}return{tone:"no-fit",lead:`Does not fit your ${a}`,detail:m9(s)}}var $I=[{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 YI(e){if(e.length===0)return $I;let t=rk(e),a=$I.filter(s=>t(s.fieldKey));return u7(a,s=>s.fieldKey,e,"fitmentOrder")}import{Fragment as c71,jsx as I2,jsxs as _6}from"react/jsx-runtime";var a71=[],s71="whitespace-nowrap border-b border-line px-4 py-3.5",JI="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",QI="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",eR="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",tR={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},aR=(e,t)=>t.map(a=>a.cell(e)).join("|");function xc({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=a71}){let u=s??[],d=YI(m),[v,g]=XI(null),[b,f]=XI(l);t71(()=>f(l),[l]);let C=_4({editing:n}),z=d.length===0;if(u.length===0||z)return n?_6("section",{className:h?eR:QI,children:[h?null:I2(t0,{num:e!=null?k(e):void 0,title:t!=null?Y(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0}),I2("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:z?p("Every fitment column is hidden in Product Types \u2014 show one to draw this table."):p("No fitment data for this wheel \u2014 pick a wheel with fitment specs.")})]}):null;let M=new Set,S=u.filter(F=>{let V=aR(F,d);return M.has(V)?!1:(M.add(V),!0)}),H=Array.from(new Set(S.map(F=>F.diameter))).sort((F,V)=>F-V),_=v!==null&&H.includes(v)?v:null,E=_===null?S:S.filter(F=>F.diameter===_),O=c&&H.length>1,P=F=>{if(F===0)return!1;let V=E[F-1],D=E[F];return V.diameter!==D.diameter||V.width!==D.width};return _6("section",{className:h?eR:QI,children:[h?null:I2(t0,{num:e!=null?k(e):void 0,title:t!=null?Y(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0}),_6("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[O&&_6(c71,{children:[I2("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:"}),_6("button",{type:"button",onClick:()=>g(null),className:`${JI} ${_===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:_===null?tR:void 0,children:[_===null&&I2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),H.map(F=>{let V=F===_;return _6("button",{type:"button",onClick:()=>g(V?null:F),className:`${JI} ${V?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:V?tR:void 0,children:[V&&I2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),F,'"']},F)})]}),_6("button",{type:"button",onClick:()=>f(F=>!F),"aria-pressed":b,"aria-label":b?"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:[I2("span",{children:"Vehicle tooltip"}),I2("span",{className:`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 transition-colors ${b?"border-accent":"border-fg-dim/50"}`,style:b?{background:"color-mix(in oklab, var(--accent) 30%, transparent)"}:void 0,"aria-hidden":!0,children:I2("span",{className:`block h-3 w-3 rounded-full transition-transform ${b?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),I2("span",{className:b?"text-accent":"text-fg-dim",children:b?"On":"Off"})]})]}),I2("div",{className:"-mx-1 overflow-x-auto",children:_6("table",{className:"w-full border-collapse font-mono text-[length:var(--size-label,14px)] tracking-[0.06em] text-fg",children:[I2("thead",{children:I2("tr",{children:d.map(({header:F},V)=>I2("th",{className:"whitespace-nowrap border-b border-line bg-surface px-4 py-3.5 text-left text-[length:var(--size-body,12px)] font-normal uppercase tracking-[0.22em] text-fg-dim",children:F},V))})}),I2("tbody",{children:E.map((F,V)=>I2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${P(V)?"[&>td]:border-t [&>td]:border-line":""}`,children:d.map((D,Z)=>{let I=Z===d.length-1,U=D.fieldKey==="diameter";return _6("td",{className:`${I?"relative ":""}${s71}${U?" text-accent":""}`,children:[D.cell(F),I&&b&&I2("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:I2(Tv,{answer:KI(F,C)})})]},D.fieldKey)})},aR(F,d)))})]})}),I2(a5,{text:r,linkText:o,linkHref:i})]})}import{jsx as Pv}from"react/jsx-runtime";var l71=["alloy-wheel"];function Ev(e){return Pv(x2,{kinds:l71,type:"FitmentTable",editing:e.editing,children:Pv(r71,{...e})})}function r71({num:e,title:t,description:a,showFilter:s,tooltipDefaultOn:c,footnote:l,footnoteLinkText:r,footnoteLinkHref:o,editing:i=!1,omitHead:n=!1}){let h=X0(),m=z3(i&&!h),u=h?.product??m,d=u?.kind==="alloy-wheel"?u.source.fitments??[]:[];return Pv(xc,{num:e,title:t,description:a,rows:d,showFilter:s,tooltipDefaultOn:c,footnote:l,footnoteLinkText:r,footnoteLinkHref:o,editing:i,omitHead:n,fieldUsage:h?.fieldUsage})}function sR(e,t){return t||e.dynamic===!0}import{jsx as cR}from"react/jsx-runtime";function Vv({dynamic:e,wheel:t,omitHead:a=!1,...s}){let c=X0()!==null||!!s.editing&&M2();return sR({dynamic:e,wheel:t},c)?cR(Ev,{...s,omitHead:a}):cR(xc,{...s,omitHead:a,rows:Gt(typeof t=="string"?t:"")})}import{jsx as o71}from"react/jsx-runtime";var o5={num:A.sectionNumber,title:"Specifications *table.*",description:A.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},lR={label:"Fitment Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",wheel:"",showFilter:!0,tooltipDefaultOn:!0,footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return o71(Vv,{dynamic:e.dynamic,wheel:e.wheel,num:a(y(e.num,o5.num,e.puck)),title:a(y(e.title,o5.title,e.puck)),description:a(y(e.description,o5.description,e.puck)),omitHead:t,showFilter:e.showFilter,tooltipDefaultOn:e.tooltipDefaultOn,footnote:y(e.footnote,o5.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,o5.footnoteLinkText,e.puck),footnoteLinkHref:a1(e.footnoteLinkHref),editing:e.puck?.isEditing})}};import{jsx as Pn}from"react/jsx-runtime";var p71=Fv.filter(e=>Gt(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),rR={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,Pn(i71,{})),_gContent:x("Header"),num:T("Number",o5.num),title:T("Heading",o5.title),description:G("Body",o5.description),_gData:x("Wheel"),wheel:v1("Product",Pn(n71,{}),p71,"vector-iii"),_gOptions:x("Controls"),showFilter:l1("Size-filter chips",!0,Pn(h71,{})),tooltipDefaultOn:l1("Detail tooltip on by default",!0,Pn(m71,{})),_gFootnote:x("Footnote"),footnote:G("Footnote",o5.footnote),footnoteLinkText:T("Footnote button",o5.footnoteLinkText),footnoteLinkHref:F1("Footnote link")},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},c=l=>G1(U1(l,a,j1),e.props.headPlacement,Z1.FitmentTable.headRows);return delete s._gDynamic,delete s.dynamic,M2()&&(delete s._gData,delete s.wheel),c(s)}};import{SettingsField as iR}from"efficient-easel/panel";import{FieldSelect as nR}from"efficient-easel/fields";import{BlockProductIcon as v71,CategoryIcon as f71}from"efficient-easel/icons";import{useEffect as _v,useMemo as b71,useRef as En,useState as Vn}from"react";import{useEffect as u71,useMemo as oR,useState as d71}from"react";var I6="__all__";function g71(e,t){let a=new Set((e??[]).map(s=>s.name));return t!==I6&&a.add(t),[...a].sort((s,c)=>s.localeCompare(c))}function Nv(e,t){return t===I6?e??[]:(e??[]).filter(a=>a.process===t)}function J7(e,t,a){let[s,c]=d71(I6);u71(()=>{a?.process&&c(a.process)},[a]);let l=oR(()=>g71(t,s),[t,s]),r=oR(()=>Nv(e,s),[e,s]);return{category:s,setCategory:c,categoryNames:l,filtered:r}}import{jsx as Q7,jsxs as w71}from"react/jsx-runtime";var i5="__all__";function x71(e,t){return t===i5?e:e.filter(a=>a.process===t)}function qt(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 hR(e){let t=I3();return t?X1.getWheelDetail(t,e,{siteId:i2()}):Promise.reject(new Error("editor not authenticated"))}async function z71(e){let t=await hR(e),a={slug:t.slug,name:t.name,process:t.process},s=t.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};return{...a,vehicleCards:qt(s.lifestyle??[],a),wheelCards:qt(s.photos??[],a),othersCards:qt(s.others??[],a)}}async function y71(e,t){let a=await Promise.all(e.map(r=>hR(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(...qt(i.lifestyle??[],o)),c.push(...qt(i.photos??[],o)),l.push(...qt(i.others??[],o))}return{slug:i5,name:t===i5?"All products":t,process:"",vehicleCards:s,wheelCards:c,othersCards:l,category:t}}function Iv({value:e,onChange:t}){let a=w4(),[s,c]=Vn(null),[l,r]=Vn(null),[o,i]=Vn(!1),[n,h]=Vn(!1),m=En(!0),u=En(e);u.current=e;let d=En(t);d.current=t;let v=(N,J=!1)=>{i(!0),J||h(!1),N().then(j=>{m.current&&(b6(j,u.current)&&d.current(j),h(!1))}).catch(()=>{m.current&&!J&&h(!0)}).finally(()=>{m.current&&i(!1)})},g=(N,J=!1)=>v(()=>z71(N),J),b=(N,J=!1)=>v(()=>y71(x71(s??[],N),N),J);_v(()=>(m.current=!0,o3().then(N=>{m.current&&c(N)}),v4().then(N=>{m.current&&r(N)}),()=>{m.current=!1}),[]);let f=En(!1);_v(()=>{if(f.current)return;let N=u.current;if(!N?.slug){f.current=!0;return}if(N.slug===i5){if(s===null)return;f.current=!0,b(N.category??i5,!0)}else f.current=!0,g(N.slug,!0)},[s]);let C=e?.slug===i5,z=b71(()=>s&&e?.slug&&!C?s.find(N=>N.slug===e.slug)??null:null,[s,e?.slug,C]),{category:M,setCategory:S,categoryNames:H,filtered:_}=J7(s,l);_v(()=>{C?e?.category&&S(e.category):z?.process&&S(z.process)},[z,C,e?.category]);let E=s===null,O=!!e?.slug&&!C&&s!==null&&!z,P=N=>{if(!N){t(null);return}if(N===i5){b(M);return}g(N)},F=N=>{S(N),u.current?.slug===i5&&b(N)},V=()=>{e?.slug&&(o3(!0).then(N=>{m.current&&c(N)}),C?b(e.category??i5):g(e.slug))},D=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},Z=(e?.vehicleCards.length??0)+(e?.wheelCards.length??0)+(e?.othersCards?.length??0),I=n?"error":o?"loading":"idle",U=n?p("Couldn\u2019t reach the product catalog."):o?p("Syncing media from the catalog\u2026"):O?p("Linked to \u201C{name}\u201D \u2014 no longer in the catalog.",{name:e?.name??""}):C?p3("Linked to \u201C{name}\u201D \xB7 {n} card from all products\u2019 media groups.","Linked to \u201C{name}\u201D \xB7 {n} cards from all products\u2019 media groups.",Z,{name:e?.name??""}):p3("Linked to \u201C{name}\u201D \xB7 {n} card from its media groups.","Linked to \u201C{name}\u201D \xB7 {n} cards from its media groups.",Z,{name:e?.name??""});return w71("div",{children:[Q7(iR,{label:p("Category"),icon:Q7(f71,{}),children:Q7(nR,{value:M,ariaLabel:p("Category"),onChange:F,readOnly:E,options:[{label:p("All products"),value:i5},...H.map(N=>({label:N,value:N}))]})}),Q7(iR,{label:p("Product"),icon:Q7(v71,{}),children:Q7(nR,{value:e?.slug??"",ariaLabel:p("Product"),onChange:P,readOnly:E||o,options:[{label:E?p("Loading\u2026"):p("None (write the cards yourself)"),value:""},{label:p("All products"),value:i5},...O?[{label:p("{name} (unavailable)",{name:e.name}),value:e.slug}]:[],..._.map(N=>({label:N.name,value:N.slug}))]})}),e?.slug?Q7(P4,{status:I,statusText:U,onRefresh:V,busy:o,edit:C?void 0:{label:p("Edit product \u270E"),onClick:D},hint:C?p("Pools every product\u2019s grouped media: each one\u2019s Relative / lifestyle photos feed Gallery A, its Product photos Gallery B and its 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."):p("Gallery A comes from the product\u2019s Relative / lifestyle photos, Gallery B from its Product photos and the Others gallery from its 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.")}):Q7("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:p("Pick a product \u2014 or All products \u2014 to build the galleries from media groups, or keep \u201CNone\u201D to author the cards yourself.")})]})}import{EyeIcon as S71,TabsIcon as uR,BreadcrumbIcon as L71,HashIcon as dR,SortIcon as A71}from"efficient-easel/icons";import{useEffect as C71,useMemo as mR,useState as Nn}from"react";import{Fragment as _n,jsx as K1,jsxs as a2}from"react/jsx-runtime";function Rv(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function Bv(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var Zv=6,k71=()=>Array.from({length:Zv},(e,t)=>({image:"",process:p("Tag"),eyebrow:p("Category"),name:p("Item name"),meta:p("{n} photos",{n:`0${t+1}`})}));function Dv({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:u,wheelStats:d,wheelCards:v,othersTitle:g,othersBody1:b,othersBody2:f,othersStats:C,othersCards:z,showBreadcrumb:M=!0,showStats:S=!0,showIntro:H=!0,showTabs:_=!0,showFilters:E=!0,showCount:O=!0,showSort:P=!0,previewTab:F,previewHover:V=!1,editing:D=!1}){let Z=e==="both",I=Z?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[U,N]=Nn(I[0]),j=(D&&Z&&F&&I.includes(F)?F:null)??(I.includes(U)?U:I[0]),W=D&&V,[n1,z1]=Nn("all"),[$,c1]=Nn("newest"),[g1,K]=Nn(null);C71(()=>{if(!g1)return;let p1=Bv(g1.card).length,W1=E0=>{E0.key==="Escape"?K(null):E0.key==="ArrowLeft"&&p1>1?K(w0=>w0&&{...w0,index:(w0.index-1+p1)%p1}):E0.key==="ArrowRight"&&p1>1&&K(w0=>w0&&{...w0,index:(w0.index+1)%p1})};window.addEventListener("keydown",W1);let i0=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",W1),document.body.style.overflow=i0}},[g1]);let u1=j==="vehicles"?{title:c,body1:l,body2:r,stats:o??[],cards:i??[],unit:"items",word:s}:j==="others"?{title:g,body1:b,body2:f,stats:C??[],cards:z??[],unit:"items",word:"Others"}:{title:h,body1:m,body2:u,stats:d??[],cards:v??[],unit:"items",word:n},x1=mR(()=>{let p1=[];for(let W1 of u1.cards)W1.process&&!p1.includes(W1.process)&&p1.push(W1.process);return p1},[u1.cards]),T0=n1!=="all"&&x1.includes(n1)?n1:"all",P0=T0==="all"?u1.cards:u1.cards.filter(p1=>p1.process===T0),H1=mR(()=>{let p1=[...P0];return $==="name"&&p1.sort((W1,i0)=>(W1.name??"").localeCompare(i0.name??"")),p1},[P0,$]),c0=u1.cards.length===0,l0=D&&c0,J1=l0?k71():H1,y2=l0?Zv:u1.cards.length,a0=l0?Zv:H1.length,H2=t?`${t} \xB7 ${p2(u1.word)}`:void 0;function g0(p1){p1!==j&&(N(p1),z1("all"))}return a2("section",{className:"relative z-[2] bg-bg",children:[M&&a2("nav",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[K1("span",{className:"hover:text-fg",children:"Home"}),K1("span",{className:"opacity-40",children:"/"}),K1("span",{className:"text-fg",children:a?D0(a):"Gallery"})]}),a2("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[auto_1fr_auto] items-end gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] pt-[100px] pb-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-5 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px]",children:[K1("span",{className:"pb-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-accent",children:H2?k(H2):null}),K1("h2",{className:"font-display text-[length:min(var(--size-headingLarge,clamp(64px,9vw,140px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.9] tracking-[-0.04em]",children:u1.title?Y(u1.title,!0):null}),K1("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:S&&u1.stats.map((p1,W1)=>a2("div",{children:[p1.value?K1("strong",{className:"font-normal text-fg",children:k(p1.value)}):null," ",p1.label?k(p1.label):null]},W1))})]}),H&&(u1.body1||u1.body2)&&a2("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:[u1.body1&&K1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:k(u1.body1)}),u1.body2&&K1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:k(u1.body2)})]}),Z&&_&&K1("div",{className:"mx-auto mt-10 flex max-w-[var(--sf-site-width,1600px)] items-stretch border-y border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[720px]:px-3",children:["vehicles","wheels"].map((p1,W1)=>{let i0=j===p1,E0=p1==="vehicles"?s:n,w0=p1==="vehicles"?(i??[]).length:(v??[]).length,o2=(E0||"").trim().split(/\s+/),Q=o2.slice(0,-1).join(" "),k1=o2.slice(-1)[0]??"";return a2("button",{type:"button",onClick:()=>g0(p1),className:["group relative grid flex-1 cursor-pointer grid-cols-[auto_1fr_auto] items-end gap-5 px-6 py-7 text-left transition-colors",W1===0?"border-r border-line":"","max-[720px]:grid-cols-[auto_1fr] max-[720px]:items-center max-[720px]:gap-2 max-[720px]:px-3 max-[720px]:py-3",i0?"bg-surface":"hover:bg-fg/[0.04]"].join(" "),children:[K1("span",{className:["pb-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.3em] max-[720px]:pb-0 max-[720px]:text-[length:var(--size-label,11px)] max-[720px]:tracking-[0.24em]",i0?"text-accent":"text-fg-dim group-hover:text-accent"].join(" "),children:W1===0?"A":"B"}),a2("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:[Q?a2(_n,{children:[D0(Q)," "]}):null,K1("em",{className:"font-normal italic text-accent",children:D0(k1)})]}),a2("span",{className:"pb-1.5 text-right font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.24em] text-fg-dim max-[720px]:hidden",children:[K1("strong",{className:"font-normal text-fg",children:w0})," ","items",K1("br",{}),p1==="vehicles"?"Community photos":"Featured photos"]}),i0&&K1("span",{className:"pointer-events-none absolute inset-x-0 -bottom-px h-0.5 bg-accent"})]},p1)})}),(E||O||P)&&a2("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[auto_1fr_auto] items-center gap-7 border-b border-line px-[var(--sf-site-gutter,40px)] py-5 max-[720px]:grid-cols-1 max-[720px]:gap-3.5 max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-3",style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:[K1("div",{className:"flex flex-wrap gap-1",children:E&&["all",...x1].map(p1=>{let W1=T0===p1,i0=p1==="all"?"All":p1;return K1("button",{type:"button",onClick:()=>z1(p1),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors",W1?"border-fg bg-fg text-bg":"border-transparent text-fg-dim hover:text-fg"].join(" "),children:D0(i0)},p1)})}),O?a2("div",{className:"text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[K1("strong",{className:"font-normal text-accent",children:a0})," / ",y2," ",u1.unit]}):K1("div",{}),P?a2("div",{className:"flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[K1("span",{children:"Sort"}),a2(Aa,{value:$,onChange:p1=>c1(p1.target.value),className:"cursor-pointer border border-line bg-bg px-2.5 py-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg",children:[K1("option",{value:"newest",children:"Newest"}),K1("option",{value:"featured",children:"Featured"}),K1("option",{value:"name",children:"Name A\u2013Z"})]})]}):K1("div",{})]}),K1("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-5 pb-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:J1.length>0?K1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:J1.map((p1,W1)=>{let i0=Bv(p1)[0],w0=`group relative block aspect-[4/3] w-full overflow-hidden bg-surface-2 text-left ${W1<2?"col-span-3 max-[1100px]:col-span-1":"col-span-2 max-[1100px]:col-span-1"}`,o2=`${p1.name??"card"}-${W1}`,Q=a2(_n,{children:[K1(k0,{label:Rv(p1.name,`gallery-card-${W1+1}`),src:i0||void 0,alt:p2(p1.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]"}`}),a2("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:[a2("div",{className:"flex items-start justify-between font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",children:[p1.process?K1("span",{className:"text-accent",children:k(p1.process)}):K1("span",{}),a2("span",{className:"text-overlay-fg/70",children:[String(W1+1).padStart(2,"0")," / ",String(J1.length).padStart(2,"0")]})]}),a2("div",{className:"flex flex-col gap-1.5",children:[p1.eyebrow&&K1("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:k(p1.eyebrow)}),p1.name&&K1("div",{className:"font-heading3 text-[length:var(--size-headingSmall,clamp(22px,2.4vw,32px))] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg",children:k(p1.name)}),p1.meta&&K1("div",{className:"flex flex-wrap gap-3 pt-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-overlay-fg/70",children:K1("span",{children:k(p1.meta)})})]})]})]});return D?K1("div",{className:w0,children:Q},o2):K1("button",{type:"button",onClick:()=>K({card:p1,index:0}),"aria-label":`Open ${p1.name??"gallery item"}`,className:`${w0} cursor-pointer focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2`,children:Q},o2)})}):K1("div",{className:"py-20 text-center font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim",children:c0?"No items in this gallery yet.":"No items match this filter."})}),g1&&(()=>{let p1=Bv(g1.card),{card:W1,index:i0}=g1,E0=p1.length,w0=p1[i0]??p1[0]??"",o2=k1=>K(h0=>h0&&{...h0,index:(h0.index+k1+E0)%E0}),Q=[W1.process,W1.meta].filter(Boolean).join(" \xB7 ");return a2("div",{role:"dialog","aria-modal":"true","aria-label":W1.name??"Gallery item",onClick:()=>K(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:[a2("div",{className:"relative flex w-full flex-1 items-center justify-center",children:[K1("div",{className:"relative h-full max-h-[72vh] w-full max-w-[92vw]",children:K1(k0,{label:Rv(W1.name,"gallery-photo"),src:w0||void 0,alt:p2(W1.name??""),objectFit:"contain",sizes:"92vw"})}),E0>1&&a2(_n,{children:[K1("button",{type:"button","aria-label":"Previous photo",onClick:k1=>{k1.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"}),K1("button",{type:"button","aria-label":"Next photo",onClick:k1=>{k1.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"})]})]}),a2("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:k1=>k1.stopPropagation(),children:[a2("div",{className:"flex flex-col items-center gap-1",children:[W1.name&&K1("span",{className:"text-accent",children:k(W1.name)}),W1.eyebrow&&K1("span",{children:k(W1.eyebrow)}),a2("span",{className:"text-fg-dim/70",children:[Q?a2(_n,{children:[k(Q)," \xB7 "]}):null,i0+1," / ",E0]})]}),W1.href&&K1(L1,{href:W1.href,onClick:()=>K(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"})]}),E0>1&&K1("div",{onClick:k1=>k1.stopPropagation(),className:"mt-5 flex max-w-[92vw] gap-1.5 overflow-x-auto pb-1",children:p1.map((k1,h0)=>K1("button",{type:"button","aria-label":`Photo ${h0+1}`,onClick:()=>K(N0=>N0&&{...N0,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===i0?"border-accent":"border-line opacity-60 hover:border-fg-dim hover:opacity-100"].join(" "),children:K1(k0,{label:Rv(W1.name,"gallery-photo"),src:k1||void 0,alt:"",sizes:"120px"})},`${k1}-${h0}`))}),K1("button",{type:"button",onClick:()=>K(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 M71}from"react/jsx-runtime";var z2={kicker:A.eyebrow,vehicleTitle:A.headingAccent,wheelTitle:A.headingAccent,vehicleBody1:A.body,vehicleBody2:"Add a second, shorter line if you need one.",wheelBody1:A.body,wheelBody2:"Add a second, shorter line if you need one.",othersTitle:A.headingAccent,othersBody1:A.body,othersBody2:"Add a second, shorter line if you need one."},Ov=()=>[{value:"00",label:p(A.label)},{value:"00",label:p(A.label)},{value:"00",label:p(A.label)}],In=()=>({image:"",href:"#",process:p(A.category),eyebrow:p("Subtitle"),name:p("Item name"),meta:p("Detail")}),Gv=()=>[In(),In(),In(),In()],pR={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 M71(Dv,{mode:e.mode,kicker:y(e.kicker,z2.kicker,e.puck),breadcrumbLabel:a1(e.breadcrumbLabel)||"Gallery",vehicleTabLabel:a1(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:w1(e.vehicleStats,Ov(),e.puck),vehicleCards:w1(t?.vehicleCards??e.vehicleCards,Gv(),e.puck),wheelTabLabel:a1(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:w1(e.wheelStats,Ov(),e.puck),wheelCards:w1(t?.wheelCards??e.wheelCards,Gv(),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:w1(e.othersStats,Ov(),e.puck),othersCards:w1(t?.othersCards??e.othersCards,Gv(),e.puck),showBreadcrumb:e.showBreadcrumb,showStats:e.showStats,showIntro:e.showIntro,showTabs:e.showTabs,showFilters:e.showFilters,showCount:e.showCount,showSort:e.showSort,previewTab:e.previewTab,previewHover:e.previewHover,editing:e.puck?.isEditing})}};import{jsx as R6}from"react/jsx-runtime";var gR={fields:{_sSetup:Y1("Setup"),_gGallery:x("Gallery"),mode:f1("Show",R6(S71,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:T("Eyebrow",z2.kicker),breadcrumbLabel:q("Breadcrumb label","Gallery"),_gSource:x("Source product"),source:s2(Iv),_sPreview:Y1("Preview"),_gPreview:x(jl),previewTab:f1("Show tab",R6(uR,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"}],"vehicles"),_sVehicle:Y1("Gallery A"),_gVehicleContent:x("Content"),vehicleTabLabel:q("Tab label","Gallery A"),vehicleTitle:G("Heading",z2.vehicleTitle),vehicleBody1:G("Intro",z2.vehicleBody1),vehicleBody2:G("Body",z2.vehicleBody2),_gVehicleStats:x("Stats"),vehicleStats:{type:"array",label:"Stats",arrayFields:{value:b1("Value"),label:b1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gVehicleCards:x("Cards"),vehicleCards:{type:"array",label:"Cards",arrayFields:{image:q1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:q1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:F1("Product link"),process:b1("Tag"),eyebrow:b1("Eyebrow"),name:b1("Title"),meta:b1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sWheel:Y1("Gallery B"),_gWheelContent:x("Content"),wheelTabLabel:q("Tab label","Gallery B"),wheelTitle:G("Heading",z2.wheelTitle),wheelBody1:G("Intro",z2.wheelBody1),wheelBody2:G("Body",z2.wheelBody2),_gWheelStats:x("Stats"),wheelStats:{type:"array",label:"Stats",arrayFields:{value:b1("Value"),label:b1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gWheelCards:x("Cards"),wheelCards:{type:"array",label:"Cards",arrayFields:{image:q1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:q1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:F1("Product link"),process:b1("Tag"),eyebrow:b1("Eyebrow"),name:b1("Title"),meta:b1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sOthers:Y1("Others gallery"),_gOthersContent:x("Content"),othersTitle:G("Heading",z2.othersTitle),othersBody1:G("Intro",z2.othersBody1),othersBody2:G("Body",z2.othersBody2),_gOthersStats:x("Stats"),othersStats:{type:"array",label:"Stats",arrayFields:{value:b1("Value"),label:b1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gOthersCards:x("Cards"),othersCards:{type:"array",label:"Cards",arrayFields:{image:q1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:q1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:F1("Product link"),process:b1("Tag"),eyebrow:b1("Eyebrow"),name:b1("Title"),meta:b1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sVisibility:Y1("Visibility"),_gElements:x("Show / hide elements"),showBreadcrumb:l1("Breadcrumb",!0,R6(L71,{})),showStats:l1("Stats",!0,R6(dR,{})),showIntro:l1("Intro text",!0,R6(s4,{noun:"intro"})),showTabs:l1("Tab switcher",!0,R6(uR,{})),showFilters:l1("Tag filters",!0,R6(s4,{noun:"tag"})),showCount:l1("Result count",!0,R6(dR,{})),showSort:l1("Sort control",!0,R6(A71,{}))},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 _71,ImageIcon as I71,EyeIcon as R71}from"efficient-easel/icons";import{jsx as I4,jsxs as xR}from"react/jsx-runtime";var H71=Z3,vR=["photos","lifestyle","accessories","others"];function F71(e,t){if(!e)return[];if(t==="all")return vR.flatMap(s=>e[s]??[]);let a=vR.includes(t)?t:null;return a?e[a]??[]:[]}var fR="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]",bR="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 qv(e){return Mo(!!e.editing)?I4(T71,{...e}):I4(x2,{kinds:H71,type:"GalleryB",editing:e.editing,children:I4(P71,{...e})})}function T71(e){let{editing:t=!1}=e,a=Lo(),s=a?Co(a,{firstField:!0}).map(c=>({images:[c.url],eyebrow:c.alt||void 0})):t?Array.from({length:mL},()=>({images:[""]})):[];return I4(zR,{...e,tiles:s,owner:{name:(a??So).title},emptyHint:p("This record\u2019s pictures appear here on its page. A record with no pictures draws nothing.")})}function P71({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=X0(),u=z3(h&&!m),d=m?.product??u,v=F71(d?.mediaGroups,o).map(f=>({images:(f.items??[]).filter(C=>C.kind==="image").map(C=>C.url),name:f.name,finish:f.finish})).filter(f=>f.images.length>0),b=(i==="auto"?v.length>=4?"covers":"all":i)==="all"?v.flatMap(f=>f.images.map(C=>({images:[C],name:f.name,finish:f.finish}))):v;return I4(zR,{omitHead:e,num:t,title:a,linkText:s,linkHref:c,galleryHref:l,submitHref:r,previewHover:n,editing:h,tiles:d?b.map(f=>({images:f.images,eyebrow:f.name,meta:f.finish})):[],owner:{name:d?.name??"",href:d?.href,process:d?.eyebrow},emptyHint:p("This product\u2019s photos appear here on a product page. Add media groups in the product\u2019s Media tab.")})}function zR({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 u=s?{text:s,href:c||"#"}:void 0,d=a?Y(a,!1):void 0,v=e?null:I4(t0,{num:t,title:d,link:u});return n.length===0?i?xR("section",{className:e?bR:fR,children:[v,I4("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:xR("section",{className:e?bR:fR,children:[v,I4(Ja.Provider,{value:{galleryHref:l,submitHref:r,previewHover:o},children:I4("div",{[Qa]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1 max-[800px]:gap-1",children:n.map((g,b)=>I4(es,{image:g.images[0],photos:g.images.slice(1).map(f=>({src:f})),href:h.href,process:h.process,eyebrow:g.eyebrow,name:h.name,meta:g.meta,editing:i},`${g.eyebrow}-${b}`))})}),I4("div",{className:"mt-12 flex flex-col items-center gap-3",children:I4(s3,{href:l,variant:"ghost",children:"See Gallery"})})]})}import{jsx as p9,jsxs as N71}from"react/jsx-runtime";var E71="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]",V71="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function Wv({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:u=!1}){let d=lz(i),v=d?i:null,g=!d&&n!=null&&n!=="",b=R3("GalleryB",m,"both"),f=v?{className:`sf-card-grid sf-gallery-zone ${rz(v)} grid${b.className}`,style:b.style}:g?{className:`sf-card-grid sf-grid-zone grid${b.className}`,style:{...b.style,"--sf-grid-cols":String(ll(n)),"--sf-grid-cols-phone":String(rl(h,n))}}:{className:`sf-card-grid grid grid-cols-4${b.className} max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1`,style:b.style},C=s?{text:s,href:c||"#"}:void 0,z=a?Y(a,!1):void 0;return N71("section",{className:u?V71:E71,children:[u?null:p9(t0,{num:t,title:z,link:C}),v&&p9("style",{dangerouslySetInnerHTML:{__html:oz(v)}}),e&&p9(Ja.Provider,{value:{galleryHref:l,submitHref:r,previewHover:o},children:p9("div",{[Qa]:"",style:{display:"contents"},children:p9(e,{...f,minEmptyHeight:320})})}),p9("div",{className:"mt-12 flex flex-col items-center gap-3",children:p9(s3,{href:l,variant:"ghost",children:"See Gallery"})})]})}import{jsx as yR}from"react/jsx-runtime";var X5={num:A.sectionNumber,title:A.headingAccent,link:A.viewAll},Uv={items:{type:"slot",allow:["GalleryItem"]}},wR={label:"Customer Photo Grid",fields:Uv,defaultProps:{dynamic:!1,mediaZone:"all",photoDisplay:"covers",num:"",title:"",linkText:"",linkHref:"/contact",galleryHref:"/gallery",previewHover:!1},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return e.dynamic?yR(qv,{num:a(y(e.num,X5.num,e.puck)),title:a(y(e.title,X5.title,e.puck)),linkText:a(y(e.linkText,X5.link,e.puck)),linkHref:a(a1(e.linkHref)||"/contact"),omitHead:t,galleryHref:a1(e.galleryHref)||"/gallery",zone:e.mediaZone||"all",photoDisplay:e.photoDisplay||"covers",previewHover:e.previewHover,editing:e.puck?.isEditing}):yR(Wv,{num:a(y(e.num,X5.num,e.puck)),title:a(y(e.title,X5.title,e.puck)),omitHead:t,linkText:a(y(e.linkText,X5.link,e.puck)),linkHref:a(a1(e.linkHref)||"/contact"),galleryHref:a1(e.galleryHref)||"/gallery",previewHover:e.previewHover,layout:e.layout,columns:e.columns,columnsMobile:e.columnsMobile,gap:e.gap,items:e.items})}};import{jsx as jv}from"react/jsx-runtime";var B71=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],Z71=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],CR={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,jv(_71,{})),mediaZone:v1("Images from",jv(I71,{}),B71,"all"),photoDisplay:v1("Show",jv(R71,{}),Z71,"covers"),_gHeader:x("Header"),num:T("Section number",X5.num),title:G("Heading",X5.title),_gHeaderLink:x("Header link"),linkText:T("Header button",X5.link),linkHref:F1("Header link"),_gImages:x("Images"),imageList:V5("GalleryB"),items:Uv.items,_gGalleryLink:x("Gallery link"),galleryHref:F1("\u201CSee gallery\u201D link"),_gArrangement:x("Arrangement"),layout:ow(),gap:B3("GalleryB")},resolveFields:(e,t)=>{let{fields:a,parent:s}=t,c=e.props,l={...a},r=o=>G1(U1(o,s,j1),e.props.headPlacement,Z1.GalleryB.headRows);return M2()?(c.dynamic?(delete l._gImages,delete l.items,delete l.imageList,ko(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 SR,useMemo as Kv,useState as $v}from"react";import{IconButton as D71,Tooltip as O71}from"efficient-shell/ui";import{SettingsField as LR}from"efficient-easel/panel";import{FieldSelect as Rn}from"efficient-easel/fields";import{BlockProductIcon as G71,MediaIcon as q71}from"efficient-easel/icons";var kR=new Map;function MR(e){if(!e)return Promise.resolve(null);let t=kR.get(e);return t||(t=v0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),kR.set(e,t)),t}import{Fragment as FR,jsx as A2,jsxs as B6}from"react/jsx-runtime";function Bn({label:e,hidden:t,onToggle:a}){return B6("div",{className:"sf-field-head",children:[A2("span",{className:"sf-field-label sf-field-label--inline",children:e}),a&&A2(O71,{content:t?p("Show on the card"):p("Hide on the card"),children:A2(D71,{size:"sm","aria-pressed":!!t,"aria-label":t?p("Show on the card"):p("Hide on the card"),onClick:a,children:t?A2(r6,{name:"eye-off",size:14}):A2(r6,{name:"eye",size:14})})})]})}var W71=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function AR(e){switch(e){case"photos":return p("Photos");case"lifestyle":return p("Lifestyle");case"accessories":return p("Accessories");case"others":return p("Others");case"videos":return p("Videos");default:return String(e)}}function U71(e){if(!e)return[];let t=[];for(let[a,s]of W71)(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?`${AR(a)} \xB7 ${c.name}`:AR(a),name:c.name||s,images:r})});return t}function HR(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function j71(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 Yv({value:e,onChange:t}){let a=Kv(()=>e??{},[e]),[s,c]=$v(null),[l,r]=$v([]),[o,i]=$v(!1);SR(()=>{let g=!1;return o3().then(b=>{g||c(b)}),()=>{g=!0}},[]),SR(()=>{let g=!1;if(!a.code){r([]);return}return i(!0),MR(a.code).then(b=>{g||(r(U71(b)),i(!1))}),()=>{g=!0}},[a.code]);let n=Kv(()=>s?.find(g=>g.slug===a.code)??null,[s,a.code]),h=Kv(()=>HR(n),[n]),m=s===null;function u(g,b=l){let f={...a,...g};t({...f,...j71(f,s,b)})}function d(g){if(!g){t({});return}let b=s?.find(f=>f.slug===g)??null;u({code:g,category:HR(b)[0]??"",finish:"",group:""},[])}function v(g){t({...a,[g]:!a[g]})}return B6("div",{children:[A2(LR,{label:p("Product"),icon:A2(G71,{}),children:A2(Rn,{value:a.code??"",ariaLabel:p("Product"),readOnly:m,onChange:d,options:[{label:m?p("Loading\u2026"):p("Select a product\u2026"),value:""},...(s??[]).map(g=>({label:g.name,value:g.slug}))]})}),a.code&&B6(FR,{children:[B6("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[A2(Bn,{label:p("Title / product"),hidden:a.hideName,onToggle:()=>v("hideName")}),B6("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",A2("span",{style:{opacity:.6},children:p("(auto)")})]})]}),B6("div",{className:`sf-field${a.hideProcess?" is-hidden":""}`,children:[A2(Bn,{label:p("Category"),hidden:a.hideProcess,onToggle:()=>v("hideProcess")}),A2(Rn,{value:a.category??"",ariaLabel:p("Category"),readOnly:h.length===0,onChange:g=>u({category:g}),options:h.length===0?[{label:p("No categories on this product"),value:""}]:h.map(g=>({label:g,value:g}))})]}),A2(LR,{label:p("Media group"),icon:A2(q71,{}),hint:p("Its name fills the Eyebrow below, and its photos become the card cover and lightbox. No group \u2192 the product\u2019s cover image."),children:A2(Rn,{value:a.group??"",ariaLabel:p("Media group"),readOnly:o,onChange:g=>u({group:g}),options:[{label:o?p("Loading\u2026"):l.length===0?p("Cover image only (no media groups)"):p("Cover image only"),value:""},...l.map(g=>({label:g.label,value:g.name}))]})}),B6("div",{className:`sf-field${a.hideEyebrow?" is-hidden":""}`,children:[A2(Bn,{label:B6(FR,{children:[p("Eyebrow")," ",A2("span",{style:{fontWeight:400,opacity:.6},children:p("(from media group)")})]}),hidden:a.hideEyebrow,onToggle:()=>v("hideEyebrow")}),A2("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"})]}),B6("div",{className:`sf-field${a.hideFinish?" is-hidden":""}`,children:[A2(Bn,{label:p("Finish"),hidden:a.hideFinish,onToggle:()=>v("hideFinish")}),A2(Rn,{value:a.finish??"",ariaLabel:p("Finish"),onChange:g=>u({finish:g}),options:[{label:p("Default (the product\u2019s default finish)"),value:""},...(n?.finishes??[]).map(g=>({label:g.src?g.name:p("{name} \u2014 no render",{name:g.name}),value:g.name,disabled:!g.src}))]})]})]})]})}import{ProductFieldIcon as K71,SquareIcon as $71,PlacementIcon as Y71}from"efficient-easel/icons";import{jsx as Zn}from"react/jsx-runtime";var TR={fields:{_gSource:x("Content source"),fromProduct:l1("Fill from a product",!1,Zn(K71,{})),product:{type:"custom",render:({value:e,onChange:t})=>Zn(Yv,{value:e,onChange:t})},_gMedia:x("Media"),image:q1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:q1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},_gText:x("Text"),process:T("Tag"),eyebrow:T("Eyebrow"),name:T("Heading"),meta:T("Meta line"),_gLink:x("Link"),href:F1("Product link"),ratio:v1("Shape",Zn($71,{}),[{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:v1("Card text",Zn(Y71,{}),[{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 PR={fields:{}};import{SettingsField as t81}from"efficient-easel/panel";import{FieldSelect as a81}from"efficient-easel/fields";import{CategoryIcon as s81}from"efficient-easel/icons";import{useEffect as VR,useRef as c81,useState as Gn}from"react";import{Fragment as X71}from"react";import{jsx as Q71,jsxs as e81}from"react/jsx-runtime";var Dn=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function On(e){return zl(e)}function ER(e){let t=e.split("\xAE");return t.length===1?e:t.map((a,s)=>e81(X71,{children:[a,s<t.length-1&&Q71(i6,{})]},s))}var Xv=Dn.map((e,t)=>({key:e,num:String(t+1).padStart(2,"0"),title:ER(e)}));function J71(e){if(e.length===0)return[...Dn];let t=new Set(e.map(a=>a.process));return Dn.filter(a=>t.has(a))}function OJ1(e){return J71(e).map((t,a)=>({key:t,num:String(a+1).padStart(2,"0"),title:ER(t)}))}var GJ1=Object.fromEntries(Dn.map(e=>[e,On(e)]));import{jsx as Wn,jsxs as l81}from"react/jsx-runtime";var af=60,tf="collection:";function NR(e){return tf+On(e)}function qn(e){if(!e||!e.startsWith(tf))return;let t=e.slice(tf.length);return Xv.find(a=>On(a.key)===t)?.key}function Wt(e){return e.slug&&e.slug.trim()?e.slug:`cat-${e.id}`}function Jv(e,t){return{slug:Wt(e),name:e.name,wheels:t.filter(a=>(a.categories??[a.process]).includes(e.name)).slice(0,af)}}function Qv(e){return{slug:g7,name:Tk,wheels:e.slice(0,af)}}function ef(e,t){return{slug:NR(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,af)}}function sf({value:e,onChange:t}){let[a,s]=Gn(null),[c,l]=Gn(null),[r,o]=Gn(!1),[i,n]=Gn(!1),h=c81(!0);VR(()=>(h.current=!0,o3().then(z=>{h.current&&l(z)}),v4().then(z=>{h.current&&s(z)}),()=>{h.current=!1}),[]),VR(()=>{if(!e?.slug||a===null||c===null)return;let z,M=qn(e.slug);if(M)z=ef(M,c);else if(e.slug===g7)z=Qv(c);else{let S=a.find(H=>Wt(H)===e.slug);z=S?Jv(S,c):null}z&&b6(z,e)&&t(z)},[a,c]);let m=z=>{if(!z){t(null);return}let M=qn(z);if(M){c&&t(ef(M,c));return}if(z===g7){c&&t(Qv(c));return}let S=(a??[]).find(H=>Wt(H)===z);S&&c&&t(Jv(S,c))},u=()=>{e?.slug&&(o(!0),n(!1),Promise.all([v4(!0),o3(!0)]).then(([z,M])=>{if(!h.current)return;s(z),l(M);let S=qn(e.slug);if(S)t(ef(S,M));else if(e.slug===g7)t(Qv(M));else{let H=z.find(_=>Wt(_)===e.slug);H&&t(Jv(H,M))}}).catch(()=>{h.current&&n(!0)}).finally(()=>{h.current&&o(!1)}))},d=c===null,v=e?.wheels?.length??0,g=e?.slug&&e.slug!==g7&&!qn(e.slug)&&!(a??[]).some(z=>Wt(z)===e.slug),b=i?"error":r?"loading":"idle",f=p("Storefront \u2192 Categories"),C=i?p("Couldn\u2019t reach {place}.",{place:f}):r?p("Syncing from {place}\u2026",{place:f}):p3("Linked to \u201C{name}\u201D \xB7 {n} product","Linked to \u201C{name}\u201D \xB7 {n} products",v,{name:e?.name??""});return l81(t81,{label:p("Products source"),icon:Wn(s81,{}),children:[Wn(a81,{value:e?.slug??"",ariaLabel:p("Products source"),onChange:m,readOnly:d,options:[{label:p("None"),value:""},{label:p("All products"),value:g7},...Xv.map(z=>({label:z.key,value:NR(z.key),group:p("Collections")})),...g?[{label:p("{name} (unavailable)",{name:e.name}),value:e.slug}]:[],...(a??[]).map(z=>({label:z.name,value:Wt(z),group:p("Categories")}))]}),e?.slug?Wn(P4,{status:b,statusText:C,onRefresh:u,busy:r,hint:p("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.")}):Wn("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:p("Pick \u201CAll products\u201D or a category from {place} to auto-fill this grid, or keep \u201CNone\u201D to choose wheels yourself below.",{place:f})})]})}import{useEffect as ZR,useId as m81,useMemo as Ut}from"react";import{createContext as r81,useContext as o81,useEffect as i81,useState as _R}from"react";import{jsx as Un}from"react/jsx-runtime";var IR=r81({wheels:[],loading:!1});function RR({children:e}){let[t,a]=_R([]),[s,c]=_R(!0);return i81(()=>{let l=!1;return o3().then(r=>{l||(a(r),c(!1))}).catch(()=>{l||c(!1)}),()=>{l=!0}},[]),Un(IR.Provider,{value:{wheels:t,loading:s},children:e})}function cf({code:e,finish:t,wheel:a}){let{wheels:s,loading:c}=o81(IR),l=a??(e?s.find(r=>r.slug===e):void 0);return l?Un(r9,{wheel:l,variant:"catalog",defaultFinish:t},t??""):Un("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:Un("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:c?p("Loading\u2026"):e||p("Set a design code")})})}function n81(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 lf(e){if(Array.isArray(e))return e.map(lf);if(e&&typeof e=="object"){let t={};for(let[a,s]of Object.entries(e))t[n81(a)]=lf(s);return t}return e}function h81(e){return lf(e)}function BR(e){return e.map(t=>O0(t)==="tyre"?t:h81(t))}import{Fragment as u81,jsx as n3,jsxs as jt}from"react/jsx-runtime";var DR={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"},jn=[{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)]"}],zc="lg";function p81(e){return(jn.find(t=>t.value===e)??jn.find(t=>t.value===zc)).cls}function rf({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:u,capWidth:d,imageBackground:v,spinOnHover:g,coverIndex:b,indexBadge:f,outline:C,showBadge:z,fieldUsage:M,showCardPrice:S,showCardFinishes:H,showCardSizes:_,showCardBuy:E,showCardPage:O,cardImage:P,gap:F}){let V=Ut(()=>M?U4(M,"alloy-wheel"):void 0,[M]),D=Ut(()=>M?U4(M,"tyre"):void 0,[M]),Z=`pg-${m81().replace(/:/g,"")}`,I=DR[Math.min(6,Math.max(1,h??4))]??DR[4],U=typeof m=="number"&&m>0,N=typeof d=="number",J=Ut(()=>{let Q=t??n?.wheels??null;return Q?BR(Q):null},[t,n]),j=n?.process,W=!!j,{filters:n1,reportCount:z1,reportLugs:$,reportSizes:c1,reportFinishes:g1,vehicle:K}=Qr(),{currency:u1}=u0(),x1=W&&!!n1.process&&n1.process!==j,T0=Ut(()=>J?W?ZM(J,n1,u1,K.fit):J:null,[J,W,n1,u1,K.fit]);ZR(()=>{if(W)return z1(Z,x1?0:T0?.length??0),()=>z1(Z,0)},[W,x1,T0,z1,Z]);let P0=Ut(()=>{let Q=(T0??[]).filter(N0=>O0(N0)!=="tyre");if(Q.length===0)return!1;let k1=Q.some(N0=>!!N0.process);return Q.some(N0=>!!N0.setWords)||Ds({kind:!1,brand:!1,process:k1},V??[])},[T0,V]),H1=Ut(()=>({lugs:MM(J??[]),sizes:SM(J??[]),finishes:DC(J??[])}),[J]);ZR(()=>($(Z,H1.lugs),c1(Z,H1.sizes),g1(Z,H1.finishes),()=>{$(Z,[]),c1(Z,[]),g1(Z,[])}),[H1,$,c1,g1,Z]);let c0=R3("ProductGrid",F,"both"),l0=`${Z} grid${c0.className} bg-[var(--catalog-grid-bg)] ${I}`,J1=T0?T0.length>0?n3("div",{className:l0,style:c0.style,children:T0.map((Q,k1)=>O0(Q)==="tyre"?n3(js,{item:Q,currency:u1,editing:u,fieldUsage:D},`tyre:${Q.slug}-${k1}`):n3(r9,{wheel:Q,variant:"catalog"},`${Q.slug}-${k1}`))}):u?n3("div",{className:"flex min-h-[320px] items-center justify-center rounded bg-surface-2 p-4 text-center",children:n3("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:p("No products in \u201C{name}\u201D yet",{name:n?.name??""})})}):null:n3(i,{className:l0,style:c0.style,minEmptyHeight:320}),y2=T0?T0.length:null,a0=k5(M5(a)),g0=e||s||r||o?jt("div",{className:`${ne} 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 ${N?"":"-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:[jt("div",{className:"flex min-w-0 items-end gap-[21px]",children:[e&&n3("span",{className:"font-mono text-[length:var(--size-label,13px)] leading-none uppercase tracking-[0.22em] text-fg-dim",children:k(e)}),s&&n3("h2",{className:`${p81(c)} leading-none text-fg max-[800px]:leading-[1] [&>span]:block`,children:Y(s,!1)})]}),(r||o||y2!==null)&&jt("div",{className:"flex items-center gap-5 max-[800px]:gap-3 min-[800px]:grow min-[800px]:justify-end",children:[r&&n3("span",{className:"max-w-[340px] truncate font-display text-[length:var(--size-body,13px)] leading-[1.4] text-fg-dim max-[800px]:hidden min-[800px]:w-0 min-[800px]:grow min-[800px]:text-right",children:k(r)}),o&&jt(L1,{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:[k(o.text),n3("span",{"aria-hidden":!0,children:"\u2192"})]}),y2!==null&&jt("span",{className:"whitespace-nowrap font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:[y2," ",y2===1?a0.one:a0.many]})]})]}):null,p1=typeof l=="number"?l:120,W1=l6(f),i0=J6(Z,W1),E0=jt(u81,{children:[U&&n3("style",{children:`.${Z} > *:nth-child(n+${m+1}){display:none}`}),i0&&n3("style",{children:i0}),g0,J1,n3(Rs,{editing:u})]});if(x1)return null;let w0=n3("section",{...W?{[Jr]:j}:{},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":`${p1}px`,...X2(P)},children:N?n3("div",{style:Wz(!1,d)??void 0,children:E0}):E0}),o2=u&&!J?n3(RR,{children:w0}):w0;return n3(Cn,{imageBackgroundFill:U9(v,e7),spinOnHover:g??!0,coverIndex:b??1,indexBadge:W1,outline:C??l4,showBadge:z??!0,fieldUsage:V,reserveEyebrow:P0,showCardPrice:S??!0,showCardFinishes:H??!0,showCardSizes:_??!1,showCardBuy:E??!1,showCardPage:O??!1,children:o2})}import{ProductFieldIcon as d81,TextSizeIcon as g81,ColumnsIcon as v81,ListIcon as f81,HashIcon as b81}from"efficient-easel/icons";import{jsx as of}from"react/jsx-runtime";var nf={products:{type:"slot"}},OR={label:"Product Grid",fields:nf,defaultProps:{dynamic:!1,num:"",title:"",titleSize:zc,padTop:120,description:"",linkText:"",linkHref:"",columns:4,limit:8,showAll:!1,spinOnHover:!0,coverIndex:String(1),outline:l4,indexBadge:c4,showBadge:!0,source:null,fullWidth:!0,pageWidth:N9.default},render:e=>{if(e.dynamic)return of(o9,{num:y(e.num,K0.num,e.puck),title:y(e.title,A.sectionHeading,e.puck),description:y(e.description,A.body,e.puck),columns:typeof e.columns=="number"?e.columns:3,relationship:G5,cardImage:e.cardImage,outline:f8(e.outline),indexBadge:l6(e.indexBadge),showBadge:e.showBadge??!0,imageBackground:Dy(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,K0.link,e.puck),a=e.source,s=B2(e,"full"),c=O1(e.headPlacement)==="own-box",l=o=>c?void 0:o,r=of(rf,{gap:e.gap,capWidth:s.mode==="page"?s.pageWidth:void 0,num:l(y(e.num,K0.num,e.puck)),title:l(y(e.title,A.sectionHeading,e.puck)),titleSize:e.titleSize,padTop:c?0:e.padTop,description:l(y(e.description,A.body,e.puck)),link:l(t?{text:t,href:a1(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:At(e.coverIndex),outline:f8(e.outline),indexBadge:l6(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"?of("div",{className:fs,children:r}):r}};import{jsx as yc}from"react/jsx-runtime";var GR=b5({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),qR={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,yc(d81,{})),_gHeader:x("Header"),num:T("Number",K0.num),title:G("Heading",A.sectionHeading),titleSize:v1("Heading size",yc(g81,{}),jn,zc),description:G("Body",A.body),_gProducts:x("Products"),kinds:J9("Product types",ye,"None \u2014 this section will be empty"),source:s2(sf),productList:V5("ProductGrid"),products:nf.products,_gLink:x("Link"),linkText:T("Button",K0.link),linkHref:F1("Link"),...Ul({bottomDefault:!1}),...Q9(),...ee(),_gLayout:x("Grid"),columns:s1("Columns",yc(v81,{}),1,6,1,4),showAll:l1("Show all items",!1,yc(f81,{})),limit:s1("Items to display",yc(b81,{}),1,12,1,8),gap:B3("ProductGrid"),...GR,...x5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=U1(t,a,j1),c=e.props,l=G1(s,c.headPlacement,Z1.ProductGrid.headRows);if(!M2()){let o={...l};return delete o._gDynamic,delete o.dynamic,o}if(c.dynamic){let o=new Set([...Kl("Content"),"_gDynamic","dynamic","_gHeader","num","title","titleSize","description","_gLayout","columns",...Object.keys(GR),...te,...ae,...se,...ce,...hw,...nw,...mw]),i={};for(let[n,h]of Object.entries(l))o.has(n)&&(i[n]=h);return P7(i,B2(e?.props??{},"full"))}let r={...l};return Pr(c.source)||delete r.kinds,c.source?.slug&&(delete r.products,delete r.productList),c.showAll&&delete r.limit,T2(c.linkText).hidden&&delete r.linkHref,P7(r,B2(e?.props??{},"full"))}};import{SettingsField as x81}from"efficient-easel/panel";import{FieldSelect as z81}from"efficient-easel/fields";import{CategoryIcon as y81}from"efficient-easel/icons";import{useEffect as w81,useMemo as hf,useState as C81}from"react";import{jsx as Kt,jsxs as S81}from"react/jsx-runtime";var pf=e=>e.kind==="tyre"?"tyre":"alloy-wheel",wc=e=>`${e.kind}:${e.slug}`;function WR(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(r7).map(t=>({name:t.name,color:t.color,src:t.src})),prices:e.prices,href:`/wheels/${e.slug}`}}function mf(e,t){let a=pf(t);return e.find(s=>s.kind===a&&s.slug===t.slug)}function UR(e){return jR(e)?p("Category \u2014 wheels only"):p("Category")}var jR=e=>!!(e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")),k81=e=>p3("{n} size","{n} sizes",e);function M81({rows:e,category:t,value:a,loading:s,currency:c}){let l=e??[],r=l.filter(d=>d.kind==="alloy-wheel"),o=l.filter(d=>d.kind==="tyre"),i=r.length>0&&o.length>0,n={value:"",label:s?p("Loading\u2026"):p("Pick a product\u2026")},h=a&&!(e!==null&&mf(e,a))?[{value:wc({kind:pf(a),slug:a.slug}),label:s?a.name:p("{name} (unavailable)",{name:a.name})}]:[],m=Nv(r,t).map(d=>{let v=h7(d.prices[c],d.msrpPrices?.[c]);return{value:wc({kind:"alloy-wheel",slug:d.slug}),label:d.name,...i?{group:p("Wheels")}:{},thumb:d.coverImage??null,...v.priced?{meta:Z2(v.unit,c)}:{}}}),u=o.map(d=>({value:wc(d),label:d.name,...i?{group:p("Tyres")}:{},thumb:d.coverImage??null,meta:k81(d.variantCount)}));return[n,...h,...m,...u]}function uf({value:e,onChange:t}){let a=w4(),{rows:s,loading:c,refreshing:l,errored:r,refresh:o}=st({load:wt,resolve:mf,snapshot:WR,value:e,onChange:t}),[i,n]=C81(null);w81(()=>{let H=!1;return v4().then(_=>{H||n(_)}),()=>{H=!0}},[]);let{currency:h}=u0(),m=hf(()=>s&&e?mf(s,e)??null:null,[s,e]),u=hf(()=>(s??[]).filter(H=>H.kind==="alloy-wheel"),[s]),{category:d,setCategory:v,categoryNames:g}=J7(u,i,m?.kind==="alloy-wheel"?m:null),b=!!e?.slug&&s!==null&&!m,f=hf(()=>M81({rows:s,category:d,value:e,loading:c,currency:h}),[s,d,e,c,h]),C=H=>{if(!H){t(null);return}let _=(s??[]).find(E=>wc(E)===H);_&&t(WR(_))},z=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},M=r?"error":l?"loading":"idle",S=r?p("Couldn\u2019t reach the product catalog."):l?p("Syncing from the catalog\u2026"):b?p("Linked to \u201C{name}\u201D \u2014 no longer in the catalog.",{name:e?.name??""}):p("Linked to \u201C{name}\u201D \xB7 title, description, category, price & image follow the product.",{name:e?.name??""});return S81("div",{children:[Kt(D9,{label:"Product",options:f,fallback:"",value:e?wc({kind:pf(e),slug:e.slug}):"",onChange:C,placeholder:"Search products\u2026"}),Kt(x81,{label:UR(s),icon:Kt(y81,{}),children:Kt(z81,{value:d,ariaLabel:UR(s),onChange:v,readOnly:c,options:[{label:jR(s)?p("All wheel categories"):p("All products"),value:I6},...g.map(H=>({label:H,value:H}))]})}),e?.slug?Kt(P4,{status:M,statusText:S,onRefresh:o,busy:l,edit:{label:p("Edit product \u270E"),onClick:z},hint:p("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.")}):Kt("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:p("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 KR,useMemo as $R,useState as df}from"react";import{SettingsField as L81}from"efficient-easel/panel";import{FieldSelect as A81}from"efficient-easel/fields";import{Fragment as E81,jsx as Kn}from"react/jsx-runtime";var u9="__all__",gf="";function H81(e){return(e??[]).filter(t=>fc.includes(t.kind))}var F81=_l("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"),$n=e=>typeof e.brand=="string"?e.brand.trim():"";function YR(e,t){if(e.kind!=="alloy-wheel"||!t)return;let a=e,s=h7(a.prices?.[t],a.msrpPrices?.[t]);return s.priced?Z2(s.unit,t):void 0}function T81({rows:e,brand:t,kind:a,slug:s,loading:c=!1,currency:l=""}){let r=e??[],o=[...new Set(r.map($n).filter(Boolean))].sort((g,b)=>g.localeCompare(b)),i=t===u9?r:r.filter(g=>$n(g)===t),n=Z3.filter(g=>i.some(b=>b.kind===g)),h=a===u9?i:i.filter(g=>g.kind===a),m=new Set(h.map(g=>g.kind)).size>1,u=h.map(g=>({value:g.slug,label:g.name,...m?{group:p(n4[g.kind])}:{},thumb:g.coverImage??null,...YR(g,l)?{meta:YR(g,l)}:{}})),d=s&&!h.some(g=>g.slug===s)?[{value:s,label:c?s:p("{slug} (not in this list)",{slug:s})}]:[],v=[];return o.length>1&&v.push({key:"brand",label:p("Brand"),options:[{value:u9,label:p("All brands")},...o.map(g=>({value:g,label:g}))]}),n.length>1&&v.push({key:"kind",label:p("Product type"),options:[{value:u9,label:p($C)},...n.map(g=>({value:g,label:p(n4[g])}))]}),v.push({key:"product",label:p("Product"),options:[{value:gf,label:c?p("Loading\u2026"):p("Generic placeholder")},...d,...u]}),v}function vf(){let[e,t]=df(null),[a,s]=df(u9),[c,l]=df(u9),r=xv(),o=Fn()??gf;KR(()=>{let u=!1;return wt().then(d=>{u||t(d)}).catch(()=>{u||t([])}),()=>{u=!0}},[]);let{currency:i}=u0(),n=$R(()=>H81(e),[e]);KR(()=>{let u=n.find(d=>d.slug===o);u&&$n(u)&&s($n(u))},[o,n]);let h=$R(()=>T81({rows:n,brand:a,kind:c,slug:o,loading:e===null,currency:i}),[n,a,c,o,e,i]),m={brand:u=>{s(u),l(u9)},kind:l,product:u=>CI(r,u)};return Kn(E81,{children:h.map(u=>Kn(L81,{label:u.label,icon:Gy(F81),hint:u.key==="product"?p(P81):void 0,children:u.key==="product"?Kn(D9,{bare:!0,label:u.label,options:u.options,fallback:gf,value:o,onChange:m.product,placeholder:p("Search your catalog\u2026")}):Kn(A81,{value:u.key==="brand"?a:c,ariaLabel:u.label,onChange:d=>m[u.key](d),options:u.options.map(d=>({label:d.label,value:d.value}))})},u.key))})}var P81="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as I81,CarIcon as R81,LayoutIcon as B81,ColumnWidthsIcon as Z81,AlignLeftIcon as D81,SpecTableIcon as O81,DollarIcon as G81,GridIcon as q81,ImageIcon as W81}from"efficient-easel/icons";var $t="top",ff=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function XR(e){return R2(ff,$t,e)}var V81=["split","imageRight","stacked"],e8="split";function Yt(e){return V81.includes(e)?e:e8}var d9="left";function Yn(e){return e==="center"?"center":"left"}var bf=35,xf=70,t8=50;function Xn(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(xf,Math.max(bf,Math.round(t))):t8}var N81=["main","thumbs","tiled"],a8="thumbs";function Jn(e){return N81.includes(e)?e:a8}var _81=["contain","cover"],s8="contain";function Qn(e){return nt(e,s8)}function JR(){return _81.map(e=>({label:dd[e],value:e}))}function QR(e,t){return t?"contain":e}import{jsx as J5}from"react/jsx-runtime";var U81=()=>({type:"custom",render:()=>J5(vf,{})});function j81(e){let t=e?.data?.root;return fc.includes(QS(t?.props))}var eB={fields:{_gSource:x("Product"),source:s2(uf),_gPreview:x(jl),previewPick:U81(),_gPriceLine:x("Price"),pricePlacement:v1("Price position",J5(I81,{}),ff,$t),_gBehaviour:x("Behavior"),showVehicleFitment:l1("Vehicle fitment",!0,J5(R81,{})),_gArrangement:x("Arrangement"),heroLayout:f1("Layout",J5(B81,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],e8),imageRatio:s1("Image / buy ratio",J5(Z81,{}),bf,xf,1,t8,"%"),textAlign:f1("Alignment",J5(D81,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],d9),_gShow:x("Show in the buy box"),showSpecTable:l1("Spec table",!0,J5(O81,{})),showPriceQuote:l1("Price / quote",!0,J5(G81,{})),_gImageGallery:x("Image gallery"),galleryMode:f1("Gallery",J5(q81,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],a8),imageFit:f1(fi,J5(W81,{}),JR(),s8)},resolveFields:(e,{fields:t,appState:a})=>{let s=e.props,c={...t};if(Yt(s.heroLayout)==="stacked"&&delete c.imageRatio,!M2())return delete c._gPreview,delete c.previewPick,c;let l=c,r=new Set([...te,...ae,...se,...ce,"_gPreview","previewPick","_gPriceLine","pricePlacement","_gBehaviour","showVehicleFitment","_gArrangement","heroLayout","imageRatio","textAlign","_gShow","showSpecTable","showPriceQuote","_gImageGallery","galleryMode","imageFit"]);j81(a)||(r.delete("_gPreview"),r.delete("previewPick"));let o={};for(let[i,n]of Object.entries(l))r.has(i)&&(o[i]=n);return le(o)}};import{Button as $81}from"efficient-shell/ui";import{useEasel as Y81}from"efficient-easel/easel";import{useEasel as K81}from"efficient-easel/easel";function eh(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=K81(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 tB,jsxs as X81}from"react/jsx-runtime";function zf(){let e=w4(),t=Oi(),{selectedItem:a}=Y81(o=>o),s=a?.props?.code??"",c=(t??[]).find(o=>o.slug===s)??null,l=eh()!==null;return!c||l?null:X81("div",{className:"sf-blogsource",children:[tB($81,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:()=>e.send("storefront-editor:open-product",{slug:c.slug,name:c.name}),children:p("Edit product \u270E")}),tB("p",{className:"es-field-hint sf-hint-keep",children:p("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 {place}.",{place:p("Storefront \u2192 Catalog")})})]})}import{useEasel as J81}from"efficient-easel/easel";import{SettingsField as Q81}from"efficient-easel/panel";import{FieldSelect as e91}from"efficient-easel/fields";import{FinishIcon as t91}from"efficient-easel/icons";import{jsx as Cc,jsxs as a91}from"react/jsx-runtime";function yf({value:e,onChange:t}){let a=Oi(),{selectedItem:s}=J81(n=>n),c=s?.props?.code??"",l=a===null,r=(a??[]).find(n=>n.slug===c)?.finishes??[],o=r.filter(r7).map(n=>n.name),i=o.includes(e??"")?e:"";return a91("div",{children:[Cc(Q81,{label:p("Finish"),icon:Cc(t91,{}),hint:p("Pinning one overrides the section\u2019s Cover image."),children:Cc(e91,{value:i,ariaLabel:p("Finish"),onChange:t,readOnly:l||r.length===0,options:[{label:l?p("Loading\u2026"):r.length===0?p("No finishes on this product"):p("Default (the product's default finish)"),value:""},...r.map(n=>({label:n.src?n.name:p("{name} \u2014 no image",{name:n.name}),value:n.name,disabled:!n.src}))]})}),!l&&r.length===0&&c&&Cc("p",{className:"es-field-hint sf-hint-keep",children:p("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&&Cc("p",{className:"es-field-hint sf-hint-keep",children:p("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 aB}from"efficient-easel/panel";import{FieldSelect as sB}from"efficient-easel/fields";import{BlockProductIcon as s91,CategoryIcon as c91}from"efficient-easel/icons";import{useEffect as l91,useMemo as r91,useState as cB}from"react";import{jsx as c8,jsxs as lB}from"react/jsx-runtime";function wf({value:e,onChange:t}){let[a,s]=cB(null),[c,l]=cB(null);l91(()=>{let v=!1;return o3().then(g=>{v||s(g)}),v4().then(g=>{v||l(g)}),()=>{v=!0}},[]);let r=r91(()=>a&&e?a.find(v=>v.slug===e)??null:null,[a,e]),{category:o,setCategory:i,categoryNames:n,filtered:h}=J7(a,c,r),m=a===null,u=eh(),d=u!==null;return lB("div",{children:[d&&c8("p",{className:"es-field-hint sf-hint-keep",style:{marginBottom:8},children:I5(p("Disabled because this grid\u2019s {source} is set to \u201C{name}\u201D. The grid fills itself from that source automatically. To pick wheels here, set {source} back to \u201CNone\u201D.",{name:u??""}),{source:c8("strong",{children:p("Products source")})})}),lB("div",{className:d?"sf-locked":void 0,children:[c8(aB,{label:p("Category"),icon:c8(c91,{}),children:c8(sB,{value:o,ariaLabel:p("Category"),onChange:i,readOnly:m||d,options:[{label:p("All products"),value:I6},...n.map(v=>({label:v,value:v}))]})}),c8(aB,{label:p("Product"),icon:c8(s91,{}),children:c8(sB,{value:e??"",ariaLabel:p("Product"),onChange:t,readOnly:m||d,options:[{label:m?p("Loading\u2026"):h.length===0?p("No products in this category"):p("Select a product\u2026"),value:""},...h.map(v=>({label:v.name,value:v.slug}))]})})]})]})}import{jsx as Cf}from"react/jsx-runtime";var rB={fields:{code:{type:"custom",render:({value:e,onChange:t})=>Cf(wf,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>Cf(yf,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>Cf(zf,{})}},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 i91,HashIcon as n91,ColumnsIcon as h91}from"efficient-easel/icons";import{jsx as o91}from"react/jsx-runtime";var kc={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},oB={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:dc,columns:3,relationship:G5},render:e=>{let t=O1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=B2(e,"full");return o91(o9,{num:a(y(e.num,K0.num,e.puck)),title:a(y(e.title,A.sectionHeading,e.puck)),description:a(y(e.description,A.body,e.puck)),omitHead:t,capWidth:s.mode==="page"?s.pageWidth:void 0,columns:typeof e.columns=="number"?e.columns:3,cardCount:Sn(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:G5,footnote:y(e.footnote,kc.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,kc.footnoteLinkText,e.puck),footnoteLinkHref:a1(e.footnoteLinkHref),cardImage:e.cardImage,coverIndex:At(e.coverIndex),imageBackground:e.imageBackground,spinOnHover:e.spinOnHover,outline:f8(e.outline),indexBadge:l6(e.indexBadge),showBadge:e.showBadge,editing:e.puck?.isEditing})}};import{jsx as kf}from"react/jsx-runtime";var iB={fields:{_gHeader:x("Header"),num:T("Number",K0.num),title:G("Heading",A.sectionHeading),description:G("Body",A.body),_gFootnote:x("Footnote"),footnote:G("Footnote",kc.footnote),footnoteLinkText:T("Footnote button",kc.footnoteLinkText),footnoteLinkHref:F1("Footnote link"),...Q9(),...ee(),_gLayout:x("Grid"),relationship:v1("Show",kf(i91,{}),lI,G5),cardCount:s1("Cards to show",kf(n91,{}),iv,gc,1,dc),columns:s1("Columns",kf(h91,{}),2,4,1,3),...x5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t};if(iI(typeof s.relationship=="string"?s.relationship:G5))for(let l of oI)delete c[l];return G1(U1(c,a,j1),s.headPlacement,Z1.RelatedProducts.headRows)}};import{StylesIcon as m91}from"efficient-easel/icons";import{jsx as p91}from"react/jsx-runtime";var nB={fields:{_gStyle:x("Style"),style:f1("Show as",p91(m91,{}),yn,"icon")}};import{SettingsField as hB}from"efficient-easel/panel";import{FieldSelect as mB}from"efficient-easel/fields";import{BlockProductIcon as u91,CategoryIcon as d91}from"efficient-easel/icons";import{useEffect as g91,useMemo as v91,useState as f91}from"react";import{jsx as l8,jsxs as b91}from"react/jsx-runtime";function pB(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:a4(t.angles?.[0]??t.src)??null}))}}function Mf({value:e,onChange:t}){let a=w4(),{rows:s,loading:c,refreshing:l,errored:r,refresh:o}=st({load:o3,resolve:(S,H)=>S.find(_=>_.slug===H.slug),snapshot:pB,value:e,onChange:t}),[i,n]=f91(null);g91(()=>{let S=!1;return v4().then(H=>{S||n(H)}),()=>{S=!0}},[]);let h=v91(()=>s&&e?.slug?s.find(S=>S.slug===e.slug)??null:null,[s,e?.slug]),{category:m,setCategory:u,categoryNames:d,filtered:v}=J7(s,i,h),g=!!e?.slug&&s!==null&&!h,b=S=>{if(!S){t(null);return}let H=(s??[]).find(_=>_.slug===S);H&&t(pB(H))},f=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},C=!!e?.spec,z=r?"error":l?"loading":"idle",M=r?p("Couldn\u2019t reach the product catalog."):l?p("Syncing from the catalog\u2026"):g?p("Linked to \u201C{name}\u201D \u2014 no longer in the catalog.",{name:e?.name??""}):C?p("Linked to \u201C{name}\u201D \xB7 every spec row follows the product.",{name:e?.name??""}):p("Linked to \u201C{name}\u201D \u2014 this product has no spec data yet.",{name:e?.name??""});return b91("div",{children:[l8(hB,{label:p("Category"),icon:l8(d91,{}),children:l8(mB,{value:m,ariaLabel:p("Category"),onChange:u,readOnly:c,options:[{label:p("All products"),value:I6},...d.map(S=>({label:S,value:S}))]})}),l8(hB,{label:p("Product"),icon:l8(u91,{}),children:l8(mB,{value:e?.slug??"",ariaLabel:p("Product"),onChange:b,readOnly:c,options:[{label:c?p("Loading\u2026"):p("None (write the rows yourself)"),value:""},...g?[{label:p("{name} (unavailable)",{name:e.name}),value:e.slug}]:[],...v.map(S=>({label:S.name,value:S.slug}))]})}),e?.slug?l8(P4,{status:z,statusText:M,onRefresh:o,busy:l,edit:{label:p("Edit product \u270E"),onClick:f},hint:p("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.")}):l8("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:p("Pick a product to fill the spec table from the catalog, or keep \u201CNone\u201D to write the rows yourself.")})]})}import{ProductFieldIcon as B91,FinishIcon as kB,DiagramIcon as Z91}from"efficient-easel/icons";import{useId as y91,useState as w91}from"react";import{jsx as th,jsxs as x91}from"react/jsx-runtime";function Sf({id:e}){return x91("defs",{children:[th("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:th("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),th("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:th("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as z91}from"react/jsx-runtime";function Lf({nodeId:e,children:t}){return z91(tt,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as M91,jsx as $0,jsxs as P3}from"react/jsx-runtime";function T3(e,t){return e?{[Sw]:t}:{}}function C91({editing:e,nodeId:t,children:a}){return!e||!t?$0(M91,{children:a}):$0(Lf,{nodeId:t,children:a})}function uB({row:e,topBorder:t,editing:a}){return P3("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:[$0("span",{...T3(a,"rowLabel"),className:"uppercase text-fg-dim",children:e.label}),$0("span",{...T3(a,"rowValue"),className:`text-right ${e.accent?"text-accent":"text-fg"}`,children:e.value})]})}function k91({diagram:e,editing:t}){let[a,s]=w91(!1),c=`spec-${y91().replace(/:/g,"")}`,{wheelName:l,imageSrc:r,diameter:o,width:i,offset:n,holes:h,pcd:m,spokes:u,mesh:d,bore:v}=e,g=!!r&&!a;return P3("div",{className:"sf-card bg-surface p-6 max-[1100px]:mt-8",children:[$0("div",{...T3(t,"diagramTitle"),className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.25em] text-fg-dim",children:"Wheel Dimension Diagram"}),P3("div",{className:"relative flex aspect-square items-center justify-center",children:[P3("svg",{viewBox:"0 0 320 320",className:"absolute inset-0 h-full w-full text-fg-dim",fill:"none",stroke:"currentColor",children:[$0("line",{x1:40,y1:20,x2:280,y2:20,strokeWidth:1,markerStart:`url(#${c}-L)`,markerEnd:`url(#${c}-R)`}),$0("line",{x1:40,y1:15,x2:40,y2:25,strokeWidth:1}),$0("line",{x1:280,y1:15,x2:280,y2:25,strokeWidth:1}),$0(Sf,{id:c})]}),g?$0("img",{src:r,alt:`${l} \u2014 face`,onError:()=>s(!0),loading:"lazy",className:"relative z-[1] block h-[80%] w-[80%] object-contain"}):$0(C8,{spokes:u,mesh:d,className:"relative z-[1] block h-[72%] w-[72%] text-accent"}),P3("span",{...T3(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 ",Ym(o)]}),P3("span",{...T3(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 ",Ym(i)]})]}),P3("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:[P3("div",{children:[$0("div",{...T3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Holes"}),$0("div",{...T3(t,"diagramStatValue"),className:"mt-1 text-fg",children:h})]}),P3("div",{children:[$0("div",{...T3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"PCD"}),$0("div",{...T3(t,"diagramStatValue"),className:"mt-1 text-fg",children:m})]}),P3("div",{children:[$0("div",{...T3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Spokes"}),P3("div",{...T3(t,"diagramStatValue"),className:"mt-1 text-fg",children:[u,d?" + Mesh":""]})]}),P3("div",{children:[$0("div",{...T3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Bore"}),$0("div",{...T3(t,"diagramStatValue"),className:"mt-1 text-fg",children:v})]}),P3("div",{children:[$0("div",{...T3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"ET"}),$0("div",{...T3(t,"diagramStatValue"),className:"mt-1 text-accent",children:n})]})]})]})}function Xt({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:p("Label"),value:p("Value")}]:[];return $0("section",{className:_0(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:P3(C91,{editing:l,nodeId:o,children:[r?null:$0(t0,{num:e?k(e):void 0,title:t?Y(t,!1):void 0,description:a?k(a):void 0,accent:!0}),c?P3("div",{className:"grid grid-cols-[1fr_400px] gap-12 max-[1100px]:grid-cols-1",children:[$0("div",{children:h.map((m,u)=>$0(uB,{row:m,topBorder:u>0,editing:l},u))}),$0(k91,{diagram:c,editing:l})]}):$0("div",{className:"grid grid-cols-2 gap-x-16 max-[900px]:grid-cols-1",children:h.map((m,u)=>$0(uB,{row:m,topBorder:!0,editing:l},u))})]})})}import{useEffect as H91,useState as F91}from"react";function ah(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function S91(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function L91(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 A91(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await o7(S91(t),{baseUrl:mr});return L91(e.size,t,a)}catch{return null}}async function dB(e){return(await Promise.all(e.map(A91))).filter(a=>a!==null)}function sh(e){let[t,a]=F91([]),s=e.map(c=>c.eprelRegistrationNumber??"").join(",");return H91(()=>{let c=!0;return dB(e).then(l=>{c&&a(l)}),()=>{c=!1}},[s]),t}var T91={"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 gB(e){return T91[e]}function r8(e){return e&&e.trim()?e:"\u2014"}function vB(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function fB(e,t,a,s,c){let l=Ne(c?.boltPattern).holes,r=l!=null&&l>0?l:e.lugs,o=Ia(r),i=e.pcds.length?e.pcds.join(" \xB7 "):"\u2014",n=e.centreBores.length?`${e.centreBores.join(" / ")} mm`:"\u2014",h=e.etRange.length>=2?Ar(e.etRange[0],e.etRange[1]):"\u2014",m=s??"",u=c?qs(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:u},{label:"Lug Count",value:r8(o&&`${o}-lug`),fieldKey:"holes"},{label:"Bolt Pattern",value:i,fieldKey:"bolt_pattern"},{label:"Offset (ET)",value:h,fieldKey:"et"},{label:"Process",value:r8(t),fieldKey:Me},{label:"Centre Bore",value:n,fieldKey:"center_bore"},{label:"Load Rating",value:r8(e.loadRating),fieldKey:"load_rating"},{label:"Bump Profile",value:r8(e.bumpProfile),fieldKey:"hump"},{label:"Rim Profile",value:r8(e.rimProfile),fieldKey:"flange"},{label:"Cap Code",value:r8(e.cap),fieldKey:"cap_code"}],size:m}}function Af(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function P91(e,t){let a=e?.diameter??Af(t?.sizes??[]),s=e?.width??Af(t?.widths??[]),c=t?.etRange??[],[l,r]=c,o=e?.et??(c.length>=2&&l===r?l:void 0),i=n=>r8(n!=null?E2(n):void 0);return{diameter:i(a),width:i(s),offset:i(o)}}function bB(e,t){let a=e?.centreBore??Af(t.centreBores);return{...P91(e,t),bore:r8(a!=null?`${a} mm`:void 0)}}function xB(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 ch(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=St(e.variants??[],c?.name,a),{rows:r,size:o}=fB(s,e.process,c?.name??"\u2014",a,l),i=bB(l,s),n={wheelName:e.name,imageSrc:c?.image??e.coverImage??null,...i,holes:Ia(s.lugs),pcd:vB(s.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:r,diagram:n}}function zB(e,t,a){let s=Tn(e),c=gB(e);if(!s||!c)return{rows:[],diagram:null};let l=Gt(e),r=s.finishes.find(m=>m.name===t)??s.finishes[0],{rows:o,size:i}=fB(c,s.process,r?.name??"\u2014",a,void 0),n=bB(void 0,c),h={wheelName:s.name,imageSrc:r?.angles?.[0]??r?.src??null,...n,holes:l[0]?.holes?.toString()??Ia(c.lugs),pcd:l[0]?.pcd??vB(c.pcds),spokes:s.spokes,mesh:s.mesh};return{rows:o,diagram:h}}function E91(e){let{brand:t,variant:a,euLabel:s}=e;if(!a)return[];let c=i4(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&&ah(s)||""],["","Snow Grip",s?.severeSnow?"Yes":""],["","Ice Grip",s?.iceGrip?"Yes":""],["","Reinforced",s?.loadIndicator??""]]}function yB(e){let t=[];for(let[a,s,c]of E91(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 lh}from"react/jsx-runtime";var V91=["alloy-wheel","tyre"],N91=[],_91=[];function I91(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 Hf(e){return lh(x2,{kinds:V91,type:"SpecTable",editing:e.editing,children:lh(R91,{...e})})}function R91({num:e,title:t,description:a,showDiagram:s=!0,editing:c=!1,nodeId:l,omitHead:r=!1}){let o=X0(),i=z3(c&&!o),n=o?.product??i,h=n?.kind==="tyre"?n.source:null,m=sh(h?.variants??N91),u=o?.fieldUsage??_91;if(h){let f=I91(h,o?.selection.part?.id,o?.selection.shown.size),C=m.find(M=>M.size===f?.size)??null,z=yB({brand:h.brand,variant:f,euLabel:C});return lh(Xt,{num:e,title:t,description:a,rows:Km(z.rows,u),diagram:null,editing:c,nodeId:l,omitHead:r})}let d=n?.kind==="alloy-wheel"?n.source:null,v=o?o.selection.shown.finish:d?.finishes[0]?.name,g=o&&d?D7(d,o.selection.part)?.size??void 0:void 0,b=d?ch(xB(d),v,g):{rows:[],diagram:null};return lh(Xt,{num:e,title:t,description:a,rows:Km(b.rows,u),diagram:s?b.diagram:null,editing:c,nodeId:l,omitHead:r})}import{jsx as wB}from"react/jsx-runtime";var Q5={num:A.sectionNumber,title:"Specifications *table.*",description:A.body},CB={label:"Spec Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",source:null,finish:"",size:"",showDiagram:!0,rows:[]},render:e=>{let t=O1(e.headPlacement)==="own-box",a=h=>t?void 0:h;if(e.dynamic)return wB(Hf,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(y(e.num,Q5.num,e.puck)),title:a(y(e.title,Q5.title,e.puck)),description:a(y(e.description,Q5.description,e.puck)),showDiagram:e.showDiagram!==!1,omitHead:t,editing:e.puck?.isEditing});let s=e.source??null,c=e.wheel,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=ch(s,r,o);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else if(l){let h=zB(l,r,o);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else i=e.rows??[];return wB(Xt,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(y(e.num,Q5.num,e.puck)),title:a(y(e.title,Q5.title,e.puck)),description:a(y(e.description,Q5.description,e.puck)),rows:i,diagram:n,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as rh}from"react/jsx-runtime";var D91="Size (blank = none selected)",MB={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,rh(B91,{})),_gHeader:x("Header"),num:T("Number",Q5.num),title:G("Heading",Q5.title),description:G("Body",Q5.description),_gData:x("Product"),source:s2(Mf),finish:v1("Finish",rh(kB,{}),[],""),size:{type:"text",label:D91},_gDiagram:x("Diagram"),showDiagram:l1("Dimension diagram",!0,rh(Z91,{})),_gRows:x("Rows"),rows:{type:"array",label:"Rows",arrayFields:{label:q("Label"),value:q("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||e?.value||"Row"}},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c=M2(),l=m=>G1(U1(m,a,j1),e.props.headPlacement,Z1.SpecTable.headRows);if(c&&s.dynamic){let m=new Set([...Kl("Content"),"_gDynamic","dynamic","_gHeader","num","title","description","_gDiagram","showDiagram",...te,...ae,...se,...ce]),u={};for(let[d,v]of Object.entries(t))m.has(d)&&(u[d]=v);return l(u)}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):(Tn(o)?.finishes??[]).map(m=>m.name),h=[{value:"",label:"Default (first finish)"},...n.map(m=>({value:m,label:m}))];return i.finish=v1("Finish",rh(kB,{}),h,""),delete i._gRows,delete i.rows,l(i)}};var O91={link:"Know your size? Pick it below"},SB={fields:{_gHeader:x("Header"),num:T("Number",K0.num),title:T("Heading",A.sectionHeading),description:G("Body",A.body),_gCta:x("Call to action"),escapeText:T("Button",O91.link),escapeHref:F1("Button link")},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.TyreFitment.headRows)};var LB={fields:{_gHeader:x("Header"),num:T("Number",K0.num),title:T("Heading",A.sectionHeading),description:G("Body",A.body)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.TyreSizes.headRows)};import{useEffect as W91,useState as FB}from"react";import{useState as G91}from"react";function AB(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as Ff,jsxs as q91}from"react/jsx-runtime";function Tf({tile:e,face:t,showCount:a,selected:s,onSelect:c}){let[l,r]=G91(!1),o=AB(e,t),i=t==="mark"&&!l?a4(o):void 0;return q91("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:[Ff("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?i&&Ff("img",{src:i,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>r(!0)}):o}),a&&Ff("span",{children:e.count})]})}import{jsx as Mc,jsxs as HB}from"react/jsx-runtime";function Pf({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 HB("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&HB("div",{className:"sf-brandstrip-head",children:[Mc("span",{className:"sf-brandstrip-heading",children:e??""}),a?Mc("a",{className:"sf-brandstrip-all",href:a,children:t??""}):Mc("span",{className:"sf-brandstrip-all",children:t??""})]}),Mc("div",{className:"sf-brandstrip-track",children:s.map(n=>Mc(Tf,{tile:n,face:c,showCount:l,selected:n.name===i,onSelect:o?()=>o(n.name):void 0},n.name))})]})}import{jsx as U91}from"react/jsx-runtime";function Ef({heading:e,button:t,link:a,picks:s,available:c,face:l="name",showCount:r=!0}){let[o,i]=FB(null),n=Array.isArray(s)?s:[],h=!c&&n.length>0;W91(()=>{if(!h)return;let v=!1;return xn().then(g=>g??v0.listBrands()).then(g=>{v||i(g)}).catch(()=>{}),()=>{v=!0}},[h]);let m=f_(n,c??o??[]),[u,d]=FB(void 0);return U91(Pf,{heading:e,button:t,link:a,brands:m,face:l,showCount:r,picked:u,onPick:d})}import{jsx as j91}from"react/jsx-runtime";var TB={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[lc]:v_(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:s,showCount:c,...l})=>j91(Ef,{heading:a1(e),button:a1(t),link:a1(a),picks:l[lc],available:l[g_],face:s,showCount:c})};import{jsx as Sc,jsxs as oh}from"react/jsx-runtime";function K91(e,t){let a=e.savings[t];if(a===void 0)return null;let s=Z2(a,t);return e.savingIsFrom?`Save from ${s}`:`Save ${s}`}function Vf({bundle:e,currency:t}){let a=K91(e,t);return oh(L1,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[oh("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?Sc(N3,{src:e.image,alt:e.name,fill:!0,sizes:"(max-width: 640px) 100vw, 33vw",className:"object-cover transition-transform duration-500 group-hover:scale-[1.03]"}):oh("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&&Sc("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})]}),oh("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[Sc("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&Sc("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&Sc("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as Jt,jsxs as NB}from"react/jsx-runtime";var PB="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",EB="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",$91=["alloy-wheel"],VB={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function Nf(e){return Jt(x2,{kinds:$91,type:"BundleOffer",editing:e.editing,children:Jt(Y91,{...e})})}function Y91({num:e,title:t,description:a,columns:s=3,editing:c=!1,omitHead:l=!1,cardImage:r}){let o=X0(),{currency:i}=u0(),n=o?.product.kind==="alloy-wheel"?o.product.source.bundles??[]:[],h=l?null:Jt(t0,{num:e?k(e):void 0,title:t?Y(t,!1):void 0,description:a?k(a):void 0,accent:!0});return n.length===0?c?NB("section",{className:l?EB:PB,style:X2(r),children:[h,Jt("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("Bundles containing this product appear here on a product page.")})]}):null:NB("section",{className:l?EB:PB,style:X2(r),children:[h,Jt("div",{className:`mt-10 grid gap-6 ${VB[s]??VB[3]}`,children:n.slice(0,s).map(m=>Jt(Vf,{bundle:m,currency:i},m.slug))})]})}import{jsx as X91}from"react/jsx-runtime";var _B={label:"Bundle Products",defaultProps:{num:"",title:"",description:"",columns:3},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return X91(Nf,{num:a(y(e.num,K0.num,e.puck)),title:a(y(e.title,A.sectionHeading,e.puck)),description:a(y(e.description,A.body,e.puck)),omitHead:t,columns:typeof e.columns=="number"?e.columns:3,cardImage:e.cardImage,editing:e.puck?.isEditing})}};import{createContext as J91,useContext as Lc}from"react";var _f=J91(null);function IB(){let e=Lc(za),t=Lc(_f),a=Ql();return e?e.socialLinks??vw:t?t.socialLinks:a.links}function RB(){return Lc(_f)?.commerceEnabled??!0}function BB(){let e=Lc(za),t=Lc(_f),a=_3();return e?zr({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?zr({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):zr({siteName:a.websiteName?.trim()||Yl})}import{jsx as Qt}from"react/jsx-runtime";function ZB({style:e="icon",editing:t=!1}){let{open:a}=Ee();return zp("search"),Qt("span",{"data-phone-menu-tool":"search",className:"contents",children:Qt(Zr,{onClick:t?void 0:a,asText:e==="text"})})}function DB({style:e="icon",editing:t=!1}){let{open:a,totals:s}=o4();return RB()?Qt(Br,{onClick:t?()=>{}:a,count:s.sets,asText:e==="text"}):null}function OB({editing:e=!1}){let t=Rr();return zp(t?"region":null),t?Qt("span",{"data-phone-menu-tool":"region",className:"contents",children:Qt(S8,{})}):e?Qt("div",{"data-country-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:p("No regions yet")}):null}import{jsx as Q91}from"react/jsx-runtime";var GB={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>Q91(DB,{style:e,editing:t?.isEditing})};import{useEffect as tZ,useMemo as re1}from"react";import{useState as $B}from"react";import{jsx as ea,jsxs as qB}from"react/jsx-runtime";function If({label:e,badge:t,open:a,onToggle:s}){let c=t>0;return qB("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&&ea("span",{className:"px-1.5 text-[length:var(--size-body,11px)] tracking-[0.1em] text-bg",style:{background:"var(--accent)"},children:t}),ea("span",{className:`text-[length:var(--size-body,11px)] opacity-65 transition-transform ${a?"rotate-180":""}`,children:"\u25BE"})]})}function ta({label:e,badge:t,open:a,onToggle:s,children:c}){return qB("div",{className:"relative",children:[ea(If,{label:e,badge:t,open:a,onToggle:s}),a&&ea("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 aa({children:e}){return ea("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:e})}function ih({active:e,onClick:t,children:a,role:s,ariaChecked:c}){return ea("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 ee1,useRef as te1}from"react";import{Fragment as ae1,jsx as y3,jsxs as g9}from"react/jsx-runtime";function WB({picker:e,onClose:t}){let{cascade:a}=e,s=te1(g4(a.vehicle));return ee1(()=>{let c=g4(a.vehicle);c&&!s.current&&t(),s.current=c},[a.vehicle,t]),g9("div",{className:"border-t border-line bg-surface px-[var(--sf-site-gutter,40px)] py-4 max-[720px]:px-4",children:[y3("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"}),y3(Y3,{cascade:a,compact:!0}),a.cascadeError&&y3("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."}),y3("div",{className:"mt-3.5 flex flex-wrap items-center gap-3",children:y3("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 UB="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function jB({field:e,picker:t,open:a,onOpenRequest:s,onClose:c}){let{cascade:l}=t,r=un(l),o=UN(l)[e],i=jN(l)[e],n=KN(l)[e],h=$N(l)[e],m=a9[e],u=qN(e,l.vehicle),d=h||r[e].placeholder,v=Rg(o,r[e].placeholder),g=xe({items:v,value:n,onPick:i,open:a,onOpen:()=>s(u),onClose:c});return g9("div",{ref:g.wrapRef,className:"relative",children:[g9("button",{ref:b=>{g.triggerRef.current=b},type:"button","data-vehicle-field":e,"aria-haspopup":"listbox","aria-expanded":a,"aria-controls":a?g.listId:void 0,"aria-activedescendant":g.activeId,"aria-label":`${m}, ${d} \u2014 pick your ${u}`,onClick:()=>s(u),onKeyDown:g.onTriggerKeyDown,className:`${UB} ${a?"border-fg text-fg":"border-line"}`,children:[y3("span",{className:"text-fg-dim",children:m}),y3("span",{"data-vehicle-value":d,className:`truncate ${h?"text-fg":"text-fg-dim"}`,children:d})]}),a&&y3(ze,{id:g.listId,tone:"hairline",items:v,value:n,focusIdx:g.focusIdx,onFocus:g.setFocusIdx,onPick:g.pick,listRef:g.listRef})]})}function KB({picker:e,onOpenRequest:t}){let a=WN(e.cascade.vehicle);if(!a)return null;let s=tc[a];return y3("button",{type:"button","data-vehicle-next":!0,"aria-label":`${s} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${UB} border-line text-fg-dim`,children:y3("span",{"data-vehicle-value":s,children:s})})}function Rf({picker:e,total:t}){let{appliedName:a,fit:s,resolving:c,unresolved:l,clear:r}=e;if(!a)return null;let o=_e(s),i=s!==null&&!c&&t===0;return g9("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:[g9("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,y3("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?y3("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):l?y3("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"}):y3(ae1,{children:o.map(n=>n.value!==null?y3("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):g9("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&&g9("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"," ",y3("button",{type:"button",onClick:r,className:"cursor-pointer uppercase text-accent underline underline-offset-4",children:"show all wheels"})]})]})}import{Fragment as Zf,jsx as D1,jsxs as q0}from"react/jsx-runtime";var se1=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function YB(e){return e==="FusionForge\xAE"?q0(Zf,{children:["FusionForge",D1(i6,{})]}):e}var Bf={size:Se("diameters","alloy-wheel"),finish:Se("finishes","alloy-wheel")};function XB(e,t){return u7(e,a=>Bf[String(a.key)],t??[],"filterOrder")}function ce1({processCount:e,sizeCount:t,lugCount:a,finishCount:s,optionsReported:c,fieldUsage:l}){let r=i=>!c||i>Pa,o=Sr(l??[]);return{process:e>Pa,size:o(Bf.size)&&r(t),lugs:r(a),finish:o(Bf.finish)&&r(s)}}function sa(e,t){return e===t?null:t}function JB({href:e,label:t}){return D1("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 Df({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:u,lugOptions:d=[],sizeOptions:v=[],finishOptions:g,layout:b=c9,processOptions:f=se1,resultsLink:C,optionsReported:z=!1,fieldUsage:M}){let[S,H]=$B(null),[_,E]=$B(null),O=rc(),{process:P,size:F,lugs:V,finish:D,priceMin:Z,priceMax:I,sort:U}=e,N=g?_m.filter($=>g.includes($.f)):_m,J=ce1({processCount:f.length,sizeCount:v.length,lugCount:d.length,finishCount:N.length,optionsReported:z,fieldUsage:M}),j={process:(m?.process??!0)&&J.process,size:(m?.size??!0)&&J.size,lugs:(m?.lugs??!0)&&J.lugs,finish:(m?.finish??!0)&&J.finish,price:m?.price??!0,vehicle:(m?.vehicle??!0)&&!!u,count:m?.count??!0,sort:m?.sort??!0},W={process:P?1:0,size:F?1:0,lugs:V?1:0,finish:D?1:0,price:Z!=null||I!=null?1:0,vehicle:u?.appliedName?1:0},n1=()=>{i(),u?.clear(),H(null),E(null)};if(b==="columns"){let $=K=>E(_===K?null:K),c1=[];j.vehicle&&u&&c1.push(q0(ca,{name:"vehicle",label:O.vehicle,children:[ec.map(K=>D1(jB,{field:K,picker:u,open:_===K,onOpenRequest:$,onClose:()=>E(null)},K)),D1(KB,{picker:u,onOpenRequest:$})]},"vehicle"));let g1=[];return j.process&&g1.push(D1(ca,{name:"process",label:O.process,rowsAreOptions:!0,children:f.map(K=>D1(nh,{active:P===K,onClick:()=>t(sa(P,K)),children:YB(K)},K))},"process")),j.size&&g1.push(D1(ca,{name:"size",label:O.size,rowsAreOptions:!0,children:v.map(K=>q0(nh,{active:F===K,onClick:()=>a(sa(F,K)),children:[K,'"']},K))},"size")),j.lugs&&g1.push(D1(ca,{name:"lugs",label:O.lugs,rowsAreOptions:!0,children:d.map(K=>q0(nh,{active:V===K,onClick:()=>s(sa(V,K)),children:[K,"-Lug"]},K))},"lugs")),j.finish&&g1.push(D1(ca,{name:"finish",label:O.finish,rowsAreOptions:!0,children:N.map(K=>D1(nh,{active:D===K.f,onClick:()=>c(D===K.f?null:K.f),children:K.label},K.f))},"finish")),c1.push(...XB(g1,M)),j.price&&c1.push(q0(ca,{name:"price",label:O.price,children:[D1(QB,{label:"Min",value:Z,onChange:l,ariaLabel:"Minimum price per wheel"}),D1(QB,{label:"Max",value:I,onChange:r,ariaLabel:"Maximum price per wheel"})]},"price")),q0("div",{className:"@container",children:[q0("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:[(j.count||j.sort)&&q0("div",{className:"mb-9 flex flex-wrap items-center gap-x-6 gap-y-3 @max-[720px]:mb-7",children:[j.count&&q0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[n," ",n===1?"result":"results"]}),j.sort&&q0("div",{className:"ml-auto flex items-center gap-5",children:[D1("button",{type:"button",onClick:n1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:"Clear All"}),D1(Aa,{value:U,onChange:K=>o(K.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(Ra).map(K=>D1("option",{value:K,children:Ra[K]},K))})]})]}),D1("div",{"data-filter-columns":!0,className:`grid grid-cols-1 gap-x-[72px] gap-y-10 ${le1[c1.length]??""}`,children:c1}),C&&D1("div",{className:"mt-10 flex",children:D1(JB,{href:C.href,label:C.label})})]}),j.vehicle&&u&&D1(Rf,{picker:u,total:n})]})}let z1=[];return j.process&&z1.push(q0(ta,{name:"process",label:h?q0(Zf,{children:[D1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?q0(Zf,{children:["FusionForge",D1(i6,{})]}):h}),D1("span",{className:"hidden @min-[720px]:inline",children:O.process})]}):O.process,badge:W.process,open:S==="process",onToggle:()=>H(S==="process"?null:"process"),children:[D1(aa,{children:"Series \xB7 single-select"}),D1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Process series",children:f.map($=>{let c1=P===$;return D1(ih,{active:c1,role:"radio",ariaChecked:c1,onClick:()=>t(sa(P,$)),children:YB($)},$)})})]},"process")),j.size&&z1.push(q0(ta,{name:"size",label:O.size,badge:W.size,open:S==="size",onToggle:()=>H(S==="size"?null:"size"),children:[D1(aa,{children:"Diameter \xB7 single-select"}),D1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Wheel diameter",children:v.map($=>{let c1=F===$;return q0(ih,{active:c1,role:"radio",ariaChecked:c1,onClick:()=>a(sa(F,$)),children:[$,'"']},$)})})]},"size")),j.lugs&&z1.push(q0(ta,{name:"lugs",label:O.lugs,badge:W.lugs,open:S==="lugs",onToggle:()=>H(S==="lugs"?null:"lugs"),children:[D1(aa,{children:"Lug count \xB7 single-select"}),D1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Lug count",children:d.map($=>{let c1=V===$;return q0(ih,{active:c1,role:"radio",ariaChecked:c1,onClick:()=>s(sa(V,$)),children:[$,"-Lug"]},$)})})]},"lugs")),j.finish&&z1.push(q0(ta,{name:"finish",label:O.finish,badge:W.finish,open:S==="finish",onToggle:()=>H(S==="finish"?null:"finish"),children:[D1(aa,{children:"Color family \xB7 single-select"}),D1("div",{className:"flex flex-col gap-1.5",role:"radiogroup","aria-label":"Finish color family",children:N.map($=>{let c1=D===$.f;return q0("button",{type:"button",role:"radio","aria-checked":c1,onClick:()=>c(c1?null:$.f),className:["flex items-center gap-2.5 border px-3 py-2 text-left transition-colors",c1?"border-accent text-fg":"border-line hover:border-fg-dim"].join(" "),children:[D1("span",{className:"block h-3.5 w-3.5 shrink-0 rounded-full border border-line",style:{background:$.hex}}),D1("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:c1?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:$.label}),c1&&D1("span",{"aria-hidden":!0,className:"ml-auto text-accent",children:"\u25CF"})]},$.f)})})]},"finish")),q0("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:[q0("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:[q0("div",{className:"flex flex-wrap items-center gap-1 @max-[720px]:gap-1.5",children:[j.count&&q0("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"]}),XB(z1,M),j.price&&q0(ta,{name:"price",label:O.price,badge:W.price,open:S==="price",onToggle:()=>H(S==="price"?null:"price"),children:[D1(aa,{children:"Price range (per wheel)"}),q0("div",{className:"mt-1 flex items-center gap-2",children:[D1("input",{type:"number",placeholder:"$ Min",value:Z??"",onChange:$=>l($.target.value?Number($.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"}),D1("span",{className:"font-mono text-[length:var(--size-label,12px)] text-fg-dim",children:"\u2014"}),D1("input",{type:"number",placeholder:"$ Max",value:I??"",onChange:$=>r($.target.value?Number($.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"})]})]}),j.vehicle&&u&&D1(If,{label:O.vehicle,badge:W.vehicle,open:S==="vehicle",onToggle:()=>H(S==="vehicle"?null:"vehicle")})]}),C&&D1("div",{className:`flex items-center @max-[720px]:hidden ${j.sort?"":"ml-auto"}`,children:D1(JB,{href:C.href,label:C.label})}),j.sort&&q0("div",{className:"ml-auto flex items-center gap-3 @max-[720px]:hidden",children:[D1("button",{type:"button",onClick:n1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-accent",children:"Clear All"}),D1(Aa,{value:U,onChange:$=>o($.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(Ra).map($=>D1("option",{value:$,children:Ra[$]},$))})]})]}),j.vehicle&&u&&S==="vehicle"&&D1(WB,{picker:u,onClose:()=>H(null)}),j.vehicle&&u&&D1(Rf,{picker:u,total:n})]})}var le1={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"},eZ="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)]";function ca({name:e,label:t,rowsAreOptions:a,children:s}){return q0("div",{"data-filter-column":e,className:"flex flex-col gap-[22px]",children:[D1("div",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.34em] text-fg-dim",children:t}),D1("div",{role:a?"radiogroup":void 0,"aria-label":a?t:void 0,children:s})]})}function nh({active:e,onClick:t,children:a}){return D1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[eZ,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:D1("span",{children:a})})}function QB({label:e,value:t,onChange:a,ariaLabel:s}){return q0("label",{className:`${eZ} border-line`,children:[D1("span",{className:"text-fg-dim",children:e}),D1("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 oe1}from"react/jsx-runtime";function Of({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:u,setPriceMax:d,setSort:v,clearAll:g,total:b,scrollProcess:f,publishVehicle:C,lugOptions:z,sizeOptions:M,finishOptions:S,optionsReported:H}=Qr(),_=re1(()=>s?U4(s,"alloy-wheel"):void 0,[s]),E=_4({editing:c,autoApply:!0});tZ(()=>{C({fit:E.fit,name:E.appliedName,resolving:E.resolving,unresolved:E.unresolved})},[C,E.fit,E.appliedName,E.resolving,E.unresolved]);let O=E.applied?.vehicle??null;tZ(()=>{if(c||!E.restored||typeof window>"u")return;let D=new URLSearchParams(window.location.search);for(let I of Object.values(B5))D.delete(I);Z5(D,O);let Z=D.toString();window.history.replaceState(null,"",`${window.location.pathname}${Z?`?${Z}`:""}`)},[c,E.restored,O]);let P=S_(o),F=(r??"").trim()||"See all results",V=l&&!c&&P.length===0?{href:L_(l,o,O),label:F}:void 0;return oe1(Df,{resultsLink:V,filters:o,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:u,setPriceMax:d,setSort:v,clearAll:g,total:b,lugOptions:z,sizeOptions:M,finishOptions:S,scrollProcess:f,show:e,layout:t,processOptions:a,optionsReported:H,fieldUsage:_,picker:E})}import{jsx as ie1}from"react/jsx-runtime";var aZ={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:c9,resultsHref:"",resultsLabel:""},render:e=>ie1(Of,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:A_(e.layout),processOptions:e.processOptions,fieldUsage:e.fieldUsage,resultsHref:a1(e.resultsHref)||void 0,resultsLabel:a1(e.resultsLabel)||void 0,editing:e.puck?.isEditing})};import{rootRowName as i60,slotChildName as sZ,slotChildRenameProp as n60,slotChildRowName as h60}from"efficient-easel/screen/lib/puck/slot-child-name";import{jsx as ne1}from"react/jsx-runtime";var cZ={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)=>T2(i).hidden?"":a1(i)||(c?.isEditing?p(n):void 0),o=sZ({type:"CollectionCard",props:{altName:t,collection:l}});return ne1(gu,{tag:r(a,A.eyebrow),name:o||(c?.isEditing?p("Card title"):void 0),desc:l?.description||(c?.isEditing?p(A.body):void 0),href:a1(s)||void 0,imageSrc:l?.image||void 0,imageLabel:l?.name||void 0})}};import{jsx as he1}from"react/jsx-runtime";var lZ={label:"Country Switch",render:({puck:e})=>he1(OB,{editing:e?.isEditing})};import{jsx as v9,jsxs as Gf}from"react/jsx-runtime";function me1(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=ah(e);return a&&t.push({key:"Rolling noise",value:a}),t}function pe1(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function qf({label:e}){let t=me1(e),a=pe1(e);return Gf("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[v9("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:e.size}),v9("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:t.map(s=>Gf("div",{className:"flex items-baseline justify-between gap-3",children:[v9("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:s.key}),v9("dd",{className:"text-right text-fg",children:s.value})]},s.key))}),a.length>0?v9("ul",{className:"mt-3 flex flex-wrap gap-2",children:a.map(s=>v9("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,Gf("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}`,v9("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]})}import{jsx as hh,jsxs as ue1}from"react/jsx-runtime";function Wf({labels:e,num:t}){return e.length===0?null:ue1("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:[hh(t0,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),hh("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>hh(qf,{label:a},a.registrationNumber))}),hh(a5,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as Ac}from"react/jsx-runtime";var de1=["tyre"];function Uf(e){return Ac(x2,{kinds:de1,type:"EuTyreLabel",editing:e.editing,children:Ac(ge1,{...e})})}function ge1({num:e,editing:t=!1}){let a=X0(),s=z3(t&&!a),c=a?.product??s,l=c?.kind==="tyre"?c.source.variants:[],r=sh(l);return r.length===0&&t?Ac("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:Ac("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("The EU label appears here for every size with an EPREL registration number. It is read live from the registry and never stored.")})}):Ac(Wf,{labels:r,num:e??""})}import{jsx as ve1}from"react/jsx-runtime";var rZ={label:"EU Tyre Label",defaultProps:{num:""},render:e=>ve1(Uf,{num:y(e.num,K0.num,e.puck),editing:e.puck?.isEditing})};import{jsx as fe1}from"react/jsx-runtime";var oZ={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 fe1(es,{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 Ae1,useEffect as Yf,useState as la}from"react";import{useEffect as be1,useId as xe1,useRef as iZ,useState as ze1}from"react";import{jsx as w3,jsxs as jf}from"react/jsx-runtime";function mh({item:e,mobile:t=!1,onNavigate:a,dropdownAlign:s="start"}){let[c,l]=ze1(!1),r=xe1(),o=iZ(null),i=iZ(null),n=e.dropdownItems.length>0,h=!Ve(e.href);be1(()=>{if(!c)return;let d=o.current?.ownerDocument??document,v=g=>{o.current?.contains(g.target)||l(!1)};return d.addEventListener("pointerdown",v),()=>d.removeEventListener("pointerdown",v)},[c]);let m=()=>{l(!1),a?.()};if(!n)return h?w3(L1,{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}):w3("span",{className:t?"flex min-h-11 items-center font-display text-3xl":"whitespace-nowrap opacity-80",children:e.label});let u=w3("button",{ref:i,type:"button","aria-label":`${c?"Close":"Open"} ${e.plainLabel} menu`,"aria-expanded":c,"aria-controls":r,onClick:()=>l(d=>!d),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:w3("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:w3("path",{d:"m3 5 4 4 4-4"})})});return t?jf("div",{ref:o,children:[jf("div",{className:"flex min-h-11 items-center justify-between gap-3",children:[h?w3(L1,{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}):w3("span",{className:"min-w-0 flex-1 font-display text-3xl",children:e.label}),u]}),c?w3("div",{id:r,className:"mt-3 flex flex-col border-l border-line pl-5",children:e.dropdownItems.map((d,v)=>Ve(d.href)?w3("span",{className:"flex min-h-11 items-center text-base opacity-80",children:d.label},`${d.href}-${v}`):w3(L1,{href:d.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:d.label},`${d.href}-${v}`))}):null]}):jf("div",{ref:o,className:"relative flex items-center whitespace-nowrap",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onBlurCapture:d=>{d.currentTarget.contains(d.relatedTarget)||l(!1)},onKeyDown:d=>{d.key==="Escape"&&(l(!1),i.current?.focus())},children:[h?w3(L1,{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}):w3("span",{className:"opacity-80",children:e.label}),u,c?w3("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:w3("div",{className:"overflow-hidden rounded-lg border border-line bg-bg p-2 shadow-xl",children:e.dropdownItems.map((d,v)=>Ve(d.href)?w3("span",{className:"flex min-h-11 items-center rounded-md px-4 py-2 text-sm opacity-80",children:d.label},`${d.href}-${v}`):w3(L1,{href:d.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:d.label},`${d.href}-${v}`))})}):null]})}import{useEffect as Hc,useRef as ye1,useState as nZ}from"react";function ph({stickyMode:e,heightPx:t}){let a=ye1(null),[s,c]=nZ(!1),[l,r]=nZ(!1);return Hc(()=>{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]),Hc(()=>{e!=="on_scroll_up"&&r(!1)},[e]),Hc(()=>{let o=a.current?.ownerDocument?.documentElement;o&&o.style.setProperty(cr,`${t}px`)},[t]),Hc(()=>{let o=a.current,i=o?.ownerDocument,n=i?.defaultView;if(!o||!i||!n)return;let h="",m=d=>{let v=`${Math.round(d)}px`;v!==h&&(h=v,i.documentElement.style.setProperty(Tm,v),i.body?.style.setProperty(Tm,v))};if(typeof n.ResizeObserver!="function"){m(o.getBoundingClientRect().height);return}let u=new n.ResizeObserver(d=>{let v=d[0]?.borderBoxSize?.[0];m(v?v.blockSize:o.getBoundingClientRect().height)});return u.observe(o),()=>u.disconnect()},[]),Hc(()=>{let o=a.current?.ownerDocument?.documentElement;o&&o.setAttribute("data-header-sticky",e)},[e]),{headerRef:a,scrolled:s,navHidden:l}}import{useEffect as we1,useRef as Ce1,useState as hZ}from"react";import{jsx as mZ}from"react/jsx-runtime";function Kf(){let[e,t]=hZ("dark"),[a,s]=hZ(!1),c=Ce1(null),l=()=>c.current?.ownerDocument??document;we1(()=>{let o=l().documentElement,i=()=>t(dC(o));i(),s(!0);let n=new MutationObserver(i);return n.observe(o,{attributes:!0,attributeFilter:[uC]}),()=>n.disconnect()},[]);function r(){let o=l(),i=e==="dark"?"light":"dark";t(i),gC(o.documentElement,i),vC(o,i)}return mZ("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:mZ("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 pZ({editorPreview:e,hasPreviewSettings:t,hasInitialSettings:a}){return!e&&!t&&!a}var uZ=ty,ke1="sf-header-theme";function $f(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0?e:null}function uh(e){let t=$f(e);return t===null?null:{className:ke1,style:sy(t)}}function dZ(e){return typeof e=="number"&&Number.isInteger(e)&&e>=C5.min&&e<=C5.max?e:C5.default}var dh=e=>!!e&&e.startsWith("/wheels/")&&e!=="/wheels",gh=(e,t)=>!e&&t?"var(--section-bg)":"var(--bg)",gZ=e=>e==="capitalised"?"capitalised":"uppercase",vZ=e=>e==="inline"?"inline":e==="top"||e==="bottom"?"top":null;function fZ(e){let t=(e??"").trim();return Lz(t,"#000000")===null?null:Az(t)==="#000000"}var vh="data-lead-ink",fh="data-header-ink";var Me1="auto";function Se1(e){return e.type==="IntroBleed"?ht(e.props?.layout)!=="stacked":!0}function bZ(e){let t=$w(e);return t&&Yw(e)&&Se1(t)?"light":null}function bh(e){return e==="light"||e==="dark"?e:Me1}import{Fragment as xh,jsx as W0,jsxs as n2}from"react/jsx-runtime";var xZ={stacked:{grid:"hidden min-[1501px]:grid",flex:"hidden min-[1501px]:flex"},inline:{grid:"hidden min-[801px]:grid",flex:"hidden min-[801px]:flex"}},He1=Array.from({length:tM},()=>({href:"#",label:W0(Pe,{})}));function Xf({previewSettings:e,initialSettings:t,editorPreview:a,showThemeToggle:s,wordmark:c,hideLogo:l,hideMenu:r,siteName:o,commerceEnabled:i=!0}={}){let n=De(),[h,m]=la(!1);Yf(()=>{let S1=E0.current?.ownerDocument??document,r0=()=>m(S1.querySelector(`[${vh}="light"]`)!=null);r0();let M1=requestAnimationFrame(r0);return()=>cancelAnimationFrame(M1)},[n]);let u=dh(n),[d,v]=la(!1),{open:g,totals:b}=o4(),{open:f}=Ee(),[C,z]=la(!1),[M,S]=la(null),[H,_]=la(null),[E,O]=la(t??null),P=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(S1=>({label:S1.label,url:S1.url,dropdown_menu:null,dropdown_items:S1.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),F=l?null:P?.logoUrl??null,V=P?.reverseLogo??!1,D=P?.logoReversed??null,Z=P?.logoInkIsDark??null,I=P?.logoPosition??"center",U=P?.logoSize??"medium",N=P?.logoSizePx??null,J=Math.min(Math.max(P?.menuSplit??3,1),4),j=(P?.menuPosition??"left")==="center",W=(P?.menuPosition??"left")==="beside",n1=(P?.menuRow??"top")==="inline",z1=P?.menuGapPx??null,$=z1!=null?{gap:`${z1}px`}:void 0,c1=n1?xZ.inline:xZ.stacked,g1=P?.searchEnabled??!1,K=P?.searchPosition??"right",u1=P?.countrySelectorEnabled??!0,x1=P?.accountEnabled??!0,T0=P?.cartEnabled??!0,P0=(P?.utilStyle??"icon")==="text",H1=`mono-eyebrow${(P?.navTextCase??"uppercase")==="capitalised"?" mono-eyebrow-plain":""}`,c0=P?.countryUrls??{},l0=xl(P?.width),J1=bl(l0)??void 0,y2=P?.heightPx??C5.default,a0=P?.sticky??"always",H2=bh(P?.topTextColor),g0=uh(P?.theme),p1=Object.keys(c0),W1=Rr(p1.length?p1:void 0),i0=u1?W0(S8,{countries:p1.length?p1:void 0,urls:e?void 0:c0}):null,{headerRef:E0,scrolled:w0,navHidden:o2}=ph({stickyMode:a0,heightPx:y2}),Q=g0?JSON.stringify(g0.style):null;Yf(()=>{let S1=E0.current?.ownerDocument??document,r0=S1.defaultView??window,M1=K6=>K6?fZ(r0.getComputedStyle(K6).getPropertyValue("--bg")):null,w2=()=>{z(S1.documentElement.getAttribute("data-theme")==="light"),S(M1(S1.body)),_(M1(E0.current))};w2();let d2=new MutationObserver(w2);return d2.observe(S1.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),S1.body&&d2.observe(S1.body,{attributes:!0,attributeFilter:["style"]}),()=>d2.disconnect()},[E0,Q]);let k1=s??!1?W0(Kf,{}):null;Yf(()=>{if(!pZ({editorPreview:!!a,hasPreviewSettings:!!e,hasInitialSettings:!!t}))return;let S1=!1;return v0.getHeaderSettings().then(r0=>!S1&&O(r0)).catch(r0=>{console.warn("[header] settings fetch failed; using built-in defaults",r0)}),()=>{S1=!0}},[a,e,t]);let h0=w0||u,N0=gh(C,u),t6=H2==="auto"?h:H2==="light",G6=h0||!t6,q6=h0?H??C:(M??C)&&!t6,W6=H2==="auto"?null:{[fh]:H2},p5=Ae1(()=>v(!1),[]);S4({active:d,onDismiss:p5});let E3=(S1,r0,M1="start")=>W0(mh,{item:S1,dropdownAlign:M1},r0),U6=!r&&(P?.menuItems?.length??0)>0,p8=!!a||!!e,m3=U6?P.menuItems.map(S1=>({href:S1.url||"",label:Q1(S1.label),plainLabel:S1.label,dropdownItems:(S1.dropdown_items??[]).map(r0=>({href:r0.url||"",label:Q1(r0.label),plainLabel:r0.label}))})):p8?He1.map(S1=>({...S1,plainLabel:"Menu item",dropdownItems:[]})):[],w9=m3.length>0||i&&x1||!!i0&&W1||!!k1,V3=I==="center"?m3.slice(0,J):I==="right"?m3:[],Q3=I==="center"?m3.slice(J):I==="left"?m3:[],M3=g1?W0(Zr,{onClick:p8?void 0:f,asText:P0}):null,e4=i&&x1?W0(Qk,{asText:P0}):null,a6=S1=>i&&T0?W0(Br,{onClick:g,count:b.sets,asText:P0,className:S1}):null,x4=n2(xh,{children:[K==="left"?M3:null,i0,k1,e4,a6(),K==="right"?M3:null]}),z4=(S1,r0=!1)=>W0(L1,{href:"/","aria-label":o?`${o} home`:"Home",className:S1,children:W0(be,{variant:"header",scrolled:G6,src:F,reverse:V,onLightSurface:q6,reversedSrc:D,inkIsDark:Z,size:U,sizePx:N,wordmark:c,siteName:o,fitToContainer:r0})}),O4=z4("inline-flex shrink-0 items-center justify-center"),j6="flex min-w-0 flex-1 items-center overflow-x-clip [container-type:inline-size]";return n2(xh,{children:[W0("header",{ref:E0,"data-scrolled":w0||void 0,...W6,className:["sf-site-header",...g0?[g0.className]:[],a0==="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:{...g0?g0.style:null,minHeight:Kw,...o2?{transform:"translateY(-100%)"}:null,...h0?{background:N0,color:"var(--fg)","--sf-header-ground":N0}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:n2("div",{className:"w-full",style:J1,children:[j?n2("div",{className:`${c1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[I==="right"?W0("nav",{className:`${H1} flex items-center gap-7`,children:x4}):W0("div",{className:"flex items-center",children:O4}),W0("nav",{className:`${H1} flex items-center justify-center gap-7`,children:m3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`,"center"))}),I==="right"?W0("div",{className:"flex items-center justify-end",children:O4}):W0("nav",{className:`${H1} flex items-center justify-end gap-7`,children:x4})]}):I==="center"?n2("div",{className:`${c1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[W0("nav",{className:`${H1} flex items-center gap-7`,children:V3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`))}),O4,n2("nav",{className:`${H1} flex items-center justify-end gap-7`,children:[Q3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`,"end")),x4]})]}):W?n2("div",{className:`${c1.flex} items-center justify-between gap-8`,children:[n2("div",{className:"flex items-center gap-7",style:$,children:[O4,W0("nav",{className:`${H1} flex items-center gap-7`,children:m3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`))})]}),W0("nav",{className:`${H1} flex items-center justify-end gap-7`,children:x4})]}):W0("div",{className:`${c1.flex} items-center justify-between gap-8`,children:I==="right"?n2(xh,{children:[n2("nav",{className:`${H1} flex items-center gap-7`,children:[m3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`)),x4]}),O4]}):n2(xh,{children:[O4,n2("nav",{className:`${H1} flex items-center gap-7`,children:[m3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`)),x4]})]})}),!n1&&n2("div",{className:"hidden min-[801px]:max-[1500px]:flex flex-col gap-3",children:[n2("div",{className:"flex items-center justify-between",children:[z4(j6,!0),n2("div",{className:`${H1} flex shrink-0 items-center gap-5`,children:[M3,i0,k1,e4,a6()]})]}),W0("nav",{className:`${H1} flex items-center gap-6 border-t border-line/60 pt-2.5`,children:m3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`))})]}),n2("div",{className:"hidden max-[800px]:flex items-center justify-between",children:[z4(j6,!0),n2("div",{className:"flex shrink-0 items-center gap-4",children:[M3,e4,a6(H1),w9&&n2("button",{type:"button","aria-label":d?"Close menu":"Open menu","aria-expanded":d,onClick:()=>v(S1=>!S1),className:"flex h-11 w-11 flex-col items-center justify-center gap-1.5",children:[W0("span",{className:`block h-px w-5 bg-current transition-transform ${d?"translate-y-[3px] rotate-45":""}`}),W0("span",{className:`block h-px w-5 bg-current transition-transform ${d?"opacity-0":""}`}),W0("span",{className:`block h-px w-5 bg-current transition-transform ${d?"-translate-y-[3px] -rotate-45":""}`})]})]})]})]})}),d&&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:[m3.map((S1,r0)=>W0(mh,{item:S1,mobile:!0,onNavigate:()=>v(!1)},`${S1.href}-${r0}`)),n2("div",{className:"mt-auto flex flex-col gap-4 border-t border-line pt-6",children:[i&&x1&&n2("div",{className:"flex items-center justify-between",children:[W0("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),W0(L1,{href:"/account",onClick:()=>v(!1),className:"mono-eyebrow underline",children:"Your account"})]}),i0&&W1&&n2("div",{className:"flex items-center justify-between",children:[W0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),i0]}),k1&&n2("div",{className:"flex items-center justify-between",children:[W0("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),k1]})]})]})]})}import{jsx as zZ,jsxs as Te1}from"react/jsx-runtime";var Fe1=`
|
|
142
|
+
.sf-preview-header-pick header { cursor: pointer; }
|
|
143
|
+
.sf-preview-header-pick header:hover {
|
|
144
|
+
outline: 2px solid color-mix(in srgb, ${h6.accent} 45%, transparent);
|
|
145
|
+
outline-offset: -2px;
|
|
146
|
+
}
|
|
147
|
+
.sf-preview-header-pick[data-selected] header {
|
|
148
|
+
outline: 2px solid ${h6.accent};
|
|
149
|
+
outline-offset: -2px;
|
|
150
|
+
}
|
|
151
|
+
`;function yZ(){let{settings:e,selected:t,select:a,websiteName:s,templateChrome:c,templateName:l,chromePlaceholder:r,themeSwitchShown:o}=_3(),i=c?l?.trim()||p("Template"):s?.trim()||Yl,n=c||r;return Te1("div",{className:"sf-preview-header-pick sf-theme-surfaces","data-selected":t||void 0,onClick:h=>{h.stopPropagation(),a()},children:[zZ("style",{children:Fe1}),zZ(Xf,{previewSettings:e??void 0,editorPreview:!0,showThemeToggle:o,wordmark:i,hideLogo:n,hideMenu:n})]})}import{Render as Be1}from"efficient-easel/render";import{useEffect as Pe1,useState as Ee1}from"react";import{jsx as _e1}from"react/jsx-runtime";var Ve1=["none","always","on_scroll_up"],Ne1=e=>Ve1.includes(e)?e:"always";function Jf({sticky:e,topTextColor:t,heightPx:a,theme:s,children:c}){let l=Ne1(e),r=dZ(a),{headerRef:o,scrolled:i,navHidden:n}=ph({stickyMode:l,heightPx:r}),h=bh(t),m=h==="auto"?null:{[fh]:h},u=uh(s),d=dh(De()),[v,g]=Ee1(!1);Pe1(()=>{let C=o.current?.ownerDocument??document,z=()=>g(C.documentElement.getAttribute("data-theme")==="light");z();let M=new MutationObserver(z);return M.observe(C.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>M.disconnect()},[o]);let b=i||d,f=gh(v,d);return _e1("header",{ref:o,"data-scrolled":i||void 0,"data-box-header":"",...m,className:["sf-site-header",...u?[u.className]:[],"flex flex-col justify-center",l==="none"?"absolute":"fixed","inset-x-0 top-0 z-50",b?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...u?u.style:null,minHeight:`var(${cr}, ${r}px)`,...n?{transform:"translateY(-100%)"}:null,...b?{background:f,color:"var(--fg)","--sf-header-ground":f}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:c})}var Ie1={"Logos.logosPerRow":"columns","HeroSlide.tintOpacity":"overlay","Split.textBgTint":"overlay"};function Re1(e){return Array.isArray(e)&&e.length>0&&e.every(t=>!!t&&typeof t=="object"&&typeof t.type=="string")}function Qf(e){let t=e.props,a=!1;if(e.type&&t)for(let[s,c]of Object.entries(Ie1)){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(!Re1(l))continue;let r=l.map(Qf);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 wZ(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(Qf);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(Qf);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 Oe1,jsx as eb}from"react/jsx-runtime";var Ze1=null,De1=()=>Ze1??={...tb,root:{...tb.root,render:({children:e})=>eb(Oe1,{children:e})}};function ab({group:e}){let t=wZ({root:{props:{}},content:[e],zones:{}}),a=e.props??{};return eb(Jf,{sticky:a.sticky,topTextColor:a.topTextColor,heightPx:a.heightPx,theme:a.sectionAccent,children:eb(Be1,{config:De1(),data:t})})}import{jsx as CZ}from"react/jsx-runtime";function sb({editing:e=!1}){let{headerGroup:t}=dw();return e?t?CZ(ab,{group:t}):CZ(yZ,{}):null}import{jsx as Ge1}from"react/jsx-runtime";var kZ={label:"Header",render:({puck:e})=>Ge1(sb,{editing:e?.isEditing})};import{useEffect as ft1,useState as QZ}from"react";var MZ="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 hb,useRef as it1,useState as XZ}from"react";import{jsx as cb,jsxs as SZ}from"react/jsx-runtime";var qe1="Please enter a valid email address.";function Fc({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 SZ("form",{className:[n,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:m=>{m.preventDefault(),c()},children:[SZ("div",{className:"flex items-stretch gap-2",children:[cb("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"}),cb("button",{type:"submit",disabled:a==="sending",className:i,children:a==="sending"?"Sending\u2026":l})]}),(a==="error"||a==="invalid")&&cb("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?qe1:r})]})}import{jsx as e6,jsxs as ra}from"react/jsx-runtime";function Tc({vehicle:e,escape:t,override:a,verdict:s,showChangeCar:c,cascadeErrorNote:l,askNote:r}){let o=e.appliedName!=="";return ra("div",{className:"pb-2",children:[ra("div",{className:"mb-3 flex items-center justify-between gap-4 font-mono text-[13px] font-semibold uppercase tracking-[0.2em] text-fg",children:[e6("span",{children:"Vehicle Fitment"}),t]}),a?e6("div",{className:"flex flex-col gap-3",children:a}):o?ra("div",{className:"flex flex-col gap-3",children:[s,c&&e6("div",{children:e6("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"})})]}):ra("div",{className:"flex flex-col gap-3",children:[e6(Y3,{cascade:e.cascade,compact:!0}),e.cascade.cascadeError&&e6("p",{className:"font-mono text-[12px] leading-relaxed tracking-[0.1em] text-fg-dim",children:l}),e6("span",{className:"font-mono text-[12px] tracking-[0.1em] text-fg-dim",children:r})]})]})}function lb({vehicle:e}){return e.appliedName?ra("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:[ra("span",{children:["Showing fitment for your"," ",e6("strong",{className:"font-semibold text-fg",children:e.appliedName})]}),e6("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 n5({tone:e,children:t}){return e6("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 We1,useState as LZ}from"react";function zh(e,t){let[a,s]=LZ(null),[c,l]=LZ(!1),r=t?.make??"",o=t?.model??"",i=t?.year??null,n=t?.modification??"",h=t!==null;return We1(()=>{if(!h||i===null){s(null),l(!1);return}let m=!0;return s(null),l(!0),NS(e,{make:r,model:o,year:i,modification:n}).then(u=>{if(!m)return;let d=u.vehicle;d.make!==r||d.model!==o||d.year!==i||d.modification!==n||(s(u),l(!1))}),()=>{m=!1}},[e,r,o,i,n,h]),{answer:a,loading:c}}function yh(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 wh={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function Ue1(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=>qa(e,l.sku));return c.includes("fits")?"fits":c.every(l=>l==="doesNotFit")?"doesNotFit":"unknown"}var rb={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function AZ(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=>Ue1(e,t,n)==="fits"),c=n=>{let h=i4(n);return h?W4(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),u=m??n;o.has(u)||(o.add(u),h!==null&&i.add(h),r.push({size:u,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 HZ,jsx as B4,jsxs as R4}from"react/jsx-runtime";function ob({slug:e,variants:t,vehicle:a,manualMode:s,setManualMode:c}){let{answer:l,loading:r}=zh(e,s?null:mo(a.applied?.vehicle)),o=a.appliedName;return B4(Tc,{vehicle:a,escape:B4("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?R4(n5,{tone:"quiet",children:[B4("strong",{className:"font-semibold text-fg",children:"You are choosing by size."}),R4("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."," ",B4(L1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]}):null,verdict:B4(je1,{answer:l,loading:r,car:o,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:R4(HZ,{children:["Vehicle data is unavailable right now. Pick your size above, or"," ",B4(L1,{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 je1({answer:e,loading:t,car:a,variants:s,onChange:c}){if(t||!e)return R4(n5,{tone:"quiet",children:[B4("strong",{className:"font-semibold text-fg",children:"Checking your car\u2026"})," ",R4("span",{children:["Reading the factory tyre sizes for your ",a,"."]})]});let l=AZ(e,s),r=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",o=l.length===0?yh(e):"",i=o&&r?`${o} ${r}`:o||r;return R4(n5,{tone:e.status==="fits"?"good":"quiet",children:[R4("span",{className:"block",children:[e.status==="fits"?R4("strong",{className:"font-semibold text-accent",children:["\u2713 Made in a size your ",a," takes"]}):e.status==="doesNotFit"?R4("strong",{className:"font-semibold text-fg",children:["Not made in a size your ",a," takes"]}):R4("strong",{className:"font-semibold text-fg",children:["We cannot check this tyre against your ",a]}),R4("span",{className:"whitespace-nowrap",children:[" \xB7 ",B4("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?B4("span",{className:"mt-1.5 block",children:i}):null,l.length>0?R4(HZ,{children:[B4("span",{className:"mt-1.5 block",children:"Your car takes:"}),B4("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:l.map(n=>{let h=n.made?rb.fits:rb.doesNotFit;return B4("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 ${wh.fits}`:n.size},n.size)})})]}):null]})}import{useEffect as FZ,useState as TZ}from"react";var Ch="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function PZ(e,t,a){return a<=1?0:((e+t)%a+a)%a}function EZ(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(PZ(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(PZ(e,1,t))}]}function Ke1(e){let{props:t}=Bx({src:e,alt:"",fill:!0,sizes:Ch}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function VZ(e,t,a=Ke1){let[s,c]=TZ(()=>new Set),[l,r]=TZ(t),o=e.join(`
|
|
152
|
+
`);FZ(()=>{let n=!0,h=m=>{n&&c(u=>u.has(m)?u:new Set(u).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 FZ(()=>{i&&l!==t&&r(t)},[i,l,t]),i?t:l}import{Fragment as Ye1,jsx as C3,jsxs as X3}from"react/jsx-runtime";function ib({selection:e,spec:t,vehicle:a,wheel:s}){let{manualMode:c,setManualMode:l}=e,r=Mn(e.rows,e.preOrder),o=a.appliedName!=="",i=(s?.variants??[]).some(vg),n=UI({wheel:s,applied:o,fit:a.fit,resolving:a.resolving});return C3(Tc,{vehicle:a,escape:C3("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?X3(n5,{tone:"quiet",children:[C3("strong",{className:"font-semibold text-fg",children:"You are choosing by the numbers."}),X3("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."," ",C3(L1,{href:"/fitment",className:"text-accent hover:underline",children:"Talk to an engineer \u2192"})]})]}):null,verdict:C3($e1,{verdict:n,car:a.appliedName}),showChangeCar:n.state!=="fits"&&n.state!=="checking",cascadeErrorNote:X3(Ye1,{children:["Vehicle data is unavailable right now. Pick your wheel by its specs instead, or"," ",C3(L1,{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 $e1({verdict:e,car:t}){switch(e.state){case"checking":return X3(n5,{tone:"quiet",children:[C3("strong",{className:"font-semibold text-fg",children:"Checking fitment\u2026"})," ",X3("span",{children:["Reading the factory wheel specs for your ",t,"."]})]});case"fits":return X3(n5,{tone:"good",children:[X3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),C3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>C3("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 X3(n5,{tone:"good",children:[X3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),C3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>C3("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))}),X3("span",{className:"mt-2 block border-l-2 border-alert pl-2.5",children:[C3("strong",{className:"font-semibold text-fg",children:"Check the offset. "}),m9(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."," ",C3(L1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]});case"no-fit":return X3(n5,{tone:"bad",children:[X3("strong",{className:"font-semibold",style:{color:"var(--alert)"},children:["\u2717 Does not fit your ",t]}),C3("span",{className:"mt-1.5 block",children:m9(e.failure)})]});case"unknown":return X3(n5,{tone:"quiet",children:[C3("strong",{className:"font-semibold text-fg",children:e.missing==="vehicle"?`We cannot check this wheel against your ${t}`:"We cannot check this wheel"}),X3("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."," ",C3(L1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us before you order \u2192"})]})]});default:return null}}import{useState as RZ}from"react";import{useCallback as _Z,useRef as Xe1,useState as Je1}from"react";function NZ(e,t,a){return{productSlug:e,email:a.trim(),size:t?Ae(t):""}}function IZ(){let[e,t]=Je1("idle"),a=Xe1(!1),s=_Z(()=>{a.current=!1,t("idle")},[]),c=_Z(async({productSlug:l,size:r,email:o,dryRun:i=!1})=>{if(!a.current){if(!fe(o)){t("invalid");return}a.current=!0,t("sending");try{i||await v0.createPreOrderIntent(NZ(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 oa,jsxs as ia}from"react/jsx-runtime";function nb({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[s,c]=RZ(a.length>0?0:-1),[l,r]=RZ(""),{status:o,submit:i,reset:n}=IZ(),h=s>=0?a[s]??null:null;function m(){i({productSlug:e.slug,size:h,email:l,dryRun:t})}return ia("div",{className:"flex flex-col gap-5 border-t border-line pt-[18px]",children:[ia("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:[oa("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&&ia("div",{children:[ia("div",{className:"mb-3.5 font-mono text-[13px] font-semibold uppercase tracking-[0.22em] text-fg",children:["Size \xB7"," ",oa("span",{className:"text-accent",children:h?Ae(h):"Select a size"})]}),oa("div",{className:"flex flex-wrap gap-1.5",children:a.map((u,d)=>{let v=d===s;return ia("button",{type:"button",onClick:()=>{c(d),o==="sent"&&n()},className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",v?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:v?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[v&&oa("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),oa("span",{className:"block text-[14px] tracking-[0.18em]",children:Ae(u)})]},Ae(u))})})]}),o==="sent"?ia("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,"."]}):oa(Fc,{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 Qe1}from"react";import{Fragment as et1,jsx as kh}from"react/jsx-runtime";function Mh({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:u,onImageClick:d,imageButtonClassName:v,imageButtonLabel:g}){let[b,f]=Qe1(null),C=e||"";if(!(C!==""&&b!==C))return kh(et1,{children:a});let M=kh(N3,{src:C,alt:t,...s?{fill:!0}:{width:c??1e3,height:l??1e3},sizes:r,className:o,style:i,priority:n,draggable:h,onError:()=>f(C)},m??C),S=u?kh("div",{className:u,children:M}):M;return d?kh("button",{type:"button",onClick:d,"aria-label":g,className:v,children:S}):S}function BZ(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]}var DZ="Image for reference only. Actual product may vary.",ZZ=e=>String(Number(e));function OZ(e,t,a,s){let c=e.renderFits;if(!c||!t||t.diameter==null||t.width==null)return!1;let l=s&&a!=null?c.lug?.[String(a)]:c.angles;if(!l)return!1;let r=ZZ(t.diameter);if(!(l.sizes.length===0||l.sizes.includes(`${r}x${ZZ(t.width)}`)||l.sizes.includes(r)))return!0;let i=l.lugs??[];return!s&&a!=null&&i.length>0&&!i.includes(a)}import{Fragment as GZ,jsx as Z4,jsxs as at1}from"react/jsx-runtime";function Sh(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function Lh({text:e}){return e==="FusionForge\xAE"?at1(GZ,{children:["FusionForge",Z4(i6,{})]}):Z4(GZ,{children:e})}function qZ(e,t,a){if(e.kind==="tyre"){let h=e.source,m=t.shown.size??h.sizes[0]??"",u=h.variants.find(g=>g.size===m),d=u?.specs.tireType??h.variants[0]?.specs.tireType??null,v=[u?.image,h.coverImage].filter(g=>!!g);return{heading:en(h.brand,h.name),photos:v.slice(0,1),tint:void 0,stageImage:()=>Z4(p6,{image:u?.image??h.coverImage,size:m,type:d,sizes:Ch,priority:!0,className:"h-full w-full"}),thumbImage:()=>null,captions:[],thumbFallbackCells:0,galleryHint:"",referenceNote:"",metaValue:m,specCaption:u?[u.specs.loadIndex,u.specs.speedRating].filter(Boolean).join(""):"",originCaption:h.brand,unitLabel:"per tyre",vehicle:Z4(ob,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:Z4(lb,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let s=e.source,c=wN(s,t.shown.finish),l=D7(s,t.part),r=An(t),o=Cg(c,r),i=o?[...o]:BZ(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:u,onZoom:d,fit:v})=>Z4(Mh,{src:h,alt:m,fill:!0,sizes:Ch,className:v==="cover"?"object-cover":"object-contain",priority:!0,onImageClick:d,imageButtonClassName:"relative block h-[88%] w-[88%] cursor-zoom-in",imageButtonLabel:u,fallback:Z4(C8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[70%] w-[70%]"})}),thumbImage:({photo:h,alt:m})=>Z4(Mh,{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:Z4(C8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[55%] w-[55%]"})}),captions:n.map(h=>c.captions?.[h]),thumbFallbackCells:4,galleryHint:tt1(n,c,r,t.manualMode),referenceNote:OZ(c,l,r,o!=null)?DZ:"",metaValue:c.name,specCaption:l?qs(l):"",originCaption:s.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${s.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:Z4(ib,{selection:t,spec:l?qs(l):"",vehicle:t.vehicle,wheel:s}),vehicleMemory:t.manualMode?null:Z4(lb,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:Z4(nb,{wheel:s,editing:a})}}function tt1(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 st1,useContext as ct1,useEffect as lt1,useState as WZ}from"react";import{jsx as ot1}from"react/jsx-runtime";var UZ="storefront-wishlist";function rt1(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var jZ=st1(null);function V90({children:e}){let[t,a]=WZ([]),[s,c]=WZ(!1);lt1(()=>{let o=e3.getItem(UZ);try{o&&a(rt1(o))}catch{}c(!0)},[]);function l(o){let i=t.includes(o)?t.filter(n=>n!==o):[...t,o];a(i),e3.setItem(UZ,JSON.stringify(i))}let r={slugs:t,ready:s,has:o=>t.includes(o),toggle:l,count:t.length};return ot1(jZ.Provider,{value:r,children:e})}function KZ(){let e=ct1(jZ);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}var $Z="data-option-row";import{Fragment as h5,jsx as y1,jsxs as $1}from"react/jsx-runtime";var nt1=4e3;function ht1(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}function na({product:e,selection:t,onLightbox:a,editing:s=!1,pricePlacement:c="top",showVehicleFitment:l=!0,heroLayout:r=e8,imageRatio:o=t8,textAlign:i=d9,showSpecTable:n=!0,showPriceQuote:h=!0,galleryMode:m=a8,imageFit:u=s8}){let d=Yt(r),v=Yn(i),g=Xn(o),b=Jn(m),f=QR(Qn(u),uN(e)),C=d==="imageRight"?`${100-g}fr ${g}fr`:`${g}fr ${100-g}fr`,{picked:z,pick:M,qty:S,setQty:H,choice:_,setChoice:E,angleIdx:O,setAngleIdx:P,showValidation:F,setShowValidation:V,manualMode:D,vehicle:Z,rows:I,facts:U,part:N,outOfStock:J,offer:j,preOrder:W,canAddToCart:n1,currency:z1,price:$,set:c1,msrpLabel:g1}=t,K=qZ(e,t,s),{bullets:u1}=fL(),x1=lN(e),T0=iN(e),P0=l?K.vehicle:null,H1=l?K.vehicleMemory:null,[c0,l0]=XZ(!1);hb(()=>{let Q=()=>{l0(document.documentElement.getAttribute("data-theme")==="light")};Q();let k1=new MutationObserver(Q);return k1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>k1.disconnect()},[]);let{add:J1,open:y2,warmCatalog:a0}=o4();hb(()=>{s||a0(e.kind)},[s,e.kind,a0]);let H2=I.filter(Q=>!W||Q.values.length>0),g0=H2.filter(Q=>Q.role==="resolves"),p1=H2.filter(Q=>Q.role==="describes"&&!dN(T0,Q.key)),W1=p1.findIndex(Q=>Q.chosen===null),i0=(!P0||!K.vehicleAnswersSpecs||t.fitmentSet)&&Mn(I,W)?W1===-1?p1:p1.slice(0,W1+1):[],E0=[...g0,...i0],w0=$1("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[g1&&y1("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:g1}),y1("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:x1?PC($,z1):ve($,z1)}),$.priced&&y1("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:K.unitLabel}),$.setTotal!=null&&$1("div",{className:"ml-auto border border-accent px-3 py-2 font-mono text-[length:var(--size-label,13px)] font-bold uppercase tracking-[0.18em] text-accent",style:{background:"color-mix(in oklab, var(--accent) 14%, transparent)"},children:[j.quantityLabel,": ",Z2(c1,z1)]})]}),o2=it1(null);return hb(()=>{s||o2.current===e.slug||(o2.current=e.slug,EC({itemId:N?`${e.slug}|${N.id}`:e.slug,itemName:e.name,variant:K.metaValue,pricePerSet:$.setTotal??$.fromSetTotal??0,currency:z1}))},[s,e.slug,e.name,K.metaValue,N,$,z1]),$1(h5,{children:[y1("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:c0?void 0:{background:"var(--section-bg)"},children:e.crumbs.map((Q,k1)=>$1("span",{children:[k1>0&&$1(h5,{children:[y1("span",{className:"mx-3 text-accent",children:"/"}),y1("wbr",{})]}),Q.href?y1(L1,{href:Q.href,className:"hover:text-fg",children:y1(Lh,{text:Q.label})}):y1("span",{className:"text-fg",children:y1(Lh,{text:Q.label})})]},`${Q.label}-${k1}`))}),$1("section",{"data-hero-layout":d,"data-hero-align":v,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",d==="stacked"?"grid-cols-1":"[grid-template-columns:var(--hero-cols)] max-[1100px]:[grid-template-columns:1fr]"].join(" "),style:{...c0?{}:{background:"var(--section-bg)"},...d==="stacked"?{}:{"--hero-cols":C}},children:[$1("div",{"data-hero-gallery":b,"data-hero-fit":f,className:b==="tiled"?"flex items-start gap-3 max-[720px]:gap-2":void 0,style:d==="imageRight"?{order:2}:void 0,children:[$1("div",{className:b==="tiled"?"min-w-0 flex-1":void 0,children:[y1(ut1,{name:e.name,view:K,angleIdx:O,onSelect:P,isLight:c0,onLightbox:a,fit:f}),K.referenceNote&&y1("p",{"data-hero-reference-note":!0,className:"mt-2 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.18em] text-fg-dim",children:K.referenceNote}),K.galleryHint&&y1("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:K.galleryHint})]}),b!=="main"&&y1(dt1,{name:e.name,view:K,angleIdx:O,onSelect:P,isLight:c0,tiled:b==="tiled"})]}),$1("div",{className:["flex flex-col gap-7",v==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:d==="imageRight"?{order:1}:void 0,children:[$1("div",{children:[$1("div",{className:"mb-2.5 flex items-center gap-2.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-accent",children:[y1("span",{children:y1(Lh,{text:e.eyebrow})}),e.badge&&$1(h5,{children:[y1("span",{children:"\xB7"}),y1("span",{children:e.badge})]})]}),y1("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 Q=K.heading.lastIndexOf(" ");if(Q===-1)return K.heading;let k1=K.heading.slice(0,Q),h0=K.heading.slice(Q+1);return $1(h5,{children:[k1," ",$1("em",{className:"font-normal italic text-accent",children:[h0,"."]})]})})()})]}),c!=="belowSpecs"&&h&&w0,H1,g0.map(Q=>y1(YZ,{row:Q,onPick:M},Q.key)),W&&K.preOrder?$1(h5,{children:[c==="belowSpecs"&&h&&w0,K.preOrder]}):$1(h5,{children:[P0,i0.map(Q=>y1(YZ,{row:Q,onPick:M},Q.key)),n&&y1(mt1,{facts:U}),(j.packs.length>0||j.extra||j.spareCounts.length>0)&&$1("div",{className:"border-b border-line pb-[26px]",children:[j.packs.length>0&&$1(h5,{children:[y1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),y1("div",{className:"flex flex-wrap gap-1.5",children:j.packs.map(Q=>$1("button",{type:"button",onClick:()=>E(k1=>({...k1,unit:Q.value})),"aria-pressed":_.unit===Q.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",_.unit===Q.value?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:_.unit===Q.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[_.unit===Q.value&&y1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),y1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:Q.label})]},Q.value))})]}),j.extra&&$1("label",{className:`${j.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:[y1("input",{type:"checkbox",checked:_.spares>0,onChange:Q=>E(k1=>({...k1,spares:Q.target.checked?pr:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),j.extra.label]}),j.spareCounts.length>0&&$1(h5,{children:[y1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:t9.howMany}),y1("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:j.spareCounts.map(Q=>{let k1=Q.value-i7,h0=_.spares===k1;return $1("button",{type:"button",onClick:()=>E(N0=>({...N0,spares:k1})),"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&&y1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),$1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[Q.value," \xB7 ",Q.label]})]},Q.value)})})]}),j.spareSide&&$1(h5,{children:[y1("div",{className:"mb-3.5 mt-[26px] font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:j.spareSide.label}),y1("div",{className:"flex flex-wrap gap-1.5",children:j.spareSide.options.map(Q=>{let k1=_.spareSide===Q.value;return $1("button",{type:"button",onClick:()=>E(h0=>({...h0,spareSide:Q.value})),"aria-pressed":k1,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",k1?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:k1?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[k1&&y1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),y1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:Q.label})]},Q.value)})})]})]}),c==="belowSpecs"&&h&&w0,$1("div",{className:MZ,children:[!(x1&&!$.priced)&&y1(Ua,{value:S,onChange:H,size:"large"}),x1&&!$.priced?y1(L1,{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:dr}):$.priced?J?y1("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:"Out of stock"}):$1("button",{type:"button",[pe]:"",onClick:()=>{if(!n1){V(!0),window.setTimeout(()=>V(!1),nt1);return}if(V(!1),s)return;let Q=SN(e,N,z,{choice:_,qty:S},{fitmentLabel:D?K.specCaption:Z.appliedName?`For ${Z.appliedName}`:"",fitmentKey:D?`manual|${K.specCaption}`:`vehicle|${ht1(Z.applied?.vehicle)}`});Q&&(J1(Q),y2())},"aria-disabled":!n1,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",n1?"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:n1?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",$.setTotal!=null?` \xB7 ${Z2(c1,z1)}`:""]}):y1("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:n7}),y1(gt1,{slug:e.slug,name:e.name})]}),J&&N&&y1(vt1,{partNumbers:N.components.map(Q=>Q.partNumber),productSlug:e.slug},N.id),F&&(()=>{let Q=E0.filter(h0=>h0.chosen===null).map(h0=>h0.prompt.replace(/^Select\s+/i,""));if(P0&&K.vehicleAnswersSpecs&&!t.fitmentSet&&Q.push("vehicle fitment"),Q.length===0)return null;let k1=Q.length===1?Q[0]:Q.length===2?`${Q[0]} and ${Q[1]}`:`${Q.slice(0,-1).join(", ")}, and ${Q.at(-1)}`;return $1("p",{role:"alert",className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:["Please select ",k1," first."]})})()]}),u1.length>0&&y1("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:u1.map((Q,k1)=>$1("li",{children:[y1("strong",{className:"font-bold text-accent",children:Q.label}),Q.detail?` ${$a} ${Q.detail}`:""]},`${Q.label}-${k1}`))})]})]})]})}function mt1({facts:e}){return e.length===0?null:$1("div",{className:"border-b border-line pb-[26px]",children:[y1("dl",{className:"flex flex-col gap-2",children:e.map(t=>$1("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[$1("dt",{className:"text-fg-dim",children:[t.label," \xB7"]}),y1("dd",{className:"font-semibold text-fg",children:t.value.label})]},t.key))}),y1("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 YZ({row:e,onPick:t}){if(e.values.length===0&&!e.empty)return null;let a=e.values.find(c=>c.value===e.chosen),s=a&&[a.label,a.note].filter(Boolean).join(" \xB7 ");return $1("div",{className:"border-b border-line pb-[26px]",[$Z]:e.key,children:[$1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:[e.label," \xB7 ",y1("span",{className:"text-accent",children:s??e.prompt})]}),e.values.length===0?$1("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",y1(L1,{href:e.empty.href,className:"text-accent hover:underline",children:e.empty.linkText})]}):e.display==="swatch"?y1("div",{className:"grid grid-cols-2 gap-2",children:e.values.map(c=>{let l=c.value===e.chosen;return $1("button",{type:"button",onClick:()=>t(e.key,c.value),className:["relative flex items-center gap-3 border-2 px-3 py-3 text-left transition-colors",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&&y1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),y1("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:c.swatch}}),y1("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)})}):y1("div",{className:"flex flex-wrap gap-1.5",children:e.values.map(c=>{let l=c.value===e.chosen;return $1("button",{type:"button",onClick:()=>t(e.key,c.value),className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",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&&y1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),y1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:c.label}),c.note&&y1("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:c.note})]},c.value)})})]})}function JZ(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var pt1=6;function ut1({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=VZ(t.photos,o),n=JZ(t),h=n>=2,m=String(n).padStart(2,"0"),u=Math.min(a,Math.max(t.photos.length-1,0)),d=h||t.captions[u]?Sh(t,u):"",v=[e,t.metaValue,d].filter(Boolean).join(" \u2014 "),g="max-[720px]:static",b=["relative flex aspect-square items-center justify-center overflow-hidden max-[720px]:col-span-2",c?"bg-bg":""].join(" ");return $1("div",{className:"relative max-[720px]:grid max-[720px]:grid-cols-[minmax(0,1fr)_auto] max-[720px]:items-start max-[720px]:gap-x-3 max-[720px]:gap-y-2",style:{color:t.tint},children:[$1("div",{className:`absolute left-0 top-0 z-10 flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-fg ${g} max-[720px]:min-w-0 max-[720px]:flex-wrap max-[720px]:gap-x-2 max-[720px]:gap-y-1`,children:[h&&$1(h5,{children:[$1("span",{className:"text-accent",children:[String(a+1).padStart(2,"0")," / ",m]}),y1("span",{className:"text-fg-dim",children:"\xB7"})]}),y1("span",{children:e}),t.metaValue&&$1(h5,{children:[y1("span",{className:"text-fg-dim",children:"\xB7"}),y1("span",{className:"text-accent",children:t.metaValue})]})]}),h&&y1("div",{className:`absolute right-5 top-5 z-10 flex gap-1 ${g}`,children:EZ(a,n,s).map(C=>y1("button",{type:"button","aria-label":C.label,title:C.label,onClick:C.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:C.glyph},C.label))}),$1("div",{className:b,children:[["top-3 left-3","top-3 right-3","bottom-3 left-3","bottom-3 right-3"].map((C,z)=>y1("span",{className:`absolute ${C} h-3 w-3 border border-fg-dim/40`,style:{borderTop:C.includes("top")?"1px solid var(--site-line)":"none",borderBottom:C.includes("bottom")?"1px solid var(--site-line)":"none",borderLeft:C.includes("left")?"1px solid var(--site-line)":"none",borderRight:C.includes("right")?"1px solid var(--site-line)":"none"}},z)),t.stageImage({photo:i,alt:v,label:`Open ${[e,t.metaValue].filter(Boolean).join(" ")} at full resolution`,onZoom:()=>l(i,v),fit:r})]}),$1("div",{className:`absolute bottom-5 left-5 right-5 z-10 flex items-center justify-between gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim ${g} max-[720px]:col-span-2 max-[720px]:flex-wrap`,children:[y1("span",{children:t.specCaption}),y1("span",{children:t.originCaption})]})]})}function dt1({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,tiled:l=!1}){let r=JZ(t);return r<2?null:y1("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,pt1)}, minmax(0, 1fr))`}:void 0,children:Array.from({length:r}).map((o,i)=>{let n=t.photos[i];return $1("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:[y1("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 gt1({slug:e,name:t}){let{has:a,toggle:s}=KZ(),c=a(e);return y1("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 vt1({partNumbers:e,productSlug:t}){let[a,s]=XZ(""),{status:c,submit:l,reset:r}=cn();function o(){l({partNumbers:e,email:a,productSlug:t})}return c==="sent"?y1("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."}):y1(Fc,{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 xt1,jsx as Pc,jsxs as zt1}from"react/jsx-runtime";function mb({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:s,showVehicleFitment:c=!0,...l}){let[r,o]=QZ(null),[i,n]=QZ(!1);return ft1(()=>{let h=!1;return o(null),n(!1),(t==="tyre"?v0.getTyre(e).then(u=>({kind:"tyre",tyre:u})):v0.getWheel(e).then(u=>({kind:"wheel",wheel:u}))).then(u=>{h||o(u)}).catch(()=>{h||n(!0)}),()=>{h=!0}},[e,t]),i?Pc(L4,{size:"tall",children:"Couldn\u2019t load this product."}):r?Pc(bt1,{record:r,editing:a,pricePlacement:s,showVehicleFitment:c,...l}):Pc(L4,{size:"tall",children:"Loading product\u2026"})}function bt1({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:s=!0,...c}){let l=e.kind==="tyre"?Hn(e.tyre):Ws(e.wheel),r=uc(l,{editing:t}),o=pc();return zt1(xt1,{children:[Pc(na,{product:l,selection:r,onLightbox:o.open,editing:t,pricePlacement:a,showVehicleFitment:s,...c}),Pc(It,{item:o.item,onClose:o.close})]})}import{Fragment as kt1,jsx as o8,jsxs as Mt1}from"react/jsx-runtime";var yt1=Z3;function Ah({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...s}){let c=X0();return o8(x2,{kinds:yt1,type:"ProductHero",editing:e,children:c?o8(na,{product:c.product,selection:c.selection,onLightbox:c.openLightbox,editing:e,pricePlacement:t,showVehicleFitment:a,...s}):e?o8(wt1,{pricePlacement:t,showVehicleFitment:a,...s}):o8(L4,{size:"tall",children:"Bound to the current product \u2014 preview on a product page."})})}function wt1({pricePlacement:e,showVehicleFitment:t,...a}){let s=z3(!0);return s?o8(Ct1,{product:s,pricePlacement:e,showVehicleFitment:t,...a}):o8(L4,{size:"tall",children:p("Loading sample product\u2026")})}function Ct1({product:e,pricePlacement:t,showVehicleFitment:a,...s}){let c=uc(e,{editing:!0}),l=pc();return Mt1(kt1,{children:[o8(na,{product:e,selection:c,onLightbox:l.open,editing:!0,pricePlacement:t,showVehicleFitment:a,...s}),o8(It,{item:l.item,onClose:l.close})]})}import{jsx as Ec}from"react/jsx-runtime";function St1({source:e,editing:t=!1,pricePlacement:a=$t,showVehicleFitment:s=!0,heroLayout:c=e8,imageRatio:l=t8,textAlign:r=d9,showSpecTable:o=!0,showPriceQuote:i=!0,galleryMode:n=a8,imageFit:h=s8}){let m={heroLayout:c,imageRatio:l,textAlign:r,showSpecTable:o,showPriceQuote:i,galleryMode:n,imageFit:h};return X0()||t&&M2()?Ec(Ah,{editing:t,pricePlacement:a,showVehicleFitment:s,...m}):e?.slug?Ec(mb,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:s,...m}):t?Ec(L4,{size:"tall",children:p("Pick a product in the panel to fill this hero.")}):Ec(Ah,{pricePlacement:a,showVehicleFitment:s,...m})}var eD={label:"Product Hero",defaultProps:{source:null,pricePlacement:$t,showVehicleFitment:!0,heroLayout:e8,imageRatio:t8,textAlign:d9,showSpecTable:!0,showPriceQuote:!0,galleryMode:a8,imageFit:s8},render:e=>Ec(St1,{source:e.source,editing:e.puck?.isEditing,pricePlacement:XR(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:Yt(e.heroLayout),imageRatio:Xn(e.imageRatio),textAlign:Yn(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:Jn(e.galleryMode),imageFit:Qn(e.imageFit)})};import{jsx as Lt1}from"react/jsx-runtime";var tD={label:"Product",defaultProps:{code:"",finish:""},render:e=>Lt1(cf,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as At1}from"react/jsx-runtime";var aD={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>At1(ZB,{style:e,editing:t?.isEditing})};import{useEffect as Ft1,useRef as Tt1}from"react";import{jsx as Vc,jsxs as sD}from"react/jsx-runtime";var Ht1={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function pb({variants:e,answer:t,loading:a=!1}){return t?sD("div",{className:"mt-9",children:[Vc("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:yh(t)}),Vc("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(s=>{let c=qa(t,s.sku),l=Ht1[c];return sD("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[Vc("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:s.size}),Vc("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${l.className}`,style:l.style,children:wh[c]})]},s.sku)})})]}):a?Vc("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 ub,jsxs as cD}from"react/jsx-runtime";var db="Will it fit *your car?*",gb="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",vb="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",fb="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 bb({num:e,title:t=db,description:a=gb,escapeText:s,escapeHref:c,omitHead:l=!1,slug:r,variants:o,onAnswer:i}){let n=_4({autoApply:!0}),{answer:h,loading:m}=zh(r,mo(n.applied?.vehicle)),u=Tt1(i);return u.current=i,Ft1(()=>{u.current?.(h)},[h]),cD("section",{className:l?fb:vb,children:[l?null:ub(t0,{num:e,title:t,description:a,accent:!0}),ub(Y3,{cascade:n.cascade}),s&&c?cD("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,ub(pb,{variants:o,answer:h,loading:m})]})}import{jsx as Nc,jsxs as Vt1}from"react/jsx-runtime";var Pt1=["tyre"];function xb(e){return Nc(x2,{kinds:Pt1,type:"TyreFitment",editing:e.editing,children:Nc(Et1,{...e})})}function Et1({num:e,title:t,description:a,escapeText:s,escapeHref:c,omitHead:l=!1,editing:r=!1}){let o=X0(),i=z3(r&&!o),n=o?.product??i,h=n?.kind==="tyre"?n.source:null;return!h||h.variants.length===0?r?Vt1("section",{className:l?fb:vb,children:[l?null:Nc(t0,{num:e,title:t||db,description:a||gb,accent:!0}),Nc("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("The vehicle question appears here on a tyre product page, with one verdict per size.")})]}):null:Nc(bb,{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 Nt1}from"react/jsx-runtime";var lD={label:"Tyre Fitment Form",defaultProps:{num:"",title:"",description:"",escapeText:"",escapeHref:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=l=>t?void 0:l,s=a1(e.escapeText),c=a1(e.escapeHref);return Nt1(xb,{num:a(y(e.num,K0.num,e.puck)),title:a(y(e.title,A.sectionHeading,e.puck)),description:a(y(e.description,A.body,e.puck)),escapeText:s,escapeHref:c,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as i8,jsxs as iD}from"react/jsx-runtime";var rD="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",oD="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",_t1=[],It1=["tyre"];function zb(e){return i8(x2,{kinds:It1,type:"TyreSizes",editing:e.editing,children:i8(Rt1,{...e})})}function Rt1({num:e,title:t,description:a,editing:s=!1,omitHead:c=!1}){let l=X0(),r=z3(s&&!l),o=l?.product??r,i=o?.kind==="tyre"?o.source.variants:[],n=c?null:i8(t0,{num:e?k(e):void 0,title:Y(t||"Available *sizes.*",!1),description:k(a||"Every size this tyre is made in, with its own price and stock."),accent:!0});if(i.length===0)return s?iD("section",{className:c?oD:rD,children:[n,i8("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p("This product\u2019s sizes appear here on a product page.")})]}):null;let h=i.some(m=>!m.image);return iD("section",{className:c?oD:rD,children:[n,i8(Bt1,{variants:i,fieldUsage:l?.fieldUsage??_t1}),i8(a5,{text:h?no:""})]})}function Bt1({variants:e,fieldUsage:t}){let{currency:a,formatPrice:s}=u0();return i8("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(c=>i8(hc,{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 Zt1}from"react/jsx-runtime";var nD={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Zt1(zb,{num:a(y(e.num,K0.num,e.puck)),title:a(y(e.title,A.sectionHeading,e.puck)),description:a(y(e.description,A.body,e.puck)),omitHead:t,editing:e.puck?.isEditing})}};var hD={AlloyWheelsListing:m_,BrandStrip:TB,BundleOffer:_B,CartBlock:GB,CatalogFilterBar:aZ,CheckoutCTA:T_,CollectionCard:cZ,Collections:I_,CompatibleTyres:uI,CountrySwitchBlock:lZ,DeliveryOptions:fI,DetailRows:PI,EuTyreLabel:rZ,FitmentFinder:BI,FitmentTable:lR,Gallery:pR,GalleryB:wR,GalleryItem:oZ,Header:kZ,ProductGrid:OR,ProductHero:eD,ProductRef:tD,RelatedProducts:oB,SearchBlock:aD,SpecTable:CB,TyreFitment:lD,TyreSizes:nD};var Dt1={AlloyWheelsListing:d_,BrandStrip:x_,BundleOffer:z_,CartBlock:y_,CatalogFilterBar:H_,CheckoutCTA:P_,CollectionCard:N_,Collections:B_,CompatibleTyres:dI,CountrySwitchBlock:gI,DeliveryOptions:xI,DetailRows:VI,EuTyreLabel:NI,FitmentFinder:ZI,FitmentTable:rR,Gallery:gR,GalleryB:CR,GalleryItem:TR,Header:PR,ProductGrid:qR,ProductHero:eB,ProductRef:rB,RelatedProducts:iB,SearchBlock:nB,SpecTable:MB,TyreFitment:SB,TyreSizes:LB},U0=Je(hD,Dt1);import{jsx as b4,jsxs as Hh}from"react/jsx-runtime";function wb(e={}){let t=hC();return b4(ZL,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:b4(Ot1,{...e})})}var mD="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]",yb="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function Ot1({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:u,requiresPayment:d,date:v,earliestDate:g,setDate:b,setDateTouched:f,availability:C,loadingSlots:z,noSlotsMessage:M,selectedStart:S,setSelectedStart:H,customerTimezone:_,name:E,setName:O,email:P,setEmail:F,phone:V,setPhone:D,notes:Z,setNotes:I,confirmation:U,submitting:N,error:J,canSubmit:j,handleSubmit:W,sample:n1}=C7(),z1=n1?b4("p",{className:"mb-6 font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:p("Example form \u2014 add an active service in {place}.",{place:p("Storefront \u2192 Booking Services")})}):null,$=n===void 0?b4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments\u2026"}):n?.length===0?b4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:i?p("Add an active service in {place}.",{place:p("Storefront \u2192 Booking Services")}):"Appointments are not available right now."}):null;return r&&l?b4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Hh("div",{className:mD,children:[z1,U?b4(l,{className:`${yb} items-start`}):Hh("form",{onSubmit:W,children:[b4(l,{className:`${yb} items-start`}),$]})]})}):b4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Hh("div",{className:mD,children:[z1,b4(Io,{eyebrow:e,heading:t,intro:a}),U?b4(Zo,{successMessage:c}):$||Hh("form",{onSubmit:W,className:yb,children:[b4(Ro,{}),b4(Bo,{buttonLabel:s})]})]})})}import{jsx as Gt1}from"react/jsx-runtime";var Cb={boxes:{type:"slot",allow:["BookingBox"]}},pD={label:"Booking Form",fields:Cb,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>Gt1(wb,{eyebrow:y(e.eyebrow,A.eyebrow,e.puck),heading:y(e.heading,A.heading,e.puck),intro:y(e.intro,A.body,e.puck),buttonLabel:y(e.buttonLabel,A.button,e.puck),successMessage:y(e.successMessage,A.bookingConfirmation,e.puck),boxes:e.boxes,inBoxes:e.layout==="boxes",nodeId:typeof e.id=="string"?e.id:void 0,editing:e.puck?.isEditing})};var uD={fields:{_gContent:x("Content"),eyebrow:q("Eyebrow"),heading:V1("Heading"),intro:V1("Introduction"),buttonLabel:q("Submit button"),successMessage:V1("Confirmation message"),boxes:Cb.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 dD={fields:{_gTextStyle:x("Text style"),...Object.fromEntries(Do.map(e=>[Oo[e],v1(Cu[e],je(Cu[e]),[{label:"Section's own",value:""},...g5.map(t=>({label:F9[t],value:t}))],"")])),_gContent:x("Content"),eyebrow:q("Eyebrow"),heading:V1("Heading"),intro:V1("Introduction"),buttonLabel:q("Submit button"),successMessage:V1("Confirmation message")},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=Do.map(r=>Oo[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 qt1,LinkIcon as gD,EyeOffIcon as Wt1}from"efficient-easel/icons";import{jsx as _c}from"react/jsx-runtime";var vD={fields:{_gTop:x("Routing groups"),routingNumber:T("Section number",f0.routingNumber),routingTagline:T("Eyebrow",f0.routingTagline),groups:{type:"array",label:"Groups",arrayFields:{eyebrow:q("Eyebrow"),title:V1("Title"),copy:V1("Body"),response:q("Response time")},getItemSummary:e=>e?.title||e?.eyebrow||p("Group")},_gForm:x("Message form"),formSlug:P5(),formNumber:T("Section number",f0.formNumber),formHeading:G("Heading",f0.formHeading),metaItems:P2("Meta lines",_c(s4,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:x("\u201COther\u201D reason"),showOther:l1("Show \u201COther\u201D reason",f0.showOther,_c(qt1,{})),otherLabel:q("\u201COther\u201D chip label",f0.otherLabel),otherNoteTitle:T("\u201COther\u201D note title",f0.otherNoteTitle),otherNoteBody:G("\u201COther\u201D note body",f0.otherNoteBody),_gSubmit:x("Submit button"),buttonText:q("Submit button",f0.buttonText),consent:G("Consent line",f0.consent),_gChannels:x("Contact info"),channels:{type:"array",label:"Channels",arrayFields:{label:q("Label"),value:q("Value"),href:Q2(q("Link")),sub:q("Sub line"),groupId:v1("Link to group",_c(gD,{}),[{label:"\u2014 Not linked \u2014",value:""},...f0.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:l1("Hidden",!1,_c(Wt1,{}))},getItemSummary:e=>{let t=e?.label||e?.value||p("Channel");return e?.hidden?p("{name} \xB7 hidden",{name:t}):t}}},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=_u(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||p("Group {n}",{n:o+1}),value:r?.id||_u(r?.title)||`group-${o+1}`}))],c=t,l=c.channels;return l?.type==="array"&&l.arrayFields&&(c.channels={...l,arrayFields:{...l.arrayFields,groupId:v1("Link to group",_c(gD,{}),s,"")}}),t}};import{useEffect as Ut1,useRef as jt1,useState as Kt1}from"react";import{jsx as bD,jsxs as Qt1}from"react/jsx-runtime";var $t1=12,Fh=null,fD=null;function Yt1(e=!1){let t=i2();if((e||fD!==t)&&(Fh=null),!Fh){let a=I3();fD=t,Fh=X1.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return Fh}function Xt1(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 Jt1(e){return{slug:e.slug,title:e.title,excerpt:e.excerpt,cover:e.cover_image?L9(e.cover_image)??"":"",meta:e.category||void 0,dateLabel:Xt1(e.published_at)||void 0}}function f9({value:e,onChange:t,snapshotCount:a=$t1}){let[s,c]=Kt1("idle"),l=Array.isArray(e),r=l?e.length:0,o=jt1(!0),i=m=>{c("loading"),Yt1(m).then(u=>{if(!o.current)return;if(u===null){c("error");return}c("idle");let d=u.slice(0,a).map(Jt1);b6(d,e??null)&&t(d)})};Ut1(()=>(o.current=!0,i(!1),()=>{o.current=!1}),[]);let n=p("Storefront \u2192 Blog"),h=s==="loading"?p("Syncing from {place}\u2026",{place:n}):s==="error"?p("Couldn\u2019t reach {place}.",{place:n}):l?p3("Auto-synced from {place} \xB7 {n} post","Auto-synced from {place} \xB7 {n} posts",r,{place:n}):p("Linking to {place}\u2026",{place:n});return Qt1("div",{children:[bD(Rl,{label:"Blog posts"}),bD(P4,{status:s,statusText:h,onRefresh:()=>i(!0),busy:s==="loading",spaced:!1,hint:p("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 ea1}from"react";import{jsx as B0,jsxs as n8}from"react/jsx-runtime";var xD=3,wD="featured",Th="tabs",CD="portrait",ha="spread",Ph="count",kD=[{label:"Even grid",value:"even"},{label:"Featured first",value:wD},{label:"Tabs",value:Th},{label:"Photo cards",value:CD},{label:"Staggered spread",value:ha},{label:"Count",value:Ph}],ta1=[CD,ha],MD="even",Z6={min:2,max:11,step:1,fallback:7,unit:"of 12"},aa1="bottom-left",sa1=55,ca1="bottom";function la1(e){let t=typeof e=="number"?e:Number.parseFloat(String(e??"")),a=Number.isFinite(t)?Math.min(Z6.max,Math.max(Z6.min,Math.round(t))):Z6.fallback;return`${a}fr ${12-a}fr`}var zD={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"},yD={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"},ra1="Find by name",oa1="Nobody by that name.";function ia1(e,t){let a=c=>c.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLocaleLowerCase().trim(),s=a(t);return s===""||a(e).includes(s)}function na1({card:e,scaffold:t,lower:a=!1}){return n8(s0,{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:[B0("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:B0(k0,{label:`card-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 50vw, 25vw"})}),B0("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&&B0("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:k(e.meta)}),n8("div",{className:"relative z-[1] mt-auto flex w-full flex-col gap-1 p-4 max-[800px]:p-3",children:[B0("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] leading-[1.1] tracking-[-0.01em] text-fg",children:Y(e.title,!1)}),e.dateLabel&&B0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-accent",children:k(e.dateLabel)}),e.excerpt&&B0("p",{className:"line-clamp-2 text-[length:var(--size-body,14px)] leading-[1.45] text-fg-dim",children:k(e.excerpt)})]})]})}function ha1({cards:e,scaffold:t}){return B0("nav",{"aria-label":"Days",className:"-mx-1 overflow-x-auto",children:B0("ul",{className:"flex min-w-max gap-2 px-1 pb-1",children:e.map((a,s)=>{let c=!!a.meta;return B0("li",{children:n8(s0,{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:[B0("span",{className:"font-heading3 text-[length:var(--size-body,15px)] leading-[1.2]",children:Y(a.title,!1)}),a.excerpt&&B0("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] ${c?"opacity-80":"text-fg-dim"}`,children:k(a.excerpt)})]})},`${a.slug}-${s}`)})})})}function ma1({count:e,words:t,href:a}){let s=n8("span",{className:"inline-flex items-baseline gap-3",children:[B0("span",{className:"font-heading text-[length:var(--size-headingLarge,64px)] leading-none text-accent",children:e}),t!==void 0&&B0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:t})]});return a?B0(s0,{href:a,className:"inline-flex hover:opacity-85",children:s}):s}var pa1="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]",ua1="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]",da1="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 kb({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:u=!0,featuredDarken:d,omitHead:v=!1,sample:g,nameFilter:b=!1}){let[f,C]=ea1(""),z=s??[],M=r?z.length:typeof l=="number"&&l>0?l:xD,S=z.slice(0,M),H=o&&S.length===0;if(S.length===0&&!o)return null;let _=r?xD:M,E=H?g?.length?g.slice(0,r?g.length:_):Array.from({length:_},(N,J)=>({slug:`placeholder-${J}`,title:p("Blog post title"),excerpt:p("A short summary of the post appears here."),cover:"",meta:p("Journal"),dateLabel:p("Date")})):S,O=R3("Events",n,"both"),P=h===wD&&E.length>1,F=la1(m),V=h===Th,D=h===Ph,Z=ta1.includes(h??""),I=b&&!V&&!D&&!P,U=I?E.filter(N=>ia1(N.title,f)):E;return D?B0("section",{className:da1,children:B0(ma1,{count:E.length,words:v||t===void 0?void 0:Y(t,!1),href:v?void 0:a?.href})}):n8("section",{className:v?ua1:pa1,style:X2(i),children:[v?null:B0(t0,{num:e!==void 0?k(e):void 0,title:t!==void 0?Y(t,!1):void 0,link:a?{text:k(a.text),href:a.href}:void 0}),I&&n8("div",{className:"mb-6 flex flex-col gap-2",children:[n8("label",{className:"flex max-w-[360px] flex-col gap-1.5",children:[B0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:ra1}),B0("input",{type:"search",value:f,onChange:N=>C(N.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"})]}),U.length===0&&B0("p",{role:"status",className:"text-[length:var(--size-body,14px)] text-fg-dim",children:oa1})]}),V?B0(ha1,{cards:E,scaffold:H}):Z?B0("div",{className:`sf-card-grid grid${O.className} ${h===ha?"grid-cols-3 max-[800px]:grid-cols-2":yD[Math.min(4,Math.max(2,c??3))]??yD[3]}`,style:O.style,children:U.map((N,J)=>B0(na1,{card:N,scaffold:H,lower:h===ha&&J%3===1},`${N.slug}-${J}`))}):P?n8("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${O.className}`,style:{...O.style,"--sf-events-split":F},children:[B0(pt,{post:E[0],href:E[0].href,scaffold:H,layout:"cover",darken:d??sa1,darkenStyle:ca1,placement:aa1},`${E[0].slug}-0`),B0("div",{className:`grid auto-rows-min${O.className}`,style:O.style,children:E.slice(1).map((N,J)=>B0(pt,{post:N,href:N.href,scaffold:H,showCover:u},`${N.slug}-${J+1}`))})]}):B0("div",{className:`sf-card-grid grid${O.className} ${zD[Math.min(4,Math.max(1,c??3))]??zD[3]}`,style:O.style,children:U.map((N,J)=>B0(pt,{post:N,href:N.href,scaffold:H},`${N.slug}-${J}`))})]})}import{LayoutIcon as fa1,ColumnsIcon as ba1,WidthIcon as xa1,ImageIcon as za1,OpacityIcon as ya1,ListIcon as wa1,HashIcon as Ca1,SearchIcon as ka1}from"efficient-easel/icons";import{jsx as va1}from"react/jsx-runtime";var b9={num:A.sectionNumber,title:"Section title",link:A.viewAll},ga1=()=>[{key:"sample-1",title:p("First card"),excerpt:p("A line about it appears here.")},{key:"sample-2",title:p("Second card"),excerpt:p("A line about it appears here.")},{key:"sample-3",title:p("Third card"),excerpt:p("A line about it appears here.")},{key:"sample-4",title:p("Fourth card"),excerpt:p("A line about it appears here.")}],SD=(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||"#"}),LD={label:"Latest Posts",defaultProps:{num:"",title:"",linkText:"",linkHref:"/journal",columns:3,limit:3,showAll:!1},render:e=>{let t=O1(e.headPlacement)==="own-box",a=o=>t?void 0:o,s=y(e.linkText,b9.link,e.puck),l=O8(e)!==""?Ci(e,!!e.puck?.isEditing,ga1()):null,r=l?l.sample?[]:l.rows.map(SD):e.posts;return va1(kb,{num:a(y(e.num,b9.num,e.puck)),title:a(y(e.title,b9.title,e.puck)),link:a(s?{text:s,href:a1(e.linkHref)||"/journal"}:void 0),omitHead:t,posts:r,sample:l?.sample?l.rows.map(SD):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 h8}from"react/jsx-runtime";var Ma1=50,AD={fields:{_gContent:x("Content"),num:T("Number",b9.num),title:G("Heading",b9.title),linkText:T("Button",b9.link),linkHref:F1("Link"),dataSource:ki("Cards from","Blog posts"),_gPosts:x("Blog posts"),posts:s2(f9,{snapshotCount:Ma1}),_gLayout:x("Layout"),layout:v1("Arrangement",h8(fa1,{}),kD,MD),columns:s1("Columns",h8(ba1,{}),2,4,1,3),featuredWidth:s1("Featured width",h8(xa1,{}),Z6.min,Z6.max,Z6.step,Z6.fallback,Z6.unit),listCover:l1("Show cover image on the smaller cards",!0,h8(za1,{})),featuredDarken:s1("Darken",h8(ya1,{}),V2.min,V2.max,V2.step,55,V2.unit),nameFilter:l1("Filter by name",!1,h8(ka1,{})),gap:B3("Events"),showAll:l1("Show all blog posts",!1,h8(wa1,{})),limit:s1("Posts to display",h8(Ca1,{}),1,20,1,3),cardImage:s7()},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,l={...Mi("Events",t,e.props,{hides:["_gPosts","posts"]})},r=o=>G1(U1(o,a,j1),e.props.headPlacement,Z1.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===Th||s.layout===Ph)for(let o of["columns","nameFilter","cardImage"])delete l[o];return s.layout===ha&&delete l.columns,s.layout==="featured"&&delete l.nameFilter,r(l)}};import{jsx as Eh}from"react/jsx-runtime";import{SettingsDefaultReset as Sa1,SettingsField as La1,SettingsSegmented as Aa1}from"efficient-easel/panel";import{WidthIcon as Ha1}from"efficient-easel/icons";function Vh({value:e,resolved:t,onChange:a,label:s="Width",labelId:c,followsLabel:l,hint:r}){let o=e===void 0,i=o?t:e,n=p(s);return Eh(La1,{label:n,labelId:c,icon:Eh(Ha1,{}),value:o?l:void 0,changed:!o,action:Eh(Sa1,{words:fy()?.panel,label:n,changed:!o,onReset:()=>a(void 0)}),hint:r,children:Eh(Aa1,{options:[{label:p(hm.page),id:"content"},{label:p(hm.full),id:"full"}],value:i,ariaLabel:n,onChange:a})})}import{SettingsField as Fa1,SettingsSwitch as Ta1}from"efficient-easel/panel";import{BlockColumnIcon as Pa1}from"efficient-easel/icons";import{Fragment as Ea1,jsx as Ic}from"react/jsx-runtime";function Mb({value:e,onChange:t}){let a=w5(),s={...G9,...e},c=s[a];return Ic(Fa1,{label:p("Logo fills its column"),icon:Ic(Pa1,{}),action:Ic(Ta1,{checked:c,onChange:l=>t({...s,[a]:l}),ariaLabel:p("Logo fills its column on {view}",{view:p(y5[a])})}),hint:Ic(Ea1,{children:I5(p("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:Ic("strong",{children:p(y5[a])})})})})}import{SettingsField as Va1,SettingsSwitch as Na1}from"efficient-easel/panel";import{FullWidthIcon as _a1}from"efficient-easel/icons";import{Fragment as Ia1,jsx as Rc}from"react/jsx-runtime";function Sb({value:e,onChange:t}){let a=w5(),s={...q9,...e},c=s[a];return Rc(Va1,{label:p("Logo fills its row"),icon:Rc(_a1,{}),action:Rc(Na1,{checked:c,onChange:l=>t({...s,[a]:l}),ariaLabel:p("Logo fills its row on {view}",{view:p(y5[a])})}),hint:Rc(Ia1,{children:I5(p("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:Rc("strong",{children:p(y5[a])})})})})}import{jsx as Ra1}from"react/jsx-runtime";function Lb({value:e,onChange:t}){return Ra1(Is,{label:"Columns per line",unit:p("columns"),steps:Ty,value:Pl(e),onChange:t})}import{useContext as Ba1,useEffect as Za1,useRef as Da1,useState as FD}from"react";import{jsx as ma,jsxs as HD}from"react/jsx-runtime";function Bc(){let e=BB();return HD("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:[ma("span",{children:e}),HD("span",{className:"flex flex-wrap items-center gap-3",children:[ma("span",{children:"Privacy"}),ma("span",{"aria-hidden":!0,children:"\xB7"}),ma("span",{children:"Terms"}),ma("span",{"aria-hidden":!0,children:"\xB7"}),ma("span",{children:"Cookies"})]})]})}import{jsx as Ab,jsxs as qa1}from"react/jsx-runtime";var TD={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},Oa1={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"},Ga1={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 Hb({blocks:e,editing:t=!1,width:a,columns:s,logoFill:c,logoRowFill:l}){let r=Ba1(za),{desktop:o,tablet:i,mobile:n}=Pl(s),{desktop:h,tablet:m,mobile:u}={...G9,...c},{desktop:d,tablet:v,mobile:g}={...q9,...l},b=w5(),C=t?TD[b==="desktop"?o:b==="tablet"?i:n]:`${TD[n]} ${Oa1[i]} ${Ga1[o]}`,z=Da1(null),[M,S]=FD(1),[H,_]=FD(!1);if(Za1(()=>{if(!t&&!r)return;let O=z.current;if(!O)return;let P=()=>{let U=O.querySelector(".footer-block-grid");if(!U)return;let N=t?b:Hw(window.innerWidth),J=N==="desktop"?d:N==="tablet"?v:g;_(J);let j=N==="desktop"?h:N==="tablet"?m:u,W=getComputedStyle(U).gridTemplateColumns.split(" ").filter(Boolean).length-1,n1=Math.max(U.childElementCount-1,0);S(!J&&j&&W>=1?Math.max(Math.ceil(n1/W),1):1)},F,V=()=>{clearTimeout(F),F=setTimeout(P,0)},D=[0,80,250,600].map(U=>setTimeout(P,U)),Z=new MutationObserver(V);Z.observe(O,{childList:!0,subtree:!0});let I=new ResizeObserver(V);return I.observe(O),()=>{clearTimeout(F),D.forEach(clearTimeout),Z.disconnect(),I.disconnect()}},[o,i,n,t,r,b,h,m,u,d,v,g]),!t&&!r)return null;let E=bl(xl(a))??void 0;return Ab("footer",{ref:z,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":M,"--footer-logo-col":H?"1 / -1":"1"},children:qa1("div",{style:E,children:[Ab(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${C}`,minEmptyHeight:160}),Ab(Bc,{})]})})}import{jsx as Wa1}from"react/jsx-runtime";var Fb={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},PD={label:"Footer",fields:Fb,defaultProps:{columns:Py,logoFill:G9,logoRowFill:q9},render:({blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,puck:l})=>Wa1(Hb,{blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,editing:l?.isEditing})};import{jsx as Nh}from"react/jsx-runtime";var ED={fields:{_gLayout:x("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>Nh(Vh,{value:e==="full"?"full":e==="page"||e==="content"?"content":void 0,resolved:"content",followsLabel:p("Follows the page"),hint:p("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})=>Nh(Lb,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>Nh(Mb,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>Nh(Sb,{value:e,onChange:t})},_gBlocks:x("Blocks"),blockList:V5("Footer"),blocks:Fb.blocks}};import{WeightIcon as Ua1,WidthIcon as ja1,PhoneIcon as Ka1}from"efficient-easel/icons";import{jsx as Tb}from"react/jsx-runtime";var VD={fields:{_gStyle:x("Style"),thickness:s1("Thickness",Tb(Ua1,{}),1,8,1,1,"px"),lengthPct:s1("Length",Tb(ja1,{}),10,100,1,100,"%"),hideOnMobile:l1("Hide on mobile",!1,Tb(Ka1,{}))}};var ND={fields:{_gContent:x("Content"),heading:V1("Heading","Join our email list"),placeholder:q("Field placeholder","Email address"),buttonLabel:q("Button","Subscribe")}};import{AlignLeftIcon as Xa1}from"efficient-easel/icons";import{jsx as _D}from"react/jsx-runtime";var $a1={start:"items-start",center:"items-center",end:"items-end"};function Pb({direction:e="vertical",gap:t,align:a="start",content:s}){let c=R3("FooterGroup",t,e==="horizontal"?"inline":"block");return _D("div",{className:"min-w-0",children:_D(s,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${$a1[a]}${c.className}`,style:c.style,minEmptyHeight:80})})}import{jsx as Ya1}from"react/jsx-runtime";var Eb={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},ID={label:"Footer Box",fields:Eb,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:s})=>Ya1(Pb,{direction:e,gap:t,align:a,content:s})};import{jsx as Ja1}from"react/jsx-runtime";var RD={fields:{_gLayout:x("Layout"),direction:f1("Direction",_l("`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:B3("FooterGroup"),align:f1("Alignment",Ja1(Xa1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:x("Blocks"),blockList:V5("FooterGroup"),blocks:Eb.blocks}};import{WidthIcon as Qa1,AlignLeftIcon as es1,LogoIcon as ts1,PaddingTopIcon as as1,PaddingRightIcon as ss1,PaddingBottomIcon as cs1,PaddingLeftIcon as ls1}from"efficient-easel/icons";import{jsx as x9}from"react/jsx-runtime";var BD={fields:{_gContent:x("Content"),tagline:V1("Body","Short brand tagline"),_gStyle:x("Style"),widthPct:s1("Width",x9(Qa1,{}),40,400,1,100,"%"),align:f1("Alignment",x9(es1,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:f1("Logo color",x9(ts1,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:s1("Padding top",x9(as1,{}),0,120,2,0,"px"),padRight:s1("Padding right",x9(ss1,{}),0,120,2,0,"px"),padBottom:s1("Padding bottom",x9(cs1,{}),0,120,2,0,"px"),padLeft:s1("Padding left",x9(ls1,{}),0,120,2,0,"px")}};import{Button as rs1}from"efficient-shell/ui";import{SettingsField as os1}from"efficient-easel/panel";import{FieldSelect as is1}from"efficient-easel/fields";import{MenuIcon as ns1}from"efficient-easel/icons";import{useCallback as hs1,useEffect as ZD,useState as Vb}from"react";import{jsx as z9,jsxs as DD}from"react/jsx-runtime";function Nb({value:e,onChange:t}){let[a,s]=Vb(null),[c,l]=Vb(!1),r=hs1(f=>{s(f),l(!0)},[]);ZD(()=>{let f=!1;return kp(I3()).then(C=>{f||r(C)}).catch(()=>{f||s([])}),()=>{f=!0}},[r]),ZD(()=>{let f=!1,C=YM(()=>{uM(I3()).then(z=>{f||r(z)}).catch(()=>{})});return()=>{f=!0,C()}},[r]);let o=a===null,i=!!(e?.id||e?.handle),n=c&&i&&!qr(a??[],e),h=!i&&(e?.items?.length??0)>0,m=n?"":qr(a??[],e)?.id??"",u=f=>t({id:f.id,handle:f.handle,name:f.name,items:f.items.map(C=>({label:C.label,url:C.url}))}),d=f=>{if(!f){t(null);return}let C=(a??[]).find(z=>z.id===f);C&&u(C)},[v,g]=Vb(!1),b=()=>{i&&(g(!0),kp(I3(),!0).then(f=>{r(f);let C=qr(f,e);C&&u(C)}).catch(()=>{}).finally(()=>g(!1)))};return DD("div",{children:[z9(os1,{label:p("Menu"),icon:z9(ns1,{}),hint:!o&&a&&a.length===0?p("Create menus in {place}, then pick one here.",{place:p("Storefront \u2192 Menus")}):void 0,children:z9(is1,{value:m,ariaLabel:p("Menu"),onChange:d,readOnly:o||(a?.length??0)===0,options:[{label:o?p("Loading menus\u2026"):a&&a.length===0?p("No menus found"):p("Select a menu\u2026"),value:""},...(a??[]).map(f=>({label:`${f.name} (${f.item_count??f.items.length})`,value:f.id}))]})}),h?z9("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:cM()}):null,n?z9("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:lM(e?.name??p("The linked menu"))}):null,i&&!n?DD("div",{className:"mt-1.5 flex items-center justify-between gap-2",children:[z9("p",{className:"text-[12px] text-fg-dim",children:p3("Linked to \u201C{name}\u201D \u2014 {n} link. Re-pull after editing the menu:","Linked to \u201C{name}\u201D \u2014 {n} links. Re-pull after editing the menu:",e?.items?.length??0,{name:e?.name??""})}),z9(rs1,{variant:"link",size:"sm",className:"shrink-0",onClick:b,disabled:v,children:v?p("Updating\u2026"):p("Update links")})]}):null]})}import{PhoneIcon as ms1,LineBetweenIcon as ps1}from"efficient-easel/icons";import{jsx as _b}from"react/jsx-runtime";var OD={fields:{_gContent:x("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>_b(Nb,{value:e,onChange:t})},heading:q("Heading","Column heading"),_gStyle:x("Style"),accordionMobile:l1("Show as accordion on mobile",!1,_b(ms1,{})),showDividers:l1("Dividers between links",!1,_b(ps1,{}))}};import{jsx as Zc}from"react/jsx-runtime";var GD={small:16,medium:20,large:24},Ib=0,Rb=32,WD=2,Dc=0,qD={start:"justify-start",center:"justify-center",end:"justify-end"};function Bb({iconStyle:e=re,iconSize:t="medium",align:a="start",gap:s=Dc,editing:c=!1}){let l=IB(),r=bw(fw(l));if(r.length===0)return c?Zc("div",{"data-social-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:p("Add your social links")}):null;let o=GD[t]??GD.medium,n={gap:Math.min(Rb,Math.max(Ib,Number.isFinite(s)?s:0)),"--social-mark":`${o}px`};return Zc("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)] ${qD[a]??qD.start}`,style:n,children:r.map(({platform:h,href:m,label:u})=>Zc("li",{children:Zc("a",{href:m,target:"_blank",rel:"noopener noreferrer","aria-label":`${u} (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:Zc(Tw,{platform:h,iconStyle:e,size:o})})},h))})}import{Button as us1}from"efficient-shell/ui";import{Fragment as ds1,jsx as Zb,jsxs as gs1}from"react/jsx-runtime";function Db(){let{openPanel:e}=Ql();return gs1(ds1,{children:[Zb(Rl,{label:"Social links"}),Zb("p",{className:"es-field-hint sf-hint-keep",children:p("The links are typed once for the whole website, in Site settings.")}),Zb(us1,{variant:"link",size:"sm",onClick:e,children:p("Edit social links \u2192")})]})}import{StylesIcon as vs1,TextSizeIcon as fs1,AlignLeftIcon as bs1,GapIcon as xs1}from"efficient-easel/icons";import{jsx as Oc}from"react/jsx-runtime";var UD={fields:{_gStyle:x("Style"),iconStyle:f1("Icon style",Oc(vs1,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],re),iconSize:f1("Icon size",Oc(fs1,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Oc(Db,{})},_gLayout:x("Layout"),align:f1("Alignment",Oc(bs1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:s1("Gap",Oc(xs1,{}),Ib,Rb,WD,Dc,"px")}};import{TextSizeIcon as zs1}from"efficient-easel/icons";import{jsx as ys1}from"react/jsx-runtime";var jD={fields:{_gContent:x("Content"),text:V1("Body","Footer text"),_gStyle:x("Style"),size:f1("Size",ys1(zs1,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:Po()}};var KD={fields:{_gForm:x("Form"),formSlug:P5(),_gContent:x("Content"),heading:q("Heading override"),intro:V1("Intro"),submitText:q("Submit button"),finePrint:q("Fine print")}};var $D={fields:{}};var _h="e.g. D00123 \xB7 blank = the whole store";import{useState as m8}from"react";import{Fragment as ks1,jsx as h3,jsxs as Gc}from"react/jsx-runtime";var Ih="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",ws1="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))]",Cs1="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 Ob({eyebrow:e,title:t,designCode:a,omitHead:s=!1,editing:c=!1}={}){let[l,r]=m8(""),[o,i]=m8(""),[n,h]=m8(0),[m,u]=m8(""),[d,v]=m8(""),[g,b]=m8(!1),[f,C]=m8(!1),[z,M]=m8(null);async function S(H){if(H.preventDefault(),!(c||g)){if(n<1){M("Choose a star rating.");return}b(!0),M(null);try{await v0.submitReview({authorName:l.trim(),...o.trim()?{email:o.trim()}:{},rating:n,...m.trim()?{title:m.trim()}:{},body:d.trim(),...a?.trim()?{designCode:a.trim()}:{}}),C(!0)}catch{M("Something went wrong \u2014 your review wasn't sent. Please try again.")}finally{b(!1)}}}return h3("section",{className:"relative z-[2] border-t border-line bg-surface",children:Gc("div",{className:s?Cs1:ws1,children:[s?null:Gc(ks1,{children:[(e??"").trim()&&h3(N1,{text:e??"",scaled:!1,className:"mb-4 block"}),(t??"").trim()&&h3("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:Y(t??"",!1)})]}),f?h3("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."}):Gc("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:S,children:[Gc("div",{className:"grid grid-cols-2 gap-3 max-[640px]:grid-cols-1",children:[h3(D2,{label:"Name",required:!0,children:h3("input",{type:"text",required:!0,value:l,onChange:H=>r(H.target.value),className:Ih})}),h3(D2,{label:"Email \u2014 never shown publicly",children:h3("input",{type:"email",value:o,onChange:H=>i(H.target.value),className:Ih})})]}),Gc("div",{className:"flex flex-col gap-2",children:[h3(w8,{required:!0,children:"Rating"}),h3("div",{role:"group","aria-label":"Rating",className:"flex gap-1",children:[1,2,3,4,5].map(H=>h3("button",{type:"button","aria-pressed":n>=H,"aria-label":`${H} star${H===1?"":"s"}`,onClick:()=>{h(H),M(null)},className:["cursor-pointer text-[30px] leading-none transition-colors",n>=H?"text-accent":"text-fg-dim/30 hover:text-fg-dim"].join(" "),children:"\u2605"},H))})]}),h3(D2,{label:"Review title (optional)",children:h3("input",{type:"text",value:m,onChange:H=>u(H.target.value),className:Ih})}),h3(D2,{label:"Your review",required:!0,children:h3("textarea",{required:!0,rows:5,value:d,onChange:H=>v(H.target.value),className:Ih+" resize-y"})}),z&&h3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:z}),h3("button",{type:c?"button":"submit",disabled:g,className:"cursor-pointer self-start bg-btn px-8 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:g?"Sending\u2026":"Submit review \u2192"})]})]})})}import{jsx as Ms1}from"react/jsx-runtime";var qc={eyebrow:"Your turn",title:"Leave a *review.*"},YD={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Ms1(Ob,{eyebrow:a(y(e.eyebrow,qc.eyebrow,e.puck)),title:a(y(e.title,qc.title,e.puck)),omitHead:t,designCode:a1(e.designCode)||void 0,editing:e.puck?.isEditing})}};var XD={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",qc.eyebrow),title:G("Heading",qc.title),_gSource:x("Reviews"),designCode:Q2(q("Design code",_h))},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.ReviewForm.headRows)};import{StylesIcon as Ns1,HashIcon as _s1,ColumnsIcon as Is1}from"efficient-easel/icons";import{useEffect as Ss1,useState as Ls1}from"react";function JD(e,t){let[a,s]=Ls1(null);return Ss1(()=>{let c=!1;return s(null),v0.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(l=>{c||s(l)}),()=>{c=!0}},[e,t]),a}import{Fragment as Es1,jsx as D4,jsxs as Rh}from"react/jsx-runtime";var As1=()=>[{id:"sample-review-1",authorName:p("Sample reviewer"),rating:5,title:p("Sample review title"),body:p("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:p("Sample reviewer"),rating:4,title:"",body:p("Reviews are collected by the Review Form section and wait for your approval before they show."),designCode:"",createdAt:""},{id:"sample-review-3",authorName:p("Sample reviewer"),rating:5,title:p("Another sample"),body:p("Set a product design code on this section to show one product's reviews; leave it blank for the whole store."),designCode:"",createdAt:""}];function Hs1(e){let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{month:"long",year:"numeric"})}function Fs1({rating:e}){let t=Math.min(5,Math.max(0,Math.round(e)));return D4("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)=>D4("span",{"aria-hidden":!0,className:s<t?"text-accent":"text-fg-dim/30",children:"\u2605"},s))})}var Ts1="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))]",Ps1="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 Gb({look:e,eyebrow:t,title:a,columns:s,limit:c,designCode:l,omitHead:r=!1,editing:o=!1}={}){let i=JD(c??6,l),n=Math.min(3,Math.max(1,s??3)),h=!(i&&i.length>0)&&o,m=i&&i.length>0?i:h?As1():[];return!o&&m.length===0?null:D4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Rh("div",{className:r?Ps1:Ts1,children:[r?null:Rh(Es1,{children:[(t??"").trim()&&D4(N1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&D4("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:Y(a??"",!1)})]}),D4("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:m.map(u=>Rh("article",{className:["flex flex-col gap-4 bg-bg p-9 max-[800px]:p-7",h?"opacity-60":""].join(" "),children:[D4(Fs1,{rating:u.rating}),u.title.trim()&&D4("h3",{className:"font-display text-[length:var(--size-body,19px)] font-medium uppercase leading-[1.2] tracking-[-0.01em] text-fg",children:u.title}),D4("div",{className:"flex-1 font-serif text-[length:var(--size-body,15px)] leading-[1.65] text-fg-dim",children:x0(u.body).map((d,v)=>D4("p",{className:v?"mt-3":"",children:d},v))}),Rh("footer",{className:"flex items-baseline justify-between gap-4 border-t border-line pt-[18px]",children:[D4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg",children:u.authorName}),D4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:Hs1(u.createdAt)})]})]},u.id))})]})})}import{jsx as Vs1}from"react/jsx-runtime";var Wc={eyebrow:"Reviews",title:"From our *customers.*"},QD={label:"Reviews",defaultProps:{eyebrow:"",title:"",columns:3,limit:6,designCode:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Vs1(Gb,{look:r4(e.eyebrowLook,"Reviews"),eyebrow:a(y(e.eyebrow,Wc.eyebrow,e.puck)),title:a(y(e.title,Wc.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:a1(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as qb}from"react/jsx-runtime";var eO={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",Wc.eyebrow),eyebrowLook:v1("Eyebrow style",qb(Ns1,{}),[...C4],l7("Reviews")),title:G("Heading",Wc.title),_gSource:x("Reviews"),limit:s1("Reviews to display",qb(_s1,{}),3,12,1,6),designCode:Q2(q("Design code",_h)),_gStyle:x("Style"),columns:s1("Columns",qb(Is1,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Reviews.headRows)};import{FullWidthIcon as Zs1}from"efficient-easel/icons";import{jsx as Wb,jsxs as Rs1}from"react/jsx-runtime";function Uc({place:e,sections:t,editing:a=!1,fullWidth:s=!1,navTextCase:c,menuRow:l}){let o=Rs1(e==="footer"?"footer":"div",{"data-section-group":e,...e==="header"?{"data-header-nav-case":gZ(c),"data-header-menu-row":vZ(l)??"top"}:null,style:s===!0?{"--sf-site-width":"100vw"}:void 0,children:[a?Wb("p",{className:"px-5 pt-3 font-mono text-[11px] uppercase tracking-[0.15em] text-fg-dim",children:e==="header"?p("Site header \u2014 above every page"):p("Site footer \u2014 below every page")}):null,Wb(t,{minEmptyHeight:120})]});return e==="header"?Wb(iM,{children:o}):o}import{jsx as Bs1}from"react/jsx-runtime";var Ub={sections:{type:"slot"}},tO={label:"Site Footer",fields:Ub,render:({sections:e,fullWidth:t,puck:a})=>Bs1(Uc,{place:"footer",sections:e,fullWidth:t,editing:a?.isEditing})};import{jsx as Ds1}from"react/jsx-runtime";var aO={fields:{fullWidth:l1("Full width",!1,Ds1(Zs1,{})),sections:Ub.sections}};import{CaseIcon as Gs1,ContrastIcon as qs1,FullWidthIcon as Ws1,HeightIcon as Us1,LayoutIcon as js1,StickyIcon as Ks1}from"efficient-easel/icons";import{jsx as Os1}from"react/jsx-runtime";var jb={sections:{type:"slot"}},sO={label:"Site Header",fields:jb,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,fullWidth:t,navTextCase:a,menuRow:s,puck:c})=>Os1(Uc,{place:"header",sections:e,fullWidth:t,navTextCase:a,menuRow:s,editing:c?.isEditing})};import{jsx as pa}from"react/jsx-runtime";var{sectionAccent:$s1}=Y9(e=>$f(e)??uZ,"Follow the site theme"),cO={fields:{heightPx:s1("Height",pa(Us1,{}),C5.min,C5.max,2,C5.default,"px"),fullWidth:l1("Full width",!1,pa(Ws1,{})),sectionAccent:$s1,topTextColor:f1("Text color at the top",pa(qs1,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),navTextCase:f1("Letters",pa(Gs1,{}),[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],"uppercase"),menuRow:f1("Menu row",pa(js1,{}),[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],"top"),sticky:f1("Sticky header",pa(Ks1,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),sections:jb.sections}};import{jsx as Bh,jsxs as Ys1}from"react/jsx-runtime";var y0={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 jc(e,t){return e===void 0?t:e}function Kb({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=jc(e,y0.eyebrow),u=jc(t,y0.title),d=jc(a,y0.body),v=jc(s,y0.buttonText),g=jc(c,y0.consent),b=A5(l,r),f=v7({form:b,formSlug:l,editing:o}),C=b===void 0,z=!!b||o;return!z&&!m&&!u&&!d?null:n&&i?Bh("section",{className:_0(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:Bh(i,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):Ys1("section",{className:_0(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:[Bh(QL,{eyebrow:m,title:u}),Bh(Go,{body:d,buttonLabel:v,consent:g,form:b,submission:f,showForm:z,resolving:C,editing:o})]})}var lO={fields:{_gTextStyle:x("Text style"),...Object.fromEntries(qo.map(e=>[Wo[e],v1(Lu[e],je(Lu[e]),[{label:"Section's own",value:""},...g5.map(t=>({label:F9[t],value:t}))],"")])),_gContent:x("Content"),eyebrow:T("Eyebrow",y0.eyebrow),title:G("Heading",y0.title),body:G("Body",y0.body),formSlug:P5(),buttonText:T("Button",y0.buttonText),consent:G("Consent line",y0.consent)},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=["eyebrow","title"],l=["body","formSlug","buttonText","consent"],r=qo.map(n=>Wo[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 Xs1}from"react/jsx-runtime";var $b={boxes:{type:"slot",allow:["SubmitBox"]}},rO={label:"Photo Submission Form",fields:$b,defaultProps:{eyebrow:y0.eyebrow,title:y0.title,body:y0.body,formSlug:"",buttonText:y0.buttonText,consent:y0.consent},render:e=>Xs1(Kb,{boxes:e.boxes,inBoxes:e.layout==="boxes",eyebrow:e2(e.eyebrow,y0.eyebrow,e.puck),title:e2(e.title,y0.title,e.puck),body:e2(e.body,y0.body,e.puck),buttonText:e2(e.buttonText,y0.buttonText,e.puck),consent:e2(e.consent,y0.consent,e.puck),formSlug:a1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};var oO={fields:{_gContent:x("Content"),eyebrow:T("Eyebrow",y0.eyebrow),title:G("Heading",y0.title),body:G("Body",y0.body),_gForm:x("Form"),formSlug:P5(),_gButton:x("Button"),buttonText:T("Button",y0.buttonText),_gFootnote:x("Footnote"),consent:G("Consent line",y0.consent),boxes:$b.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,...u}=t;return u}};var Js1=["issues","posts"],iO=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],Yb="issues";function Xb(e){return Js1.includes(e)?e:Yb}var Qs1={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function nO(e,t){let a=Xb(t),s={...e};for(let[c,l]of Object.entries(Qs1))l.includes(a)||delete s[c];return s}import{CategoryIcon as tc1,HashIcon as ac1}from"efficient-easel/icons";var Z0={headNum:A.sectionNumber,headTitle:A.headingAccent,headDesc:"A short description of your newsletter or publication.",kicker:"\u2192 Newsletter",leadTitle:"Get it in the *inbox.*",intro:"Tell readers what they get and how often. One email, straight to the inbox. We will never sell your address.",emailPlaceholder:"your@email.com",submitText:"Subscribe \u2192",subscribedText:"Subscribed \u2713",finePrint:"Approx. 1 email per week \xB7 Unsubscribe in one click",issuesHeading:"Recent issues",archiveText:"View the full archive \u2192",archiveHref:u2.href},hO=()=>["N\xB0 04","N\xB0 03","N\xB0 02","N\xB0 01"].map(e=>({n:e,title:p("Issue title"),small:p("Short description"),date:p("Month YYYY")}));function ec1(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 Zh(e,t){if(e==="issues")return w1(t.issues,hO(),t.puck);let a=t.posts,s=typeof t.limit=="number"&&t.limit>0?t.limit:4,c=Array.isArray(a)?ec1(a.slice(0,s)):[];return w1(c,hO(),t.puck)}import{jsx as mO}from"react/jsx-runtime";var pO={fields:{_sHead:Y1("Section header"),_gHeadCopy:x("Content"),headNum:T("Number",Z0.headNum),headTitle:G("Heading",Z0.headTitle),headDesc:G("Body",Z0.headDesc),_sLeft:Y1("Newsletter panel"),_gLeftCopy:x("Content"),kicker:T("Eyebrow",Z0.kicker),leadTitle:G("Heading",Z0.leadTitle),intro:G("Intro",Z0.intro),_gForm:x("Signup form"),emailPlaceholder:q("Email placeholder",Z0.emailPlaceholder),submitText:q("Submit button",Z0.submitText),subscribedText:q("Subscribed button",Z0.subscribedText),finePrint:G("Fine print",Z0.finePrint),_sRight:Y1("Recent issues"),_gRightCopy:x("Content"),contentType:f1("Type",mO(tc1,{}),[...iO],Yb),issuesHeading:T("Panel heading",Z0.issuesHeading),issues:{type:"array",label:"Issues",arrayFields:{n:b1("Number"),title:b1("Title"),small:b1("Sub-line"),date:b1("Date")},getItemSummary:e=>[e?.n,e?.title].filter(Boolean).join(" \xB7 ")||p("Issue")},_gPosts:x("Blog posts"),posts:s2(f9),limit:s1("Posts to display",mO(ac1,{}),1,6,1,4),_gArchive:x("Archive link"),archiveText:T("Archive button",Z0.archiveText),archiveHref:F1("Archive link")},resolveFields:(e,{fields:t})=>nO(t,e.props.contentType)};import{HashIcon as rc1}from"efficient-easel/icons";import{useState as sc1}from"react";import{jsx as J3,jsxs as y9}from"react/jsx-runtime";var cc1="That didn't go through \u2014 please try again.";function Kc({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:u,archiveHref:d,source:v=O3.subscribeSection,editing:g=!1,...b}){let[f,C]=sc1(""),{status:z,submit:M}=ao({source:v,dryRun:g}),S=z==="sent",H=z==="sending",_=z==="error"||z==="invalid",E=(m??[]).filter(V=>(V?.n??"").trim()||(V?.title??"").trim()||(V?.date??"").trim()),O=E.length>0,P=S?i||"Subscribed \u2713":H?"Sending\u2026":o||"Subscribe \u2192";function F(V){V.preventDefault(),!S&&M({email:f})}return y9("section",{className:_0(b)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-[140px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[140px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[J3(O2,{num:e,title:t?Y(t,!0):void 0,desc:a,accentTracking:"-0.025em"}),y9("div",{className:O?"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:[y9("div",{className:O?"flex flex-col justify-center gap-6 border-r border-line px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12":"flex flex-col justify-center gap-6 px-14 py-16 max-[1100px]:px-7 max-[1100px]:py-12",children:[s&&J3(N1,{text:s}),c&&J3("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:Y(c,!0)}),l&&J3("p",{className:"max-w-[480px] font-serif text-[length:var(--size-body,19px)] italic leading-[1.5] text-fg-dim",children:k(l,!0)}),y9("form",{className:"mt-2 flex max-w-[520px]",onSubmit:F,children:[J3("input",{type:"email",placeholder:r||"your@email.com",required:!0,value:f,onChange:V=>C(V.target.value),disabled:S,className:"flex-1 border border-r-0 border-line bg-bg px-5 py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.18em] text-fg placeholder:text-fg-dim outline-none focus:border-accent"}),J3("button",{type:"submit",disabled:S||H,className:"border border-btn bg-btn px-7 py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:bg-fg hover:border-fg disabled:cursor-default disabled:opacity-90",children:D0(P)})]}),_&&J3("p",{role:"alert",className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-alert",children:cc1}),n&&J3("p",{className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:k(n)})]}),O&&y9("div",{id:"sub-recent-issues",className:"grid grid-rows-[auto_1fr_auto] gap-6 bg-[var(--journal-panel-bg)] px-11 py-12 scroll-mt-[160px] max-[1100px]:px-7 max-[1100px]:py-9",children:[h&&J3(N1,{text:h,size:12}),J3("div",{className:"flex flex-col",children:E.map((V,D)=>y9("div",{className:["grid grid-cols-[60px_1fr_auto] items-start gap-[18px] border-b border-line py-[18px]",D===0?"border-t border-line":""].join(" "),children:[J3("span",{className:"font-mono text-[length:var(--size-label,13px)] tracking-[0.22em] text-accent",children:V.n?k(V.n):""}),y9("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[V.title?k(V.title):"",V.small?.trim()&&J3("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:k(V.small,!0)})]}),J3("span",{className:"whitespace-nowrap pt-[3px] text-right font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:V.date?k(V.date):""})]},D))}),u&&J3(s0,{href:d||"/journal",className:"flex items-center justify-end gap-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-accent hover:text-fg",children:k(u)})]})]})]})}import{jsx as lc1}from"react/jsx-runtime";var J0={...Z0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},uO={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=Zh("posts",e);return lc1(Kc,{headNum:y(e.headNum,J0.headNum,e.puck),headTitle:y(e.headTitle,J0.headTitle,e.puck),headDesc:y(e.headDesc,J0.headDesc,e.puck),kicker:y(e.kicker,J0.kicker,e.puck),leadTitle:y(e.leadTitle,J0.leadTitle,e.puck),intro:y(e.intro,J0.intro,e.puck),emailPlaceholder:a1(e.emailPlaceholder)||J0.emailPlaceholder,submitText:a1(e.submitText)||J0.submitText,subscribedText:a1(e.subscribedText)||J0.subscribedText,finePrint:y(e.finePrint,J0.finePrint,e.puck),issuesHeading:y(e.issuesHeading,J0.issuesHeading,e.puck),issues:t,source:O3.subscribeBlogsSection,editing:e.puck?.isEditing,archiveText:y(e.archiveText,J0.archiveText,e.puck),archiveHref:a1(e.archiveHref)||J0.archiveHref})}};import{jsx as oc1}from"react/jsx-runtime";var dO={fields:{_sHead:Y1("Section header"),_gHeadCopy:x("Content"),headNum:T("Number",J0.headNum),headTitle:G("Heading",J0.headTitle),headDesc:G("Body",J0.headDesc),_sLeft:Y1("Newsletter panel"),_gLeftCopy:x("Content"),kicker:T("Eyebrow",J0.kicker),leadTitle:G("Heading",J0.leadTitle),intro:G("Intro",J0.intro),_gForm:x("Signup form"),emailPlaceholder:q("Email placeholder",J0.emailPlaceholder),submitText:q("Submit button",J0.submitText),subscribedText:q("Subscribed button",J0.subscribedText),finePrint:G("Fine print",J0.finePrint),_sRight:Y1("Recent posts"),_gRightCopy:x("Content"),issuesHeading:T("Panel heading",J0.issuesHeading),_gPosts:x("Blog posts"),posts:s2(f9),limit:s1("Posts to display",oc1(rc1,{}),1,6,1,4),_gArchive:x("Archive link"),archiveText:T("Archive button",J0.archiveText),archiveHref:F1("Archive link")}};import{jsx as ic1}from"react/jsx-runtime";var gO={label:"Booking box",defaultProps:{},render:e=>ic1(ku,{region:typeof e.region=="string"?e.region:void 0,eyebrow:y(e.eyebrow,A.eyebrow,e.puck),heading:y(e.heading,A.heading,e.puck),intro:y(e.intro,A.body,e.puck),buttonLabel:y(e.buttonLabel,A.button,e.puck),successMessage:y(e.successMessage,A.bookingConfirmation,e.puck),styleStep:e.styleStep,styleName:e.styleName,styleValue:e.styleValue,styleNote:e.styleNote})};import{useEffect as Jb,useState as Qb}from"react";import{Fragment as nc1,jsx as H0,jsxs as k3}from"react/jsx-runtime";var vO="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 ex({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:u,formSlug:d,form:v,editing:g,initialActiveId:b,onActiveChange:f,reasonExtras:C,...z}){let M=[...a.map(W=>W.id),...r?[T8]:[]],S=b&&M.includes(b)?b:M[0]??T8,[H,_]=Qb(S);Jb(()=>{M.includes(H)||_(M[0]??T8)},[M.join("|")]),Jb(()=>{b&&M.includes(b)&&_(b)},[b]);let E=W=>{_(W),P(null),f?.(W)},[O,P]=Qb(null),F=(u??[]).filter(W=>!W.hidden),V=F.find(W=>W.groupId===H)?.value??null,D=O??V,Z=A5(d,v),I=v7({form:Z,formSlug:d,editing:g}),U=Z===void 0,N=!!Z||!!g,[J,j]=Qb(!1);return Jb(()=>{let W=()=>j(document.documentElement.getAttribute("data-theme")==="light");W();let n1=new MutationObserver(W);return n1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>n1.disconnect()},[]),k3(nc1,{children:[k3("section",{className:_0(z)?"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:J?void 0:{background:"var(--section-bg)"},children:[(e||t)&&k3("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[e&&H0(N1,{text:e}),t&&H0("span",{className:"font-display text-[length:var(--size-body,14px)] uppercase tracking-[0.04em] text-fg-dim",children:k(t)})]}),H0("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 n1=H===W.id;return k3("button",{type:"button",onClick:()=>{E(W.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:n6(),block:"start"})},className:["flex min-h-[240px] cursor-pointer flex-col gap-3.5 px-7 py-9 text-left transition-colors",n1?"bg-surface outline outline-2 -outline-offset-2 outline-accent":"bg-bg hover:bg-surface"].join(" "),children:[W.eyebrow&&H0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:W.eyebrow}),H0("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&&H0("p",{className:"mt-auto font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:W.copy}),W.response&&k3("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:[H0("span",{children:"Response"}),H0("strong",{className:"font-normal text-fg",children:W.response})]})]},W.id)})})]}),(N||F.length>0)&&k3("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]",N&&F.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[N&&k3("div",{children:[k3("div",{className:"mb-7 flex items-end justify-between gap-6 border-b border-line pb-6",children:[k3("div",{children:[s&&H0("div",{className:"pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:k(s)}),c&&H0("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:Y(c,!0)})]}),!!(l&&l.length)&&H0("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,n1)=>H0("div",{children:W},n1))})]}),Z?I.done?H0("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:Be(Z,"Thanks \u2014 we've received your message.")}):k3("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:I.handleSubmit,children:[Z.fields.map(W=>H0(D2,{label:W.label,required:W.required,className:W.type==="textarea"||W.type==="checkbox"?"col-span-2 max-[700px]:col-span-1":void 0,children:H0(f7,{field:W,value:I.valueOf(W.key),onChange:n1=>I.set(W.key,n1),className:W.type==="textarea"?`${vO} min-h-[140px] resize-y leading-[1.5]`:W.type==="checkbox"?"size-4 self-start accent-accent":vO})},W.key)),k3("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[H0(w8,{required:!0,children:"Reason"}),k3("div",{className:"mt-1 flex flex-wrap gap-2",children:[a.map(W=>{let n1=H===W.id;return H0("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",n1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:W.title},W.id)}),r&&H0("button",{type:"button",onClick:()=>E(T8),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",H===T8?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:D0(o)})]})]}),C?.(H),H===T8&&(i||n)&&k3("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&&H0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:k(i)}),n&&x0(n).map((W,n1)=>H0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:k(W)},n1))]}),H0(Ze,{value:I.honeypot,onChange:I.setHoneypot}),I.error&&H0("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:I.error}),k3("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&&H0("span",{className:"max-w-[380px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.6] tracking-[0.18em] text-fg-dim",children:k(m)}),H0("button",{type:g?"button":"submit",disabled:I.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:I.submitting?"Sending\u2026":h?D0(h):"Send Message \u2192"})]})]}):H0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:U?p("Loading form\u2026"):p("Choose a form in the inspector, under Message form \u2014 until then this column is hidden on the live page and no message can be sent.")})]}),F.length>0&&H0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:F.map((W,n1)=>{let z1=D===W.value,c1=!!!W.groupId;return k3("div",{onClick:c1?()=>P(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",c1?"cursor-pointer border-t-2 border-t-accent":"",z1?"border-l-accent pl-6":c1?"border-l-transparent hover:bg-accent/[0.04]":"border-l-transparent"].join(" "),style:z1?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[z1&&k3("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[H0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:"\u2192 Message routes here"}),H0("span",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.18em] text-fg-dim",children:"Other inboxes filter as spam"})]}),H0("span",{className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] transition-colors",z1?"text-fg":"text-accent"].join(" "),children:W.label}),c1?H0("a",{href:W.href,onClick:g1=>g1.stopPropagation(),className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em] transition-colors hover:text-accent",z1?"text-accent":"text-fg"].join(" "),children:W.value}):H0("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em]",z1?"text-accent":"text-fg"].join(" "),children:W.value}),W.sub&&H0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:W.sub})]},`${W.value}-${n1}`)})})]})]})}import{jsx as hc1}from"react/jsx-runtime";var fO={label:"Contact Form",defaultProps:{routingNumber:f0.routingNumber,routingTagline:f0.routingTagline,groups:f0.groups,formSlug:"",formNumber:f0.formNumber,formHeading:f0.formHeading,metaItems:f0.metaLines.map(e=>({text:e})),showOther:f0.showOther,otherLabel:f0.otherLabel,otherNoteTitle:f0.otherNoteTitle,otherNoteBody:f0.otherNoteBody,buttonText:f0.buttonText,consent:f0.consent,channels:f0.channels},render:e=>hc1(ex,{routingNumber:y(e.routingNumber,f0.routingNumber,e.puck),routingTagline:y(e.routingTagline,f0.routingTagline,e.puck),groups:e.groups??[],formNumber:y(e.formNumber,f0.formNumber,e.puck),formHeading:y(e.formHeading,f0.formHeading,e.puck),metaLines:(e.metaItems??[]).map(t=>t?.text??"").filter(Boolean),showOther:e.showOther,otherLabel:a1(e.otherLabel)||f0.otherLabel,otherNoteTitle:y(e.otherNoteTitle,f0.otherNoteTitle,e.puck),otherNoteBody:y(e.otherNoteBody,f0.otherNoteBody,e.puck),buttonText:a1(e.buttonText)||f0.buttonText,consent:y(e.consent,f0.consent,e.puck),channels:e.channels??[],formSlug:a1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as bO}from"react/jsx-runtime";function tx({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return bO("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:bO("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as mc1}from"react/jsx-runtime";var xO={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>mc1(tx,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as pc1}from"react";import{jsx as ax,jsxs as zO}from"react/jsx-runtime";function sx({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:s}=Dp(),[c,l]=pc1("");return zO("div",{className:"w-full min-w-0",children:[e?ax("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:Y(e,!1)}):null,zO("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:r=>{r.preventDefault(),s({email:c.trim(),source:O3.footerSignup})},children:[ax("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"}),ax("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:D0(a)})]})]})}import{jsx as uc1}from"react/jsx-runtime";var yO={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:s})=>uc1(sx,{heading:K4(e,"Join our email list",s),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as Dh,jsxs as gc1}from"react/jsx-runtime";var dc1={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function cx({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:u,siteName:d}=Cl(),v=Math.round(m7*(t/100)),g={...c?{paddingTop:c}:{},...l?{paddingRight:l}:{},...r?{paddingBottom:r}:{},...o?{paddingLeft:o}:{}};return gc1("div",{className:`flex min-w-0 flex-col ${dc1[a]} [container-type:inline-size]`,style:g,children:[Dh(L1,{href:"/","aria-label":d?`${d} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:Dh(be,{variant:"footer",sizePx:v,src:n,reverse:s,reversedSrc:h,inkIsDark:m,wordmark:u,siteName:d,fitWordmarkToContainer:!0,fitFloorPx:IC})}),e?Dh("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:k(e)}):i?Dh("p",{className:"mt-3.5 max-w-[280px] text-[13px] italic leading-[1.5] text-fg-dim/60",children:p("Add a short brand tagline \u2192")}):null]})}import{jsx as vc1}from"react/jsx-runtime";var wO={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})=>vc1(cx,{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 fc1}from"react/jsx-runtime";var CO={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:s,puck:c})=>fc1(_a,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:s,editing:c?.isEditing})};import{jsx as bc1}from"react/jsx-runtime";var kO={label:"Social Logos",defaultProps:{iconStyle:re,iconSize:"medium",align:"start",gap:Dc},render:({iconStyle:e,iconSize:t,align:a,gap:s,puck:c})=>bc1(Bb,{iconStyle:e,iconSize:t,align:a,gap:s,editing:c?.isEditing})};import{jsx as zc1}from"react/jsx-runtime";var xc1={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function lx({text:e,size:t="md",tone:a="default",editing:s=!1}){let c=e||(s?p("Add a line of footer text."):"");return c?zc1("p",{className:`${xc1[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:k(c)}):null}import{jsx as yc1}from"react/jsx-runtime";var MO={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:s})=>yc1(lx,{text:e||void 0,size:t,tone:a,editing:s?.isEditing})};import{jsx as wc1}from"react/jsx-runtime";var SO={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>wc1(Vp,{formSlug:a1(e.formSlug)||void 0,heading:a1(e.heading)||void 0,intro:a1(e.intro)||void 0,submitText:a1(e.submitText)||void 0,finePrint:a1(e.finePrint)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as Cc1}from"react/jsx-runtime";var LO={label:"Legal Line",render:()=>Cc1(Bc,{})};import{jsx as kc1}from"react/jsx-runtime";var AO={label:"Submit box",defaultProps:{},render:e=>kc1(Au,{region:typeof e.region=="string"?e.region:void 0,eyebrow:e2(e.eyebrow,y0.eyebrow,e.puck),title:e2(e.title,y0.title,e.puck),body:e2(e.body,y0.body,e.puck),buttonText:e2(e.buttonText,y0.buttonText,e.puck),consent:e2(e.consent,y0.consent,e.puck),formSlug:a1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing,styleField:e.styleField,styleTick:e.styleTick,styleThanks:e.styleThanks})};import{jsx as Mc1}from"react/jsx-runtime";var HO={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:u,posts:d,limit:v,archiveText:g,archiveHref:b,puck:f})=>Mc1(Kc,{headNum:y(e,Z0.headNum,f),headTitle:y(t,Z0.headTitle,f),headDesc:y(a,Z0.headDesc,f),kicker:y(s,Z0.kicker,f),leadTitle:y(c,Z0.leadTitle,f),intro:y(l,Z0.intro,f),emailPlaceholder:a1(r)||Z0.emailPlaceholder,submitText:a1(o)||Z0.submitText,subscribedText:a1(i)||Z0.subscribedText,finePrint:y(n,Z0.finePrint,f),issuesHeading:y(h,Z0.issuesHeading,f),issues:Zh(Xb(u),{issues:m,posts:d,limit:v,puck:f}),source:O3.subscribeSection,editing:f?.isEditing,archiveText:y(g,Z0.archiveText,f),archiveHref:a1(b)||Z0.archiveHref})};var FO={AppointmentBooking:pD,BookingBox:gO,ContactRouting:fO,Events:LD,Footer:PD,FooterDivider:xO,FooterEmailSignup:yO,FooterGroup:ID,FooterLogo:wO,FooterMenu:CO,FooterSocial:kO,FooterText:MO,Form:SO,LegalLineBlock:LO,ReviewForm:YD,Reviews:QD,[H9]:tO,[A9]:sO,SubmitBox:AO,SubmitBuild:rO,Subscribe:HO,SubscribeBlogs:uO};var Sc1={AppointmentBooking:uD,BookingBox:dD,ContactRouting:vD,Events:AD,Footer:ED,FooterDivider:VD,FooterEmailSignup:ND,FooterGroup:RD,FooterLogo:BD,FooterMenu:OD,FooterSocial:UD,FooterText:jD,Form:KD,LegalLineBlock:$D,ReviewForm:XD,Reviews:eO,[H9]:aO,[A9]:cO,SubmitBox:lO,SubmitBuild:oO,Subscribe:pO,SubscribeBlogs:dO},h2=Je(FO,Sc1);import{jsx as O6,jsxs as VO}from"react/jsx-runtime";var rx=e=>e==="sentence"?"none":void 0,D6=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,$c=e=>typeof e=="string"&&e?e:void 0,Lc1=["font","color","size","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function Oh(e){let t={};for(let a of Lc1)e[a]!==void 0&&(t[a]=e[a]);return t}function Ac1(e){let t=e.fonts,a=e.sizes,s=e.typography,c=Iz(e.compression),l=(o,i)=>({id:`heading-${o}`,kind:"heading",name:`Heading ${o}`,values:Oh(i)}),r=(o,i={})=>({id:`body-${o}`,kind:"body",name:`Body ${o}`,values:Oh(i)});return[l(1,{font:$c(t.heading),size:D6(a.headingLarge),weight:D6(s.weight),lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,letterCase:rx(s.case),largestSize:D6(s.maxPx)}),l(2,{font:$c(t.heading2),size:D6(a.headingMedium),weight:D6(s.weight2),lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,letterCase:rx(s.case2)}),l(3,{font:$c(t.heading3),size:D6(a.headingSmall),weight:D6(s.weight3),lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,letterCase:rx(s.case3)}),r(1,{font:$c(t.body),size:D6(a.body)}),r(2),r(3),r(4),r(5,{font:$c(t.label),size:D6(a.label)})]}function TO(e){return Array.isArray(e)&&e.every(t=>t&&typeof t=="object"&&typeof t.id=="string"&&(t.kind==="heading"||t.kind==="body")&&typeof t.name=="string")?e.map(t=>({...t,values:Oh(t.values??{})})):null}function PO(e){return TO(e)??[]}function pm0(e,t){let a=Ac1(t),s=TO(e);return s?s.map(c=>({...c,values:Oh({...Hc1(a,c.id),...c.values})})):a}var Hc1=(e,t)=>e.find(a=>a.id===t)?.values??{};function um0(e,t){let a=u=>e.find(d=>d.id===u)?.values??{},s=a("heading-1"),c=a("heading-2"),l=a("heading-3"),r=a("body-1"),o=a("body-5"),i=t.fonts,n=t.sizes,h=t.typography,m=u=>u==="none"?"sentence":"authored";return{fonts:{...i,heading:s.font??i.heading,heading2:c.font??s.font??i.heading2,heading3:l.font??s.font??i.heading3,body:r.font??i.body,label:o.font??i.label},sizes:{...n,headingLarge:s.size??null,headingMedium:c.size??null,headingSmall:l.size??null,body:r.size??null,label:o.size??null},compression:t.compression,typography:{...h,case:m(s.letterCase),weight:s.weight??null,maxPx:s.largestSize??null,weight2:c.weight??null,weight3:l.weight??null,case2:m(c.letterCase),case3:m(l.letterCase)}}}function Fc1(e){switch(e.id){case"heading-1":return"font-display";case"heading-2":return"font-heading2";case"heading-3":return"font-heading3";case"body-1":return"font-body";case"body-5":return"font-mono";default:return`font-${e.id}`}}function Tc1(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function Pc1(e){let t=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${t}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${t}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function EO(e){let t=[];for(let a of e){let s=a.values,c=`.${Fc1(a)}`,l=[],r=s.font!==void 0?gz.find(n=>n.key===s.font)?.cssVar:void 0;if(r&&l.push(`font-family: var(${r})`),s.size!==void 0){let n=s.largestSize!==void 0?Math.min(s.size,s.largestSize):s.size;l.push(`font-size: ${n}px`)}let o=s.color!==void 0?Tc1(s.color):null;o&&l.push(`color: ${o}`),s.italic===!0&&l.push("font-style: italic"),s.weight!==void 0&&l.push(`font-weight: ${s.weight}`);let i=[];s.lineHeight!==void 0&&i.push(`line-height: ${s.lineHeight}`),s.letterSpacing!==void 0&&i.push(`letter-spacing: ${s.letterSpacing}em`),a.kind==="body"&&l.push(...i),s.letterCase!==void 0&&l.push(`text-transform: ${s.letterCase==="upper"?"uppercase":s.letterCase==="lower"?"lowercase":"none"}`),s.paragraphSpacing&&l.push(`--sf-part-para: ${s.paragraphSpacing}px`),l.length&&t.push(`${c} { ${l.join("; ")} }`),a.kind==="heading"&&i.length&&t.push(`${c}, ${c}:is(h1, h2, h3, h4) { ${i.join("; ")} }`),s.paragraphSpacing&&t.push(...Pc1(c))}return t.join(`
|
|
154
|
+
`)}import{useEasel as Ec1}from"efficient-easel/easel";var Vc1="color-mix(in oklab, var(--bg) 40%, #ffffff)",Nc1="12vh";function _c1({style:e,frameClass:t,children:a}){let{appState:s}=Ec1(d=>d),c=s.data.content,l=s.data.root;if(Xw(c))return O6("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:Vc1,minHeight:"100vh",paddingBottom:Nc1},children:O6("div",{style:{background:"var(--bg)"},children:a})});let r=ka(c)&&rr(l,c),o=ka(c)?eC(l,c):null,i=o?{[Qw]:o}:null,n=Qz(l?.widthChoice),h=n?{[Jz]:n}:null,m=r?null:bZ(c),u=m?{[vh]:m}:null;return O6("div",{className:`sf-themed-content${r?` ${lr}`:""}${t?` ${t}`:""}`,style:e,...u,...i,...h,children:O6("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function NO(e){return{frameClass:void 0,style:{"--sf-page-width":xa}}}function ox({w:e,children:t}){let{frameClass:a,style:s}=NO(e);return O6("div",{className:a,style:s,children:t})}function ix({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:u,overlay:d,children:v}){let{theme:g,fonts:b,sizes:f,cornerRadiusPx:C,cardShadow:z,shadowColor:M,cardGap:S,hoverEffect:H,headingCompression:_,siteWidth:E,siteGutter:O,blockGap:P,headingTypography:F,heroBackgroundFollowsWidth:V,photographyGrayscale:D,textStyles:Z,themeFromDocument:I}=_3(),U=I?e:g,N=I?t:b,J=I?void 0:f,j=I?s===void 0?Fz[Hz(a)]:Tz(s):C,W=I?c:_,n1=EO(PO(I?void 0:Z)),z1=I?l:F,$=NO({widthMode:r,fullWidth:o,pageWidth:i}),c1={...ba(U),...vl(J),...Rz(z1),...$.style,...h?{}:vm(n)};return VO("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...nl(N),...pl(U),...ul(U),...dl(U),...gl(U),...om(j),...qz(om(j)),...Nz(I?void 0:z,I?void 0:M,I?void 0:H),...Uz(I?void 0:E),...jz(I?void 0:O),...By(I?void 0:P),...Xz(I?void 0:V)},"data-sf-headings":_z(W),"data-sf-card-shadow":I?void 0:Pz(z),"data-sf-card-gap":I?void 0:Ez(S),"data-sf-card-hover":I?void 0:Vz(H),onClickCapture:m,children:[n1?O6("style",{"data-sf-text-styles":"",dangerouslySetInnerHTML:{__html:n1}}):null,VO(VT,{grayscale:I?void 0:D,children:[O6(_c1,{style:c1,frameClass:$.frameClass,children:v}),u,d]})]})}var nx=e=>{e.target?.closest?.("a")&&e.preventDefault()};function _O({pageBackground:e,inheritBackground:t=!1,w:a,children:s}){return O6("div",{style:{...t?{}:vm(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:O6(ox,{w:a,children:s})})}import{jsx as mx}from"react/jsx-runtime";import{ListIcon as Ic1,PaddingTopIcon as Rc1}from"efficient-easel/icons";function Bc1(){return{type:"custom",render:({value:e,onChange:t})=>mx(Vh,{value:e==="full"?"full":e==="content"?"content":void 0,resolved:"content",followsLabel:p("Follows the site"),hint:p("Whether this page sits on the site's content column, or runs edge to edge."),onChange:a=>t(a)})}}var Zc1=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],BO={pageBackground:cw(),topSpace:v1("Top space",mx(Rc1,{}),Zc1,Jw),widthChoice:Bc1()},Dc1="Record type",hx=new Map,IO=-1;function Oc1(e){IO!==op()&&(hx.clear(),IO=op());let t=rp(),a=t.some(c=>c.key===e)?"":e,s=hx.get(a);return s||(s=v1(Dc1,mx(Ic1,{}),[...t.map(c=>({label:c.label,value:c.key})),...a?[{label:a,value:a}]:[]],Te),hx.set(a,s)),s}var RO=new WeakMap;function ZO(e,t){if(!M2()||rp().length<2||Vr in e)return e;let a=Oc1(Nr(t)),s=RO.get(e);if(s&&s.row===a)return s.fields;let c={[Vr]:a,...e};return RO.set(e,{row:a,fields:c}),c}function Gc1(e,t){let a=fm(t),s=a?a.inner:t;if(am(s))return!1;if(s?.type==="slot")return!0;let c=Cy(s);return c==="always"?!1:c==="authored-copy"?zz(e):!0}function DO(e){let t=fm(e),a=t?t.inner:e,s=am(a);return s?Uy(a)?0:s.level:null}function qc1(e,t,a){return a?t===0&&e===Am.Design||t===1&&e===iw.Content:!1}var Wc1=new WeakMap,Uc1=new WeakMap;function Gh(e,t="section"){let a=t==="page"?Uc1:Wc1,s=a.get(e);if(s)return s;let c=Object.entries(e).map(([m,u])=>({key:m,field:u,level:DO(u),draws:Gc1(m,u)||t==="page"&&DO(u)===null&&cm(m,u)})),l=t==="section"&&c.some(m=>cm(m.key,m.field)),r=new Set;for(let m=0;m<c.length;m++){let u=c[m].level;if(u===null)continue;let d=0;for(let v=m+1;v<c.length;v++){let g=c[v].level;if(g!==null&&g<=u)break;c[v].draws&&(d+=1)}d===0&&!qc1(c[m].key,u,l)&&r.add(c[m].key)}let o=l&&uw(e),i=o&&!(Am.Design 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=le(o?pw(n):n);return a.set(e,h),h}var OO={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(fa,e),draw(e,t){e.label=fa[t]}};import{jsx as jc1}from"react/jsx-runtime";var GO={name:"sectionGroupAllow",applies:e=>ol.includes(e),panel(e,t,a,s){let c=e.fields?.sections;c&&(c.allow=[...s.sectionGroupAllow])}},px=new Set(Object.keys(Z1)),qO={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=>!px.has(i)):c;r.disallow=Array.from(new Set([...r.disallow??[],...o]))}}};var Kc1=Array.from(new Set([...Ix.map(e=>e.type),...px,...al,"GalleryItem"])),WO={name:"cellWidth",applies:(e,t,a)=>Kc1.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=Ai(r.appState,l.props?.id);if(i===void 0||uz(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=mz(a.gridSpan),c=t(a);return s==null?c:jc1("div",{className:"sf-grid-cell",[pz]:String(s),children:c})}}};import{jsx as UO}from"react/jsx-runtime";var jO={name:"clickableParts",applies:(e,t,a)=>typeof a?.render=="function",draw(e,t){let a=e,s=a.render;a.render=c=>{let l=P9(c);return c.puck?.isEditing?UO(rH,{needles:sm(a.fields,c),styles:l,type:t,children:s(c)}):Object.keys(l).length?UO(Zz,{needles:sm(a.fields,c),styles:l,type:t,children:s(c)}):s(c)}}};import{jsx as KO}from"react/jsx-runtime";var $O={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=fl(a.sectionCorners,a.sectionCornerSides),c=t(a),l=_0(a)?`sf-section-corners ${Oz}`:"sf-section-corners";return s?KO("div",{className:l,style:{display:"contents",...s},children:c}):c}}},$c1=["CollectionCard"],YO={name:"cardCorners",applies:(e,t,a)=>$c1.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=Gz(a.cardCorners,a.cardCornerSides),c=t(a);return s?KO("div",{className:"sf-card-corners",style:{display:"contents",...s},children:c}):c}}};var XO={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 JO={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 QO,Fragment as Yc1,jsxs as Xc1}from"react/jsx-runtime";function Jc1({anchor:e}){let t=pm(typeof e=="string"?e:"");return t?QO("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var eG={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=>Xc1(Yc1,{children:[QO(Jc1,{anchor:a.anchor}),t(a)]})}};import{jsx as tl1}from"react/jsx-runtime";import{jsx as Qc1}from"react/jsx-runtime";import{useEffect as el1,useRef as tG}from"react";function aG({motion:e,editing:t,children:a}){let s=tG(null),c=tG(e);return el1(()=>{let l=s.current;if(l){if(t){if(c.current===e)return;c.current=e,oy(l);return}return ry(l)}},[e,t]),Qc1("div",{ref:s,[ly]:e,children:a})}var sG={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!iy.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=cy(s.sectionAnimation);return c?tl1(aG,{motion:c,editing:!!s.puck?.isEditing,children:a(s)}):a(s)}}};import{jsx as al1}from"react/jsx-runtime";var rG={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!hy.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=ny(i),h=my(i)?py(i):null;return o&&typeof o.then=="function"?o.then(m=>lG(cG(m,n),h)):lG(cG(o,n),h)}},draw(e){let t=e.render;e.render=a=>{let s=uy(a);return s?al1("div",{className:s.className,style:s.style,children:t(a)}):t(a)}}};function cG(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 lG(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 sl1}from"react/jsx-runtime";var oG={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!ay.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:s,SECTION_THEME_FOLLOW_LABEL:c}=a,l=dm.has(t);e.fields={...e.fields,...l?s(v5,c):s()}},draw(e,t){let a=dm.has(t),s=e.render;e.render=c=>{let l=_9(a?{...c,sectionAccent:v5(c.sectionAccent)}:c),r=s(c);return l?sl1("div",{className:l.className,style:l.style,children:r}):r}}},iG={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(v5,c)})}};var cl1=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","Countdown"]),nG={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(cl1.has(e)||t.isHostBlock(e)),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}},ll1=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"]),hG={name:"blockGroups",applies:e=>ll1.has(e),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}};var rl1=["Form","Stats"];function ux(e,t){let a=new Set(e),s=Vx.filter(i=>a.has(i)),c=s.filter(i=>i!=="Header"&&i!=="Footer"&&!ol.includes(i)),l=new Set([...t,...al,...rl1]),r=s.filter(i=>!l.has(i)),o=new Set(s);return{isSection:i=>o.has(i),isHostBlock:()=>!1,sectionGroupAllow:c,contentSectionKeys:r}}var ol1=[GO,qO,wL,$O,YO,CL,WO,vT,fT,bT,xT,rG,eG,oG,sG,iG,nG,hG,XO,jO,JO,OO];function mG(e,t,a){let s=t;for(let c of ol1)c.applies(e,a,s)&&(a.inspector&&c.panel?.(s,e,a.inspector,a),c.draw?.(s,e,a));return t}var pG={spacingFields:b5,sectionShapeFields:Bl,cardShapeFields:$y,cellWidthFields:ew,widthField:x5,heightFields:tw,anchorFields:aw,sectionThemeFields:Y9,sectionAnimationFields:Ky,slider:s1,assignSectionGroups:$l,dropEmptyHeadings:Gh,SECTION_THEME_FOLLOW_LABEL:Ml,BLOCK_THEME_FOLLOW_LABEL:xy};function uG(e){let t={...ux(Object.keys(e.components),e.categories?.structure?.components??[]),inspector:pG};for(let[l,r]of Object.entries(e.components))mG(l,r,t);let a=e.root,s=a.resolveFields,c=(l,r)=>Gh(ZO(l,r?.props),"page");return a.resolveFields=s?(l,r)=>{let o=s(l,r);return o instanceof Promise?o.then(i=>c(i??r.fields,l)):c(o??r.fields,l)}:(l,r)=>c(r.fields,l),t}import{Fragment as Hl1,jsx as o0,jsxs as ua}from"react/jsx-runtime";var fl1="Newsletter (built in)";var id0=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],bl1=Jh(()=>import("./PreviewFooter-3KWULEUT.js")),xl1=Jh(()=>import("./render-client-QD2X7XEJ.js")),zl1={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 yl1({propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:l,chromeInheritsSiteBackground:r,suppressPreviewNav:o,children:i}){let{originData:n,exitFocus:h}=Kk(),{theme:m,fonts:u,sizes:d,themeFromDocument:v}=_3();if(!n)return ua(ix,{propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:l,chromeInheritsSiteBackground:r,suppressPreviewNav:o,footer:null,children:[o0("div",{style:zl1,children:"This is your site footer \u2014 it shows at the bottom of every page."}),i]});let g=v?e:m,b=v?t:u,f=n.content??[],C=n.root,z=ka(f)&&rr(C,f);return ua("div",{className:"sf-theme-accent",style:{...nl(b),...pl(g),...ul(g),...dl(g)},onClickCapture:o,children:[ua("div",{style:{position:"relative"},children:[o0("div",{className:z?lr:void 0,style:{...ba(g),...vl(v?void 0:d),pointerEvents:"none",userSelect:"none"},"aria-hidden":"true",children:o0(xl1,{data:n})}),o0("button",{type:"button",onClick:()=>h(),title:p("Click the page to go back"),"aria-label":p("Go back to the page"),style:{position:"absolute",inset:0,width:"100%",height:"100%",cursor:"pointer",background:"transparent",border:0,padding:0}})]}),o0("div",{className:"sf-theme-surfaces",style:{...ba(g),...gl(g)},children:o0(ox,{w:{widthMode:a,fullWidth:s,pageWidth:c},children:i})})]})}var F0=Mm,wl1={formSlug:P5(void 0,fl1),_gLeft:x("Left panel"),metaLabel:q("Meta label",F0.metaLabel),issueLabel:q("Issue label",F0.issueLabel),issueNumber:q("Issue number",F0.issueNumber),kicker:q("Eyebrow",F0.kicker),heading:V1("Heading",F0.heading),deck:V1("Deck",F0.deck),stats:{type:"array",label:"Stats",arrayFields:{label:q("Label"),value:q("Value")},getItemSummary:e=>e?.label||e?.value||"Stat"},_gForm:x("Right panel \xB7 form"),formLabel:q("Section label",F0.formLabel),formHeading:q("Heading",F0.formHeading),formIntro:V1("Intro",F0.formIntro),firstNameLabel:q("First-name label",F0.firstNameLabel),firstNamePlaceholder:q("First-name placeholder",F0.firstNamePlaceholder),emailLabel:q("Email label",F0.emailLabel),emailPlaceholder:q("Email placeholder",F0.emailPlaceholder),_gChoices:x("Right panel \xB7 choices"),interestsLabel:q("Interests label",F0.interestsLabel),interests:P2("Interest chips",o0(s4,{noun:"tag"}),"Chip label","verbatim"),frequencyLabel:q("Frequency label",F0.frequencyLabel),frequencies:P2("Frequency options",o0(pl1,{}),"Option label","verbatim"),_gActions:x("Right panel \xB7 actions"),submitText:q("Submit button",F0.submitText),finePrint:q("Fine print",F0.finePrint),dismissText:q("Dismiss link",F0.dismissText),emailInvalidText:q("Invalid-email error",F0.emailInvalidText),submitErrorText:q("Submit-failed error",F0.submitErrorText),_gSuccess:x("Success state"),successHeading:q("Heading",F0.successHeading),successBody:V1("Message",F0.successBody),keepBrowsingText:q("Dismiss button",F0.keepBrowsingText),...Y9(v5,Ml),...Bl(),_gTextStyle:x("Text style"),...Object.fromEntries(Tl.map(e=>[Hy[e],v1(xm[e],je(xm[e]),[{label:"Popup's own",value:""},...g5.map(t=>({label:F9[t],value:t}))],"")])),_gBehaviour:x("Behavior"),autoOpen:l1("Show by itself",F0.autoOpen,o0(ml1,{})),trigger:f1("Trigger",o0(vl1,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],F0.trigger),autoOpenDelaySec:s1("Delay",o0(dx,{}),wm.min,wm.max,1,F0.autoOpenDelaySec,"s"),scrollPercent:s1("Scroll",o0(gl1,{}),Cm.min,Cm.max,5,F0.scrollPercent,"%"),showOn:f1("Pages",o0(ul1,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],F0.showOn),showOnPages:J9("Chosen pages",[],"None"),hideAfter:f1("After close",o0(dx,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],F0.hideAfter),hideDays:s1("Days",o0(dx,{}),km.min,km.max,1,F0.hideDays),_gArrangement:x("Arrangement"),formSide:f1("Form side",o0(dl1,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],F0.formSide),_gPhone:x("On a phone"),valuePanelOnPhone:l1("Left panel",F0.valuePanelOnPhone,o0(nl1,{}))},Cl1=$l(wl1,"SubscribePopup");async function kl1(){return(await Vy(i2()??"")).filter(t=>!ya(t.slug)).map(t=>({label:t.label,value:g8(t.slug)}))}async function Ml1(e){let t=Sm(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(Cl1))a.has(c)||(s[c]=c==="showOnPages"?{...l,options:await kl1().catch(()=>[])}:l);return le(s)}var m5=Fl,Sl1={_gHeader:x("Header"),kickerBadge:q("Eyebrow badge",m5.kickerBadge),kickerText:q("Eyebrow text",m5.kickerText),titleLead:q("Heading",m5.titleLead),titleAccent:q("Heading accent",m5.titleAccent),subtitleEmpty:V1("Sub-line \xB7 empty",m5.subtitleEmpty),subtitleOne:V1("Sub-line \xB7 one set",m5.subtitleOne),subtitleMany:V1("Sub-line \xB7 several sets",m5.subtitleMany,"{count} becomes the number of sets"),_gStatus:x("Status rail"),leadTimeValue:q("Lead time",m5.leadTimeValue),shipsToFallback:q("Ships to \xB7 fallback",m5.shipsToFallback,"Shown only while the site serves no countries \u2014 otherwise the site's default country is stated"),_gPromises:x("Promise row"),promises:P2("Trust markers",o0(dG,{}),"Marker","verbatim"),_gEmpty:x("Empty basket"),emptyKicker:q("Eyebrow",m5.emptyKicker),emptyBody:V1("Message",m5.emptyBody)},qh={root:{fields:{...BO},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===ym)return Ml1(e.props);if(e?.props?.kind===bm)return Sl1;let a=t;return M2()?{[hp]:v1("Product type",o0(il1,{}),ye,"alloy-wheel"),...a,_gHeroBullets:x("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."),[hu]:P2("Trust bullets",o0(dG,{}),uL(Ya.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,u=_r(typeof h=="string"?h:"",e);if(h===ym){let f=Sm(e);return ua("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?o0("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,o0(uS,{inline:!0,content:f})]})}if(h===bm){let f=Ay(e);return ua("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?o0("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,o0(br,{children:o0(xr,{preview:!0,children:o0(ja,{content:f})})})]})}let d=!!a?.isEditing,v=o0(hL,{type:nu(e),children:o0(cL,{kind:u,children:o0(vL,{content:dL(e),children:o0(tL,{slug:d?m:null,children:o0(UM,{children:t})})})})}),g=h===Fy&&!wy(r);return d?h===O9?o0(yl1,{propsTheme:o,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:typeof r=="string"?r:void 0,chromeInheritsSiteBackground:g,suppressPreviewNav:nx,children:v}):o0(ix,{propsTheme:o,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:typeof r=="string"?r:void 0,suppressPreviewNav:nx,footer:o0(bl1,{}),overlay:ua(Hl1,{children:[o0(jp,{}),o0(su,{})]}),children:v}):o0(_O,{pageBackground:r,inheritBackground:g,w:{widthMode:s,fullWidth:c,pageWidth:l},children:v})}},categories:Ex(),components:{Heading:B1.Heading,Text:B1.Text,Eyebrow:B1.Eyebrow,ImageBlock:B1.ImageBlock,LogoBlock:B1.LogoBlock,ButtonBlock:B1.ButtonBlock,Spacer:B1.Spacer,Divider:B1.Divider,Grid:B1.Grid,Flex:B1.Flex,Breadcrumb:B1.Breadcrumb,Masthead:B1.Masthead,CategoryBar:B1.CategoryBar,FeaturedCover:B1.FeaturedCover,LongRead:B1.LongRead,Series:B1.Series,Subscribe:h2.Subscribe,SubscribeBlogs:h2.SubscribeBlogs,Banner:B1.Banner,ParagraphsA:B1.ParagraphsA,StatsParagraph:B1.StatsParagraph,Timeline:B1.Timeline,Footprint:B1.Footprint,TimelineTrack:B1.TimelineTrack,TitleWithButtons:B1.TitleWithButtons,Stats:B1.Stats,Integrations:B1.Integrations,Mockup:B1.Mockup,Chart:B1.Chart,KeyFeatures:B1.KeyFeatures,Testimonials:B1.Testimonials,Reviews:h2.Reviews,Prose:B1.Prose,Cards:B1.Cards,Logos:B1.Logos,Ticker:B1.Ticker,ContactRouting:h2.ContactRouting,ContactLocations:B1.ContactLocations,HeroSingle:B1.HeroSingle,Hero:B1.Hero,HeroSlide:B1.HeroSlide,HeroGroup:B1.HeroGroup,Collections:U0.Collections,CollectionCard:U0.CollectionCard,Events:h2.Events,PostCard:B1.PostCard,DocMetaCards:B1.DocMetaCards,DocTabs:B1.DocTabs,DocMasthead:B1.DocMasthead,DocBody:B1.DocBody,FAQ:B1.FAQ,Gallery:U0.Gallery,GalleryB:U0.GalleryB,BrandStrip:U0.BrandStrip,SpecStrip:B1.SpecStrip,GalleryItem:U0.GalleryItem,Manifesto:B1.Manifesto,SectionHeader:B1.SectionHeader,IntroBleed:B1.IntroBleed,Split:B1.Split,SubmitBuild:h2.SubmitBuild,SubmitBox:h2.SubmitBox,ReviewForm:h2.ReviewForm,Form:h2.Form,AppointmentBooking:h2.AppointmentBooking,BookingBox:h2.BookingBox,CatalogFilterBar:U0.CatalogFilterBar,AlloyWheelsListing:U0.AlloyWheelsListing,ProductGrid:U0.ProductGrid,ProductHero:U0.ProductHero,SpecTable:U0.SpecTable,ProcessSteps:B1.ProcessSteps,DetailRows:U0.DetailRows,FitmentTable:U0.FitmentTable,RelatedProducts:U0.RelatedProducts,BundleOffer:U0.BundleOffer,CompatibleTyres:U0.CompatibleTyres,TyreSizes:U0.TyreSizes,TyreFitment:U0.TyreFitment,EuTyreLabel:U0.EuTyreLabel,FitmentFinder:U0.FitmentFinder,OrderSummary:B1.OrderSummary,DeliveryOptions:U0.DeliveryOptions,PaymentBadges:B1.PaymentBadges,CheckoutCTA:U0.CheckoutCTA,ProductRef:U0.ProductRef,CustomHTML:B1.CustomHTML,Header:U0.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:U0.SearchBlock,CartBlock:U0.CartBlock,CountrySwitchBlock:U0.CountrySwitchBlock,[A9]:h2.SiteHeader,[H9]:h2.SiteFooter}},Ll1={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(Ll1)){let a=qh.components;a[e]={...a[t]}}{let e=qh.components.MenuBlock;e.fields={...e.fields,direction:f1("Direction",o0(hl1,{}),[{label:gm.column,value:"column"},{label:gm.row,value:"row"}],"column")},e.defaultProps={...e.defaultProps,direction:"column"},e.render=({menu:t,heading:a,accordionMobile:s,showDividers:c,direction:l,puck:r})=>o0(_a,{menu:t,heading:a||void 0,accordionMobile:s,showDividers:c,layout:l==="row"?"row":"column",editing:r?.isEditing})}var Al1=uG(qh),nd0=Al1.sectionGroupAllow,tb=qh;export{Pz1 as a,Ez1 as b,Vz1 as c,Nz1 as d,_z1 as e,ux as f,mG as g,pG as h,rj as i,Wm1 as j,oo1 as k,wZ as l,Pi1 as m,YM as n,Ei1 as o,Vi1 as p,Lm1 as q,pm0 as r,um0 as s,ZG1 as t,Xl1 as u,Jl1 as v,Ql1 as w,er1 as x,gr1 as y,vr1 as z,fU1 as A,Po1 as B,fn1 as C,V90 as D,Kp as E,UI1 as F,kp as G,uM as H,Bo1 as I,Zo1 as J,Do1 as K,Wo1 as L,fM as M,wo1 as N,I5 as O,uZ as P,$f as Q,bh as R,wt as S,o3 as T,jU as U,vZ as V,so1 as W,On as X,Xv as Y,J71 as Z,OJ1 as _,BR as $,zc as aa,tb as ba};
|