@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/checkout/cart-summary.d.ts

@@ -1,40 +1,61 @@
-export interface CartLineItem {
-    id: string;
-    name: string;
-    variant?: string;
-    imageUrl?: string;
-    price: number;
-    originalPrice?: number;
-    quantity: number;
-    maxQuantity?: number;
-    currency?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/cart-summary.d.ts
+interface CartLineItem {
+  id: string;
+  name: string;
+  variant?: string;
+  imageUrl?: string;
+  price: number;
+  originalPrice?: number;
+  quantity: number;
+  maxQuantity?: number;
+  currency?: string;
 }
-export interface CartSummaryProps {
-    items: CartLineItem[];
-    subtotal: number;
-    tax?: number;
-    shipping?: number;
-    total: number;
-    currency?: string;
-    locale?: string;
-    onQuantityChange?: (itemId: string, quantity: number) => void;
-    onRemoveItem?: (itemId: string) => void;
-    onPromoApply?: (code: string) => void;
-    promoCode?: string;
-    promoError?: string;
-    promoDiscount?: number;
-    className?: string;
-    labels?: {
-        subtotal?: string;
-        tax?: string;
-        shipping?: string;
-        total?: string;
-        discount?: string;
-        promoPlaceholder?: string;
-        promoApply?: string;
-        freeShipping?: string;
-        remove?: string;
-    };
+interface CartSummaryProps {
+  items: CartLineItem[];
+  subtotal: number;
+  tax?: number;
+  shipping?: number;
+  total: number;
+  currency?: string;
+  locale?: string;
+  onQuantityChange?: (itemId: string, quantity: number) => void;
+  onRemoveItem?: (itemId: string) => void;
+  onPromoApply?: (code: string) => void;
+  promoCode?: string;
+  promoError?: string;
+  promoDiscount?: number;
+  className?: string;
+  labels?: {
+    subtotal?: string;
+    tax?: string;
+    shipping?: string;
+    total?: string;
+    discount?: string;
+    promoPlaceholder?: string;
+    promoApply?: string;
+    freeShipping?: string;
+    remove?: string;
+  };
 }
-export declare function CartSummary({ items, subtotal, tax, shipping, total, currency, locale, onQuantityChange, onRemoveItem, onPromoApply, promoCode: initialPromo, promoError, promoDiscount, className, labels, }: CartSummaryProps): import("react/jsx-runtime").JSX.Element;
+declare function CartSummary({
+  items,
+  subtotal,
+  tax,
+  shipping,
+  total,
+  currency,
+  locale,
+  onQuantityChange,
+  onRemoveItem,
+  onPromoApply,
+  promoCode: initialPromo,
+  promoError,
+  promoDiscount,
+  className,
+  labels
+}: CartSummaryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CartLineItem, CartSummary, CartSummaryProps };
 //# sourceMappingURL=cart-summary.d.ts.map

package/dist/client/storefront/checkout/cart-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart-summary.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/cart-summary.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,MAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EAAE,YAAiB,EAC5B,UAAU,EACV,aAAa,EACb,SAAS,EACT,MAAW,GACZ,EAAE,gBAAgB,2CAkJlB"}
+{"version":3,"file":"cart-summary.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/cart-summary.tsx"],"mappings":";;;UAUiB,YAAA;EACf,EAAA;EACA,IAAA;EACA,OAAA;EACA,QAAA;EACA,KAAA;EACA,aAAA;EACA,QAAA;EACA,WAAA;EACA,QAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA,EAAO,YAAA;EACP,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA;EACA,gBAAA,IAAoB,MAAA,UAAgB,QAAA;EACpC,YAAA,IAAgB,MAAA;EAChB,YAAA,IAAgB,IAAA;EAChB,SAAA;EACA,UAAA;EACA,aAAA;EACA,SAAA;EACA,MAAA;IACE,QAAA;IACA,GAAA;IACA,QAAA;IACA,KAAA;IACA,QAAA;IACA,gBAAA;IACA,UAAA;IACA,YAAA;IACA,MAAA;EAAA;AAAA;AAAA,iBAIY,WAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA;EACA,gBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA,EAAW,YAAA;EACX,UAAA;EACA,aAAA;EACA,SAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/cart-summary.mjs

@@ -1,150 +1,160 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Price } from "../components/price.mjs";
+import { QuantityPicker } from "../product/quantity-picker.mjs";
+import { Button } from "../../ui-resolver/button.mjs";
+import { Input } from "../../ui-resolver/input.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-import { useIcon } from "../../icons/icon-context";
-import { Price } from "../components/price";
-import { QuantityPicker } from "../product/quantity-picker";
-import { Button } from "../../ui-resolver/button";
-import { Input } from "../../ui-resolver/input";
-function CartSummary({
-  items,
-  subtotal,
-  tax,
-  shipping,
-  total,
-  currency = "SEK",
-  locale = "sv-SE",
-  onQuantityChange,
-  onRemoveItem,
-  onPromoApply,
-  promoCode: initialPromo = "",
-  promoError,
-  promoDiscount,
-  className,
-  labels = {}
-}) {
-  const {
-    subtotal: subtotalLabel = "Subtotal",
-    tax: taxLabel = "Tax",
-    shipping: shippingLabel = "Shipping",
-    total: totalLabel = "Total",
-    discount: discountLabel = "Discount",
-    promoPlaceholder = "Promo code",
-    promoApply = "Apply",
-    freeShipping = "Free",
-    remove: removeLabel = "Remove"
-  } = labels;
-  const [promoInput, setPromoInput] = React.useState(initialPromo);
-  const CloseIcon = useIcon("close");
-  return /* @__PURE__ */ jsxs("div", { className: cn("font-enad space-y-4", className), children: [
-    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-(--enad-border-color)", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex gap-4 py-4 first:pt-0 last:pb-0", children: [
-      item.imageUrl && /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: item.imageUrl,
-          alt: item.name,
-          className: "size-16 shrink-0 rounded-(--enad-card-radius) object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: item.name }),
-            item.variant && /* @__PURE__ */ jsx("p", { className: "text-xs text-(--enad-text-muted-color)", children: item.variant })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Price,
-            {
-              amount: item.price * item.quantity,
-              original: item.originalPrice ? item.originalPrice * item.quantity : void 0,
-              currency: item.currency ?? currency,
-              locale,
-              className: "text-sm font-medium"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          onQuantityChange && /* @__PURE__ */ jsx(
-            QuantityPicker,
-            {
-              value: item.quantity,
-              onChange: (qty) => onQuantityChange(item.id, qty),
-              min: 1,
-              max: item.maxQuantity
-            }
-          ),
-          onRemoveItem && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRemoveItem(item.id),
-              className: "rounded-sm text-xs text-(--enad-text-muted-color) hover:text-(--enad-error-color) transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none",
-              "aria-label": `${removeLabel} ${item.name}`,
-              children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
-            }
-          )
-        ] })
-      ] })
-    ] }, item.id)) }),
-    onPromoApply && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            value: promoInput,
-            onChange: (e) => setPromoInput(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" && promoInput.trim()) {
-                e.preventDefault();
-                onPromoApply(promoInput);
-              }
-            },
-            placeholder: promoPlaceholder,
-            className: "flex-1",
-            "aria-label": promoPlaceholder
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            onClick: () => onPromoApply(promoInput),
-            disabled: !promoInput.trim(),
-            children: promoApply
-          }
-        )
-      ] }),
-      promoError && /* @__PURE__ */ jsx("p", { className: "text-xs text-(--enad-error-color)", children: promoError })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-(--enad-border-color) pt-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: subtotalLabel }),
-        /* @__PURE__ */ jsx(Price, { amount: subtotal, currency, locale })
-      ] }),
-      promoDiscount != null && promoDiscount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: discountLabel }),
-        /* @__PURE__ */ jsxs("span", { className: "text-(--enad-error-color)", children: [
-          "-",
-          /* @__PURE__ */ jsx(Price, { amount: promoDiscount, currency, locale })
-        ] })
-      ] }),
-      tax != null && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: taxLabel }),
-        /* @__PURE__ */ jsx(Price, { amount: tax, currency, locale })
-      ] }),
-      shipping != null && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: shippingLabel }),
-        shipping === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: freeShipping }) : /* @__PURE__ */ jsx(Price, { amount: shipping, currency, locale })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: totalLabel }),
-        /* @__PURE__ */ jsx(Price, { amount: total, currency, locale })
-      ] })
-    ] })
-  ] });
+//#region src/client/storefront/checkout/cart-summary.tsx
+function CartSummary({ items, subtotal, tax, shipping, total, currency = "SEK", locale, onQuantityChange, onRemoveItem, onPromoApply, promoCode: initialPromo = "", promoError, promoDiscount, className, labels = {} }) {
+	const { subtotal: subtotalLabel = "Subtotal", tax: taxLabel = "Tax", shipping: shippingLabel = "Shipping", total: totalLabel = "Total", discount: discountLabel = "Discount", promoPlaceholder = "Promo code", promoApply = "Apply", freeShipping = "Free", remove: removeLabel = "Remove" } = labels;
+	const [promoInput, setPromoInput] = React$1.useState(initialPromo);
+	const CloseIcon = useIcon("close");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsx("ul", {
+				className: "divide-y divide-(--enad-border-color)",
+				children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+					className: "flex gap-4 py-4 first:pt-0 last:pb-0",
+					children: [item.imageUrl && /* @__PURE__ */ jsx("img", {
+						src: item.imageUrl,
+						alt: item.name,
+						className: "size-16 shrink-0 rounded-(--enad-card-radius) object-cover"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-1 flex-col gap-1",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+								className: "text-sm font-medium text-(--enad-text-primary-color)",
+								children: item.name
+							}), item.variant && /* @__PURE__ */ jsx("p", {
+								className: "text-xs text-(--enad-text-muted-color)",
+								children: item.variant
+							})] }), /* @__PURE__ */ jsx(Price, {
+								amount: item.price * item.quantity,
+								original: item.originalPrice ? item.originalPrice * item.quantity : void 0,
+								currency: item.currency ?? currency,
+								locale,
+								className: "text-sm font-medium"
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3",
+							children: [onQuantityChange && /* @__PURE__ */ jsx(QuantityPicker, {
+								value: item.quantity,
+								onChange: (qty) => onQuantityChange(item.id, qty),
+								min: 1,
+								max: item.maxQuantity
+							}), onRemoveItem && /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => onRemoveItem(item.id),
+								className: "rounded-sm text-xs text-(--enad-text-muted-color) hover:text-(--enad-error-color) transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none",
+								"aria-label": `${removeLabel} ${item.name}`,
+								children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+							})]
+						})]
+					})]
+				}, item.id))
+			}),
+			onPromoApply && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ jsx(Input, {
+						value: promoInput,
+						onChange: (e) => setPromoInput(e.target.value),
+						onKeyDown: (e) => {
+							if (e.key === "Enter" && promoInput.trim()) {
+								e.preventDefault();
+								onPromoApply(promoInput);
+							}
+						},
+						placeholder: promoPlaceholder,
+						className: "flex-1",
+						"aria-label": promoPlaceholder
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: () => onPromoApply(promoInput),
+						disabled: !promoInput.trim(),
+						children: promoApply
+					})]
+				}), promoError && /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-(--enad-error-color)",
+					children: promoError
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2 border-t border-(--enad-border-color) pt-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: subtotalLabel
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: subtotal,
+							currency,
+							locale
+						})]
+					}),
+					promoDiscount != null && promoDiscount > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: discountLabel
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "text-(--enad-error-color)",
+							children: ["-", /* @__PURE__ */ jsx(Price, {
+								amount: promoDiscount,
+								currency,
+								locale
+							})]
+						})]
+					}),
+					tax != null && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: taxLabel
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: tax,
+							currency,
+							locale
+						})]
+					}),
+					shipping != null && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: shippingLabel
+						}), shipping === 0 ? /* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium text-(--enad-text-primary-color)",
+							children: freeShipping
+						}) : /* @__PURE__ */ jsx(Price, {
+							amount: shipping,
+							currency,
+							locale
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-primary-color)",
+							children: totalLabel
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: total,
+							currency,
+							locale
+						})]
+					})
+				]
+			})
+		]
+	});
 }
