@vtex/faststore 0.0.1

package/dist/matter/buy-button/buy-button.js

@@ -0,0 +1,259 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { graphql } from "../../sdk/generated/gql.js";
+import { useDataOverride } from "../../sdk/data/data-override-context.js";
+import { Button } from "../../particles/button/button.js";
+import { HotDataProvider } from "../../sdk/data/hot-data-provider.js";
+import { resolveDefaultSeller } from "../../sdk/seller.js";
+import { publishedVariantIdFor, selectedVariantVar } from "../../sdk/state/variant-selector.js";
+import { useProductQuantity } from "../product-quantity/product-quantity.js";
+import { useReactiveVar } from "@apollo/client/react";
+import { Suspense, createContext, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/matter/buy-button/buy-button.tsx
+const fragment = `
+  fragment BuyButtonData on Query {
+    productBySlug(slug: $slug) {
+      id
+      title
+      slug
+      images(first: 1) {
+        edges {
+          node {
+            url
+            altText
+          }
+        }
+      }
+      variants(first: 1) {
+        edges {
+          node {
+            id
+            sku
+            availableForSale
+            sellers {
+              id
+              isDefault
+              offer {
+                price { amount currencyCode }
+                listPrice { amount currencyCode }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+graphql(`
+  fragment VariantBuyButtonData on Variant {
+    __typename
+    id
+    availableForSale
+    sellers {
+      id
+      isDefault
+      offer {
+        price { amount currencyCode }
+      }
+    }
+  }
+`);
+const variantQuery = graphql(`
+  query VariantBuyButtonQuery($id: ID!) {
+    node(id: $id) {
+      __typename
+      ... on Variant {
+        ...VariantBuyButtonData
+      }
+    }
+  }
+`);
+const BuyButtonLabels = defineContentType({
+	id: "buy-button-labels",
+	title: "Buy Button Labels",
+	description: "Editorial labels for the add-to-cart button.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		required: ["availableLabel", "unavailableLabel"],
+		properties: {
+			availableLabel: {
+				type: "string",
+				minLength: 1,
+				title: "Available label",
+				default: "Comprar"
+			},
+			unavailableLabel: {
+				type: "string",
+				minLength: 1,
+				title: "Unavailable label",
+				default: "Indisponivel"
+			}
+		}
+	}
+});
+const BUYBUTTON_CONTEXT_UNSET = Symbol("BuyButtonContextUnset");
+const BuyButtonContext = createContext(BUYBUTTON_CONTEXT_UNSET);
+function useBuyButton() {
+	const ctx = useContext(BuyButtonContext);
+	if (ctx === BUYBUTTON_CONTEXT_UNSET) throw new Error("BuyButton components must be used inside BuyButtonRoot.");
+	return ctx;
+}
+function buyButtonContextFromVariant(variant) {
+	const seller = resolveDefaultSeller(variant.sellers);
+	if (!seller?.offer) return null;
+	return {
+		available: variant.availableForSale,
+		variantId: variant.id,
+		seller: seller.id
+	};
+}
+function transformBuyButtonData(data) {
+	const edge = data.variants.edges[0];
+	if (!edge) return null;
+	return buyButtonContextFromVariant(edge.node);
+}
+function transformVariantBuyButtonData(variant) {
+	return buyButtonContextFromVariant(variant);
+}
+const BuyButtonRootDefinition = defineComponent({
+	name: "BuyButtonRoot",
+	importPath: "@vtex/faststore/components",
+	component: BuyButtonRoot,
+	fragment,
+	skeleton: BuyButtonSkeleton,
+	editor: {
+		label: "Buy Button",
+		category: "commerce"
+	},
+	schema: { selectedVariantId: {
+		type: "string",
+		label: "Selected Variant ID"
+	} },
+	guideline: "Data provider for the buy button; place it on PDPs with BuyButtonButton as a child. Adds the variant the shopper picks (it reads the published VariantSelector selection), sending that SKU and its seller to the cart; the selectedVariantId prop is an optional pre-selection fallback, and it falls back to the product first variant on a variant fetch error. Cart writes flow through $actions.cart, so no CartRoot ancestor is required. See buy-button.md."
+});
+const BuyButtonButtonDefinition = defineComponent({
+	name: "BuyButtonButton",
+	importPath: "@vtex/faststore/components",
+	component: BuyButtonButton,
+	content: BuyButtonLabels,
+	editor: {
+		label: "Buy Button Action",
+		category: "commerce"
+	},
+	schema: {
+		availableLabel: {
+			type: "string",
+			default: "Comprar",
+			label: "Available label"
+		},
+		unavailableLabel: {
+			type: "string",
+			default: "Indisponivel",
+			label: "Unavailable label"
+		}
+	},
+	actions: { cart: ["addItem"] },
+	guideline: "The add-to-cart button; must be a descendant of BuyButtonRoot. Cart writes flow through $actions.cart, so no CartRoot ancestor is required."
+});
+function BuyButtonRoot({ $data, selectedVariantId, children, ...props }) {
+	const productSlice = $data ?? null;
+	const publishedSelection = useReactiveVar(selectedVariantVar);
+	const activeVariantId = publishedVariantIdFor(publishedSelection, productSlice?.id ?? null) ?? selectedVariantId;
+	if (activeVariantId) return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(HotDataProvider, {
+			query: variantQuery,
+			variables: { id: activeVariantId },
+			field: "node",
+			fallbackData: productSlice,
+			children: /* @__PURE__ */ jsx(BuyButtonProvider, {
+				fallbackProductSlice: productSlice,
+				...props,
+				children
+			})
+		})
+	});
+	const contextValue = productSlice ? transformBuyButtonData(productSlice) : null;
+	return /* @__PURE__ */ jsx(BuyButtonView, {
+		contextValue,
+		...props,
+		children
+	});
+}
+function BuyButtonProvider({ fallbackProductSlice, ...viewProps }) {
+	const override = useDataOverride(null);
+	const overrideTypename = override?.__typename;
+	let contextValue = null;
+	if (overrideTypename === "Variant") contextValue = transformVariantBuyButtonData(override);
+	else if (fallbackProductSlice) contextValue = transformBuyButtonData(fallbackProductSlice);
+	return /* @__PURE__ */ jsx(BuyButtonView, {
+		contextValue,
+		...viewProps
+	});
+}
+function BuyButtonView({ contextValue, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(BuyButtonContext, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			...props,
+			className,
+			"data-fs-buy-button": "",
+			children
+		})
+	});
+}
+function BuyButtonButton({ availableLabel = "Comprar", unavailableLabel = "Indisponivel", className, children, onClick, $content, $actions, ...props }) {
+	const ctx = useBuyButton();
+	const [addItemPending, setAddItemPending] = useState(false);
+	const { quantity } = useProductQuantity();
+	if (!ctx) return null;
+	const { available, variantId, seller } = ctx;
+	function handleClick(e) {
+		const addItem = $actions?.cart?.addItem;
+		if (addItem) {
+			setAddItemPending(true);
+			addItem({
+				variantId,
+				seller,
+				quantity
+			}).finally(() => setAddItemPending(false));
+		}
+		onClick?.(e);
+	}
+	const isUnavailable = !available;
+	const defaultText = isUnavailable ? $content?.unavailableLabel ?? unavailableLabel : $content?.availableLabel ?? availableLabel;
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		className,
+		onClick: handleClick,
+		disabled: isUnavailable || addItemPending,
+		"aria-busy": addItemPending || void 0,
+		"data-fs-buy-button-button": "",
+		...isUnavailable ? { "data-fs-buy-button-unavailable": "" } : {},
+		...addItemPending ? { "data-fs-buy-button-pending": "" } : {},
+		children: children ?? defaultText
+	});
+}
+function BuyButtonSkeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className,
+		"data-fs-buy-button-skeleton": "",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("span", { "data-fs-buy-button-skeleton-line": "" })
+	});
+}
+BuyButtonRoot.Skeleton = BuyButtonSkeleton;
+const BuyButton = {
+	Root: BuyButtonRoot,
+	Button: BuyButtonButton,
+	Skeleton: BuyButtonSkeleton
+};
+//#endregion
+export { BuyButton, BuyButtonButton, BuyButtonButtonDefinition, BuyButtonLabels, BuyButtonRoot, BuyButtonRootDefinition, BuyButtonSkeleton, transformVariantBuyButtonData };
+
+//# sourceMappingURL=buy-button.js.map

package/dist/matter/buy-button/buy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buy-button.js","names":[],"sources":["../../../src/matter/buy-button/buy-button.tsx"],"sourcesContent":["'use client';\n\nimport { useReactiveVar } from '@apollo/client/react';\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { createContext, Suspense, useContext, useState } from 'react';\nimport { Button } from '../../particles/button/button.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { HotDataProvider } from '../../sdk/data/hot-data-provider.js';\nimport { graphql } from '../../sdk/generated/gql.js';\nimport type { VariantBuyButtonDataFragment } from '../../sdk/generated/graphql.js';\nimport { resolveDefaultSeller } from '../../sdk/seller.js';\nimport { publishedVariantIdFor, selectedVariantVar } from '../../sdk/state/variant-selector.js';\nimport { useProductQuantity } from '../product-quantity/product-quantity.js';\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment BuyButtonData on Query {\n    productBySlug(slug: $slug) {\n      id\n      title\n      slug\n      images(first: 1) {\n        edges {\n          node {\n            url\n            altText\n          }\n        }\n      }\n      variants(first: 1) {\n        edges {\n          node {\n            id\n            sku\n            availableForSale\n            sellers {\n              id\n              isDefault\n              offer {\n                price { amount currencyCode }\n                listPrice { amount currencyCode }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\n// Variant slice carrying the selected variant's availability plus its default seller, authored via\n// graphql() so HotDataProvider gets a TypedDocumentNode. Declared so codegen scans the source and\n// emits VariantBuyButtonDataFragment; the fragment is spread into variantQuery at the GraphQL layer,\n// so the variable is unused at runtime. `offer` is selected only as the same purchasability gate the\n// product transform applies — the buy button never displays price.\nconst _variantFragment = graphql(`\n  fragment VariantBuyButtonData on Variant {\n    __typename\n    id\n    availableForSale\n    sellers {\n      id\n      isDefault\n      offer {\n        price { amount currencyCode }\n      }\n    }\n  }\n`);\n\nconst variantQuery = graphql(`\n  query VariantBuyButtonQuery($id: ID!) {\n    node(id: $id) {\n      __typename\n      ... on Variant {\n        ...VariantBuyButtonData\n      }\n    }\n  }\n`);\n\n// ---------------------------------------------------------------------------\n// Raw data types (shape of the fragment result)\n// ---------------------------------------------------------------------------\n\ntype MoneyValue = {\n  amount: number;\n  currencyCode: string;\n};\n\ntype RawBuyButtonData = {\n  id: string;\n  title: string;\n  slug: string;\n  images: {\n    edges: Array<{\n      node: {\n        url: string;\n        altText: string | null;\n      };\n    }>;\n  };\n  variants: {\n    edges: Array<{\n      node: {\n        id: string;\n        sku: string;\n        availableForSale: boolean;\n        sellers: Array<{\n          id: string;\n          isDefault: boolean;\n          offer: {\n            price: MoneyValue;\n            listPrice: MoneyValue;\n          } | null;\n        }>;\n      };\n    }>;\n  };\n};\n\n// ---------------------------------------------------------------------------\n// Content model\n// ---------------------------------------------------------------------------\n\nexport const BuyButtonLabels = defineContentType({\n  id: 'buy-button-labels',\n  title: 'Buy Button Labels',\n  description: 'Editorial labels for the add-to-cart button.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    required: ['availableLabel', 'unavailableLabel'],\n    properties: {\n      availableLabel: { type: 'string', minLength: 1, title: 'Available label', default: 'Comprar' },\n      unavailableLabel: { type: 'string', minLength: 1, title: 'Unavailable label', default: 'Indisponivel' },\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype BuyButtonContextData = {\n  available: boolean;\n  /** Identifiers passed to useCart().addItem when the button is clicked. */\n  variantId: string;\n  seller: string;\n};\n\ntype BuyButtonContextValue = BuyButtonContextData | null;\n\nconst BUYBUTTON_CONTEXT_UNSET = Symbol('BuyButtonContextUnset');\n\nexport type BuyButtonRootProps = ComponentPropsWithRef<'div'> & {\n  $data?: RawBuyButtonData | null;\n  /** Page-supplied viewed SKU; adds this variant before the shopper interacts. A published swatch\n   *  selection wins over it once set. */\n  selectedVariantId?: string;\n};\n\nexport type BuyButtonButtonProps = ComponentPropsWithRef<'button'> & {\n  availableLabel?: string;\n  unavailableLabel?: string;\n  /** Merchant-authored labels, sliced from the page/layout content entry; win over the label props\n   *  when present. Absent in a non-CMS store — the label props (and their defaults) are the fallback. */\n  $content?: ContentValue<typeof BuyButtonLabels>;\n  /** Injected by the compiler from `actions: { cart: ['addItem'] }`; the cart write surface. */\n  $actions?: ComponentActions;\n};\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst BuyButtonContext = createContext<BuyButtonContextValue | typeof BUYBUTTON_CONTEXT_UNSET>(BUYBUTTON_CONTEXT_UNSET);\n\nfunction useBuyButton(): BuyButtonContextValue {\n  const ctx = useContext(BuyButtonContext);\n  if (ctx === BUYBUTTON_CONTEXT_UNSET) {\n    throw new Error('BuyButton components must be used inside BuyButtonRoot.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Transform\n// ---------------------------------------------------------------------------\n\n// Builds the add-to-cart context from a variant: the SKU (its Node id), its default seller, and its\n// availability. A variant whose resolved seller has no purchasable offer yields null (the button does\n// not render). Shared by the product-level and selected-variant transforms so the default-seller +\n// offer gate lives in one place.\nfunction buyButtonContextFromVariant(variant: {\n  id: string;\n  availableForSale: boolean;\n  sellers: readonly { id: string; isDefault: boolean; offer: unknown }[];\n}): BuyButtonContextData | null {\n  const seller = resolveDefaultSeller(variant.sellers);\n  if (!seller?.offer) return null;\n\n  return {\n    available: variant.availableForSale,\n    variantId: variant.id,\n    seller: seller.id,\n  };\n}\n\nfunction transformBuyButtonData(data: RawBuyButtonData): BuyButtonContextData | null {\n  const edge = data.variants.edges[0];\n  if (!edge) return null;\n\n  return buyButtonContextFromVariant(edge.node);\n}\n\nexport function transformVariantBuyButtonData(variant: VariantBuyButtonDataFragment): BuyButtonContextData | null {\n  return buyButtonContextFromVariant(variant);\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const BuyButtonRootDefinition = defineComponent<BuyButtonRootProps>({\n  name: 'BuyButtonRoot',\n  importPath: '@vtex/faststore/components',\n  component: BuyButtonRoot,\n  fragment,\n  skeleton: BuyButtonSkeleton,\n  editor: { label: 'Buy Button', category: 'commerce' },\n  schema: {\n    selectedVariantId: { type: 'string', label: 'Selected Variant ID' },\n  },\n  guideline:\n    'Data provider for the buy button; place it on PDPs with BuyButtonButton as a child. Adds the variant the shopper picks (it reads the published VariantSelector selection), sending that SKU and its seller to the cart; the selectedVariantId prop is an optional pre-selection fallback, and it falls back to the product first variant on a variant fetch error. Cart writes flow through $actions.cart, so no CartRoot ancestor is required. See buy-button.md.',\n});\n\nexport const BuyButtonButtonDefinition = defineComponent({\n  name: 'BuyButtonButton',\n  importPath: '@vtex/faststore/components',\n  component: BuyButtonButton,\n  content: BuyButtonLabels,\n  editor: { label: 'Buy Button Action', category: 'commerce' },\n  schema: {\n    availableLabel: { type: 'string', default: 'Comprar', label: 'Available label' },\n    unavailableLabel: { type: 'string', default: 'Indisponivel', label: 'Unavailable label' },\n  },\n  actions: { cart: ['addItem'] },\n  guideline:\n    'The add-to-cart button; must be a descendant of BuyButtonRoot. Cart writes flow through $actions.cart, so no CartRoot ancestor is required.',\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\nexport function BuyButtonRoot({ $data, selectedVariantId, children, ...props }: BuyButtonRootProps) {\n  const productSlice = $data ?? null;\n\n  // Read the shopper's published variant selection so the button adds the variant the shopper picked\n  // — the selected SKU, its seller, and its availability — without a page navigation, scoped to this\n  // product. The explicit selectedVariantId prop is the pre-selection fallback; the live published\n  // selection wins once set.\n  const publishedSelection = useReactiveVar(selectedVariantVar);\n  const publishedVariantId = publishedVariantIdFor(publishedSelection, productSlice?.id ?? null);\n  const activeVariantId = publishedVariantId ?? selectedVariantId;\n\n  if (activeVariantId) {\n    return (\n      <Suspense fallback={null}>\n        <HotDataProvider\n          query={variantQuery}\n          variables={{ id: activeVariantId }}\n          field=\"node\"\n          fallbackData={productSlice}\n        >\n          <BuyButtonProvider fallbackProductSlice={productSlice} {...props}>\n            {children}\n          </BuyButtonProvider>\n        </HotDataProvider>\n      </Suspense>\n    );\n  }\n\n  const contextValue = productSlice ? transformBuyButtonData(productSlice) : null;\n\n  return (\n    <BuyButtonView contextValue={contextValue} {...props}>\n      {children}\n    </BuyButtonView>\n  );\n}\n\ntype BuyButtonProviderProps = Omit<BuyButtonRootProps, '$data' | 'selectedVariantId'> & {\n  fallbackProductSlice: RawBuyButtonData | null;\n};\n\n// Reads the override written by the nested HotDataProvider: a Variant node when the variant fetch\n// succeeds, or the product slice (fallbackData) on error/null. Dispatch on __typename so the whole\n// add-to-cart context — availability, the SKU (variantId), and the seller — resolves from the\n// selected variant; always source the product path from the explicit fallback prop so a mis-passed\n// Product node id can never crash the variant transform.\nfunction BuyButtonProvider({ fallbackProductSlice, ...viewProps }: BuyButtonProviderProps) {\n  const override = useDataOverride<unknown>(null);\n  const overrideTypename = (override as { __typename?: string } | null)?.__typename;\n\n  let contextValue: BuyButtonContextValue = null;\n  if (overrideTypename === 'Variant') {\n    contextValue = transformVariantBuyButtonData(override as VariantBuyButtonDataFragment);\n  } else if (fallbackProductSlice) {\n    contextValue = transformBuyButtonData(fallbackProductSlice);\n  }\n\n  return <BuyButtonView contextValue={contextValue} {...viewProps} />;\n}\n\ntype BuyButtonViewProps = Omit<BuyButtonRootProps, '$data' | 'selectedVariantId'> & {\n  contextValue: BuyButtonContextValue;\n};\n\nfunction BuyButtonView({ contextValue, className, children, ...props }: BuyButtonViewProps) {\n  return (\n    <BuyButtonContext value={contextValue}>\n      <div {...props} className={className} data-fs-buy-button=\"\">\n        {children}\n      </div>\n    </BuyButtonContext>\n  );\n}\n\nexport function BuyButtonButton({\n  availableLabel = 'Comprar',\n  unavailableLabel = 'Indisponivel',\n  className,\n  children,\n  onClick,\n  $content,\n  $actions,\n  ...props\n}: BuyButtonButtonProps) {\n  const ctx = useBuyButton();\n  // `addItem` is async with no optimistic response, so the button owns its pending state locally\n  // (the action surface no longer exposes a shared `addItemPending`).\n  const [addItemPending, setAddItemPending] = useState(false);\n  const { quantity } = useProductQuantity();\n\n  if (!ctx) return null;\n\n  const { available, variantId, seller } = ctx;\n\n  function handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const addItem = $actions?.cart?.addItem;\n    if (addItem) {\n      setAddItemPending(true);\n      void addItem({ variantId, seller, quantity }).finally(() => setAddItemPending(false));\n    }\n    onClick?.(e);\n  }\n\n  const isUnavailable = !available;\n  const defaultText = isUnavailable\n    ? ($content?.unavailableLabel ?? unavailableLabel)\n    : ($content?.availableLabel ?? availableLabel);\n\n  return (\n    <Button\n      {...props}\n      className={className}\n      onClick={handleClick}\n      disabled={isUnavailable || addItemPending}\n      aria-busy={addItemPending || undefined}\n      data-fs-buy-button-button=\"\"\n      {...(isUnavailable ? { 'data-fs-buy-button-unavailable': '' } : {})}\n      {...(addItemPending ? { 'data-fs-buy-button-pending': '' } : {})}\n    >\n      {children ?? defaultText}\n    </Button>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Skeleton\n// ---------------------------------------------------------------------------\n\nexport function BuyButtonSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-buy-button-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-buy-button-skeleton-line=\"\" />\n    </div>\n  );\n}\n\nBuyButtonRoot.Skeleton = BuyButtonSkeleton;\n\n// ---------------------------------------------------------------------------\n// Namespace export\n// ---------------------------------------------------------------------------\n\nexport const BuyButton = {\n  Root: BuyButtonRoot,\n  Button: BuyButtonButton,\n  Skeleton: BuyButtonSkeleton,\n};\n"],"mappings":"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"}

package/dist/matter/cart/cart-namespace.d.ts

@@ -0,0 +1,48 @@
+import { CartAlertIcon, CartAlertRoot, CartAlertText, CartAppliedCoupons, CartCheckoutGuard, CartContinueShopping, CartCount, CartCouponError, CartCouponForm, CartCouponRemove, CartDisclaimer, CartEmpty, CartEmptyMessage, CartError, CartFilled, CartGoCheckout, CartItemSkeleton, CartList, CartLoading, CartOpenOnAdd, CartRedirectOnAdd, CartRemoveUnavailable, CartRoot, CartTotal, CartUnavailableCount } from "./cart.js";
+import { CartItemAvailable, CartItemDiscountPercentage, CartItemGift, CartItemImage, CartItemLineTotal, CartItemListPrice, CartItemName, CartItemPrice, CartItemProductLink, CartItemQuantity, CartItemQuantityValue, CartItemRemove, CartItemRoot, CartItemSku, CartItemUnavailable, CartItemVariant } from "../cart-item/cart-item.js";
+//#region src/matter/cart/cart-namespace.d.ts
+export declare const Cart: {
+  Root: typeof CartRoot;
+  List: typeof CartList;
+  ItemRoot: typeof CartItemRoot;
+  ItemImage: typeof CartItemImage;
+  ItemProductLink: typeof CartItemProductLink;
+  ItemName: typeof CartItemName;
+  ItemVariant: typeof CartItemVariant;
+  ItemSku: typeof CartItemSku;
+  ItemPrice: typeof CartItemPrice;
+  ItemListPrice: typeof CartItemListPrice;
+  ItemDiscountPercentage: typeof CartItemDiscountPercentage;
+  ItemLineTotal: typeof CartItemLineTotal;
+  ItemQuantity: typeof CartItemQuantity;
+  ItemQuantityValue: typeof CartItemQuantityValue;
+  ItemRemove: typeof CartItemRemove;
+  ItemAvailable: typeof CartItemAvailable;
+  ItemUnavailable: typeof CartItemUnavailable;
+  ItemGift: typeof CartItemGift;
+  ItemSkeleton: typeof CartItemSkeleton;
+  Total: typeof CartTotal;
+  Count: typeof CartCount;
+  Error: typeof CartError;
+  GoCheckout: typeof CartGoCheckout;
+  CheckoutGuard: typeof CartCheckoutGuard;
+  UnavailableCount: typeof CartUnavailableCount;
+  RemoveUnavailable: typeof CartRemoveUnavailable;
+  OpenOnAdd: typeof CartOpenOnAdd;
+  RedirectOnAdd: typeof CartRedirectOnAdd;
+  Loading: typeof CartLoading;
+  Empty: typeof CartEmpty;
+  EmptyMessage: typeof CartEmptyMessage;
+  ContinueShopping: typeof CartContinueShopping;
+  Filled: typeof CartFilled;
+  Disclaimer: typeof CartDisclaimer;
+  CouponForm: typeof CartCouponForm;
+  AppliedCoupons: typeof CartAppliedCoupons;
+  CouponRemove: typeof CartCouponRemove;
+  CouponError: typeof CartCouponError;
+  AlertRoot: typeof CartAlertRoot;
+  AlertIcon: typeof CartAlertIcon;
+  AlertText: typeof CartAlertText;
+};
+//#endregion
+//# sourceMappingURL=cart-namespace.d.ts.map

package/dist/matter/cart/cart-namespace.js

@@ -0,0 +1,50 @@
+import { CartAlertIcon, CartAlertRoot, CartAlertText, CartAppliedCoupons, CartCheckoutGuard, CartContinueShopping, CartCount, CartCouponError, CartCouponForm, CartCouponRemove, CartDisclaimer, CartEmpty, CartEmptyMessage, CartError, CartFilled, CartGoCheckout, CartItemSkeleton, CartList, CartLoading, CartOpenOnAdd, CartRedirectOnAdd, CartRemoveUnavailable, CartRoot, CartTotal, CartUnavailableCount } from "./cart.js";
+import { CartItemAvailable, CartItemDiscountPercentage, CartItemGift, CartItemImage, CartItemLineTotal, CartItemListPrice, CartItemName, CartItemPrice, CartItemProductLink, CartItemQuantity, CartItemQuantityValue, CartItemRemove, CartItemRoot, CartItemSku, CartItemUnavailable, CartItemVariant } from "../cart-item/cart-item.js";
+//#region src/matter/cart/cart-namespace.ts
+const Cart = {
+	Root: CartRoot,
+	List: CartList,
+	ItemRoot: CartItemRoot,
+	ItemImage: CartItemImage,
+	ItemProductLink: CartItemProductLink,
+	ItemName: CartItemName,
+	ItemVariant: CartItemVariant,
+	ItemSku: CartItemSku,
+	ItemPrice: CartItemPrice,
+	ItemListPrice: CartItemListPrice,
+	ItemDiscountPercentage: CartItemDiscountPercentage,
+	ItemLineTotal: CartItemLineTotal,
+	ItemQuantity: CartItemQuantity,
+	ItemQuantityValue: CartItemQuantityValue,
+	ItemRemove: CartItemRemove,
+	ItemAvailable: CartItemAvailable,
+	ItemUnavailable: CartItemUnavailable,
+	ItemGift: CartItemGift,
+	ItemSkeleton: CartItemSkeleton,
+	Total: CartTotal,
+	Count: CartCount,
+	Error: CartError,
+	GoCheckout: CartGoCheckout,
+	CheckoutGuard: CartCheckoutGuard,
+	UnavailableCount: CartUnavailableCount,
+	RemoveUnavailable: CartRemoveUnavailable,
+	OpenOnAdd: CartOpenOnAdd,
+	RedirectOnAdd: CartRedirectOnAdd,
+	Loading: CartLoading,
+	Empty: CartEmpty,
+	EmptyMessage: CartEmptyMessage,
+	ContinueShopping: CartContinueShopping,
+	Filled: CartFilled,
+	Disclaimer: CartDisclaimer,
+	CouponForm: CartCouponForm,
+	AppliedCoupons: CartAppliedCoupons,
+	CouponRemove: CartCouponRemove,
+	CouponError: CartCouponError,
+	AlertRoot: CartAlertRoot,
+	AlertIcon: CartAlertIcon,
+	AlertText: CartAlertText
+};
+//#endregion
+export { Cart };
+
+//# sourceMappingURL=cart-namespace.js.map

package/dist/matter/cart/cart-namespace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-namespace.js","names":[],"sources":["../../../src/matter/cart/cart-namespace.ts"],"sourcesContent":["import {\n  CartItemAvailable,\n  CartItemDiscountPercentage,\n  CartItemGift,\n  CartItemImage,\n  CartItemLineTotal,\n  CartItemListPrice,\n  CartItemName,\n  CartItemPrice,\n  CartItemProductLink,\n  CartItemQuantity,\n  CartItemQuantityValue,\n  CartItemRemove,\n  CartItemRoot,\n  CartItemSku,\n  CartItemUnavailable,\n  CartItemVariant,\n} from '../cart-item/cart-item.js';\nimport {\n  CartAlertIcon,\n  CartAlertRoot,\n  CartAlertText,\n  CartAppliedCoupons,\n  CartCheckoutGuard,\n  CartContinueShopping,\n  CartCount,\n  CartCouponError,\n  CartCouponForm,\n  CartCouponRemove,\n  CartDisclaimer,\n  CartEmpty,\n  CartEmptyMessage,\n  CartError,\n  CartFilled,\n  CartGoCheckout,\n  CartItemSkeleton,\n  CartList,\n  CartLoading,\n  CartOpenOnAdd,\n  CartRedirectOnAdd,\n  CartRemoveUnavailable,\n  CartRoot,\n  CartTotal,\n  CartUnavailableCount,\n} from './cart.js';\n\n// The `Cart.*` namespace combines the aggregate components (matter/cart) with the line-item\n// components (matter/cart-item). It lives in its own module so neither matter file imports the\n// other, keeping the read root and its per-item line template decoupled (ADR-0012 Option B).\nexport const Cart = {\n  Root: CartRoot,\n  List: CartList,\n  ItemRoot: CartItemRoot,\n  ItemImage: CartItemImage,\n  ItemProductLink: CartItemProductLink,\n  ItemName: CartItemName,\n  ItemVariant: CartItemVariant,\n  ItemSku: CartItemSku,\n  ItemPrice: CartItemPrice,\n  ItemListPrice: CartItemListPrice,\n  ItemDiscountPercentage: CartItemDiscountPercentage,\n  ItemLineTotal: CartItemLineTotal,\n  ItemQuantity: CartItemQuantity,\n  ItemQuantityValue: CartItemQuantityValue,\n  ItemRemove: CartItemRemove,\n  ItemAvailable: CartItemAvailable,\n  ItemUnavailable: CartItemUnavailable,\n  ItemGift: CartItemGift,\n  ItemSkeleton: CartItemSkeleton,\n  Total: CartTotal,\n  Count: CartCount,\n  Error: CartError,\n  GoCheckout: CartGoCheckout,\n  CheckoutGuard: CartCheckoutGuard,\n  UnavailableCount: CartUnavailableCount,\n  RemoveUnavailable: CartRemoveUnavailable,\n  OpenOnAdd: CartOpenOnAdd,\n  RedirectOnAdd: CartRedirectOnAdd,\n  Loading: CartLoading,\n  Empty: CartEmpty,\n  EmptyMessage: CartEmptyMessage,\n  ContinueShopping: CartContinueShopping,\n  Filled: CartFilled,\n  Disclaimer: CartDisclaimer,\n  CouponForm: CartCouponForm,\n  AppliedCoupons: CartAppliedCoupons,\n  CouponRemove: CartCouponRemove,\n  CouponError: CartCouponError,\n  AlertRoot: CartAlertRoot,\n  AlertIcon: CartAlertIcon,\n  AlertText: CartAlertText,\n};\n"],"mappings":";;;AAiDA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,UAAU;CACV,WAAW;CACX,iBAAiB;CACjB,UAAU;CACV,aAAa;CACb,SAAS;CACT,WAAW;CACX,eAAe;CACf,wBAAwB;CACxB,eAAe;CACf,cAAc;CACd,mBAAmB;CACnB,YAAY;CACZ,eAAe;CACf,iBAAiB;CACjB,UAAU;CACV,cAAc;CACd,OAAO;CACP,OAAO;CACP,OAAO;CACP,YAAY;CACZ,eAAe;CACf,kBAAkB;CAClB,mBAAmB;CACnB,WAAW;CACX,eAAe;CACf,SAAS;CACT,OAAO;CACP,cAAc;CACd,kBAAkB;CAClB,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,aAAa;CACb,WAAW;CACX,WAAW;CACX,WAAW;AACb"}