efficient-web-builder 1.0.0 → 2.1.0

package/dist/components/SectionThumbnail.js

@@ -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",BrandStrip:"brandstrip",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",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,m)=>({position:"absolute",inset:f,background:w,borderRadius:d,...m?{mixBlendMode:m}: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 u({children:i}){return e("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:t.muted},children:i})}function R({over:i,overTone:l,head:d,headSize:h=11.5,cta:f,ctaBg:w,ctaFg:m,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:m},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:"\u2713"})]})]})}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(u,{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:["\u2605".repeat(i),e("span",{style:{color:t.mark1},children:"\u2605".repeat(5-i)})]})}function x({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 q({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\xD79 +12","$365"],["Ridge 29","18\xD79 +20","$410"],["Ridge 39","17\xD78 \u221210","$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\xD7139.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:"\u2715"})]},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 \u25BE"})]})]}),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:"\u25BE"})]},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:"\u25BE"})]},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(u,{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 \xB7 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:"\u203A"})]},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\u2013Sat"],["Townsville","12 Enterprise","Mon\u2013Fri"]].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(q,{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(q,{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 \u2014 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 \xB7 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 \xB7 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:"\u2713"}),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(x,{n:"27k",label:"Rigs"}),e(x,{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 \xB7 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 \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),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+d*22)}},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+d*20)}},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\xD79 +12 \xB7 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\u20135 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(u,{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(x,{n:"27k",label:"Rigs fitted",tone:t.onInk}),e(x,{n:"12",label:"Years",tone:t.onInk}),e(x,{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:"\u201D"}),e(S,{filled:5,size:7}),e("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:t.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),n("div",{style:{display:"flex",alignItems:"center",gap:5},children:[e(C,{}),e("span",{style:{fontSize:"3.98cqw",color:t.muted},children:"Dave M. \xB7 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+d*15)}},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?"\u2212":"+"})]}),l&&e(p,{w:"90%",children:"Use the fitment finder \u2014 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(R,{over:"NEW \xB7 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(R,{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\xD79 +12",ok:!0}),e(g,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),e(g,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[e(u,{children:"Brands we carry"}),e("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:["NITTO","BFG","FUEL","TOYO"].map(i=>e("span",{style:{fontSize:"4.64cqw",fontWeight:800,letterSpacing:"0.1em",color:t.mark2},children:i},i))})]}),processsteps:n("div",{style:{...o,background:t.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[e(u,{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};
+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",BrandStrip:"brandstrip",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",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,m)=>({position:"absolute",inset:f,background:w,borderRadius:d,...m?{mixBlendMode:m}: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 u({children:i}){return e("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:t.muted},children:i})}function R({over:i,overTone:l,head:d,headSize:h=11.5,cta:f,ctaBg:w,ctaFg:m,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:m},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(u,{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 x({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 q({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(u,{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(q,{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(q,{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(x,{n:"27k",label:"Rigs"}),e(x,{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"})}),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+d*22)}},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+d*20)}},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(u,{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(x,{n:"27k",label:"Rigs fitted",tone:t.onInk}),e(x,{n:"12",label:"Years",tone:t.onInk}),e(x,{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+d*15)}},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(R,{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(R,{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})]})}),brandstrip:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[e(u,{children:"Brands we carry"}),e("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:["NITTO","BFG","FUEL","TOYO"].map(i=>e("span",{style:{fontSize:"4.64cqw",fontWeight:800,letterSpacing:"0.1em",color:t.mark2},children:i},i))})]}),processsteps:n("div",{style:{...o,background:t.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[e(u,{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};

package/dist/components/ShadowColourField.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as a,jsxs as l}from"react/jsx-runtime";import{SettingsField as s}from"efficient-easel/panel";import{ShadowIcon as i}from"efficient-easel/icons";import{ColourControl as d}from"../lib/puck/ColourControl.js";import{PartResetDot as c}from"./PartResetDot.js";import{SITE_STYLE_UNSET_LABEL as h}from"./SiteStyleUnset.js";import{DEFAULT_SHADOW_COLOR as m}from"../lib/theme.js";const u="Most useful on a dark theme, where a black shadow cannot be seen. Also used by the Lift hover, even with the card shadow off.";function f({value:t,onChange:r,showHint:n=!0}){const o=t===null;return e(s,{label:"Shadow color",icon:e(i,{}),changed:!o,action:l(a,{children:[d({value:t??m,onChange:r,label:"Shadow color",caption:o?h:void 0}),o?null:e(c,{label:"Shadow color",what:"change",onClear:()=>r(null)})]}),hint:n?u:void 0})}export{f as default};
+"use client";import{jsx as o}from"react/jsx-runtime";import{SettingsDefaultReset as a,SettingsField as d}from"efficient-easel/panel";import{ShadowIcon as i}from"efficient-easel/icons";import{ColourControl as s}from"../lib/puck/ColourControl.js";import{DEFAULT_SHADOW_COLOR as r}from"../lib/theme.js";const h="Most useful on a dark theme, where a black shadow cannot be seen. Also used by the Lift hover, even with the card shadow off.";function u({value:t,onChange:n,showHint:l=!0}){const e=t===null;return o(d,{label:"Shadow color",icon:o(i,{}),changed:!e,action:s({value:t??"",inherited:e?r:void 0,onChange:n,label:"Shadow color",after:o(a,{label:"Shadow color",changed:!e,detail:r,onReset:()=>n(null)})}),hint:l?h:void 0})}export{u as default};

package/dist/components/SidePanelHead.d.ts

@@ -1,23 +1 @@
-import type { ReactNode } from "react";
-export default function SidePanelHead({ icon, title, context, actions, side, onHide, }: {
-    icon: ReactNode;
-    title: ReactNode;
-    context: ReactNode;
-    actions?: ReactNode;
-    side?: "left" | "right";
-    onHide?: () => void;
-}): import("react").JSX.Element;
-export declare function PanelHideButton({ side, onHide, divider, }: {
-    side: "left" | "right";
-    onHide: () => void;
-    divider?: boolean;
-}): import("react").JSX.Element;
-export declare function PanelShowStrip({ side, onShow }: {
-    side: "left" | "right";
-    onShow: () => void;
-}): import("react").JSX.Element;
-export declare function PanelModeExit({ label, onClick, description }: {
-    label: string;
-    onClick: () => void;
-    description?: string;
-}): import("react").JSX.Element;
+export { default, PanelHideButton, PanelModeExit, PanelShowStrip } from "efficient-easel/screen/components/SidePanelHead";

package/dist/components/SidePanelHead.js

@@ -1 +1 @@
-"use client";import{jsx as n,Fragment as r,jsxs as o}from"react/jsx-runtime";import{InspectorHead as p,InspectorIconButton as s}from"efficient-easel/chrome";import d from"./PanelToggleIcon.js";function u({icon:e,title:t,context:l,actions:i,side:c="left",onHide:a}){return n(p,{icon:e,name:t,kind:l,actions:i||a?o(r,{children:[i,a?n(h,{side:c,onHide:a,divider:!!i}):null]}):void 0})}function h({side:e,onHide:t,divider:l=!1}){return o(r,{children:[l?n("span",{className:"sf-head-divider","aria-hidden":"true"}):null,n(s,{label:`Hide the ${e} panel`,title:"Hide panel",onClick:t,children:n(d,{side:e})})]})}function b({side:e,onShow:t}){return n("div",{className:`es-sidepanel es-sidepanel--${e} sf-panel-strip`,children:n(s,{label:`Show the ${e} panel`,title:"Show panel",onClick:t,children:n(d,{side:e})})})}function g({label:e,onClick:t,description:l}){return n("button",{type:"button",className:"es-btn-ghost sf-head-textbtn",onClick:t,title:l,children:e})}export{h as PanelHideButton,g as PanelModeExit,b as PanelShowStrip,u as default};
+"use client";import{default as l,PanelHideButton as n,PanelModeExit as o,PanelShowStrip as a}from"efficient-easel/screen/components/SidePanelHead";export{n as PanelHideButton,o as PanelModeExit,a as PanelShowStrip,l as default};

package/dist/components/SideSpaceField.d.ts

@@ -1,5 +1,4 @@
 export declare const SIDE_SPACE_LABEL = "Side space";
-export declare const SIDE_SPACE_UNSET_LABEL = "Not set";
 export declare const SIDE_SPACE_HINT = "The room left at the left and right edge of every page.";
 export default function SideSpaceField({ value, onChange, showHint, }: {
     value: number | null;

package/dist/components/SideSpaceField.js

@@ -1 +1 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{SettingsField as l}from"efficient-easel/panel";import{PaddingXIcon as d}from"efficient-easel/icons";import{SITE_GUTTER as t}from"../lib/content/page-width.js";import{Slider as s}from"../lib/puck/controls.js";import{PartResetDot as m}from"./PartResetDot.js";const r="Side space",p="Not set",c=t.default,f="The room left at the left and right edge of every page.";function S({value:o,onChange:a,showHint:i=!0}){const n=o===null;return e(l,{label:r,labelId:"sf-side-space",icon:e(d,{}),value:n?p:`${o}px`,changed:!n,action:n?void 0:e(m,{label:r,what:"change",onClear:()=>a(null)}),hint:i?f:void 0,children:e(s,{min:t.min,max:t.max,step:t.step,value:o??c,readout:!1,ariaLabel:r,onChange:a})})}export{f as SIDE_SPACE_HINT,r as SIDE_SPACE_LABEL,p as SIDE_SPACE_UNSET_LABEL,S as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import{SettingsDefaultReset as d,SettingsField as s}from"efficient-easel/panel";import{PaddingXIcon as p}from"efficient-easel/icons";import{SITE_GUTTER as t}from"../lib/content/page-width.js";import{Slider as c}from"../lib/puck/controls.js";const i="Side space",o=t.default,f="The room left at the left and right edge of every page.";function m({value:n,onChange:a,showHint:r=!0}){const l=n===null;return e(s,{label:i,labelId:"sf-side-space",icon:e(p,{}),value:`${n??o}px`,changed:!l,action:e(d,{label:i,changed:!l,detail:`${o}px`,onReset:()=>a(null)}),hint:r?f:void 0,children:e(c,{min:t.min,max:t.max,step:t.step,value:n??o,readout:!1,ariaLabel:i,onChange:a})})}export{f as SIDE_SPACE_HINT,i as SIDE_SPACE_LABEL,m as default};

package/dist/components/SiteEditorProvider.d.ts

@@ -1,10 +1,3 @@
-import { type ReactNode } from "react";
-import type { Data } from "efficient-easel/blocks";
-import { type Permissions } from "efficient-easel/easel";
-export default function SiteEditorProvider({ config, data, onChange, permissions, children, }: {
-    config: unknown;
-    data: Data;
-    onChange?: (data: Data) => void;
-    permissions?: Partial<Permissions>;
-    children?: ReactNode;
-}): import("react").JSX.Element;
+import type { ComponentProps } from "react";
+import EditorStoreProvider from "./EditorStoreProvider.js";
+export default function SiteEditorProvider(props: Omit<ComponentProps<typeof EditorStoreProvider>, "parts">): import("react").JSX.Element;

package/dist/components/SiteEditorProvider.js

@@ -1 +1 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import{useEffect as s,useState as c}from"react";import{createEasel as l,EaselProvider as m}from"efficient-easel/easel";import{useEditorHost as p}from"../lib/editor-host.js";function S({config:r,data:u,onChange:o,permissions:e,children:d}){const[t]=c(()=>l({config:r,data:u,permissions:e}));s(()=>{t.setConfig(r)},[t,r]),s(()=>{if(!o)return;let i=t.getState().appState.data;return t.subscribe(()=>{const a=t.getState().appState.data;a!==i&&(i=a,o(a))})},[t,o]),s(()=>{e&&t.setPermissions(e)},[t,e]);const f=p();return n(m,{easel:t,hotkeys:f.ownsDocument,children:d})}export{S as default};
+"use client";import{jsx as o}from"react/jsx-runtime";import t from"./EditorStoreProvider.js";import{WEBSITE_SCREEN as i}from"./WebsiteScreenParts.js";function e(r){return o(t,{...r,parts:i})}export{e as default};

package/dist/components/SiteWidthField.d.ts

@@ -1,5 +1,4 @@
 export declare const SITE_WIDTH_LABEL = "Content width";
-export declare const SITE_WIDTH_UNSET_LABEL = "Not set";
 export declare const SITE_WIDTH_HINT = "The standard width every page on this site renders at.";
 export default function SiteWidthField({ value, onChange, showHint, }: {
     value: number | null;

package/dist/components/SiteWidthField.js

@@ -1 +1 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsField as s}from"efficient-easel/panel";import{WidthIcon as d}from"efficient-easel/icons";import{PAGE_WIDTH as e}from"../lib/content/page-width.js";import{Slider as l}from"../lib/puck/controls.js";import{PartResetDot as m}from"./PartResetDot.js";const i="Content width",p="Not set",c=e.default,f="The standard width every page on this site renders at.";function h({value:n,onChange:r,showHint:a=!0}){const o=n===null;return t(s,{label:i,labelId:"sf-site-width",icon:t(d,{}),value:o?p:`${n}px`,changed:!o,action:o?void 0:t(m,{label:i,what:"change",onClear:()=>r(null)}),hint:a?f:void 0,children:t(l,{min:e.min,max:e.max,step:e.step,value:n??c,readout:!1,ariaLabel:i,onChange:r})})}export{f as SITE_WIDTH_HINT,i as SITE_WIDTH_LABEL,p as SITE_WIDTH_UNSET_LABEL,h as default};
+"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsDefaultReset as d,SettingsField as l}from"efficient-easel/panel";import{WidthIcon as m}from"efficient-easel/icons";import{PAGE_WIDTH as e}from"../lib/content/page-width.js";import{Slider as p}from"../lib/puck/controls.js";const n="Content width",o=e.default,c="The standard width every page on this site renders at.";function f({value:i,onChange:r,showHint:s=!0}){const a=i===null;return t(l,{label:n,labelId:"sf-site-width",icon:t(m,{}),value:`${i??o}px`,changed:!a,action:t(d,{label:n,changed:!a,detail:`${o}px`,onReset:()=>r(null)}),hint:s?c:void 0,children:t(p,{min:e.min,max:e.max,step:e.step,value:i??o,readout:!1,ariaLabel:n,onChange:r})})}export{c as SITE_WIDTH_HINT,n as SITE_WIDTH_LABEL,f as default};

package/dist/components/SlotChildActionsContext.d.ts

@@ -1,13 +1,2 @@
-import { type ReactNode } from "react";
-import type { TreeItem } from "../lib/puck/content-tree.js";
-export type SlotChildActions = {
-    selectChild: (zone: string, index: number, id: string, parentType: string) => void;
-    addChild: (parentId: string, slot: string, childType: string, atIndex: number, parentType: string) => void;
-    childRowName: (child: TreeItem) => string;
-    blockRowName: (child: TreeItem) => string;
-};
-export declare function SlotChildActionsProvider({ value, children, }: {
-    value: SlotChildActions;
-    children: ReactNode;
-}): import("react").JSX.Element;
-export declare function useSlotChildActions(): SlotChildActions | null;
+export { SlotChildActionsProvider, useSlotChildActions } from "efficient-easel/screen/components/SlotChildActionsContext";
+export type { SlotChildActions } from "efficient-easel/screen/components/SlotChildActionsContext";

package/dist/components/SlotChildActionsContext.js

@@ -1 +1 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as i}from"react";const t=r(null);function c({value:o,children:e}){return n(t.Provider,{value:o,children:e})}function u(){return i(t)}export{c as SlotChildActionsProvider,u as useSlotChildActions};
+"use client";import{SlotChildActionsProvider as t,useSlotChildActions as e}from"efficient-easel/screen/components/SlotChildActionsContext";export{t as SlotChildActionsProvider,e as useSlotChildActions};

package/dist/components/SlotChildRows.js

@@ -1 +1 @@
-"use client";import{jsx as s,jsxs as b}from"react/jsx-runtime";import{useEasel as x}from"efficient-easel/easel";import{SettingsDrill as A}from"efficient-easel/panel";import C from"./AddBlockRow.js";import N from"./AddChildRow.js";import{useSlotChildActions as k}from"./SlotChildActionsContext.js";import{HERO_GROUP_TYPE as $,heroGroupNestDepth as j}from"../lib/hero-group-placement.js";import{canAddTo as w}from"../lib/puck/add-target.js";import{GroupLabel as D}from"../lib/puck/controls.js";function _({parent:o,parentType:t,label:d,rowName:e,onSelectChild:r,onAddChild:m,nestDepth:p=0}){const u=w(t,p);if(!u)return null;const{slot:n,choices:f,spec:i}=u,a=String(o.props.id),h=`${a}:${n}`,l=Array.isArray(o.props[n])?o.props[n]:[],R=i?.addBlocked?.(l)??null,S=i?.notice?.(l)??null;return b("div",{className:"sf-slot-rows",children:[d?s(D,{label:`${d} \xB7 ${l.length}`}):null,S?s("p",{className:"sf-note",children:S}):null,l.map((c,g)=>s(A,{name:e(c),onOpen:()=>r(h,g,String(c.props.id),t)},String(c.props.id??`${h}-${g}`))),f?s(C,{choices:f,onPick:c=>m(a,n,c,l.length,t)}):i.fixed?null:s(N,{label:i.addLabel,blocked:R,onAdd:()=>m(a,n,i.childType,l.length,t)})]})}function E(o,t){return w(t)?.source==="footer"?o.blockRowName:o.childRowName}function G({parentType:o,label:t}){const{appState:d,selectedItem:e}=x(p=>p),r=k();if(!r||!e||e.type!==o)return null;const m=o===$?j(d?.data,String(e.props.id)):0;return s(_,{parent:e,parentType:o,label:t,rowName:E(r,o),onSelectChild:r.selectChild,onAddChild:r.addChild,nestDepth:m})}export{_ as SlotChildRows,G as default,E as rowNamerFor};
+"use client";import{jsx as s,jsxs as b}from"react/jsx-runtime";import{useEasel as x}from"efficient-easel/easel";import{SettingsDrill as A}from"efficient-easel/panel";import C from"./AddBlockRow.js";import N from"./AddChildRow.js";import{useSlotChildActions as k}from"./SlotChildActionsContext.js";import{HERO_GROUP_TYPE as $,heroGroupNestDepth as j}from"../lib/hero-group-placement.js";import{canAddTo as w}from"../lib/puck/add-target.js";import{GroupLabel as D}from"../lib/puck/controls.js";function _({parent:o,parentType:t,label:d,rowName:e,onSelectChild:r,onAddChild:m,nestDepth:p=0}){const u=w(t,p);if(!u)return null;const{slot:n,choices:f,spec:i}=u,a=String(o.props.id),h=`${a}:${n}`,l=Array.isArray(o.props[n])?o.props[n]:[],R=i?.addBlocked?.(l)??null,S=i?.notice?.(l)??null;return b("div",{className:"sf-slot-rows",children:[d?s(D,{label:`${d} · ${l.length}`}):null,S?s("p",{className:"sf-note",children:S}):null,l.map((c,g)=>s(A,{name:e(c),onOpen:()=>r(h,g,String(c.props.id),t)},String(c.props.id??`${h}-${g}`))),f?s(C,{choices:f,onPick:c=>m(a,n,c,l.length,t)}):i.fixed?null:s(N,{label:i.addLabel,blocked:R,onAdd:()=>m(a,n,i.childType,l.length,t)})]})}function E(o,t){return w(t)?.source==="footer"?o.blockRowName:o.childRowName}function G({parentType:o,label:t}){const{appState:d,selectedItem:e}=x(p=>p),r=k();if(!r||!e||e.type!==o)return null;const m=o===$?j(d?.data,String(e.props.id)):0;return s(_,{parent:e,parentType:o,label:t,rowName:E(r,o),onSelectChild:r.selectChild,onAddChild:r.addChild,nestDepth:m})}export{_ as SlotChildRows,G as default,E as rowNamerFor};

package/dist/components/SocialLinksPanel.js

@@ -1 +1 @@
-"use client";import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{useEffect as b,useId as d,useState as h}from"react";import{SettingsField as L}from"efficient-easel/panel";import{usePreviewSocial as y}from"./PreviewSocialContext.js";import{SocialMark as v}from"./socialIcons.js";import{SOCIAL_PLATFORMS as w,SOCIAL_PLATFORM_LABELS as x}from"../lib/content/social-links.js";const A={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000"};function E({platform:e}){const{rows:c,saveLink:n}=y(),{value:o,error:i}=c[e],[s,a]=h(o),[k,u]=h(!1),f=d(),m=d();b(()=>a(o),[o]);const S=async()=>{if(s.trim()===o){s!==o&&a(o);return}u(!0),await n(e,s),u(!1)},g=x[e];return p(l,{children:[t(L,{label:g,htmlFor:f,icon:t(v,{platform:e,iconStyle:"outline",size:18}),children:t("input",{id:f,type:"text",inputMode:"url",value:s,placeholder:A[e],onChange:r=>a(r.target.value),onBlur:()=>{S()},onKeyDown:r=>{r.key==="Enter"&&r.currentTarget.blur(),r.key==="Escape"&&(a(o),r.currentTarget.blur())},"aria-invalid":i?!0:void 0,"aria-describedby":i?m:void 0,"aria-busy":k||void 0,autoComplete:"off",spellCheck:!1})}),i&&t("p",{id:m,className:"sf-note sf-note--error",role:"alert",children:i})]})}function F({unavailable:e}){const{canSave:c}=y();return!c&&e?t(l,{children:e}):p(l,{children:[t("p",{className:"sf-field-hint",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),w.map(n=>t(E,{platform:n},n))]})}export{F as default};
+"use client";import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{useEffect as b,useId as d,useState as h}from"react";import{SettingsField as L}from"efficient-easel/panel";import{usePreviewSocial as y}from"./PreviewSocialContext.js";import{SocialMark as v}from"./socialIcons.js";import{SOCIAL_PLATFORMS as w,SOCIAL_PLATFORM_LABELS as x}from"../lib/content/social-links.js";const A={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000"};function E({platform:e}){const{rows:c,saveLink:n}=y(),{value:o,error:i}=c[e],[s,a]=h(o),[k,u]=h(!1),f=d(),m=d();b(()=>a(o),[o]);const S=async()=>{if(s.trim()===o){s!==o&&a(o);return}u(!0),await n(e,s),u(!1)},g=x[e];return p(l,{children:[t(L,{label:g,htmlFor:f,icon:t(v,{platform:e,iconStyle:"outline",size:18}),children:t("input",{id:f,type:"text",inputMode:"url",value:s,placeholder:A[e],onChange:r=>a(r.target.value),onBlur:()=>{S()},onKeyDown:r=>{r.key==="Enter"&&r.currentTarget.blur(),r.key==="Escape"&&(a(o),r.currentTarget.blur())},"aria-invalid":i?!0:void 0,"aria-describedby":i?m:void 0,"aria-busy":k||void 0,autoComplete:"off",spellCheck:!1})}),i&&t("p",{id:m,className:"sf-note sf-note--error",role:"alert",children:i})]})}function F({unavailable:e}){const{canSave:c}=y();return!c&&e?t(l,{children:e}):p(l,{children:[t("p",{className:"es-field-hint sf-hint-keep",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),w.map(n=>t(E,{platform:n},n))]})}export{F as default};

package/dist/components/SourceStatus.js

@@ -1 +1 @@
-"use client";import{jsx as s,jsxs as r}from"react/jsx-runtime";function u({status:l,statusText:t,onRefresh:n,busy:o=!1,edit:e,hint:a,spaced:c=!0}){return r("div",{className:"sf-blogsource",style:c?{marginTop:9}:void 0,children:[s("p",{className:"sf-blogsource-status","data-state":l,children:t}),s("button",{type:"button",className:"sf-blogsource-btn",onClick:n,disabled:o,children:"Refresh now"}),e?s("button",{type:"button",className:"sf-blogsource-btn",onClick:e.onClick,children:e.label}):null,s("p",{className:"sf-blogsource-hint",children:a})]})}export{u as default};
+"use client";import{jsx as s,jsxs as t}from"react/jsx-runtime";import{Button as a}from"efficient-shell/ui";function u({status:l,statusText:n,onRefresh:o,busy:c=!1,edit:e,hint:r,spaced:i=!0}){return t("div",{className:"sf-blogsource",style:i?{marginTop:9}:void 0,children:[s("p",{className:"sf-blogsource-status","data-state":l,children:n}),s(a,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:o,disabled:c,children:"Refresh now"}),e?s(a,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:e.onClick,children:e.label}):null,s("p",{className:"es-field-hint sf-hint-keep",children:r})]})}export{u as default};

package/dist/components/Split.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import $ from"./Btn.js";import{resolveImageTreatment as C}from"../lib/content/image-treatment.js";import u from"./Placeholder.js";import{useSitePhotography as G}from"./SitePhotographyContext.js";import I from"./SectionEyebrow.js";import{renderGold as a,renderHeadline as M,splitParagraphs as _}from"./goldPhrases.js";function A({imageLabel:o,imageSrc:p,imageTint:x=.4,imageObjectPosition:y,eyebrow:c,title:d,body:m,cta:l,reverse:h=!1,uppercase:N=!1,textAlign:j="left",textBgSrc:i,textBgLabel:k,textBgTint:f=.6,textBgObjectPosition:z,featureBar:t,imageButton:n,grayscale:w}){const g=C(w,G()),b={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},s=b[j]??b.left;return e("section",{className:"relative z-[2] bg-bg p-0",children:r("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",h?"min-[961px]:[direction:rtl]":""].join(" "),children:[r("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:h?{borderLeft:"1px solid var(--line)"}:{borderRight:"1px solid var(--line)"},children:[e(u,{label:o,src:p,objectPosition:y,treatment:g}),p&&x>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${x})`}}),(t||n)&&r("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[t&&r(v,{href:t.href,className:"pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[e("span",{children:a(t.wheel)}),e("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),e("span",{children:a(t.category)}),e("span",{"aria-hidden":!0,children:"\u2192"}),e("span",{children:a(t.cta??"Shop now")})]}),n&&r(v,{href:n.href,className:"pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[e("span",{children:a(n.text??"Learn more")}),e("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),r("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[i&&r("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(u,{label:k??o,src:i,objectPosition:z,treatment:g}),f>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${f})`}})]}),e("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:i?{color:"var(--overlay-fg)"}:void 0,children:r("div",{className:["flex flex-1 flex-col justify-center gap-6",s.items,s.text].join(" "),children:[c&&e(I,{text:c,size:14}),d&&e("h2",{className:["font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em]","max-[800px]:text-[length:var(--size-headingMedium,36px)] max-[800px]:leading-[1]",N?"uppercase":""].join(" "),children:M(d,!1)}),m&&_(m).map((P,L)=>e("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",i?"opacity-85":"text-fg-dim"].join(" "),children:a(P)},L)),l.text&&e("div",{className:`mt-2 ${s.cta}`,children:e($,{href:l.href,variant:"primary",children:a(l.text)})})]})})]})]})})}export{A as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import $ from"./Btn.js";import{resolveImageTreatment as C}from"../lib/content/image-treatment.js";import u from"./Placeholder.js";import{useSitePhotography as G}from"./SitePhotographyContext.js";import I from"./SectionEyebrow.js";import{renderGold as a,renderHeadline as M,splitParagraphs as _}from"./goldPhrases.js";function A({imageLabel:o,imageSrc:p,imageTint:x=.4,imageObjectPosition:y,eyebrow:c,title:d,body:m,cta:l,reverse:h=!1,uppercase:N=!1,textAlign:j="left",textBgSrc:i,textBgLabel:k,textBgTint:f=.6,textBgObjectPosition:z,featureBar:t,imageButton:n,grayscale:w}){const g=C(w,G()),b={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},s=b[j]??b.left;return e("section",{className:"relative z-[2] bg-bg p-0",children:r("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",h?"min-[961px]:[direction:rtl]":""].join(" "),children:[r("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:h?{borderLeft:"1px solid var(--line)"}:{borderRight:"1px solid var(--line)"},children:[e(u,{label:o,src:p,objectPosition:y,treatment:g}),p&&x>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${x})`}}),(t||n)&&r("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[t&&r(v,{href:t.href,className:"pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[e("span",{children:a(t.wheel)}),e("span",{"aria-hidden":!0,style:{opacity:.55},children:"·"}),e("span",{children:a(t.category)}),e("span",{"aria-hidden":!0,children:"→"}),e("span",{children:a(t.cta??"Shop now")})]}),n&&r(v,{href:n.href,className:"pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[e("span",{children:a(n.text??"Learn more")}),e("span",{"aria-hidden":!0,children:"→"})]})]})]}),r("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[i&&r("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(u,{label:k??o,src:i,objectPosition:z,treatment:g}),f>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${f})`}})]}),e("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:i?{color:"var(--overlay-fg)"}:void 0,children:r("div",{className:["flex flex-1 flex-col justify-center gap-6",s.items,s.text].join(" "),children:[c&&e(I,{text:c,size:14}),d&&e("h2",{className:["font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em]","max-[800px]:text-[length:var(--size-headingMedium,36px)] max-[800px]:leading-[1]",N?"uppercase":""].join(" "),children:M(d,!1)}),m&&_(m).map((P,L)=>e("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",i?"opacity-85":"text-fg-dim"].join(" "),children:a(P)},L)),l.text&&e("div",{className:`mt-2 ${s.cta}`,children:e($,{href:l.href,variant:"primary",children:a(l.text)})})]})})]})]})})}export{A as default};

