efficient-storefront-blocks 0.57.0 → 0.58.1

package/dist/render/lib/puck/current-product.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+import { type ProductSelection } from "../../components/useProductSelection.js";
+import type { StoreProduct } from "../catalog/store-product.js";
+import { type FieldUsageAnswer } from "../content/field-usage.js";
+import type { WheelSummary } from "../api/index.js";
+export interface CurrentProduct {
+    product: StoreProduct;
+    relatedWheels: WheelSummary[];
+    fieldUsage: readonly FieldUsageAnswer[];
+    selection: ProductSelection;
+    openLightbox: (src: string, alt: string) => void;
+}
+export declare function useCurrentProduct(): CurrentProduct | null;
+export declare function CurrentProductProvider({ product, relatedWheels, fieldUsage, children, }: {
+    product: StoreProduct;
+    relatedWheels: WheelSummary[];
+    fieldUsage?: readonly FieldUsageAnswer[];
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/render/lib/puck/current-product.js

@@ -0,0 +1 @@
+"use client";import{jsx as p,jsxs as d}from"react/jsx-runtime";import{useMemo as s}from"react";import f from"../../components/ProductLightbox.js";import{useLightbox as x}from"../../components/useLightbox.js";import{useProductSelection as a}from"../../components/useProductSelection.js";import{applyVariantAnswers as P}from"../content/field-usage.js";import{CurrentRecordProvider as C,PRODUCT_RECORD_TYPE as i,useCurrentRecordOf as h}from"./current-record.js";function g(){return h(i)?.value??null}const b=Object.freeze({});function y({product:o,relatedWheels:c,fieldUsage:r=[],children:m}){const t=s(()=>P(o.optionFields,r),[o.optionFields,r]),e=s(()=>t===o.optionFields?o:{...o,optionFields:t},[o,t]),u=a(e),n=x(),l={type:i,key:e.slug,title:e.name,fields:b,value:{product:e,relatedWheels:c,fieldUsage:r,selection:u,openLightbox:n.open}};return d(C,{record:l,children:[m,p(f,{item:n.item,onClose:n.close})]})}export{y as CurrentProductProvider,g as useCurrentProduct};

package/dist/render/lib/puck/current-record.d.ts

@@ -0,0 +1,44 @@
+import { type ReactNode } from "react";
+export interface CurrentRecord<TValue = unknown> {
+    type: string;
+    key: string;
+    title: string;
+    fields: Readonly<Record<string, unknown>>;
+    value: TValue;
+    schema?: readonly RecordFieldSpec[];
+}
+export interface RecordFieldSpec {
+    key: string;
+    label: string;
+    kind: string;
+}
+export interface RecordPicture {
+    url: string;
+    alt: string;
+}
+export declare function recordFieldSpecs(record: CurrentRecord | null | undefined): readonly RecordFieldSpec[];
+export declare function recordPictures(record: CurrentRecord | null | undefined, { firstField }?: {
+    firstField?: boolean;
+}): RecordPicture[];
+export interface RecordFact {
+    label: string;
+    value: string;
+}
+export declare function recordFacts(record: CurrentRecord | null | undefined): RecordFact[];
+export declare const PRODUCT_RECORD_TYPE = "product";
+export declare function declaredRecordTypeOf(rootProps?: Record<string, unknown> | null): string;
+export declare function editorPageDrawsOtherRecord(params: unknown): boolean;
+export declare function DeclaredRecordTypeProvider({ type, children }: {
+    type: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useDeclaredRecordType(): string;
+export declare function useDrawsOtherRecord(editing: boolean): boolean;
+export declare const SAMPLE_RECORD: CurrentRecord;
+export declare const SAMPLE_PICTURE_COUNT = 4;
+export declare function CurrentRecordProvider({ record, children, }: {
+    record: CurrentRecord;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useCurrentRecord(): CurrentRecord | null;
+export declare function useCurrentRecordOf<TValue = unknown>(type: string): CurrentRecord<TValue> | null;

package/dist/render/lib/puck/current-record.js

@@ -0,0 +1 @@
+"use client";import{jsx as p}from"react/jsx-runtime";import{createContext as y,useContext as a}from"react";import{say as o}from"efficient-web-builder/format/lib/editor-words";function g(t){const e=t.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().toLowerCase();return e?e[0].toUpperCase()+e.slice(1):t}const R=/^\d{4}-\d{2}-\d{2}$/;function m(t){return t?t.schema?.length?t.schema.filter(e=>typeof e?.key=="string"&&e.key in t.fields):Object.entries(t.fields).flatMap(([e,r])=>{const n=Array.isArray(r)?x(r[0])?"rows":"images":typeof r=="string"?R.test(r)?"date":"text":null;return n?[{key:e,label:g(e),kind:n}]:[]}):[]}function D(t,{firstField:e=!1}={}){if(!t)return[];const r=m(t).filter(n=>n.kind==="images");return(e?r.slice(0,1):r).flatMap(n=>{const s=t.fields[n.key];return Array.isArray(s)?s.flatMap(d=>{const u=d?.url;if(typeof u!="string"||!u)return[];const f=d.alt;return[{url:u,alt:typeof f=="string"?f:""}]}):[]})}function h(t){const e=new Date(`${t}T00:00:00Z`);return Number.isNaN(e.getTime())?t:e.toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric",timeZone:"UTC"})}function x(t){const e=t;return typeof e?.label=="string"&&!!e.label.trim()&&typeof e.value=="string"&&!!e.value.trim()}function P(t){return t?m(t).flatMap(e=>{const r=t.fields[e.key];return e.kind==="rows"?Array.isArray(r)?r.filter(x).map(({label:n,value:s})=>({label:n,value:s})):[]:e.kind!=="text"&&e.kind!=="date"?[]:typeof r!="string"||!r.trim()?[]:[{label:e.label,value:e.kind==="date"?h(r):r}]}):[]}const i="product",c=y(null);function C(t){const e=t?.recordType;return typeof e=="string"&&e.trim()||i}function b(t){const e=t?.appState?.data?.root;return C(e?.props)!==i}const l=y(i);function v({type:t,children:e}){return p(l.Provider,{value:t,children:e})}function O(){return a(l)}function _(t){const e=a(c),r=a(l);return e?e.type!==i:t&&r!==i}const w={type:"sample",key:"sample",get title(){return o("Record title")},get fields(){return{first:o("A detail of this record"),second:o("Another detail"),third:o("A third")}},value:void 0,get schema(){return[{key:"first",label:o("First detail"),kind:"text"},{key:"second",label:o("Second detail"),kind:"text"},{key:"third",label:o("Third detail"),kind:"text"}]}},S=4;function E({record:t,children:e}){return p(c.Provider,{value:t,children:e})}function M(){return a(c)}function U(t){const e=a(c);return e!==null&&e.type===t?e:null}export{E as CurrentRecordProvider,v as DeclaredRecordTypeProvider,i as PRODUCT_RECORD_TYPE,S as SAMPLE_PICTURE_COUNT,w as SAMPLE_RECORD,C as declaredRecordTypeOf,b as editorPageDrawsOtherRecord,P as recordFacts,m as recordFieldSpecs,D as recordPictures,M as useCurrentRecord,U as useCurrentRecordOf,O as useDeclaredRecordType,_ as useDrawsOtherRecord};

package/dist/render/lib/puck/fitment-table-dynamic.d.ts

@@ -0,0 +1,4 @@
+export declare function fitmentTableIsDynamic(props: {
+    dynamic?: unknown;
+    wheel?: unknown;
+}, onDynamicPage: boolean): boolean;

package/dist/render/lib/puck/fitment-table-dynamic.js

@@ -0,0 +1 @@
+function e(n,t){return t||n.dynamic===!0}export{e as fitmentTableIsDynamic};

package/dist/render/lib/puck/footer-page-blocks.d.ts

@@ -0,0 +1,7 @@
+export declare const PAGE_BLOCKS_FROM_FOOTER: {
+    readonly MenuBlock: "FooterMenu";
+    readonly EmailFormBlock: "FooterEmailSignup";
+    readonly SocialLogosBlock: "FooterSocial";
+};
+export declare const PAGE_MENU_DIRECTION_DEFAULT = "column";
+export declare function addPageBlocksFromFooter(components: Record<string, object>): void;

package/dist/render/lib/puck/footer-page-blocks.js

@@ -0,0 +1 @@
+import{jsx as u}from"react/jsx-runtime";import a from"../../components/FooterMenu.js";const d={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"},s="column";function f({menu:o,heading:e,accordionMobile:r,showDividers:n,direction:i,linkAlign:t,linkRange:l,puck:c}){return u(a,{menu:o,heading:e||void 0,accordionMobile:r,showDividers:n,layout:i==="row"?"row":"column",linkAlign:t,linkRange:l,editing:c?.isEditing})}function F(o){for(const[r,n]of Object.entries(d))o[r]={...o[n]};const e=o.MenuBlock;e.defaultProps={...e.defaultProps,direction:s},e.render=f}export{d as PAGE_BLOCKS_FROM_FOOTER,s as PAGE_MENU_DIRECTION_DEFAULT,F as addPageBlocksFromFooter};

package/dist/render/lib/puck/preview-pick.d.ts

@@ -0,0 +1,7 @@
+export declare function previewPickKey(siteId: string | null, pageSlug: string | null): string;
+export declare function readPreviewPick(key: string): string | undefined;
+export declare function writePreviewPick(key: string, slug: string): void;
+export declare function subscribePreviewPick(fn: () => void): () => void;
+export declare function previewSlugFor(pick: string | undefined, legacy: string | null): string | null;
+export declare function currentPreviewPickKey(): string;
+export declare function useCurrentPreviewPick(): string | undefined;

package/dist/render/lib/puck/preview-pick.js

@@ -0,0 +1 @@
+"use client";import{useSyncExternalStore as s}from"react";import{safeLocalStorage as u}from"efficient-web-builder/format/lib/safe-storage";import{getEditorSiteId as p}from"efficient-web-builder/render/lib/editor-site";import{getEditorPageSlug as a}from"efficient-web-builder/format/lib/puck/editor-page-context";const f="sf-editor-preview-pick";let n=null;const o=new Set;function c(){if(n)return n;n={};const e=u.getItem(f);if(!e)return n;try{const r=JSON.parse(e);if(r&&typeof r=="object"&&!Array.isArray(r))for(const[t,i]of Object.entries(r))typeof i=="string"&&(n[t]=i)}catch{}return n}function d(){u.setItem(f,JSON.stringify(c()))}function l(e,r){return`${e??""}::${r??""}`}function m(e){return c()[e]}function g(e,r){const t=c();if(t[e]!==r){t[e]=r,d();for(const i of o)i()}}function w(e){return o.add(e),()=>o.delete(e)}function x(e,r){const t=e??r??"";return t.trim()?t:null}function P(){return l(p(),a())}function E(){const e=P();return s(w,()=>m(e),()=>{})}export{P as currentPreviewPickKey,l as previewPickKey,x as previewSlugFor,m as readPreviewPick,w as subscribePreviewPick,E as useCurrentPreviewPick,g as writePreviewPick};

package/dist/render/lib/puck/preview-product.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export declare function PreviewProductProvider({ slug, children, }: {
+    slug?: string | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePreviewProductSlug(): string | null;

package/dist/render/lib/puck/preview-product.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{createContext as i,useContext as u}from"react";const r=i(null);function l({slug:e,children:t}){const o=typeof e=="string"&&e.trim()?e:null;return n(r.Provider,{value:o,children:t})}function s(){return u(r)}export{l as PreviewProductProvider,s as usePreviewProductSlug};

package/dist/render/lib/puck/render-client.d.ts

@@ -0,0 +1,5 @@
+export default function RenderClient({ data, sectionBackgroundWidth, sectionContentWidth, }: {
+    data: unknown;
+    sectionBackgroundWidth?: unknown;
+    sectionContentWidth?: unknown;
+}): import("react").JSX.Element;

package/dist/render/lib/puck/render-client.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{renderConfig as a}from"./render-config.js";import i from"efficient-web-builder/render/lib/puck/page-render";import{siteWidthsMetadata as n}from"efficient-web-builder/format/lib/content/section-width";function m({data:t,sectionBackgroundWidth:e,sectionContentWidth:r}){return o(i,{config:a(),data:t,metadata:n(e,r)})}export{m as default};

package/dist/render/lib/puck/render-config.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from "efficient-easel/blocks";
+import "./slot-seeds.js";
+export declare function renderConfig(): Config;
+export declare function headerRenderConfig(): Config;

package/dist/render/lib/puck/render-config.js

@@ -0,0 +1 @@
+import{Fragment as u,jsx as d}from"react/jsx-runtime";import{generalRenderBlocks as E}from"efficient-web-builder/render/lib/puck/blocks/general/render-config";import{finishRenderRegistry as R}from"efficient-web-builder/render/lib/puck/render-registry";import{buildPuckCategories as g}from"efficient-web-builder/format/lib/puck/section-catalog";import{SITE_HEADER_TYPE as m}from"efficient-web-builder/format/lib/puck/section-groups";import"./slot-seeds.js";import{COMMERCE_RENDERS as h}from"./blocks/commerce/renders.js";import{SERVICE_RENDERS as b}from"./blocks/service/renders.js";import P from"./blocks/text-part-shapes.json";import{addPageBlocksFromFooter as S}from"./footer-page-blocks.js";import{drawPublishedStorefrontRoot as _}from"./storefront-root.js";const k=P,x=(t,e)=>{const o=k[t];return{...e,...o?{textParts:o}:null}};let f=null;function l(){if(f)return f;const t={...E()};for(const[o,n]of Object.entries({...h,...b}))t[o]=x(o,n);S(t);const e={root:{render:_},categories:g(),components:t};return R(e),f=e,e}function j(t=l()){const e=t.components,o=Object.keys(e),n=new Set([m]),i=[m];for(;i.length;){const p=i.shift();for(const c of Object.values(e[p]?.fields??{})){if(c?.type!=="slot")continue;const a=c.allow??o.filter(r=>!c.disallow?.includes(r));for(const r of a)n.has(r)||!(r in e)||(n.add(r),i.push(r))}}return[...n]}let s=null;function I(){if(s)return s;const t=l(),e=t.components;return s={...t,root:{render:({children:o})=>d(u,{children:o})},components:Object.fromEntries(j(t).map(o=>[o,e[o]]))},s}export{I as headerRenderConfig,l as renderConfig};

package/dist/render/lib/puck/slot-seeds.d.ts

@@ -0,0 +1,3 @@
+import type { SlotSectionSpec } from "efficient-easel/screen/lib/puck/slot-section-spec";
+export declare const STOREFRONT_SLOT_SECTION_SPECS: Record<string, SlotSectionSpec>;
+export { SLOT_SECTION_SPECS, buildSlotSeedChildren } from "efficient-web-builder/render/lib/puck/slot-specs";

package/dist/render/lib/puck/slot-seeds.js

@@ -0,0 +1 @@
+import{COLLECTION_CARD_SEED_COUNT as r}from"../../components/CollectionCard.js";import{GALLERY_ITEM_SEEDS as t}from"../../components/GalleryItem.js";import{BOOKING_REGIONS as a,BOOKING_REGION_NAMES as s}from"../../components/booking/BookingBox.js";import{SUBMIT_REGIONS as l,SUBMIT_REGION_NAMES as i}from"../../components/submit/SubmitBox.js";import{registerSlotSectionSpecs as c}from"efficient-web-builder/render/lib/puck/slot-specs";import{say as d}from"efficient-web-builder/format/lib/editor-words";const m={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>a.map(e=>({region:e,name:s[e]})),addBlocked:()=>d("A Booking Form is these three boxes. They cannot be added to or removed."),skipSeed:e=>e.layout!=="boxes"},SubmitBuild:{slot:"boxes",childType:"SubmitBox",addLabel:"Add box",fixed:!0,seeds:()=>l.map(e=>({region:e,name:i[e]})),addBlocked:()=>d("A Submit-a-build section is these two boxes. They cannot be added to or removed."),skipSeed:e=>e.layout!=="boxes"},Collections:{slot:"cards",childType:"CollectionCard",addLabel:"Add card",seeds:()=>Array.from({length:r},()=>({collection:null}))},ProductGrid:{slot:"products",childType:"ProductRef",addLabel:"Add product",seeds:()=>[{code:""},{code:""},{code:""}],legacy:e=>Array.isArray(e.design_codes)?e.design_codes.map(o=>o?.code).filter(o=>!!o).map(o=>({code:o})):[]},GalleryB:{slot:"items",childType:"GalleryItem",addLabel:"Add image",seeds:()=>t.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(o=>({...o})):[]}};c(m);import{SLOT_SECTION_SPECS as A,buildSlotSeedChildren as O}from"efficient-web-builder/render/lib/puck/slot-specs";export{A as SLOT_SECTION_SPECS,m as STOREFRONT_SLOT_SECTION_SPECS,O as buildSlotSeedChildren};

package/dist/render/lib/puck/storefront-root.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode } from "react";
+export type StorefrontRootProps = {
+    children?: ReactNode;
+    puck?: {
+        isEditing?: boolean;
+    };
+    fullWidth?: boolean;
+    pageWidth?: number;
+    kind?: string;
+    previewProduct?: string;
+    [key: string]: unknown;
+};
+export declare function drawSystemPage(rootProps: StorefrontRootProps, note?: ReactNode): ReactElement | null;
+export declare function StorefrontPageProviders({ rootProps, children }: {
+    rootProps: StorefrontRootProps;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function drawPublishedStorefrontRoot(rootProps: StorefrontRootProps): ReactElement;

package/dist/render/lib/puck/storefront-root.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as m}from"react/jsx-runtime";import{CatalogFilterProvider as u}from"../../components/catalog/CatalogFilterContext.js";import a from"../../components/CartDrawer.js";import{CartProvider as f}from"../../components/CartContext.js";import{CurrencyProvider as p}from"../../components/CurrencyContext.js";import{ProductHeroContentProvider as s}from"../../components/product-hero/hero-content.js";import{SubscribePopupView as g}from"../../components/SubscribePopup.js";import{ConsentBannerPreview as h}from"../../components/ConsentBanner.js";import{CART_DRAWER_KIND as v,resolveCartDrawerContent as P}from"efficient-web-builder/format/lib/content/cart-drawer";import{CONSENT_BANNER_KIND as C,resolveConsentBannerContent as b}from"efficient-web-builder/format/lib/content/consent-banner";import{SITE_FOOTER_KIND as k}from"efficient-web-builder/format/lib/content/footer";import{isPageBackgroundAuthored as y}from"efficient-web-builder/format/lib/content/page-background";import{resolveProductHeroContent as w}from"../content/product-hero.js";import{templateProductKind as _}from"efficient-web-builder/format/lib/content/product-page";import{resolveSubscribeContent as B,SUBSCRIBE_POPUP_KIND as R}from"efficient-web-builder/format/lib/content/subscribe";import{DeclaredRecordTypeProvider as S,declaredRecordTypeOf as D}from"./current-record.js";import{PublishedPageFrame as N}from"efficient-web-builder/render/lib/puck/page-frame";import{PreviewProductProvider as x}from"./preview-product.js";import{TemplateProductKindProvider as E}from"./template-product-kind.js";function K(r,t){const{kind:n}=r;if(n===R){const i=B(r);return m("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[t??null,e(g,{inline:!0,content:i})]})}if(n===v){const i=P(r);return m("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[t??null,e(p,{children:e(f,{preview:!0,children:e(a,{content:i})})})]})}return n===C?m("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[t??null,e(h,{layout:b(r).layout})]}):null}function T({rootProps:r,children:t}){const{kind:n,puck:i,previewProduct:d}=r,c=!!i?.isEditing,o=_(typeof n=="string"?n:"",r);return e(S,{type:D(r),children:e(E,{kind:o,children:e(s,{content:w(r),children:e(x,{slug:c?d:null,children:e(u,{children:t})})})})})}function $(r){const t=K(r);if(t)return t;const{children:n,widthMode:i,fullWidth:d,pageWidth:c,pageBackground:o,kind:l}=r;return e(N,{pageBackground:o,inheritBackground:l===k&&!y(o),w:{widthMode:i,fullWidth:d,pageWidth:c},children:e(T,{rootProps:r,children:n})})}export{T as StorefrontPageProviders,$ as drawPublishedStorefrontRoot,K as drawSystemPage};

package/dist/render/lib/puck/subscribe-content-type.d.ts

@@ -0,0 +1,10 @@
+export declare const SUBSCRIBE_CONTENT_TYPES: readonly ["issues", "posts"];
+export type SubscribeContentType = (typeof SUBSCRIBE_CONTENT_TYPES)[number];
+export declare const SUBSCRIBE_CONTENT_TYPE_OPTIONS: readonly {
+    label: string;
+    value: SubscribeContentType;
+}[];
+export declare const SUBSCRIBE_CONTENT_TYPE_DEFAULT: SubscribeContentType;
+export declare function subscribeContentTypeOf(value: unknown): SubscribeContentType;
+export declare const SUBSCRIBE_CONTENT_TYPE_FIELDS: Record<string, readonly SubscribeContentType[]>;
+export declare function withSubscribeContentRules<T extends Record<string, unknown>>(fields: T): T;

package/dist/render/lib/puck/subscribe-content-type.js

@@ -0,0 +1 @@
+import{shownForOption as p,withRowRules as i}from"efficient-web-builder/format/lib/puck/show-when-attach";const t=["issues","posts"],T=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],e="issues";function E(s){return t.includes(s)?s:e}const r={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function S(s){return i(s,Object.entries(r).map(([o,n])=>[[o],p("contentType",t,e,n)]))}export{t as SUBSCRIBE_CONTENT_TYPES,e as SUBSCRIBE_CONTENT_TYPE_DEFAULT,r as SUBSCRIBE_CONTENT_TYPE_FIELDS,T as SUBSCRIBE_CONTENT_TYPE_OPTIONS,E as subscribeContentTypeOf,S as withSubscribeContentRules};

package/dist/render/lib/puck/template-product-kind.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import type { ProductKind } from "../api/index.js";
+export declare function TemplateProductKindProvider({ kind, children, }: {
+    kind?: ProductKind | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useTemplateProductKind(): ProductKind;

package/dist/render/lib/puck/template-product-kind.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{createContext as n,useContext as l}from"react";const e=n("alloy-wheel");function c({kind:t,children:o}){return r(e.Provider,{value:t??"alloy-wheel",children:o})}function d(){return l(e)}export{c as TemplateProductKindProvider,d as useTemplateProductKind};

package/dist/render/lib/sections/card-image-sizes.d.ts

@@ -0,0 +1,12 @@
+import { type ViewTier } from "efficient-easel/screen/lib/content/view-tiers";
+import { type PlpColumns } from "../wheels/plp-grid.js";
+export declare const CARD_IMAGE_INSET = "4rem";
+export interface CardImageStep {
+    below: number;
+    slot: string;
+}
+export declare function cardImageSlot(columns: number): string;
+export declare function cardImageSizes(steps: readonly CardImageStep[], widest: string): string;
+export declare function gridClassImageSizes(gridClass: string, cards?: number): string;
+export declare const CARD_IMAGE_SIZES: string;
+export declare function plpCardImageSizes(columns: PlpColumns, tier?: ViewTier | null): string;

package/dist/render/lib/sections/card-image-sizes.js

@@ -0,0 +1 @@
+import{VIEW_DESKTOP_MIN as m,VIEW_TABLET_MIN as I}from"efficient-easel/screen/lib/content/view-tiers";import{PLP_AUTO_MIN_CARD_PX as _,PLP_COLUMNS_AUTO as b,PLP_FIXED_MIN_CARD_PX as d}from"../wheels/plp-grid.js";import{fillRow as P,gridColumnsOf as f}from"./fill-row.js";const w="4rem";function r(t){return`calc(${t<=1?"100vw":`100vw / ${t}`} - ${w})`}function a(t,o){return[...[...t].sort((e,s)=>e.below-s.below).map(e=>`(max-width: ${e.below-.02}px) ${e.slot}`),o].join(", ")}function S(t,o){const l=f(t),{base:e,steps:s}=o===void 0?l:P(l,o);return a(s.map(i=>({below:i.below,slot:r(i.columns)})),r(e))}const E=a([{below:800,slot:r(1)},{below:1100,slot:r(2)}],r(4)),M={mobile:280,tablet:640,desktop:720},p=48,c=(t,o)=>Math.max(1,Math.floor((t+p)/(o+p)));function n(t,o){const l=M[t];if(o===b){const e=c(l,_);return e<2?r(1):`${Math.ceil(_*(e+1)/e)}px`}return r(Math.min(o,c(l,d)))}function C(t,o=null){return o?n(o,t[o]):a([{below:I,slot:n("mobile",t.mobile)},{below:m,slot:n("tablet",t.tablet)}],n("desktop",t.desktop))}export{w as CARD_IMAGE_INSET,E as CARD_IMAGE_SIZES,a as cardImageSizes,r as cardImageSlot,S as gridClassImageSizes,C as plpCardImageSizes};

package/dist/render/lib/sections/card-show-defaults.d.ts

@@ -0,0 +1,10 @@
+export declare const LISTING_CARD_SHOW: {
+    readonly showCardSizes: true;
+    readonly showCardBuy: true;
+    readonly showCardPage: true;
+};
+export declare const GRID_CARD_SHOW: {
+    readonly showCardSizes: true;
+    readonly showCardBuy: false;
+    readonly showCardPage: false;
+};

package/dist/render/lib/sections/card-show-defaults.js

@@ -0,0 +1 @@
+const e={showCardSizes:!0,showCardBuy:!0,showCardPage:!0},r={showCardSizes:!0,showCardBuy:!1,showCardPage:!1};export{r as GRID_CARD_SHOW,e as LISTING_CARD_SHOW};

package/dist/render/lib/sections/catalog-filter-layout.d.ts

@@ -0,0 +1,7 @@
+export type FilterBarLayout = "pills" | "columns";
+export declare const DEFAULT_FILTER_BAR_LAYOUT: FilterBarLayout;
+export declare const FILTER_BAR_LAYOUT_OPTIONS: readonly {
+    label: string;
+    value: FilterBarLayout;
+}[];
+export declare function parseFilterBarLayout(value: unknown): FilterBarLayout;

package/dist/render/lib/sections/catalog-filter-layout.js

@@ -0,0 +1 @@
+import{parseOption as o}from"efficient-web-builder/format/lib/parse-option";const e="pills",r=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function p(l){return o(r,e,l)}export{e as DEFAULT_FILTER_BAR_LAYOUT,r as FILTER_BAR_LAYOUT_OPTIONS,p as parseFilterBarLayout};

package/dist/render/lib/sections/fill-row.d.ts

@@ -0,0 +1,16 @@
+export interface GridColumnStep {
+    below: number;
+    columns: number;
+}
+export interface GridColumns {
+    base: number;
+    steps: GridColumnStep[];
+}
+export declare function gridColumnsOf(gridClass: string): GridColumns;
+export declare function fillRowColumns(columns: number, cards: number): number;
+export declare function fillRow(grid: GridColumns, cards: number): GridColumns;
+export interface FillRowCards {
+    limit?: number;
+    cards?: number;
+}
+export declare function fillRowCss(cls: string, gridClass: string, { limit, cards }?: FillRowCards): string;

package/dist/render/lib/sections/fill-row.js

@@ -0,0 +1 @@
+function h(o){const e=/(?:^|\s)grid-cols-(\d+)(?=\s|$)/.exec(o);if(!e)throw new Error(`gridColumnsOf: no base grid-cols-N in "${o}"`);const t=[...o.matchAll(/(?:^|\s)max-\[(\d+)px\]:grid-cols-(\d+)(?=\s|$)/g)].map(s=>({below:Number(s[1]),columns:Number(s[2])})).sort((s,i)=>i.below-s.below);return{base:Number(e[1]),steps:t}}function a(o,e){return Math.max(1,Math.min(o,Math.floor(e)))}function w(o,e){return{base:a(o.base,e),steps:o.steps.map(t=>({below:t.below,columns:a(t.columns,e)}))}}const p=o=>`grid-template-columns:repeat(${o},minmax(0,1fr))`;function $(o,e,{limit:t,cards:s}={}){const{base:i,steps:l}=h(e),r=typeof t=="number"&&t>0?t:void 0,b=Math.max(i,...l.map(n=>n.columns));if(s!==void 0&&Math.min(s,r??1/0)>=b)return"";const x=[{min:l[0]?.below,max:void 0,columns:i},...l.map((n,u)=>({min:l[u+1]?.below,max:n.below,columns:n.columns}))],d=[];for(const n of x){const u=r===void 0?n.columns:a(n.columns,r),m=[];u<n.columns&&m.push(`.${o}.${o}{${p(u)}}`);for(let c=u-1;c>=1;c--)m.push(`.${o}:not(:has(> :nth-child(${c+1}))){${p(c)}}`);if(m.length===0)continue;const f=n.min!==void 0&&n.max!==void 0?`(${n.min}px <= width < ${n.max}px)`:n.max!==void 0?`(width < ${n.max}px)`:n.min!==void 0?`(width >= ${n.min}px)`:void 0;d.push(f?`@media ${f}{${m.join("")}}`:m.join(""))}return d.join("")}export{w as fillRow,a as fillRowColumns,$ as fillRowCss,h as gridColumnsOf};

package/dist/render/lib/sections/hero-arrangement.d.ts

@@ -0,0 +1,11 @@
+export type HeroLayout = "split" | "imageRight" | "stacked";
+export declare const HERO_LAYOUTS: readonly ["split", "imageRight", "stacked"];
+export declare const DEFAULT_HERO_LAYOUT: HeroLayout;
+export declare function parseHeroLayout(v: unknown): HeroLayout;
+export type HeroTextAlign = "left" | "center";
+export declare const DEFAULT_HERO_TEXT_ALIGN: HeroTextAlign;
+export declare function parseHeroTextAlign(v: unknown): HeroTextAlign;
+export declare const HERO_RATIO_MIN = 35;
+export declare const HERO_RATIO_MAX = 70;
+export declare const DEFAULT_HERO_RATIO = 50;
+export declare function parseHeroRatio(v: unknown): number;

package/dist/render/lib/sections/hero-arrangement.js

@@ -0,0 +1 @@
+const r=["split","imageRight","stacked"],n="split";function s(t){return r.includes(t)?t:n}const c="left";function u(t){return t==="center"?"center":"left"}const o=35,i=70,p=50;function _(t){const e=typeof t=="number"?t:Number(t);return Number.isFinite(e)?Math.min(i,Math.max(o,Math.round(e))):p}export{n as DEFAULT_HERO_LAYOUT,p as DEFAULT_HERO_RATIO,c as DEFAULT_HERO_TEXT_ALIGN,r as HERO_LAYOUTS,i as HERO_RATIO_MAX,o as HERO_RATIO_MIN,s as parseHeroLayout,_ as parseHeroRatio,u as parseHeroTextAlign};

package/dist/render/lib/sections/hero-gallery.d.ts

@@ -0,0 +1,14 @@
+import { type ImageFit } from "efficient-web-builder/format/lib/content/image-fit";
+export type HeroGalleryMode = "main" | "thumbs" | "tiled";
+export declare const HERO_GALLERY_MODES: readonly ["main", "thumbs", "tiled"];
+export declare const DEFAULT_HERO_GALLERY_MODE: HeroGalleryMode;
+export declare function parseHeroGalleryMode(v: unknown): HeroGalleryMode;
+export type HeroImageFit = ImageFit;
+export declare const HERO_IMAGE_FITS: readonly HeroImageFit[];
+export declare const DEFAULT_HERO_IMAGE_FIT: HeroImageFit;
+export declare function parseHeroImageFit(v: unknown): HeroImageFit;
+export declare function heroImageFitOptions(): {
+    label: string;
+    value: HeroImageFit;
+}[];
+export declare function resolveHeroImageFit(fit: HeroImageFit, composed: boolean): HeroImageFit;

package/dist/render/lib/sections/hero-gallery.js

@@ -0,0 +1 @@
+import{IMAGE_FIT_LABEL as o,parseImageFit as r}from"efficient-web-builder/format/lib/content/image-fit";const n=["main","thumbs","tiled"],i="thumbs";function c(t){return n.includes(t)?t:i}const p=["contain","cover"],E="contain";function s(t){return r(t,E)}function _(){return p.map(t=>({label:o[t],value:t}))}function m(t,e){return e?"contain":t}export{i as DEFAULT_HERO_GALLERY_MODE,E as DEFAULT_HERO_IMAGE_FIT,n as HERO_GALLERY_MODES,p as HERO_IMAGE_FITS,_ as heroImageFitOptions,c as parseHeroGalleryMode,s as parseHeroImageFit,m as resolveHeroImageFit};

package/dist/render/lib/sections/hero-price-placement.d.ts

@@ -0,0 +1,7 @@
+export type HeroPricePlacement = "top" | "belowSpecs";
+export declare const DEFAULT_HERO_PRICE_PLACEMENT: HeroPricePlacement;
+export declare const HERO_PRICE_PLACEMENT_OPTIONS: readonly {
+    label: string;
+    value: HeroPricePlacement;
+}[];
+export declare function parseHeroPricePlacement(value: unknown): HeroPricePlacement;

package/dist/render/lib/sections/hero-price-placement.js

@@ -0,0 +1 @@
+import{parseOption as t}from"efficient-web-builder/format/lib/parse-option";const o="top",r=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function l(e){return t(r,o,e)}export{o as DEFAULT_HERO_PRICE_PLACEMENT,r as HERO_PRICE_PLACEMENT_OPTIONS,l as parseHeroPricePlacement};

package/dist/render/lib/select-keys.d.ts

@@ -0,0 +1,18 @@
+export interface KeyItem {
+    label: string;
+    disabled?: boolean;
+}
+export interface KeyState {
+    open: boolean;
+    focus: number;
+    typed: string;
+}
+export interface KeyStep {
+    state: KeyState;
+    commit?: number;
+    refocus?: boolean;
+    handled: boolean;
+}
+export declare const TYPEAHEAD_RESET_MS = 500;
+export declare function firstFocus(items: readonly KeyItem[], chosen: number): number;
+export declare function selectKey(state: KeyState, key: string, items: readonly KeyItem[]): KeyStep;

package/dist/render/lib/select-keys.js

@@ -0,0 +1 @@
+const h=500,d=(t,e)=>!!t[e]&&!t[e].disabled;function s(t,e,n){const a=t.length;for(let u=1;u<=a;u++){const r=((e+n*u)%a+a)%a;if(d(t,r))return r}return e}function c(t,e){return s(t,e===1?-1:t.length,e)}function w(t,e){return d(t,e)?e:Math.max(c(t,1),0)}function E(t,e,n){const{open:a,focus:u}=t,r=o=>({...t,...o});if(e.length===1&&/\S/.test(e)){const o=t.typed+e.toLowerCase(),f=n.findIndex((l,p)=>d(n,p)&&l.label.toLowerCase().startsWith(o));return{state:r({open:!0,typed:o,focus:f>=0?f:u}),handled:!0}}if(!a)return e==="ArrowDown"||e==="ArrowUp"||e==="Enter"||e===" "?{state:r({open:!0,typed:""}),handled:!0}:{state:t,handled:!1};switch(e){case"ArrowDown":return{state:r({focus:s(n,u,1)}),handled:!0};case"ArrowUp":return{state:r({focus:s(n,u,-1)}),handled:!0};case"Home":return{state:r({focus:c(n,1)}),handled:!0};case"End":return{state:r({focus:c(n,-1)}),handled:!0};case"Enter":case" ":return d(n,u)?{state:r({open:!1,typed:""}),commit:u,refocus:!0,handled:!0}:{state:t,handled:!0};case"Escape":return{state:r({open:!1,typed:""}),refocus:!0,handled:!0};case"Tab":return{state:r({open:!1,typed:""}),handled:!1};default:return{state:t,handled:!1}}}export{h as TYPEAHEAD_RESET_MS,w as firstFocus,E as selectKey};

package/dist/render/lib/site-headers.d.ts

@@ -0,0 +1,3 @@
+export declare const SITE_SLUG_HEADER = "x-storefront-site";
+export declare const SITE_HOST_HEADER = "x-storefront-host";
+export declare const PREVIEW_TOKEN_HEADER = "x-storefront-preview";

package/dist/render/lib/site-headers.js

@@ -0,0 +1 @@
+const t="x-storefront-site",o="x-storefront-host",E="x-storefront-preview";export{E as PREVIEW_TOKEN_HEADER,o as SITE_HOST_HEADER,t as SITE_SLUG_HEADER};

package/dist/render/lib/storefront-page-groups.d.ts

@@ -0,0 +1,16 @@
+import type { AdminStorefrontPage } from "./api/index.js";
+export { DYNAMIC_PAGES_GROUP, DYNAMIC_PAGES_GROUP_KEY, DYNAMIC_PAGE_KIND, MAIN_PAGES_GROUP, bucketEditorPageRows, isDynamicPageRow, type EditorPageBucket, type EditorPageRowLike, } from "efficient-web-builder/format/lib/editor-page-rows";
+export declare const LIGHTBOX_GROUP = "Popups";
+export declare const SITE_GROUP = "Site";
+export declare function pageAnswersAtOwnSlug(page: {
+    kind?: string | null;
+    layout: unknown;
+}): boolean;
+export declare function pageMenuLabel(page: AdminStorefrontPage): string;
+export declare function pageGroup(page: AdminStorefrontPage): string | null;
+export interface PageMenuGroup {
+    key: string;
+    group: string | null;
+    pages: AdminStorefrontPage[];
+}
+export declare function groupPagesForMenu(pages: AdminStorefrontPage[]): PageMenuGroup[];

package/dist/render/lib/storefront-page-groups.js

@@ -0,0 +1 @@
+import{SUBSCRIBE_POPUP_SLUG as _,isSystemPageSlug as i}from"efficient-web-builder/format/lib/content/subscribe";import{CART_DRAWER_SLUG as S}from"efficient-web-builder/format/lib/content/cart-drawer";import{CONSENT_BANNER_SLUG as E}from"efficient-web-builder/format/lib/content/consent-banner";import{layoutDeclaredProductKind as G}from"efficient-web-builder/format/lib/content/product-page";import{SITE_FOOTER_SLUG as A}from"efficient-web-builder/format/lib/content/footer";import{orderPages as R}from"./storefront-page-order.js";import{isDynamicPageRow as d}from"efficient-web-builder/format/lib/editor-page-rows";import{DYNAMIC_PAGES_GROUP as x,DYNAMIC_PAGES_GROUP_KEY as L,DYNAMIC_PAGE_KIND as h,MAIN_PAGES_GROUP as B,bucketEditorPageRows as Y,isDynamicPageRow as F}from"efficient-web-builder/format/lib/editor-page-rows";const g="Popups",f="Site";function C(e){return d(e)?!1:G(e.layout)===null}const c={[_]:{label:"Site popup",group:g},[A]:{label:"Footer",group:f},[S]:{label:"Cart drawer",group:f},[E]:{label:"Cookie banner",group:g}};function D(e){return c[e.slug]?.label||e.title||e.slug}function a(e){const t=e.group?.trim();return t||null}function P(e,t){const r=new Map;for(const s of e){const u=t(s),n=r.get(u);n?n.push(s):r.set(u,[s])}return r}function M(e){const t=R(e),r=[],s=t.filter(o=>!i(o.slug)),u=s.filter(o=>!a(o));u.length&&r.push({key:"top",group:null,pages:u});const n=s.filter(o=>a(o));for(const[o,p]of P(n,l=>a(l)))r.push({key:`folder:${o}`,group:o,pages:p});const m=t.filter(o=>i(o.slug));for(const[o,p]of P(m,l=>c[l.slug]?.group??g))r.push({key:`system:${o}`,group:o,pages:p});return r}export{x as DYNAMIC_PAGES_GROUP,L as DYNAMIC_PAGES_GROUP_KEY,h as DYNAMIC_PAGE_KIND,g as LIGHTBOX_GROUP,B as MAIN_PAGES_GROUP,f as SITE_GROUP,Y as bucketEditorPageRows,M as groupPagesForMenu,F as isDynamicPageRow,C as pageAnswersAtOwnSlug,a as pageGroup,D as pageMenuLabel};

package/dist/render/lib/storefront-page-order.d.ts

@@ -0,0 +1,3 @@
+import type { AdminStorefrontPage } from "./api/index.js";
+export declare const PAGE_ORDER: string[];
+export declare const orderPages: (pages: AdminStorefrontPage[]) => AdminStorefrontPage[];

package/dist/render/lib/storefront-page-order.js

@@ -0,0 +1 @@
+const s=["home","products","gallery","about","contact"],a=r=>{const t=r.slug.trim().toLowerCase(),o=(r.title??"").trim().toLowerCase(),e=s.findIndex(n=>n===t||n===o);return e===-1?Number.POSITIVE_INFINITY:e},c=r=>r.map((t,o)=>({page:t,idx:o,rank:a(t)})).sort((t,o)=>t.rank-o.rank||t.idx-o.idx).map(t=>t.page);export{s as PAGE_ORDER,c as orderPages};

package/dist/render/lib/submit/text-kinds.d.ts

@@ -0,0 +1,11 @@
+import { type FontRole } from "efficient-web-builder/format/lib/fonts";
+export declare const SUBMIT_TEXT_KINDS: readonly ["field", "tick", "thanks"];
+export type SubmitTextKind = (typeof SUBMIT_TEXT_KINDS)[number];
+export declare const SUBMIT_TEXT_KIND_LABELS: Record<SubmitTextKind, string>;
+export declare const SUBMIT_KIND_PROP: Record<SubmitTextKind, string>;
+export declare const SUBMIT_KIND_VARS: Record<SubmitTextKind, {
+    font: string;
+    size: string;
+}>;
+export declare function submitKindRole(value: unknown): FontRole | null;
+export declare function submitKindStyle(props: Record<string, unknown>): Record<string, string>;

package/dist/render/lib/submit/text-kinds.js

@@ -0,0 +1 @@
+import{FONT_ROLES as f}from"efficient-web-builder/format/lib/fonts";import{partStyleDeclarations as l}from"efficient-web-builder/render/lib/puck/part-styles";const c=["field","tick","thanks"],T={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},r={field:"styleField",tick:"styleTick",thanks:"styleThanks"},s={field:{font:"--sb-field-font",size:"--sb-field-size"},tick:{font:"--sb-tick-font",size:"--sb-tick-size"},thanks:{font:"--sb-thanks-font",size:"--sb-thanks-size"}};function a(t){return typeof t=="string"&&f.includes(t)?t:null}const k={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function _(t){const n={};for(const e of c){const o=a(t[r[e]]);if(!o)continue;const i=l({role:o},k);i.fontFamily&&(n[s[e].font]=i.fontFamily),i.fontSize&&(n[s[e].size]=i.fontSize)}return n}export{r as SUBMIT_KIND_PROP,s as SUBMIT_KIND_VARS,c as SUBMIT_TEXT_KINDS,T as SUBMIT_TEXT_KIND_LABELS,a as submitKindRole,_ as submitKindStyle};

package/dist/render/lib/tyres/eu-tyre-label.d.ts

@@ -0,0 +1,29 @@
+import type { TyreVariant } from "../api/index.js";
+export interface EuTyreLabel {
+    size: string;
+    registrationNumber: string;
+    fuelClass: string;
+    wetGripClass: string;
+    rollingNoiseDb: number | null;
+    rollingNoiseClass: string;
+    iceGrip: boolean;
+    severeSnow: boolean;
+    loadIndicator: string;
+    eprelUrl: string;
+}
+interface TyreCatalogueRow {
+    energy_class?: string | null;
+    wet_grip_class?: string | null;
+    external_rolling_noise_value?: number | null;
+    external_rolling_noise_class?: string | null;
+    ice_tire?: boolean | null;
+    severe_snow_tire?: boolean | null;
+    load_indicator?: string | null;
+    eprel_url?: string | null;
+}
+export declare function noiseLabel(label: EuTyreLabel): string | null;
+export declare function tyreCatalogPath(registrationNumber: string): string;
+export declare function toEuTyreLabel(size: string, registrationNumber: string, row: TyreCatalogueRow): EuTyreLabel | null;
+export declare function loadEuTyreLabel(variant: TyreVariant): Promise<EuTyreLabel | null>;
+export declare function loadEuTyreLabels(variants: TyreVariant[]): Promise<EuTyreLabel[]>;
+export {};

package/dist/render/lib/tyres/eu-tyre-label.js

@@ -0,0 +1 @@
+import{API_URL as s,apiFetch as a}from"../api/index.js";function g(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function u(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function c(e,l,r){const n=(r.eprel_url??"").trim();if(!n)return null;const t=(r.energy_class??"").trim(),i=(r.wet_grip_class??"").trim(),o=typeof r.external_rolling_noise_value=="number"?r.external_rolling_noise_value:null;return!t&&!i&&o===null?null:{size:e,registrationNumber:l,fuelClass:t,wetGripClass:i,rollingNoiseDb:o,rollingNoiseClass:(r.external_rolling_noise_class??"").trim(),iceGrip:r.ice_tire===!0,severeSnow:r.severe_snow_tire===!0,loadIndicator:(r.load_indicator??"").trim(),eprelUrl:n}}async function _(e){const l=(e.eprelRegistrationNumber??"").trim();if(!l)return null;try{const r=await a(u(l),{baseUrl:s});return c(e.size,l,r)}catch{return null}}async function m(e){return(await Promise.all(e.map(_))).filter(r=>r!==null)}export{_ as loadEuTyreLabel,m as loadEuTyreLabels,g as noiseLabel,c as toEuTyreLabel,u as tyreCatalogPath};

package/dist/render/lib/tyres/placeholder-tyre.d.ts

@@ -0,0 +1,2 @@
+import type { Tyre } from "../api/index.js";
+export declare const PLACEHOLDER_TYRE: Tyre;

package/dist/render/lib/tyres/placeholder-tyre.js

@@ -0,0 +1 @@
+const s={GBP:0,USD:0,AUD:0},o={loadIndex:"00",speedRating:"—",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},t=["205/55 R16","225/45 R17","245/40 R19"],r={slug:"sample-tyre",name:"Tyre Model",brand:"Brand",designCode:"SAMPLE",description:"",shortDescription:"Tyre description — replace this with your own copy.",seoTitle:"",seoDescription:"",coverImage:null,inStock:!0,sizes:[...t],variants:t.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...o},prices:{...s},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};export{r as PLACEHOLDER_TYRE};

package/dist/render/lib/tyres/spec-sheet.d.ts

@@ -0,0 +1,12 @@
+import type { TyreVariant } from "../api/index.js";
+import { type EuTyreLabel } from "./eu-tyre-label.js";
+import type { SpecSheetRow } from "../wheels/spec-sheet.js";
+export interface TyreSpecSheetSource {
+    brand: string;
+    variant: TyreVariant | null | undefined;
+    euLabel?: EuTyreLabel | null;
+}
+export interface TyreSpecSheet {
+    rows: SpecSheetRow[];
+}
+export declare function buildTyreSpecSheet(source: TyreSpecSheetSource): TyreSpecSheet;

package/dist/render/lib/tyres/spec-sheet.js

@@ -0,0 +1 @@
+import{noiseLabel as n}from"./eu-tyre-label.js";import{parseTyreSize as d}from"./tyre-size.js";function c(s){const{brand:a,variant:i,euLabel:e}=s;if(!i)return[];const t=d(i.size),r=i.specs,o=r;return[["size","Size",i.size],["section_width","Section Width",t?`${t.width} mm`:""],["aspect_ratio","Aspect Ratio",t?`${t.profile}`:""],["rim_diameter","Rim Diameter",t?`${t.rim}"`:""],["construction","Construction",r.construction],["load_index","Load Index",r.loadIndex],["speed_rating","Speed Rating",r.speedRating],["max_load_lbs","Max Load",o.maxLoad??""],["max_psi","Max Pressure",o.maxPressure??""],["tread_depth","Tread Depth",o.treadDepth??""],["overall_diameter","Overall Diameter",o.overallDiameter??""],["tread_pattern","Tread Pattern",r.treadPattern],["tire_type","Type",r.tireType],["brand","Manufacturer",a],["","Fuel Efficiency",e?.fuelClass??""],["","Wet Grip",e?.wetGripClass??""],["","Noise",e&&n(e)||""],["","Snow Grip",e?.severeSnow?"Yes":""],["","Ice Grip",e?.iceGrip?"Yes":""],["","Reinforced",e?.loadIndicator??""]]}function u(s){const a=[];for(const[i,e,t]of c(s)){const r=(t??"").trim();r&&a.push(i?{label:e,value:r,fieldKey:i}:{label:e,value:r})}return{rows:a}}export{u as buildTyreSpecSheet};

package/dist/render/lib/tyres/tyre-brand-name.d.ts

@@ -0,0 +1,2 @@
+export declare function tyreHeading(brand: string, name: string): string;
+export declare function tyreModelLine(brand: string, name: string): string;

package/dist/render/lib/tyres/tyre-brand-name.js

@@ -0,0 +1 @@
+function o(r,e){const t=e.trim(),n=r.trim();return n?t?i(t,n)?t:`${n} ${t}`:n:t}function l(r,e){const t=e.trim(),n=r.trim();return!n||!i(t,n)?t:t.slice(n.length).replace(/^[^\p{L}\p{N}]+/u,"")||t}function i(r,e){if(r.length<e.length||r.slice(0,e.length).toLowerCase()!==e.toLowerCase())return!1;const t=r[e.length];return t===void 0||!/[\p{L}\p{N}]/u.test(t)}export{o as tyreHeading,l as tyreModelLine};

package/dist/render/lib/tyres/tyre-fit-copy.d.ts

@@ -0,0 +1,3 @@
+import type { TyreFitAnswer, TyreFitStatus } from "./tyre-vehicle-fitment.js";
+export declare function tyreFitHeadline(answer: TyreFitAnswer): string;
+export declare const TYRE_FIT_LABEL: Record<TyreFitStatus, string>;

package/dist/render/lib/tyres/tyre-fit-copy.js

@@ -0,0 +1 @@
+function o(t){const e=t.oemSizes.length>0?` Your car takes ${t.oemSizes.join(", ")}.`:"";return t.status==="fits"?`This tyre is made in a size your car takes.${e}`:t.status==="doesNotFit"?`This tyre is not made in a size your car takes.${e}`:"We don’t hold factory tyre sizes for this car, so we can’t tell you whether this tyre fits it. Please check your car’s door placard or ask us before ordering."}const s={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};export{s as TYRE_FIT_LABEL,o as tyreFitHeadline};

package/dist/render/lib/tyres/tyre-page-path.d.ts

@@ -0,0 +1,2 @@
+export declare const TYRE_PATH_PREFIX = "/tyres";
+export declare function tyrePagePath(slug: string | null | undefined): string | null;

package/dist/render/lib/tyres/tyre-page-path.js

@@ -0,0 +1 @@
+const r="/tyres";function e(t){return t?`${r}/${t}`:null}export{r as TYRE_PATH_PREFIX,e as tyrePagePath};

package/dist/render/lib/tyres/tyre-purchase.d.ts

@@ -0,0 +1,12 @@
+import { type PurchaseChoice, type SetComponent } from "../commerce.js";
+import { type TyreFitAnswer } from "./tyre-vehicle-fitment.js";
+import type { CartLine } from "../../components/CartContext.js";
+import type { Tyre, TyreVariant } from "../api/index.js";
+export declare function tyrePackComposition(variant: {
+    sku: string;
+    prices: Record<string, number | null>;
+}, choice: PurchaseChoice): SetComponent[];
+export declare function tyreCartLine(tyre: Pick<Tyre, "slug" | "name" | "brand">, variant: Pick<TyreVariant, "sku" | "size" | "prices">, pack: PurchaseChoice, qty: number): CartLine;
+export declare function isTyreLine(line: Pick<CartLine, "kind">): boolean;
+export declare function tyreFitWarning(answer: TyreFitAnswer | null, sku: string): string | null;
+export declare function canOrderTyreVariant(variant: Pick<TyreVariant, "prices" | "inStock">, currency: string): boolean;

package/dist/render/lib/tyres/tyre-purchase.js

@@ -0,0 +1 @@
+import{packComposition as o,packLabel as n}from"../commerce.js";import{variantFitStatus as s}from"./tyre-vehicle-fitment.js";import{tyrePagePath as u}from"./tyre-page-path.js";import{splitWheelName as c}from"../wheels/wheel-name.js";function m(e,t){return o({partNumber:e.sku,prices:e.prices},t)}const p="Tyre";function k(e,t,r,i){return{id:`${e.slug}|${t.sku}|${r.unit}|${r.spares>0?"spare":"no-spare"}`,slug:e.slug,name:c(e.name),process:e.brand||p,positionNo:"01",config:[{label:t.size},{label:n(r)}],finishName:"",size:t.size,components:m(t,r),qty:i,href:u(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:r}}function g(e){return e.kind==="tyre"}function h(e,t){if(s(e,t)!=="doesNotFit")return null;const r=e.oemSizes;return`${r.length>0?`Your car takes ${r.join(", ")}.`:"It isn’t one of the sizes your car takes."} You can still order this size — check it suits your car first.`}function y(e,t){const r=e.prices?.[t];return typeof r!="number"||!Number.isFinite(r)||r<=0?!1:e.inStock}export{y as canOrderTyreVariant,g as isTyreLine,k as tyreCartLine,h as tyreFitWarning,m as tyrePackComposition};

package/dist/render/lib/tyres/tyre-size-fit.d.ts

@@ -0,0 +1,12 @@
+import { type TyreFitAnswer, type TyreFitStatus } from "./tyre-vehicle-fitment.js";
+import type { TyreVariant } from "../api/index.js";
+export declare function tyreSizeFitStatus(answer: TyreFitAnswer | null, variants: readonly TyreVariant[], size: string): TyreFitStatus;
+export declare const TYRE_FIT_CHIP: Record<TyreFitStatus, {
+    color: string | undefined;
+    dashed: boolean;
+}>;
+export interface TyreFitSizeChip {
+    size: string;
+    made: boolean;
+}
+export declare function tyreFitSizeChips(answer: TyreFitAnswer | null, variants: readonly TyreVariant[]): TyreFitSizeChip[];

package/dist/render/lib/tyres/tyre-size-fit.js

@@ -0,0 +1 @@
+import{variantFitStatus as p}from"./tyre-vehicle-fitment.js";import{parseTyreSize as h,tyreSizeLabel as z}from"./tyre-size.js";function m(o,u,i){if(!o)return"unknown";const r=u.filter(n=>n.size===i);if(r.length===0)return"unknown";const s=r.map(n=>p(o,n.sku));return s.includes("fits")?"fits":s.every(n=>n==="doesNotFit")?"doesNotFit":"unknown"}const k={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function y(o,u){if(!o)return[];const i=[];for(const e of u)i.includes(e.size)||i.push(e.size);const r=i.filter(e=>m(o,u,e)==="fits"),s=e=>{const t=h(e);return t?z(t):null},n=new Map;for(const e of r){const t=s(e);t!==null&&!n.has(t)&&n.set(t,e)}const f=[],c=new Set,d=new Set;for(const e of o.oemSizes){const t=s(e),l=t===null?void 0:n.get(t),a=l??e;c.has(a)||(c.add(a),t!==null&&d.add(t),f.push({size:a,made:l!==void 0}))}for(const e of r){const t=s(e);t!==null&&d.has(t)||c.has(e)||(c.add(e),f.push({size:e,made:!0}))}return f}export{k as TYRE_FIT_CHIP,y as tyreFitSizeChips,m as tyreSizeFitStatus};

package/dist/render/lib/tyres/tyre-size.d.ts

@@ -0,0 +1,11 @@
+export interface TyreSize {
+    width: number;
+    profile: number;
+    rim: number;
+}
+export declare const TYRE_SIZE_PARTS: readonly ["width", "profile", "rim"];
+export type TyreSizePart = (typeof TYRE_SIZE_PARTS)[number];
+export declare const TYRE_SIZE_PART_LABELS: Record<TyreSizePart, string>;
+export declare function parseTyreSize(label: string | null | undefined): TyreSize | null;
+export declare function tyreSizeLabel(size: Partial<TyreSize>): string;
+export declare function tyreSizeLabels(size: TyreSize): string[];

package/dist/render/lib/tyres/tyre-size.js

@@ -0,0 +1 @@
+const u=["width","profile","rim"],c={width:"Width",profile:"Profile",rim:"Rim"},d=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,f={width:[100,500],profile:[20,100],rim:[10,30]};function m(r){const t=d.exec(r??"");if(!t)return null;const i={width:Number(t[1]),profile:Number(t[2]),rim:Number(t[3])};return u.every(n=>{const[o,l]=f[n];return i[n]>=o&&i[n]<=l})?i:null}function e(r){if(r.width==null)return"";if(r.profile==null)return String(r.width);const t=`${r.width}/${r.profile}`;return r.rim==null?t:`${t} R${r.rim}`}function w(r){return[e({width:r.width}),e({width:r.width,profile:r.profile}),e(r)]}export{u as TYRE_SIZE_PARTS,c as TYRE_SIZE_PART_LABELS,m as parseTyreSize,e as tyreSizeLabel,w as tyreSizeLabels};

package/dist/render/lib/tyres/tyre-vehicle-fitment.d.ts

@@ -0,0 +1,17 @@
+import type { StockFitment, TyreVehicleFitment } from "../api/index.js";
+import type { VehicleSelection } from "../wheels/fitment-options.js";
+export type TyreFitStatus = TyreVehicleFitment["status"];
+export type TyreFitAnswer = TyreVehicleFitment;
+export interface TyreFitVehicleQuery {
+    make: string;
+    model: string;
+    year: number;
+    modification: string;
+}
+export declare function tyreFitQuery(vehicle: VehicleSelection | null | undefined): TyreFitVehicleQuery | null;
+export declare function tyreVehicleFitmentPath(slug: string, vehicle: TyreFitVehicleQuery): string;
+export declare function toTyreFitAnswer(vehicle: TyreFitVehicleQuery, raw: unknown): TyreFitAnswer;
+export declare function loadTyreVehicleFitment(slug: string, vehicle: TyreFitVehicleQuery): Promise<TyreFitAnswer>;
+export declare function oemTyreSizes(stock: StockFitment | null | undefined): string[];
+export declare function oemBadgeSize(tyreSizes: readonly string[], oemSizes: readonly string[]): string | null;
+export declare function variantFitStatus(answer: TyreFitAnswer | null, sku: string): TyreFitStatus;