@shopify/hydrogen-react 2026.4.1 → 2026.4.2

package/dist/node-dev/CartCost.mjs

@@ -1,25 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { Money } from "./Money.mjs";
 import { useCart } from "./CartProvider.mjs";
+import { Money } from "./Money.mjs";
+import { jsx } from "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 } = 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__ */ jsx(Money, { ...passthroughProps, data: amount, children });
+	const { cost } = 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__ */ jsx(Money, {
+		...passthroughProps,
+		data: amount,
+		children
+	});
 }
-export {
-  CartCost
-};
-//# sourceMappingURL=CartCost.mjs.map
+//#endregion
+export { CartCost };
+
+//# sourceMappingURL=CartCost.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartCost.mjs","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":[],"mappings":";;;AAmBO,SAAS,SAAS,OAA0C;AACjE,QAAM,EAAC,KAAA,IAAQ,QAAA;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,6BACG,OAAA,EAAO,GAAG,kBAAkB,MAAM,QAChC,UACH;AAEJ;"}
+{"version":3,"file":"CartCost.mjs","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,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,oBAAC,OAAD;EAAO,GAAI;EAAkB,MAAM;EAChC;EACK,CAAA"}

package/dist/node-dev/CartLineProvider.js

@@ -1,22 +1,29 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const CartLineContext = React.createContext(null);
+require("./_virtual/_rolldown/runtime.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/CartLineProvider.tsx
+var CartLineContext = (0, react.createContext)(null);
+/**
+* The `useCartLine` hook provides access to the [CartLine object](https://shopify.dev/api/storefront/2026-04/objects/cartline) from the Storefront API. It must be a descendent of a `CartProvider` component.
+* @publicDocs
+*/
 function useCartLine() {
-  const context = React.useContext(CartLineContext);
-  if (context == null) {
-    throw new Error("Expected a cart line context but none was found");
-  }
-  return context;
+	const context = (0, react.useContext)(CartLineContext);
+	if (context == null) throw new Error("Expected a cart line context but none was found");
+	return context;
 }
-function CartLineProvider({
-  children,
-  line
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CartLineContext.Provider, { value: line, children });
+/**
+* The `CartLineProvider` component creates a context for using a cart line.
+* @publicDocs
+*/
+function CartLineProvider({ children, line }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CartLineContext.Provider, {
+		value: line,
+		children
+	});
 }
-exports.CartLineContext = CartLineContext;
+//#endregion
 exports.CartLineProvider = CartLineProvider;
 exports.useCartLine = useCartLine;
-//# sourceMappingURL=CartLineProvider.js.map
+
+//# sourceMappingURL=CartLineProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartLineProvider.js","sources":["../../src/CartLineProvider.tsx"],"sourcesContent":["import {useContext, createContext, type ReactNode} from 'react';\nimport {\n  ComponentizableCartLine,\n  type CartLine,\n} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ntype CartLinePartialDeep = PartialDeep<\n  CartLine | ComponentizableCartLine,\n  {recurseIntoArrays: true}\n>;\n\nexport const CartLineContext = createContext<CartLinePartialDeep | null>(null);\n\n/**\n * The `useCartLine` hook provides access to the [CartLine object](https://shopify.dev/api/storefront/2026-04/objects/cartline) from the Storefront API. It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function useCartLine(): CartLinePartialDeep {\n  const context = useContext(CartLineContext);\n\n  if (context == null) {\n    throw new Error('Expected a cart line context but none was found');\n  }\n\n  return context;\n}\n\ntype CartLineProviderProps = {\n  /** Any `ReactNode` elements. */\n  children: ReactNode;\n  /** A cart line object. */\n  line: CartLinePartialDeep;\n};\n\n/**\n * The `CartLineProvider` component creates a context for using a cart line.\n * @publicDocs\n */\nexport function CartLineProvider({\n  children,\n  line,\n}: CartLineProviderProps): JSX.Element {\n  return (\n    <CartLineContext.Provider value={line}>{children}</CartLineContext.Provider>\n  );\n}\n"],"names":["createContext","useContext"],"mappings":";;;;AAYO,MAAM,kBAAkBA,MAAAA,cAA0C,IAAI;AAMtE,SAAS,cAAmC;AACjD,QAAM,UAAUC,MAAAA,WAAW,eAAe;AAE1C,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AAEA,SAAO;AACT;AAaO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAAuC;AACrC,wCACG,gBAAgB,UAAhB,EAAyB,OAAO,MAAO,UAAS;AAErD;;;;"}
+{"version":3,"file":"CartLineProvider.js","names":[],"sources":["../../src/CartLineProvider.tsx"],"sourcesContent":["import {useContext, createContext, type ReactNode} from 'react';\nimport {\n  ComponentizableCartLine,\n  type CartLine,\n} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ntype CartLinePartialDeep = PartialDeep<\n  CartLine | ComponentizableCartLine,\n  {recurseIntoArrays: true}\n>;\n\nexport const CartLineContext = createContext<CartLinePartialDeep | null>(null);\n\n/**\n * The `useCartLine` hook provides access to the [CartLine object](https://shopify.dev/api/storefront/2026-04/objects/cartline) from the Storefront API. It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function useCartLine(): CartLinePartialDeep {\n  const context = useContext(CartLineContext);\n\n  if (context == null) {\n    throw new Error('Expected a cart line context but none was found');\n  }\n\n  return context;\n}\n\ntype CartLineProviderProps = {\n  /** Any `ReactNode` elements. */\n  children: ReactNode;\n  /** A cart line object. */\n  line: CartLinePartialDeep;\n};\n\n/**\n * The `CartLineProvider` component creates a context for using a cart line.\n * @publicDocs\n */\nexport function CartLineProvider({\n  children,\n  line,\n}: CartLineProviderProps): JSX.Element {\n  return (\n    <CartLineContext.Provider value={line}>{children}</CartLineContext.Provider>\n  );\n}\n"],"mappings":";;;;AAYA,IAAa,mBAAA,GAAA,MAAA,eAA4D,KAAK;;;;;AAM9E,SAAgB,cAAmC;CACjD,MAAM,WAAA,GAAA,MAAA,YAAqB,gBAAgB;AAE3C,KAAI,WAAW,KACb,OAAM,IAAI,MAAM,kDAAkD;AAGpE,QAAO;;;;;;AAcT,SAAgB,iBAAiB,EAC/B,UACA,QACqC;AACrC,QACE,iBAAA,GAAA,kBAAA,KAAC,gBAAgB,UAAjB;EAA0B,OAAO;EAAO;EAAoC,CAAA"}

package/dist/node-dev/CartLineProvider.mjs

@@ -1,22 +1,27 @@
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useContext, createContext } from "react";
-const CartLineContext = createContext(null);
+//#region src/CartLineProvider.tsx
+var CartLineContext = createContext(null);
+/**
+* The `useCartLine` hook provides access to the [CartLine object](https://shopify.dev/api/storefront/2026-04/objects/cartline) from the Storefront API. It must be a descendent of a `CartProvider` component.
+* @publicDocs
+*/
 function useCartLine() {
-  const context = useContext(CartLineContext);
-  if (context == null) {
-    throw new Error("Expected a cart line context but none was found");
-  }
-  return context;
+	const context = useContext(CartLineContext);
+	if (context == null) throw new Error("Expected a cart line context but none was found");
+	return context;
 }