-export {
-  CartSummary
-};
+//#endregion
+export { CartSummary };
+
 //# sourceMappingURL=cart-summary.mjs.map

package/dist/client/storefront/checkout/cart-summary.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/checkout/cart-summary.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Price } from \"../components/price\";\nimport { QuantityPicker } from \"../product/quantity-picker\";\nimport { Button } from \"../../ui-resolver/button\";\nimport { Input } from \"../../ui-resolver/input\";\n\nexport interface CartLineItem {\n  id: string;\n  name: string;\n  variant?: string;\n  imageUrl?: string;\n  price: number;\n  originalPrice?: number;\n  quantity: number;\n  maxQuantity?: number;\n  currency?: string;\n}\n\nexport interface CartSummaryProps {\n  items: CartLineItem[];\n  subtotal: number;\n  tax?: number;\n  shipping?: number;\n  total: number;\n  currency?: string;\n  locale?: string;\n  onQuantityChange?: (itemId: string, quantity: number) => void;\n  onRemoveItem?: (itemId: string) => void;\n  onPromoApply?: (code: string) => void;\n  promoCode?: string;\n  promoError?: string;\n  promoDiscount?: number;\n  className?: string;\n  labels?: {\n    subtotal?: string;\n    tax?: string;\n    shipping?: string;\n    total?: string;\n    discount?: string;\n    promoPlaceholder?: string;\n    promoApply?: string;\n    freeShipping?: string;\n    remove?: string;\n  };\n}\n\nexport function CartSummary({\n  items,\n  subtotal,\n  tax,\n  shipping,\n  total,\n  currency = \"SEK\",\n  locale = \"sv-SE\",\n  onQuantityChange,\n  onRemoveItem,\n  onPromoApply,\n  promoCode: initialPromo = \"\",\n  promoError,\n  promoDiscount,\n  className,\n  labels = {},\n}: CartSummaryProps) {\n  const {\n    subtotal: subtotalLabel = \"Subtotal\",\n    tax: taxLabel = \"Tax\",\n    shipping: shippingLabel = \"Shipping\",\n    total: totalLabel = \"Total\",\n    discount: discountLabel = \"Discount\",\n    promoPlaceholder = \"Promo code\",\n    promoApply = \"Apply\",\n    freeShipping = \"Free\",\n    remove: removeLabel = \"Remove\",\n  } = labels;\n\n  const [promoInput, setPromoInput] = React.useState(initialPromo);\n  const CloseIcon = useIcon(\"close\");\n\n  return (\n    <div className={cn(\"font-enad space-y-4\", className)}>\n      {/* Line items */}\n      <ul className=\"divide-y divide-(--enad-border-color)\">\n        {items.map((item) => (\n          <li key={item.id} className=\"flex gap-4 py-4 first:pt-0 last:pb-0\">\n            {item.imageUrl && (\n              <img\n                src={item.imageUrl}\n                alt={item.name}\n                className=\"size-16 shrink-0 rounded-(--enad-card-radius) object-cover\"\n              />\n            )}\n\n            <div className=\"flex flex-1 flex-col gap-1\">\n              <div className=\"flex items-start justify-between gap-2\">\n                <div>\n                  <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                    {item.name}\n                  </p>\n                  {item.variant && (\n                    <p className=\"text-xs text-(--enad-text-muted-color)\">{item.variant}</p>\n                  )}\n                </div>\n                <Price\n                  amount={item.price * item.quantity}\n                  original={item.originalPrice ? item.originalPrice * item.quantity : undefined}\n                  currency={item.currency ?? currency}\n                  locale={locale}\n                  className=\"text-sm font-medium\"\n                />\n              </div>\n\n              <div className=\"flex items-center gap-3\">\n                {onQuantityChange && (\n                  <QuantityPicker\n                    value={item.quantity}\n                    onChange={(qty) => onQuantityChange(item.id, qty)}\n                    min={1}\n                    max={item.maxQuantity}\n                  />\n                )}\n                {onRemoveItem && (\n                  <button\n                    type=\"button\"\n                    onClick={() => onRemoveItem(item.id)}\n                    className=\"rounded-sm text-xs text-(--enad-text-muted-color) hover:text-(--enad-error-color) transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none\"\n                    aria-label={`${removeLabel} ${item.name}`}\n                  >\n                    <CloseIcon className=\"size-4\" />\n                  </button>\n                )}\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n\n      {/* Promo code */}\n      {onPromoApply && (\n        <div className=\"space-y-1\">\n          <div className=\"flex gap-2\">\n            <Input\n              value={promoInput}\n              onChange={(e) => setPromoInput(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" && promoInput.trim()) {\n                  e.preventDefault();\n                  onPromoApply(promoInput);\n                }\n              }}\n              placeholder={promoPlaceholder}\n              className=\"flex-1\"\n              aria-label={promoPlaceholder}\n            />\n            <Button\n              variant=\"outline\"\n              onClick={() => onPromoApply(promoInput)}\n              disabled={!promoInput.trim()}\n            >\n              {promoApply}\n            </Button>\n          </div>\n          {promoError && <p className=\"text-xs text-(--enad-error-color)\">{promoError}</p>}\n        </div>\n      )}\n\n      {/* Totals */}\n      <div className=\"space-y-2 border-t border-(--enad-border-color) pt-4\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{subtotalLabel}</span>\n          <Price amount={subtotal} currency={currency} locale={locale} />\n        </div>\n\n        {promoDiscount != null && promoDiscount > 0 && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{discountLabel}</span>\n            <span className=\"text-(--enad-error-color)\">\n              -<Price amount={promoDiscount} currency={currency} locale={locale} />\n            </span>\n          </div>\n        )}\n\n        {tax != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{taxLabel}</span>\n            <Price amount={tax} currency={currency} locale={locale} />\n          </div>\n        )}\n\n        {shipping != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{shippingLabel}</span>\n            {shipping === 0 ? (\n              <span className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                {freeShipping}\n              </span>\n            ) : (\n              <Price amount={shipping} currency={currency} locale={locale} />\n            )}\n          </div>\n        )}\n\n        <div className=\"flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold\">\n          <span className=\"text-(--enad-text-primary-color)\">{totalLabel}</span>\n          <Price amount={total} currency={currency} locale={locale} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"cart-summary.mjs","names":["React"],"sources":["../../../../src/client/storefront/checkout/cart-summary.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Price } from \"../components/price\";\nimport { QuantityPicker } from \"../product/quantity-picker\";\nimport { Button } from \"../../ui-resolver/button\";\nimport { Input } from \"../../ui-resolver/input\";\n\nexport interface CartLineItem {\n  id: string;\n  name: string;\n  variant?: string;\n  imageUrl?: string;\n  price: number;\n  originalPrice?: number;\n  quantity: number;\n  maxQuantity?: number;\n  currency?: string;\n}\n\nexport interface CartSummaryProps {\n  items: CartLineItem[];\n  subtotal: number;\n  tax?: number;\n  shipping?: number;\n  total: number;\n  currency?: string;\n  locale?: string;\n  onQuantityChange?: (itemId: string, quantity: number) => void;\n  onRemoveItem?: (itemId: string) => void;\n  onPromoApply?: (code: string) => void;\n  promoCode?: string;\n  promoError?: string;\n  promoDiscount?: number;\n  className?: string;\n  labels?: {\n    subtotal?: string;\n    tax?: string;\n    shipping?: string;\n    total?: string;\n    discount?: string;\n    promoPlaceholder?: string;\n    promoApply?: string;\n    freeShipping?: string;\n    remove?: string;\n  };\n}\n\nexport function CartSummary({\n  items,\n  subtotal,\n  tax,\n  shipping,\n  total,\n  currency = \"SEK\",\n  locale,\n  onQuantityChange,\n  onRemoveItem,\n  onPromoApply,\n  promoCode: initialPromo = \"\",\n  promoError,\n  promoDiscount,\n  className,\n  labels = {},\n}: CartSummaryProps) {\n  const {\n    subtotal: subtotalLabel = \"Subtotal\",\n    tax: taxLabel = \"Tax\",\n    shipping: shippingLabel = \"Shipping\",\n    total: totalLabel = \"Total\",\n    discount: discountLabel = \"Discount\",\n    promoPlaceholder = \"Promo code\",\n    promoApply = \"Apply\",\n    freeShipping = \"Free\",\n    remove: removeLabel = \"Remove\",\n  } = labels;\n\n  const [promoInput, setPromoInput] = React.useState(initialPromo);\n  const CloseIcon = useIcon(\"close\");\n\n  return (\n    <div className={cn(\"font-enad space-y-4\", className)}>\n      {/* Line items */}\n      <ul className=\"divide-y divide-(--enad-border-color)\">\n        {items.map((item) => (\n          <li key={item.id} className=\"flex gap-4 py-4 first:pt-0 last:pb-0\">\n            {item.imageUrl && (\n              <img\n                src={item.imageUrl}\n                alt={item.name}\n                className=\"size-16 shrink-0 rounded-(--enad-card-radius) object-cover\"\n              />\n            )}\n\n            <div className=\"flex flex-1 flex-col gap-1\">\n              <div className=\"flex items-start justify-between gap-2\">\n                <div>\n                  <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                    {item.name}\n                  </p>\n                  {item.variant && (\n                    <p className=\"text-xs text-(--enad-text-muted-color)\">{item.variant}</p>\n                  )}\n                </div>\n                <Price\n                  amount={item.price * item.quantity}\n                  original={item.originalPrice ? item.originalPrice * item.quantity : undefined}\n                  currency={item.currency ?? currency}\n                  locale={locale}\n                  className=\"text-sm font-medium\"\n                />\n              </div>\n\n              <div className=\"flex items-center gap-3\">\n                {onQuantityChange && (\n                  <QuantityPicker\n                    value={item.quantity}\n                    onChange={(qty) => onQuantityChange(item.id, qty)}\n                    min={1}\n                    max={item.maxQuantity}\n                  />\n                )}\n                {onRemoveItem && (\n                  <button\n                    type=\"button\"\n                    onClick={() => onRemoveItem(item.id)}\n                    className=\"rounded-sm text-xs text-(--enad-text-muted-color) hover:text-(--enad-error-color) transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none\"\n                    aria-label={`${removeLabel} ${item.name}`}\n                  >\n                    <CloseIcon className=\"size-4\" />\n                  </button>\n                )}\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n\n      {/* Promo code */}\n      {onPromoApply && (\n        <div className=\"space-y-1\">\n          <div className=\"flex gap-2\">\n            <Input\n              value={promoInput}\n              onChange={(e) => setPromoInput(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" && promoInput.trim()) {\n                  e.preventDefault();\n                  onPromoApply(promoInput);\n                }\n              }}\n              placeholder={promoPlaceholder}\n              className=\"flex-1\"\n              aria-label={promoPlaceholder}\n            />\n            <Button\n              variant=\"outline\"\n              onClick={() => onPromoApply(promoInput)}\n              disabled={!promoInput.trim()}\n            >\n              {promoApply}\n            </Button>\n          </div>\n          {promoError && <p className=\"text-xs text-(--enad-error-color)\">{promoError}</p>}\n        </div>\n      )}\n\n      {/* Totals */}\n      <div className=\"space-y-2 border-t border-(--enad-border-color) pt-4\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{subtotalLabel}</span>\n          <Price amount={subtotal} currency={currency} locale={locale} />\n        </div>\n\n        {promoDiscount != null && promoDiscount > 0 && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{discountLabel}</span>\n            <span className=\"text-(--enad-error-color)\">\n              -<Price amount={promoDiscount} currency={currency} locale={locale} />\n            </span>\n          </div>\n        )}\n\n        {tax != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{taxLabel}</span>\n            <Price amount={tax} currency={currency} locale={locale} />\n          </div>\n        )}\n\n        {shipping != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{shippingLabel}</span>\n            {shipping === 0 ? (\n              <span className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                {freeShipping}\n              </span>\n            ) : (\n              <Price amount={shipping} currency={currency} locale={locale} />\n            )}\n          </div>\n        )}\n\n        <div className=\"flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold\">\n          <span className=\"text-(--enad-text-primary-color)\">{totalLabel}</span>\n          <Price amount={total} currency={currency} locale={locale} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/storefront/checkout/checkout-stepper.d.ts

