efficient-web-builder 5.3.0 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,128 @@
 # Changelog
 
+## 6.0.0 - 2026-10-13
+
+- **Breaking: efficient-shell ^5.6.0** (peer; was `^4.171.0 || ^5.0.0`). The
+  image focus dot and the link picker are efficient-shell parts now
+  (Efficient-Pty-Ltd/efficient-shell#375 and #376, harness UI-24: one UI
+  kit), and the block renders read the focus default from the server-safe
+  `efficient-shell/format` entry (#394). 5.6.0 is the first published shell
+  with all three. A host moves to this release and a shell at or above 5.6.0
+  together. efficient-easel 2.2.0 already admits
+  shell 5, so its peer here is unchanged (`^2.0.0`).
+- **Breaking: `lib/image-focus` is removed.** `parseFocal`, `formatFocal`,
+  `nudgeFocal`, `focalFromRect`, `FOCAL_DEFAULT`, `FOCAL_NUDGE_STEP`,
+  `FOCAL_NUDGE_COARSE` and the `FocalPoint` type come from
+  `efficient-shell/ui` (editor code) or `efficient-shell/format` (the
+  HeroSlide and HeroSingle render modules, which can run on a server, where
+  the `ui` entry is a client boundary), unchanged. `lib/puck/controls` still
+  re-exports `FOCAL_DEFAULT`.
+- **Breaking: `isSafeLink` is removed from `lib/links/page-link-rules`.** The
+  Link field hands the picker no address rule, so the shell's
+  `isSafeLinkHref` decides (on the trimmed text). It is the same rule plus
+  one thing: an address with a control character in it is refused too.
+- **The Image focus row draws the shell's `ImageFocusPoint`.** The row
+  (`components/ImageFocusRow`, the shared expandable row) and its own open
+  state stay; "Done" (now the kit's `Button`) and "Choose a background image
+  first" are passed in as the part's `actions` and `emptyText`. Same value
+  (`"38% 64%"`), same keys (arrows 1%, Shift 10%, Enter and Space inert).
+  The stylesheet's rule that hides the 96px crop while the row is open reads
+  the part's `[data-image-focus]` (was `[data-sf-focusing]`); the
+  `.sf-focus*` rules and `.sf-image-btn`, which only that row used, are gone.
+  Small visible changes come from the part: the dot is 16px (was 18px), the
+  picture at most 144px tall (was 150px), the hint 12px (was 11px).
+- **The Link field draws the shell's `LinkPicker`** (was efficient-easel's
+  `fields/LinkPicker`), with the same kinds, rules and filters.
+  `lib/links/link-picker-setup` takes its types from `efficient-shell/ui`.
+- Host follow-ups when taking this release: the storefront's
+  `scripts/test-image-focus-point.tsx` loads `@/lib/image-focus` and walks
+  the old row's own elements, and `packages/storefront-blocks`
+  `lib/links/link-rules.ts` re-exports `isSafeLink`; both change in the
+  storefront pull request that moves to 6.0.0.
+
+## 5.6.0 - 2026-10-13
+
+- **A block reads its rows from a source, as the page is served.** Some blocks
+  draw a list, and until now a page held the list itself. A block may now
+  name a source in `props.dataSource` (`lib/content/block-sources`), and its
+  host's backend puts the rows beside its settings as the page is served, in
+  `props.dataRows`. Nothing of a source's rows is ever written into a page:
+  the editor never writes `dataRows`. A block that names no source, and every
+  page there is, draws and edits exactly as before. EFFICIENT backend
+  `docs/adr/0049`, "Amended 2026-10-12" (pull request 3).
+- **A host declares its sources.** `registerBlockSources([{ key, label,
+  blocks, sample? }])`, before it mounts an editor; `blockSources(block)`
+  lists the ones that fill a block. The list is kept on `globalThis`, so two
+  copies of the module share it. `declaredBlockSource`, `servedRows` and
+  `sourcedRows` read a block's props: on a published page a sourced block
+  draws the rows it was served, and none where it was served none; in the
+  editor, where no page is served, it draws the host's `sample` or its own.
+- **The Order Table takes a source for its items.** A new "Items from" row
+  (`dataSource`) above the typed Items, shown only where the host declared a
+  source for `OrderSummary`. A source picked hides the typed Items, and the
+  table draws the served rows (`label`, `meta`, `amount`) and never the typed
+  ones. A published table that was served nothing draws nothing at all. The
+  sub-total lines, the total and the note stay typed.
+- **`blockSourceField` and `blockSourceFields`** (`lib/puck/block-source-fields`):
+  the row and the resolver step a block of a host's own uses to take a source
+  the same way.
+- **Social links gain Telegram, LINE and WeChat.** `SOCIAL_PLATFORMS` holds
+  eleven, in the backend's order. Tabler ships the three outline marks and no
+  filled ones, so `components/socialIcons` draws their Solid marks from the
+  same geometry with Tabler's own component factory. Each is a link like the
+  rest: WeChat's is the link inside the business's own WeChat QR code, and a
+  bare WeChat ID draws nothing. A host whose backend does not send the three
+  keys draws eight marks, as before.
+
+## 5.5.0 - 2026-10-13
+
+- **A dynamic page says which type of record it draws.** A dynamic page is
+  one layout drawn for many records, and until now its record was a product
+  and nothing else. A page now names a record type in `root.props.recordType`
+  (`lib/content/record-types`): `product`, the builder's own, or one its host
+  declared. A page that says nothing draws a product, so every page and every
+  host there is renders and edits exactly as before. EFFICIENT backend
+  `docs/adr/0049`, "Amended 2026-10-12".
+- **A host declares its record types.** `registerRecordTypes([{ key, label,
+  fields }])`, once, before it mounts an editor or draws a page;
+  `recordTypes()` lists them, `product` first. A field is `{ key, label,
+  kind }`, with `kind` `"text"` or `"date"`, and is what a block bound to the
+  page's record may read (`recordFields(key, kinds)`). A key or a field the
+  registry cannot use throws.
+- **Page settings gains a "Record type" row** on a dynamic page of a host
+  that declared a type beside `product`, added by `finishRegistry` to every
+  host's root, above the host's own rows. A host that declared nothing has
+  one type and gets no row: its Page settings is the same list it was.
+- **A page of another record type is no product template.**
+  `templateProductKind`, `declaredTemplateProductKind`,
+  `layoutDeclaredProductKind` and `isProductTemplatePage` answer "none" for
+  it, on a reserved slug and with a product type left in its document.
+- New readers: `declaredRecordType`, `layoutRecordType`, `drawsProduct`,
+  `recordTypeSpec`, and `editorRecordType` in `lib/puck/editor-page-context`.
+  Nothing of a record is ever written into a page: the document holds the
+  type's key, and the host hands the record to the blocks as the page is
+  served.
+
+## 5.4.0 - 2026-10-12
+
+- **A new general section: Countdown.** Hours : minutes : seconds to ONE fixed
+  end date-time saved in the page (UTC), the same for every visitor; at zero,
+  or when the end has already passed on load, the digits go and the "At zero"
+  line shows ("Almost done. Back very soon." by default). It never draws
+  00:00:00 or a negative, and with no end set it draws nothing on a published
+  page (a running sample in the editor). Four rows: Heading, At zero, Ends,
+  Unit labels. The digits are a declared `Value` and the unit labels a
+  declared `Name`, so all four runs of text are set by clicking them. Card
+  [ADD] INOVIT And Hartes Metal US Websites, for the Hartes Metal US
+  maintenance page; owner's answers through GG, 2026-10-12.
+- **`dateTime()` control.** One moment in time, picked with efficient-shell's
+  `DateTimePicker` in the editor's local time and stored as an ISO string in
+  UTC.
+- **`PartStyledKind` moves into the builder** from efficient-storefront-blocks
+  (`components/PartStyledKind`, same path), because a general section now
+  declares kinds. The storefront deletes its own copy in the pull request that
+  takes this release.
+
 ## 5.3.0 - 2026-10-12
 
 - **The efficient-shell peer range takes 5.** efficient-shell 5.0.0

package/README.md

@@ -27,6 +27,8 @@ What a host adds, it hands over on the editor's session
 | chrome | `src/lib/editor-chrome.tsx` | The host's furniture round the editor, as components: a wrapper, panels, Pages-panel rows, its products and its row under a Link field. |
 | document hooks | `src/lib/editor-document-hooks.ts` | What the host does to a document as it opens and as an edit is stored. |
 | failure reader | `src/lib/web-backend.ts` (`provideHostFailures`) | How to read the host client's own errors. |
+| record types | `src/lib/content/record-types.ts` (`registerRecordTypes`) | What a dynamic page of this host may draw besides a product: a key, a label and the fields a block may read. Declared once, for the app and not for one mount. |
+| block sources | `src/lib/content/block-sources.ts` (`registerBlockSources`) | Where a block of this host may read its rows from instead of holding them: a key, a label, the blocks it fills and sample rows for the editor. The host's backend puts the rows in as a page is served. Declared once, for the app and not for one mount. |
 
 The storefront's are assembled in its `lib/storefront-editor.ts`.
 

package/dist/components/Countdown.d.ts

@@ -0,0 +1,9 @@
+export interface CountdownProps {
+    title?: string;
+    zeroText?: string;
+    endsAt?: string;
+    showUnits?: boolean;
+    editing?: boolean;
+}
+export declare function secondsLeft(endMs: number, nowMs: number): number;
+export default function Countdown({ title, zeroText, endsAt, showUnits, editing, }?: CountdownProps): import("react").JSX.Element | null;

package/dist/components/Countdown.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as o,Fragment as y}from"react/jsx-runtime";import{useEffect as M,useState as x}from"react";import f from"./PartStyledKind.js";import{renderGold as S,renderHeadline as D}from"./goldPhrases.js";import{PART_KIND_ATTR as u}from"../lib/puck/text-parts.js";import{TEXT_KIND_NAME as h,TEXT_KIND_VALUE as g}from"../lib/sections/section-text-kinds.js";const E=24*3600*1e3,T=[{key:"hours",label:"Hours"},{key:"minutes",label:"Minutes"},{key:"seconds",label:"Seconds"}];function I(t,n){return Math.max(0,Math.ceil((t-n)/1e3))}function z(t){const n=Date.parse((t??"").trim());return Number.isFinite(n)?n:null}const A=t=>String(t).padStart(2,"0");function j({title:t,zeroText:n,endsAt:v,showUnits:w=!0,editing:i=!1}={}){const N=z(v),[b]=x(()=>Date.now()+E),s=N??(i?b:null),[k,c]=x(()=>Date.now());if(M(()=>{if(s===null)return;c(Date.now());const a=window.setInterval(()=>c(Date.now()),1e3);return()=>window.clearInterval(a)},[s]),s===null)return null;const r=I(s,k),l=[Math.floor(r/3600),Math.floor(r%3600/60),r%60],m=(t??"").trim(),d=(n??"").trim(),_=`${l[0]} hours, ${l[1]} minutes and ${l[2]} seconds left`;return e("section",{className:"relative z-[2] bg-bg",role:"timer","aria-live":"off",children:o("div",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-col items-center gap-4 px-[var(--sf-site-gutter,40px)] py-12 text-center max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[m&&e("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:S(m)}),r===0?d&&e("p",{className:"font-heading3 text-[length:min(var(--size-headingSmall,32px),var(--sf-heading-max,9999px))] font-medium leading-tight text-fg",children:D(d,!1)}):o(y,{children:[e("span",{className:"sr-only",children:_}),e("div",{"aria-hidden":!0,className:"flex items-start gap-[clamp(8px,2vw,24px)]",children:T.map((a,p)=>o("div",{className:"contents",children:[p>0&&e("span",{className:"font-mono text-[length:clamp(32px,7vw,80px)] leading-none text-accent",children:":"}),o("div",{className:"flex min-w-0 flex-col items-center gap-2",children:[e(f,{kind:g,children:e("span",{"data-countdown-unit":a.key,...i?{[u]:g}:{},suppressHydrationWarning:!0,className:"font-mono text-[length:clamp(40px,8vw,96px)] font-medium leading-none tabular-nums text-fg",children:A(l[p])})}),w&&e(f,{kind:h,children:e("span",{...i?{[u]:h}:{},className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:a.label})})]})]},a.key))})]})]})})}export{j as default,I as secondsLeft};

package/dist/components/ImageFocusRow.js

@@ -1 +1 @@
-"use client";import{jsx as s,jsxs as a,Fragment as P}from"react/jsx-runtime";import{useRef as N,useState as F}from"react";import k from"./TextStyleRow.js";import{focalFromRect as D,formatFocal as $,nudgeFocal as C,parseFocal as R}from"../lib/image-focus.js";function j({label:c,value:t,onChange:l,image:i}){const[f,u]=F(!1),m=N(null),n=N(!1),{x:p,y:d}=R(t),g=(e,o)=>{const h=m.current?.getBoundingClientRect();if(!h)return;const y=D(h,e,o);l($(y.x,y.y))},b=e=>{const o=C(t,e.key,e.shiftKey);o!==null&&(e.preventDefault(),l(o))},x=e=>{e.currentTarget.setPointerCapture?.(e.pointerId),n.current=!0,g(e.clientX,e.clientY)},w=e=>{n.current&&g(e.clientX,e.clientY)},r=()=>{n.current=!1};return s(k,{styleKey:"imageFocal",label:c,value:t,sampleStyle:{fontSize:11,fontVariantNumeric:"tabular-nums"},open:f,onToggle:()=>u(e=>!e),children:f?s("div",{className:"sf-focus","data-sf-focusing":"",children:i?a(P,{children:[s("button",{type:"button",className:"sf-focus-canvas","aria-label":`${c}: ${t}. Use the arrow keys to move the point.`,onKeyDown:b,onPointerDown:x,onPointerMove:w,onPointerUp:r,onPointerCancel:r,onLostPointerCapture:r,children:a("span",{className:"sf-focus-pane",ref:m,children:[s("img",{className:"sf-focus-img",src:i,alt:"",draggable:!1}),s("span",{className:"sf-focus-cross sf-focus-cross--h",style:{top:`${d}%`}}),s("span",{className:"sf-focus-cross sf-focus-cross--v",style:{left:`${p}%`}}),s("span",{className:"sf-focus-marker",style:{left:`${p}%`,top:`${d}%`}})]})}),a("div",{className:"sf-focus-bar",children:[s("span",{className:"sf-focus-hint",children:"Press the picture, or nudge the point with the arrow keys."}),s("button",{type:"button",className:"sf-image-btn",onClick:()=>u(!1),children:"Done"})]})]}):s("p",{className:"es-field-hint sf-hint-keep",children:"Choose a background image first — there’s nothing to focus yet."})}):null})}export{j as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import{useState as l}from"react";import{Button as m,ImageFocusPoint as u}from"efficient-shell/ui";import c from"./TextStyleRow.js";function f({label:o,value:t,onChange:s,image:i}){const[n,a]=l(!1);return e(c,{styleKey:"imageFocal",label:o,value:t,sampleStyle:{fontSize:11,fontVariantNumeric:"tabular-nums"},open:n,onToggle:()=>a(r=>!r),children:n?e(u,{label:o,value:t,onChange:s,image:i,emptyText:"Choose a background image first — there’s nothing to focus yet.",actions:e(m,{variant:"secondary",size:"sm",onClick:()=>a(!1),children:"Done"})}):null})}export{f as default};

package/dist/components/PartStyledKind.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export default function PartStyledKind({ kind, children, }: {
+    kind: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PartStyledKind.js

@@ -0,0 +1 @@
+"use client";import{Fragment as i,jsx as e}from"react/jsx-runtime";import{usePublishedPartKindRule as s}from"./PublishedPartStylesContext.js";import{PART_STYLED_ATTR as a}from"../lib/puck/part-styles.js";function m({kind:n,children:r}){const t=s(n);return t?e("span",{[a]:t.stamp,children:r}):e(i,{children:r})}export{m as default};

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:"✓"})]})]})}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};
+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",Countdown:"countdown",Reviews:"reviews",SubmitBuild:"submitbuild",ReviewForm:"reviewform",Form:"form",AppointmentBooking:"appointmentbooking",ContactRouting:"contact",ContactLocations:"contactlocations",Header:"header",Footer:"footer",SectionHeader:"sectionheader",Grid:"grid",Flex:"blanksection",Spacer:"spacer",Divider:"divider",CustomHTML:"customhtml",Heading:"heading",Text:"text",ImageBlock:"image",ButtonBlock:"button",MenuBlock:"menu",EmailFormBlock:"emailform",SocialLogosBlock:"sociallogos",LegalLineBlock:"legalline",SearchBlock:"search",CartBlock:"cart",CountrySwitchBlock:"countryswitch"},o={position:"absolute",inset:0},t={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},s=(i,l,d=160)=>({background:`linear-gradient(${d}deg,${i},${l})`});function y({size:i,style:l}){const d=Math.max(2,Math.round(i*.13)),h=(f,w,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 q({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 R({children:i}){return e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:t.text,color:t.onInk},children:i})}const W={wheelslisting:e(a,{title:"All wheels",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20×9 +12","$365"],["Ridge 29","18×9 +20","$410"],["Ridge 39","17×8 −10","$455"]].map(([i,l,d])=>n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...s(t.paper,t.paper2,150)},children:e(y,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),e("b",{style:{flex:1,fontSize:"4.31cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:l}),e("b",{style:{fontSize:"4.31cqw",color:t.text,width:26,textAlign:"right"},children:d})]},i))})}),catalogfilterbar:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6×139.7","Black"].map(i=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:t.text,color:t.onInk,display:"flex",gap:4,alignItems:"center"},children:[i,e("span",{style:{opacity:.6},children:"✕"})]},i)),e("span",{style:{fontSize:"3.65cqw",color:t.rust,fontWeight:700},children:"Clear"})]}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"128 results"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted,border:`1px solid ${t.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price ▾"})]})]}),fitmentfinder:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...s(t.ink,t.inkSoft)},children:[e("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:t.onInk},children:"Will it fit your rig?"}),n("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(i=>n("span",{style:{flex:1,fontSize:"3.65cqw",color:t.text,background:t.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[i," ",e("span",{style:{color:t.muted},children:"▾"})]},i)),e("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:t.warm,color:t.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:e(a,{title:"Tyres that suit",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Ridge Grappler","$489"],["Trail Grappler","$525"],["Terra Grappler","$438"]].map(([i,l])=>n("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[e("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:t.ink},children:e("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${t.mark2}`,boxSizing:"border-box"}})}),e("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:t.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:i}),e("span",{style:{fontSize:"3.32cqw",color:t.muted},children:l})]},i))})}),tyresizes:e(a,{title:"Available sizes",children:e("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((i,l)=>e("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${l===0?t.rust:t.rule}`,color:l===0?t.rust:t.text,background:l===0?t.paper:t.card},children:i},i))})}),tyrefitment:n(a,{title:"Will it fit your car?",children:[e("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(i=>n("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:t.muted,background:t.paper,border:`1px solid ${t.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[i," ",e("span",{style:{color:t.muted},children:"▾"})]},i))}),e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([i,l,d])=>n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${t.rule}`,paddingTop:3},children:[e("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:t.text},children:i}),e("span",{style:{fontSize:"3.32cqw",fontWeight:d?700:400,letterSpacing:"0.06em",color:d?t.warm:t.muted},children:l})]},i))})]}),eutyrelabel:n("div",{style:{...o,background:t.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([i,l],d)=>n("div",{style:{display:"flex",alignItems:"center",gap:3},children:[e("span",{style:{width:l,height:6,borderRadius:"0 2px 2px 0",background:d===1?t.rust:t.mark1}}),e("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:d===1?t.rust:t.muted},children:i})]},i))}),n("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[e("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:t.text},children:"72"}),e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:t.muted},children:"dB"})]})]}),bundleoffer:n("div",{style:{...o,background:t.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e(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(R,{children:"SEND"})]})}),appointmentbooking:e(a,{title:"Book a fitting",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((i,l)=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:l===2?700:500,padding:"4px 0",borderRadius:3,background:l===2?t.text:t.paper,color:l===2?t.onInk:t.muted},children:i},i))}),e("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((i,l)=>e("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${l===1?t.rust:t.rule}`,color:l===1?t.rust:t.muted,background:l===3?t.paper:t.card,textDecoration:l===3?"line-through":"none"},children:i},i))})]})}),reviewform:e(a,{title:"Leave a review",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e(S,{filled:4,size:14}),e(b,{label:"Your review",filled:!0}),e(R,{children:"POST"})]})}),submitbuild:e(a,{title:"Show us your build",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${t.mark1}`,borderRadius:5,background:t.paper},children:[e("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:t.rust,fontWeight:300},children:"+"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"Drop a photo of your rig"})]})}),masthead:n("div",{style:{...o,background:t.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[e("span",{style:{height:1.5,background:t.text}}),e("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:t.text,lineHeight:1},children:"THE TRACK"}),n("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:t.muted},children:[e("span",{children:"Issue 14"}),e("span",{children:"Spring 2026"})]}),e("span",{style:{height:1,background:t.rule}})]}),featuredcover:n("div",{style:{...o,overflow:"hidden",...s(t.ink,t.inkSoft2)},children:[e(y,{size:92,style:{right:-18,top:-14}}),e("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${t.scrim},transparent 62%)`}}),n("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.warm},children:"FEATURE"}),e("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:t.onInk},children:"Four days on the Madigan Line"})]})]}),longread:n("div",{style:{...o,background:t.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:t.rust},children:"12 MIN READ"}),e("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:t.text},children:"What breaks first, and why"}),e(p,{children:"Every failure starts in the same place — not the rim, not"}),e(p,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:e(a,{title:"Recurring columns",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([i,l])=>n("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e("span",{style:{width:3,height:12,borderRadius:2,background:t.rust,flex:"none"}}),e("b",{style:{flex:1,fontSize:"4.64cqw",color:t.text},children:i}),e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:l})]},i))})}),events:e(a,{title:"Latest posts",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[t.inkSoft,t.inkSoft2,"Madigan Line, four days"],[t.rust,t.warm,"Why offset beats width"]].map(([i,l,d])=>n("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...s(i,l,150)}}),n("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[e("b",{style:{fontSize:"4.31cqw",color:t.text},children:d}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"4 Sep · Shed Notes"})]})]},d))})}),docmasthead:n("div",{style:{...o,background:t.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.muted},children:"POLICY"}),e("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:t.text,lineHeight:1.1},children:"Returns & refunds"}),e("span",{style:{fontSize:"3.65cqw",color:t.muted},children:"Version 3 · Updated 4 Sep 2026"}),e("span",{style:{height:2,width:26,background:t.rust,borderRadius:1}})]}),docbody:e("div",{style:{...o,background:t.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([i,l])=>n("div",{style:{display:"flex",gap:5},children:[e("b",{style:{fontSize:"3.98cqw",color:t.rust,flex:"none"},children:i}),e(p,{children:l})]},i))}),docmetacards:e(a,{title:"At a glance",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["30 days","To return"],["5 years","Structural"],["Free","Fitting"],["48 hrs","Dispatch"]].map(([i,l])=>n("div",{style:{border:`1px solid ${t.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[e("b",{style:{fontSize:"5.31cqw",color:t.text,lineHeight:1},children:i}),e("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:t.muted},children:l})]},l))})}),doctabs:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[e("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,padding:"5px 8px",color:l===0?t.text:t.muted,background:l===0?t.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${l===0?t.rule:"transparent"}`,borderBottom:"none"},children:i},i))}),e("span",{style:{height:1,background:t.rule}}),n("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[e(p,{children:"Unfitted wheels come back within 30 days, no questions."}),e(p,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:n("div",{style:{...o,background:t.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[e("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:t.text},children:"The right wheel is the boring one."}),n("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e(p,{children:"Forged, correctly offset, rated for what you actually"}),e(p,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:e(a,{title:"Key features",children:e("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:["Flow-formed barrel","1250 kg per corner","Hub-centric fit"].map(i=>n("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e("span",{style:{fontSize:"4.64cqw",color:t.rust,fontWeight:700,lineHeight:1},children:"✓"}),e("span",{style:{fontSize:"4.31cqw",color:t.text},children:i})]},i))})}),statsparagraph:n("div",{style:{...o,background:t.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[n("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[e(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"})}),countdown:n("div",{style:{...o,padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"center",gap:6,justifyContent:"center",...s(t.ink,t.ink2)},children:[e("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.16em",textTransform:"uppercase",color:t.muted},children:"Back online in"}),e("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[["23","Hours"],["59","Minutes"],["48","Seconds"]].map(([i,l],d)=>n("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[d>0&&e("b",{style:{fontSize:"9.5cqw",lineHeight:1,color:t.warm},children:":"}),n("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[e("b",{style:{fontSize:"11.5cqw",lineHeight:1,color:t.onInk,fontVariantNumeric:"tabular-nums"},children:i}),e("span",{style:{fontSize:"3.2cqw",letterSpacing:"0.1em",textTransform:"uppercase",opacity:.62,color:t.onInk},children:l})]})]},l))})]}),breadcrumb:e("div",{style:{...o,background:t.card,display:"flex",alignItems:"center",padding:"0 13px"},children:n("span",{style:{fontSize:"4.64cqw",color:t.muted},children:["Home ",e("span",{style:{opacity:.5},children:"/"})," Wheels ",e("span",{style:{opacity:.5},children:"/"})," ",e("span",{style:{color:t.text,fontWeight:700},children:"20 inch"})]})}),categorybar:n("div",{style:{...o,background:t.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[e("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((i,l)=>e("span",{style:{fontSize:"3.98cqw",fontWeight:l===0?700:500,padding:"4px 7px",borderRadius:99,background:l===0?t.text:t.paper,color:l===0?t.onInk:t.muted},children:i},i))}),e("span",{style:{height:1,background:t.rule}})]}),intro:n("div",{style:{...o,overflow:"hidden",background:t.card},children:[e("div",{style:{position:"absolute",inset:0,...s(t.ink,t.inkSoft2)}}),e(y,{size:64,style:{right:8,top:6}}),n("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:t.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${t.scrim}`},children:[e("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:t.text},children:"Since 1998"}),e(p,{children:"One shed, one lathe, one idea."}),e(p,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:e(a,{title:"From our customers",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[t.rust,t.warm],[t.inkSoft,t.ink],[t.paper2,t.mark2],[t.ink,t.inkSoft2],[t.warm,t.paper2],[t.mark2,t.inkSoft]].map(([i,l],d)=>e("div",{style:{borderRadius:3,...s(i,l,140+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(q,{over:"NEW · SUMMER",overTone:t.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:t.warm,ctaFg:t.ink,tone:t.onInk})}),e(y,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:n("div",{style:{...o,display:"flex",background:t.paper,overflow:"hidden"},children:[e("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:e(q,{over:"ALL-TERRAIN",overTone:t.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:t.text,ctaFg:t.onInk,tone:t.text})}),e("div",{style:{flex:1,position:"relative",...s(t.inkSoft,t.inkSoft2)},children:e(y,{size:74,style:{right:-14,top:16}})})]}),productgrid:e(a,{title:"Best sellers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[e(k,{name:"Ridge 19",price:"$365"}),e(k,{name:"Ridge 29",price:"$410"}),e(k,{name:"Ridge 39",price:"$455"})]})}),collections:e(a,{title:"Shop by category",children:e("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",t.inkSoft,t.inkSoft2],["Tyres",t.rust,t.warm],["Lift kits",t.ink,t.inkSoft]].map(([i,l,d])=>e("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:t.onInk,...s(l,d)},children:e("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:i})},i))})}),producthero:n("div",{style:{...o,display:"flex",background:t.card,overflow:"hidden"},children:[e("div",{style:{flex:1.1,position:"relative",...s(t.paper,t.paper2,150)},children:e(y,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[e("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t.rust},children:"NITTO"}),e("b",{style:{fontSize:"6.29cqw",color:t.text},children:"Ridge Grappler"}),e("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:t.text},children:"$489"}),e("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:t.text,color:t.onInk},children:"ADD TO CART"})]})]}),spectable:e(a,{title:"Specifications",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Diameter",v:'20"'}),e(g,{k:"Width",v:"9.0J"}),e(g,{k:"Offset",v:"+12"}),e(g,{k:"Load",v:"1250 kg"})]})}),fitmenttable:e(a,{title:"Will it fit?",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e(g,{k:"Hilux N80",v:"20×9 +12",ok:!0}),e(g,{k:"Ranger PX3",v:"20×9 +12",ok:!0}),e(g,{k:"LC79",v:"17×8 −10",ok:!0})]})}),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/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:"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};
+"use client";import{jsx as t,Fragment as l,jsxs as f}from"react/jsx-runtime";import{useEffect as b,useId as d,useState as h}from"react";import{SettingsField as w}from"efficient-easel/panel";import{usePreviewSocial as y}from"./PreviewSocialContext.js";import{SocialMark as L}from"./socialIcons.js";import{SOCIAL_PLATFORMS as v,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",telegram:"t.me/yourshop",line:"line.me/ti/p/~yourshop",wechat:"u.wechat.com/your-qr-code-link"};function E({platform:e}){const{rows:c,saveLink:n}=y(),{value:o,error:i}=c[e],[s,a]=h(o),[k,u]=h(!1),m=d(),p=d();b(()=>a(o),[o]);const g=async()=>{if(s.trim()===o){s!==o&&a(o);return}u(!0),await n(e,s),u(!1)},S=x[e];return f(l,{children:[t(w,{label:S,htmlFor:m,icon:t(L,{platform:e,iconStyle:"outline",size:18}),children:t("input",{id:m,type:"text",inputMode:"url",value:s,placeholder:A[e],onChange:r=>a(r.target.value),onBlur:()=>{g()},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?p:void 0,"aria-busy":k||void 0,autoComplete:"off",spellCheck:!1})}),i&&t("p",{id:p,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}):f(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."}),v.map(n=>t(E,{platform:n},n))]})}export{F as default};

package/dist/components/StorefrontLinkField.js

@@ -1 +1 @@
-"use client";import{jsx as f,jsxs as C}from"react/jsx-runtime";import{LinkPicker as M}from"efficient-easel/fields";import{SettingsField as D}from"efficient-easel/panel";import{LinkIcon as H}from"efficient-easel/icons";import{useEffect as R,useMemo as P,useRef as O,useState as p}from"react";import{getEditorToken as q}from"../lib/editor-auth.js";import{currentEditorSession as z}from"../lib/editor-session.js";import{backendOf as T}from"../lib/website-session.js";import{useStorefrontDocument as A}from"./StorefrontDocumentContext.js";import{pagePath as G}from"../lib/links/page-link-rules.js";import{linkPickerSetup as I}from"../lib/links/link-picker-setup.js";import{useEditorSession as J}from"../lib/editor-session-context.js";import{isSystemPageSlug as K}from"../lib/content/subscribe.js";function j(i){const o=new Map;return(n="")=>{const t=q(),s=o.get(n);if(!s||s.token===null&&t!==null){const l=t||!z().usesBridgedToken?i(t??"",n).catch(()=>[]):Promise.resolve([]);return o.set(n,{promise:l,token:t}),l}return s.promise}}const N=j(async(i,o)=>{const n=o?{siteId:o}:void 0,{pages:t}=T();return t.linkTargets?t.linkTargets(n):(await t.list(n)).map(s=>({id:s.id,slug:s.slug,label:s.label,layout:null}))}),Q=j(async(i,o)=>await T().blog?.posts(o?{siteId:o}:void 0)??[]);function U({value:i,onChange:o,label:n="Link",data:t,filters:s}){const l=P(()=>I(t,s),[t,s]);return f(D,{label:n,icon:f(H,{}),children:f(M,{value:i,onChange:r=>o(r),kinds:l.kinds,rules:l.rules,filtersFor:l.filtersFor,label:n})})}function V({value:i,onChange:o,label:n="Link"}){const t=typeof i=="string"?i:"",{siteId:s,capabilities:l}=A(),{offersCommerce:r,hasBlog:a}=l,[g,y]=p([]),[S,E]=p([]),[L,_]=p([]),[k,b]=p(null),h=J().chrome,v=h?.products?.list,m=h?.linkFilters,x=m?void 0:h?.linkRow,c=O(!0);R(()=>(c.current=!0,()=>{c.current=!1}),[]),R(()=>{let e=!0;return N(s??void 0).then(u=>e&&c.current&&y(u)),a&&Q(s??void 0).then(u=>e&&c.current&&E(u)),r&&v?.().then(u=>e&&c.current&&_(u)),r&&m?m.load(s).catch(()=>null).then(u=>e&&c.current&&b(()=>u)):b(null),()=>{e=!1}},[s,r,a,v,m]);const d=P(()=>({pages:g.filter(e=>!K(e.slug)).map(e=>({slug:e.slug,title:e.label,docs:[e.layout]})),posts:a?S.map(e=>({slug:e.slug,title:e.title})):[],products:r?L.map(e=>({href:e.href,name:e.name})):[],offers:{offersCommerce:r,offersService:a}}),[g,S,L,r,a]),w=P(()=>k?k(d.pages):null,[k,d]),B=d.pages.map(e=>G(e.slug)),F=r&&x&&(t==="/"||B.includes(t))?x:void 0;return C("div",{children:[f(U,{value:t,onChange:o,label:n,data:d,filters:w}),F&&f(F,{value:t,onChange:o,pages:g})]})}export{U as StorefrontLinkPicker,V as default,N as loadPages,Q as loadPosts};
+"use client";import{jsx as f,jsxs as C}from"react/jsx-runtime";import{SettingsField as M}from"efficient-easel/panel";import{LinkIcon as D}from"efficient-easel/icons";import{LinkPicker as H}from"efficient-shell/ui";import{useEffect as R,useMemo as P,useRef as O,useState as p}from"react";import{getEditorToken as q}from"../lib/editor-auth.js";import{currentEditorSession as z}from"../lib/editor-session.js";import{backendOf as T}from"../lib/website-session.js";import{useStorefrontDocument as A}from"./StorefrontDocumentContext.js";import{pagePath as G}from"../lib/links/page-link-rules.js";import{linkPickerSetup as I}from"../lib/links/link-picker-setup.js";import{useEditorSession as J}from"../lib/editor-session-context.js";import{isSystemPageSlug as K}from"../lib/content/subscribe.js";function j(i){const o=new Map;return(n="")=>{const t=q(),s=o.get(n);if(!s||s.token===null&&t!==null){const l=t||!z().usesBridgedToken?i(t??"",n).catch(()=>[]):Promise.resolve([]);return o.set(n,{promise:l,token:t}),l}return s.promise}}const N=j(async(i,o)=>{const n=o?{siteId:o}:void 0,{pages:t}=T();return t.linkTargets?t.linkTargets(n):(await t.list(n)).map(s=>({id:s.id,slug:s.slug,label:s.label,layout:null}))}),Q=j(async(i,o)=>await T().blog?.posts(o?{siteId:o}:void 0)??[]);function U({value:i,onChange:o,label:n="Link",data:t,filters:s}){const l=P(()=>I(t,s),[t,s]);return f(M,{label:n,icon:f(D,{}),children:f(H,{value:i,onChange:r=>o(r),kinds:l.kinds,rules:l.rules,filtersFor:l.filtersFor,label:n})})}function V({value:i,onChange:o,label:n="Link"}){const t=typeof i=="string"?i:"",{siteId:s,capabilities:l}=A(),{offersCommerce:r,hasBlog:a}=l,[g,y]=p([]),[S,E]=p([]),[L,_]=p([]),[k,b]=p(null),h=J().chrome,v=h?.products?.list,m=h?.linkFilters,x=m?void 0:h?.linkRow,c=O(!0);R(()=>(c.current=!0,()=>{c.current=!1}),[]),R(()=>{let e=!0;return N(s??void 0).then(u=>e&&c.current&&y(u)),a&&Q(s??void 0).then(u=>e&&c.current&&E(u)),r&&v?.().then(u=>e&&c.current&&_(u)),r&&m?m.load(s).catch(()=>null).then(u=>e&&c.current&&b(()=>u)):b(null),()=>{e=!1}},[s,r,a,v,m]);const d=P(()=>({pages:g.filter(e=>!K(e.slug)).map(e=>({slug:e.slug,title:e.label,docs:[e.layout]})),posts:a?S.map(e=>({slug:e.slug,title:e.title})):[],products:r?L.map(e=>({href:e.href,name:e.name})):[],offers:{offersCommerce:r,offersService:a}}),[g,S,L,r,a]),w=P(()=>k?k(d.pages):null,[k,d]),B=d.pages.map(e=>G(e.slug)),F=r&&x&&(t==="/"||B.includes(t))?x:void 0;return C("div",{children:[f(U,{value:t,onChange:o,label:n,data:d,filters:w}),F&&f(F,{value:t,onChange:o,pages:g})]})}export{U as StorefrontLinkPicker,V as default,N as loadPages,Q as loadPosts};

package/dist/components/socialIcons.js

@@ -1 +1 @@
-import{jsx as a}from"react/jsx-runtime";import{IconBrandFacebook as t,IconBrandFacebookFilled as d,IconBrandInstagram as l,IconBrandInstagramFilled as r,IconBrandLinkedin as s,IconBrandLinkedinFilled as c,IconBrandPinterest as I,IconBrandPinterestFilled as u,IconBrandTiktok as B,IconBrandTiktokFilled as k,IconBrandWhatsapp as p,IconBrandWhatsappFilled as F,IconBrandX as b,IconBrandXFilled as m,IconBrandYoutube as f,IconBrandYoutubeFilled as x}from"@tabler/icons-react";const T="outline",L={instagram:{outline:l,solid:r},facebook:{outline:t,solid:d},tiktok:{outline:B,solid:k},youtube:{outline:f,solid:x},x:{outline:b,solid:m},linkedin:{outline:s,solid:c},pinterest:{outline:I,solid:u},whatsapp:{outline:p,solid:F}};function _({platform:n,iconStyle:o,size:i}){const e=L[n][o];return a(e,{size:i,stroke:1.75,"aria-hidden":"true",focusable:"false"})}export{T as DEFAULT_SOCIAL_ICON_STYLE,_ as SocialMark};
+import{jsx as d}from"react/jsx-runtime";import{IconBrandFacebook as t,IconBrandFacebookFilled as c,IconBrandInstagram as r,IconBrandInstagramFilled as s,IconBrandLine as I,IconBrandLinkedin as u,IconBrandLinkedinFilled as B,IconBrandPinterest as p,IconBrandPinterestFilled as k,IconBrandTelegram as h,IconBrandTiktok as M,IconBrandTiktokFilled as F,IconBrandWechat as f,IconBrandWhatsapp as z,IconBrandWhatsappFilled as m,IconBrandX as S,IconBrandXFilled as b,IconBrandYoutube as j,IconBrandYoutubeFilled as E,createReactComponent as n}from"@tabler/icons-react";const v="outline",L={fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},T={},o={fillRule:"evenodd"},g=[["path",{...L,d:"M21 4L3 11L7 13L9 19L12 15L17 20z"}],["path",{...o,d:"M21 4L3 11L7 13L9 19L12 15L17 20zM15.212 8.939 10.576 13.576 11.424 14.424 16.061 9.788z"}]],A=[["path",{...L,d:["M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663","c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133","c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48","c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01z"].join("")}],["path",{...T,d:["M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663","c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133","c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48","c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01z"].join("")}]],W=[["path",{...L,d:["M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178","a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5z"].join("")}],["path",{...L,d:["M8.319 15.972L7.84 15.918L7.349 15.832L6.865 15.715L6.388 15.568L4 17L4 14.199","L3.559 13.775L3.197 13.356L2.877 12.91L2.603 12.439L2.376 11.946L2.201 11.433","L2.079 10.902L2.016 10.405L2.001 9.897L2.036 9.386L2.12 8.889L2.25 8.405L2.425 7.937","L2.642 7.486L2.9 7.055L3.195 6.645L3.459 6.333L3.744 6.037L4.05 5.757L4.377 5.495","L4.723 5.25L5.086 5.025L5.467 4.819L5.864 4.634L6.275 4.471L6.701 4.331L7.139 4.214","L7.589 4.122L8.05 4.055L8.521 4.014L9.352 4.007L9.815 4.04L10.269 4.098L10.713 4.181","L11.146 4.287L11.567 4.416L11.975 4.567L12.369 4.739L12.748 4.932L13.112 5.143","L13.459 5.374L13.788 5.622L14.172 5.956L14.458 6.241L14.722 6.542L14.965 6.856","L15.217 7.237A8.35 7.35 0 0 0 8.319 15.972z"].join("")}],["path",{...o,d:["M8.319 15.972L7.84 15.918L7.349 15.832L6.865 15.715L6.388 15.568L4 17L4 14.199","L3.559 13.775L3.197 13.356L2.877 12.91L2.603 12.439L2.376 11.946L2.201 11.433","L2.079 10.902L2.016 10.405L2.001 9.897L2.036 9.386L2.12 8.889L2.25 8.405L2.425 7.937","L2.642 7.486L2.9 7.055L3.195 6.645L3.459 6.333L3.744 6.037L4.05 5.757L4.377 5.495","L4.723 5.25L5.086 5.025L5.467 4.819L5.864 4.634L6.275 4.471L6.701 4.331L7.139 4.214","L7.589 4.122L8.05 4.055L8.521 4.014L9.352 4.007L9.815 4.04L10.269 4.098L10.713 4.181","L11.146 4.287L11.567 4.416L11.975 4.567L12.369 4.739L12.748 4.932L13.112 5.143","L13.459 5.374L13.788 5.622L14.172 5.956L14.458 6.241L14.722 6.542L14.965 6.856","L15.217 7.237A8.35 7.35 0 0 0 8.319 15.972zM5.25 7.9a0.85 0.85 0 1 0 1.7 0","a0.85 0.85 0 1 0 -1.7 0zM8.25 7.9a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0z"].join("")}],["path",{...o,d:["M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178","a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5z","M14.15 14a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0zM17.15 14","a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0z"].join("")}]],_=n("filled","brand-telegram-filled","BrandTelegramFilled",g),O=n("filled","brand-line-filled","BrandLineFilled",A),x=n("filled","brand-wechat-filled","BrandWechatFilled",W),C={instagram:{outline:r,solid:s},facebook:{outline:t,solid:c},tiktok:{outline:M,solid:F},youtube:{outline:j,solid:E},x:{outline:S,solid:b},linkedin:{outline:u,solid:B},pinterest:{outline:p,solid:k},whatsapp:{outline:z,solid:m},telegram:{outline:h,solid:_},line:{outline:I,solid:O},wechat:{outline:f,solid:x}};function w({platform:e,iconStyle:a,size:l}){const i=C[e][a];return d(i,{size:l,stroke:1.75,"aria-hidden":"true",focusable:"false"})}export{v as DEFAULT_SOCIAL_ICON_STYLE,w as SocialMark};