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
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import{$ as az,$b as jz,$d as ym,$f as ce,$g as sr,A as d5,Aa as uz,Ab as zz,Ac as ry,Ad as zy,Ae as t7,Af as Gl,Ag as fw,B as Wx,Ba as T9,Bb as yz,Bc as oy,Bd as Hl,Bf as v1,Bg as bw,Bh as Am,C as Ux,Cb as sm,Cc as iy,Cd as D9,Ce as j9,Cf as J9,Cg as xw,Ch as cr,D as jx,Da as ml,Db as V9,Dc as wl,Dd as I3,De as _l,Df as s2,Dg as b8,Dh as Hm,E as Kx,Eb as rm,Ec as I9,Ed as yy,Ee as By,Eg as er,Eh as qw,F as $x,Fa as pl,Fb as om,Fc as ny,Fd as wy,Fe as K9,Ff as ql,Fg as x8,Fh as lr,G as Xh,Ga as Qh,Gc as um,Gd as vm,Ge as Q2,Gf as f1,Gh as ne,H as Yx,Hb as Vz,Hc as Cl,Hd as Fl,Hf as q1,Hg as zw,Hh as Ww,I as Xx,Ib as Nz,Ic as hy,Id as Cy,Ie as $9,If as Wl,Ig as yw,Ih as Uw,Ja as s6,Jb as _z,Jc as my,Jd as ky,Je as Zy,Jf as Mm,Jg as ww,Jh as ka,Kb as bl,Kc as Ml,Kd as Tl,Ke as Il,Kf as P2,Kg as Cw,Kh as jw,L as ll,La as dz,Lb as Iz,Ld as fm,Le as F,Lh as Kw,Ma as p2,Mb as Rz,Md as My,Me as G,Mh as $w,Na as em,Nb as Bz,Nc as py,Nd as bm,Ne as q,Nf as Q9,Nh as rr,Ob as N9,Od as O9,Oe as b1,Of as ee,Oh as Yw,Pa as a1,Pb as X6,Pc as p,Pd as Sy,Pe as F1,Pf as Ul,Pg as y5,Ph as Xw,Qa as T2,Qb as Zz,Qc as p3,Qd as G9,Qe as V1,Qf as s7,Qg as kw,Qh as Jw,Ra as gz,Rb as xa,Rd as q9,Rf as aw,Rg as Mw,Sd as Ly,Sf as sw,T as Jx,Tb as Dz,Td as Ay,Te as x,Tf as Sm,Tg as w5,Th as G4,Ud as Pl,Ue as f5,Uf as cw,Ug as Sw,Uh as Qw,V as Qx,Ve as Dy,Vg as re,Vh as or,Wb as Oz,Wc as uy,We as Y1,Wf as jl,Wg as Lw,Wh as Ma,Xb as Gz,Xc as v8,Xd as Hy,Xe as Oy,Xf as Kl,Xg as tr,Xh as c7,Yb as qz,Yd as xm,Ye as Rl,Yf as te,Yg as ar,Z as ez,Zb as Wz,Zc as Sl,Zd as ya,Ze as a7,Zf as ae,Zg as Aw,Zh as eC,_ as tz,_b as Uz,_c as dy,_d as zm,_e as Y9,_f as se,_g as Hw,_h as Fm,a as Ax,aa as sz,ab as c6,ac as Kz,ad as gy,ae as wm,af as s1,ag as lw,ah as Fw,b as sl,ba as Jh,bb as d8,bc as xl,bd as X2,be as Cm,bf as B3,bg as rw,bh as z8,c as Hx,ca as cz,cb as Y6,cc as zl,cd as vy,ce as km,cf as Gy,cg as ow,ch as J1,d as fa,da as lz,dc as im,dd as s4,de as Fy,df as Bl,dh as i6,ea as rl,eb as vz,ec as B2,ed as fy,ee as Ty,ef as qy,eg as $l,eh as k,f as Fx,fa as ol,fc as _0,fd as dm,fe as r6,ff as Wy,fg as iw,fh as D0,ga as rz,gc as $z,gd as J2,ge as El,gf as Zl,gg as nw,gh as Y,ha as oz,hc as yl,hd as gm,he as Vl,hf as Dl,hg as le,hh as x0,hi as tC,ia as iz,ib as tm,ic as g8,id as R9,ie as Py,if as Ol,ih as Tw,ii as aC,j as Tx,ja as A9,jb as am,jc as nm,jd as Ll,je as Ey,jf as Uy,jg as hw,jh as Pw,ji as Sa,ka as H9,kd as by,ke as Vy,kf as jy,kh as Ew,la as il,lb as fz,lc as hm,ld as xy,lf as Ky,lh as Vw,li as cC,m as Px,mc as mm,mf as $y,mg as mw,mh as Nw,n as Ex,nc as Yz,nd as c4,nf as Ca,nh as _w,ni as oC,oc as Xz,od as l4,of as Yy,oh as Iw,oi as iC,p as s0,pc as pm,pd as l6,pe as Ny,pf as b5,pg as Ql,ph as Rw,pi as nC,q as cl,qc as v5,qd as f8,qe as R3,qf as x5,qh as Bw,qi as hC,r as Yh,ra as R2,rc as Jz,rd as B9,re as _y,rf as Xy,rg as gw,rh as Zw,s as Ix,sa as Z1,sb as P9,sc as _9,sd as Z9,se as Nl,sf as Jy,sh as Dw,t as Rx,tc as Qz,td as J6,te as Q6,tf as Qy,th as Ow,ti as ir,u as Bx,uc as ey,ud as Al,ue as W9,uf as l1,uh as n6,ui as C4,v as Zx,va as O1,vc as ty,ve as e7,vf as ew,vh as h6,vi as nr,w as Dx,wa as nz,wc as ay,we as U9,wf as z5,wg as vw,wh as oe,wi as l7,x as Ox,xa as U1,xb as E9,xc as sy,xe as Iy,xf as X9,xg as Lm,xh as ie,xi as r4,y as Gx,ya as G1,yb as bz,yc as cy,ye as Ry,yf as o6,yh as Gw,yi as mC,z as qx,zb as xz,zc as ly,zd as w4,ze as wa,zf as tw,zh as C5}from"./chunk-HKXYT5YG.js";import{$ as Vm,A as ve,B as vr,C as SC,D as fe,E as LC,H as AC,I as fr,J as u0,L as Em,M as br,N as o4,O as xr,S as m7,T as HC,U as FC,V as TC,W as be,X as xe,Y as ze,Z as Aa,_ as PC,a as xC,aa as EC,ba as VC,ca as NC,da as w8,e as i7,ea as D2,f as mr,fa as C8,g as zC,ga as _C,h as yC,ha as Nm,i as Tm,j as wC,k as CC,l as pr,m as pe,n as Pm,p as Z2,q as n7,r as ur,s as ue,t as de,u as dr,v as h7,w as gr,x as kC,y as MC,z as ge}from"./chunk-A2E4QRHZ.js";import{A as Q1,d as La,e as r7,g as i2,h as hr,i as q4,j as pC,k as uC,l as dC,m as gC,n as o7,o as vC,p as fC,v as he,w as v0,x as y8,y as bC,z as me}from"./chunk-K6YFJAQ7.js";import{$ as Mz,D as wz,Da as Ez,G as Cz,Ga as za,Ha as kl,I as ba,J as ul,L as dl,La as _3,Ma as Yl,O as gl,Oa as Xl,Q as vl,Qa as pw,R as cm,Ra as uw,Sa as dw,Ta as Jl,X as fl,Y as kz,a as N3,aa as Sz,b as Vx,c as L1,ca as lm,d as hz,i as g5,j as F9,k as nl,l as mz,m as pz,pa as Lz,q as hl,qa as Az,ra as Hz,sa as Fz,va as Tz,wa as Pz}from"./chunk-VPJVU5VD.js";import{c as va,d as Mx,e as Sx,g as Lx,i as F2,j as Nx,k as L9,l as _x,m as a4,q as sC,r as lC,s as e3,t as rC}from"./chunk-WHY2JZ46.js";import{a as CG,b as kG}from"./chunk-Y6SLVHK3.js";var GP=CG((sP1,OP)=>{"use strict";function _11(e,t){this.v=e,this.k=t}function CP(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 I11(e){if(Array.isArray(e))return e}function R11(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 B11(){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 Z11(e,t){return I11(e)||R11(e,t)||D11(e,t)||B11()}function D11(e,t){if(e){if(typeof e=="string")return CP(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)?CP(e,t):void 0}}function Ni(e){var t,a;function s(l,r){try{var o=e[l](r),i=o.value,n=i instanceof _11;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)}Ni.prototype[typeof Symbol=="function"&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},Ni.prototype.next=function(e){return this._invoke("next",e)},Ni.prototype.throw=function(e){return this._invoke("throw",e)},Ni.prototype.return=function(e){return this._invoke("return",e)};var RP=Object.entries,kP=Object.setPrototypeOf,O11=Object.isFrozen,G11=Object.getPrototypeOf,q11=Object.getOwnPropertyDescriptor,_2=Object.freeze,W2=Object.seal,ft=Object.create,BP=typeof Reflect<"u"&&Reflect,Gd=BP.apply,qd=BP.construct;_2||(_2=function(t){return t});W2||(W2=function(t){return t});Gd||(Gd=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)});qd||(qd=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 Y8=S2(Array.prototype.forEach);Array.prototype.indexOf;var W11=S2(Array.prototype.lastIndexOf),MP=S2(Array.prototype.pop),Ts=S2(Array.prototype.push);Array.prototype.slice;var U11=S2(Array.prototype.splice),bt=Array.isArray,Vs=S2(String.prototype.toLowerCase),Id=S2(String.prototype.toString),SP=S2(String.prototype.match),Ps=S2(String.prototype.replace),LP=S2(String.prototype.indexOf),j11=S2(String.prototype.trim),K11=S2(Number.prototype.toString),$11=S2(Boolean.prototype.toString),AP=typeof BigInt>"u"?null:S2(BigInt.prototype.toString),HP=typeof Symbol>"u"?null:S2(Symbol.prototype.toString),$3=S2(Object.prototype.hasOwnProperty),Es=S2(Object.prototype.toString),f3=S2(RegExp.prototype.test),I7=Y11(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 Gd(e,t,s)}}function Y11(e){return function(){for(var t=arguments.length,a=new Array(t),s=0;s<t;s++)a[s]=arguments[s];return qd(e,a)}}function S0(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Vs;if(kP&&kP(e,null),!bt(t))return e;let s=t.length;for(;s--;){let c=t[s];if(typeof c=="string"){let l=a(c);l!==c&&(O11(t)||(t[s]=l),c=l)}e[c]=!0}return e}function X11(e){for(let t=0;t<e.length;t++)$3(e,t)||(e[t]=null);return e}function d4(e){let t=ft(null);for(let s of RP(e)){var a=Z11(s,2);let c=a[0],l=a[1];$3(e,c)&&(bt(l)?t[c]=X11(l):l&&typeof l=="object"&&l.constructor===Object?t[c]=d4(l):t[c]=l)}return t}function J11(e){switch(typeof e){case"string":return e;case"number":return K11(e);case"boolean":return $11(e);case"bigint":return AP?AP(e):"0";case"symbol":return HP?HP(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=q11(e,t);if(s){if(s.get)return S2(s.get);if(typeof s.value=="function")return S2(s.value)}e=G11(e)}function a(){return null}return a}function Q11(e){try{return f3(e,""),!0}catch{return!1}}var FP=_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"]),Rd=_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"]),Bd=_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"]),e01=_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"]),Zd=_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"]),t01=_2(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),TP=_2(["#text"]),PP=_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"]),Dd=_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"]),EP=_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"]),_i=_2(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),a01=W2(/{{[\w\W]*|^[\w\W]*}}/g),s01=W2(/<%[\w\W]*|^[\w\W]*%>/g),c01=W2(/\${[\w\W]*/g),l01=W2(/^data-[\-\w.\u00B7-\uFFFF]+$/),r01=W2(/^aria-[\-\w]+$/),VP=W2(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),o01=W2(/^(?:\w+script|data):/i),i01=W2(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),n01=W2(/^html$/i),h01=W2(/^[a-z][.\w]*(-[.\w]+)+$/i),NP=W2(/<[/\w!]/g),_P=W2(/<[/\w]/g),m01=W2(/<\/no(script|embed|frames)/i),p01=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},ZP=["style","script","xmp","iframe","noembed","noframes","plaintext","noscript"],u01=_2(S0({},ZP)),d01=(function(){let e={};return Y8(ZP,t=>{e[t]=W2(new RegExp("</"+t+"(?=[\\t\\n\\f\\r />])","i"))}),_2(e)})(),g01=function(){return typeof window>"u"?null:window},v01=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}},IP=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},R7=function(t,a,s,c){return $3(t,a)&&bt(t[a])?S0(c.base?d4(c.base):{},t[a],c.transform):s},Od=function(t,a,s){let c=$3(t,a)?t[a]:void 0;return c&&typeof c=="object"?d4(c):s()};function DP(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:g01(),t=r1=>DP(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"),w=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,I=function(C){return M?M(C):C.nodeType},E=function(C){return S?S(C):C.nodeName};if(typeof l=="function"){let r1=a.createElement("template");r1.content&&r1.content.ownerDocument&&(a=r1.content.ownerDocument)}let O,T="",P,N=!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.')},_=function(C){Z(),D++;try{return O.createHTML(C)}finally{D--}},U=function(C){Z(),D++;try{return O.createScriptURL(C)}finally{D--}},V=function(){return N||(P=v01(h,c),N=!0),P},J=a,j=J.implementation,W=J.createNodeIterator,n1=J.createDocumentFragment,z1=J.getElementsByTagName,$=s.importNode,c1=IP();t.isSupported=typeof RP=="function"&&typeof f=="function"&&j&&j.createHTMLDocument!==void 0;let g1=a01,K=s01,u1=c01,x1=l01,T0=r01,P0=o01,H1=i01,c0=h01,l0=VP,X1=null,y2=S0({},[...FP,...Rd,...Bd,...Zd,...TP]),a0=null,H2=S0({},[...PP,...Dd,...EP,..._i]),g0=Object.seal(ft(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(ft(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,Gh=S0({},[S1,r0,M1],Id),hx=_2(["mi","mo","mn","ms","mtext"]),qh=S0({},hx),mx=_2(["annotation-xml"]),Wh=S0({},mx),iG=S0({},["title","style","font","a","script"]),da=null,nG=["application/xhtml+xml","text/html"],hG="text/html",g2=null,C9=null,mG=a.createElement("form"),px=function(C){return C instanceof RegExp||C instanceof Function},Uh=function(){let C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(C9&&C9===C)return;(!C||typeof C!="object")&&(C={}),C=d4(C),da=nG.indexOf(C.PARSER_MEDIA_TYPE)===-1?hG:C.PARSER_MEDIA_TYPE,g2=da==="application/xhtml+xml"?Id:Vs,X1=R7(C,"ALLOWED_TAGS",y2,{transform:g2}),a0=R7(C,"ALLOWED_ATTR",H2,{transform:g2}),K6=R7(C,"ALLOWED_NAMESPACES",Gh,{transform:Id}),O4=R7(C,"ADD_URI_SAFE_ATTR",j6,{transform:g2,base:j6}),x4=R7(C,"ADD_DATA_URI_TAGS",z4,{transform:g2,base:z4}),e4=R7(C,"FORBID_CONTENTS",a6,{transform:g2}),p1=R7(C,"FORBID_TAGS",d4({}),{transform:g2}),W1=R7(C,"FORBID_ATTR",d4({}),{transform:g2}),M3=$3(C,"USE_PROFILES")?C.USE_PROFILES&&typeof C.USE_PROFILES=="object"?d4(C.USE_PROFILES):C.USE_PROFILES:!1,E0=C.ALLOW_ARIA_ATTR!==!1,w0=C.ALLOW_DATA_ATTR!==!1,o2=C.ALLOW_UNKNOWN_PROTOCOLS||!1,Q=C.ALLOW_SELF_CLOSE_IN_ATTR!==!1,k1=C.SAFE_FOR_TEMPLATES||!1,h0=C.SAFE_FOR_XML!==!1,N0=C.WHOLE_DOCUMENT||!1,p5=C.RETURN_DOM||!1,E3=C.RETURN_DOM_FRAGMENT||!1,U6=C.RETURN_TRUSTED_TYPE||!1,W6=C.FORCE_BODY||!1,p8=C.SANITIZE_DOM!==!1,m3=C.SANITIZE_NAMED_PROPS||!1,V3=C.KEEP_CONTENT!==!1,Q3=C.IN_PLACE||!1,l0=Q11(C.ALLOWED_URI_REGEXP)?C.ALLOWED_URI_REGEXP:VP,w2=typeof C.NAMESPACE=="string"?C.NAMESPACE:M1,qh=Od(C,"MATHML_TEXT_INTEGRATION_POINTS",()=>S0({},hx)),Wh=Od(C,"HTML_INTEGRATION_POINTS",()=>S0({},mx));let R=Od(C,"CUSTOM_ELEMENT_HANDLING",()=>ft(null));if(g0=ft(null),$3(R,"tagNameCheck")&&px(R.tagNameCheck)&&(g0.tagNameCheck=R.tagNameCheck),$3(R,"attributeNameCheck")&&px(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&&(X1=S0({},TP),a0=ft(null),M3.html===!0&&(S0(X1,FP),S0(a0,PP)),M3.svg===!0&&(S0(X1,Rd),S0(a0,Dd),S0(a0,_i)),M3.svgFilters===!0&&(S0(X1,Bd),S0(a0,Dd),S0(a0,_i)),M3.mathMl===!0&&(S0(X1,Zd),S0(a0,EP),S0(a0,_i))),i0.tagCheck=null,i0.attributeCheck=null,$3(C,"ADD_TAGS")&&(typeof C.ADD_TAGS=="function"?i0.tagCheck=C.ADD_TAGS:bt(C.ADD_TAGS)&&(X1===y2&&(X1=d4(X1)),S0(X1,C.ADD_TAGS,g2))),$3(C,"ADD_ATTR")&&(typeof C.ADD_ATTR=="function"?i0.attributeCheck=C.ADD_ATTR:bt(C.ADD_ATTR)&&(a0===H2&&(a0=d4(a0)),S0(a0,C.ADD_ATTR,g2))),$3(C,"ADD_FORBID_CONTENTS")&&bt(C.ADD_FORBID_CONTENTS)&&(e4===a6&&(e4=d4(e4)),S0(e4,C.ADD_FORBID_CONTENTS,g2)),V3&&(X1["#text"]=!0),N0&&S0(X1,["html","head","body"]),X1.table&&(S0(X1,["tbody"]),delete p1.tbody),C.TRUSTED_TYPES_POLICY){if(typeof C.TRUSTED_TYPES_POLICY.createHTML!="function")throw I7('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof C.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw I7('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let t1=O;O=C.TRUSTED_TYPES_POLICY;try{T=_("")}catch(i1){throw O=t1,i1}}else C.TRUSTED_TYPES_POLICY===null?(O=void 0,T=""):(O===void 0&&(O=V()),O&&typeof T=="string"&&(T=_("")));_2&&_2(C),C9=C},ux=S0({},[...Rd,...Bd,...e01]),dx=S0({},[...Zd,...t01]),pG=function(C,R,t1){return R.namespaceURI===M1?C==="svg":R.namespaceURI===S1?C==="svg"&&(t1==="annotation-xml"||qh[t1]):!!ux[C]},uG=function(C,R,t1){return R.namespaceURI===M1?C==="math":R.namespaceURI===r0?C==="math"&&Wh[t1]:!!dx[C]},dG=function(C,R,t1){return R.namespaceURI===r0&&!Wh[t1]||R.namespaceURI===S1&&!qh[t1]?!1:!dx[C]&&(iG[C]||!ux[C])},gG=function(C){let R=f(C);(!R||!R.tagName)&&(R={namespaceURI:w2,tagName:"template"});let t1=Vs(C.tagName),i1=Vs(R.tagName);return K6[C.namespaceURI]?C.namespaceURI===r0?pG(t1,R,i1):C.namespaceURI===S1?uG(t1,R,i1):C.namespaceURI===M1?dG(t1,R,i1):!!(da==="application/xhtml+xml"&&K6[C.namespaceURI]):!1},$6=function(C){Ts(t.removed,{element:C});try{f(C).removeChild(C)}catch{if(d(C),!f(C))throw I7("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},gx=function(C,R,t1){try{v(C,R)}catch{try{C.removeAttribute(t1)}catch{}}},Xc=function(C){Jc(C);let R=b(C);if(R){let i1=[];Y8(R,R1=>{Ts(i1,R1)}),Y8(i1,R1=>{try{d(R1)}catch{}})}let t1=z(C);if(t1)for(let i1=t1.length-1;i1>=0;--i1){let R1=t1[i1],m0=R1&&R1.name;typeof m0=="string"&&gx(C,R1,m0)}},u8=function(C,R,t1){if(!t1)try{t1=R.getAttributeNode(C)}catch{t1=null}Ts(t.removed,{attribute:t1||null,from:R});try{t1?v(R,t1):R.removeAttribute(C)}catch{try{R.removeAttribute(C)}catch{}}if(C==="is")if(p5||E3)try{$6(R)}catch{}else try{R.setAttribute(C,"")}catch{}},vG=function(C){let R=z(C);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)]||gx(C,i1,R1)}},Jc=function(C){let R=[C];for(;R.length>0;){let t1=R.pop();I(t1)===u4.element&&vG(t1);let i1=b(t1);if(i1)for(let R1=i1.length-1;R1>=0;--R1)R.push(i1[R1])}},vx=function(C,R){return h0?C==="patchsrc"?!0:C==="for"&&R!=="label"&&R!=="output":!1},fG=function(C){if(!h0)return;let R=[C];for(;R.length>0;){let t1=R.pop(),i1=I(t1);if(i1===u4.processingInstruction||i1===u4.comment&&f3(_P,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")&&vx("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])}},fx=function(C){let R=null,t1=null;if(W6)C="<remove></remove>"+C;else{let m0=SP(C,/^[\r\n\t ]+/);t1=m0&&m0[0]}da==="application/xhtml+xml"&&w2===M1&&(C='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+C+"</body></html>");let i1=O?_(C):C;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?T:i1}catch{}}let R1=R.body||R.documentElement;return C&&t1&&R1.insertBefore(a.createTextNode(t1),R1.childNodes[0]||null),w2===M1?z1.call(R,N0?"html":"body")[0]:N0?R.documentElement:R1},bx=function(C){let R=H?H(C):C.ownerDocument;return W.call(R||C,C,i.SHOW_ELEMENT|i.SHOW_COMMENT|i.SHOW_TEXT|i.SHOW_PROCESSING_INSTRUCTION|i.SHOW_CDATA_SECTION,null)},Qc=function(C){return C=Ps(C,g1," "),C=Ps(C,K," "),C=Ps(C,u1," "),C},jh=function(C){var R;C.normalize();let t1=H?H(C):C.ownerDocument,i1=W.call(t1||C,C,i.SHOW_TEXT|i.SHOW_COMMENT|i.SHOW_CDATA_SECTION|i.SHOW_PROCESSING_INSTRUCTION,null),R1=i1.nextNode();for(;R1;)R1.data=Qc(R1.data),R1=i1.nextNode();let m0=(R=C.querySelectorAll)===null||R===void 0?void 0:R.call(C,"template");m0&&Y8(m0,b0=>{k9(b0.content)&&jh(b0.content)})},el=function(C){let R=S?S(C):null;return typeof R!="string"||g2(R)!=="form"?!1:typeof C.nodeName!="string"||typeof C.textContent!="string"||typeof C.removeChild!="function"||C.attributes!==z(C)||typeof C.removeAttribute!="function"||typeof C.removeAttributeNode!="function"||typeof C.getAttributeNode!="function"||typeof C.setAttribute!="function"||typeof C.namespaceURI!="string"||typeof C.insertBefore!="function"||typeof C.hasChildNodes!="function"||C.nodeType!==M(C)||C.childNodes!==b(C)},k9=function(C){if(!M||typeof C!="object"||C===null)return!1;try{return M(C)===u4.documentFragment}catch{return!1}},ga=function(C){if(!M||typeof C!="object"||C===null)return!1;try{return typeof M(C)=="number"}catch{return!1}};function u5(r1,C,R){r1.length!==0&&Y8(r1,t1=>{t1.call(t,C,R,C9)})}let bG=function(C,R){return!!(h0&&C.hasChildNodes()&&!ga(C.firstElementChild)&&f3(NP,C.textContent)&&f3(NP,C.innerHTML)||h0&&C.namespaceURI===M1&&u01[R]&&(ga(C.firstElementChild)||typeof C.textContent=="string"&&f3(d01[R],C.textContent))||C.nodeType===u4.processingInstruction||h0&&C.nodeType===u4.comment&&f3(_P,C.data))},tl=function(C,R){if(C instanceof RegExp)return f3(C,R);if(C 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!!C(R,...i1)}return!1},xG=function(C,R,t1){if(!p1[R]&&wx(R)&&tl(g0.tagNameCheck,R))return!1;if(V3&&!e4[R]){let i1=f(C),R1=b(C);if(R1&&i1){let m0=R1.length;for(let b0=m0-1;b0>=0;--b0){let m2=C===t1?u(R1[b0],!0):R1[b0];i1.insertBefore(m2,g(C))}}}return $6(C),!0},xx=function(C,R,t1,i1){return C.length===0?R:R===t1||R===i1?d4(R):R},M9=function(C,R){return C===R||f(C)!==null?!1:(Q3&&Jc(C),!0)},zx=function(C,R){if(u5(c1.beforeSanitizeElements,C,null),M9(C,R))return!0;if(el(C))return $6(C),!0;let t1=g2(E(C));if(X1=xx(c1.uponSanitizeElement,X1,y2,G6),u5(c1.uponSanitizeElement,C,{tagName:t1,allowedTags:X1}),M9(C,R))return!0;if(bG(C,t1))return $6(C),!0;if(p1[t1]||!(i0.tagCheck instanceof Function&&i0.tagCheck(t1))&&!X1[t1]){let i1=xG(C,t1,R);return i1===!1&&(u5(c1.afterSanitizeElements,C,null),M9(C,R))?!0:i1}if(I(C)===u4.element&&!gG(C)||(t1==="noscript"||t1==="noembed"||t1==="noframes")&&f3(m01,C.innerHTML))return $6(C),!0;if(k1&&C.nodeType===u4.text){let i1=Qc(C.textContent);C.textContent!==i1&&(Ts(t.removed,{element:C.cloneNode()}),C.textContent=i1)}return u5(c1.afterSanitizeElements,C,null),M9(C,R)},yx=function(C,R,t1){if(W1[R]||vx(R,C)||p8&&(R==="id"||R==="name")&&(t1 in a||t1 in mG))return!1;let i1=a0[R]||i0.attributeCheck instanceof Function&&i0.attributeCheck(R,C);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")&&C!=="script"&&LP(t1,"data:")===0&&x4[C]||o2&&!f3(P0,Ps(t1,H1,""))?!0:!t1:wx(C)&&tl(g0.tagNameCheck,C)&&tl(g0.attributeNameCheck,R,C)||R==="is"&&g0.allowCustomizedBuiltInElements&&tl(g0.tagNameCheck,t1)},zG=S0({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),wx=function(C){return!zG[Vs(C)]&&f3(c0,C)},yG=function(C,R,t1,i1){if(O&&typeof h=="object"&&typeof h.getAttributeType=="function"&&!t1)switch(h.getAttributeType(C,R)){case"TrustedHTML":return _(i1);case"TrustedScriptURL":return U(i1)}return i1},wG=function(C,R,t1,i1){try{return t1?C.setAttributeNS(t1,R,i1):C.setAttribute(R,i1),el(C)?($6(C),!1):!0}catch{return u8(R,C),!1}},Cx=function(C,R){if(u5(c1.beforeSanitizeAttributes,C,null),M9(C,R))return;let t1=C.attributes;if(!t1||el(C))return;a0=xx(c1.uponSanitizeAttribute,a0,H2,q6);let i1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:a0,forceKeepAttr:void 0},R1=t1.length,m0=g2(C.nodeName);for(;R1--;){let b0=t1[R1],m2=b0.name,y4=b0.namespaceURI,t4=b0.value,S9=g2(m2),$h=t4,S3=m2==="value"?$h:j11($h),kx=!1;if(i1.attrName=S9,i1.attrValue=S3,i1.keepAttr=!0,i1.forceKeepAttr=void 0,u5(c1.uponSanitizeAttribute,C,i1),S3=i1.attrValue,m3&&(S9==="id"||S9==="name")&&LP(S3,w9)!==0&&(u8(m2,C,b0),S3=w9+S3,kx=!0),h0&&f3(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,S3)){u8(m2,C,b0);continue}if(S9==="attributename"&&SP(S3,"href")){u8(m2,C,b0);continue}if(!i1.forceKeepAttr){if(!i1.keepAttr){u8(m2,C,b0);continue}if(!Q&&f3(p01,S3)){u8(m2,C,b0);continue}if(k1&&(S3=Qc(S3)),!yx(m0,S9,S3)){u8(m2,C,b0);continue}S3=yG(m0,S9,y4,S3),S3!==$h&&wG(C,m2,y4,S3)&&kx&&MP(t.removed)}}u5(c1.afterSanitizeAttributes,C,null),M9(C,R)},al=function(C){let R=null,t1=bx(C);for(u5(c1.beforeSanitizeShadowDOM,C,null);R=t1.nextNode();)if(u5(c1.uponSanitizeShadowNode,R,null),zx(R,C),Cx(R,C),k9(R.content)&&al(R.content),I(R)===u4.element){let i1=w(R);k9(i1)&&(Kh(i1),al(i1))}u5(c1.afterSanitizeShadowDOM,C,null)},Kh=function(C){let R=[{node:C,shadow:null}];for(;R.length>0;){let t1=R.pop();if(t1.shadow){al(t1.shadow);continue}let i1=t1.node,R1=I(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=w(i1);k9(b0)&&R.push({node:null,shadow:b0},{node:b0,shadow:null})}}};return t.sanitize=function(r1){let C=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=J11(r1),typeof r1!="string"))throw I7("dirty is not a string, aborting");if(!t.isSupported)return r1;t6?(X1=G6,a0=q6):Uh(C),(c1.uponSanitizeElement.length>0||c1.uponSanitizeAttribute.length>0)&&(X1=d4(X1)),c1.uponSanitizeAttribute.length>0&&(a0=d4(a0)),t.removed=[];let m0=Q3&&typeof r1!="string"&&ga(r1);if(m0){fG(r1);let y4=E(r1);if(typeof y4=="string"){let t4=g2(y4);if(!X1[t4]||p1[t4])throw Xc(r1),I7("root node is forbidden and cannot be sanitized in-place")}if(el(r1))throw Xc(r1),I7("root node is clobbered and cannot be sanitized in-place");try{Kh(r1)}catch(t4){throw Xc(r1),t4}}else if(ga(r1))R=fx("<!---->"),t1=R.ownerDocument.importNode(r1,!0),t1.nodeType===u4.element&&t1.nodeName==="BODY"||t1.nodeName==="HTML"?R=t1:R.appendChild(t1),Kh(R);else{if(!p5&&!k1&&!N0&&r1.indexOf("<")===-1)return O&&U6?_(r1):r1;if(R=fx(r1),!R)return p5?null:U6?T:""}R&&W6&&$6(R.firstChild);let b0=m0?r1:R;try{let y4=bx(b0);for(;i1=y4.nextNode();)zx(i1,b0),Cx(i1,b0),k9(i1.content)&&al(i1.content)}catch(y4){throw m0&&(Xc(r1),Y8(t.removed,t4=>{t4.element&&Jc(t4.element)})),y4}if(m0){let y4=!1;if(Y8(t.removed,t4=>{t4.element&&(t4.element===r1&&(y4=!0),Jc(t4.element))}),y4)throw I7("a node selected for removal could not be safely returned; refusing to sanitize in place");return k1&&jh(r1),r1}if(p5){if(k1&&jh(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&&X1["!doctype"]&&R.ownerDocument&&R.ownerDocument.doctype&&R.ownerDocument.doctype.name&&f3(n01,R.ownerDocument.doctype.name)&&(m2="<!DOCTYPE "+R.ownerDocument.doctype.name+`>
|
|
3
|
-
`+m2),k1&&(m2=Qc(m2)),O&&U6?_(m2):m2},t.setConfig=function(){let r1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Uh(r1),t6=!0,G6=X1,q6=a0},t.clearConfig=function(){C9=null,t6=!1,G6=null,q6=null,O=P,T=""},t.isValidAttribute=function(r1,C,R){C9||Uh({});let t1=g2(r1),i1=g2(C);return yx(t1,i1,R)},t.addHook=function(r1,C){typeof C=="function"&&$3(c1,r1)&&Ts(c1[r1],C)},t.removeHook=function(r1,C){if($3(c1,r1)){if(C!==void 0){let R=W11(c1[r1],C);return R===-1?void 0:U11(c1[r1],R,1)[0]}return MP(c1[r1])}},t.removeHooks=function(r1){$3(c1,r1)&&(c1[r1]=[])},t.removeAllHooks=function(){c1=IP()},t}var f01=DP();OP.exports=f01});import{readLockHolder as mq}from"efficient-easel/edit-lock";var Im="/api/storefront/section-templates/",_m=e=>`${Im}${encodeURIComponent(e)}/`,Rm=e=>e.node!=null;function zr(e){if(!Rm(e))throw new Error(`Section template ${e.id} has no design`);return e}var Zm=(e,t)=>e instanceof q4&&e.status===t;function MG(e){return{list:()=>me(`${Im}?no_page=true`,{token:e()}).then(t=>Array.isArray(t)?t:t.results??[]),get:t=>me(_m(t),{token:e()}).catch(a=>{if(Zm(a,404))return null;throw a}),create:t=>me(Im,{method:"POST",token:e(),body:JSON.stringify(t)}),patch:(t,a)=>me(_m(t),{method:"PATCH",token:e(),body:JSON.stringify(a)}),remove:t=>me(_m(t),{method:"DELETE",token:e()})}}var Bm="sf:section-templates",IC=`${Bm}.imported`,SG="Untitled section",LG=160,yr=e=>(typeof e=="string"?e.trim().slice(0,LG):"")||SG;function AG(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 HG(e,t=e3){let a={created:0,seeded:0,left:0,skipped:0,kept:!1},s=t.getItem(Bm);if(s===null)return a;for(let c of AG(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:yr(c.name),node:c.node}),a.created+=1}catch(r){if(!Zm(r,400))throw r;a.skipped+=1}}catch{return{...a,kept:!0}}return t.setItem(IC,s),t.getItem(IC)===s&&t.removeItem(Bm),a}var wr=class{constructor(t,a=e3){this.readToken=t;this.storage=a;this.imported=null;this.http=MG(t)}ready(){return this.imported?this.imported:this.readToken()?(this.imported=HG(this.http,this.storage).catch(()=>{}),this.imported):Promise.resolve()}async list(){return await this.ready(),(await this.http.list()).filter(Rm)}async get(t){return await this.ready(),this.http.get(t)}async ensure(t,a,s){await this.ready();let c=async r=>r?Rm(r)?r:zr(await this.http.patch(t,{node:s})):null,l=await c(await this.http.get(t));if(l)return l;try{return zr(await this.http.create({id:t,name:yr(a),node:s}))}catch(r){if(Zm(r,400)){let o=await c(await this.http.get(t));if(o)return o}throw r}}async save(t,a){return await this.ready(),zr(await this.http.create({name:yr(t),node:a}))}async update(t,a){return await this.ready(),zr(await this.http.patch(t,{node:a}))}async rename(t,a){return await this.ready(),this.http.patch(t,{name:yr(a)})}async remove(t){await this.ready(),await this.http.remove(t)}};var RC={"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 BC(e,t){let a=RC[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 Yl1}from"efficient-shell/markup";var m6=["width","profile","rim"],ZC={width:"Width",profile:"Profile",rim:"Rim"},FG=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,TG={width:[100,500],profile:[20,100],rim:[10,30]};function i4(e){let t=FG.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]=TG[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 DC(e){return[W4({width:e.width}),W4({width:e.width,profile:e.profile}),W4(e)]}var Z3=["alloy-wheel","tyre"],Cr=["alloy-wheel"],n4={"alloy-wheel":"Alloy wheels",tyre:"Tyres"},OC="All products",GC="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?[...Cr]:Array.isArray(e)?Z3.filter(t=>e.includes(t)):[...Cr]}var L3=e=>e;function O0(e){return L3(e).kind==="tyre"?"tyre":"alloy-wheel"}function qC(e,t){return e.filter(a=>t.includes(O0(a)))}function p7(e){return L3(e).slug??""}function Dm(e){return L3(e).name??""}function we(e){return L3(e).brand??""}function WC(e){let t=new Set;for(let a of e)if(t.add(we(a)),t.size>1)return!0;return!1}function PG(e){return L3(e).process??""}function UC(e){let t=new Set;for(let a of e)if(t.add(PG(a)),t.size>1)return!0;return!1}function k8(e){return L3(e).prices??void 0}function Om(e){return L3(e).inStock!==!1}function jC(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 Gm(e){return O0(e)!=="tyre"&&L3(e).badge==="new"}function qm(e){return O0(e)==="tyre"?[]:(L3(e).finishes??[]).filter(t=>typeof t?.family=="string").map(t=>({family:t.family,color:t.color??null}))}function KC(e){return qm(e).map(t=>t.family)}function $C(e){if(O0(e)==="tyre")return[];let t=L3(e),a=t.categories;return a&&a.length>0?a:t.process?[t.process]:[]}function YC(e){return O0(e)==="tyre"?[]:L3(e).spec?.pcds??[]}function XC(e){return O0(e)!=="tyre"?[]:L3(e).tyreTypes??[]}function JC(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 kr(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 QC(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 Wm(e){return Sr(e,"spec")}function ek(e){return Sr(e,"fitment")}function Um(e,t){if(t.length===0)return e;let a=Wm(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 Sr(e,"card")}function Mr(e){return Sr(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 Sr(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 Lr(e,t){return e===t?`ET ${e}`:`ET ${e}\u2013${t}`}function tk(e,t){return e===t?`${E2(e)}"`:`${E2(e)}"\u2013${E2(t)}"`}function jm(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"},ak=Object.keys(Ha);function Le(e){return R2(ak,"recommended",e)}function Km(e){return ak.filter(t=>t!=="recommended"||e.length<=1)}function sk(e,t){let a=Le(e);return Km(t).includes(a)?a:"name"}var Fa=["tyreSizes","brands","finishes","diameters","collections","pcds","tyreTypes","speedRatings"],EG={tyreSizes:["tyre"],brands:["alloy-wheel","tyre"],finishes:["alloy-wheel"],diameters:["alloy-wheel","tyre"],collections:["alloy-wheel"],pcds:["alloy-wheel"],tyreTypes:["tyre"],speedRatings:["tyre"]},VG={diameters:"tyreSizes"};function ck(e){if(e.length===0)return[];let t=Fa.filter(a=>e.every(s=>EG[a].includes(s)));return t.filter(a=>{let s=VG[a];return!s||!t.includes(s)})}function lk(e,t){return t&&e.includes(t)?[t]:[...e]}function rk(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 M8(e){return`${NG(e.width)}\xD7${e.diameter}`}function ok(e){return(e.sizePairs??[]).map(M8)}function NG(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(!hk(e,c).some(o=>r.includes(o)))return!1}return!(s!=="price"&&!dr(k8(e),a,null,t.priceMax)||s!=="inStock"&&t.inStockOnly&&!Om(e))}function ik(e,t,a){return e.filter(s=>Om(s)&&Ta(s,t,a,"inStock")).length}function _G(e,t,a){let s=[...e],c=(r,o)=>Dm(r).localeCompare(Dm(o)),l=rk(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=(Gm(o)?1:0)-(Gm(r)?1:0);return i!==0||!l?i:c(r,o)});default:return s}}function nk(e,t,a){return _G(e.filter(s=>Ta(s,t,a)),t.sort,a)}function Ar(e){return Fa.some(t=>e[t].length>0)||e.priceMax!=null||e.inStockOnly||e.kind!=null}var $m={tyreSizes:"Size",brands:"Brand",finishes:"Colour",diameters:"Size \xB7 diameter",collections:"Collection",pcds:"PCD \xB7 fitment",tyreTypes:"Tyre type",speedRatings:"Speed rating"};function hk(e,t){switch(t){case"tyreSizes":return[...new Set(Ce(e).flatMap(DC))];case"brands":return we(e)?[we(e)]:[];case"finishes":return KC(e);case"diameters":return jC(e).map(String);case"collections":return $C(e);case"pcds":return YC(e);case"tyreTypes":return XC(e);case"speedRatings":return JC(e)}}function IG(e){let t=new Map;for(let a of e)for(let s of qm(a))s.color&&!t.has(s.family)&&t.set(s.family,s.color);return t}function Hr(e,t,a,s=rk(e),c=[]){let l=n=>RG(n,s,c),r=IG(e),o=ck(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=hk(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:$m[n],options:v}}).filter(n=>n.options.length>Pa),i=[];for(let n of o){let h=BG(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 Fr(e){return e.showCollection===!1?["collections"]:[]}function RG(e,t,a){return t.length===0||a.length===0?!0:t.some(s=>Mr(U4(a,s))(Se(e,s)))}function BG(e,t,a){if(a.length===0)return;let s;for(let c of t){let l=QC(U4(a,c),"filter")(Se(e,c));l!==void 0&&(s===void 0||l<s)&&(s=l)}return s}function ZG(e){let t=new Set;for(let a of e)for(let s of Ce(a))t.add(W4(s));return t.size}function mk(e,t){return ck(t).includes("tyreSizes")?ZG(e)>Pa:!1}function pk(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 DG(e,t,a){return m6.slice(0,m6.indexOf(a)).every(s=>{let c=t[s];return c==null||e[s]===c})}function uk(e,t,a){let s=pk(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=>DG(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:ZC[l],value:s[l]??null,options:o}})}function dk(e,t,a,s){let c={...pk(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 gk(e,t,a,s){if(t.length<2)return[];let c=e.filter(l=>Ta(l,a,s,"kind"));return[{kind:null,label:OC,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 vk(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 fk(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",bk="maxPrice",xk="inStock",zk="sort",yk="page";function wk(e){let t=l=>e.getAll(l).flatMap(r=>r.split(",")).filter(Boolean),a=Number(e.get(bk)),s=Number(e.get(yk)),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(xk)==="1",kind:Z3.find(l=>l===c)??null,sort:Le(e.get(zk)),page:Number.isFinite(s)&&s>=1?Math.floor(s):1}}function S8(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(bk,String(e.priceMax)),e.inStockOnly&&t.set(xk,"1"),e.kind&&t.set(d7,e.kind),e.sort!=="recommended"&&t.set(zk,e.sort),e.page>1&&t.set(yk,String(e.page)),t}function Ck(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 kk(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__",Mk="All products";function Tr(e){return e?.slug===g7}var Ae="AlloyWheelsListing",OG="ProductGrid",Sk="catalog",GG="CatalogFilterBar",Pr="fieldUsage";function He(e){return e?.type===OG&&Tr(e.props?.source)}function Ym(e){return e?.type===GG}function qG(e){return e?.type===Ae||He(e)||Ym(e)}function WG(e){let t=e.content??[],a=e.zones??{};return[...t,...Object.values(a).flat()]}function Rl1(e){return e?WG(e).some(t=>t?.type===Ae||He(t)):!1}function Bl1(e,t){return jG(e,a=>He(a)?{...a,props:{...Xm(a).props,[Sk]:UG(t,M5(a.props?.kinds))}}:{...a,props:{...Jm(a).props,products:t}})}function Zl1(e){return Ak(e,qG,t=>Ym(t)?Lk(t):He(t)?Xm(t):Jm(t))}function Lk(e){if(!e.props||!(Pr in e.props))return e;let{[Pr]:t,...a}=e.props;return{...e,props:a}}function Xm(e){let{[Sk]:t,[Pr]:a,...s}=e.props??{};return{...e,props:s}}function UG(e,t){let a=new Set(t);return e.filter(s=>{let c=s.kind??"alloy-wheel";return a.has(c)})}function Dl1(e){return He(e)?Xm(e):Ym(e)?Lk(e):e?.type===Ae?Jm(e):e}function Jm(e){let{wheels:t,products:a,[Pr]:s,...c}=e.props??{};return{...e,props:c}}function jG(e,t){return Ak(e,a=>a?.type===Ae||He(a),t)}function Ak(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",Qm="Products";function $G(e,t){return t>1?`${Qm} \xB7 ${e}`:Qm}function Hk(...e){for(let t of e){let a=(t?.content??[]).find(s=>s?.type===Ae);if(a)return a.props??{}}return null}function ep(...e){return Hk(...e)!==null}function YG(e,t){let a=e.filter(s=>ep(...s.docs)).map(s=>g8(s.slug));return a.length===0&&t.fallback?[Ea]:a}var Fk=[d7,...Object.entries(k4).filter(([e])=>e!=="tyreSizes").map(([,e])=>e)];function Tk(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 XG(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return e}}function tp(e){let t=new URLSearchParams(Tk(e).query);for(let a of Fk){let s=t.get(a);if(s)return{param:a,value:s}}return null}function ap(e,t){let{path:a,query:s,hash:c}=Tk(e),l=s.split("&").filter(r=>r&&!Fk.includes(XG(r.split("=")[0])));return t?.value&&l.push(`${encodeURIComponent(t.param)}=${encodeURIComponent(t.value)}`),`${a}${l.length?`?${l.join("&")}`:""}${c}`}function ar1(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 JG="Product type",QG="AUD";function eq(e,t){let a=t.listing??{},s=M5(a.kinds),c=e.filter(i=>s.includes(O0(i))),l=Fr(a),r=Hr(c,S5,QG,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:JG,values:o.map(i=>({value:i,label:n4[i]}))}),r}function sr1(e){return t=>{let a=YG(t,{fallback:e.offersCommerce}),s=t.filter(c=>ep(...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&&ep(...o.docs)?{...r,label:$G(o.title,s)}:r});return s===0&&e.offersCommerce&&!l.some(r=>r.value===Ea)&&l.push({value:Ea,label:Qm}),l},filtersFor:c=>{if(!a.includes(c))return null;let l=t.find(r=>g8(r.slug)===c);return eq(e.catalogue,{listing:l?Hk(...l.docs):null,fieldUsage:e.fieldUsage})},readFilter:tp,withFilter:ap}}}var Fe="product",Er="recordType",tq={key:Fe,label:"Product",fields:[]};var aq=new Map,sq=0;function sp(){return[tq,...aq.values()]}function cp(){return sq}function Vr(e){let t=e?.[Er];return typeof t!="string"?Fe:t.trim()||Fe}function lp(e){return Vr(e)===Fe}var rp="product",cq="tyre";var op="productType",lq={[rp]:"alloy-wheel",[cq]:"tyre"},rq=["alloy-wheel","tyre"];function Nr(e,t){return lp(t)?oq(t)??lq[e]??null:null}function oq(e){if(!lp(e))return null;let t=e?.[op];return typeof t=="string"&&rq.includes(t)?t:null}var iq=["home","products","gallery","about","contact"],nq=e=>{let t=e.slug.trim().toLowerCase(),a=(e.title??"").trim().toLowerCase(),s=iq.findIndex(c=>c===t||c===a);return s===-1?Number.POSITIVE_INFINITY:s},Pk=e=>e.map((t,a)=>({page:t,idx:a,rank:nq(t)})).sort((t,a)=>t.rank-a.rank||t.idx-a.idx).map(t=>t.page);var Nk="Popups",Ek="Site";var _k={[Hy]:{label:"Site popup",group:Nk},[O9]:{label:"Footer",group:Ek},[wy]:{label:"Cart drawer",group:Ek}};function np(e){return _k[e.slug]?.label||e.title||e.slug}function ip(e){let t=e.group?.trim();return t||null}function Vk(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 Ik(e){let t=Pk(e),a=[],s=t.filter(o=>!ya(o.slug)),c=s.filter(o=>!ip(o));c.length&&a.push({key:"top",group:null,pages:c});let l=s.filter(o=>ip(o));for(let[o,i]of Vk(l,n=>ip(n)))a.push({key:`folder:${o}`,group:o,pages:i});let r=t.filter(o=>ya(o.slug));for(let[o,i]of Vk(r,n=>_k[n.slug]?.group??Nk))a.push({key:`system:${o}`,group:o,pages:i});return a}import{isExpiredSession as Mr1,PAGE_CONFLICT_CODE as Rk,readEaselFailure as Sr1}from"efficient-easel/screen/lib/failure";var _r=e=>e.layout_updated_at??e.updated_at??null;function pq(e){if(!e||typeof e!="object")return null;let t=e;return t.code!==Rk?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 uq(e){return e===401||e===403?"unauthorized":e===404?"not-found":e===uC||e>=500?"unavailable":"invalid"}function dq(e){if(!(e instanceof q4))return e;if(e.status===409){let t=pq(e.data);if(t)return new v8("changed-elsewhere",e.message,{conflict:t,cause:e});let a=mq(e.data);if(a)return new v8("lock-taken",e.message,{holder:a,cause:e})}return new v8(uq(e.status),e.message,{cause:e})}var gq={group:"Template pages",groupKey:"template"},Bk=e=>({id:e.id,slug:e.slug,label:e.title||e.slug,...gq,draft:!1});function Zk(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 dq(m)}},a={list:n=>t(async h=>{let m=await Q1.listPages(h,n?.siteId);return Ik(m.filter(u=>u.slug!==O9)).flatMap(u=>u.pages.map(d=>({id:d.id,slug:d.slug,label:np(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 Q1.findPageBySlug(n.slug,h,n.siteId))?.id,u=m?await Q1.getPageById(m,h):null;return u?{id:u.id,layout:u.layout,kind:u.kind,version:_r(u)}:null}),save:(n,h,m)=>{let{version:u}=m;return u?t(async d=>({version:_r(await Q1.saveLayout(n,h.layout,d,u,m.clientId||void 0))})):Promise.reject(new Error("Refusing to save this page: the editor does not know which version it is replacing. Reload the page and try again."))},version:n=>t(h=>Q1.getPageById(n,h).then(_r)),linkTargets:n=>t(async h=>(await Q1.listPages(h,n?.siteId)).map(m=>({id:m.id,slug:m.slug,label:np(m),layout:m.layout??null}))),publish:(n,h)=>t(async m=>({version:_r(await Q1.publishPage(n,m,h?.version))}))},s=n=>({list:()=>t(async h=>(await Q1.listTemplatePages(n,h)).map(Bk)),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 Q1.listTemplatePages(n,m);if(v.length)return d(v.find(u)??v[0]);let g=await Q1.getTemplate(n,m).catch(()=>null);try{return d(await Q1.createTemplatePage(n,{slug:$z,title:"Home",layout:g?.layout??{}},m))}catch{let b=await Q1.listTemplatePages(n,m),f=b.find(u)??b[0];return f?d(f):null}}),save:(h,m)=>t(async u=>(await Q1.saveTemplatePageLayout(h,m.layout,u),{version:null})),create:h=>t(async m=>Bk(await Q1.createTemplatePage(n,{slug:h.slug,title:h.title,layout:h.layout},m))),remove:(h,m)=>t(u=>Q1.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 Q1.claimPageEditLock(n,u,h,m)).heartbeat_seconds})),release:n=>t(h=>Q1.releasePageEditLock(n,h))},site:{get:n=>t(async h=>l(await Q1.getSite(c(n),h))),update:(n,h)=>t(async m=>l(await Q1.updateSite(c(h),n.mapsApiKey===void 0?{}:{maps_api_key:n.mapsApiKey},m)))},media:{resolve:Nx,maxUploadBytes:BC("POST /api/storefront/media/","file").maxSizeBytes},sectionTemplates:new wr(e.token),social:{get:n=>t(async h=>r(await Q1.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 Q1.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)],w=Array.isArray(f)?f[0]:f;typeof w=="string"&&w.trim()&&(g[b]=w)}if(Object.keys(g).length>0)throw new v8("invalid",d.message,{fields:g,cause:d})}throw d}})},theme:{get:n=>t(h=>Q1.getThemeSettings(h,n?.siteId)),update:(n,h)=>t(m=>Q1.updateThemeSettings(n,m,h?.siteId))},chat:{get:n=>t(async h=>o(await Q1.getChatSettings(h,n?.siteId))),update:(n,h)=>t(async m=>o(await Q1.updateChatSettings(n,m,h?.siteId)))},blog:{posts:n=>t(async h=>(await Q1.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:nm(m.slug)})))},templates:{get:n=>t(async h=>{let m=await Q1.getTemplate(n,h);return{id:m.id,name:m.name}}),pages:s}};return i[Mx]=!0,i}uy({read:e=>e instanceof q4?{status:e.status,data:e.data,message:e.message}:null,unreachableMessage:pC,loadRefusal:(e,{slug:t})=>e instanceof bC?`\u201C${t}\u201D exists on more than one website. Open it from the site you want to edit.`:null});Lx(e=>Zk({token:()=>e.auth.token,siteId:()=>e.siteId()}));function Dr1(e={}){return e.portalAudience!==void 0&&dC(e.portalAudience),e.language!==void 0&&gC(e.language),Zk({token:()=>va().auth.token,siteId:()=>e.siteId??va().siteId()})}import{jsx as vq}from"react/jsx-runtime";import{createContext as fq,useContext as bq,useMemo as xq}from"react";var Dk=fq({originData:null,originSlug:null,exitFocus:()=>{}});function Wr1({children:e,originData:t,originSlug:a,exitFocus:s}){let c=xq(()=>({originData:t,originSlug:a,exitFocus:s}),[t,a,s]);return vq(Dk.Provider,{value:c,children:e})}var Ok=()=>bq(Dk);import{useCallback as Wq,useEffect as Uq,useRef as jq,useState as dM}from"react";var zq=[{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"}],yq=Object.fromEntries(zq.map(e=>[e.code,e.name]));function Gk(e){return yq[e]??e}import{jsx as hp,jsxs as qk}from"react/jsx-runtime";function Wk(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||Gk(c),currency:l?.currency,url:l?.url||a?.[c]||""}})}function Ir(e){let{countries:t}=u0();return Wk(t,e).length>0}function L8({urls:e,countries:t}={}){let{country:a,setCountry:s,countries:c}=u0(),l=Wk(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 qk("div",{ref:n.wrapRef,className:"relative",children:[qk("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:[hp("span",{children:r.name}),hp("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${h?"rotate-180":""}`,children:"\u25BE"})]}),h&&hp(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 wq,useRef as Uk}from"react";import{jsx as M4,jsxs as mp}from"react/jsx-runtime";var Va={search:"Search",account:"Account",cart:"Bag"},pp="whitespace-nowrap";function Cq(e){return e>99?"99+":String(e)}function kq({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:Cq(e)})})}function Rr({onClick:e,count:t,asText:a,className:s}){let c=Uk(null),l=Uk(t);return wq(()=>{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?mp("span",{className:pp,children:[Va.cart,t>0?` ${t}`:""]}):mp("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:Sw}),t>0?M4(kq,{count:t,ref:c}):null]})})}function jk({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:pp,children:Va.account}):mp("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 Br({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:pp,children:Va.search}):M4(r6,{name:"search",size:18,strokeWidth:1.6,rounded:!0})})}var Kk="Menu Item",$k=6,up=4,Yk="Menu",Xk="Link a menu in the inspector \u2192";function Jk(){return p("This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above.")}function Qk(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 ro1(){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 Mq}from"react/jsx-runtime";function Te(){return Mq("span",{className:"opacity-50",children:p(Kk)})}import{jsx as Sq}from"react/jsx-runtime";import{createContext as Lq,useContext as dp,useEffect as Aq,useState as Hq,useSyncExternalStore as Fq}from"react";var tM=[];function Tq(){let e=tM,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 Zr=Lq(null);function aM({children:e}){let[t]=Hq(Tq);return Sq(Zr.Provider,{value:t,children:e})}var Dr=()=>dp(Zr)!==null;function gp(e){let t=dp(Zr);Aq(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var Pq=()=>()=>{},eM=()=>tM;function sM(){let e=dp(Zr),t=Fq(e?.subscribe??Pq,e?.offered??eM,eM);return e?{search:t.includes("search"),region:t.includes("region"),account:t.includes("account"),theme:t.includes("theme")}:null}import{createContext as Eq,useCallback as vp,useContext as Vq,useEffect as Nq,useMemo as _q,useState as Iq}from"react";import{jsx as Bq}from"react/jsx-runtime";var Rq={isOpen:!1,open:()=>{},close:()=>{},toggle:()=>{}},cM=Eq(Rq);function vo1({children:e,shortcut:t=!0}){let[a,s]=Iq(!1),c=vp(()=>s(!0),[]),l=vp(()=>s(!1),[]),r=vp(()=>s(i=>!i),[]);Nq(()=>{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=_q(()=>({isOpen:a,open:c,close:l,toggle:r}),[a,c,l,r]);return Bq(cM.Provider,{value:o,children:e})}function Pe(){return Vq(cM)}import{useEffect as fp}from"react";function S4({active:e,onDismiss:t,focusRef:a,lockScroll:s=!0,scopeRef:c}){fp(()=>{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]),fp(()=>{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]),fp(()=>{e&&a?.current?.focus()},[e,a])}import{createContext as Zq,useCallback as nM,useContext as Dq,useMemo as Oq,useState as Gq}from"react";var Na=new Map,lM=e=>e??"";function bp(e,t,a){a&&Na.clear();let s=lM(t),c=Na.get(s);if(!c){let l=Q1.listMenus(e,t);Na.set(s,l),l.catch(()=>{Na.get(s)===l&&Na.delete(s)}),c=l}return c}var Or=new Map;function rM(e,t){let a=lM(t),s=Or.get(a);if(!s){let c=bp(e,t,!0);Or.set(a,c);let l=()=>{Or.get(a)===c&&Or.delete(a)};c.then(l,l),s=c}return s}function xp(e,t=!1){return bp(e,i2(),t)}function oM(e){return rM(e,i2())}function Co1(e,t=!1){return bp(e,null,t)}function ko1(e){return rM(e,null)}var zp={ids:new Set,handles:new Set};function Mo1(e){return{ids:new Set(e.map(t=>t.id).filter(Boolean)),handles:new Set(e.map(t=>t.handle).filter(Boolean))}}function iM({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 Gr(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 hM=Zq({live:zp,ready:!1,primeLive:()=>{},setLive:()=>{}});function Ho1({children:e}){let[t,a]=Gq({live:zp,ready:!1}),s=nM(r=>a(o=>o.ready?o:{live:r,ready:!0}),[]),c=nM(r=>a({live:r,ready:!0}),[]),l=Oq(()=>({...t,primeLive:s,setLive:c}),[t,s,c]);return qq(hM.Provider,{value:l,children:e})}var mM=()=>Dq(hM);function Ee(e){let t=(e??"").trim();return t===""||t==="#"}import{jsx as C0,jsxs as L5}from"react/jsx-runtime";var Kq=e=>/^https?:\/\//i.test(e),gM="flex list-none flex-col gap-2.5 text-[13px]",yp="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",pM="text-[12px] italic text-fg-dim/70",vM=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function $q({showDividers:e}){return C0("ul",{className:gM,children:Array.from({length:up},(t,a)=>C0("li",{className:`text-fg ${vM(e,a)}`,children:C0(Te,{})},a))})}function fM({item:e,label:t,link:a,onNavigate:s}){return Ee(e.url)?C0("span",{className:t,children:k(e.label)}):Kq(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 uM({items:e,showDividers:t}){return C0("ul",{className:gM,children:e.map((a,s)=>C0("li",{className:vM(t,s),children:C0(fM,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${s}`))})}var Yq="opacity-80 transition-opacity hover:opacity-100";function Xq({items:e,label:t,editing:a}){let[s,c]=dM(!1),l=jq(null),r=sM(),{open:o}=Pe(),i=t||"Menu",n=Wq(()=>c(!1),[]);S4({active:s,onDismiss:n,scopeRef:l});let h=(u,d,v)=>e===null?Array.from({length:up},(g,b)=>C0("li",{className:d,children:C0(Te,{})},b)):e.map((g,b)=>C0("li",{className:d,children:C0(fM,{item:g,label:u,link:`${u} ${Yq}`,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(L8,{})]}):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}=mM(),i=iM({id:e?.id,handle:e?.handle,editing:c,ready:o,live:r}),n=i?[]:e?.items??[],h=t||e?.name||"",[m,u]=dM(!1);return Uq(()=>{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(Xq,{items:i?null:n,label:h,editing:c}):i?L5("div",{className:"min-w-0",children:[C0("h4",{className:yp,children:t?D0(t):p(Yk)}),C0($q,{showDividers:s}),C0("p",{className:`mt-3 ${pM}`,children:p(Xk)})]}):n.length===0?L5("div",{className:"min-w-0",children:[h?C0("h4",{className:yp,children:D0(h)}):null,c?C0("p",{className:pM,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(uM,{items:n,showDividers:s})})]}):L5("div",{className:"min-w-0",children:[h?C0("h4",{className:yp,children:D0(h)}):null,C0(uM,{items:n,showDividers:s})]})}import{createContext as rW,useCallback as D3,useContext as oW,useEffect as iW,useMemo as nW,useRef as IM,useState as _e}from"react";function Ia(e){return typeof e=="number"?String(e):""}function bM(e){let t=Ia(e);return t&&`${t} LUG`}function wp(e){let t=e.spec?.lugs;return typeof t=="number"?t:null}function xM(e){let t=new Set;for(let a of e){let s=wp(a);s!==null&&t.add(s)}return[...t].sort((a,s)=>a-s)}function Jq(e){return e.length===0?null:{min:Math.min(...e),max:Math.max(...e)}}function qr(e){let t=Jq(e);return t?tk(t.min,t.max):null}function zM(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 yM=5,kM=.2;function Ve(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 Cp(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 MM(e){if(!e)return null;let t=Ve(e.pcd||e.boltPattern);if(t.holes===null||t.circles.length===0)return null;let a=t.circles[0],s=Cp(e.etRange),c=s?[s[0]-yM,s[1]+yM]:null;return{holes:t.holes,circle:a,centreBore:typeof e.centreBore=="number"&&e.centreBore>0?e.centreBore:null,etRange:c}}function Qq(e,t){return Math.abs(e-t)<=kM}function SM(e,t,a){let s=Ve(e);return(s.holes??t)!==a.holes?!1:s.circles.some(l=>Qq(l,a.circle))}function LM(e,t){return t.centreBore===null?!0:e+kM>=t.centreBore}function eW(e,t){return e[0]<=t[1]&&e[1]>=t[0]}function A8(e,t){let a=`${t.holes}\xD7${t.circle}`;return e.pcds.length===0?{key:"unverifiable",wheel:"",vehicle:a}:e.pcds.some(s=>SM(s,e.lugs,t))?t.etRange!==null&&e.etRange!==null&&!eW(e.etRange,t.etRange)?{key:"et",wheel:Wr(e.etRange),vehicle:Wr(t.etRange)}:e.centreBores.length>0&&!e.centreBores.some(s=>LM(s,t))?{key:"bore",wheel:`${e.centreBores.join(" / ")} mm`,vehicle:`${t.centreBore} mm`}:null:{key:"pcd",wheel:e.pcds.join(" / "),vehicle:a}}function AM(e){return{pcds:e.spec?.pcds??[],lugs:e.spec?.lugs??null,etRange:Cp(e.spec?.etRange),centreBores:e.spec?.centreBores??[]}}function Ur(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 jr(e,t){let a=A8(e,t);return a===null||a.key!=="et"?a:A8(e,{...t,etRange:null})}function kp(e,t){return A8(AM(e),t)}function HM(e,t){return A8(Ur(e),t)}function tW(e,t){return jr(Ur(e),t)===null}function FM(e,t){return t?e.filter(a=>tW(a,t)):[...e]}function aW(e,t){return jr(AM(e),t)===null}function Kr(e,t){return t?e.filter(a=>aW(a,t)):e}var wM=1;function sW(e,t){let a=e.spec?.pcds??[],s=e.spec?.centreBores??[],c=Cp(e.spec?.etRange);if(!t)return{pcds:a,etRange:c,centreBores:s};let l=e.spec?.lugs??null,r=a.filter(i=>SM(i,l,t)),o=s.filter(i=>LM(i,t));return{pcds:r.length>0?r:a,etRange:c,centreBores:o.length>0?o:s}}function Wr(e){return Lr(e[0],e[1])}function CM(e){let t=e.slice(0,wM).join(" / "),a=e.length-wM;return a>0?`${t} +${a}`:t}var TM="\xB7";function $r(e){return[{fieldKey:"diameter",text:qr(e.sizes)},{fieldKey:"holes",text:bM(e.spec?.lugs)}].filter(t=>!!t.text)}function PM(e,t){let{pcds:a,etRange:s,centreBores:c}=sW(e,t),l=[];return a.length>0&&l.push({fieldKey:"pcd",text:`PCD ${CM(a)}`}),s!==null&&l.push({fieldKey:"et",text:Wr(s)}),c.length>0&&l.push({fieldKey:"center_bore",text:`C/B ${CM(c)} mm`}),l}function Ne(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?Wr(e.etRange):null}]:[]}function EM(e){return Ne(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"},Yr={process:null,size:null,lugs:null,finish:null,priceMin:null,priceMax:null,sort:"default"};function cW(e,t,a){return!(t.process&&e.process!==t.process||t.size&&!e.sizes.includes(t.size)||t.lugs!=null&&wp(e)!==t.lugs||t.finish&&!e.finishes.some(s=>s.family===t.finish)||!dr(e.prices,a,t.priceMin,t.priceMax))}function lW(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 VM(e,t,a,s=null){let c=Kr(e,s);return lW(c.filter(l=>cW(l,t,a)),t.sort,a)}import{jsx as mW}from"react/jsx-runtime";var RM={fit:null,name:"",resolving:!1,unresolved:!1};function hW(e,t){return e.fit===t.fit&&e.name===t.name&&e.resolving===t.resolving&&e.unresolved===t.unresolved}var h4=()=>{},BM=rW({filters:Yr,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:RM,publishVehicle:h4}),Xr="data-catalog-collection",NM=(e,t)=>e-t;function _M(e,t){return e.length===t.length&&e.every((a,s)=>a===t[s])}function Mp(e){let t=IM(new Map),[a,s]=_e([]),c=D3((l,r)=>{let o=t.current.get(l);if(o&&_M(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=>_M(h,n)?h:n)},[e]);return[a,c]}function ZM({children:e}){let[t,a]=_e(Yr),s=D3(U=>a(V=>({...V,process:U})),[]),c=D3(U=>a(V=>({...V,size:U})),[]),l=D3(U=>a(V=>({...V,lugs:U})),[]),r=D3(U=>a(V=>({...V,finish:U})),[]),o=D3(U=>a(V=>({...V,priceMin:U})),[]),i=D3(U=>a(V=>({...V,priceMax:U})),[]),n=D3(U=>a(V=>({...V,sort:U})),[]),h=D3(()=>a(U=>({...Yr,sort:U.sort})),[]),[m,u]=_e(RM),d=D3(U=>{u(V=>hW(V,U)?V:U)},[]),v=IM(new Map),[g,b]=_e(0),f=D3((U,V)=>{if(v.current.get(U)===V)return;v.current.set(U,V);let j=0;for(let W of v.current.values())j+=W;b(j)},[]),[w,z]=Mp(NM),[M,S]=Mp(NM),[H,I]=Mp(VC),[E,O]=_e(!1),T=D3((U,V)=>{O(!0),z(U,V)},[z]),P=D3((U,V)=>{O(!0),S(U,V)},[S]),N=D3((U,V)=>{O(!0),I(U,V)},[I]),[D,Z]=_e(null);iW(()=>{let V=0,J=()=>{V=0;let W=null,n1=document.querySelectorAll(`[${Xr}]`);for(let z1 of n1){let $=z1.getBoundingClientRect();if($.top<=140&&$.bottom>140){W=z1.getAttribute(Xr)??null;break}}Z(W)},j=()=>{V||(V=requestAnimationFrame(J))};return J(),window.addEventListener("scroll",j,{passive:!0}),window.addEventListener("resize",j),()=>{window.removeEventListener("scroll",j),window.removeEventListener("resize",j),V&&cancelAnimationFrame(V)}},[]);let _=nW(()=>({filters:t,setProcess:s,setSize:c,setLugs:l,setFinish:r,setPriceMin:o,setPriceMax:i,setSort:n,clearAll:h,reportCount:f,total:g,reportLugs:T,lugOptions:w,reportSizes:P,sizeOptions:M,reportFinishes:N,finishOptions:H,optionsReported:E,scrollProcess:D,vehicle:m,publishVehicle:d}),[t,s,c,l,r,o,i,n,h,f,g,T,w,P,M,N,H,E,D,m,d]);return mW(BM.Provider,{value:_,children:e})}function Jr(){return oW(BM)}import{useCallback as NW,useEffect as so,useRef as rS,useState as Za}from"react";function DM({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 pW={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function OM(e){let t={};for(let a of Tl){let s=e[a];if(!s)continue;let c=E9({role:s},pW);c.fontFamily&&(t[bm[a].font]=c.fontFamily),c.fontSize&&(t[bm[a].size]=c.fontSize)}return t}import{useEffect as gW}from"react";import{useEffect as WM,useState as H8}from"react";var Sp=new Set,Lp=new Set,Ap=new Set;function GM(e){return Sp.add(e),()=>Sp.delete(e)}function vi1(){Sp.forEach(e=>e())}function qM(e){return Lp.add(e),()=>Lp.delete(e)}function fi1(){Lp.forEach(e=>e())}function Qr(e){return Ap.add(e),()=>Ap.delete(e)}function bi1(){Ap.forEach(e=>e())}import{jsx as Ie,jsxs as dW}from"react/jsx-runtime";function A5(e,t){let[a,s]=H8(void 0),[c,l]=H8(0);return WM(()=>{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]),WM(()=>{if(t===void 0)return Qr(()=>l(r=>r+1))},[t]),t!==void 0?t:a}var uW="Something went wrong \u2014 your submission wasn't sent. Please try again.";function Re(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]=H8({}),[l,r]=H8(""),[o,i]=H8(!1),[n,h]=H8(!1),[m,u]=H8(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(uW)}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 Be({value:e,onChange:t}){return Ie("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"?Ie("textarea",{required:e.required,rows:c,value:t,placeholder:r,onChange:o=>a(o.target.value),className:s}):e.type==="select"?dW("select",{required:e.required,value:t,onChange:o=>a(o.target.value),className:s,children:[Ie("option",{value:"",children:r||"Select\u2026"}),e.options.map(o=>Ie("option",{value:o,children:o},o))]}):e.type==="checkbox"?Ie("input",{type:"checkbox",required:e.required,checked:t==="true",onChange:o=>a(o.target.checked?"true":""),className:s}):Ie("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 UM="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:UM,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:UM,children:t})})})}import{jsx as t3,jsxs as eo}from"react/jsx-runtime";var jM="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 vW({field:e,value:t,onChange:a}){let s={field:e,value:t,onChange:a};return e.type==="checkbox"?eo("label",{className:"flex items-start gap-3",children:[t3(f7,{...s,className:"mt-1 size-4 accent-accent"}),eo("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"?jM+" resize-y":jM})})}function Hp({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:eo("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(Fp,{form:o,formSlug:e,submitText:s,finePrint:c,editing:r})]})})}function Fp({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});gW(()=>{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:Re(e)}):eo("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:d,children:[e.fields.map(g=>t3(vW,{field:g,value:r(g.key),onChange:b=>o(g.key,b)},g.key)),t3(Be,{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 Tp,jsxs as bW}from"react/jsx-runtime";import{jsx as fW}from"react/jsx-runtime";function KM(){return fW("span",{className:"block h-px w-[30px] bg-current"})}function xW(e,t){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}var zW="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",yW="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 bW("div",{className:[c,yW,l].filter(Boolean).join(" "),children:[Tp(KM,{}),Tp("span",{children:k(e)})]});let r=t==="filled"?zW:xW(a,s);return Tp("span",{className:[c,r,l].filter(Boolean).join(" "),children:k(e)})}import{useCallback as $M,useRef as wW,useState as YM}from"react";function to({source:e,dryRun:t=!1}){let[a,s]=YM("idle"),[c,l]=YM(null),r=wW(!1),o=$M(()=>{r.current=!1,l(null),s("idle")},[]),i=$M(async n=>{if(!r.current){if(!fe(n.email)){s("invalid");return}r.current=!0,l(null),s("sending");try{t||await v0.createNewsletterSubscription(DM(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 Ze(){return"/edit"}import{createContext as SW,useCallback as ao,useContext as LW,useEffect as AW,useMemo as HW,useRef as FW,useState as Vp}from"react";var XM="/edit";function JM(e){return e===XM||e.startsWith(`${XM}/`)}var eS="storefront-subscribe-seen",tS="storefront-popup-closed-at",CW=1440*60*1e3,kW=["/checkout","/cart"];function QM(e){let t=e.split(/[?#]/)[0]||"/",a=t.startsWith("/")?t:`/${t}`;return a.length>1?a.replace(/\/+$/,"")||"/":a}function Pp(e,t,a){let s=QM(e);return kW.some(c=>s===c||s.startsWith(`${c}/`))?!1:t==="all"?!0:a.some(c=>QM(c)===s)}function MW(e,t,a,s){if(e==="never")return!1;if(a.session.getItem(eS)==="1")return!0;if(e==="visit")return!1;let c=Number(a.local.getItem(tS));return!Number.isFinite(c)||c<=0?!1:s-c<t*CW}function Ep(e,t){e.session.setItem(eS,"1"),e.local.setItem(tS,String(t))}function aS(e,t){return e==="exit"&&!t?"delay":e}function sS(e,t,a){let s=a-t;return s<=0?100:Math.min(100,Math.max(0,e/s*100))}function cS(e,t,a){return!e.autoOpen||e.inEditor||!Pp(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!lC(t.session)?!1:!MW(e.hideAfter,e.hideDays,t,a)}import{jsx as VW}from"react/jsx-runtime";var lS=SW(null),Np={session:rC,local:e3};function TW(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var PW=15,EW=[];function tn1({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:s=PW,trigger:c="delay",scrollPercent:l=50,showOn:r="all",showOnPages:o=EW,hideAfter:i="visit",hideDays:n=7}){let[h,m]=Vp(!1),[u,d]=Vp("chosen"),[v,g]=Vp({}),b=Ze()??"/",f=JM(b),w=Pp(b,r,o),z=FW(!1),M=ao(O=>{g(O??{}),d("newsletter"),m(!0)},[]),S=ao(()=>{z.current=!0,g({}),d("chosen"),m(!0)},[]),H=ao(()=>Ep(Np,Date.now()),[]),I=ao(()=>{m(!1),Ep(Np,Date.now())},[]);AW(()=>{if(t||z.current||!cS({autoOpen:a,inEditor:f,path:b,showOn:r,showOnPages:o,hideAfter:i,hideDays:n},Np,Date.now()))return;let T=aS(c,TW());if(T==="scroll"){let N=()=>{sS(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=l&&(window.removeEventListener("scroll",N),S())};return window.addEventListener("scroll",N,{passive:!0}),()=>window.removeEventListener("scroll",N)}if(T==="exit"){let N=D=>{D.relatedTarget===null&&D.clientY<=0&&(document.removeEventListener("mouseout",N),S())};return document.addEventListener("mouseout",N),()=>document.removeEventListener("mouseout",N)}let P=window.setTimeout(S,Math.max(0,s)*1e3);return()=>window.clearTimeout(P)},[t,a,f,w,c,s,l,i,n,S]);let E=HW(()=>({isOpen:h,mode:u,open:M,close:I,markSent:H,prefillEmail:v.email??"",signupSource:v.source??O3.popup}),[h,u,M,I,H,v]);return VW(lS.Provider,{value:E,children:e})}function _p(){let e=LW(lS);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{Fragment as RW,jsx as e0,jsxs as C2}from"react/jsx-runtime";var _W=50,co="font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)]";function IW(e){let t=_9({sectionAccent:v5(e.sectionAccent)}),a=bl(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...OM(e.textStyles)}}}function oS({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))),[w,z]=Za(e.frequencies[0]??""),{status:M,error:S,submit:H,reset:I}=to({source:r,dryRun:c}),E=M==="sending",O=M==="invalid"?e.emailInvalidText:M==="error"?S instanceof q4?S.message:e.submitErrorText:null,[T,P]=Za(""),N=rS(null),D=rS(null);so(()=>{t&&I()},[t,I]),so(()=>{M==="sent"&&!c&&s?.()},[M]);let Z=NW(()=>a?.(),[a]);if(S4({active:!c&&t,onDismiss:Z}),so(()=>{if(c||!t)return;let K=window.setTimeout(()=>D.current?.focus(),_W);return()=>window.clearTimeout(K)},[c,t]),so(()=>{!t||!l||g(l)},[t,l]),!c&&!t)return null;function _(K){f(u1=>{let x1=new Set(u1);return x1.has(K)?x1.delete(K):x1.add(K),x1})}function U(K){K.target===N.current&&a?.()}function V(K){K.preventDefault();let u1=v.trim().toLowerCase();P(u1),H({email:u1,firstName:u,interests:[...b],frequency:w})}let J=e.successBody.replace(/\{email\}/g,T).replace(/\{issue\}/g,e.issueNumber),j=IW(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(RW,{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(Fp,{form:h,formSlug:n,editing:c,onSent:s})}),e0("div",{className:"mt-auto pt-7",children:n1})]}):M!=="sent"?c1=C2("form",{onSubmit:V,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:co,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:co,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:co,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:()=>_(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:co,children:k(e.frequencyLabel)}),e0("div",{className:"flex border border-line",children:e.frequencies.map((K,u1)=>{let x1=w===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:N,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 BW,useCallback as Da,useContext as ZW,useEffect as Rp,useMemo as DW,useRef as OW,useState as b7}from"react";var Ip="/api/chat/public";function iS(e){let t=La.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function nS(e){let t=La.getAccess();return o7(`${Ip}/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 hS(e,t){return o7(`${Ip}/conversations/${e}/thread/`,iS(t))}async function mS(e,t,a){return o7(`${Ip}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...iS(t)})}import{jsx as UW}from"react/jsx-runtime";function GW(e,t){return`${(hr||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var qW="sf:aid",pS="sf:chat",uS=BW(null);function WW(){let e=e3.getItem(pS);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function dS({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),w=OW(a);w.current=a,Rp(()=>{t||(l(WW()),vC.restoreSession().then(()=>g(!0)).catch(()=>g(!1)))},[t]);let z=Da(async O=>{try{let T=await hS(O.id,O.token);o(T.messages)}catch{}},[]);Rp(()=>{t||c&&z(c)},[t,c,z,v]),Rp(()=>{if(t||!c)return;let O=La.getAccess()??c.token,T=!1,P=null,N,D=3e3,Z=()=>{T||(P=new WebSocket(GW(c.id,O)),P.onmessage=_=>{try{let U=JSON.parse(_.data);U.type==="chat_event"&&U.event==="message"&&(z(c),!w.current&&U.payload?.sender_role==="employee"&&d(V=>V+1))}catch{}},P.onclose=()=>{T||(N=setTimeout(Z,D),D=Math.min(D*2,3e4))},P.onerror=()=>P?.close())};return Z(),()=>{T=!0,N&&clearTimeout(N),P?.close()}},[t,c,z]);let M=Da(()=>{s(!0),d(0)},[]),S=Da(()=>s(!1),[]),H=Da(()=>s(O=>(O||d(0),!O)),[]),I=Da(async(O,T)=>{let P=O.trim();if(P){if(t){o(N=>[...N,{id:`preview-${N.length}`,sender_role:"customer",sender_name:T?.name||"You",body:P,image_url:null,created_at:""}]),f(!0);return}n(!0),m(null);try{if(c){let N=await mS(c.id,c.token,P);o(D=>[...D,N])}else{let N=e3.getItem(qW)||"",D=await nS({body:P,guestName:T?.name,guestEmail:T?.email,guestKey:N}),Z={id:D.id,token:D.guest_token};e3.setItem(pS,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=DW(()=>({isOpen:a,open:M,close:S,toggle:H,messages:r,sending:i,error:h,unread:u,hasConversation:t?b:!!c,isSignedIn:v,send:I}),[a,M,S,H,r,i,h,u,c,v,I,t,b]);return UW(uS.Provider,{value:E,children:e})}function gS(){let e=ZW(uS);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as jW,useRef as KW,useState as Bp}from"react";import{jsx as c2,jsxs as H5}from"react/jsx-runtime";var $W="Chat with us",YW="We usually reply within a few minutes",XW="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function JW({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 Zp({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}=gS(),d=e?.trim()||$W,v=t?.trim()||YW,g=a?.trim()||XW,[b,f]=Bp(""),[w,z]=Bp(""),[M,S]=Bp(""),H=KW(null),I=!m&&!h;jW(()=>{s&&H.current?.scrollIntoView({behavior:n6(),block:"nearest"})},[r.length,s]);let E=b.trim().length>0&&(!I||w.trim()&&/.+@.+/.test(M)),O=()=>{!E||o||(u(b,I?{name:w.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(T=>c2(JW,{m:T},T.id)),c2("div",{ref:H})]}),H5("div",{className:"border-t border-line p-3",children:[I&&H5("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[c2("input",{value:w,onChange:T=>z(T.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:T=>S(T.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:T=>f(T.target.value),onKeyDown:T=>{T.key==="Enter"&&!T.shiftKey&&(T.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 Dp,jsxs as eU}from"react/jsx-runtime";var QW=`
|
|
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 Op(){let{chromePlaceholder:e,themeFromDocument:t}=_3(),{chat:a,selected:s,select:c}=mw();return e||t||!a.enabled?null:eU("div",{className:"sf-preview-chat-pick","data-selected":s||void 0,onClick:l=>{l.stopPropagation(),c()},children:[Dp("style",{children:QW}),Dp(dS,{preview:!0,children:Dp(Zp,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{lazy as tU,Suspense as aU}from"react";import{jsx as vS}from"react/jsx-runtime";function Gp(e,t={}){let a=tU(async()=>{let l=await e();return{default:"default"in l?l.default:l}}),s=t.loading?t.loading():null;function c(l){return vS(aU,{fallback:s,children:vS(a,{...l})})}return c}import{useEffect as FU,useRef as TU}from"react";import{jsx as qp,jsxs as sU}from"react/jsx-runtime";import{useEffect as cU,useState as lU}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]=lU(!1),d=a||"";cU(()=>{u(!1)},[d]);let v=_x(d),g=!d||m;return sU("div",{className:`relative h-full w-full overflow-hidden ${t??""}`,children:[qp("div",{className:"absolute inset-0 flex items-center justify-center",style:n?{background:"var(--site-surface)"}:void 0,children:g?e:null}),d&&(v?qp("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)}):qp(cl,{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 uU}from"react";var rU=25.4,Oa=400,ro=152,oU=58,fS=ro*Math.cos(oU*Math.PI/180),iU=14,nU=Oa/2,hU={sectionWidth:225,aspectRatio:60,rimDiameter:17};function xS(e){let t=i4(e);return t?{sectionWidth:t.width,aspectRatio:t.profile,rimDiameter:t.rim}:hU}function zS(e){let t=e.rimDiameter*rU/2,a=t+e.sectionWidth*e.aspectRatio/100,s=ro*(e.sectionWidth/a),c=t/a;return{cy:nU,rx:fS,ry:ro,cxf:Oa/2-s/2-iU,dx:s,rimRx:fS*c,rimRy:ro*c}}var z0=e=>e.toFixed(1);function oo(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 Wp(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 lo(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 yS(e,t,a,s,c){let[l,r]=lo(e,t,s),[o,i]=lo(e,t,c),[n,h]=lo(e,a,c),[m,u]=lo(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 bS=[{f:[0,.215]},{f:[.245,.485]},{f:[.515,.755]},{f:[.785,1]}],mU={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}}]},pU=[["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 wS(e){let t=` ${(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").trim()} `;if(t.trim()==="")return bS;for(let[a,s]of pU)if(t.includes(` ${a} `))return mU[s];return bS}var io="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},dU=[.8,.52,.24],CS=.4,kS=.88,MS=.3,SS=5,LS=.3,AS=.84,gU=7,L0=e=>Math.round(e*10)/10;function Up({size:e,type:t,className:a}){let s=uU().replace(/[^a-zA-Z0-9]/g,""),c={tread:`${s}-tread`,wall:`${s}-wall`,rim:`${s}-rim`,shadow:`${s}-shadow`,crown:`${s}-crown`},l=zS(xS(e)),r=Wp(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(fU,{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(bU,{g:l,id:c}),d0(xU,{g:l,id:c}),d0("path",{d:r,fill:`url(#${c.tread})`}),d0("g",{clipPath:`url(#${c.crown})`,children:wS(t).map(i=>d0(vU,{g:l,column:i},i.f[0]))}),d0("path",{d:oo(l,0,0,!0),stroke:"currentColor",strokeOpacity:m4.shoulder,strokeWidth:1.2}),d0("path",{d:oo(l,1,1),stroke:"currentColor",strokeOpacity:m4.silhouette,strokeWidth:1.4})]})}function vU({g:e,column:t}){let[a,s]=t.f;if(!t.blocks)return F5(Ga,{children:[d0("path",{d:Wp(e,a,s),fill:"currentColor",fillOpacity:m4.rib}),d0("path",{d:oo(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:yS(e,a,s,n,h),fill:"currentColor",fillOpacity:m4.rib,stroke:"currentColor",strokeOpacity:m4.grooveWall,strokeWidth:1},n))})}function fU({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 bU({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})`}),dU.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(CS)),ry:L0(e.ry*s(CS)),stroke:"currentColor",strokeOpacity:m4.lettering,strokeWidth:L0(c)})]})}function xU({g:e,id:t}){let a=Array.from({length:SS},(s,c)=>{let l=(c*(360/SS)-90)*Math.PI/180;return{x1:e.cxf+e.rimRx*LS*Math.cos(l),y1:e.cy+e.rimRy*LS*Math.sin(l),x2:e.cxf+e.rimRx*AS*Math.cos(l),y2:e.cy+e.rimRy*AS*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*kS),ry:L0(e.rimRy*kS),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:gU,strokeLinecap:"round"},c)),d0("ellipse",{cx:L0(e.cxf),cy:L0(e.cy),rx:L0(e.rimRx*MS),ry:L0(e.rimRy*MS),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(Up,{size:t,type:a,className:"block h-full w-full p-3"})})})}function ho(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 zU(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 no(e,t=""){return{vehicle:{...e,region:t},status:"unknown",oemSizes:[],variants:[]}}function yU(e,t){if(typeof t!="object"||t===null)return no(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 no(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?no(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 HS(e,t){try{let a=await o7(zU(e,t),{baseUrl:fC});return yU(t,a)}catch{return no(t)}}function FS(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 TS(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 wU="/tyres";function De(e){return e?`${wU}/${e}`:null}function Oe(e){let t=e.lastIndexOf(" ");return t===-1?{lead:"",accent:e}:{lead:e.slice(0,t+1),accent:e.slice(t+1)}}function Kp(e,t){return yC({partNumber:e.sku,prices:e.prices},t)}var CU="Tyre";function mo(e,t,a,s){return{id:`${e.slug}|${t.sku}|${a.unit}|${a.spares>0?"spare":"no-spare"}`,slug:e.slug,name:Oe(e.name),process:e.brand||CU,positionNo:"01",config:[{label:t.size},{label:pr(a)}],finishName:"",size:t.size,components:Kp(t,a),qty:s,href:De(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:a}}function po(e){return e.kind==="tyre"}function PS(e,t){let a=e.prices?.[t];return typeof a!="number"||!Number.isFinite(a)||a<=0?!1:e.inStock}import{jsx as Wa}from"react/jsx-runtime";function kU(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function $p({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??PC;return Wa("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:po(e)?Wa(p6,{image:a?.coverImage,size:e.size,type:kU(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 Yp,jsxs as SU}from"react/jsx-runtime";function ES(e,t){return Math.min(Pm,Math.max(1,e+t))}var VS="disabled:cursor-not-allowed disabled:opacity-40",MU={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 ${VS}`,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 ${VS}`,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=MU[a];return SU("div",{className:s.frame,children:[Yp("button",{type:"button",onClick:()=>t(ES(e,-1)),disabled:e<=1,"aria-label":"Decrease quantity",className:s.button,children:"\u2212"}),Yp("span",{className:s.value,children:e}),Yp("button",{type:"button",onClick:()=>t(ES(e,1)),disabled:e>=Pm,"aria-label":"Increase quantity",className:s.button,children:"+"})]})}import{useEffect as LU,useState as AU}from"react";var HU=new Map;function NS(e){let[t,a]=AU(null);return LU(()=>{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??HU}import{Fragment as uo,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=TU(null),w=NS(c.some(po));return S4({active:t,onDismiss:s,lockScroll:!a}),FU(()=>{t&&f.current?.focus({preventScroll:!0})},[t]),t?p0(uo,{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:Cy(e,c.length)})]}),p0("div",{className:`grid flex-shrink-0 ${PU[b-1]} gap-px border-b border-line bg-line`,children:[_1(Xp,{label:"Items",value:p0(uo,{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(Xp,{label:"Lead time",value:e.leadTimeValue}):null,g?_1(Xp,{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(IU,{content:e}):c.map(z=>_1(EU,{line:z,tyre:w.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(VU,{href:`/bundles/${z.slug}`,title:z.name,sub:NU(z,o.currency,d)},z.slug))})]}),_1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:_1(_C,{})}),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(_U,{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:xC}),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"}):AC(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 PU=["grid-cols-1","grid-cols-2","grid-cols-3"];function Xp({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 EU({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(uo,{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($p,{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(uo,{children:["FusionForge",_1(i6,{})]}):e.process]}),_1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:Em(e,o)===null?n7:i(Em(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 VU({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 NU(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 _U({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 IU({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 RU=[{key:"cart",label:"Cart",href:"/?cart=open"},{key:"checkout",label:"Checkout",href:"/checkout"}],BU=Object.fromEntries(RU.map(e=>[e.key,e]));function _S(e){return BU[e]}import{Fragment as DU,jsx as F8,jsxs as go}from"react/jsx-runtime";var ZU=Gp(()=>import("./EditorPreviewCheckout-CU3DNUHZ.js"),{ssr:!1});function Jp(){let{chromePlaceholder:e,themeFromDocument:t}=_3(),{surface:a}=gw();return e||t||!a||a!=="cart"&&a!=="checkout"?null:a==="checkout"?go(DU,{children:[F8(ZU,{}),F8(IS,{surface:a})]}):F8(fr,{children:go(br,{preview:!0,children:[F8(ja,{}),F8(IS,{surface:a})]})})}function IS({surface:e}){let{label:t,href:a}=_S(e);return go("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:[F8("span",{style:{whiteSpace:"nowrap"},children:p("{name} \xB7 preview only",{name:p(t)})}),go("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"),F8(r6,{name:"external-link",size:13,rounded:!0})]})]})}import{CategoryIcon as $c1,CheckIcon as oG,ClockIcon as nx,ColumnsIcon as Yc1,DirectionIcon as Xc1,EyeIcon as Jc1,ListIcon as Qc1,PageIcon as el1,PlacementIcon as tl1,ScrollPointIcon as al1,TriggerIcon as sl1}from"efficient-easel/icons";import{useContext as WU,useEffect as GS,useRef as fo,useState as bo}from"react";import{Button as xo}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"}},vo=null,Qp=null,eu=null;function OU(){vo=null,Qp=null,eu=null}function RS(e=!1){let t=I3(),a=i2();return(e||!vo||Qp===null&&t!==null||eu!==a)&&(Qp=t,eu=a,vo=(t?Q1.listForms(t,{siteId:a}):Promise.reject(new Ka)).catch(s=>{throw OU(),s instanceof Ka?s:new Ka(s)})),vo}var tu=new Map,GU=9e5,BS=0;function qU(){return BS+=1,`fe-${typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():String(BS)}`}function ZS(e,t){e.connected&&e.send("storefront-editor:open-form",{mode:"edit",formId:t})}function DS(e,t){if(!e.connected)return Promise.resolve({status:"closed"});let a=qU();return new Promise(s=>{let c=setTimeout(()=>OS(a,{status:"timeout"}),t.timeoutMs??GU);tu.set(a,l=>{clearTimeout(c),s(l)}),e.send("storefront-editor:open-form",{requestId:a,mode:t.mode,...t.formId?{formId:t.formId}:{}})})}function OS(e,t){let a=tu.get(e);a&&(tu.delete(e),a(t))}function mm1(e,t){OS(e,t?{status:"saved",form:t}:{status:"closed"})}import{jsx as k2,jsxs as T5}from"react/jsx-runtime";var qS="__create-a-new-form__";function UU({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:qS,label:p("Create a new form")}];return[o,...i,...n,...h]}function jU(e){return e===qS?{action:"create"}:{action:"store",slug:e}}function KU({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 $U(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 au({value:e,onChange:t,label:a="Form",emptyLabel:s}){let c=w4(),l=WU(Ml),r=l?l.capabilities.hasForms:!0,[o,i]=bo(null),[n,h]=bo(!1),[m,u]=bo(!1),[d,v]=bo(!1),g=fo(!0),b=fo(e);b.current=e;let f=fo(t);f.current=t;let w=fo(null),z=(T=!1)=>RS(T).then(P=>{if(g.current){i(P),h(!1);let N=KU({value:b.current,pickedId:w.current,forms:P});N&&f.current(N)}return P},()=>(g.current&&h(!0),[]));GS(()=>(g.current=!0,r&&z(),()=>{g.current=!1}),[r]),GS(()=>r?Qr(()=>{z(!0)}):void 0,[r]);let S=e?(o??[]).find(T=>T.slug===e)??null:null;S?w.current=S.id:e||(w.current=null);let H=!!e&&!S&&o!==null&&!n,I=UU({value:e,forms:o,loadFailed:n,emptyLabel:s}),E=async()=>{u(!0),v(!1);try{let T=await DS(c,{mode:"create"}),P=await z(!0);if(!g.current)return;if(T.status==="timeout"){v(!0);return}if(T.status!=="saved")return;let{form:N}=T;N.slug!==b.current&&f.current(N.slug),P.some(D=>D.id===N.id)||z(!0)}finally{g.current&&u(!1)}},O=T=>{let P=jU(T);P.action==="create"?E():(v(!1),t(P.slug))};return r?T5("div",{className:"sf-formpicker",children:[k2(D9,{label:a,options:I,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((T,P)=>k2("li",{children:T.label},T.key||`${T.label}-${P}`))}):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:$U(S).map(T=>k2("li",{children:T},T))})]}),!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(xo,{variant:"secondary",size:"sm",onClick:()=>ZS(c,S.id),children:p("Edit form \u270E")}),k2(xo,{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(xo,{variant:"secondary",size:"sm",disabled:m,onClick:()=>{z(!0)},children:p("Try again")}),k2(xo,{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 YU}from"react/jsx-runtime";function P5(e,t){return{type:"custom",render:({value:a,onChange:s})=>YU(au,{value:a,onChange:s,...e?{label:e}:{},...t?{emptyLabel:t}:{}})}}var zo=null,WS=null;function XU(e,t){zo=e,WS=t}function Hm1(e){XU(e,null)}function US(){return zo}function M2(){return WS==="dynamic"||zo===rp}function jS(e){return Nr(zo??"",e)??"alloy-wheel"}import{createContext as JU,useContext as QU}from"react";import{jsx as ej}from"react/jsx-runtime";var KS=JU(null);function $S({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return ej(KS.Provider,{value:a,children:t})}function YS(){return QU(KS)}import{createContext as tj,useContext as aj}from"react";import{jsx as sj}from"react/jsx-runtime";var XS=tj("alloy-wheel");function JS({kind:e,children:t}){return sj(XS.Provider,{value:e??"alloy-wheel",children:t})}function QS(){return aj(XS)}import{createContext as eL,useContext as yo}from"react";import{jsx as oj}from"react/jsx-runtime";function cj(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 lj=/^\d{4}-\d{2}-\d{2}$/;function tL(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"?lj.test(a)?"date":"text":null;return s?[{key:t,label:cj(t),kind:s}]:[]}):[]}function wo(e,{firstField:t=!1}={}){if(!e)return[];let a=tL(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 rj(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 aL(e){return e?tL(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"?rj(a):a}]}):[]}var z7="product",su=eL(null);function cu(e){let t=e?.recordType;return typeof t=="string"&&t.trim()||z7}function Co(e){let t=e?.appState?.data?.root;return cu(t?.props)!==z7}var sL=eL(z7);function cL({type:e,children:t}){return oj(sL.Provider,{value:e,children:t})}function ko(e){let t=yo(su),a=yo(sL);return t?t.type!==z7:e&&a!==z7}var Mo={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"}]}},lL=4;function So(){return yo(su)}function rL(e){let t=yo(su);return t!==null&&t.type===e?t:null}import{createContext as nj,useContext as hj}from"react";var lu="heroBullets",$a="\xB7",Ya={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function oL(e){return e.detail?`${e.label} ${$a} ${e.detail}`:e.label}function ij(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 iL(e){let t=(e??{})[lu];return Array.isArray(t)?{bullets:t.map(s=>ij(typeof s=="string"?s:yy(s?.text,""))).filter(s=>s!==null)}:Ya}import{jsx as mj}from"react/jsx-runtime";var nL=nj(Ya);function hL({content:e,children:t}){return mj(nL.Provider,{value:e,children:t})}function mL(){return hj(nL)}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:_y,Stats:void 0};import{jsx as d6}from"react/jsx-runtime";import{jsx as uj}from"react/jsx-runtime";var Lo="sf-card",V2={min:0,max:90,step:5,fallback:0,unit:"%"},y7=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],pj="68%",G3={desktop:20,phone:20,side:40,sidePhone:24},pL="sf-box-sides",uL={min:0,max:200,step:10};function Ge(e){return typeof e=="string"&&e.trim()!==""}function Ao(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) ${pj})`}}function Ho(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 Fo={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}},dL=new Set(Object.keys(Fo)),dj=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),gL=new Set(["ProductGrid"]);function ru(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?uj("div",{className:c.className,style:c.style,children:l}):l}}var vL={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!dj.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){dL.has(t)||gL.has(t)||(e.fields={...e.fields,...a.spacingFields({phone:!0})})},draw(e,t){if(dL.has(t)){let a=e.render,s=Fo[t];e.render=c=>{let l=ny(c,s);return a({...c,padTop:l.top,padBottom:l.bottom})};return}if(gL.has(t)){ru(e);return}ru(e,t==="Flex"?a=>Ge(a.bgImage):void 0)}},gj=["Heading","Text"],fL={name:"blockPadding",applies:(e,t,a)=>gj.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.spacingFields({phone:!0})}},draw(e){ru(e)}};import{jsx as u6,Fragment as vj,jsxs as fj}from"react/jsx-runtime";import{useEasel as yL}from"efficient-easel/easel";import{LayersIcon as bj}from"efficient-easel/icons";import{SettingsDrill as xj,SettingsField as zj}from"efficient-easel/panel";import{default as bL}from"efficient-easel/screen/components/AddBlockRow";import{default as xL}from"efficient-easel/screen/components/AddChildRow";import{SlotChildActionsProvider as rp1,useSlotChildActions as zL}from"efficient-easel/screen/components/SlotChildActionsContext";function yj({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=fj(vj,{children:[g?u6("p",{className:"sf-note",children:g}):null,d.map((f,w)=>u6(xj,{name:s(f),onOpen:()=>c(u,w,String(f.props.id),t)},String(f.props.id??`${u}-${w}`))),n?u6(bL,{choices:n,onPick:f=>l(m,i,f,d.length,t)}):h.fixed?null:u6(xL,{label:h.addLabel,blocked:v,onAdd:()=>l(m,i,h.childType,d.length,t)})]});return u6("div",{className:"sf-slot-rows",children:a?u6(zj,{label:p(a),icon:u6(bj,{}),value:String(d.length),children:b}):b})}function wj(e,t){return Sa(e)?.spec?.notice?.(t)??null}function wL({parentType:e}){let{selectedItem:t}=yL(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=wj(e,s);return c?u6("p",{className:"sf-note",children:c}):null}function Cj(e,t){return Sa(t)?.source==="footer"?e.blockRowName:e.childRowName}function CL({parentType:e,label:t}){let{appState:a,selectedItem:s}=yL(r=>r),c=zL();if(!c||!s||s.type!==e)return null;let l=e===Xx?ll(a?.data,String(s.props.id)):0;return u6(yj,{parent:s,parentType:e,label:t,rowName:Cj(c,e),onSelectChild:c.selectChild,onAddChild:c.addChild,nestDepth:l})}var kL="grayscale(1) contrast(1.03)",ML="Black and white";function kj(e){return e===!0?{filter:kL}:{}}function Mj(e){let{filter:t}=kj(e);return t?{style:{filter:t}}:{}}var Xa="sf-photo-grayscale",Sj=`@media (hover:hover){.${Xa}{filter:${kL};transition:filter 160ms ease}.${Xa}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${Xa}{transition:none}}`;function qe(e,t){return typeof e=="boolean"?e?Mj(!0):{}:t===!0?{className:Xa}:{}}function SL(e){return e===!0?{[Xa]:Sj}:{}}import{AlignLeftIcon as Hj,BlackAndWhiteIcon as Fj,ContrastIcon as Tj,HeightIcon as Pj,TypeIcon as Ej}from"efficient-easel/icons";var Lj=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],Aj=new Set(Lj);function LL(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(Aj.has(t[a]))return t[a];return null}var g6=e=>J2(e,s1("Height",d6(Pj,{}),oe.min,oe.max,oe.step,oe.fallback,oe.unit)),A4={ctaText:F("Button",u2.text),ctaHref:F1("Button link")},E5=()=>f1("Alignment",d6(Hj,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),To=()=>f1("Tone",d6(Tj,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),u3=e=>b5({...Fo[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),V5=(e,t)=>({type:"custom",render:()=>d6(CL,{parentType:e,label:t})}),Po=e=>({type:"custom",render:()=>d6(wL,{parentType:e})});function Vj(e){let{photographyGrayscale:t}=_3();return l1(ML,t===!0,d6(Fj,{})).render(e)}function We(){return{type:"custom",render:e=>d6(Vj,{...e})}}var j1=Object.keys(x5("full"));function Ue(e){let t=LL(e);return t?d6(s4,{noun:t}):d6(Ej,{})}import{createContext as Nj,useContext as _j}from"react";import{jsx as w7,jsxs as ou}from"react/jsx-runtime";function iu(e){return L9(e)??void 0}var nu=Nj({}),AL=3;function hu({tag:e,name:t,desc:a,href:s,imageSrc:c,imageLabel:l,price:r}){let{showPrice:o,cardStyle:i,partStyles:n,editing:h}=_j(nu),m=i==="bordered"?" border border-line":i==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",u=iu(c),d=g=>h?{[b8]:g}:{},v=g=>er(n?.[x8(g)]?.role,bw[g],nl);return ou(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"}}),ou("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)}),ou("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 Rj,useCallback as Bj,useContext as Zj,useEffect as FL,useRef as Dj,useState as pu}from"react";import{useState as Ij}from"react";function Eo(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 HL(e){return e==="below"}import{jsx as j4,jsxs as je}from"react/jsx-runtime";function mu({build:e,hiddenMobile:t,alwaysShowOverlay:a,forceHover:s,index:c,total:l,ratio:r,captionPlace:o}){let[i,n]=Ij(!1),h=HL(o),m=je("div",{className:["sf-card group relative overflow-hidden bg-surface-2",Eo(r),t?"max-[800px]:hidden":""].join(" "),children:[je("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&&je("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:J1(e.process)}),je("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:J1(e.finish)})})]})]});return h?je("div",{className:t?"max-[800px]:hidden":"",children:[m,je("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:J1(e.finish||e.car)})]})]}):m}import{Fragment as Ke,jsx as Q0,jsxs as d3}from"react/jsx-runtime";var Ja=Rj({}),Qa="data-gallery-grid",uu="data-gallery-tile";function Oj(e,t){let[a,s]=pu(null);return FL(()=>{let c=e.current,l=c?.closest(`[${Qa}]`);if(!c||!l)return;let r=()=>{let i=Array.from(l.querySelectorAll(`[${uu}]`)),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 TL=[{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 Gj(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=Gj(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}=Zj(Ja),i=qj(c),n=i.photos??(i.imageSrc?[i.imageSrc]:[]),h=Dj(null),m=Bj(z=>{h.current=z},[]),u=Oj(h,e),d=e&&(!!t||!!o),[v,g]=pu(!1),[b,f]=pu(0);FL(()=>{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 w=Q0(mu,{build:i,forceHover:d,index:u?.index,total:u?.total,ratio:a,captionPlace:s});return d3(Ke,{children:[e?Q0("div",{ref:m,[uu]:"",className:"block w-full text-left",children:w}):Q0("button",{ref:m,[uu]:"",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:w}),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(Ke,{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(Ke,{children:[Q0("dt",{className:"text-fg-dim",children:"Wheel"}),Q0("dd",{className:"text-fg",children:k(i.wheel)})]}),i.process&&d3(Ke,{children:[Q0("dt",{className:"text-fg-dim",children:"Process"}),Q0("dd",{className:"text-fg",children:k(i.process)})]}),i.finish&&d3(Ke,{children:[Q0("dt",{className:"text-fg-dim",children:"Finish"}),Q0("dd",{className:"text-fg",children:k(i.finish)})]}),i.car&&d3(Ke,{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 Kj,useContext as $j,useEffect as Vo,useId as Yj,useMemo as Xj,useState as N2}from"react";var Wj=14,Uj=3;function du(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function jj(e,t){let a=new Date(`${e}T00:00:00`);return a.setDate(a.getDate()+t),du(a)}async function PL(e,t,a={}){let s=a.days??Wj,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=jj(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>=Uj)return{outcome:"unreadable"}}}return r===s?{outcome:"noneInWindow",days:s}:{outcome:"unreadable"}}import{jsx as eK}from"react/jsx-runtime";var EL=Kj(null);function C7(){let e=$j(EL);if(!e)throw new Error("useBookingForm must be used inside <BookingFormProvider>");return e}var gu=[{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 Jj(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 vu={bookingNumber:"EXAMPLE-0000",service:"Example service",startAt:"2026-01-01T00:00:00.000Z",timezone:"UTC",customerTimezone:"",manageToken:"example"};function Qj(e,t){return e&&t?.length===0}function VL({editing:e=!1,previewConfirmation:t=!1,children:a}){let s=Yj(),c=Xj(()=>du(new Date),[]),[l,r]=N2(),[o,i]=N2(""),[n,h]=N2(""),[m,u]=N2(c),[d,v]=N2(c),[g,b]=N2(!1),[f,w]=N2(null),[z,M]=N2(),[S,H]=N2(""),[I,E]=N2(""),[O,T]=N2(""),[P,N]=N2(""),[D,Z]=N2(""),[_,U]=N2(()=>Nm()),[V,J]=N2(null),[j,W]=N2(!1),[n1,z1]=N2(!1),[$,c1]=N2(null),[g1,K]=N2("");Vo(()=>{K(Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC")},[]),Vo(()=>{let c0=!1;return y8.listServices().then(l0=>{c0||(r(l0.results),i(l0.currency),h(X1=>X1||l0.results[0]?.id||""))}).catch(()=>{c0||r([])}),()=>{c0=!0}},[]),Vo(()=>{if(g||!n)return;let c0={aborted:!1};return H(""),M(void 0),c1(null),w(null),W(!0),PL(n,c,{signal:c0}).then(l0=>{if(!c0.aborted){if(l0.outcome==="found"){u(l0.date),v(l0.date),M(l0.availability);return}w(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]),Vo(()=>{if(!g||!n||!m)return;let c0=!1;return H(""),M(void 0),c1(null),w(null),W(!0),y8.getAvailability(n,m).then(l0=>{c0||(M(l0),l0.slots.length===0&&w("No times are available on this date."))}).catch(()=>{c0||w("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&&I.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:I.trim(),email:O.trim(),phone:P.trim()},notes:D.trim(),idempotencyKey:_,customerTimezone:g1});J(l0),U(Nm())}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=Qj(e,l);return eK(EL.Provider,{value:{fieldPrefix:s,editing:e,services:H1?gu:l,currency:H1?"AUD":o,serviceId:H1?gu[0].id:n,setServiceId:h,service:H1?gu[0]:u1,requiresPayment:H1?!1:x1,date:m,earliestDate:d,setDate:u,setDateTouched:b,availability:H1?Jj(m):z,loadingSlots:H1?!1:j,noSlotsMessage:f,selectedStart:H1?`${m}T09:00:00.000Z`:S,setSelectedStart:H,customerTimezone:g1,name:I,setName:E,email:O,setEmail:T,phone:P,setPhone:N,notes:D,setNotes:Z,confirmation:V??(t?vu:null),submitting:n1,error:$,canSubmit:H1?!1:T0,handleSubmit:P0,sample:!!H1},children:a})}import{jsx as No,Fragment as NL,jsxs as _L}from"react/jsx-runtime";var tK="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",IL={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=`${tK} ${IL[t]??IL.primary} ${c??""}`,m=s?_L(NL,{children:[a!==null&&No("span",{"aria-hidden":!0,className:"inline-flex",children:a??"\u2192"}),r]}):_L(NL,{children:[r,a!==null&&No("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:a??"\u2192"})]});return o?No(s0,{href:o,className:h,style:l,...i?{target:"_blank",rel:"noopener noreferrer"}:{},children:m}):No("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 aK(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 RL(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 BL(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 fu({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 _o({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 Io({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(fu,{number:"01",children:"Choose a service"}),A0("div",{className:"grid gap-3 sm:grid-cols-2",children:a.map(f=>{let w=f.id===c;return A3("button",{type:"button","aria-pressed":w,onClick:()=>l(f.id),className:`min-h-11 border p-4 text-left transition-colors ${w?"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 ",aK(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(fu,{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:RL(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:[RL(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 Ro({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(fu,{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 Bo({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:BL(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: ",BL(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!==vu,variant:"ghost",className:"mt-7",children:"Manage booking"})]}):null}var Zo=["step","name","value","note"],bu={step:"Step",name:"Name",value:"Value",note:"Note"},Do={step:"styleStep",name:"styleName",value:"styleValue",note:"styleNote"},ZL={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 sK(e){return typeof e=="string"&&g5.includes(e)?e:null}var cK={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function DL(e){let t={};for(let a of Zo){let s=sK(e[Do[a]]);if(!s)continue;let c=E9({role:s},cK);c.fontFamily&&(t[ZL[a].font]=c.fontFamily),c.fontSize&&(t[ZL[a].size]=c.fontSize)}return t}import{jsx as $e}from"react/jsx-runtime";var OL=["head","booking","details","confirm"],GL={head:"Head",booking:"Booking",details:"Your details",confirm:"Confirmation"};function xu({region:e,eyebrow:t,heading:a,intro:s,buttonLabel:c,successMessage:l,...r}){let{confirmation:o,services:i}=C7(),n=DL(r);return e==="head"?$e("div",{className:"min-[960px]:col-span-2",style:n,children:$e(_o,{eyebrow:t,heading:a,intro:s})}):e==="confirm"?o?$e("div",{className:"min-[960px]:col-span-2",style:n,children:$e(Bo,{successMessage:l})}):null:o||!i||i.length===0?null:e==="booking"?$e(Io,{style:n}):e==="details"?$e(Ro,{buttonLabel:c,style:n}):null}import{jsx as Y0,Fragment as lK,jsxs as H4}from"react/jsx-runtime";var T8="solid",zu=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function qL(e){return R2(zu,T8,e)}var yu="sf-secnum-outline",WL="font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]",UL=`@supports (-webkit-text-stroke: 1px currentColor){.${yu}{color:var(--site-surface-2);-webkit-text-stroke:1px var(--site-line)}}`;var ss=(e,t=!1)=>typeof e=="string"?Y(e,t):e,Ye=(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=T8,look:i="standard",titleAccent:n,accentTracking:h="-0.02em",spaceBelow:m,rowGap:u,descriptionSize:d,className:v="",eyebrowLook:g=ir}){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(lK,{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,w=!!t,z=qL(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:`${WL} text-fg-dim ${yu}`,children:Ye(e)});else if(r&&!l&&typeof e=="string"){let H=e.indexOf("/"),I=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:Ye(I)}),E&&Y0("span",{className:"text-fg-dim",children:Ye(E)})]})}else S=Y0("span",{className:`${M} ${l?"text-accent":"text-fg-dim"}`,children:Ye(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:UL}),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]}),w&&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:Ye(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:[Ye(a.text),Y0("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{jsx as F4,jsxs as cs}from"react/jsx-runtime";function rK(e){return e.type==="textarea"||e.type==="select"||e.type==="checkbox"}function jL({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 Oo({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:Re(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",rK(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(Be,{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 Go=["field","tick","thanks"],wu={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},qo={field:"styleField",tick:"styleTick",thanks:"styleThanks"},KL={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 oK(e){return typeof e=="string"&&g5.includes(e)?e:null}var iK={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function $L(e){let t={};for(let a of Go){let s=oK(e[qo[a]]);if(!s)continue;let c=E9({role:s},iK);c.fontFamily&&(t[KL[a].font]=c.fontFamily),c.fontSize&&(t[KL[a].size]=c.fontSize)}return t}import{jsx as Wo}from"react/jsx-runtime";var YL=["head","form"],XL={head:"Head",form:"Form"};function Cu({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=$L(n);return e==="head"?Wo("div",{style:u,children:Wo(t0,{look:"statement",num:t,title:a})}):Wo("div",{style:u,children:Wo(Oo,{body:s??"",buttonLabel:c??"",consent:l??"",form:h,submission:m,showForm:!!h||i,resolving:h===void 0,editing:i})})}var nK={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>OL.map(e=>({region:e,name:GL[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:()=>YL.map(e=>({region:e,name:XL[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:AL},()=>({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:()=>TL.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(t=>({...t})):[]}};Qx(nK);function Xe(e,t){let a={};for(let s of Object.keys(e))a[s]={...e[s],...t[s]};return a}import{jsx as hK}from"react/jsx-runtime";import{OpacityIcon as mK}from"efficient-easel/icons";var JL={fields:{_gContent:x("Content"),eyebrow:F("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",hK(mK,{}),0,100,5,60,"%"),_gButton:x("Button"),...A4,_gLayout:x("Layout")}};import{jsx as dK}from"react/jsx-runtime";import{jsx as ls,jsxs as ku,Fragment as pK}from"react/jsx-runtime";import{Fragment as uK}from"react";function QL({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:ku("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 ku(uK,{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&&ku(pK,{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 Mu={meta:"Trailing note"},gK=()=>[{label:p("Home"),href:"/"},{label:p("Section"),href:""}],eA={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>dK(QL,{items:w1(e,gK(),a),meta:y(t,Mu.meta,a),editing:a?.isEditing})};var tA={fields:{_gContent:x("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:q("Label"),href:Q2(q("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:F("Trailing note",Mu.meta)}};import{Fragment as vK,jsx as g3,jsxs as fK}from"react/jsx-runtime";import{ButtonIcon as bK,ButtonIconIcon as xK,IconAfterTextIcon as zK,IconBeforeTextIcon as yK,StylesIcon as wK,WidthIcon as CK}from"efficient-easel/icons";import*as kK from"efficient-easel/icons";import{SettingsField as MK}from"efficient-easel/panel";import{useSelectedFields as cA}from"efficient-easel/easel";import{IconPicker as SK,Segmented as LK}from"efficient-shell/ui";function Uo(e){return typeof e=="boolean"?e:!0}var Su=["none","arrow-right","arrow-long-right","arrow-up-right","chevron-right","external","cart","bag","tag","email","location","play","download","search","car"];function Lu(e){return typeof e=="string"&&Su.includes(e)?e:void 0}function aA(e,t){return Lu(e)??(Uo(t)?"arrow-right":"none")}function jo(e){return e==="before"?"before":"after"}function sA(e){return e==="fill"?"fill":"fit"}var Au=()=>Ll({type:"custom",render:()=>g3(vK,{})},"always");function AK(e){let t=(e==="none"?"no-symbol":e).replace(/(^|-)([a-z])/g,(s,c,l)=>l.toUpperCase()),a=kK[`${t}Icon`];return a?g3(a,{size:16}):null}var HK=Su.map(e=>({value:e,icon:AK(e)}));function FK({value:e,onChange:t}){let a=cA(),s=a.values.href,c=typeof e=="string"?e:e&&typeof e=="object"&&"text"in e?String(e.text??""):"";return g3(Ty,{label:"Button",icon:g3(bK,{size:18}),text:c,onTextChange:t,link:typeof s=="string"?s:"",onLinkChange:l=>a.onChange("href",l)})}function TK({value:e,onChange:t}){let a=cA(),s=aA(e,a.values.arrow),c=jo(a.values.iconPosition);return g3(MK,{label:p("Icon"),icon:g3(xK,{size:18}),children:fK("div",{className:"flex items-center gap-2",children:[g3(SK,{label:p("Icon"),value:s,emptyValue:"none",options:HK,onChange:t}),s!=="none"&&g3(LK,{label:p("Icon position"),value:c,onChange:l=>a.onChange("iconPosition",l),options:[{value:"before",icon:g3(yK,{size:16}),label:g3("span",{className:"sr-only",children:p("Icon before text")}),title:p("Icon before text")},{value:"after",icon:g3(zK,{size:16}),label:g3("span",{className:"sr-only",children:p("Icon after text")}),title:p("Icon after text")}]})]})})}var lA={fields:{label:Zy(q("Button"),e=>g3(FK,{value:e.value,onChange:e.onChange})),href:{...F1("Button link"),...Au()},_dSize:Y1("Size"),widthFit:f1("Width",g3(CK,{}),[{label:"Fit content",value:"fit"},{label:"Fill",value:"fill"}],"fit"),_gStyle:x("Style"),variant:f1("Style",g3(wK,{}),[{label:"Filled",value:"primary"},{label:"Outline",value:"ghost"}],"primary"),icon:{type:"custom",render:e=>g3(TK,{value:e.value,onChange:e.onChange})},iconPosition:Au(),arrow:Au(),_dLayout:Y1("Layout"),align:E5()}};import{jsx as iA}from"react/jsx-runtime";import{ColumnsIcon as IK,StylesIcon as RK}from"efficient-easel/icons";import{jsx as NK}from"react/jsx-runtime";import{jsx as Je,Fragment as PK,jsxs as Hu}from"react/jsx-runtime";var EK="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))]",VK="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 rA({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:Je("section",{className:"relative z-[2] bg-surface",children:Hu("div",{className:l?VK:EK,children:[l?null:Hu(PK,{children:[(t??"").trim()&&Je(N1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&Je("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&&Je("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)=>Hu("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[Je("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")}),Je("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.*"},_K=()=>[{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.")}],oA={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return NK(rA,{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,_K(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var nA={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",rs.eyebrow),eyebrowLook:v1("Eyebrow style",iA(RK,{}),[...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",iA(IK,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Cards.headRows)};import{jsx as BK}from"react/jsx-runtime";import{StickyIcon as ZK}from"efficient-easel/icons";var hA={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,BK(ZK,{}))}};import{jsx as UK}from"react/jsx-runtime";import{StylesIcon as jK}from"efficient-easel/icons";import{jsx as qK}from"react/jsx-runtime";import{jsx as l2,jsxs as $4}from"react/jsx-runtime";function Fu(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var mA=[100,70,46,30,19,12];function pA(e){return`color-mix(in srgb, var(--accent) ${mA[e%mA.length]}%, var(--bg))`}function DK({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:[Fu(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 OK({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:[Fu(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 GK({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:pA(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:pA(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?`${Fu(o.value)}${t}`:`${Math.round(o.value/a*100)}%`})]},i))})]})}function uA({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(OK,{data:n,suffix:i}):m==="donut"?l2(GK,{data:n,suffix:i}):l2(DK,{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.*`},WK=()=>[{label:p("Before"),value:"9"},{label:p("After"),value:"3"},{label:p("With us"),value:"1"}],dA={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})=>qK(uA,{eyebrow:y(e,os.eyebrow,o),title:y(t,os.title,o),body:a,items:w1(s,WK(),o),chartStyle:l,valueSuffix:r,caption:c,editing:o?.isEditing})};var gA={fields:{_gContent:x("Content"),eyebrow:F("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:F("Caption","Illustrative example"),_gStyle:x("Style"),chartStyle:v1("Chart style",UK(jK,{}),[{label:"Bars (comparison / funnel)",value:"bars"},{label:"Line (trend)",value:"line"},{label:"Donut (split of a whole)",value:"donut"}],"bars"),valueSuffix:F("Value suffix","%")}};import{jsx as m$}from"react/jsx-runtime";import{jsx as A1,Fragment as Eu,jsxs as Y4}from"react/jsx-runtime";import{useId as YK,useState as XK}from"react";import{InspectorUpLevel as ns}from"efficient-easel/chrome";import{useEasel as JK}from"efficient-easel/easel";import{ListField as xA}from"efficient-easel/fields";import{SettingsField as zA}from"efficient-easel/panel";import{ClockIcon as vA,ContrastIcon as QK,GlobeIcon as e$,LinkIcon as t$,LocationIcon as a$,PhoneIcon as s$,SquareIcon as c$,TypeIcon as Vu}from"efficient-easel/icons";var KK=["tall","square","wide"],$K="tall";function Ko(e){return KK.includes(String(e??""))?String(e):$K}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 $o(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var P8="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 Tu(e){return yl(e)}var Nu=(e,t)=>t||e?eC(e,t):p("Ungrouped");function l$(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 Pu({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 yA={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"},r$={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},wA={...r$,color:"#d85a30"};function v6({label:e,value:t,placeholder:a,textarea:s,icon:c,onChange:l,onBlur:r,onKeyDown:o}){let i=YK();return A1(zA,{label:e,icon:c??A1(Vu,{}),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 o$=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],i$=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function fA({label:e,icon:t,options:a,value:s,onChange:c}){return A1(zA,{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 bA({props:e,setSection:t,headOnly:a}){let s=r=>String(e[r]??""),c=e.mapTheme||r2.mapTheme,l=r2;return Y4(Eu,{children:[!a&&A1(Pu,{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(Eu,{children:[A1(Pu,{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(fA,{label:p("Shape"),icon:A1(c$,{}),options:i$,value:Ko(e.imageShape),onChange:r=>t({imageShape:r})}),A1(Pu,{children:p("Map & Theme")}),A1(fA,{label:p("Map theme"),icon:A1(QK,{}),options:o$,value:c,onChange:r=>t({mapTheme:r})})]})]})}function n$({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]=XK(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:Nu(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(xA,{label:p("Cities in this group"),noun:p("city"),items:r.map(d=>e[d]),onChange:d=>a(tC(e,t,d)),newItem:()=>({...Fm,group:t,groupName:o}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,renderRow:(d,v)=>Y4("button",{type:"button",style:yA,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:wA,onClick:()=>{a(e.filter(d=>c7(d)!==t)),s()},children:p3("Delete group ({n} city)","Delete group ({n} cities)",r.length)})})]})}function CA({value:e,onChange:t}){let a=Array.isArray(e)?e:[],s=Qw(),c=fw(),l=l$(a),{appState:r,selectedItem:o}=JK(g=>g),i=gy(),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(Jx,b,{type:o.type,props:{...o.props,...g}})},m=(g,b)=>t(a.map((f,w)=>w===g?{...f,...b}:f)),u=()=>{let g=new Set(l.map(w=>w.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(bA,{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(zy,{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(t$,{}),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),w=(M,S)=>m(g,{[M]:S}),z=(M,S,H,I=!1)=>A1(v6,{label:S,icon:H,textarea:I,value:String(b[M]??""),onChange:E=>w(M,E)});return Y4("div",{className:"sf-locations-view",children:[A1(ns,{inline:!0,name:Nu(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(Vu,{})),z("state",p("State / Province"),A1(Vu,{})),z("country",p("Country"),A1(e$,{})),z("address",p("Address"),A1(a$,{}),!0),z("phone",p("Phone"),A1(s$,{})),z("hours",p("Opening hours"),A1(vA,{})),z("timezone",p("Timezone chip"),A1(vA,{})),A1("div",{style:{marginTop:12},children:A1("button",{type:"button",style:wA,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(n$,{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(bA,{props:n,setSection:h}),!c&&A1(Eu,{children:v()})]})}function v(){return A1(xA,{label:p("Locations"),noun:p("group"),items:l,onChange:g=>{let b=g.find(f=>!l.some(w=>w.key===f.key));t(aC(a,g.map(f=>f.key),f=>[{...Fm,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:yA,onClick:()=>G4({level:"group",key:g.key}),children:[A1("span",{style:{fontWeight:500},children:Nu(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 h$="/geocode.json";async function kA(e){let t=e.trim();if(!t)return null;if(!Sx())throw new Error("geocode_unavailable");let a=await fetch(`${sC()}${h$}?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 Yo=e=>typeof e=="number"&&Number.isFinite(e);function Xo(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:Yo(a.lat)&&a.lat!==t.lat||Yo(a.lng)&&a.lng!==t.lng:!1})}async function Jo(e,t,{geocode:a=kA,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=Yo(o.lat)&&o.lat!==r.lat?o.lat:r.lat,n=Yo(o.lng)&&o.lng!==r.lng?o.lng:r.lng;return i!==r.lat||n!==r.lng?{...r,lat:i,lng:n}:r})}var MA={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>m$(CA,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!Xo(a))return e;let s=await Jo(a,c=>{let l=$o(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 FA}from"react/jsx-runtime";import{ClockIcon as y$,TagIcon as w$}from"efficient-easel/icons";import{jsx as z$}from"react/jsx-runtime";import{jsx as N5,jsxs as Qo,Fragment as u$}from"react/jsx-runtime";import{useEffect as d$,useState as LA}from"react";import{Fragment as p$,jsx as SA}from"react/jsx-runtime";function Qe({kind:e,children:t}){let a=_z(e);return a?SA("span",{[fz]:a.stamp,children:t}):SA(p$,{children:t})}var g$=24*3600*1e3,v$=[{key:"hours",label:"Hours"},{key:"minutes",label:"Minutes"},{key:"seconds",label:"Seconds"}];function f$(e,t){return Math.max(0,Math.ceil((e-t)/1e3))}function b$(e){let t=Date.parse((e??"").trim());return Number.isFinite(t)?t:null}var x$=e=>String(e).padStart(2,"0");function AA({title:e,zeroText:t,endsAt:a,showUnits:s=!0,editing:c=!1}={}){let l=b$(a),[r]=LA(()=>Date.now()+g$),o=l??(c?r:null),[i,n]=LA(()=>Date.now());if(d$(()=>{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=f$(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:Qo("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)}):Qo(u$,{children:[N5("span",{className:"sr-only",children:v}),N5("div",{"aria-hidden":!0,className:"flex items-start gap-[clamp(8px,2vw,24px)]",children:v$.map((g,b)=>Qo("div",{className:"contents",children:[b>0&&N5("span",{className:"font-mono text-[length:clamp(32px,7vw,80px)] leading-none text-accent",children:":"}),Qo("div",{className:"flex min-w-0 flex-col items-center gap-2",children:[N5(Qe,{kind:om,children:N5("span",{"data-countdown-unit":g.key,...c?{[Y6]:om}:{},suppressHydrationWarning:!0,className:"font-mono text-[length:clamp(40px,8vw,96px)] font-medium leading-none tabular-nums text-fg",children:x$(m[b])})}),s&&N5(Qe,{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 ei={title:"Back online in",zeroText:"Almost done. Back very soon."},HA={label:"Countdown",defaultProps:{...ei,endsAt:"",showUnits:!0},render:({title:e,zeroText:t,endsAt:a,showUnits:s,puck:c})=>z$(AA,{title:e,zeroText:t,endsAt:a,showUnits:s,editing:c?.isEditing})};var TA={fields:{title:F("Heading",ei.title),zeroText:F("At zero",ei.zeroText),endsAt:Qy("Ends",FA(y$,{}),"In your own time zone. Every visitor counts down to the same moment."),showUnits:l1("Unit labels",!0,FA(w$,{}))}};var PA={fields:{html:{type:"textarea",label:"HTML"}}};import{jsx as L$}from"react/jsx-runtime";import{StylesIcon as A$}from"efficient-easel/icons";var E8="line",_u=[{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"}],C$={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},EA=28,k$="-45deg",M$="color-mix(in oklab, var(--accent) 50%, var(--bg))";function S$(e){return e!=="line"}function VA(e){return R2(_u,E8,e)}function NA(e){if(!S$(e))return null;let{ink:t,period:a}=C$[e];return`repeating-linear-gradient(${k$}, ${M$} 0 ${t}px, transparent ${t}px ${a}px)`}var _A={fields:{style:v1("Style",L$(A$,{}),_u,E8),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as E$}from"react/jsx-runtime";import{jsx as f6,jsxs as hs}from"react/jsx-runtime";function H$(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function F$(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=dz(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 T$=()=>[{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.")}],P$=120;function IA({tocTitle:e,sections:t,editing:a=!1,stickyTop:s=P$}){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?T$():c,r=new Set,o=l.map((i,n)=>{let h=H$(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)}),F$(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 Iu={toc:"On this page"},V$=()=>[{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.")}],RA={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>E$(IA,{tocTitle:y(e.tocTitle,Iu.toc,e.puck),sections:w1(e.sections,V$(),e.puck),editing:e.puck?.isEditing})};var BA={fields:{_gContent:x("Contents"),tocTitle:F("Contents heading",Iu.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 _$}from"react/jsx-runtime";import{jsx as V8,jsxs as Ru}from"react/jsx-runtime";function N$({level:e,className:t,children:a}){return V8(e===2?"h2":"h1",{className:t,children:a})}function ZA({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:V8("section",{className:"relative z-[2] bg-bg",children:Ru("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:[Ru("div",{className:"grid grid-cols-[auto_1fr_auto] items-end gap-10 pb-8 max-[900px]:grid-cols-1 max-[900px]:gap-4",children:[e&&V8(N1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&V8(N$,{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&&V8("div",{className:"pb-3 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[900px]:pb-0 max-[900px]:text-left",children:r.map((o,i)=>Ru("div",{children:[o.label&&V8("strong",{className:"font-normal text-fg",children:k(o.label)}),o.label&&o.value?" ":null,o.value?k(o.value):null]},i))})]}),a&&V8("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:k(a,!0)})]})})}var I$=()=>[{label:p("Label"),value:p("Value")},{label:p("Label"),value:p("Value")}],N8={eyebrow:A.eyebrow,title:A.headingAccent,deck:"Add a sentence or two introducing this document."},DA={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>_$(ZA,{titleLevel:e.titleLevel,eyebrow:y(e.eyebrow,N8.eyebrow,e.puck),title:y(e.title,N8.title,e.puck),deck:y(e.deck,N8.deck,e.puck),meta:w1(e.meta,I$(),e.puck),editing:e.puck?.isEditing})};var OA={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",N8.eyebrow),title:G("Heading",N8.title),deck:G("Deck / standfirst",N8.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 B$}from"react/jsx-runtime";import{jsx as ms,jsxs as R$}from"react/jsx-runtime";function GA({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)=>R$("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 Bu=[{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."}],qA={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>B$(GA,{cards:w1(e.cards,Bu,e.puck),editing:e.puck?.isEditing})};var WA={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"},Bu)}};import{jsx as O$}from"react/jsx-runtime";import{PageIcon as G$}from"efficient-easel/icons";import{jsx as Z$}from"react/jsx-runtime";import{jsx as Zu,jsxs as Du}from"react/jsx-runtime";function UA({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 Zu("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:Du("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[c.map((r,o)=>{let i=o===l;return Du(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&&Zu("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},o)}),(t||a)&&Du("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[t&&k(t),a&&Zu("strong",{className:"ml-2 font-normal text-accent",children:k(a)})]})]})})}var D$=()=>[{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},jA={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>Z$(UA,{tabs:w1(e.tabs,D$(),e.puck),metaLabel:y(e.metaLabel,ps.metaLabel,e.puck),metaValue:y(e.metaValue,ps.metaValue,e.puck),editing:e.puck?.isEditing})};var KA={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:q("Tab label"),href:F1("Links to"),current:l1("Current page",!1,O$(G$,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:x("Trailing note"),metaLabel:F("Note label",ps.metaLabel),metaValue:F("Note value",ps.metaValue)}};import{jsx as q$}from"react/jsx-runtime";import{StylesIcon as W$}from"efficient-easel/icons";var $A={fields:{eyebrow:F("Eyebrow",A.eyebrow),align:E5(),eyebrowLook:v1("Look",q$(W$,{}),C4,nr)}};import{jsx as lY}from"react/jsx-runtime";import{ChevronIcon as rY}from"efficient-easel/icons";import{jsx as sY}from"react/jsx-runtime";import{Fragment as Q$,jsx as T4,jsxs as Wu}from"react/jsx-runtime";import{jsx as Y$}from"react/jsx-runtime";import{useEffect as X$,useRef as J$}from"react";import{jsx as j$}from"react/jsx-runtime";import{useEffect as K$,useRef as $$}from"react";var us="data-puck-component";function Gu(e,t){return e.closest(`[${us}]`)?.getAttribute(us)===t}function YA(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(!Gu(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(!Gu(v,t)||l.has(v))continue;let g=vz(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(w=>w.texts);if(new Set(g).size===g.length)continue;let b=r.filter(w=>g.includes(w.text));if(b.length!==v.length)continue;let f=[...v].sort((w,z)=>(w.row?.index??0)-(z.row?.index??0));for(let w=0;w<f.length;w+=1){let z=f[w],M=b[w].element,S={key:z.key,partKey:Qh(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=Qh(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 w=b.length?b:f?[f.element]:[],z=w.filter(M=>!w.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 Ou(e,t,a){let s=e.querySelectorAll(`[${c6}]`);for(let l=0;l<s.length;l+=1){let r=s[l];Gu(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 XA(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=YA(e,m,t);return c(h,m,Ou(e,m,u)),i=l(()=>{let d=YA(e,m,t);U$(u,d)||(u=d,c(h,m,Ou(e,m,d)))}),!0};return n()||(o=s(()=>{(r||n())&&(o?.(),o=null)})),()=>{o?.(),o=null,i?.(),i=null,r&&Ou(e,r,[])}}function U$(e,t){return e.length===t.length&&e.every((a,s)=>a.element===t[s].element&&a.partId===t[s].partId)}function JA(e,t){return e?.closest(`[${c6}]`)?.getAttribute(c6)??s6(t,null)}function QA(e,t){return e!==s6(t,null)}function qu(e){let t=null,a=null;for(let s=e;s&&(t===null||a===null);s=s.parentElement){let c=s.getAttribute("class");t??=mz(c),a??=cm(c)}return{faceRole:t??"body",sizeGroup:a}}function ti(e){let t=e.style,a={};for(let r of sm)a[r]=t[r]??"",t[r]="";let s=getComputedStyle(e),c=getComputedStyle(e.ownerDocument.documentElement),l=bz({fontSize:s.fontSize,fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,textAlign:s.textAlign,textTransform:s.textTransform,paddingTop:s.paddingTop,maxWidth:s.maxWidth},xz(s.fontFamily,r=>c.getPropertyValue(r)));for(let r of sm)t[r]=a[r];return l}function eH({needles:e,styles:t,type:a,children:s}){let c=$$(null),{selectedPartId:l,select:r}=ml(),{setPartStyle:o}=pl(),i=JSON.stringify(e),n=JSON.stringify(t);return K$(()=>{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),w=XA(h,b,u,d,(z,M,S)=>{for(let T of g)T();g=[];let H=[];for(let T of S){let P=T,N=T9(P);N&&g.push(N),P.getAttribute(c6)===l?(P.setAttribute(d8,""),H.push(P)):P.removeAttribute(d8)}let I=zz(M,l,H,T=>pz(T)!==null||cm(T)!==null);if(I&&l){let T=I;o({partId:l,...qu(T),base:ti(T),inks:uz(T)})}yz(S.map(T=>({element:T,partId:T.getAttribute(c6)??""})),f,T=>ti(T),T=>Vz(a,T));let E=T=>{let P=JA(T.target,M);QA(P,M)&&(T.stopPropagation(),T.preventDefault()),r(P)},O=z;O.addEventListener("click",E,{capture:!0}),g.push(()=>O.removeEventListener("click",E,{capture:!0}))},v);return()=>{w();for(let z of m)z()}},[i,n,l,r,o]),j$("div",{ref:c,style:{display:"contents"},children:s})}function et({nodeId:e,sectionType:t,children:a}){let s=J$(null),{selectedPartId:c,select:l}=ml(),{setPartStyle:r}=pl();return X$(()=>{let o=s.current,i=Cw(t);if(!o||!e||!i)return;let n=[],h=Array.from(o.querySelectorAll(`[${b8}]`));for(let u of h){let d=zw(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,...qu(u),base:ti(u)})):u.removeAttribute(d8)}let m=u=>{let d=yw(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]),Y$("div",{ref:s,style:{display:"contents"},children:a})}function tH(e){return p2(e).trim()}function Uu(e,t){return e?{[b8]:t}:{}}function ju(e,t){let a=e?.[x8(t)]?.role;return er(a,xw[t],nl)}function eY({editing:e,nodeId:t,children:a}){return!e||!t?T4(Q$,{children:a}):T4(et,{nodeId:t,sectionType:"FAQ",children:a})}var tY="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]",aY="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 aH({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:tH(g.question??""),acceptedAnswer:{"@type":"Answer",text:tH(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 Wu("section",{className:r?aY:tY,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(eY,{editing:l,nodeId:o,children:T4("div",{children:m.map((g,b)=>Wu("details",{open:b===0&&c,className:"border-b border-line",children:[Wu("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",...Uu(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)]",...Uu(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",...Uu(l,"answer"),style:ju(i,"answer"),children:k(g.answer)})})]},b))})})]})}var _8={num:A.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},cY=()=>[{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.")}],sH={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,_8.link,e.puck);return sY(aH,{num:a(y(e.num,_8.num,e.puck)),title:a(y(e.title,_8.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,cY(),e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};var cH={fields:{_gContent:x("Content"),num:F("Number",_8.num),title:G("Heading",_8.title),linkText:F("Button",_8.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,lY(rY,{}))},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.FAQ.headRows)};import{jsx as W3,Fragment as si,jsxs as nY}from"react/jsx-runtime";import{useContext as hY}from"react";import{SettingsField as nH}from"efficient-easel/panel";import{FieldSelect as hH}from"efficient-easel/fields";import{BlogPostIcon as mH}from"efficient-easel/icons";function tt({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 lH=tt({fetch:async(e,t)=>await Tx().blog?.posts(t?{siteId:t}:void 0)??[],keyBy:i2});import{useEffect as rH,useRef as oY,useState as Ku}from"react";function b6(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function at({load:e,resolve:t,snapshot:a,value:s,onChange:c}){let[l,r]=Ku(null),[o,i]=Ku(!1),[n,h]=Ku(!1),m=oY(!0);return rH(()=>(m.current=!0,e().then(u=>{m.current&&r(u)}),()=>{m.current=!1}),[]),rH(()=>{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 ai,jsxs as iY}from"react/jsx-runtime";import{Button as oH}from"efficient-shell/ui";function P4({status:e,statusText:t,onRefresh:a,busy:s=!1,edit:c,hint:l,spaced:r=!0}){return iY("div",{className:"sf-blogsource",style:r?{marginTop:9}:void 0,children:[ai("p",{className:"sf-blogsource-status","data-state":e,children:t}),ai(oH,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:a,disabled:s,children:p("Refresh now")}),c?ai(oH,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:c.onClick,children:c.label}):null,ai("p",{className:"es-field-hint sf-hint-keep",children:l})]})}function mY(e){if(!e)return"";let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"2-digit"})}function iH(e){return{slug:e.slug,image:e.coverImage,title:e.title,dek:e.excerpt,date:mY(e.publishedAt),href:e.href}}function st({value:e,onChange:t}){let a=hY(Ml);return a&&!a.capabilities.hasBlog?e?.slug?W3(pY,{value:e,onChange:t}):W3(si,{}):W3(uY,{value:e,onChange:t})}function pY({value:e,onChange:t}){return W3("div",{children:W3(nH,{label:p("Blog post source"),icon:W3(mH,{}),hint:W3(si,{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(hH,{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 uY({value:e,onChange:t}){let{rows:a,loading:s,refreshing:c,errored:l,refresh:r}=at({load:lH,resolve:(u,d)=>u.find(v=>v.slug===d.slug),snapshot:iH,value:e,onChange:t}),o=u=>{if(!u){t(null);return}let d=(a??[]).find(v=>v.slug===u);d&&t(iH(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 nY("div",{children:[W3(nH,{label:p("Blog post source"),icon:W3(mH,{}),hint:e?.slug?void 0:W3(si,{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(hH,{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(si,{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 gY}from"react/jsx-runtime";import{jsx as U3,jsxs as ds}from"react/jsx-runtime";import{Fragment as dY}from"react";function pH({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(dY,{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},uH={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 gY(pH,{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 dH={fields:{source:s2(st),image:q1("Cover image","image/*"),badge:F("Badge",c3.badge),imageDate:F("Image date",c3.imageDate),_gContent:x("Content"),category:F("Category",c3.category),readLabel:F("Read time",c3.readLabel),date:F("Date",c3.date),title:G("Heading",c3.title),dek:G("Dek",c3.dek),ctaText:F("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 MH}from"react/jsx-runtime";import{OpacityIcon as PY,StylesIcon as EY}from"efficient-easel/icons";import{jsx as TY}from"react/jsx-runtime";import{jsx as I8,jsxs as HY,Fragment as FY}from"react/jsx-runtime";import{jsx as gH,Fragment as vY,jsxs as fY}from"react/jsx-runtime";import{useEffect as vH,useRef as bY,useState as fH}from"react";function bH({children:e,className:t,style:a}){let s=bY(null),[c,l]=fH([]),[r,o]=fH(0);vH(()=>{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 vH(()=>{let n=s.current;n&&Array.from(n.children).forEach((h,m)=>{h.hidden=c.length>1&&m!==i})},[c,i]),fY(vY,{children:[c.length>1&&gH(Ow,{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))})}}),gH("div",{ref:s,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{jsx as zH}from"react/jsx-runtime";import{createContext as yY,useContext as wY}from"react";var xY=new Set(["Flex","Grid"]);function $u(e,t){return e&&!t}var zY=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function xH(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=xY.has(o)&&$u(B2(r,"page").mode!=="full",c);for(let n of Object.values(r)){if(!zY(n))continue;let h=a(n,c||i);if(h!==void 0)return h}}};return a(e,!1)}var yH=yY(!1);function ct({contained:e,framedClass:t,fillClass:a,style:s,tabLabel:c,children:l}){let r=wY(yH),o=$u(e,r);return zH("div",{className:o?t:a,style:s,"data-tab-label":c,children:o?zH(yH.Provider,{value:!0,children:l}):l})}import{jsx as CY}from"react/jsx-runtime";import{createContext as kY}from"react";var Yu=kY(null),MY={dark:!0};function wH({children:e}){return CY(Yu.Provider,{value:MY,children:e})}import{jsx as SY}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}`,LY="mx-auto w-full max-w-[1280px] px-[60px]",AY="max-[960px]:px-6",Bx1=`${LY} ${AY}`;function t2({contained:e,className:t="",style:a,children:s}){return SY(ct,{contained:e,framedClass:`${fs} ${t}`,fillClass:`w-full ${t}`,style:a,children:s})}function CH({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:w,padLeftPhone:z,padRightPhone:M,contained:S=!0,fillHeight:H=!1,content:I}){let E=Ge(n),O=Dr(),T=[Py(r),Vy(i)].filter(Boolean).join(" "),P=T?` ${T}`:"",N=["flex",e==="row"?`flex-row ${Ey(o)}`:"flex-col",Vl(l),E?Ho(u??"center",e):El(s,c)].join(" ")+P,D=H||E?" h-full":"",Z=E||O?"":" py-6",_=`${gs}${Z} ${vs}${D}`,U=O?D.trim():`w-full${Z}${D}`,V=R3("Flex",a,e==="row"?"inline":"block"),J=I8(I,{className:`${N}${V.className}${D}`,style:V.style,minEmptyHeight:120}),j=e==="tabs"?I8(bH,{className:`${N}${V.className}${D}`,style:V.style,children:J}):J,W=t?.trim()||void 0,n1=g1=>I8(ct,{contained:S,framedClass:_,fillClass:U,tabLabel:W,children:g1});if(!E)return n1(j);let z1=Ao(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 w=="number"?w:G3.side,typeof z=="number"?z:G3.sidePhone,typeof M=="number"?M:G3.sidePhone),c1=I8("div",{className:`relative z-[1] ${pL} ${$?.className??""}`.trimEnd(),style:z1?{...$?.style,...d5}:$?.style,children:j});return n1(I8(FY,{children:HY("div",{className:`relative isolate overflow-hidden ${Lo}${D}`,style:{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center"},children:[z1&&I8("div",{className:"absolute inset-0 z-0",style:z1,"aria-hidden":!0}),z1?I8(wH,{children:c1}):c1]})}))}var Xu={content:{type:"slot"}},kH={label:"Box",fields:Xu,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>TY(CH,{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:wl(e),content:e.content})};var SH={fields:{_gContent:x("Content"),content:Xu.content,_gLayout:x("Layout"),direction:{type:"radio",options:my("Flex")},label:q("Tab name"),gap:B3("Flex"),justify:Zl(),align:Dl(),wrap:Ol(),share:Uy(),phoneRow:Ky(),blockSpacing:jy(),_gBackground:x("Background image"),bgImage:q1("Image","image/*"),darken:s1("Darken",MH(PY,{}),V2.min,V2.max,V2.step,V2.fallback,V2.unit),darkenStyle:v1("Darken style",MH(EY,{}),y7,y7[0].value),placement:o6("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(Ge(a.bgImage)){let c=b5({phone:!0,top:G3.desktop,bottom:G3.desktop,sides:!0,side:G3.side,sidePhone:G3.sidePhone,sideBounds:uL}),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 RH}from"react/jsx-runtime";var R8={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as $Y,ThemeIcon as YY}from"efficient-easel/icons";import{jsx as jY}from"react/jsx-runtime";import{jsx as v2,Fragment as OY,jsxs as B8}from"react/jsx-runtime";import{useEffect as xs,useRef as J4,useState as pi}from"react";var VY=[{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"}]}],NY=[{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)"}}},mz1=k7.dark.marker;function _Y(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function LH(e="auto"){return e==="light"?!0:e==="dark"?!1:_Y()}function lt(e="auto"){return LH(e)?NY:VY}function M7(e="auto"){return LH(e)?k7.light:k7.dark}function X4(e="auto"){return M7(e).background}function rt(e="auto"){return M7(e).marker}function ci(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}var IY="https://maps.googleapis.com/maps/api/js",RY="__storefrontMapsReady__",li=null;function ri(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(li)return li;let t=e&&e.trim()||"";return t?(li=new Promise((a,s)=>{let c=RY;window[c]=()=>a(window.google.maps);let l=document.createElement("script");l.src=`${IY}?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)}),li):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 ZY,useContext as AH}from"react";var HH="sf:maps-api-key",FH="sf:maps-map-id";function vz1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(HH)??""}catch{return""}}function fz1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(HH,e)}catch{}}function bz1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(FH)??""}catch{return""}}function xz1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(FH,e)}catch{}}var Ju=ZY({apiKey:"",setApiKey:()=>{},mapId:""}),zz1=Ju.Provider,oi=()=>AH(Ju).apiKey,ii=()=>AH(Ju).mapId;function ni(e,t){return e&&e.trim()||t&&t.trim()||""}function hi(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as DY}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 DY(t0,{look:"editorial",num:e,title:t,titleAccent:a,description:s,accentTracking:c,spaceBelow:l,className:r})}import{jsx as TH,jsxs as PH}from"react/jsx-runtime";function mi({groupKey:e,name:t,count:a}){return PH("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[TH("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?TH("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,PH("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[a," location",a===1?"":"s"]})]})}var GY=11,qY=6,Qu=60;function ed(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&":t==="<"?"<":t===">"?">":t==='"'?""":"'")}function NH(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?GY:qY,fillColor:rt(a),fillOpacity:1,strokeColor:rt(a),strokeOpacity:e.hq?.3:.25,strokeWeight:e.hq?14:9}}function EH(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:NH(o,t,a),title:o.city,zIndex:o.hq?100:10,cursor:"pointer"});n.addListener("click",()=>l(i)),c.set(i,n)}),r}function WY(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 VH({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 B8(OY,{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 _H({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]=pi(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:B8("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(UY,{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,w)=>B8("div",{children:[f.key&&v2(mi,{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 B8("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:[B8("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:${w}`))}),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 UY({offices:e,apiKey:t,mapId:a,mapTheme:s,activeIndex:c,onSelect:l}){let r=ni(t,oi()),o=hi(a,ii()),i=!!r&&e.some(N=>bs(N.lat,N.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),w=J4(null),z=J4(l);z.current=l;let M=J4(e);M.current=e;let S=J4(c);S.current=c;let[H,I]=pi(!1),[E,O]=pi(k7.dark),[T,P]=pi(k7.dark.background);return xs(()=>{O(M7(s)),P(X4(s))},[s]),xs(()=>{if(!i)return;let N=m.current;if(!N)return;let D=!1,Z=null,_=async()=>{try{let V=await ri(r);if(D||!u.current)return;let J=new V.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:lt(s)}});d.current=J,v.current=V;let j=EH(J,V,s,M.current,g.current,n1=>z.current(n1));f.current=j,j.isEmpty()||J.fitBounds(j,Qu);let W=new V.InfoWindow({disableAutoPan:!0});W.addListener("closeclick",()=>z.current(null)),b.current=W,J.addListener("click",()=>z.current(null)),J.addListener("tilesloaded",()=>{D||I(!0)}),s==="auto"&&!o&&(Z=ci(()=>{D||!d.current||(d.current.setOptions({styles:lt(s),backgroundColor:X4(s)}),g.current.forEach((n1,z1)=>{let $=M.current[z1];$&&n1.setIcon(NH($,V,s))}),O(M7(s)),P(X4(s)))}))}catch(V){console.error("[FootprintMap] Maps SDK failed:",V)}},U=new IntersectionObserver(V=>{for(let J of V)if(J.isIntersecting){U.disconnect(),_();break}},{rootMargin:"200px"});return U.observe(N),()=>{D=!0,U.disconnect(),Z?.(),b.current?.close(),b.current=null,d.current=null,v.current=null,g.current.forEach(V=>V.setMap(null)),g.current.clear(),f.current=null,I(!1)}},[i,r,o,s]),xs(()=>{let N=d.current,D=v.current;if(!N||!D)return;let Z=EH(N,D,s,e,g.current,_=>z.current(_));f.current=Z,S.current===null&&!Z.isEmpty()&&N.fitBounds(Z,Qu)},[e,s]),xs(()=>{let N=d.current,D=b.current;if(!N||!D)return;if(c===null){D.close(),w.current!==null&&f.current&&!f.current.isEmpty()&&N.fitBounds(f.current,Qu),w.current=null;return}let Z=e[c],_=g.current.get(c);if(!Z||!_){D.close(),w.current=c;return}N.panTo({lat:Z.lat,lng:Z.lng});let U=N.getZoom();U!=null&&U<4&&N.setZoom(4);let V=E.info,J=Z.hq?`<span style="background:${V.accent};color:${V.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",j=Z.role?`<span style="color:${V.accent};">${ed(Z.role)}</span>`:"";D.setContent(`
|
|
50
|
-
<div style="padding:10px 14px 12px;min-width:180px;color:${V.fg};">
|
|
51
|
-
<div style="display:flex;align-items:center;gap:8px;font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;">
|
|
52
|
-
${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:${V.fg};">${ed(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:${V.fgDim};margin-top:4px;">${ed(Z.country)}</div>
|
|
56
|
-
</div>
|
|
57
|
-
`),D.open({map:N,anchor:_}),w.current=c},[c,H,E,e]),i?B8("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:T},children:[v2("style",{dangerouslySetInnerHTML:{__html:WY(E.info)}}),v2(VH,{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"})]}):B8("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(VH,{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 Z8={sectionNumber:A.sectionNumber,heading:`${A.heading}
|
|
58
|
-
*${A.accent}*`,tagline:A.body},KY=()=>[{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}],IH={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:R8.apiKey,mapId:R8.mapId,mapTheme:R8.mapTheme,padTop:120,padBottom:120},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return jY(_H,{sectionNumber:a(y(e.sectionNumber,Z8.sectionNumber,e.puck)),heading:a(y(e.heading,Z8.heading,e.puck)),tagline:a(y(e.tagline,Z8.tagline,e.puck)),omitHead:t,offices:w1(e.offices,KY(),e.puck),apiKey:a1(e.apiKey),mapId:a1(e.mapId),mapTheme:e.mapTheme??R8.mapTheme,padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var BH={fields:{_gContent:x("Section"),sectionNumber:F("Section number",Z8.sectionNumber),heading:G("Heading",Z8.heading),tagline:G("Body",Z8.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,RH($Y,{})),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",RH(YY,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],R8.mapTheme),_dLayout:Y1("Layout"),...u3("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!Xo(a))return e;let s=await Jo(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 GH}from"react/jsx-runtime";import{ColumnsIcon as JY,PhoneIcon as QY}from"efficient-easel/icons";import{jsx as XY}from"react/jsx-runtime";import{jsx as ZH}from"react/jsx-runtime";function DH({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=rl(e),h=ol(t,e),m=R3("Grid",a,"both");return ZH(ct,{contained:s,framedClass:o,fillClass:i,children:ZH(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 td={content:{type:"slot"}},OH={label:"Grid",fields:td,defaultProps:{columns:"3",content:[]},render:e=>XY(DH,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:wl(e),content:e.content})};var qH={fields:{columns:s1("Columns",GH(JY,{}),1,sz,1,lz),mobileColumns:s1("Columns on phone",GH(QY,{}),Jh,cz,1,Jh),gap:B3("Grid"),content:td.content}};import{jsx as eX}from"react/jsx-runtime";var WH={fields:{text:G("Heading",A.heading),level:v1("Level",eX(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 sX,EyeIcon as sd,OpacityIcon as cX,PhoneIcon as jH,PlayIcon as lX,SlideArrowsBareIcon as rX,SlideArrowsRoundIcon as oX,SlideArrowsSquareIcon as iX,SlidePickerBarIcon as nX,SlidePickerCardsIcon as hX,SlidePickerDotsIcon as mX,SlidePickerNumbersIcon as pX,SquareIcon as KH}from"efficient-easel/icons";import{efficientLooks as uX}from"efficient-shell/icons/efficient-looks";import{jsx as tX}from"react/jsx-runtime";var ad={slides:{type:"slot"}},UH={label:"Hero Slideshow",fields:ad,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:Xw.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:w,puck:z})=>tX(Jw,{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:w,editing:z?.isEditing})};var dX=uX.looks?.solid?.["slide-arrows-round"],gX={cards:G2(hX,{}),dots:G2(mX,{}),numbers:G2(pX,{}),bar:G2(nX,{})},vX={outline:G2(oX,{}),solid:G2(dX,{}),square:G2(iX,{}),bare:G2(rX,{})},$H={fields:{_dDevice:R9(),_gContent:x("Content"),slides:ad.slides,_gStyle:x("Style"),alignment:E5(),_gTexture:x("Texture"),showTexture:l1("Show texture",!0,G2(sd,{})),textureColor:z5("Texture color",qx),textureOpacity:s1("Texture opacity",G2(cX,{}),0,100,1,40,"%"),_gLayout:x("Layout"),heightDesktop:g6("desktop"),heightMobile:g6("mobile"),_gAutoplay:x("Auto-slide"),autoplay:l1("Auto-advance slides",!1,G2(lX,{})),autoplayInterval:s1("Still time per slide",G2(sX,{}),2,15,1,6,"s"),_gPicker:x("Slide picker"),showPicker:l1("Show slide picker",Dw,G2(sd,{})),pickerShape:f1("Slide picker shape",G2(KH,{}),Rw.map(e=>({label:Zw[e],value:e,picture:gX[e]})),Bw),pickerPlacement:o6("Slide picker placement",{stacking:!1,fallback:Iw}),_gArrows:x("Arrows"),showArrows:l1("Show arrows",_w,G2(sd,{})),arrowsShape:f1("Arrows shape",G2(KH,{}),Ew.map(e=>({label:Nw[e],value:e,picture:vX[e]})),Vw),arrowsPlacement:o6("Arrows placement",{stacking:!1,fallback:Pw}),_gPhone:J2("mobile",x("On a phone")),phoneUpDown:J2("mobile",f1(Zx,G2(jH,{}),Ox(),Rx)),phoneSideways:J2("mobile",f1(Dx,G2(jH,{}),Gx(),Bx))}};import{jsx as di}from"react/jsx-runtime";import{NudgeIcon as tF,WidthIcon as aF}from"efficient-easel/icons";import{jsx as fX}from"react/jsx-runtime";import{jsx as YH}from"react/jsx-runtime";function XH({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=$x(e),b=Xh(t),f=Xh(a),w=R3("HeroGroup",c,Cl("HeroGroup",l)==="column"?"block":"inline"),z={"--sf-hg-row":Kx(g),justifySelf:jx(g).column};typeof s=="number"&&Number.isFinite(s)&&(z["--sf-hg-w"]=`${Yx(s)}%`),(b!==0||f!==0)&&(z["--sf-hg-nudge"]=`${b}px ${f}px`);let M=I9(n,h,m,u);return YH("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?YH(d,{className:["sf-hero-group-blocks flex",hy("HeroGroup",l),El(r,o),Vl(i)].filter(Boolean).join(" ")+w.className,style:w.style,minEmptyHeight:40}):null})}var cd={content:{type:"slot",allow:Ex}},JH={label:Fx,inline:!0,fields:cd,defaultProps:{placement:Ux,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})=>fX(XH,{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 sF={fields:{_gContent:x("Content"),name:$9(Q2(q("Box name",A.boxName))),content:cd.content,_gLayout:x("Layout"),placement:o6("Placement",{stacking:!0}),width:s1("Width",di(aF,{}),30,100,5,60,"%"),direction:$y("HeroGroup"),gap:B3("HeroGroup"),justify:Zl(),align:Dl(),wrap:Ol(),_gNudge:x("Nudge"),nudgeX:s1("Sideways",di(tF,{}),-40,40,1,0,"px"),nudgeY:s1("Up and down",di(tF,{}),-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(ll(a?.data,s)===0)return t;let c={...t};return delete c.placement,c.width=s1("Width",di(aF,{}),30,100,5,100,"%"),c}};import{jsx as gi}from"react/jsx-runtime";import{MediaIcon as HX,OpacityIcon as oF,PlacementIcon as FX}from"efficient-easel/icons";var S7="bottom",L7="#0A0A0A",ld=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],zX={bottom:180,top:0,left:270,right:90},yX=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],wX=[[null,33],[.6,67],[.94,100]];function CX(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 kX(e){return R2(ld,S7,e)}function cF(e=L7,t=S7){let a=kX(t),s=(a==="top"||a==="bottom"?yX:wX).map(([c,l])=>`${c===null?"transparent":CX(e,c)} ${l}%`);return`linear-gradient(${zX[a]}deg, ${s.join(", ")})`}import{jsx as LX}from"react/jsx-runtime";import{jsx as ot,jsxs as MX}from"react/jsx-runtime";import{useRef as SX}from"react";function lF({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=Gw(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,w=b?a4(l):a4(c)??a4(l),z=SX(null);return MX("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:[ot("div",{className:"absolute inset-0 z-[1]",children:ot(Ix,{videoSrc:f,posterSrc:w,showVideo:b,objectPosition:r})}),i>0&&ot("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:o,opacity:Math.min(Math.max(i,0),100)/100}}),ot("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:cF(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),m&&ot("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:ot(m,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}import{FOCAL_DEFAULT as AX}from"efficient-shell/format";var rd={boxes:{type:"slot",allow:["HeroGroup"]}},rF={label:"Hero",fields:rd,defaultProps:{mediaType:"image",imageFocal:AX,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})=>LX(lF,{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 iF={fields:{_dDevice:R9(),boxNotice:Po("HeroSingle"),boxes:rd.boxes,_gStyle:x("Style"),overlay:s1("Overlay",gi(oF,{}),0,100,5,100,"%"),overlayColor:z5("Overlay color",L7),overlayPosition:Gl("Overlay position",ld,S7,"A corner would need a diagonal ramp, which this overlay does not draw.",gi(FX,{})),_gLayout:x("Layout"),heightDesktop:g6("desktop"),heightMobile:g6("mobile"),_gMedia:x("Media"),mediaType:f1("Type",gi(HX,{}),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",gi(oF,{}),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 id}from"react/jsx-runtime";import{MediaIcon as EX,OpacityIcon as VX,PlayIcon as NX}from"efficient-easel/icons";import{jsx as TX}from"react/jsx-runtime";import{FOCAL_DEFAULT as PX}from"efficient-shell/format";var od={groups:{type:"slot",allow:["HeroGroup"]}},nF={label:"Hero Slide",fields:od,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:PX,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 TX(Wx,{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 hF={fields:{_gContent:x("Content"),name:$9(q("Slide name",A.slideName)),process:F("Reel label","Label"),groupNotice:Po("HeroSlide"),groups:od.groups,_gMedia:x("Media"),mediaType:f1("Type",id(EX,{}),ql,"video"),mediaVideo:q1("Background video","video/*","Upload a background video"),videoSpeed:s1("Playback speed",id(NX,{}),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",id(VX,{}),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 _X}from"react/jsx-runtime";var mF=["cover","contain"],nd={cover:"Cover",contain:"Contain"},vi="Image fit";function it(e,t){return mF.includes(e)?e:t}function pF(){return mF.map(e=>({label:nd[e],value:e}))}function uF(e){return e==="contain"?"object-contain":"object-cover"}function fi(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as IX}from"efficient-easel/icons";var dF={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(vi,_X(IX,{}),pF(),"cover"),focal:X9("Image focus",j9,"src"),href:F1("Link"),_gStyle:x("Style"),grayscale:We(),_gShape:x("Shape"),corners:aw(),cornerSides:Gy()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(fi(a.aspect,it(a.fit,"cover")))return t;let s={...t};return delete s.focal,s}};import{jsx as RX}from"react/jsx-runtime";var gF={fields:{_gContent:x("Content"),eyebrow:F("Chip label","Integrations"),title:G("Heading",`Plays well with
|
|
59
|
-
*your favourite apps.*`),body:G("Body",""),apps:P2("App chips",RX(s4,{noun:"tag"}),"App name","verbatim"),_gStat:x("Stat & note"),statValue:F("Big stat","100s"),statLabel:F("Stat label",""),note:F("Footnote","")}};import{jsx as D8}from"react/jsx-runtime";import{CaseIcon as OX,FullWidthIcon as GX,OpacityIcon as qX,PlacementIcon as WX,StickyIcon as UX,TextLinesIcon as bF}from"efficient-easel/icons";var hd="overlay",md=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function nt(e){return R2(md,hd,e)}var E4={desktop:40,mobile:45,min:20,max:80,step:5};function pd(e,t){return`${typeof e=="number"?e:t}%`}import{jsx as ZX}from"react/jsx-runtime";import{jsx as j3,jsxs as zs,Fragment as BX}from"react/jsx-runtime";function vF({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:w,buttonTextColor:z,uppercase:M=!1,capStyle:S}){let H=nt(o)==="stacked",I=n1=>H?`calc(${ie(n1)} - ${Am})`:ie(n1),E=I(m),O=I(u),T=t7(v,"clamp(48px,7vw,96px)","heading","headingLarge"),P=t7(g,"clamp(36px,7vw,96px)","heading","headingLarge"),N=t7(b,"17px","body","body"),D=t7(f,"16px","body","body"),Z=d!=null?d/100:H?0:.6,_=w||"var(--btn)",U=z||"var(--btn-ink)",V={"--intro-h-d":E,"--intro-h-m":O,"--intro-title-d":T,"--intro-title-m":P,"--intro-body-d":N,"--intro-body-m":D,...H?{"--intro-copy-d":pd(i,E4.desktop),"--intro-copy-m":pd(n,E4.mobile),marginTop:Am}:{}},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(BX,{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:_,color:U,borderColor:_},children:k(s.text)})})]});return H?zs("section",{style:V,className:[h?"sticky top-0":"relative","flex flex-col","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[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:V,className:[h?"sticky top-0":"relative","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[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 DX(e){if(e===!1)return X6(`var(--sf-page-width, ${N9.default}px)`)}var fF={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=>ZX(vF,{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:nt(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:DX(e.fullWidth)})};var xF={fields:{_dDevice:R9(),_gContent:x("Content"),eyebrow:F("Eyebrow",A7.eyebrow),title:G("Heading",A7.title),body:G("Subtitle",A7.body),uppercase:l1("Uppercase heading",!1,D8(OX,{})),_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",D8(WX,{}),md,hd),heightDesktop:g6("desktop"),heightMobile:g6("mobile"),copyShareDesktop:J2("desktop",s1("Text height",D8(bF,{}),E4.min,E4.max,E4.step,E4.desktop,"%")),copyShareMobile:J2("mobile",s1("Text height",D8(bF,{}),E4.min,E4.max,E4.step,E4.mobile,"%")),sticky:l1("Scroll-over",!0,D8(UX,{})),_gWidth:x("Width"),fullWidth:l1("Full width",!0,D8(GX,{})),overlay:s1("Overlay",D8(qX,{}),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 wF}from"react/jsx-runtime";import{ColumnsIcon as YX,StylesIcon as XX}from"efficient-easel/icons";import{jsx as KX}from"react/jsx-runtime";import{jsx as x6,jsxs as ud,Fragment as jX}from"react/jsx-runtime";function zF({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:ud("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&&ud("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=ud(jX,{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.*"},$X=()=>[{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")}],yF={label:"Key Features",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:({eyebrow:e,title:t,items:a,columns:s,eyebrowLook:c,puck:l})=>KX(zF,{look:r4(c,"KeyFeatures"),eyebrow:y(e,ys.eyebrow,l),title:y(t,ys.title,l),items:w1(a,$X(),l),columns:s,editing:l?.isEditing})};var CF={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",ys.eyebrow),eyebrowLook:v1("Eyebrow style",wF(XX,{}),[...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",wF(YX,{}),2,4,1,3)}};import{jsx as JX}from"react/jsx-runtime";import{HeightIcon as QX}from"efficient-easel/icons";var kF={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",JX(QX,{}),HC,FC,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 bi}from"react/jsx-runtime";import{BlackAndWhiteIcon as eJ,ColumnsIcon as tJ,HeightIcon as aJ,PaddingYIcon as sJ}from"efficient-easel/icons";var MF={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",bi(tJ,{}),3,6,1,5),logoHeight:s1("Logo height",bi(aJ,{}),20,72,2,28,"px"),bandPadding:s1("Space above and below",bi(sJ,{}),16,120,4,40,"px"),grayscale:l1("Black and white logos",!0,bi(eJ,{}))}};import{jsx as cJ}from"react/jsx-runtime";import{jsx as l3,jsxs as Q4,Fragment as dd}from"react/jsx-runtime";import{Fragment as SF}from"react";function LF({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 w=[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:[w.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:w.map((M,S)=>Q4(SF,{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(dd,{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(dd,{children:[l3("strong",{className:"font-normal text-accent",children:"Published"})," ",k(v)]}):null,g?Q4(dd,{children:[l3("strong",{className:"font-normal text-accent",children:"Reads in"})," ",k(g)]}):null].filter(Boolean).map((M,S)=>Q4(SF,{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"},AF={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:w})=>{let z=O1(f)==="own-box",M=I=>z?void 0:I,S=e,H=!!S?.slug;return cJ(LF,{headNum:M(y(t,I0.headNum,w)),headTitle:M(y(a,I0.headTitle,w)),headDesc:M(y(s,I0.headDesc,w)),omitHead:z,category:y(c,I0.category,w),metaMiddle:y(l,I0.metaMiddle,w),readLabel:y(r,I0.readLabel,w),title:H?S.title:y(o,I0.title,w),dek:H?S.dek:y(i,I0.dek,w),quote:y(n,I0.quote,w),quoteAttribution:y(h,I0.quoteAttribution,w),ctaText:y(m,I0.ctaText,w),ctaHref:H?S.href:a1(u),image:H?S.image:d,imageLabel:y(v,I0.imageLabel,w),metaPublished:H?S.date:y(g,I0.metaPublished,w),metaReads:y(b,I0.metaReads,w)})}};var HF={fields:{source:s2(st),_gHead:x("Section header"),headNum:F("Number",I0.headNum),headTitle:G("Heading",I0.headTitle),headDesc:G("Body",I0.headDesc),_gMeta:x("Article"),category:F("Category",I0.category),metaMiddle:F("Middle meta",I0.metaMiddle),readLabel:F("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:F("Attribution",I0.quoteAttribution),_gLink:x("Link"),ctaText:F("Button",I0.ctaText),ctaHref:F1("Link"),image:q1("Image","image/*"),imageLabel:F("Image label",I0.imageLabel),_gOverlay:x("Image caption"),metaPublished:F("Published",I0.metaPublished),metaReads:F("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 FF={fields:{_gContent:x("Content"),eyebrow:F("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:We()}};import{jsx as nJ}from"react/jsx-runtime";import{TextLinesIcon as hJ}from"efficient-easel/icons";import{jsx as rJ}from"react/jsx-runtime";import{jsx as H7,Fragment as lJ,jsxs as O8}from"react/jsx-runtime";function TF({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 O8("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&&O8("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)=>O8("div",{children:[H7("strong",{className:"font-normal text-fg",children:k(d.lead??"")}),d.rest?.trim()?O8(lJ,{children:[" ",k(d.rest)]}):null]},v))})]}),u&&O8("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&&O8("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)=>O8("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"},oJ=()=>[{lead:p("Volume"),rest:p("No. 1")},{lead:p("Season"),rest:p("Year")},{lead:p("Frequency"),rest:""}],iJ=()=>[{text:p("Article headline")},{text:p("Feature story")},{text:p("Interview")},{text:p("Field notes")}],PF={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})=>rJ(TF,{eyebrow:y(e,z6.eyebrow,r),issueMeta:w1(t,oJ(),r),lead:y(a,z6.lead,r),issueHeading:y(s,z6.issueHeading,r),issueList:w1(c,iJ(),r),issueTotal:y(l,z6.issueTotal,r),editing:r?.isEditing})};var EF={fields:{_gTop:x("Top row"),eyebrow:F("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",nJ(hJ,{}),"Line","markup"),issueTotal:F("Total line",z6.issueTotal)}};import{jsx as F7}from"react/jsx-runtime";import{BlockColumnIcon as xi,PlacementIcon as dJ,StateIcon as gJ,TemplateIcon as vJ,TextLinesIcon as fJ}from"efficient-easel/icons";var gd=[{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"}],mJ=gd.map(e=>e.value),vd="spec-card",pJ={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 uJ(e){return mJ.includes(e)?e:vd}function VF(e,t){let a=uJ(t),s={...e};for(let[c,l]of Object.entries(pJ))l.includes(a)||delete s[c];return s}var NF={fields:{_gContent:x("Content"),eyebrow:F("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(vJ,{}),gd,vd),cardHeader:F("Card header strip","Product record"),badge:F("Header badge","LIVE"),cardTitle:F("Card title",""),cardSubtitle:F("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(gJ,{}),[{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:F("Accent button",""),footnote:F("Accent footnote",""),_gKanban:x("Kanban columns"),col1Title:F("Column 1 title",""),col1Cards:P2("Column 1 cards",F7(xi,{}),"Job card label","verbatim"),col2Title:F("Column 2 title",""),col2Cards:P2("Column 2 cards",F7(xi,{}),"Job card label","verbatim"),col3Title:F("Column 3 title",""),col3Cards:P2("Column 3 cards",F7(xi,{}),"Job card label","verbatim"),col4Title:F("Column 4 title",""),col4Cards:P2("Column 4 cards",F7(xi,{}),"Job card label","verbatim"),_gClaims:x("Claims bars"),barsHeading:F("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(fJ,{}),"$ efficient \u2026","verbatim"),_gBrowser:x("Browser mock"),urlText:F("URL pill",""),heroTitle:F("Hero line",""),heroButton:F("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(dJ,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>VF(t,e.props.variant)};import{jsx as CJ}from"react/jsx-runtime";import{ListIcon as kJ}from"efficient-easel/icons";var zi="dataSource";var bJ="dataRows";var xJ=Symbol.for("efficient.block-sources");function fd(){let e=globalThis;return e[xJ]??={sources:new Map,revision:0}}function bd(e){let t=[...fd().sources.values()];return e===void 0?t:t.filter(a=>a.blocks.includes(e))}function zJ(e){return fd().sources.get(e)??null}function yi(){return fd().revision}function G8(e){let t=e?.[zi];return typeof t=="string"?t.trim():""}function yJ(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 wJ(e){let t=e?.[bJ];return Array.isArray(t)?t.map(yJ).filter(a=>a!==null):null}function wi(e,t,a=[]){let s=wJ(e);if(s!==null&&(s.length||!t))return{rows:s,sample:!1};if(!t)return{rows:[],sample:!1};let c=zJ(G8(e))?.sample;return{rows:c?.length?c:a,sample:!0}}function Ci(e,t){return v1(e,CJ(kJ,{}),[{label:t,value:""}],"")}var _F=new WeakMap,IF=-1,xd={},RF=new WeakMap;function MJ(e,t,a){IF!==yi()&&(IF=yi(),xd={});let s=_F.get(t);(!s||RF.get(s)!==xd)&&(s=new Map,RF.set(s,xd),_F.set(t,s));let c=bd(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 BF=new WeakMap;function ki(e,t,a,s={}){let c=t[zi];if(!c)return t;let l=G8(a),r=bd(e).length>0||l!=="",o=r?MJ(e,c,l):null,i=BF.get(t);i||BF.set(t,i=new Map);let n=`${yi()}\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===zi?o&&(u[d]=o):m.has(d)||(u[d]=v);return i.set(n,u),u}import{Fragment as SJ,jsx as yd}from"react/jsx-runtime";import{jsx as p4,jsxs as ws}from"react/jsx-runtime";function zd({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 ht={title:"Order summary",note:"A short reassurance note under the total."},LJ=()=>[{label:p("Product name"),meta:p("Finish \xB7 Size \xB7 \xD71"),amount:"$0,000"},{label:p("Second item"),meta:p("Detail line"),amount:"$000"}],AJ=()=>[{label:p("Subtotal"),amount:"$0,000"},{label:p("Delivery"),amount:"$00"}],HJ=()=>[{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"}],FJ=e=>({label:e.label,meta:e.meta,amount:e.amount}),ZF={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(G8(e)!==""){let h=wi(e,!!n?.isEditing,HJ());return h.rows.length?yd(zd,{eyebrow:y(t,A.eyebrow,n),title:y(a,ht.title,n),rows:h.rows.map(FJ),subRows:Array.isArray(c)?c:[],totalLabel:y(l,"",n),totalAmount:y(r,"",n),note:y(o,"",n),contained:i}):yd(SJ,{})}return yd(zd,{eyebrow:y(t,A.eyebrow,n),title:y(a,ht.title,n),rows:w1(s,LJ(),n),subRows:w1(c,AJ(),n),totalLabel:y(l,"Total",n),totalAmount:y(r,"$0,000",n),note:y(o,ht.note,n),contained:i})}};var DF={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",A.eyebrow),title:G("Heading",ht.title),_gItems:x("Items"),dataSource:Ci("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:F("Total label","Total"),totalAmount:F("Total amount","$0,000"),note:G("Note",ht.note),_gLayout:x("Layout")},resolveFields:(e,{fields:t})=>ki("OrderSummary",t,e.props,{hides:["rows"]})};import{jsx as TJ}from"react/jsx-runtime";import{jsx as y6,jsxs as Cs}from"react/jsx-runtime";function OF({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"},GF={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})=>TJ(OF,{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 qF={fields:{_gContent:x("Content"),eyebrow:F("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:F("Attribution",w6.attribution),_gStyle:x("Style"),...u3("ParagraphsA")}};import{jsx as PJ}from"react/jsx-runtime";import{jsx as T7,jsxs as WF}from"react/jsx-runtime";function UF({heading:e,badges:t,assurances:a,contained:s}){return T7(t2,{contained:s,className:"py-6",children:WF("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&&WF("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 wd={heading:"Ways to pay"},EJ=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],VJ=()=>[{text:p("Secure encrypted checkout")},{text:p("30-day returns")}],jF={label:"Payment Methods",defaultProps:{heading:"",badges:[],assurances:[],contained:!0},render:({heading:e,badges:t,assurances:a,contained:s,puck:c})=>PJ(UF,{heading:y(e,wd.heading,c),badges:w1(t,EJ,c),assurances:w1(a,VJ(),c),contained:s})};var KF={fields:{_gContent:x("Content"),heading:F("Heading",wd.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 q8}from"react/jsx-runtime";var $F=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],Mi="card",C6={min:200,max:700,step:10,fallback:330,unit:"px"};function mt({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)&&q8("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=Ao(l,r);return q8(s0,{href:n,className:`${Lo} 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}),q8("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${Ho(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)&&q8("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 q8(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})}),q8("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)}),q8("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 _J,ImageIcon as IJ,LayoutIcon as RJ,OpacityIcon as BJ,StylesIcon as ZJ}from"efficient-easel/icons";import{jsx as NJ}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"},YF={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:Mi,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:y7[0].value,minHeight:C6.fallback},render:e=>{let t=e.source,a=!!t?.slug;return NJ(mt,{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 XF={fields:{source:s2(st),image:q1("Cover image","image/*"),title:G("Heading",e5.title),excerpt:G("Excerpt",e5.excerpt),href:F1("Link"),category:F("Category",e5.category),date:F("Date",e5.date),readLabel:F("Read time",e5.readLabel),layout:v1("Card layout",ks(RJ,{}),$F,Mi),showCover:l1("Show cover image",!0,ks(IJ,{})),placement:o6("Text position",{stacking:!1}),minHeight:s1("Card height",ks(_J,{}),C6.min,C6.max,C6.step,C6.fallback,C6.unit),_gTint:x("Image tint"),darken:s1("Darken",ks(BJ,{}),V2.min,V2.max,V2.step,V2.fallback,V2.unit),darkenStyle:v1("Darken style",ks(ZJ,{}),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 aT}from"react/jsx-runtime";import{ColumnsIcon as qJ,PlacementIcon as WJ}from"efficient-easel/icons";import{jsx as OJ}from"react/jsx-runtime";import{jsx as f2,Fragment as DJ,jsxs as k6}from"react/jsx-runtime";var JF={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"},Cd="sf-itc-boxes",QF="sf-itc-steps";function eT({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})})):[],w=JF[l]??JF[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(DJ,{children:[f2("style",{children:`.${Cd}:empty{display:none}.${Cd}:not(:empty)~.${QF}{display:none}`}),f2(s,{className:`${Cd} sf-card grid ${w} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,f.length>0&&f2("div",{className:`${QF} sf-card grid ${w} gap-[2px] border border-line bg-line`,children:f.map((M,S)=>{let H=(M.specs??[]).filter(I=>(I?.label??"").trim()||(I?.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:J1(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:J1(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((I,E)=>k6("div",{className:"flex flex-col gap-1",children:[I.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:J1(I.label)}),I.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:J1(I.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((I,E)=>k6("div",{className:"flex flex-col gap-1",children:[I.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:J1(I.label)}),I.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:J1(I.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:[J1(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},GJ=()=>[{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}]}],kd={boxes:{type:"slot"}},tT={label:"Image & Text Columns",fields:kd,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 OJ(eT,{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,GJ(),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 sT={fields:{_sHeader:Y1("Header"),_gContent:x("Content"),num:F("Number",Ms.num),title:F("Heading",Ms.title),description:G("Body",A.body),boxes:kd.boxes,_dDesign:Y1("Design"),columns:s1("Columns",aT(qJ,{}),2,4,1,3),cardImage:s7(),cardText:f1("Text position",aT(WJ,{}),[{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 YJ}from"react/jsx-runtime";import{SquareIcon as XJ}from"efficient-easel/icons";import{jsx as $J}from"react/jsx-runtime";import{jsx as Si,Fragment as UJ,jsxs as cT}from"react/jsx-runtime";var jJ="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",KJ="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function lT({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:Si("section",{className:`relative z-[2] ${s?"border-t border-line ":""}bg-bg`,children:cT("div",{className:c?KJ:jJ,children:[c?null:cT(UJ,{children:[(e??"").trim()&&Si(N1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&Si("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)=>Si("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 W8={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},rT={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 $J(lT,{eyebrow:a(y(e.eyebrow,W8.eyebrow,e.puck)),title:a(y(e.title,W8.title,e.puck)),omitHead:t,body:y(e.body,W8.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};var oT={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",W8.eyebrow),title:G("Heading",W8.title),body:G("Body",W8.body),_dDesign:Y1("Design"),topBorder:l1("Top border",!0,YJ(XJ,{}))},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Prose.headRows)};import{jsx as Ad}from"react/jsx-runtime";import{jsx as Ai}from"react/jsx-runtime";import{WidthIcon as JJ}from"efficient-easel/icons";var U8={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function iT(e){return typeof e!="number"?null:{width:`${e}${U8.unit}`,maxWidth:"100%"}}function nT(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 Li(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 QJ=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),eQ=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),tQ=new Set(["ProductHero"]),hT={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!QJ.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=eQ.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&&!tQ.has(t)?Ai("div",{style:{[Gz]:"none",[qz]:"initial",[Wz]:"initial"},children:o}):o;let i=X6(xa);return a?Ai("div",{style:{"--sf-page-cap":xa},children:o}):Ai("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 aQ=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),mT={name:"containedWidth",applies:(e,t,a)=>aQ.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=>cQ(t,lQ(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"})}}},pT={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=Li(c.appState,s.props?.id);if(!i||i.type!=="HeroGroup"||Cl("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 sQ(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function cQ(e,t){if(e!=="ButtonBlock")return t;let a={...t};return delete a._gWidth,delete a.widthMode,delete a.pageWidth,a}function lQ(e,t,a){if(sQ(e)){let c=a.appState?.data?.content;if(xH(c,t.props?.id)!==!0)return e;let l={...e};return delete l.widthMode,delete l.pageWidth,l}if("parent"in a){if(!nz(a.parent))return e}else if(!nT({props:t.props??{}},a))return e;let s={...e};return delete s.widthMode,delete s.pageWidth,s}var uT={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let s=a.slider;if(e?.fields){let c=s("Image width",Ai(JJ,{}),U8.min,U8.max,U8.step,U8.fallback,U8.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 rQ,StylesIcon as xT}from"efficient-easel/icons";var Ss="standard",Ld=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],Sd=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],Md=[...Sd,"description"],vT={standard:["eyebrowLook"],editorial:[...Sd,"eyebrowLook"],simple:Md,statement:Md,natural:Sd,essay:Md},dT=["gap-5","gap-3"],gT=["text-[length:var(--size-body,16px)]","text-[15px]"];function fT(e){return R2(dT,dT[0],e)}function bT(e){return R2(gT,gT[0],e)}function Hi(e){return R2(Ld,Ss,e)}var zT={fields:{_gContent:x("Content"),headStyle:v1("Style",Ad(xT,{}),[...Ld],Ss),num:F("Number","01 / Section"),eyebrowLook:v1("Eyebrow style",Ad(xT,{}),[...C4],ir),numStyle:f1("Number style",Ad(rQ,{}),[...zu],T8),title:G("Heading","Section *title*"),description:G("Body","Short supporting line"),linkText:F("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=Hi(e?.props?.headStyle),c={...a};for(let l of vT[s])delete c[l];return c}};import{jsx as iQ}from"react/jsx-runtime";import{jsx as E7,jsxs as pt,Fragment as oQ}from"react/jsx-runtime";function yT({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 pt("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 pt("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[v&&pt("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&&pt("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:[pt("span",{children:[u.entries?.trim()?E7("strong",{className:"font-normal text-fg",children:k(u.entries)}):null,u.entriesLabel?.trim()?pt(oQ,{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"},nQ=()=>[{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")}],wT={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 iQ(yT,{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,nQ(),o),viewLabel:y(c,M6.viewLabel,o),background:Q6(l,a3.Series),editing:o?.isEditing})}};var CT={fields:{_gHead:x("Section header"),headNum:F("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:F("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 kT={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 MT}from"react/jsx-runtime";import{BackgroundIcon as hQ,ContrastIcon as mQ}from"efficient-easel/icons";var ST={fields:{_gContent:x("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:q("Label","Label"),tone:f1("Tone",MT(mQ,{}),[{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",MT(hQ,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{jsx as Fi}from"react/jsx-runtime";import{AlignLeftIcon as bQ,CaseIcon as xQ,OpacityIcon as zQ,PlacementIcon as yQ}from"efficient-easel/icons";import{jsx as vQ}from"react/jsx-runtime";import{jsx as q2,jsxs as V7}from"react/jsx-runtime";import{jsx as pQ,jsxs as uQ}from"react/jsx-runtime";import{createContext as dQ,useContext as gQ}from"react";var LT=dQ(!1);function ut(){return gQ(LT)}function AT({grayscale:e,children:t}){let a=e===!0;return uQ(LT.Provider,{value:a,children:[Object.entries(SL(e)).map(([s,c])=>pQ("style",{children:c},s)),t]})}function HT({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 w=qe(f,ut()),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:w}),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:w}),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."},Hd={text:"Learn more"};function fQ(e,t,a){let s=y(e,Hd.text,a);if(s!==void 0)return{text:s,href:t||"#"}}var FT={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>vQ(HT,{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:fQ(e.imageBtnText,e.imageBtnHref,e.puck),textBgSrc:e.textBgSrc||void 0,textBgTint:(typeof e.overlay=="number"?e.overlay:60)/100,grayscale:e.grayscale})};var TT={fields:{_sText:Y1("Text column"),_gContent:x("Content"),eyebrow:F("Eyebrow",N7.eyebrow),title:G("Heading",N7.title),body:G("Body",N7.body),uppercase:l1("Uppercase heading",!1,Fi(xQ,{})),textAlign:f1("Alignment",Fi(bQ,{}),[{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",Fi(zQ,{}),0,100,5,60,"%"),_sImage:Y1("Image column"),_gImage:x("Image"),imageSrc:q1("Image","image/*"),reverse:f1("Image side",Fi(yQ,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:x("Overlay button"),imageBtnText:F("Overlay button",Hd.text),imageBtnHref:F1("Overlay button link"),_gStyle:x("Style"),grayscale:We()}};import{jsx as wQ}from"react/jsx-runtime";import{ColumnsIcon as CQ}from"efficient-easel/icons";var PT={fields:{_gContent:x("Content"),heading:F("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",wQ(CQ,{}),2,4,1,4),_gStyle:x("Style"),background:a7("Background",a3.Stats)}};import{jsx as TQ}from"react/jsx-runtime";import{AccentIcon as PQ}from"efficient-easel/icons";import{jsx as HQ}from"react/jsx-runtime";import{jsxs as gt,jsx as vt,Fragment as LQ}from"react/jsx-runtime";import{useEffect as kQ,useRef as ET,useState as MQ}from"react";var SQ=1400;function dt(e,t={}){let{threshold:a=.1,replay:s=!0,durationMs:c=SQ}=t,l=ET(null),r=ET(null),[o,i]=MQ(0);return kQ(()=>{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 VT="font-normal italic text-accent";function AQ({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}=dt(i?parseInt(o,10):0),m=i?String(h):o,u=t??"";return gt("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[gt("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?gt("em",{className:VT,children:[u,m]}):gt(LQ,{children:[u,m,a?vt("em",{className:VT,children:a}):null]}),s?vt("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)&>("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[l?vt("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 NT({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 gt("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:vt(O2,{num:e,title:t?Y(t):void 0,desc:a?k(a):void 0}),d.length>0&&vt("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)=>vt(AQ,{...g},b))})]})}var j8={eyebrow:A.eyebrow,title:A.headingAccent,desc:A.body},FQ=()=>[{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.")}],_T={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 HQ(NT,{eyebrow:h(y(e,j8.eyebrow,i)),title:h(y(t,j8.title,i)),desc:h(y(a,j8.desc,i)),omitHead:n,stats:w1(s,FQ(),i),background:Q6(c,a3.StatsParagraph),padTop:n?0:typeof l=="number"?l:120,padBottom:typeof r=="number"?r:120,editing:i?.isEditing})}};var IT={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",j8.eyebrow),title:G("Heading",j8.title),desc:G("Body",j8.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,TQ(PQ,{})),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 ZT}from"react/jsx-runtime";import{ColumnsIcon as RQ,StylesIcon as BQ}from"efficient-easel/icons";import{jsx as _Q}from"react/jsx-runtime";import{jsx as S6,Fragment as EQ,jsxs as Ti}from"react/jsx-runtime";var VQ="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))]",NQ="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 RT({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:Ti("div",{className:l?NQ:VQ,children:[l?null:Ti(EQ,{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)=>Ti("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))}),Ti("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.*"},IQ=()=>[{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")}],BT={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return _Q(RT,{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,IQ(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var DT={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",Ls.eyebrow),eyebrowLook:v1("Eyebrow style",ZT(BQ,{}),[...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",ZT(RQ,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Testimonials.headRows)};var OT={fields:{text:G("Body",A.body),align:E5(),tone:To()}};import{jsx as K8}from"react/jsx-runtime";import{ClockIcon as OQ,DirectionIcon as GQ,GapIcon as qQ,LineBetweenIcon as WQ,SquareIcon as UQ,StylesIcon as jQ,TextSizeIcon as KQ}from"efficient-easel/icons";var GT="none",qT=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function WT(e){return e==="above"||e==="below"?e:null}var UT="sf-ticker-join";function jT(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as DQ}from"react/jsx-runtime";import{jsx as Fd}from"react/jsx-runtime";var ZQ=()=>p("item");function KT({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?ZQ():"").filter(Boolean);if(n.length===0)return null;let h=a!=="plain",m=WT(o),u=Fd("div",{className:[m?`absolute inset-x-0 ${jT(m)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",s?"border-y border-line":""].filter(Boolean).join(" "),children:Fd(Tw,{items:n,durationSec:t,size:c,separator:l,scroll:r,backdrop:h?"themed-band":"themed-section"})});return m?Fd("div",{className:UT,children:u}):u}var Td=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],$T={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})=>DQ(KT,{items:w1(e,Td,i),tone:t,borders:a,size:s,separator:c,scroll:l,durationSec:r,join:o,editing:i?.isEditing})};var YT={fields:{_gContent:x("Content"),items:K9(P2(Mm.label,Mm.icon,"item","markup"),Td),_gStyle:x("Style"),tone:f1("Style",K8(jQ,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:l1("Hairline borders",!0,K8(UQ,{})),size:f1("Text size",K8(KQ,{}),[...Aw],tr),separator:v1("Separator",K8(WQ,{}),Hw,ar),scrollDirection:Gl("Scroll direction",Fw,sr,"A marquee cannot run diagonally, so the corners are not answers.",K8(GQ,{}),tw),speed:s1("Scroll duration",K8(OQ,{}),20,90,5,50,"s"),join:v1("Join",K8(qQ,{}),qT,GT)}};import{jsx as XQ}from"react/jsx-runtime";import{EyeIcon as JQ}from"efficient-easel/icons";import{jsx as $Q}from"react/jsx-runtime";import{jsx as M0,Fragment as tP,jsxs as K3}from"react/jsx-runtime";function XT({eyebrow:e,title:t,intro:a,center:s=!1}){return K3(tP,{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 JT({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 QT({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 Pd({entry:e}){let t=x0(e.body??"");return K3(tP,{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 eP={boxShadow:"0 0 0 4px var(--bg)"};function aP({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(XT,{eyebrow:t,title:a,intro:s}),M0(QT,{src:c,caption:l,meta:r,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:m}),M0(JT,{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(Pd,{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(XT,{eyebrow:t,title:a,intro:s,center:!0}),M0(JT,{cta:o})]}),M0(QT,{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:eP}),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(Pd,{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:eP}),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(Pd,{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},YQ=()=>[{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.")}],sP={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>$Q(aP,{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,YQ(),e.puck),padTop:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})};var cP={fields:{_dLayout:Y1("Layout"),layout:v1("Display",XQ(JQ,{}),[{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:F("Eyebrow",t5.eyebrow),title:G("Heading",t5.title),intro:G("Intro",t5.intro),imageSrc:q1("Image","image/*"),imageCaption:F("Image caption",t5.imageCaption),imageMeta:F("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 t11}from"react/jsx-runtime";import{ClockIcon as a11}from"efficient-easel/icons";import{jsx as QQ}from"react/jsx-runtime";import{jsx as V4,jsxs as Pi}from"react/jsx-runtime";function lP({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:Pi("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"}),Pi("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,w)=>Pi("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",w===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",w===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:J1(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:J1(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)})]},w))]}),c?.text&&V4("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:Pi(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:[J1(c.text),V4("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}var $8={eyebrow:A.eyebrow,title:A.headingAccent,intro:A.body,cta:u2.text},e11=()=>[{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}],rP={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 QQ(lP,{eyebrow:a(y(e.eyebrow,$8.eyebrow,e.puck)),title:a(y(e.title,$8.title,e.puck)),intro:a(y(e.intro,$8.intro,e.puck)),omitHead:t,entries:w1(e.entries,e11(),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 oP={fields:{_sHeader:Y1("Header"),eyebrow:F("Eyebrow",$8.eyebrow),title:G("Heading",$8.title),intro:G("Body",$8.intro),_sEntries:Y1("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:q("Year"),title:V1("Title"),blurb:V1("Body"),future:l1("Upcoming",!1,t11(a11,{}))},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 mP}from"react/jsx-runtime";import{AlignLeftIcon as l11,StylesIcon as r11}from"efficient-easel/icons";import{jsx as s11}from"react/jsx-runtime";import{jsx as As,jsxs as iP}from"react/jsx-runtime";function nP({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:iP("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 iP(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 Ed={title:`Section heading
|
|
65
|
-
*Highlight line*`},c11=[{label:u2.text,href:u2.href,variant:"primary"},{label:u2.text,href:u2.href,variant:"outline"}],hP={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 s11(nP,{title:o&&!n?void 0:y(e,Ed.title,l),buttons:w1(t,c11,l),padTop:typeof a=="number"?a:140,padBottom:typeof s=="number"?s:140,buttonsAlign:r,editing:l?.isEditing})}};var pP={fields:{_gContent:x("Content"),title:G("Heading",Ed.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:q("Button"),href:Q2(q("Button link")),variant:v1("Style",mP(r11,{}),[{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",mP(l11,{}),[{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 o11}from"react/jsx-runtime";import{jsx as _7,jsxs as Vd}from"react/jsx-runtime";function uP({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:Vd("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&&Vd("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})`}})]}),Vd("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 dP={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 o11(uP,{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 M11}from"react/jsx-runtime";import{jsx as Ei}from"react/jsx-runtime";import{ArrowLongRightIcon as i11,ArrowRightIcon as n11,ArrowUpRightIcon as h11,BagIcon as m11,CarIcon as p11,CartIcon as u11,ChevronRightIcon as d11,DownloadIcon as g11,EmailIcon as v11,ExternalIcon as f11,LocationIcon as b11,PlayIcon as x11,SearchIcon as z11,TagIcon as y11}from"efficient-shell/icons/efficient";var w11="sf-button-block",C11={"arrow-right":n11,"arrow-long-right":i11,"arrow-up-right":h11,"chevron-right":d11,external:f11,cart:u11,bag:m11,tag:y11,email:v11,location:b11,play:x11,download:g11,search:z11,car:p11},k11={left:"justify-start",center:"justify-center",right:"justify-end"};function gP({label:e,href:t,variant:a,align:s,contained:c,arrow:l,icon:r,iconPosition:o,widthFit:i}){let n=Lu(r),h=n&&n!=="none"?C11[n]:void 0,m=n===void 0?Uo(l)?{}:{arrow:null}:h?{arrow:Ei(h,{size:16}),...jo(o)==="before"?{glyphBefore:!0}:{}}:{arrow:null},u=sA(i)==="fill"?{className:"w-full"}:{};return Ei(t2,{contained:c,className:`${w11} py-4`,children:Ei("div",{className:`flex ${k11[s]}`,children:Ei(s3,{href:t||"#",variant:a,...u,...m,children:k(e)})})})}var vP={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})=>M11(gP,{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 S11}from"react/jsx-runtime";import{jsx as Hs,jsxs as Nd}from"react/jsx-runtime";function fP({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:Nd("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 Nd("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)=>Nd(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 L11=()=>[{label:p("All")},{label:A.category},{label:A.category}],A11=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],bP={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:A11,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:s,puck:c})=>S11(fP,{tabs:w1(e,L11(),c),activeTab:a1(t),links:a,sticky:s,editing:c?.isEditing})};import{jsx as N11}from"react/jsx-runtime";import{jsx as n0,jsxs as r3,Fragment as xP}from"react/jsx-runtime";import{useEffect as Fs,useRef as _d,useState as Vi}from"react";var H11=`
|
|
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
|
-
`,F11=`
|
|
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 zP({value:e}){if(typeof e=="string"){let t=e.split(`
|
|
137
|
-
`);return n0(xP,{children:t.map((a,s)=>r3("span",{children:[a,s<t.length-1?n0("br",{}):null]},s))})}return n0(xP,{children:e})}function T11(){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 yP({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]=Vi(!1);Fs(()=>{let P=()=>v(document.documentElement.getAttribute("data-theme")==="light");P();let N=new MutationObserver(P);return N.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>N.disconnect()},[]);let[g,b]=Vi(null),f=P=>`loc-${P}`,w=P=>{b(P),typeof document<"u"&&document.getElementById(P)?.scrollIntoView({behavior:n6(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${P}`)};Fs(()=>{if(typeof window>"u")return;let P=window.location.hash.replace(/^#/,"");!P||!document.getElementById(P)||(b(P),requestAnimationFrame(()=>{document.getElementById(P)?.scrollIntoView({behavior:n6(),block:"start"})}))},[]);let z=Eo(Ko(n)),{select:M,selectedLocationPartId:S}=vw(),H=(P,N)=>m?Lm(m,P,N):"",I=(P,N)=>!!(h&&m&&S===H(P,N)),E=(P,N)=>h&&m?`${P}:${N}`:void 0,O=_d(null);Fs(()=>{if(!h||!m)return;let P=O.current;if(!P)return;let N=Array.from(P.querySelectorAll("[data-loc-pick]")).map(D=>{let Z=T9(D),_=U=>{let V=D.getAttribute("data-loc-pick")??"",[J,j]=V.split(":");j!=="image"&&j!=="map"||(U.stopPropagation(),U.preventDefault(),M(Lm(m,Number(J),j)))};return D.addEventListener("click",_,{capture:!0}),()=>{Z?.(),D.removeEventListener("click",_,{capture:!0})}});return()=>N.forEach(D=>D())},[h,m,M,l.length]);let T=or(l,P=>String(P.group??""),P=>String(P.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:H11}}),h&&m&&n0("style",{dangerouslySetInnerHTML:{__html:F11}}),(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:T.map((P,N)=>{let D=P.items.length===1;return r3("div",{children:[P.key&&n0("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:P.key}),n0("div",{className:["grid gap-[2px] border border-line bg-line",Ma(P.items.length),P.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:P.items.map(({item:Z,index:_})=>{let U=String(Z?.name??""),V=String(Z?.photo??""),J=f(_);return r3("a",{href:`#${J}`,"aria-label":`Jump to ${U||"location"} map`,onClick:j=>{j.preventDefault(),w(J)},"data-loc-pick":E(_,"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(_,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":I(_,"image")?"":void 0,children:[V?n0(cl,{src:V,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(T11,{}),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})})]},_)})})]},P.key?`g:${P.key}`:`ungrouped:${N}`)})})]}),T.map((P,N)=>r3("div",{className:N===0?"":"mt-10",children:[P.key&&n0(mi,{groupKey:P.key,name:P.name,count:P.items.length}),n0("div",{className:["grid gap-[2px] border border-line bg-line",Ma(P.items.length),P.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:P.items.map(({item:D,index:Z})=>n0(P11,{id:f(Z),card:D,active:g===f(Z),apiKey:r,mapId:o,mapTheme:i,mapPick:E(Z,"map"),mapSelected:I(Z,"map")},Z))})]},P.key?`g:${P.key}`:`ungrouped:${N}`)),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 P11({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=$o(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(zP,{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(zP,{value:t.hours})})]}),n0(V11,{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 E11=13;function V11({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=ni(r,oi()),u=hi(o,ii()),d=bs(s,c),v=!!m&&d,g=t,b=_d(null),f=_d(null),[w,z]=Vi(!1),M=i!=="auto",S=M7(i),[H,I]=Vi(i==="auto"?k7.dark.background:X4(i));Fs(()=>{I(X4(i))},[i]),Fs(()=>{if(!v)return;let T=b.current;if(!T)return;let P=null,N=null,D=!1,Z=null,_=J=>({path:J.SymbolPath.CIRCLE,scale:7,fillColor:rt(i),fillOpacity:1,strokeColor:rt(i),strokeOpacity:.25,strokeWeight:10}),U=async()=>{try{let J=await ri(m);if(D||!f.current)return;P=new J.Map(f.current,{center:{lat:s,lng:c},zoom:E11,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:X4(i),...u?{mapId:u}:{styles:lt(i)}}),N=new J.Marker({map:P,position:{lat:s,lng:c},icon:_(J)}),P.addListener("tilesloaded",()=>{D||z(!0)}),i==="auto"&&!u&&(Z=ci(()=>{D||!P||(P.setOptions({styles:lt(i),backgroundColor:X4(i)}),N?.setIcon(_(J)),I(X4(i)))}))}catch(J){console.error("[StudioMap] Maps SDK failed:",J)}},V=new IntersectionObserver(J=>{for(let j of J)if(j.isIntersecting){V.disconnect(),U();break}},{rootMargin:"200px"});return V.observe(T),()=>{D=!0,V.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 T=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), ${T}`},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",w?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"}),O]})}var wP={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=>N11(yP,{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 b01}from"react/jsx-runtime";var Wd=kG(GP());Wd.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function qP(e){return Wd.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 WP={label:"Custom HTML",defaultProps:{html:`<section>
|
|
138
|
-
<h2>Custom section</h2>
|
|
139
|
-
</section>`},render:({html:e})=>b01("div",{dangerouslySetInnerHTML:{__html:qP(e??"")}})};import{jsx as z01}from"react/jsx-runtime";import{jsx as Ud}from"react/jsx-runtime";var x01={sm:"my-6",md:"my-12",lg:"my-20"};function UP({spacing:e,contained:t,style:a=E8}){let s=NA(VA(a));return Ud(t2,{contained:t,className:x01[e],children:s?Ud("hr",{className:"border-x-0 border-y border-line",style:{height:EA,backgroundImage:s}}):Ud("hr",{className:"border-0 border-t border-line"})})}var jP={label:"Divider",defaultProps:{style:E8,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>z01(UP,{spacing:e,contained:t,style:a})};import{Fragment as C01,jsx as $P}from"react/jsx-runtime";import{jsx as y01}from"react/jsx-runtime";var w01={left:"",center:"justify-center",right:"justify-end"};function KP({text:e,align:t="left",look:a=nr}){return y01(N1,{text:e,look:a,classNameAfter:a==="line"?w01[t]:""})}var YP={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:s})=>T2(e).hidden?$P(C01,{}):$P(KP,{text:K4(a1(e),A.eyebrow,s)??"",align:t,look:mC(a)})};import{Fragment as L01,jsx as JP}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";var k01={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]"}},M01="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]",S01={left:"text-left",center:"text-center",right:"text-right"};function XP({level:e,text:t,align:a,contained:s,hero:c=!1}){if(c)return jd("h1",{className:M01,children:Y(t,!1)});let l=`h${e}`,r=k01[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} ${S01[a]}`,style:n,children:Y(t,!1)})})}var QP={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:s,puck:c})=>T2(e).hidden?JP(L01,{}):JP(XP,{text:K4(a1(e),A.heading,c)??"",level:t,align:a,contained:s})};import{jsx as H01}from"react/jsx-runtime";import{jsx as X8}from"react/jsx-runtime";var A01={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function eE({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:l,width:r,fit:o,focal:i,corners:n,cornerSides:h}){let m=qe(c,ut()),u=iT(r),d=it(o,"cover"),v=vy(n,h),g={...m.style??{},...i&&fi(a,d)?{objectPosition:i}:{}},b=e?X8("img",{src:F2(e),alt:t,className:`h-full w-full ${a==="auto"?"":uF(d)}${m.className?` ${m.className}`:""}`,...Object.keys(g).length?{style:g}:{}}):X8("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(),w=f&&e?f.startsWith("/")?X8(s0,{href:f,className:"block h-full w-full",children:b}):X8("a",{href:f,className:"block h-full w-full",children:b}):b;return X8(t2,{contained:s,className:"py-6",children:X8("figure",{...u?{style:u}:{},children:X8("div",{className:`relative w-full overflow-hidden bg-surface ${A01[a]}`,...v?{style:v}:{},children:w})})})}var tE={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})=>H01(eE,{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 V01}from"react/jsx-runtime";import{jsx as H3,jsxs as Ii}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 aE={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 sE={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 cE={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 Kd={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 lE={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 rE={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 oE={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 iE={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 nE={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 hE={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 mE={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 pE={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 uE={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 dE={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 gE={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 vE={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 fE={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 bE={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 xE={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 zE={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 yE={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 wE={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 CE={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 kE={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 ME={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 SE={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 LE={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"},AE={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 HE={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 FE={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 TE={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"},$d={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 PE={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 EE={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 VE={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 NE={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 _E={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 IE={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 RE={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 BE={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 ZE={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 DE={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 OE={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 GE={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 qE={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 WE={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 UE={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 jE={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 KE={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 $E={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 YE={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 XE={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 JE={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 QE={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 eV={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 tV={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 aV={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 F01={adyen:aE,afterpay:sE,aircall:cE,americanexpress:Kd,amex:Kd,applepay:lE,bigcommerce:rE,brevo:oE,calendly:iE,campaignmonitor:nE,dhl:hE,dropbox:mE,ebay:pE,etsy:uE,facebook:dE,fedex:gE,gmail:vE,googleads:fE,googleanalytics:bE,googlecalendar:xE,googledrive:zE,googlepay:yE,googlesheets:wE,hubspot:CE,instagram:kE,intercom:ME,klarna:SE,mailchimp:LE,mailgun:AE,make:HE,mastercard:FE,messenger:TE,meta:$d,metaads:$d,myob:PE,notion:EE,paypal:VE,pinterest:NE,quickbooks:_E,sage:IE,shopify:RE,square:BE,squarespace:ZE,stripe:DE,telegram:OE,tiktok:GE,trello:qE,ups:WE,visa:UE,vonage:jE,whatsapp:KE,wise:$E,wix:YE,woocommerce:XE,xero:JE,youtube:QE,zapier:eV,zendesk:tV,zoom:aV};function sV(e){return F01[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}function T01(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 P01({name:e}){let t=sV(e);return Ii("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 E01({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(P01,{name:s},c))},a))})})}function cV({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=T01(i,3);return Ii("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[Ii("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(E01,{names:m,reverse:u%2===1},u))}),((c??"").trim()||(r??"").trim())&&Ii("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 lV={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})=>V01(cV,{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 _01}from"react/jsx-runtime";import{jsx as rV}from"react/jsx-runtime";import{useContext as N01}from"react";function oV({src:e,alt:t,href:a,heightPx:s=m7,reverse:c=!0}){let l=kl(),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=N01(Yu),n=Dr(),h=rV(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?rV(s0,{href:a,className:"inline-flex",children:h}):h}var iV={label:"Logo",defaultProps:{heightPx:m7,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:s,reverse:c})=>_01(oV,{src:e||void 0,alt:T2(t).text||void 0,href:a||void 0,heightPx:s,reverse:c!=="off"})};import{jsx as R01}from"react/jsx-runtime";import{jsx as Ns,jsxs as I01}from"react/jsx-runtime";function nV({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 I01(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 B01=()=>[{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")}],hV={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,logoHeight:c,bandPadding:l,grayscale:r,puck:o})=>R01(nV,{items:w1(e,B01(),o),contained:t,heading:y(a,"Trusted by *teams worldwide*",o),columns:s,logoHeight:c,bandPadding:l,grayscale:r})};import{jsx as D01}from"react/jsx-runtime";import{jsx as L6,jsxs as uV}from"react/jsx-runtime";import{jsx as mV,jsxs as Z01}from"react/jsx-runtime";function pV({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),s=a?parseInt(a[1],10):0,c=a?a[2]:"",{ref:l,value:r}=dt(s),o=a?r+c:e;return Z01("div",{ref:l,className:"min-w-0",children:[mV("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:o}),mV("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}function dV({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:l,...r}={}){let o=qe(l,ut()),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:uV("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:uV("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(pV,{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 O01=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],gV={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})=>D01(dV,{eyebrow:e2(e,A.eyebrow,n),heading:e2(t,A.heading,n),body:e2(a,A.body,n),stats:w1(s,O01,n),imageSrc:c||void 0,grayscale:l,widthMode:r,fullWidth:o,pageWidth:i})};import{jsx as K01}from"react/jsx-runtime";import{jsx as C1,jsxs as j0,Fragment as vV}from"react/jsx-runtime";var Yd="#ffffff",_5="#16181d",B7="#5b6470",Ri="#9aa3ae",xt="#f4f6f8",J8="#e3e7ec",Bi="#1f9d55";function G01({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":xt,borderColor:J8},children:[s==="no"?C1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:Ri},children:"\u2715"}):C1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:s==="warn"?"var(--accent)":Bi}}),C1("span",{className:"text-[14px] font-semibold",style:{color:c?Ri:_5},children:t.lead}),C1("span",{className:"text-[13px]",style:{color:c?Ri:B7},children:t.detail}),(t.status??"").trim()&&C1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:s==="ok"?Bi:s==="warn"?"var(--accent)":Ri},children:t.status})]},a)})})}var fV=["#c7cdd5","var(--accent)","#c7cdd5",Bi];function q01({columns:e}){return C1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:xt,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:Yd,borderColor:a===e.length-1?"#bfe3ce":J8},children:[C1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:fV[a%fV.length]}}),C1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:_5},children:s})]},c))]},a))})}function W01({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:J8},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 bV({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 U01({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 j01({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:xt},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:Yd,borderColor:J8,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(bV,{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:J8},children:[C1("div",{className:"flex items-center justify-center py-3",style:{background:xt},children:C1(bV,{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 xV({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:w,col4Title:z,col4Cards:M,barsHeading:S,bars:H,termLines:I,urlText:E,heroTitle:O,heroButton:T,products:P,align:N="right",editing:D=!1}={}){let Z=(i??[]).filter(g1=>D||(g1.value??"").trim()),_=(n??[]).filter(g1=>D||(g1.label??"").trim()),U=(h??[]).filter(g1=>D||(g1.lead??"").trim()),V=[[d,v],[g,b],[f,w],[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=(I??[]).map(g1=>g1.text??"").filter(g1=>D||g1.trim()),W=(P??[]).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||_.length>0||U.length>0||V.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:Yd},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:Bi}}),l]})]}),s==="terminal"?C1(U01,{header:c??"",lines:j}):s==="browser"?C1(j01,{urlText:E??"",heroTitle:O??"",heroButton:T??"",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:xt,borderColor:J8},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"&&_.length>0&&C1("div",{className:"grid grid-cols-2 gap-3",children:_.map((g1,K)=>j0("div",{className:"rounded-lg px-4 py-3",style:{background:xt},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(G01,{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"&&V.length>0&&C1(q01,{columns:V}),s==="claims"&&J.length>0&&C1(W01,{heading:S??"",bars:J}),(u??"").trim()&&C1("div",{className:"border-t pt-4",style:{borderColor:J8},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:N==="left"?j0(vV,{children:[C1("div",{className:"flex justify-center min-[960px]:justify-start",children:$}),c1]}):j0(vV,{children:[c1,C1("div",{className:"flex justify-center min-[960px]:justify-end",children:$})]})})})}var zV={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:w,col4Title:z,col4Cards:M,barsHeading:S,bars:H,termLines:I,urlText:E,heroTitle:O,heroButton:T,products:P,align:N,puck:D})=>K01(xV,{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:w,col4Title:z,col4Cards:M,barsHeading:S,bars:H,termLines:I,urlText:E,heroTitle:O,heroButton:T,products:P,align:N,editing:D?.isEditing})};import{jsx as Z7}from"react/jsx-runtime";var yV={label:"Section Header",defaultProps:{headStyle:Ss,num:"01 / Section",numStyle:T8,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"),w=Hi(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:w==="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:""}):w==="simple"?Z7(t0,{look:"simple",num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),eyebrowLook:r4(s,"SectionHeader")}):w==="statement"?Z7(t0,{look:"statement",num:y(t,"01 / Section",g),title:y(c,"Section *title*",g),eyebrowLook:r4(s,"SectionHeader")}):w==="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:fT(h),descriptionSize:bT(m)}):w==="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 X01}from"react/jsx-runtime";import{jsx as $01}from"react/jsx-runtime";var Y01={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function wV({size:e}){return $01("div",{"aria-hidden":!0,className:Y01[e]})}var CV={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>X01(wV,{size:e})};import{jsx as Q01}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";var J01=()=>[{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 kV({cells:e,fill:t="dark",editing:a=!1}){let s=(e??[]).filter(o=>(o?.text??"").trim()),c=s.length>0?s:a?J01():[];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 MV={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>Q01(kV,{cells:e,fill:t,editing:a?.isEditing})};import{jsx as c21}from"react/jsx-runtime";import{jsx as Q8,jsxs as AV}from"react/jsx-runtime";import{Fragment as e21,jsx as SV,jsxs as t21}from"react/jsx-runtime";function LV({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:s}=dt(t?Number.parseInt(t[1],10):0);return!t||p2(e)!==e?SV(e21,{children:k(e)}):SV(z8,{value:e,children:t21("span",{ref:a,children:[s,t[2]]})})}var a21="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",s21={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 HV({items:e,contained:t,heading:a,columns:s,background:c,editing:l}){let r=s===void 0?a21:s21[s],o=Q8("div",{className:r,children:(e??[]).map((i,n)=>AV("div",{className:"border-t border-line pt-5",children:[Q8("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:l?k(i.value):Q8(LV,{value:i.value})}),Q8("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(i.label)})]},n))});return a===void 0&&c===void 0?Q8(t2,{contained:t,className:"py-12",children:o}):Q8(t2,{contained:t,className:"py-12",children:AV("div",{style:c?{backgroundColor:c}:void 0,children:[a?Q8("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(a)}):null,o]})})}var l21=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],FV={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,background:c,puck:l})=>c21(HV,{items:w1(e,l21,l),contained:t,heading:y(a,"By the *numbers*",l),columns:s,background:Q6(c,a3.Stats),editing:l?.isEditing})};import{Fragment as n21,jsx as PV}from"react/jsx-runtime";import{jsx as Xd}from"react/jsx-runtime";var r21={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},o21="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",i21={default:"text-fg",dim:"text-fg-dim"};function TV({text:e,align:t,tone:a,contained:s,hero:c=!1}){if(c)return Xd("p",{className:o21,children:k(e)});let l=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${r21[t]} ${i21[a]}`;return Xd(t2,{contained:s,className:"py-4",children:x0(e).map((r,o)=>Xd("p",{className:l,children:k(r)},o))})}var EV={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:s,puck:c})=>T2(e).hidden?PV(n21,{}):PV(TV,{text:K4(a1(e),A.body,c)??"",align:t,tone:a,contained:s})};var VV={Banner:dP,Breadcrumb:eA,ButtonBlock:vP,Cards:oA,CategoryBar:bP,Chart:dA,ContactLocations:wP,CustomHTML:WP,Divider:jP,DocBody:RA,DocMasthead:DA,DocMetaCards:qA,DocTabs:jA,Eyebrow:YP,FAQ:sH,FeaturedCover:uH,Flex:kH,Footprint:IH,Grid:OH,Heading:QP,Hero:UH,HeroGroup:JH,HeroSingle:rF,HeroSlide:nF,ImageBlock:tE,Integrations:lV,IntroBleed:fF,Countdown:HA,KeyFeatures:yF,LogoBlock:iV,Logos:hV,LongRead:AF,Manifesto:gV,Masthead:PF,Mockup:zV,OrderSummary:ZF,ParagraphsA:GF,PaymentBadges:jF,PostCard:YF,ProcessSteps:tT,Prose:rT,SectionHeader:yV,Series:wT,Spacer:CV,SpecStrip:MV,Split:FT,Stats:FV,StatsParagraph:_T,Testimonials:BT,Text:EV,Ticker:$T,Timeline:sP,TimelineTrack:rP,TitleWithButtons:hP};var h21={Banner:JL,Breadcrumb:tA,ButtonBlock:lA,Cards:nA,CategoryBar:hA,Chart:gA,ContactLocations:MA,Countdown:TA,CustomHTML:PA,Divider:_A,DocBody:BA,DocMasthead:OA,DocMetaCards:WA,DocTabs:KA,Eyebrow:$A,FAQ:cH,FeaturedCover:dH,Flex:SH,Footprint:BH,Grid:qH,Heading:WH,Hero:$H,HeroGroup:sF,HeroSingle:iF,HeroSlide:hF,ImageBlock:dF,Integrations:gF,IntroBleed:xF,KeyFeatures:CF,LogoBlock:kF,Logos:MF,LongRead:HF,Manifesto:FF,Masthead:EF,Mockup:NF,OrderSummary:DF,ParagraphsA:qF,PaymentBadges:KF,PostCard:XF,ProcessSteps:sT,Prose:oT,SectionHeader:zT,Series:CT,Spacer:kT,SpecStrip:ST,Split:TT,Stats:PT,StatsParagraph:IT,Testimonials:DT,Text:OT,Ticker:YT,Timeline:cP,TimelineTrack:oP,TitleWithButtons:pP},B1=Xe(VV,h21);import{IconButton as NV}from"efficient-shell/ui";import{SettingsField as u21}from"efficient-easel/panel";import{ColumnsIcon as d21}from"efficient-easel/icons";import{Fragment as m21}from"react";import{jsx as p21}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?p21(m21,{children:a in t?t[a]:`{${a}}`},s):a)}import{Fragment as _V,jsx as zt,jsxs as Jd}from"react/jsx-runtime";function g21(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(g21(s,o,a,m));return zt(u21,{label:p(e),icon:zt(d21,{}),action:Jd("div",{className:"sf-colstep",children:[zt(NV,{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"}),zt("span",{className:"sf-colstep-value","aria-live":"polite",children:l(a[n])}),zt(NV,{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:Jd(_V,{children:[I5(p("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:zt("strong",{children:p(y5[o])})}),r?Jd(_V,{children:[" ",r]}):null]})})}var A6="auto",eg=1,IV=6,tg={desktop:A6,tablet:A6,mobile:A6},RV=[A6,...Array.from({length:IV-eg+1},(e,t)=>eg+t)],v21="1rem",BV=`var(--sf-block-gap-rem, var(--sf-card-gap, ${v21}))`,ag=240,sg=150,f21=.5,b21=e=>`--plp-grid-cols-${e}`,x21="--plp-grid-gap";function ZV(e){return e===A6?"Auto":String(e)}function Qd(e){if(e===A6)return A6;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),eg),IV):A6}function Zi(e){if(!e||typeof e!="object")return{...tg};let t=e;return{desktop:Qd(t.desktop),tablet:Qd(t.tablet),mobile:Qd(t.mobile)}}function z21(e){if(e===A6)return`repeat(auto-fill, minmax(${ag}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${BV}`}) / ${e} - ${f21}px)`;return`repeat(auto-fill, minmax(max(${sg}px, ${a}), 1fr))`}function DV(e,t=null){let a={[x21]:BV};for(let s of kw)a[b21(s)]=z21(e[t??s]);return a}import{Fragment as y21,jsx as cg}from"react/jsx-runtime";function lg({value:e,onChange:t}){return cg(Is,{label:"Columns",unit:p("items per row"),steps:RV,value:Zi(e),format:a=>p(ZV(a)),onChange:t,note:cg(y21,{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:ag,min:sg}),{auto:cg("strong",{children:p("Auto")})})})})}import{useCallback as c5,useEffect as s41,useId as c41,useMemo as F3,useRef as l41,useState as r41}from"react";import{jsxs as OV}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:OV("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&&OV(L1,{href:c,className:"text-accent transition-colors hover:text-fg",children:[k(s)," \u2192"]})]})}import{createContext as w21,useCallback as GV,useContext as C21,useEffect as k21,useId as M21,useMemo as S21,useRef as L21,useState as A21}from"react";import{jsx as H21}from"react/jsx-runtime";var qV=w21(null);function FI1({reason:e,children:t}){let[a,s]=A21([]),c=L21(null),l=GV(n=>{s(h=>h.includes(n)?h:[...h,n])},[]),r=GV(n=>{s(h=>h.filter(m=>m!==n))},[]),o=e==="none-configured",i=S21(()=>({noCurrencyConfigured:o,live:a,firstRendered:c,join:l,leave:r}),[o,a,l,r]);return H21(qV.Provider,{value:i,children:t})}function WV(e){let t=C21(qV),a=M21(),s=!!e&&!!t?.noCurrencyConfigured;s&&t&&t.firstRendered.current===null&&(t.firstRendered.current=a);let c=t?.join,l=t?.leave;return k21(()=>{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 T21}from"react/jsx-runtime";var F21="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 WV(e)?T21(a5,{text:p(F21,{place:p("Settings")})}):null}import{useEffect as P21,useState as E21}from"react";var yt=tt({fetch:(e,t)=>Q1.listProducts(e,{siteId:t,kinds:["alloy-wheel","tyre"]}),keyBy:i2}),o3=(e=!1)=>yt(e).then(t=>t.filter(a=>a.kind==="alloy-wheel"));function UV(e){let[t,a]=E21(null);return P21(()=>{let s=!1;return e().then(c=>{s||a(c)}),()=>{s=!0}},[e]),t}function Di(){return UV(o3)}function jV(){return UV(yt)}function V21(e){return e.length===1?n4[e[0]]:"Products"}function Oi(e){return e.length===1?e[0]:null}function N21(e){switch(Oi(e)){case"alloy-wheel":return"Only wheels that bolt on";case"tyre":return"Only sizes your car takes";default:return"Only what fits your car"}}function _21(e){switch(Oi(e)){case"alloy-wheel":return{heading:"Let's find wheels that fit your car.",intro:"Tell us what you drive and we'll show you every set that bolts straight on \u2014 bolt pattern, offset and hub bore checked for you."};case"tyre":return{heading:"Let's find tyres that fit your car.",intro:"Tell us what you drive and we'll show you every tyre made in your car's factory sizes \u2014 front and rear checked for you."};default:return{heading:"Let's find products that fit your car.",intro:"Tell us what you drive and we'll show you what fits. Wheels are checked on bolt pattern, offset and hub bore. Tyres are checked on the sizes your car takes."}}}function I21(e){switch(Oi(e)){case"alloy-wheel":return"We only list a wheel here once its bolt pattern and hub bore are confirmed against your car. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand.";case"tyre":return"We only list a tyre here once one of its sizes is confirmed for your car. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand.";default:return"We only list a product here once it is confirmed against your car: a wheel on its bolt pattern and hub bore, a tyre on the sizes your car takes. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand."}}var R21="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=_21(e),s=`showing every ${t.one}`;return{promise:N21(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:s,eyebrow:`${V21(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:I21(e),noData:Oi(e)==="tyre"?R21:`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 KV(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 m31,useEffect as p31,useMemo as u31,useState as wN}from"react";import{useState as B21}from"react";import{jsx as rg}from"react/jsx-runtime";function Zs({brand:e,logo:t}){let[a,s]=B21(!1),c=(e??"").trim();if(!c)return null;let l=a?void 0:a4(t??void 0);return rg("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?rg("img",{src:l,alt:c,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):rg("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 Z21,jsx as $V,jsxs as D21}from"react/jsx-runtime";function og(e,t){return!e&&!t?null:D21(Z21,{children:[e&&$V("span",{className:"text-fg",children:e}),e&&t?$V("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 Gi({kindLabel:e,brand:t,process:a},s){if(!Ds({kind:!!e,brand:!!t,process:!!a},s))return null;let c=ke(s);return og(e,c("brand")?t:null)??(c(Me)?a:null)}import{useEffect as O21,useState as YV}from"react";var ig=new Map;function G21(e){let t=ig.get(e);if(t)return t;let a=v0.getTyre(e).catch(s=>{throw ig.delete(e),s});return ig.set(e,a),a}function XV(e,t){let[a,s]=YV("idle"),[c,l]=YV(null);return O21(()=>{if(!t||!e)return;let r=!1;return s("loading"),G21(e).then(o=>{r||(l(o),s("ready"))}).catch(()=>{r||s("error")}),()=>{r=!0}},[e,t]),{state:a,tyre:c}}import{Fragment as q21}from"react";import{Fragment as ng,jsx as s5,jsxs as R5}from"react/jsx-runtime";var qi="mt-3 flex h-[26px] items-center gap-1",Wi="flex min-w-0 items-center gap-1 overflow-hidden",Ui="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",Os="border px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] whitespace-nowrap",ji=`${Os} border-accent/60 text-accent`,W21=e=>`calc((100% - ${e}px) / 2)`,U21=2,j21=28,JV=e=>U21+2*j21+(e?10:0);var K21=16;var $21="whitespace-nowrap",Y21=e=>typeof e=="string"?e:e.text;function Ki(e,t="\xB7"){return e.map((a,s)=>{let c=Y21(a),l=typeof a!="string"&&a.accent;return R5(q21,{children:[s5("span",{className:`${$21}${l?" text-accent":""}`,children:s<e.length-1?`${c} ${t}`:c}),s<e.length-1?" ":null]},c)})}var $i="mt-3 flex flex-col gap-2",wt="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",Yi="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",X21="border px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em]",Gs="absolute right-[18px] top-[18px] z-10";function Ct({tone:e,className:t,children:a}){return s5("span",{className:[t,X21,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:w,metaLine:z,swatches:M,showPrice:S=!0,reserveSwatches:H=!0,extras:I}){let E=e==="catalog",O=Ry(l),T=O&&l===W9,P=T?"bg-[var(--wheel-stage)] p-[5px]":O?"p-[5px]":"",N=O&&!T?{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:W21(JV(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 ${P}`:`relative mt-2 mb-5 flex aspect-square items-center justify-center overflow-hidden [&_img]:object-top ${P}`,style:t?{...N,borderRadius:10,columnGap:JV(O),rowGap:K21}:{...N,borderRadius:"var(--sf-card-image-radius, 10px)"},children:[t?R5(ng,{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]}),_=`font-mono text-[length:var(--size-label,12px)] uppercase text-accent ${E?"tracking-[0.3em]":"tracking-[0.25em]"}`,U=d?s5("div",{className:_,children:d}):E&&v?s5("div",{"aria-hidden":!0,className:_,children:"\xA0"}):null,V=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}),w]}):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(ng,{children:[Z,U,V]}),c1=R5(ng,{children:[J,j,W,n1,I]});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 hg(e){return(e.components??[]).reduce((a,s)=>a+s.wheels,0)>4}function QV(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(hg)}var J21=150,Q21="Front + rear",eN="L/R pair",tN="Not handed",e31="L/R";function t31(e){return e.et==null||e.rearEt==null?0:Math.abs(e.rearEt-e.et)}function a31(e){return t31(e)>=J21}function aN(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(a31)}function kt(e){return e.directional===!0}function sN(e){return e.rearWidth!=null||e.rearEt!=null&&e.rearEt!==e.et}function cN(e){return{twoObjects:c31(e),handed:e.handed??!1,staggered:!1}}function lN(e){let t=[e.twoObjects?Q21:"",e.handed?e31:""].filter(Boolean);return t.length?t.join(" \xB7 "):null}function rN(e){return e.handed}function s31(e){return new Set((e.components??[]).map(t=>t.partNumber)).size>1}function oN(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(s31)}function c31(e){return(e.setWheelCount??0)>4}var l31=new Set(["boltPattern"]);function iN(e,t){return e&&l31.has(t)}var r31="dually";function Mt(e){let t=e.components.reduce((c,l)=>c+l.wheels,0)||4,a=e.kind,s=[a==="staggered"?"Staggered":a===r31?"Dually":"",kt(e)?"L/R":""].filter(Boolean);return s.length?`${s.join(" ")} set of ${t}`:`Set of ${t}`}function o31(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 qs(e){return e!=null&&e.inStock===!1}function nN(e,t){return t?e.filter(a=>a.finishName===t&&qs(a)):[]}function hN(e,t,a){return t.findIndex((s,c)=>a[c]!==!1&&o31(e,s).length>0)}function mN(e){if(e.diameter==null||e.width==null)return e.size;let t=e.rearWidth!=null?`${E2(e.width)}/${E2(e.rearWidth)}`:E2(e.width);return`${e.diameter}" \xD7 ${t}`}function Xi(e){return e.et==null?null:e.rearEt!=null&&e.rearEt!==e.et?`${e.et}/${e.rearEt}`:String(e.et)}function mg(e){return e.diameter==null||e.width==null?JSON.stringify([e.size]):JSON.stringify([e.kind,e.diameter,e.width,e.rearWidth??null])}function pN(e){return e.diameter==null||e.width==null?e.size:`${e.diameter}" ${e.kind}`}function uN(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 Ws(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 sN(e)?`${t(e.width,e.et)} front \xB7 ${t(e.rearWidth??e.width,e.rearEt)} rear`:t(e.width,e.et)}function pg(e,t){return t?e.filter(a=>a.finishName===t):[]}var dN="handed",gN="plain";function Us(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:mg(u),label:pN(u),note:uN(u)})),l=s(u=>u.boltPattern?{value:u.boltPattern,label:u.boltPattern}:null),r=s(u=>{let d=Xi(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)?dN:gN,label:kt(u)?eN:tN})),n=t.map(u=>({id:`${u.finishName}|${u.size}`,options:{finish:u.finishName,size:mg(u),variantSize:u.size,...u.boltPattern?{boltPattern:u.boltPattern}:{},...Xi(u)!==null?{et:Xi(u)}:{},...u.centreBore==null?{}:{centreBore:E2(u.centreBore)},pairing:kt(u)?dN:gN},inStock:!qs(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 vN(e,t){if(e.kind!=="alloy-wheel"||t===null)return e;let a=new Set(FM(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 fN(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]??EC}function zN(e){return e.kind==="tyre"?"advisory":"required"}var Lt={choice:zC,qty:1};function i31(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 bN=(e,t)=>e===1?t:`${e} \xD7 ${t}`;function xN(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 n31(e,t){return t.unit!=="set"||wC(e)===null?null:{counts:[{value:i7,label:t9.oneSet},{value:i7+mr,label:t9.oneSetPlusSpare}],side:t.spares>0?{label:t9.whichSide,options:[{value:"left",label:t9.left},{value:"right",label:t9.right}]}:null}}function ug(e,t,a){if(e.kind==="tyre")return{packs:[{value:"set",label:`A set of ${i7}`},{value:"single",label:"Just one"}],extra:xN(a.choice),spareCounts:[],spareSide:null,components:t?Kp({sku:t.id,prices:t.components[0].prices},a.choice):[],quantityLabel:bN(a.qty,pr(a.choice))};let s=t?n31(t.components,a.choice):null;return{packs:[],extra:s?null:xN(a.choice),spareCounts:s?.counts??[],spareSide:s?.side??null,components:t?Tm(t.components,a.choice):[],quantityLabel:bN(a.qty,CC(i31(e,t),a.choice))}}function yN(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?mo(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:Oe(l.name),process:l.process,positionNo:"01",config:[{label:i},{label:o,gold:!0},{label:c.fitmentLabel},{label:ug(e,t,s).quantityLabel}],finishName:o,size:i,components:Tm(t.components,s.choice),qty:s.qty,...n?{pack:s.choice}:{}}}function Ji(e,t){let a=t.trim(),s=e.trim();return!s||!h31(a,s)?a:a.slice(s.length).replace(/^[^\p{L}\p{N}]+/u,"")||a}function h31(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 f31,jsx as O7,jsxs as js}from"react/jsx-runtime";var d31="from ",g31=2,v31=[];function dg({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=v31}){let g=ke(v),{add:b,open:f,warmCatalog:w}=o4();p31(()=>{d||w("tyre")},[d,w]);let{currency:z}=u0(),M=h7(ue(h,u),null),S=gr(M,u,d31),H=[o.length>0?`${o.length} ${o.length===1?"size":"sizes"}`:null,g("rim_diameter")?qr(n):null].filter(Boolean).join(" \xB7 "),I=De(r),[E,O]=wN(!1),T=m31(()=>{r&&O(!0)},[r]),{state:P,tyre:N}=XV(r??null,E),D=u31(()=>N?.variants??[],[N]),[Z,_]=wN(null),U=D.length===1?D[0].size:null,V=Z??U,J=D.find(u1=>u1.size===V),j=J!=null&&PS(J,z),W=P==="ready",n1=!I||P==="error"||W&&D.length===0;function z1(){!N||!J||!j||d||(b(mo(N,J,Lt.choice,Lt.qty)),f())}let $=W&&D.length>0?D.map(u1=>u1.size):o,c1=$.slice(0,g31),g1=$.length-c1.length,K=u1=>["cursor-pointer transition-colors",Os,u1?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" ");return O7(e9,{href:I,identityLink:!0,containerProps:{onPointerEnter:T,onTouchStart:T,onFocusCapture:T},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:og(s,c&&g("brand")&&e||null),name:Ji(e??"",l),spec:H,price:S,metaLine:M.priced?"each":null,extras:js(f31,{children:[i&&js("p",{className:"font-mono text-[length:var(--size-label,11px)] font-medium uppercase tracking-[0.14em] text-green",children:["Fits \xB7 ",i]}),js("div",{className:qi,children:[O7("div",{className:Wi,children:c1.map(u1=>W&&D.length>0?O7("button",{type:"button",title:u1,"aria-label":u1,"aria-pressed":V===u1,onClick:()=>_(u1),className:K(V===u1),children:u1},u1):O7("span",{className:ji,children:u1},u1))}),g1>0&&js("span",{className:Ui,children:["+",g1]})]}),js("div",{className:$i,children:[!n1&&M.priced&&O7("button",{type:"button",onClick:z1,[pe]:"",disabled:W&&!j,className:j||!W?`${wt}${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"}),I&&O7(L1,{href:I,className:Yi,children:"Open product page"})]})]})})}import{jsx as b31}from"react/jsx-runtime";function Ks({item:e,currency:t,kindLabel:a=null,showBrand:s=!0,fitSize:c=null,editing:l=!1,fieldUsage:r}){return b31(dg,{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 Qi,jsxs as x31}from"react/jsx-runtime";function gg({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:s,onPickType:c}){let{currency:l}=u0(),r=fk(e,l,Z2);return r.length===0?null:Qi("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:r.map(o=>Qi("li",{children:x31("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,Qi("span",{"aria-hidden":"true",children:"\u2715"}),Qi("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 fg(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 y31({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 en({overrideSrc:e,hookSrc:t,failed:a}){return e&&!a.has(e)?e:t&&t!==e&&!a.has(t)?t:null}function tn(e,t,a,s,c){let l=a===void 0?void 0:e.finishes?.find(r=>r.name===a);return y31({carRenderings:fg(l,c),renderings:e.defaultFinishRenderings,coverIndex:t,shownFinishName:a,defaultFinishName:e.defaultFinish,shownSrc:s})}import{useState as _31}from"react";import{jsx as bg,jsxs as w31}from"react/jsx-runtime";function $s({finishes:e,availability:t,selectedIdx:a,hoverIdx:s,activeFinish:c,onSelect:l,onHover:r,showLabel:o=!0,className:i}){return w31("div",{className:["mt-4",i].filter(Boolean).join(" "),children:[bg("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 bg("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&&bg("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 C31}from"react";import{jsx as Ht,jsxs as CN}from"react/jsx-runtime";function Ys({src:e,alt:t=""}){let[a,s]=C31(!1),c=e||"";return Ht("div",{className:"relative aspect-square overflow-hidden bg-bg",children:CN("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:CN("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 L31,useState as A31}from"react";import{useId as MN,useRef as S31,useState as xg}from"react";import{useCallback as kN,useRef as k31,useState as M31}from"react";function an(){let[e,t]=M31("idle"),a=k31(!1),s=kN(()=>{a.current=!1,t("idle")},[]),c=kN(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 zg({wheelName:e,productSlug:t,finishName:a,variants:s,initialSize:c,onClose:l,editing:r=!1}){let o=MN(),i=MN(),n=S31(null),{currency:h}=u0(),m=an(),[u,d]=xg(()=>c??s[0]?.size??""),[v,g]=xg(""),[b,f]=xg(!1);S4({active:!0,onDismiss:l,focusRef:n});let w=s.find(I=>I.size===u)??s[0];if(!w)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(){w&&m.submit({partNumbers:w.components.map(I=>I.partNumber),email:v,productSlug:t,subscribeToOffers:b,dryRun:r})}return R0("div",{role:"dialog","aria-modal":"true","aria-labelledby":o,onClick:I=>{I.target===I.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 ",J1(e)," in ",w.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:I=>{I.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:J1(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(I=>{let E=I.size===w.size;return x3("button",{type:"button","aria-pressed":E,onClick:()=>d(I.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:I.size}),R0("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{let O=MC(I.components,h);return O.setTotal!=null?Z2(O.setTotal,h):n7})()})]},I.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:I=>{g(I.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:I=>f(I.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 F31,jsx as F6,jsxs as sn}from"react/jsx-runtime";var yg=3;function H31({wheel:e,sel:t,price:a,editing:s,detailReady:c}){let{add:l,open:r,warmCatalog:o}=o4();L31(()=>{s||o()},[s,o]);function i(){let n=t.selectedVariant;!n||!t.canAdd||a.priced&&(s||(l({id:`${e.slug}|${n.finishName}|${n.size}|quick`,slug:e.slug,name:Oe(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}),r()))}return F6("button",{type:"button",onClick:i,[pe]:"",disabled:!t.canAdd,className:t.canAdd?wt:c?"cursor-not-allowed border border-dashed border-accent/50 px-4 py-2.5 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-accent/70":`${wt} opacity-80`,children:c&&!t.canAdd?"Select a size":"Add to basket"})}function cn({wheel:e,sel:t,price:a,editing:s,show:c,href:l}){let[r,o]=A31(!1),i=ok(e),n=i.length>0?i:e.sizes.map(z=>`${z}\u2033`),h=t.detailState==="ready",m=t.unsellable,u=z=>["cursor-pointer transition-colors",Os,z?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" "),d=h&&!m?t.sizeOptions.length:n.length,v=Math.max(0,d-yg),g=c.sizes?sn("div",{className:qi,children:[F6("div",{className:Wi,children:h&&!m?t.sizeOptions.slice(0,yg).map(z=>F6("button",{type:"button",title:z.size,"aria-label":z.size,"aria-pressed":t.size===z.size,onClick:()=>t.setSize(z.size),className:u(t.size===z.size),children:mN(z)},z.size)):m?F6("span",{className:"truncate font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Options on the product page"}):n.slice(0,yg).map(z=>F6("span",{className:ji,children:z},z))}),!m&&v>0&&sn("span",{className:Ui,children:["+",v]})]}):null,b=c.buy&&!m?t.outOfStock?F6("button",{type:"button",onClick:()=>o(!0),className:wt,children:"Notify me when back"}):a.priced?F6(H31,{wheel:e,sel:t,price:a,editing:s,detailReady:h}):null:null,f=c.page?F6(L1,{href:l,className:Yi,children:"Open product page"}):null,w=b||f?sn("div",{className:$i,children:[b,f]}):null;return{extras:g||w?sn(F31,{children:[g,w]}):null,dialog:r?F6(zg,{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 FN,useEffect as kg,useMemo as rn,useRef as Mg,useState as TN}from"react";import{useEffect as T31,useMemo as P31,useState as wg}from"react";import{jsx as SN}from"react/jsx-runtime";function ln(e,t,a){let[s,c]=wg(()=>{let b=a?e.findIndex(f=>f.name===a):-1;return b>=0?b:0}),[l,r]=wg(null),[o,i]=wg(()=>e.map(()=>!0)),n=b=>{i(f=>{if(f[b]===!1)return f;let w=[...f];return w[b]=!1,w})},h=P31(()=>o.map((b,f)=>b?f:-1).filter(b=>b!==-1),[o]);T31(()=>{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?SN("div",{className:"hidden","aria-hidden":!0,children:e.map((b,f)=>SN(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 E31,useState as LN}from"react";var Cg=new Map;function V31(e){let t=Cg.get(e);if(t)return t;let a=v0.getWheel(e).catch(s=>{throw Cg.delete(e),s});return Cg.set(e,a),a}function AN(e,t){let[a,s]=LN("idle"),[c,l]=LN(null);return E31(()=>{if(!t)return;let r=!1;return s("loading"),V31(e).then(o=>{r||(l(o),s("ready"))}).catch(()=>{r||s("error")}),()=>{r=!0}},[e,t]),{state:a,wheel:c}}function HN(e,t){return t.length===0?-1:e.findIndex(a=>t.includes(a.family))}var N31=[];function on(e,t=N31){let a=rn(()=>e.finishes.filter(r7),[e.finishes]),s=a.length>0,c=ln(a,e.coverImage??null,e.defaultFinish??void 0),[l,r]=TN(!1),o=FN(()=>{s&&r(!0)},[s]),{state:i,wheel:n}=AN(e.slug,l),h=rn(()=>n?.variants??[],[n]),m=c.selectedIdx>=0?a[c.selectedIdx]?.name??null:null,[u,d]=TN(null),{setSelectedIdx:v}=c,g=Mg(!1),b=FN(T=>{g.current=!0,v(T)},[v]),f=t.join(","),w=Mg(null);kg(()=>{if(w.current===f)return;w.current=f;let T=HN(a,t);T<0||(g.current=!0,v(T))},[f,t,a,v]);let z=Mg(!1);kg(()=>{if(z.current||g.current||h.length===0||!m||(z.current=!0,pg(h,m).length>0))return;let T=hN(h,a.map(P=>P.name),c.availability);T>=0&&v(T)},[h,m,a,c.availability,v]);let M=rn(()=>pg(h,m),[h,m]);kg(()=>{d(T=>T&&M.some(P=>P.size===T)?T:M.length===1?M[0].size:null)},[M]);let S=St(h,m,u),H=qs(S),I=S!=null&&!H,E=!s||i==="error"||i==="ready"&&M.length===0,O=rn(()=>nN(h,m),[h,m]);return{...c,setSelectedIdx:b,finishes:a,arm:o,detailState:i,confirmedFinishName:m,sizeOptions:M,size:u,setSize:d,selectedVariant:S,outOfStock:H,outOfStockVariants:O,canAdd:I,unsellable:E}}import{Fragment as R31,jsx as G7,jsxs as PN}from"react/jsx-runtime";var I31=[];function Sg({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=I31,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:w=!0,showCardFinishes:z=!0}){let{currency:M}=u0(),S=on(e,t),H=tn(e,i,S.finish?.name,S.shownSrc,a?.holes),I=ge(e,S.selectedVariant,M,1),E=vr(I,M),[O,T]=_31(()=>new Set),P=K=>T(u1=>u1.has(K)?u1:new Set(u1).add(K)),N=en({overrideSrc:H,hookSrc:S.shownSrc,failed:O}),D=we(e),Z=PM(e,a),_=cn({wheel:e,sel:S,price:I,editing:s,href:`/wheels/${e.slug}`,show:{sizes:g,buy:b,page:f}}),U=S.detailState==="ready",V=S.unsellable,J=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",j=N?G7(N3,{src:N,alt:S.finish?`${e.name} \u2014 ${S.finish.name}`:e.name,width:800,height:800,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:["block h-full w-full object-contain",J].filter(Boolean).join(" "),draggable:!1,onError:()=>P(N)},N):G7(Ys,{imageLabel:e.name}),W=v!=="off"?G7("span",{"aria-hidden":!0,className:`${B9} ${Z9}`}):null,n1=u?e.badge:null,z1=I.onSale||n1?PN("div",{className:`${Gs} pointer-events-none flex flex-col items-end gap-1`,children:[I.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($s,{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=kr(Z.length>0?Z:$r(e),n).map(K=>K.text),g1=I.priced?["each",I.setTotal!=null&&S.selectedVariant?`${Mt(S.selectedVariant)} \xB7 ${Z2(I.setTotal,M)}`:null].filter(Boolean).join(" \xB7 "):null;return PN(R31,{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:Gi({kindLabel:l,brand:r&&D?J1(D):null,process:o&&e.process?J1(e.process):null},n),reserveEyebrow:Ds({kind:!!l,brand:r,process:o},n),name:J1(e.name),spec:Ki(c1,TM),was:E,price:ve(I,M),metaLine:g1,swatches:$,reserveSwatches:z,showPrice:w,extras:_.extras}),_.dialog]})}import{jsx as Xs,jsxs as nn}from"react/jsx-runtime";function Lg({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let s=Ck(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 nn("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[nn("div",{className:"flex items-center gap-1.5",children:[Xs("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:c,children:"\u2039"}),s.map((l,r)=>l===null?Xs("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${r}`):Xs("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)),Xs("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:c,children:"\u203A"})]}),nn("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",Xs("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=>nn("option",{value:l,children:["Page ",l," of ",t]},l))})]})]})}import{useState as O31}from"react";import{useState as B31}from"react";import{jsx as Js,jsxs as Z31}from"react/jsx-runtime";function Ag({checked:e,count:t,noun:a,onChange:s}){let[c,l]=B31(!1);return Z31("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[Js("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})`}),Js("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:Js("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),Js("span",{className:"flex-1",children:"In stock only"}),Js("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as D31}from"react";import{jsx as Qs,jsxs as EN}from"react/jsx-runtime";function Hg({options:e,noun:t,onPick:a}){let s=D31();return e.length===0?null:EN("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[Qs("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),Qs("div",{className:"flex flex-col pt-1.5",children:e.map(c=>{let l=c.count===0&&!c.checked;return EN("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${l?"opacity-40":"cursor-pointer"}`,children:[Qs("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)]"}),Qs("span",{className:`flex-1 ${c.checked?"text-accent":""}`,children:c.label}),Qs("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:c.count})]},c.kind??"all")})})]})}import{jsx as Fg,jsxs as Ft}from"react/jsx-runtime";function Tg({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:[Fg("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:[Fg("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:[Fg("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 Pg({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]=O31({});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"}),Ar(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(Hg,{options:a,noun:l.many,onPick:n})}),o!==null&&L2("div",{className:"border-t border-line py-2",children:L2(Ag,{checked:t.inStockOnly,count:o,noun:l.many,onChange:u})}),s&&L2(VN,{label:$m.tyreSizes,open:!g.tyreSizes,onToggle:()=>b(f=>({...f,tyreSizes:!f.tyreSizes})),children:!g.tyreSizes&&L2("div",{className:"pb-3",children:L2(Tg,{boxes:s,composed:t.tyreSizes[0]??"",matches:c,noun:l.many,onPick:h})})}),e.map(f=>{if(f.options.length===0)return null;let w=!g[f.key];return L2(VN,{label:f.label,open:w,onToggle:()=>b(z=>({...z,[f.key]:!z[f.key]})),children:w&&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 w=Number(f.target.value);m(w>=r.max?null:w)},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 VN({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 NN}from"react/jsx-runtime";function Eg(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function ec({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=Eg(a,c),m=xe({items:h,value:t,onPick:s}),u=m.open;return NN("div",{ref:m.wrapRef,className:"relative",children:[NN("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(Qe,{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]:rm}:{},children:Tt(Qe,{kind:rm,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 tc=["make","model","year","trim"],a9={make:"Make",model:"Model",year:"Year",trim:"Trim"};function _N(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 IN(e,t){for(let a of tc){if(a===e)break;if(!_N(a,t))return a}return e}function RN(e){return tc.find(t=>!_N(t,e))??null}var ac={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function hn({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 mn(e){let{vehicle:t,loading:a}=e;return{make:hn({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:hn({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:ac.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:hn({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:ac.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:hn({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:ac.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function BN(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function ZN(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function DN(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function ON(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 pn,jsxs as G31}from"react/jsx-runtime";function Y3({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:s}=e,c=mn(e);return G31("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:[pn(ec,{label:a9.make,placeholder:c.make.placeholder,disabled:c.make.disabled,value:s.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),pn(ec,{label:a9.model,placeholder:c.model.placeholder,disabled:c.model.disabled,value:s.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),pn(ec,{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}),pn(ec,{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 Vg({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(GN,{}),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(GN,{}),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??EM(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 GN(){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 q31,useRef as W31}from"react";import{jsx as E6,jsxs as U31}from"react/jsx-runtime";function Ng({cascade:e,heading:t,intro:a,ready:s,copy:c,onSkip:l}){let r=q31(),o=W31(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:U31("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:J1(t)}),E6("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:J1(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 K31,useMemo as $31,useState as Y31}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 qN(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 j31=["tyre"];function WN(e){return j31.filter(t=>e.includes(t))}function UN(e){return!e||!g4(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function jN(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function KN(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 $N({catalog:e,shownKinds:t,vehicle:a,editing:s=!1}){let c=WN(t),l=s?null:UN(a),[r,o]=Y31(null),i=jN(c,l,r!==null),n=i?JSON.stringify(i):"";K31(()=>{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 $31(()=>KN(e,m?m.split(","):[],h),[e,m,h])}import{useCallback as Ig,useEffect as sc,useMemo as Q31,useRef as e41,useState as JN}from"react";import{useCallback as un,useEffect as Pt,useMemo as dn,useState as q7}from"react";function gn(e){return e instanceof Error?e.message:String(e)}function YN(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(_=>({..._,models:!0})),he.listModels(a.make).then(_=>{Z||o(_)}).catch(_=>{Z||f(gn(_))}).finally(()=>{Z||g(_=>({..._,models:!1}))}),()=>{Z=!0}},[a.make]),Pt(()=>{if(!a.make||!a.model){n([]);return}let Z=!1;return g(_=>({..._,years:!0})),he.listYears(a.make,a.model).then(_=>{Z||n(_)}).catch(_=>{Z||f(gn(_))}).finally(()=>{Z||g(_=>({..._,years:!1}))}),()=>{Z=!0}},[a.make,a.model]),Pt(()=>{if(!a.make||!a.model||a.year===null){m([]);return}let Z=!1;return g(_=>({..._,modifications:!0})),he.listModifications(a.make,a.model,a.year).then(_=>{Z||m(_)}).catch(_=>{Z||f(gn(_))}).finally(()=>{Z||g(_=>({..._,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 _=!1;return g(U=>({...U,stock:!0})),f(null),he.getStockFitment(a.make,a.model,a.year,a.modification).then(U=>{_||d(U)}).catch(U=>{_||f(gn(U))}).finally(()=>{_||g(U=>({...U,stock:!1}))}),()=>{_=!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 w=un(Z=>s(_=>({..._,make:Z,model:"",year:null,modification:""})),[]),z=un(Z=>s(_=>({..._,model:Z,year:null,modification:""})),[]),M=un(Z=>s(_=>({..._,year:Z?Number(Z):null,modification:""})),[]),S=un(Z=>s(_=>({..._,modification:Z})),[]),H=dn(()=>i.map(Z=>({value:String(Z),label:String(Z)})),[i]),I=dn(()=>c.map(Z=>({value:Z.slug,label:Z.name})),[c]),E=dn(()=>r.map(Z=>({value:Z.slug,label:Z.name})),[r]),O=dn(()=>h.map(Z=>({value:Z.slug,label:Z.name})),[h]),T=a.year!==null&&!!a.make&&!!a.model&&!!a.modification,P=c.find(Z=>Z.slug===a.make)?.name??a.make,N=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:w,setModel:z,setYear:M,setModification:S,makeOptions:I,modelOptions:E,yearOptions:H,modOptions:O,loading:v,cascadeError:b,stock:u,fullyPicked:T,makeName:P,modelName:N,modName:D}}var _g="storefront-vehicle";function X31(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 J31(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(_g);t=c?X31(JSON.parse(c)):null}catch{t=null}return t},write(c){t=c;try{e()?.setItem(_g,JSON.stringify(c))}catch{}s()},clear(){t=null;try{e()?.removeItem(_g)}catch{}s()},subscribe(c){return a.add(c),()=>{a.delete(c)}}}}var W7=J31(()=>e3);function XN(){W7.clear()}function Rg(e,t,a){return e!==t?e:a||t}function t41(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=YN(e,a),{setVehicle:l}=c,[r,o]=JN(null),[i,n]=JN(!1),h=Ig(()=>({make:c.makeName,model:c.modelName,modification:c.modName}),[c.makeName,c.modelName,c.modName]);sc(()=>{if(t||!a){n(!0);return}let f=qN(new URLSearchParams(window.location.search)),w=f?null:W7.read(),z=f??w?.vehicle??null;z&&(l(z),o({vehicle:z,labels:w?.labels??{make:z.make,model:z.model,modification:z.modification},stock:null})),n(!0)},[t,a,l]),sc(()=>{if(!(t||!a))return W7.subscribe(()=>{let f=W7.read();o(z=>f?z&&Et(z.vehicle,f.vehicle)?t41(z.labels,f.labels)?z:{...z,labels:f.labels}:{vehicle:f.vehicle,labels:f.labels,stock:null}:null);let w=f?.vehicle??V6;l(z=>Et(z,w)?z:w)})},[t,a,l]),sc(()=>{!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]),sc(()=>{if(!r||!Et(c.vehicle,r.vehicle))return;let f={make:Rg(c.makeName,c.vehicle.make,r.labels.make),model:Rg(c.modelName,c.vehicle.model,r.labels.model),modification:Rg(c.modName,c.vehicle.modification,r.labels.modification)};(r.stock!==c.stock||r.labels.make!==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=e41("");sc(()=>{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=Ig(()=>{g4(c.vehicle)&&o({vehicle:c.vehicle,labels:h(),stock:c.stock})},[c.vehicle,c.stock,h]),d=Ig(()=>{o(null),l(V6),!t&&a&&XN()},[t,a,l]),v=Q31(()=>MM(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 QN,useState as e_}from"react";var Bg="plp:locationchange",t_=!1;function a41(e){if(typeof window>"u")return()=>{};if(!t_){t_=!0;for(let t of["pushState","replaceState"]){let a=window.history[t];window.history[t]=function(...c){a.apply(this,c),window.dispatchEvent(new Event(Bg))}}}return window.addEventListener("popstate",e),window.addEventListener(Bg,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(Bg,e)}}function a_({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:s}){let[c,l]=e_({...S5,sort:t}),[r,o]=e_(!1);return QN(()=>{if(e||typeof window>"u")return;let i=()=>{let h=wk(new URLSearchParams(window.location.search));return S8(h).toString()===""?{...S5,sort:t}:h},n=()=>{let h=i();l(m=>S8(m).toString()===S8(h).toString()?m:h)};return n(),o(!0),a41(n)},[e,t]),QN(()=>{if(e||!r||!s||typeof window>"u")return;let i=S8(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 s_,jsx as b2,jsxs as j2}from"react/jsx-runtime";var Zg={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 o41({level:e,className:t,children:a}){return b2(e===2?"h2":"h1",{className:t,children:a})}var i41=[];function Dg({heading:e="",intro:t="",askForCar:a=!0,gateHeading:s="",gateIntro:c="",perPage:l=24,columns:r,defaultSort:o="recommended",hiddenFacets:i=[],fieldUsage:n=i41,showPrice:h=!0,showInStock:m=!0,kinds:u,products:d,wheels:v,editing:g=!1,coverIndex:b=1,cardImage:f,spinOnHover:w=!1,imageBackground:z,showBadge:M=!0,showCardSizes:S,showCardBuy:H,showCardPage:I,showCardPrice:E,showCardFinishes:O,outline:T=l4,indexBadge:P=c4,titleLevel:N}){let{currency:D}=u0(),Z=U9(z,e7),_=M5(u),U=w5(),V=DV(Zi(r),g?U:null),J=`plp-${c41().replace(/:/g,"")}`,j=J6(J,P),W=jV(),n1=d??v??W??[],z1=F3(()=>qC(n1,_),[n1,_.join(",")]),$=_4({editing:g,enabled:a,autoApply:!0}),[c1,g1]=r41(!1),K=sk(o,_),u1=$.applied?.vehicle??null,[x1,T0]=a_({editing:g,openingSort:K,appliedVehicle:u1,vehicleRestored:$.restored}),P0=lk(_,x1.kind),H1=c5(M1=>T0(M1),[T0]),c0=c5((M1,w2)=>{let d2=x1[M1],K6=d2.map(String).includes(w2)?d2.filter(Gh=>String(Gh)!==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]),X1=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=l41(null);s41(()=>{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=$N({catalog:z1,shownKinds:_,vehicle:u1,editing:g}),Q=F3(()=>{if(!$.fit)return o2;let M1=o2.filter(d2=>O0(d2)==="alloy-wheel"),w2=new Set(Kr(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 Hr(Q,x1,D,P0,n).filter(w2=>!M1.has(w2.key))},[Q,x1,D,k1,P0.join(","),n]),N0=F3(()=>nk(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(()=>WC(N0),[N0]),p5=F3(()=>UC(N0),[N0]),E3=F3(()=>h?vk(Q,D):null,[Q,D,h]),U6=F3(()=>ik(Q,x1,D),[Q,x1,D]),p8=F3(()=>gk(Q,_,x1,D),[Q,_.join(","),x1,D]),m3=c5((M1,w2)=>{let d2=dk(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!mk(Q,P0)||M1.has("tyreSizes")?null:uk(Q,x1,D)},[Q,x1,D,k1,P0.join(","),n]),V3=F3(()=>kk(N0,x1.page,l),[N0,x1.page,l]),Q3=k5(P0),M3=Bs(P0),e4=KV(s,c,P0,_),a6=P0.length===1&&P0[0]==="tyre",x4=$.applied?.stock??null,z4=F3(()=>FS(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 _.length===0?null:j2("section",{style:X2(f),children:[a&&b2(Vg,{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(Ng,{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(o41,{level:N,className:"font-display text-[clamp(28px,4vw,40px)] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:J1(e)}),t&&b2("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:J1(t)})]}),j2("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[b2(Pg,{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:X1,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(s_,{children:[j2("span",{children:[V3.from,"\u2013",V3.to]}),j2("span",{className:"text-fg-dim",children:[" of ",V3.total," ",Q3.many]})]})}),b2(gg,{filters:x1,onToggle:c0,onPriceMax:l0,onInStockOnly:X1,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:Km(_).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."}),Ar(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(s_,{children:[j&&b2("style",{children:j}),b2("div",{className:j?`${J} plp-card-grid`:"plp-card-grid",style:V,children:V3.items.map(M1=>O0(M1)==="tyre"?b2(Ks,{item:M1,currency:D,fitSize:z4.length>0?TS(M1.sizes,z4):null,kindLabel:t6?k5(["tyre"]).one:null,showBrand:W6,editing:g,fieldUsage:q6},`tyre:${p7(M1)}`):b2(Sg,{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:w,imageBackgroundFill:Z,showBadge:M,outline:T,indexBadge:P,showCardSizes:S??!0,showCardBuy:H??!0,showCardPage:I??!0,showCardPrice:E??!0,showCardFinishes:O??!0},`wheel:${p7(M1)}`))})]}),b2(Lg,{page:V3.page,pageCount:V3.pageCount,onPage:H2}),b2(Rs,{editing:g})]})]})]})]})}import{SortIcon as h41,CarIcon as m41,HashIcon as p41}from"efficient-easel/icons";import{useEasel as u41}from"efficient-easel/easel";import{jsx as n41}from"react/jsx-runtime";var cc={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},c_={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...Cr],perPage:24,columns:tg,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>n41(Dg,{titleLevel:e.titleLevel,heading:y(e.heading,cc.heading,e.puck),intro:y(e.intro,cc.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:Fr(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 vn=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],d41="Brand, Color, Size and PCD follow the product type. Set them in Product types.",l_="root:default-zone";function g41(){let{appState:e,dispatch:t}=u41(i=>i),a=e.ui.itemSelector,s=e.data.content??[],c=a&&(a.zone===void 0||a.zone===l_)?a.index:-1,l=c>=0?s[c]:void 0,r=l?.props??{},o=vn.filter(i=>r[i.value]!==!1).map(i=>i.value);return s9(Hl,{label:"Filters",options:vn.map(i=>({...i,label:p(i.label)})),value:o,onChange:i=>{if(!l||l.type!=="AlloyWheelsListing")return;let n={};for(let h of vn){let m=i.includes(h.value);r[h.value]!==!1!==m&&(n[h.value]=m)}Object.keys(n).length&&t({type:"replace",destinationZone:l_,destinationIndex:c,data:{...l,props:{...l.props,...n}}})}})}var r_=()=>Ll({type:"custom",render:()=>s9(by,{})},"always"),o_={fields:{_gHeader:x("Header"),heading:F("Heading",cc.heading),intro:G("Intro",cc.intro),_gResults:x("Products"),kinds:J9("Product types",ye,"None \u2014 this section will be empty"),defaultSort:v1("Opening sort",s9(h41,{}),Object.entries(Ha).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:x("Filters"),showInStock:{type:"custom",label:"Filters",options:vn,render:()=>s9(g41,{})},showCollection:r_(),showPrice:r_(),_nFieldFilters:f5(d41),_gVehicle:x("Car prompt"),askForCar:l1("Ask for the car first",!0,s9(m41,{})),gateHeading:q("Welcome heading",Zg.heading),gateIntro:V1("Welcome intro",Zg.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(lg,{value:e,onChange:t})},perPage:s1("Products per page",s9(p41,{}),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 b41,useState as x41}from"react";function v41(e){return{name:e.name,logo:e.logo,count:e.count}}var lc=null,Og=null;function fn(e=!1){let t=i2();return!e&&lc&&Og===t||(Og=t,lc=f41(t).catch(()=>(Og===t&&(lc=null),null))),lc}async function f41(e){return e?(await v0.listBrandsForSite(e)).map(v41):null}import{Fragment as z41,jsx as bn,jsxs as y41}from"react/jsx-runtime";function Gg({value:e,onChange:t}){let[a,s]=x41(void 0);b41(()=>{let o=!1;return fn().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 y41(z41,{children:[bn(Hl,{label:"Brands",options:r,value:c,onChange:t,emptyLabel:"None"}),a===void 0?bn("p",{className:"es-field-hint sf-hint-keep",children:p("Reading this website\u2019s brands\u2026")}):a===null?bn("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?bn("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 rc="picks",i_="available",n_=()=>[];function h_(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 w41,HashIcon as C41}from"efficient-easel/icons";import{jsx as m_}from"react/jsx-runtime";var p_={fields:{_gContent:x("Content"),heading:F("Heading","Shop by brand"),button:F("Button","All brands"),link:F1("Link"),[rc]:s2(Gg),_gStyle:x("Style"),face:f1("Tile",m_(w41,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:l1("Count",!0,m_(C41,{})),_gLayout:x("Layout")}};import{ColumnsIcon as k41}from"efficient-easel/icons";var K0={num:A.sectionNumber,link:A.viewAll};import{jsx as M41}from"react/jsx-runtime";var u_={fields:{_gHeader:x("Header"),num:F("Number",K0.num),title:G("Heading",A.sectionHeading),description:G("Body",A.body),_gLayout:x("Layout"),columns:s1("Columns",M41(k41,{}),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 S41}from"efficient-easel/icons";var xn=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as L41}from"react/jsx-runtime";var d_={fields:{_gStyle:x("Style"),style:f1("Show as",L41(S41,{}),xn,"icon")}};import{HashIcon as B41,SortIcon as Z41,LayoutIcon as D41}from"efficient-easel/icons";import{createContext as H41,useContext as F41,useMemo as T41}from"react";var A41=["vehicle","process","size","lugs","finish","price"],zn={vehicle:"My Car",process:"Process",size:"Size",lugs:"Lugs",finish:"Finish",price:"Price"};function g_(e){if(!e)return zn;let t={...zn};for(let a of A41){let s=e[a];if(typeof s!="string")continue;let c=s.trim();c&&(t[a]=c)}return t}import{jsx as P41}from"react/jsx-runtime";var v_=H41(zn);function MG1({labels:e,children:t}){let a=T41(()=>g_(e),[e]);return P41(v_.Provider,{value:a,children:t})}function oc(){return F41(v_)}import{SettingsField as E41,SettingsSwitch as V41}from"efficient-easel/panel";import{jsx as ic}from"react/jsx-runtime";function N41({facet:e,fallback:t,value:a,onChange:s,fieldId:c}){let r=oc()[e],o=typeof a=="boolean"?a:t,i=`${c}-label`;return ic(E41,{label:r,labelId:i,action:ic(V41,{checked:o,onChange:s,ariaLabelledBy:i})})}function nc(e,t){return{type:"custom",render:({value:a,onChange:s,id:c,name:l})=>ic(N41,{facet:e,fallback:t,value:a,onChange:s,fieldId:String(c??l??e)})}}function f_(e,t){return{type:"custom",render:()=>ic(_41,{facets:e,rest:t})}}function _41({facets:e,rest:t}){let a=oc(),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 ic(Dy,{text:t.includes("{names}")?p(t,{names:c}):`${c} ${t}`})}var b_="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 x_(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function I41(e){return e==="default"?"recommended":e}function R41(e){return{...S5,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:I41(e.sort)}}function z_(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 S8(R41(t)))i.set(h,m);Z5(i,a);let n=i.toString();return`${o}${n?`?${n}`:""}${c}`}var c9="pills",qg=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function y_(e){return R2(qg,c9,e)}import{jsx as Wg}from"react/jsx-runtime";var O41="follow the product type. Set them in Product types.",w_={fields:{_gPills:x("Filters shown"),showProcess:nc("process",!0),showLugs:nc("lugs",!0),showPrice:nc("price",!0),showVehicle:nc("vehicle",!0),_nFieldFilters:f_(["size","finish"],O41),_gBar:x("Bar"),showCount:l1("Result count",!0,Wg(B41,{})),showSort:l1("Sort + Clear all",!0,Wg(Z41,{})),resultsLabel:q("Results button","See all results"),resultsHref:F1("Results link"),resultsBlocked:f5(b_),layout:v1("Layout",Wg(D41,{}),qg,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 C_}from"react/jsx-runtime";function Ug({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:C_("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)&&C_("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 G41}from"react/jsx-runtime";var hc={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},k_={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 G41(Ug,{eyebrow:y(e,A.eyebrow,i),title:y(t,hc.title,i),body:y(a,A.body,i),ctaText:n.text,ctaHref:n.href||"/checkout",secondaryText:y(l,hc.secondary,i),secondaryHref:a1(r)||"#",contained:o})}};var M_={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",A.eyebrow),title:G("Heading",hc.title),body:G("Body",A.body),_gButton:x("Button"),...A4,secondaryText:F("Secondary button",hc.secondary),secondaryHref:F1("Secondary link"),_gLayout:x("Layout")}};import{Button as q41}from"efficient-shell/ui";import{SettingsField as W41}from"efficient-easel/panel";import{FieldSelect as U41}from"efficient-easel/fields";import{CategoryIcon as j41}from"efficient-easel/icons";import{useEffect as S_,useRef as jg,useState as K41}from"react";var v4=tt({fetch:(e,t)=>Q1.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:i2});import{jsx as f4,jsxs as Nt}from"react/jsx-runtime";function L_(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function Kg({value:e,onChange:t}){let a=w4(),[s,c]=K41(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 w=L_(f);b6(w,b)&&o.current(w)};S_(()=>(l.current=!0,i().then(n),()=>{l.current=!1}),[]),S_(()=>GM(()=>{i(!0).then(n)}),[]);let h=g=>{if(!g){t(null);return}let b=(s??[]).find(f=>f.id===g);b&&t(L_(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=iu(e?.image);return Nt("div",{children:[f4(W41,{label:p("Collection"),icon:f4(j41,{}),children:f4(U41,{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(q41,{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 $41}from"react/jsx-runtime";var A_={fields:{_gContent:x("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>$41(Kg,{value:e,onChange:t})},altName:$9(b1("Alt name")),tag:F("Tag",A.eyebrow),_gLink:x("Link"),href:F1("Link")}};import{ColumnsIcon as a51,HashIcon as s51}from"efficient-easel/icons";import{useId as Y41}from"react";import{Fragment as H_,jsx as l9,jsxs as $g}from"react/jsx-runtime";function X41({editing:e,nodeId:t,children:a}){return!e||!t?l9(H_,{children:a}):l9(et,{nodeId:t,sectionType:"Collections",children:a})}var J41="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",Q41="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]",e51={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function Yg({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-${Y41().replace(/:/g,"")}`,d=typeof r=="number"&&r>0,v=l==="list"?"grid-cols-1":a===void 0?"grid-cols-3":e51[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return $g("section",{className:i?Q41:J41,children:[i?null:l9(t0,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?Y(t,!1):$g(H_,{children:["Three ranges,",l9("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),o&&l9(X41,{editing:m,nodeId:n,children:$g(nu.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 t51}from"react/jsx-runtime";var Xg={cards:{type:"slot"}},F_={label:"Collections",fields:Xg,defaultProps:{columns:3,limit:6},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return t51(Yg,{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 T_}from"react/jsx-runtime";var P_={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",A.sectionNumber),heading:G("Heading",A.sectionHeading),cardList:V5("Collections","Cards"),cards:Xg.cards,_gLayout:x("Layout"),columns:s1("Columns",T_(a51,{}),2,5,1,3),limit:s1("Collections to display",T_(s51,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Collections.headRows)};import{useEffect as Z51,useId as D51,useState as O51}from"react";import{useId as h51}from"react";import{Fragment as o51,jsx as D5,jsxs as _t}from"react/jsx-runtime";var c51=[],l51="View tyre",r51="flex flex-col bg-[var(--card-bg)] p-5";function E_(e,t){let a=e?Al(e):"";return[r51,t?"relative":"",a].filter(Boolean).join(" ")}function mc({outline:e,showIndex:t=!1,size:a,specs:s,prices:c,image:l,inStock:r,href:o,linkLabel:i=l51,imageSizes:n="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=c51,currency:m,formatPrice:u}){let d=ue(c,m),v=d===null?n7:u(d),g=Wm(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(o51,{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"})]})]}),w=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 ${E_(e,t)}`,children:[w,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:E_(e,t),children:[w,f]})}import{jsx as i51,jsxs as n51}from"react/jsx-runtime";function pc({href:e,label:t}){return n51(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,i51("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as u51,jsx as O5,jsxs as Jg}from"react/jsx-runtime";var m51="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",V_={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 Qg({num:e,title:t,description:a,tyres:s,footnote:c,footnoteLinkText:l,footnoteLinkHref:r,viewMore:o,editing:i=!1,frameClassName:n=m51,omitHead:h=!1,columns:m=3,capWidth:u,cardImage:d,outline:v,indexBadge:g}){let{currency:b,formatPrice:f}=u0(),w=s??[],z=`ct-${h51().replace(/:/g,"")}`,M=g??c4,S=J6(z,M),H=w.some(O=>!O.image),I=[c,H?io: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 w.length===0?i?Jg("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:Jg("section",{className:n,style:X2(d),children:[S&&O5("style",{children:S}),Jg(p51,{px:u,children:[E,O5("div",{className:`${S?`${z} `:""}${V_[m]??V_[3]}`,children:w.map(O=>O5(mc,{outline:v,showIndex:M!=="off",size:O.size,specs:O.specs,prices:O.prices,image:O.image,inStock:O.inStock,href:De(O.slug),currency:b,formatPrice:f},O.sku))}),o&&O5("div",{className:"mt-10 flex",children:O5(pc,{href:o.href,label:o.label})}),O5(a5,{text:I,linkText:l,linkHref:r})]})]})}function p51({px:e,children:t}){return typeof e!="number"?O5(u51,{children:t}):O5("div",{style:X6(e),children:t})}import{useMemo as x51,useState as z51}from"react";import{createContext as d51,useContext as g51,useMemo as v51}from"react";import{jsx as b51}from"react/jsx-runtime";var N_=[],f51={imageBackgroundFill:W9,spinOnHover:!0,coverIndex:1,indexBadge:c4,outline:l4,showBadge:!0,fieldUsage:N_,reserveEyebrow:!1,showCardPrice:!0,showCardFinishes:!0,showCardSizes:!1,showCardBuy:!1,showCardPage:!1},__=d51(f51);function yn({imageBackgroundFill:e,spinOnHover:t,coverIndex:a=1,indexBadge:s=c4,outline:c=l4,showBadge:l=!0,fieldUsage:r=N_,reserveEyebrow:o=!1,showCardPrice:i=!0,showCardFinishes:n=!0,showCardSizes:h=!1,showCardBuy:m=!1,showCardPage:u=!1,children:d}){let v=v51(()=>({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 b51(__.Provider,{value:v,children:d})}function I_(){return g51(__)}import{Fragment as R_,jsx as U7,jsxs as B_}from"react/jsx-runtime";function r9({wheel:e,variant:t="compact",defaultFinish:a}){let s=t==="catalog",c=x51(()=>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:w,showCardPage:z}=I_(),M=s&&(f||w||z),S=h7(e.prices[r],e.msrpPrices?.[r]),H=gr(S,r,"from "),I=kC(S,r),E=cN(e),O=rN(E),T=lN(E),P=kr([...$r(e).map(g0=>({fieldKey:g0.fieldKey,field:g0.text})),...T?[{field:{text:T,accent:!0}}]:[]],d).map(g0=>g0.field),{selectedIdx:N,setSelectedIdx:D,hoverIdx:Z,setHoverIdx:_,availability:U,finish:V,shownSrc:J,showSwatches:j,probes:W}=ln(c,l,a??e.defaultFinish??void 0),n1=tn(e,n,V?.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]=z51(()=>new Set),K=g0=>g1(p1=>p1.has(g0)?p1:new Set(p1).add(g0)),u1=en({overrideSrc:n1,hookSrc:J,failed:c1}),x1=u1?U7(N3,{src:u1,alt:V?`${e.name} \u2014 ${V.name}`:e.name,width:1e3,height:1e3,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:`block object-contain ${$} ${z1}`,draggable:!1,onError:()=>K(u1)},u1):U7(Ys,{imageLabel:e.name}),T0=s&&u&&e.badge?U7(Ct,{className:Gs,tone:e.badge==="new"?"solid":"outline",children:e.badge==="new"?"New":"Bestseller"}):null,P0=T&&s?U7(Ct,{className:Gs,tone:"outline",children:T}):T0,H1=Gi({kindLabel:null,brand:null,process:e.process?J1(e.process):null},d),c0=O?B_(R_,{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,X1=on(e),y2=ge(e,X1.selectedVariant,r,1),a0=cn({wheel:e,sel:X1,price:y2,href:`/wheels/${e.slug}`,show:{sizes:M&&f,buy:M&&w,page:M&&z}}),H2=b&&j?U7($s,{finishes:c,availability:U,selectedIdx:N,hoverIdx:Z,activeFinish:V,onSelect:D,onHover:_,showLabel:!1}):null;return B_(R_,{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:J1(e.name),spec:Ki(P),was:O?void 0:I,price:O?S.priced?H:ur: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 y51,useContext as w51,useMemo as C51}from"react";function Z_(e,t=[]){let a=ap(Ea,{param:d7,value:e}),s=t.find(c=>{let l=(c?.url??"").trim();if(!l||l==="#")return!1;let r=tp(l);return r?.param!==d7||r.value!==e?!1:mm(l).startsWith("/")});return s?s.url:a}function D_(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 k51}from"react/jsx-runtime";var O_=y51([]);function aU1({items:e,children:t}){let a=C51(()=>D_(e),[e]);return k51(O_.Provider,{value:a,children:t})}function G_(){return w51(O_)}import{useMemo as CU1}from"react";import{jsx as ev,jsxs as M51}from"react/jsx-runtime";function It({item:e,onClose:t}){return e?M51("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:[ev("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),ev("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"}),ev("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 S51,useState as L51}from"react";function uc(){let[e,t]=L51(null);return S51(()=>{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 F51,useState as Rt}from"react";function A51(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 q_(e,t,a){return a.every(s=>t[s]===void 0||e.options[s]===t[s])}function tv(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 wn(e,t){return U_(e,t).rows}function W_(e,t){return U_(e,t).facts}function U_(e,t){let a=tv(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=>q_(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:A51(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 H51(e,t){return wn(e,t).map(a=>a.key)}function j_(e,t){let a=H51(e,t);if(a.length===0||a.some(c=>t[c]===void 0))return null;let s=e.parts.filter(c=>q_(c,t,a));return s.length===1?s[0]:null}function K_(e,t){let a=wn(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 Cn(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function $_({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function dc(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=vN(e,u?null:v.fit),b=wn(g,a),f=W_(g,a),w=tv(g,a),z=j_(g,a),M=z!=null&&!z.inStock,S=K_(g,a).join("|");F51(()=>{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=ug(g,z,{choice:r,qty:c}),O=ge({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},z?{components:E.components}:null,H,c),T=O.unit??0,P=O.setTotal??0,N=vr(O,H),D=u||v.appliedName!=="",Z=zN(e)==="required"?D:!0,U=b.every(j=>j.chosen!==null)&&Z&&z!=null&&z.inStock&&O.priced,V=$_({variants:e.parts,inStock:e.inStock,priced:O.priced});function J(j,W){s(n1=>({...n1,[j]:W}))}return{picked:a,shown:w,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:V,canAddToCart:U,currency:H,price:O,unit:T,set:P,msrpLabel:N}}import{jsx as TU1,jsxs as PU1}from"react/jsx-runtime";function X0(){return rL(z7)?.value??null}var HU1=Object.freeze({});import{Fragment as P51,jsx as av}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)?av(P51,{children:s}):a?av("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:av("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:T51(c.product.kind)})})}):null}function T51(e){switch(e){case"alloy-wheel":return p("Alloy wheels");case"tyre":return p("Tyres");default:return n4[e]}}var sv=2,gc=6,vc=12;function kn(e){return typeof e!="number"||!Number.isFinite(e)?gc:Math.min(vc,Math.max(sv,Math.round(e)))}function Y_(e,t=[]){return{href:Z_(e.to,t),label:`View more ${k5([e.to]).many}`}}var E51={kind:"tyre",tyres:[]},V51={kind:"alloy-wheel",wheels:[]},X_=[{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??[]}:E51},{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}:V51},{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",J_=X_.map(e=>({value:e.key,label:e.label}));function cv(e){return X_.find(t=>t.key===e)}function Q_(e,t){return e.from.includes(t)}var eI=["coverIndex","imageBackground","spinOnHover","showBadge"];function tI(e){return cv(e)?.to==="tyre"}var lv={GBP:0,USD:0,AUD:0},N51=[{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}],sI=[{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}],I51=sI.flatMap(e=>N51.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:{...lv},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),aI=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:aI(e),thumbnailUrl:aI(e),kind:"image"}),R51={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:[]},B51=[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:{...lv},image:null,inStock:!0,slug:null})),rv={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...lv},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:sI,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:R51,relatedProducts:[],variants:I51,pdpTemplateSlug:null,compatibleTyres:B51},ov=Array.from({length:vc},(e,t)=>t+1).map(e=>({...rv,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as U51,jsx as i3,jsxs as iv}from"react/jsx-runtime";var G51=Z3,cI={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:G51,type:"RelatedProducts",editing:e.editing,children:i3(q51,{...e})})}function q51({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:w,showCardPage:z,coverIndex:M,imageBackground:S,spinOnHover:H,capWidth:I}){let E=X0(),O=G_(),T=kn(c),[P,N]=O51([]);Z51(()=>{if(E||!n)return;let V=!1;return o3().then(J=>{let j=J.length>0?J:ov;V||N(j)}).catch(()=>{V||N(ov)}),()=>{V=!0}},[E,n]);let D=cv(l);if(!D)return null;let Z=Y_(D,O),_=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(lI,{header:_,wheels:P.slice(0,T),columns:s,viewMore:Z,cardImage:m,outline:u,indexBadge:d,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:w,showCardPage:z,coverIndex:M,imageBackground:S,spinOnHover:H,capWidth:I}):null;if(!Q_(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(Qg,{omitHead:h,columns:s,capWidth:I,cardImage:m,outline:u,indexBadge:d,num:e,title:t||D.heading,description:a,tyres:[...U.tyres].slice(0,T),footnote:r,footnoteLinkText:o,footnoteLinkHref:i,viewMore:Z,editing:n}):U.wheels.length===0?n?iv("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:[_,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(lI,{header:_,wheels:[...U.wheels].slice(0,T),columns:s,viewMore:Z,cardImage:m,outline:u,indexBadge:d,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:w,showCardPage:z,coverIndex:M,imageBackground:S,spinOnHover:H,capWidth:I})}function lI({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-${D51().replace(/:/g,"")}`;if(t.length===0)return null;let w=cI[Math.min(4,Math.max(2,a))]??cI[3],z=r??c4,M=J6(f,z);return iv("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}),iv(W51,{px:b,children:[e,i3(yn,{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)] ${w}`,children:t.map((S,H)=>i3(r9,{wheel:S,variant:"catalog"},`${S.slug}-${H}`))})}),i3("div",{className:"mt-10 flex",children:i3(pc,{href:s.href,label:s.label})})]})]})}function W51({px:e,children:t}){return typeof e!="number"?i3(U51,{children:t}):i3("div",{style:X6(e),children:t})}import{jsx as j51}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"},rI={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 j51(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 oI={fields:{_gContent:x("Header"),num:F("Number",l5.num),title:F("Heading",l5.title),description:G("Body",l5.description),_gFootnote:x("Footnote"),footnote:G("Footnote",l5.footnote),footnoteLinkText:F("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 iI={fields:{}};import{SettingsIcon as e61,AccentIcon as t61}from"efficient-easel/icons";import{jsx as q5,jsxs as nv}from"react/jsx-runtime";var K51="py-6",$51="pt-0 pb-6";function fc({eyebrow:e,title:t,body:a,options:s=[],highlightBadge:c,contained:l,omitHead:r=!1}){return q5(t2,{contained:l,className:r?$51:K51,children:nv("div",{className:"flex flex-col gap-6",children:[r?null:e||t||a?nv("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)=>nv("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 Y51,useState as X51}from"react";import{jsx as J51}from"react/jsx-runtime";function hv({eyebrow:e,title:t,body:a,highlightBadge:s,contained:c,omitHead:l=!1}){let{currency:r,formatMoney:o}=u0(),[i,n]=X51(null);Y51(()=>{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 J51(fc,{eyebrow:e,title:t,body:a,options:h,highlightBadge:s,contained:c,omitHead:l})}import{jsx as nI}from"react/jsx-runtime";var i9={title:"Delivery, your way",badge:"Recommended"},Q51=()=>[{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.")}],hI={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?nI(hv,{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}):nI(fc,{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,Q51(),h),highlightBadge:y(i,i9.badge,h),contained:n})}};import{jsx as mI}from"react/jsx-runtime";var pI={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",A.eyebrow),title:G("Heading",i9.title),body:G("Body",A.body),_gOptions:x("Options"),live:l1("Use my real delivery options",!0,mI(e61,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:b1("Name"),eta:b1("Window"),price:b1("Price"),blurb:V1("Body"),highlighted:l1("Highlight",!1,mI(t61,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:F("Highlight badge",i9.badge),_gLayout:x("Layout")},resolveFields:(e,{fields:t})=>G1(t,e.props.headPlacement,Z1.DeliveryOptions.headRows)};import{ProductFieldIcon as z61,WordsFromIcon as y61,SquareIcon as SI,ImageIcon as w61}from"efficient-easel/icons";import{jsx as W5,jsxs as Mn}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 Mn("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:[Mn("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:J1(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)=>Mn("div",{className:"flex items-baseline justify-between gap-6",children:[W5("dt",{className:"text-fg-dim",children:J1(g.label??"")}),W5("dd",{className:"text-fg",children:J1(g.value??"")})]},b))})})()]}),Mn("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:J1(m.tag)})]})]},u)})})}function uI(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 dI(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 Sn(e){return e.manualMode?Ve(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as h61,useState as m61}from"react";var mv=[{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 Ln(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 mv){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(mv.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"},...mv.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:a61(t),anchorMsrpPrices:{}}}function a61(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 s61}from"react";var gI="sf-editor-preview-pick",Dt=null,pv=new Set;function uv(){if(Dt)return Dt;Dt={};let e=e3.getItem(gI);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 c61(){e3.setItem(gI,JSON.stringify(uv()))}function l61(e,t){return`${e??""}::${t??""}`}function r61(e){return uv()[e]}function vI(e,t){let a=uv();if(a[e]!==t){a[e]=t,c61();for(let s of pv)s()}}function o61(e){return pv.add(e),()=>pv.delete(e)}function fI(e,t){let a=e??t??"";return a.trim()?a:null}function dv(){return l61(i2(),US())}function An(){let e=dv();return s61(o61,()=>r61(e),()=>{})}var i61={GBP:0,USD:0,AUD:0},n61={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},bI=["205/55 R16","225/45 R17","245/40 R19"],xI={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:[...bI],variants:bI.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...n61},prices:{...i61},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var zI=null,yI=null,gv=new Map;function p61(e){let t=I3(),a=i2();(t!==zI||a!==yI)&&(zI=t,yI=a,gv.clear());let s=gv.get(e);return s||(s=t?Q1.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),gv.set(e,s)),s}function u61(e){return e==="tyre"?Ln(xI):Us(rv)}var bc=["alloy-wheel"];function d61(e,t){return e?Us(e):u61(t)}function z3(e){let t=fI(An(),YS()),a=QS(),[s,c]=m61(null);return h61(()=>{if(!e||!t||!bc.includes(a)){c(null);return}let l=!1;return p61(t).then(r=>{l||c(r)}),()=>{l=!0}},[e,t,a]),e?d61(s,a):null}import{jsx as n9}from"react/jsx-runtime";var g61=["alloy-wheel"];function CI(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function v61(e,t){return(CI(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=uI(CI(e,t),a);return s.map(c=>({title:c.title,copy:c.line||void 0,image:c.url,tag:a!=null&&dI(c,s)?`Shown for your ${a} lug`:void 0,imageShape:"square"}))}function vv(e){return ko(!!e.editing)?n9(b61,{...e}):n9(x2,{kinds:g61,type:"DetailRows",editing:e.editing,children:n9(x61,{...e})})}function wI(e){let t=aL(e),a=wo(e)[0];return!t.length&&!a&&!e.title.trim()?[]:[{title:e.title,specs:t,image:a?.url||void 0}]}function b61({startLeft:e,padTop:t,padBottom:a,editing:s=!1}){let c=So(),l=c?wI(c):s?wI(Mo):[];return l.length===0?null:n9(Zt,{rows:l,startLeft:e,padTop:t,padBottom:a,editing:s})}function x61({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?Sn(l.selection):null,m=e==="details",u=i?m?f61(i,n,h):v61(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 kI}from"react/jsx-runtime";var fv=[{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"}],MI={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?kI(vv,{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}):kI(Zt,{rows:w1(e.rows,fv,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 xc}from"react/jsx-runtime";var LI={fields:{_sDynamic:Y1("Product page"),dynamic:l1("Connect to product data",!1,xc(z61,{})),rowsFrom:f1("Rows from",xc(y61,{}),[{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",xc(SI,{}),[{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}`},fv),_dDesign:Y1("Design"),layout:f1("Row shape",xc(SI,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:l1("First image on the left",!1,xc(w61,{})),_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(Co(t)?["_sRows","rows","rowsFrom"]:["_sRows","rows"]),l={};for(let[r,o]of Object.entries(a))c.has(r)||(l[r]=o);return l}};var AI={fields:{_gHeader:x("Header"),num:F("Number",K0.num)}};import{SquareIcon as H61}from"efficient-easel/icons";import{useEffect as k61,useMemo as M61,useRef as S61}from"react";var bv="/shop";function HI({shopperPicked:e,fullyPicked:t,editing:a,pathname:s}){return a||!e||!t?!1:!C61(s)}function C61(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===bv}function FI(e){let a=Z5(new URLSearchParams,e).toString();return a?`${bv}?${a}`:bv}import{jsx as U5,jsxs as xv}from"react/jsx-runtime";function zv({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?xv("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?xv("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 xv("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 TI,jsx as r5,jsxs as h9}from"react/jsx-runtime";function L61(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 yv({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=S61(!1),d=M61(()=>{if(!m)return h;let f=w=>(...z)=>{u.current=!0,w(...z)};return{...h,setMake:f(h.setMake),setModel:f(h.setModel),setYear:f(h.setYear),setModification:f(h.setModification)}},[m,h]);k61(()=>{m&&(typeof window>"u"||HI({shopperPicked:u.current,fullyPicked:h.fullyPicked,editing:i,pathname:window.location.pathname})&&window.location.assign(FI(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?L61(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:J1(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(zv,{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(TI,{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(TI,{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 A61}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"},PI={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 A61(yv,{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 F61}from"react/jsx-runtime";var EI={fields:{_gHeader:x("Header"),num:F("Number",N6.num),title:F("Heading",N6.title),description:G("Body",N6.description),_gCta:x("Call to action"),ctaText:F("Button",N6.ctaText),ctaHref:F1("Button link"),_gStyle:x("Style"),layout:f1("Section shape",F61(H61,{}),[{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",T61="34x15x60\xB0",P61="1,060kg / 2,335 lbs",Y7="CP507PS68",X7="825kg / 1,820 lbs",o1="CP595AL68",h1="32x15x60\xB0",m1="690kg / 1,520 lbs",wv="34x15x60\xB0",Cv="1,060kg / 2,335 lbs",j5="CP506AL82",K5="34x16x60\xB0",$5="880kg / 1,940 lbs",E61={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,T61,P61)],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,wv,Cv)],"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,wv,Cv)],"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,wv,Cv)]};function Gt(e){return E61[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",kv="/media/videos/products",VI=["0","20-20","25","35"],NI=["Detail 1","Detail 2","Detail 3"];function G0(e,t,a,s=!0){let c=`${B}/${e}/${a}${t}`,l=VI.map(r=>`${c}${r}.png`);return{src:l[0],angles:l,...s?{details:NI.map(r=>`${c}${r}.png`)}:{}}}function Y5(e,t,a,s){let c=VI.map((r,o)=>`${B}/${e}/${t}.${r}.${a[o]}.png`),l={src:c[0],angles:c};return s&&(l.details=NI.map((r,o)=>`${B}/${e}/${t}.${r}.${s[o]}.png`)),l}var V61=[{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:`${kv}/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:`${kv}/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:`${kv}/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 N61(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."},Mv=V61.map(({price:e,...t})=>({...t,prices:N61(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}))})),I61=new Map(Mv.map(e=>[e.slug,e]));function Hn(e){return I61.get(e)}import{ProductFieldIcon as $61,BlockProductIcon as Y61,ProductSizeIcon as X61,NoteIcon as J61}from"efficient-easel/icons";import{useEffect as O61,useState as qI}from"react";import{Fragment as _I,jsx as R61,jsxs as II}from"react/jsx-runtime";function Sv({answer:e}){let t=e.tone==="no-fit"?"text-[color:var(--alert)]":e.tone==="ask"||e.tone==="checking"||e.tone==="unknown"?"text-fg":"text-accent";return II(_I,{children:[R61("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?II(_I,{children:[" ",e.detail]}):null]})}function BI({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?kp(e,a):B61(c,a);if(l===null)return{state:"fits",checks:Ne(a)};let r=c.length===0?null:kp(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:Ne(a),warning:o}:{state:"no-fit",failure:o}}var RI=["unverifiable","pcd","bore","et"];function B61(e,t){let a=null,s=null,c=!1;for(let l of e){let r=jr(Ur(l),t);if(r===null){let o=HM(l,t);if(o===null)return null;c=!0,s=s??o;continue}(a===null||RI.indexOf(r.key)>RI.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 Z61="Pick your car",D61="and we will check this size against it.";function ZI(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 DI(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:Z61,detail:D61};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=A8(ZI(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=A8(ZI(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 OI=[{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 GI(e){if(e.length===0)return OI;let t=ek(e),a=OI.filter(s=>t(s.fieldKey));return u7(a,s=>s.fieldKey,e,"fitmentOrder")}import{Fragment as W61,jsx as I2,jsxs as _6}from"react/jsx-runtime";var G61=[],q61="whitespace-nowrap border-b border-line px-4 py-3.5",WI="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",UI="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",jI="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",KI={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},$I=(e,t)=>t.map(a=>a.cell(e)).join("|");function zc({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=G61}){let u=s??[],d=GI(m),[v,g]=qI(null),[b,f]=qI(l);O61(()=>f(l),[l]);let w=_4({editing:n}),z=d.length===0;if(u.length===0||z)return n?_6("section",{className:h?jI:UI,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(P=>{let N=$I(P,d);return M.has(N)?!1:(M.add(N),!0)}),H=Array.from(new Set(S.map(P=>P.diameter))).sort((P,N)=>P-N),I=v!==null&&H.includes(v)?v:null,E=I===null?S:S.filter(P=>P.diameter===I),O=c&&H.length>1,T=P=>{if(P===0)return!1;let N=E[P-1],D=E[P];return N.diameter!==D.diameter||N.width!==D.width};return _6("section",{className:h?jI:UI,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(W61,{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:`${WI} ${I===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:I===null?KI:void 0,children:[I===null&&I2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),H.map(P=>{let N=P===I;return _6("button",{type:"button",onClick:()=>g(N?null:P),className:`${WI} ${N?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:N?KI:void 0,children:[N&&I2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),P,'"']},P)})]}),_6("button",{type:"button",onClick:()=>f(P=>!P),"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:P},N)=>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:P},N))})}),I2("tbody",{children:E.map((P,N)=>I2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${T(N)?"[&>td]:border-t [&>td]:border-line":""}`,children:d.map((D,Z)=>{let _=Z===d.length-1,U=D.fieldKey==="diameter";return _6("td",{className:`${_?"relative ":""}${q61}${U?" text-accent":""}`,children:[D.cell(P),_&&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(Sv,{answer:DI(P,w)})})]},D.fieldKey)})},$I(P,d)))})]})}),I2(a5,{text:r,linkText:o,linkHref:i})]})}import{jsx as Lv}from"react/jsx-runtime";var U61=["alloy-wheel"];function Av(e){return Lv(x2,{kinds:U61,type:"FitmentTable",editing:e.editing,children:Lv(j61,{...e})})}function j61({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 Lv(zc,{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 YI(e,t){return t||e.dynamic===!0}import{jsx as XI}from"react/jsx-runtime";function Hv({dynamic:e,wheel:t,omitHead:a=!1,...s}){let c=X0()!==null||!!s.editing&&M2();return YI({dynamic:e,wheel:t},c)?XI(Av,{...s,omitHead:a}):XI(zc,{...s,omitHead:a,rows:Gt(typeof t=="string"?t:"")})}import{jsx as K61}from"react/jsx-runtime";var o5={num:A.sectionNumber,title:"Specifications *table.*",description:A.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},JI={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 K61(Hv,{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 Fn}from"react/jsx-runtime";var Q61=Mv.filter(e=>Gt(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),QI={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,Fn($61,{})),_gContent:x("Header"),num:F("Number",o5.num),title:F("Heading",o5.title),description:G("Body",o5.description),_gData:x("Wheel"),wheel:v1("Product",Fn(Y61,{}),Q61,"vector-iii"),_gOptions:x("Controls"),showFilter:l1("Size-filter chips",!0,Fn(X61,{})),tooltipDefaultOn:l1("Detail tooltip on by default",!0,Fn(J61,{})),_gFootnote:x("Footnote"),footnote:G("Footnote",o5.footnote),footnoteLinkText:F("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 tR}from"efficient-easel/panel";import{FieldSelect as aR}from"efficient-easel/fields";import{BlockProductIcon as s71,CategoryIcon as c71}from"efficient-easel/icons";import{useEffect as Tv,useMemo as l71,useRef as Tn,useState as Pn}from"react";import{useEffect as e71,useMemo as eR,useState as t71}from"react";var I6="__all__";function a71(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 Fv(e,t){return t===I6?e??[]:(e??[]).filter(a=>a.process===t)}function J7(e,t,a){let[s,c]=t71(I6);e71(()=>{a?.process&&c(a.process)},[a]);let l=eR(()=>a71(t,s),[t,s]),r=eR(()=>Fv(e,s),[e,s]);return{category:s,setCategory:c,categoryNames:l,filtered:r}}import{jsx as Q7,jsxs as n71}from"react/jsx-runtime";var i5="__all__";function r71(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 sR(e){let t=I3();return t?Q1.getWheelDetail(t,e,{siteId:i2()}):Promise.reject(new Error("editor not authenticated"))}async function o71(e){let t=await sR(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 i71(e,t){let a=await Promise.all(e.map(r=>sR(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 Pv({value:e,onChange:t}){let a=w4(),[s,c]=Pn(null),[l,r]=Pn(null),[o,i]=Pn(!1),[n,h]=Pn(!1),m=Tn(!0),u=Tn(e);u.current=e;let d=Tn(t);d.current=t;let v=(V,J=!1)=>{i(!0),J||h(!1),V().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=(V,J=!1)=>v(()=>o71(V),J),b=(V,J=!1)=>v(()=>i71(r71(s??[],V),V),J);Tv(()=>(m.current=!0,o3().then(V=>{m.current&&c(V)}),v4().then(V=>{m.current&&r(V)}),()=>{m.current=!1}),[]);let f=Tn(!1);Tv(()=>{if(f.current)return;let V=u.current;if(!V?.slug){f.current=!0;return}if(V.slug===i5){if(s===null)return;f.current=!0,b(V.category??i5,!0)}else f.current=!0,g(V.slug,!0)},[s]);let w=e?.slug===i5,z=l71(()=>s&&e?.slug&&!w?s.find(V=>V.slug===e.slug)??null:null,[s,e?.slug,w]),{category:M,setCategory:S,categoryNames:H,filtered:I}=J7(s,l);Tv(()=>{w?e?.category&&S(e.category):z?.process&&S(z.process)},[z,w,e?.category]);let E=s===null,O=!!e?.slug&&!w&&s!==null&&!z,T=V=>{if(!V){t(null);return}if(V===i5){b(M);return}g(V)},P=V=>{S(V),u.current?.slug===i5&&b(V)},N=()=>{e?.slug&&(o3(!0).then(V=>{m.current&&c(V)}),w?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),_=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??""}):w?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 n71("div",{children:[Q7(tR,{label:p("Category"),icon:Q7(c71,{}),children:Q7(aR,{value:M,ariaLabel:p("Category"),onChange:P,readOnly:E,options:[{label:p("All products"),value:i5},...H.map(V=>({label:V,value:V}))]})}),Q7(tR,{label:p("Product"),icon:Q7(s71,{}),children:Q7(aR,{value:e?.slug??"",ariaLabel:p("Product"),onChange:T,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}]:[],...I.map(V=>({label:V.name,value:V.slug}))]})}),e?.slug?Q7(P4,{status:_,statusText:U,onRefresh:N,busy:o,edit:w?void 0:{label:p("Edit product \u270E"),onClick:D},hint:w?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 u71,TabsIcon as rR,BreadcrumbIcon as d71,HashIcon as oR,SortIcon as g71}from"efficient-easel/icons";import{useEffect as h71,useMemo as cR,useState as En}from"react";import{Fragment as Vn,jsx as K1,jsxs as a2}from"react/jsx-runtime";function Ev(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function Vv(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var Nv=6,m71=()=>Array.from({length:Nv},(e,t)=>({image:"",process:p("Tag"),eyebrow:p("Category"),name:p("Item name"),meta:p("{n} photos",{n:`0${t+1}`})}));function _v({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:w,othersCards:z,showBreadcrumb:M=!0,showStats:S=!0,showIntro:H=!0,showTabs:I=!0,showFilters:E=!0,showCount:O=!0,showSort:T=!0,previewTab:P,previewHover:N=!1,editing:D=!1}){let Z=e==="both",_=Z?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[U,V]=En(_[0]),j=(D&&Z&&P&&_.includes(P)?P:null)??(_.includes(U)?U:_[0]),W=D&&N,[n1,z1]=En("all"),[$,c1]=En("newest"),[g1,K]=En(null);h71(()=>{if(!g1)return;let p1=Vv(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:w??[],cards:z??[],unit:"items",word:"Others"}:{title:h,body1:m,body2:u,stats:d??[],cards:v??[],unit:"items",word:n},x1=cR(()=>{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=cR(()=>{let p1=[...P0];return $==="name"&&p1.sort((W1,i0)=>(W1.name??"").localeCompare(i0.name??"")),p1},[P0,$]),c0=u1.cards.length===0,l0=D&&c0,X1=l0?m71():H1,y2=l0?Nv:u1.cards.length,a0=l0?Nv:H1.length,H2=t?`${t} \xB7 ${p2(u1.word)}`:void 0;function g0(p1){p1!==j&&(V(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&&I&&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(Vn,{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||T)&&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",{}),T?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:X1.length>0?K1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:X1.map((p1,W1)=>{let i0=Vv(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(Vn,{children:[K1(k0,{label:Ev(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(X1.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=Vv(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:Ev(W1.name,"gallery-photo"),src:w0||void 0,alt:p2(W1.name??""),objectFit:"contain",sizes:"92vw"})}),E0>1&&a2(Vn,{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(Vn,{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:Ev(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 p71}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."},Iv=()=>[{value:"00",label:p(A.label)},{value:"00",label:p(A.label)},{value:"00",label:p(A.label)}],Nn=()=>({image:"",href:"#",process:p(A.category),eyebrow:p("Subtitle"),name:p("Item name"),meta:p("Detail")}),Rv=()=>[Nn(),Nn(),Nn(),Nn()],lR={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 p71(_v,{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,Iv(),e.puck),vehicleCards:w1(t?.vehicleCards??e.vehicleCards,Rv(),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,Iv(),e.puck),wheelCards:w1(t?.wheelCards??e.wheelCards,Rv(),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,Iv(),e.puck),othersCards:w1(t?.othersCards??e.othersCards,Rv(),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 iR={fields:{_sSetup:Y1("Setup"),_gGallery:x("Gallery"),mode:f1("Show",R6(u71,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:F("Eyebrow",z2.kicker),breadcrumbLabel:q("Breadcrumb label","Gallery"),_gSource:x("Source product"),source:s2(Pv),_sPreview:Y1("Preview"),_gPreview:x(jl),previewTab:f1("Show tab",R6(rR,{}),[{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(d71,{})),showStats:l1("Stats",!0,R6(oR,{})),showIntro:l1("Intro text",!0,R6(s4,{noun:"intro"})),showTabs:l1("Tab switcher",!0,R6(rR,{})),showFilters:l1("Tag filters",!0,R6(s4,{noun:"tag"})),showCount:l1("Result count",!0,R6(oR,{})),showSort:l1("Sort control",!0,R6(g71,{}))},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 C71,ImageIcon as k71,EyeIcon as M71}from"efficient-easel/icons";import{jsx as I4,jsxs as pR}from"react/jsx-runtime";var v71=Z3,nR=["photos","lifestyle","accessories","others"];function f71(e,t){if(!e)return[];if(t==="all")return nR.flatMap(s=>e[s]??[]);let a=nR.includes(t)?t:null;return a?e[a]??[]:[]}var hR="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]",mR="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 Bv(e){return ko(!!e.editing)?I4(b71,{...e}):I4(x2,{kinds:v71,type:"GalleryB",editing:e.editing,children:I4(x71,{...e})})}function b71(e){let{editing:t=!1}=e,a=So(),s=a?wo(a,{firstField:!0}).map(c=>({images:[c.url],eyebrow:c.alt||void 0})):t?Array.from({length:lL},()=>({images:[""]})):[];return I4(uR,{...e,tiles:s,owner:{name:(a??Mo).title},emptyHint:p("This record\u2019s pictures appear here on its page. A record with no pictures draws nothing.")})}function x71({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(w=>w.kind==="image").map(w=>w.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(w=>({images:[w],name:f.name,finish:f.finish}))):v;return I4(uR,{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 uR({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?pR("section",{className:e?mR:hR,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:pR("section",{className:e?mR:hR,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 w71}from"react/jsx-runtime";var z71="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]",y71="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 Zv({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=ez(i),v=d?i:null,g=!d&&n!=null&&n!=="",b=R3("GalleryB",m,"both"),f=v?{className:`sf-card-grid sf-gallery-zone ${tz(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(rl(n)),"--sf-grid-cols-phone":String(ol(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},w=s?{text:s,href:c||"#"}:void 0,z=a?Y(a,!1):void 0;return w71("section",{className:u?y71:z71,children:[u?null:p9(t0,{num:t,title:z,link:w}),v&&p9("style",{dangerouslySetInnerHTML:{__html:az(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 dR}from"react/jsx-runtime";var X5={num:A.sectionNumber,title:A.headingAccent,link:A.viewAll},Dv={items:{type:"slot",allow:["GalleryItem"]}},gR={label:"Customer Photo Grid",fields:Dv,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?dR(Bv,{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}):dR(Zv,{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 Ov}from"react/jsx-runtime";var S71=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],L71=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],vR={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,Ov(C71,{})),mediaZone:v1("Images from",Ov(k71,{}),S71,"all"),photoDisplay:v1("Show",Ov(M71,{}),L71,"covers"),_gHeader:x("Header"),num:F("Section number",X5.num),title:G("Heading",X5.title),_gHeaderLink:x("Header link"),linkText:F("Header button",X5.link),linkHref:F1("Header link"),_gImages:x("Images"),imageList:V5("GalleryB"),items:Dv.items,_gGalleryLink:x("Gallery link"),galleryHref:F1("\u201CSee gallery\u201D link"),_gArrangement:x("Arrangement"),layout:sw(),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,Co(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 xR,useMemo as Gv,useState as qv}from"react";import{IconButton as A71,Tooltip as H71}from"efficient-shell/ui";import{SettingsField as zR}from"efficient-easel/panel";import{FieldSelect as _n}from"efficient-easel/fields";import{BlockProductIcon as F71,MediaIcon as T71}from"efficient-easel/icons";var fR=new Map;function bR(e){if(!e)return Promise.resolve(null);let t=fR.get(e);return t||(t=v0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),fR.set(e,t)),t}import{Fragment as CR,jsx as A2,jsxs as B6}from"react/jsx-runtime";function In({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(H71,{content:t?p("Show on the card"):p("Hide on the card"),children:A2(A71,{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 P71=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function yR(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 E71(e){if(!e)return[];let t=[];for(let[a,s]of P71)(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?`${yR(a)} \xB7 ${c.name}`:yR(a),name:c.name||s,images:r})});return t}function wR(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function V71(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 Wv({value:e,onChange:t}){let a=Gv(()=>e??{},[e]),[s,c]=qv(null),[l,r]=qv([]),[o,i]=qv(!1);xR(()=>{let g=!1;return o3().then(b=>{g||c(b)}),()=>{g=!0}},[]),xR(()=>{let g=!1;if(!a.code){r([]);return}return i(!0),bR(a.code).then(b=>{g||(r(E71(b)),i(!1))}),()=>{g=!0}},[a.code]);let n=Gv(()=>s?.find(g=>g.slug===a.code)??null,[s,a.code]),h=Gv(()=>wR(n),[n]),m=s===null;function u(g,b=l){let f={...a,...g};t({...f,...V71(f,s,b)})}function d(g){if(!g){t({});return}let b=s?.find(f=>f.slug===g)??null;u({code:g,category:wR(b)[0]??"",finish:"",group:""},[])}function v(g){t({...a,[g]:!a[g]})}return B6("div",{children:[A2(zR,{label:p("Product"),icon:A2(F71,{}),children:A2(_n,{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(CR,{children:[B6("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[A2(In,{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(In,{label:p("Category"),hidden:a.hideProcess,onToggle:()=>v("hideProcess")}),A2(_n,{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(zR,{label:p("Media group"),icon:A2(T71,{}),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(_n,{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(In,{label:B6(CR,{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(In,{label:p("Finish"),hidden:a.hideFinish,onToggle:()=>v("hideFinish")}),A2(_n,{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 N71,SquareIcon as _71,PlacementIcon as I71}from"efficient-easel/icons";import{jsx as Rn}from"react/jsx-runtime";var kR={fields:{_gSource:x("Content source"),fromProduct:l1("Fill from a product",!1,Rn(N71,{})),product:{type:"custom",render:({value:e,onChange:t})=>Rn(Wv,{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:F("Tag"),eyebrow:F("Eyebrow"),name:F("Heading"),meta:F("Meta line"),_gLink:x("Link"),href:F1("Product link"),ratio:v1("Shape",Rn(_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",Rn(I71,{}),[{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 MR={fields:{}};import{SettingsField as O71}from"efficient-easel/panel";import{FieldSelect as G71}from"efficient-easel/fields";import{CategoryIcon as q71}from"efficient-easel/icons";import{useEffect as LR,useRef as W71,useState as Dn}from"react";import{Fragment as R71}from"react";import{jsx as Z71,jsxs as D71}from"react/jsx-runtime";var Bn=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function Zn(e){return yl(e)}function SR(e){let t=e.split("\xAE");return t.length===1?e:t.map((a,s)=>D71(R71,{children:[a,s<t.length-1&&Z71(i6,{})]},s))}var Uv=Bn.map((e,t)=>({key:e,num:String(t+1).padStart(2,"0"),title:SR(e)}));function B71(e){if(e.length===0)return[...Bn];let t=new Set(e.map(a=>a.process));return Bn.filter(a=>t.has(a))}function LJ1(e){return B71(e).map((t,a)=>({key:t,num:String(a+1).padStart(2,"0"),title:SR(t)}))}var AJ1=Object.fromEntries(Bn.map(e=>[e,Zn(e)]));import{jsx as Gn,jsxs as U71}from"react/jsx-runtime";var Xv=60,Yv="collection:";function AR(e){return Yv+Zn(e)}function On(e){if(!e||!e.startsWith(Yv))return;let t=e.slice(Yv.length);return Uv.find(a=>Zn(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,Xv)}}function Kv(e){return{slug:g7,name:Mk,wheels:e.slice(0,Xv)}}function $v(e,t){return{slug:AR(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,Xv)}}function Jv({value:e,onChange:t}){let[a,s]=Dn(null),[c,l]=Dn(null),[r,o]=Dn(!1),[i,n]=Dn(!1),h=W71(!0);LR(()=>(h.current=!0,o3().then(z=>{h.current&&l(z)}),v4().then(z=>{h.current&&s(z)}),()=>{h.current=!1}),[]),LR(()=>{if(!e?.slug||a===null||c===null)return;let z,M=On(e.slug);if(M)z=$v(M,c);else if(e.slug===g7)z=Kv(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=On(z);if(M){c&&t($v(M,c));return}if(z===g7){c&&t(Kv(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=On(e.slug);if(S)t($v(S,M));else if(e.slug===g7)t(Kv(M));else{let H=z.find(I=>Wt(I)===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&&!On(e.slug)&&!(a??[]).some(z=>Wt(z)===e.slug),b=i?"error":r?"loading":"idle",f=p("Storefront \u2192 Categories"),w=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 U71(O71,{label:p("Products source"),icon:Gn(q71,{}),children:[Gn(G71,{value:e?.slug??"",ariaLabel:p("Products source"),onChange:m,readOnly:d,options:[{label:p("None"),value:""},{label:p("All products"),value:g7},...Uv.map(z=>({label:z.key,value:AR(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?Gn(P4,{status:b,statusText:w,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.")}):Gn("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 ER,useId as J71,useMemo as Ut}from"react";import{createContext as j71,useContext as K71,useEffect as $71,useState as HR}from"react";import{jsx as qn}from"react/jsx-runtime";var FR=j71({wheels:[],loading:!1});function TR({children:e}){let[t,a]=HR([]),[s,c]=HR(!0);return $71(()=>{let l=!1;return o3().then(r=>{l||(a(r),c(!1))}).catch(()=>{l||c(!1)}),()=>{l=!0}},[]),qn(FR.Provider,{value:{wheels:t,loading:s},children:e})}function Qv({code:e,finish:t,wheel:a}){let{wheels:s,loading:c}=K71(FR),l=a??(e?s.find(r=>r.slug===e):void 0);return l?qn(r9,{wheel:l,variant:"catalog",defaultFinish:t},t??""):qn("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:qn("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 Y71(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 ef(e){if(Array.isArray(e))return e.map(ef);if(e&&typeof e=="object"){let t={};for(let[a,s]of Object.entries(e))t[Y71(a)]=ef(s);return t}return e}function X71(e){return ef(e)}function PR(e){return e.map(t=>O0(t)==="tyre"?t:X71(t))}import{Fragment as e81,jsx as n3,jsxs as jt}from"react/jsx-runtime";var VR={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"},Wn=[{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)]"}],yc="lg";function Q71(e){return(Wn.find(t=>t.value===e)??Wn.find(t=>t.value===yc)).cls}function tf({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:w,showBadge:z,fieldUsage:M,showCardPrice:S,showCardFinishes:H,showCardSizes:I,showCardBuy:E,showCardPage:O,cardImage:T,gap:P}){let N=Ut(()=>M?U4(M,"alloy-wheel"):void 0,[M]),D=Ut(()=>M?U4(M,"tyre"):void 0,[M]),Z=`pg-${J71().replace(/:/g,"")}`,_=VR[Math.min(6,Math.max(1,h??4))]??VR[4],U=typeof m=="number"&&m>0,V=typeof d=="number",J=Ut(()=>{let Q=t??n?.wheels??null;return Q?PR(Q):null},[t,n]),j=n?.process,W=!!j,{filters:n1,reportCount:z1,reportLugs:$,reportSizes:c1,reportFinishes:g1,vehicle:K}=Jr(),{currency:u1}=u0(),x1=W&&!!n1.process&&n1.process!==j,T0=Ut(()=>J?W?VM(J,n1,u1,K.fit):J:null,[J,W,n1,u1,K.fit]);ER(()=>{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},N??[])},[T0,N]),H1=Ut(()=>({lugs:xM(J??[]),sizes:zM(J??[]),finishes:NC(J??[])}),[J]);ER(()=>($(Z,H1.lugs),c1(Z,H1.sizes),g1(Z,H1.finishes),()=>{$(Z,[]),c1(Z,[]),g1(Z,[])}),[H1,$,c1,g1,Z]);let c0=R3("ProductGrid",P,"both"),l0=`${Z} grid${c0.className} bg-[var(--catalog-grid-bg)] ${_}`,X1=T0?T0.length>0?n3("div",{className:l0,style:c0.style,children:T0.map((Q,k1)=>O0(Q)==="tyre"?n3(Ks,{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 ${V?"":"-mx-[var(--sf-site-gutter,40px)] px-[var(--sf-site-gutter,40px)] max-[800px]:-mx-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]"}`,children:[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:`${Q71(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(e81,{children:[U&&n3("style",{children:`.${Z} > *:nth-child(n+${m+1}){display:none}`}),i0&&n3("style",{children:i0}),g0,X1,n3(Rs,{editing:u})]});if(x1)return null;let w0=n3("section",{...W?{[Xr]: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(T)},children:V?n3("div",{style:Zz(!1,d)??void 0,children:E0}):E0}),o2=u&&!J?n3(TR,{children:w0}):w0;return n3(yn,{imageBackgroundFill:U9(v,e7),spinOnHover:g??!0,coverIndex:b??1,indexBadge:W1,outline:w??l4,showBadge:z??!0,fieldUsage:N,reserveEyebrow:P0,showCardPrice:S??!0,showCardFinishes:H??!0,showCardSizes:I??!1,showCardBuy:E??!1,showCardPage:O??!1,children:o2})}import{ProductFieldIcon as t81,TextSizeIcon as a81,ColumnsIcon as s81,ListIcon as c81,HashIcon as l81}from"efficient-easel/icons";import{jsx as af}from"react/jsx-runtime";var sf={products:{type:"slot"}},NR={label:"Product Grid",fields:sf,defaultProps:{dynamic:!1,num:"",title:"",titleSize:yc,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 af(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:Iy(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=af(tf,{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"?af("div",{className:fs,children:r}):r}};import{jsx as wc}from"react/jsx-runtime";var _R=b5({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),IR={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,wc(t81,{})),_gHeader:x("Header"),num:F("Number",K0.num),title:G("Heading",A.sectionHeading),titleSize:v1("Heading size",wc(a81,{}),Wn,yc),description:G("Body",A.body),_gProducts:x("Products"),kinds:J9("Product types",ye,"None \u2014 this section will be empty"),source:s2(Jv),productList:V5("ProductGrid"),products:sf.products,_gLink:x("Link"),linkText:F("Button",K0.link),linkHref:F1("Link"),...Ul({bottomDefault:!1}),...Q9(),...ee(),_gLayout:x("Grid"),columns:s1("Columns",wc(s81,{}),1,6,1,4),showAll:l1("Show all items",!1,wc(c81,{})),limit:s1("Items to display",wc(l81,{}),1,12,1,8),gap:B3("ProductGrid"),..._R,...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(_R),...te,...ae,...se,...ce,...rw,...lw,...ow]),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 Tr(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 r81}from"efficient-easel/panel";import{FieldSelect as o81}from"efficient-easel/fields";import{CategoryIcon as i81}from"efficient-easel/icons";import{useEffect as n81,useMemo as cf,useState as h81}from"react";import{jsx as Kt,jsxs as u81}from"react/jsx-runtime";var rf=e=>e.kind==="tyre"?"tyre":"alloy-wheel",Cc=e=>`${e.kind}:${e.slug}`;function RR(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 lf(e,t){let a=rf(t);return e.find(s=>s.kind===a&&s.slug===t.slug)}function BR(e){return ZR(e)?p("Category \u2014 wheels only"):p("Category")}var ZR=e=>!!(e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")),m81=e=>p3("{n} size","{n} sizes",e);function p81({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&&lf(e,a))?[{value:Cc({kind:rf(a),slug:a.slug}),label:s?a.name:p("{name} (unavailable)",{name:a.name})}]:[],m=Fv(r,t).map(d=>{let v=h7(d.prices[c],d.msrpPrices?.[c]);return{value:Cc({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:Cc(d),label:d.name,...i?{group:p("Tyres")}:{},thumb:d.coverImage??null,meta:m81(d.variantCount)}));return[n,...h,...m,...u]}function of({value:e,onChange:t}){let a=w4(),{rows:s,loading:c,refreshing:l,errored:r,refresh:o}=at({load:yt,resolve:lf,snapshot:RR,value:e,onChange:t}),[i,n]=h81(null);n81(()=>{let H=!1;return v4().then(I=>{H||n(I)}),()=>{H=!0}},[]);let{currency:h}=u0(),m=cf(()=>s&&e?lf(s,e)??null:null,[s,e]),u=cf(()=>(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=cf(()=>p81({rows:s,category:d,value:e,loading:c,currency:h}),[s,d,e,c,h]),w=H=>{if(!H){t(null);return}let I=(s??[]).find(E=>Cc(E)===H);I&&t(RR(I))},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 u81("div",{children:[Kt(D9,{label:"Product",options:f,fallback:"",value:e?Cc({kind:rf(e),slug:e.slug}):"",onChange:w,placeholder:"Search products\u2026"}),Kt(r81,{label:BR(s),icon:Kt(i81,{}),children:Kt(o81,{value:d,ariaLabel:BR(s),onChange:v,readOnly:c,options:[{label:ZR(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 DR,useMemo as OR,useState as nf}from"react";import{SettingsField as d81}from"efficient-easel/panel";import{FieldSelect as g81}from"efficient-easel/fields";import{Fragment as z81,jsx as Un}from"react/jsx-runtime";var u9="__all__",hf="";function v81(e){return(e??[]).filter(t=>bc.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"),jn=e=>typeof e.brand=="string"?e.brand.trim():"";function GR(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 b81({rows:e,brand:t,kind:a,slug:s,loading:c=!1,currency:l=""}){let r=e??[],o=[...new Set(r.map(jn).filter(Boolean))].sort((g,b)=>g.localeCompare(b)),i=t===u9?r:r.filter(g=>jn(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,...GR(g,l)?{meta:GR(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(GC)},...n.map(g=>({value:g,label:p(n4[g])}))]}),v.push({key:"product",label:p("Product"),options:[{value:hf,label:c?p("Loading\u2026"):p("Generic placeholder")},...d,...u]}),v}function mf(){let[e,t]=nf(null),[a,s]=nf(u9),[c,l]=nf(u9),r=dv(),o=An()??hf;DR(()=>{let u=!1;return yt().then(d=>{u||t(d)}).catch(()=>{u||t([])}),()=>{u=!0}},[]);let{currency:i}=u0(),n=OR(()=>v81(e),[e]);DR(()=>{let u=n.find(d=>d.slug===o);u&&jn(u)&&s(jn(u))},[o,n]);let h=OR(()=>b81({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=>vI(r,u)};return Un(z81,{children:h.map(u=>Un(d81,{label:u.label,icon:By(f81),hint:u.key==="product"?p(x81):void 0,children:u.key==="product"?Un(D9,{bare:!0,label:u.label,options:u.options,fallback:hf,value:o,onChange:m.product,placeholder:p("Search your catalog\u2026")}):Un(g81,{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 x81="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as k81,CarIcon as M81,LayoutIcon as S81,ColumnWidthsIcon as L81,AlignLeftIcon as A81,SpecTableIcon as H81,DollarIcon as F81,GridIcon as T81,ImageIcon as P81}from"efficient-easel/icons";var $t="top",pf=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function qR(e){return R2(pf,$t,e)}var y81=["split","imageRight","stacked"],e8="split";function Yt(e){return y81.includes(e)?e:e8}var d9="left";function Kn(e){return e==="center"?"center":"left"}var uf=35,df=70,t8=50;function $n(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(df,Math.max(uf,Math.round(t))):t8}var w81=["main","thumbs","tiled"],a8="thumbs";function Yn(e){return w81.includes(e)?e:a8}var C81=["contain","cover"],s8="contain";function Xn(e){return it(e,s8)}function WR(){return C81.map(e=>({label:nd[e],value:e}))}function UR(e,t){return t?"contain":e}import{jsx as J5}from"react/jsx-runtime";var E81=()=>({type:"custom",render:()=>J5(mf,{})});function V81(e){let t=e?.data?.root;return bc.includes(jS(t?.props))}var jR={fields:{_gSource:x("Product"),source:s2(of),_gPreview:x(jl),previewPick:E81(),_gPriceLine:x("Price"),pricePlacement:v1("Price position",J5(k81,{}),pf,$t),_gBehaviour:x("Behavior"),showVehicleFitment:l1("Vehicle fitment",!0,J5(M81,{})),_gArrangement:x("Arrangement"),heroLayout:f1("Layout",J5(S81,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],e8),imageRatio:s1("Image / buy ratio",J5(L81,{}),uf,df,1,t8,"%"),textAlign:f1("Alignment",J5(A81,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],d9),_gShow:x("Show in the buy box"),showSpecTable:l1("Spec table",!0,J5(H81,{})),showPriceQuote:l1("Price / quote",!0,J5(F81,{})),_gImageGallery:x("Image gallery"),galleryMode:f1("Gallery",J5(T81,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],a8),imageFit:f1(vi,J5(P81,{}),WR(),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"]);V81(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 I81}from"efficient-easel/easel";import{useEasel as N81}from"efficient-easel/easel";function Jn(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=N81(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 KR,jsxs as R81}from"react/jsx-runtime";function gf(){let e=w4(),t=Di(),{selectedItem:a}=I81(o=>o),s=a?.props?.code??"",c=(t??[]).find(o=>o.slug===s)??null,l=Jn()!==null;return!c||l?null:R81("div",{className:"sf-blogsource",children:[KR(_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")}),KR("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 B81}from"efficient-easel/easel";import{SettingsField as Z81}from"efficient-easel/panel";import{FieldSelect as D81}from"efficient-easel/fields";import{FinishIcon as O81}from"efficient-easel/icons";import{jsx as kc,jsxs as G81}from"react/jsx-runtime";function vf({value:e,onChange:t}){let a=Di(),{selectedItem:s}=B81(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 G81("div",{children:[kc(Z81,{label:p("Finish"),icon:kc(O81,{}),hint:p("Pinning one overrides the section\u2019s Cover image."),children:kc(D81,{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&&kc("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&&kc("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 $R}from"efficient-easel/panel";import{FieldSelect as YR}from"efficient-easel/fields";import{BlockProductIcon as q81,CategoryIcon as W81}from"efficient-easel/icons";import{useEffect as U81,useMemo as j81,useState as XR}from"react";import{jsx as c8,jsxs as JR}from"react/jsx-runtime";function ff({value:e,onChange:t}){let[a,s]=XR(null),[c,l]=XR(null);U81(()=>{let v=!1;return o3().then(g=>{v||s(g)}),v4().then(g=>{v||l(g)}),()=>{v=!0}},[]);let r=j81(()=>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=Jn(),d=u!==null;return JR("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")})})}),JR("div",{className:d?"sf-locked":void 0,children:[c8($R,{label:p("Category"),icon:c8(W81,{}),children:c8(YR,{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($R,{label:p("Product"),icon:c8(q81,{}),children:c8(YR,{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 bf}from"react/jsx-runtime";var QR={fields:{code:{type:"custom",render:({value:e,onChange:t})=>bf(ff,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>bf(vf,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>bf(gf,{})}},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 $81,HashIcon as Y81,ColumnsIcon as X81}from"efficient-easel/icons";import{jsx as K81}from"react/jsx-runtime";var Mc={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},eB={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:gc,columns:3,relationship:G5},render:e=>{let t=O1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=B2(e,"full");return K81(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:kn(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:G5,footnote:y(e.footnote,Mc.footnote,e.puck),footnoteLinkText:y(e.footnoteLinkText,Mc.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 xf}from"react/jsx-runtime";var tB={fields:{_gHeader:x("Header"),num:F("Number",K0.num),title:G("Heading",A.sectionHeading),description:G("Body",A.body),_gFootnote:x("Footnote"),footnote:G("Footnote",Mc.footnote),footnoteLinkText:F("Footnote button",Mc.footnoteLinkText),footnoteLinkHref:F1("Footnote link"),...Q9(),...ee(),_gLayout:x("Grid"),relationship:v1("Show",xf($81,{}),J_,G5),cardCount:s1("Cards to show",xf(Y81,{}),sv,vc,1,gc),columns:s1("Columns",xf(X81,{}),2,4,1,3),...x5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t};if(tI(typeof s.relationship=="string"?s.relationship:G5))for(let l of eI)delete c[l];return G1(U1(c,a,j1),s.headPlacement,Z1.RelatedProducts.headRows)}};import{StylesIcon as J81}from"efficient-easel/icons";import{jsx as Q81}from"react/jsx-runtime";var aB={fields:{_gStyle:x("Style"),style:f1("Show as",Q81(J81,{}),xn,"icon")}};import{SettingsField as sB}from"efficient-easel/panel";import{FieldSelect as cB}from"efficient-easel/fields";import{BlockProductIcon as e91,CategoryIcon as t91}from"efficient-easel/icons";import{useEffect as a91,useMemo as s91,useState as c91}from"react";import{jsx as l8,jsxs as l91}from"react/jsx-runtime";function lB(e){return{slug:e.slug,name:e.name,process:e.process,spokes:e.spokes,mesh:e.mesh,spec:e.spec,finishes:e.finishes.map(t=>({name:t.name,image:a4(t.angles?.[0]??t.src)??null}))}}function zf({value:e,onChange:t}){let a=w4(),{rows:s,loading:c,refreshing:l,errored:r,refresh:o}=at({load:o3,resolve:(S,H)=>S.find(I=>I.slug===H.slug),snapshot:lB,value:e,onChange:t}),[i,n]=c91(null);a91(()=>{let S=!1;return v4().then(H=>{S||n(H)}),()=>{S=!0}},[]);let h=s91(()=>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(I=>I.slug===S);H&&t(lB(H))},f=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},w=!!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??""}):w?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 l91("div",{children:[l8(sB,{label:p("Category"),icon:l8(t91,{}),children:l8(cB,{value:m,ariaLabel:p("Category"),onChange:u,readOnly:c,options:[{label:p("All products"),value:I6},...d.map(S=>({label:S,value:S}))]})}),l8(sB,{label:p("Product"),icon:l8(e91,{}),children:l8(cB,{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 S91,FinishIcon as fB,DiagramIcon as L91}from"efficient-easel/icons";import{useId as i91,useState as n91}from"react";import{jsx as Qn,jsxs as r91}from"react/jsx-runtime";function yf({id:e}){return r91("defs",{children:[Qn("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:Qn("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),Qn("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:Qn("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as o91}from"react/jsx-runtime";function wf({nodeId:e,children:t}){return o91(et,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as p91,jsx as $0,jsxs as P3}from"react/jsx-runtime";function T3(e,t){return e?{[ww]:t}:{}}function h91({editing:e,nodeId:t,children:a}){return!e||!t?$0(p91,{children:a}):$0(wf,{nodeId:t,children:a})}function rB({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 m91({diagram:e,editing:t}){let[a,s]=n91(!1),c=`spec-${i91().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(yf,{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 ",jm(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 ",jm(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(h91,{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(rB,{row:m,topBorder:u>0,editing:l},u))}),$0(m91,{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(rB,{row:m,topBorder:!0,editing:l},u))})]})})}import{useEffect as v91,useState as f91}from"react";function eh(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function u91(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function d91(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 g91(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await o7(u91(t),{baseUrl:hr});return d91(e.size,t,a)}catch{return null}}async function oB(e){return(await Promise.all(e.map(g91))).filter(a=>a!==null)}function th(e){let[t,a]=f91([]),s=e.map(c=>c.eprelRegistrationNumber??"").join(",");return v91(()=>{let c=!0;return oB(e).then(l=>{c&&a(l)}),()=>{c=!1}},[s]),t}var b91={"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 iB(e){return b91[e]}function r8(e){return e&&e.trim()?e:"\u2014"}function nB(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function hB(e,t,a,s,c){let l=Ve(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?Lr(e.etRange[0],e.etRange[1]):"\u2014",m=s??"",u=c?Ws(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 Cf(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function x91(e,t){let a=e?.diameter??Cf(t?.sizes??[]),s=e?.width??Cf(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 mB(e,t){let a=e?.centreBore??Cf(t.centreBores);return{...x91(e,t),bore:r8(a!=null?`${a} mm`:void 0)}}function pB(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 ah(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}=hB(s,e.process,c?.name??"\u2014",a,l),i=mB(l,s),n={wheelName:e.name,imageSrc:c?.image??e.coverImage??null,...i,holes:Ia(s.lugs),pcd:nB(s.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:r,diagram:n}}function uB(e,t,a){let s=Hn(e),c=iB(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}=hB(c,s.process,r?.name??"\u2014",a,void 0),n=mB(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??nB(c.pcds),spokes:s.spokes,mesh:s.mesh};return{rows:o,diagram:h}}function z91(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&&eh(s)||""],["","Snow Grip",s?.severeSnow?"Yes":""],["","Ice Grip",s?.iceGrip?"Yes":""],["","Reinforced",s?.loadIndicator??""]]}function dB(e){let t=[];for(let[a,s,c]of z91(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 sh}from"react/jsx-runtime";var y91=["alloy-wheel","tyre"],w91=[],C91=[];function k91(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 kf(e){return sh(x2,{kinds:y91,type:"SpecTable",editing:e.editing,children:sh(M91,{...e})})}function M91({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=th(h?.variants??w91),u=o?.fieldUsage??C91;if(h){let f=k91(h,o?.selection.part?.id,o?.selection.shown.size),w=m.find(M=>M.size===f?.size)??null,z=dB({brand:h.brand,variant:f,euLabel:w});return sh(Xt,{num:e,title:t,description:a,rows:Um(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?ah(pB(d),v,g):{rows:[],diagram:null};return sh(Xt,{num:e,title:t,description:a,rows:Um(b.rows,u),diagram:s?b.diagram:null,editing:c,nodeId:l,omitHead:r})}import{jsx as gB}from"react/jsx-runtime";var Q5={num:A.sectionNumber,title:"Specifications *table.*",description:A.body},vB={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 gB(kf,{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=ah(s,r,o);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else if(l){let h=uB(l,r,o);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else i=e.rows??[];return gB(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 ch}from"react/jsx-runtime";var A91="Size (blank = none selected)",bB={fields:{_gDynamic:x("Product page"),dynamic:l1("Connect to product data",!1,ch(S91,{})),_gHeader:x("Header"),num:F("Number",Q5.num),title:G("Heading",Q5.title),description:G("Body",Q5.description),_gData:x("Product"),source:s2(zf),finish:v1("Finish",ch(fB,{}),[],""),size:{type:"text",label:A91},_gDiagram:x("Diagram"),showDiagram:l1("Dimension diagram",!0,ch(L91,{})),_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):(Hn(o)?.finishes??[]).map(m=>m.name),h=[{value:"",label:"Default (first finish)"},...n.map(m=>({value:m,label:m}))];return i.finish=v1("Finish",ch(fB,{}),h,""),delete i._gRows,delete i.rows,l(i)}};var H91={link:"Know your size? Pick it below"},xB={fields:{_gHeader:x("Header"),num:F("Number",K0.num),title:F("Heading",A.sectionHeading),description:G("Body",A.body),_gCta:x("Call to action"),escapeText:F("Button",H91.link),escapeHref:F1("Button link")},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.TyreFitment.headRows)};var zB={fields:{_gHeader:x("Header"),num:F("Number",K0.num),title:F("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 P91,useState as CB}from"react";import{useState as F91}from"react";function yB(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as Mf,jsxs as T91}from"react/jsx-runtime";function Sf({tile:e,face:t,showCount:a,selected:s,onSelect:c}){let[l,r]=F91(!1),o=yB(e,t),i=t==="mark"&&!l?a4(o):void 0;return T91("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:[Mf("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?i&&Mf("img",{src:i,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>r(!0)}):o}),a&&Mf("span",{children:e.count})]})}import{jsx as Sc,jsxs as wB}from"react/jsx-runtime";function Lf({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 wB("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&wB("div",{className:"sf-brandstrip-head",children:[Sc("span",{className:"sf-brandstrip-heading",children:e??""}),a?Sc("a",{className:"sf-brandstrip-all",href:a,children:t??""}):Sc("span",{className:"sf-brandstrip-all",children:t??""})]}),Sc("div",{className:"sf-brandstrip-track",children:s.map(n=>Sc(Sf,{tile:n,face:c,showCount:l,selected:n.name===i,onSelect:o?()=>o(n.name):void 0},n.name))})]})}import{jsx as E91}from"react/jsx-runtime";function Af({heading:e,button:t,link:a,picks:s,available:c,face:l="name",showCount:r=!0}){let[o,i]=CB(null),n=Array.isArray(s)?s:[],h=!c&&n.length>0;P91(()=>{if(!h)return;let v=!1;return fn().then(g=>g??v0.listBrands()).then(g=>{v||i(g)}).catch(()=>{}),()=>{v=!0}},[h]);let m=h_(n,c??o??[]),[u,d]=CB(void 0);return E91(Lf,{heading:e,button:t,link:a,brands:m,face:l,showCount:r,picked:u,onPick:d})}import{jsx as V91}from"react/jsx-runtime";var kB={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[rc]:n_(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:s,showCount:c,...l})=>V91(Af,{heading:a1(e),button:a1(t),link:a1(a),picks:l[rc],available:l[i_],face:s,showCount:c})};import{jsx as Lc,jsxs as lh}from"react/jsx-runtime";function N91(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 Hf({bundle:e,currency:t}){let a=N91(e,t);return lh(L1,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[lh("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?Lc(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]"}):lh("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&&Lc("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})]}),lh("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[Lc("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&Lc("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&Lc("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as Jt,jsxs as AB}from"react/jsx-runtime";var MB="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",SB="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"],LB={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function Ff(e){return Jt(x2,{kinds:_91,type:"BundleOffer",editing:e.editing,children:Jt(I91,{...e})})}function I91({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?AB("section",{className:l?SB:MB,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:AB("section",{className:l?SB:MB,style:X2(r),children:[h,Jt("div",{className:`mt-10 grid gap-6 ${LB[s]??LB[3]}`,children:n.slice(0,s).map(m=>Jt(Hf,{bundle:m,currency:i},m.slug))})]})}import{jsx as R91}from"react/jsx-runtime";var HB={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 R91(Ff,{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 B91,useContext as Ac}from"react";var Tf=B91(null);function FB(){let e=Ac(za),t=Ac(Tf),a=Ql();return e?e.socialLinks??pw:t?t.socialLinks:a.links}function TB(){return Ac(Tf)?.commerceEnabled??!0}function PB(){let e=Ac(za),t=Ac(Tf),a=_3();return e?xr({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?xr({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):xr({siteName:a.websiteName?.trim()||Yl})}import{jsx as Qt}from"react/jsx-runtime";function EB({style:e="icon",editing:t=!1}){let{open:a}=Pe();return gp("search"),Qt("span",{"data-phone-menu-tool":"search",className:"contents",children:Qt(Br,{onClick:t?void 0:a,asText:e==="text"})})}function VB({style:e="icon",editing:t=!1}){let{open:a,totals:s}=o4();return TB()?Qt(Rr,{onClick:t?()=>{}:a,count:s.sets,asText:e==="text"}):null}function NB({editing:e=!1}){let t=Ir();return gp(t?"region":null),t?Qt("span",{"data-phone-menu-tool":"region",className:"contents",children:Qt(L8,{})}):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 Z91}from"react/jsx-runtime";var _B={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>Z91(VB,{style:e,editing:t?.isEditing})};import{useEffect as KB,useMemo as j91}from"react";import{useState as OB}from"react";import{jsx as ea,jsxs as IB}from"react/jsx-runtime";function Pf({label:e,badge:t,open:a,onToggle:s}){let c=t>0;return IB("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 IB("div",{className:"relative",children:[ea(Pf,{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 rh({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 D91,useRef as O91}from"react";import{Fragment as G91,jsx as y3,jsxs as g9}from"react/jsx-runtime";function RB({picker:e,onClose:t}){let{cascade:a}=e,s=O91(g4(a.vehicle));return D91(()=>{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 BB="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function ZB({field:e,picker:t,open:a,onOpenRequest:s,onClose:c}){let{cascade:l}=t,r=mn(l),o=BN(l)[e],i=ZN(l)[e],n=DN(l)[e],h=ON(l)[e],m=a9[e],u=IN(e,l.vehicle),d=h||r[e].placeholder,v=Eg(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:`${BB} ${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 DB({picker:e,onOpenRequest:t}){let a=RN(e.cascade.vehicle);if(!a)return null;let s=ac[a];return y3("button",{type:"button","data-vehicle-next":!0,"aria-label":`${s} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${BB} border-line text-fg-dim`,children:y3("span",{"data-vehicle-value":s,children:s})})}function Ef({picker:e,total:t}){let{appliedName:a,fit:s,resolving:c,unresolved:l,clear:r}=e;if(!a)return null;let o=Ne(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(G91,{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 Nf,jsx as D1,jsxs as q0}from"react/jsx-runtime";var q91=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function GB(e){return e==="FusionForge\xAE"?q0(Nf,{children:["FusionForge",D1(i6,{})]}):e}var Vf={size:Se("diameters","alloy-wheel"),finish:Se("finishes","alloy-wheel")};function qB(e,t){return u7(e,a=>Vf[String(a.key)],t??[],"filterOrder")}function W91({processCount:e,sizeCount:t,lugCount:a,finishCount:s,optionsReported:c,fieldUsage:l}){let r=i=>!c||i>Pa,o=Mr(l??[]);return{process:e>Pa,size:o(Vf.size)&&r(t),lugs:r(a),finish:o(Vf.finish)&&r(s)}}function sa(e,t){return e===t?null:t}function WB({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 _f({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=q91,resultsLink:w,optionsReported:z=!1,fieldUsage:M}){let[S,H]=OB(null),[I,E]=OB(null),O=oc(),{process:T,size:P,lugs:N,finish:D,priceMin:Z,priceMax:_,sort:U}=e,V=g?Vm.filter($=>g.includes($.f)):Vm,J=W91({processCount:f.length,sizeCount:v.length,lugCount:d.length,finishCount:V.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:T?1:0,size:P?1:0,lugs:N?1:0,finish:D?1:0,price:Z!=null||_!=null?1:0,vehicle:u?.appliedName?1:0},n1=()=>{i(),u?.clear(),H(null),E(null)};if(b==="columns"){let $=K=>E(I===K?null:K),c1=[];j.vehicle&&u&&c1.push(q0(ca,{name:"vehicle",label:O.vehicle,children:[tc.map(K=>D1(ZB,{field:K,picker:u,open:I===K,onOpenRequest:$,onClose:()=>E(null)},K)),D1(DB,{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(oh,{active:T===K,onClick:()=>t(sa(T,K)),children:GB(K)},K))},"process")),j.size&&g1.push(D1(ca,{name:"size",label:O.size,rowsAreOptions:!0,children:v.map(K=>q0(oh,{active:P===K,onClick:()=>a(sa(P,K)),children:[K,'"']},K))},"size")),j.lugs&&g1.push(D1(ca,{name:"lugs",label:O.lugs,rowsAreOptions:!0,children:d.map(K=>q0(oh,{active:N===K,onClick:()=>s(sa(N,K)),children:[K,"-Lug"]},K))},"lugs")),j.finish&&g1.push(D1(ca,{name:"finish",label:O.finish,rowsAreOptions:!0,children:V.map(K=>D1(oh,{active:D===K.f,onClick:()=>c(D===K.f?null:K.f),children:K.label},K.f))},"finish")),c1.push(...qB(g1,M)),j.price&&c1.push(q0(ca,{name:"price",label:O.price,children:[D1(UB,{label:"Min",value:Z,onChange:l,ariaLabel:"Minimum price per wheel"}),D1(UB,{label:"Max",value:_,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 ${U91[c1.length]??""}`,children:c1}),w&&D1("div",{className:"mt-10 flex",children:D1(WB,{href:w.href,label:w.label})})]}),j.vehicle&&u&&D1(Ef,{picker:u,total:n})]})}let z1=[];return j.process&&z1.push(q0(ta,{name:"process",label:h?q0(Nf,{children:[D1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?q0(Nf,{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=T===$;return D1(rh,{active:c1,role:"radio",ariaChecked:c1,onClick:()=>t(sa(T,$)),children:GB($)},$)})})]},"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=P===$;return q0(rh,{active:c1,role:"radio",ariaChecked:c1,onClick:()=>a(sa(P,$)),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=N===$;return q0(rh,{active:c1,role:"radio",ariaChecked:c1,onClick:()=>s(sa(N,$)),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:V.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"]}),qB(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:_??"",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(Pf,{label:O.vehicle,badge:W.vehicle,open:S==="vehicle",onToggle:()=>H(S==="vehicle"?null:"vehicle")})]}),w&&D1("div",{className:`flex items-center @max-[720px]:hidden ${j.sort?"":"ml-auto"}`,children:D1(WB,{href:w.href,label:w.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(RB,{picker:u,onClose:()=>H(null)}),j.vehicle&&u&&D1(Ef,{picker:u,total:n})]})}var U91={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"},jB="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 oh({active:e,onClick:t,children:a}){return D1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[jB,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:D1("span",{children:a})})}function UB({label:e,value:t,onChange:a,ariaLabel:s}){return q0("label",{className:`${jB} 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 K91}from"react/jsx-runtime";function If({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:w,lugOptions:z,sizeOptions:M,finishOptions:S,optionsReported:H}=Jr(),I=j91(()=>s?U4(s,"alloy-wheel"):void 0,[s]),E=_4({editing:c,autoApply:!0});KB(()=>{w({fit:E.fit,name:E.appliedName,resolving:E.resolving,unresolved:E.unresolved})},[w,E.fit,E.appliedName,E.resolving,E.unresolved]);let O=E.applied?.vehicle??null;KB(()=>{if(c||!E.restored||typeof window>"u")return;let D=new URLSearchParams(window.location.search);for(let _ of Object.values(B5))D.delete(_);Z5(D,O);let Z=D.toString();window.history.replaceState(null,"",`${window.location.pathname}${Z?`?${Z}`:""}`)},[c,E.restored,O]);let T=x_(o),P=(r??"").trim()||"See all results",N=l&&!c&&T.length===0?{href:z_(l,o,O),label:P}:void 0;return K91(_f,{resultsLink:N,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:I,picker:E})}import{jsx as $91}from"react/jsx-runtime";var $B={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:c9,resultsHref:"",resultsLabel:""},render:e=>$91(If,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:y_(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 j50,slotChildName as YB,slotChildRenameProp as K50,slotChildRowName as $50}from"efficient-easel/screen/lib/puck/slot-child-name";import{jsx as Y91}from"react/jsx-runtime";var XB={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=YB({type:"CollectionCard",props:{altName:t,collection:l}});return Y91(hu,{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 X91}from"react/jsx-runtime";var JB={label:"Country Switch",render:({puck:e})=>X91(NB,{editing:e?.isEditing})};import{jsx as v9,jsxs as Rf}from"react/jsx-runtime";function J91(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=eh(e);return a&&t.push({key:"Rolling noise",value:a}),t}function Q91(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function Bf({label:e}){let t=J91(e),a=Q91(e);return Rf("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=>Rf("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,Rf("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 ih,jsxs as ee1}from"react/jsx-runtime";function Zf({labels:e,num:t}){return e.length===0?null:ee1("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:[ih(t0,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),ih("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>ih(Bf,{label:a},a.registrationNumber))}),ih(a5,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as Hc}from"react/jsx-runtime";var te1=["tyre"];function Df(e){return Hc(x2,{kinds:te1,type:"EuTyreLabel",editing:e.editing,children:Hc(ae1,{...e})})}function ae1({num:e,editing:t=!1}){let a=X0(),s=z3(t&&!a),c=a?.product??s,l=c?.kind==="tyre"?c.source.variants:[],r=th(l);return r.length===0&&t?Hc("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:Hc("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.")})}):Hc(Zf,{labels:r,num:e??""})}import{jsx as se1}from"react/jsx-runtime";var QB={label:"EU Tyre Label",defaultProps:{num:""},render:e=>se1(Df,{num:y(e.num,K0.num,e.puck),editing:e.puck?.isEditing})};import{jsx as ce1}from"react/jsx-runtime";var eZ={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 ce1(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 ge1,useEffect as Wf,useState as la}from"react";import{useEffect as le1,useId as re1,useRef as tZ,useState as oe1}from"react";import{jsx as w3,jsxs as Of}from"react/jsx-runtime";function nh({item:e,mobile:t=!1,onNavigate:a,dropdownAlign:s="start"}){let[c,l]=oe1(!1),r=re1(),o=tZ(null),i=tZ(null),n=e.dropdownItems.length>0,h=!Ee(e.href);le1(()=>{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?Of("div",{ref:o,children:[Of("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)=>Ee(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]}):Of("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)=>Ee(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 Fc,useRef as ie1,useState as aZ}from"react";function hh({stickyMode:e,heightPx:t}){let a=ie1(null),[s,c]=aZ(!1),[l,r]=aZ(!1);return Fc(()=>{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]),Fc(()=>{e!=="on_scroll_up"&&r(!1)},[e]),Fc(()=>{let o=a.current?.ownerDocument?.documentElement;o&&o.style.setProperty(cr,`${t}px`)},[t]),Fc(()=>{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(Hm,v),i.body?.style.setProperty(Hm,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()},[]),Fc(()=>{let o=a.current?.ownerDocument?.documentElement;o&&o.setAttribute("data-header-sticky",e)},[e]),{headerRef:a,scrolled:s,navHidden:l}}import{useEffect as ne1,useRef as he1,useState as sZ}from"react";import{jsx as cZ}from"react/jsx-runtime";function Gf(){let[e,t]=sZ("dark"),[a,s]=sZ(!1),c=he1(null),l=()=>c.current?.ownerDocument??document;ne1(()=>{let o=l().documentElement,i=()=>t(iC(o));i(),s(!0);let n=new MutationObserver(i);return n.observe(o,{attributes:!0,attributeFilter:[oC]}),()=>n.disconnect()},[]);function r(){let o=l(),i=e==="dark"?"light":"dark";t(i),nC(o.documentElement,i),hC(o,i)}return cZ("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:cZ("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 lZ({editorPreview:e,hasPreviewSettings:t,hasInitialSettings:a}){return!e&&!t&&!a}var rZ=Yz,me1="sf-header-theme";function qf(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0?e:null}function mh(e){let t=qf(e);return t===null?null:{className:me1,style:Jz(t)}}function oZ(e){return typeof e=="number"&&Number.isInteger(e)&&e>=C5.min&&e<=C5.max?e:C5.default}var ph=e=>!!e&&e.startsWith("/wheels/")&&e!=="/wheels",uh=(e,t)=>!e&&t?"var(--section-bg)":"var(--bg)",iZ=e=>e==="capitalised"?"capitalised":"uppercase",nZ=e=>e==="inline"?"inline":e==="top"||e==="bottom"?"top":null;function hZ(e){let t=(e??"").trim();return wz(t,"#000000")===null?null:Cz(t)==="#000000"}var dh="data-lead-ink",gh="data-header-ink";var pe1="auto";function ue1(e){return e.type==="IntroBleed"?nt(e.props?.layout)!=="stacked":!0}function mZ(e){let t=Ww(e);return t&&Uw(e)&&ue1(t)?"light":null}function vh(e){return e==="light"||e==="dark"?e:pe1}import{Fragment as fh,jsx as W0,jsxs as n2}from"react/jsx-runtime";var pZ={stacked:{grid:"hidden min-[1501px]:grid",flex:"hidden min-[1501px]:flex"},inline:{grid:"hidden min-[801px]:grid",flex:"hidden min-[801px]:flex"}},ve1=Array.from({length:$k},()=>({href:"#",label:W0(Te,{})}));function Uf({previewSettings:e,initialSettings:t,editorPreview:a,showThemeToggle:s,wordmark:c,hideLogo:l,hideMenu:r,siteName:o,commerceEnabled:i=!0}={}){let n=Ze(),[h,m]=la(!1);Wf(()=>{let S1=E0.current?.ownerDocument??document,r0=()=>m(S1.querySelector(`[${dh}="light"]`)!=null);r0();let M1=requestAnimationFrame(r0);return()=>cancelAnimationFrame(M1)},[n]);let u=ph(n),[d,v]=la(!1),{open:g,totals:b}=o4(),{open:f}=Pe(),[w,z]=la(!1),[M,S]=la(null),[H,I]=la(null),[E,O]=la(t??null),T=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),P=l?null:T?.logoUrl??null,N=T?.reverseLogo??!1,D=T?.logoReversed??null,Z=T?.logoInkIsDark??null,_=T?.logoPosition??"center",U=T?.logoSize??"medium",V=T?.logoSizePx??null,J=Math.min(Math.max(T?.menuSplit??3,1),4),j=(T?.menuPosition??"left")==="center",W=(T?.menuPosition??"left")==="beside",n1=(T?.menuRow??"top")==="inline",z1=T?.menuGapPx??null,$=z1!=null?{gap:`${z1}px`}:void 0,c1=n1?pZ.inline:pZ.stacked,g1=T?.searchEnabled??!1,K=T?.searchPosition??"right",u1=T?.countrySelectorEnabled??!0,x1=T?.accountEnabled??!0,T0=T?.cartEnabled??!0,P0=(T?.utilStyle??"icon")==="text",H1=`mono-eyebrow${(T?.navTextCase??"uppercase")==="capitalised"?" mono-eyebrow-plain":""}`,c0=T?.countryUrls??{},l0=zl(T?.width),X1=xl(l0)??void 0,y2=T?.heightPx??C5.default,a0=T?.sticky??"always",H2=vh(T?.topTextColor),g0=mh(T?.theme),p1=Object.keys(c0),W1=Ir(p1.length?p1:void 0),i0=u1?W0(L8,{countries:p1.length?p1:void 0,urls:e?void 0:c0}):null,{headerRef:E0,scrolled:w0,navHidden:o2}=hh({stickyMode:a0,heightPx:y2}),Q=g0?JSON.stringify(g0.style):null;Wf(()=>{let S1=E0.current?.ownerDocument??document,r0=S1.defaultView??window,M1=K6=>K6?hZ(r0.getComputedStyle(K6).getPropertyValue("--bg")):null,w2=()=>{z(S1.documentElement.getAttribute("data-theme")==="light"),S(M1(S1.body)),I(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(Gf,{}):null;Wf(()=>{if(!lZ({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=uh(w,u),t6=H2==="auto"?h:H2==="light",G6=h0||!t6,q6=h0?H??w:(M??w)&&!t6,W6=H2==="auto"?null:{[gh]:H2},p5=ge1(()=>v(!1),[]);S4({active:d,onDismiss:p5});let E3=(S1,r0,M1="start")=>W0(nh,{item:S1,dropdownAlign:M1},r0),U6=!r&&(T?.menuItems?.length??0)>0,p8=!!a||!!e,m3=U6?T.menuItems.map(S1=>({href:S1.url||"",label:J1(S1.label),plainLabel:S1.label,dropdownItems:(S1.dropdown_items??[]).map(r0=>({href:r0.url||"",label:J1(r0.label),plainLabel:r0.label}))})):p8?ve1.map(S1=>({...S1,plainLabel:"Menu item",dropdownItems:[]})):[],w9=m3.length>0||i&&x1||!!i0&&W1||!!k1,V3=_==="center"?m3.slice(0,J):_==="right"?m3:[],Q3=_==="center"?m3.slice(J):_==="left"?m3:[],M3=g1?W0(Br,{onClick:p8?void 0:f,asText:P0}):null,e4=i&&x1?W0(jk,{asText:P0}):null,a6=S1=>i&&T0?W0(Rr,{onClick:g,count:b.sets,asText:P0,className:S1}):null,x4=n2(fh,{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:P,reverse:N,onLightSurface:q6,reversedSrc:D,inkIsDark:Z,size:U,sizePx:V,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(fh,{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:qw,...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:X1,children:[j?n2("div",{className:`${c1.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[_==="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"))}),_==="right"?W0("div",{className:"flex items-center justify-end",children:O4}):W0("nav",{className:`${H1} flex items-center justify-end gap-7`,children:x4})]}):_==="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:_==="right"?n2(fh,{children:[n2("nav",{className:`${H1} flex items-center gap-7`,children:[m3.map((S1,r0)=>E3(S1,`${S1.href}-${r0}`)),x4]}),O4]}):n2(fh,{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(nh,{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 uZ,jsxs as be1}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 dZ(){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 be1("div",{className:"sf-preview-header-pick sf-theme-surfaces","data-selected":t||void 0,onClick:h=>{h.stopPropagation(),a()},children:[uZ("style",{children:fe1}),uZ(Uf,{previewSettings:e??void 0,editorPreview:!0,showThemeToggle:o,wordmark:i,hideLogo:n,hideMenu:n})]})}import{Render as Se1}from"efficient-easel/render";import{useEffect as xe1,useState as ze1}from"react";import{jsx as Ce1}from"react/jsx-runtime";var ye1=["none","always","on_scroll_up"],we1=e=>ye1.includes(e)?e:"always";function jf({sticky:e,topTextColor:t,heightPx:a,theme:s,children:c}){let l=we1(e),r=oZ(a),{headerRef:o,scrolled:i,navHidden:n}=hh({stickyMode:l,heightPx:r}),h=vh(t),m=h==="auto"?null:{[gh]:h},u=mh(s),d=ph(Ze()),[v,g]=ze1(!1);xe1(()=>{let w=o.current?.ownerDocument??document,z=()=>g(w.documentElement.getAttribute("data-theme")==="light");z();let M=new MutationObserver(z);return M.observe(w.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>M.disconnect()},[o]);let b=i||d,f=uh(v,d);return Ce1("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 ke1={"Logos.logosPerRow":"columns","HeroSlide.tintOpacity":"overlay","Split.textBgTint":"overlay"};function Me1(e){return Array.isArray(e)&&e.length>0&&e.every(t=>!!t&&typeof t=="object"&&typeof t.type=="string")}function Kf(e){let t=e.props,a=!1;if(e.type&&t)for(let[s,c]of Object.entries(ke1)){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(!Me1(l))continue;let r=l.map(Kf);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 gZ(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(Kf);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(Kf);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 He1,jsx as $f}from"react/jsx-runtime";var Le1=null,Ae1=()=>Le1??={...Yf,root:{...Yf.root,render:({children:e})=>$f(He1,{children:e})}};function Xf({group:e}){let t=gZ({root:{props:{}},content:[e],zones:{}}),a=e.props??{};return $f(jf,{sticky:a.sticky,topTextColor:a.topTextColor,heightPx:a.heightPx,theme:a.sectionAccent,children:$f(Se1,{config:Ae1(),data:t})})}import{jsx as vZ}from"react/jsx-runtime";function Jf({editing:e=!1}){let{headerGroup:t}=hw();return e?t?vZ(Xf,{group:t}):vZ(dZ,{}):null}import{jsx as Fe1}from"react/jsx-runtime";var fZ={label:"Header",render:({puck:e})=>Fe1(Jf,{editing:e?.isEditing})};import{useEffect as ct1,useState as UZ}from"react";var bZ="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 lb,useRef as $e1,useState as qZ}from"react";import{jsx as Qf,jsxs as xZ}from"react/jsx-runtime";var Te1="Please enter a valid email address.";function Tc({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 xZ("form",{className:[n,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:m=>{m.preventDefault(),c()},children:[xZ("div",{className:"flex items-stretch gap-2",children:[Qf("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"}),Qf("button",{type:"submit",disabled:a==="sending",className:i,children:a==="sending"?"Sending\u2026":l})]}),(a==="error"||a==="invalid")&&Qf("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?Te1:r})]})}import{jsx as e6,jsxs as ra}from"react/jsx-runtime";function Pc({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 eb({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 Pe1,useState as zZ}from"react";function bh(e,t){let[a,s]=zZ(null),[c,l]=zZ(!1),r=t?.make??"",o=t?.model??"",i=t?.year??null,n=t?.modification??"",h=t!==null;return Pe1(()=>{if(!h||i===null){s(null),l(!1);return}let m=!0;return s(null),l(!0),HS(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 xh(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 zh={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function Ee1(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 tb={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function yZ(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=>Ee1(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 wZ,jsx as B4,jsxs as R4}from"react/jsx-runtime";function ab({slug:e,variants:t,vehicle:a,manualMode:s,setManualMode:c}){let{answer:l,loading:r}=bh(e,s?null:ho(a.applied?.vehicle)),o=a.appliedName;return B4(Pc,{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(Ve1,{answer:l,loading:r,car:o,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:R4(wZ,{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 Ve1({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=yZ(e,s),r=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",o=l.length===0?xh(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(wZ,{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?tb.fits:tb.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 ${zh.fits}`:n.size},n.size)})})]}):null]})}import{useEffect as CZ,useState as kZ}from"react";var yh="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function MZ(e,t,a){return a<=1?0:((e+t)%a+a)%a}function SZ(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(MZ(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(MZ(e,1,t))}]}function Ne1(e){let{props:t}=Vx({src:e,alt:"",fill:!0,sizes:yh}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function LZ(e,t,a=Ne1){let[s,c]=kZ(()=>new Set),[l,r]=kZ(t),o=e.join(`
|
|
152
|
-
`);CZ(()=>{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 CZ(()=>{i&&l!==t&&r(t)},[i,l,t]),i?t:l}import{Fragment as Ie1,jsx as C3,jsxs as X3}from"react/jsx-runtime";function sb({selection:e,spec:t,vehicle:a,wheel:s}){let{manualMode:c,setManualMode:l}=e,r=Cn(e.rows,e.preOrder),o=a.appliedName!=="",i=(s?.variants??[]).some(hg),n=BI({wheel:s,applied:o,fit:a.fit,resolving:a.resolving});return C3(Pc,{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(Ie1,{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 TZ}from"react";import{useCallback as HZ,useRef as Re1,useState as Be1}from"react";function AZ(e,t,a){return{productSlug:e,email:a.trim(),size:t?M8(t):""}}function FZ(){let[e,t]=Be1("idle"),a=Re1(!1),s=HZ(()=>{a.current=!1,t("idle")},[]),c=HZ(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(AZ(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 cb({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[s,c]=TZ(a.length>0?0:-1),[l,r]=TZ(""),{status:o,submit:i,reset:n}=FZ(),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?M8(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:M8(u)})]},M8(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(Tc,{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 Ze1}from"react";import{Fragment as De1,jsx as wh}from"react/jsx-runtime";function Ch({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]=Ze1(null),w=e||"";if(!(w!==""&&b!==w))return wh(De1,{children:a});let M=wh(N3,{src:w,alt:t,...s?{fill:!0}:{width:c??1e3,height:l??1e3},sizes:r,className:o,style:i,priority:n,draggable:h,onError:()=>f(w)},m??w),S=u?wh("div",{className:u,children:M}):M;return d?wh("button",{type:"button",onClick:d,"aria-label":g,className:v,children:S}):S}function PZ(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 VZ="Image for reference only. Actual product may vary.",EZ=e=>String(Number(e));function NZ(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=EZ(t.diameter);if(!(l.sizes.length===0||l.sizes.includes(`${r}x${EZ(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 _Z,jsx as Z4,jsxs as Ge1}from"react/jsx-runtime";function kh(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function Mh({text:e}){return e==="FusionForge\xAE"?Ge1(_Z,{children:["FusionForge",Z4(i6,{})]}):Z4(_Z,{children:e})}function IZ(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:Ji(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:yh,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(ab,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:Z4(eb,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let s=e.source,c=fN(s,t.shown.finish),l=D7(s,t.part),r=Sn(t),o=fg(c,r),i=o?[...o]:PZ(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(Ch,{src:h,alt:m,fill:!0,sizes:yh,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(Ch,{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:Oe1(n,c,r,t.manualMode),referenceNote:NZ(c,l,r,o!=null)?VZ:"",metaValue:c.name,specCaption:l?Ws(l):"",originCaption:s.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${s.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:Z4(sb,{selection:t,spec:l?Ws(l):"",vehicle:t.vehicle,wheel:s}),vehicleMemory:t.manualMode?null:Z4(eb,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:Z4(cb,{wheel:s,editing:a})}}function Oe1(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 qe1,useContext as We1,useEffect as Ue1,useState as RZ}from"react";import{jsx as Ke1}from"react/jsx-runtime";var BZ="storefront-wishlist";function je1(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var ZZ=qe1(null);function x90({children:e}){let[t,a]=RZ([]),[s,c]=RZ(!1);Ue1(()=>{let o=e3.getItem(BZ);try{o&&a(je1(o))}catch{}c(!0)},[]);function l(o){let i=t.includes(o)?t.filter(n=>n!==o):[...t,o];a(i),e3.setItem(BZ,JSON.stringify(i))}let r={slugs:t,ready:s,has:o=>t.includes(o),toggle:l,count:t.length};return Ke1(ZZ.Provider,{value:r,children:e})}function DZ(){let e=We1(ZZ);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}var OZ="data-option-row";import{Fragment as h5,jsx as y1,jsxs as $1}from"react/jsx-runtime";var Ye1=4e3;function Xe1(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=Kn(i),g=$n(o),b=Yn(m),f=UR(Xn(u),oN(e)),w=d==="imageRight"?`${100-g}fr ${g}fr`:`${g}fr ${100-g}fr`,{picked:z,pick:M,qty:S,setQty:H,choice:I,setChoice:E,angleIdx:O,setAngleIdx:T,showValidation:P,setShowValidation:N,manualMode:D,vehicle:Z,rows:_,facts:U,part:V,outOfStock:J,offer:j,preOrder:W,canAddToCart:n1,currency:z1,price:$,set:c1,msrpLabel:g1}=t,K=IZ(e,t,s),{bullets:u1}=mL(),x1=QV(e),T0=aN(e),P0=l?K.vehicle:null,H1=l?K.vehicleMemory:null,[c0,l0]=qZ(!1);lb(()=>{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:X1,open:y2,warmCatalog:a0}=o4();lb(()=>{s||a0(e.kind)},[s,e.kind,a0]);let H2=_.filter(Q=>!W||Q.values.length>0),g0=H2.filter(Q=>Q.role==="resolves"),p1=H2.filter(Q=>Q.role==="describes"&&!iN(T0,Q.key)),W1=p1.findIndex(Q=>Q.chosen===null),i0=(!P0||!K.vehicleAnswersSpecs||t.fitmentSet)&&Cn(_,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?SC($,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=$e1(null);return lb(()=>{s||o2.current===e.slug||(o2.current=e.slug,LC({itemId:V?`${e.slug}|${V.id}`:e.slug,itemName:e.name,variant:K.metaValue,pricePerSet:$.setTotal??$.fromSetTotal??0,currency:z1}))},[s,e.slug,e.name,K.metaValue,V,$,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(Mh,{text:Q.label})}):y1("span",{className:"text-fg",children:y1(Mh,{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":w}},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(et1,{name:e.name,view:K,angleIdx:O,onSelect:T,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(tt1,{name:e.name,view:K,angleIdx:O,onSelect:T,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(Mh,{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(GZ,{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(GZ,{row:Q,onPick:M},Q.key)),n&&y1(Je1,{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":I.unit===Q.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",I.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:I.unit===Q.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[I.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:I.spares>0,onChange:Q=>E(k1=>({...k1,spares:Q.target.checked?mr: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=I.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=I.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:bZ,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:ur}):$.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){N(!0),window.setTimeout(()=>N(!1),Ye1);return}if(N(!1),s)return;let Q=yN(e,V,z,{choice:I,qty:S},{fitmentLabel:D?K.specCaption:Z.appliedName?`For ${Z.appliedName}`:"",fitmentKey:D?`manual|${K.specCaption}`:`vehicle|${Xe1(Z.applied?.vehicle)}`});Q&&(X1(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(at1,{slug:e.slug,name:e.name})]}),J&&V&&y1(st1,{partNumbers:V.components.map(Q=>Q.partNumber),productSlug:e.slug},V.id),P&&(()=>{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 Je1({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 GZ({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]",[OZ]: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 WZ(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var Qe1=6;function et1({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=LZ(t.photos,o),n=WZ(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]?kh(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:SZ(a,n,s).map(w=>y1("button",{type:"button","aria-label":w.label,title:w.label,onClick:w.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:w.glyph},w.label))}),$1("div",{className:b,children:[["top-3 left-3","top-3 right-3","bottom-3 left-3","bottom-3 right-3"].map((w,z)=>y1("span",{className:`absolute ${w} h-3 w-3 border border-fg-dim/40`,style:{borderTop:w.includes("top")?"1px solid var(--site-line)":"none",borderBottom:w.includes("bottom")?"1px solid var(--site-line)":"none",borderLeft:w.includes("left")?"1px solid var(--site-line)":"none",borderRight:w.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 tt1({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,tiled:l=!1}){let r=WZ(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,Qe1)}, 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 ${kh(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 ${kh(t,i)}`})]},i)})})}function at1({slug:e,name:t}){let{has:a,toggle:s}=DZ(),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 st1({partNumbers:e,productSlug:t}){let[a,s]=qZ(""),{status:c,submit:l,reset:r}=an();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(Tc,{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 rt1,jsx as Ec,jsxs as ot1}from"react/jsx-runtime";function rb({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:s,showVehicleFitment:c=!0,...l}){let[r,o]=UZ(null),[i,n]=UZ(!1);return ct1(()=>{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?Ec(L4,{size:"tall",children:"Couldn\u2019t load this product."}):r?Ec(lt1,{record:r,editing:a,pricePlacement:s,showVehicleFitment:c,...l}):Ec(L4,{size:"tall",children:"Loading product\u2026"})}function lt1({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:s=!0,...c}){let l=e.kind==="tyre"?Ln(e.tyre):Us(e.wheel),r=dc(l,{editing:t}),o=uc();return ot1(rt1,{children:[Ec(na,{product:l,selection:r,onLightbox:o.open,editing:t,pricePlacement:a,showVehicleFitment:s,...c}),Ec(It,{item:o.item,onClose:o.close})]})}import{Fragment as mt1,jsx as o8,jsxs as pt1}from"react/jsx-runtime";var it1=Z3;function Sh({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...s}){let c=X0();return o8(x2,{kinds:it1,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(nt1,{pricePlacement:t,showVehicleFitment:a,...s}):o8(L4,{size:"tall",children:"Bound to the current product \u2014 preview on a product page."})})}function nt1({pricePlacement:e,showVehicleFitment:t,...a}){let s=z3(!0);return s?o8(ht1,{product:s,pricePlacement:e,showVehicleFitment:t,...a}):o8(L4,{size:"tall",children:p("Loading sample product\u2026")})}function ht1({product:e,pricePlacement:t,showVehicleFitment:a,...s}){let c=dc(e,{editing:!0}),l=uc();return pt1(mt1,{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 Vc}from"react/jsx-runtime";function ut1({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()?Vc(Sh,{editing:t,pricePlacement:a,showVehicleFitment:s,...m}):e?.slug?Vc(rb,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:s,...m}):t?Vc(L4,{size:"tall",children:p("Pick a product in the panel to fill this hero.")}):Vc(Sh,{pricePlacement:a,showVehicleFitment:s,...m})}var jZ={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=>Vc(ut1,{source:e.source,editing:e.puck?.isEditing,pricePlacement:qR(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:Yt(e.heroLayout),imageRatio:$n(e.imageRatio),textAlign:Kn(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:Yn(e.galleryMode),imageFit:Xn(e.imageFit)})};import{jsx as dt1}from"react/jsx-runtime";var KZ={label:"Product",defaultProps:{code:"",finish:""},render:e=>dt1(Qv,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as gt1}from"react/jsx-runtime";var $Z={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>gt1(EB,{style:e,editing:t?.isEditing})};import{useEffect as ft1,useRef as bt1}from"react";import{jsx as Nc,jsxs as YZ}from"react/jsx-runtime";var vt1={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function ob({variants:e,answer:t,loading:a=!1}){return t?YZ("div",{className:"mt-9",children:[Nc("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:xh(t)}),Nc("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(s=>{let c=qa(t,s.sku),l=vt1[c];return YZ("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[Nc("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:s.size}),Nc("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${l.className}`,style:l.style,children:zh[c]})]},s.sku)})})]}):a?Nc("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 ib,jsxs as XZ}from"react/jsx-runtime";var nb="Will it fit *your car?*",hb="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",mb="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",pb="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 ub({num:e,title:t=nb,description:a=hb,escapeText:s,escapeHref:c,omitHead:l=!1,slug:r,variants:o,onAnswer:i}){let n=_4({autoApply:!0}),{answer:h,loading:m}=bh(r,ho(n.applied?.vehicle)),u=bt1(i);return u.current=i,ft1(()=>{u.current?.(h)},[h]),XZ("section",{className:l?pb:mb,children:[l?null:ib(t0,{num:e,title:t,description:a,accent:!0}),ib(Y3,{cascade:n.cascade}),s&&c?XZ("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,ib(ob,{variants:o,answer:h,loading:m})]})}import{jsx as _c,jsxs as yt1}from"react/jsx-runtime";var xt1=["tyre"];function db(e){return _c(x2,{kinds:xt1,type:"TyreFitment",editing:e.editing,children:_c(zt1,{...e})})}function zt1({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?yt1("section",{className:l?pb:mb,children:[l?null:_c(t0,{num:e,title:t||nb,description:a||hb,accent:!0}),_c("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:_c(ub,{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 wt1}from"react/jsx-runtime";var JZ={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 wt1(db,{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 tD}from"react/jsx-runtime";var QZ="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",eD="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",Ct1=[],kt1=["tyre"];function gb(e){return i8(x2,{kinds:kt1,type:"TyreSizes",editing:e.editing,children:i8(Mt1,{...e})})}function Mt1({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?tD("section",{className:c?eD:QZ,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 tD("section",{className:c?eD:QZ,children:[n,i8(St1,{variants:i,fieldUsage:l?.fieldUsage??Ct1}),i8(a5,{text:h?io:""})]})}function St1({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(mc,{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 Lt1}from"react/jsx-runtime";var aD={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Lt1(gb,{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 sD={AlloyWheelsListing:c_,BrandStrip:kB,BundleOffer:HB,CartBlock:_B,CatalogFilterBar:$B,CheckoutCTA:k_,CollectionCard:XB,Collections:F_,CompatibleTyres:rI,CountrySwitchBlock:JB,DeliveryOptions:hI,DetailRows:MI,EuTyreLabel:QB,FitmentFinder:PI,FitmentTable:JI,Gallery:lR,GalleryB:gR,GalleryItem:eZ,Header:fZ,ProductGrid:NR,ProductHero:jZ,ProductRef:KZ,RelatedProducts:eB,SearchBlock:$Z,SpecTable:vB,TyreFitment:JZ,TyreSizes:aD};var At1={AlloyWheelsListing:o_,BrandStrip:p_,BundleOffer:u_,CartBlock:d_,CatalogFilterBar:w_,CheckoutCTA:M_,CollectionCard:A_,Collections:P_,CompatibleTyres:oI,CountrySwitchBlock:iI,DeliveryOptions:pI,DetailRows:LI,EuTyreLabel:AI,FitmentFinder:EI,FitmentTable:QI,Gallery:iR,GalleryB:vR,GalleryItem:kR,Header:MR,ProductGrid:IR,ProductHero:jR,ProductRef:QR,RelatedProducts:tB,SearchBlock:aB,SpecTable:bB,TyreFitment:xB,TyreSizes:zB},U0=Xe(sD,At1);import{jsx as b4,jsxs as Lh}from"react/jsx-runtime";function fb(e={}){let t=cC();return b4(VL,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:b4(Ht1,{...e})})}var cD="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]",vb="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function Ht1({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:w,loadingSlots:z,noSlotsMessage:M,selectedStart:S,setSelectedStart:H,customerTimezone:I,name:E,setName:O,email:T,setEmail:P,phone:N,setPhone:D,notes:Z,setNotes:_,confirmation:U,submitting:V,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:Lh("div",{className:cD,children:[z1,U?b4(l,{className:`${vb} items-start`}):Lh("form",{onSubmit:W,children:[b4(l,{className:`${vb} items-start`}),$]})]})}):b4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Lh("div",{className:cD,children:[z1,b4(_o,{eyebrow:e,heading:t,intro:a}),U?b4(Bo,{successMessage:c}):$||Lh("form",{onSubmit:W,className:vb,children:[b4(Io,{}),b4(Ro,{buttonLabel:s})]})]})})}import{jsx as Ft1}from"react/jsx-runtime";var bb={boxes:{type:"slot",allow:["BookingBox"]}},lD={label:"Booking Form",fields:bb,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>Ft1(fb,{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 rD={fields:{_gContent:x("Content"),eyebrow:q("Eyebrow"),heading:V1("Heading"),intro:V1("Introduction"),buttonLabel:q("Submit button"),successMessage:V1("Confirmation message"),boxes:bb.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 oD={fields:{_gTextStyle:x("Text style"),...Object.fromEntries(Zo.map(e=>[Do[e],v1(bu[e],Ue(bu[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=Zo.map(r=>Do[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 Tt1,LinkIcon as iD,EyeOffIcon as Pt1}from"efficient-easel/icons";import{jsx as Ic}from"react/jsx-runtime";var nD={fields:{_gTop:x("Routing groups"),routingNumber:F("Section number",f0.routingNumber),routingTagline:F("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:F("Section number",f0.formNumber),formHeading:G("Heading",f0.formHeading),metaItems:P2("Meta lines",Ic(s4,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:x("\u201COther\u201D reason"),showOther:l1("Show \u201COther\u201D reason",f0.showOther,Ic(Tt1,{})),otherLabel:q("\u201COther\u201D chip label",f0.otherLabel),otherNoteTitle:F("\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",Ic(iD,{}),[{label:"\u2014 Not linked \u2014",value:""},...f0.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:l1("Hidden",!1,Ic(Pt1,{}))},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=Tu(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||Tu(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",Ic(iD,{}),s,"")}}),t}};import{useEffect as Et1,useRef as Vt1,useState as Nt1}from"react";import{jsx as mD,jsxs as Zt1}from"react/jsx-runtime";var _t1=12,Ah=null,hD=null;function It1(e=!1){let t=i2();if((e||hD!==t)&&(Ah=null),!Ah){let a=I3();hD=t,Ah=Q1.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return Ah}function Rt1(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 Bt1(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:Rt1(e.published_at)||void 0}}function f9({value:e,onChange:t,snapshotCount:a=_t1}){let[s,c]=Nt1("idle"),l=Array.isArray(e),r=l?e.length:0,o=Vt1(!0),i=m=>{c("loading"),It1(m).then(u=>{if(!o.current)return;if(u===null){c("error");return}c("idle");let d=u.slice(0,a).map(Bt1);b6(d,e??null)&&t(d)})};Et1(()=>(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 Zt1("div",{children:[mD(Rl,{label:"Blog posts"}),mD(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 Dt1}from"react";import{jsx as B0,jsxs as n8}from"react/jsx-runtime";var pD=3,gD="featured",Hh="tabs",vD="portrait",ha="spread",Fh="count",fD=[{label:"Even grid",value:"even"},{label:"Featured first",value:gD},{label:"Tabs",value:Hh},{label:"Photo cards",value:vD},{label:"Staggered spread",value:ha},{label:"Count",value:Fh}],Ot1=[vD,ha],bD="even",Z6={min:2,max:11,step:1,fallback:7,unit:"of 12"},Gt1="bottom-left",qt1=55,Wt1="bottom";function Ut1(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 uD={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"},dD={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"},jt1="Find by name",Kt1="Nobody by that name.";function $t1(e,t){let a=c=>c.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLocaleLowerCase().trim(),s=a(t);return s===""||a(e).includes(s)}function Yt1({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 Xt1({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 Jt1({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 Qt1="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]",ea1="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]",ta1="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 xb({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,w]=Dt1(""),z=s??[],M=r?z.length:typeof l=="number"&&l>0?l:pD,S=z.slice(0,M),H=o&&S.length===0;if(S.length===0&&!o)return null;let I=r?pD:M,E=H?g?.length?g.slice(0,r?g.length:I):Array.from({length:I},(V,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"),T=h===gD&&E.length>1,P=Ut1(m),N=h===Hh,D=h===Fh,Z=Ot1.includes(h??""),_=b&&!N&&!D&&!T,U=_?E.filter(V=>$t1(V.title,f)):E;return D?B0("section",{className:ta1,children:B0(Jt1,{count:E.length,words:v||t===void 0?void 0:Y(t,!1),href:v?void 0:a?.href})}):n8("section",{className:v?ea1:Qt1,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}),_&&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:jt1}),B0("input",{type:"search",value:f,onChange:V=>w(V.target.value),autoComplete:"off",className:"rounded-[var(--sf-button-radius,6px)] border border-line bg-bg px-4 py-2.5 text-[length:var(--size-body,15px)] text-fg outline-none focus:border-accent"})]}),U.length===0&&B0("p",{role:"status",className:"text-[length:var(--size-body,14px)] text-fg-dim",children:Kt1})]}),N?B0(Xt1,{cards:E,scaffold:H}):Z?B0("div",{className:`sf-card-grid grid${O.className} ${h===ha?"grid-cols-3 max-[800px]:grid-cols-2":dD[Math.min(4,Math.max(2,c??3))]??dD[3]}`,style:O.style,children:U.map((V,J)=>B0(Yt1,{card:V,scaffold:H,lower:h===ha&&J%3===1},`${V.slug}-${J}`))}):T?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":P},children:[B0(mt,{post:E[0],href:E[0].href,scaffold:H,layout:"cover",darken:d??qt1,darkenStyle:Wt1,placement:Gt1},`${E[0].slug}-0`),B0("div",{className:`grid auto-rows-min${O.className}`,style:O.style,children:E.slice(1).map((V,J)=>B0(mt,{post:V,href:V.href,scaffold:H,showCover:u},`${V.slug}-${J+1}`))})]}):B0("div",{className:`sf-card-grid grid${O.className} ${uD[Math.min(4,Math.max(1,c??3))]??uD[3]}`,style:O.style,children:U.map((V,J)=>B0(mt,{post:V,href:V.href,scaffold:H},`${V.slug}-${J}`))})]})}import{LayoutIcon as ca1,ColumnsIcon as la1,WidthIcon as ra1,ImageIcon as oa1,OpacityIcon as ia1,ListIcon as na1,HashIcon as ha1,SearchIcon as ma1}from"efficient-easel/icons";import{jsx as sa1}from"react/jsx-runtime";var b9={num:A.sectionNumber,title:"Section title",link:A.viewAll},aa1=()=>[{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.")}],xD=(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||"#"}),zD={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=G8(e)!==""?wi(e,!!e.puck?.isEditing,aa1()):null,r=l?l.sample?[]:l.rows.map(xD):e.posts;return sa1(xb,{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(xD):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 pa1=50,yD={fields:{_gContent:x("Content"),num:F("Number",b9.num),title:G("Heading",b9.title),linkText:F("Button",b9.link),linkHref:F1("Link"),dataSource:Ci("Cards from","Blog posts"),_gPosts:x("Blog posts"),posts:s2(f9,{snapshotCount:pa1}),_gLayout:x("Layout"),layout:v1("Arrangement",h8(ca1,{}),fD,bD),columns:s1("Columns",h8(la1,{}),2,4,1,3),featuredWidth:s1("Featured width",h8(ra1,{}),Z6.min,Z6.max,Z6.step,Z6.fallback,Z6.unit),listCover:l1("Show cover image on the smaller cards",!0,h8(oa1,{})),featuredDarken:s1("Darken",h8(ia1,{}),V2.min,V2.max,V2.step,55,V2.unit),nameFilter:l1("Filter by name",!1,h8(ma1,{})),gap:B3("Events"),showAll:l1("Show all blog posts",!1,h8(na1,{})),limit:s1("Posts to display",h8(ha1,{}),1,20,1,3),cardImage:s7()},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,l={...ki("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===Hh||s.layout===Fh)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 Th}from"react/jsx-runtime";import{SettingsDefaultReset as ua1,SettingsField as da1,SettingsSegmented as ga1}from"efficient-easel/panel";import{WidthIcon as va1}from"efficient-easel/icons";function Ph({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 Th(da1,{label:n,labelId:c,icon:Th(va1,{}),value:o?l:void 0,changed:!o,action:Th(ua1,{words:py()?.panel,label:n,changed:!o,onReset:()=>a(void 0)}),hint:r,children:Th(ga1,{options:[{label:p(im.page),id:"content"},{label:p(im.full),id:"full"}],value:i,ariaLabel:n,onChange:a})})}import{SettingsField as fa1,SettingsSwitch as ba1}from"efficient-easel/panel";import{BlockColumnIcon as xa1}from"efficient-easel/icons";import{Fragment as za1,jsx as Rc}from"react/jsx-runtime";function zb({value:e,onChange:t}){let a=w5(),s={...G9,...e},c=s[a];return Rc(fa1,{label:p("Logo fills its column"),icon:Rc(xa1,{}),action:Rc(ba1,{checked:c,onChange:l=>t({...s,[a]:l}),ariaLabel:p("Logo fills its column on {view}",{view:p(y5[a])})}),hint:Rc(za1,{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{SettingsField as ya1,SettingsSwitch as wa1}from"efficient-easel/panel";import{FullWidthIcon as Ca1}from"efficient-easel/icons";import{Fragment as ka1,jsx as Bc}from"react/jsx-runtime";function yb({value:e,onChange:t}){let a=w5(),s={...q9,...e},c=s[a];return Bc(ya1,{label:p("Logo fills its row"),icon:Bc(Ca1,{}),action:Bc(wa1,{checked:c,onChange:l=>t({...s,[a]:l}),ariaLabel:p("Logo fills its row on {view}",{view:p(y5[a])})}),hint:Bc(ka1,{children:I5(p("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:Bc("strong",{children:p(y5[a])})})})})}import{jsx as Ma1}from"react/jsx-runtime";function wb({value:e,onChange:t}){return Ma1(Is,{label:"Columns per line",unit:p("columns"),steps:Ly,value:Pl(e),onChange:t})}import{useContext as Sa1,useEffect as La1,useRef as Aa1,useState as CD}from"react";import{jsx as ma,jsxs as wD}from"react/jsx-runtime";function Zc(){let e=PB();return wD("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}),wD("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 Cb,jsxs as Ta1}from"react/jsx-runtime";var kD={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},Ha1={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"},Fa1={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 kb({blocks:e,editing:t=!1,width:a,columns:s,logoFill:c,logoRowFill:l}){let r=Sa1(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(),w=t?kD[b==="desktop"?o:b==="tablet"?i:n]:`${kD[n]} ${Ha1[i]} ${Fa1[o]}`,z=Aa1(null),[M,S]=CD(1),[H,I]=CD(!1);if(La1(()=>{if(!t&&!r)return;let O=z.current;if(!O)return;let T=()=>{let U=O.querySelector(".footer-block-grid");if(!U)return;let V=t?b:Mw(window.innerWidth),J=V==="desktop"?d:V==="tablet"?v:g;I(J);let j=V==="desktop"?h:V==="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)},P,N=()=>{clearTimeout(P),P=setTimeout(T,0)},D=[0,80,250,600].map(U=>setTimeout(T,U)),Z=new MutationObserver(N);Z.observe(O,{childList:!0,subtree:!0});let _=new ResizeObserver(N);return _.observe(O),()=>{clearTimeout(P),D.forEach(clearTimeout),Z.disconnect(),_.disconnect()}},[o,i,n,t,r,b,h,m,u,d,v,g]),!t&&!r)return null;let E=xl(zl(a))??void 0;return Cb("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:Ta1("div",{style:E,children:[Cb(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${w}`,minEmptyHeight:160}),Cb(Zc,{})]})})}import{jsx as Pa1}from"react/jsx-runtime";var Mb={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},MD={label:"Footer",fields:Mb,defaultProps:{columns:Ay,logoFill:G9,logoRowFill:q9},render:({blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,puck:l})=>Pa1(kb,{blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,editing:l?.isEditing})};import{jsx as Eh}from"react/jsx-runtime";var SD={fields:{_gLayout:x("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>Eh(Ph,{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})=>Eh(wb,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>Eh(zb,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>Eh(yb,{value:e,onChange:t})},_gBlocks:x("Blocks"),blockList:V5("Footer"),blocks:Mb.blocks}};import{WeightIcon as Ea1,WidthIcon as Va1,PhoneIcon as Na1}from"efficient-easel/icons";import{jsx as Sb}from"react/jsx-runtime";var LD={fields:{_gStyle:x("Style"),thickness:s1("Thickness",Sb(Ea1,{}),1,8,1,1,"px"),lengthPct:s1("Length",Sb(Va1,{}),10,100,1,100,"%"),hideOnMobile:l1("Hide on mobile",!1,Sb(Na1,{}))}};var AD={fields:{_gContent:x("Content"),heading:V1("Heading","Join our email list"),placeholder:q("Field placeholder","Email address"),buttonLabel:q("Button","Subscribe")}};import{AlignLeftIcon as Ra1}from"efficient-easel/icons";import{jsx as HD}from"react/jsx-runtime";var _a1={start:"items-start",center:"items-center",end:"items-end"};function Lb({direction:e="vertical",gap:t,align:a="start",content:s}){let c=R3("FooterGroup",t,e==="horizontal"?"inline":"block");return HD("div",{className:"min-w-0",children:HD(s,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${_a1[a]}${c.className}`,style:c.style,minEmptyHeight:80})})}import{jsx as Ia1}from"react/jsx-runtime";var Ab={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},FD={label:"Footer Box",fields:Ab,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:s})=>Ia1(Lb,{direction:e,gap:t,align:a,content:s})};import{jsx as Ba1}from"react/jsx-runtime";var TD={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",Ba1(Ra1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:x("Blocks"),blockList:V5("FooterGroup"),blocks:Ab.blocks}};import{WidthIcon as Za1,AlignLeftIcon as Da1,LogoIcon as Oa1,PaddingTopIcon as Ga1,PaddingRightIcon as qa1,PaddingBottomIcon as Wa1,PaddingLeftIcon as Ua1}from"efficient-easel/icons";import{jsx as x9}from"react/jsx-runtime";var PD={fields:{_gContent:x("Content"),tagline:V1("Body","Short brand tagline"),_gStyle:x("Style"),widthPct:s1("Width",x9(Za1,{}),40,400,1,100,"%"),align:f1("Alignment",x9(Da1,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:f1("Logo color",x9(Oa1,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:s1("Padding top",x9(Ga1,{}),0,120,2,0,"px"),padRight:s1("Padding right",x9(qa1,{}),0,120,2,0,"px"),padBottom:s1("Padding bottom",x9(Wa1,{}),0,120,2,0,"px"),padLeft:s1("Padding left",x9(Ua1,{}),0,120,2,0,"px")}};import{Button as ja1}from"efficient-shell/ui";import{SettingsField as Ka1}from"efficient-easel/panel";import{FieldSelect as $a1}from"efficient-easel/fields";import{MenuIcon as Ya1}from"efficient-easel/icons";import{useCallback as Xa1,useEffect as ED,useState as Hb}from"react";import{jsx as z9,jsxs as VD}from"react/jsx-runtime";function Fb({value:e,onChange:t}){let[a,s]=Hb(null),[c,l]=Hb(!1),r=Xa1(f=>{s(f),l(!0)},[]);ED(()=>{let f=!1;return xp(I3()).then(w=>{f||r(w)}).catch(()=>{f||s([])}),()=>{f=!0}},[r]),ED(()=>{let f=!1,w=qM(()=>{oM(I3()).then(z=>{f||r(z)}).catch(()=>{})});return()=>{f=!0,w()}},[r]);let o=a===null,i=!!(e?.id||e?.handle),n=c&&i&&!Gr(a??[],e),h=!i&&(e?.items?.length??0)>0,m=n?"":Gr(a??[],e)?.id??"",u=f=>t({id:f.id,handle:f.handle,name:f.name,items:f.items.map(w=>({label:w.label,url:w.url}))}),d=f=>{if(!f){t(null);return}let w=(a??[]).find(z=>z.id===f);w&&u(w)},[v,g]=Hb(!1),b=()=>{i&&(g(!0),xp(I3(),!0).then(f=>{r(f);let w=Gr(f,e);w&&u(w)}).catch(()=>{}).finally(()=>g(!1)))};return VD("div",{children:[z9(Ka1,{label:p("Menu"),icon:z9(Ya1,{}),hint:!o&&a&&a.length===0?p("Create menus in {place}, then pick one here.",{place:p("Storefront \u2192 Menus")}):void 0,children:z9($a1,{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:Jk()}):null,n?z9("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:Qk(e?.name??p("The linked menu"))}):null,i&&!n?VD("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(ja1,{variant:"link",size:"sm",className:"shrink-0",onClick:b,disabled:v,children:v?p("Updating\u2026"):p("Update links")})]}):null]})}import{PhoneIcon as Ja1,LineBetweenIcon as Qa1}from"efficient-easel/icons";import{jsx as Tb}from"react/jsx-runtime";var ND={fields:{_gContent:x("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>Tb(Fb,{value:e,onChange:t})},heading:q("Heading","Column heading"),_gStyle:x("Style"),accordionMobile:l1("Show as accordion on mobile",!1,Tb(Ja1,{})),showDividers:l1("Dividers between links",!1,Tb(Qa1,{}))}};import{jsx as Dc}from"react/jsx-runtime";var _D={small:16,medium:20,large:24},Pb=0,Eb=32,RD=2,Oc=0,ID={start:"justify-start",center:"justify-center",end:"justify-end"};function Vb({iconStyle:e=re,iconSize:t="medium",align:a="start",gap:s=Oc,editing:c=!1}){let l=FB(),r=dw(uw(l));if(r.length===0)return c?Dc("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=_D[t]??_D.medium,n={gap:Math.min(Eb,Math.max(Pb,Number.isFinite(s)?s:0)),"--social-mark":`${o}px`};return Dc("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)] ${ID[a]??ID.start}`,style:n,children:r.map(({platform:h,href:m,label:u})=>Dc("li",{children:Dc("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:Dc(Lw,{platform:h,iconStyle:e,size:o})})},h))})}import{Button as es1}from"efficient-shell/ui";import{Fragment as ts1,jsx as Nb,jsxs as as1}from"react/jsx-runtime";function _b(){let{openPanel:e}=Ql();return as1(ts1,{children:[Nb(Rl,{label:"Social links"}),Nb("p",{className:"es-field-hint sf-hint-keep",children:p("The links are typed once for the whole website, in Site settings.")}),Nb(es1,{variant:"link",size:"sm",onClick:e,children:p("Edit social links \u2192")})]})}import{StylesIcon as ss1,TextSizeIcon as cs1,AlignLeftIcon as ls1,GapIcon as rs1}from"efficient-easel/icons";import{jsx as Gc}from"react/jsx-runtime";var BD={fields:{_gStyle:x("Style"),iconStyle:f1("Icon style",Gc(ss1,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],re),iconSize:f1("Icon size",Gc(cs1,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Gc(_b,{})},_gLayout:x("Layout"),align:f1("Alignment",Gc(ls1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:s1("Gap",Gc(rs1,{}),Pb,Eb,RD,Oc,"px")}};import{TextSizeIcon as os1}from"efficient-easel/icons";import{jsx as is1}from"react/jsx-runtime";var ZD={fields:{_gContent:x("Content"),text:V1("Body","Footer text"),_gStyle:x("Style"),size:f1("Size",is1(os1,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:To()}};var DD={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 OD={fields:{}};var Vh="e.g. D00123 \xB7 blank = the whole store";import{useState as m8}from"react";import{Fragment as ms1,jsx as h3,jsxs as qc}from"react/jsx-runtime";var Nh="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",ns1="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))]",hs1="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 Ib({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,w]=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()}:{}}),w(!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:qc("div",{className:s?hs1:ns1,children:[s?null:qc(ms1,{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."}):qc("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:S,children:[qc("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:Nh})}),h3(D2,{label:"Email \u2014 never shown publicly",children:h3("input",{type:"email",value:o,onChange:H=>i(H.target.value),className:Nh})})]}),qc("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:Nh})}),h3(D2,{label:"Your review",required:!0,children:h3("textarea",{required:!0,rows:5,value:d,onChange:H=>v(H.target.value),className:Nh+" 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 ps1}from"react/jsx-runtime";var Wc={eyebrow:"Your turn",title:"Leave a *review.*"},GD={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=O1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return ps1(Ib,{eyebrow:a(y(e.eyebrow,Wc.eyebrow,e.puck)),title:a(y(e.title,Wc.title,e.puck)),omitHead:t,designCode:a1(e.designCode)||void 0,editing:e.puck?.isEditing})}};var qD={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",Wc.eyebrow),title:G("Heading",Wc.title),_gSource:x("Reviews"),designCode:Q2(q("Design code",Vh))},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.ReviewForm.headRows)};import{StylesIcon as ws1,HashIcon as Cs1,ColumnsIcon as ks1}from"efficient-easel/icons";import{useEffect as us1,useState as ds1}from"react";function WD(e,t){let[a,s]=ds1(null);return us1(()=>{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 zs1,jsx as D4,jsxs as _h}from"react/jsx-runtime";var gs1=()=>[{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 vs1(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 bs1="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))]",xs1="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 Rb({look:e,eyebrow:t,title:a,columns:s,limit:c,designCode:l,omitHead:r=!1,editing:o=!1}={}){let i=WD(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?gs1():[];return!o&&m.length===0?null:D4("section",{className:"relative z-[2] border-t border-line bg-surface",children:_h("div",{className:r?xs1:bs1,children:[r?null:_h(zs1,{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=>_h("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))}),_h("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:vs1(u.createdAt)})]})]},u.id))})]})})}import{jsx as ys1}from"react/jsx-runtime";var Uc={eyebrow:"Reviews",title:"From our *customers.*"},UD={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 ys1(Rb,{look:r4(e.eyebrowLook,"Reviews"),eyebrow:a(y(e.eyebrow,Uc.eyebrow,e.puck)),title:a(y(e.title,Uc.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:a1(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as Bb}from"react/jsx-runtime";var jD={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",Uc.eyebrow),eyebrowLook:v1("Eyebrow style",Bb(ws1,{}),[...C4],l7("Reviews")),title:G("Heading",Uc.title),_gSource:x("Reviews"),limit:s1("Reviews to display",Bb(Cs1,{}),3,12,1,6),designCode:Q2(q("Design code",Vh)),_gStyle:x("Style"),columns:s1("Columns",Bb(ks1,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>G1(U1(t,a,j1),e.props.headPlacement,Z1.Reviews.headRows)};import{FullWidthIcon as Ls1}from"efficient-easel/icons";import{jsx as Zb,jsxs as Ms1}from"react/jsx-runtime";function jc({place:e,sections:t,editing:a=!1,fullWidth:s=!1,navTextCase:c,menuRow:l}){let o=Ms1(e==="footer"?"footer":"div",{"data-section-group":e,...e==="header"?{"data-header-nav-case":iZ(c),"data-header-menu-row":nZ(l)??"top"}:null,style:s===!0?{"--sf-site-width":"100vw"}:void 0,children:[a?Zb("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,Zb(t,{minEmptyHeight:120})]});return e==="header"?Zb(aM,{children:o}):o}import{jsx as Ss1}from"react/jsx-runtime";var Db={sections:{type:"slot"}},KD={label:"Site Footer",fields:Db,render:({sections:e,fullWidth:t,puck:a})=>Ss1(jc,{place:"footer",sections:e,fullWidth:t,editing:a?.isEditing})};import{jsx as As1}from"react/jsx-runtime";var $D={fields:{fullWidth:l1("Full width",!1,As1(Ls1,{})),sections:Db.sections}};import{CaseIcon as Fs1,ContrastIcon as Ts1,FullWidthIcon as Ps1,HeightIcon as Es1,LayoutIcon as Vs1,StickyIcon as Ns1}from"efficient-easel/icons";import{jsx as Hs1}from"react/jsx-runtime";var Ob={sections:{type:"slot"}},YD={label:"Site Header",fields:Ob,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,fullWidth:t,navTextCase:a,menuRow:s,puck:c})=>Hs1(jc,{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=>qf(e)??rZ,"Follow the site theme"),XD={fields:{heightPx:s1("Height",pa(Es1,{}),C5.min,C5.max,2,C5.default,"px"),fullWidth:l1("Full width",!1,pa(Ps1,{})),sectionAccent:_s1,topTextColor:f1("Text color at the top",pa(Ts1,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),navTextCase:f1("Letters",pa(Fs1,{}),[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],"uppercase"),menuRow:f1("Menu row",pa(Vs1,{}),[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],"top"),sticky:f1("Sticky header",pa(Ns1,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),sections:Ob.sections}};import{jsx as Ih,jsxs as Is1}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 Kc(e,t){return e===void 0?t:e}function Gb({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=Kc(e,y0.eyebrow),u=Kc(t,y0.title),d=Kc(a,y0.body),v=Kc(s,y0.buttonText),g=Kc(c,y0.consent),b=A5(l,r),f=v7({form:b,formSlug:l,editing:o}),w=b===void 0,z=!!b||o;return!z&&!m&&!u&&!d?null:n&&i?Ih("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:Ih(i,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):Is1("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:[Ih(jL,{eyebrow:m,title:u}),Ih(Oo,{body:d,buttonLabel:v,consent:g,form:b,submission:f,showForm:z,resolving:w,editing:o})]})}var JD={fields:{_gTextStyle:x("Text style"),...Object.fromEntries(Go.map(e=>[qo[e],v1(wu[e],Ue(wu[e]),[{label:"Section's own",value:""},...g5.map(t=>({label:F9[t],value:t}))],"")])),_gContent:x("Content"),eyebrow:F("Eyebrow",y0.eyebrow),title:G("Heading",y0.title),body:G("Body",y0.body),formSlug:P5(),buttonText:F("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=Go.map(n=>qo[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 Rs1}from"react/jsx-runtime";var qb={boxes:{type:"slot",allow:["SubmitBox"]}},QD={label:"Photo Submission Form",fields:qb,defaultProps:{eyebrow:y0.eyebrow,title:y0.title,body:y0.body,formSlug:"",buttonText:y0.buttonText,consent:y0.consent},render:e=>Rs1(Gb,{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 eO={fields:{_gContent:x("Content"),eyebrow:F("Eyebrow",y0.eyebrow),title:G("Heading",y0.title),body:G("Body",y0.body),_gForm:x("Form"),formSlug:P5(),_gButton:x("Button"),buttonText:F("Button",y0.buttonText),_gFootnote:x("Footnote"),consent:G("Consent line",y0.consent),boxes:qb.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 Bs1=["issues","posts"],tO=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],Wb="issues";function Ub(e){return Bs1.includes(e)?e:Wb}var Zs1={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function aO(e,t){let a=Ub(t),s={...e};for(let[c,l]of Object.entries(Zs1))l.includes(a)||delete s[c];return s}import{CategoryIcon as Os1,HashIcon as Gs1}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},sO=()=>["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 Ds1(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 Rh(e,t){if(e==="issues")return w1(t.issues,sO(),t.puck);let a=t.posts,s=typeof t.limit=="number"&&t.limit>0?t.limit:4,c=Array.isArray(a)?Ds1(a.slice(0,s)):[];return w1(c,sO(),t.puck)}import{jsx as cO}from"react/jsx-runtime";var lO={fields:{_sHead:Y1("Section header"),_gHeadCopy:x("Content"),headNum:F("Number",Z0.headNum),headTitle:G("Heading",Z0.headTitle),headDesc:G("Body",Z0.headDesc),_sLeft:Y1("Newsletter panel"),_gLeftCopy:x("Content"),kicker:F("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",cO(Os1,{}),[...tO],Wb),issuesHeading:F("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",cO(Gs1,{}),1,6,1,4),_gArchive:x("Archive link"),archiveText:F("Archive button",Z0.archiveText),archiveHref:F1("Archive link")},resolveFields:(e,{fields:t})=>aO(t,e.props.contentType)};import{HashIcon as js1}from"efficient-easel/icons";import{useState as qs1}from"react";import{jsx as J3,jsxs as y9}from"react/jsx-runtime";var Ws1="That didn't go through \u2014 please try again.";function $c({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,w]=qs1(""),{status:z,submit:M}=to({source:v,dryRun:g}),S=z==="sent",H=z==="sending",I=z==="error"||z==="invalid",E=(m??[]).filter(N=>(N?.n??"").trim()||(N?.title??"").trim()||(N?.date??"").trim()),O=E.length>0,T=S?i||"Subscribed \u2713":H?"Sending\u2026":o||"Subscribe \u2192";function P(N){N.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:P,children:[J3("input",{type:"email",placeholder:r||"your@email.com",required:!0,value:f,onChange:N=>w(N.target.value),disabled:S,className:"flex-1 border border-r-0 border-line bg-bg px-5 py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.18em] text-fg placeholder:text-fg-dim outline-none focus:border-accent"}),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(T)})]}),I&&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:Ws1}),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((N,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:N.n?k(N.n):""}),y9("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[N.title?k(N.title):"",N.small?.trim()&&J3("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:k(N.small,!0)})]}),J3("span",{className:"whitespace-nowrap pt-[3px] text-right font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:N.date?k(N.date):""})]},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 Us1}from"react/jsx-runtime";var J0={...Z0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},rO={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=Rh("posts",e);return Us1($c,{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 Ks1}from"react/jsx-runtime";var oO={fields:{_sHead:Y1("Section header"),_gHeadCopy:x("Content"),headNum:F("Number",J0.headNum),headTitle:G("Heading",J0.headTitle),headDesc:G("Body",J0.headDesc),_sLeft:Y1("Newsletter panel"),_gLeftCopy:x("Content"),kicker:F("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:F("Panel heading",J0.issuesHeading),_gPosts:x("Blog posts"),posts:s2(f9),limit:s1("Posts to display",Ks1(js1,{}),1,6,1,4),_gArchive:x("Archive link"),archiveText:F("Archive button",J0.archiveText),archiveHref:F1("Archive link")}};import{jsx as $s1}from"react/jsx-runtime";var iO={label:"Booking box",defaultProps:{},render:e=>$s1(xu,{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 Kb}from"react";import{Fragment as Ys1,jsx as H0,jsxs as k3}from"react/jsx-runtime";var nO="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 $b({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:w,...z}){let M=[...a.map(W=>W.id),...r?[P8]:[]],S=b&&M.includes(b)?b:M[0]??P8,[H,I]=Kb(S);jb(()=>{M.includes(H)||I(M[0]??P8)},[M.join("|")]),jb(()=>{b&&M.includes(b)&&I(b)},[b]);let E=W=>{I(W),T(null),f?.(W)},[O,T]=Kb(null),P=(u??[]).filter(W=>!W.hidden),N=P.find(W=>W.groupId===H)?.value??null,D=O??N,Z=A5(d,v),_=v7({form:Z,formSlug:d,editing:g}),U=Z===void 0,V=!!Z||!!g,[J,j]=Kb(!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(Ys1,{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)})})]}),(V||P.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]",V&&P.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[V&&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?_.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:Re(Z,"Thanks \u2014 we've received your message.")}):k3("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:_.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:_.valueOf(W.key),onChange:n1=>_.set(W.key,n1),className:W.type==="textarea"?`${nO} min-h-[140px] resize-y leading-[1.5]`:W.type==="checkbox"?"size-4 self-start accent-accent":nO})},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(P8),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===P8?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:D0(o)})]})]}),w?.(H),H===P8&&(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(Be,{value:_.honeypot,onChange:_.setHoneypot}),_.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:_.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:_.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:_.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.")})]}),P.length>0&&H0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:P.map((W,n1)=>{let z1=D===W.value,c1=!!!W.groupId;return k3("div",{onClick:c1?()=>T(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 Xs1}from"react/jsx-runtime";var hO={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=>Xs1($b,{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 mO}from"react/jsx-runtime";function Yb({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return mO("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:mO("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as Js1}from"react/jsx-runtime";var pO={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>Js1(Yb,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as Qs1}from"react";import{jsx as Xb,jsxs as uO}from"react/jsx-runtime";function Jb({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:s}=_p(),[c,l]=Qs1("");return uO("div",{className:"w-full min-w-0",children:[e?Xb("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:Y(e,!1)}):null,uO("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:r=>{r.preventDefault(),s({email:c.trim(),source:O3.footerSignup})},children:[Xb("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"}),Xb("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 ec1}from"react/jsx-runtime";var dO={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:s})=>ec1(Jb,{heading:K4(e,"Join our email list",s),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as Bh,jsxs as ac1}from"react/jsx-runtime";var tc1={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function Qb({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}=kl(),v=Math.round(m7*(t/100)),g={...c?{paddingTop:c}:{},...l?{paddingRight:l}:{},...r?{paddingBottom:r}:{},...o?{paddingLeft:o}:{}};return ac1("div",{className:`flex min-w-0 flex-col ${tc1[a]} [container-type:inline-size]`,style:g,children:[Bh(L1,{href:"/","aria-label":d?`${d} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:Bh(be,{variant:"footer",sizePx:v,src:n,reverse:s,reversedSrc:h,inkIsDark:m,wordmark:u,siteName:d,fitWordmarkToContainer:!0,fitFloorPx:TC})}),e?Bh("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:k(e)}):i?Bh("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 sc1}from"react/jsx-runtime";var gO={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})=>sc1(Qb,{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 cc1}from"react/jsx-runtime";var vO={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:s,puck:c})=>cc1(_a,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:s,editing:c?.isEditing})};import{jsx as lc1}from"react/jsx-runtime";var fO={label:"Social Logos",defaultProps:{iconStyle:re,iconSize:"medium",align:"start",gap:Oc},render:({iconStyle:e,iconSize:t,align:a,gap:s,puck:c})=>lc1(Vb,{iconStyle:e,iconSize:t,align:a,gap:s,editing:c?.isEditing})};import{jsx as oc1}from"react/jsx-runtime";var rc1={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function ex({text:e,size:t="md",tone:a="default",editing:s=!1}){let c=e||(s?p("Add a line of footer text."):"");return c?oc1("p",{className:`${rc1[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:k(c)}):null}import{jsx as ic1}from"react/jsx-runtime";var bO={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:s})=>ic1(ex,{text:e||void 0,size:t,tone:a,editing:s?.isEditing})};import{jsx as nc1}from"react/jsx-runtime";var xO={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>nc1(Hp,{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 hc1}from"react/jsx-runtime";var zO={label:"Legal Line",render:()=>hc1(Zc,{})};import{jsx as mc1}from"react/jsx-runtime";var yO={label:"Submit box",defaultProps:{},render:e=>mc1(Cu,{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 pc1}from"react/jsx-runtime";var wO={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})=>pc1($c,{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:Rh(Ub(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 CO={AppointmentBooking:lD,BookingBox:iO,ContactRouting:hO,Events:zD,Footer:MD,FooterDivider:pO,FooterEmailSignup:dO,FooterGroup:FD,FooterLogo:gO,FooterMenu:vO,FooterSocial:fO,FooterText:bO,Form:xO,LegalLineBlock:zO,ReviewForm:GD,Reviews:UD,[H9]:KD,[A9]:YD,SubmitBox:yO,SubmitBuild:QD,Subscribe:wO,SubscribeBlogs:rO};var uc1={AppointmentBooking:rD,BookingBox:oD,ContactRouting:nD,Events:yD,Footer:SD,FooterDivider:LD,FooterEmailSignup:AD,FooterGroup:TD,FooterLogo:PD,FooterMenu:ND,FooterSocial:BD,FooterText:ZD,Form:DD,LegalLineBlock:OD,ReviewForm:qD,Reviews:jD,[H9]:$D,[A9]:XD,SubmitBox:JD,SubmitBuild:eO,Subscribe:lO,SubscribeBlogs:oO},h2=Xe(CO,uc1);import{jsx as O6,jsxs as LO}from"react/jsx-runtime";var tx=e=>e==="sentence"?"none":void 0,D6=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,Yc=e=>typeof e=="string"&&e?e:void 0,dc1=["font","color","size","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function Zh(e){let t={};for(let a of dc1)e[a]!==void 0&&(t[a]=e[a]);return t}function gc1(e){let t=e.fonts,a=e.sizes,s=e.typography,c=Pz(e.compression),l=(o,i)=>({id:`heading-${o}`,kind:"heading",name:`Heading ${o}`,values:Zh(i)}),r=(o,i={})=>({id:`body-${o}`,kind:"body",name:`Body ${o}`,values:Zh(i)});return[l(1,{font:Yc(t.heading),size:D6(a.headingLarge),weight:D6(s.weight),lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,letterCase:tx(s.case),largestSize:D6(s.maxPx)}),l(2,{font:Yc(t.heading2),size:D6(a.headingMedium),weight:D6(s.weight2),lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,letterCase:tx(s.case2)}),l(3,{font:Yc(t.heading3),size:D6(a.headingSmall),weight:D6(s.weight3),lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,letterCase:tx(s.case3)}),r(1,{font:Yc(t.body),size:D6(a.body)}),r(2),r(3),r(4),r(5,{font:Yc(t.label),size:D6(a.label)})]}function kO(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:Zh(t.values??{})})):null}function MO(e){return kO(e)??[]}function Xh0(e,t){let a=gc1(t),s=kO(e);return s?s.map(c=>({...c,values:Zh({...vc1(a,c.id),...c.values})})):a}var vc1=(e,t)=>e.find(a=>a.id===t)?.values??{};function Jh0(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 bc1(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 xc1(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 SO(e){let t=[];for(let a of e){let s=a.values,c=`.${fc1(a)}`,l=[],r=s.font!==void 0?hz.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?bc1(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(...xc1(c))}return t.join(`
|
|
154
|
-
`)}import{useEasel as zc1}from"efficient-easel/easel";var yc1="color-mix(in oklab, var(--bg) 40%, #ffffff)",wc1="12vh";function Cc1({style:e,frameClass:t,children:a}){let{appState:s}=zc1(d=>d),c=s.data.content,l=s.data.root;if(jw(c))return O6("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:yc1,minHeight:"100vh",paddingBottom:wc1},children:O6("div",{style:{background:"var(--bg)"},children:a})});let r=ka(c)&&rr(l,c),o=ka(c)?Yw(l,c):null,i=o?{[$w]:o}:null,n=Kz(l?.widthChoice),h=n?{[jz]:n}:null,m=r?null:mZ(c),u=m?{[dh]: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 AO(e){return{frameClass:void 0,style:{"--sf-page-width":xa}}}function ax({w:e,children:t}){let{frameClass:a,style:s}=AO(e);return O6("div",{className:a,style:s,children:t})}function sx({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:w,cardShadow:z,shadowColor:M,cardGap:S,hoverEffect:H,headingCompression:I,siteWidth:E,siteGutter:O,blockGap:T,headingTypography:P,heroBackgroundFollowsWidth:N,photographyGrayscale:D,textStyles:Z,themeFromDocument:_}=_3(),U=_?e:g,V=_?t:b,J=_?void 0:f,j=_?s===void 0?Mz[kz(a)]:Sz(s):w,W=_?c:I,n1=SO(MO(_?void 0:Z)),z1=_?l:P,$=AO({widthMode:r,fullWidth:o,pageWidth:i}),c1={...ba(U),...fl(J),...Ez(z1),...$.style,...h?{}:dm(n)};return LO("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...hl(V),...ul(U),...dl(U),...gl(U),...vl(U),...lm(j),...Bz(lm(j)),...Fz(_?void 0:z,_?void 0:M,_?void 0:H),...Dz(_?void 0:E),...Oz(_?void 0:O),...Ny(_?void 0:T),...Uz(_?void 0:N)},"data-sf-headings":Tz(W),"data-sf-card-shadow":_?void 0:Lz(z),"data-sf-card-gap":_?void 0:Az(S),"data-sf-card-hover":_?void 0:Hz(H),onClickCapture:m,children:[n1?O6("style",{"data-sf-text-styles":"",dangerouslySetInnerHTML:{__html:n1}}):null,LO(AT,{grayscale:_?void 0:D,children:[O6(Cc1,{style:c1,frameClass:$.frameClass,children:v}),u,d]})]})}var cx=e=>{e.target?.closest?.("a")&&e.preventDefault()};function HO({pageBackground:e,inheritBackground:t=!1,w:a,children:s}){return O6("div",{style:{...t?{}:dm(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:O6(ax,{w:a,children:s})})}import{jsx as rx}from"react/jsx-runtime";import{ListIcon as kc1,PaddingTopIcon as Mc1}from"efficient-easel/icons";function Sc1(){return{type:"custom",render:({value:e,onChange:t})=>rx(Ph,{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 Lc1=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],PO={pageBackground:ew(),topSpace:v1("Top space",rx(Mc1,{}),Lc1,Kw),widthChoice:Sc1()},Ac1="Record type",lx=new Map,FO=-1;function Hc1(e){FO!==cp()&&(lx.clear(),FO=cp());let t=sp(),a=t.some(c=>c.key===e)?"":e,s=lx.get(a);return s||(s=v1(Ac1,rx(kc1,{}),[...t.map(c=>({label:c.label,value:c.key})),...a?[{label:a,value:a}]:[]],Fe),lx.set(a,s)),s}var TO=new WeakMap;function EO(e,t){if(!M2()||sp().length<2||Er in e)return e;let a=Hc1(Vr(t)),s=TO.get(e);if(s&&s.row===a)return s.fields;let c={[Er]:a,...e};return TO.set(e,{row:a,fields:c}),c}function Fc1(e,t){let a=gm(t),s=a?a.inner:t;if(em(s))return!1;if(s?.type==="slot")return!0;let c=xy(s);return c==="always"?!1:c==="authored-copy"?gz(e):!0}function VO(e){let t=gm(e),a=t?t.inner:e,s=em(a);return s?Oy(a)?0:s.level:null}function Tc1(e,t,a){return a?t===0&&e===Sm.Design||t===1&&e===cw.Content:!1}var Pc1=new WeakMap,Ec1=new WeakMap;function Dh(e,t="section"){let a=t==="page"?Ec1:Pc1,s=a.get(e);if(s)return s;let c=Object.entries(e).map(([m,u])=>({key:m,field:u,level:VO(u),draws:Fc1(m,u)||t==="page"&&VO(u)===null&&am(m,u)})),l=t==="section"&&c.some(m=>am(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&&!Tc1(c[m].key,u,l)&&r.add(c[m].key)}let o=l&&nw(e),i=o&&!(Sm.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?iw(n):n);return a.set(e,h),h}var NO={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(fa,e),draw(e,t){e.label=fa[t]}};import{jsx as Vc1}from"react/jsx-runtime";var _O={name:"sectionGroupAllow",applies:e=>il.includes(e),panel(e,t,a,s){let c=e.fields?.sections;c&&(c.allow=[...s.sectionGroupAllow])}},ox=new Set(Object.keys(Z1)),IO={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=>!ox.has(i)):c;r.disallow=Array.from(new Set([...r.disallow??[],...o]))}}};var Nc1=Array.from(new Set([...Px.map(e=>e.type),...ox,...sl,"GalleryItem"])),RO={name:"cellWidth",applies:(e,t,a)=>Nc1.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=Li(r.appState,l.props?.id);if(i===void 0||iz(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=rz(a.gridSpan),c=t(a);return s==null?c:Vc1("div",{className:"sf-grid-cell",[oz]:String(s),children:c})}}};import{jsx as BO}from"react/jsx-runtime";var ZO={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?BO(eH,{needles:tm(a.fields,c),styles:l,type:t,children:s(c)}):Object.keys(l).length?BO(Nz,{needles:tm(a.fields,c),styles:l,type:t,children:s(c)}):s(c)}}};import{jsx as DO}from"react/jsx-runtime";var OO={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=bl(a.sectionCorners,a.sectionCornerSides),c=t(a),l=_0(a)?`sf-section-corners ${Iz}`:"sf-section-corners";return s?DO("div",{className:l,style:{display:"contents",...s},children:c}):c}}},_c1=["CollectionCard"],GO={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=Rz(a.cardCorners,a.cardCornerSides),c=t(a);return s?DO("div",{className:"sf-card-corners",style:{display:"contents",...s},children:c}):c}}};var qO={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 WO={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 UO,Fragment as Ic1,jsxs as Rc1}from"react/jsx-runtime";function Bc1({anchor:e}){let t=hm(typeof e=="string"?e:"");return t?UO("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var jO={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=>Rc1(Ic1,{children:[UO(Bc1,{anchor:a.anchor}),t(a)]})}};import{jsx as Oc1}from"react/jsx-runtime";import{jsx as Zc1}from"react/jsx-runtime";import{useEffect as Dc1,useRef as KO}from"react";function $O({motion:e,editing:t,children:a}){let s=KO(null),c=KO(e);return Dc1(()=>{let l=s.current;if(l){if(t){if(c.current===e)return;c.current=e,ay(l);return}return ty(l)}},[e,t]),Zc1("div",{ref:s,[ey]:e,children:a})}var YO={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!sy.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=Qz(s.sectionAnimation);return c?Oc1($O,{motion:c,editing:!!s.puck?.isEditing,children:a(s)}):a(s)}}};import{jsx as Gc1}from"react/jsx-runtime";var QO={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!ly.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=cy(i),h=ry(i)?oy(i):null;return o&&typeof o.then=="function"?o.then(m=>JO(XO(m,n),h)):JO(XO(o,n),h)}},draw(e){let t=e.render;e.render=a=>{let s=iy(a);return s?Gc1("div",{className:s.className,style:s.style,children:t(a)}):t(a)}}};function XO(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 JO(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 qc1}from"react/jsx-runtime";var eG={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!Xz.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:s,SECTION_THEME_FOLLOW_LABEL:c}=a,l=pm.has(t);e.fields={...e.fields,...l?s(v5,c):s()}},draw(e,t){let a=pm.has(t),s=e.render;e.render=c=>{let l=_9(a?{...c,sectionAccent:v5(c.sectionAccent)}:c),r=s(c);return l?qc1("div",{className:l.className,style:l.style,children:r}):r}}},tG={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 Wc1=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"]),aG={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(Wc1.has(e)||t.isHostBlock(e)),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}},Uc1=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"]),sG={name:"blockGroups",applies:e=>Uc1.has(e),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}};var jc1=["Form","Stats"];function ix(e,t){let a=new Set(e),s=Hx.filter(i=>a.has(i)),c=s.filter(i=>i!=="Header"&&i!=="Footer"&&!il.includes(i)),l=new Set([...t,...sl,...jc1]),r=s.filter(i=>!l.has(i)),o=new Set(s);return{isSection:i=>o.has(i),isHostBlock:()=>!1,sectionGroupAllow:c,contentSectionKeys:r}}var Kc1=[_O,IO,vL,OO,GO,fL,RO,hT,mT,pT,uT,QO,jO,eG,YO,tG,aG,sG,qO,ZO,WO,NO];function cG(e,t,a){let s=t;for(let c of Kc1)c.applies(e,a,s)&&(a.inspector&&c.panel?.(s,e,a.inspector,a),c.draw?.(s,e,a));return t}var lG={spacingFields:b5,sectionShapeFields:Bl,cardShapeFields:Wy,cellWidthFields:Yy,widthField:x5,heightFields:Xy,anchorFields:Jy,sectionThemeFields:Y9,sectionAnimationFields:qy,slider:s1,assignSectionGroups:$l,dropEmptyHeadings:Dh,SECTION_THEME_FOLLOW_LABEL:Sl,BLOCK_THEME_FOLLOW_LABEL:dy};function rG(e){let t={...ix(Object.keys(e.components),e.categories?.structure?.components??[]),inspector:lG};for(let[l,r]of Object.entries(e.components))cG(l,r,t);let a=e.root,s=a.resolveFields,c=(l,r)=>Dh(EO(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 vl1,jsx as o0,jsxs as ua}from"react/jsx-runtime";var cl1="Newsletter (built in)";var ju0=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],ll1=Yh(()=>import("./PreviewFooter-HQHVLD3M.js")),rl1=Yh(()=>import("./render-client-EJ2I3IAQ.js")),ol1={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 il1({propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:l,chromeInheritsSiteBackground:r,suppressPreviewNav:o,children:i}){let{originData:n,exitFocus:h}=Ok(),{theme:m,fonts:u,sizes:d,themeFromDocument:v}=_3();if(!n)return ua(sx,{propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:l,chromeInheritsSiteBackground:r,suppressPreviewNav:o,footer:null,children:[o0("div",{style:ol1,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??[],w=n.root,z=ka(f)&&rr(w,f);return ua("div",{className:"sf-theme-accent",style:{...hl(b),...ul(g),...dl(g),...gl(g)},onClickCapture:o,children:[ua("div",{style:{position:"relative"},children:[o0("div",{className:z?lr:void 0,style:{...ba(g),...fl(v?void 0:d),pointerEvents:"none",userSelect:"none"},"aria-hidden":"true",children:o0(rl1,{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),...vl(g)},children:o0(ax,{w:{widthMode:a,fullWidth:s,pageWidth:c},children:i})})]})}var F0=Cm,nl1={formSlug:P5(void 0,cl1),_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(Qc1,{}),"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,Sl),...Bl(),_gTextStyle:x("Text style"),...Object.fromEntries(Tl.map(e=>[My[e],v1(fm[e],Ue(fm[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(Jc1,{})),trigger:f1("Trigger",o0(sl1,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],F0.trigger),autoOpenDelaySec:s1("Delay",o0(nx,{}),zm.min,zm.max,1,F0.autoOpenDelaySec,"s"),scrollPercent:s1("Scroll",o0(al1,{}),ym.min,ym.max,5,F0.scrollPercent,"%"),showOn:f1("Pages",o0(el1,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],F0.showOn),showOnPages:J9("Chosen pages",[],"None"),hideAfter:f1("After close",o0(nx,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],F0.hideAfter),hideDays:s1("Days",o0(nx,{}),wm.min,wm.max,1,F0.hideDays),_gArrangement:x("Arrangement"),formSide:f1("Form side",o0(tl1,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],F0.formSide),_gPhone:x("On a phone"),valuePanelOnPhone:l1("Left panel",F0.valuePanelOnPhone,o0(Yc1,{}))},hl1=$l(nl1,"SubscribePopup");async function ml1(){return(await Fy(i2()??"")).filter(t=>!ya(t.slug)).map(t=>({label:t.label,value:g8(t.slug)}))}async function pl1(e){let t=km(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(hl1))a.has(c)||(s[c]=c==="showOnPages"?{...l,options:await ml1().catch(()=>[])}:l);return le(s)}var m5=Fl,ul1={_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(oG,{}),"Marker","verbatim"),_gEmpty:x("Empty basket"),emptyKicker:q("Eyebrow",m5.emptyKicker),emptyBody:V1("Message",m5.emptyBody)},Oh={root:{fields:{...PO},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===xm)return pl1(e.props);if(e?.props?.kind===vm)return ul1;let a=t;return M2()?{[op]:v1("Product type",o0($c1,{}),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."),[lu]:P2("Trust bullets",o0(oG,{}),oL(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=Nr(typeof h=="string"?h:"",e);if(h===xm){let f=km(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(oS,{inline:!0,content:f})]})}if(h===vm){let f=ky(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(fr,{children:o0(br,{preview:!0,children:o0(ja,{content:f})})})]})}let d=!!a?.isEditing,v=o0(cL,{type:cu(e),children:o0(JS,{kind:u,children:o0(hL,{content:iL(e),children:o0($S,{slug:d?m:null,children:o0(ZM,{children:t})})})})}),g=h===Sy&&!fy(r);return d?h===O9?o0(il1,{propsTheme:o,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:typeof r=="string"?r:void 0,chromeInheritsSiteBackground:g,suppressPreviewNav:cx,children:v}):o0(sx,{propsTheme:o,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:l,pageBackground:typeof r=="string"?r:void 0,suppressPreviewNav:cx,footer:o0(ll1,{}),overlay:ua(vl1,{children:[o0(Op,{}),o0(Jp,{})]}),children:v}):o0(HO,{pageBackground:r,inheritBackground:g,w:{widthMode:s,fullWidth:c,pageWidth:l},children:v})}},categories:Ax(),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}},dl1={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(dl1)){let a=Oh.components;a[e]={...a[t]}}{let e=Oh.components.MenuBlock;e.fields={...e.fields,direction:f1("Direction",o0(Xc1,{}),[{label:um.column,value:"column"},{label:um.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 gl1=rG(Oh),Ku0=gl1.sectionGroupAllow,Yf=Oh;export{vz1 as a,fz1 as b,bz1 as c,xz1 as d,zz1 as e,ix as f,cG as g,lG as h,XU as i,Hm1 as j,Wr1 as k,gZ as l,vi1 as m,qM as n,fi1 as o,bi1 as p,mm1 as q,Xh0 as r,Jh0 as s,MG1 as t,Rl1 as u,Bl1 as v,Zl1 as w,Dl1 as x,ar1 as y,sr1 as z,aU1 as A,vo1 as B,tn1 as C,x90 as D,Gp as E,FI1 as F,xp as G,oM as H,Co1 as I,ko1 as J,Mo1 as K,Ho1 as L,mM as M,ro1 as N,I5 as O,rZ as P,qf as Q,vh as R,yt as S,o3 as T,RU as U,nZ as V,Dr1 as W,Zn as X,Uv as Y,B71 as Z,LJ1 as _,PR as $,yc as aa,Yf as ba};
|