admin-ui-starter-kit 0.5.0 → 0.6.1

package/dist/components/composed/commerce/index.js

@@ -1,14 +1,15 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-BGKY8UY0.js";
-import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
-import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as o } from "../../../_shared/badge-A8wQRShC.js";
-import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
-import { t as c } from "../../../_shared/input-C7t-RHYq.js";
-import { E as l, F as u, i as d } from "../../../_shared/display-CL69dmsv.js";
-import { t as f } from "../../../_shared/separator-B8FBp-7E.js";
-import { a as p, c as m, i as h, n as g, o as _, r as v, t as y, u as b } from "../../../_shared/item-DAjqQhhj.js";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { o as r, s as i } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
+import { t as o } from "../../../_shared/badge-a2Z3K5aQ.js";
+import { t as s } from "../../../_shared/cards-CtBoSZG9.js";
+import { t as c } from "../../../_shared/input-CfnHBT--.js";
+import { D as l, v as u } from "../../../_shared/display-B0wLVN8t.js";
+import { t as d } from "../../../_shared/separator-B8FBp-7E.js";
+import { a as f, c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-Xs-fgzaT.js";
+import { i as b } from "../../../_shared/data-display-CRFaMkxT.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Calendar as E, CalendarClock as D, Check as O, ChevronRight as k, Circle as A, CreditCard as j, Edit2 as M, Gift as N, MapPin as P, Package as ee, Receipt as te, Repeat as ne, RotateCcw as re, ShoppingBag as ie, Sparkles as ae, Star as oe, TicketPercent as se, Trash2 as ce, Trophy as le, X as ue } from "lucide-react";
@@ -21,37 +22,37 @@ function de(e) {
 	}
 	return null;
 }