-function CartLineProvider({
-  children,
-  line
-}) {
-  return /* @__PURE__ */ jsx(CartLineContext.Provider, { value: line, children });
+/**
+* The `CartLineProvider` component creates a context for using a cart line.
+* @publicDocs
+*/
+function CartLineProvider({ children, line }) {
+	return /* @__PURE__ */ jsx(CartLineContext.Provider, {
+		value: line,
+		children
+	});
 }
-export {
-  CartLineContext,
-  CartLineProvider,
-  useCartLine
-};
-//# sourceMappingURL=CartLineProvider.mjs.map
+//#endregion
+export { CartLineProvider, useCartLine };
+
+//# sourceMappingURL=CartLineProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartLineProvider.mjs","sources":["../../src/CartLineProvider.tsx"],"sourcesContent":["import {useContext, createContext, type ReactNode} from 'react';\nimport {\n  ComponentizableCartLine,\n  type CartLine,\n} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ntype CartLinePartialDeep = PartialDeep<\n  CartLine | ComponentizableCartLine,\n  {recurseIntoArrays: true}\n>;\n\nexport const CartLineContext = createContext<CartLinePartialDeep | null>(null);\n\n/**\n * The `useCartLine` hook provides access to the [CartLine object](https://shopify.dev/api/storefront/2026-04/objects/cartline) from the Storefront API. It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function useCartLine(): CartLinePartialDeep {\n  const context = useContext(CartLineContext);\n\n  if (context == null) {\n    throw new Error('Expected a cart line context but none was found');\n  }\n\n  return context;\n}\n\ntype CartLineProviderProps = {\n  /** Any `ReactNode` elements. */\n  children: ReactNode;\n  /** A cart line object. */\n  line: CartLinePartialDeep;\n};\n\n/**\n * The `CartLineProvider` component creates a context for using a cart line.\n * @publicDocs\n */\nexport function CartLineProvider({\n  children,\n  line,\n}: CartLineProviderProps): JSX.Element {\n  return (\n    <CartLineContext.Provider value={line}>{children}</CartLineContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;AAYO,MAAM,kBAAkB,cAA0C,IAAI;AAMtE,SAAS,cAAmC;AACjD,QAAM,UAAU,WAAW,eAAe;AAE1C,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AAEA,SAAO;AACT;AAaO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAAuC;AACrC,6BACG,gBAAgB,UAAhB,EAAyB,OAAO,MAAO,UAAS;AAErD;"}
+{"version":3,"file":"CartLineProvider.mjs","names":[],"sources":["../../src/CartLineProvider.tsx"],"sourcesContent":["import {useContext, createContext, type ReactNode} from 'react';\nimport {\n  ComponentizableCartLine,\n  type CartLine,\n} from './storefront-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\ntype CartLinePartialDeep = PartialDeep<\n  CartLine | ComponentizableCartLine,\n  {recurseIntoArrays: true}\n>;\n\nexport const CartLineContext = createContext<CartLinePartialDeep | null>(null);\n\n/**\n * The `useCartLine` hook provides access to the [CartLine object](https://shopify.dev/api/storefront/2026-04/objects/cartline) from the Storefront API. It must be a descendent of a `CartProvider` component.\n * @publicDocs\n */\nexport function useCartLine(): CartLinePartialDeep {\n  const context = useContext(CartLineContext);\n\n  if (context == null) {\n    throw new Error('Expected a cart line context but none was found');\n  }\n\n  return context;\n}\n\ntype CartLineProviderProps = {\n  /** Any `ReactNode` elements. */\n  children: ReactNode;\n  /** A cart line object. */\n  line: CartLinePartialDeep;\n};\n\n/**\n * The `CartLineProvider` component creates a context for using a cart line.\n * @publicDocs\n */\nexport function CartLineProvider({\n  children,\n  line,\n}: CartLineProviderProps): JSX.Element {\n  return (\n    <CartLineContext.Provider value={line}>{children}</CartLineContext.Provider>\n  );\n}\n"],"mappings":";;;AAYA,IAAa,kBAAkB,cAA0C,KAAK;;;;;AAM9E,SAAgB,cAAmC;CACjD,MAAM,UAAU,WAAW,gBAAgB;AAE3C,KAAI,WAAW,KACb,OAAM,IAAI,MAAM,kDAAkD;AAGpE,QAAO;;;;;;AAcT,SAAgB,iBAAiB,EAC/B,UACA,QACqC;AACrC,QACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;EAAO;EAAoC,CAAA"}

package/dist/node-dev/CartLineQuantity.js

@@ -1,12 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const CartLineProvider = require("./CartLineProvider.js");
+require("./_virtual/_rolldown/runtime.js");
+const require_CartLineProvider = require("./CartLineProvider.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/CartLineQuantity.tsx
+/**
+* The `<CartLineQuantity/>` component renders a `span` (or another element / component that can be customized by the `as` prop) with the cart line's quantity.
+*
+* It must be a descendent of a `<CartLineProvider/>` component, and uses the `useCartLine()` hook internally.
+* @publicDocs
+*/
 function CartLineQuantity(props) {
-  const cartLine = CartLineProvider.useCartLine();
-  const { as, ...passthroughProps } = props;
-  const Wrapper = as ? as : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { ...passthroughProps, children: cartLine.quantity });
+	const cartLine = require_CartLineProvider.useCartLine();
+	const { as, ...passthroughProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as ? as : "span", {
+		...passthroughProps,
+		children: cartLine.quantity
+	});
 }
+//#endregion
 exports.CartLineQuantity = CartLineQuantity;
-//# sourceMappingURL=CartLineQuantity.js.map
+
+//# sourceMappingURL=CartLineQuantity.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartLineQuantity.js","sources":["../../src/CartLineQuantity.tsx"],"sourcesContent":["import type {ComponentPropsWithoutRef, ElementType} from 'react';\nimport {useCartLine} from './CartLineProvider.js';\n\n/** @publicDocs */\ninterface CartLineQuantityBaseProps<\n  ComponentGeneric extends ElementType = 'span',\n> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `span`. */\n  as?: ComponentGeneric;\n}\n\nexport type CartLineQuantityProps<ComponentGeneric extends ElementType> =\n  CartLineQuantityBaseProps<ComponentGeneric> &\n    Omit<\n      ComponentPropsWithoutRef<ComponentGeneric>,\n      keyof CartLineQuantityBaseProps<ComponentGeneric>\n    >;\n\n/**\n * The `<CartLineQuantity/>` component renders a `span` (or another element / component that can be customized by the `as` prop) with the cart line's quantity.\n *\n * It must be a descendent of a `<CartLineProvider/>` component, and uses the `useCartLine()` hook internally.\n * @publicDocs\n */\nexport function CartLineQuantity<ComponentGeneric extends ElementType = 'span'>(\n  props: CartLineQuantityProps<ComponentGeneric>,\n): JSX.Element {\n  const cartLine = useCartLine();\n  const {as, ...passthroughProps} = props;\n\n  const Wrapper = as ? as : 'span';\n\n  return <Wrapper {...passthroughProps}>{cartLine.quantity}</Wrapper>;\n}\n"],"names":["useCartLine","jsx"],"mappings":";;;;AAwBO,SAAS,iBACd,OACa;AACb,QAAM,WAAWA,iBAAAA,YAAA;AACjB,QAAM,EAAC,IAAI,GAAG,iBAAA,IAAoB;AAElC,QAAM,UAAU,KAAK,KAAK;AAE1B,SAAOC,2BAAAA,IAAC,SAAA,EAAS,GAAG,kBAAmB,mBAAS,UAAS;AAC3D;;"}
+{"version":3,"file":"CartLineQuantity.js","names":[],"sources":["../../src/CartLineQuantity.tsx"],"sourcesContent":["import type {ComponentPropsWithoutRef, ElementType} from 'react';\nimport {useCartLine} from './CartLineProvider.js';\n\n/** @publicDocs */\ninterface CartLineQuantityBaseProps<\n  ComponentGeneric extends ElementType = 'span',\n> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `span`. */\n  as?: ComponentGeneric;\n}\n\nexport type CartLineQuantityProps<ComponentGeneric extends ElementType> =\n  CartLineQuantityBaseProps<ComponentGeneric> &\n    Omit<\n      ComponentPropsWithoutRef<ComponentGeneric>,\n      keyof CartLineQuantityBaseProps<ComponentGeneric>\n    >;\n\n/**\n * The `<CartLineQuantity/>` component renders a `span` (or another element / component that can be customized by the `as` prop) with the cart line's quantity.\n *\n * It must be a descendent of a `<CartLineProvider/>` component, and uses the `useCartLine()` hook internally.\n * @publicDocs\n */\nexport function CartLineQuantity<ComponentGeneric extends ElementType = 'span'>(\n  props: CartLineQuantityProps<ComponentGeneric>,\n): JSX.Element {\n  const cartLine = useCartLine();\n  const {as, ...passthroughProps} = props;\n\n  const Wrapper = as ? as : 'span';\n\n  return <Wrapper {...passthroughProps}>{cartLine.quantity}</Wrapper>;\n}\n"],"mappings":";;;;;;;;;;AAwBA,SAAgB,iBACd,OACa;CACb,MAAM,WAAW,yBAAA,aAAa;CAC9B,MAAM,EAAC,IAAI,GAAG,qBAAoB;AAIlC,QAAO,iBAAA,GAAA,kBAAA,KAFS,KAAK,KAAK,QAEnB;EAAS,GAAI;YAAmB,SAAS;EAAmB,CAAA"}

package/dist/node-dev/CartLineQuantity.mjs

@@ -1,12 +1,21 @@
-import { jsx } from "react/jsx-runtime";
 import { useCartLine } from "./CartLineProvider.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/CartLineQuantity.tsx
+/**
+* The `<CartLineQuantity/>` component renders a `span` (or another element / component that can be customized by the `as` prop) with the cart line's quantity.
+*
+* It must be a descendent of a `<CartLineProvider/>` component, and uses the `useCartLine()` hook internally.
+* @publicDocs
+*/
 function CartLineQuantity(props) {
-  const cartLine = useCartLine();
-  const { as, ...passthroughProps } = props;
-  const Wrapper = as ? as : "span";
-  return /* @__PURE__ */ jsx(Wrapper, { ...passthroughProps, children: cartLine.quantity });
+	const cartLine = useCartLine();
+	const { as, ...passthroughProps } = props;
+	return /* @__PURE__ */ jsx(as ? as : "span", {
+		...passthroughProps,
+		children: cartLine.quantity
+	});
 }
-export {
-  CartLineQuantity
-};
-//# sourceMappingURL=CartLineQuantity.mjs.map
+//#endregion
+export { CartLineQuantity };
+
+//# sourceMappingURL=CartLineQuantity.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartLineQuantity.mjs","sources":["../../src/CartLineQuantity.tsx"],"sourcesContent":["import type {ComponentPropsWithoutRef, ElementType} from 'react';\nimport {useCartLine} from './CartLineProvider.js';\n\n/** @publicDocs */\ninterface CartLineQuantityBaseProps<\n  ComponentGeneric extends ElementType = 'span',\n> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `span`. */\n  as?: ComponentGeneric;\n}\n\nexport type CartLineQuantityProps<ComponentGeneric extends ElementType> =\n  CartLineQuantityBaseProps<ComponentGeneric> &\n    Omit<\n      ComponentPropsWithoutRef<ComponentGeneric>,\n      keyof CartLineQuantityBaseProps<ComponentGeneric>\n    >;\n\n/**\n * The `<CartLineQuantity/>` component renders a `span` (or another element / component that can be customized by the `as` prop) with the cart line's quantity.\n *\n * It must be a descendent of a `<CartLineProvider/>` component, and uses the `useCartLine()` hook internally.\n * @publicDocs\n */\nexport function CartLineQuantity<ComponentGeneric extends ElementType = 'span'>(\n  props: CartLineQuantityProps<ComponentGeneric>,\n): JSX.Element {\n  const cartLine = useCartLine();\n  const {as, ...passthroughProps} = props;\n\n  const Wrapper = as ? as : 'span';\n\n  return <Wrapper {...passthroughProps}>{cartLine.quantity}</Wrapper>;\n}\n"],"names":[],"mappings":";;AAwBO,SAAS,iBACd,OACa;AACb,QAAM,WAAW,YAAA;AACjB,QAAM,EAAC,IAAI,GAAG,iBAAA,IAAoB;AAElC,QAAM,UAAU,KAAK,KAAK;AAE1B,SAAO,oBAAC,SAAA,EAAS,GAAG,kBAAmB,mBAAS,UAAS;AAC3D;"}
+{"version":3,"file":"CartLineQuantity.mjs","names":[],"sources":["../../src/CartLineQuantity.tsx"],"sourcesContent":["import type {ComponentPropsWithoutRef, ElementType} from 'react';\nimport {useCartLine} from './CartLineProvider.js';\n\n/** @publicDocs */\ninterface CartLineQuantityBaseProps<\n  ComponentGeneric extends ElementType = 'span',\n> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `span`. */\n  as?: ComponentGeneric;\n}\n\nexport type CartLineQuantityProps<ComponentGeneric extends ElementType> =\n  CartLineQuantityBaseProps<ComponentGeneric> &\n    Omit<\n      ComponentPropsWithoutRef<ComponentGeneric>,\n      keyof CartLineQuantityBaseProps<ComponentGeneric>\n    >;\n\n/**\n * The `<CartLineQuantity/>` component renders a `span` (or another element / component that can be customized by the `as` prop) with the cart line's quantity.\n *\n * It must be a descendent of a `<CartLineProvider/>` component, and uses the `useCartLine()` hook internally.\n * @publicDocs\n */\nexport function CartLineQuantity<ComponentGeneric extends ElementType = 'span'>(\n  props: CartLineQuantityProps<ComponentGeneric>,\n): JSX.Element {\n  const cartLine = useCartLine();\n  const {as, ...passthroughProps} = props;\n\n  const Wrapper = as ? as : 'span';\n\n  return <Wrapper {...passthroughProps}>{cartLine.quantity}</Wrapper>;\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,iBACd,OACa;CACb,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAC,IAAI,GAAG,qBAAoB;AAIlC,QAAO,oBAFS,KAAK,KAAK,QAEnB;EAAS,GAAI;YAAmB,SAAS;EAAmB,CAAA"}

package/dist/node-dev/CartLineQuantityAdjustButton.js

@@ -1,49 +1,53 @@
-"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 CartLineProvider = require("./CartLineProvider.js");
-const BaseButton = require("./BaseButton.js");
+require("./_virtual/_rolldown/runtime.js");
+const require_CartProvider = require("./CartProvider.js");
+const require_BaseButton = require("./BaseButton.js");
+const require_CartLineProvider = require("./CartLineProvider.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/CartLineQuantityAdjustButton.tsx
+/**
+* The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.
+*
+* It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.
+* @publicDocs
+*/
 function CartLineQuantityAdjustButton(props) {
-  const { status, linesRemove, linesUpdate } = CartProvider.useCart();
-  const cartLine = CartLineProvider.useCartLine();
-  const { children, adjust, onClick, ...passthroughProps } = props;
-  const handleAdjust = React.useCallback(() => {
-    if (adjust === "remove") {
-      linesRemove([(cartLine == null ? void 0 : cartLine.id) ?? ""]);
-      return;
-    }
-    const quantity = adjust === "decrease" ? ((cartLine == null ? void 0 : cartLine.quantity) ?? 0) - 1 : ((cartLine == null ? void 0 : cartLine.quantity) ?? 0) + 1;
-    if (quantity <= 0) {
-      linesRemove([(cartLine == null ? void 0 : cartLine.id) ?? ""]);
-      return;
-    }
-    const lineUpdate = {
-      id: (cartLine == null ? void 0 : cartLine.id) ?? "",
-      quantity,
-      attributes: (cartLine == null ? void 0 : cartLine.attributes) ?? []
-    };
-    linesUpdate([lineUpdate]);
-  }, [
-    adjust,
-    cartLine == null ? void 0 : cartLine.attributes,
-    cartLine == null ? void 0 : cartLine.id,
-    cartLine == null ? void 0 : cartLine.quantity,
-    linesRemove,
-    linesUpdate
-  ]);
-  const disabledAttr = passthroughProps.disabled;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseButton.BaseButton,
-    {
-      ...passthroughProps,
-      onClick,
-      defaultOnClick: handleAdjust,
-      disabled: typeof disabledAttr !== "undefined" ? disabledAttr : status !== "idle",
-      children
-    }
-  );
+	const { status, linesRemove, linesUpdate } = require_CartProvider.useCart();
+	const cartLine = require_CartLineProvider.useCartLine();
+	const { children, adjust, onClick, ...passthroughProps } = props;
+	const handleAdjust = (0, react.useCallback)(() => {
+		if (adjust === "remove") {
+			linesRemove([cartLine?.id ?? ""]);
+			return;
+		}
+		const quantity = adjust === "decrease" ? (cartLine?.quantity ?? 0) - 1 : (cartLine?.quantity ?? 0) + 1;
+		if (quantity <= 0) {
+			linesRemove([cartLine?.id ?? ""]);
+			return;
+		}
+		linesUpdate([{
+			id: cartLine?.id ?? "",
+			quantity,
+			attributes: cartLine?.attributes ?? []
+		}]);
+	}, [
+		adjust,
+		cartLine?.attributes,
+		cartLine?.id,
+		cartLine?.quantity,
+		linesRemove,
+		linesUpdate
+	]);
+	const disabledAttr = passthroughProps.disabled;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseButton.BaseButton, {
+		...passthroughProps,
+		onClick,
+		defaultOnClick: handleAdjust,
+		disabled: typeof disabledAttr !== "undefined" ? disabledAttr : status !== "idle",
+		children
+	});
 }
+//#endregion
 exports.CartLineQuantityAdjustButton = CartLineQuantityAdjustButton;
-//# sourceMappingURL=CartLineQuantityAdjustButton.js.map
+
+//# sourceMappingURL=CartLineQuantityAdjustButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartLineQuantityAdjustButton.js","sources":["../../src/CartLineQuantityAdjustButton.tsx"],"sourcesContent":["import {useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useCartLine} from './CartLineProvider.js';\nimport {BaseButton, type BaseButtonProps} from './BaseButton.js';\nimport type {CartLineUpdateInput} from './storefront-api-types.js';\n\ninterface CartLineQuantityAdjustButtonBaseProps {\n  /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */\n  adjust?: 'increase' | 'decrease' | 'remove';\n}\n\ntype CartLineQuantityAdjustButtonProps<\n  AsType extends React.ElementType = 'button',\n> = BaseButtonProps<AsType> & CartLineQuantityAdjustButtonBaseProps;\n\n/**\n * The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.\n *\n * It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.\n * @publicDocs\n */\nexport function CartLineQuantityAdjustButton<\n  AsType extends React.ElementType = 'button',\n>(props: CartLineQuantityAdjustButtonProps<AsType>): JSX.Element {\n  const {status, linesRemove, linesUpdate} = useCart();\n  const cartLine = useCartLine();\n  const {children, adjust, onClick, ...passthroughProps} = props;\n\n  const handleAdjust = useCallback(() => {\n    if (adjust === 'remove') {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const quantity =\n      adjust === 'decrease'\n        ? (cartLine?.quantity ?? 0) - 1\n        : (cartLine?.quantity ?? 0) + 1;\n\n    if (quantity <= 0) {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const lineUpdate = {\n      id: cartLine?.id ?? '',\n      quantity,\n      attributes: (cartLine?.attributes ??\n        []) as CartLineUpdateInput['attributes'],\n    } satisfies CartLineUpdateInput;\n\n    linesUpdate([lineUpdate]);\n  }, [\n    adjust,\n    cartLine?.attributes,\n    cartLine?.id,\n    cartLine?.quantity,\n    linesRemove,\n    linesUpdate,\n  ]);\n\n  // Only certain 'as' types such as 'button' contain `disabled`\n  const disabledAttr = (passthroughProps as {disabled?: boolean}).disabled;\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleAdjust}\n      disabled={\n        typeof disabledAttr !== 'undefined' ? disabledAttr : status !== 'idle'\n      }\n    >\n      {children}\n    </BaseButton>\n  );\n}\n"],"names":["useCart","useCartLine","useCallback","jsx","BaseButton"],"mappings":";;;;;;;AAqBO,SAAS,6BAEd,OAA+D;AAC/D,QAAM,EAAC,QAAQ,aAAa,YAAA,IAAeA,aAAAA,QAAA;AAC3C,QAAM,WAAWC,iBAAAA,YAAA;AACjB,QAAM,EAAC,UAAU,QAAQ,SAAS,GAAG,qBAAoB;AAEzD,QAAM,eAAeC,MAAAA,YAAY,MAAM;AACrC,QAAI,WAAW,UAAU;AACvB,kBAAY,EAAC,qCAAU,OAAM,EAAE,CAAC;AAChC;AAAA,IACF;AAEA,UAAM,WACJ,WAAW,eACN,qCAAU,aAAY,KAAK,MAC3B,qCAAU,aAAY,KAAK;AAElC,QAAI,YAAY,GAAG;AACjB,kBAAY,EAAC,qCAAU,OAAM,EAAE,CAAC;AAChC;AAAA,IACF;AAEA,UAAM,aAAa;AAAA,MACjB,KAAI,qCAAU,OAAM;AAAA,MACpB;AAAA,MACA,aAAa,qCAAU,eACrB,CAAA;AAAA,IAAC;AAGL,gBAAY,CAAC,UAAU,CAAC;AAAA,EAC1B,GAAG;AAAA,IACD;AAAA,IACA,qCAAU;AAAA,IACV,qCAAU;AAAA,IACV,qCAAU;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD;AAGD,QAAM,eAAgB,iBAA0C;AAEhE,SACEC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAChB,UACE,OAAO,iBAAiB,cAAc,eAAe,WAAW;AAAA,MAGjE;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"CartLineQuantityAdjustButton.js","names":[],"sources":["../../src/CartLineQuantityAdjustButton.tsx"],"sourcesContent":["import {useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useCartLine} from './CartLineProvider.js';\nimport {BaseButton, type BaseButtonProps} from './BaseButton.js';\nimport type {CartLineUpdateInput} from './storefront-api-types.js';\n\ninterface CartLineQuantityAdjustButtonBaseProps {\n  /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */\n  adjust?: 'increase' | 'decrease' | 'remove';\n}\n\ntype CartLineQuantityAdjustButtonProps<\n  AsType extends React.ElementType = 'button',\n> = BaseButtonProps<AsType> & CartLineQuantityAdjustButtonBaseProps;\n\n/**\n * The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.\n *\n * It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.\n * @publicDocs\n */\nexport function CartLineQuantityAdjustButton<\n  AsType extends React.ElementType = 'button',\n>(props: CartLineQuantityAdjustButtonProps<AsType>): JSX.Element {\n  const {status, linesRemove, linesUpdate} = useCart();\n  const cartLine = useCartLine();\n  const {children, adjust, onClick, ...passthroughProps} = props;\n\n  const handleAdjust = useCallback(() => {\n    if (adjust === 'remove') {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const quantity =\n      adjust === 'decrease'\n        ? (cartLine?.quantity ?? 0) - 1\n        : (cartLine?.quantity ?? 0) + 1;\n\n    if (quantity <= 0) {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const lineUpdate = {\n      id: cartLine?.id ?? '',\n      quantity,\n      attributes: (cartLine?.attributes ??\n        []) as CartLineUpdateInput['attributes'],\n    } satisfies CartLineUpdateInput;\n\n    linesUpdate([lineUpdate]);\n  }, [\n    adjust,\n    cartLine?.attributes,\n    cartLine?.id,\n    cartLine?.quantity,\n    linesRemove,\n    linesUpdate,\n  ]);\n\n  // Only certain 'as' types such as 'button' contain `disabled`\n  const disabledAttr = (passthroughProps as {disabled?: boolean}).disabled;\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleAdjust}\n      disabled={\n        typeof disabledAttr !== 'undefined' ? disabledAttr : status !== 'idle'\n      }\n    >\n      {children}\n    </BaseButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,SAAgB,6BAEd,OAA+D;CAC/D,MAAM,EAAC,QAAQ,aAAa,gBAAe,qBAAA,SAAS;CACpD,MAAM,WAAW,yBAAA,aAAa;CAC9B,MAAM,EAAC,UAAU,QAAQ,SAAS,GAAG,qBAAoB;CAEzD,MAAM,gBAAA,GAAA,MAAA,mBAAiC;AACrC,MAAI,WAAW,UAAU;AACvB,eAAY,CAAC,UAAU,MAAM,GAAG,CAAC;AACjC;;EAGF,MAAM,WACJ,WAAW,cACN,UAAU,YAAY,KAAK,KAC3B,UAAU,YAAY,KAAK;AAElC,MAAI,YAAY,GAAG;AACjB,eAAY,CAAC,UAAU,MAAM,GAAG,CAAC;AACjC;;AAUF,cAAY,CAPO;GACjB,IAAI,UAAU,MAAM;GACpB;GACA,YAAa,UAAU,cACrB,EAAE;GACL,CAEuB,CAAC;IACxB;EACD;EACA,UAAU;EACV,UAAU;EACV,UAAU;EACV;EACA;EACD,CAAC;CAGF,MAAM,eAAgB,iBAA0C;AAEhE,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,YAAD;EACE,GAAI;EACK;EACT,gBAAgB;EAChB,UACE,OAAO,iBAAiB,cAAc,eAAe,WAAW;EAGjE;EACU,CAAA"}

package/dist/node-dev/CartLineQuantityAdjustButton.mjs

@@ -1,49 +1,52 @@
-import { jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
 import { useCart } from "./CartProvider.mjs";
-import { useCartLine } from "./CartLineProvider.mjs";
 import { BaseButton } from "./BaseButton.mjs";
+import { useCartLine } from "./CartLineProvider.mjs";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/CartLineQuantityAdjustButton.tsx
+/**
+* The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.
+*
+* It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.
+* @publicDocs
+*/
 function CartLineQuantityAdjustButton(props) {
-  const { status, linesRemove, linesUpdate } = useCart();
-  const cartLine = useCartLine();
-  const { children, adjust, onClick, ...passthroughProps } = props;
-  const handleAdjust = useCallback(() => {
-    if (adjust === "remove") {
-      linesRemove([(cartLine == null ? void 0 : cartLine.id) ?? ""]);
-      return;
-    }
-    const quantity = adjust === "decrease" ? ((cartLine == null ? void 0 : cartLine.quantity) ?? 0) - 1 : ((cartLine == null ? void 0 : cartLine.quantity) ?? 0) + 1;
-    if (quantity <= 0) {
-      linesRemove([(cartLine == null ? void 0 : cartLine.id) ?? ""]);
-      return;
-    }
-    const lineUpdate = {
-      id: (cartLine == null ? void 0 : cartLine.id) ?? "",
-      quantity,
-      attributes: (cartLine == null ? void 0 : cartLine.attributes) ?? []
-    };
-    linesUpdate([lineUpdate]);
-  }, [
-    adjust,
-    cartLine == null ? void 0 : cartLine.attributes,
-    cartLine == null ? void 0 : cartLine.id,
-    cartLine == null ? void 0 : cartLine.quantity,
-    linesRemove,
-    linesUpdate
-  ]);
-  const disabledAttr = passthroughProps.disabled;
-  return /* @__PURE__ */ jsx(
-    BaseButton,
-    {
-      ...passthroughProps,
-      onClick,
-      defaultOnClick: handleAdjust,
-      disabled: typeof disabledAttr !== "undefined" ? disabledAttr : status !== "idle",
-      children
-    }
-  );
+	const { status, linesRemove, linesUpdate } = useCart();
+	const cartLine = useCartLine();
+	const { children, adjust, onClick, ...passthroughProps } = props;
+	const handleAdjust = useCallback(() => {
+		if (adjust === "remove") {
+			linesRemove([cartLine?.id ?? ""]);
+			return;
+		}
+		const quantity = adjust === "decrease" ? (cartLine?.quantity ?? 0) - 1 : (cartLine?.quantity ?? 0) + 1;
+		if (quantity <= 0) {
+			linesRemove([cartLine?.id ?? ""]);
+			return;
+		}
+		linesUpdate([{
+			id: cartLine?.id ?? "",
+			quantity,
+			attributes: cartLine?.attributes ?? []
+		}]);
+	}, [
+		adjust,
+		cartLine?.attributes,
+		cartLine?.id,
+		cartLine?.quantity,
+		linesRemove,
+		linesUpdate
+	]);
+	const disabledAttr = passthroughProps.disabled;
+	return /* @__PURE__ */ jsx(BaseButton, {
+		...passthroughProps,
+		onClick,
+		defaultOnClick: handleAdjust,
+		disabled: typeof disabledAttr !== "undefined" ? disabledAttr : status !== "idle",
+		children
+	});
 }
-export {
-  CartLineQuantityAdjustButton
-};
-//# sourceMappingURL=CartLineQuantityAdjustButton.mjs.map
+//#endregion
+export { CartLineQuantityAdjustButton };
+
+//# sourceMappingURL=CartLineQuantityAdjustButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartLineQuantityAdjustButton.mjs","sources":["../../src/CartLineQuantityAdjustButton.tsx"],"sourcesContent":["import {useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useCartLine} from './CartLineProvider.js';\nimport {BaseButton, type BaseButtonProps} from './BaseButton.js';\nimport type {CartLineUpdateInput} from './storefront-api-types.js';\n\ninterface CartLineQuantityAdjustButtonBaseProps {\n  /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */\n  adjust?: 'increase' | 'decrease' | 'remove';\n}\n\ntype CartLineQuantityAdjustButtonProps<\n  AsType extends React.ElementType = 'button',\n> = BaseButtonProps<AsType> & CartLineQuantityAdjustButtonBaseProps;\n\n/**\n * The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.\n *\n * It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.\n * @publicDocs\n */\nexport function CartLineQuantityAdjustButton<\n  AsType extends React.ElementType = 'button',\n>(props: CartLineQuantityAdjustButtonProps<AsType>): JSX.Element {\n  const {status, linesRemove, linesUpdate} = useCart();\n  const cartLine = useCartLine();\n  const {children, adjust, onClick, ...passthroughProps} = props;\n\n  const handleAdjust = useCallback(() => {\n    if (adjust === 'remove') {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const quantity =\n      adjust === 'decrease'\n        ? (cartLine?.quantity ?? 0) - 1\n        : (cartLine?.quantity ?? 0) + 1;\n\n    if (quantity <= 0) {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const lineUpdate = {\n      id: cartLine?.id ?? '',\n      quantity,\n      attributes: (cartLine?.attributes ??\n        []) as CartLineUpdateInput['attributes'],\n    } satisfies CartLineUpdateInput;\n\n    linesUpdate([lineUpdate]);\n  }, [\n    adjust,\n    cartLine?.attributes,\n    cartLine?.id,\n    cartLine?.quantity,\n    linesRemove,\n    linesUpdate,\n  ]);\n\n  // Only certain 'as' types such as 'button' contain `disabled`\n  const disabledAttr = (passthroughProps as {disabled?: boolean}).disabled;\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleAdjust}\n      disabled={\n        typeof disabledAttr !== 'undefined' ? disabledAttr : status !== 'idle'\n      }\n    >\n      {children}\n    </BaseButton>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,6BAEd,OAA+D;AAC/D,QAAM,EAAC,QAAQ,aAAa,YAAA,IAAe,QAAA;AAC3C,QAAM,WAAW,YAAA;AACjB,QAAM,EAAC,UAAU,QAAQ,SAAS,GAAG,qBAAoB;AAEzD,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,WAAW,UAAU;AACvB,kBAAY,EAAC,qCAAU,OAAM,EAAE,CAAC;AAChC;AAAA,IACF;AAEA,UAAM,WACJ,WAAW,eACN,qCAAU,aAAY,KAAK,MAC3B,qCAAU,aAAY,KAAK;AAElC,QAAI,YAAY,GAAG;AACjB,kBAAY,EAAC,qCAAU,OAAM,EAAE,CAAC;AAChC;AAAA,IACF;AAEA,UAAM,aAAa;AAAA,MACjB,KAAI,qCAAU,OAAM;AAAA,MACpB;AAAA,MACA,aAAa,qCAAU,eACrB,CAAA;AAAA,IAAC;AAGL,gBAAY,CAAC,UAAU,CAAC;AAAA,EAC1B,GAAG;AAAA,IACD;AAAA,IACA,qCAAU;AAAA,IACV,qCAAU;AAAA,IACV,qCAAU;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD;AAGD,QAAM,eAAgB,iBAA0C;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAChB,UACE,OAAO,iBAAiB,cAAc,eAAe,WAAW;AAAA,MAGjE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"CartLineQuantityAdjustButton.mjs","names":[],"sources":["../../src/CartLineQuantityAdjustButton.tsx"],"sourcesContent":["import {useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useCartLine} from './CartLineProvider.js';\nimport {BaseButton, type BaseButtonProps} from './BaseButton.js';\nimport type {CartLineUpdateInput} from './storefront-api-types.js';\n\ninterface CartLineQuantityAdjustButtonBaseProps {\n  /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */\n  adjust?: 'increase' | 'decrease' | 'remove';\n}\n\ntype CartLineQuantityAdjustButtonProps<\n  AsType extends React.ElementType = 'button',\n> = BaseButtonProps<AsType> & CartLineQuantityAdjustButtonBaseProps;\n\n/**\n * The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.\n *\n * It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.\n * @publicDocs\n */\nexport function CartLineQuantityAdjustButton<\n  AsType extends React.ElementType = 'button',\n>(props: CartLineQuantityAdjustButtonProps<AsType>): JSX.Element {\n  const {status, linesRemove, linesUpdate} = useCart();\n  const cartLine = useCartLine();\n  const {children, adjust, onClick, ...passthroughProps} = props;\n\n  const handleAdjust = useCallback(() => {\n    if (adjust === 'remove') {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const quantity =\n      adjust === 'decrease'\n        ? (cartLine?.quantity ?? 0) - 1\n        : (cartLine?.quantity ?? 0) + 1;\n\n    if (quantity <= 0) {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const lineUpdate = {\n      id: cartLine?.id ?? '',\n      quantity,\n      attributes: (cartLine?.attributes ??\n        []) as CartLineUpdateInput['attributes'],\n    } satisfies CartLineUpdateInput;\n\n    linesUpdate([lineUpdate]);\n  }, [\n    adjust,\n    cartLine?.attributes,\n    cartLine?.id,\n    cartLine?.quantity,\n    linesRemove,\n    linesUpdate,\n  ]);\n\n  // Only certain 'as' types such as 'button' contain `disabled`\n  const disabledAttr = (passthroughProps as {disabled?: boolean}).disabled;\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleAdjust}\n      disabled={\n        typeof disabledAttr !== 'undefined' ? disabledAttr : status !== 'idle'\n      }\n    >\n      {children}\n    </BaseButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,6BAEd,OAA+D;CAC/D,MAAM,EAAC,QAAQ,aAAa,gBAAe,SAAS;CACpD,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAC,UAAU,QAAQ,SAAS,GAAG,qBAAoB;CAEzD,MAAM,eAAe,kBAAkB;AACrC,MAAI,WAAW,UAAU;AACvB,eAAY,CAAC,UAAU,MAAM,GAAG,CAAC;AACjC;;EAGF,MAAM,WACJ,WAAW,cACN,UAAU,YAAY,KAAK,KAC3B,UAAU,YAAY,KAAK;AAElC,MAAI,YAAY,GAAG;AACjB,eAAY,CAAC,UAAU,MAAM,GAAG,CAAC;AACjC;;AAUF,cAAY,CAPO;GACjB,IAAI,UAAU,MAAM;GACpB;GACA,YAAa,UAAU,cACrB,EAAE;GACL,CAEuB,CAAC;IACxB;EACD;EACA,UAAU;EACV,UAAU;EACV,UAAU;EACV;EACA;EACD,CAAC;CAGF,MAAM,eAAgB,iBAA0C;AAEhE,QACE,oBAAC,YAAD;EACE,GAAI;EACK;EACT,gBAAgB;EAChB,UACE,OAAO,iBAAiB,cAAc,eAAe,WAAW;EAGjE;EACU,CAAA"}