efficient-storefront-blocks 0.57.0 → 0.58.1

package/dist/render/components/submit/SubmitBox.d.ts

@@ -0,0 +1,19 @@
+import type { Form } from "../../lib/api/index.js";
+export declare const SUBMIT_REGIONS: readonly ["head", "form"];
+export type SubmitRegion = (typeof SUBMIT_REGIONS)[number];
+export declare const SUBMIT_REGION_NAMES: Record<SubmitRegion, string>;
+export interface SubmitBoxProps {
+    region?: string;
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    buttonText?: string;
+    consent?: string;
+    formSlug?: string;
+    form?: Form | null;
+    editing?: boolean;
+    styleField?: unknown;
+    styleTick?: unknown;
+    styleThanks?: unknown;
+}
+export default function SubmitBox({ region, eyebrow, title, body, buttonText, consent, formSlug, form: injectedForm, editing, ...kinds }: SubmitBoxProps): import("react").JSX.Element;

package/dist/render/components/submit/SubmitBox.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{useBoundForm as b,useFormSubmission as p}from"../formSubmission.js";import S from"efficient-web-builder/render/components/SectionHeader";import{SubmitFormColumn as h}from"./SubmitRegions.js";import{submitKindStyle as x}from"../../lib/submit/text-kinds.js";const E=["head","form"],M={head:"Head",form:"Form"};function y({region:m,eyebrow:n,title:i,body:u,buttonText:d,consent:f,formSlug:r,form:l,editing:t=!1,...c}){const o=b(r,l),a=p({form:o,formSlug:r,editing:t}),s=x(c);return m==="head"?e("div",{style:s,children:e(S,{look:"statement",num:n,title:i})}):e("div",{style:s,children:e(h,{body:u??"",buttonLabel:d??"",consent:f??"",form:o,submission:a,showForm:!!o||t,resolving:o===void 0,editing:t})})}export{E as SUBMIT_REGIONS,M as SUBMIT_REGION_NAMES,y as default};

package/dist/render/components/submit/SubmitRegions.d.ts

@@ -0,0 +1,17 @@
+import type { Form, FormField } from "../../lib/api/index.js";
+import { type useFormSubmission } from "../formSubmission.js";
+export declare function isFullWidth(field: FormField): boolean;
+export declare function SubmitHead({ eyebrow, title }: {
+    eyebrow: string;
+    title: string;
+}): import("react").JSX.Element;
+export declare function SubmitFormColumn({ body, buttonLabel, consent, form, submission, showForm, resolving, editing, }: {
+    body: string;
+    buttonLabel: string;
+    consent: string;
+    form: Form | null | undefined;
+    submission: ReturnType<typeof useFormSubmission>;
+    showForm: boolean;
+    resolving: boolean;
+    editing: boolean;
+}): import("react").JSX.Element;

package/dist/render/components/submit/SubmitRegions.js