-function F({ bookings: e, className: n, locale: i, dateTone: a = "inverse", timePlacement: o = "below" }) {
-	return /* @__PURE__ */ w(_, {
+function F({ bookings: e, className: n, locale: r, dateTone: a = "inverse", timePlacement: o = "below" }) {
+	return /* @__PURE__ */ w(g, {
 		className: t("upcoming-booking--component w-full gap-2", n),
 		children: e.map((e, t) => {
 			let n = de(e);
-			return /* @__PURE__ */ T(y, {
-				className: "items-center px-0 py-1.5",
+			return /* @__PURE__ */ T(v, {
+				className: "items-center",
 				children: [
-					!!n && /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(l, {
+					!!n && /* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(u, {
 						date: n,
 						time: o === "below" ? e.time : void 0,
 						tone: a,
-						locale: i,
+						locale: r,
 						timePlacement: "below",
 						layout: "stacked"
 					}) }),
-					/* @__PURE__ */ T(v, {
-						className: "min-w-[min(12rem,100%)]",
-						children: [/* @__PURE__ */ w(b, { children: e.service }), /* @__PURE__ */ w(h, {
+					/* @__PURE__ */ T(_, {
+						className: "min-w-0 sm:min-w-48",
+						children: [/* @__PURE__ */ w(y, { children: e.service }), /* @__PURE__ */ w(m, {
 							clamp: 1,
 							children: e.customer
 						})]
 					}),
-					/* @__PURE__ */ T(g, {
+					/* @__PURE__ */ T(h, {
 						className: "ml-auto shrink-0 flex-wrap justify-end",
-						children: [o === "inline-trailing" && /* @__PURE__ */ w(r, {
+						children: [o === "inline-trailing" && /* @__PURE__ */ w(i, {
 							size: "xs",
 							type: "secondary",
 							className: "shrink-0 tabular-nums",
 							children: e.time
-						}), /* @__PURE__ */ w(r, {
+						}), /* @__PURE__ */ w(i, {
 							weight: "semibold",
 							className: "shrink-0 tabular-nums",
 							children: e.amount
@@ -72,15 +73,12 @@ var I = {
 };
 //#endregion
 //#region src/components/composed/commerce/loyalty-points/loyalty-points.tsx
-function L({ balance: a, tier: c = "Gold Tier", tierVariant: l, history: u = [], redeemLabel: p, onRedeem: m, className: x, strings: S }) {
-	let C = e(I, {
-		...p === void 0 ? {} : { redeem: p },
-		...S
-	});
+function L({ balance: a, tier: c = "Gold Tier", tierVariant: l, history: u = [], redeemLabel: f, onRedeem: p, className: x, strings: S }) {
+	let C = e(e(I, f === void 0 ? void 0 : { redeem: f }), S);
 	return /* @__PURE__ */ T(s, {
 		className: t("loyalty-points--component w-full", x),
 		children: [
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ w(b, {
 				label: C.balanceLabel,
 				value: /* @__PURE__ */ T(o, {
 					variant: "warning",
@@ -88,27 +86,26 @@ function L({ balance: a, tier: c = "Gold Tier", tierVariant: l, history: u = [],
 				}),
 				labelClassName: "text-xs font-medium uppercase tracking-wider text-muted-foreground"
 			}),
-			/* @__PURE__ */ w(i, {
+			/* @__PURE__ */ w(r, {
 				tag: "h3",
 				className: "text-4xl tabular-nums tracking-tight",
 				children: typeof a == "number" ? a.toLocaleString() : a
 			}),
-			/* @__PURE__ */ w(r, {
+			/* @__PURE__ */ w(i, {
 				size: "xs",
 				type: "secondary",
 				children: C.pointsAvailable
 			}),
-			/* @__PURE__ */ w(f, { className: "my-4" }),
-			/* @__PURE__ */ w(_, { children: u.map((e) => /* @__PURE__ */ T(y, {
-				size: "xs",
-				className: "px-0 py-1",
-				children: [/* @__PURE__ */ T(v, { children: [/* @__PURE__ */ w(b, {
+			/* @__PURE__ */ w(d, { className: "my-4" }),
+			/* @__PURE__ */ w(g, { children: u.map((e) => /* @__PURE__ */ T(v, {
+				size: "small",
+				children: [/* @__PURE__ */ T(_, { children: [/* @__PURE__ */ w(y, {
 					bold: !1,
 					children: e.label
-				}), /* @__PURE__ */ w(h, {
+				}), /* @__PURE__ */ w(m, {
 					clamp: 1,
 					children: e.date
-				})] }), /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(r, {
+				})] }), /* @__PURE__ */ w(h, { children: /* @__PURE__ */ w(i, {
 					weight: "semibold",
 					className: t("tabular-nums", e.positive ? "text-success" : "text-destructive"),
 					children: e.points
@@ -117,7 +114,7 @@ function L({ balance: a, tier: c = "Gold Tier", tierVariant: l, history: u = [],
 			/* @__PURE__ */ T(n, {
 				variant: "dark",
 				className: "mt-5 w-full rounded-full",
-				onClick: m,
+				onClick: p,
 				children: [/* @__PURE__ */ w(N, { className: "mr-1.5 size-3.5" }), C.redeem]
 			})
 		]
@@ -138,22 +135,21 @@ function z({ discounts: n, totalSavings: a, className: c, strings: l }) {
 		title: u.title,
 		className: t("discount-stack--component w-full", c),
 		children: [
-			/* @__PURE__ */ w(_, {
+			/* @__PURE__ */ w(g, {
 				className: "mt-4",
-				children: n.map((e) => /* @__PURE__ */ T(y, {
-					size: "xs",
-					className: "px-0 py-1",
+				children: n.map((e) => /* @__PURE__ */ T(v, {
+					size: "small",
 					children: [
-						/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(o, {
+						/* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(o, {
 							variant: e.badge,
 							className: "w-16 justify-center text-xxs",
 							children: e.type
 						}) }),
-						/* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+						/* @__PURE__ */ w(_, { children: /* @__PURE__ */ w(y, {
 							bold: !1,
 							children: e.label
 						}) }),
-						/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(r, {
+						/* @__PURE__ */ w(h, { children: /* @__PURE__ */ w(i, {
 							weight: "semibold",
 							className: "tabular-nums text-success",
 							children: e.amount
@@ -161,10 +157,10 @@ function z({ discounts: n, totalSavings: a, className: c, strings: l }) {
 					]
 				}, e.type))
 			}),
-			/* @__PURE__ */ w(f, { className: "my-4" }),
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ w(d, { className: "my-4" }),
+			/* @__PURE__ */ w(b, {
 				label: u.totalSavings,
-				value: /* @__PURE__ */ w(i, {
+				value: /* @__PURE__ */ w(r, {
 					tag: "h4",
 					className: "text-xl tabular-nums tracking-tight text-success border-none pb-0",
 					children: a
@@ -177,13 +173,13 @@ function z({ discounts: n, totalSavings: a, className: c, strings: l }) {
 z.displayName = "DiscountStackPreview";
 //#endregion
 //#region src/components/composed/commerce/shipment-tracking/shipment-tracking.tsx
-function B({ trackingNumber: e, carrier: n, status: i, steps: a, details: c = [], className: l }) {
+function B({ trackingNumber: e, carrier: n, status: r, steps: a, details: c = [], className: l }) {
 	return /* @__PURE__ */ T(s, {
 		className: t("shipment-tracking--component w-full", l),
 		children: [
 			/* @__PURE__ */ T("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ w(r, {
+				children: [/* @__PURE__ */ w(i, {
 					size: "xs",
 					weight: "medium",
 					className: "font-mono text-muted-foreground tracking-wide",
@@ -195,9 +191,9 @@ function B({ trackingNumber: e, carrier: n, status: i, steps: a, details: c = []
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "mt-4 flex items-center gap-1.5",
-				children: [/* @__PURE__ */ w("span", { className: "h-2 w-2 rounded-full bg-success" }), /* @__PURE__ */ w(r, {
+				children: [/* @__PURE__ */ w("span", { className: "h-2 w-2 rounded-full bg-success" }), /* @__PURE__ */ w(i, {
 					weight: "semibold",
-					children: i
+					children: r
 				})]
 			}),
 			/* @__PURE__ */ w("div", {
@@ -207,7 +203,7 @@ function B({ trackingNumber: e, carrier: n, status: i, steps: a, details: c = []
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex w-full items-center",
 						children: [/* @__PURE__ */ w("div", { className: t("size-3 shrink-0 rounded-full", e.done ? "bg-success" : "bg-muted") }), n < a.length - 1 && /* @__PURE__ */ w("div", { className: t("h-0.5 flex-1", e.done ? "bg-success" : "bg-muted") })]
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						size: "xs",
 						type: "secondary",
 						className: "text-center leading-tight",
@@ -215,9 +211,9 @@ function B({ trackingNumber: e, carrier: n, status: i, steps: a, details: c = []
 					})]
 				}, e.label))
 			}),
-			c.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(f, { className: "my-4" }), /* @__PURE__ */ w("div", {
+			c.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(d, { className: "my-4" }), /* @__PURE__ */ w("div", {
 				className: "space-y-2",
-				children: c.map((e) => /* @__PURE__ */ w(d, {
+				children: c.map((e) => /* @__PURE__ */ w(b, {
 					label: e.label,
 					value: e.value,
 					labelClassName: "text-xs",
@@ -238,14 +234,14 @@ var V = {
 };
 //#endregion
 //#region src/components/composed/commerce/tax-breakdown/tax-breakdown.tsx
-function H({ subtotal: n, taxes: i, totalTax: a, total: o, className: c, strings: l }) {
+function H({ subtotal: n, taxes: r, totalTax: a, total: o, className: c, strings: l }) {
 	let u = e(V, l);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(te, { className: "size-4" }),
 		title: u.title,
 		className: t("tax-breakdown--component w-full", c),
 		children: [
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ w(b, {
 				label: u.subtotal,
 				value: n,
 				mono: !0,
@@ -254,29 +250,29 @@ function H({ subtotal: n, taxes: i, totalTax: a, total: o, className: c, strings
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5",
-				children: [i.map((e, t) => /* @__PURE__ */ T("div", {
+				children: [r.map((e, t) => /* @__PURE__ */ T("div", {
 					className: "flex items-baseline justify-between gap-3",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-baseline gap-1.5 min-w-0",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							size: "xs",
 							className: "truncate",
 							children: e.label
-						}), !!e.rate && /* @__PURE__ */ w(r, {
+						}), !!e.rate && /* @__PURE__ */ w(i, {
 							tag: "span",
 							size: "xxs",
 							type: "discrete",
 							className: "shrink-0",
 							children: e.rate
 						})]
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						tag: "span",
 						size: "xs",
 						weight: "medium",
 						className: "tabular-nums shrink-0",
 						children: e.amount
 					})]
-				}, e.id ?? `${e.label}-${t}`)), !!a && i.length > 1 && /* @__PURE__ */ w(d, {
+				}, e.id ?? `${e.label}-${t}`)), !!a && r.length > 1 && /* @__PURE__ */ w(b, {
 					label: u.totalTax,
 					value: a,
 					mono: !0,
@@ -285,8 +281,8 @@ function H({ subtotal: n, taxes: i, totalTax: a, total: o, className: c, strings
 					valueClassName: "text-xs font-semibold"
 				})]
 			}),
-			/* @__PURE__ */ w(f, { className: "my-3" }),
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ w(d, { className: "my-3" }),
+			/* @__PURE__ */ w(b, {
 				label: u.total,
 				value: o,
 				mono: !0,
@@ -309,7 +305,7 @@ var U = {
 };
 //#endregion
 //#region src/components/composed/commerce/subscription-summary/subscription-summary.tsx
-function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, statusLabel: f, perks: p = [], onManage: h, onUpgrade: g, className: x, strings: S }) {
+function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, statusLabel: f, perks: m = [], onManage: h, onUpgrade: b, className: x, strings: S }) {
 	let C = e(U, S);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(ne, { className: "size-4" }),
@@ -323,27 +319,27 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 			/* @__PURE__ */ T("div", {
 				className: "rounded-lg border border-border/60 bg-muted/30 p-4",
 				children: [
-					/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: C.plan
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ w(r, {
 						tag: "h3",
 						className: "mt-1 text-xl font-semibold tracking-tight border-none pb-0",
 						children: c
 					}),
 					/* @__PURE__ */ T("div", {
 						className: "mt-1 flex items-baseline gap-1",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							tag: "span",
 							size: "xl",
 							weight: "bold",
 							className: "tabular-nums",
 							children: l
-						}), /* @__PURE__ */ w(r, {
+						}), /* @__PURE__ */ w(i, {
 							type: "secondary",
 							children: u
 						})]
@@ -354,40 +350,39 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 				className: "mt-3 flex items-center justify-between rounded-md bg-card px-1",
 				children: [/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ w(E, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ w(E, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ w(i, {
 						size: "xs",
 						type: "secondary",
 						children: C.nextBilling
 					})]
-				}), /* @__PURE__ */ w(r, {
+				}), /* @__PURE__ */ w(i, {
 					size: "xs",
 					weight: "semibold",
 					className: "tabular-nums",
 					children: d
 				})]
 			}),
-			p.length > 0 && /* @__PURE__ */ T("div", {
+			m.length > 0 && /* @__PURE__ */ T("div", {
 				className: "mt-4 space-y-2",
-				children: [/* @__PURE__ */ w(r, {
+				children: [/* @__PURE__ */ w(i, {
 					size: "xxs",
 					type: "secondary",
 					weight: "medium",
 					className: "uppercase tracking-wider",
 					children: C.perks
-				}), /* @__PURE__ */ w(_, { children: p.map((e, t) => /* @__PURE__ */ T(y, {
-					size: "xs",
-					className: "px-0",
-					children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
+				}), /* @__PURE__ */ w(g, { children: m.map((e, t) => /* @__PURE__ */ T(v, {
+					size: "small",
+					children: [/* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(a, {
 						icon: e.icon ?? O,
 						tone: "success",
-						size: "xs"
-					}) }), /* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+						size: "small"
+					}) }), /* @__PURE__ */ w(_, { children: /* @__PURE__ */ w(y, {
 						bold: !1,
 						children: e.label
 					}) })]
 				}, `${e.label}-${t}`)) })]
 			}),
-			(h || g) && /* @__PURE__ */ T("div", {
+			(h || b) && /* @__PURE__ */ T("div", {
 				className: "mt-4 flex items-center gap-2",
 				children: [!!h && /* @__PURE__ */ w(n, {
 					variant: "secondary",
@@ -395,9 +390,9 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 					onClick: h,
 					className: "flex-1",
 					children: C.manage
-				}), !!g && /* @__PURE__ */ T(n, {
+				}), !!b && /* @__PURE__ */ T(n, {
 					variant: "primary",
-					onClick: g,
+					onClick: b,
 					className: "flex-1",
 					children: [C.upgrade, /* @__PURE__ */ w(k, { className: "ml-1 size-3.5" })]
 				})]
@@ -424,34 +419,34 @@ var G = {
 	"processing",
 	"completed"
 ];
-function q({ stage: n, amount: a, reason: o, method: c, eta: l, requestedAt: u, className: p, strings: m }) {
-	let h = e(G, m), g = K.indexOf(n);
+function q({ stage: n, amount: a, reason: o, method: c, eta: l, requestedAt: u, className: f, strings: p }) {
+	let m = e(G, p), h = K.indexOf(n);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(re, { className: "size-4" }),
-		title: h.title,
-		className: t("refund-status--component w-full", p),
+		title: m.title,
+		className: t("refund-status--component w-full", f),
 		children: [
 			/* @__PURE__ */ T("div", {
 				className: "rounded-lg bg-muted/40 px-4 py-3",
 				children: [
-					/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
-						children: h.amount
+						children: m.amount
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ w(r, {
 						tag: "h3",
 						className: "text-3xl tabular-nums tracking-tight",
 						children: a
 					}),
-					!!u && /* @__PURE__ */ T(r, {
+					!!u && /* @__PURE__ */ T(i, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5",
 						children: [
-							h.requested,
+							m.requested,
 							": ",
 							u
 						]
@@ -461,47 +456,47 @@ function q({ stage: n, amount: a, reason: o, method: c, eta: l, requestedAt: u,
 			/* @__PURE__ */ w("div", {
 				className: "mt-4 flex items-center justify-between",
 				children: K.map((e, n) => {
-					let i = n <= g, a = n === g;
+					let r = n <= h, a = n === h;
 					return /* @__PURE__ */ T("div", {
 						className: "flex flex-1 flex-col items-center gap-1.5",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex w-full items-center",
 							children: [/* @__PURE__ */ w("div", {
-								className: t("relative flex size-5 shrink-0 items-center justify-center rounded-full", i ? "bg-success text-success-foreground" : "border border-border bg-card text-muted-foreground", a && "ring-2 ring-success/30 ring-offset-2 ring-offset-background"),
-								children: i ? /* @__PURE__ */ w(O, { className: "size-3" }) : /* @__PURE__ */ w(r, {
+								className: t("relative flex size-5 shrink-0 items-center justify-center rounded-full", r ? "bg-success text-success-foreground" : "border border-border bg-card text-muted-foreground", a && "ring-2 ring-success/30 ring-offset-2 ring-offset-background"),
+								children: r ? /* @__PURE__ */ w(O, { className: "size-3" }) : /* @__PURE__ */ w(i, {
 									tag: "span",
 									size: "xxs",
 									weight: "medium",
 									className: "tabular-nums",
 									children: n + 1
 								})
-							}), n < K.length - 1 && /* @__PURE__ */ w("div", { className: t("h-0.5 flex-1", n < g ? "bg-success" : "bg-border") })]
-						}), /* @__PURE__ */ w(r, {
+							}), n < K.length - 1 && /* @__PURE__ */ w("div", { className: t("h-0.5 flex-1", n < h ? "bg-success" : "bg-border") })]
+						}), /* @__PURE__ */ w(i, {
 							size: "xxs",
 							weight: a ? "semibold" : "medium",
-							type: i ? "main" : "secondary",
+							type: r ? "main" : "secondary",
 							className: "text-center leading-tight",
-							children: h[e]
+							children: m[e]
 						})]
 					}, e);
 				})
 			}),
-			(o || c || l) && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(f, { className: "my-4" }), /* @__PURE__ */ T("div", {
+			(o || c || l) && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(d, { className: "my-4" }), /* @__PURE__ */ T("div", {
 				className: "space-y-2",
 				children: [
-					!!o && /* @__PURE__ */ w(d, {
-						label: h.reason,
+					!!o && /* @__PURE__ */ w(b, {
+						label: m.reason,
 						value: o,
 						className: "items-start",
 						valueClassName: "text-sm font-medium text-right"
 					}),
-					!!c && /* @__PURE__ */ w(d, {
-						label: h.method,
+					!!c && /* @__PURE__ */ w(b, {
+						label: m.method,
 						value: c,
 						valueClassName: "text-sm font-medium"
 					}),
-					!!l && /* @__PURE__ */ w(d, {
-						label: h.eta,
+					!!l && /* @__PURE__ */ w(b, {
+						label: m.eta,
 						value: l,
 						mono: !0,
 						valueClassName: "text-sm font-medium"
@@ -525,7 +520,7 @@ var J = {
 };
 //#endregion
 //#region src/components/composed/commerce/address-card/address-card.tsx
-function Y({ kind: n = "shipping", name: i, line1: a, line2: c, city: l, region: u, postalCode: d, country: f, phone: p, isDefault: m = !1, onEdit: h, onRemove: g, onMakeDefault: _, className: v, strings: y }) {
+function Y({ kind: n = "shipping", name: r, line1: a, line2: c, city: l, region: u, postalCode: d, country: f, phone: p, isDefault: m = !1, onEdit: h, onRemove: g, onMakeDefault: _, className: v, strings: y }) {
 	let b = e(J, y), x = {
 		shipping: b.shipping,
 		billing: b.billing,
@@ -562,18 +557,18 @@ function Y({ kind: n = "shipping", name: i, line1: a, line2: c, city: l, region:
 		children: /* @__PURE__ */ T("div", {
 			className: "space-y-0.5",
 			children: [
-				/* @__PURE__ */ w(r, {
+				/* @__PURE__ */ w(i, {
 					weight: "semibold",
-					children: i
+					children: r
 				}),
-				/* @__PURE__ */ w(r, { children: a }),
-				!!c && /* @__PURE__ */ w(r, { children: c }),
-				!!S && /* @__PURE__ */ w(r, { children: S }),
-				/* @__PURE__ */ w(r, {
+				/* @__PURE__ */ w(i, { children: a }),
+				!!c && /* @__PURE__ */ w(i, { children: c }),
+				!!S && /* @__PURE__ */ w(i, { children: S }),
+				/* @__PURE__ */ w(i, {
 					type: "secondary",
 					children: f
 				}),
-				!!p && /* @__PURE__ */ w(r, {
+				!!p && /* @__PURE__ */ w(i, {
 					size: "xs",
 					type: "secondary",
 					className: "mt-1.5 tabular-nums",
@@ -597,56 +592,56 @@ var X = {
 	applied: "Applied",
 	notFound: "That gift card code is not valid."
 }, fe = (e) => e.toUpperCase();
-function Z({ appliedCode: i, balance: l, error: d, loading: f, onCheck: _, onRemove: C, className: E, strings: D }) {
+function Z({ appliedCode: r, balance: u, error: d, loading: g, onCheck: b, onRemove: C, className: E, strings: D }) {
 	let k = e(X, D), A = x(), [j, M] = S(""), P = j.trim();
-	return i ? /* @__PURE__ */ w(s, {
+	return r ? /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(N, { className: "size-4" }),
 		title: k.title,
 		className: t("voucher-entry--component w-full", E),
-		children: /* @__PURE__ */ T(y, {
-			size: "xs",
+		children: /* @__PURE__ */ T(v, {
+			size: "small",
 			variant: "outline",
-			className: "items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5 px-2.5 py-2",
+			className: "items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5",
 			children: [
-				/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
+				/* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(a, {
 					icon: O,
 					tone: "success",
-					size: "sm",
+					size: "default",
 					className: "ring-1 ring-success/20"
 				}) }),
-				/* @__PURE__ */ T(v, {
+				/* @__PURE__ */ T(_, {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex flex-wrap items-center gap-1.5",
-						children: [/* @__PURE__ */ w(b, {
+						children: [/* @__PURE__ */ w(y, {
 							className: "max-w-full font-mono tracking-wider",
-							children: i
+							children: r
 						}), /* @__PURE__ */ w(o, {
 							variant: "success",
-							size: "xs",
+							size: "small",
 							children: k.applied
 						})]
-					}), /* @__PURE__ */ w(h, {
+					}), /* @__PURE__ */ w(m, {
 						clamp: 1,
 						children: k.balance
 					})]
 				}),
-				/* @__PURE__ */ T(p, {
+				/* @__PURE__ */ T(f, {
 					className: "border-t border-success/15 pt-1",
-					children: [/* @__PURE__ */ w("span", {}), /* @__PURE__ */ T(g, {
+					children: [/* @__PURE__ */ w("span", {}), /* @__PURE__ */ T(h, {
 						className: "shrink-0 gap-1.5",
-						children: [!!l && /* @__PURE__ */ w(r, {
+						children: [!!u && /* @__PURE__ */ w(i, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "success",
 							className: "tabular-nums shrink-0",
-							children: l
+							children: u
 						}), !!C && /* @__PURE__ */ w(n, {
 							type: "button",
 							variant: "error",
 							buttonStyle: "ghost",
-							size: "icon-xs",
+							size: "icon-small",
 							onClick: C,
 							"aria-label": k.remove,
 							className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
@@ -662,9 +657,9 @@ function Z({ appliedCode: i, balance: l, error: d, loading: f, onCheck: _, onRem
 		className: t("voucher-entry--component w-full", E),
 		children: /* @__PURE__ */ w("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), P && _?.(P);
+				e.preventDefault(), P && b?.(P);
 			},
-			children: /* @__PURE__ */ w(u, {
+			children: /* @__PURE__ */ w(l, {
 				label: k.inputLabel,
 				htmlFor: A,
 				error: d,
@@ -672,7 +667,7 @@ function Z({ appliedCode: i, balance: l, error: d, loading: f, onCheck: _, onRem
 				children: /* @__PURE__ */ T("div", {
 					className: "flex flex-wrap gap-2",
 					children: [/* @__PURE__ */ w("div", {
-						className: "min-w-[12rem] flex-1",
+						className: "min-w-48 flex-1",
 						children: /* @__PURE__ */ w(c, {
 							id: A,
 							value: j,
@@ -686,7 +681,7 @@ function Z({ appliedCode: i, balance: l, error: d, loading: f, onCheck: _, onRem
 						})
 					}), /* @__PURE__ */ w(n, {
 						type: "submit",
-						loading: f,
+						loading: g,
 						disabled: !P,
 						className: "shrink-0",
 						children: k.check
@@ -720,23 +715,23 @@ var Q = {
 function _e({ title: e }) {
 	return /* @__PURE__ */ w("div", {
 		"aria-hidden": "true",
-		className: "flex size-full items-center justify-center rounded-[inherit] bg-muted text-[length:var(--text-xxs)] font-semibold text-muted-foreground ring-1 ring-border/60",
+		className: "flex size-full items-center justify-center rounded-[inherit] bg-muted text-xxs font-semibold text-muted-foreground ring-1 ring-border/60",
 		children: ge(e)
 	});
 }
-function ve({ items: i, subtotal: a, tax: o, shipping: c, discount: l, total: u, onCheckout: p, className: x, strings: S }) {
+function ve({ items: r, subtotal: a, tax: o, shipping: c, discount: l, total: u, onCheckout: f, className: x, strings: S }) {
 	let C = e(Q, S), E = !!(a || o || c || l);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(ie, { className: "size-4" }),
 		title: C.title,
 		className: t("cart-summary--component w-full", x),
 		children: [
-			/* @__PURE__ */ w(_, { children: i.map((e) => {
+			/* @__PURE__ */ w(g, { children: r.map((e) => {
 				let t = me(e), n = he(e);
-				return /* @__PURE__ */ T(y, {
-					className: "cart-summary--item px-0",
+				return /* @__PURE__ */ T(v, {
+					className: "cart-summary--item",
 					children: [
-						/* @__PURE__ */ w(m, {
+						/* @__PURE__ */ w(p, {
 							variant: "image",
 							className: "cart-summary--item-media",
 							children: n ? /* @__PURE__ */ w("img", {
@@ -744,24 +739,24 @@ function ve({ items: i, subtotal: a, tax: o, shipping: c, discount: l, total: u,
 								alt: e.imageAlt ?? t
 							}) : /* @__PURE__ */ w(_e, { title: t })
 						}),
-						/* @__PURE__ */ T(v, {
+						/* @__PURE__ */ T(_, {
 							className: "cart-summary--item-content",
-							children: [/* @__PURE__ */ w(b, { children: t }), !!e.variantTitle && /* @__PURE__ */ w(h, {
+							children: [/* @__PURE__ */ w(y, { children: t }), !!e.variantTitle && /* @__PURE__ */ w(m, {
 								clamp: 1,
 								children: e.variantTitle
 							})]
 						}),
-						/* @__PURE__ */ w(g, {
+						/* @__PURE__ */ w(h, {
 							className: "cart-summary--item-actions",
 							children: /* @__PURE__ */ T("div", {
 								className: "flex shrink-0 flex-col items-end gap-0.5",
-								children: [/* @__PURE__ */ T(r, {
+								children: [/* @__PURE__ */ T(i, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "tabular-nums",
 									children: ["x", e.qty]
-								}), /* @__PURE__ */ w(r, {
+								}), /* @__PURE__ */ w(i, {
 									tag: "span",
 									weight: "semibold",
 									className: "tabular-nums",
@@ -775,28 +770,28 @@ function ve({ items: i, subtotal: a, tax: o, shipping: c, discount: l, total: u,
 			!!E && /* @__PURE__ */ T("div", {
 				className: "mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5",
 				children: [
-					!!a && /* @__PURE__ */ w(d, {
+					!!a && /* @__PURE__ */ w(b, {
 						label: C.subtotal,
 						value: a,
 						mono: !0,
 						valueClassName: "text-xs font-medium",
 						labelClassName: "text-xs"
 					}),
-					!!o && /* @__PURE__ */ w(d, {
+					!!o && /* @__PURE__ */ w(b, {
 						label: C.tax,
 						value: o,
 						mono: !0,
 						valueClassName: "text-xs font-medium",
 						labelClassName: "text-xs"
 					}),
-					!!c && /* @__PURE__ */ w(d, {
+					!!c && /* @__PURE__ */ w(b, {
 						label: C.shipping,
 						value: c,
 						mono: !0,
 						valueClassName: "text-xs font-medium",
 						labelClassName: "text-xs"
 					}),
-					!!l && /* @__PURE__ */ w(d, {
+					!!l && /* @__PURE__ */ w(b, {
 						label: C.discount,
 						value: `−${pe(l)}`,
 						mono: !0,
@@ -805,16 +800,16 @@ function ve({ items: i, subtotal: a, tax: o, shipping: c, discount: l, total: u,
 					})
 				]
 			}),
-			/* @__PURE__ */ w(f, { className: "my-3" }),
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ w(d, { className: "my-3" }),
+			/* @__PURE__ */ w(b, {
 				label: C.total,
 				value: u,
 				mono: !0,
 				labelClassName: "text-sm font-semibold",
 				valueClassName: "text-lg font-bold"
 			}),
-			!!p && /* @__PURE__ */ w(n, {
-				onClick: p,
+			!!f && /* @__PURE__ */ w(n, {
+				onClick: f,
 				fullWidth: !0,
 				className: "mt-4",
 				children: C.checkout
@@ -825,58 +820,58 @@ function ve({ items: i, subtotal: a, tax: o, shipping: c, discount: l, total: u,
 ve.displayName = "CartSummaryCard";
 //#endregion
 //#region src/components/composed/commerce/coupon-input/types.ts
-var ye = {
+var $ = {
 	title: "Have a code?",
 	placeholder: "Enter coupon code",
 	apply: "Apply",
 	remove: "Remove",
 	applied: "Applied",
 	invalid: "That code is not valid"
-}, be = (e) => e.replace(/^[\s−-]+/, ""), xe = (e) => e.toUpperCase();
-function $({ appliedCode: i, appliedDiscount: o, error: l, onApply: u, onRemove: d, loading: f, className: _, strings: x }) {
-	let C = e(ye, x), [E, D] = S(""), k = E.trim();
-	return i ? /* @__PURE__ */ w(s, {
+}, ye = (e) => e.replace(/^[\s−-]+/, ""), be = (e) => e.toUpperCase();
+function xe({ appliedCode: r, appliedDiscount: o, error: l, onApply: u, onRemove: d, loading: g, className: b, strings: x }) {
+	let C = e($, x), [E, D] = S(""), k = E.trim();
+	return r ? /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(se, { className: "size-4" }),
 		title: C.title,
-		className: t("coupon-input--component w-full", _),
-		children: /* @__PURE__ */ T(y, {
-			size: "xs",
+		className: t("coupon-input--component w-full", b),
+		children: /* @__PURE__ */ T(v, {
+			size: "small",
 			variant: "muted",
-			className: "items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8 px-2.5 py-2",
+			className: "items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8",
 			children: [
-				/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
+				/* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(a, {
 					icon: O,
 					tone: "success",
-					size: "sm",
+					size: "default",
 					className: "ring-1 ring-success/20"
 				}) }),
-				/* @__PURE__ */ T(v, {
+				/* @__PURE__ */ T(_, {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ w(b, {
+					children: [/* @__PURE__ */ w(y, {
 						className: "max-w-full font-mono tracking-wider",
-						children: i
-					}), /* @__PURE__ */ w(h, {
+						children: r
+					}), /* @__PURE__ */ w(m, {
 						className: "uppercase tracking-wide",
 						clamp: 1,
 						children: C.applied
 					})]
 				}),
-				/* @__PURE__ */ T(p, {
+				/* @__PURE__ */ T(f, {
 					className: "border-t border-success/15 pt-1",
-					children: [/* @__PURE__ */ w("span", {}), /* @__PURE__ */ T(g, {
+					children: [/* @__PURE__ */ w("span", {}), /* @__PURE__ */ T(h, {
 						className: "shrink-0 gap-1.5",
-						children: [!!o && /* @__PURE__ */ T(r, {
+						children: [!!o && /* @__PURE__ */ T(i, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "success",
 							className: "tabular-nums shrink-0",
-							children: ["−", be(o)]
+							children: ["−", ye(o)]
 						}), !!d && /* @__PURE__ */ w(n, {
 							type: "button",
 							variant: "error",
 							buttonStyle: "ghost",
-							size: "icon-xs",
+							size: "icon-small",
 							onClick: d,
 							"aria-label": C.remove,
 							className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
@@ -889,16 +884,16 @@ function $({ appliedCode: i, appliedDiscount: o, error: l, onApply: u, onRemove:
 	}) : /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(se, { className: "size-4" }),
 		title: C.title,
-		className: t("coupon-input--component w-full", _),
+		className: t("coupon-input--component w-full", b),
 		children: /* @__PURE__ */ T("div", {
 			className: "flex flex-col gap-2",
 			children: [/* @__PURE__ */ T("div", {
 				className: "flex flex-wrap gap-2",
 				children: [/* @__PURE__ */ w("div", {
-					className: "min-w-[11rem] flex-1",
+					className: "min-w-44 flex-1",
 					children: /* @__PURE__ */ w(c, {
 						value: E,
-						onChange: (e) => D(xe(e.target.value)),
+						onChange: (e) => D(be(e.target.value)),
 						placeholder: C.placeholder,
 						startIcon: ae,
 						autoCapitalize: "characters",
@@ -909,12 +904,12 @@ function $({ appliedCode: i, appliedDiscount: o, error: l, onApply: u, onRemove:
 				}), /* @__PURE__ */ w(n, {
 					size: "default",
 					onClick: () => u?.(k),
-					loading: f,
+					loading: g,
 					disabled: !k,
 					className: "shrink-0",
 					children: C.apply
 				})]
-			}), !!l && /* @__PURE__ */ w(r, {
+			}), !!l && /* @__PURE__ */ w(i, {
 				size: "xs",
 				type: "error",
 				children: l || C.invalid
@@ -922,7 +917,7 @@ function $({ appliedCode: i, appliedDiscount: o, error: l, onApply: u, onRemove:
 		})
 	});
 }
-$.displayName = "CouponInputCard";
+xe.displayName = "CouponInputCard";
 //#endregion
 //#region src/components/composed/commerce/order-status/types.ts
 var Se = {
@@ -939,15 +934,15 @@ var Se = {
 	delivered: "success",
 	cancelled: "error"
 };
-function we({ orderNumber: n, status: i, statusVariant: a, events: c, currentEta: l, className: u, strings: d }) {
-	let f = e(Se, d), p = a ?? Ce[i], m = c.reduce((e, t, n) => t.complete ? n : e, -1), h = c[m] ?? c[0], g = c.find((e) => !e.complete);
+function we({ orderNumber: n, status: r, statusVariant: a, events: c, currentEta: l, className: u, strings: d }) {
+	let f = e(Se, d), p = a ?? Ce[r], m = c.reduce((e, t, n) => t.complete ? n : e, -1), h = c[m] ?? c[0], g = c.find((e) => !e.complete);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(ee, { className: "size-4" }),
 		title: f.title,
 		titleSuffix: /* @__PURE__ */ w(o, {
 			variant: p,
 			className: "capitalize",
-			children: i
+			children: r
 		}),
 		description: `#${n}`,
 		className: t("order-status--component w-full", u),
@@ -956,32 +951,32 @@ function we({ orderNumber: n, status: i, statusVariant: a, events: c, currentEta
 			children: /* @__PURE__ */ T("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						className: "uppercase tracking-wide",
 						children: f.statusLabel
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						weight: "semibold",
 						className: "mt-0.5 capitalize",
-						children: i
+						children: r
 					})] }),
-					!!h && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
+					!!h && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						className: "uppercase tracking-wide",
 						children: h.complete ? f.latestEvent : f.currentStep
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						weight: "semibold",
 						className: "mt-0.5",
 						children: h.label
 					})] }),
-					!!l && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
+					!!l && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						className: "uppercase tracking-wide",
 						children: f.eta
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						weight: "semibold",
 						className: "mt-0.5 tabular-nums",
 						children: l
@@ -991,7 +986,7 @@ function we({ orderNumber: n, status: i, statusVariant: a, events: c, currentEta
 		}), c.length > 0 && /* @__PURE__ */ w("ol", {
 			className: "mt-4",
 			children: c.map((e, n) => {
-				let i = n === c.length - 1, a = g ? e === g : n === m;
+				let r = n === c.length - 1, a = g ? e === g : n === m;
 				return /* @__PURE__ */ T("li", {
 					className: "relative flex gap-3",
 					children: [/* @__PURE__ */ T("div", {
@@ -1002,17 +997,17 @@ function we({ orderNumber: n, status: i, statusVariant: a, events: c, currentEta
 								className: "size-3.5",
 								strokeWidth: 2.5
 							}) : a ? /* @__PURE__ */ w(D, { className: "size-3.5" }) : /* @__PURE__ */ w(A, { className: "size-3" })
-						}), !i && /* @__PURE__ */ w("span", {
+						}), !r && /* @__PURE__ */ w("span", {
 							"aria-hidden": "true",
 							className: t("min-h-6 w-px flex-1", n < m ? "bg-success" : "bg-border")
 						})]
 					}), /* @__PURE__ */ T("div", {
-						className: t("min-w-0 flex-1 pb-4", i && "pb-0"),
-						children: [/* @__PURE__ */ w(r, {
+						className: t("min-w-0 flex-1 pb-4", r && "pb-0"),
+						children: [/* @__PURE__ */ w(i, {
 							weight: e.complete || a ? "semibold" : "medium",
 							className: t(!e.complete && !a && "text-muted-foreground"),
 							children: e.label
-						}), !!e.timestamp && /* @__PURE__ */ w(r, {
+						}), !!e.timestamp && /* @__PURE__ */ w(i, {
 							size: "xs",
 							type: "secondary",
 							className: "mt-0.5 tabular-nums",
@@ -1050,8 +1045,8 @@ var Te = {
 	googlepay: "from-success via-primary to-success",
 	unknown: "from-foreground via-muted-foreground to-foreground"
 };
-function Oe({ brand: i, last4: a, expiry: c, holderName: l, isDefault: u, onChange: d, className: f, strings: p }) {
-	let m = e(Te, p), h = Ee[i], g = De[i];
+function Oe({ brand: r, last4: a, expiry: c, holderName: l, isDefault: u, onChange: d, className: f, strings: p }) {
+	let m = e(Te, p), h = Ee[r], g = De[r];
 	return /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(j, { className: "size-4" }),
 		title: m.title,
@@ -1074,7 +1069,7 @@ function Oe({ brand: i, last4: a, expiry: c, holderName: l, isDefault: u, onChan
 					children: [/* @__PURE__ */ w("div", {
 						className: "flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm",
 						children: /* @__PURE__ */ w("div", { className: "size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15" })
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						tag: "span",
 						weight: "bold",
 						className: "rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm",
@@ -1083,7 +1078,7 @@ function Oe({ brand: i, last4: a, expiry: c, holderName: l, isDefault: u, onChan
 				}),
 				/* @__PURE__ */ w("div", {
 					className: "relative",
-					children: /* @__PURE__ */ T(r, {
+					children: /* @__PURE__ */ T(i, {
 						tag: "span",
 						size: "base",
 						weight: "semibold",
@@ -1095,22 +1090,22 @@ function Oe({ brand: i, last4: a, expiry: c, holderName: l, isDefault: u, onChan
 					className: "relative flex items-end justify-between gap-3",
 					children: [/* @__PURE__ */ w("div", {
 						className: "min-w-0",
-						children: !!l && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(r, {
+						children: !!l && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
 							size: "xxs",
 							className: "block uppercase tracking-wider text-inverse-subtle",
 							children: m.cardHolder
-						}), /* @__PURE__ */ w(r, {
+						}), /* @__PURE__ */ w(i, {
 							weight: "semibold",
 							className: "truncate text-inverse-foreground",
 							children: l
 						})] })
 					}), !!c && /* @__PURE__ */ T("div", {
 						className: "text-right shrink-0",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							size: "xxs",
 							className: "block uppercase tracking-wider text-inverse-subtle",
 							children: m.expires
-						}), /* @__PURE__ */ w(r, {
+						}), /* @__PURE__ */ w(i, {
 							tag: "span",
 							weight: "semibold",
 							className: "tabular-nums text-inverse-foreground",
@@ -1124,6 +1119,6 @@ function Oe({ brand: i, last4: a, expiry: c, holderName: l, isDefault: u, onChan
 }
 Oe.displayName = "PaymentMethodCard";
 //#endregion
-export { Y as AddressCard, ve as CartSummaryCard, $ as CouponInputCard, z as DiscountStackPreview, L as LoyaltyPointsCard, we as OrderStatusCard, Oe as PaymentMethodCard, q as RefundStatusCard, B as ShipmentTrackingCard, W as SubscriptionSummaryCard, H as TaxBreakdownCard, F as UpcomingBookingRow, Z as VoucherEntryCard, J as defaultAddressCardStrings, Q as defaultCartSummaryStrings, ye as defaultCouponInputStrings, R as defaultDiscountStackStrings, I as defaultLoyaltyPointsStrings, Se as defaultOrderStatusStrings, Te as defaultPaymentMethodStrings, G as defaultRefundStatusStrings, U as defaultSubscriptionSummaryStrings, V as defaultTaxBreakdownStrings, X as defaultVoucherEntryStrings };
+export { Y as AddressCard, ve as CartSummaryCard, xe as CouponInputCard, z as DiscountStackPreview, L as LoyaltyPointsCard, we as OrderStatusCard, Oe as PaymentMethodCard, q as RefundStatusCard, B as ShipmentTrackingCard, W as SubscriptionSummaryCard, H as TaxBreakdownCard, F as UpcomingBookingRow, Z as VoucherEntryCard, J as defaultAddressCardStrings, Q as defaultCartSummaryStrings, $ as defaultCouponInputStrings, R as defaultDiscountStackStrings, I as defaultLoyaltyPointsStrings, Se as defaultOrderStatusStrings, Te as defaultPaymentMethodStrings, G as defaultRefundStatusStrings, U as defaultSubscriptionSummaryStrings, V as defaultTaxBreakdownStrings, X as defaultVoucherEntryStrings };
 
 //# sourceMappingURL=index.js.map