@wix/headless-stores 0.0.109 → 0.0.111

package/cjs/dist/react/Product.js

@@ -1,36 +1,77 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { productsV3 } from '@wix/stores';
-import { Quantity as QuantityComponent } from '@wix/headless-components/react';
-import { Commerce } from '@wix/headless-ecom/react';
-import { MediaGallery } from '@wix/headless-media/react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { useService } from '@wix/services-manager-react';
-import React from 'react';
-import { DataComponentTags } from '../data-component-tags.js';
-import { ProductServiceDefinition, SelectedVariantServiceDefinition, } from '../services/index.js';
-import * as CoreProduct from './core/Product.js';
-import * as CoreProductModifiers from './core/ProductModifiers.js';
-import * as CoreProductVariantSelector from './core/ProductVariantSelector.js';
-import * as CoreSelectedVariant from './core/SelectedVariant.js';
-import * as Option from './Option.js';
-import { AsContent } from './types.js';
-const VariantsContext = React.createContext(null);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Quantity = exports.ProductVariant = exports.ProductVariantWeight = exports.ProductVariantSKU = exports.ProductVariantStock = exports.Link = exports.Action = exports.ProductActionPreOrder = exports.ProductActionBuyNow = exports.ProductActionAddToCart = exports.ProductVariantSelectorReset = exports.ProductQuantityRaw = exports.ProductQuantityIncrement = exports.ProductQuantityInput = exports.ProductQuantityDecrement = exports.ProductQuantity = exports.MediaGallery = exports.ProductMediaGallery = exports.ModifierOptionRepeater = exports.ModifierOptions = exports.Modifiers = exports.VariantOptionRepeater = exports.VariantOptions = exports.Variants = exports.Stock = exports.Ribbon = exports.Raw = exports.Slug = exports.CompareAtPrice = exports.Price = exports.Description = exports.Name = exports.Root = void 0;
+exports.useVariantsContext = useVariantsContext;
+exports.useModifiersContext = useModifiersContext;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const stores_1 = require("@wix/stores");
+const react_1 = require("@wix/headless-components/react");
+const react_2 = require("@wix/headless-ecom/react");
+const react_3 = require("@wix/headless-media/react");
+const react_4 = require("@wix/headless-utils/react");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const react_5 = __importDefault(require("react"));
+const data_component_tags_js_1 = require("../data-component-tags.js");
+const index_js_1 = require("../services/index.js");
+const CoreProduct = __importStar(require("./core/Product.js"));
+const CoreProductModifiers = __importStar(require("./core/ProductModifiers.js"));
+const CoreProductVariantSelector = __importStar(require("./core/ProductVariantSelector.js"));
+const CoreSelectedVariant = __importStar(require("./core/SelectedVariant.js"));
+const Option = __importStar(require("./Option.js"));
+const types_js_1 = require("./types.js");
+const VariantsContext = react_5.default.createContext(null);
 /**
  * Hook to access variants context
  */
-export function useVariantsContext() {
-    const context = React.useContext(VariantsContext);
+function useVariantsContext() {
+    const context = react_5.default.useContext(VariantsContext);
     if (!context) {
         throw new Error('useVariantsContext must be used within a Product.Variants component');
     }
     return context;
 }
-const ModifiersContext = React.createContext(null);
+const ModifiersContext = react_5.default.createContext(null);
 /**
  * Hook to access modifiers context
  */
-export function useModifiersContext() {
-    const context = React.useContext(ModifiersContext);
+function useModifiersContext() {
+    const context = react_5.default.useContext(ModifiersContext);
     if (!context) {
         throw new Error('useModifiersContext must be used within a Product.Modifiers component');
     }
@@ -90,13 +131,14 @@ var TestIds;
  * }
  * ```
  */
-export const Root = (props) => {
+const Root = (props) => {
     const { children, product, ...attrs } = props;
-    return (_jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: (0, jsx_runtime_1.jsx)(react_3.MediaGallery.Root, { mediaGalleryServiceConfig: {
                 media: props.product.media?.itemsInfo?.items ?? [],
-            }, children: _jsx(CoreProductVariantSelector.Root, { children: _jsx(CoreProductModifiers.Root, { children: _jsx(CoreSelectedVariant.Root, { children: _jsx(AsChildSlot, { "data-testid": TestIds.productRoot, "data-component-tag": DataComponentTags.productRoot, ...attrs, children: children }) }) }) }) }) }));
+            }, children: (0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Root, { children: (0, jsx_runtime_1.jsx)(CoreProductModifiers.Root, { children: (0, jsx_runtime_1.jsx)(CoreSelectedVariant.Root, { children: (0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { "data-testid": TestIds.productRoot, "data-component-tag": data_component_tags_js_1.DataComponentTags.productRoot, ...attrs, children: children }) }) }) }) }) }));
 };
-Root.displayName = 'Product.Root';
+exports.Root = Root;
+exports.Root.displayName = 'Product.Root';
 /**
  * Displays the product name with customizable rendering following the documented API.
  *
@@ -121,10 +163,10 @@ Root.displayName = 'Product.Root';
  * </Product.Name>
  * ```
  */
-export const Name = React.forwardRef((props, ref) => {
+exports.Name = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreProduct.Name, { children: ({ name }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productName, customElement: children, customElementProps: { name }, content: name, ...otherProps, children: _jsx("div", { children: name }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Name, { children: ({ name }) => {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productName, customElement: children, customElementProps: { name }, content: name, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: name }) }));
         } }));
 });
 /**
@@ -150,19 +192,19 @@ export const Name = React.forwardRef((props, ref) => {
  * </Product.Description>
  * ```
  */