@@ -0,0 +1 @@
+"use client";import{jsx as a,jsxs as l}from"react/jsx-runtime";import{FormFieldInput as d,FormHoneypot as f,successMessageFor as u}from"../formSubmission.js";import y from"efficient-web-builder/render/components/SectionEyebrow";import{renderGold as p,renderHeadline as v,splitParagraphs as b}from"efficient-web-builder/render/components/goldPhrases";import{say as x}from"efficient-web-builder/format/lib/editor-words";function k(n){return n.type==="textarea"||n.type==="select"||n.type==="checkbox"}function z({eyebrow:n,title:r}){return l("div",{className:"flex flex-col gap-4",children:[n&&a(y,{text:n,scaled:!1}),r&&a("h2",{className:"font-display text-[min(clamp(40px,5vw,72px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:v(r,!0)})]})}function w({body:n,buttonLabel:r,consent:s,form:c,submission:t,showForm:m,resolving:g,editing:h}){return l("div",{className:"flex flex-col gap-8",children:[n&&b(n).map((e,o)=>a("p",{className:"max-w-[480px] font-display text-[16px] leading-[1.6] text-fg-dim",children:p(e)},o)),m&&(c?t.done?a("p",{role:"status",className:"max-w-[480px] font-[family-name:var(--sb-thanks-font,var(--font-serif))] text-[length:var(--sb-thanks-size,17px)] italic leading-[1.6] text-fg-dim",children:u(c)}):l("form",{className:"grid grid-cols-2 gap-2",onSubmit:t.handleSubmit,children:[c.fields.map(e=>{const o=["border border-line bg-transparent px-4 py-4 font-[family-name:var(--sb-field-font,var(--font-mono))] text-[length:var(--sb-field-size,14px)] tracking-[0.1em] text-fg outline-none focus:border-accent",k(e)?"col-span-2":""].join(" ");return e.type==="checkbox"?l("label",{className:"col-span-2 flex items-start gap-3 font-[family-name:var(--sb-tick-font,var(--font-mono))] text-[length:var(--sb-tick-size,12px)] uppercase tracking-[0.18em] text-fg-dim",children:[a(d,{field:e,value:t.valueOf(e.key),onChange:i=>t.set(e.key,i),className:"mt-0.5 size-4 accent-accent"}),l("span",{children:[e.label,e.required?a("span",{className:"text-accent",children:" *"}):null]})]},e.key):a(d,{field:e,value:t.valueOf(e.key),onChange:i=>t.set(e.key,i),rows:4,placeholder:e.placeholder||e.label,className:e.type==="textarea"?`${o} resize-y`:o},e.key)}),a(f,{value:t.honeypot,onChange:t.setHoneypot}),t.error&&a("p",{role:"alert",className:"col-span-2 font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:t.error}),r&&a("button",{type:h?"button":"submit",disabled:t.submitting,className:"col-span-2 cursor-pointer bg-btn px-6 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:t.submitting?"Sending…":p(r)})]}):a("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:g?x("Loading form…"):x("Choose a form in the inspector, under Form — until then this form is hidden on the live page and nothing can be submitted.")})),m&&s&&a("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:p(s)})]})}export{w as SubmitFormColumn,z as SubmitHead,k as isFullWidth};

package/dist/render/components/useEuTyreLabels.d.ts

@@ -0,0 +1,3 @@
+import { type EuTyreLabel } from "../lib/tyres/eu-tyre-label.js";
+import type { TyreVariant } from "../lib/api/index.js";
+export declare function useEuTyreLabels(variants: TyreVariant[]): EuTyreLabel[];

package/dist/render/components/useEuTyreLabels.js

@@ -0,0 +1 @@
+"use client";import{useEffect as u,useState as n}from"react";import{loadEuTyreLabels as i}from"../lib/tyres/eu-tyre-label.js";function m(t){const[r,s]=n([]),l=t.map(e=>e.eprelRegistrationNumber??"").join(",");return u(()=>{let e=!0;return i(t).then(o=>{e&&s(o)}),()=>{e=!1}},[l]),r}export{m as useEuTyreLabels};

package/dist/render/components/useFinishSelection.d.ts

@@ -0,0 +1,17 @@
+export interface FinishSwatch {
+    name: string;
+    color: string;
+    src: string;
+}
+export interface FinishSelection {
+    selectedIdx: number;
+    setSelectedIdx: (i: number) => void;
+    hoverIdx: number | null;
+    setHoverIdx: (i: number | null) => void;
+    availability: boolean[];
+    finish: FinishSwatch | undefined;
+    shownSrc: string | null;
+    showSwatches: boolean;
+    probes: React.ReactNode;
+}
+export declare function useFinishSelection(finishes: FinishSwatch[], cover: string | null, defaultFinish?: string): FinishSelection;

package/dist/render/components/useFinishSelection.js

@@ -0,0 +1 @@
+"use client";import{jsx as h}from"react/jsx-runtime";import S from"next/image";import{useEffect as w,useMemo as y,useState as i}from"react";function A(s,x,d){const[n,o]=i(()=>{const e=d?s.findIndex(t=>t.name===d):-1;return e>=0?e:0}),[l,a]=i(null),[c,I]=i(()=>s.map(()=>!0)),g=e=>{I(t=>{if(t[e]===!1)return t;const f=[...t];return f[e]=!1,f})},r=y(()=>c.map((e,t)=>e?t:-1).filter(e=>e!==-1),[c]);w(()=>{if(r.length===0){n!==-1&&o(-1),l!==null&&a(null);return}n>=0&&!r.includes(n)&&o(r[0]),l!==null&&!r.includes(l)&&a(null)},[r,n,l]);const u=l??n,m=u>=0?s[u]:void 0,p=m?.src??x,b=r.length>=2,v=s.length>0?h("div",{className:"hidden","aria-hidden":!0,children:s.map((e,t)=>h(S,{src:e.src,alt:"",width:16,height:16,loading:"eager",onError:()=>g(t)},e.src))}):null;return{selectedIdx:n,setSelectedIdx:o,hoverIdx:l,setHoverIdx:a,availability:c,finish:m,shownSrc:p,showSwatches:b,probes:v}}export{A as useFinishSelection};

package/dist/render/components/useHeaderBar.d.ts

@@ -0,0 +1,9 @@
+export type HeaderStickyMode = "none" | "always" | "on_scroll_up";
+export declare function useHeaderBar({ stickyMode, heightPx }: {
+    stickyMode: HeaderStickyMode;
+    heightPx: number;
+}): {
+    headerRef: import("react").RefObject<HTMLElement | null>;
+    scrolled: boolean;
+    navHidden: boolean;
+};

package/dist/render/components/useHeaderBar.js

@@ -0,0 +1 @@
+"use client";import{useEffect as u,useRef as w,useState as m}from"react";import{HEADER_DRAWN_HEIGHT_VAR as p,HEADER_SET_HEIGHT_VAR as R}from"efficient-web-builder/render/lib/puck/header-clearance";function A({stickyMode:o,heightPx:i}){const c=w(null),[E,b]=m(!1),[v,f]=m(!1);return u(()=>{const e=c.current?.ownerDocument?.defaultView??window,s=i;let n=e.scrollY;function l(){const t=e.scrollY;b(t>10),o==="on_scroll_up"&&(t<=s?f(!1):t>n+4?f(!0):t<n-4&&f(!1)),n=t}return l(),e.addEventListener("scroll",l,{passive:!0}),()=>e.removeEventListener("scroll",l)},[o,i]),u(()=>{o!=="on_scroll_up"&&f(!1)},[o]),u(()=>{const e=c.current?.ownerDocument?.documentElement;e&&e.style.setProperty(R,`${i}px`)},[i]),u(()=>{const e=c.current,s=e?.ownerDocument,n=s?.defaultView;if(!e||!s||!n)return;let l="";const t=a=>{const r=`${Math.round(a)}px`;r!==l&&(l=r,s.documentElement.style.setProperty(p,r),s.body?.style.setProperty(p,r))};if(typeof n.ResizeObserver!="function"){t(e.getBoundingClientRect().height);return}const d=new n.ResizeObserver(a=>{const r=a[0]?.borderBoxSize?.[0];t(r?r.blockSize:e.getBoundingClientRect().height)});return d.observe(e),()=>d.disconnect()},[]),u(()=>{const e=c.current?.ownerDocument?.documentElement;e&&e.setAttribute("data-header-sticky",o)},[o]),{headerRef:c,scrolled:E,navHidden:v}}export{A as useHeaderBar};

package/dist/render/components/useLightbox.d.ts

@@ -0,0 +1,10 @@
+export interface LightboxItem {
+    src: string;
+    alt: string;
+}
+export interface Lightbox {
+    item: LightboxItem | null;
+    open: (src: string, alt: string) => void;
+    close: () => void;
+}
+export declare function useLightbox(): Lightbox;

package/dist/render/components/useLightbox.js

@@ -0,0 +1 @@
+"use client";import{useState as u}from"react";function s(){const[t,e]=u(null);return{item:t,open:(n,o)=>e({src:n,alt:o}),close:()=>e(null)}}export{s as useLightbox};

package/dist/render/components/useModalDismiss.d.ts

@@ -0,0 +1,8 @@
+import { type RefObject } from "react";
+export declare function useModalDismiss({ active, onDismiss, focusRef, lockScroll, scopeRef, }: {
+    active: boolean;
+    onDismiss: () => void;
+    focusRef?: RefObject<HTMLElement | null>;
+    lockScroll?: boolean;
+    scopeRef?: RefObject<HTMLElement | null>;
+}): void;

package/dist/render/components/useModalDismiss.js

@@ -0,0 +1 @@
+"use client";import{useEffect as o}from"react";function l({active:e,onDismiss:d,focusRef:m,lockScroll:c=!0,scopeRef:r}){o(()=>{if(!e)return;const t=r?.current?.ownerDocument??document,n=u=>{u.key==="Escape"&&d()};return t.addEventListener("keydown",n),()=>t.removeEventListener("keydown",n)},[e,d,r]),o(()=>{if(!e||!c)return;const t=(r?.current?.ownerDocument??document).body,n=t.style.overflow;return t.style.overflow="hidden",()=>{t.style.overflow=n}},[e,c,r]),o(()=>{if(!e)return;const t=(r?.current?.ownerDocument??document).documentElement,n=u=>{const i=Number(t.getAttribute(s)||0)+u;i>0?t.setAttribute(s,String(i)):t.removeAttribute(s)};return n(1),()=>n(-1)},[e,r]),o(()=>{e&&m?.current?.focus()},[e,m])}const s="data-sf-overlay";export{l as useModalDismiss};

package/dist/render/components/useNewsletterSignup.d.ts

@@ -0,0 +1,12 @@
+import { type NewsletterSignupFields, type NewsletterSource } from "../lib/newsletter-signup.js";
+export type NewsletterSignupStatus = "idle" | "sending" | "sent" | "error" | "invalid";
+export interface NewsletterSignup {
+    status: NewsletterSignupStatus;
+    error: unknown;
+    submit: (fields: NewsletterSignupFields) => Promise<void>;
+    reset: () => void;
+}
+export declare function useNewsletterSignup({ source, dryRun, }: {
+    source: NewsletterSource;
+    dryRun?: boolean;
+}): NewsletterSignup;

package/dist/render/components/useNewsletterSignup.js

@@ -0,0 +1 @@
+"use client";import{useCallback as u,useRef as p,useState as l}from"react";import{products as d}from"../lib/api/index.js";import{isValidEmail as b}from"../lib/email-shape.js";import{newsletterSubscribeBody as S}from"../lib/newsletter-signup.js";function N({source:s,dryRun:n=!1}){const[o,e]=l("idle"),[a,t]=l(null),r=p(!1),c=u(()=>{r.current=!1,t(null),e("idle")},[]),f=u(async i=>{if(!r.current){if(!b(i.email)){e("invalid");return}r.current=!0,t(null),e("sending");try{n||await d.createNewsletterSubscription(S(i,s))}catch(m){r.current=!1,t(m),e("error");return}r.current=!1,e("sent")}},[s,n]);return{status:o,error:a,submit:f,reset:c}}export{N as useNewsletterSignup};

package/dist/render/components/usePreOrderIntent.d.ts

@@ -0,0 +1,14 @@
+import { type PreOrderSize } from "../lib/wheels/pre-order-intent.js";
+export type PreOrderStatus = "idle" | "sending" | "sent" | "error" | "invalid";
+export interface PreOrderIntentInput {
+    productSlug: string;
+    size: PreOrderSize;
+    email: string;
+    dryRun?: boolean;
+}
+export interface PreOrderIntentSignup {
+    status: PreOrderStatus;
+    submit: (input: PreOrderIntentInput) => Promise<void>;
+    reset: () => void;
+}
+export declare function usePreOrderIntent(): PreOrderIntentSignup;

package/dist/render/components/usePreOrderIntent.js

@@ -0,0 +1 @@
+"use client";import{useCallback as n,useRef as f,useState as l}from"react";import{products as d}from"../lib/api/index.js";import{isValidEmail as m}from"../lib/email-shape.js";import{preOrderIntentBody as p}from"../lib/wheels/pre-order-intent.js";function g(){const[s,r]=l("idle"),e=f(!1),u=n(()=>{e.current=!1,r("idle")},[]),i=n(async({productSlug:a,size:c,email:t,dryRun:o=!1})=>{if(!e.current){if(!m(t)){r("invalid");return}e.current=!0,r("sending");try{o||await d.createPreOrderIntent(p(a,c,t))}catch{e.current=!1,r("error");return}e.current=!1,r("sent")}},[]);return{status:s,submit:i,reset:u}}export{g as usePreOrderIntent};

package/dist/render/components/useProductCatalog.d.ts

@@ -0,0 +1,54 @@
+import { type ProductSummary, type WheelSummary } from "../lib/api/index.js";
+export declare const loadUnifiedProductCatalog: (force?: boolean) => Promise<(({
+    name: string;
+    slug: string;
+    designCode?: string;
+    process: import("../lib/api/types.js").components["schemas"]["Process"];
+    categories?: string[];
+    brand?: string;
+    brandLogo?: string | null;
+    sizes: number[];
+    sizePairs?: import("../lib/api/types.js").components["schemas"]["SizePair"][];
+    setWheelCount?: number;
+    handed?: boolean;
+    prices: import("../lib/api/types.js").components["schemas"]["Prices"];
+    msrpPrices: import("../lib/api/types.js").components["schemas"]["MsrpPrices"];
+    spokes: number;
+    mesh: boolean;
+    badge: import("../lib/api/types.js").components["schemas"]["Badge"];
+    inStock?: boolean;
+    finishes: import("../lib/api/types.js").components["schemas"]["Finish"][];
+    spec: import("../lib/api/types.js").components["schemas"]["WheelSpec"] | null;
+    coverImage: string | null;
+    defaultFinish?: string | null;
+    defaultFinishRenderings?: string[];
+    description: string;
+    listable?: boolean;
+} & {
+    kind: "alloy-wheel";
+} & {
+    kind: "alloy-wheel";
+}) | ({
+    name: string;
+    slug: string;
+    brand: string;
+    brandLogo?: string | null;
+    designCode: string;
+    description: string;
+    coverImage: string | null;
+    sizes: string[];
+    rimDiameters: number[];
+    variantCount: number;
+    prices: import("../lib/api/types.js").components["schemas"]["CompatibleTyrePrices"];
+    inStock: boolean;
+    treadPattern: string;
+    tyreTypes: string[];
+    speedRatings: string[];
+} & {
+    kind: "tyre";
+} & {
+    kind: "tyre";
+}))[]>;
+export declare const loadProductCatalog: (force?: boolean) => Promise<WheelSummary[]>;
+export declare function useProductCatalog(): WheelSummary[] | null;
+export declare function useUnifiedProductCatalog(enabled?: boolean): ProductSummary[] | null;

package/dist/render/components/useProductCatalog.js

@@ -0,0 +1 @@
+"use client";import{useEffect as s,useState as f}from"react";import{storefrontAdmin as a}from"../lib/api/index.js";import{getEditorSiteId as c}from"efficient-web-builder/render/lib/editor-site";import{makeSessionLoader as d}from"efficient-web-builder/render/lib/editor-session-loader";const n=d({fetch:(t,e)=>a.listProducts(t,{siteId:e,kinds:["alloy-wheel","tyre"]}),keyBy:c}),m=(t=!1)=>n(t).then(e=>e.filter(o=>o.kind==="alloy-wheel"));function u(t,e=!0){const[o,i]=f(null);return s(()=>{if(!e)return;let r=!1;return t().then(l=>{r||i(l)}),()=>{r=!0}},[t,e]),e?o:null}function C(){return u(m)}function P(t=!0){return u(n,t)}export{m as loadProductCatalog,n as loadUnifiedProductCatalog,C as useProductCatalog,P as useUnifiedProductCatalog};

package/dist/render/components/useProductSelection.d.ts

@@ -0,0 +1,39 @@
+import { type VehicleFit } from "./fitment/useVehicleFit.js";
+import { type OptionFact, type OptionRow } from "../lib/catalog/product-options.js";
+import { type PurchaseOffer } from "../lib/catalog/purchase.js";
+import type { StorePart, StoreProduct } from "../lib/catalog/store-product.js";
+import type { PurchaseChoice } from "../lib/commerce.js";
+import type { Currency } from "../lib/api/index.js";
+import { type SelectionPriceDisplay } from "../lib/wheels/price-display.js";
+export interface ProductSelection {
+    picked: Record<string, string>;
+    shown: Record<string, string>;
+    pick: (key: string, value: string) => void;
+    qty: number;
+    setQty: (n: number) => void;
+    choice: PurchaseChoice;
+    setChoice: (fn: (c: PurchaseChoice) => PurchaseChoice) => void;
+    angleIdx: number;
+    setAngleIdx: (i: number) => void;
+    showValidation: boolean;
+    setShowValidation: (b: boolean) => void;
+    manualMode: boolean;
+    setManualMode: (fn: (m: boolean) => boolean) => void;
+    vehicle: VehicleFit;
+    fitmentSet: boolean;
+    rows: OptionRow[];
+    facts: OptionFact[];
+    part: StorePart | null;
+    outOfStock: boolean;
+    offer: PurchaseOffer;
+    preOrder: boolean;
+    canAddToCart: boolean;
+    currency: Currency;
+    price: SelectionPriceDisplay;
+    unit: number;
+    set: number;
+    msrpLabel: string | null;
+}
+export declare function useProductSelection(product: StoreProduct, { editing, }?: {
+    editing?: boolean;
+}): ProductSelection;

package/dist/render/components/useProductSelection.js

@@ -0,0 +1 @@
+"use client";import{useEffect as _,useState as c}from"react";import{useCurrency as j}from"./CurrencyContext.js";import{useVehicleFit as D}from"./fitment/useVehicleFit.js";import{askableOptions as G,resolvePart as H,shownOptions as N,staleOptions as R,statedOptions as z}from"../lib/catalog/product-options.js";import{wheelForVehicle as B}from"../lib/catalog/from-wheel.js";import{DEFAULT_PURCHASE_STATE as y,purchaseOffer as J,vehicleGate as K}from"../lib/catalog/purchase.js";import{formatSelectionWasPrice as X,resolveSelectionPrice as Y}from"../lib/wheels/price-display.js";import{isPreOrderWheel as Z}from"../lib/wheels/pre-order.js";function ae(t,{editing:P=!1}={}){const[o,d]=c({}),[l,v]=c(y.qty),[h,A]=c(y.choice),[O,T]=c(0),[x,C]=c(!1),[a,E]=c(!1),p=D({editing:P,autoApply:!0}),s=B(t,a?null:p.fit),S=G(s,o),M=z(s,o),V=N(s,o),e=H(s,o),q=e!=null&&!e.inStock,f=R(s,o).join("|");_(()=>{if(!f)return;const r=new Set(f.split("|"));d(m=>{const i={...m};for(const W of r)delete i[W];return i})},[f]);const{currency:u}=j(),k=J(s,e,{choice:h,qty:l}),n=Y({prices:t.anchorPrices,msrpPrices:t.anchorMsrpPrices},e?{components:k.components}:null,u,l),F=n.unit??0,Q=n.setTotal??0,b=X(n,u),w=a||p.appliedName!=="",g=K(t)==="required"?w:!0,I=S.every(r=>r.chosen!==null)&&g&&e!=null&&e.inStock&&n.priced,L=Z({variants:t.parts,inStock:t.inStock,priced:n.priced});function U(r,m){d(i=>({...i,[r]:m}))}return{picked:o,shown:V,pick:U,qty:l,setQty:v,choice:h,setChoice:A,angleIdx:O,setAngleIdx:T,showValidation:x,setShowValidation:C,manualMode:a,setManualMode:E,vehicle:p,fitmentSet:w,rows:S,facts:M,part:e,outOfStock:q,offer:k,preOrder:L,canAddToCart:I,currency:u,price:n,unit:F,set:Q,msrpLabel:b}}export{ae as useProductSelection};

package/dist/render/components/useStockAlertSignup.d.ts

@@ -0,0 +1,14 @@
+export type StockAlertStatus = "idle" | "sending" | "sent" | "error" | "invalid";
+export interface StockAlertSignupInput {
+    partNumbers: string[];
+    email: string;
+    productSlug: string;
+    subscribeToOffers?: boolean;
+    dryRun?: boolean;
+}
+export interface StockAlertSignup {
+    status: StockAlertStatus;
+    submit: (input: StockAlertSignupInput) => Promise<void>;
+    reset: () => void;
+}
+export declare function useStockAlertSignup(): StockAlertSignup;

package/dist/render/components/useStockAlertSignup.js

@@ -0,0 +1 @@
+"use client";import{useCallback as i,useRef as S,useState as d}from"react";import{products as c}from"../lib/api/index.js";import{isValidEmail as E}from"../lib/email-shape.js";import{NEWSLETTER_SOURCE as b}from"../lib/newsletter-signup.js";function N(){const[n,t]=d("idle"),e=S(!1),a=i(()=>{e.current=!1,t("idle")},[]),o=i(async({partNumbers:u,email:l,productSlug:f,subscribeToOffers:m=!1,dryRun:s=!1})=>{if(e.current)return;const r=l.trim();if(!E(r)){t("invalid");return}e.current=!0,t("sending");try{if(!s)for(const p of u)await c.createStockAlert({partNumber:p,email:r,productSlug:f})}catch{e.current=!1,t("error");return}if(m&&!s)try{await c.createNewsletterSubscription({email:r,source:b.stockAlertOptIn})}catch{}e.current=!1,t("sent")},[]);return{status:n,submit:o,reset:a}}export{N as useStockAlertSignup};

package/dist/render/components/useStorefrontReviews.d.ts

@@ -0,0 +1,2 @@
+import { type Review } from "../lib/api/index.js";
+export declare function useStorefrontReviews(limit?: number, designCode?: string): Review[] | null;

package/dist/render/components/useStorefrontReviews.js

@@ -0,0 +1 @@
+"use client";import{useEffect as f,useState as l}from"react";import{products as o}from"../lib/api/index.js";function p(e,t){const[u,r]=l(null);return f(()=>{let s=!1;return r(null),o.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(n=>{s||r(n)}),()=>{s=!0}},[e,t]),u}export{p as useStorefrontReviews};

package/dist/render/components/useTyreCatalog.d.ts

@@ -0,0 +1,2 @@
+import { type TyreSummary } from "../lib/api/index.js";
+export declare function useTyreCatalog(needed: boolean): ReadonlyMap<string, TyreSummary>;

package/dist/render/components/useTyreCatalog.js

@@ -0,0 +1 @@
+"use client";import{useEffect as o,useState as u}from"react";import{products as s}from"../lib/api/index.js";const c=new Map;function p(a){const[e,n]=u(null);return o(()=>{if(!a||e)return;let l=!0;return s.listCatalog(["tyre"]).then(t=>{l&&n(new Map(t.flatMap(r=>r.kind==="tyre"?[[r.slug,r]]:[])))}).catch(t=>{console.error("[useTyreCatalog] tyre catalog read failed",t)}),()=>{l=!1}},[a,e]),e??c}export{p as useTyreCatalog};

package/dist/render/components/useTyreDetail.d.ts

@@ -0,0 +1,6 @@
+import { type Tyre } from "../lib/api/index.js";
+export type TyreDetailState = "idle" | "loading" | "ready" | "error";
+export declare function useTyreDetail(slug: string | null, enabled: boolean): {
+    state: TyreDetailState;
+    tyre: Tyre | null;
+};

package/dist/render/components/useTyreDetail.js

@@ -0,0 +1 @@
+"use client";import{useEffect as u,useState as a}from"react";import{products as d}from"../lib/api/index.js";const o=new Map;function h(e){const t=o.get(e);if(t)return t;const c=d.getTyre(e).catch(r=>{throw o.delete(e),r});return o.set(e,c),c}function p(e,t){const[c,r]=a("idle"),[i,f]=a(null);return u(()=>{if(!t||!e)return;let n=!1;return r("loading"),h(e).then(s=>{n||(f(s),r("ready"))}).catch(()=>{n||r("error")}),()=>{n=!0}},[e,t]),{state:c,tyre:i}}export{p as useTyreDetail};

package/dist/render/components/useTyreFitAnswer.d.ts

@@ -0,0 +1,5 @@
+import { type TyreFitAnswer, type TyreFitVehicleQuery } from "../lib/tyres/tyre-vehicle-fitment.js";
+export declare function useTyreFitAnswer(slug: string, vehicle: TyreFitVehicleQuery | null): {
+    answer: TyreFitAnswer | null;
+    loading: boolean;
+};

package/dist/render/components/useTyreFitAnswer.js

@@ -0,0 +1 @@
+"use client";import{useEffect as k,useState as m}from"react";import{loadTyreVehicleFitment as p}from"../lib/tyres/tyre-vehicle-fitment.js";function T(i,e){const[d,o]=m(null),[y,r]=m(!1),s=e?.make??"",l=e?.model??"",t=e?.year??null,a=e?.modification??"",u=e!==null;return k(()=>{if(!u||t===null){o(null),r(!1);return}let f=!0;return o(null),r(!0),p(i,{make:s,model:l,year:t,modification:a}).then(c=>{if(!f)return;const n=c.vehicle;n.make!==s||n.model!==l||n.year!==t||n.modification!==a||(o(c),r(!1))}),()=>{f=!1}},[i,s,l,t,a,u]),{answer:d,loading:y}}export{T as useTyreFitAnswer};

package/dist/render/components/useWheelDetail.d.ts

@@ -0,0 +1,6 @@
+import { type Wheel } from "../lib/api/index.js";
+export type WheelDetailState = "idle" | "loading" | "ready" | "error";
+export declare function useWheelDetail(slug: string, enabled: boolean): {
+    state: WheelDetailState;
+    wheel: Wheel | null;
+};

package/dist/render/components/useWheelDetail.js

@@ -0,0 +1 @@
+"use client";import{useEffect as h,useState as a}from"react";import{products as s}from"../lib/api/index.js";const o=new Map;function u(e){const t=o.get(e);if(t)return t;const c=s.getWheel(e).catch(r=>{throw o.delete(e),r});return o.set(e,c),c}function m(e,t){const[c,r]=a("idle"),[i,l]=a(null);return h(()=>{if(!t)return;let n=!1;return r("loading"),u(e).then(f=>{n||(l(f),r("ready"))}).catch(()=>{n||r("error")}),()=>{n=!0}},[e,t]),{state:c,wheel:i}}export{m as useWheelDetail};

package/dist/render/components/wheels-plp/AlloyWheelsListing.d.ts

@@ -0,0 +1,42 @@
+import { type CardImageBackground } from "efficient-web-builder/format/lib/content/card-image-background";
+import { type CardIndexFormat, type CardOutline } from "efficient-web-builder/format/lib/sections/product-card-style";
+import { type FieldUsageAnswer } from "../../lib/content/field-usage.js";
+import type { ProductSummary, WheelSummary } from "../../lib/api/index.js";
+import { type PlpColumns } from "../../lib/wheels/plp-grid.js";
+import { type PlpFacetKey, type PlpSortKey } from "../../lib/wheels/plp-filters.js";
+export interface AlloyWheelsListingProps {
+    titleLevel?: number;
+    heading?: string;
+    intro?: string;
+    askForCar?: boolean;
+    gateHeading?: string;
+    gateIntro?: string;
+    perPage?: number;
+    columns?: PlpColumns;
+    defaultSort?: PlpSortKey;
+    hiddenFacets?: PlpFacetKey[];
+    fieldUsage?: readonly FieldUsageAnswer[];
+    showPrice?: boolean;
+    showInStock?: boolean;
+    kinds?: string[];
+    products?: ProductSummary[];
+    wheels?: WheelSummary[];
+    editing?: boolean;
+    coverIndex?: number;
+    cardImage?: number | null;
+    spinOnHover?: boolean;
+    imageBackground?: CardImageBackground;
+    showBadge?: boolean;
+    showCardSizes?: boolean;
+    showCardBuy?: boolean;
+    showCardPage?: boolean;
+    showCardPrice?: boolean;
+    showCardFinishes?: boolean;
+    outline?: CardOutline;
+    indexBadge?: CardIndexFormat;
+}
+export declare const PLP_GATE_DEFAULTS: {
+    readonly heading: "Let's find wheels that fit your car.";
+    readonly intro: "Tell us what you drive and we'll show you every set that bolts straight on — bolt pattern, offset and hub bore checked for you.";
+};
+export default function AlloyWheelsListing({ heading, intro, askForCar, gateHeading, gateIntro, perPage, columns, defaultSort, hiddenFacets, fieldUsage, showPrice, showInStock, kinds, products, wheels, editing, coverIndex, cardImage, spinOnHover, imageBackground, showBadge, showCardSizes, showCardBuy, showCardPage, showCardPrice, showCardFinishes, outline, indexBadge, titleLevel, }: AlloyWheelsListingProps): import("react").JSX.Element | null;

package/dist/render/components/wheels-plp/AlloyWheelsListing.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as s,Fragment as se}from"react/jsx-runtime";import{LISTING_CARD_SHOW as B}from"../../lib/sections/card-show-defaults.js";import{useCallback as d,useEffect as Je,useId as Qe,useMemo as l,useRef as Ze,useState as et}from"react";import{CARD_IMAGE_BG_OFF as tt,resolveCardImageBackground as ot}from"efficient-web-builder/format/lib/content/card-image-background";import{cardImageShapeTokens as rt}from"efficient-web-builder/format/lib/content/card-image-shape";import{cardIndexCss as nt,DEFAULT_CARD_INDEX_FORMAT as st,DEFAULT_CARD_OUTLINE as it}from"efficient-web-builder/format/lib/sections/product-card-style";import{answersForKind as ie}from"../../lib/content/field-usage.js";import{useCurrency as lt}from"../CurrencyContext.js";import at from"../NoCurrencyNote.js";import{usePreviewDevice as ct}from"efficient-easel/screen/components/PreviewDeviceContext";import{renderGold as pt,renderHeadline as dt}from"efficient-web-builder/render/components/goldPhrases";import{useUnifiedProductCatalog as mt}from"../useProductCatalog.js";import{scrollBehavior as ht}from"efficient-web-builder/render/components/useReducedMotion";import{normalizePlpColumns as ut,PLP_GRID_GAP_VAR as ft,plpGridVars as gt}from"../../lib/wheels/plp-grid.js";import{plpCardImageSizes as yt}from"../../lib/sections/card-image-sizes.js";import{CARD_ROWS_GRID_CLASS as xt,cardRowsGridStyle as St}from"../WheelCardFrame.js";import{applyPlpFilters as wt,asPlpSortKey as bt,buildPlpFacets as Ct,buildPlpTypeOptions as Nt,buildTyreSizeBoxes as vt,EMPTY_PLP_FILTERS as le,hasActivePlpFilters as Pt,paginatePlp as kt,pickTyreSize as _t,plpTyreSizeBoxesShown as Tt,plpInStockCount as At,plpOpeningSort as zt,plpPriceBounds as Ft,plpShownKinds as It,plpSortKeysFor as Ot,PLP_SORT_LABELS as Bt}from"../../lib/wheels/plp-filters.js";import{itemKind as z,itemSlug as L,itemTyreSizes as Lt,plpBrandVaries as Vt,plpProcessVaries as Rt,plpItemsOfKinds as Et,plpKindNoun as V,resolvePlpKinds as Dt}from"../../lib/catalog/plp-item.js";import{plpGateWords as Kt,plpVehicleCopy as jt}from"../../lib/catalog/plp-vehicle-copy.js";import{oemBadgeSize as Gt,oemTyreSizes as Mt}from"../../lib/tyres/tyre-vehicle-fitment.js";import $t from"../TyreSummaryCard.js";import{wheelsFittingVehicle as Wt}from"../../lib/wheels/plp-fitment-match.js";import Ht from"./PlpActiveChips.js";import{DEFAULT_COVER_INDEX as Ut}from"../../lib/wheels/cover-rendering.js";import Xt from"./PlpCard.js";import Yt from"./PlpPagination.js";import qt from"./PlpSidebar.js";import Jt from"./PlpVehicleBar.js";import Qt from"./PlpVehicleGate.js";import{useVehicleCatalog as Zt}from"./useVehicleCatalog.js";import{useVehicleFit as eo}from"../fitment/useVehicleFit.js";import{usePlpFiltersInUrl as to}from"./usePlpFiltersInUrl.js";import{say as R}from"efficient-web-builder/format/lib/editor-words";const Do={heading:"Let's find wheels that fit your car.",intro:"Tell us what you drive and we'll show you every set that bolts straight on — bolt pattern, offset and hub bore checked for you."};function oo({level:C,className:N,children:v}){return r(C===2?"h2":"h1",{className:N,children:v})}const ro=[];function no({heading:C="",intro:N="",askForCar:v=!0,gateHeading:E="",gateIntro:ae="",perPage:D=24,columns:ce,defaultSort:pe="recommended",hiddenFacets:de=[],fieldUsage:g=ro,showPrice:K=!0,showInStock:me=!0,kinds:he,products:ue,wheels:fe,editing:m=!1,coverIndex:ge=Ut,cardImage:ye,spinOnHover:xe=!1,imageBackground:Se,showBadge:we=!0,showCardSizes:be,showCardBuy:Ce,showCardPage:Ne,showCardPrice:ve,showCardFinishes:Pe,outline:ke=it,indexBadge:j=st,titleLevel:_e}){const{currency:a}=lt(),Te=ot(Se,tt),h=Dt(he),G=ct(),M=ut(ce),Ae=gt(M,m?G:null),ze=yt(M,m?G:null),$=`plp-${Qe().replace(/:/g,"")}`,F=nt($,j),Fe=mt(),W=ue??fe??Fe??[],H=l(()=>Et(W,h),[W,h.join(",")]),o=eo({editing:m,enabled:v,autoApply:!0}),[Ie,I]=et(!1),Oe=zt(pe,h),y=o.applied?.vehicle??null,[t,w]=to({editing:m,openingSort:Oe,appliedVehicle:y,vehicleRestored:o.restored}),p=It(h,t.kind),i=d(e=>w(e),[w]),U=d((e,u)=>{const c=t[e],Ye=c.map(String).includes(u)?c.filter(qe=>String(qe)!==u):[...c,e==="diameters"?Number(u):u];i({...t,[e]:Ye,page:1})},[t,i]),X=d(e=>i({...t,priceMax:e,page:1}),[t,i]),Y=d(e=>i({...t,inStockOnly:e,page:1}),[t,i]),q=d(e=>i({...le,kind:e,inStockOnly:t.inStockOnly,priceMax:t.priceMax,sort:t.sort}),[t.inStockOnly,t.priceMax,t.sort,i]),Be=d(e=>i({...t,sort:e,page:1}),[t,i]),Le=d(e=>{i({...t,page:e}),typeof window<"u"&&window.scrollTo({top:0,behavior:ht()})},[t,i]),J=d(()=>i({...le,sort:t.sort}),[t.sort,i]),{clear:k}=o,Q=d(()=>{k(),I(!0),w(e=>({...e,page:1}))},[k]),Ve=d(()=>{k(),I(!1),w(e=>({...e,page:1}))},[k]),_=y?[y.make,y.model,y.year,y.modification].join("|"):"",T=Ze(null);Je(()=>{if(o.restored){if(T.current===null){T.current=_;return}T.current!==_&&(T.current=_,w(e=>e.page===1?e:{...e,page:1}))}},[o.restored,_,w]);const A=Zt({catalog:H,shownKinds:h,vehicle:y,editing:m}),n=l(()=>{if(!o.fit)return A;const e=A.filter(c=>z(c)==="alloy-wheel"),u=new Set(Wt(e,o.fit).map(c=>c.slug));return A.filter(c=>z(c)!=="alloy-wheel"||u.has(L(c)))},[A,o.fit]),b=de.join(","),Re=l(()=>{const e=new Set(b?b.split(","):[]);return Ct(n,t,a,p,g).filter(u=>!e.has(u.key))},[n,t,a,b,p.join(","),g]),x=l(()=>wt(n,t,a),[n,t,a]),Z=p.length>1,Ee=l(()=>ie(g,"alloy-wheel"),[g]),De=l(()=>ie(g,"tyre"),[g]),ee=l(()=>Vt(x),[x]),Ke=l(()=>Rt(x),[x]),je=l(()=>K?Ft(n,a):null,[n,a,K]),Ge=l(()=>At(n,t,a),[n,t,a]),Me=l(()=>Nt(n,h,t,a),[n,h.join(","),t,a]),$e=d((e,u)=>{const c=_t(n.flatMap(Lt),t.tyreSizes[0]??"",e,u);i({...t,tyreSizes:c?[c]:[],page:1})},[n,t,i]),We=l(()=>{const e=new Set(b?b.split(","):[]);return!Tt(n,p)||e.has("tyreSizes")?null:vt(n,t,a)},[n,t,a,b,p.join(","),g]),f=l(()=>kt(x,t.page,D),[x,t.page,D]),S=V(p),O=jt(p),te=Kt(E,ae,p,h),oe=p.length===1&&p[0]==="tyre",re=o.applied?.stock??null,P=l(()=>Mt(re),[re]),He=l(()=>n.filter(e=>p.includes(z(e))).length,[n,p.join(",")]),ne=H.length===0,Ue=!ne&&n.length===0,Xe=v&&!m&&!o.applied&&!Ie;return h.length===0?null:s("section",{style:rt(ye),children:[v&&r(Jt,{cascade:o.cascade,appliedName:o.appliedName,fit:o.fit,fitSummary:oe&&P.length>0?`Takes ${P.join(" · ")}`:null,resolving:o.resolving,unresolved:oe?!!o.applied&&!o.resolving&&P.length===0:o.unresolved,matchCount:He,copy:O,onAmend:Ve,onClear:Q}),Xe&&r(Qt,{cascade:o.cascade,heading:te.heading,intro:te.intro,ready:o.restored,copy:O,onSkip:()=>I(!0)}),s("div",{className:"px-5 py-10 md:px-[max(2.5rem,calc((100%_-_var(--sf-content-cap,100%))/2_+_2.5rem))]",children:[(C||N)&&s("header",{className:"mb-6",children:[C&&r(oo,{level:_e,className:"font-display text-[clamp(28px,4vw,40px)] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:dt(C,!1)}),N&&r("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:pt(N)})]}),s("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[r(qt,{facets:Re,filters:t,typeOptions:Me,sizeBoxes:We,sizeMatches:t.tyreSizes.length>0?x.length:null,noun:S,priceBounds:je,inStockCount:me?Ge:null,onToggle:U,onPickType:q,onPickSize:$e,onPriceMax:X,onInStockOnly:Y,onClearAll:J}),s("div",{className:"min-w-0 flex-1",children:[s("div",{className:"mb-4 flex min-h-[34px] flex-wrap items-center justify-between gap-x-4 gap-y-2 border-b border-line pb-3",children:[s("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-2",children:[r("p",{className:"font-mono text-[12px] tabular-nums tracking-[0.08em]",children:f.total===0?s("span",{className:"text-fg-dim",children:["No ",S.many]}):s(se,{children:[s("span",{children:[f.from,"–",f.to]}),s("span",{className:"text-fg-dim",children:[" of ",f.total," ",S.many]})]})}),r(Ht,{filters:t,onToggle:U,onPriceMax:X,onInStockOnly:Y,onPickType:q})]}),s("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",r("select",{value:t.sort,onChange:e=>Be(bt(e.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-2 font-mono text-[12px] normal-case tracking-normal text-fg",children:Ot(h).map(e=>r("option",{value:e,children:Bt[e]},e))})]})]}),ne?r("div",{className:"border border-dashed border-line p-10",children:r("p",{className:"font-mono text-[12px] uppercase tracking-[0.16em] text-fg-dim",children:m?S.many==="wheels"?R("No wheels in this website's catalog yet — curate products to see them here."):S.many==="tyres"?R("No tyres in this website's catalog yet — curate products to see them here."):R("No products in this website's catalog yet — curate products to see them here."):"Our catalog is being updated. Please check back shortly."})}):Ue?s("div",{className:"border border-line p-10",children:[s("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",o.appliedName]}),r("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:O.nothingFits}),s("button",{type:"button",onClick:Q,className:"mt-4 cursor-pointer bg-btn px-4 py-3 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:["Show all ",S.many]})]}):f.total===0?s("div",{className:"border border-line p-10",children:[s("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",S.many," match those filters"]}),r("p",{className:"mt-2 max-w-[46ch] text-[14px] text-fg-dim",children:"Try widening the price range or clearing a filter."}),Pt(t)&&r("button",{type:"button",onClick:J,className:"mt-4 cursor-pointer bg-btn px-4 py-3 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:"Clear all filters"})]}):s(se,{children:[F&&r("style",{children:F}),r("div",{className:`${F?`${$} plp-card-grid`:"plp-card-grid"} ${xt}`,style:{...Ae,...St(`var(${ft})`)},children:f.items.map(e=>z(e)==="tyre"?r($t,{item:e,currency:a,fitSize:P.length>0?Gt(e.sizes,P):null,kindLabel:Z?V(["tyre"]).one:null,showBrand:ee,editing:m,fieldUsage:De},`tyre:${L(e)}`):r(Xt,{wheel:e,colours:t.finishes,fit:o.fit,editing:m,kindLabel:Z?V(["alloy-wheel"]).one:null,showBrand:ee,coverIndex:ge,fieldUsage:Ee,showProcess:Ke,spinOnHover:xe,imageBackgroundFill:Te,showBadge:we,outline:ke,indexBadge:j,showCardSizes:be??B.showCardSizes,showCardBuy:Ce??B.showCardBuy,showCardPage:Ne??B.showCardPage,showCardPrice:ve??!0,showCardFinishes:Pe??!0,imageSizes:ze},`wheel:${L(e)}`))})]}),r(Yt,{page:f.page,pageCount:f.pageCount,onPage:Le}),r(at,{editing:m})]})]})]})]})}export{Do as PLP_GATE_DEFAULTS,no as default};

package/dist/render/components/wheels-plp/PlpActiveChips.d.ts

@@ -0,0 +1,9 @@
+import type { ProductKind } from "../../lib/api/index.js";
+import { type PlpFacetKey, type PlpFilterState } from "../../lib/wheels/plp-filters.js";
+export default function PlpActiveChips({ filters, onToggle, onPriceMax, onInStockOnly, onPickType, }: {
+    filters: PlpFilterState;
+    onToggle: (key: PlpFacetKey, value: string) => void;
+    onPriceMax: (value: number | null) => void;
+    onInStockOnly: (value: boolean) => void;
+    onPickType: (kind: ProductKind | null) => void;
+}): import("react").JSX.Element | null;

package/dist/render/components/wheels-plp/PlpActiveChips.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as u}from"react/jsx-runtime";import{useCurrency as c}from"../CurrencyContext.js";import{formatPrice as f}from"../../lib/commerce.js";import{plpActiveChips as m}from"../../lib/wheels/plp-filters.js";function p({filters:t,onToggle:l,onPriceMax:s,onInStockOnly:i,onPickType:o}){const{currency:a}=c(),n=m(t,a,f);return n.length===0?null:r("ul",{className:"flex list-none flex-wrap items-center gap-2",children:n.map(e=>r("li",{children:u("button",{type:"button",onClick:()=>e.key==="price"?s(null):e.key==="inStock"?i(!1):e.key==="kind"?o(null):l(e.key,e.value),className:`flex cursor-pointer items-center gap-2 px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-bg hover:bg-fg ${e.key==="inStock"?"bg-green":"bg-accent"}`,children:[e.label,r("span",{"aria-hidden":"true",children:"✕"}),r("span",{className:"sr-only",children:"Remove filter"})]})},`${e.key}:${e.value}`))})}export{p as default};

package/dist/render/components/wheels-plp/PlpCard.d.ts

@@ -0,0 +1,27 @@
+import type { WheelSummary } from "../../lib/api/index.js";
+import { type CardIndexFormat, type CardOutline } from "efficient-web-builder/format/lib/sections/product-card-style";
+import { type FieldUsageAnswer } from "../../lib/content/field-usage.js";
+import { type VehicleFitment } from "../../lib/wheels/plp-fitment-match.js";
+export default function PlpCard({ wheel, colours, fit, editing, brandPlate, kindLabel, showBrand, showProcess, coverIndex, fieldUsage, spinOnHover, imageBackgroundFill, showBadge, outline, indexBadge, showCardSizes, showCardBuy, showCardPage, showCardPrice, showCardFinishes, imageSizes, }: {
+    wheel: WheelSummary;
+    colours?: readonly string[];
+    fit?: VehicleFitment | null;
+    editing?: boolean;
+    brandPlate?: boolean;
+    kindLabel?: string | null;
+    showBrand?: boolean;
+    showProcess?: boolean;
+    coverIndex?: number;
+    fieldUsage?: readonly FieldUsageAnswer[];
+    spinOnHover?: boolean;
+    imageBackgroundFill?: string;
+    showBadge?: boolean;
+    outline?: CardOutline;
+    indexBadge?: CardIndexFormat;
+    showCardSizes?: boolean;
+    showCardBuy?: boolean;
+    showCardPage?: boolean;
+    showCardPrice?: boolean;
+    showCardFinishes?: boolean;
+    imageSizes?: string;
+}): import("react").JSX.Element;

package/dist/render/components/wheels-plp/PlpCard.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,Fragment as oe,jsxs as re}from"react/jsx-runtime";import{CARD_IMAGE_SIZES as te}from"../../lib/sections/card-image-sizes.js";import{LISTING_CARD_SHOW as p}from"../../lib/sections/card-show-defaults.js";import ne from"next/image";import{useState as se}from"react";import ae from"../BrandPlate.js";import{useCurrency as ie}from"../CurrencyContext.js";import le from"../FinishSwatches.js";import{wheelCardEyebrow as ce,wheelCardEyebrowShows as me}from"../ProductCardEyebrow.js";import{withRMark as h}from"efficient-web-builder/render/components/RMark";import de from"../WheelPlaceholder.js";import ue,{cardSpecFields as fe,WheelCardBadge as S,WheelCardCorners as pe}from"../WheelCardFrame.js";import{formatPrice as he}from"../../lib/commerce.js";import{CARD_IMAGE_BG_OFF as Se}from"efficient-web-builder/format/lib/content/card-image-background";import{itemBrand as be}from"../../lib/catalog/plp-item.js";import{CARD_INDEX_BADGE_CLASS as ge,CARD_INDEX_CLASS as Ce,DEFAULT_CARD_INDEX_FORMAT as _e,DEFAULT_CARD_OUTLINE as Ee}from"efficient-web-builder/format/lib/sections/product-card-style";import{applyCardAnswers as Ae}from"../../lib/content/field-usage.js";import{useWheelCardBottom as Ie}from"./useWheelCardBottom.js";import{setLabel as we}from"../../lib/wheels/variants.js";import{setBuildLabel as Fe,wheelCardPriceLine as Le,setIsWide as ye,setSecondSrc as Be,summarySetBuild as De}from"../../lib/wheels/set-mode.js";import{PLP_GRID_GAP_VAR as Pe}from"../../lib/wheels/plp-grid.js";import{FITMENT_FIELD_SEPARATOR as Re,wheelCardSpecFacts as ve}from"../../lib/wheels/plp-fitment-match.js";import{formatSelectionPrice as xe,formatSelectionWasPrice as Ne,resolveSelectionPrice as Te}from"../../lib/wheels/price-display.js";import{coverSrcForWheel as We,DEFAULT_COVER_INDEX as Ge,resolvePaintedSrc as $e}from"../../lib/wheels/cover-rendering.js";import{usePlpCardSelection as ke}from"./usePlpCardSelection.js";const Oe=[];function je({wheel:o,colours:B,fit:b=null,editing:D=!1,brandPlate:P=!1,kindLabel:g=null,showBrand:C=!0,showProcess:_=!1,coverIndex:R=Ge,fieldUsage:c=Oe,spinOnHover:v=!1,imageBackgroundFill:x=Se,showBadge:N=!0,outline:T=Ee,indexBadge:W=_e,showCardSizes:G=p.showCardSizes,showCardBuy:$=p.showCardBuy,showCardPage:k=p.showCardPage,showCardPrice:O=!0,showCardFinishes:E=!0,imageSizes:j=te}){const{currency:i}=ie(),e=ke(o,B),M=We(o,R,e.finish?.name,e.shownSrc,b?.holes),n=Te(o,e.selectedVariant,i,1),V=Ne(n,i),[A,z]=se(()=>new Set),X=r=>z(a=>a.has(r)?a:new Set(a).add(r)),m=$e({overrideSrc:M,hookSrc:e.shownSrc,failed:A}),d=be(o),I=Ie({wheel:o,sel:e,price:n,editing:D,show:{buy:$,page:k}}),Me=e.detailState==="ready",Ve=e.unsellable,H=v?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",w=(r,a)=>t(ne,{src:r,alt:a,width:800,height:800,sizes:j,className:["block h-full w-full object-contain",H].filter(Boolean).join(" "),draggable:!1,onError:()=>X(r)},r),F=e.finish?`${o.name} — ${e.finish.name}`:o.name,U=m?w(m,F):t(de,{imageLabel:o.name}),L=De(o),s=ye(L),Z=Fe(L),u=s?Be(o.finishes?.find(r=>r.name===e.finish?.name),m):null,q=u&&!A.has(u)?w(u,`${F} — right`):void 0,y=W!=="off"?t("span",{"aria-hidden":!0,className:`${Ce} ${ge}`}):null,l=N?o.badge:null,f=s?Z:null,J=n.onSale||l||f||s?t(pe,{set:s,numbered:y!=null,right:[n.onSale?t(S,{tone:"solid",children:"Sale"}):null,f?t(S,{tone:"outline",children:f}):l?t(S,{tone:l==="new"?"solid":"outline",children:l==="new"?"New":"Bestseller"}):null]}):null,K=E&&e.finishes.length>0&&e.availability.some(Boolean)?t(le,{finishes:e.finishes,availability:e.availability,selectedIdx:e.selectedIdx,hoverIdx:e.hoverIdx,activeFinish:e.finish,onSelect:e.setSelectedIdx,onHover:e.setHoverIdx,showLabel:!1}):null,Q=Ae(ve(o,b,{sizes:G}),c).map(r=>r.text),Y=n.priced&&n.setTotal!=null&&e.selectedVariant?`${we(e.selectedVariant)} · ${he(n.setTotal,i)}`:null,ee=ce({kindLabel:g,brand:C&&d?h(d):null,process:_&&o.process?h(o.process):null},c);return re(oe,{children:[t(ue,{href:`/wheels/${o.slug}`,wide:s,setGridGap:`var(${Pe})`,identityLink:!0,containerProps:{onPointerEnter:e.arm,onTouchStart:e.arm,onFocusCapture:e.arm},probes:e.probes,outline:T,imageBackgroundFill:x,indexBadge:y,badges:J,image:U,imageSecond:q,plate:P?t(ae,{brand:d,logo:o.brandLogo}):null,eyebrow:ee,wholeCardLink:!0,reserveEyebrow:me({kind:!!g,brand:C,process:_},c),name:h(o.name),spec:fe(Q,Re),was:V,price:Le(xe(n,i),n.priced),metaLine:Y,swatches:K,reserveSwatches:E,showPrice:O,actions:I.actions}),I.dialog]})}export{je as default};

package/dist/render/components/wheels-plp/PlpInStockToggle.d.ts

@@ -0,0 +1,6 @@
+export default function PlpInStockToggle({ checked, count, noun, onChange, }: {
+    checked: boolean;
+    count: number;
+    noun: string;
+    onChange: (value: boolean) => void;
+}): import("react").JSX.Element;

package/dist/render/components/wheels-plp/PlpInStockToggle.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as o}from"react/jsx-runtime";import r from"../SiteSwitch.js";function l({checked:n,count:e,noun:s,onChange:a}){return o(r,{checked:n,onChange:a,ariaLabel:`In stock only (${e} ${s})`,tone:"green",className:"flex cursor-pointer items-center gap-3 py-1 text-[13px]",children:[t("span",{className:"flex-1",children:"In stock only"}),t("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:e})]})}export{l as default};

package/dist/render/components/wheels-plp/PlpNotifyMeDialog.d.ts

@@ -0,0 +1,10 @@
+import type { WheelVariant } from "../../lib/api/index.js";
+export default function PlpNotifyMeDialog({ wheelName, productSlug, finishName, variants, initialSize, onClose, editing, }: {
+    wheelName: string;
+    productSlug: string;
+    finishName: string | null;
+    variants: WheelVariant[];
+    initialSize?: string;
+    onClose: () => void;
+    editing?: boolean;
+}): import("react").JSX.Element | null;

package/dist/render/components/wheels-plp/PlpNotifyMeDialog.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useId as y,useRef as R,useState as d}from"react";import{useCurrency as _}from"../CurrencyContext.js";import{formatPrice as D}from"../../lib/commerce.js";import{withRMark as k}from"efficient-web-builder/render/components/RMark";import{useModalDismiss as I}from"../useModalDismiss.js";import{useStockAlertSignup as P}from"../useStockAlertSignup.js";import{UNPRICED_LABEL as E,resolveSetPrice as T}from"../../lib/wheels/price-display.js";function A({wheelName:m,productSlug:N,finishName:p,variants:i,initialSize:w,onClose:o,editing:z=!1}){const s=y(),h=y(),f=R(null),{currency:u}=_(),n=P(),[C,M]=d(()=>w??i[0]?.size??""),[l,j]=d(""),[x,W]=d(!1);I({active:!0,onDismiss:o,focusRef:f});const a=i.find(t=>t.size===C)??i[0];if(!a)return null;const B=n.status==="sent",c=n.status==="sending",g=n.status==="invalid"?"Please enter a valid email address.":n.status==="error"?"Couldn't save that — please try again.":null;function S(){a&&n.submit({partNumbers:a.components.map(t=>t.partNumber),email:l,productSlug:N,subscribeToOffers:x,dryRun:z})}return e("div",{role:"dialog","aria-modal":"true","aria-labelledby":s,onClick:t=>{t.target===t.currentTarget&&o()},className:"fixed inset-0 z-[90] flex items-center justify-center overflow-y-auto p-6 backdrop-blur-[6px]",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)"},children:r("div",{ref:f,tabIndex:-1,className:"relative w-[420px] max-w-full border-2 border-accent bg-surface text-left shadow-[0_24px_60px_rgba(0,0,0,0.55)] outline-none",children:[e("button",{type:"button",onClick:o,"aria-label":"Close",className:"absolute right-[10px] top-[10px] z-[2] flex h-9 w-9 cursor-pointer items-center justify-center text-fg-dim transition-colors hover:text-accent",children:e("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:e("path",{d:"M6 6l12 12M18 6 6 18"})})}),B?r("div",{className:"px-6 py-8 text-center",children:[e("span",{className:"mx-auto mb-4 grid h-16 w-16 place-items-center rounded-full border-[1.5px] border-accent bg-accent/15",children:e("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2.5","aria-hidden":!0,children:e("path",{d:"M20 6 9 17l-5-5"})})}),e("h3",{id:s,className:"font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"You're on the list"}),r("p",{className:"mx-auto mt-2 max-w-[34ch] text-[13px] leading-[1.6] text-fg-dim",children:["We'll alert ",e("strong",{className:"font-normal text-fg",children:l.trim()})," as soon as the ",k(m)," in ",a.size," is back. Keep an eye on your inbox."]}),e("button",{type:"button",onClick:o,className:"mt-6 w-full cursor-pointer border border-line px-4 py-3 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-fg transition-colors hover:border-accent hover:text-accent",children:"Continue browsing"})]}):r("form",{className:"p-6",noValidate:!0,onSubmit:t=>{t.preventDefault(),S()},children:[r("div",{className:"mb-2 flex items-center gap-3",children:[e("span",{className:"grid h-11 w-11 flex-none place-items-center border-[1.5px] border-accent bg-accent/15",children:r("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":!0,children:[e("path",{d:"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"}),e("path",{d:"M13.7 21a2 2 0 0 1-3.4 0"})]})}),r("div",{children:[e("div",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:"Back-in-stock alert"}),e("h3",{id:s,className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"Notify me"})]})]}),r("p",{className:"mb-5 text-[13px] leading-[1.6] text-fg-dim",children:["We'll email you the moment the"," ",e("strong",{className:"font-normal text-fg",children:k(m)}),p?` in ${p}`:""," ","is back in stock. No spam — one alert, then we're done."]}),r("fieldset",{className:"mb-4 border-0 p-0",children:[e("legend",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Which fitment?"}),e("div",{className:"flex flex-wrap gap-2",children:i.map(t=>{const b=t.size===a.size;return r("button",{type:"button","aria-pressed":b,onClick:()=>M(t.size),className:["flex min-w-[calc(50%-4px)] flex-1 cursor-pointer flex-col items-start gap-0.5 border-[1.5px] px-3 py-3 text-left transition-colors",b?"border-accent bg-accent/15":"border-line hover:border-accent/60"].join(" "),children:[e("span",{className:"font-mono text-[12px] font-bold tracking-[0.08em] text-fg",children:t.size}),e("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{const v=T(t.components,u);return v.setTotal!=null?D(v.setTotal,u):E})()})]},t.size)})})]}),r("div",{className:"mb-4",children:[e("label",{htmlFor:h,className:"mb-2 block font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Email address"}),e("input",{id:h,type:"email",value:l,onChange:t=>{j(t.target.value),(n.status==="invalid"||n.status==="error")&&n.reset()},placeholder:"you@example.com",disabled:c,className:"w-full border-2 border-line bg-bg px-4 py-3 font-display text-[15px] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent disabled:opacity-60"})]}),r("label",{className:"mb-5 flex cursor-pointer items-start gap-3 text-[12px] leading-[1.5] text-fg-dim",children:[e("input",{type:"checkbox",checked:x,onChange:t=>W(t.target.checked),className:"mt-0.5 h-[18px] w-[18px] flex-none cursor-pointer accent-[var(--accent)]"}),e("span",{children:"Also send me fitment tips and occasional offers for my vehicle."})]}),r("button",{type:"submit",disabled:c,className:"flex h-[50px] w-full cursor-pointer items-center justify-center gap-2 bg-btn px-4 font-mono text-[12px] font-bold uppercase tracking-[0.24em] text-btn-ink transition-colors hover:bg-fg disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:bg-btn",children:[r("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[e("path",{d:"m22 2-7 20-4-9-9-4Z"}),e("path",{d:"M22 2 11 13"})]}),c?"Sending…":"Notify me when available"]}),g&&e("p",{role:"alert",className:"mt-3 text-[12px] leading-[1.5]",style:{color:"var(--alert)"},children:g}),r("div",{className:"mt-3 flex items-center justify-center gap-2 text-[11px] text-fg-dim",children:[r("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[e("rect",{x:"3",y:"11",width:"18",height:"11",rx:"1"}),e("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"We never share your details."]})]})]})})}export{A as default};