@@ -1,13 +1,22 @@
-export type StepStatus = "completed" | "active" | "upcoming";
-export interface CheckoutStep {
-    id: string;
-    label: string;
-    status: StepStatus;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/checkout-stepper.d.ts
+type StepStatus = "completed" | "active" | "upcoming";
+interface CheckoutStep {
+  id: string;
+  label: string;
+  status: StepStatus;
 }
-export interface CheckoutStepperProps {
-    steps: CheckoutStep[];
-    onStepClick?: (stepId: string) => void;
-    className?: string;
+interface CheckoutStepperProps {
+  steps: CheckoutStep[];
+  onStepClick?: (stepId: string) => void;
+  className?: string;
 }
-export declare function CheckoutStepper({ steps, onStepClick, className }: CheckoutStepperProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckoutStepper({
+  steps,
+  onStepClick,
+  className
+}: CheckoutStepperProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CheckoutStep, CheckoutStepper, CheckoutStepperProps, StepStatus };
 //# sourceMappingURL=checkout-stepper.d.ts.map

package/dist/client/storefront/checkout/checkout-stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkout-stepper.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/checkout-stepper.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA0DtF"}
+{"version":3,"file":"checkout-stepper.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/checkout-stepper.tsx"],"mappings":";;;KAKY,UAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,KAAA;EACA,MAAA,EAAQ,UAAA;AAAA;AAAA,UAGO,oBAAA;EACf,KAAA,EAAO,YAAA;EACP,WAAA,IAAe,MAAA;EACf,SAAA;AAAA;AAAA,iBAGc,eAAA,CAAA;EAAkB,KAAA;EAAO,WAAA;EAAa;AAAA,GAAa,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/checkout-stepper.mjs

@@ -1,58 +1,43 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { useIcon } from "../../icons/icon-context";
+//#region src/client/storefront/checkout/checkout-stepper.tsx
 function CheckoutStepper({ steps, onStepClick, className }) {
-  const CheckIcon = useIcon("check");
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Checkout progress", className: cn("font-enad", className), children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-0", children: steps.map((step, index) => {
-    const isLast = index === steps.length - 1;
-    const isClickable = step.status === "completed" && onStepClick;
-    return /* @__PURE__ */ jsxs("li", { className: "flex flex-1 items-center", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => isClickable && onStepClick(step.id),
-          disabled: !isClickable,
-          "aria-current": step.status === "active" ? "step" : void 0,
-          className: cn(
-            "flex items-center gap-2 text-sm font-medium transition-colors",
-            "disabled:cursor-default",
-            step.status === "completed" && "text-(--enad-button-bg) cursor-pointer",
-            step.status === "active" && "text-(--enad-text-primary-color)",
-            step.status === "upcoming" && "text-(--enad-text-muted-color)"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "flex size-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors",
-                  step.status === "completed" && "bg-(--enad-button-bg) text-(--enad-button-color)",
-                  step.status === "active" && "border-2 border-(--enad-button-bg) text-(--enad-button-bg)",
-                  step.status === "upcoming" && "border border-(--enad-border-color) text-(--enad-text-muted-color)"
-                ),
-                children: step.status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : index + 1
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: step.label })
-          ]
-        }
-      ),
-      !isLast && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "mx-2 h-px flex-1 transition-colors",
-            step.status === "completed" ? "bg-(--enad-button-bg)" : "bg-(--enad-border-color)"
-          ),
-          "aria-hidden": "true"
-        }
-      )
-    ] }, step.id);
-  }) }) });
+	const CheckIcon = useIcon("check");
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Checkout progress",
+		className: cn("font-enad", className),
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "flex items-center gap-0",
+			children: steps.map((step, index) => {
+				const isLast = index === steps.length - 1;
+				const isClickable = step.status === "completed" && onStepClick;
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex flex-1 items-center",
+					children: [/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: () => isClickable && onStepClick(step.id),
+						disabled: !isClickable,
+						"aria-current": step.status === "active" ? "step" : void 0,
+						className: cn("flex items-center gap-2 text-sm font-medium transition-colors", "disabled:cursor-default", step.status === "completed" && "text-(--enad-button-bg) cursor-pointer", step.status === "active" && "text-(--enad-text-primary-color)", step.status === "upcoming" && "text-(--enad-text-muted-color)"),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: cn("flex size-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors", step.status === "completed" && "bg-(--enad-button-bg) text-(--enad-button-color)", step.status === "active" && "border-2 border-(--enad-button-bg) text-(--enad-button-bg)", step.status === "upcoming" && "border border-(--enad-border-color) text-(--enad-text-muted-color)"),
+							children: step.status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : index + 1
+						}), /* @__PURE__ */ jsx("span", {
+							className: "hidden sm:inline",
+							children: step.label
+						})]
+					}), !isLast && /* @__PURE__ */ jsx("div", {
+						className: cn("mx-2 h-px flex-1 transition-colors", step.status === "completed" ? "bg-(--enad-button-bg)" : "bg-(--enad-border-color)"),
+						"aria-hidden": "true"
+					})]
+				}, step.id);
+			})
+		})
+	});
 }
-export {
-  CheckoutStepper
-};
+//#endregion
+export { CheckoutStepper };
+
 //# sourceMappingURL=checkout-stepper.mjs.map