-export const Description = React.forwardRef((props, ref) => {
-    const { asChild, children, className, as = AsContent.Plain, ...otherProps } = props;
-    return (_jsx(CoreProduct.Description, { children: ({ description: richDescription, plainDescription }) => {
+exports.Description = react_5.default.forwardRef((props, ref) => {
+    const { asChild, children, className, as = types_js_1.AsContent.Plain, ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Description, { children: ({ description: richDescription, plainDescription }) => {
             // Determine which description to use based on the 'as' prop
             let description;
             switch (as) {
-                case AsContent.Html:
+                case types_js_1.AsContent.Html:
                     description = plainDescription || '';
                     break;
-                case AsContent.Ricos:
+                case types_js_1.AsContent.Ricos:
                     description = JSON.stringify(richDescription) || '';
                     break;
-                case AsContent.Plain:
+                case types_js_1.AsContent.Plain:
                 default:
                     // For plain text, we'll strip HTML tags from plainDescription
                     description = plainDescription
@@ -172,11 +214,11 @@ export const Description = React.forwardRef((props, ref) => {
             }
             // Handle default rendering based on format
             if (!asChild || !children) {
-                if (as === AsContent.Html) {
-                    return (_jsx("div", { ref: ref, className: className, "data-testid": TestIds.productDescription, dangerouslySetInnerHTML: { __html: description } }));
+                if (as === types_js_1.AsContent.Html) {
+                    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, "data-testid": TestIds.productDescription, dangerouslySetInnerHTML: { __html: description } }));
                 }
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productDescription, customElement: children, customElementProps: { description }, content: description, ...otherProps, children: _jsx("div", { children: description }) }));
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productDescription, customElement: children, customElementProps: { description }, content: description, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: description }) }));
         } }));
 });
 /**
@@ -203,13 +245,13 @@ export const Description = React.forwardRef((props, ref) => {
  * </Product.Price>
  * ```
  */
-export const Price = React.forwardRef((props, ref) => {
+exports.Price = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreSelectedVariant.Price, { children: ({ price, compareAtPrice }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productPrice, "data-discounted": compareAtPrice !== null, customElement: children, customElementProps: {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Price, { children: ({ price, compareAtPrice }) => {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productPrice, "data-discounted": compareAtPrice !== null, customElement: children, customElementProps: {
                     price,
                     formattedPrice: price,
-                }, content: price, ...otherProps, children: _jsx("span", { children: price }) }));
+                }, content: price, ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: price }) }));
         } }));
 });
 /**
@@ -240,18 +282,18 @@ export const Price = React.forwardRef((props, ref) => {
  * </Product.CompareAtPrice>
  * ```
  */
-export const CompareAtPrice = React.forwardRef((props, ref) => {
+exports.CompareAtPrice = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
     const testId = TestIds.productCompareAtPrice;
-    return (_jsx(CoreSelectedVariant.Price, { children: ({ compareAtPrice }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Price, { children: ({ compareAtPrice }) => {
             // Don't render anything if there's no compare-at price
             if (!compareAtPrice) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": testId, "data-discounted": compareAtPrice !== null, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": testId, "data-discounted": compareAtPrice !== null, customElement: children, customElementProps: {
                     price: compareAtPrice,
                     formattedPrice: compareAtPrice,
-                }, content: compareAtPrice, ...otherProps, children: _jsx("span", { children: compareAtPrice }) }));
+                }, content: compareAtPrice, ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: compareAtPrice }) }));
         } }));
 });
 /**
@@ -276,11 +318,11 @@ export const CompareAtPrice = React.forwardRef((props, ref) => {
  * }
  * ```
  */
-export const Slug = React.forwardRef((props, ref) => {
+exports.Slug = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
     const testId = TestIds.productSlug;
-    return (_jsx(CoreProduct.Slug, { children: ({ slug }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": testId, customElement: children, customElementProps: { slug }, content: slug, ...otherProps, children: _jsx("span", { children: slug }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Slug, { children: ({ slug }) => {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": testId, customElement: children, customElementProps: { slug }, content: slug, ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: slug }) }));
         } }));
 });
 /**
@@ -302,14 +344,14 @@ export const Slug = React.forwardRef((props, ref) => {
  * </Product.Raw>
  * ```
  */