package/dist/components/StandaloneSectionEditor.d.ts

@@ -10,6 +10,7 @@ import "efficient-easel/text-styles.css";
 import "efficient-easel/menu.css";
 import "efficient-easel/chrome.css";
 import "efficient-easel/tree.css";
+import "efficient-easel/screen.css";
 import "./storefront-editor.css";
 export default function StandaloneSectionEditor({ id, initialType, initialName, }: {
     id: string;

package/dist/components/StandaloneSectionEditor.js

@@ -1 +1 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{useCallback as R,useEffect as S,useMemo as m,useRef as Q,useState as u}from"react";import x from"next/dynamic";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"./storefront-editor.css";import{buildConfig as V}from"../lib/puck/build-config.js";import{withTemplateMediaPlaceholders as X}from"../lib/puck/templateFields.js";import{setEditorPageSlug as B}from"../lib/puck/editor-page-context.js";import{StorefrontDocumentContext as Z}from"./StorefrontDocumentContext.js";import{PreviewHeaderProvider as $}from"./PreviewHeaderContext.js";import{PreviewTickerProvider as ee}from"./PreviewTickerContext.js";import{PreviewPartsProvider as te}from"./PreviewPartsContext.js";import{PreviewLocationPartProvider as re}from"./PreviewLocationPartContext.js";import{PreviewPartStyleProvider as oe}from"./PreviewPartStyleContext.js";import{sectionTemplates as O}from"../lib/editor-section-templates.js";import{nodeToDoc as ne,docToNode as F}from"../lib/puck/section-doc.js";import{newNodeId as ie}from"../lib/puck/content-tree.js";import{migrateRenamedProps as se}from"../lib/puck/renamed-props.js";import{buildSlotSeedChildren as de}from"../lib/puck/slot-specs.js";import{FOOTER_TYPE as ae,buildDefaultFooterBlocks as ce}from"../lib/puck/footer-blocks.js";import{NO_BRIDGED_CAPABILITIES as le,useAdminBridge as me}from"../lib/editor-admin-bridge.js";import{useEditorHost as ue}from"../lib/editor-host.js";import{ChromeWrap as fe}from"../lib/editor-chrome.js";import{sessionRegistry as pe}from"../lib/editor-session.js";import{useEditorSession as ve}from"../lib/editor-session-context.js";import{routeSharedHostMessage as ge}from"../lib/editor-host-inbound.js";import{DEFAULT_THEME_MODE as P,THEME_MODE_KEY as he}from"../lib/theme.js";import{makeSitePageAdapter as L}from"../lib/editor-document-adapter.js";import{documentPermissions as Se}from"efficient-easel/edit-lock";import{useAutosave as Pe}from"efficient-easel/autosave";import{saveStatusOf as Ee}from"../lib/puck/pinned-seed-gate.js";const ye=x(()=>import("./SiteEditorProvider.js"),{ssr:!1}),Te=x(()=>import("./SectionEditorShell.js"),{ssr:!1}),H="HeroSingle",U="Untitled section";function we(n,E){const d=E.components,r=d[n]?n:H,y=d[r]?.defaultProps??{},i=de(r,f=>d[f]?.defaultProps??{}),s=r===ae?{blocks:ce()}:null;return{type:r,props:{id:ie(r),...y,...i?{[i.slot]:i.children}:null,...s}}}function Ne(){if(typeof window>"u")return P;try{const n=window.localStorage.getItem(he);return n==="light"||n==="dark"||n==="auto"?n:P}catch{return P}}function ke({id:n,initialType:E,initialName:d=U}){const[r,y]=u(n),i=Q(r);S(()=>{i.current=r},[r]);const s=ue(),[f,Y]=u(E),[b,j]=u(d),[a,T]=u(void 0),[K,G]=u(P),{token:w,tokenRef:M}=me({onMessage:e=>{if(ge(e))return;const t=e;if(t?.type==="storefront-editor:navigate"&&t.target?.kind==="section"&&t.target.id){const I=t.target.id;if(I===i.current)return;const z=t.target.type,J=t.target.name;k().then(()=>{Y(z),j(J||U),y(I),s.address.show({kind:"section",id:I})})}}}),N=Pe({save:e=>O.update(e.id,e.node).then(()=>{}),onFailure:(e,t)=>{t===0&&s.send("storefront-editor:save-failed")}}),{state:p,push:_,flush:k}=N;S(()=>G(Ne()),[]);const c=ve(),v=c.usesBridgedToken?!!w:!0,g=m(()=>V(pe(c),c.blocks),[c]);S(()=>{if(!v)return;let e=!1;return T(void 0),O.ensure(r,b,we(f??H,g)).then(t=>!e&&T(t.node)).catch(()=>!e&&T(null)),()=>{e=!0}},[r,f,b,v,g]);const A=R(e=>{s.send("storefront-editor:dirty");const t=F(e);t&&_({id:i.current,node:t})},[_,s]),h=s.send,D=R(async e=>{try{return await e(M.current??""),!0}catch{return h("storefront-editor:save-failed"),!1}},[h]),W=m(()=>X(g,!0),[g]);S(()=>(B(null),()=>B(null)),[]);const l=m(()=>a?se(ne(a)):null,[a]),C=m(()=>({target:{kind:"page",slug:""},adapter:L(void 0),capabilities:L(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:v,token:w,tokenRef:M,notifyParent:h,runAuthed:D,docId:r,data:l,getLiveData:()=>l,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:Ee(p),saveState:p,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:p.pending,toggleAutoSave:()=>{},retrySave:()=>{N.retryNow()},onChange:A,flushSave:k,onPublish:async e=>{const t=F(e);t&&await O.update(i.current,t)},bridgeCapabilities:le,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[r,v,w,h,D,l,p,A,k,N.retryNow]),q=m(()=>Se(!C.readOnly),[C.readOnly]);return a===void 0?o("div",{className:"sf-msg",children:"Loading\u2026"}):a===null||!l?o("div",{className:"sf-msg sf-msg--error",children:"Couldn\u2019t open this section."}):o(Z.Provider,{value:C,children:o($,{themeMode:K,chromePlaceholder:!0,children:o(fe,{wrap:c.chrome?.wrap,surface:"section",children:o(ee,{children:o(te,{children:o(re,{children:o(oe,{children:o(ye,{config:W,data:l,onChange:A,permissions:q,children:o(Te,{})},r)})})})})})})})}export{ke as default};
+"use client";import{jsx as o}from"react/jsx-runtime";import{useCallback as R,useEffect as S,useMemo as m,useRef as Q,useState as u}from"react";import x from"next/dynamic";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/screen.css";import"./storefront-editor.css";import{buildConfig as V}from"../lib/puck/build-config.js";import{withTemplateMediaPlaceholders as X}from"../lib/puck/templateFields.js";import{setEditorPageSlug as B}from"../lib/puck/editor-page-context.js";import{StorefrontDocumentContext as Z}from"./StorefrontDocumentContext.js";import{PreviewHeaderProvider as $}from"./PreviewHeaderContext.js";import{PreviewTickerProvider as ee}from"./PreviewTickerContext.js";import{PreviewPartsProvider as te}from"./PreviewPartsContext.js";import{PreviewLocationPartProvider as re}from"./PreviewLocationPartContext.js";import{PreviewPartStyleProvider as oe}from"./PreviewPartStyleContext.js";import{sectionTemplates as O}from"../lib/editor-section-templates.js";import{nodeToDoc as ie,docToNode as F}from"../lib/puck/section-doc.js";import{newNodeId as ne}from"../lib/puck/content-tree.js";import{migrateRenamedProps as se}from"../lib/puck/renamed-props.js";import{buildSlotSeedChildren as de}from"../lib/puck/slot-specs.js";import{FOOTER_TYPE as ae,buildDefaultFooterBlocks as ce}from"../lib/puck/footer-blocks.js";import{NO_BRIDGED_CAPABILITIES as le,useAdminBridge as me}from"../lib/editor-admin-bridge.js";import{useEditorHost as ue}from"../lib/editor-host.js";import{ChromeWrap as fe}from"../lib/editor-chrome.js";import{sessionRegistry as pe}from"../lib/editor-session.js";import{useEditorSession as ve}from"../lib/editor-session-context.js";import{routeSharedHostMessage as ge}from"../lib/editor-host-inbound.js";import{routeWebsiteHostMessage as he}from"../lib/website-host-inbound.js";import{DEFAULT_THEME_MODE as P,THEME_MODE_KEY as Se}from"../lib/theme.js";import{makeSitePageAdapter as H}from"../lib/editor-document-adapter.js";import{documentPermissions as Pe}from"efficient-easel/edit-lock";import{useAutosave as Ee}from"efficient-easel/autosave";import{saveStatusOf as ye}from"../lib/puck/pinned-seed-gate.js";import{blocksOf as Te}from"../lib/website-session.js";const we=x(()=>import("./SiteEditorProvider.js"),{ssr:!1}),Ne=x(()=>import("./SectionEditorShell.js"),{ssr:!1}),L="HeroSingle",U="Untitled section";function ke(i,E){const d=E.components,r=d[i]?i:L,y=d[r]?.defaultProps??{},n=de(r,f=>d[f]?.defaultProps??{}),s=r===ae?{blocks:ce()}:null;return{type:r,props:{id:ne(r),...y,...n?{[n.slot]:n.children}:null,...s}}}function Ae(){if(typeof window>"u")return P;try{const i=window.localStorage.getItem(Se);return i==="light"||i==="dark"||i==="auto"?i:P}catch{return P}}function Ce({id:i,initialType:E,initialName:d=U}){const[r,y]=u(i),n=Q(r);S(()=>{n.current=r},[r]);const s=ue(),[f,Y]=u(E),[b,j]=u(d),[a,T]=u(void 0),[K,W]=u(P),{token:w,tokenRef:M}=me({onMessage:e=>{if(he(e)||ge(e))return;const t=e;if(t?.type==="storefront-editor:navigate"&&t.target?.kind==="section"&&t.target.id){const I=t.target.id;if(I===n.current)return;const z=t.target.type,J=t.target.name;k().then(()=>{Y(z),j(J||U),y(I),s.address.show({kind:"section",id:I})})}}}),N=Ee({save:e=>O.update(e.id,e.node).then(()=>{}),onFailure:(e,t)=>{t===0&&s.send("storefront-editor:save-failed")}}),{state:p,push:_,flush:k}=N;S(()=>W(Ae()),[]);const c=ve(),v=c.usesBridgedToken?!!w:!0,g=m(()=>V(pe(c),Te(c)),[c]);S(()=>{if(!v)return;let e=!1;return T(void 0),O.ensure(r,b,ke(f??L,g)).then(t=>!e&&T(t.node)).catch(()=>!e&&T(null)),()=>{e=!0}},[r,f,b,v,g]);const A=R(e=>{s.send("storefront-editor:dirty");const t=F(e);t&&_({id:n.current,node:t})},[_,s]),h=s.send,D=R(async e=>{try{return await e(M.current??""),!0}catch{return h("storefront-editor:save-failed"),!1}},[h]),G=m(()=>X(g,!0),[g]);S(()=>(B(null),()=>B(null)),[]);const l=m(()=>a?se(ie(a)):null,[a]),C=m(()=>({target:{kind:"page",slug:""},adapter:H(void 0),capabilities:H(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:v,token:w,tokenRef:M,notifyParent:h,runAuthed:D,docId:r,data:l,getLiveData:()=>l,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:ye(p),saveState:p,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:p.pending,toggleAutoSave:()=>{},retrySave:()=>{N.retryNow()},onChange:A,flushSave:k,onPublish:async e=>{const t=F(e);t&&await O.update(n.current,t)},bridgeCapabilities:le,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[r,v,w,h,D,l,p,A,k,N.retryNow]),q=m(()=>Pe(!C.readOnly),[C.readOnly]);return a===void 0?o("div",{className:"sf-msg",children:"Loading…"}):a===null||!l?o("div",{className:"sf-msg sf-msg--error",children:"Couldn’t open this section."}):o(Z.Provider,{value:C,children:o($,{themeMode:K,chromePlaceholder:!0,children:o(fe,{wrap:c.chrome?.wrap,surface:"section",children:o(ee,{children:o(te,{children:o(re,{children:o(oe,{children:o(we,{config:G,data:l,onChange:A,permissions:q,children:o(Ne,{})},r)})})})})})})})}export{Ce as default};