npm - efficient-web-builder - Versions diffs - 42.0.0 → 43.0.0 - Mend

efficient-web-builder 42.0.0 → 43.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

package/dist/editor/components/SectionThumbnail.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as n,Fragment as z}from"react/jsx-runtime";const c={dark:"var(--sf-thumb-bar-dark)",soft:"var(--sf-thumb-bar-light)",accent:"var(--sf-thumb-accent)",tint:"var(--sf-thumb-accent-tint)",block:"var(--sf-thumb-block)",line:"var(--sf-thumb-border)",card:"var(--sf-thumb-card)"},v="repeating-linear-gradient(135deg,var(--sf-thumb-hatch1) 0,var(--sf-thumb-hatch1) 5px,var(--sf-thumb-hatch2) 5px,var(--sf-thumb-hatch2) 10px)";function r({w:i,h:l,tone:d="dark",r:h=2,style:f}){return e("div",{style:{width:i,height:l,borderRadius:h,background:c[d],flex:"none",...f}})}const T={Hero:"hero",HeroSingle:"herosingle",IntroBleed:"intro",Collections:"collections",AlloyWheelsListing:"wheelslisting",CatalogFilterBar:"catalogfilterbar",ProductGrid:"productgrid",FitmentFinder:"fitmentfinder",Gallery:"gallery",GalleryB:"gallerygrid",SpecStrip:"specstrip",ProductHero:"producthero",SpecTable:"spectable",ProcessSteps:"processsteps",DetailRows:"detailrows",FitmentTable:"fitmenttable",CompatibleTyres:"compatibletyres",TyreSizes:"tyresizes",TyreFitment:"tyrefitment",EuTyreLabel:"eutyrelabel",RelatedProducts:"productgrid",BundleOffer:"bundleoffer",OrderSummary:"ordersummary",DeliveryOptions:"deliveryoptions",PaymentBadges:"paymentbadges",CheckoutCTA:"checkoutcta",Manifesto:"manifesto",ParagraphsA:"paragraphs",Prose:"prose",StatsParagraph:"statsparagraph",Chart:"chart",Mockup:"mockup",Footprint:"footprint",Timeline:"timeline",TimelineTrack:"timelinetrack",TitleWithButtons:"titlewithbuttons",Split:"split",Cards:"cards",FAQ:"faq",Testimonials:"testimonials",Masthead:"masthead",Breadcrumb:"breadcrumb",CategoryBar:"categorybar",FeaturedCover:"featuredcover",LongRead:"longread",Series:"series",Subscribe:"subscribe",SubscribeBlogs:"subscribe",Events:"events",DocMasthead:"docmasthead",DocTabs:"doctabs",DocBody:"docbody",DocMetaCards:"docmetacards",Banner:"banner",Stats:"stats",KeyFeatures:"keyfeatures",Logos:"logos",Ticker:"ticker",Countdown:"countdown",Reviews:"reviews",SubmitBuild:"submitbuild",ReviewForm:"reviewform",Form:"form",AppointmentBooking:"appointmentbooking",ContactRouting:"contact",ContactLocations:"contactlocations",Header:"header",Footer:"footer",SectionHeader:"sectionheader",Grid:"grid",Flex:"blanksection",Spacer:"spacer",Divider:"divider",CustomHTML:"customhtml",Heading:"heading",Text:"text",ImageBlock:"image",ButtonBlock:"button",MenuBlock:"menu",EmailFormBlock:"emailform",SocialLogosBlock:"sociallogos",LegalLineBlock:"legalline",SearchBlock:"search",CartBlock:"cart",CountrySwitchBlock:"countryswitch"},o={position:"absolute",inset:0},t={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},s=(i,l,d=160)=>({background:`linear-gradient(${d}deg,${i},${l})`});function y({size:i,style:l}){const d=Math.max(2,Math.round(i.13)),h=(f,w,x)=>({position:"absolute",inset:f,background:w,borderRadius:d,...x?{mixBlendMode:x}:null});return n("span",{style:{position:"absolute",display:"block",width:i,height:i,...l},children:[e("span",{style:h("8% 26% 30% 6%",t.mark1)}),e("span",{style:h("26% 6% 8% 30%",t.mark2,"multiply")})]})}function m({children:i}){return e("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:t.muted},children:i})}function q({over:i,overTone:l,head:d,headSize:h=11.5,cta:f,ctaBg:w,ctaFg:x,tone:I}){return n(z,{children:[i&&e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:l},children:i}),e("span",{style:{fontSize:h,lineHeight:1.15,fontWeight:700,maxWidth:"78%",color:I},children:d}),f&&e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:w,color:x},children:f})]})}function k({name:i,price:l}){return n("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[e("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...s(t.paper,t.paper2,150)},children:e(y,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),e("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l})]})}function g({k:i,v:l,ok:d}){return n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${t.rule}`,fontSize:"3.98cqw",color:t.muted},children:[e("span",{children:i}),n("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("b",{style:{color:t.text,fontWeight:700},children:l}),d&&e("span",{style:{color:t.rust,fontWeight:700},children:"✓"})]})]})}function a({title:i,children:l}){return n("div",{style:{...o,background:t.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[e(m,{children:i}),l]})}function R({size:i=14}){return e("span",{style:{width:i,height:i,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${t.mark1},${t.mark2})`}})}function S({filled:i=5,size:l=6}){return n("span",{style:{fontSize:l,letterSpacing:"0.06em",color:t.rust,lineHeight:1},children:["★".repeat(i),e("span",{style:{color:t.mark1},children:"★".repeat(5-i)})]})}function u({n:i,label:l,tone:d=t.text}){return n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:d},children:i}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:d},children:l})]})}function p({children:i,w:l}){return e("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:t.muted,width:l,display:"block"},children:i})}function b({label:i,w:l="100%",filled:d}){return n("div",{style:{width:l,display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:i}),e("span",{style:{height:9,borderRadius:3,border:`1px solid ${t.rule}`,background:d?t.paper:t.card}})]})}function C({children:i}){return e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.text,color:t.onInk},children:i})}const W={wheelslisting:e(a,{title:"All wheels",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20×9 +12","$365"],["Ridge 29","18×9 +20","$410"],["Ridge 39","17×8 −10","$455"]].map(([i,l,d])=>n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...s(t.paper,t.paper2,150)},children:e(y,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),e("b",{style:{flex:1,fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l}),e("b",{style:{fontSize:"4.31cqw",color:t.text,width:26,textAlign:"right"},children:d})]},i))})}),catalogfilterbar:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6×139.7","Black"].map(i=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:t.text,color:t.onInk,display:"flex",gap:4,alignItems:"center"},children:[i,e("span",{style:{opacity:.6},children:"✕"})]},i)),e("span",{style:{fontSize:"3.65cqw",color:t.rust,fontWeight:700},children:"Clear"})]}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"128 results"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted,border:`1px solid ${t.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price ▾"})]})]}),fitmentfinder:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:t.onInk},children:"Will it fit your rig?"}),n("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(i=>n("span",{style:{flex:1,fontSize:"3.65cqw",color:t.text,background:t.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[i," ",e("span",{style:{color:t.muted},children:"▾"})]},i)),e("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:t.warm,color:t.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:e(a,{title:"Tyres that suit",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Ridge Grappler","$489"],["Trail Grappler","$525"],["Terra Grappler","$438"]].map(([i,l])=>n("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[e("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:t.ink},children:e("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${t.mark2}`,boxSizing:"border-box"}})}),e("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:t.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:i}),e("span",{style:{fontSize:"3.32cqw",color:t.muted},children:l})]},i))})}),tyresizes:e(a,{title:"Available sizes",children:e("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((i,l)=>e("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${l===0?t.rust:t.rule}`,color:l===0?t.rust:t.text,background:l===0?t.paper:t.card},children:i},i))})}),tyrefitment:n(a,{title:"Will it fit your car?",children:[e("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(i=>n("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:t.muted,background:t.paper,border:`1px solid ${t.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[i," ",e("span",{style:{color:t.muted},children:"▾"})]},i))}),e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([i,l,d])=>n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${t.rule}`,paddingTop:3},children:[e("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.32cqw",fontWeight:d?700:400,letterSpacing:"0.06em",color:d?t.warm:t.muted},children:l})]},i))})]}),eutyrelabel:n("div",{style:{...o,background:t.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([i,l],d)=>n("div",{style:{display:"flex",alignItems:"center",gap:3},children:[e("span",{style:{width:l,height:6,borderRadius:"0 2px 2px 0",background:d===1?t.rust:t.mark1}}),e("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:d===1?t.rust:t.muted},children:i})]},i))}),n("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[e("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:t.text},children:"72"}),e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:t.muted},children:"dB"})]})]}),bundleoffer:n("div",{style:{...o,background:t.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e(m,{children:"Buy it with"}),n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[[0,1].map(i=>e("span",{style:{width:26,height:22,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",background:t.card},children:e(y,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},i)),e("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:t.muted},children:"+"}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[e("span",{style:{fontSize:"3.65cqw",color:t.muted,textDecoration:"line-through"},children:"$1,024"}),e("b",{style:{fontSize:"6.02cqw",color:t.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...s(t.ink,t.ink2)},children:[n("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:t.warm,fontWeight:700},children:"READY TO ORDER"}),e("b",{style:{fontSize:"6.63cqw",color:t.onInk,lineHeight:1},children:"$1,956"}),e("span",{style:{fontSize:"3.65cqw",color:t.onInk,opacity:.65},children:"4 items · fitted free"})]}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:t.warm,color:t.ink,flex:"none"},children:"CHECKOUT"})]}),contact:e(a,{title:"Who do you need?",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Fitment help","the workshop"],["Order status","the front desk"],["Trade accounts","sales"]].map(([i,l])=>n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[e("b",{style:{flex:1,fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l}),e("span",{style:{fontSize:"4.64cqw",color:t.rust,lineHeight:1},children:"›"})]},i))})}),contactlocations:e(a,{title:"Find us",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon–Sat"],["Townsville","12 Enterprise","Mon–Fri"]].map(([i,l,d])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.32cqw",color:t.muted},children:l}),e("span",{style:{fontSize:"3.32cqw",color:t.rust,fontWeight:700},children:d})]},i))})}),form:e(a,{title:"Send us a message",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("div",{style:{display:"flex",gap:5},children:[e(b,{label:"Name"}),e(b,{label:"Email"})]}),e(b,{label:"Message",filled:!0}),e(C,{children:"SEND"})]})}),appointmentbooking:e(a,{title:"Book a fitting",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((i,l)=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:l===2?700:500,padding:"4px 0",borderRadius:3,background:l===2?t.text:t.paper,color:l===2?t.onInk:t.muted},children:i},i))}),e("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((i,l)=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${l===1?t.rust:t.rule}`,color:l===1?t.rust:t.muted,background:l===3?t.paper:t.card,textDecoration:l===3?"line-through":"none"},children:i},i))})]})}),reviewform:e(a,{title:"Leave a review",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e(S,{filled:4,size:14}),e(b,{label:"Your review",filled:!0}),e(C,{children:"POST"})]})}),submitbuild:e(a,{title:"Show us your build",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${t.mark1}`,borderRadius:5,background:t.paper},children:[e("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:t.rust,fontWeight:300},children:"+"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"Drop a photo of your rig"})]})}),masthead:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[e("span",{style:{height:1.5,background:t.text}}),e("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:t.text,lineHeight:1},children:"THE TRACK"}),n("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:t.muted},children:[e("span",{children:"Issue 14"}),e("span",{children:"Spring 2026"})]}),e("span",{style:{height:1,background:t.rule}})]}),featuredcover:n("div",{style:{...o,overflow:"hidden",...s(t.ink,t.inkSoft2)},children:[e(y,{size:92,style:{right:-18,top:-14}}),e("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${t.scrim},transparent 62%)`}}),n("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.warm},children:"FEATURE"}),e("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:t.onInk},children:"Four days on the Madigan Line"})]})]}),longread:n("div",{style:{...o,background:t.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:t.rust},children:"12 MIN READ"}),e("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:t.text},children:"What breaks first, and why"}),e(p,{children:"Every failure starts in the same place — not the rim, not"}),e(p,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:e(a,{title:"Recurring columns",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([i,l])=>n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e("span",{style:{width:3,height:12,borderRadius:2,background:t.rust,flex:"none"}}),e("b",{style:{flex:1,fontSize:"4.64cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:l})]},i))})}),events:e(a,{title:"Latest posts",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[t.inkSoft,t.inkSoft2,"Madigan Line, four days"],[t.rust,t.warm,"Why offset beats width"]].map(([i,l,d])=>n("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...s(i,l,150)}}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:d}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"4 Sep · Shed Notes"})]})]},d))})}),docmasthead:n("div",{style:{...o,background:t.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.muted},children:"POLICY"}),e("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:t.text,lineHeight:1.1},children:"Returns & refunds"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"Version 3 · Updated 4 Sep 2026"}),e("span",{style:{height:2,width:26,background:t.rust,borderRadius:1}})]}),docbody:e("div",{style:{...o,background:t.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([i,l])=>n("div",{style:{display:"flex",gap:5},children:[e("b",{style:{fontSize:"3.98cqw",color:t.rust,flex:"none"},children:i}),e(p,{children:l})]},i))}),docmetacards:e(a,{title:"At a glance",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["30 days","To return"],["5 years","Structural"],["Free","Fitting"],["48 hrs","Dispatch"]].map(([i,l])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[e("b",{style:{fontSize:"5.31cqw",color:t.text,lineHeight:1},children:i}),e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:l})]},l))})}),doctabs:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[e("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,padding:"5px 8px",color:l===0?t.text:t.muted,background:l===0?t.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${l===0?t.rule:"transparent"}`,borderBottom:"none"},children:i},i))}),e("span",{style:{height:1,background:t.rule}}),n("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[e(p,{children:"Unfitted wheels come back within 30 days, no questions."}),e(p,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:n("div",{style:{...o,background:t.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[e("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:t.text},children:"The right wheel is the boring one."}),n("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e(p,{children:"Forged, correctly offset, rated for what you actually"}),e(p,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:e(a,{title:"Key features",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:["Flow-formed barrel","1250 kg per corner","Hub-centric fit"].map(i=>n("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("span",{style:{fontSize:"4.64cqw",color:t.rust,fontWeight:700,lineHeight:1},children:"✓"}),e("span",{style:{fontSize:"4.31cqw",color:t.text},children:i})]},i))})}),statsparagraph:n("div",{style:{...o,background:t.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[n("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[e(u,{n:"27k",label:"Rigs"}),e(u,{n:"4.9",label:"Rating"})]}),n("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e(p,{children:"Twelve years of fitting the same three questions, and the"}),e(p,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:n(a,{title:"Load vs weight",children:[e("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((i,l)=>e("span",{style:{flex:1,height:`${i}%`,borderRadius:"2px 2px 0 0",background:l===4?t.rust:t.mark1}},l))}),e("span",{style:{height:1,background:t.rule,marginTop:-4}})]}),mockup:e("div",{style:{...o,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...s(t.inkSoft,t.ink)},children:n("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:t.card,boxShadow:`0 6px 14px ${t.scrim}`},children:[e("div",{style:{height:9,background:t.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(i=>e("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:t.mark1}},i))}),n("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[e("span",{style:{height:4,width:"56%",borderRadius:1,background:t.mark2}}),e("span",{style:{height:14,borderRadius:2,...s(t.paper,t.paper2,150)}}),e("span",{style:{height:3,width:"38%",borderRadius:1,background:t.rust}})]})]})}),manifesto:e("div",{style:{...o,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...s(t.ink,t.ink2)},children:n("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:t.onInk},children:["We build for the ",e("span",{style:{color:t.warm},children:"last"})," ten percent of the track."]})}),timeline:e(a,{title:"Our story",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([i,l],d)=>n("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[d<2&&e("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:t.rule}}),e("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:t.rust,zIndex:1}}),n("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[e("b",{style:{fontSize:"4.64cqw",color:t.text},children:i}),e(p,{children:l})]})]},i))})}),timelinetrack:n("div",{style:{...o,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:t.warm},children:"Milestones"}),n("div",{style:{position:"relative",display:"flex",justifyContent:"space-between",paddingTop:7},children:[e("span",{style:{position:"absolute",left:0,right:0,top:3,height:1,background:t.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((i,l)=>n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,position:"relative"},children:[e("span",{style:{position:"absolute",top:-7,width:6,height:6,borderRadius:"50%",background:l===3?t.warm:t.mark1}}),e("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:l===3?t.warm:t.onInk,opacity:l===3?1:.75},children:i})]},i))]})]}),footprint:n("div",{style:{...o,overflow:"hidden",...s(t.paper,t.paper2,150)},children:[e("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:t.mark1,opacity:.75}}),e("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:t.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([i,l])=>e("span",{style:{position:"absolute",left:i,top:l,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:t.rust}},i)),e("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:t.text},children:"3 fitting bays"})]}),banner:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:t.rust},children:[n("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e("b",{style:{fontSize:"6.02cqw",color:t.onInk},children:"End of season · 20% off"}),e("span",{style:{fontSize:"3.98cqw",color:t.onInk,opacity:.8},children:"Fitted free, this month only."})]}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.onInk,color:t.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[e("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:t.text},children:"Not sure what fits?"}),n("div",{style:{display:"flex",gap:5},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.text,color:t.onInk},children:"FIND MY FIT"}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${t.text}`,color:t.text},children:"CALL US"})]})]}),ticker:e("div",{style:{...o,overflow:"hidden",background:t.ink,display:"flex",alignItems:"center"},children:e("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:t.warm,marginLeft:-14},children:"FREE FITTING · 48HR DISPATCH · FREE FITTING · 48HR DISPATCH"})}),countdown:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"center",gap:6,justifyContent:"center",...s(t.ink,t.ink2)},children:[e("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.16em",textTransform:"uppercase",color:t.muted},children:"Back online in"}),e("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[["23","Hours"],["59","Minutes"],["48","Seconds"]].map(([i,l],d)=>n("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[d>0&&e("b",{style:{fontSize:"9.5cqw",lineHeight:1,color:t.warm},children:":"}),n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[e("b",{style:{fontSize:"11.5cqw",lineHeight:1,color:t.onInk,fontVariantNumeric:"tabular-nums"},children:i}),e("span",{style:{fontSize:"3.2cqw",letterSpacing:"0.1em",textTransform:"uppercase",opacity:.62,color:t.onInk},children:l})]})]},l))})]}),breadcrumb:e("div",{style:{...o,background:t.card,display:"flex",alignItems:"center",padding:"0 13px"},children:n("span",{style:{fontSize:"4.64cqw",color:t.muted},children:["Home ",e("span",{style:{opacity:.5},children:"/"})," Wheels ",e("span",{style:{opacity:.5},children:"/"})," ",e("span",{style:{color:t.text,fontWeight:700},children:"20 inch"})]})}),categorybar:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[e("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,padding:"4px 7px",borderRadius:99,background:l===0?t.text:t.paper,color:l===0?t.onInk:t.muted},children:i},i))}),e("span",{style:{height:1,background:t.rule}})]}),intro:n("div",{style:{...o,overflow:"hidden",background:t.card},children:[e("div",{style:{position:"absolute",inset:0,...s(t.ink,t.inkSoft2)}}),e(y,{size:64,style:{right:8,top:6}}),n("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:t.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${t.scrim}`},children:[e("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:t.text},children:"Since 1998"}),e(p,{children:"One shed, one lathe, one idea."}),e(p,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:e(a,{title:"From our customers",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[t.rust,t.warm],[t.inkSoft,t.ink],[t.paper2,t.mark2],[t.ink,t.inkSoft2],[t.warm,t.paper2],[t.mark2,t.inkSoft]].map(([i,l],d)=>e("div",{style:{borderRadius:3,...s(i,l,140+d22)}},d))})}),gallery:n(a,{title:"Gallery",children:[e("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,color:l===0?t.text:t.muted,borderBottom:`1.5px solid ${l===0?t.rust:"transparent"}`,paddingBottom:2},children:i},i))}),e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[t.rust,t.warm],[t.ink,t.inkSoft],[t.paper2,t.mark2]].map(([i,l],d)=>e("div",{style:{borderRadius:3,...s(i,l,150+d20)}},d))})]}),ordersummary:n(a,{title:"Order summary",children:[n("div",{style:{display:"flex",gap:6,alignItems:"center",paddingBottom:4},children:[e("span",{style:{width:26,height:26,borderRadius:4,position:"relative",overflow:"hidden",flex:"none",...s(t.paper,t.paper2,150)},children:e(y,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:"Ridge Grappler"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"20×9 +12 · qty 4"})]})]}),n("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Subtotal",v:"$1,956"}),e(g,{k:"Fitting",v:"Free"}),n("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[e("b",{style:{color:t.text},children:"Total"}),e("b",{style:{color:t.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:e(a,{title:"Delivery",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3–5 days","Free",!0],["Express","Next day","$19",!1]].map(([i,l,d,h])=>n("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${h?t.rust:t.rule}`,background:h?t.paper:t.card},children:[e("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${h?t.rust:t.mark1}`,background:h?t.rust:"transparent"}}),e("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.98cqw",color:t.muted},children:l}),e("b",{style:{fontSize:"4.31cqw",color:t.text},children:d})]},i))})}),paymentbadges:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[e(m,{children:"Ways to pay"}),e("div",{style:{display:"flex",gap:5},children:[["VISA",t.ink],["MC",t.rust],["AMEX",t.inkSoft],["PayPal",t.ink2]].map(([i,l])=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:t.onInk,borderRadius:3,padding:"6px 0",background:l},children:i},i))})]}),stats:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...s(t.ink,t.ink2)},children:[e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:t.warm},children:"By the numbers"}),n("div",{style:{display:"flex",gap:8},children:[e(u,{n:"27k",label:"Rigs fitted",tone:t.onInk}),e(u,{n:"12",label:"Years",tone:t.onInk}),e(u,{n:"4.9",label:"Avg rating",tone:t.warm})]})]}),testimonials:n("div",{style:{...o,overflow:"hidden",background:t.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[e("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:t.rust,opacity:.16},children:"”"}),e(S,{filled:5,size:7}),e("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:t.text,fontWeight:600},children:"“Took them out to the Simpson and back. Not one chip.”"}),n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[e(R,{}),e("span",{style:{fontSize:"3.98cqw",color:t.muted},children:"Dave M. · Hilux N80"})]})]}),reviews:n(a,{title:"Reviews",children:[e("div",{style:{display:"flex",gap:4,height:22},children:[[t.inkSoft,t.inkSoft2],[t.rust,t.warm],[t.ink,t.inkSoft],[t.mark2,t.mark1]].map(([i,l],d)=>e("div",{style:{flex:1,borderRadius:3,...s(i,l,140+d15)}},d))}),e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([i,l,d])=>n("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[e(R,{size:12}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[e("b",{style:{fontSize:"3.98cqw",color:t.text},children:i}),e(S,{filled:l})]}),e(p,{children:d})]})]},i))})]}),logos:n("div",{style:{...o,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:t.warm},children:"As fitted by"}),e("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(i=>e("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:t.onInk,opacity:.82},children:i},i))})]}),prose:n("div",{style:{...o,background:t.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:t.text},children:"Why offset matters"}),n("div",{style:{display:"flex",gap:6},children:[e("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:t.rust,marginTop:1},children:"T"}),n("div",{style:{display:"flex",flexDirection:"column"},children:[e(p,{children:"he number on the back of your wheel decides whether the"}),e(p,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:e(a,{title:"What you get",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Fitted free","In store, same day."],["5 yr cover","Structural, no fine print."],["Swap it","30 days, any reason."]].map(([i,l])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{width:11,height:11,borderRadius:3,background:t.rust,opacity:.9}}),e("b",{style:{fontSize:"3.98cqw",color:t.text},children:i}),e(p,{children:l})]},i))})}),faq:e(a,{title:"Questions",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[["Will these fit my Hilux?",!0],["Do you fit them for me?",!1],["What if I pick wrong?",!1]].map(([i,l])=>n("div",{style:{borderBottom:`1px solid ${t.rule}`,padding:"4px 2px"},children:[n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"4.64cqw",color:t.muted,lineHeight:1},children:l?"−":"+"})]}),l&&e(p,{w:"90%",children:"Use the fitment finder — it reads your build, not just the model."})]},i))})}),hero:n("div",{style:{...o,overflow:"hidden",...s(t.ink,t.ink2)},children:[e("div",{style:{...o,background:`linear-gradient(90deg,${t.scrim},transparent 70%)`}}),e("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:e(q,{over:"NEW · SUMMER",overTone:t.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:t.warm,ctaFg:t.ink,tone:t.onInk})}),e(y,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:n("div",{style:{...o,display:"flex",background:t.paper,overflow:"hidden"},children:[e("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:e(q,{over:"ALL-TERRAIN",overTone:t.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:t.text,ctaFg:t.onInk,tone:t.text})}),e("div",{style:{flex:1,position:"relative",...s(t.inkSoft,t.inkSoft2)},children:e(y,{size:74,style:{right:-14,top:16}})})]}),productgrid:e(a,{title:"Best sellers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[e(k,{name:"Ridge 19",price:"$365"}),e(k,{name:"Ridge 29",price:"$410"}),e(k,{name:"Ridge 39",price:"$455"})]})}),collections:e(a,{title:"Shop by category",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",t.inkSoft,t.inkSoft2],["Tyres",t.rust,t.warm],["Lift kits",t.ink,t.inkSoft]].map(([i,l,d])=>e("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:t.onInk,...s(l,d)},children:e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:i})},i))})}),producthero:n("div",{style:{...o,display:"flex",background:t.card,overflow:"hidden"},children:[e("div",{style:{flex:1.1,position:"relative",...s(t.paper,t.paper2,150)},children:e(y,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.rust},children:"NITTO"}),e("b",{style:{fontSize:"6.29cqw",color:t.text},children:"Ridge Grappler"}),e("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:t.text},children:"$489"}),e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:t.text,color:t.onInk},children:"ADD TO CART"})]})]}),spectable:e(a,{title:"Specifications",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Diameter",v:'20"'}),e(g,{k:"Width",v:"9.0J"}),e(g,{k:"Offset",v:"+12"}),e(g,{k:"Load",v:"1250 kg"})]})}),fitmenttable:e(a,{title:"Will it fit?",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Hilux N80",v:"20×9 +12",ok:!0}),e(g,{k:"Ranger PX3",v:"20×9 +12",ok:!0}),e(g,{k:"LC79",v:"17×8 −10",ok:!0})]})}),processsteps:n("div",{style:{...o,background:t.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[e(m,{children:"How it works"}),e("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((i,l)=>n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{width:11,height:11,borderRadius:"50%",background:t.text,color:t.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:l+1}),e("span",{style:{fontSize:"3.98cqw",color:t.text,fontWeight:600},children:i})]},i))})]}),detailrows:e("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([i,l,d])=>{const h=e("div",{style:{flex:1,...s(d?t.rust:t.inkSoft,d?t.warm:t.inkSoft2)}},"art"),f=n("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[e("b",{style:{fontSize:"4.64cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.98cqw",color:t.muted,lineHeight:1.3},children:l})]},"tx");return e("div",{style:{flex:1,display:"flex",minHeight:0},children:d?[f,h]:[h,f]},i)})}),specstrip:e("div",{style:{...o,background:t.ink,color:t.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([i,l])=>n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[e("b",{style:{fontSize:"5.69cqw",letterSpacing:"0.02em"},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:l})]},l))})},D={subscribe:n("div",{style:{...o,padding:13,display:"flex",flexDirection:"column"},children:[n("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e(r,{w:8,h:8,r:2,tone:"accent"}),e(r,{w:38,h:7,r:3,tone:"dark"}),e(r,{w:16,h:7,r:3,tone:"accent"})]}),e(r,{w:38,h:4,r:2,tone:"soft"})]}),e("div",{style:{height:1,background:c.line,marginBottom:10}}),n("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${c.line}`,borderRadius:7,padding:10},children:[n("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[e(r,{w:"46%",h:3,r:2,tone:"accent"}),e(r,{w:"84%",h:8,r:4,tone:"dark"}),e(r,{w:"56%",h:8,r:4,tone:"accent"}),e(r,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),n("div",{style:{display:"flex",gap:5,marginTop:4},children:[e("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${c.line}`,background:c.block}}),e(r,{w:34,h:13,r:5,tone:"accent"})]})]}),n("div",{style:{flex:1,background:c.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[e(r,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((i,l)=>n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:l?`1px solid ${c.line}`:"none",paddingTop:l?4:0},children:[e(r,{w:34,h:4,r:2,tone:"dark"}),e(r,{w:16,h:3,r:2,tone:"soft"})]},l))]})]})]}),split:n("div",{style:{...o,display:"flex"},children:[e("div",{style:{width:"44%",background:v}}),n("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[e(r,{w:"44%",h:5,r:3,tone:"accent"}),e(r,{w:"88%",h:8,r:4,tone:"dark"}),e(r,{w:"70%",h:8,r:4,tone:"dark"}),e(r,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),e(r,{w:"80%",h:5,r:2,tone:"soft"}),e(r,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:n(z,{children:[e(r,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[n("div",{style:{display:"flex",alignItems:"center",gap:9},children:[e(r,{w:16,h:16,r:4,tone:"accent"}),e(r,{w:"20%",h:9,r:4,tone:"dark"})]}),e(r,{w:"62%",h:10,r:5,tone:"dark"}),e(r,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:e("div",{style:{...o,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:n("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e(r,{w:"22%",h:12,r:4,tone:"dark"}),n("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[e(r,{w:26,h:6,r:3,tone:"soft"}),e(r,{w:26,h:6,r:3,tone:"soft"}),e(r,{w:26,h:6,r:3,tone:"soft"}),e(r,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:n("div",{style:{...o,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[n("div",{style:{display:"flex",gap:14},children:[n("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[e(r,{w:"60%",h:9,r:4,tone:"dark"}),e(r,{w:"90%",h:5,r:2,tone:"soft"}),e(r,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(i=>n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[e(r,{w:"50%",h:6,r:3,tone:"dark"}),e(r,{w:"80%",h:5,r:2,tone:"soft"}),e(r,{w:"66%",h:5,r:2,tone:"soft"})]},i))]}),e("div",{style:{height:1,background:c.line}}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(r,{w:"30%",h:5,r:2,tone:"soft"}),e(r,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:e("div",{style:{...o,padding:14,display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:9},children:Array.from({length:4}).map((i,l)=>e("div",{style:{borderRadius:6,background:c.block}},l))}),blanksection:e("div",{style:{...o,padding:14,display:"flex"},children:n("div",{style:{flex:1,border:`1px dashed ${c.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[e(r,{w:14,h:2,r:1,tone:"tint"}),e(r,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:n("div",{style:{...o,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e(r,{w:"100%",h:6,r:3,tone:"soft"}),e(r,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),e(r,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:e("div",{style:{...o,padding:14,display:"flex",alignItems:"center"},children:e(r,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:v},children:[e(r,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),e(r,{w:16,h:10,r:3,tone:"accent"}),e(r,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:e("div",{style:{...o,padding:14,display:"flex",alignItems:"center"},children:e(r,{w:"64%",h:13,r:4,tone:"dark"})}),text:n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[e(r,{w:"100%",h:6,r:3,tone:"soft"}),e(r,{w:"96%",h:6,r:3,tone:"soft"}),e(r,{w:"100%",h:6,r:3,tone:"soft"}),e(r,{w:"58%",h:6,r:3,tone:"soft"})]}),image:e("div",{style:{position:"absolute",inset:14,borderRadius:7,background:v}}),button:e("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center"},children:e(r,{w:"34%",h:16,r:8,tone:"accent"})}),menu:n("div",{style:{...o,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[e(r,{w:"48%",h:7,r:3,tone:"dark"}),e(r,{w:"82%",h:5,r:2,tone:"soft"}),e(r,{w:"66%",h:5,r:2,tone:"soft"}),e(r,{w:"74%",h:5,r:2,tone:"soft"}),e(r,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[e(r,{w:"56%",h:8,r:3,tone:"dark"}),n("div",{style:{display:"flex",gap:6},children:[e("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${c.line}`}}),e(r,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:e("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(i=>e(r,{w:16,h:16,r:8,tone:"dark"},i))}),search:e("div",{style:{...o,padding:"0 18%",display:"flex",alignItems:"center"},children:n("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${c.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[e("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${c.dark}`}}),e(r,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[e("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${c.dark}`}}),e("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${c.dark}`},children:e(r,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:n("div",{style:{...o,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[n("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${c.line}`},children:[e(r,{w:22,h:6,r:2,tone:"dark"}),e(r,{w:6,h:4,r:1,tone:"soft"})]}),n("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${c.line}`},children:[e(r,{w:"80%",h:4,r:2,tone:"accent"}),e(r,{w:"64%",h:4,r:2,tone:"soft"}),e(r,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[e("div",{style:{height:1,background:c.line}}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(r,{w:"38%",h:5,r:2,tone:"soft"}),n("div",{style:{display:"flex",gap:5},children:[e(r,{w:14,h:5,r:2,tone:"soft"}),e(r,{w:14,h:5,r:2,tone:"soft"}),e(r,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:e("div",{style:{position:"absolute",inset:14,borderRadius:8,background:c.block}})};function j({type:i}){const l=T[i]??"",d=W[l]??D[l]??D.fallback;return e("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:d})}export{j as default};
1	+ import{jsx as e,jsxs as n,Fragment as z}from"react/jsx-runtime";const c={dark:"var(--sf-thumb-bar-dark)",soft:"var(--sf-thumb-bar-light)",accent:"var(--sf-thumb-accent)",tint:"var(--sf-thumb-accent-tint)",block:"var(--sf-thumb-block)",line:"var(--sf-thumb-border)",card:"var(--sf-thumb-card)"},v="repeating-linear-gradient(135deg,var(--sf-thumb-hatch1) 0,var(--sf-thumb-hatch1) 5px,var(--sf-thumb-hatch2) 5px,var(--sf-thumb-hatch2) 10px)";function r({w:i,h:l,tone:d="dark",r:h=2,style:f}){return e("div",{style:{width:i,height:l,borderRadius:h,background:c[d],flex:"none",...f}})}const T={Hero:"hero",HeroSingle:"herosingle",IntroBleed:"intro",Collections:"collections",AlloyWheelsListing:"wheelslisting",CatalogFilterBar:"catalogfilterbar",ProductGrid:"productgrid",FitmentFinder:"fitmentfinder",Gallery:"gallery",GalleryB:"gallerygrid",SpecStrip:"specstrip",ProductHero:"producthero",SpecTable:"spectable",ProcessSteps:"processsteps",DetailRows:"detailrows",FitmentTable:"fitmenttable",CompatibleTyres:"compatibletyres",TyreSizes:"tyresizes",TyreFitment:"tyrefitment",EuTyreLabel:"eutyrelabel",RelatedProducts:"productgrid",BundleOffer:"bundleoffer",OrderSummary:"ordersummary",DeliveryOptions:"deliveryoptions",PaymentBadges:"paymentbadges",CheckoutCTA:"checkoutcta",Manifesto:"manifesto",ParagraphsA:"paragraphs",Prose:"prose",StatsParagraph:"statsparagraph",Chart:"chart",Mockup:"mockup",Footprint:"footprint",Timeline:"timeline",TimelineTrack:"timelinetrack",TitleWithButtons:"titlewithbuttons",Split:"split",Cards:"cards",FAQ:"faq",Testimonials:"testimonials",Masthead:"masthead",Breadcrumb:"breadcrumb",CategoryBar:"categorybar",FeaturedCover:"featuredcover",LongRead:"longread",Series:"series",Subscribe:"subscribe",SubscribeBlogs:"subscribe",Events:"events",DocMasthead:"docmasthead",DocTabs:"doctabs",DocBody:"docbody",DocMetaCards:"docmetacards",Banner:"banner",Stats:"stats",KeyFeatures:"keyfeatures",Logos:"logos",Ticker:"ticker",Countdown:"countdown",Reviews:"reviews",SubmitBuild:"submitbuild",ReviewForm:"reviewform",Form:"form",AppointmentBooking:"appointmentbooking",ContactRouting:"contact",ContactLocations:"contactlocations",Header:"header",Footer:"footer",SectionHeader:"sectionheader",Grid:"grid",Flex:"blanksection",Spacer:"spacer",Divider:"divider",CustomHTML:"customhtml",Heading:"heading",Text:"text",ImageBlock:"image",ButtonBlock:"button",MenuBlock:"menu",EmailFormBlock:"emailform",SocialLogosBlock:"sociallogos",PaymentLogosBlock:"paymentlogos",LegalLineBlock:"legalline",SearchBlock:"search",CartBlock:"cart",CountrySwitchBlock:"countryswitch"},o={position:"absolute",inset:0},t={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},s=(i,l,d=160)=>({background:`linear-gradient(${d}deg,${i},${l})`});function y({size:i,style:l}){const d=Math.max(2,Math.round(i.13)),h=(f,w,x)=>({position:"absolute",inset:f,background:w,borderRadius:d,...x?{mixBlendMode:x}:null});return n("span",{style:{position:"absolute",display:"block",width:i,height:i,...l},children:[e("span",{style:h("8% 26% 30% 6%",t.mark1)}),e("span",{style:h("26% 6% 8% 30%",t.mark2,"multiply")})]})}function m({children:i}){return e("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:t.muted},children:i})}function q({over:i,overTone:l,head:d,headSize:h=11.5,cta:f,ctaBg:w,ctaFg:x,tone:I}){return n(z,{children:[i&&e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:l},children:i}),e("span",{style:{fontSize:h,lineHeight:1.15,fontWeight:700,maxWidth:"78%",color:I},children:d}),f&&e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:w,color:x},children:f})]})}function k({name:i,price:l}){return n("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[e("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...s(t.paper,t.paper2,150)},children:e(y,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),e("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l})]})}function g({k:i,v:l,ok:d}){return n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${t.rule}`,fontSize:"3.98cqw",color:t.muted},children:[e("span",{children:i}),n("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("b",{style:{color:t.text,fontWeight:700},children:l}),d&&e("span",{style:{color:t.rust,fontWeight:700},children:"✓"})]})]})}function a({title:i,children:l}){return n("div",{style:{...o,background:t.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[e(m,{children:i}),l]})}function C({size:i=14}){return e("span",{style:{width:i,height:i,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${t.mark1},${t.mark2})`}})}function S({filled:i=5,size:l=6}){return n("span",{style:{fontSize:l,letterSpacing:"0.06em",color:t.rust,lineHeight:1},children:["★".repeat(i),e("span",{style:{color:t.mark1},children:"★".repeat(5-i)})]})}function u({n:i,label:l,tone:d=t.text}){return n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:d},children:i}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:d},children:l})]})}function p({children:i,w:l}){return e("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:t.muted,width:l,display:"block"},children:i})}function b({label:i,w:l="100%",filled:d}){return n("div",{style:{width:l,display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:i}),e("span",{style:{height:9,borderRadius:3,border:`1px solid ${t.rule}`,background:d?t.paper:t.card}})]})}function R({children:i}){return e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.text,color:t.onInk},children:i})}const W={wheelslisting:e(a,{title:"All wheels",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20×9 +12","$365"],["Ridge 29","18×9 +20","$410"],["Ridge 39","17×8 −10","$455"]].map(([i,l,d])=>n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...s(t.paper,t.paper2,150)},children:e(y,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),e("b",{style:{flex:1,fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l}),e("b",{style:{fontSize:"4.31cqw",color:t.text,width:26,textAlign:"right"},children:d})]},i))})}),catalogfilterbar:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6×139.7","Black"].map(i=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:t.text,color:t.onInk,display:"flex",gap:4,alignItems:"center"},children:[i,e("span",{style:{opacity:.6},children:"✕"})]},i)),e("span",{style:{fontSize:"3.65cqw",color:t.rust,fontWeight:700},children:"Clear"})]}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"128 results"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted,border:`1px solid ${t.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price ▾"})]})]}),fitmentfinder:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:t.onInk},children:"Will it fit your rig?"}),n("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(i=>n("span",{style:{flex:1,fontSize:"3.65cqw",color:t.text,background:t.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[i," ",e("span",{style:{color:t.muted},children:"▾"})]},i)),e("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:t.warm,color:t.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:e(a,{title:"Tyres that suit",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Ridge Grappler","$489"],["Trail Grappler","$525"],["Terra Grappler","$438"]].map(([i,l])=>n("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[e("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:t.ink},children:e("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${t.mark2}`,boxSizing:"border-box"}})}),e("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:t.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:i}),e("span",{style:{fontSize:"3.32cqw",color:t.muted},children:l})]},i))})}),tyresizes:e(a,{title:"Available sizes",children:e("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((i,l)=>e("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${l===0?t.rust:t.rule}`,color:l===0?t.rust:t.text,background:l===0?t.paper:t.card},children:i},i))})}),tyrefitment:n(a,{title:"Will it fit your car?",children:[e("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(i=>n("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:t.muted,background:t.paper,border:`1px solid ${t.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[i," ",e("span",{style:{color:t.muted},children:"▾"})]},i))}),e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([i,l,d])=>n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${t.rule}`,paddingTop:3},children:[e("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.32cqw",fontWeight:d?700:400,letterSpacing:"0.06em",color:d?t.warm:t.muted},children:l})]},i))})]}),eutyrelabel:n("div",{style:{...o,background:t.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([i,l],d)=>n("div",{style:{display:"flex",alignItems:"center",gap:3},children:[e("span",{style:{width:l,height:6,borderRadius:"0 2px 2px 0",background:d===1?t.rust:t.mark1}}),e("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:d===1?t.rust:t.muted},children:i})]},i))}),n("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[e("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:t.text},children:"72"}),e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:t.muted},children:"dB"})]})]}),bundleoffer:n("div",{style:{...o,background:t.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e(m,{children:"Buy it with"}),n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[[0,1].map(i=>e("span",{style:{width:26,height:22,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",background:t.card},children:e(y,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},i)),e("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:t.muted},children:"+"}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[e("span",{style:{fontSize:"3.65cqw",color:t.muted,textDecoration:"line-through"},children:"$1,024"}),e("b",{style:{fontSize:"6.02cqw",color:t.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...s(t.ink,t.ink2)},children:[n("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:t.warm,fontWeight:700},children:"READY TO ORDER"}),e("b",{style:{fontSize:"6.63cqw",color:t.onInk,lineHeight:1},children:"$1,956"}),e("span",{style:{fontSize:"3.65cqw",color:t.onInk,opacity:.65},children:"4 items · fitted free"})]}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:t.warm,color:t.ink,flex:"none"},children:"CHECKOUT"})]}),contact:e(a,{title:"Who do you need?",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Fitment help","the workshop"],["Order status","the front desk"],["Trade accounts","sales"]].map(([i,l])=>n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[e("b",{style:{flex:1,fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l}),e("span",{style:{fontSize:"4.64cqw",color:t.rust,lineHeight:1},children:"›"})]},i))})}),contactlocations:e(a,{title:"Find us",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon–Sat"],["Townsville","12 Enterprise","Mon–Fri"]].map(([i,l,d])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.32cqw",color:t.muted},children:l}),e("span",{style:{fontSize:"3.32cqw",color:t.rust,fontWeight:700},children:d})]},i))})}),form:e(a,{title:"Send us a message",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("div",{style:{display:"flex",gap:5},children:[e(b,{label:"Name"}),e(b,{label:"Email"})]}),e(b,{label:"Message",filled:!0}),e(R,{children:"SEND"})]})}),appointmentbooking:e(a,{title:"Book a fitting",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((i,l)=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:l===2?700:500,padding:"4px 0",borderRadius:3,background:l===2?t.text:t.paper,color:l===2?t.onInk:t.muted},children:i},i))}),e("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((i,l)=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${l===1?t.rust:t.rule}`,color:l===1?t.rust:t.muted,background:l===3?t.paper:t.card,textDecoration:l===3?"line-through":"none"},children:i},i))})]})}),reviewform:e(a,{title:"Leave a review",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e(S,{filled:4,size:14}),e(b,{label:"Your review",filled:!0}),e(R,{children:"POST"})]})}),submitbuild:e(a,{title:"Show us your build",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${t.mark1}`,borderRadius:5,background:t.paper},children:[e("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:t.rust,fontWeight:300},children:"+"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"Drop a photo of your rig"})]})}),masthead:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[e("span",{style:{height:1.5,background:t.text}}),e("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:t.text,lineHeight:1},children:"THE TRACK"}),n("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:t.muted},children:[e("span",{children:"Issue 14"}),e("span",{children:"Spring 2026"})]}),e("span",{style:{height:1,background:t.rule}})]}),featuredcover:n("div",{style:{...o,overflow:"hidden",...s(t.ink,t.inkSoft2)},children:[e(y,{size:92,style:{right:-18,top:-14}}),e("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${t.scrim},transparent 62%)`}}),n("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.warm},children:"FEATURE"}),e("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:t.onInk},children:"Four days on the Madigan Line"})]})]}),longread:n("div",{style:{...o,background:t.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:t.rust},children:"12 MIN READ"}),e("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:t.text},children:"What breaks first, and why"}),e(p,{children:"Every failure starts in the same place — not the rim, not"}),e(p,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:e(a,{title:"Recurring columns",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([i,l])=>n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e("span",{style:{width:3,height:12,borderRadius:2,background:t.rust,flex:"none"}}),e("b",{style:{flex:1,fontSize:"4.64cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:l})]},i))})}),events:e(a,{title:"Latest posts",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[t.inkSoft,t.inkSoft2,"Madigan Line, four days"],[t.rust,t.warm,"Why offset beats width"]].map(([i,l,d])=>n("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...s(i,l,150)}}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:d}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"4 Sep · Shed Notes"})]})]},d))})}),docmasthead:n("div",{style:{...o,background:t.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.muted},children:"POLICY"}),e("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:t.text,lineHeight:1.1},children:"Returns & refunds"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"Version 3 · Updated 4 Sep 2026"}),e("span",{style:{height:2,width:26,background:t.rust,borderRadius:1}})]}),docbody:e("div",{style:{...o,background:t.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([i,l])=>n("div",{style:{display:"flex",gap:5},children:[e("b",{style:{fontSize:"3.98cqw",color:t.rust,flex:"none"},children:i}),e(p,{children:l})]},i))}),docmetacards:e(a,{title:"At a glance",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["30 days","To return"],["5 years","Structural"],["Free","Fitting"],["48 hrs","Dispatch"]].map(([i,l])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[e("b",{style:{fontSize:"5.31cqw",color:t.text,lineHeight:1},children:i}),e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:l})]},l))})}),doctabs:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[e("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,padding:"5px 8px",color:l===0?t.text:t.muted,background:l===0?t.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${l===0?t.rule:"transparent"}`,borderBottom:"none"},children:i},i))}),e("span",{style:{height:1,background:t.rule}}),n("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[e(p,{children:"Unfitted wheels come back within 30 days, no questions."}),e(p,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:n("div",{style:{...o,background:t.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[e("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:t.text},children:"The right wheel is the boring one."}),n("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e(p,{children:"Forged, correctly offset, rated for what you actually"}),e(p,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:e(a,{title:"Key features",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:["Flow-formed barrel","1250 kg per corner","Hub-centric fit"].map(i=>n("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("span",{style:{fontSize:"4.64cqw",color:t.rust,fontWeight:700,lineHeight:1},children:"✓"}),e("span",{style:{fontSize:"4.31cqw",color:t.text},children:i})]},i))})}),statsparagraph:n("div",{style:{...o,background:t.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[n("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[e(u,{n:"27k",label:"Rigs"}),e(u,{n:"4.9",label:"Rating"})]}),n("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e(p,{children:"Twelve years of fitting the same three questions, and the"}),e(p,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:n(a,{title:"Load vs weight",children:[e("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((i,l)=>e("span",{style:{flex:1,height:`${i}%`,borderRadius:"2px 2px 0 0",background:l===4?t.rust:t.mark1}},l))}),e("span",{style:{height:1,background:t.rule,marginTop:-4}})]}),mockup:e("div",{style:{...o,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...s(t.inkSoft,t.ink)},children:n("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:t.card,boxShadow:`0 6px 14px ${t.scrim}`},children:[e("div",{style:{height:9,background:t.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(i=>e("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:t.mark1}},i))}),n("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[e("span",{style:{height:4,width:"56%",borderRadius:1,background:t.mark2}}),e("span",{style:{height:14,borderRadius:2,...s(t.paper,t.paper2,150)}}),e("span",{style:{height:3,width:"38%",borderRadius:1,background:t.rust}})]})]})}),manifesto:e("div",{style:{...o,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...s(t.ink,t.ink2)},children:n("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:t.onInk},children:["We build for the ",e("span",{style:{color:t.warm},children:"last"})," ten percent of the track."]})}),timeline:e(a,{title:"Our story",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([i,l],d)=>n("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[d<2&&e("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:t.rule}}),e("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:t.rust,zIndex:1}}),n("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[e("b",{style:{fontSize:"4.64cqw",color:t.text},children:i}),e(p,{children:l})]})]},i))})}),timelinetrack:n("div",{style:{...o,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:t.warm},children:"Milestones"}),n("div",{style:{position:"relative",display:"flex",justifyContent:"space-between",paddingTop:7},children:[e("span",{style:{position:"absolute",left:0,right:0,top:3,height:1,background:t.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((i,l)=>n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,position:"relative"},children:[e("span",{style:{position:"absolute",top:-7,width:6,height:6,borderRadius:"50%",background:l===3?t.warm:t.mark1}}),e("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:l===3?t.warm:t.onInk,opacity:l===3?1:.75},children:i})]},i))]})]}),footprint:n("div",{style:{...o,overflow:"hidden",...s(t.paper,t.paper2,150)},children:[e("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:t.mark1,opacity:.75}}),e("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:t.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([i,l])=>e("span",{style:{position:"absolute",left:i,top:l,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:t.rust}},i)),e("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:t.text},children:"3 fitting bays"})]}),banner:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:t.rust},children:[n("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e("b",{style:{fontSize:"6.02cqw",color:t.onInk},children:"End of season · 20% off"}),e("span",{style:{fontSize:"3.98cqw",color:t.onInk,opacity:.8},children:"Fitted free, this month only."})]}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.onInk,color:t.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[e("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:t.text},children:"Not sure what fits?"}),n("div",{style:{display:"flex",gap:5},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.text,color:t.onInk},children:"FIND MY FIT"}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${t.text}`,color:t.text},children:"CALL US"})]})]}),ticker:e("div",{style:{...o,overflow:"hidden",background:t.ink,display:"flex",alignItems:"center"},children:e("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:t.warm,marginLeft:-14},children:"FREE FITTING · 48HR DISPATCH · FREE FITTING · 48HR DISPATCH"})}),countdown:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"center",gap:6,justifyContent:"center",...s(t.ink,t.ink2)},children:[e("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.16em",textTransform:"uppercase",color:t.muted},children:"Back online in"}),e("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[["23","Hours"],["59","Minutes"],["48","Seconds"]].map(([i,l],d)=>n("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[d>0&&e("b",{style:{fontSize:"9.5cqw",lineHeight:1,color:t.warm},children:":"}),n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[e("b",{style:{fontSize:"11.5cqw",lineHeight:1,color:t.onInk,fontVariantNumeric:"tabular-nums"},children:i}),e("span",{style:{fontSize:"3.2cqw",letterSpacing:"0.1em",textTransform:"uppercase",opacity:.62,color:t.onInk},children:l})]})]},l))})]}),breadcrumb:e("div",{style:{...o,background:t.card,display:"flex",alignItems:"center",padding:"0 13px"},children:n("span",{style:{fontSize:"4.64cqw",color:t.muted},children:["Home ",e("span",{style:{opacity:.5},children:"/"})," Wheels ",e("span",{style:{opacity:.5},children:"/"})," ",e("span",{style:{color:t.text,fontWeight:700},children:"20 inch"})]})}),categorybar:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[e("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,padding:"4px 7px",borderRadius:99,background:l===0?t.text:t.paper,color:l===0?t.onInk:t.muted},children:i},i))}),e("span",{style:{height:1,background:t.rule}})]}),intro:n("div",{style:{...o,overflow:"hidden",background:t.card},children:[e("div",{style:{position:"absolute",inset:0,...s(t.ink,t.inkSoft2)}}),e(y,{size:64,style:{right:8,top:6}}),n("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:t.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${t.scrim}`},children:[e("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:t.text},children:"Since 1998"}),e(p,{children:"One shed, one lathe, one idea."}),e(p,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:e(a,{title:"From our customers",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[t.rust,t.warm],[t.inkSoft,t.ink],[t.paper2,t.mark2],[t.ink,t.inkSoft2],[t.warm,t.paper2],[t.mark2,t.inkSoft]].map(([i,l],d)=>e("div",{style:{borderRadius:3,...s(i,l,140+d22)}},d))})}),gallery:n(a,{title:"Gallery",children:[e("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,color:l===0?t.text:t.muted,borderBottom:`1.5px solid ${l===0?t.rust:"transparent"}`,paddingBottom:2},children:i},i))}),e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[t.rust,t.warm],[t.ink,t.inkSoft],[t.paper2,t.mark2]].map(([i,l],d)=>e("div",{style:{borderRadius:3,...s(i,l,150+d20)}},d))})]}),ordersummary:n(a,{title:"Order summary",children:[n("div",{style:{display:"flex",gap:6,alignItems:"center",paddingBottom:4},children:[e("span",{style:{width:26,height:26,borderRadius:4,position:"relative",overflow:"hidden",flex:"none",...s(t.paper,t.paper2,150)},children:e(y,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:"Ridge Grappler"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"20×9 +12 · qty 4"})]})]}),n("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Subtotal",v:"$1,956"}),e(g,{k:"Fitting",v:"Free"}),n("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[e("b",{style:{color:t.text},children:"Total"}),e("b",{style:{color:t.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:e(a,{title:"Delivery",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3–5 days","Free",!0],["Express","Next day","$19",!1]].map(([i,l,d,h])=>n("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${h?t.rust:t.rule}`,background:h?t.paper:t.card},children:[e("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${h?t.rust:t.mark1}`,background:h?t.rust:"transparent"}}),e("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.98cqw",color:t.muted},children:l}),e("b",{style:{fontSize:"4.31cqw",color:t.text},children:d})]},i))})}),paymentbadges:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[e(m,{children:"Ways to pay"}),e("div",{style:{display:"flex",gap:5},children:[["VISA",t.ink],["MC",t.rust],["AMEX",t.inkSoft],["PayPal",t.ink2]].map(([i,l])=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:t.onInk,borderRadius:3,padding:"6px 0",background:l},children:i},i))})]}),stats:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...s(t.ink,t.ink2)},children:[e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:t.warm},children:"By the numbers"}),n("div",{style:{display:"flex",gap:8},children:[e(u,{n:"27k",label:"Rigs fitted",tone:t.onInk}),e(u,{n:"12",label:"Years",tone:t.onInk}),e(u,{n:"4.9",label:"Avg rating",tone:t.warm})]})]}),testimonials:n("div",{style:{...o,overflow:"hidden",background:t.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[e("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:t.rust,opacity:.16},children:"”"}),e(S,{filled:5,size:7}),e("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:t.text,fontWeight:600},children:"“Took them out to the Simpson and back. Not one chip.”"}),n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[e(C,{}),e("span",{style:{fontSize:"3.98cqw",color:t.muted},children:"Dave M. · Hilux N80"})]})]}),reviews:n(a,{title:"Reviews",children:[e("div",{style:{display:"flex",gap:4,height:22},children:[[t.inkSoft,t.inkSoft2],[t.rust,t.warm],[t.ink,t.inkSoft],[t.mark2,t.mark1]].map(([i,l],d)=>e("div",{style:{flex:1,borderRadius:3,...s(i,l,140+d15)}},d))}),e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([i,l,d])=>n("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[e(C,{size:12}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[e("b",{style:{fontSize:"3.98cqw",color:t.text},children:i}),e(S,{filled:l})]}),e(p,{children:d})]})]},i))})]}),logos:n("div",{style:{...o,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:t.warm},children:"As fitted by"}),e("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(i=>e("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:t.onInk,opacity:.82},children:i},i))})]}),prose:n("div",{style:{...o,background:t.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:t.text},children:"Why offset matters"}),n("div",{style:{display:"flex",gap:6},children:[e("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:t.rust,marginTop:1},children:"T"}),n("div",{style:{display:"flex",flexDirection:"column"},children:[e(p,{children:"he number on the back of your wheel decides whether the"}),e(p,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:e(a,{title:"What you get",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Fitted free","In store, same day."],["5 yr cover","Structural, no fine print."],["Swap it","30 days, any reason."]].map(([i,l])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{width:11,height:11,borderRadius:3,background:t.rust,opacity:.9}}),e("b",{style:{fontSize:"3.98cqw",color:t.text},children:i}),e(p,{children:l})]},i))})}),faq:e(a,{title:"Questions",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[["Will these fit my Hilux?",!0],["Do you fit them for me?",!1],["What if I pick wrong?",!1]].map(([i,l])=>n("div",{style:{borderBottom:`1px solid ${t.rule}`,padding:"4px 2px"},children:[n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"4.64cqw",color:t.muted,lineHeight:1},children:l?"−":"+"})]}),l&&e(p,{w:"90%",children:"Use the fitment finder — it reads your build, not just the model."})]},i))})}),hero:n("div",{style:{...o,overflow:"hidden",...s(t.ink,t.ink2)},children:[e("div",{style:{...o,background:`linear-gradient(90deg,${t.scrim},transparent 70%)`}}),e("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:e(q,{over:"NEW · SUMMER",overTone:t.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:t.warm,ctaFg:t.ink,tone:t.onInk})}),e(y,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:n("div",{style:{...o,display:"flex",background:t.paper,overflow:"hidden"},children:[e("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:e(q,{over:"ALL-TERRAIN",overTone:t.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:t.text,ctaFg:t.onInk,tone:t.text})}),e("div",{style:{flex:1,position:"relative",...s(t.inkSoft,t.inkSoft2)},children:e(y,{size:74,style:{right:-14,top:16}})})]}),productgrid:e(a,{title:"Best sellers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[e(k,{name:"Ridge 19",price:"$365"}),e(k,{name:"Ridge 29",price:"$410"}),e(k,{name:"Ridge 39",price:"$455"})]})}),collections:e(a,{title:"Shop by category",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",t.inkSoft,t.inkSoft2],["Tyres",t.rust,t.warm],["Lift kits",t.ink,t.inkSoft]].map(([i,l,d])=>e("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:t.onInk,...s(l,d)},children:e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:i})},i))})}),producthero:n("div",{style:{...o,display:"flex",background:t.card,overflow:"hidden"},children:[e("div",{style:{flex:1.1,position:"relative",...s(t.paper,t.paper2,150)},children:e(y,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.rust},children:"NITTO"}),e("b",{style:{fontSize:"6.29cqw",color:t.text},children:"Ridge Grappler"}),e("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:t.text},children:"$489"}),e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:t.text,color:t.onInk},children:"ADD TO CART"})]})]}),spectable:e(a,{title:"Specifications",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Diameter",v:'20"'}),e(g,{k:"Width",v:"9.0J"}),e(g,{k:"Offset",v:"+12"}),e(g,{k:"Load",v:"1250 kg"})]})}),fitmenttable:e(a,{title:"Will it fit?",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Hilux N80",v:"20×9 +12",ok:!0}),e(g,{k:"Ranger PX3",v:"20×9 +12",ok:!0}),e(g,{k:"LC79",v:"17×8 −10",ok:!0})]})}),processsteps:n("div",{style:{...o,background:t.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[e(m,{children:"How it works"}),e("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((i,l)=>n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{width:11,height:11,borderRadius:"50%",background:t.text,color:t.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:l+1}),e("span",{style:{fontSize:"3.98cqw",color:t.text,fontWeight:600},children:i})]},i))})]}),detailrows:e("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([i,l,d])=>{const h=e("div",{style:{flex:1,...s(d?t.rust:t.inkSoft,d?t.warm:t.inkSoft2)}},"art"),f=n("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[e("b",{style:{fontSize:"4.64cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.98cqw",color:t.muted,lineHeight:1.3},children:l})]},"tx");return e("div",{style:{flex:1,display:"flex",minHeight:0},children:d?[f,h]:[h,f]},i)})}),specstrip:e("div",{style:{...o,background:t.ink,color:t.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([i,l])=>n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[e("b",{style:{fontSize:"5.69cqw",letterSpacing:"0.02em"},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:l})]},l))})},D={subscribe:n("div",{style:{...o,padding:13,display:"flex",flexDirection:"column"},children:[n("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e(r,{w:8,h:8,r:2,tone:"accent"}),e(r,{w:38,h:7,r:3,tone:"dark"}),e(r,{w:16,h:7,r:3,tone:"accent"})]}),e(r,{w:38,h:4,r:2,tone:"soft"})]}),e("div",{style:{height:1,background:c.line,marginBottom:10}}),n("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${c.line}`,borderRadius:7,padding:10},children:[n("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[e(r,{w:"46%",h:3,r:2,tone:"accent"}),e(r,{w:"84%",h:8,r:4,tone:"dark"}),e(r,{w:"56%",h:8,r:4,tone:"accent"}),e(r,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),n("div",{style:{display:"flex",gap:5,marginTop:4},children:[e("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${c.line}`,background:c.block}}),e(r,{w:34,h:13,r:5,tone:"accent"})]})]}),n("div",{style:{flex:1,background:c.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[e(r,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((i,l)=>n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:l?`1px solid ${c.line}`:"none",paddingTop:l?4:0},children:[e(r,{w:34,h:4,r:2,tone:"dark"}),e(r,{w:16,h:3,r:2,tone:"soft"})]},l))]})]})]}),split:n("div",{style:{...o,display:"flex"},children:[e("div",{style:{width:"44%",background:v}}),n("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[e(r,{w:"44%",h:5,r:3,tone:"accent"}),e(r,{w:"88%",h:8,r:4,tone:"dark"}),e(r,{w:"70%",h:8,r:4,tone:"dark"}),e(r,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),e(r,{w:"80%",h:5,r:2,tone:"soft"}),e(r,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:n(z,{children:[e(r,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[n("div",{style:{display:"flex",alignItems:"center",gap:9},children:[e(r,{w:16,h:16,r:4,tone:"accent"}),e(r,{w:"20%",h:9,r:4,tone:"dark"})]}),e(r,{w:"62%",h:10,r:5,tone:"dark"}),e(r,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:e("div",{style:{...o,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:n("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e(r,{w:"22%",h:12,r:4,tone:"dark"}),n("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[e(r,{w:26,h:6,r:3,tone:"soft"}),e(r,{w:26,h:6,r:3,tone:"soft"}),e(r,{w:26,h:6,r:3,tone:"soft"}),e(r,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:n("div",{style:{...o,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[n("div",{style:{display:"flex",gap:14},children:[n("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[e(r,{w:"60%",h:9,r:4,tone:"dark"}),e(r,{w:"90%",h:5,r:2,tone:"soft"}),e(r,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(i=>n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[e(r,{w:"50%",h:6,r:3,tone:"dark"}),e(r,{w:"80%",h:5,r:2,tone:"soft"}),e(r,{w:"66%",h:5,r:2,tone:"soft"})]},i))]}),e("div",{style:{height:1,background:c.line}}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(r,{w:"30%",h:5,r:2,tone:"soft"}),e(r,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:e("div",{style:{...o,padding:14,display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:9},children:Array.from({length:4}).map((i,l)=>e("div",{style:{borderRadius:6,background:c.block}},l))}),blanksection:e("div",{style:{...o,padding:14,display:"flex"},children:n("div",{style:{flex:1,border:`1px dashed ${c.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[e(r,{w:14,h:2,r:1,tone:"tint"}),e(r,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:n("div",{style:{...o,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e(r,{w:"100%",h:6,r:3,tone:"soft"}),e(r,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),e(r,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:e("div",{style:{...o,padding:14,display:"flex",alignItems:"center"},children:e(r,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:v},children:[e(r,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),e(r,{w:16,h:10,r:3,tone:"accent"}),e(r,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:e("div",{style:{...o,padding:14,display:"flex",alignItems:"center"},children:e(r,{w:"64%",h:13,r:4,tone:"dark"})}),text:n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[e(r,{w:"100%",h:6,r:3,tone:"soft"}),e(r,{w:"96%",h:6,r:3,tone:"soft"}),e(r,{w:"100%",h:6,r:3,tone:"soft"}),e(r,{w:"58%",h:6,r:3,tone:"soft"})]}),image:e("div",{style:{position:"absolute",inset:14,borderRadius:7,background:v}}),button:e("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center"},children:e(r,{w:"34%",h:16,r:8,tone:"accent"})}),menu:n("div",{style:{...o,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[e(r,{w:"48%",h:7,r:3,tone:"dark"}),e(r,{w:"82%",h:5,r:2,tone:"soft"}),e(r,{w:"66%",h:5,r:2,tone:"soft"}),e(r,{w:"74%",h:5,r:2,tone:"soft"}),e(r,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[e(r,{w:"56%",h:8,r:3,tone:"dark"}),n("div",{style:{display:"flex",gap:6},children:[e("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${c.line}`}}),e(r,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:e("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(i=>e(r,{w:16,h:16,r:8,tone:"dark"},i))}),paymentlogos:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[e(r,{w:22,h:6,r:2,tone:"soft"}),[0,1,2,3].map(i=>e(r,{w:20,h:13,r:3,tone:"dark"},i))]}),search:e("div",{style:{...o,padding:"0 18%",display:"flex",alignItems:"center"},children:n("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${c.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[e("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${c.dark}`}}),e(r,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:n("div",{style:{...o,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[e("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${c.dark}`}}),e("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${c.dark}`},children:e(r,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:n("div",{style:{...o,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[n("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${c.line}`},children:[e(r,{w:22,h:6,r:2,tone:"dark"}),e(r,{w:6,h:4,r:1,tone:"soft"})]}),n("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${c.line}`},children:[e(r,{w:"80%",h:4,r:2,tone:"accent"}),e(r,{w:"64%",h:4,r:2,tone:"soft"}),e(r,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:n("div",{style:{...o,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[e("div",{style:{height:1,background:c.line}}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(r,{w:"38%",h:5,r:2,tone:"soft"}),n("div",{style:{display:"flex",gap:5},children:[e(r,{w:14,h:5,r:2,tone:"soft"}),e(r,{w:14,h:5,r:2,tone:"soft"}),e(r,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:e("div",{style:{position:"absolute",inset:14,borderRadius:8,background:c.block}})};function j({type:i}){const l=T[i]??"",d=W[l]??D[l]??D.fallback;return e("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:d})}export{j as default};

package/dist/editor/components/SiteFields.d.ts CHANGED Viewed

@@ -2,8 +2,9 @@ import { type ReactNode } from "react";
 import { type SettingsBucket } from "efficient-easel/fields";
 import { type HeroMediaPart } from "../../render/lib/document/hero-media-parts.js";
 export declare const TAB_ICONS: Record<SettingsBucket, ReactNode>;
-export declare function SiteFields({ entries, entryCount, part, }: {
+export declare function SiteFields({ entries, entryCount, part, omit, }: {
     entries?: ReactNode;
     entryCount?: number;
     part?: HeroMediaPart | null;
+    omit?: readonly string[];
 }): import("react").JSX.Element;

package/dist/editor/components/SiteFields.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{jsx as E}from"react/jsx-runtime";import{useLayoutEffect as P,useMemo as F,useRef as q,useState as T}from"react";import{useEasel as R,useSelectedFields as U}from"efficient-easel/easel";import{Inspector as W,planFields as v}from"efficient-easel/fields";import{BUCKET_ICONS as X,entriesHiddenForTab as G}from"../lib/document/controls.js";import{BUCKETS as H}from"../lib/document/field-groups.js";import{say as Y}from"../../format/lib/editor-words.js";import{usePreviewDevice as z}from"efficient-easel/draw/client";import{showWhenContext as J,visibleFields as Q}from"../../render/lib/document/show-when.js";import{fieldsOfPart as V}from"../../render/lib/document/hero-media-parts.js";import{bandIsDropped as Z,droppedBands as $,sameKeys as ee,TEXT_BAND_KEY as _,TEXT_BAND_TITLE as te,withoutBands as oe}from"../../format/lib/document/panel-bands.js";const x=new Map,p=new Set;function ne(o,r){const a=new Map;for(const s of o.querySelectorAll(".es-insp-row[data-field]"))a.set(s.getAttribute("data-field")??"",s);const n=[];for(const[s,l]of r)n.push({key:s,rows:l.map(w=>{const d=a.get(w),f=!!d&&[...d.children].some(b=>!b.hidden),u=d?.querySelector(".es-field-label, .es-list-label")?.textContent?.trim();return{shown:f,labelled:f&&!!u}})});return n}const se=Object.fromEntries(H.map(o=>{const r=X[o];return[o,E(r,{},o)]}));function be({entries:o,entryCount:r=0,part:a=null}){const{id:n,fields:s,values:l,readOnly:w,onChange:d}=U(),f=z(),{appState:u,config:b}=R(e=>e),g=J(f,b,u.data.content??[],u.ui.itemSelector),A=V(s,a),i=Q(A,l,g),[I,M]=T(()=>new Set(p)),[C,O]=T(()=>new Set),B=q(null),D=F(()=>{const e=new Map;for(const t of v(i).rows){if(!t.fold)continue;const c=e.get(t.fold.key)??[];c.push(t.name),e.set(t.fold.key,c)}return e},[i]);P(()=>{const e=B.current?.parentElement;if(!e)return;const t=new Set($(ne(e,D)));O(c=>ee(c,t)?c:t)});const N=F(()=>oe(i,C),[i,C]),k={key:_,rows:Array.from({length:r},()=>({shown:!0,labelled:!0}))},K=Z(k)?void 0:{key:_,title:te},[h,j]=T(()=>x.get(n)),y=x.get(n),m=v(i).buckets,S=y&&m.includes(y)?y:h&&m.includes(h)?h:m[0],L=S===void 0\|\|G(m,S)!==!0;return E(W,{fields:N,values:l,onChange:d,readOnly:w,showWhenContext:{...g,node:l},tab:S,onTab:e=>{x.set(n,e),j(e)},tabIcons:se,idPrefix:n,ariaLabel:Y("Section settings"),lead:L?o:null,leadFold:K,closedFolds:I,onFold:(e,t)=>{t?p.delete(e):p.add(e),M(new Set(p))},children:E("span",{ref:B,hidden:!0})})}export{be as SiteFields,se as TAB_ICONS};
1	+ "use client";import{jsx as T}from"react/jsx-runtime";import{useLayoutEffect as R,useMemo as g,useRef as U,useState as x}from"react";import{useEasel as W,useSelectedFields as X}from"efficient-easel/easel";import{Inspector as G,planFields as v}from"efficient-easel/fields";import{BUCKET_ICONS as H,entriesHiddenForTab as Y}from"../lib/document/controls.js";import{BUCKETS as z}from"../lib/document/field-groups.js";import{say as J}from"../../format/lib/editor-words.js";import{usePreviewDevice as Q}from"efficient-easel/draw/client";import{showWhenContext as V,visibleFields as Z}from"../../render/lib/document/show-when.js";import{fieldsOfPart as $}from"../../render/lib/document/hero-media-parts.js";import{bandIsDropped as ee,droppedBands as te,sameKeys as oe,TEXT_BAND_KEY as _,TEXT_BAND_TITLE as ne,withoutBands as se}from"../../format/lib/document/panel-bands.js";const C=new Map,p=new Set;function re(n,r){const a=new Map;for(const t of n.querySelectorAll(".es-insp-row[data-field]"))a.set(t.getAttribute("data-field")??"",t);const s=[];for(const[t,w]of r)s.push({key:t,rows:w.map(l=>{const d=a.get(l),f=!!d&&[...d.children].some(u=>!u.hidden),b=d?.querySelector(".es-field-label, .es-list-label")?.textContent?.trim();return{shown:f,labelled:f&&!!b}})});return s}const le=Object.fromEntries(z.map(n=>{const r=H[n];return[n,T(r,{},n)]}));function ye({entries:n,entryCount:r=0,part:a=null,omit:s}){const{id:t,fields:w,values:l,readOnly:d,onChange:f}=X(),b=Q(),{appState:u,config:A}=W(e=>e),B=V(b,A,u.data.content??[],u.ui.itemSelector),h=$(w,a),I=g(()=>s?.length?Object.fromEntries(Object.entries(h).filter(([e])=>!s.includes(e))):h,[h,s]),c=Z(I,l,B),[M,j]=x(()=>new Set(p)),[F,D]=x(()=>new Set),O=U(null),N=g(()=>{const e=new Map;for(const o of v(c).rows){if(!o.fold)continue;const i=e.get(o.fold.key)??[];i.push(o.name),e.set(o.fold.key,i)}return e},[c]);R(()=>{const e=O.current?.parentElement;if(!e)return;const o=new Set(te(re(e,N)));D(i=>oe(i,o)?i:o)});const k=g(()=>se(c,F),[c,F]),K={key:_,rows:Array.from({length:r},()=>({shown:!0,labelled:!0}))},P=ee(K)?void 0:{key:_,title:ne},[y,L]=x(()=>C.get(t)),S=C.get(t),m=v(c).buckets,E=S&&m.includes(S)?S:y&&m.includes(y)?y:m[0],q=E===void 0\|\|Y(m,E)!==!0;return T(G,{fields:k,values:l,onChange:f,readOnly:d,showWhenContext:{...B,node:l},tab:E,onTab:e=>{C.set(t,e),L(e)},tabIcons:le,idPrefix:t,ariaLabel:J("Section settings"),lead:q?n:null,leadFold:P,closedFolds:M,onFold:(e,o)=>{o?p.delete(e):p.add(e),j(new Set(p))},children:T("span",{ref:O,hidden:!0})})}export{ye as SiteFields,le as TAB_ICONS};

package/dist/editor/components/StorefrontEditor.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{jsx as c,jsxs as st}from"react/jsx-runtime";import{useCallback as n,useEffect as S,useMemo as oe,useRef as f,useState as r}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";import"./storefront-editor.css";import{buildConfig as dt}from"../lib/document/build-config.js";import{ChromeWrap as ut}from"efficient-easel/screen/lib/host-chrome";import{sessionRegistry as ht}from"efficient-easel/screen/lib/session";import{refreshSiteLiveState as lt}from"../lib/site-live-state.js";import{holdSiteWrites as mt}from"../../format/lib/site-writes.js";import{backendOf as W,blocksOf as pt}from"../lib/website-session.js";import{useEaselSession as St}from"efficient-easel/screen/lib/session-context";import{withSiteBlockGapFields as ft}from"../../format/lib/document/site-gap-fields.js";import{withTemplateMediaPlaceholders as gt}from"../../format/lib/document/templateFields.js";import{setEditorPage as ne}from"../../format/lib/document/editor-page-context.js";import{resolveSiteName as wt}from"../../format/lib/content/site-name.js";import{normalizeSiteGutter as Ct,normalizeSiteWidth as _t}from"../../format/lib/content/page-width.js";import{~~normalizeCardThemeIndex as Tt,~~normalizeSiteBackground as ae}from"../../format/lib/content/section-width.js";import{normalizeSiteBlockGap as Et}from"../../format/lib/content/container-gap.js";import yt,{DocumentScreen as Pt}from"efficient-easel/screen/components/ScreenMount";import{useScreenDocument as vt}from"efficient-easel/screen/components/ScreenDocumentContext";import{PreviewHeaderProvider as Wt}from"../../render/components/PreviewHeaderContext.js";import{PreviewFooterProvider as Ht}from"./PreviewFooterContext.js";import{PreviewChatProvider as kt,DEFAULT_CHAT_PREVIEW as Gt}from"./PreviewChatContext.js";import{PreviewSocialProvider as It}from"../../render/components/PreviewSocialContext.js";import{useSocialSettings as Bt}from"./useSocialSettings.js";import{PreviewSurfaceProvider as Rt}from"./PreviewSurfaceContext.js";import{WEBSITE_ADDRESSING as xt}from"../lib/website-document-addressing.js";import{PreviewTickerProvider as Ft}from"../../render/components/PreviewTickerContext.js";import{PreviewHeroPartProvider as Dt}from"../../render/components/PreviewHeroPartContext.js";import{PreviewPartsProvider as Mt}from"efficient-easel/draw/client";import{CanvasPartsBridge as Nt}from"./CanvasPartsBridge.js";import{PreviewLocationPartProvider as Ot}from"../../render/components/PreviewLocationPartContext.js";import{PreviewPartStyleProvider as bt}from"./PreviewPartStyleContext.js";import{CORNER_STYLE_TO_PX as zt,DEFAULT_HEADING_COMPRESSION as At,DEFAULT_HEADING_TYPOGRAPHY as Lt,DEFAULT_SWITCH_SHOWN as H,DEFAULT_SIZES as Yt,DEFAULT_THEME_MODE as _,normalizeCornerRadius as Ut,normalizeCornerStyle as jt,normalizeCardShadow as Kt,normalizeCardGap as Vt,normalizeHoverEffect as Xt,normalizeShadowColor as Zt,IDENTITY_CARD_GAP as ie,IDENTITY_CARD_SHADOW as qt,IDENTITY_HOVER_EFFECT as Jt,THEME_MODE_KEY as ce,THEME_STORAGE_KEY as Qt,THEME_SWITCH_HIDE as se,THEME_SWITCH_KEY as k}from"../../format/lib/theme.js";import{DEFAULT_FONTS as $t}from"../../format/lib/fonts.js";import{WEBSITE_SCREEN as er}from"./WebsiteScreenParts.js";import{routeWebsiteHostMessage as tr}from"../../format/lib/website-host-inbound.js";import{siteTextFromRow as rr}from"../../render/lib/text-styles/site-text-styles.js";import{wordStylesFromRow as or}from"../../format/lib/word-styles.js";import{chatPreviewFrom as nr}from"./PreviewChatContext.js";const ar=()=>{if(typeof window>"u")return _;try{const i=window.localStorage.getItem(ce);return i==="light"\|\|i==="dark"\|\|i==="auto"?i:_}catch{return _}},de=i=>{if(!(typeof window>"u"))try{window.localStorage.setItem(ce,i)}catch{}},ir=()=>{if(typeof window>"u")return H;try{return window.localStorage.getItem(k)!==se}catch{return H}},cr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Qt)}catch{}},ue=i=>{if(!(typeof window>"u"))try{i?window.localStorage.removeItem(k):window.localStorage.setItem(k,se)}catch{}};function sr(){const{adapter:i,capabilities:d,templateId:G,ready:w,token:h,siteId:s,currentSlug:I,currentKind:B}=vt();S(()=>(ne(I,B),()=>ne(null,null)),[I,B]);const T=d.placeholderFrames,[he,R]=r(null),[le,x]=r("");S(()=>{const e=i.templateName;if(!w\|\|!G\|\|!e){x("");return}let a=!1;return e().then(l=>!a&&x(l??"")).catch(()=>{}),()=>{a=!0}},[w,h,G,i]);const[me,E]=r(_),[pe,y]=r(H),[Se,F]=r({selected:0,themes:[]}),[fe,D]=r($t),[ge,M]=r(Yt),[we,N]=r(null),[Ce,O]=r(At),[_e,b]=r(null),[Te,z]=r(null),[Ee,A]=r(ie),[ye,L]=r(null),[Pe,Y]=r(null),[ve,U]=r(null),[P,j]=r(null),u=St(),K=oe(()=>dt(~~ht(~~u),pt(u)),[u]),We=oe(()=>ft(gt(K,T),P),[K,T,P]),[He,V]=r(Lt),[ke,X]=r(null),[Ge,Z]=r(null),[Ie,q]=r(null),[Be,J]=r(null),[Re,Q]=r(null),$=f(null),o=f(!1);S(()=>{E(ar()),y(ir())},[]);const xe=n(e=>{o.current=!0,cr(),de(e),E(e)},[]),Fe=n(e=>{o.current=!0,ue(e),y(e)},[]),De=n(e=>{o.current=!0,F(e)},[]),Me=n(e=>{o.current=!0,D(e)},[]),Ne=n(e=>{o.current=!0,M(e)},[]),Oe=n(e=>{o.current=!0,N(e)},[]),be=n(e=>{o.current=!0,O(e)},[]),ze=n(e=>{o.current=!0,b(e)},[]),Ae=n(e=>{o.current=!0,z(e)},[]),Le=n(e=>{o.current=!0,A(e)},[]),Ye=n(e=>{o.current=!0,L(e)},[]),Ue=n(e=>{o.current=!0,V(e)},[]),[je,ee]=r(null),[Ke,Ve]=r(null),[Xe~~,Ze]~~=~~r(null),qe=~~n(e=>{o.current=!0,ee(e)},[]),Je=n(e=>{o.current=!0,Y(e)},[]),Qe=n(e=>{o.current=!0,U(e)},[])~~,$e~~=n(e=>{o.current=!0,j(e)},[]),et=n(e=>{o.current=!0,X(e)},[])~~,tt~~=n(e=>{o.current=!0,Z(e)},[]),rt=n(e=>{o.current=!0,q(e)},[]),ot=n(e=>{o.current=!0,J(e)},[]),nt=n(e=>{o.current=!0,Q(e)},[]);S(()=>{const e=W(u).theme;if(!h\|\|!d.hasSiteTheme\|\|!e)return;const a=s??"";$.current!==a&&($.current=a,o.current=!1);let l=!1;return e.get(s?{siteId:s}:void 0).then(t=>{if(l\|\|o.current)return;de(t.default_mode),ue(t.show_theme_switch),E(t.default_mode),y(t.show_theme_switch),F({selected:t.selected_preset,themes:t.theme_presets});const g~~=rr~~(t);D(g.fonts),M(g.sizes),N(t.corner_radius_px===void 0?zt[jt(t.corner_style)]:Ut(t.corner_radius_px)),O(g.compression),b(t.card_shadow==null?qt:Kt(t.card_shadow)),A(t.card_gap==null?ie:Vt(t.card_gap)),L(t.hover_effect==null?Jt:Xt(t.hover_effect)),z(Zt(t.shadow_color)),Y(_t(t.site_width)),U(Ct(t.site_gutter)),j(Et(t.block_gap)),V(g.typography),ee(g.textStyles),Ve(or(t)),~~Ze(Tt(t.card_theme_index)),~~X(t.hero_background_follows_width===!0),Z(ae(t.section_background_width)),q(ae(t.section_content_width)),J(t.photography_grayscale===!0),Q(t.share_button_on_posts===!0)}).catch(()=>{}),()=>{l=!0}},[h,s,d.hasSiteTheme,u]);const at=Bt({token:h,siteId:s,enabled:d.hasSiteSettings}),[it,te]=r(Gt),re=f(null),v=f(!1),m=f(null),p=f({}),C=n(async()=>{m.current&&clearTimeout(m.current),m.current=null;const e=p.current;p.current={};try{await W(u).chat?.update(e,s?{siteId:s}:void 0),lt()}catch(a){throw p.current={...e,...p.current},a}},[u,s]);S(()=>mt(()=>m.current\|\|Object.keys(p.current).length>0?C():void 0),[C]);const ct=n(e=>{v.current=!0,te(a=>({...a,...e})),!(!d.hasSiteSettings\|\|!h)&&(p.current={...p.current,...e},m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{C().catch(()=>{})},500))},[d.hasSiteSettings,h,C]);return S(()=>{if(!h\|\|!d.hasSiteSettings)return;const e=s??"";re.current!==e&&(re.current=e,v.current=!1);let a=!1;const l=W(u).chat;if(l)return l.get(s?{siteId:s}:void 0).then(t=>{a\|\|v.current\|\|te(nr(t))}).catch(()=>{}),()=>{a=!0}},[h,s,d.hasSiteSettings,u]),S(()=>{const e=i.site;if(!w\|\|!d.hasSiteRecord\|\|!e){R(null);return}let a=!1;return e().then(l=>{a\|\|R(wt(l.name))}).catch(()=>{}),()=>{a=!0}},[w,h,d.hasSiteRecord,s,i]),c(Pt,{config:We,parts:er,wrap:(e,a)=>c(Wt,{websiteName:he,templateChrome:T,templateName:le\|\|null,themeMode:me,onThemeModeChange:xe,themeSwitchShown:pe,onThemeSwitchShownChange:Fe,theme:Se,onThemeChange:De,fonts:fe,onFontsChange:Me,cornerRadiusPx:we,onCornerRadiusPxChange:Oe,cardShadow:_e,onCardShadowChange:ze,shadowColor:Te,onShadowColorChange:Ae,cardGap:Ee,onCardGapChange:Le,hoverEffect:ye,onHoverEffectChange:Ye,headingCompression:Ce,onHeadingCompressionChange:be,headingTypography:He,onHeadingTypographyChange:Ue,textStyles:je,onTextStylesChange:qe,wordStyles:Ke,~~cardThemeIndex:Xe,~~sizes:ge,onSizesChange:Ne,siteWidth:Pe,onSiteWidthChange:Je,siteGutter:ve,onSiteGutterChange:Qe,blockGap:P,onBlockGapChange~~:$e~~,heroBackgroundFollowsWidth:ke,onHeroBackgroundFollowsWidthChange:et,sectionBackgroundWidth:Ge,onSectionBackgroundWidthChange~~:tt~~,sectionContentWidth:Ie,onSectionContentWidthChange:rt,photographyGrayscale:Be,onPhotographyGrayscaleChange:ot,shareButtonOnPosts:Re,onShareButtonOnPostsChange:nt,themeFromDocument:!d.hasSiteTheme,children:c(Ht,{children:c(ut,{wrap:u.chrome?.wrap,surface:"page",children:c(Ft,{children:c(Dt,{children:c(Mt,{children:c(Nt,{children:c(Ot,{children:st(bt,{children:[c(kt,{chat:it,onChatChange:ct,children:c(It,{value:at,children:c(Rt,{children:e})})}),a]})})})})})})})})})})}function dr({target:i}){return c(yt,{target:i,addressing:xt,onHostMessage:tr,children:c(sr,{})})}export{dr as default};
1	+ "use client";import{jsx as c,jsxs as it}from"react/jsx-runtime";import{useCallback as n,useEffect as S,useMemo as oe,useRef as f,useState as r}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";import"./storefront-editor.css";import{buildConfig as ct}from"../lib/document/build-config.js";import{ChromeWrap as st}from"efficient-easel/screen/lib/host-chrome";import{sessionRegistry as dt}from"efficient-easel/screen/lib/session";import{refreshSiteLiveState as ut}from"../lib/site-live-state.js";import{holdSiteWrites as ht}from"../../format/lib/site-writes.js";import{backendOf as W,blocksOf as lt}from"../lib/website-session.js";import{useEaselSession as mt}from"efficient-easel/screen/lib/session-context";import{withSiteBlockGapFields as pt}from"../../format/lib/document/site-gap-fields.js";import{withTemplateMediaPlaceholders as St}from"../../format/lib/document/templateFields.js";import{setEditorPage as ne}from"../../format/lib/document/editor-page-context.js";import{resolveSiteName as ft}from"../../format/lib/content/site-name.js";import{normalizeSiteGutter as gt,normalizeSiteWidth as wt}from"../../format/lib/content/page-width.js";import{normalizeSiteBackground as ae}from"../../format/lib/content/section-width.js";import{normalizeSiteBlockGap as Ct}from"../../format/lib/content/container-gap.js";import _t,{DocumentScreen as Tt}from"efficient-easel/screen/components/ScreenMount";import{useScreenDocument as Et}from"efficient-easel/screen/components/ScreenDocumentContext";import{PreviewHeaderProvider as yt}from"../../render/components/PreviewHeaderContext.js";import{PreviewFooterProvider as Pt}from"./PreviewFooterContext.js";import{PreviewChatProvider as vt,DEFAULT_CHAT_PREVIEW as Wt}from"./PreviewChatContext.js";import{PreviewSocialProvider as Ht}from"../../render/components/PreviewSocialContext.js";import{useSocialSettings as kt}from"./useSocialSettings.js";import{PreviewSurfaceProvider as Gt}from"./PreviewSurfaceContext.js";import{WEBSITE_ADDRESSING as Bt}from"../lib/website-document-addressing.js";import{PreviewTickerProvider as Rt}from"../../render/components/PreviewTickerContext.js";import{PreviewHeroPartProvider as It}from"../../render/components/PreviewHeroPartContext.js";import{PreviewPartsProvider as Ft}from"efficient-easel/draw/client";import{CanvasPartsBridge as Dt}from"./CanvasPartsBridge.js";import{PreviewLocationPartProvider as Mt}from"../../render/components/PreviewLocationPartContext.js";import{PreviewPartStyleProvider as xt}from"./PreviewPartStyleContext.js";import{CORNER_STYLE_TO_PX as Nt,DEFAULT_HEADING_COMPRESSION as Ot,DEFAULT_HEADING_TYPOGRAPHY as bt,DEFAULT_SWITCH_SHOWN as H,DEFAULT_SIZES as At,DEFAULT_THEME_MODE as _,normalizeCornerRadius as zt,normalizeCornerStyle as Lt,normalizeCardShadow as Yt,normalizeCardGap as Ut,normalizeHoverEffect as jt,normalizeShadowColor as Kt,IDENTITY_CARD_GAP as ie,IDENTITY_CARD_SHADOW as Vt,IDENTITY_HOVER_EFFECT as Xt,THEME_MODE_KEY as ce,THEME_STORAGE_KEY as Zt,THEME_SWITCH_HIDE as se,THEME_SWITCH_KEY as k}from"../../format/lib/theme.js";import{DEFAULT_FONTS as qt}from"../../format/lib/fonts.js";import{WEBSITE_SCREEN as Jt}from"./WebsiteScreenParts.js";import{routeWebsiteHostMessage as Qt}from"../../format/lib/website-host-inbound.js";import{siteTextFromRow as $t}from"../../render/lib/text-styles/site-text-styles.js";import{wordStylesFromRow as er}from"../../format/lib/word-styles.js";import{chatPreviewFrom as tr}from"./PreviewChatContext.js";const rr=()=>{if(typeof window>"u")return _;try{const i=window.localStorage.getItem(ce);return i==="light"\|\|i==="dark"\|\|i==="auto"?i:_}catch{return _}},de=i=>{if(!(typeof window>"u"))try{window.localStorage.setItem(ce,i)}catch{}},or=()=>{if(typeof window>"u")return H;try{return window.localStorage.getItem(k)!==se}catch{return H}},nr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Zt)}catch{}},ue=i=>{if(!(typeof window>"u"))try{i?window.localStorage.removeItem(k):window.localStorage.setItem(k,se)}catch{}};function ar(){const{adapter:i,capabilities:d,templateId:G,ready:w,token:h,siteId:s,currentSlug:B,currentKind:R}=Et();S(()=>(ne(B,R),()=>ne(null,null)),[B,R]);const T=d.placeholderFrames,[he,I]=r(null),[le,F]=r("");S(()=>{const e=i.templateName;if(!w\|\|!G\|\|!e){F("");return}let a=!1;return e().then(l=>!a&&F(l??"")).catch(()=>{}),()=>{a=!0}},[w,h,G,i]);const[me,E]=r(_),[pe,y]=r(H),[Se,D]=r({selected:0,themes:[]}),[fe,M]=r(qt),[ge,x]=r(At),[we,N]=r(null),[Ce,O]=r(Ot),[_e,b]=r(null),[Te,A]=r(null),[Ee,z]=r(ie),[ye,L]=r(null),[Pe,Y]=r(null),[ve,U]=r(null),[P,j]=r(null),u=mt(),K=oe(()=>ct(dt(u),lt(u)),[u]),We=oe(()=>pt(St(K,T),P),[K,T,P]),[He,V]=r(bt),[ke,X]=r(null),[Ge,Z]=r(null),[Be,q]=r(null),[Re,J]=r(null),[Ie,Q]=r(null),$=f(null),o=f(!1);S(()=>{E(rr()),y(or())},[]);const Fe=n(e=>{o.current=!0,nr(),de(e),E(e)},[]),De=n(e=>{o.current=!0,ue(e),y(e)},[]),Me=n(e=>{o.current=!0,D(e)},[]),xe=n(e=>{o.current=!0,M(e)},[]),Ne=n(e=>{o.current=!0,x(e)},[]),Oe=n(e=>{o.current=!0,N(e)},[]),be=n(e=>{o.current=!0,O(e)},[]),Ae=n(e=>{o.current=!0,b(e)},[]),ze=n(e=>{o.current=!0,A(e)},[]),Le=n(e=>{o.current=!0,z(e)},[]),Ye=n(e=>{o.current=!0,L(e)},[]),Ue=n(e=>{o.current=!0,V(e)},[]),[je,ee]=r(null),[Ke,Ve]=r(null),Xe=n(e=>{o.current=!0,ee(e)},[]),Ze=n(e=>{o.current=!0,Y(e)},[]),qe=n(e=>{o.current=!0,U(e)},[]),Je=n(e=>{o.current=!0,j(e)},[]),Qe=n(e=>{o.current=!0,X(e)},[]),$e=n(e=>{o.current=!0,Z(e)},[]),et=n(e=>{o.current=!0,q(e)},[]),tt=n(e=>{o.current=!0,J(e)},[]),rt=n(e=>{o.current=!0,Q(e)},[]);S(()=>{const e=W(u).theme;if(!h\|\|!d.hasSiteTheme\|\|!e)return;const a=s??"";$.current!==a&&($.current=a,o.current=!1);let l=!1;return e.get(s?{siteId:s}:void 0).then(t=>{if(l\|\|o.current)return;de(t.default_mode),ue(t.show_theme_switch),E(t.default_mode),y(t.show_theme_switch),D({selected:t.selected_preset,themes:t.theme_presets});const g=$t(t);M(g.fonts),x(g.sizes),N(t.corner_radius_px===void 0?Nt[Lt(t.corner_style)]:zt(t.corner_radius_px)),O(g.compression),b(t.card_shadow==null?Vt:Yt(t.card_shadow)),z(t.card_gap==null?ie:Ut(t.card_gap)),L(t.hover_effect==null?Xt:jt(t.hover_effect)),A(Kt(t.shadow_color)),Y(wt(t.site_width)),U(gt(t.site_gutter)),j(Ct(t.block_gap)),V(g.typography),ee(g.textStyles),Ve(er(t)),X(t.hero_background_follows_width===!0),Z(ae(t.section_background_width)),q(ae(t.section_content_width)),J(t.photography_grayscale===!0),Q(t.share_button_on_posts===!0)}).catch(()=>{}),()=>{l=!0}},[h,s,d.hasSiteTheme,u]);const ot=kt({token:h,siteId:s,enabled:d.hasSiteSettings}),[nt,te]=r(Wt),re=f(null),v=f(!1),m=f(null),p=f({}),C=n(async()=>{m.current&&clearTimeout(m.current),m.current=null;const e=p.current;p.current={};try{await W(u).chat?.update(e,s?{siteId:s}:void 0),ut()}catch(a){throw p.current={...e,...p.current},a}},[u,s]);S(()=>ht(()=>m.current\|\|Object.keys(p.current).length>0?C():void 0),[C]);const at=n(e=>{v.current=!0,te(a=>({...a,...e})),!(!d.hasSiteSettings\|\|!h)&&(p.current={...p.current,...e},m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{C().catch(()=>{})},500))},[d.hasSiteSettings,h,C]);return S(()=>{if(!h\|\|!d.hasSiteSettings)return;const e=s??"";re.current!==e&&(re.current=e,v.current=!1);let a=!1;const l=W(u).chat;if(l)return l.get(s?{siteId:s}:void 0).then(t=>{a\|\|v.current\|\|te(tr(t))}).catch(()=>{}),()=>{a=!0}},[h,s,d.hasSiteSettings,u]),S(()=>{const e=i.site;if(!w\|\|!d.hasSiteRecord\|\|!e){I(null);return}let a=!1;return e().then(l=>{a\|\|I(ft(l.name))}).catch(()=>{}),()=>{a=!0}},[w,h,d.hasSiteRecord,s,i]),c(Tt,{config:We,parts:Jt,wrap:(e,a)=>c(yt,{websiteName:he,templateChrome:T,templateName:le\|\|null,themeMode:me,onThemeModeChange:Fe,themeSwitchShown:pe,onThemeSwitchShownChange:De,theme:Se,onThemeChange:Me,fonts:fe,onFontsChange:xe,cornerRadiusPx:we,onCornerRadiusPxChange:Oe,cardShadow:_e,onCardShadowChange:Ae,shadowColor:Te,onShadowColorChange:ze,cardGap:Ee,onCardGapChange:Le,hoverEffect:ye,onHoverEffectChange:Ye,headingCompression:Ce,onHeadingCompressionChange:be,headingTypography:He,onHeadingTypographyChange:Ue,textStyles:je,onTextStylesChange:Xe,wordStyles:Ke,sizes:ge,onSizesChange:Ne,siteWidth:Pe,onSiteWidthChange:Ze,siteGutter:ve,onSiteGutterChange:qe,blockGap:P,onBlockGapChange:Je,heroBackgroundFollowsWidth:ke,onHeroBackgroundFollowsWidthChange:Qe,sectionBackgroundWidth:Ge,onSectionBackgroundWidthChange:$e,sectionContentWidth:Be,onSectionContentWidthChange:et,photographyGrayscale:Re,onPhotographyGrayscaleChange:tt,shareButtonOnPosts:Ie,onShareButtonOnPostsChange:rt,themeFromDocument:!d.hasSiteTheme,children:c(Pt,{children:c(st,{wrap:u.chrome?.wrap,surface:"page",children:c(Rt,{children:c(It,{children:c(Ft,{children:c(Dt,{children:c(Mt,{children:it(xt,{children:[c(vt,{chat:nt,onChatChange:at,children:c(Ht,{value:ot,children:c(Gt,{children:e})})}),a]})})})})})})})})})})}function ir({target:i}){return c(_t,{target:i,addressing:Bt,onHostMessage:Qt,children:c(ar,{})})}export{ir as default};

package/dist/editor/components/StylesPanel.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ interface Props {
     onClose: () => void;
     tab?: string;
     onTabChange?: (id: string) => void;
+    revealPageGroup?: boolean;
+    onPageGroupRevealed?: () => void;
 }
-export default function StylesPanel({ tokenRef, siteId, onClose, onNotify, tab, onTabChange, }: Props): import("react").JSX.Element;
+export default function StylesPanel({ tokenRef, siteId, onClose, onNotify, tab, onTabChange, revealPageGroup, onPageGroupRevealed, }: Props): import("react").JSX.Element;
 export {};

package/dist/editor/components/StylesPanel.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{jsx as e,jsxs as m}from"react/jsx-runtime";import r,{useWebsiteName as c}from"./WebsiteSettingsPanel.js";import f from"efficient-easel/screen/components/SidePanelHead";import{say as s}from"../../format/lib/editor-words.js";import{StylesIcon as p}from"efficient-easel/rail";import{Tooltip as d}from"efficient-shell/ui";function y({tokenRef:n,siteId:o,onClose:S,onNotify:i,tab:a,onTabChange:l}){const t=c();return m("div",{className:"sf-styles",children:[e(f,{icon:e(p,{}),title:s("Styles"),context:e(d,{content:s("{name} — renamed in the Console: {place}.",{name:t,place:s("Storefront ▸ Sites ▸ Settings")}),className:"sf-name-tip",children:e("span",{className:"sf-name-text",children:t})})}),e("div",{className:"sf-insp-body es-insp-body sf-scroll",children:e(r,{tokenRef:n,siteId:o,onNotify:i,tab:a,onTabChange:l})})]})}export{y as default};
1	+ "use client";import{jsx as e,jsxs as c}from"react/jsx-runtime";import f,{useWebsiteName as p}from"./WebsiteSettingsPanel.js";import d from"efficient-easel/screen/components/SidePanelHead";import{say as s}from"../../format/lib/editor-words.js";import{StylesIcon as y}from"efficient-easel/rail";import{Tooltip as S}from"efficient-shell/ui";function b({tokenRef:o,siteId:n,onClose:u,onNotify:a,tab:i,onTabChange:l,revealPageGroup:r,onPageGroupRevealed:m}){const t=p();return c("div",{className:"sf-styles",children:[e(d,{icon:e(y,{}),title:s("Styles"),context:e(S,{content:s("{name} — renamed in the Console: {place}.",{name:t,place:s("Storefront ▸ Sites ▸ Settings")}),className:"sf-name-tip",children:e("span",{className:"sf-name-text",children:t})})}),e("div",{className:"sf-insp-body es-insp-body sf-scroll",children:e(f,{tokenRef:o,siteId:n,onNotify:a,tab:i,onTabChange:l,revealPageGroup:r,onPageGroupRevealed:m})})]})}export{b as default};

package/dist/editor/components/WebsiteScreenParts.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{jsx as i,Fragment as B,jsxs as _}from"react/jsx-runtime";import{useCallback as R,useEffect as P,useRef as oe,useState as re}from"react";import{Button as ne,Tooltip as ie}from"efficient-shell/ui";import{SettingsSwitch as se}from"efficient-easel/panel";import{PagesIcon as ae,StylesIcon as ce}from"efficient-easel/rail";import{PaletteIcon as de}from"efficient-shell/icons/efficient";import{TemplateIcon as le}from"efficient-easel/icons";import{Subtree as pe,TreeRow as D}from"efficient-easel/tree";import{useEasel as N}from"efficient-easel/easel";import{useEaselStrings as y}from"efficient-easel/strings";import{LocationsTreeContext as me}from"./LocationsTreeContext.js";import fe from"./PagesPanel.js";import{usePreviewChat as ue}from"./PreviewChatContext.js";import{PREVIEW_DEVICES as Se}from"./preview-devices.js";import{PreviewDeviceContext as Ee}from"efficient-easel/draw/client";import{usePreviewHeader as he}from"../../render/components/PreviewHeaderContext.js";import{usePreviewSocial as we}from"../../render/components/PreviewSocialContext.js";import{usePreviewSurface as Pe}from"./PreviewSurfaceContext.js";import{TICKER_PART_LABEL as Te,usePreviewTicker as be}from"../../render/components/PreviewTickerContext.js";import{usePreviewHeroPart as ge}from"../../render/components/PreviewHeroPartContext.js";import{HERO_MEDIA_PARTS as Ie,HERO_PART_MODE as H,heroMediaRows as ve,heroPartId as W,readHeroPartId as ke}from"../../render/lib/document/hero-media-parts.js";import _e,{CHAT_MODE as Re,HEADER_MODE as V,SOCIAL_MODE as Ce,WEBSITE_MODE as M}from"./SectionEditor.js";import C from"./SectionIcon.js";import Oe from"./SectionThumbnail.js";import{useScreenDocument as O}from"efficient-easel/screen/components/ScreenDocumentContext";import Le from"./StylesPanel.js";import{LOCATIONS_TYPE as Ae,useLocationsTree as Be}from"./useLocationsTree.js";import{usePinnedChromeSeed as De}from"./usePinnedChromeSeed.js";import{useHostDocumentBridge as Ne}from"./useHostDocumentBridge.js";import{usePreviewHref as ye}from"./usePreviewHref.js";import{WebsitePreviewButton as He}from"./WebsitePreviewButton.js";import{SITE_STYLES_TABS as We,SITE_STYLES_TEXT_TAB as Ve,useWebsiteName as Me}from"./WebsiteSettingsPanel.js";import{useWebsiteMainAction as xe}from"./useWebsiteMainAction.js";import{VersionHistory as Ye}from"./VersionHistoryDrawer.js";import{useEaselSession as x}from"efficient-easel/screen/lib/session-context";import{useOpenPageName as Fe}from"../lib/page-rows.js";import{HERO_GROUP_TYPE as Ge,heroGroupNestDepth as ze}from"../../format/lib/hero-group-placement.js";import{stripMarkup as Ke}from"../../format/lib/markup.js";import{categoryShortLabel as je,PINNED_SECTION_TYPE as Ue}from"../lib/document/add-palette.js";import{canAddTo as Ze}from"../lib/document/add-target.js";import{cardTemplateSlotsOf as qe}from"../../format/lib/document/card-template-layers.js";import{blockIsOffered as Xe}from"../lib/document/block-offer.js";import{sectionIdOfBoxZone as Je,setBookingPreview as Qe}from"../../render/lib/document/booking-preview.js";import{footerBlockRowName as $e}from"../../format/lib/document/footer-block-row-name.js";import{sourceRowName as et}from"../../format/lib/document/source-row-name.js";import{FOOTER_TYPE as tt,HEADER_TYPE as Y}from"../lib/document/footer-blocks.js";import{leftViewForSelection as ot,readLeftView as rt,resolveLeftView as nt,writeLeftView as it}from"../../format/lib/document/left-view.js";import{websiteIsLockedBlock as st}from"../lib/document/locked-blocks.js";import{everyPageNotice as at,noOwnTab as ct,pinnedReach as F,websiteDuplicateBlocked as dt}from"../lib/document/every-page.js";import{sharedSectionReach as lt,WEBSITE_SHARED_SECTIONS as pt}from"../lib/shared-sections-layer.js";import{activeSharedSections as L,setSharedEditor as G}from"../../format/lib/shared-sections-active.js";import{sharedSectionsOf as mt}from"efficient-easel/screen/lib/shared-sections";import{pinnedChromeInPlace as v}from"../../format/lib/pinned-chrome-lock.js";import{scrollPreviewToSection as ft,scrollPreviewToTop as z}from"efficient-easel/screen/lib/document/preview-dom";import{SiteCanvas as ut}from"../lib/document/overrides.js";import{labelAtLevel as St}from"../../format/lib/document/section-catalog.js";import{WEBSITE_MEDIA_DROP as Et}from"../../format/lib/document/media-drop.js";import{editorWords as ht,say as p}from"../../format/lib/editor-words.js";import{SECTION_DESCRIPTIONS as wt}from"../../format/lib/document/section-descriptions.js";import{groupAccepts as Pt,isSectionGroupType as Tt,sectionGroupZone as bt,SITE_FOOTER_TYPE as K,SITE_HEADER_TYPE as gt}from"../../format/lib/document/section-groups.js";import{resolveSaveAsTemplateAction as It,SAVE_AS_TEMPLATE_EVENT as vt}from"../../format/lib/save-as-template-action.js";import{newSectionNode as kt}from"../lib/sections/new-section-node.js";import{useHostProducts as _t}from"../lib/use-host-products.js";import{backendOf as Rt}from"../lib/website-session.js";function j({mode:e,open:t}){const{setSelectedHeroId:o,setSelectHandler:r}=be(),c=y().tree,d=e,n=d.kind==="ticker"?d.heroId:null,a=R(s=>{if(!s)return;t({kind:"ticker",heroId:s}),ft(s)},[t]);return P(()=>{o(n)},[n,o]),P(()=>{r(a)},[r,a]),{partRows:(s,{rowClick:u})=>{const m=String(s.props.id);return s.type==="Hero"&&i(D,{icon:i(C,{type:"ticker",size:13}),name:p(Te),onSelect:()=>a(m),selected:n===m,rowProps:{onClick:u(()=>a(m))},words:c})}}}function U({mode:e,select:t}){const{setSelectedHeroPart:o,setSelectHandler:r}=ge(),c=y().tree,{appState:d}=N(f=>f),n=d.data.content??[],a=oe(n);a.current=n;const s=e,u=Ie.find(f=>H[f]===s.kind),m=u&&"nodeId"in s?W(String(s.nodeId),u):null,h=R(f=>{const l=ke(f);if(!l)return;const w=a.current.findIndex(S=>String(S.props.id)===l.nodeId);if(w<0)return;const T={kind:H[l.part],nodeId:l.nodeId};t({index:w},T)},[t]);return P(()=>{o(m)},[m,o]),P(()=>{r(h)},[r,h]),{partRows:(f,{rowClick:l})=>{const w=String(f.props.id),T=ve(f);if(T.length===0)return null;const S=I=>{const g=W(w,I.part);return i(D,{icon:i(C,{type:I.part==="media"?"heroMedia":"heroImage",size:13}),name:p(I.label),onSelect:()=>h(g),selected:m===g,rowProps:{onClick:l(()=>h(g))},words:c},g)},[E,...b]=T;return _(B,{children:[S(E),b.length>0&&i(pe,{children:b.map(S)})]})}}}function Z(e,t){return{partRows:(o,r)=>_(B,{children:[e.partRows?.(o,r),t.partRows?.(o,r)]})}}function Ct(e){const{adapter:t,capabilities:o,currentSlug:r,siteId:c,docId:d,hasUnsavedEdits:n,bridgeCapabilities:a,notifyParent:s,token:u}=O(),{hasPreviewLink:m}=o,h=Rt(x()).preview?.draftLink,f=xe(e.data),l=It({hasTrustedConsole:!!u,canCreatePlatformTemplate:a.canCreatePlatformTemplate,capabilities:o,siteId:c,hasUnsavedEdits:n}),w=R(()=>{!c\|\|!r\|\|s(vt,{siteId:c,slug:r})},[s,c,r]),T=ye({pageSlug:r,siteId:c,token:u}),S=t.previewHref?.(r)??T;return{barLead:()=>l.visible&&i(ie,{side:"bottom",content:l.enabled?p("Save this website as a platform template"):p(l.disabledReason),children:i("span",{className:"sf-tip-disabled",tabIndex:l.enabled?void 0:0,children:i(ne,{variant:"secondary",disabled:!l.enabled,onClick:w,rightIcon:i(le,{size:15}),children:p("Save as Template")})})}),barView:()=>m&&r&&i(He,{liveHref:S,pageId:d??null,draftLink:h}),mainAction:f}}function Ot(e,t){const{capabilities:o,templateId:r,siteId:c,tokenRef:d,navigate:n}=O(),{hasSiteTheme:a,explainsSiteSettings:s}=o,u=E=>t.setView(E),[m,h]=re(We[0].id),{surface:f,setSurface:l}=Pe(),w=()=>{if(a){u("styles"),t.reveal(),z();return}e.show(M),e.reveal(),z()},T={id:"pages",label:p("Pages"),icon:i(ae,{}),panel:({onHide:E})=>i(fe,{activeSurface:f,onPreviewSurface:l,onNavigate:b=>{l(null),n(r?{kind:"template",id:r,pageSlug:b}:{kind:"page",slug:b,siteId:c??void 0})},onClose:E})},S=[];return!a&&s&&S.push({id:"appearance",label:p("Appearance"),icon:i(de,{}),active:e.kind==="website",onSelect:w}),a&&S.push({id:"styles",label:p("Styles"),icon:i(ce,{}),panel:({onHide:E,notify:b})=>i(Le,{tokenRef:d,siteId:c??void 0,onClose:E,onNotify:b,tab:m,onTabChange:h})}),{railLead:[T],railTrail:S,resolveLeftView:E=>nt(E,a),openSettings:w,openStyles:()=>{h(Ve),u("styles")}}}function Lt(){const{navigate:e,siteId:t,reloadFromServer:o,docId:r}=O(),c=N(n=>n.config),d=x();P(()=>(G({openPage:n=>e({kind:"page",slug:n.slug,siteId:t??void 0}),reload:()=>{o()},config:c}),()=>G(null)),[e,t,o,c]),P(()=>{const n=L();if(!n\|\|!r)return;let a=!1;return mt(d).list().then(s=>{a\|\|n.learn(s)}).catch(()=>{}),()=>{a=!0}},[r,d])}function At(e,t,o,r){const{kind:c,open:d}=e,{selected:n,zoneOf:a}=t;P(()=>{Qe(n?.type==="BookingBox"&&n.props.region==="confirm"?Je(a(String(n.props.id))):null)},[n?.props.id]);const s=Be(e,t),{capabilities:{hasSiteSettings:u}}=O();Lt();const{setSelected:m,setSelectHandler:h}=he(),{chat:f,setChat:l,setSelected:w,setSelectHandler:T}=ue(),S=c==="header";P(()=>{m(S)},[S,m]),P(()=>{h(()=>d(V))},[h,d]);const E=R(()=>d(Re),[d]),b=c==="chat";P(()=>{w(b)},[b,w]),P(()=>{T(E)},[T,E]);const{setOpenHandler:I}=we(),g=R(()=>d(Ce),[d]);P(()=>{I(g)},[I,g]);const J=Z(j(e),U(e)),Q=Ct(t),$=Ot(e,r),ee=o.device;return{...J,...Q,...$,hasOwnRows:k=>k.type===Ae,ownRows:s.renderLocationTree,sectionPressed:s.sectionPressed,wrap:k=>i(me.Provider,{value:!0,children:_(Ee.Provider,{value:ee,children:[k,i(Ye,{})]})}),addPanelRow:k=>u?_("div",{className:"sf-addside-sitewide",children:[i("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:i(C,{type:"chat",size:16})}),_("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{k(),E()},children:[p("Live chat"),i("span",{className:"sf-addside-sitewide-desc",children:p("A chat bubble on every page")})]}),i(se,{checked:f.enabled,onChange:te=>l({enabled:te}),ariaLabel:p("Show the chat bubble on the whole site")})]}):void 0}}let q=null,A=new WeakMap;function Bt(e){const t=ht();if(!e\|\|!t)return e;q!==t&&(q=t,A=new WeakMap);let o=A.get(e);return o\|\|(o={...e,choices:e.choices?e.choices.map(r=>({...r,label:p(r.label)})):null,spec:e.spec?{...e.spec,addLabel:p(e.spec.addLabel)}:null},A.set(e,o)),o}const Dt={isLockedBlock:(e,t)=>st(e)\|\|!!(t&&L()?.heldElsewhere(t.props.id)),duplicateBlocked:dt,nestDepth:(e,t,o)=>t===Ge?ze(e,o):0,newSectionNode:kt,canAddTo:(e,t)=>Bt(Ze(e,t)),blockIsOffered:Xe,slotsOf:qe},Nt=new Proxy(wt,{get:(e,t)=>{const o=Reflect.get(e,t);return typeof o=="string"?p(o):o}}),yt={labelAtLevel:(e,t,o)=>p(St(e,t,o)),descriptions:Nt,categoryLabel:e=>{const t=je(e);return t===void 0?void 0:p(t)},firstSection:Ue,blockRowName:$e,rowName:et,plainText:Ke,Icon:C,Thumbnail:Oe,useProducts:_t},Ht={desktop:2e3,tablet:800,mobile:390},X="desktop",Wt={options:Se,initial:X,fluid:X,widths:Ht},Vt={read:rt,write:e=>it(e),forSelection:(e,t)=>ot(e,t)},Mt={first:Y,last:tt,firstGroup:gt,lastGroup:K,isSectionGroup:Tt,sectionGroupZone:bt,panelOf:e=>e===Y?V:null,get sharedReach(){return v()?Yt:void 0},get shared(){return L()?pt:void 0},get groupTab(){return v()?ct:void 0},get groupBadge(){return v()?F({type:K})??void 0:void 0},get changeNotice(){return v()?at():void 0},get band(){return v()?xt:void 0},get groupAccepts(){return v()?Pt:void 0}},xt={foldable:!0},Yt=e=>F(e)??lt(e);function Ft(e){return{...Z(j(e),U(e)),openSettings:()=>e.show(M)}}function Gt(e,t){De(e,t),Ne()}const tr={useOwnerName:Me,useDocumentLabel:Fe,useBridges:At,useStandaloneBridges:Ft,useDocumentPass:Gt,blockRules:Dt,blockLook:yt,devices:Wt,leftView:Vt,pinned:Mt,Canvas:ut,canvasDrag:{media:Et},Inspector:_e};export{tr as WEBSITE_SCREEN};
1	+ "use client";import{jsx as s,Fragment as B,jsxs as k}from"react/jsx-runtime";import{useCallback as R,useEffect as T,useRef as re,useState as D}from"react";import{Button as ne,Tooltip as ie}from"efficient-shell/ui";import{SettingsSwitch as se}from"efficient-easel/panel";import{PagesIcon as ae,StylesIcon as ce}from"efficient-easel/rail";import{PaletteIcon as de}from"efficient-shell/icons/efficient";import{TemplateIcon as le}from"efficient-easel/icons";import{Subtree as pe,TreeRow as y}from"efficient-easel/tree";import{useEasel as N}from"efficient-easel/easel";import{useEaselStrings as H}from"efficient-easel/strings";import{LocationsTreeContext as me}from"./LocationsTreeContext.js";import fe from"./PagesPanel.js";import{usePreviewChat as ue}from"./PreviewChatContext.js";import{PREVIEW_DEVICES as Se}from"./preview-devices.js";import{PreviewDeviceContext as Ee}from"efficient-easel/draw/client";import{usePreviewHeader as he}from"../../render/components/PreviewHeaderContext.js";import{usePreviewSocial as Pe}from"../../render/components/PreviewSocialContext.js";import{usePreviewSurface as we}from"./PreviewSurfaceContext.js";import{TICKER_PART_LABEL as Te,usePreviewTicker as ge}from"../../render/components/PreviewTickerContext.js";import{usePreviewHeroPart as Ie}from"../../render/components/PreviewHeroPartContext.js";import{HERO_MEDIA_PARTS as be,HERO_PART_MODE as W,heroMediaRows as ve,heroPartId as M,readHeroPartId as _e}from"../../render/lib/document/hero-media-parts.js";import ke,{CHAT_MODE as Re,HEADER_MODE as V,SOCIAL_MODE as Ce,WEBSITE_MODE as x,WEBSITE_PAGE_MODE as Oe}from"./SectionEditor.js";import C from"./SectionIcon.js";import Le from"./SectionThumbnail.js";import{useScreenDocument as O}from"efficient-easel/screen/components/ScreenDocumentContext";import Ae from"./StylesPanel.js";import{LOCATIONS_TYPE as Be,useLocationsTree as De}from"./useLocationsTree.js";import{usePinnedChromeSeed as ye}from"./usePinnedChromeSeed.js";import{useHostDocumentBridge as Ne}from"./useHostDocumentBridge.js";import{usePreviewHref as He}from"./usePreviewHref.js";import{WebsitePreviewButton as We}from"./WebsitePreviewButton.js";import{SITE_STYLES_BASICS_TAB as Me,SITE_STYLES_TABS as Ve,SITE_STYLES_TEXT_TAB as xe,useWebsiteName as Ge}from"./WebsiteSettingsPanel.js";import{useWebsiteMainAction as Ye}from"./useWebsiteMainAction.js";import{VersionHistory as Fe}from"./VersionHistoryDrawer.js";import{useEaselSession as G}from"efficient-easel/screen/lib/session-context";import{useOpenPageName as ze}from"../lib/page-rows.js";import{HERO_GROUP_TYPE as Ke,heroGroupNestDepth as je}from"../../format/lib/hero-group-placement.js";import{stripMarkup as Ue}from"../../format/lib/markup.js";import{categoryShortLabel as Ze,PINNED_SECTION_TYPE as qe}from"../lib/document/add-palette.js";import{canAddTo as Xe}from"../lib/document/add-target.js";import{cardTemplateSlotsOf as Je}from"../../format/lib/document/card-template-layers.js";import{blockIsOffered as Qe}from"../lib/document/block-offer.js";import{sectionIdOfBoxZone as $e,setBookingPreview as et}from"../../render/lib/document/booking-preview.js";import{footerBlockRowName as tt}from"../../format/lib/document/footer-block-row-name.js";import{sourceRowName as ot}from"../../format/lib/document/source-row-name.js";import{FOOTER_TYPE as rt,HEADER_TYPE as Y}from"../lib/document/footer-blocks.js";import{leftViewForSelection as nt,readLeftView as it,resolveLeftView as st,writeLeftView as at}from"../../format/lib/document/left-view.js";import{websiteNodeIsLocked as ct}from"../lib/document/locked-blocks.js";import{everyPageNotice as dt,noOwnTab as lt,pinnedReach as F,websiteDuplicateBlocked as pt}from"../lib/document/every-page.js";import{sharedSectionReach as mt,WEBSITE_SHARED_SECTIONS as ft}from"../lib/shared-sections-layer.js";import{activeSharedSections as L,setSharedEditor as z}from"../../format/lib/shared-sections-active.js";import{sharedSectionsOf as ut}from"efficient-easel/screen/lib/shared-sections";import{pinnedChromeInPlace as v}from"../../format/lib/pinned-chrome-lock.js";import{scrollPreviewToSection as St,scrollPreviewToTop as K}from"efficient-easel/screen/lib/document/preview-dom";import{SiteCanvas as Et}from"../lib/document/overrides.js";import{labelAtLevel as ht}from"../../format/lib/document/section-catalog.js";import{WEBSITE_MEDIA_DROP as Pt}from"../../format/lib/document/media-drop.js";import{editorWords as wt,say as p}from"../../format/lib/editor-words.js";import{SECTION_DESCRIPTIONS as Tt}from"../../format/lib/document/section-descriptions.js";import{groupAccepts as gt,isSectionGroupType as It,sectionGroupZone as bt,SITE_FOOTER_TYPE as j,SITE_HEADER_TYPE as vt}from"../../format/lib/document/section-groups.js";import{resolveSaveAsTemplateAction as _t,SAVE_AS_TEMPLATE_EVENT as kt}from"../../format/lib/save-as-template-action.js";import{newSectionNode as Rt}from"../lib/sections/new-section-node.js";import{useHostProducts as Ct}from"../lib/use-host-products.js";import{backendOf as Ot}from"../lib/website-session.js";function U({mode:e,open:t}){const{setSelectedHeroId:o,setSelectHandler:r}=ge(),c=H().tree,d=e,n=d.kind==="ticker"?d.heroId:null,a=R(i=>{if(!i)return;t({kind:"ticker",heroId:i}),St(i)},[t]);return T(()=>{o(n)},[n,o]),T(()=>{r(a)},[r,a]),{partRows:(i,{rowClick:m})=>{const f=String(i.props.id);return i.type==="Hero"&&s(y,{icon:s(C,{type:"ticker",size:13}),name:p(Te),onSelect:()=>a(f),selected:n===f,rowProps:{onClick:m(()=>a(f))},words:c})}}}function Z({mode:e,select:t}){const{setSelectedHeroPart:o,setSelectHandler:r}=Ie(),c=H().tree,{appState:d}=N(u=>u),n=d.data.content??[],a=re(n);a.current=n;const i=e,m=be.find(u=>W[u]===i.kind),f=m&&"nodeId"in i?M(String(i.nodeId),m):null,E=R(u=>{const l=_e(u);if(!l)return;const g=a.current.findIndex(P=>String(P.props.id)===l.nodeId);if(g<0)return;const h={kind:W[l.part],nodeId:l.nodeId};t({index:g},h)},[t]);return T(()=>{o(f)},[f,o]),T(()=>{r(E)},[r,E]),{partRows:(u,{rowClick:l})=>{const g=String(u.props.id),h=ve(u);if(h.length===0)return null;const P=S=>{const w=M(g,S.part);return s(y,{icon:s(C,{type:S.part==="media"?"heroMedia":"heroImage",size:13}),name:p(S.label),onSelect:()=>E(w),selected:f===w,rowProps:{onClick:l(()=>E(w))},words:c},w)},[b,...I]=h;return k(B,{children:[P(b),I.length>0&&s(pe,{children:I.map(P)})]})}}}function q(e,t){return{partRows:(o,r)=>k(B,{children:[e.partRows?.(o,r),t.partRows?.(o,r)]})}}function Lt(e){const{adapter:t,capabilities:o,currentSlug:r,siteId:c,docId:d,hasUnsavedEdits:n,bridgeCapabilities:a,notifyParent:i,token:m}=O(),{hasPreviewLink:f}=o,E=Ot(G()).preview?.draftLink,u=Ye(e.data),l=_t({hasTrustedConsole:!!m,canCreatePlatformTemplate:a.canCreatePlatformTemplate,capabilities:o,siteId:c,hasUnsavedEdits:n}),g=R(()=>{!c\|\|!r\|\|i(kt,{siteId:c,slug:r})},[i,c,r]),h=He({pageSlug:r,siteId:c,token:m}),P=t.previewHref?.(r)??h;return{barLead:()=>l.visible&&s(ie,{side:"bottom",content:l.enabled?p("Save this website as a platform template"):p(l.disabledReason),children:s("span",{className:"sf-tip-disabled",tabIndex:l.enabled?void 0:0,children:s(ne,{variant:"secondary",disabled:!l.enabled,onClick:g,rightIcon:s(le,{size:15}),children:p("Save as Template")})})}),barView:()=>f&&r&&s(We,{liveHref:P,pageId:d??null,draftLink:E}),mainAction:u}}function At(e,t){const{capabilities:o,templateId:r,siteId:c,tokenRef:d,navigate:n}=O(),{hasSiteTheme:a,explainsSiteSettings:i}=o,m=S=>t.setView(S),[f,E]=D(Ve[0].id),[u,l]=D(!1),{surface:g,setSurface:h}=we(),P=()=>{if(a){m("styles"),t.reveal(),K();return}e.show(x),e.reveal(),K()},b={id:"pages",label:p("Pages"),icon:s(ae,{}),panel:({onHide:S})=>s(fe,{activeSurface:g,onPreviewSurface:h,onNavigate:w=>{h(null),n(r?{kind:"template",id:r,pageSlug:w}:{kind:"page",slug:w,siteId:c??void 0})},onClose:S})},I=[];return!a&&i&&I.push({id:"appearance",label:p("Appearance"),icon:s(de,{}),active:e.kind==="website",onSelect:P}),a&&I.push({id:"styles",label:p("Styles"),icon:s(ce,{}),panel:({onHide:S,notify:w})=>s(Ae,{tokenRef:d,siteId:c??void 0,onClose:S,onNotify:w,tab:f,onTabChange:E,revealPageGroup:u,onPageGroupRevealed:()=>l(!1)})}),{railLead:[b],railTrail:I,resolveLeftView:S=>st(S,a),openSettings:P,openStyles:()=>{E(xe),m("styles")},openPageStyles:a?()=>{E(Me),l(!0),m("styles"),t.reveal()}:i?()=>{e.show(Oe),e.reveal()}:void 0}}function Bt(){const{navigate:e,siteId:t,reloadFromServer:o,docId:r}=O(),c=N(n=>n.config),d=G();T(()=>(z({openPage:n=>e({kind:"page",slug:n.slug,siteId:t??void 0}),reload:()=>{o()},config:c}),()=>z(null)),[e,t,o,c]),T(()=>{const n=L();if(!n\|\|!r)return;let a=!1;return ut(d).list().then(i=>{a\|\|n.learn(i)}).catch(()=>{}),()=>{a=!0}},[r,d])}function Dt(e,t,o,r){const{kind:c,open:d}=e,{selected:n,zoneOf:a}=t;T(()=>{et(n?.type==="BookingBox"&&n.props.region==="confirm"?$e(a(String(n.props.id))):null)},[n?.props.id]);const i=De(e,t),{capabilities:{hasSiteSettings:m}}=O();Bt();const{setSelected:f,setSelectHandler:E}=he(),{chat:u,setChat:l,setSelected:g,setSelectHandler:h}=ue(),P=c==="header";T(()=>{f(P)},[P,f]),T(()=>{E(()=>d(V))},[E,d]);const b=R(()=>d(Re),[d]),I=c==="chat";T(()=>{g(I)},[I,g]),T(()=>{h(b)},[h,b]);const{setOpenHandler:S}=Pe(),w=R(()=>d(Ce),[d]);T(()=>{S(w)},[S,w]);const Q=q(U(e),Z(e)),$=Lt(t),ee=At(e,r),te=o.device;return{...Q,...$,...ee,hasOwnRows:_=>_.type===Be,ownRows:i.renderLocationTree,sectionPressed:i.sectionPressed,wrap:_=>s(me.Provider,{value:!0,children:k(Ee.Provider,{value:te,children:[_,s(Fe,{})]})}),addPanelRow:_=>m?k("div",{className:"sf-addside-sitewide",children:[s("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:s(C,{type:"chat",size:16})}),k("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{_(),b()},children:[p("Live chat"),s("span",{className:"sf-addside-sitewide-desc",children:p("A chat bubble on every page")})]}),s(se,{checked:u.enabled,onChange:oe=>l({enabled:oe}),ariaLabel:p("Show the chat bubble on the whole site")})]}):void 0}}let X=null,A=new WeakMap;function yt(e){const t=wt();if(!e\|\|!t)return e;X!==t&&(X=t,A=new WeakMap);let o=A.get(e);return o\|\|(o={...e,choices:e.choices?e.choices.map(r=>({...r,label:p(r.label)})):null,spec:e.spec?{...e.spec,addLabel:p(e.spec.addLabel)}:null},A.set(e,o)),o}const Nt={isLockedBlock:(e,t)=>ct(e,t)\|\|!!(t&&L()?.heldElsewhere(t.props.id)),duplicateBlocked:pt,nestDepth:(e,t,o)=>t===Ke?je(e,o):0,newSectionNode:Rt,canAddTo:(e,t)=>yt(Xe(e,t)),blockIsOffered:Qe,slotsOf:Je},Ht=new Proxy(Tt,{get:(e,t)=>{const o=Reflect.get(e,t);return typeof o=="string"?p(o):o}}),Wt={labelAtLevel:(e,t,o)=>p(ht(e,t,o)),descriptions:Ht,categoryLabel:e=>{const t=Ze(e);return t===void 0?void 0:p(t)},firstSection:qe,blockRowName:tt,rowName:ot,plainText:Ue,Icon:C,Thumbnail:Le,useProducts:Ct},Mt={desktop:2e3,tablet:800,mobile:390},J="desktop",Vt={options:Se,initial:J,fluid:J,widths:Mt},xt={read:it,write:e=>at(e),forSelection:(e,t)=>nt(e,t)},Gt={first:Y,last:rt,firstGroup:vt,lastGroup:j,isSectionGroup:It,sectionGroupZone:bt,panelOf:e=>e===Y?V:null,get sharedReach(){return v()?Ft:void 0},get shared(){return L()?ft:void 0},get groupTab(){return v()?lt:void 0},get groupBadge(){return v()?F({type:j})??void 0:void 0},get changeNotice(){return v()?dt():void 0},get band(){return v()?Yt:void 0},get groupAccepts(){return v()?gt:void 0}},Yt={foldable:!0},Ft=e=>F(e)??mt(e);function zt(e){return{...q(U(e),Z(e)),openSettings:()=>e.show(x)}}function Kt(e,t){ye(e,t),Ne()}const rr={useOwnerName:Ge,useDocumentLabel:ze,useBridges:Dt,useStandaloneBridges:zt,useDocumentPass:Kt,blockRules:Nt,blockLook:Wt,devices:Vt,leftView:xt,pinned:Gt,Canvas:Et,canvasDrag:{media:Pt},Inspector:ke};export{rr as WEBSITE_SCREEN};

package/dist/editor/components/WebsiteSettingsPanel.d.ts CHANGED Viewed

@@ -9,6 +9,8 @@ export declare function HintsToggle({ shown, onChange, }: {
     onChange: (v: boolean) => void;
 }): import("react").JSX.Element;
 export declare const SITE_STYLES_TEXT_TAB = "text";
+export declare const SITE_STYLES_BASICS_TAB = "basics";
+export declare const THIS_PAGE_GROUP_ID = "this-page-group";
 export type SiteStylesTabItem = {
     id: string;
     label: string;
@@ -41,11 +43,14 @@ export declare function ShareButtonRootField({ persist, showHint, }: {
 }): import("react").JSX.Element;
 export declare function useWebsiteName(): string;
 export declare function WebsiteNameReadonly(): import("react").JSX.Element;
-export default function WebsiteSettingsPanel({ themeFromDocument, tokenRef, siteId, onNotify, tab: tabFromHost, onTabChange, }: {
+export default function WebsiteSettingsPanel({ themeFromDocument, tokenRef, siteId, onNotify, tab: tabFromHost, onTabChange, initialTab, revealPageGroup, onPageGroupRevealed, }: {
     themeFromDocument?: boolean;
     tokenRef?: RefObject<string | null>;
     siteId?: string | null;
     tab?: string;
+    initialTab?: string;
+    revealPageGroup?: boolean;
+    onPageGroupRevealed?: () => void;
     onTabChange?: (id: string) => void;
     onNotify?: (msg: string, tone?: "success" | "error") => void;
 }): import("react").JSX.Element;