-export const Raw = React.forwardRef((props, ref) => {
+exports.Raw = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreProduct.Content, { children: ({ product }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Content, { children: ({ product }) => {
             // Raw component should not render anything by default when not using asChild
             if (!asChild || !children) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productRaw, customElement: children, customElementProps: { product }, ...otherProps }));
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productRaw, customElement: children, customElementProps: { product }, ...otherProps }));
         } }));
 });
 /**
@@ -336,14 +378,14 @@ export const Raw = React.forwardRef((props, ref) => {
  * </Product.Ribbon>
  * ```
  */
-export const Ribbon = React.forwardRef((props, ref) => {
+exports.Ribbon = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreProduct.Ribbon, { children: ({ ribbon, hasRibbon }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Ribbon, { children: ({ ribbon, hasRibbon }) => {
             // Don't render anything if there's no ribbon
             if (!hasRibbon) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productRibbon, customElement: children, customElementProps: { ribbon }, content: ribbon, children: _jsx("span", { children: ribbon }) }));
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productRibbon, customElement: children, customElementProps: { ribbon }, content: ribbon, children: (0, jsx_runtime_1.jsx)("span", { children: ribbon }) }));
         } }));
 });
 /**
@@ -391,9 +433,9 @@ export const Ribbon = React.forwardRef((props, ref) => {
  * </Product.Stock>
  * ```
  */
-export const Stock = React.forwardRef((props, ref) => {
+exports.Stock = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, labels } = props;
-    return (_jsx(CoreProduct.Content, { children: ({ product }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Content, { children: ({ product }) => {
             const availabilityStatus = product.inventory?.availabilityStatus;
             // Default labels
             const defaultLabels = {
@@ -406,24 +448,24 @@ export const Stock = React.forwardRef((props, ref) => {
             let status;
             let label;
             switch (availabilityStatus) {
-                case productsV3.InventoryAvailabilityStatus.IN_STOCK:
+                case stores_1.productsV3.InventoryAvailabilityStatus.IN_STOCK:
                     status = 'in-stock';
                     label = finalLabels.inStock;
                     break;
-                case productsV3.InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK:
+                case stores_1.productsV3.InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK:
                     status = 'limited-stock';
                     label = finalLabels.limitedStock;
                     break;
-                case productsV3.InventoryAvailabilityStatus.OUT_OF_STOCK:
+                case stores_1.productsV3.InventoryAvailabilityStatus.OUT_OF_STOCK:
                 default:
                     status = 'out-of-stock';
                     label = finalLabels.outOfStock;
                     break;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productStock, "data-state": status, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productStock, "data-state": status, customElement: children, customElementProps: {
                     status,
                     label,
-                }, content: label, children: _jsx("span", { children: label }) }));
+                }, content: label, children: (0, jsx_runtime_1.jsx)("span", { children: label }) }));
         } }));
 });
 /**
@@ -468,16 +510,16 @@ export const Stock = React.forwardRef((props, ref) => {
  * </Product.Variants>
  * ```
  */
-export const Variants = React.forwardRef((props, ref) => {
+exports.Variants = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...attributes } = props;
-    return (_jsx(CoreProductVariantSelector.Options, { children: ({ hasOptions, options }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Options, { children: ({ hasOptions, options }) => {
             if (!hasOptions)
                 return null;
             const contextValue = {
                 hasOptions,
                 options,
             };
-            return (_jsx(VariantsContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ...attributes, ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariants, customElement: children, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
+            return ((0, jsx_runtime_1.jsx)(VariantsContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ...attributes, ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariants, customElement: children, children: (0, jsx_runtime_1.jsx)("div", { children: react_5.default.isValidElement(children) ? children : null }) }) }));
         } }));
 });
 /**
@@ -508,7 +550,7 @@ export const Variants = React.forwardRef((props, ref) => {
  * </Product.VariantOptions>
  * ```
  */
