@godaddy/gd-commerce-storefront 0.9.0 → 0.11.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { a as StorefrontMessages, i as StorefrontMessageKey, n as MessageValues, o as enUS, r as StorefrontMessage, s as formatMessage, t as CommerceErrorCode } from "./messages-CHl-bWx9.js";
 import { CSSProperties, ReactElement, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -11,10 +12,25 @@ interface StorefrontConfig {
 }
 declare class ApiError extends Error {
   readonly status: number;
-  constructor(message: string, status: number, options?: ErrorOptions);
+  /** The failure response's `code`, such as `not_found`, when the server sent one. */
+  readonly code: string | undefined;
+  /** Package text to show in place of `message`, for failures the package describes itself. */
+  readonly text: {
+    key: StorefrontMessageKey;
+    values?: MessageValues;
+  } | undefined;
+  constructor(message: string, status: number, options?: ErrorOptions & {
+    code?: string;
+    text?: {
+      key: StorefrontMessageKey;
+      values?: MessageValues;
+    };
+  });
 }
 /** Formats minor units, such as cents, as currency. Inside the provider, prefer `useMoney`, which follows its `locale`. */
 declare function money(value: number, currency: string, locale?: string): string;
+/** Formats a range of minor units the way `locale` writes ranges, such as `$20.00 – $25.00` or `20,00–25,00 €`. */
+declare function moneyRange(min: number, max: number, currency: string, locale?: string): string;
 //#endregion
 //#region src/cart-model.d.ts
 interface Money {
@@ -150,7 +166,8 @@ interface CartSummaryTotals {
 declare function addToCart(cartId: string | null, item: AddToCartItemInput, fetchFn?: typeof globalThis.fetch): Promise<{
   cart: CartOrder | null;
 }>;
-declare function getCartSummaryTotals(order: CartOrder | null | undefined): CartSummaryTotals;
+/** The cart's totals in minor units. `currencyCode` is the cart's, or `fallbackCurrency`, such as the store's. */
+declare function getCartSummaryTotals(order: CartOrder | null | undefined, fallbackCurrency?: string): CartSummaryTotals;
 //#endregion
 //#region src/catalog-model.d.ts
 interface PageInfo {
@@ -359,9 +376,192 @@ interface AddToCartButtonProps {
 }
 declare function AddToCartButton(props: AddToCartButtonProps): ReactElement;
 //#endregion
+//#region src/commerce-provider.d.ts
+interface CommerceContextValue {
+  connection: 'loading' | 'unbound' | 'connecting' | 'ready' | 'error';
+  connectionError: string | null;
+  retryConnection: () => void;
+  theme: StorefrontTheme;
+  /** The host's swatch lookup, or `undefined` when options render as buttons. */
+  getSwatch: GetSwatch | undefined;
+  config: StorefrontConfig;
+  /** The BCP 47 locale that prices are formatted in, such as `en-US`. */
+  locale: string;
+  /** The package's text: English, with the provider's `messages` over it. */
+  messages: StorefrontMessages;
+  cart: CartOrder | null;
+  /** Whether the cart drawer is open. Always `false` when no `CartDrawer` or `CartDrawerRoot` is mounted. */
+  open: boolean;
+  /** Opens or closes the cart drawer. Opening does nothing without a mounted drawer. */
+  setOpen: (open: boolean) => void;
+  /** Restores the initiating control after the cart drawer closes. */
+  restoreFocus: () => void;
+  pending: boolean;
+  hydrating: boolean;
+  error: string | null;
+  storageWarning: string | null;
+  announcement: string;
+  addItem: (item: AddToCartItemInput) => Promise<boolean>;
+  changeQuantity: (itemId: string, quantity: number) => Promise<boolean>;
+  removeItem: (itemId: string) => Promise<boolean>;
+  applyDiscount: (code: string) => Promise<boolean>;
+  refresh: () => Promise<boolean>;
+  checkout: () => Promise<boolean>;
+}
+declare function useCommerce(): CommerceContextValue;
+/**
+ * Formats minor units, such as cents, in the provider's `locale`, the way the package's own parts do. Uses the
+ * store's currency unless `currency` is given.
+ */
+declare function useMoney(): (value: number, currency?: string) => string;
+/** `useMoney` for a range, such as `$20.00 – $25.00`, written the way the provider's `locale` writes ranges. */
+declare function useMoneyRange(): (min: number, max: number, currency?: string) => string;
+/**
+ * The provider's text for `key`, with `{placeholders}` filled from `values`, the way the package's own parts read
+ * it. For custom parts that should match the package's language. English outside a provider.
+ */
+declare function useMessage(): (key: StorefrontMessageKey, values?: MessageValues) => string;
+type StorefrontTheme = CSSProperties & {
+  '--commerce-accent'?: string;
+  '--commerce-accent-hover'?: string;
+  '--commerce-on-accent'?: string;
+  '--commerce-surface'?: string;
+  '--commerce-text'?: string;
+  '--commerce-radius'?: string;
+  /** Fills the Sale badge. Defaults to a red that white text reads on. */
+  '--commerce-sale'?: string;
+  /** Text on the Sale badge. Defaults to white. */
+  '--commerce-on-sale'?: string;
+  /**
+   * The aspect ratio of catalog card images and their loading placeholders, such as `3 / 4`. Defaults to `1 / 1`.
+   * Can also be set on a card or any element around it.
+   */
+  '--commerce-card-image-aspect'?: string;
+};
+/** The attribute value a host can give a swatch, such as `{ attribute: 'color', name: 'forest', label: 'Forest' }`. */
+interface SwatchValue {
+  readonly attribute: string;
+  readonly name: string;
+  readonly label: string;
+}
+/**
+ * Returns a CSS `background` for a value, such as `'#3f6352'` or `'url(/swatches/linen.png) center / cover'`, or
+ * nothing for no swatch. An attribute shows swatches only when every value has one.
+ */
+type GetSwatch = (value: SwatchValue) => string | null | undefined;
+interface CommerceProviderProps {
+  children: ReactNode;
+  catalogPath?: string;
+  productPath?: string;
+  /** Applied to storefront surfaces and the portalled cart drawer. */
+  theme?: StorefrontTheme;
+  /**
+   * Swatches for attribute values, off by default. Attributes whose values all have a swatch render as swatches on
+   * the product page, and cards show them as dots. See `GetSwatch`.
+   */
+  getSwatch?: GetSwatch;
+  /** Set only when your server has enabled checkout and this return route exists. */
+  checkoutSuccessPath?: string;
+  /**
+   * The BCP 47 locale for formatting prices, such as `de-DE`. Defaults to `en-US`; an invalid tag falls back to it.
+   * It never selects UI text; set `messages` for that.
+   */
+  locale?: string;
+  /**
+   * The package's text, such as `frFR` from `@godaddy/gd-commerce-storefront/messages/fr-FR`. Keys left out use
+   * English. Independent of `locale`, so set both for a translated store. Part `children` and props such as
+   * `CatalogHeader`'s `title` still replace the text where given.
+   */
+  messages?: Partial<StorefrontMessages>;
+  /**
+   * Called after an item is added, live or sample. With a drawer mounted, the drawer also opens. Without one, such as
+   * on a site with a cart page, use it to confirm the add.
+   */
+  onItemAdded?: (item: AddedCartItem) => void;
+  /** Called for every cart change and failure, such as for analytics. See `CommerceEvent`. */
+  onEvent?: (event: CommerceEvent) => void;
+}
+/** A cart operation that can fail. */
+type CommerceOperation = 'add' | 'change-quantity' | 'remove' | 'discount' | 'refresh' | 'checkout';
+/**
+ * What `onEvent` reports. Live changes are reported once the server returns the updated cart; sample changes have
+ * `isSample: true` and never reach the store. New event types may be added, so ignore types you do not handle.
+ */
+type CommerceEvent = {
+  readonly type: 'item-added';
+  /** `null` for a sample product, which is not a SKU. */
+  readonly skuId: string | null;
+  readonly name: string;
+  readonly quantity: number;
+  readonly isSample: boolean;
+} | {
+  readonly type: 'quantity-changed';
+  readonly itemId: string;
+  readonly quantity: number;
+  readonly isSample: boolean;
+} | {
+  readonly type: 'item-removed';
+  readonly itemId: string;
+  readonly isSample: boolean;
+} | {
+  readonly type: 'discount-applied';
+  readonly code: string;
+}
+/** Sent just before the browser leaves for checkout. */ | {
+  readonly type: 'checkout-started';
+  readonly cartId: string;
+}
+/**
+ * `message` is the one the cart shows, in the provider's language. `code` is the server's failure code, such as
+ * `scope_mismatch`, when it sent one.
+ */ | {
+  readonly type: 'error';
+  readonly operation: CommerceOperation;
+  readonly message: string;
+  readonly code?: string;
+};
+/** The item passed to `onItemAdded`. */
+interface AddedCartItem {
+  readonly name: string;
+  readonly quantity: number;
+  /** `true` for the sample cart, before a store is connected. */
+  readonly isSample: boolean;
+}
+declare function CommerceProvider({
+  children,
+  catalogPath,
+  productPath,
+  checkoutSuccessPath,
+  theme,
+  getSwatch,
+  locale,
+  messages,
+  onItemAdded,
+  onEvent
+}: CommerceProviderProps): ReactElement;
+//#endregion
+//#region src/sample-cart.d.ts
+/**
+ * A product to show while no store is connected. Deliberately distinct from SKU groups, SKUs and draft orders: it
+ * is never sent to Commerce. Add any fields of your own, such as a category, and read them back from `sample` in
+ * `useProductCard()` and `useCartItem()`.
+ */
+interface SampleProduct {
+  /** Unique among the site's samples. `sample-1` to `sample-6` are the packaged samples' keys. */
+  readonly key: string;
+  readonly name: string;
+  /** In minor units of `sampleCurrency`, such as 3200 for $32.00. */
+  readonly price: number;
+  /** A higher earlier price, in minor units. The card then shows the sale badge and the struck-through price. */
+  readonly compareAtPrice?: number;
+  readonly description?: string;
+  /** Any URL the browser can load, such as a file in the site's own public folder. */
+  readonly imageUrl?: string;
+}
+//#endregion
 //#region src/cart-state.d.ts
 /** One cart line, for custom cart parts. */
-interface CartItemState {
+interface CartItemState<Sample extends SampleProduct = SampleProduct> {
   /** Empty when the server returned a line without an ID. Such a line cannot be changed or removed. */
   readonly id: string;
   readonly name: string;
@@ -374,6 +574,8 @@ interface CartItemState {
   /** The line total in minor units, or `null` when the server did not price it. */
   readonly subtotal: number | null;
   readonly currency: string;
+  /** The sample as it was added, with the site's own fields. `null` for a line in the connected store's cart. */
+  readonly sample: Sample | null;
 }
 /** Read-only cart contents: the connected store's cart, or the sample cart while no store is connected. */
 interface CartState {
@@ -456,8 +658,12 @@ declare function CartClose({
 declare function CartNotices({
   className
 }: CartPartProps): ReactElement | null;
-/** Read the line from inside `CartItemRoot`, for custom item parts. */
-declare function useCartItem(): CartItemState;
+/**
+ * Read the line from inside `CartItemRoot`, for custom item parts. Pass the type of the site's samples, such as
+ * `useCartItem<MySample>()`, to read their own fields from `sample`. The type is not checked: when the cart can hold
+ * samples from more than one catalog, read the site's own fields as possibly missing.
+ */
+declare function useCartItem<Sample extends SampleProduct = SampleProduct>(): CartItemState<Sample>;
 interface CartItemsProps extends CartPartProps {
   /** One item, rendered for every cart line. Defaults to the packaged item. */
   children?: ReactNode;
@@ -557,13 +763,29 @@ declare function CartDrawer(): ReactElement;
 interface CatalogPartProps {
   className?: string;
 }
+/** Read-only catalog state for custom catalog parts rendered inside `CatalogRoot`. */
+interface CatalogState {
+  /**
+   * Products on the current page: `0` while loading or after a first load fails. A failed refetch keeps the last page,
+   * so `status` can be `error` while `count` is above `0`.
+   */
+  readonly count: number;
+  readonly isSample: boolean;
+  /** Samples are always `ready`. */
+  readonly status: 'loading' | 'error' | 'ready';
+}
+/** Read how many products the catalog shows, and whether they are samples, for a custom summary. */
+declare function useCatalog(): CatalogState;
 interface CatalogRootProps {
   children: ReactNode;
   /** Added to the root `<section>`. */
   className?: string;
-  /** Permit built-in examples only while the host confirms this site is unbound. */
-  sampleProducts?: boolean;
-  /** Products per page, a whole number of 1 or more. Defaults to 6. Samples are always one page of six. */
+  /**
+   * Products to show only while the server reports no connected store (`unbound`): `true` for the six packaged
+   * samples, or the site's own. Never shown once a store is connected. Defaults to `false`.
+   */
+  sampleProducts?: boolean | readonly SampleProduct[];
+  /** Products per page, a whole number of 1 or more. Defaults to 6. Samples are always one page. */
   pageSize?: number;
   /**
    * Keep the page cursor in the page URL, as `after`, so a reload or a shared link keeps the page. Defaults to
@@ -571,7 +793,7 @@ interface CatalogRootProps {
    */
   urlState?: boolean;
 }
-/** Loads one cursor page of products, or the built-in samples, and provides them to catalog parts. */
+/** Loads one cursor page of products, or the samples, and provides them to catalog parts. */
 declare function CatalogRoot({
   children,
   className,
@@ -580,8 +802,10 @@ declare function CatalogRoot({
   urlState
 }: CatalogRootProps): ReactElement;
 interface CatalogHeaderProps extends CatalogPartProps {
-  title?: string;
-  description?: string;
+  /** Defaults to the provider's `catalogTitle` message. `null` leaves the heading out. */
+  title?: string | null;
+  /** Defaults to the provider's `catalogDescription` message. `null` leaves it out. */
+  description?: string | null;
 }
 /** The catalog title as the page's H1, with a description. */
 declare function CatalogHeader({
@@ -630,8 +854,8 @@ interface CatalogProps {
   description?: string;
   /** @deprecated To render the page's own H1, compose `CatalogRoot` without `CatalogHeader` instead. */
   showHeader?: boolean;
-  /** Permit built-in examples only while the host confirms this site is unbound. */
-  sampleProducts?: boolean;
+  /** Products to show only while no store is connected, as in `CatalogRoot`. */
+  sampleProducts?: boolean | readonly SampleProduct[];
   /** Products per page. Defaults to 6. */
   pageSize?: number;
 }
@@ -644,145 +868,6 @@ declare function Catalog({
   pageSize
 }: CatalogProps): ReactElement;
 //#endregion
-//#region src/commerce-provider.d.ts
-interface CommerceContextValue {
-  connection: 'loading' | 'unbound' | 'connecting' | 'ready' | 'error';
-  connectionError: string | null;
-  retryConnection: () => void;
-  theme: StorefrontTheme;
-  /** The host's swatch lookup, or `undefined` when options render as buttons. */
-  getSwatch: GetSwatch | undefined;
-  config: StorefrontConfig;
-  /** The BCP 47 locale that prices are formatted in, such as `en-US`. */
-  locale: string;
-  cart: CartOrder | null;
-  /** Whether the cart drawer is open. Always `false` when no `CartDrawer` or `CartDrawerRoot` is mounted. */
-  open: boolean;
-  /** Opens or closes the cart drawer. Opening does nothing without a mounted drawer. */
-  setOpen: (open: boolean) => void;
-  /** Restores the initiating control after the cart drawer closes. */
-  restoreFocus: () => void;
-  pending: boolean;
-  hydrating: boolean;
-  error: string | null;
-  storageWarning: string | null;
-  announcement: string;
-  addItem: (item: AddToCartItemInput) => Promise<boolean>;
-  changeQuantity: (itemId: string, quantity: number) => Promise<boolean>;
-  removeItem: (itemId: string) => Promise<boolean>;
-  applyDiscount: (code: string) => Promise<boolean>;
-  refresh: () => Promise<boolean>;
-  checkout: () => Promise<boolean>;
-}
-declare function useCommerce(): CommerceContextValue;
-/**
- * Formats minor units, such as cents, in the provider's `locale`, the way the package's own parts do. Uses the
- * store's currency unless `currency` is given.
- */
-declare function useMoney(): (value: number, currency?: string) => string;
-type StorefrontTheme = CSSProperties & {
-  '--commerce-accent'?: string;
-  '--commerce-accent-hover'?: string;
-  '--commerce-on-accent'?: string;
-  '--commerce-surface'?: string;
-  '--commerce-text'?: string;
-  '--commerce-radius'?: string;
-  /** Fills the Sale badge. Defaults to a red that white text reads on. */
-  '--commerce-sale'?: string;
-  /** Text on the Sale badge. Defaults to white. */
-  '--commerce-on-sale'?: string;
-};
-/** The attribute value a host can give a swatch, such as `{ attribute: 'color', name: 'forest', label: 'Forest' }`. */
-interface SwatchValue {
-  readonly attribute: string;
-  readonly name: string;
-  readonly label: string;
-}
-/**
- * Returns a CSS `background` for a value, such as `'#3f6352'` or `'url(/swatches/linen.png) center / cover'`, or
- * nothing for no swatch. An attribute shows swatches only when every value has one.
- */
-type GetSwatch = (value: SwatchValue) => string | null | undefined;
-interface CommerceProviderProps {
-  children: ReactNode;
-  catalogPath?: string;
-  productPath?: string;
-  /** Applied to storefront surfaces and the portalled cart drawer. */
-  theme?: StorefrontTheme;
-  /**
-   * Swatches for attribute values, off by default. Attributes whose values all have a swatch render as swatches on
-   * the product page, and cards show them as dots. See `GetSwatch`.
-   */
-  getSwatch?: GetSwatch;
-  /** Set only when your server has enabled checkout and this return route exists. */
-  checkoutSuccessPath?: string;
-  /**
-   * The BCP 47 locale for formatting prices, such as `de-DE`. Defaults to `en-US`; an invalid tag falls back to it.
-   * It never selects UI text: localized text will be a separate, opt-in prop, so setting `locale` cannot change wording.
-   */
-  locale?: string;
-  /**
-   * Called after an item is added, live or sample. With a drawer mounted, the drawer also opens. Without one, such as
-   * on a site with a cart page, use it to confirm the add.
-   */
-  onItemAdded?: (item: AddedCartItem) => void;
-  /** Called for every cart change and failure, such as for analytics. See `CommerceEvent`. */
-  onEvent?: (event: CommerceEvent) => void;
-}
-/** A cart operation that can fail. */
-type CommerceOperation = 'add' | 'change-quantity' | 'remove' | 'discount' | 'refresh' | 'checkout';
-/**
- * What `onEvent` reports. Live changes are reported once the server returns the updated cart; sample changes have
- * `isSample: true` and never reach the store. New event types may be added, so ignore types you do not handle.
- */
-type CommerceEvent = {
-  readonly type: 'item-added';
-  /** `null` for a sample product, which is not a SKU. */
-  readonly skuId: string | null;
-  readonly name: string;
-  readonly quantity: number;
-  readonly isSample: boolean;
-} | {
-  readonly type: 'quantity-changed';
-  readonly itemId: string;
-  readonly quantity: number;
-  readonly isSample: boolean;
-} | {
-  readonly type: 'item-removed';
-  readonly itemId: string;
-  readonly isSample: boolean;
-} | {
-  readonly type: 'discount-applied';
-  readonly code: string;
-}
-/** Sent just before the browser leaves for checkout. */ | {
-  readonly type: 'checkout-started';
-  readonly cartId: string;
-}
-/** `message` is the one the cart shows. */ | {
-  readonly type: 'error';
-  readonly operation: CommerceOperation;
-  readonly message: string;
-};
-/** The item passed to `onItemAdded`. */
-interface AddedCartItem {
-  readonly name: string;
-  readonly quantity: number;
-  /** `true` for the sample cart, before a store is connected. */
-  readonly isSample: boolean;
-}
-declare function CommerceProvider({
-  children,
-  catalogPath,
-  productPath,
-  checkoutSuccessPath,
-  theme,
-  getSwatch,
-  locale,
-  onItemAdded,
-  onEvent
-}: CommerceProviderProps): ReactElement;
-//#endregion
 //#region src/commerce-storefront.d.ts
 /** Mount once inside the application's Router and QueryClientProvider. */
 declare function CommerceStorefront({
@@ -808,9 +893,11 @@ declare function ProductImage({
   className
 }: ProductImageProps): ReactElement;
 /** Read-only card state for custom parts rendered inside `ProductCardRoot`. */
-interface ProductCardState {
-  /** `null` for a built-in sample, which is not a catalog product. */
+interface ProductCardState<Sample extends SampleProduct = SampleProduct> {
+  /** `null` for a sample, which is not a catalog product. */
   readonly product: SKUGroup | null;
+  /** The sample as the site passed it to `sampleProducts`, with its own fields. `null` for a catalog product. */
+  readonly sample: Sample | null;
   readonly name: string;
   /** The product page, or `null` for a sample, which has none. */
   readonly href: string | null;
@@ -820,8 +907,12 @@ interface ProductCardState {
 interface ProductCardPartProps {
   className?: string;
 }
-/** Read the card's product, name, and link from inside `ProductCardRoot`. */
-declare function useProductCard(): ProductCardState;
+/**
+ * Read the card's product or sample, name, and link from inside `ProductCardRoot`. Pass the type of the site's
+ * samples, such as `useProductCard<MySample>()`, to read their own fields from `sample`. The type is not checked:
+ * on a page that also shows the packaged samples, read the site's own fields as possibly missing.
+ */
+declare function useProductCard<Sample extends SampleProduct = SampleProduct>(): ProductCardState<Sample>;
 interface ProductCardRootProps {
   children: ReactNode;
   /** The catalog product to show. Leave it out inside `CatalogProducts`, which supplies each product. */
@@ -836,8 +927,9 @@ declare function ProductCardRoot({
   className
 }: ProductCardRootProps): ReactElement;
 /**
- * The product's first image, linked to its page. Samples show a placeholder. With a `ProductCardTitle` in the card,
- * the title is the one link keyboard and screen reader users get; without one, the image link is.
+ * The product's first image, linked to its page. A sample shows its `imageUrl`, unlinked, or the packaged samples'
+ * placeholder. With a `ProductCardTitle` in the card, the title is the one link keyboard and screen reader users get,
+ * and a sample's image is hidden from screen readers so its name is not read twice; without one, the image is exposed.
  */
 declare function ProductCardImage({
   className
@@ -846,13 +938,14 @@ declare function ProductCardImage({
 declare function ProductCardTitle({
   className
 }: ProductCardPartProps): ReactElement;
-/** Up to three lines of the product description. Renders nothing without one. */
+/** Up to two lines of the product or sample description. Renders nothing without one. */
 declare function ProductCardDescription({
   className
 }: ProductCardPartProps): ReactElement | null;
 /**
  * "Sale" when some SKU's compare-at price is above that SKU's price. Without SKU prices, as in the catalog list, only
- * when the lowest compare-at price is above the highest price. Renders nothing otherwise, or for samples.
+ * when the lowest compare-at price is above the highest price. For a sample, when its `compareAtPrice` is above its
+ * price. Renders nothing otherwise.
  */
 declare function ProductCardBadge({
   className
@@ -976,7 +1069,7 @@ declare function ProductDetailsRoot({
 /** The packaged product page for `${productPath}/:productId`. Compose the parts for a custom layout. */
 declare function ProductDetails(): ReactElement;
 interface ProductDetailsBackLinkProps extends ProductDetailsPartProps {
-  /** Replaces the chevron and "Back to shop". */
+  /** Replaces the chevron and the `backToShop` message. */
   children?: ReactNode;
 }
 /** A link to the catalog. */
@@ -1068,7 +1161,7 @@ declare function ProductDetailsAddToCart({
 interface RelatedProductsProps {
   /** The product to leave out. Defaults to the route's `:productId` parameter. */
   productId?: string;
-  /** The H2. Defaults to "You may also like". */
+  /** The H2. Defaults to "You may also like", or the provider's `relatedTitle` message. `null` leaves it out. */
   title?: ReactNode;
   /** The most products to show, a whole number from 1 to 24. Defaults to 4. */
   limit?: number;
@@ -1094,4 +1187,4 @@ declare function RelatedProducts({
 //#region src/storefront-surface.d.ts
 declare function CommerceStatus(): ReactElement | null;
 //#endregion
-export { AddToCartButton, type AddToCartButtonProps, AddToCartItemInput, type AddToCartLabelState, type AddedCartItem, ApiError, type CartActionPartProps, CartAddress, CartButton, type CartButtonProps, CartCheckout, CartCheckoutNote, CartClose, CartContinueShopping, CartDescription, CartDiscount, CartDrawer, CartDrawerRoot, type CartDrawerRootProps, CartEmpty, type CartEmptyProps, CartItemImage, CartItemName, CartItemOptions, CartItemPrice, CartItemQuantity, CartItemRemove, CartItemRoot, type CartItemRootProps, type CartItemState, CartItems, type CartItemsProps, CartLineItem, CartLineItemDetails, CartNote, CartNotices, CartOrder, type CartPartProps, CartRoot, type CartRootProps, CartSelectedAddon, CartSelectedAddonValue, CartSelectedOption, CartShippingInfo, type CartState, CartSubtotal, CartSummary, type CartSummaryProps, CartSummaryTotals, CartTax, type CartTextPartProps, CartTitle, Catalog, CatalogEmpty, type CatalogEmptyProps, CatalogHeader, type CatalogHeaderProps, CatalogPagination, type CatalogPartProps, CatalogProducts, type CatalogProductsProps, type CatalogProps, CatalogRoot, type CatalogRootProps, CatalogSummary, type CommerceContextValue, type CommerceEvent, type CommerceOperation, CommerceProvider, type CommerceProviderProps, CommerceStatus, CommerceStorefront, Connection, ConnectionEdge, DraftOrderContext, type GetSwatch, InventoryCount, LabelFilter, LineItemTotals, MediaObject, Money, OrderTotals, PageInfo, type PartLabel, PriceRange, ProductCard, ProductCardAction, type ProductCardActionLabelState, type ProductCardActionProps, ProductCardBadge, ProductCardDescription, ProductCardImage, type ProductCardPartProps, ProductCardPrice, type ProductCardProps, ProductCardRoot, type ProductCardRootProps, type ProductCardState, ProductCardSwatches, ProductCardTitle, ProductDetails, ProductDetailsAddToCart, type ProductDetailsAddToCartProps, ProductDetailsAvailability, ProductDetailsBackLink, type ProductDetailsBackLinkProps, ProductDetailsBadge, ProductDetailsDescription, type ProductDetailsErrorState, ProductDetailsGallery, ProductDetailsOption, type ProductDetailsOptionProps, type ProductDetailsOptionState, type ProductDetailsOptionValueState, ProductDetailsOptions, type ProductDetailsPartProps, ProductDetailsPrice, ProductDetailsPurchase, ProductDetailsPurchaseStatus, ProductDetailsQuantity, ProductDetailsRoot, type ProductDetailsRootProps, type ProductDetailsState, type ProductDetailsStatus, ProductDetailsTitle, ProductDetailsVariablesInput, ProductGridVariablesInput, ProductImage, type ProductImageProps, RelatedProducts, type RelatedProductsProps, SKU, SKUAttributeValue, SKUGroup, SKUGroupAttribute, SKUGroupAttributeValue, SKUGroupSKU, SKUPrice, SkuGroupResult, SkuGroupVariables, SkuGroupsResult, SkuGroupsVariables, SkuResult, SkuVariables, type StorefrontConfig, StorefrontProductAttribute, StorefrontProductAttributeValue, type StorefrontTheme, StringInFilter, type SwatchValue, addToCart, getAvailableInventoryQuantity, getCartSummaryTotals, getImageUrls, getLabeledSkuOptions, getPrimaryImageUrl, getProductAttributes, getProductName, getSingleMatchedSku, getSingleMatchedSkuId, getSkuAttributeValueNames, getStartingCompareAt, inSentence, isOnSale, isProductOnSale, money, useCart, useCartItem, useCommerce, useMoney, useProductCard, useProductDetails, useProductDetailsOption };
+export { AddToCartButton, type AddToCartButtonProps, AddToCartItemInput, type AddToCartLabelState, type AddedCartItem, ApiError, type CartActionPartProps, CartAddress, CartButton, type CartButtonProps, CartCheckout, CartCheckoutNote, CartClose, CartContinueShopping, CartDescription, CartDiscount, CartDrawer, CartDrawerRoot, type CartDrawerRootProps, CartEmpty, type CartEmptyProps, CartItemImage, CartItemName, CartItemOptions, CartItemPrice, CartItemQuantity, CartItemRemove, CartItemRoot, type CartItemRootProps, type CartItemState, CartItems, type CartItemsProps, CartLineItem, CartLineItemDetails, CartNote, CartNotices, CartOrder, type CartPartProps, CartRoot, type CartRootProps, CartSelectedAddon, CartSelectedAddonValue, CartSelectedOption, CartShippingInfo, type CartState, CartSubtotal, CartSummary, type CartSummaryProps, CartSummaryTotals, CartTax, type CartTextPartProps, CartTitle, Catalog, CatalogEmpty, type CatalogEmptyProps, CatalogHeader, type CatalogHeaderProps, CatalogPagination, type CatalogPartProps, CatalogProducts, type CatalogProductsProps, type CatalogProps, CatalogRoot, type CatalogRootProps, type CatalogState, CatalogSummary, type CommerceContextValue, type CommerceErrorCode, type CommerceEvent, type CommerceOperation, CommerceProvider, type CommerceProviderProps, CommerceStatus, CommerceStorefront, Connection, ConnectionEdge, DraftOrderContext, type GetSwatch, InventoryCount, LabelFilter, LineItemTotals, MediaObject, type MessageValues, Money, OrderTotals, PageInfo, type PartLabel, PriceRange, ProductCard, ProductCardAction, type ProductCardActionLabelState, type ProductCardActionProps, ProductCardBadge, ProductCardDescription, ProductCardImage, type ProductCardPartProps, ProductCardPrice, type ProductCardProps, ProductCardRoot, type ProductCardRootProps, type ProductCardState, ProductCardSwatches, ProductCardTitle, ProductDetails, ProductDetailsAddToCart, type ProductDetailsAddToCartProps, ProductDetailsAvailability, ProductDetailsBackLink, type ProductDetailsBackLinkProps, ProductDetailsBadge, ProductDetailsDescription, type ProductDetailsErrorState, ProductDetailsGallery, ProductDetailsOption, type ProductDetailsOptionProps, type ProductDetailsOptionState, type ProductDetailsOptionValueState, ProductDetailsOptions, type ProductDetailsPartProps, ProductDetailsPrice, ProductDetailsPurchase, ProductDetailsPurchaseStatus, ProductDetailsQuantity, ProductDetailsRoot, type ProductDetailsRootProps, type ProductDetailsState, type ProductDetailsStatus, ProductDetailsTitle, ProductDetailsVariablesInput, ProductGridVariablesInput, ProductImage, type ProductImageProps, RelatedProducts, type RelatedProductsProps, SKU, SKUAttributeValue, SKUGroup, SKUGroupAttribute, SKUGroupAttributeValue, SKUGroupSKU, SKUPrice, type SampleProduct, SkuGroupResult, SkuGroupVariables, SkuGroupsResult, SkuGroupsVariables, SkuResult, SkuVariables, type StorefrontConfig, type StorefrontMessage, type StorefrontMessageKey, type StorefrontMessages, StorefrontProductAttribute, StorefrontProductAttributeValue, type StorefrontTheme, StringInFilter, type SwatchValue, addToCart, enUS, formatMessage, getAvailableInventoryQuantity, getCartSummaryTotals, getImageUrls, getLabeledSkuOptions, getPrimaryImageUrl, getProductAttributes, getProductName, getSingleMatchedSku, getSingleMatchedSkuId, getSkuAttributeValueNames, getStartingCompareAt, inSentence, isOnSale, isProductOnSale, money, moneyRange, useCart, useCartItem, useCatalog, useCommerce, useMessage, useMoney, useMoneyRange, useProductCard, useProductDetails, useProductDetailsOption };