@cimplify/sdk 0.24.2 → 0.26.0

package/dist/react.d.mts

@@ -1,9 +1,9 @@
-import React, { ReactNode } from 'react';
+import React$1, { ReactNode } from 'react';
 import { A as AdSlot, a as AdPosition, e as AdContextValue } from './ads-BxbWrwqp.mjs';
 export { c as AdConfig, g as getVariantDisplayName } from './ads-BxbWrwqp.mjs';
-import { C as CimplifyClient, a8 as ProcessCheckoutResult, aa as CheckoutStatus, ab as CheckoutStatusContext, bK as Location, bH as Business, k as ReorderResult, aR as OrderStatus, b2 as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, bX as Service, c0 as AvailableSlot, c1 as DayAvailability, c6 as CustomerBooking, cc as CancelBookingResult, w as ActivityStateResponse, u as SessionMessage, x as ActivityRecommendation, E as DeliveryFeeResponse, cO as FxRateResponse, bR as StorefrontBootstrap, Y as ElementsOptions, d0 as AuthenticatedData, cY as AddressInfo, cZ as PaymentMethodInfo, K as CimplifyElements, d2 as ElementsCheckoutResult, a7 as ProcessCheckoutOptions, b1 as LineItem, bY as Staff, bP as Room } from './index-DIHoZUz_.mjs';
-import { a as CurrencyCode, J as Product, d as Pagination, h as CimplifyError, L as ProductWithDetails, a6 as Category, M as Money, b1 as BundleSelectionInput, aw as ComponentSelectionInput, b4 as BundleSelectionData, b7 as CompositeSelectionData, a8 as Collection, aE as ProductTaxonomy, aF as TaxonomyWithChildren, aD as ProductTimeProfile, aI as Deal, aJ as ProductDealInfo, aK as DiscountValidation, ad as BundleSummary, ax as CompositePriceResult, y as CustomAttributeDefinition, G as PropertyFacet, bJ as ProductBillingPlan, N as VariantView, X as VariantAxisWithValues, a2 as AddOnWithOptions, ai as BundleComponentView, ab as BundlePriceType, at as CompositeGroupView, bc as DisplayCart, z as CustomAttributeValue, F as ProductProperty, Q as QuantityPricingTier } from './payment-DqiwuLma.mjs';
-import { P as ProductWithPrice } from './price-DVQrpE7j.mjs';
+import { C as CimplifyClient, a8 as ProcessCheckoutResult, aa as CheckoutStatus, ab as CheckoutStatusContext, bK as Location, bH as Business, k as ReorderResult, aR as OrderStatus, b2 as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, bX as Service, c0 as AvailableSlot, c1 as DayAvailability, c6 as CustomerBooking, cc as CancelBookingResult, w as ActivityStateResponse, u as SessionMessage, x as ActivityRecommendation, E as DeliveryFeeResponse, cO as FxRateResponse, bR as StorefrontBootstrap, Y as ElementsOptions, d0 as AuthenticatedData, cY as AddressInfo, cZ as PaymentMethodInfo, K as CimplifyElements, d2 as ElementsCheckoutResult, a7 as ProcessCheckoutOptions, b1 as LineItem, bY as Staff, bP as Room } from './index-7mX_cUpQ.mjs';
+import { a as CurrencyCode, N as Product, d as Pagination, h as CimplifyError, U as ProductWithDetails, a9 as Category, M as Money, b4 as BundleSelectionInput, az as ComponentSelectionInput, b7 as BundleSelectionData, ba as CompositeSelectionData, ab as Collection, aH as ProductTaxonomy, aI as TaxonomyWithChildren, aG as ProductTimeProfile, aL as Deal, aM as ProductDealInfo, aN as DiscountValidation, ag as BundleSummary, aA as CompositePriceResult, B as CustomAttributeDefinition, J as PropertyFacet, bM as ProductBillingPlan, W as VariantView, $ as VariantAxisWithValues, a5 as AddOnWithOptions, al as BundleComponentView, ae as BundlePriceType, aw as CompositeGroupView, bf as DisplayCart, F as CustomAttributeValue, H as ProductProperty, Q as QuantityPricingTier } from './payment-5a21yzi7.mjs';
+import { P as ProductWithPrice } from './price-CGPMlQUk.mjs';
 import { ClassValue } from 'clsx';
 
 interface UserIdentity {
@@ -39,17 +39,17 @@ interface AdProviderProps {
     authenticatedAccountId?: string;
     children: ReactNode;
 }
-declare function AdProvider({ siteId, apiBase, authenticatedAccountId, children, }: AdProviderProps): React.ReactElement;
+declare function AdProvider({ siteId, apiBase, authenticatedAccountId, children, }: AdProviderProps): React$1.ReactElement;
 interface AdProps {
     slot: AdSlot;
     position?: AdPosition;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
     fallback?: ReactNode;
     onImpression?: (adId: string) => void;
     onClick?: (adId: string) => void;
 }
-declare function Ad({ slot, position, className, style, fallback, onImpression, onClick, }: AdProps): React.ReactElement | null;
+declare function Ad({ slot, position, className, style, fallback, onImpression, onClick, }: AdProps): React$1.ReactElement | null;
 
 type CheckoutOrderType = "pickup" | "delivery" | "dine_in";
 interface CimplifyCheckoutProps {
@@ -79,7 +79,7 @@ interface CimplifyCheckoutProps {
     demoMode?: boolean;
     className?: string;
 }
-declare function CimplifyCheckout({ client, businessId, cartId, locationId, linkUrl, orderTypes, defaultOrderType, submitLabel, enrollInLink, onComplete, onError, onStatusChange, appearance, demoMode, className, }: CimplifyCheckoutProps): React.ReactElement;
+declare function CimplifyCheckout({ client, businessId, cartId, locationId, linkUrl, orderTypes, defaultOrderType, submitLabel, enrollInLink, onComplete, onError, onStatusChange, appearance, demoMode, className, }: CimplifyCheckoutProps): React$1.ReactElement;
 
 interface PriceProps {
     /** The amount in base (business) currency. */
@@ -100,7 +100,7 @@ interface PriceProps {
  * When used outside a provider (or with explicit `currency` prop): formats
  * directly — no provider required. Works in any React environment.
  */
-declare function Price({ amount, currency, className, prefix }: PriceProps): React.ReactElement;
+declare function Price({ amount, currency, className, prefix }: PriceProps): React$1.ReactElement;
 
 interface CimplifyClientContextValue {
     client: CimplifyClient;
@@ -132,7 +132,7 @@ interface CimplifyProviderProps {
     children: ReactNode;
     onLocationChange?: (location: Location) => void;
 }
-declare function CimplifyProvider({ client, children, onLocationChange, }: CimplifyProviderProps): React.ReactElement;
+declare function CimplifyProvider({ client, children, onLocationChange, }: CimplifyProviderProps): React$1.ReactElement;
 declare function useCimplify(): CimplifyContextValue;
 declare function useOptionalCimplify(): CimplifyContextValue | null;
 declare function useCimplifyClient(): CimplifyClientContextValue;
@@ -686,10 +686,10 @@ interface ElementsProviderProps {
     options?: ElementsOptions;
     children: ReactNode;
 }
-declare function ElementsProvider({ client, businessId, options, children, }: ElementsProviderProps): React.ReactElement;
+declare function ElementsProvider({ client, businessId, options, children, }: ElementsProviderProps): React$1.ReactElement;
 interface BaseElementProps {
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
     onReady?: () => void;
     onError?: (error: {
         code: string;
@@ -703,7 +703,7 @@ interface AuthElementProps extends BaseElementProps {
         contactMasked: string;
     }) => void;
 }
-declare function AuthElement({ className, style, prefillEmail, onReady, onAuthenticated, onRequiresOtp, onError, }: AuthElementProps): React.ReactElement | null;
+declare function AuthElement({ className, style, prefillEmail, onReady, onAuthenticated, onRequiresOtp, onError, }: AuthElementProps): React$1.ReactElement | null;
 interface AddressElementProps extends BaseElementProps {
     mode?: "shipping" | "billing";
     onChange?: (data: {
@@ -711,7 +711,7 @@ interface AddressElementProps extends BaseElementProps {
         saveToLink: boolean;
     }) => void;
 }
-declare function AddressElement({ className, style, mode, onReady, onChange, onError, }: AddressElementProps): React.ReactElement | null;
+declare function AddressElement({ className, style, mode, onReady, onChange, onError, }: AddressElementProps): React$1.ReactElement | null;
 interface PaymentElementProps extends BaseElementProps {
     amount?: number;
     currency?: CurrencyCode;
@@ -720,7 +720,7 @@ interface PaymentElementProps extends BaseElementProps {
         saveToLink: boolean;
     }) => void;
 }
-declare function PaymentElement({ className, style, amount, currency, onReady, onChange, onError, }: PaymentElementProps): React.ReactElement | null;
+declare function PaymentElement({ className, style, amount, currency, onReady, onChange, onError, }: PaymentElementProps): React$1.ReactElement | null;
 declare function useCheckout(): {
     submit: (data: {
         cart_id: string;
@@ -747,7 +747,7 @@ interface QuantitySelectorProps {
     className?: string;
     classNames?: QuantitySelectorClassNames;
 }
-declare function QuantitySelector({ value, onChange, min, max, className, classNames, }: QuantitySelectorProps): React.ReactElement;
+declare function QuantitySelector({ value, onChange, min, max, className, classNames, }: QuantitySelectorProps): React$1.ReactElement;
 
 interface VariantSelectorClassNames {
     root?: string;
@@ -771,7 +771,7 @@ interface VariantSelectorProps {
     className?: string;
     classNames?: VariantSelectorClassNames;
 }
-declare function VariantSelector({ variants, variantAxes, basePrice, selectedVariantId, onVariantChange, productName, className, classNames, }: VariantSelectorProps): React.ReactElement | null;
+declare function VariantSelector({ variants, variantAxes, basePrice, selectedVariantId, onVariantChange, productName, className, classNames, }: VariantSelectorProps): React$1.ReactElement | null;
 
 interface AddOnSelectorClassNames {
     root?: string;
@@ -794,7 +794,7 @@ interface AddOnSelectorProps {
     className?: string;
     classNames?: AddOnSelectorClassNames;
 }
-declare function AddOnSelector({ addOns, selectedOptions, onOptionsChange, className, classNames, }: AddOnSelectorProps): React.ReactElement | null;
+declare function AddOnSelector({ addOns, selectedOptions, onOptionsChange, className, classNames, }: AddOnSelectorProps): React$1.ReactElement | null;
 
 interface BundleSelectorClassNames {
     root?: string;
@@ -825,7 +825,7 @@ interface BundleSelectorProps {
     className?: string;
     classNames?: BundleSelectorClassNames;
 }
-declare function BundleSelector({ components, bundlePrice, discountValue, pricingType, onSelectionsChange, onPriceChange, onReady, className, classNames, }: BundleSelectorProps): React.ReactElement | null;
+declare function BundleSelector({ components, bundlePrice, discountValue, pricingType, onSelectionsChange, onPriceChange, onReady, className, classNames, }: BundleSelectorProps): React$1.ReactElement | null;
 
 interface CompositeSelectorClassNames {
     root?: string;
@@ -867,7 +867,7 @@ interface CompositeSelectorProps {
     className?: string;
     classNames?: CompositeSelectorClassNames;
 }
-declare function CompositeSelector({ compositeId, groups, onSelectionsChange, onPriceChange, onReady, skipPriceFetch, className, classNames, }: CompositeSelectorProps): React.ReactElement | null;
+declare function CompositeSelector({ compositeId, groups, onSelectionsChange, onPriceChange, onReady, skipPriceFetch, className, classNames, }: CompositeSelectorProps): React$1.ReactElement | null;
 
 interface ProductCustomizerClassNames {
     root?: string;
@@ -887,7 +887,7 @@ interface ProductCustomizerProps {
     className?: string;
     classNames?: ProductCustomizerClassNames;
 }
-declare function ProductCustomizer({ product, onAddToCart, showSpecialInstructions, className, classNames, }: ProductCustomizerProps): React.ReactElement;
+declare function ProductCustomizer({ product, onAddToCart, showSpecialInstructions, className, classNames, }: ProductCustomizerProps): React$1.ReactElement;
 
 interface ProductImageGalleryProps {
     images: string[];
@@ -900,7 +900,7 @@ interface ProductImageGalleryProps {
  *
  * Uses plain `<img>` for framework-agnostic rendering (not Next.js Image).
  */
-declare function ProductImageGallery({ images, productName, aspectRatio, className, }: ProductImageGalleryProps): React.ReactElement | null;
+declare function ProductImageGallery({ images, productName, aspectRatio, className, }: ProductImageGalleryProps): React$1.ReactElement | null;
 
 interface CartSummaryClassNames {
     root?: string;
@@ -939,7 +939,7 @@ interface CartSummaryProps {
  * NOT a drawer or modal — just the cart content. Templates wrap this in
  * their own drawer/modal shell with animations.
  */
-declare function CartSummary({ cart: serverCart, onCheckout, onItemRemove, onQuantityChange, emptyMessage, className, classNames, }: CartSummaryProps): React.ReactElement;
+declare function CartSummary({ cart: serverCart, onCheckout, onItemRemove, onQuantityChange, emptyMessage, className, classNames, }: CartSummaryProps): React$1.ReactElement;
 
 interface AvailabilityBadgeClassNames {
     root?: string;
@@ -970,7 +970,7 @@ interface AvailabilityBadgeProps {
  * Returns `null` for products that don't have inventory tracking enabled,
  * since there's no meaningful stock state to show.
  */
-declare function AvailabilityBadge({ product, isAvailable, isInStock, stockQuantity, lowStockThreshold, locationId, className, classNames, }: AvailabilityBadgeProps): React.ReactElement | null;
+declare function AvailabilityBadge({ product, isAvailable, isInStock, stockQuantity, lowStockThreshold, locationId, className, classNames, }: AvailabilityBadgeProps): React$1.ReactElement | null;
 
 interface SaleBadgeClassNames {
     root?: string;
@@ -998,7 +998,7 @@ interface SaleBadgeProps {
  * Returns `null` when there's no deal, no sale price difference, and no label override,
  * so it's safe to render unconditionally — it simply won't show for non-sale products.
  */
-declare function SaleBadge({ product, dealInfo, label, showOriginalPrice, showPercentage, className, classNames, }: SaleBadgeProps): React.ReactElement | null;
+declare function SaleBadge({ product, dealInfo, label, showOriginalPrice, showPercentage, className, classNames, }: SaleBadgeProps): React$1.ReactElement | null;
 
 interface ProductSheetClassNames {
     root?: string;
@@ -1022,7 +1022,7 @@ interface ProductSheetProps {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
+    }) => React$1.ReactNode;
     className?: string;
     classNames?: ProductSheetClassNames;
 }
@@ -1032,7 +1032,88 @@ interface ProductSheetProps {
  * When given a slim `Product`, it lazy-fetches the full details via `useProduct`.
  * When given a `ProductWithDetails`, it skips the fetch entirely.
  */
-declare function ProductSheet({ product, onClose, onAddToCart, renderImage, className, classNames, }: ProductSheetProps): React.ReactElement;
+declare function ProductSheet({ product, onClose, onAddToCart, renderImage, className, classNames, }: ProductSheetProps): React$1.ReactElement;
+
+interface CardLayoutProps {
+    product: Product;
+    onQuickAdd?: (product: Product) => void;
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+    }) => React$1.ReactNode;
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React$1.ReactNode;
+    }) => React$1.ReactElement;
+    className?: string;
+}
+declare function CardImage({ src, alt, aspectRatio, renderImage, className, children, }: {
+    src: string;
+    alt: string;
+    aspectRatio?: "square" | "3/4" | "4/3" | "16/9";
+    renderImage?: CardLayoutProps["renderImage"];
+    className?: string;
+    children?: React$1.ReactNode;
+}): React$1.ReactElement;
+declare function QuickAddButton({ onClick, className, }: {
+    onClick?: () => void;
+    className?: string;
+}): React$1.ReactElement;
+declare function WishlistButton({ filled, onClick, className, }: {
+    filled?: boolean;
+    onClick?: () => void;
+    className?: string;
+}): React$1.ReactElement;
+declare function SoldOutOverlay(): React$1.ReactElement;
+declare function CardShell({ product, renderLink, disabled, className, children, }: {
+    product: Product;
+    renderLink?: CardLayoutProps["renderLink"];
+    disabled?: boolean;
+    className?: string;
+    children: React$1.ReactNode;
+}): React$1.ReactElement;
+
+interface ServiceCardLayoutProps extends CardLayoutProps {
+    slots?: AvailableSlot[];
+    onBook?: (product: Product) => void;
+}
+declare function StandardServiceCard({ product, onBook, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare function FoodProductCard({ product, onQuickAdd, renderImage, renderLink, className, }: CardLayoutProps): React$1.ReactElement;
+
+declare function RetailProductCard({ product, renderImage, renderLink, className, }: CardLayoutProps): React$1.ReactElement;
+
+declare function WholesaleProductCard({ product, onQuickAdd, renderImage, renderLink, className, }: CardLayoutProps): React$1.ReactElement;
+
+declare function DigitalProductCard({ product, renderImage, renderLink, className, }: CardLayoutProps): React$1.ReactElement;
+
+declare function CompactServiceCard({ product, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare function ScheduleServiceCard({ product, slots, onBook, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare function RentalServiceCard({ product, onBook, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare function AccommodationCard({ product, onBook, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare function LeaseServiceCard({ product, onBook, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare function SubscriptionCard({ product, onBook, renderImage, renderLink, className, }: ServiceCardLayoutProps): React$1.ReactElement;
+
+declare enum CardVariant {
+    Food = "food",
+    Retail = "retail",
+    Wholesale = "wholesale",
+    Digital = "digital",
+    Standard = "standard",
+    Compact = "compact",
+    Schedule = "schedule",
+    Rental = "rental",
+    Accommodation = "accommodation",
+    Lease = "lease",
+    Subscription = "subscription"
+}
 
 interface ProductCardClassNames {
     root?: string;
@@ -1052,24 +1133,30 @@ interface ProductCardProps {
     product: Product;
     /** Display mode: "card" opens a modal, "page" renders as a link. Auto-detected from product.display_mode. */
     displayMode?: "card" | "page";
+    /** Explicit card variant. Auto-detected from product data when omitted. */
+    variant?: CardVariant;
+    /** Per-slug card map. Highest priority — maps a product slug to a custom card component. */
+    cards?: Record<string, React$1.ComponentType<CardLayoutProps>>;
     /** Link href for page mode. Default: `/menu/${product.slug}` */
     href?: string;
     /** Custom modal content renderer. Receives the fully-loaded product and a close callback. */
-    renderModal?: (product: ProductWithDetails, onClose: () => void) => React.ReactNode;
+    renderModal?: (product: ProductWithDetails, onClose: () => void) => React$1.ReactNode;
     /** Custom image renderer (e.g. Next.js Image). */
     renderImage?: (props: {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
+    }) => React$1.ReactNode;
     /** Custom link renderer for page mode (e.g. Next.js Link). */
     renderLink?: (props: {
         href: string;
         className?: string;
-        children: React.ReactNode;
-    }) => React.ReactElement;
+        children: React$1.ReactNode;
+    }) => React$1.ReactElement;
+    /** Called when quick-add button is clicked (if the resolved card supports it). */
+    onQuickAdd?: (product: Product) => void;
     /** Replace the entire default card body. */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** Image aspect ratio. Default: "4/3". */
     aspectRatio?: "square" | "4/3" | "16/10" | "3/4";
     className?: string;
@@ -1081,7 +1168,7 @@ interface ProductCardProps {
  * - **card** (default): clickable button that opens a Base UI Dialog modal
  * - **page**: a plain `<a>` link for SEO-friendly product pages
  */
-declare function ProductCard({ product, displayMode, href, renderModal, renderImage, renderLink, children, aspectRatio, className, classNames, }: ProductCardProps): React.ReactElement;
+declare function ProductCard({ product, displayMode, variant, cards, href, renderModal, renderImage, renderLink, onQuickAdd, children, aspectRatio, className, classNames, }: ProductCardProps): React$1.ReactElement;
 
 interface ProductGridClassNames {
     root?: string;
@@ -1099,13 +1186,13 @@ interface ProductGridProps {
         xl?: number;
     };
     /** Custom card renderer per product. */
-    renderCard?: (product: Product) => React.ReactNode;
+    renderCard?: (product: Product) => React$1.ReactNode;
     /** Custom image renderer passed to default ProductCards. */
     renderImage?: (props: {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
+    }) => React$1.ReactNode;
     /** Text shown when `products` is empty. */
     emptyMessage?: string;
     className?: string;
@@ -1117,7 +1204,7 @@ interface ProductGridProps {
  * Injects an inline `<style>` tag with media queries for responsive columns.
  * Uses `React.useId()` for a hydration-safe, collision-free CSS selector.
  */
-declare function ProductGrid({ products, columns, renderCard, renderImage, emptyMessage, className, classNames, }: ProductGridProps): React.ReactElement;
+declare function ProductGrid({ products, columns, renderCard, renderImage, emptyMessage, className, classNames, }: ProductGridProps): React$1.ReactElement;
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -1142,7 +1229,7 @@ interface SearchInputProps {
     /** Called when a product result is clicked. */
     onResultClick?: (product: Product) => void;
     /** Custom result item renderer. */
-    renderResult?: (product: Product) => React.ReactNode;
+    renderResult?: (product: Product) => React$1.ReactNode;
     /** Show inline results dropdown. Default: true. */
     showResults?: boolean;
     /** Optional category ID to scope search results. */
@@ -1158,7 +1245,7 @@ interface SearchInputProps {
  * Wraps `useSearch` with a controlled input and optional inline results list.
  * Uses Base UI Field.Root + Input for accessible form semantics.
  */
-declare function SearchInput({ placeholder, searchOptions, onResultClick, renderResult, showResults, categoryId, categoryName, className, classNames, }: SearchInputProps): React.ReactElement;
+declare function SearchInput({ placeholder, searchOptions, onResultClick, renderResult, showResults, categoryId, categoryName, className, classNames, }: SearchInputProps): React$1.ReactElement;
 
 interface CategoryFilterClassNames {
     root?: string;
@@ -1186,7 +1273,7 @@ interface CategoryFilterProps {
  *
  * Built on Base UI Tabs for accessible keyboard navigation and ARIA roles.
  */
-declare function CategoryFilter({ selectedId, onSelect, allLabel, showCounts, className, classNames, }: CategoryFilterProps): React.ReactElement;
+declare function CategoryFilter({ selectedId, onSelect, allLabel, showCounts, className, classNames, }: CategoryFilterProps): React$1.ReactElement;
 
 interface DiscountInputClassNames {
     root?: string;
@@ -1216,7 +1303,7 @@ interface DiscountInputProps {
  * Wraps `useValidateDiscount` with a Base UI Field + Input and apply button.
  * Shows validation result inline (success with amount, or error via Field.Error).
  */
-declare function DiscountInput({ orderSubtotal, locationId, onApply, onClear, placeholder, className, classNames, }: DiscountInputProps): React.ReactElement;
+declare function DiscountInput({ orderSubtotal, locationId, onApply, onClear, placeholder, className, classNames, }: DiscountInputProps): React$1.ReactElement;
 
 interface CategoryGridClassNames {
     root?: string;
@@ -1232,7 +1319,7 @@ interface CategoryGridProps {
     /** Called when a category card is clicked. */
     onSelect?: (category: Category) => void;
     /** Custom card renderer. */
-    renderCard?: (category: Category) => React.ReactNode;
+    renderCard?: (category: Category) => React$1.ReactNode;
     /** Responsive column counts. */
     columns?: {
         sm?: number;
@@ -1250,7 +1337,7 @@ interface CategoryGridProps {
  * Fetches categories via `useCategories` unless overridden.
  * Uses `React.useId()` for hydration-safe responsive CSS.
  */
-declare function CategoryGrid({ categories: categoriesProp, onSelect, renderCard, columns, emptyMessage, className, classNames, }: CategoryGridProps): React.ReactElement;
+declare function CategoryGrid({ categories: categoriesProp, onSelect, renderCard, columns, emptyMessage, className, classNames, }: CategoryGridProps): React$1.ReactElement;
 
 interface DealBannerClassNames {
     root?: string;
@@ -1268,7 +1355,7 @@ interface DealBannerProps {
     /** Called when a deal is clicked. */
     onDealClick?: (deal: Deal) => void;
     /** Custom deal card renderer. */
-    renderDeal?: (deal: Deal) => React.ReactNode;
+    renderDeal?: (deal: Deal) => React$1.ReactNode;
     /** Maximum deals to show. Default: all. */
     limit?: number;
     className?: string;
@@ -1279,7 +1366,7 @@ interface DealBannerProps {
  *
  * Renders as a horizontal scrollable strip or grid of deal cards.
  */
-declare function DealBanner({ deals: dealsProp, locationId, onDealClick, renderDeal, limit, className, classNames, }: DealBannerProps): React.ReactElement | null;
+declare function DealBanner({ deals: dealsProp, locationId, onDealClick, renderDeal, limit, className, classNames, }: DealBannerProps): React$1.ReactElement | null;
 
 interface OrderSummaryClassNames {
     root?: string;
@@ -1310,7 +1397,7 @@ interface OrderSummaryProps {
     /** Poll for status updates. */
     poll?: boolean;
     /** Custom line item renderer. */
-    renderLineItem?: (item: LineItem) => React.ReactNode;
+    renderLineItem?: (item: LineItem) => React$1.ReactNode;
     /** Called when the reorder button is clicked. */
     onReorder?: (order: Order) => void;
     /** Called when the order status changes during polling. */
@@ -1324,7 +1411,7 @@ interface OrderSummaryProps {
  * Accepts either a pre-loaded `order` object or an `orderId` to fetch.
  * Supports polling for live status updates.
  */
-declare function OrderSummary({ order: orderProp, orderId, poll, renderLineItem, onReorder, onStatusChange, className, classNames, }: OrderSummaryProps): React.ReactElement;
+declare function OrderSummary({ order: orderProp, orderId, poll, renderLineItem, onReorder, onStatusChange, className, classNames, }: OrderSummaryProps): React$1.ReactElement;
 
 interface OrderHistoryClassNames {
     root?: string;
@@ -1347,7 +1434,7 @@ interface OrderHistoryProps {
     /** Called when an order row is clicked. */
     onOrderClick?: (order: Order) => void;
     /** Custom order row renderer. */
-    renderOrder?: (order: Order) => React.ReactNode;
+    renderOrder?: (order: Order) => React$1.ReactNode;
     /** Called when the reorder button is clicked. If provided, a reorder button is rendered. */
     onReorder?: (order: Order) => void;
     /** Text shown when empty. */
@@ -1360,7 +1447,7 @@ interface OrderHistoryProps {
  *
  * Fetches via `useOrders` unless pre-loaded orders are passed.
  */
-declare function OrderHistory({ orders: ordersProp, status, limit, onOrderClick, renderOrder, onReorder, emptyMessage, className, classNames, }: OrderHistoryProps): React.ReactElement;
+declare function OrderHistory({ orders: ordersProp, status, limit, onOrderClick, renderOrder, onReorder, emptyMessage, className, classNames, }: OrderHistoryProps): React$1.ReactElement;
 
 interface StoreNavClassNames {
     root?: string;
@@ -1376,7 +1463,7 @@ interface StoreNavProps {
     /** Store/brand name. */
     storeName?: string;
     /** Custom brand element (logo, etc.). Overrides storeName. */
-    renderBrand?: () => React.ReactNode;
+    renderBrand?: () => React$1.ReactNode;
     /** Override categories (skips fetch). */
     categories?: Category[];
     /** Called when a category link is clicked. */
@@ -1400,7 +1487,7 @@ interface StoreNavProps {
  * Fetches categories via `useCategories` and cart count via `useCart`.
  * Renders as a semantic `<nav>` element.
  */
-declare function StoreNav({ storeName, renderBrand, categories: categoriesProp, onCategoryClick, onCartClick, onSearchClick, hideCategories, hideCart, hideSearch, className, classNames, }: StoreNavProps): React.ReactElement;
+declare function StoreNav({ storeName, renderBrand, categories: categoriesProp, onCategoryClick, onCartClick, onSearchClick, hideCategories, hideCart, hideSearch, className, classNames, }: StoreNavProps): React$1.ReactElement;
 
 interface SlotPickerClassNames {
     root?: string;
@@ -1434,7 +1521,7 @@ interface SlotPickerProps {
     className?: string;
     classNames?: SlotPickerClassNames;
 }
-declare function SlotPicker({ slots: slotsProp, serviceId, date, participantCount, selectedSlot, onSlotSelect, groupByTimeOfDay, showPrice, emptyMessage, className, classNames, }: SlotPickerProps): React.ReactElement;
+declare function SlotPicker({ slots: slotsProp, serviceId, date, participantCount, selectedSlot, onSlotSelect, groupByTimeOfDay, showPrice, emptyMessage, className, classNames, }: SlotPickerProps): React$1.ReactElement;
 
 interface DateSlotPickerClassNames {
     root?: string;
@@ -1463,7 +1550,7 @@ interface DateSlotPickerProps {
     className?: string;
     classNames?: DateSlotPickerClassNames;
 }
-declare function DateSlotPicker({ serviceId, daysToShow, participantCount, selectedSlot, onSlotSelect, availability: availabilityProp, showPrice, className, classNames, }: DateSlotPickerProps): React.ReactElement;
+declare function DateSlotPicker({ serviceId, daysToShow, participantCount, selectedSlot, onSlotSelect, availability: availabilityProp, showPrice, className, classNames, }: DateSlotPickerProps): React$1.ReactElement;
 
 interface StaffPickerClassNames {
     root?: string;
@@ -1486,7 +1573,7 @@ interface StaffPickerProps {
     className?: string;
     classNames?: StaffPickerClassNames;
 }
-declare function StaffPicker({ staff, selectedStaffId, onStaffSelect, showAnyOption, anyLabel, className, classNames, }: StaffPickerProps): React.ReactElement;
+declare function StaffPicker({ staff, selectedStaffId, onStaffSelect, showAnyOption, anyLabel, className, classNames, }: StaffPickerProps): React$1.ReactElement;
 
 interface BookingCardClassNames {
     root?: string;
@@ -1507,11 +1594,11 @@ interface BookingCardProps {
     /** Called when reschedule is clicked. */
     onReschedule?: (booking: CustomerBooking) => void;
     /** Custom renderer for the booking. */
-    renderBooking?: (booking: CustomerBooking) => React.ReactNode;
+    renderBooking?: (booking: CustomerBooking) => React$1.ReactNode;
     className?: string;
     classNames?: BookingCardClassNames;
 }
-declare function BookingCard({ booking, onCancel, onReschedule, renderBooking, className, classNames, }: BookingCardProps): React.ReactElement;
+declare function BookingCard({ booking, onCancel, onReschedule, renderBooking, className, classNames, }: BookingCardProps): React$1.ReactElement;
 
 interface BookingListClassNames {
     root?: string;
@@ -1531,158 +1618,117 @@ interface BookingListProps {
     /** Called when a booking is clicked. */
     onBookingClick?: (booking: CustomerBooking) => void;
     /** Custom booking renderer. */
-    renderBooking?: (booking: CustomerBooking) => React.ReactNode;
+    renderBooking?: (booking: CustomerBooking) => React$1.ReactNode;
     /** Text shown when empty. */
     emptyMessage?: string;
     className?: string;
     classNames?: BookingListClassNames;
 }
-declare function BookingList({ bookings: bookingsProp, filter, onCancel, onReschedule, onBookingClick, renderBooking, emptyMessage, className, classNames, }: BookingListProps): React.ReactElement;
+declare function BookingList({ bookings: bookingsProp, filter, onCancel, onReschedule, onBookingClick, renderBooking, emptyMessage, className, classNames, }: BookingListProps): React$1.ReactElement;
 
-interface ServiceCardClassNames {
-    root?: string;
-    imageContainer?: string;
-    image?: string;
-    body?: string;
-    name?: string;
-    description?: string;
-    meta?: string;
-    duration?: string;
-    price?: string;
-    action?: string;
-}
-interface ServiceCardProps {
-    /** The service to display. */
-    service: Service;
-    /** Called when the card or book button is clicked. */
-    onBook?: (service: Service) => void;
-    /** Link href for page mode. Renders as `<a>` instead of `<button>`. */
-    href?: string;
-    /** Label for the action button. Default: "Book". */
-    actionLabel?: string;
-    /** Custom image renderer (e.g. Next.js Image). */
+interface CatalogueLayoutProps {
+    products: Product[];
+    categories: Category[];
+    facets?: PropertyFacet[];
+    isLoading: boolean;
+    /** Selected category ID. */
+    selectedCategory: string | null;
+    onCategoryChange: (id: string | null) => void;
+    /** Search query state. */
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    /** Sort state. */
+    sortBy: string;
+    sortOrder: string;
+    onSortChange: (by: string, order: string) => void;
+    /** In-stock filter. */
+    inStockOnly: boolean;
+    onInStockChange: (value: boolean) => void;
+    /** Tag filters. */
+    selectedTags: string[];
+    availableTags?: string[];
+    onTagToggle: (tag: string) => void;
+    /** Price range. */
+    minPrice: string;
+    maxPrice: string;
+    onPriceRangeChange: (min: string, max: string) => void;
+    /** Pagination. */
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    /** Custom renderers. */
+    renderCard?: (product: Product) => React.ReactNode;
     renderImage?: (props: {
         src: string;
         alt: string;
         className?: string;
     }) => React.ReactNode;
-    /** Replace the entire default card body. */
-    children?: React.ReactNode;
-    /** Image aspect ratio. Default: "4/3". */
-    aspectRatio?: "square" | "4/3" | "16/10" | "3/4";
-    className?: string;
-    classNames?: ServiceCardClassNames;
-}
-declare function ServiceCard({ service, onBook, href, actionLabel, renderImage, children, aspectRatio, className, classNames, }: ServiceCardProps): React.ReactElement;
-
-interface ServiceGridClassNames {
-    root?: string;
-    item?: string;
-    empty?: string;
-    loading?: string;
-}
-interface ServiceGridProps {
-    /** Pre-fetched services (skips fetch). */
-    services?: Service[];
-    /** Responsive column counts at each breakpoint. */
-    columns?: {
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-    };
-    /** Called when a service card is clicked. */
-    onServiceSelect?: (service: Service) => void;
-    /** Generate href for each service (renders cards as links). */
-    getServiceHref?: (service: Service) => string;
-    /** Custom card renderer per service. */
-    renderCard?: (service: Service) => React.ReactNode;
-    /** Custom image renderer passed to default ServiceCards. */
-    renderImage?: (props: {
-        src: string;
-        alt: string;
+    renderLink?: (props: {
+        href: string;
         className?: string;
-    }) => React.ReactNode;
-    /** Only show available services. Default: true. */
-    availableOnly?: boolean;
-    /** Label for the book action on each card. */
-    actionLabel?: string;
-    /** Text shown when empty. */
-    emptyMessage?: string;
+        children: React.ReactNode;
+    }) => React.ReactElement;
+    onQuickAdd?: (product: Product) => void;
+    onProductClick?: (product: Product) => void;
+    title?: string;
     className?: string;
-    classNames?: ServiceGridClassNames;
 }
-declare function ServiceGrid({ services: servicesProp, columns, onServiceSelect, getServiceHref, renderCard, renderImage, availableOnly, actionLabel, emptyMessage, className, classNames, }: ServiceGridProps): React.ReactElement;
 
+declare enum CatalogueTemplate {
+    Default = "default",
+    Compact = "compact"
+}
 interface CataloguePageClassNames {
     root?: string;
-    header?: string;
-    title?: string;
-    searchContainer?: string;
-    filterContainer?: string;
-    toolbar?: string;
-    gridContainer?: string;
-    empty?: string;
-    loading?: string;
-    pagination?: string;
 }
 interface CataloguePageProps {
+    /** Explicit template. */
+    template?: CatalogueTemplate;
+    /** Layout map for overrides. */
+    layouts?: Partial<Record<CatalogueTemplate | string, React$1.ComponentType<CatalogueLayoutProps>>>;
     /** Page title. */
     title?: string;
-    /** Pre-fetched products for SSR. When provided, skips client-side fetch. */
+    /** Pre-fetched products for SSR. */
     products?: Product[];
     /** Pre-fetched categories for SSR. */
     categories?: Category[];
-    /** Show category filter. Default: true. */
-    showFilter?: boolean;
-    /** Show search input. Default: true. */
-    showSearch?: boolean;
-    /** Show sort controls. Default: false. */
-    showSort?: boolean;
-    /** Show in-stock toggle. Default: false. */
-    showInStockFilter?: boolean;
-    /** Show price range filter. Default: false. */
-    showPriceRange?: boolean;
-    /** Show tags filter. Default: false. */
-    showTagsFilter?: boolean;
-    /** Available tags for filtering. When provided, renders tag chips. */
+    /** Pre-fetched property facets for sidebar. */
+    facets?: PropertyFacet[];
+    /** Available tags for filtering. */
     availableTags?: string[];
+    /** Products per page. */
+    pageSize?: number;
     /** Default sort. */
     defaultSort?: {
-        by: "name" | "price" | "created_at" | "updated_at";
-        order: "asc" | "desc";
+        by: string;
+        order: string;
     };
-    /** Products per page. */
-    pageSize?: number;
-    /** Called when a product is selected (e.g. navigate to product page). */
-    onProductClick?: (product: Product) => void;
-    /** Called when a category is selected. */
-    onCategoryClick?: (category: Category) => void;
-    /** Custom card renderer passed to ProductGrid. */
-    renderCard?: (product: Product) => React.ReactNode;
-    /** Custom image renderer passed to ProductGrid. */
+    /** Custom card renderer. */
+    renderCard?: (product: Product) => React$1.ReactNode;
+    /** Custom image renderer. */
     renderImage?: (props: {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
-    /** Grid column config. */
-    columns?: {
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-    };
+    }) => React$1.ReactNode;
+    /** Custom link renderer. */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React$1.ReactNode;
+    }) => React$1.ReactElement;
+    /** Quick-add handler. */
+    onQuickAdd?: (product: Product) => void;
+    /** Product click handler. */
+    onProductClick?: (product: Product) => void;
     className?: string;
     classNames?: CataloguePageClassNames;
 }
-/**
- * CataloguePage — browse all products with server-side filtering, sorting, and pagination.
- *
- * SSR-friendly: pass `products` and `categories` props for server rendering.
- * Omit them for fully client-side data fetching.
- */
-declare function CataloguePage({ title, products: productsProp, categories: categoriesProp, showFilter, showSearch, showSort, showInStockFilter, showPriceRange, showTagsFilter, availableTags, defaultSort, pageSize, onProductClick, onCategoryClick, renderCard, renderImage, columns, className, classNames, }: CataloguePageProps): React.ReactElement;
+declare function CataloguePage({ template, layouts, title, products: productsProp, categories: categoriesProp, facets, availableTags, pageSize, defaultSort, renderCard, renderImage, renderLink, onQuickAdd, onProductClick, className, classNames, }: CataloguePageProps): React$1.ReactElement;
+
+declare function DefaultCatalogueLayout({ products, categories, facets, isLoading, selectedCategory, onCategoryChange, searchQuery, onSearchChange, sortBy, sortOrder, onSortChange, inStockOnly, onInStockChange, selectedTags, availableTags, onTagToggle, minPrice, maxPrice, onPriceRangeChange, page, totalPages, onPageChange, renderCard, renderImage, renderLink, onQuickAdd, title, className, }: CatalogueLayoutProps): React$1.ReactElement;
+
+declare function CompactCatalogueLayout({ products, categories, isLoading, selectedCategory, onCategoryChange, searchQuery, onSearchChange, renderCard, renderImage, renderLink, onQuickAdd, title, className, }: CatalogueLayoutProps): React$1.ReactElement;
 
 interface ProductLayoutProps {
     product: ProductWithDetails;
@@ -1691,45 +1737,45 @@ interface ProductLayoutProps {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
-    renderBreadcrumb?: (product: ProductWithDetails) => React.ReactNode;
+    }) => React$1.ReactNode;
+    renderBreadcrumb?: (product: ProductWithDetails) => React$1.ReactNode;
     relatedProducts?: Product[];
     showRelated?: boolean;
     className?: string;
 }
 declare function TwoColumnGrid({ left, right, className, }: {
-    left: React.ReactNode;
-    right: React.ReactNode;
+    left: React$1.ReactNode;
+    right: React$1.ReactNode;
     className?: string;
-}): React.ReactElement;
+}): React$1.ReactElement;
 declare function MetadataStringList({ items, label, icon, className, }: {
     items: string[];
     label: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     className?: string;
-}): React.ReactElement | null;
+}): React$1.ReactElement | null;
 declare function CustomAttributesTable({ attributes, className, }: {
     attributes: CustomAttributeValue[];
     className?: string;
-}): React.ReactElement | null;
+}): React$1.ReactElement | null;
 declare function PropertiesTable({ properties, className, }: {
     properties: ProductProperty[];
     className?: string;
-}): React.ReactElement | null;
+}): React$1.ReactElement | null;
 declare function TagPills({ tags, className, }: {
     tags: string[];
     className?: string;
-}): React.ReactElement | null;
+}): React$1.ReactElement | null;
 declare function InventoryBadge({ product, className, }: {
     product: Product;
     className?: string;
-}): React.ReactElement | null;
+}): React$1.ReactElement | null;
 declare function RelatedProductsSection({ products, title, renderImage, className, }: {
     products: Product[];
     title?: string;
     renderImage?: ProductLayoutProps["renderImage"];
     className?: string;
-}): React.ReactElement | null;
+}): React$1.ReactElement | null;
 
 declare enum ProductTemplate {
     Default = "default",
@@ -1749,9 +1795,9 @@ interface ProductPageProps {
     /** Pre-fetched product for SSR. Skips client-side fetch when provided. */
     product?: ProductWithDetails;
     /** Per-slug page map. Highest priority — maps a product slug to a custom component. */
-    pages?: Record<string, React.ComponentType<ProductLayoutProps>>;
+    pages?: Record<string, React$1.ComponentType<ProductLayoutProps>>;
     /** Per-type template map. Overrides built-in layouts for specific template keys. */
-    templates?: Partial<Record<ProductTemplate | string, React.ComponentType<ProductLayoutProps>>>;
+    templates?: Partial<Record<ProductTemplate | string, React$1.ComponentType<ProductLayoutProps>>>;
     /** Override add-to-cart behavior. */
     onAddToCart?: (product: ProductWithDetails, quantity: number, options: AddToCartOptions) => void | Promise<void>;
     /** Custom image renderer (e.g. Next.js Image). */
@@ -1759,9 +1805,9 @@ interface ProductPageProps {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
+    }) => React$1.ReactNode;
     /** Breadcrumb renderer. Receives the product for context. */
-    renderBreadcrumb?: (product: ProductWithDetails) => React.ReactNode;
+    renderBreadcrumb?: (product: ProductWithDetails) => React$1.ReactNode;
     /** Pre-fetched related products. */
     relatedProducts?: Product[];
     /** Show related products section. Default: true. */
@@ -1769,30 +1815,48 @@ interface ProductPageProps {
     className?: string;
     classNames?: ProductPageClassNames;
 }
-declare function ProductPage({ productId, product: productProp, pages, templates, onAddToCart, renderImage, renderBreadcrumb, relatedProducts, showRelated, className, classNames, }: ProductPageProps): React.ReactElement;
+declare function ProductPage({ productId, product: productProp, pages, templates, onAddToCart, renderImage, renderBreadcrumb, relatedProducts, showRelated, className, classNames, }: ProductPageProps): React$1.ReactElement;
 
-declare function DefaultProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React.ReactElement;
+declare function DefaultProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React$1.ReactElement;
 
-declare function FoodProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React.ReactElement;
+declare function FoodProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React$1.ReactElement;
 
-declare function WholesaleProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React.ReactElement;
+declare function WholesaleProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React$1.ReactElement;
 
-declare function ServiceProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React.ReactElement;
+declare function ServiceProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React$1.ReactElement;
 
-declare function DigitalProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React.ReactElement;
+declare function DigitalProductLayout({ product, onAddToCart, renderBreadcrumb, relatedProducts, showRelated, className, }: ProductLayoutProps): React$1.ReactElement;
+
+interface CartLayoutProps {
+    /** Cart state from useCart hook. */
+    cart: UseCartResult;
+    /** Called when checkout is initiated. */
+    onCheckout?: () => void;
+    /** Called when "continue shopping" is clicked. */
+    onContinueShopping?: () => void;
+    /** Called when a valid discount is applied. */
+    onDiscountApply?: (validation: DiscountValidation) => void;
+    /** Called when discount is removed. */
+    onDiscountClear?: () => void;
+    /** Show discount code input. */
+    showDiscount?: boolean;
+    /** Checkout button text. */
+    checkoutLabel?: string;
+    className?: string;
+}
 
+declare enum CartTemplate {
+    Default = "default",
+    Compact = "compact"
+}
 interface CartPageClassNames {
     root?: string;
-    header?: string;
-    title?: string;
-    content?: string;
-    discount?: string;
-    footer?: string;
-    checkoutButton?: string;
-    continueButton?: string;
-    empty?: string;
 }
 interface CartPageProps {
+    /** Explicit template. */
+    template?: CartTemplate;
+    /** Layout map for overrides. */
+    layouts?: Partial<Record<CartTemplate | string, React$1.ComponentType<CartLayoutProps>>>;
     /** Page title. */
     title?: string;
     /** Called when checkout is initiated. */
@@ -1803,21 +1867,18 @@ interface CartPageProps {
     onDiscountApply?: (validation: DiscountValidation) => void;
     /** Called when discount is removed. */
     onDiscountClear?: () => void;
-    /** Show discount code input. Default: true. */
+    /** Show discount code input. */
     showDiscount?: boolean;
-    /** Show "continue shopping" link. Default: true. */
-    showContinueShopping?: boolean;
     /** Checkout button text. */
     checkoutLabel?: string;
     className?: string;
     classNames?: CartPageClassNames;
 }
-/**
- * CartPage — full-page cart view with summary, discount input, and checkout.
- *
- * Composes CartSummary and DiscountInput into a complete cart experience.
- */
-declare function CartPage({ title, onCheckout, onContinueShopping, onDiscountApply, onDiscountClear, showDiscount, showContinueShopping, checkoutLabel, className, classNames, }: CartPageProps): React.ReactElement;
+declare function CartPage({ template, layouts, onCheckout, onContinueShopping, onDiscountApply, onDiscountClear, showDiscount, checkoutLabel, className, classNames, }: CartPageProps): React$1.ReactElement;
+
+declare function DefaultCartLayout({ cart, onCheckout, onContinueShopping, onDiscountApply, onDiscountClear, showDiscount, checkoutLabel, className, }: CartLayoutProps): React$1.ReactElement;
+
+declare function CompactCartLayout({ cart, onCheckout, onContinueShopping, checkoutLabel, className, }: CartLayoutProps): React$1.ReactElement;
 
 interface CheckoutPageClassNames {
     root?: string;
@@ -1847,48 +1908,72 @@ interface CheckoutPageProps {
  * renders a page header, and delegates all checkout logic
  * to CimplifyCheckout.
  */
-declare function CheckoutPage({ title, onComplete, onError, checkoutProps, className, classNames, }: CheckoutPageProps): React.ReactElement;
+declare function CheckoutPage({ title, onComplete, onError, checkoutProps, className, classNames, }: CheckoutPageProps): React$1.ReactElement;
+
+interface CollectionLayoutProps {
+    collection: Collection;
+    products: Product[];
+    renderCard?: (product: Product) => React$1.ReactNode;
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+    }) => React$1.ReactNode;
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React$1.ReactNode;
+    }) => React$1.ReactElement;
+    onQuickAdd?: (product: Product) => void;
+    className?: string;
+}
 
+declare enum CollectionTemplate {
+    Default = "default",
+    Featured = "featured",
+    Catalogue = "catalogue"
+}
 interface CollectionPageClassNames {
     root?: string;
-    header?: string;
-    title?: string;
-    description?: string;
-    image?: string;
-    grid?: string;
     loading?: string;
 }
 interface CollectionPageProps {
     /** Collection slug or ID. */
-    collectionId: string;
+    collectionId?: string;
     /** Pre-fetched collection for SSR. */
     collection?: Collection;
     /** Pre-fetched products for SSR. */
     products?: Product[];
+    /** Per-slug page map. Highest priority — maps a collection slug to a custom layout. */
+    pages?: Record<string, React$1.ComponentType<CollectionLayoutProps>>;
+    /** Per-type template map. Overrides built-in layouts. */
+    templates?: Partial<Record<CollectionTemplate | string, React$1.ComponentType<CollectionLayoutProps>>>;
     /** Custom card renderer. */
-    renderCard?: (product: Product) => React.ReactNode;
+    renderCard?: (product: Product) => React$1.ReactNode;
     /** Custom image renderer. */
     renderImage?: (props: {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
-    /** Grid column config. */
-    columns?: {
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-    };
+    }) => React$1.ReactNode;
+    /** Custom link renderer. */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React$1.ReactNode;
+    }) => React$1.ReactElement;
+    /** Quick add handler for cards. */
+    onQuickAdd?: (product: Product) => void;
     className?: string;
     classNames?: CollectionPageClassNames;
 }
-/**
- * CollectionPage — curated product collection with header and grid.
- *
- * SSR-friendly: pass `collection` and `products` props for server rendering.
- */
-declare function CollectionPage({ collectionId, collection: collectionProp, products: productsProp, renderCard, renderImage, columns, className, classNames, }: CollectionPageProps): React.ReactElement;
+declare function CollectionPage({ collectionId, collection: collectionProp, products: productsProp, pages, templates, renderCard, renderImage, renderLink, onQuickAdd, className, classNames, }: CollectionPageProps): React$1.ReactElement;
+
+declare function DefaultCollectionLayout({ collection, products, renderCard, renderImage, renderLink, onQuickAdd, className, }: CollectionLayoutProps): React$1.ReactElement;
+
+declare function FeaturedCollectionLayout({ collection, products, renderCard, renderImage, renderLink, onQuickAdd, className, }: CollectionLayoutProps): React$1.ReactElement;
+
+declare function CatalogueCollectionLayout({ collection, products, renderCard, renderImage, renderLink, onQuickAdd, className, }: CollectionLayoutProps): React$1.ReactElement;
 
 interface OrderDetailPageClassNames {
     root?: string;
@@ -1907,7 +1992,7 @@ interface OrderDetailPageProps {
     /** Called when back button is clicked. */
     onBack?: () => void;
     /** Custom line item renderer. */
-    renderLineItem?: (item: LineItem) => React.ReactNode;
+    renderLineItem?: (item: LineItem) => React$1.ReactNode;
     /** Called when the reorder button is clicked. */
     onReorder?: (order: Order) => void;
     /** Called when the order status changes during polling. */
@@ -1922,7 +2007,7 @@ interface OrderDetailPageProps {
  *
  * SSR-friendly: pass `order` prop for server rendering.
  */
-declare function OrderDetailPage({ orderId, order, poll, onBack, renderLineItem, onReorder, onStatusChange, backLabel, className, classNames, }: OrderDetailPageProps): React.ReactElement;
+declare function OrderDetailPage({ orderId, order, poll, onBack, renderLineItem, onReorder, onStatusChange, backLabel, className, classNames, }: OrderDetailPageProps): React$1.ReactElement;
 
 interface OrderHistoryPageClassNames {
     root?: string;
@@ -1948,7 +2033,7 @@ interface OrderHistoryPageProps {
     /** Show status filter tabs. Default: true. */
     showFilters?: boolean;
     /** Custom order row renderer. */
-    renderOrder?: (order: Order) => React.ReactNode;
+    renderOrder?: (order: Order) => React$1.ReactNode;
     className?: string;
     classNames?: OrderHistoryPageClassNames;
 }
@@ -1958,54 +2043,96 @@ interface OrderHistoryPageProps {
  * SSR-friendly: pass `orders` prop for server rendering.
  * Supports both inline detail view and external navigation via `onOrderNavigate`.
  */
-declare function OrderHistoryPage({ title, orders: ordersProp, limit, onOrderNavigate, onReorder, showFilters, renderOrder, className, classNames, }: OrderHistoryPageProps): React.ReactElement;
+declare function OrderHistoryPage({ title, orders: ordersProp, limit, onOrderNavigate, onReorder, showFilters, renderOrder, className, classNames, }: OrderHistoryPageProps): React$1.ReactElement;
+
+interface SearchLayoutProps {
+    /** Search state from useSearch hook. */
+    search: UseSearchResult;
+    /** Property facets from getPropertyFacets. */
+    facets?: PropertyFacet[];
+    /** Categories for category filter. */
+    categories?: Category[];
+    /** Active category filter. */
+    activeCategory?: string;
+    /** Called when category changes. */
+    onCategoryChange?: (categoryId: string | null) => void;
+    /** Active tag filters. */
+    activeTags?: string[];
+    /** Called when tags change. */
+    onTagsChange?: (tags: string[]) => void;
+    /** In-stock-only toggle state. */
+    inStockOnly?: boolean;
+    /** Called when in-stock toggle changes. */
+    onInStockChange?: (inStock: boolean) => void;
+    /** Sort value. */
+    sortBy?: string;
+    /** Called when sort changes. */
+    onSortChange?: (sort: string) => void;
+    /** Custom card renderer. */
+    renderCard?: (product: Product) => React.ReactNode;
+    /** Custom image renderer. */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+    }) => React.ReactNode;
+    /** Custom link renderer. */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React.ReactNode;
+    }) => React.ReactElement;
+    /** Quick-add handler. */
+    onQuickAdd?: (product: Product) => void;
+    /** Placeholder text for search input. */
+    placeholder?: string;
+    className?: string;
+}
 
+declare enum SearchTemplate {
+    Default = "default",
+    Compact = "compact"
+}
 interface SearchPageClassNames {
     root?: string;
-    header?: string;
-    title?: string;
-    inputContainer?: string;
-    input?: string;
-    clearButton?: string;
-    resultCount?: string;
-    grid?: string;
-    empty?: string;
-    loading?: string;
 }
 interface SearchPageProps {
-    /** Page title. */
-    title?: string;
-    /** Placeholder text. */
+    /** Explicit search template. */
+    template?: SearchTemplate;
+    /** Layout map for overrides. AI or developer can provide custom layouts keyed by template name. */
+    layouts?: Partial<Record<SearchTemplate | string, React$1.ComponentType<SearchLayoutProps>>>;
+    /** Pre-fetched categories for filters. */
+    categories?: Category[];
+    /** Pre-fetched property facets for sidebar. */
+    facets?: PropertyFacet[];
+    /** Search options passed to useSearch. */
+    searchOptions?: UseSearchOptions;
+    /** Placeholder text for search input. */
     placeholder?: string;
-    /** Called when a product is clicked in results. */
-    onProductClick?: (product: Product) => void;
     /** Custom card renderer. */
-    renderCard?: (product: Product) => React.ReactNode;
+    renderCard?: (product: Product) => React$1.ReactNode;
     /** Custom image renderer. */
     renderImage?: (props: {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
-    /** Grid column config. */
-    columns?: {
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-    };
+    }) => React$1.ReactNode;
+    /** Custom link renderer. */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React$1.ReactNode;
+    }) => React$1.ReactElement;
+    /** Quick-add handler. */
+    onQuickAdd?: (product: Product) => void;
     className?: string;
     classNames?: SearchPageClassNames;
 }
-/**
- * SearchPage — dedicated search page with input and results grid.
- *
- * Uses `useSearch` for debounced full-text search.
- * The search input uses Base UI's `Input` primitive, which provides
- * automatic `data-filled`, `data-focused`, `data-dirty`, and
- * `data-touched` attributes for styling hooks.
- */
-declare function SearchPage({ title, placeholder, onProductClick, renderCard, renderImage, columns, className, classNames, }: SearchPageProps): React.ReactElement;
+declare function SearchPage({ template, layouts, categories, facets, searchOptions, placeholder, renderCard, renderImage, renderLink, onQuickAdd, className, classNames, }: SearchPageProps): React$1.ReactElement;
+
+declare function DefaultSearchLayout({ search, facets, categories, activeCategory, onCategoryChange, inStockOnly, onInStockChange, sortBy, onSortChange, renderCard, renderImage, renderLink, onQuickAdd, placeholder, className, }: SearchLayoutProps): React$1.ReactElement;
+
+declare function CompactSearchLayout({ search, categories, activeCategory, onCategoryChange, renderCard, renderImage, renderLink, onQuickAdd, placeholder, className, }: SearchLayoutProps): React$1.ReactElement;
 
 interface DealsPageClassNames {
     root?: string;
@@ -2033,7 +2160,7 @@ interface DealsPageProps {
         src: string;
         alt: string;
         className?: string;
-    }) => React.ReactNode;
+    }) => React$1.ReactNode;
     /** Grid column config. */
     columns?: {
         sm?: number;
@@ -2049,125 +2176,7 @@ interface DealsPageProps {
  *
  * SSR-friendly: pass `deals` and `productsOnSale` props for server rendering.
  */
-declare function DealsPage({ title, deals: dealsProp, productsOnSale: productsOnSaleProp, products: productsProp, locationId, renderImage, columns, className, classNames, }: DealsPageProps): React.ReactElement;
-
-interface Resource {
-    id: string;
-    name: string;
-    description?: string;
-    capacity?: number;
-    floor?: string;
-    image_url?: string;
-    is_available?: boolean;
-}
-interface ResourcePickerClassNames {
-    root?: string;
-    option?: string;
-    image?: string;
-    name?: string;
-    description?: string;
-    meta?: string;
-    capacity?: string;
-    floor?: string;
-    unavailable?: string;
-}
-interface ResourcePickerProps {
-    /** List of available resources (rooms, equipment, etc.). */
-    resources: Resource[];
-    /** Currently selected resource ID, or null for "Any available". */
-    selectedResourceId?: string | null;
-    /** Called when a resource is selected. Passes null for "Any available". */
-    onResourceSelect?: (resourceId: string | null) => void;
-    /** Show "Any available" option. Default: true. */
-    showAnyOption?: boolean;
-    /** Label for the "Any available" option. */
-    anyLabel?: string;
-    /** Custom image renderer (e.g. Next.js Image). */
-    renderImage?: (props: {
-        src: string;
-        alt: string;
-        className?: string;
-    }) => React.ReactNode;
-    className?: string;
-    classNames?: ResourcePickerClassNames;
-}
-declare function roomToResource(room: Room): Resource;
-declare function ResourcePicker({ resources, selectedResourceId, onResourceSelect, showAnyOption, anyLabel, renderImage, className, classNames, }: ResourcePickerProps): React.ReactElement;
-
-interface BookingPageClassNames {
-    root?: string;
-    header?: string;
-    title?: string;
-    serviceInfo?: string;
-    step?: string;
-    stepTitle?: string;
-    summary?: string;
-    summaryRow?: string;
-    confirmButton?: string;
-    backButton?: string;
-    error?: string;
-    rescheduleInfo?: string;
-    depositInfo?: string;
-    cancellationPolicy?: string;
-    resourceStep?: string;
-}
-interface BookingPageProps {
-    /** The service being booked. */
-    service: Service;
-    /** The underlying product (for deposit/cancellation fields). Falls back to service fields. */
-    product?: Product;
-    /** Optional staff list for staff selection step. */
-    staff?: Staff[];
-    /** Optional resources for resource selection step (rooms, equipment, etc.). */
-    resources?: Resource[];
-    /** Number of participants. */
-    participantCount?: number;
-    /** Page title. */
-    title?: string;
-    /** Called after successfully adding to cart. */
-    onBooked?: (slot: AvailableSlot, staffId: string | null) => void;
-    /** Called when user wants to go back. */
-    onBack?: () => void;
-    /** Existing booking for reschedule mode. */
-    existingBooking?: CustomerBooking;
-    /** Called after a successful reschedule. */
-    onRescheduled?: (booking: CustomerBooking, newSlot: AvailableSlot) => void;
-    /** Show price on slots. Default: true. */
-    showPrice?: boolean;
-    className?: string;
-    classNames?: BookingPageClassNames;
-}
-declare function BookingPage({ service, product, staff, resources, participantCount, title, onBooked, onBack, existingBooking, onRescheduled, showPrice, className, classNames, }: BookingPageProps): React.ReactElement;
-
-interface BookingsPageClassNames {
-    root?: string;
-    header?: string;
-    title?: string;
-    filters?: string;
-    filterButton?: string;
-    list?: string;
-    detail?: string;
-    backButton?: string;
-}
-interface BookingsPageProps {
-    /** Page title. */
-    title?: string;
-    /** Pre-fetched bookings for SSR. */
-    bookings?: CustomerBooking[];
-    /** Called when navigating to a booking detail (e.g. for routing). */
-    onBookingNavigate?: (booking: CustomerBooking) => void;
-    /** Called when cancel is clicked. */
-    onCancel?: (booking: CustomerBooking) => void;
-    /** Called when reschedule is clicked. */
-    onReschedule?: (booking: CustomerBooking) => void;
-    /** Show filter tabs. Default: true. */
-    showFilters?: boolean;
-    /** Custom booking renderer. */
-    renderBooking?: (booking: CustomerBooking) => React.ReactNode;
-    className?: string;
-    classNames?: BookingsPageClassNames;
-}
-declare function BookingsPage({ title, bookings: bookingsProp, onBookingNavigate, onCancel, onReschedule, showFilters, renderBooking, className, classNames, }: BookingsPageProps): React.ReactElement;
+declare function DealsPage({ title, deals: dealsProp, productsOnSale: productsOnSaleProp, products: productsProp, locationId, renderImage, columns, className, classNames, }: DealsPageProps): React$1.ReactElement;
 
 interface LocationPickerClassNames {
     root?: string;
@@ -2184,7 +2193,7 @@ interface LocationPickerProps {
     /** Called when a location is selected. */
     onLocationChange?: (location: Location) => void;
     /** Custom location renderer. */
-    renderLocation?: (location: Location, isActive: boolean) => React.ReactNode;
+    renderLocation?: (location: Location, isActive: boolean) => React$1.ReactNode;
     /** Text shown when no locations are available. */
     emptyMessage?: string;
     className?: string;
@@ -2196,7 +2205,7 @@ interface LocationPickerProps {
  * Uses `useLocations` to fetch locations unless overridden via props.
  * Returns `null` when there is only one location (no picker needed).
  */
-declare function LocationPicker({ locations: locationsProp, currentLocation: currentLocationProp, onLocationChange, renderLocation, emptyMessage, className, classNames, }: LocationPickerProps): React.ReactElement | null;
+declare function LocationPicker({ locations: locationsProp, currentLocation: currentLocationProp, onLocationChange, renderLocation, emptyMessage, className, classNames, }: LocationPickerProps): React$1.ReactElement | null;
 
 interface RecommendationCarouselClassNames {
     root?: string;
@@ -2215,7 +2224,7 @@ interface RecommendationCarouselProps {
     /** Called when a product recommendation is clicked. */
     onProductClick?: (recommendation: ActivityRecommendation) => void;
     /** Custom product card renderer. */
-    renderProduct?: (recommendation: ActivityRecommendation) => React.ReactNode;
+    renderProduct?: (recommendation: ActivityRecommendation) => React$1.ReactNode;
     /** Text shown when no recommendations are available. */
     emptyMessage?: string;
     className?: string;
@@ -2227,7 +2236,7 @@ interface RecommendationCarouselProps {
  * Renders a horizontal scrollable list of product cards with reason labels.
  * Returns `null` when there are no recommendations.
  */
-declare function RecommendationCarousel({ recommendations: recommendationsProp, locationId, limit, onProductClick, renderProduct, emptyMessage, className, classNames, }: RecommendationCarouselProps): React.ReactElement | null;
+declare function RecommendationCarousel({ recommendations: recommendationsProp, locationId, limit, onProductClick, renderProduct, emptyMessage, className, classNames, }: RecommendationCarouselProps): React$1.ReactElement | null;
 
 interface SessionMessageBannerClassNames {
     root?: string;
@@ -2242,7 +2251,7 @@ interface SessionMessageBannerProps {
     /** Called when a message is dismissed. Receives the message code. */
     onDismiss?: (code: string) => void;
     /** Custom message renderer. */
-    renderMessage?: (message: SessionMessage) => React.ReactNode;
+    renderMessage?: (message: SessionMessage) => React$1.ReactNode;
     className?: string;
     classNames?: SessionMessageBannerClassNames;
 }
@@ -2252,7 +2261,7 @@ interface SessionMessageBannerProps {
  * Displays dismissible message cards with level-based styling (info, promotion, urgency, suggestion).
  * Returns `null` when there are no messages.
  */
-declare function SessionMessageBanner({ messages: messagesProp, onDismiss, renderMessage, className, classNames, }: SessionMessageBannerProps): React.ReactElement | null;
+declare function SessionMessageBanner({ messages: messagesProp, onDismiss, renderMessage, className, classNames, }: SessionMessageBannerProps): React$1.ReactElement | null;
 
 interface ViewedProduct {
     product_id: string;
@@ -2271,7 +2280,7 @@ interface RecentlyViewedProps {
     /** Called when a viewed product is clicked. */
     onProductClick?: (product: ViewedProduct) => void;
     /** Custom product renderer. */
-    renderProduct?: (product: ViewedProduct) => React.ReactNode;
+    renderProduct?: (product: ViewedProduct) => React$1.ReactNode;
     /** Text shown when no viewed products exist. */
     emptyMessage?: string;
     className?: string;
@@ -2283,7 +2292,7 @@ interface RecentlyViewedProps {
  * Extracts `state.activity.viewed_products` from the activity state.
  * Returns `null` when there are no viewed products.
  */
-declare function RecentlyViewed({ limit, onProductClick, renderProduct, emptyMessage, className, classNames, }: RecentlyViewedProps): React.ReactElement | null;
+declare function RecentlyViewed({ limit, onProductClick, renderProduct, emptyMessage, className, classNames, }: RecentlyViewedProps): React$1.ReactElement | null;
 
 interface BillingPlanSelectorClassNames {
     root?: string;
@@ -2310,7 +2319,7 @@ interface BillingPlanSelectorProps {
     /** Label for the one-time purchase option. Default: "One-time purchase". */
     oneTimePurchaseLabel?: string;
     /** Custom plan card renderer. */
-    renderPlan?: (plan: ProductBillingPlan, isActive: boolean) => React.ReactNode;
+    renderPlan?: (plan: ProductBillingPlan, isActive: boolean) => React$1.ReactNode;
     className?: string;
     classNames?: BillingPlanSelectorClassNames;
 }
@@ -2320,7 +2329,7 @@ interface BillingPlanSelectorProps {
  * Renders plan cards with frequency, markup, trial, and setup fee details.
  * Returns `null` when no plans are available (and one-time purchase is hidden).
  */
-declare function BillingPlanSelector({ productId, plans: plansProp, onPlanSelect, selectedPlanId, showOneTimePurchase, oneTimePurchaseLabel, renderPlan, className, classNames, }: BillingPlanSelectorProps): React.ReactElement | null;
+declare function BillingPlanSelector({ productId, plans: plansProp, onPlanSelect, selectedPlanId, showOneTimePurchase, oneTimePurchaseLabel, renderPlan, className, classNames, }: BillingPlanSelectorProps): React$1.ReactElement | null;
 
 interface VolumePricingClassNames {
     root?: string;
@@ -2339,14 +2348,14 @@ interface VolumePricingProps {
     className?: string;
     classNames?: VolumePricingClassNames;
 }
-declare function VolumePricing({ tiers, currentQuantity, defaultOpen, className, classNames, }: VolumePricingProps): React.ReactElement | null;
+declare function VolumePricing({ tiers, currentQuantity, defaultOpen, className, classNames, }: VolumePricingProps): React$1.ReactElement | null;
 
 interface PriceRangeProps {
     product: Product | ProductWithDetails;
     currency?: CurrencyCode;
     className?: string;
 }
-declare function PriceRange({ product, currency, className }: PriceRangeProps): React.ReactElement | null;
+declare function PriceRange({ product, currency, className }: PriceRangeProps): React$1.ReactElement | null;
 
 interface DeliveryEstimateClassNames {
     root?: string;
@@ -2374,7 +2383,7 @@ interface DeliveryEstimateProps {
  * Fetches the delivery fee from `client.delivery.getFee` when coordinates change.
  * Shows fee amount with currency, a "not serviceable" message, or loading state.
  */
-declare function DeliveryEstimate({ latitude, longitude, country, onFeeCalculated, className, classNames, }: DeliveryEstimateProps): React.ReactElement | null;
+declare function DeliveryEstimate({ latitude, longitude, country, onFeeCalculated, className, classNames, }: DeliveryEstimateProps): React$1.ReactElement | null;
 
 interface CurrencySelectorClassNames {
     root?: string;
@@ -2396,7 +2405,7 @@ interface CurrencySelectorProps {
     /** Base currency used for rate display. */
     baseCurrency?: CurrencyCode;
     /** Custom currency option renderer. */
-    renderCurrency?: (currency: CurrencyCode, isActive: boolean, rate: FxRateResponse | null) => React.ReactNode;
+    renderCurrency?: (currency: CurrencyCode, isActive: boolean, rate: FxRateResponse | null) => React$1.ReactNode;
     className?: string;
     classNames?: CurrencySelectorClassNames;
 }
@@ -2406,6 +2415,49 @@ interface CurrencySelectorProps {
  * Renders selectable currency options with optional exchange rate display.
  * Returns `null` when there is only one currency (no selector needed).
  */
-declare function CurrencySelector({ currencies, currentCurrency, onCurrencyChange, showRate, baseCurrency, renderCurrency, className, classNames, }: CurrencySelectorProps): React.ReactElement | null;
+declare function CurrencySelector({ currencies, currentCurrency, onCurrencyChange, showRate, baseCurrency, renderCurrency, className, classNames, }: CurrencySelectorProps): React$1.ReactElement | null;
+
+interface Resource {
+    id: string;
+    name: string;
+    description?: string;
+    capacity?: number;
+    floor?: string;
+    image_url?: string;
+    is_available?: boolean;
+}
+interface ResourcePickerClassNames {
+    root?: string;
+    option?: string;
+    image?: string;
+    name?: string;
+    description?: string;
+    meta?: string;
+    capacity?: string;
+    floor?: string;
+    unavailable?: string;
+}
+interface ResourcePickerProps {
+    /** List of available resources (rooms, equipment, etc.). */
+    resources: Resource[];
+    /** Currently selected resource ID, or null for "Any available". */
+    selectedResourceId?: string | null;
+    /** Called when a resource is selected. Passes null for "Any available". */
+    onResourceSelect?: (resourceId: string | null) => void;
+    /** Show "Any available" option. Default: true. */
+    showAnyOption?: boolean;
+    /** Label for the "Any available" option. */
+    anyLabel?: string;
+    /** Custom image renderer (e.g. Next.js Image). */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+    }) => React$1.ReactNode;
+    className?: string;
+    classNames?: ResourcePickerClassNames;
+}
+declare function roomToResource(room: Room): Resource;
+declare function ResourcePicker({ resources, selectedResourceId, onResourceSelect, showAnyOption, anyLabel, renderImage, className, classNames, }: ResourcePickerProps): React$1.ReactElement;
 
-export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddOnSelector, type AddOnSelectorClassNames, type AddOnSelectorProps, type AddToCartOptions, AddressElement, AuthElement, AvailabilityBadge, type AvailabilityBadgeClassNames, type AvailabilityBadgeProps, BillingPlanSelector, type BillingPlanSelectorClassNames, type BillingPlanSelectorProps, BookingCard, type BookingCardClassNames, type BookingCardProps, BookingList, type BookingListClassNames, type BookingListProps, BookingPage, type BookingPageClassNames, type BookingPageProps, BookingsPage, type BookingsPageClassNames, type BookingsPageProps, BundleSelector, type BundleSelectorClassNames, type BundleSelectorProps, type CartAddOnOptionSelection, CartPage, type CartPageClassNames, type CartPageProps, CartSummary, type CartSummaryClassNames, type CartSummaryProps, type CartVariantSelection, CataloguePage, type CataloguePageClassNames, type CataloguePageProps, CategoryFilter, type CategoryFilterClassNames, type CategoryFilterProps, CategoryGrid, type CategoryGridClassNames, type CategoryGridProps, CheckoutPage, type CheckoutPageClassNames, type CheckoutPageProps, CimplifyCheckout, type CimplifyCheckoutProps, type CimplifyClientContextValue, type CimplifyContextValue, CimplifyProvider, type CimplifyProviderProps, CollectionPage, type CollectionPageClassNames, type CollectionPageProps, CompositeSelector, type CompositeSelectorClassNames, type CompositeSelectorProps, CurrencySelector, type CurrencySelectorClassNames, type CurrencySelectorProps, CustomAttributesTable, DateSlotPicker, type DateSlotPickerClassNames, type DateSlotPickerProps, DealBanner, type DealBannerClassNames, type DealBannerProps, DealsPage, type DealsPageClassNames, type DealsPageProps, DefaultProductLayout, DeliveryEstimate, type DeliveryEstimateClassNames, type DeliveryEstimateProps, DigitalProductLayout, DiscountInput, type DiscountInputClassNames, type DiscountInputProps, ElementsProvider, FoodProductLayout, InventoryBadge, LocationPicker, type LocationPickerClassNames, type LocationPickerProps, MetadataStringList, OrderDetailPage, type OrderDetailPageClassNames, type OrderDetailPageProps, OrderHistory, type OrderHistoryClassNames, OrderHistoryPage, type OrderHistoryPageClassNames, type OrderHistoryPageProps, type OrderHistoryProps, OrderSummary, type OrderSummaryClassNames, type OrderSummaryProps, PaymentElement, Price, type PriceProps, PriceRange, type PriceRangeProps, ProductCard, type ProductCardClassNames, type ProductCardProps, ProductCustomizer, type ProductCustomizerClassNames, type ProductCustomizerProps, ProductGrid, type ProductGridClassNames, type ProductGridProps, ProductImageGallery, type ProductImageGalleryProps, type ProductLayoutProps, ProductPage, type ProductPageClassNames, type ProductPageProps, ProductSheet, type ProductSheetClassNames, type ProductSheetProps, ProductTemplate, PropertiesTable, QuantitySelector, type QuantitySelectorClassNames, type QuantitySelectorProps, RecentlyViewed, type RecentlyViewedClassNames, type RecentlyViewedProps, RecommendationCarousel, type RecommendationCarouselClassNames, type RecommendationCarouselProps, RelatedProductsSection, type Resource, ResourcePicker, type ResourcePickerClassNames, type ResourcePickerProps, SaleBadge, type SaleBadgeClassNames, type SaleBadgeProps, SearchInput, type SearchInputClassNames, type SearchInputProps, SearchPage, type SearchPageClassNames, type SearchPageProps, ServiceCard, type ServiceCardClassNames, type ServiceCardProps, ServiceGrid, type ServiceGridClassNames, type ServiceGridProps, ServiceProductLayout, SessionMessageBanner, type SessionMessageBannerClassNames, type SessionMessageBannerProps, SlotPicker, type SlotPickerClassNames, type SlotPickerProps, StaffPicker, type StaffPickerClassNames, type StaffPickerProps, StoreNav, type StoreNavClassNames, type StoreNavProps, TagPills, TwoColumnGrid, type UseActivityStateOptions, type UseActivityStateResult, type UseAttributeDefinitionsOptions, type UseAttributeDefinitionsResult, type UseAvailableSlotsOptions, type UseAvailableSlotsResult, type UseBillingPlansOptions, type UseBillingPlansResult, type UseBookingsOptions, type UseBookingsResult, type UseBootstrapOptions, type UseBootstrapResult, type UseBundlesOptions, type UseBundlesResult, type UseCartItem, type UseCartOptions, type UseCartResult, type UseCategoriesOptions, type UseCategoriesResult, type UseCollectionOptions, type UseCollectionResult, type UseCollectionsOptions, type UseCollectionsResult, type UseDealsOptions, type UseDealsResult, type UseDeliveryFeeOptions, type UseDeliveryFeeResult, type UseFxRateOptions, type UseFxRateResult, type UseLocationsOptions, type UseLocationsResult, type UseOrderOptions, type UseOrderResult, type UseOrdersOptions, type UseOrdersResult, type UseProductAvailabilityOptions, type UseProductAvailabilityResult, type UseProductDealsOptions, type UseProductDealsResult, type UseProductOptions, type UseProductPriceInput, type UseProductPriceResult, type UseProductResult, type UseProductSchedulesOptions, type UseProductSchedulesResult, type UseProductsOnSaleOptions, type UseProductsOnSaleResult, type UseProductsOptions, type UseProductsResult, type UsePropertyFacetsOptions, type UsePropertyFacetsResult, type UseQuoteInput, type UseQuoteOptions, type UseQuoteResult, type UseRecommendationsOptions, type UseRecommendationsResult, type UseSearchOptions, type UseSearchResult, type UseServiceAvailabilityOptions, type UseServiceAvailabilityResult, type UseServicesOptions, type UseServicesResult, type UseTaxonomiesOptions, type UseTaxonomiesResult, type UseTaxonomyOptions, type UseTaxonomyPathOptions, type UseTaxonomyPathResult, type UseTaxonomyResult, type UseValidateDiscountOptions, type UseValidateDiscountResult, type UseVariantSelectorOptions, type UseVariantSelectorResult, VariantSelector, type VariantSelectorClassNames, type VariantSelectorProps, VolumePricing, type VolumePricingClassNames, type VolumePricingProps, WholesaleProductLayout, cn, roomToResource, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCategories, useCheckout, useCimplify, useCimplifyClient, useCollection, useCollections, useDeals, useDeliveryFee, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };
+export { AccommodationCard, Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddOnSelector, type AddOnSelectorClassNames, type AddOnSelectorProps, type AddToCartOptions, AddressElement, AuthElement, AvailabilityBadge, type AvailabilityBadgeClassNames, type AvailabilityBadgeProps, BillingPlanSelector, type BillingPlanSelectorClassNames, type BillingPlanSelectorProps, BookingCard, type BookingCardClassNames, type BookingCardProps, BookingList, type BookingListClassNames, type BookingListProps, BundleSelector, type BundleSelectorClassNames, type BundleSelectorProps, CardImage, type CardLayoutProps, CardShell, CardVariant, type CartAddOnOptionSelection, type CartLayoutProps, CartPage, type CartPageClassNames, type CartPageProps, CartSummary, type CartSummaryClassNames, type CartSummaryProps, CartTemplate, type CartVariantSelection, CatalogueCollectionLayout, type CatalogueLayoutProps, CataloguePage, type CataloguePageClassNames, type CataloguePageProps, CatalogueTemplate, CategoryFilter, type CategoryFilterClassNames, type CategoryFilterProps, CategoryGrid, type CategoryGridClassNames, type CategoryGridProps, CheckoutPage, type CheckoutPageClassNames, type CheckoutPageProps, CimplifyCheckout, type CimplifyCheckoutProps, type CimplifyClientContextValue, type CimplifyContextValue, CimplifyProvider, type CimplifyProviderProps, type CollectionLayoutProps, CollectionPage, type CollectionPageClassNames, type CollectionPageProps, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeSelector, type CompositeSelectorClassNames, type CompositeSelectorProps, CurrencySelector, type CurrencySelectorClassNames, type CurrencySelectorProps, CustomAttributesTable, DateSlotPicker, type DateSlotPickerClassNames, type DateSlotPickerProps, DealBanner, type DealBannerClassNames, type DealBannerProps, DealsPage, type DealsPageClassNames, type DealsPageProps, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, type DeliveryEstimateClassNames, type DeliveryEstimateProps, DigitalProductCard, DigitalProductLayout, DiscountInput, type DiscountInputClassNames, type DiscountInputProps, ElementsProvider, FeaturedCollectionLayout, FoodProductCard, FoodProductLayout, InventoryBadge, LeaseServiceCard, LocationPicker, type LocationPickerClassNames, type LocationPickerProps, MetadataStringList, OrderDetailPage, type OrderDetailPageClassNames, type OrderDetailPageProps, OrderHistory, type OrderHistoryClassNames, OrderHistoryPage, type OrderHistoryPageClassNames, type OrderHistoryPageProps, type OrderHistoryProps, OrderSummary, type OrderSummaryClassNames, type OrderSummaryProps, PaymentElement, Price, type PriceProps, PriceRange, type PriceRangeProps, ProductCard, type ProductCardClassNames, type ProductCardProps, ProductCustomizer, type ProductCustomizerClassNames, type ProductCustomizerProps, ProductGrid, type ProductGridClassNames, type ProductGridProps, ProductImageGallery, type ProductImageGalleryProps, type ProductLayoutProps, ProductPage, type ProductPageClassNames, type ProductPageProps, ProductSheet, type ProductSheetClassNames, type ProductSheetProps, ProductTemplate, PropertiesTable, QuantitySelector, type QuantitySelectorClassNames, type QuantitySelectorProps, QuickAddButton, RecentlyViewed, type RecentlyViewedClassNames, type RecentlyViewedProps, RecommendationCarousel, type RecommendationCarouselClassNames, type RecommendationCarouselProps, RelatedProductsSection, RentalServiceCard, type Resource, ResourcePicker, type ResourcePickerClassNames, type ResourcePickerProps, RetailProductCard, SaleBadge, type SaleBadgeClassNames, type SaleBadgeProps, ScheduleServiceCard, SearchInput, type SearchInputClassNames, type SearchInputProps, type SearchLayoutProps, SearchPage, type SearchPageClassNames, type SearchPageProps, SearchTemplate, type ServiceCardLayoutProps, ServiceProductLayout, SessionMessageBanner, type SessionMessageBannerClassNames, type SessionMessageBannerProps, SlotPicker, type SlotPickerClassNames, type SlotPickerProps, SoldOutOverlay, StaffPicker, type StaffPickerClassNames, type StaffPickerProps, StandardServiceCard, StoreNav, type StoreNavClassNames, type StoreNavProps, SubscriptionCard, TagPills, TwoColumnGrid, type UseActivityStateOptions, type UseActivityStateResult, type UseAttributeDefinitionsOptions, type UseAttributeDefinitionsResult, type UseAvailableSlotsOptions, type UseAvailableSlotsResult, type UseBillingPlansOptions, type UseBillingPlansResult, type UseBookingsOptions, type UseBookingsResult, type UseBootstrapOptions, type UseBootstrapResult, type UseBundlesOptions, type UseBundlesResult, type UseCartItem, type UseCartOptions, type UseCartResult, type UseCategoriesOptions, type UseCategoriesResult, type UseCollectionOptions, type UseCollectionResult, type UseCollectionsOptions, type UseCollectionsResult, type UseDealsOptions, type UseDealsResult, type UseDeliveryFeeOptions, type UseDeliveryFeeResult, type UseFxRateOptions, type UseFxRateResult, type UseLocationsOptions, type UseLocationsResult, type UseOrderOptions, type UseOrderResult, type UseOrdersOptions, type UseOrdersResult, type UseProductAvailabilityOptions, type UseProductAvailabilityResult, type UseProductDealsOptions, type UseProductDealsResult, type UseProductOptions, type UseProductPriceInput, type UseProductPriceResult, type UseProductResult, type UseProductSchedulesOptions, type UseProductSchedulesResult, type UseProductsOnSaleOptions, type UseProductsOnSaleResult, type UseProductsOptions, type UseProductsResult, type UsePropertyFacetsOptions, type UsePropertyFacetsResult, type UseQuoteInput, type UseQuoteOptions, type UseQuoteResult, type UseRecommendationsOptions, type UseRecommendationsResult, type UseSearchOptions, type UseSearchResult, type UseServiceAvailabilityOptions, type UseServiceAvailabilityResult, type UseServicesOptions, type UseServicesResult, type UseTaxonomiesOptions, type UseTaxonomiesResult, type UseTaxonomyOptions, type UseTaxonomyPathOptions, type UseTaxonomyPathResult, type UseTaxonomyResult, type UseValidateDiscountOptions, type UseValidateDiscountResult, type UseVariantSelectorOptions, type UseVariantSelectorResult, VariantSelector, type VariantSelectorClassNames, type VariantSelectorProps, VolumePricing, type VolumePricingClassNames, type VolumePricingProps, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, roomToResource, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCategories, useCheckout, useCimplify, useCimplifyClient, useCollection, useCollections, useDeals, useDeliveryFee, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };