@shopify/hydrogen-react 2026.4.1 → 2026.4.2

package/dist/node-dev/AddToCartButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddToCartButton.mjs","sources":["../../src/AddToCartButton.tsx"],"sourcesContent":["import {useCallback, useEffect, useState} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useProduct} from './ProductProvider.js';\nimport {\n  BaseButton,\n  type CustomBaseButtonProps,\n  type BaseButtonProps,\n} from './BaseButton.js';\nimport * as React from 'react';\nimport {CartLineParentInput} from './storefront-api-types.js';\n\nexport interface AddToCartButtonPropsBase {\n  /** An array of cart line attributes that belong to the item being added to the cart. */\n  attributes?: {\n    key: string;\n    value: string;\n  }[];\n  /** The ID of the variant. */\n  variantId?: string | null;\n  /** The item quantity. */\n  quantity?: number;\n  /** The text that is announced by the screen reader when the item is being added to the cart. Used for accessibility purposes only and not displayed on the page. */\n  accessibleAddingToCartLabel?: string;\n  /** The parent line item of the item being added to the cart. Used for nested cart lines. */\n  parent?: CartLineParentInput;\n  /** The selling plan ID of the subscription variant */\n  sellingPlanId?: string;\n}\n\nexport type AddToCartButtonProps<AsType extends React.ElementType = 'button'> =\n  AddToCartButtonPropsBase & BaseButtonProps<AsType>;\n\n/**\n * The `AddToCartButton` component renders a button that adds an item to the cart when pressed.\n * It must be a descendent of the `CartProvider` component.\n * @publicDocs\n */\nexport function AddToCartButton<AsType extends React.ElementType = 'button'>(\n  props: AddToCartButtonProps<AsType>,\n): JSX.Element {\n  const [addingItem, setAddingItem] = useState<boolean>(false);\n  const {\n    variantId: explicitVariantId,\n    quantity = 1,\n    attributes,\n    sellingPlanId,\n    onClick,\n    children,\n    accessibleAddingToCartLabel,\n    parent,\n    ...passthroughProps\n  } = props;\n  const {status, linesAdd} = useCart();\n  const {selectedVariant} = useProduct();\n  const variantId = explicitVariantId ?? selectedVariant?.id ?? '';\n  const disabled =\n    explicitVariantId === null ||\n    variantId === '' ||\n    selectedVariant === null ||\n    addingItem ||\n    // Only certain 'as' types such as 'button' contain `disabled`\n    (passthroughProps as {disabled?: boolean}).disabled;\n\n  useEffect(() => {\n    if (addingItem && status === 'idle') {\n      setAddingItem(false);\n    }\n  }, [status, addingItem]);\n\n  const handleAddItem = useCallback(() => {\n    setAddingItem(true);\n    linesAdd([\n      {\n        quantity,\n        merchandiseId: variantId || '',\n        attributes,\n        parent,\n        sellingPlanId,\n      },\n    ]);\n  }, [linesAdd, quantity, variantId, attributes, sellingPlanId, parent]);\n\n  return (\n    <>\n      <BaseButton\n        {...passthroughProps}\n        disabled={disabled}\n        onClick={onClick}\n        defaultOnClick={handleAddItem}\n      >\n        {children}\n      </BaseButton>\n      {accessibleAddingToCartLabel ? (\n        <p\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0',\n          }}\n          role=\"alert\"\n          aria-live=\"assertive\"\n        >\n          {addingItem ? accessibleAddingToCartLabel : null}\n        </p>\n      ) : null}\n    </>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface AddToCartButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n>\n  extends AddToCartButtonPropsBase, CustomBaseButtonProps<AsType> {}\n"],"names":[],"mappings":";;;;;AAqCO,SAAS,gBACd,OACa;AACb,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkB,KAAK;AAC3D,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AACJ,QAAM,EAAC,QAAQ,SAAA,IAAY,QAAA;AAC3B,QAAM,EAAC,gBAAA,IAAmB,WAAA;AAC1B,QAAM,YAAY,sBAAqB,mDAAiB,OAAM;AAC9D,QAAM,WACJ,sBAAsB,QACtB,cAAc,MACd,oBAAoB,QACpB;AAAA,EAEC,iBAA0C;AAE7C,YAAU,MAAM;AACd,QAAI,cAAc,WAAW,QAAQ;AACnC,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,CAAC;AAEvB,QAAM,gBAAgB,YAAY,MAAM;AACtC,kBAAc,IAAI;AAClB,aAAS;AAAA,MACP;AAAA,QACE;AAAA,QACA,eAAe,aAAa;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH,GAAG,CAAC,UAAU,UAAU,WAAW,YAAY,eAAe,MAAM,CAAC;AAErE,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAEf;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,8BACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAEf,MAAK;AAAA,QACL,aAAU;AAAA,QAET,uBAAa,8BAA8B;AAAA,MAAA;AAAA,IAAA,IAE5C;AAAA,EAAA,GACN;AAEJ;"}
+{"version":3,"file":"AddToCartButton.mjs","names":[],"sources":["../../src/AddToCartButton.tsx"],"sourcesContent":["import {useCallback, useEffect, useState} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useProduct} from './ProductProvider.js';\nimport {\n  BaseButton,\n  type CustomBaseButtonProps,\n  type BaseButtonProps,\n} from './BaseButton.js';\nimport * as React from 'react';\nimport {CartLineParentInput} from './storefront-api-types.js';\n\nexport interface AddToCartButtonPropsBase {\n  /** An array of cart line attributes that belong to the item being added to the cart. */\n  attributes?: {\n    key: string;\n    value: string;\n  }[];\n  /** The ID of the variant. */\n  variantId?: string | null;\n  /** The item quantity. */\n  quantity?: number;\n  /** The text that is announced by the screen reader when the item is being added to the cart. Used for accessibility purposes only and not displayed on the page. */\n  accessibleAddingToCartLabel?: string;\n  /** The parent line item of the item being added to the cart. Used for nested cart lines. */\n  parent?: CartLineParentInput;\n  /** The selling plan ID of the subscription variant */\n  sellingPlanId?: string;\n}\n\nexport type AddToCartButtonProps<AsType extends React.ElementType = 'button'> =\n  AddToCartButtonPropsBase & BaseButtonProps<AsType>;\n\n/**\n * The `AddToCartButton` component renders a button that adds an item to the cart when pressed.\n * It must be a descendent of the `CartProvider` component.\n * @publicDocs\n */\nexport function AddToCartButton<AsType extends React.ElementType = 'button'>(\n  props: AddToCartButtonProps<AsType>,\n): JSX.Element {\n  const [addingItem, setAddingItem] = useState<boolean>(false);\n  const {\n    variantId: explicitVariantId,\n    quantity = 1,\n    attributes,\n    sellingPlanId,\n    onClick,\n    children,\n    accessibleAddingToCartLabel,\n    parent,\n    ...passthroughProps\n  } = props;\n  const {status, linesAdd} = useCart();\n  const {selectedVariant} = useProduct();\n  const variantId = explicitVariantId ?? selectedVariant?.id ?? '';\n  const disabled =\n    explicitVariantId === null ||\n    variantId === '' ||\n    selectedVariant === null ||\n    addingItem ||\n    // Only certain 'as' types such as 'button' contain `disabled`\n    (passthroughProps as {disabled?: boolean}).disabled;\n\n  useEffect(() => {\n    if (addingItem && status === 'idle') {\n      setAddingItem(false);\n    }\n  }, [status, addingItem]);\n\n  const handleAddItem = useCallback(() => {\n    setAddingItem(true);\n    linesAdd([\n      {\n        quantity,\n        merchandiseId: variantId || '',\n        attributes,\n        parent,\n        sellingPlanId,\n      },\n    ]);\n  }, [linesAdd, quantity, variantId, attributes, sellingPlanId, parent]);\n\n  return (\n    <>\n      <BaseButton\n        {...passthroughProps}\n        disabled={disabled}\n        onClick={onClick}\n        defaultOnClick={handleAddItem}\n      >\n        {children}\n      </BaseButton>\n      {accessibleAddingToCartLabel ? (\n        <p\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0',\n          }}\n          role=\"alert\"\n          aria-live=\"assertive\"\n        >\n          {addingItem ? accessibleAddingToCartLabel : null}\n        </p>\n      ) : null}\n    </>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface AddToCartButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n>\n  extends AddToCartButtonPropsBase, CustomBaseButtonProps<AsType> {}\n"],"mappings":";;;;;;;;;;;AAqCA,SAAgB,gBACd,OACa;CACb,MAAM,CAAC,YAAY,iBAAiB,SAAkB,MAAM;CAC5D,MAAM,EACJ,WAAW,mBACX,WAAW,GACX,YACA,eACA,SACA,UACA,6BACA,QACA,GAAG,qBACD;CACJ,MAAM,EAAC,QAAQ,aAAY,SAAS;CACpC,MAAM,EAAC,oBAAmB,YAAY;CACtC,MAAM,YAAY,qBAAqB,iBAAiB,MAAM;CAC9D,MAAM,WACJ,sBAAsB,QACtB,cAAc,MACd,oBAAoB,QACpB,cAEC,iBAA0C;AAE7C,iBAAgB;AACd,MAAI,cAAc,WAAW,OAC3B,eAAc,MAAM;IAErB,CAAC,QAAQ,WAAW,CAAC;CAExB,MAAM,gBAAgB,kBAAkB;AACtC,gBAAc,KAAK;AACnB,WAAS,CACP;GACE;GACA,eAAe,aAAa;GAC5B;GACA;GACA;GACD,CACF,CAAC;IACD;EAAC;EAAU;EAAU;EAAW;EAAY;EAAe;EAAO,CAAC;AAEtE,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,GAAI;EACM;EACD;EACT,gBAAgB;EAEf;EACU,CAAA,EACZ,8BACC,oBAAC,KAAD;EACE,OAAO;GACL,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACN,YAAY;GACZ,aAAa;GACd;EACD,MAAK;EACL,aAAU;YAET,aAAa,8BAA8B;EAC1C,CAAA,GACF,KACH,EAAA,CAAA"}

package/dist/node-dev/BaseButton.js

@@ -1,29 +1,24 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+require("./_virtual/_rolldown/runtime.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/BaseButton.tsx
 function BaseButton(props) {
-  const {
-    as,
-    onClick,
-    defaultOnClick,
-    children,
-    buttonRef,
-    ...passthroughProps
-  } = props;
-  const handleOnClick = React.useCallback(
-    (event) => {
-      if (onClick) {
-        const clickShouldContinue = onClick(event);
-        if (typeof clickShouldContinue === "boolean" && clickShouldContinue === false || (event == null ? void 0 : event.defaultPrevented))
-          return;
-      }
-      defaultOnClick == null ? void 0 : defaultOnClick(event);
-    },
-    [defaultOnClick, onClick]
-  );
-  const Component = as || "button";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: buttonRef, onClick: handleOnClick, ...passthroughProps, children });
+	const { as, onClick, defaultOnClick, children, buttonRef, ...passthroughProps } = props;
+	const handleOnClick = (0, react.useCallback)((event) => {
+		if (onClick) {
+			const clickShouldContinue = onClick(event);
+			if (typeof clickShouldContinue === "boolean" && clickShouldContinue === false || event?.defaultPrevented) return;
+		}
+		defaultOnClick?.(event);
+	}, [defaultOnClick, onClick]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as || "button", {
+		ref: buttonRef,
+		onClick: handleOnClick,
+		...passthroughProps,
+		children
+	});
 }
+//#endregion
 exports.BaseButton = BaseButton;
-//# sourceMappingURL=BaseButton.js.map
+
+//# sourceMappingURL=BaseButton.js.map

package/dist/node-dev/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../src/BaseButton.tsx"],"sourcesContent":["import {ReactNode, Ref, useCallback} from 'react';\n\nexport interface CustomBaseButtonProps<AsType> {\n  /** Provide a React element or component to render as the underlying button. Note: for accessibility compliance, almost always you should use a `button` element, or a component that renders an underlying button. */\n  as?: AsType;\n  /** Any ReactNode elements. */\n  children: ReactNode;\n  /** Click event handler. Default behaviour triggers unless prevented */\n  onClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A default `onClick` behavior */\n  defaultOnClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A `ref` to the underlying button */\n  buttonRef?: Ref<HTMLButtonElement>;\n}\n\nexport type BaseButtonProps<AsType extends React.ElementType> =\n  CustomBaseButtonProps<AsType> &\n    (AsType extends keyof React.JSX.IntrinsicElements\n      ? Omit<\n          React.ComponentPropsWithoutRef<AsType>,\n          keyof CustomBaseButtonProps<AsType>\n        >\n      : React.ComponentPropsWithoutRef<AsType>);\n\nexport function BaseButton<AsType extends React.ElementType = 'button'>(\n  props: BaseButtonProps<AsType>,\n): JSX.Element {\n  const {\n    as,\n    onClick,\n    defaultOnClick,\n    children,\n    buttonRef,\n    ...passthroughProps\n  } = props;\n\n  const handleOnClick = useCallback(\n    (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (onClick) {\n        const clickShouldContinue = onClick(event);\n        if (\n          (typeof clickShouldContinue === 'boolean' &&\n            clickShouldContinue === false) ||\n          event?.defaultPrevented\n        )\n          return;\n      }\n\n      defaultOnClick?.(event);\n    },\n    [defaultOnClick, onClick],\n  );\n\n  const Component = as || 'button';\n\n  return (\n    <Component ref={buttonRef} onClick={handleOnClick} {...passthroughProps}>\n      {children}\n    </Component>\n  );\n}\n"],"names":["useCallback","jsx"],"mappings":";;;;AA4BO,SAAS,WACd,OACa;AACb,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,gBAAgBA,MAAAA;AAAAA,IACpB,CAAC,UAA4D;AAC3D,UAAI,SAAS;AACX,cAAM,sBAAsB,QAAQ,KAAK;AACzC,YACG,OAAO,wBAAwB,aAC9B,wBAAwB,UAC1B,+BAAO;AAEP;AAAA,MACJ;AAEA,uDAAiB;AAAA,IACnB;AAAA,IACA,CAAC,gBAAgB,OAAO;AAAA,EAAA;AAG1B,QAAM,YAAY,MAAM;AAExB,SACEC,2BAAAA,IAAC,aAAU,KAAK,WAAW,SAAS,eAAgB,GAAG,kBACpD,UACH;AAEJ;;"}
+{"version":3,"file":"BaseButton.js","names":[],"sources":["../../src/BaseButton.tsx"],"sourcesContent":["import {ReactNode, Ref, useCallback} from 'react';\n\nexport interface CustomBaseButtonProps<AsType> {\n  /** Provide a React element or component to render as the underlying button. Note: for accessibility compliance, almost always you should use a `button` element, or a component that renders an underlying button. */\n  as?: AsType;\n  /** Any ReactNode elements. */\n  children: ReactNode;\n  /** Click event handler. Default behaviour triggers unless prevented */\n  onClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A default `onClick` behavior */\n  defaultOnClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A `ref` to the underlying button */\n  buttonRef?: Ref<HTMLButtonElement>;\n}\n\nexport type BaseButtonProps<AsType extends React.ElementType> =\n  CustomBaseButtonProps<AsType> &\n    (AsType extends keyof React.JSX.IntrinsicElements\n      ? Omit<\n          React.ComponentPropsWithoutRef<AsType>,\n          keyof CustomBaseButtonProps<AsType>\n        >\n      : React.ComponentPropsWithoutRef<AsType>);\n\nexport function BaseButton<AsType extends React.ElementType = 'button'>(\n  props: BaseButtonProps<AsType>,\n): JSX.Element {\n  const {\n    as,\n    onClick,\n    defaultOnClick,\n    children,\n    buttonRef,\n    ...passthroughProps\n  } = props;\n\n  const handleOnClick = useCallback(\n    (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (onClick) {\n        const clickShouldContinue = onClick(event);\n        if (\n          (typeof clickShouldContinue === 'boolean' &&\n            clickShouldContinue === false) ||\n          event?.defaultPrevented\n        )\n          return;\n      }\n\n      defaultOnClick?.(event);\n    },\n    [defaultOnClick, onClick],\n  );\n\n  const Component = as || 'button';\n\n  return (\n    <Component ref={buttonRef} onClick={handleOnClick} {...passthroughProps}>\n      {children}\n    </Component>\n  );\n}\n"],"mappings":";;;;AA4BA,SAAgB,WACd,OACa;CACb,MAAM,EACJ,IACA,SACA,gBACA,UACA,WACA,GAAG,qBACD;CAEJ,MAAM,iBAAA,GAAA,MAAA,cACH,UAA4D;AAC3D,MAAI,SAAS;GACX,MAAM,sBAAsB,QAAQ,MAAM;AAC1C,OACG,OAAO,wBAAwB,aAC9B,wBAAwB,SAC1B,OAAO,iBAEP;;AAGJ,mBAAiB,MAAM;IAEzB,CAAC,gBAAgB,QAAQ,CAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAHgB,MAAM,UAGtB;EAAW,KAAK;EAAW,SAAS;EAAe,GAAI;EACpD;EACS,CAAA"}

package/dist/node-dev/BaseButton.mjs

@@ -1,29 +1,23 @@
-import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/BaseButton.tsx
 function BaseButton(props) {
-  const {
-    as,
-    onClick,
-    defaultOnClick,
-    children,
-    buttonRef,
-    ...passthroughProps
-  } = props;
-  const handleOnClick = useCallback(
-    (event) => {
-      if (onClick) {
-        const clickShouldContinue = onClick(event);
-        if (typeof clickShouldContinue === "boolean" && clickShouldContinue === false || (event == null ? void 0 : event.defaultPrevented))
-          return;
-      }
-      defaultOnClick == null ? void 0 : defaultOnClick(event);
-    },
-    [defaultOnClick, onClick]
-  );
-  const Component = as || "button";
-  return /* @__PURE__ */ jsx(Component, { ref: buttonRef, onClick: handleOnClick, ...passthroughProps, children });
+	const { as, onClick, defaultOnClick, children, buttonRef, ...passthroughProps } = props;
+	const handleOnClick = useCallback((event) => {
+		if (onClick) {
+			const clickShouldContinue = onClick(event);
+			if (typeof clickShouldContinue === "boolean" && clickShouldContinue === false || event?.defaultPrevented) return;
+		}
+		defaultOnClick?.(event);
+	}, [defaultOnClick, onClick]);
+	return /* @__PURE__ */ jsx(as || "button", {
+		ref: buttonRef,
+		onClick: handleOnClick,
+		...passthroughProps,
+		children
+	});
 }
-export {
-  BaseButton
-};
-//# sourceMappingURL=BaseButton.mjs.map
+//#endregion
+export { BaseButton };
+
+//# sourceMappingURL=BaseButton.mjs.map

package/dist/node-dev/BaseButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.mjs","sources":["../../src/BaseButton.tsx"],"sourcesContent":["import {ReactNode, Ref, useCallback} from 'react';\n\nexport interface CustomBaseButtonProps<AsType> {\n  /** Provide a React element or component to render as the underlying button. Note: for accessibility compliance, almost always you should use a `button` element, or a component that renders an underlying button. */\n  as?: AsType;\n  /** Any ReactNode elements. */\n  children: ReactNode;\n  /** Click event handler. Default behaviour triggers unless prevented */\n  onClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A default `onClick` behavior */\n  defaultOnClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A `ref` to the underlying button */\n  buttonRef?: Ref<HTMLButtonElement>;\n}\n\nexport type BaseButtonProps<AsType extends React.ElementType> =\n  CustomBaseButtonProps<AsType> &\n    (AsType extends keyof React.JSX.IntrinsicElements\n      ? Omit<\n          React.ComponentPropsWithoutRef<AsType>,\n          keyof CustomBaseButtonProps<AsType>\n        >\n      : React.ComponentPropsWithoutRef<AsType>);\n\nexport function BaseButton<AsType extends React.ElementType = 'button'>(\n  props: BaseButtonProps<AsType>,\n): JSX.Element {\n  const {\n    as,\n    onClick,\n    defaultOnClick,\n    children,\n    buttonRef,\n    ...passthroughProps\n  } = props;\n\n  const handleOnClick = useCallback(\n    (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (onClick) {\n        const clickShouldContinue = onClick(event);\n        if (\n          (typeof clickShouldContinue === 'boolean' &&\n            clickShouldContinue === false) ||\n          event?.defaultPrevented\n        )\n          return;\n      }\n\n      defaultOnClick?.(event);\n    },\n    [defaultOnClick, onClick],\n  );\n\n  const Component = as || 'button';\n\n  return (\n    <Component ref={buttonRef} onClick={handleOnClick} {...passthroughProps}>\n      {children}\n    </Component>\n  );\n}\n"],"names":[],"mappings":";;AA4BO,SAAS,WACd,OACa;AACb,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAA4D;AAC3D,UAAI,SAAS;AACX,cAAM,sBAAsB,QAAQ,KAAK;AACzC,YACG,OAAO,wBAAwB,aAC9B,wBAAwB,UAC1B,+BAAO;AAEP;AAAA,MACJ;AAEA,uDAAiB;AAAA,IACnB;AAAA,IACA,CAAC,gBAAgB,OAAO;AAAA,EAAA;AAG1B,QAAM,YAAY,MAAM;AAExB,SACE,oBAAC,aAAU,KAAK,WAAW,SAAS,eAAgB,GAAG,kBACpD,UACH;AAEJ;"}
+{"version":3,"file":"BaseButton.mjs","names":[],"sources":["../../src/BaseButton.tsx"],"sourcesContent":["import {ReactNode, Ref, useCallback} from 'react';\n\nexport interface CustomBaseButtonProps<AsType> {\n  /** Provide a React element or component to render as the underlying button. Note: for accessibility compliance, almost always you should use a `button` element, or a component that renders an underlying button. */\n  as?: AsType;\n  /** Any ReactNode elements. */\n  children: ReactNode;\n  /** Click event handler. Default behaviour triggers unless prevented */\n  onClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A default `onClick` behavior */\n  defaultOnClick?: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void | boolean;\n  /** A `ref` to the underlying button */\n  buttonRef?: Ref<HTMLButtonElement>;\n}\n\nexport type BaseButtonProps<AsType extends React.ElementType> =\n  CustomBaseButtonProps<AsType> &\n    (AsType extends keyof React.JSX.IntrinsicElements\n      ? Omit<\n          React.ComponentPropsWithoutRef<AsType>,\n          keyof CustomBaseButtonProps<AsType>\n        >\n      : React.ComponentPropsWithoutRef<AsType>);\n\nexport function BaseButton<AsType extends React.ElementType = 'button'>(\n  props: BaseButtonProps<AsType>,\n): JSX.Element {\n  const {\n    as,\n    onClick,\n    defaultOnClick,\n    children,\n    buttonRef,\n    ...passthroughProps\n  } = props;\n\n  const handleOnClick = useCallback(\n    (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (onClick) {\n        const clickShouldContinue = onClick(event);\n        if (\n          (typeof clickShouldContinue === 'boolean' &&\n            clickShouldContinue === false) ||\n          event?.defaultPrevented\n        )\n          return;\n      }\n\n      defaultOnClick?.(event);\n    },\n    [defaultOnClick, onClick],\n  );\n\n  const Component = as || 'button';\n\n  return (\n    <Component ref={buttonRef} onClick={handleOnClick} {...passthroughProps}>\n      {children}\n    </Component>\n  );\n}\n"],"mappings":";;;AA4BA,SAAgB,WACd,OACa;CACb,MAAM,EACJ,IACA,SACA,gBACA,UACA,WACA,GAAG,qBACD;CAEJ,MAAM,gBAAgB,aACnB,UAA4D;AAC3D,MAAI,SAAS;GACX,MAAM,sBAAsB,QAAQ,MAAM;AAC1C,OACG,OAAO,wBAAwB,aAC9B,wBAAwB,SAC1B,OAAO,iBAEP;;AAGJ,mBAAiB,MAAM;IAEzB,CAAC,gBAAgB,QAAQ,CAC1B;AAID,QACE,oBAHgB,MAAM,UAGtB;EAAW,KAAK;EAAW,SAAS;EAAe,GAAI;EACpD;EACS,CAAA"}

package/dist/node-dev/BuyNowButton.js

@@ -1,49 +1,45 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const CartProvider = require("./CartProvider.js");
-const BaseButton = require("./BaseButton.js");
+require("./_virtual/_rolldown/runtime.js");
+const require_CartProvider = require("./CartProvider.js");
+const require_BaseButton = require("./BaseButton.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/BuyNowButton.tsx
+/**
+* The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout.
+* Must be a child of a `CartProvider` component.
+* @publicDocs
+*/
 function BuyNowButton(props) {
-  const { cartCreate, checkoutUrl } = CartProvider.useCart();
-  const [loading, setLoading] = React.useState(false);
-  const {
-    quantity,
-    variantId,
-    sellingPlanId,
-    onClick,
-    attributes,
-    children,
-    ...passthroughProps
-  } = props;
-  React.useEffect(() => {
-    if (loading && checkoutUrl) {
-      window.location.href = checkoutUrl;
-    }
-  }, [loading, checkoutUrl]);
-  const handleBuyNow = React.useCallback(() => {
-    setLoading(true);
-    cartCreate({
-      lines: [
-        {
-          quantity: quantity ?? 1,
-          merchandiseId: variantId,
-          attributes,
-          sellingPlanId
-        }
-      ]
-    });
-  }, [cartCreate, quantity, variantId, attributes, sellingPlanId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseButton.BaseButton,
-    {
-      disabled: loading ?? passthroughProps.disabled,
-      ...passthroughProps,
-      onClick,
-      defaultOnClick: handleBuyNow,
-      children
-    }
-  );
+	const { cartCreate, checkoutUrl } = require_CartProvider.useCart();
+	const [loading, setLoading] = (0, react.useState)(false);
+	const { quantity, variantId, sellingPlanId, onClick, attributes, children, ...passthroughProps } = props;
+	(0, react.useEffect)(() => {
+		if (loading && checkoutUrl) window.location.href = checkoutUrl;
+	}, [loading, checkoutUrl]);
+	const handleBuyNow = (0, react.useCallback)(() => {
+		setLoading(true);
+		cartCreate({ lines: [{
+			quantity: quantity ?? 1,
+			merchandiseId: variantId,
+			attributes,
+			sellingPlanId
+		}] });
+	}, [
+		cartCreate,
+		quantity,
+		variantId,
+		attributes,
+		sellingPlanId
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseButton.BaseButton, {
+		disabled: loading ?? passthroughProps.disabled,
+		...passthroughProps,
+		onClick,
+		defaultOnClick: handleBuyNow,
+		children
+	});
 }
+//#endregion
 exports.BuyNowButton = BuyNowButton;
-//# sourceMappingURL=BuyNowButton.js.map
+
+//# sourceMappingURL=BuyNowButton.js.map

package/dist/node-dev/BuyNowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuyNowButton.js","sources":["../../src/BuyNowButton.tsx"],"sourcesContent":["import {useEffect, useState, useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ninterface BuyNowButtonPropsBase {\n  /** The item quantity. Defaults to 1. */\n  quantity?: number;\n  /** The ID of the variant. */\n  variantId: string;\n  /** The selling plan ID of the subscription variant */\n  sellingPlanId?: string;\n  /** An array of cart line attributes that belong to the item being added to the cart. */\n  attributes?: {\n    key: string;\n    value: string;\n  }[];\n}\n\ntype BuyNowButtonProps<AsType extends React.ElementType = 'button'> =\n  BuyNowButtonPropsBase & BaseButtonProps<AsType>;\n\n/**\n * The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout.\n * Must be a child of a `CartProvider` component.\n * @publicDocs\n */\nexport function BuyNowButton<AsType extends React.ElementType = 'button'>(\n  props: BuyNowButtonProps<AsType>,\n): JSX.Element {\n  const {cartCreate, checkoutUrl} = useCart();\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const {\n    quantity,\n    variantId,\n    sellingPlanId,\n    onClick,\n    attributes,\n    children,\n    ...passthroughProps\n  } = props;\n\n  useEffect(() => {\n    if (loading && checkoutUrl) {\n      window.location.href = checkoutUrl;\n    }\n  }, [loading, checkoutUrl]);\n\n  const handleBuyNow = useCallback(() => {\n    setLoading(true);\n    cartCreate({\n      lines: [\n        {\n          quantity: quantity ?? 1,\n          merchandiseId: variantId,\n          attributes,\n          sellingPlanId,\n        },\n      ],\n    });\n  }, [cartCreate, quantity, variantId, attributes, sellingPlanId]);\n\n  return (\n    <BaseButton\n      // Only certain 'as' types such as 'button' contain `disabled`\n      disabled={loading ?? (passthroughProps as {disabled?: boolean}).disabled}\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleBuyNow}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface BuyNowButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n>\n  extends BuyNowButtonPropsBase, CustomBaseButtonProps<AsType> {}\n"],"names":["useCart","useState","useEffect","useCallback","jsx","BaseButton"],"mappings":";;;;;;AA8BO,SAAS,aACd,OACa;AACb,QAAM,EAAC,YAAY,YAAA,IAAeA,qBAAA;AAClC,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAkB,KAAK;AAErD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJC,QAAAA,UAAU,MAAM;AACd,QAAI,WAAW,aAAa;AAC1B,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,QAAM,eAAeC,MAAAA,YAAY,MAAM;AACrC,eAAW,IAAI;AACf,eAAW;AAAA,MACT,OAAO;AAAA,QACL;AAAA,UACE,UAAU,YAAY;AAAA,UACtB,eAAe;AAAA,UACf;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AAAA,EACH,GAAG,CAAC,YAAY,UAAU,WAAW,YAAY,aAAa,CAAC;AAE/D,SACEC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MAEC,UAAU,WAAY,iBAA0C;AAAA,MAC/D,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAEf;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"BuyNowButton.js","names":[],"sources":["../../src/BuyNowButton.tsx"],"sourcesContent":["import {useEffect, useState, useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ninterface BuyNowButtonPropsBase {\n  /** The item quantity. Defaults to 1. */\n  quantity?: number;\n  /** The ID of the variant. */\n  variantId: string;\n  /** The selling plan ID of the subscription variant */\n  sellingPlanId?: string;\n  /** An array of cart line attributes that belong to the item being added to the cart. */\n  attributes?: {\n    key: string;\n    value: string;\n  }[];\n}\n\ntype BuyNowButtonProps<AsType extends React.ElementType = 'button'> =\n  BuyNowButtonPropsBase & BaseButtonProps<AsType>;\n\n/**\n * The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout.\n * Must be a child of a `CartProvider` component.\n * @publicDocs\n */\nexport function BuyNowButton<AsType extends React.ElementType = 'button'>(\n  props: BuyNowButtonProps<AsType>,\n): JSX.Element {\n  const {cartCreate, checkoutUrl} = useCart();\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const {\n    quantity,\n    variantId,\n    sellingPlanId,\n    onClick,\n    attributes,\n    children,\n    ...passthroughProps\n  } = props;\n\n  useEffect(() => {\n    if (loading && checkoutUrl) {\n      window.location.href = checkoutUrl;\n    }\n  }, [loading, checkoutUrl]);\n\n  const handleBuyNow = useCallback(() => {\n    setLoading(true);\n    cartCreate({\n      lines: [\n        {\n          quantity: quantity ?? 1,\n          merchandiseId: variantId,\n          attributes,\n          sellingPlanId,\n        },\n      ],\n    });\n  }, [cartCreate, quantity, variantId, attributes, sellingPlanId]);\n\n  return (\n    <BaseButton\n      // Only certain 'as' types such as 'button' contain `disabled`\n      disabled={loading ?? (passthroughProps as {disabled?: boolean}).disabled}\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleBuyNow}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface BuyNowButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n>\n  extends BuyNowButtonPropsBase, CustomBaseButtonProps<AsType> {}\n"],"mappings":";;;;;;;;;;;AA8BA,SAAgB,aACd,OACa;CACb,MAAM,EAAC,YAAY,gBAAe,qBAAA,SAAS;CAC3C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAgC,MAAM;CAEtD,MAAM,EACJ,UACA,WACA,eACA,SACA,YACA,UACA,GAAG,qBACD;AAEJ,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,WAAW,YACb,QAAO,SAAS,OAAO;IAExB,CAAC,SAAS,YAAY,CAAC;CAE1B,MAAM,gBAAA,GAAA,MAAA,mBAAiC;AACrC,aAAW,KAAK;AAChB,aAAW,EACT,OAAO,CACL;GACE,UAAU,YAAY;GACtB,eAAe;GACf;GACA;GACD,CACF,EACF,CAAC;IACD;EAAC;EAAY;EAAU;EAAW;EAAY;EAAc,CAAC;AAEhE,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,YAAD;EAEE,UAAU,WAAY,iBAA0C;EAChE,GAAI;EACK;EACT,gBAAgB;EAEf;EACU,CAAA"}

package/dist/node-dev/BuyNowButton.mjs

@@ -1,49 +1,44 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
 import { useCart } from "./CartProvider.mjs";
 import { BaseButton } from "./BaseButton.mjs";
+import { useCallback, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/BuyNowButton.tsx
+/**
+* The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout.
+* Must be a child of a `CartProvider` component.
+* @publicDocs
+*/
 function BuyNowButton(props) {
-  const { cartCreate, checkoutUrl } = useCart();
-  const [loading, setLoading] = useState(false);
-  const {
-    quantity,
-    variantId,
-    sellingPlanId,
-    onClick,
-    attributes,
-    children,
-    ...passthroughProps
-  } = props;
-  useEffect(() => {
-    if (loading && checkoutUrl) {
-      window.location.href = checkoutUrl;
-    }
-  }, [loading, checkoutUrl]);
-  const handleBuyNow = useCallback(() => {
-    setLoading(true);
-    cartCreate({
-      lines: [
-        {
-          quantity: quantity ?? 1,
-          merchandiseId: variantId,
-          attributes,
-          sellingPlanId
-        }
-      ]
-    });
-  }, [cartCreate, quantity, variantId, attributes, sellingPlanId]);
-  return /* @__PURE__ */ jsx(
-    BaseButton,
-    {
-      disabled: loading ?? passthroughProps.disabled,
-      ...passthroughProps,
-      onClick,
-      defaultOnClick: handleBuyNow,
-      children
-    }
-  );
+	const { cartCreate, checkoutUrl } = useCart();
+	const [loading, setLoading] = useState(false);
+	const { quantity, variantId, sellingPlanId, onClick, attributes, children, ...passthroughProps } = props;
+	useEffect(() => {
+		if (loading && checkoutUrl) window.location.href = checkoutUrl;
+	}, [loading, checkoutUrl]);
+	const handleBuyNow = useCallback(() => {
+		setLoading(true);
+		cartCreate({ lines: [{
+			quantity: quantity ?? 1,
+			merchandiseId: variantId,
+			attributes,
+			sellingPlanId
+		}] });
+	}, [
+		cartCreate,
+		quantity,
+		variantId,
+		attributes,
+		sellingPlanId
+	]);
+	return /* @__PURE__ */ jsx(BaseButton, {
+		disabled: loading ?? passthroughProps.disabled,
+		...passthroughProps,
+		onClick,
+		defaultOnClick: handleBuyNow,
+		children
+	});
 }
-export {
-  BuyNowButton
-};
-//# sourceMappingURL=BuyNowButton.mjs.map
+//#endregion
+export { BuyNowButton };
+
+//# sourceMappingURL=BuyNowButton.mjs.map

package/dist/node-dev/BuyNowButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BuyNowButton.mjs","sources":["../../src/BuyNowButton.tsx"],"sourcesContent":["import {useEffect, useState, useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ninterface BuyNowButtonPropsBase {\n  /** The item quantity. Defaults to 1. */\n  quantity?: number;\n  /** The ID of the variant. */\n  variantId: string;\n  /** The selling plan ID of the subscription variant */\n  sellingPlanId?: string;\n  /** An array of cart line attributes that belong to the item being added to the cart. */\n  attributes?: {\n    key: string;\n    value: string;\n  }[];\n}\n\ntype BuyNowButtonProps<AsType extends React.ElementType = 'button'> =\n  BuyNowButtonPropsBase & BaseButtonProps<AsType>;\n\n/**\n * The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout.\n * Must be a child of a `CartProvider` component.\n * @publicDocs\n */\nexport function BuyNowButton<AsType extends React.ElementType = 'button'>(\n  props: BuyNowButtonProps<AsType>,\n): JSX.Element {\n  const {cartCreate, checkoutUrl} = useCart();\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const {\n    quantity,\n    variantId,\n    sellingPlanId,\n    onClick,\n    attributes,\n    children,\n    ...passthroughProps\n  } = props;\n\n  useEffect(() => {\n    if (loading && checkoutUrl) {\n      window.location.href = checkoutUrl;\n    }\n  }, [loading, checkoutUrl]);\n\n  const handleBuyNow = useCallback(() => {\n    setLoading(true);\n    cartCreate({\n      lines: [\n        {\n          quantity: quantity ?? 1,\n          merchandiseId: variantId,\n          attributes,\n          sellingPlanId,\n        },\n      ],\n    });\n  }, [cartCreate, quantity, variantId, attributes, sellingPlanId]);\n\n  return (\n    <BaseButton\n      // Only certain 'as' types such as 'button' contain `disabled`\n      disabled={loading ?? (passthroughProps as {disabled?: boolean}).disabled}\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleBuyNow}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface BuyNowButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n>\n  extends BuyNowButtonPropsBase, CustomBaseButtonProps<AsType> {}\n"],"names":[],"mappings":";;;;AA8BO,SAAS,aACd,OACa;AACb,QAAM,EAAC,YAAY,YAAA,IAAe,QAAA;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AAErD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,YAAU,MAAM;AACd,QAAI,WAAW,aAAa;AAC1B,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,IAAI;AACf,eAAW;AAAA,MACT,OAAO;AAAA,QACL;AAAA,UACE,UAAU,YAAY;AAAA,UACtB,eAAe;AAAA,UACf;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AAAA,EACH,GAAG,CAAC,YAAY,UAAU,WAAW,YAAY,aAAa,CAAC;AAE/D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,UAAU,WAAY,iBAA0C;AAAA,MAC/D,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAEf;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"BuyNowButton.mjs","names":[],"sources":["../../src/BuyNowButton.tsx"],"sourcesContent":["import {useEffect, useState, useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ninterface BuyNowButtonPropsBase {\n  /** The item quantity. Defaults to 1. */\n  quantity?: number;\n  /** The ID of the variant. */\n  variantId: string;\n  /** The selling plan ID of the subscription variant */\n  sellingPlanId?: string;\n  /** An array of cart line attributes that belong to the item being added to the cart. */\n  attributes?: {\n    key: string;\n    value: string;\n  }[];\n}\n\ntype BuyNowButtonProps<AsType extends React.ElementType = 'button'> =\n  BuyNowButtonPropsBase & BaseButtonProps<AsType>;\n\n/**\n * The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout.\n * Must be a child of a `CartProvider` component.\n * @publicDocs\n */\nexport function BuyNowButton<AsType extends React.ElementType = 'button'>(\n  props: BuyNowButtonProps<AsType>,\n): JSX.Element {\n  const {cartCreate, checkoutUrl} = useCart();\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const {\n    quantity,\n    variantId,\n    sellingPlanId,\n    onClick,\n    attributes,\n    children,\n    ...passthroughProps\n  } = props;\n\n  useEffect(() => {\n    if (loading && checkoutUrl) {\n      window.location.href = checkoutUrl;\n    }\n  }, [loading, checkoutUrl]);\n\n  const handleBuyNow = useCallback(() => {\n    setLoading(true);\n    cartCreate({\n      lines: [\n        {\n          quantity: quantity ?? 1,\n          merchandiseId: variantId,\n          attributes,\n          sellingPlanId,\n        },\n      ],\n    });\n  }, [cartCreate, quantity, variantId, attributes, sellingPlanId]);\n\n  return (\n    <BaseButton\n      // Only certain 'as' types such as 'button' contain `disabled`\n      disabled={loading ?? (passthroughProps as {disabled?: boolean}).disabled}\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleBuyNow}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface BuyNowButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n>\n  extends BuyNowButtonPropsBase, CustomBaseButtonProps<AsType> {}\n"],"mappings":";;;;;;;;;;AA8BA,SAAgB,aACd,OACa;CACb,MAAM,EAAC,YAAY,gBAAe,SAAS;CAC3C,MAAM,CAAC,SAAS,cAAc,SAAkB,MAAM;CAEtD,MAAM,EACJ,UACA,WACA,eACA,SACA,YACA,UACA,GAAG,qBACD;AAEJ,iBAAgB;AACd,MAAI,WAAW,YACb,QAAO,SAAS,OAAO;IAExB,CAAC,SAAS,YAAY,CAAC;CAE1B,MAAM,eAAe,kBAAkB;AACrC,aAAW,KAAK;AAChB,aAAW,EACT,OAAO,CACL;GACE,UAAU,YAAY;GACtB,eAAe;GACf;GACA;GACD,CACF,EACF,CAAC;IACD;EAAC;EAAY;EAAU;EAAW;EAAY;EAAc,CAAC;AAEhE,QACE,oBAAC,YAAD;EAEE,UAAU,WAAY,iBAA0C;EAChE,GAAI;EACK;EACT,gBAAgB;EAEf;EACU,CAAA"}

package/dist/node-dev/CartCheckoutButton.js

@@ -1,27 +1,33 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const CartProvider = require("./CartProvider.js");
-const BaseButton = require("./BaseButton.js");
+require("./_virtual/_rolldown/runtime.js");
+const require_CartProvider = require("./CartProvider.js");
+const require_BaseButton = require("./BaseButton.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/CartCheckoutButton.tsx
+/**
+* The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.
+* It must be a descendent of a `CartProvider` component.
+* @publicDocs
+*/
 function CartCheckoutButton(props) {
-  const [requestedCheckout, setRequestedCheckout] = React.useState(false);
-  const { status, checkoutUrl } = CartProvider.useCart();
-  const { children, ...passthroughProps } = props;
-  React.useEffect(() => {
-    if (requestedCheckout && checkoutUrl && status === "idle") {
-      window.location.href = checkoutUrl;
-    }
-  }, [requestedCheckout, status, checkoutUrl]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseButton.BaseButton,
-    {
-      ...passthroughProps,
-      disabled: requestedCheckout || passthroughProps.disabled,
-      onClick: () => setRequestedCheckout(true),
-      children
-    }
-  );
+	const [requestedCheckout, setRequestedCheckout] = (0, react.useState)(false);
+	const { status, checkoutUrl } = require_CartProvider.useCart();
+	const { children, ...passthroughProps } = props;
+	(0, react.useEffect)(() => {
+		if (requestedCheckout && checkoutUrl && status === "idle") window.location.href = checkoutUrl;
+	}, [
+		requestedCheckout,
+		status,
+		checkoutUrl
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseButton.BaseButton, {
+		...passthroughProps,
+		disabled: requestedCheckout || passthroughProps.disabled,
+		onClick: () => setRequestedCheckout(true),
+		children
+	});
 }
+//#endregion
 exports.CartCheckoutButton = CartCheckoutButton;
-//# sourceMappingURL=CartCheckoutButton.js.map
+
+//# sourceMappingURL=CartCheckoutButton.js.map

package/dist/node-dev/CartCheckoutButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartCheckoutButton.js","sources":["../../src/CartCheckoutButton.tsx"],"sourcesContent":["import {ReactNode, useEffect, useState} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ntype ChildrenProps = {\n  /** A `ReactNode` element. */\n  children: ReactNode;\n};\ntype CartCheckoutButtonProps = Omit<BaseButtonProps<'button'>, 'onClick'> &\n  ChildrenProps;\n\n/**\n * The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.\n * It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function CartCheckoutButton(\n  props: CartCheckoutButtonProps,\n): JSX.Element {\n  const [requestedCheckout, setRequestedCheckout] = useState(false);\n  const {status, checkoutUrl} = useCart();\n  const {children, ...passthroughProps} = props;\n\n  useEffect(() => {\n    if (requestedCheckout && checkoutUrl && status === 'idle') {\n      window.location.href = checkoutUrl;\n    }\n  }, [requestedCheckout, status, checkoutUrl]);\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      disabled={requestedCheckout || passthroughProps.disabled}\n      onClick={(): void => setRequestedCheckout(true)}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n// we ignore this issue because it makes the documentation look better than the equivalent `type` that it wants us to convert to\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\n/** @publicDocs */\nexport interface CartCheckoutButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n> extends Omit<CustomBaseButtonProps<AsType>, 'onClick'> {}\n"],"names":["useState","useCart","useEffect","jsx","BaseButton"],"mappings":";;;;;;AAoBO,SAAS,mBACd,OACa;AACb,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,MAAAA,SAAS,KAAK;AAChE,QAAM,EAAC,QAAQ,YAAA,IAAeC,qBAAA;AAC9B,QAAM,EAAC,UAAU,GAAG,iBAAA,IAAoB;AAExCC,QAAAA,UAAU,MAAM;AACd,QAAI,qBAAqB,eAAe,WAAW,QAAQ;AACzD,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,mBAAmB,QAAQ,WAAW,CAAC;AAE3C,SACEC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,qBAAqB,iBAAiB;AAAA,MAChD,SAAS,MAAY,qBAAqB,IAAI;AAAA,MAE7C;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"CartCheckoutButton.js","names":[],"sources":["../../src/CartCheckoutButton.tsx"],"sourcesContent":["import {ReactNode, useEffect, useState} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ntype ChildrenProps = {\n  /** A `ReactNode` element. */\n  children: ReactNode;\n};\ntype CartCheckoutButtonProps = Omit<BaseButtonProps<'button'>, 'onClick'> &\n  ChildrenProps;\n\n/**\n * The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.\n * It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function CartCheckoutButton(\n  props: CartCheckoutButtonProps,\n): JSX.Element {\n  const [requestedCheckout, setRequestedCheckout] = useState(false);\n  const {status, checkoutUrl} = useCart();\n  const {children, ...passthroughProps} = props;\n\n  useEffect(() => {\n    if (requestedCheckout && checkoutUrl && status === 'idle') {\n      window.location.href = checkoutUrl;\n    }\n  }, [requestedCheckout, status, checkoutUrl]);\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      disabled={requestedCheckout || passthroughProps.disabled}\n      onClick={(): void => setRequestedCheckout(true)}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n// we ignore this issue because it makes the documentation look better than the equivalent `type` that it wants us to convert to\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\n/** @publicDocs */\nexport interface CartCheckoutButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n> extends Omit<CustomBaseButtonProps<AsType>, 'onClick'> {}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,mBACd,OACa;CACb,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,UAAiC,MAAM;CACjE,MAAM,EAAC,QAAQ,gBAAe,qBAAA,SAAS;CACvC,MAAM,EAAC,UAAU,GAAG,qBAAoB;AAExC,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,qBAAqB,eAAe,WAAW,OACjD,QAAO,SAAS,OAAO;IAExB;EAAC;EAAmB;EAAQ;EAAY,CAAC;AAE5C,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,YAAD;EACE,GAAI;EACJ,UAAU,qBAAqB,iBAAiB;EAChD,eAAqB,qBAAqB,KAAK;EAE9C;EACU,CAAA"}

package/dist/node-dev/CartCheckoutButton.mjs

@@ -1,27 +1,32 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
 import { useCart } from "./CartProvider.mjs";
 import { BaseButton } from "./BaseButton.mjs";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/CartCheckoutButton.tsx
+/**
+* The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.
+* It must be a descendent of a `CartProvider` component.
+* @publicDocs
+*/
 function CartCheckoutButton(props) {
-  const [requestedCheckout, setRequestedCheckout] = useState(false);
-  const { status, checkoutUrl } = useCart();
-  const { children, ...passthroughProps } = props;
-  useEffect(() => {
-    if (requestedCheckout && checkoutUrl && status === "idle") {
-      window.location.href = checkoutUrl;
-    }
-  }, [requestedCheckout, status, checkoutUrl]);
-  return /* @__PURE__ */ jsx(
-    BaseButton,
-    {
-      ...passthroughProps,
-      disabled: requestedCheckout || passthroughProps.disabled,
-      onClick: () => setRequestedCheckout(true),
-      children
-    }
-  );
+	const [requestedCheckout, setRequestedCheckout] = useState(false);
+	const { status, checkoutUrl } = useCart();
+	const { children, ...passthroughProps } = props;
+	useEffect(() => {
+		if (requestedCheckout && checkoutUrl && status === "idle") window.location.href = checkoutUrl;
+	}, [
+		requestedCheckout,
+		status,
+		checkoutUrl
+	]);
+	return /* @__PURE__ */ jsx(BaseButton, {
+		...passthroughProps,
+		disabled: requestedCheckout || passthroughProps.disabled,
+		onClick: () => setRequestedCheckout(true),
+		children
+	});
 }
-export {
-  CartCheckoutButton
-};
-//# sourceMappingURL=CartCheckoutButton.mjs.map
+//#endregion
+export { CartCheckoutButton };
+
+//# sourceMappingURL=CartCheckoutButton.mjs.map

package/dist/node-dev/CartCheckoutButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CartCheckoutButton.mjs","sources":["../../src/CartCheckoutButton.tsx"],"sourcesContent":["import {ReactNode, useEffect, useState} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ntype ChildrenProps = {\n  /** A `ReactNode` element. */\n  children: ReactNode;\n};\ntype CartCheckoutButtonProps = Omit<BaseButtonProps<'button'>, 'onClick'> &\n  ChildrenProps;\n\n/**\n * The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.\n * It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function CartCheckoutButton(\n  props: CartCheckoutButtonProps,\n): JSX.Element {\n  const [requestedCheckout, setRequestedCheckout] = useState(false);\n  const {status, checkoutUrl} = useCart();\n  const {children, ...passthroughProps} = props;\n\n  useEffect(() => {\n    if (requestedCheckout && checkoutUrl && status === 'idle') {\n      window.location.href = checkoutUrl;\n    }\n  }, [requestedCheckout, status, checkoutUrl]);\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      disabled={requestedCheckout || passthroughProps.disabled}\n      onClick={(): void => setRequestedCheckout(true)}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n// we ignore this issue because it makes the documentation look better than the equivalent `type` that it wants us to convert to\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\n/** @publicDocs */\nexport interface CartCheckoutButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n> extends Omit<CustomBaseButtonProps<AsType>, 'onClick'> {}\n"],"names":[],"mappings":";;;;AAoBO,SAAS,mBACd,OACa;AACb,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,QAAM,EAAC,QAAQ,YAAA,IAAe,QAAA;AAC9B,QAAM,EAAC,UAAU,GAAG,iBAAA,IAAoB;AAExC,YAAU,MAAM;AACd,QAAI,qBAAqB,eAAe,WAAW,QAAQ;AACzD,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,mBAAmB,QAAQ,WAAW,CAAC;AAE3C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,qBAAqB,iBAAiB;AAAA,MAChD,SAAS,MAAY,qBAAqB,IAAI;AAAA,MAE7C;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"CartCheckoutButton.mjs","names":[],"sources":["../../src/CartCheckoutButton.tsx"],"sourcesContent":["import {ReactNode, useEffect, useState} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {\n  BaseButton,\n  type BaseButtonProps,\n  type CustomBaseButtonProps,\n} from './BaseButton.js';\n\ntype ChildrenProps = {\n  /** A `ReactNode` element. */\n  children: ReactNode;\n};\ntype CartCheckoutButtonProps = Omit<BaseButtonProps<'button'>, 'onClick'> &\n  ChildrenProps;\n\n/**\n * The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.\n * It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function CartCheckoutButton(\n  props: CartCheckoutButtonProps,\n): JSX.Element {\n  const [requestedCheckout, setRequestedCheckout] = useState(false);\n  const {status, checkoutUrl} = useCart();\n  const {children, ...passthroughProps} = props;\n\n  useEffect(() => {\n    if (requestedCheckout && checkoutUrl && status === 'idle') {\n      window.location.href = checkoutUrl;\n    }\n  }, [requestedCheckout, status, checkoutUrl]);\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      disabled={requestedCheckout || passthroughProps.disabled}\n      onClick={(): void => setRequestedCheckout(true)}\n    >\n      {children}\n    </BaseButton>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n// we ignore this issue because it makes the documentation look better than the equivalent `type` that it wants us to convert to\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\n/** @publicDocs */\nexport interface CartCheckoutButtonPropsForDocs<\n  AsType extends React.ElementType = 'button',\n> extends Omit<CustomBaseButtonProps<AsType>, 'onClick'> {}\n"],"mappings":";;;;;;;;;;AAoBA,SAAgB,mBACd,OACa;CACb,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,EAAC,QAAQ,gBAAe,SAAS;CACvC,MAAM,EAAC,UAAU,GAAG,qBAAoB;AAExC,iBAAgB;AACd,MAAI,qBAAqB,eAAe,WAAW,OACjD,QAAO,SAAS,OAAO;IAExB;EAAC;EAAmB;EAAQ;EAAY,CAAC;AAE5C,QACE,oBAAC,YAAD;EACE,GAAI;EACJ,UAAU,qBAAqB,iBAAiB;EAChD,eAAqB,qBAAqB,KAAK;EAE9C;EACU,CAAA"}

package/dist/node-dev/CartCost.js

@@ -1,25 +1,30 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Money = require("./Money.js");
-const CartProvider = require("./CartProvider.js");
+require("./_virtual/_rolldown/runtime.js");
+const require_CartProvider = require("./CartProvider.js");
+const require_Money = require("./Money.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/CartCost.tsx
+/**
+* The `CartCost` component renders a `Money` component with the cost associated with the `amountType` prop.
+* If no `amountType` prop is specified, then it defaults to `totalAmount`.
+* Depends on `useCart()` and must be a child of `<CartProvider/>`
+* @publicDocs
+*/
 function CartCost(props) {
-  const { cost } = CartProvider.useCart();
-  const { amountType = "total", children, ...passthroughProps } = props;
-  let amount;
-  if (amountType == "total") {
-    amount = cost == null ? void 0 : cost.totalAmount;
-  } else if (amountType == "subtotal") {
-    amount = cost == null ? void 0 : cost.subtotalAmount;
-  } else if (amountType == "tax") {
-    amount = cost == null ? void 0 : cost.totalTaxAmount;
-  } else if (amountType == "duty") {
-    amount = cost == null ? void 0 : cost.totalDutyAmount;
-  }
-  if (amount == null) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Money.Money, { ...passthroughProps, data: amount, children });
+	const { cost } = require_CartProvider.useCart();
+	const { amountType = "total", children, ...passthroughProps } = props;
+	let amount;
+	if (amountType == "total") amount = cost?.totalAmount;
+	else if (amountType == "subtotal") amount = cost?.subtotalAmount;
+	else if (amountType == "tax") amount = cost?.totalTaxAmount;
+	else if (amountType == "duty") amount = cost?.totalDutyAmount;
+	if (amount == null) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Money.Money, {
+		...passthroughProps,
+		data: amount,
+		children
+	});
 }
+//#endregion
 exports.CartCost = CartCost;
-//# sourceMappingURL=CartCost.js.map
+
+//# sourceMappingURL=CartCost.js.map

package/dist/node-dev/CartCost.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartCost.js","sources":["../../src/CartCost.tsx"],"sourcesContent":["import {Money, type MoneyPropsBase} from './Money.js';\nimport {useCart} from './CartProvider.js';\n\ninterface CartCostPropsBase {\n  /** A string type that defines the type of cost needed. Valid values: `total`, `subtotal`, `tax`, or `duty`. */\n  amountType?: 'total' | 'subtotal' | 'tax' | 'duty';\n  /** Any `ReactNode` elements. */\n  children?: React.ReactNode;\n}\n\ntype CartCostProps = Omit<React.ComponentProps<typeof Money>, 'data'> &\n  CartCostPropsBase;\n\n/**\n * The `CartCost` component renders a `Money` component with the cost associated with the `amountType` prop.\n * If no `amountType` prop is specified, then it defaults to `totalAmount`.\n * Depends on `useCart()` and must be a child of `<CartProvider/>`\n * @publicDocs\n */\nexport function CartCost(props: CartCostProps): JSX.Element | null {\n  const {cost} = useCart();\n  const {amountType = 'total', children, ...passthroughProps} = props;\n  let amount;\n\n  if (amountType == 'total') {\n    amount = cost?.totalAmount;\n  } else if (amountType == 'subtotal') {\n    amount = cost?.subtotalAmount;\n  } else if (amountType == 'tax') {\n    amount = cost?.totalTaxAmount;\n  } else if (amountType == 'duty') {\n    amount = cost?.totalDutyAmount;\n  }\n\n  if (amount == null) {\n    return null;\n  }\n\n  return (\n    <Money {...passthroughProps} data={amount}>\n      {children}\n    </Money>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface CartCostPropsForDocs<AsType extends React.ElementType = 'div'>\n  extends Omit<MoneyPropsBase<AsType>, 'data'>, CartCostPropsBase {}\n"],"names":["useCart","Money"],"mappings":";;;;;AAmBO,SAAS,SAAS,OAA0C;AACjE,QAAM,EAAC,KAAA,IAAQA,qBAAA;AACf,QAAM,EAAC,aAAa,SAAS,UAAU,GAAG,qBAAoB;AAC9D,MAAI;AAEJ,MAAI,cAAc,SAAS;AACzB,aAAS,6BAAM;AAAA,EACjB,WAAW,cAAc,YAAY;AACnC,aAAS,6BAAM;AAAA,EACjB,WAAW,cAAc,OAAO;AAC9B,aAAS,6BAAM;AAAA,EACjB,WAAW,cAAc,QAAQ;AAC/B,aAAS,6BAAM;AAAA,EACjB;AAEA,MAAI,UAAU,MAAM;AAClB,WAAO;AAAA,EACT;AAEA,wCACGC,MAAAA,OAAA,EAAO,GAAG,kBAAkB,MAAM,QAChC,UACH;AAEJ;;"}
+{"version":3,"file":"CartCost.js","names":[],"sources":["../../src/CartCost.tsx"],"sourcesContent":["import {Money, type MoneyPropsBase} from './Money.js';\nimport {useCart} from './CartProvider.js';\n\ninterface CartCostPropsBase {\n  /** A string type that defines the type of cost needed. Valid values: `total`, `subtotal`, `tax`, or `duty`. */\n  amountType?: 'total' | 'subtotal' | 'tax' | 'duty';\n  /** Any `ReactNode` elements. */\n  children?: React.ReactNode;\n}\n\ntype CartCostProps = Omit<React.ComponentProps<typeof Money>, 'data'> &\n  CartCostPropsBase;\n\n/**\n * The `CartCost` component renders a `Money` component with the cost associated with the `amountType` prop.\n * If no `amountType` prop is specified, then it defaults to `totalAmount`.\n * Depends on `useCart()` and must be a child of `<CartProvider/>`\n * @publicDocs\n */\nexport function CartCost(props: CartCostProps): JSX.Element | null {\n  const {cost} = useCart();\n  const {amountType = 'total', children, ...passthroughProps} = props;\n  let amount;\n\n  if (amountType == 'total') {\n    amount = cost?.totalAmount;\n  } else if (amountType == 'subtotal') {\n    amount = cost?.subtotalAmount;\n  } else if (amountType == 'tax') {\n    amount = cost?.totalTaxAmount;\n  } else if (amountType == 'duty') {\n    amount = cost?.totalDutyAmount;\n  }\n\n  if (amount == null) {\n    return null;\n  }\n\n  return (\n    <Money {...passthroughProps} data={amount}>\n      {children}\n    </Money>\n  );\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface CartCostPropsForDocs<AsType extends React.ElementType = 'div'>\n  extends Omit<MoneyPropsBase<AsType>, 'data'>, CartCostPropsBase {}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,SAAS,OAA0C;CACjE,MAAM,EAAC,SAAQ,qBAAA,SAAS;CACxB,MAAM,EAAC,aAAa,SAAS,UAAU,GAAG,qBAAoB;CAC9D,IAAI;AAEJ,KAAI,cAAc,QAChB,UAAS,MAAM;UACN,cAAc,WACvB,UAAS,MAAM;UACN,cAAc,MACvB,UAAS,MAAM;UACN,cAAc,OACvB,UAAS,MAAM;AAGjB,KAAI,UAAU,KACZ,QAAO;AAGT,QACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAD;EAAO,GAAI;EAAkB,MAAM;EAChC;EACK,CAAA"}