-export const VariantOptions = React.forwardRef((props, ref) => {
+exports.VariantOptions = react_5.default.forwardRef((props, ref) => {
     const { children, emptyState } = props;
     const { hasOptions } = useVariantsContext();
     if (!hasOptions) {
@@ -517,20 +559,20 @@ export const VariantOptions = React.forwardRef((props, ref) => {
     const attributes = {
         'data-testid': TestIds.productVariantOptions,
     };
-    return (_jsx("div", { ...attributes, ref: ref, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { ...attributes, ref: ref, children: children }));
 });
 /**
  * Repeater component that renders children for each variant option.
  *
  * @component
  */
-export const VariantOptionRepeater = React.forwardRef((props, _ref) => {
+exports.VariantOptionRepeater = react_5.default.forwardRef((props, _ref) => {
     const { children } = props;
     const { hasOptions, options } = useVariantsContext();
     if (!hasOptions)
         return null;
-    return (_jsx(_Fragment, { children: options.map((option) => {
-            return (_jsx(CoreProductVariantSelector.Option, { option: option, children: (optionData) => (_jsx(Option.Root, { option: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: options.map((option) => {
+            return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Option, { option: option, children: (optionData) => ((0, jsx_runtime_1.jsx)(Option.Root, { option: {
                         ...optionData,
                         mandatory: false,
                     }, children: children })) }, option._id));
@@ -579,16 +621,16 @@ export const VariantOptionRepeater = React.forwardRef((props, _ref) => {
  * </Product.Modifiers>
  * ```
  */
-export const Modifiers = React.forwardRef((props, ref) => {
+exports.Modifiers = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...attributes } = props;
-    return (_jsx(CoreProductModifiers.Modifiers, { children: ({ hasModifiers, modifiers }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductModifiers.Modifiers, { children: ({ hasModifiers, modifiers }) => {
             if (!hasModifiers)
                 return null;
             const contextValue = {
                 hasModifiers,
                 modifiers,
             };
-            return (_jsx(ModifiersContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ...attributes, ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productModifiers, customElement: children, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
+            return ((0, jsx_runtime_1.jsx)(ModifiersContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ...attributes, ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productModifiers, customElement: children, children: (0, jsx_runtime_1.jsx)("div", { children: react_5.default.isValidElement(children) ? children : null }) }) }));
         } }));
 });
 /**
@@ -621,7 +663,7 @@ export const Modifiers = React.forwardRef((props, ref) => {
  * </Product.ModifierOptions>
  * ```
  */
-export const ModifierOptions = React.forwardRef((props, ref) => {
+exports.ModifierOptions = react_5.default.forwardRef((props, ref) => {
     const { children, emptyState } = props;
     const { hasModifiers } = useModifiersContext();
     if (!hasModifiers) {
@@ -630,20 +672,20 @@ export const ModifierOptions = React.forwardRef((props, ref) => {
     const attributes = {
         'data-testid': TestIds.productModifierOptions,
     };
-    return (_jsx("div", { ...attributes, ref: ref, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { ...attributes, ref: ref, children: children }));
 });
 /**
  * Repeater component that renders children for each modifier option.
  *
  * @component
  */
-export const ModifierOptionRepeater = React.forwardRef((props, _ref) => {
+exports.ModifierOptionRepeater = react_5.default.forwardRef((props, _ref) => {
     const { children, allowedTypes = ['color', 'text', 'free-text'] } = props;
     const { hasModifiers, modifiers } = useModifiersContext();
     if (!hasModifiers)
         return null;
-    return (_jsx(_Fragment, { children: modifiers.map((modifier) => {
-            return (_jsx(CoreProductModifiers.Modifier, { modifier: modifier, children: (modifierData) => (_jsx(Option.Root, { option: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modifiers.map((modifier) => {
+            return ((0, jsx_runtime_1.jsx)(CoreProductModifiers.Modifier, { modifier: modifier, children: (modifierData) => ((0, jsx_runtime_1.jsx)(Option.Root, { option: {
                         ...modifierData,
                     }, allowedTypes: allowedTypes, children: children })) }, modifier._id));
         }) }));
@@ -676,9 +718,9 @@ export const ModifierOptionRepeater = React.forwardRef((props, _ref) => {
  * </Product.MediaGallery>
  * ```
  */
-export const ProductMediaGallery = React.forwardRef((props, ref) => {
+exports.ProductMediaGallery = react_5.default.forwardRef((props, ref) => {
     const { children, infinite, autoPlay, ...otherProps } = props;
-    return (_jsx(CoreProduct.Media, { children: ({ mediaItems, mainMedia }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Media, { children: ({ mediaItems, mainMedia }) => {
             const media = mediaItems.length > 0 ? mediaItems : mainMedia ? [mainMedia] : [];
             const mediaGalleryServiceConfig = {
                 media,
@@ -688,13 +730,10 @@ export const ProductMediaGallery = React.forwardRef((props, ref) => {
             const attributes = {
                 'data-testid': TestIds.productMediaGallery,
             };
-            return (_jsx("div", { ...attributes, ref: ref, ...otherProps, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: mediaGalleryServiceConfig, children: children }) }));
+            return ((0, jsx_runtime_1.jsx)("div", { ...attributes, ref: ref, ...otherProps, children: (0, jsx_runtime_1.jsx)(react_3.MediaGallery.Root, { mediaGalleryServiceConfig: mediaGalleryServiceConfig, children: children }) }));
         } }));
 });
-/**
- * Alias for ProductMediaGallery to match the documented API
- */
-export { ProductMediaGallery as MediaGallery };
+exports.MediaGallery = exports.ProductMediaGallery;
 /**
  * Product quantity selector component that integrates with the selected variant.
  * Provides quantity controls with stock validation and can-pre-order support.
@@ -756,9 +795,9 @@ export { ProductMediaGallery as MediaGallery };
  * </Product.Quantity>
  * ```
  */
-export const ProductQuantity = React.forwardRef((props, ref) => {
+exports.ProductQuantity = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreProductVariantSelector.Stock, { children: ({ inStock, isPreOrderEnabled, availableQuantity, selectedQuantity, setSelectedQuantity, }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Stock, { children: ({ inStock, isPreOrderEnabled, availableQuantity, selectedQuantity, setSelectedQuantity, }) => {
             const renderProps = {
                 selectedQuantity,
                 availableQuantity,
@@ -767,9 +806,9 @@ export const ProductQuantity = React.forwardRef((props, ref) => {
                 setSelectedQuantity,
             };
             if (asChild && children) {
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantity, customElement: children, customElementProps: renderProps }));
+                return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantity, customElement: children, customElementProps: renderProps }));
             }
-            return (_jsx(QuantityComponent.Root, { initialValue: selectedQuantity, onValueChange: setSelectedQuantity, className: className, ref: ref, "data-testid": TestIds.productQuantity, children: React.isValidElement(children) ? children : null }));
+            return ((0, jsx_runtime_1.jsx)(react_1.Quantity.Root, { initialValue: selectedQuantity, onValueChange: setSelectedQuantity, className: className, ref: ref, "data-testid": TestIds.productQuantity, children: react_5.default.isValidElement(children) ? children : null }));
         } }));
 });
 /**
@@ -783,14 +822,14 @@ export const ProductQuantity = React.forwardRef((props, ref) => {
  * <Product.Quantity.Decrement className="px-3 py-1 hover:bg-surface-primary transition-colors" />
  * ```
  */
-export const ProductQuantityDecrement = React.forwardRef((props, ref) => {
+exports.ProductQuantityDecrement = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreProductVariantSelector.Stock, { children: ({ selectedQuantity, inStock, isPreOrderEnabled }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Stock, { children: ({ selectedQuantity, inStock, isPreOrderEnabled }) => {
             const disabled = selectedQuantity <= 1 || (!inStock && !isPreOrderEnabled);
             if (asChild && children) {
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantityDecrement, customElement: children, customElementProps: { disabled } }));
+                return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantityDecrement, customElement: children, customElementProps: { disabled } }));
             }
-            return (_jsx(QuantityComponent.Decrement, { className: className, ref: ref, "data-testid": TestIds.productQuantityDecrement, disabled }));
+            return ((0, jsx_runtime_1.jsx)(react_1.Quantity.Decrement, { className: className, ref: ref, "data-testid": TestIds.productQuantityDecrement, disabled }));
         } }));
 });
 /**
@@ -803,13 +842,13 @@ export const ProductQuantityDecrement = React.forwardRef((props, ref) => {
  * <Product.Quantity.Input className="w-16 text-center py-1 border-x border-brand-light focus:outline-none focus:ring-2 focus:ring-brand-primary" />
  * ```
  */
-export const ProductQuantityInput = React.forwardRef((props, ref) => {
+exports.ProductQuantityInput = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, disabled = true } = props;
-    return (_jsx(CoreProductVariantSelector.Stock, { children: () => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Stock, { children: () => {
             if (asChild && children) {
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, disabled: disabled, "data-testid": TestIds.productQuantityInput, customElement: children, customElementProps: {} }));
+                return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, disabled: disabled, "data-testid": TestIds.productQuantityInput, customElement: children, customElementProps: {} }));
             }
-            return (_jsx(QuantityComponent.Input, { className: className, disabled: disabled, ref: ref, "data-testid": TestIds.productQuantityInput }));
+            return ((0, jsx_runtime_1.jsx)(react_1.Quantity.Input, { className: className, disabled: disabled, ref: ref, "data-testid": TestIds.productQuantityInput }));
         } }));
 });
 /**
@@ -823,15 +862,15 @@ export const ProductQuantityInput = React.forwardRef((props, ref) => {
  * <Product.Quantity.Increment className="px-3 py-1 hover:bg-surface-primary transition-colors" />
  * ```
  */
-export const ProductQuantityIncrement = React.forwardRef((props, ref) => {
+exports.ProductQuantityIncrement = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreProductVariantSelector.Stock, { children: ({ selectedQuantity, availableQuantity, inStock, isPreOrderEnabled, }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Stock, { children: ({ selectedQuantity, availableQuantity, inStock, isPreOrderEnabled, }) => {
             const disabled = (!!availableQuantity && selectedQuantity >= availableQuantity) ||
                 (!inStock && !isPreOrderEnabled);
             if (asChild && children) {
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantityIncrement, customElement: children, customElementProps: { disabled } }));
+                return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantityIncrement, customElement: children, customElementProps: { disabled } }));
             }
-            return (_jsx(QuantityComponent.Increment, { className: className, ref: ref, "data-testid": TestIds.productQuantityIncrement, disabled }));
+            return ((0, jsx_runtime_1.jsx)(react_1.Quantity.Increment, { className: className, ref: ref, "data-testid": TestIds.productQuantityIncrement, disabled }));
         } }));
 });
 /**
@@ -860,31 +899,31 @@ export const ProductQuantityIncrement = React.forwardRef((props, ref) => {
  * </Product.Quantity.Raw>
  * ```
  */
-export const ProductQuantityRaw = React.forwardRef((props, ref) => {
+exports.ProductQuantityRaw = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreProductVariantSelector.Stock, { children: (renderProps) => {
-            return (_jsx(AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productQuantityRaw, customElementProps: renderProps }));
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Stock, { children: (renderProps) => {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productQuantityRaw, customElementProps: renderProps }));
         } }));
 });
-export const ProductVariantSelectorReset = React.forwardRef((props, ref) => {
+exports.ProductVariantSelectorReset = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreProductVariantSelector.Reset, { children: (renderProps) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Reset, { children: (renderProps) => {
             if (!renderProps.hasSelections) {
                 return null;
             }
             const label = props.label || 'Reset Selections';
-            return (_jsx(AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productVariantSelectorReset, customElementProps: renderProps, children: _jsx("button", { onClick: renderProps.reset, children: label }) }));
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productVariantSelectorReset, customElementProps: renderProps, children: (0, jsx_runtime_1.jsx)("button", { onClick: renderProps.reset, children: label }) }));
         } }));
 });
 /**
  * Add to cart action button component following the documented API.
  * Automatically integrates with the selected variant and handles loading states.
  */
-export const ProductActionAddToCart = React.forwardRef((props, ref) => {
+exports.ProductActionAddToCart = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, loadingState } = props;
     // Get services for tracking
-    const productService = useService(ProductServiceDefinition);
-    const variantService = useService(SelectedVariantServiceDefinition);
+    const productService = (0, services_manager_react_1.useService)(index_js_1.ProductServiceDefinition);
+    const variantService = (0, services_manager_react_1.useService)(index_js_1.SelectedVariantServiceDefinition);
     // Track after successful add to cart
     const handleSuccess = async () => {
         const choices = variantService.selectedChoices.get();
@@ -895,53 +934,53 @@ export const ProductActionAddToCart = React.forwardRef((props, ref) => {
             variant: variantString,
         });
     };
-    return (_jsx(CoreSelectedVariant.Actions, { children: ({ lineItems, canAddToCart, isLoading, addToCart, isPreOrderEnabled, }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Actions, { children: ({ lineItems, canAddToCart, isLoading, addToCart, isPreOrderEnabled, }) => {
             if (isPreOrderEnabled) {
                 return null;
             }
             const onClick = addToCart;
             const disabled = !canAddToCart || isLoading;
             if (asChild && children) {
-                return (_jsx(Commerce.Actions.AddToCart, { lineItems: lineItems, asChild: asChild, onSuccess: handleSuccess, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productActionAddToCart, "data-in-progress": isLoading, customElement: children, customElementProps: {
+                return ((0, jsx_runtime_1.jsx)(react_2.Commerce.Actions.AddToCart, { lineItems: lineItems, asChild: asChild, onSuccess: handleSuccess, children: (0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productActionAddToCart, "data-in-progress": isLoading, customElement: children, customElementProps: {
                             disabled,
                             isLoading,
                             onClick,
                         } }) }));
             }
-            return (_jsx(Commerce.Actions.AddToCart, { ref: ref, label: label, lineItems: lineItems, className: className, disabled: disabled, loadingState: loadingState, onSuccess: handleSuccess, "data-testid": TestIds.productActionAddToCart, "data-in-progress": isLoading }));
+            return ((0, jsx_runtime_1.jsx)(react_2.Commerce.Actions.AddToCart, { ref: ref, label: label, lineItems: lineItems, className: className, disabled: disabled, loadingState: loadingState, onSuccess: handleSuccess, "data-testid": TestIds.productActionAddToCart, "data-in-progress": isLoading }));
         } }));
 });
 /**
  * Buy Now action button component following the documented API.
  * Bypasses the cart and redirects directly to checkout.
  */
-export const ProductActionBuyNow = React.forwardRef((props, ref) => {
+exports.ProductActionBuyNow = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, loadingState } = props;
-    return (_jsx(CoreSelectedVariant.Actions, { children: ({ lineItems, canAddToCart, isLoading, buyNow, inStock, isPreOrderEnabled, }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Actions, { children: ({ lineItems, canAddToCart, isLoading, buyNow, inStock, isPreOrderEnabled, }) => {
             if (!inStock || isPreOrderEnabled) {
                 return null;
             }
             const onClick = buyNow;
             const disabled = !canAddToCart || isLoading;
             if (asChild && children) {
-                return (_jsx(Commerce.Actions.BuyNow, { lineItems: lineItems, asChild: asChild, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productActionBuyNow, "data-in-progress": isLoading, customElement: children, customElementProps: {
+                return ((0, jsx_runtime_1.jsx)(react_2.Commerce.Actions.BuyNow, { lineItems: lineItems, asChild: asChild, children: (0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productActionBuyNow, "data-in-progress": isLoading, customElement: children, customElementProps: {
                             disabled,
                             isLoading,
                             onClick,
                         } }) }));
             }
-            return (_jsx(Commerce.Actions.BuyNow, { ref: ref, label: label, lineItems: lineItems, className: className, disabled: disabled, loadingState: loadingState, "data-testid": TestIds.productActionBuyNow, "data-in-progress": isLoading }));
+            return ((0, jsx_runtime_1.jsx)(react_2.Commerce.Actions.BuyNow, { ref: ref, label: label, lineItems: lineItems, className: className, disabled: disabled, loadingState: loadingState, "data-testid": TestIds.productActionBuyNow, "data-in-progress": isLoading }));
         } }));
 });
 /**
  * Pre-Order action button component following the documented API.
  * Handles can-pre-order functionality when products are not in stock.
  */
-export const ProductActionPreOrder = React.forwardRef((props, ref) => {
+exports.ProductActionPreOrder = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, loadingState } = props;
     // Get services for tracking
-    const productService = useService(ProductServiceDefinition);
-    const variantService = useService(SelectedVariantServiceDefinition);
+    const productService = (0, services_manager_react_1.useService)(index_js_1.ProductServiceDefinition);
+    const variantService = (0, services_manager_react_1.useService)(index_js_1.SelectedVariantServiceDefinition);
     // Track after successful pre-order
     const handleSuccess = async () => {
         const choices = variantService.selectedChoices.get();
@@ -952,7 +991,7 @@ export const ProductActionPreOrder = React.forwardRef((props, ref) => {
             variant: variantString,
         });
     };
-    return (_jsx(CoreSelectedVariant.Actions, { children: ({ lineItems, isLoading, addToCart, isPreOrderEnabled }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Actions, { children: ({ lineItems, isLoading, addToCart, isPreOrderEnabled }) => {
             if (!isPreOrderEnabled) {
                 return null;
             }
@@ -960,26 +999,26 @@ export const ProductActionPreOrder = React.forwardRef((props, ref) => {
             const onClick = addToCart;
             const disabled = !canPreOrder;
             if (asChild && children) {
-                return (_jsx(Commerce.Actions.AddToCart, { lineItems: lineItems, asChild: asChild, onSuccess: handleSuccess, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productActionPreOrder, "data-in-progress": isLoading, customElement: children, customElementProps: {
+                return ((0, jsx_runtime_1.jsx)(react_2.Commerce.Actions.AddToCart, { lineItems: lineItems, asChild: asChild, onSuccess: handleSuccess, children: (0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productActionPreOrder, "data-in-progress": isLoading, customElement: children, customElementProps: {
                             disabled,
                             isLoading,
                             onClick,
                         } }) }));
             }
-            return (_jsx(Commerce.Actions.AddToCart, { ref: ref, label: label, lineItems: lineItems, className: className, disabled: disabled, loadingState: loadingState, onSuccess: handleSuccess, "data-testid": TestIds.productActionPreOrder, "data-in-progress": isLoading }));
+            return ((0, jsx_runtime_1.jsx)(react_2.Commerce.Actions.AddToCart, { ref: ref, label: label, lineItems: lineItems, className: className, disabled: disabled, loadingState: loadingState, onSuccess: handleSuccess, "data-testid": TestIds.productActionPreOrder, "data-in-progress": isLoading }));
         } }));
 });
 /**
  * Actions namespace containing all product action components
  * following the documented API: Product.Action.AddToCart, Product.Action.BuyNow, Product.Action.PreOrder
  */
-export const Action = {
+exports.Action = {
     /** Add to cart action button */
-    AddToCart: ProductActionAddToCart,
+    AddToCart: exports.ProductActionAddToCart,
     /** Buy now action button */
-    BuyNow: ProductActionBuyNow,
+    BuyNow: exports.ProductActionBuyNow,
     /** Pre-order action button */
-    PreOrder: ProductActionPreOrder,
+    PreOrder: exports.ProductActionPreOrder,
 };
 /**
  * Product link component that automatically tracks ClickProduct events.
@@ -1010,12 +1049,12 @@ export const Action = {
  * </Product.Link>
  * ```
  */
-export const Link = React.forwardRef((props, ref) => {
+exports.Link = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, list, position, origin } = props;
     // Get services for tracking
-    const productService = useService(ProductServiceDefinition);
-    const variantService = useService(SelectedVariantServiceDefinition);
-    return (_jsx(CoreProduct.Slug, { children: ({ slug }) => {
+    const productService = (0, services_manager_react_1.useService)(index_js_1.ProductServiceDefinition);
+    const variantService = (0, services_manager_react_1.useService)(index_js_1.SelectedVariantServiceDefinition);
+    return ((0, jsx_runtime_1.jsx)(CoreProduct.Slug, { children: ({ slug }) => {
             const handleClick = () => {
                 const choices = variantService.selectedChoices.get();
                 const variantString = Object.values(choices).join(' ') || undefined;
@@ -1027,9 +1066,9 @@ export const Link = React.forwardRef((props, ref) => {
                 });
             };
             if (asChild && children) {
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productLink, customElement: children, customElementProps: { onClick: handleClick } }));
+                return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productLink, customElement: children, customElementProps: { onClick: handleClick } }));
             }
-            return (_jsx("a", { ref: ref, href: `/${slug}`, onClick: handleClick, className: className, "data-testid": TestIds.productLink, children: children }));
+            return ((0, jsx_runtime_1.jsx)("a", { ref: ref, href: `/${slug}`, onClick: handleClick, className: className, "data-testid": TestIds.productLink, children: children }));
         } }));
 });
 /**
@@ -1046,12 +1085,12 @@ function getStockStatusMessage(inStock, isPreOrderEnabled, availabilityStatus, l
     // Handle stock status based on availability
     if (inStock) {
         switch (availabilityStatus) {
-            case productsV3.InventoryAvailabilityStatus.IN_STOCK:
+            case stores_1.productsV3.InventoryAvailabilityStatus.IN_STOCK:
                 return {
                     status: 'in-stock',
                     label: labels.inStock,
                 };
-            case productsV3.InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK:
+            case stores_1.productsV3.InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK:
                 return {
                     status: 'limited-stock',
                     label: labels.limitedStock,
@@ -1116,9 +1155,9 @@ function getStockStatusMessage(inStock, isPreOrderEnabled, availabilityStatus, l
  * </Product.ProductVariant.Stock>
  * ```
  */
-export const ProductVariantStock = React.forwardRef((props, ref) => {
+exports.ProductVariantStock = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className, labels } = props;
-    return (_jsx(CoreProductVariantSelector.Stock, { children: ({ inStock, isPreOrderEnabled, availabilityStatus, currentVariantId, }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductVariantSelector.Stock, { children: ({ inStock, isPreOrderEnabled, availabilityStatus, currentVariantId, }) => {
             // Only render if we have a current variant selected
             if (!currentVariantId && !availabilityStatus) {
                 return null;
@@ -1133,10 +1172,10 @@ export const ProductVariantStock = React.forwardRef((props, ref) => {
             const finalLabels = { ...defaultLabels, ...labels };
             // Get status and label using the helper function
             const { status, label } = getStockStatusMessage(inStock, isPreOrderEnabled, availabilityStatus, finalLabels);
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantStock, "data-state": status, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantStock, "data-state": status, customElement: children, customElementProps: {
                     status,
                     label,
-                }, content: label, children: _jsx("span", { children: label }) }));
+                }, content: label, children: (0, jsx_runtime_1.jsx)("span", { children: label }) }));
         } }));
 });
 /**
@@ -1163,14 +1202,14 @@ export const ProductVariantStock = React.forwardRef((props, ref) => {
  * </Product.ProductVariant.SKU>
  * ```
  */
-export const ProductVariantSKU = React.forwardRef((props, ref) => {
+exports.ProductVariantSKU = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreSelectedVariant.Details, { children: ({ sku }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Details, { children: ({ sku }) => {
             // Don't render anything if there's no SKU
             if (!sku) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantSku, customElement: children, customElementProps: { sku }, content: sku, children: _jsx("span", { children: sku }) }));
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantSku, customElement: children, customElementProps: { sku }, content: sku, children: (0, jsx_runtime_1.jsx)("span", { children: sku }) }));
         } }));
 });
 /**
@@ -1197,41 +1236,41 @@ export const ProductVariantSKU = React.forwardRef((props, ref) => {
  * </Product.ProductVariant.Weight>
  * ```
  */
-export const ProductVariantWeight = React.forwardRef((props, ref) => {
+exports.ProductVariantWeight = react_5.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreSelectedVariant.Details, { children: ({ weight }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreSelectedVariant.Details, { children: ({ weight }) => {
             // Don't render anything if there's no weight
             if (!weight) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantWeight, customElement: children, customElementProps: { weight }, content: weight, children: _jsx("span", { children: weight }) }));
+            return ((0, jsx_runtime_1.jsx)(react_4.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantWeight, customElement: children, customElementProps: { weight }, content: weight, children: (0, jsx_runtime_1.jsx)("span", { children: weight }) }));
         } }));
 });
 /**
  * ProductVariant namespace containing product variant components
  * following the compound component pattern: Product.ProductVariant.Stock, Product.ProductVariant.SKU, Product.ProductVariant.Weight
  */
-export const ProductVariant = {
+exports.ProductVariant = {
     /** Product variant stock component */
-    Stock: ProductVariantStock,
+    Stock: exports.ProductVariantStock,
     /** Product variant SKU component */
-    SKU: ProductVariantSKU,
+    SKU: exports.ProductVariantSKU,
     /** Product variant weight component */
-    Weight: ProductVariantWeight,
+    Weight: exports.ProductVariantWeight,
 };
 /**
  * Quantity namespace containing all product quantity components
  * following the compound component pattern: Product.Quantity.Root, Product.Quantity.Decrement, etc.
  */
-export const Quantity = {
+exports.Quantity = {
     /** Product quantity selector component */
-    Root: ProductQuantity,
+    Root: exports.ProductQuantity,
     /** Product quantity decrement component */
-    Decrement: ProductQuantityDecrement,
+    Decrement: exports.ProductQuantityDecrement,
     /** Product quantity input component */
-    Input: ProductQuantityInput,
+    Input: exports.ProductQuantityInput,
     /** Product quantity increment component */
-    Increment: ProductQuantityIncrement,
+    Increment: exports.ProductQuantityIncrement,
     /** Product quantity raw component */
-    Raw: ProductQuantityRaw,
+    Raw: exports.ProductQuantityRaw,
 };