package/dist/render/components/wheels-plp/PlpPagination.d.ts

@@ -0,0 +1,5 @@
+export default function PlpPagination({ page, pageCount, onPage, }: {
+    page: number;
+    pageCount: number;
+    onPage: (page: number) => void;
+}): import("react").JSX.Element | null;

package/dist/render/components/wheels-plp/PlpPagination.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as l}from"react/jsx-runtime";import{plpPageSequence as c}from"../../lib/wheels/plp-filters.js";function d({page:t,pageCount:r,onPage:n}){if(r<=1)return null;const s=c(r,t),i="flex h-9 w-9 cursor-pointer items-center justify-center border border-line font-mono text-[13px] transition-colors hover:border-accent hover:text-accent disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:border-line disabled:hover:text-fg";return l("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[l("div",{className:"flex items-center gap-2",children:[o("button",{type:"button",onClick:()=>n(t-1),disabled:t<=1,"aria-label":"Previous page",className:i,children:"‹"}),s.map((e,a)=>e===null?o("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"…"},`gap-${a}`):o("button",{type:"button",onClick:()=>n(e),"aria-current":e===t?"page":void 0,className:["h-9 min-w-9 cursor-pointer border px-2 font-mono text-[13px] tabular-nums transition-colors",e===t?"border-accent bg-accent text-bg":"border-line hover:border-accent hover:text-accent"].join(" "),children:e},e)),o("button",{type:"button",onClick:()=>n(t+1),disabled:t>=r,"aria-label":"Next page",className:i,children:"›"})]}),l("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",o("select",{value:t,onChange:e=>n(Number(e.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-2 font-mono text-[12px] text-fg",children:Array.from({length:r},(e,a)=>a+1).map(e=>l("option",{value:e,children:["Page ",e," of ",r]},e))})]})]})}export{d as default};

package/dist/render/components/wheels-plp/PlpSidebar.d.ts

@@ -0,0 +1,25 @@
+import type { ProductKind } from "../../lib/api/index.js";
+import type { TyreSizePart } from "../../lib/tyres/tyre-size.js";
+import { type PlpFacetGroup, type PlpFacetKey, type PlpFilterState, type PlpTypeOption, type PlpTyreSizeBox } from "../../lib/wheels/plp-filters.js";
+export default function PlpSidebar({ facets, filters, typeOptions, sizeBoxes, sizeMatches, noun, priceBounds, inStockCount, onToggle, onPickType, onPickSize, onPriceMax, onInStockOnly, onClearAll, }: {
+    facets: PlpFacetGroup[];
+    filters: PlpFilterState;
+    typeOptions: PlpTypeOption[];
+    sizeBoxes: PlpTyreSizeBox[] | null;
+    sizeMatches: number | null;
+    noun: {
+        one: string;
+        many: string;
+    };
+    priceBounds: {
+        min: number;
+        max: number;
+    } | null;
+    inStockCount: number | null;
+    onToggle: (key: PlpFacetKey, value: string) => void;
+    onPickType: (kind: ProductKind | null) => void;
+    onPickSize: (part: TyreSizePart, value: number | null) => void;
+    onPriceMax: (value: number | null) => void;
+    onInStockOnly: (value: boolean) => void;
+    onClearAll: () => void;
+}): import("react").JSX.Element;

package/dist/render/components/wheels-plp/PlpSidebar.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useState as C}from"react";import{useCurrency as _}from"../CurrencyContext.js";import{useEnglish as $}from"../EnglishVariant.js";import{formatPrice as b}from"../../lib/commerce.js";import{hasActivePlpFilters as j,PLP_FACET_LABELS as z}from"../../lib/wheels/plp-filters.js";import T from"./PlpInStockToggle.js";import E from"./PlpTypePicker.js";import F from"./PlpTyreSizeBoxes.js";function A({facets:i,filters:t,typeOptions:m,sizeBoxes:o,sizeMatches:g,noun:s,priceBounds:r,inStockCount:x,onToggle:v,onPickType:k,onPickSize:N,onPriceMax:w,onInStockOnly:P,onClearAll:S}){const{currency:f}=_(),p=$(),[d,h]=C({});return n("aside",{className:"w-full flex-none lg:sticky lg:[--sf-plp-rail-gap:16px] lg:[--sf-plp-rail-top:calc(var(--sf-header-h,88px)+var(--sf-plp-rail-gap))] lg:top-[var(--sf-plp-rail-top)] lg:max-h-[calc(100svh-var(--sf-plp-rail-top)-var(--sf-plp-rail-gap))] lg:w-[268px] lg:overflow-y-auto lg:overscroll-contain lg:pr-2.5",children:[n("div",{className:"flex items-center justify-between pb-2",children:[e("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),j(t)&&e("button",{type:"button",onClick:S,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-accent hover:text-fg",children:"Clear all"})]}),m.length>0&&e("div",{className:"pb-1 pt-1",children:e(E,{options:m,noun:s.many,onPick:k})}),x!==null&&e("div",{className:"border-t border-line py-2",children:e(T,{checked:t.inStockOnly,count:x,noun:s.many,onChange:P})}),o&&e(y,{label:p(z.tyreSizes),open:!d.tyreSizes,onToggle:()=>h(a=>({...a,tyreSizes:!a.tyreSizes})),children:!d.tyreSizes&&e("div",{className:"pb-3",children:e(F,{boxes:o,composed:t.tyreSizes[0]??"",matches:g,noun:s.many,onPick:N})})}),i.map(a=>{if(a.options.length===0)return null;const c=!d[a.key];return e(y,{label:p(a.label),open:c,onToggle:()=>h(l=>({...l,[a.key]:!l[a.key]})),children:c&&e("ul",{className:"flex flex-col pb-3",children:a.options.map(l=>{const u=l.count===0&&!l.checked;return e("li",{children:n("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${u?"opacity-40":"cursor-pointer"}`,children:[e("input",{type:"checkbox",checked:l.checked,disabled:u,onChange:()=>v(a.key,l.value),"aria-label":`${p(a.label)}: ${l.label} (${l.count} ${s.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),l.swatch&&e("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--site-line)]",style:{background:l.swatch}}),e("span",{className:"flex-1 capitalize",children:l.label}),e("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:l.count})]})},l.value)})})},a.key)}),r&&n("div",{className:"border-t border-line py-3",children:[n("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price · per ",s.one]}),e("input",{type:"range",min:r.min,max:r.max,step:5,value:t.priceMax??r.max,onChange:a=>{const c=Number(a.target.value);w(c>=r.max?null:c)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${s.one}`}),n("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[e("span",{className:"text-fg-dim",children:b(r.min,f)}),n("span",{children:["Up to ",b(t.priceMax??r.max,f)]})]})]})]})}function y({label:i,open:t,onToggle:m,children:o}){return n("div",{className:"border-t border-line",children:[n("button",{type:"button",onClick:m,"aria-expanded":t,"aria-label":`${t?"Collapse":"Expand"} ${i} filters`,className:"flex w-full cursor-pointer items-center justify-between py-3 text-left",children:[e("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:i}),e("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"▾"})]}),o]})}export{A as default};

package/dist/render/components/wheels-plp/PlpTypePicker.d.ts

@@ -0,0 +1,7 @@
+import type { PlpTypeOption } from "../../lib/wheels/plp-filters.js";
+import type { ProductKind } from "../../lib/api/index.js";
+export default function PlpTypePicker({ options, noun, onPick, }: {
+    options: PlpTypeOption[];
+    noun: string;
+    onPick: (kind: ProductKind | null) => void;
+}): import("react").JSX.Element | null;

package/dist/render/components/wheels-plp/PlpTypePicker.js

@@ -0,0 +1 @@
+"use client";import{jsx as c,jsxs as t}from"react/jsx-runtime";import{useId as d}from"react";function x({options:a,noun:n,onPick:r}){const s=d();return a.length===0?null:t("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-3",children:[c("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),c("div",{className:"flex flex-col pt-2",children:a.map(e=>{const l=e.count===0&&!e.checked;return t("label",{className:`flex items-center gap-3 py-1 text-[13.5px] ${l?"opacity-40":"cursor-pointer"}`,children:[c("input",{type:"radio",name:s,checked:e.checked,disabled:l,onChange:()=>r(e.kind),"aria-label":`${e.label} (${e.count} ${n})`,className:"h-[15px] w-[15px] flex-none accent-[var(--accent)]"}),c("span",{className:`flex-1 ${e.checked?"text-accent":""}`,children:e.label}),c("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:e.count})]},e.kind??"all")})})]})}export{x as default};