admin-ui-starter-kit 0.4.2 → 0.4.4

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

@@ -1,14 +1,14 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n, t as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/badge-yGlx9trX.js";
-import { t as o } from "../../../_shared/button-SuocMQFT.js";
-import { t as s } from "../../../_shared/smart-card-DYZGY_Su.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-6WYAMJwA.js";
+import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
 import { t as c } from "../../../_shared/input-C7t-RHYq.js";
 import { n as l } from "../../../_shared/form-field-B7taMVbC.js";
 import { t as u } from "../../../_shared/separator-B8FBp-7E.js";
-import { E as d, i as f } from "../../../_shared/display-C4n0uuxl.js";
+import { E as d, i as f } from "../../../_shared/display-NBtWdAMl.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 { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
@@ -22,16 +22,16 @@ function de(e) {
 	}
 	return null;
 }
-function F({ bookings: e, className: r, locale: i, dateTone: a = "inverse", timePlacement: o = "below" }) {
+function F({ bookings: e, className: n, locale: i, dateTone: a = "inverse", timePlacement: o = "below" }) {
 	return /* @__PURE__ */ w(_, {
-		className: t("upcoming-booking--component w-full gap-2", r),
+		className: t("upcoming-booking--component w-full gap-2", n),
 		children: e.map((e, t) => {
-			let r = de(e);
+			let n = de(e);
 			return /* @__PURE__ */ T(y, {
 				className: "items-center px-0 py-1.5",
 				children: [
-					!!r && /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(d, {
-						date: r,
+					!!n && /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(d, {
+						date: n,
 						time: o === "below" ? e.time : void 0,
 						tone: a,
 						locale: i,
@@ -47,12 +47,12 @@ function F({ bookings: e, className: r, locale: i, dateTone: a = "inverse", time
 					}),
 					/* @__PURE__ */ T(g, {
 						className: "ml-auto shrink-0 flex-wrap justify-end",
-						children: [o === "inline-trailing" && /* @__PURE__ */ w(n, {
+						children: [o === "inline-trailing" && /* @__PURE__ */ w(r, {
 							size: "xs",
 							type: "secondary",
 							className: "shrink-0 tabular-nums",
 							children: e.time
-						}), /* @__PURE__ */ w(n, {
+						}), /* @__PURE__ */ w(r, {
 							weight: "semibold",
 							className: "shrink-0 tabular-nums",
 							children: e.amount
@@ -73,7 +73,7 @@ var I = {
 };
 //#endregion
 //#region src/components/composed/commerce/loyalty-points/loyalty-points.tsx
-function L({ balance: i, tier: c = "Gold Tier", tierVariant: l, history: d = [], redeemLabel: p, onRedeem: m, className: x, strings: S }) {
+function L({ balance: a, tier: c = "Gold Tier", tierVariant: l, history: d = [], redeemLabel: p, onRedeem: m, className: x, strings: S }) {
 	let C = e(I, {
 		...p === void 0 ? {} : { redeem: p },
 		...S
@@ -83,18 +83,18 @@ function L({ balance: i, tier: c = "Gold Tier", tierVariant: l, history: d = [],
 		children: [
 			/* @__PURE__ */ w(f, {
 				label: C.balanceLabel,
-				value: /* @__PURE__ */ T(a, {
+				value: /* @__PURE__ */ T(o, {
 					variant: "warning",
 					children: [/* @__PURE__ */ w(le, { className: "mr-1 inline size-3" }), c]
 				}),
 				labelClassName: "text-xs font-medium uppercase tracking-wider text-muted-foreground"
 			}),
-			/* @__PURE__ */ w(r, {
+			/* @__PURE__ */ w(i, {
 				tag: "h3",
 				className: "text-4xl tabular-nums tracking-tight",
-				children: typeof i == "number" ? i.toLocaleString() : i
+				children: typeof a == "number" ? a.toLocaleString() : a
 			}),
-			/* @__PURE__ */ w(n, {
+			/* @__PURE__ */ w(r, {
 				size: "xs",
 				type: "secondary",
 				children: C.pointsAvailable
@@ -109,13 +109,13 @@ function L({ balance: i, tier: c = "Gold Tier", tierVariant: l, history: d = [],
 				}), /* @__PURE__ */ w(h, {
 					clamp: 1,
 					children: e.date
-				})] }), /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(n, {
+				})] }), /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(r, {
 					weight: "semibold",
 					className: t("tabular-nums", e.positive ? "text-success" : "text-destructive"),
 					children: e.points
 				}) })]
 			}, e.date + e.label)) }),
-			/* @__PURE__ */ T(o, {
+			/* @__PURE__ */ T(n, {
 				variant: "dark",
 				className: "mt-5 w-full rounded-full",
 				onClick: m,
@@ -133,7 +133,7 @@ var R = {
 };
 //#endregion
 //#region src/components/composed/commerce/discount-stack/discount-stack.tsx
-function z({ discounts: i, totalSavings: o, className: c, strings: l }) {
+function z({ discounts: n, totalSavings: a, className: c, strings: l }) {
 	let d = e(R, l);
 	return /* @__PURE__ */ T(s, {
 		title: d.title,
@@ -141,11 +141,11 @@ function z({ discounts: i, totalSavings: o, className: c, strings: l }) {
 		children: [
 			/* @__PURE__ */ w(_, {
 				className: "mt-4",
-				children: i.map((e) => /* @__PURE__ */ T(y, {
+				children: n.map((e) => /* @__PURE__ */ T(y, {
 					size: "xs",
 					className: "px-0 py-1",
 					children: [
-						/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
+						/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(o, {
 							variant: e.badge,
 							className: "w-16 justify-center text-xxs",
 							children: e.type
@@ -154,7 +154,7 @@ function z({ discounts: i, totalSavings: o, className: c, strings: l }) {
 							bold: !1,
 							children: e.label
 						}) }),
-						/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(n, {
+						/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(r, {
 							weight: "semibold",
 							className: "tabular-nums text-success",
 							children: e.amount
@@ -165,10 +165,10 @@ function z({ discounts: i, totalSavings: o, className: c, strings: l }) {
 			/* @__PURE__ */ w(u, { className: "my-4" }),
 			/* @__PURE__ */ w(f, {
 				label: d.totalSavings,
-				value: /* @__PURE__ */ w(r, {
+				value: /* @__PURE__ */ w(i, {
 					tag: "h4",
 					className: "text-xl tabular-nums tracking-tight text-success border-none pb-0",
-					children: o
+					children: a
 				}),
 				labelClassName: "text-sm font-semibold"
 			})
@@ -178,37 +178,37 @@ function z({ discounts: i, totalSavings: o, className: c, strings: l }) {
 z.displayName = "DiscountStackPreview";
 //#endregion
 //#region src/components/composed/commerce/shipment-tracking/shipment-tracking.tsx
-function B({ trackingNumber: e, carrier: r, status: i, steps: o, details: c = [], className: l }) {
+function B({ trackingNumber: e, carrier: n, status: i, 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(n, {
+				children: [/* @__PURE__ */ w(r, {
 					size: "xs",
 					weight: "medium",
 					className: "font-mono text-muted-foreground tracking-wide",
 					children: e
-				}), !!r && /* @__PURE__ */ w(a, {
+				}), !!n && /* @__PURE__ */ w(o, {
 					variant: "info",
-					children: r
+					children: n
 				})]
 			}),
 			/* @__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(n, {
+				children: [/* @__PURE__ */ w("span", { className: "h-2 w-2 rounded-full bg-success" }), /* @__PURE__ */ w(r, {
 					weight: "semibold",
 					children: i
 				})]
 			}),
 			/* @__PURE__ */ w("div", {
 				className: "mt-5 flex items-center justify-between",
-				children: o.map((e, r) => /* @__PURE__ */ T("div", {
+				children: a.map((e, n) => /* @__PURE__ */ T("div", {
 					className: "flex flex-1 flex-col items-center gap-2",
 					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") }), r < o.length - 1 && /* @__PURE__ */ w("div", { className: t("h-0.5 flex-1", e.done ? "bg-success" : "bg-muted") })]
-					}), /* @__PURE__ */ w(n, {
+						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, {
 						size: "xs",
 						type: "secondary",
 						className: "text-center leading-tight",
@@ -239,7 +239,7 @@ var V = {
 };
 //#endregion
 //#region src/components/composed/commerce/tax-breakdown/tax-breakdown.tsx
-function H({ subtotal: r, taxes: i, totalTax: a, total: o, className: c, strings: l }) {
+function H({ subtotal: n, taxes: i, totalTax: a, total: o, className: c, strings: l }) {
 	let d = e(V, l);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(te, { className: "size-4" }),
@@ -248,7 +248,7 @@ function H({ subtotal: r, taxes: i, totalTax: a, total: o, className: c, strings
 		children: [
 			/* @__PURE__ */ w(f, {
 				label: d.subtotal,
-				value: r,
+				value: n,
 				mono: !0,
 				labelClassName: "text-sm",
 				valueClassName: "text-sm font-medium"
@@ -259,18 +259,18 @@ function H({ subtotal: r, taxes: i, totalTax: a, total: o, className: c, strings
 					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(n, {
+						children: [/* @__PURE__ */ w(r, {
 							size: "xs",
 							className: "truncate",
 							children: e.label
-						}), !!e.rate && /* @__PURE__ */ w(n, {
+						}), !!e.rate && /* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xxs",
 							type: "discrete",
 							className: "shrink-0",
 							children: e.rate
 						})]
-					}), /* @__PURE__ */ w(n, {
+					}), /* @__PURE__ */ w(r, {
 						tag: "span",
 						size: "xs",
 						weight: "medium",
@@ -315,7 +315,7 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(ne, { className: "size-4" }),
 		title: C.title,
-		headerEnd: f ? /* @__PURE__ */ w(a, {
+		headerEnd: f ? /* @__PURE__ */ w(o, {
 			variant: "success",
 			children: f
 		}) : null,
@@ -324,27 +324,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(n, {
+					/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: C.plan
 					}),
-					/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ w(i, {
 						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(n, {
+						children: [/* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xl",
 							weight: "bold",
 							className: "tabular-nums",
 							children: l
-						}), /* @__PURE__ */ w(n, {
+						}), /* @__PURE__ */ w(r, {
 							type: "secondary",
 							children: u
 						})]
@@ -355,12 +355,12 @@ 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(n, {
+					children: [/* @__PURE__ */ w(E, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ w(r, {
 						size: "xs",
 						type: "secondary",
 						children: C.nextBilling
 					})]
-				}), /* @__PURE__ */ w(n, {
+				}), /* @__PURE__ */ w(r, {
 					size: "xs",
 					weight: "semibold",
 					className: "tabular-nums",
@@ -369,7 +369,7 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 			}),
 			p.length > 0 && /* @__PURE__ */ T("div", {
 				className: "mt-4 space-y-2",
-				children: [/* @__PURE__ */ w(n, {
+				children: [/* @__PURE__ */ w(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "medium",
@@ -378,7 +378,7 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 				}), /* @__PURE__ */ w(_, { children: p.map((e, t) => /* @__PURE__ */ T(y, {
 					size: "xs",
 					className: "px-0",
-					children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(i, {
+					children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
 						icon: e.icon ?? O,
 						tone: "success",
 						size: "xs"
@@ -390,13 +390,13 @@ function W({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, stat
 			}),
 			(h || g) && /* @__PURE__ */ T("div", {
 				className: "mt-4 flex items-center gap-2",
-				children: [!!h && /* @__PURE__ */ w(o, {
+				children: [!!h && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					onClick: h,
 					className: "flex-1",
 					children: C.manage
-				}), !!g && /* @__PURE__ */ T(o, {
+				}), !!g && /* @__PURE__ */ T(n, {
 					variant: "primary",
 					onClick: g,
 					className: "flex-1",
@@ -425,8 +425,8 @@ var G = {
 	"processing",
 	"completed"
 ];
-function q({ stage: i, amount: a, reason: o, method: c, eta: l, requestedAt: d, className: p, strings: m }) {
-	let h = e(G, m), g = K.indexOf(i);
+function q({ stage: n, amount: a, reason: o, method: c, eta: l, requestedAt: d, className: p, strings: m }) {
+	let h = e(G, m), g = K.indexOf(n);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(re, { className: "size-4" }),
 		title: h.title,
@@ -435,19 +435,19 @@ function q({ stage: i, amount: a, reason: o, method: c, eta: l, requestedAt: d,
 			/* @__PURE__ */ T("div", {
 				className: "rounded-lg bg-muted/40 px-4 py-3",
 				children: [
-					/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: h.amount
 					}),
-					/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ w(i, {
 						tag: "h3",
 						className: "text-3xl tabular-nums tracking-tight",
 						children: a
 					}),
-					!!d && /* @__PURE__ */ T(n, {
+					!!d && /* @__PURE__ */ T(r, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5",
@@ -461,23 +461,23 @@ function q({ stage: i, amount: a, reason: o, method: c, eta: l, requestedAt: d,
 			}),
 			/* @__PURE__ */ w("div", {
 				className: "mt-4 flex items-center justify-between",
-				children: K.map((e, r) => {
-					let i = r <= g, a = r === g;
+				children: K.map((e, n) => {
+					let i = n <= g, a = n === g;
 					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(n, {
+								children: i ? /* @__PURE__ */ w(O, { className: "size-3" }) : /* @__PURE__ */ w(r, {
 									tag: "span",
 									size: "xxs",
 									weight: "medium",
 									className: "tabular-nums",
-									children: r + 1
+									children: n + 1
 								})
-							}), r < K.length - 1 && /* @__PURE__ */ w("div", { className: t("h-0.5 flex-1", r < g ? "bg-success" : "bg-border") })]
-						}), /* @__PURE__ */ w(n, {
+							}), n < K.length - 1 && /* @__PURE__ */ w("div", { className: t("h-0.5 flex-1", n < g ? "bg-success" : "bg-border") })]
+						}), /* @__PURE__ */ w(r, {
 							size: "xxs",
 							weight: a ? "semibold" : "medium",
 							type: i ? "main" : "secondary",
@@ -526,7 +526,7 @@ var J = {
 };
 //#endregion
 //#region src/components/composed/commerce/address-card/address-card.tsx
-function Y({ kind: r = "shipping", name: i, line1: o, 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: 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 }) {
 	let b = e(J, y), x = {
 		shipping: b.shipping,
 		billing: b.billing,
@@ -553,8 +553,8 @@ function Y({ kind: r = "shipping", name: i, line1: o, line2: c, city: l, region:
 		onClick: g
 	}), /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(P, { className: "size-4" }),
-		title: x[r],
-		titleSuffix: m ? /* @__PURE__ */ w(a, {
+		title: x[n],
+		titleSuffix: m ? /* @__PURE__ */ w(o, {
 			variant: "primary",
 			children: b.defaultBadge
 		}) : null,
@@ -563,18 +563,18 @@ function Y({ kind: r = "shipping", name: i, line1: o, line2: c, city: l, region:
 		children: /* @__PURE__ */ T("div", {
 			className: "space-y-0.5",
 			children: [
-				/* @__PURE__ */ w(n, {
+				/* @__PURE__ */ w(r, {
 					weight: "semibold",
 					children: i
 				}),
-				/* @__PURE__ */ w(n, { children: o }),
-				!!c && /* @__PURE__ */ w(n, { children: c }),
-				!!S && /* @__PURE__ */ w(n, { children: S }),
-				/* @__PURE__ */ w(n, {
+				/* @__PURE__ */ w(r, { children: a }),
+				!!c && /* @__PURE__ */ w(r, { children: c }),
+				!!S && /* @__PURE__ */ w(r, { children: S }),
+				/* @__PURE__ */ w(r, {
 					type: "secondary",
 					children: f
 				}),
-				!!p && /* @__PURE__ */ w(n, {
+				!!p && /* @__PURE__ */ w(r, {
 					size: "xs",
 					type: "secondary",
 					className: "mt-1.5 tabular-nums",
@@ -598,9 +598,9 @@ var X = {
 	applied: "Applied",
 	notFound: "That gift card code is not valid."
 }, fe = (e) => e.toUpperCase();
-function Z({ appliedCode: r, balance: u, error: d, loading: f, onCheck: _, onRemove: C, className: E, strings: D }) {
+function Z({ appliedCode: i, balance: u, error: d, loading: f, onCheck: _, onRemove: C, className: E, strings: D }) {
 	let k = e(X, D), A = x(), [j, M] = S(""), P = j.trim();
-	return r ? /* @__PURE__ */ w(s, {
+	return i ? /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(N, { className: "size-4" }),
 		title: k.title,
 		className: t("voucher-entry--component w-full", E),
@@ -609,7 +609,7 @@ function Z({ appliedCode: r, balance: u, error: d, loading: f, onCheck: _, onRem
 			variant: "outline",
 			className: "items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5 px-2.5 py-2",
 			children: [
-				/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(i, {
+				/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
 					icon: O,
 					tone: "success",
 					size: "sm",
@@ -621,8 +621,8 @@ function Z({ appliedCode: r, balance: u, error: d, loading: f, onCheck: _, onRem
 						className: "flex flex-wrap items-center gap-1.5",
 						children: [/* @__PURE__ */ w(b, {
 							className: "max-w-full font-mono tracking-wider",
-							children: r
-						}), /* @__PURE__ */ w(a, {
+							children: i
+						}), /* @__PURE__ */ w(o, {
 							variant: "success",
 							size: "xs",
 							children: k.applied
@@ -636,14 +636,14 @@ function Z({ appliedCode: r, balance: u, error: d, loading: f, onCheck: _, onRem
 					className: "border-t border-success/15 pt-1",
 					children: [/* @__PURE__ */ w("span", {}), /* @__PURE__ */ T(g, {
 						className: "shrink-0 gap-1.5",
-						children: [!!u && /* @__PURE__ */ w(n, {
+						children: [!!u && /* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "success",
 							className: "tabular-nums shrink-0",
 							children: u
-						}), !!C && /* @__PURE__ */ w(o, {
+						}), !!C && /* @__PURE__ */ w(n, {
 							type: "button",
 							variant: "error",
 							buttonStyle: "ghost",
@@ -685,7 +685,7 @@ function Z({ appliedCode: r, balance: u, error: d, loading: f, onCheck: _, onRem
 							className: "font-mono",
 							invalid: !!d
 						})
-					}), /* @__PURE__ */ w(o, {
+					}), /* @__PURE__ */ w(n, {
 						type: "submit",
 						loading: f,
 						disabled: !P,
@@ -725,23 +725,23 @@ function _e({ title: e }) {
 		children: ge(e)
 	});
 }
-function ve({ items: r, subtotal: i, tax: a, shipping: c, discount: l, total: d, onCheckout: p, className: x, strings: S }) {
-	let C = e(Q, S), E = !!(i || a || c || l);
+function ve({ items: i, subtotal: a, tax: o, shipping: c, discount: l, total: d, onCheckout: p, 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: r.map((e) => {
-				let t = me(e), r = he(e);
+			/* @__PURE__ */ w(_, { children: i.map((e) => {
+				let t = me(e), n = he(e);
 				return /* @__PURE__ */ T(y, {
 					className: "cart-summary--item px-0",
 					children: [
 						/* @__PURE__ */ w(m, {
 							variant: "image",
 							className: "cart-summary--item-media",
-							children: r ? /* @__PURE__ */ w("img", {
-								src: r,
+							children: n ? /* @__PURE__ */ w("img", {
+								src: n,
 								alt: e.imageAlt ?? t
 							}) : /* @__PURE__ */ w(_e, { title: t })
 						}),
@@ -756,13 +756,13 @@ function ve({ items: r, subtotal: i, tax: a, shipping: c, discount: l, total: d,
 							className: "cart-summary--item-actions",
 							children: /* @__PURE__ */ T("div", {
 								className: "flex shrink-0 flex-col items-end gap-0.5",
-								children: [/* @__PURE__ */ T(n, {
+								children: [/* @__PURE__ */ T(r, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "tabular-nums",
 									children: ["x", e.qty]
-								}), /* @__PURE__ */ w(n, {
+								}), /* @__PURE__ */ w(r, {
 									tag: "span",
 									weight: "semibold",
 									className: "tabular-nums",
@@ -776,16 +776,16 @@ function ve({ items: r, subtotal: i, tax: a, shipping: c, discount: l, total: d,
 			!!E && /* @__PURE__ */ T("div", {
 				className: "mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5",
 				children: [
-					!!i && /* @__PURE__ */ w(f, {
+					!!a && /* @__PURE__ */ w(f, {
 						label: C.subtotal,
-						value: i,
+						value: a,
 						mono: !0,
 						valueClassName: "text-xs font-medium",
 						labelClassName: "text-xs"
 					}),
-					!!a && /* @__PURE__ */ w(f, {
+					!!o && /* @__PURE__ */ w(f, {
 						label: C.tax,
-						value: a,
+						value: o,
 						mono: !0,
 						valueClassName: "text-xs font-medium",
 						labelClassName: "text-xs"
@@ -814,7 +814,7 @@ function ve({ items: r, subtotal: i, tax: a, shipping: c, discount: l, total: d,
 				labelClassName: "text-sm font-semibold",
 				valueClassName: "text-lg font-bold"
 			}),
-			!!p && /* @__PURE__ */ w(o, {
+			!!p && /* @__PURE__ */ w(n, {
 				onClick: p,
 				fullWidth: !0,
 				className: "mt-4",
@@ -834,9 +834,9 @@ var ye = {
 	applied: "Applied",
 	invalid: "That code is not valid"
 }, be = (e) => e.replace(/^[\s−-]+/, ""), xe = (e) => e.toUpperCase();
-function $({ appliedCode: r, appliedDiscount: a, error: l, onApply: u, onRemove: d, loading: f, className: _, strings: x }) {
+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 r ? /* @__PURE__ */ w(s, {
+	return i ? /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(se, { className: "size-4" }),
 		title: C.title,
 		className: t("coupon-input--component w-full", _),
@@ -845,7 +845,7 @@ function $({ appliedCode: r, appliedDiscount: a, error: l, onApply: u, onRemove:
 			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",
 			children: [
-				/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(i, {
+				/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
 					icon: O,
 					tone: "success",
 					size: "sm",
@@ -855,7 +855,7 @@ function $({ appliedCode: r, appliedDiscount: a, error: l, onApply: u, onRemove:
 					className: "min-w-0",
 					children: [/* @__PURE__ */ w(b, {
 						className: "max-w-full font-mono tracking-wider",
-						children: r
+						children: i
 					}), /* @__PURE__ */ w(h, {
 						className: "uppercase tracking-wide",
 						clamp: 1,
@@ -866,14 +866,14 @@ function $({ appliedCode: r, appliedDiscount: a, error: l, onApply: u, onRemove:
 					className: "border-t border-success/15 pt-1",
 					children: [/* @__PURE__ */ w("span", {}), /* @__PURE__ */ T(g, {
 						className: "shrink-0 gap-1.5",
-						children: [!!a && /* @__PURE__ */ T(n, {
+						children: [!!o && /* @__PURE__ */ T(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "success",
 							className: "tabular-nums shrink-0",
-							children: ["−", be(a)]
-						}), !!d && /* @__PURE__ */ w(o, {
+							children: ["−", be(o)]
+						}), !!d && /* @__PURE__ */ w(n, {
 							type: "button",
 							variant: "error",
 							buttonStyle: "ghost",
@@ -907,7 +907,7 @@ function $({ appliedCode: r, appliedDiscount: a, error: l, onApply: u, onRemove:
 						className: "font-mono",
 						invalid: !!l
 					})
-				}), /* @__PURE__ */ w(o, {
+				}), /* @__PURE__ */ w(n, {
 					size: "default",
 					onClick: () => u?.(k),
 					loading: f,
@@ -915,7 +915,7 @@ function $({ appliedCode: r, appliedDiscount: a, error: l, onApply: u, onRemove:
 					className: "shrink-0",
 					children: C.apply
 				})]
-			}), !!l && /* @__PURE__ */ w(n, {
+			}), !!l && /* @__PURE__ */ w(r, {
 				size: "xs",
 				type: "error",
 				children: l || C.invalid
@@ -940,49 +940,49 @@ var Se = {
 	delivered: "success",
 	cancelled: "error"
 };
-function we({ orderNumber: r, status: i, statusVariant: o, events: c, currentEta: l, className: u, strings: d }) {
-	let f = e(Se, d), p = o ?? 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: 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);
 	return /* @__PURE__ */ T(s, {
 		icon: /* @__PURE__ */ w(ee, { className: "size-4" }),
 		title: f.title,
-		titleSuffix: /* @__PURE__ */ w(a, {
+		titleSuffix: /* @__PURE__ */ w(o, {
 			variant: p,
 			className: "capitalize",
 			children: i
 		}),
-		description: `#${r}`,
+		description: `#${n}`,
 		className: t("order-status--component w-full", u),
 		children: [/* @__PURE__ */ w("div", {
 			className: "rounded-lg border border-border bg-muted/20 p-3",
 			children: /* @__PURE__ */ T("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						className: "uppercase tracking-wide",
 						children: f.statusLabel
-					}), /* @__PURE__ */ w(n, {
+					}), /* @__PURE__ */ w(r, {
 						weight: "semibold",
 						className: "mt-0.5 capitalize",
 						children: i
 					})] }),
-					!!h && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(n, {
+					!!h && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						className: "uppercase tracking-wide",
 						children: h.complete ? f.latestEvent : f.currentStep
-					}), /* @__PURE__ */ w(n, {
+					}), /* @__PURE__ */ w(r, {
 						weight: "semibold",
 						className: "mt-0.5",
 						children: h.label
 					})] }),
-					!!l && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(n, {
+					!!l && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						className: "uppercase tracking-wide",
 						children: f.eta
-					}), /* @__PURE__ */ w(n, {
+					}), /* @__PURE__ */ w(r, {
 						weight: "semibold",
 						className: "mt-0.5 tabular-nums",
 						children: l
@@ -991,8 +991,8 @@ function we({ orderNumber: r, status: i, statusVariant: o, events: c, currentEta
 			})
 		}), c.length > 0 && /* @__PURE__ */ w("ol", {
 			className: "mt-4",
-			children: c.map((e, r) => {
-				let i = r === c.length - 1, a = g ? e === g : r === m;
+			children: c.map((e, n) => {
+				let i = n === c.length - 1, a = g ? e === g : n === m;
 				return /* @__PURE__ */ T("li", {
 					className: "relative flex gap-3",
 					children: [/* @__PURE__ */ T("div", {
@@ -1005,22 +1005,22 @@ function we({ orderNumber: r, status: i, statusVariant: o, events: c, currentEta
 							}) : a ? /* @__PURE__ */ w(D, { className: "size-3.5" }) : /* @__PURE__ */ w(A, { className: "size-3" })
 						}), !i && /* @__PURE__ */ w("span", {
 							"aria-hidden": "true",
-							className: t("min-h-6 w-px flex-1", r < m ? "bg-success" : "bg-border")
+							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(n, {
+						children: [/* @__PURE__ */ w(r, {
 							weight: e.complete || a ? "semibold" : "medium",
 							className: t(!e.complete && !a && "text-muted-foreground"),
 							children: e.label
-						}), !!e.timestamp && /* @__PURE__ */ w(n, {
+						}), !!e.timestamp && /* @__PURE__ */ w(r, {
 							size: "xs",
 							type: "secondary",
 							className: "mt-0.5 tabular-nums",
 							children: e.timestamp
 						})]
 					})]
-				}, `${e.label}-${r}`);
+				}, `${e.label}-${n}`);
 			})
 		})]
 	});
@@ -1051,16 +1051,16 @@ var Te = {
 	googlepay: "from-success via-primary to-success",
 	unknown: "from-foreground via-muted-foreground to-foreground"
 };
-function Oe({ brand: r, last4: i, expiry: c, holderName: l, isDefault: u, onChange: d, className: f, strings: p }) {
-	let m = e(Te, p), h = Ee[r], g = De[r];
+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];
 	return /* @__PURE__ */ w(s, {
 		icon: /* @__PURE__ */ w(j, { className: "size-4" }),
 		title: m.title,
-		titleSuffix: u ? /* @__PURE__ */ w(a, {
+		titleSuffix: u ? /* @__PURE__ */ w(o, {
 			variant: "primary",
 			children: m.default
 		}) : null,
-		headerAction: d ? /* @__PURE__ */ w(o, {
+		headerAction: d ? /* @__PURE__ */ w(n, {
 			buttonStyle: "ghost",
 			variant: "secondary",
 			onClick: d,
@@ -1075,7 +1075,7 @@ function Oe({ brand: r, last4: i, 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(n, {
+					}), /* @__PURE__ */ w(r, {
 						tag: "span",
 						weight: "bold",
 						className: "rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm",
@@ -1084,34 +1084,34 @@ function Oe({ brand: r, last4: i, expiry: c, holderName: l, isDefault: u, onChan
 				}),
 				/* @__PURE__ */ w("div", {
 					className: "relative",
-					children: /* @__PURE__ */ T(n, {
+					children: /* @__PURE__ */ T(r, {
 						tag: "span",
 						size: "base",
 						weight: "semibold",
 						className: "block font-mono tracking-[0.25em] text-inverse-foreground",
-						children: ["•••• •••• •••• ", i]
+						children: ["•••• •••• •••• ", a]
 					})
 				}),
 				/* @__PURE__ */ T("div", {
 					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(n, {
+						children: !!l && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(r, {
 							size: "xxs",
 							className: "block uppercase tracking-wider text-inverse-subtle",
 							children: m.cardHolder
-						}), /* @__PURE__ */ w(n, {
+						}), /* @__PURE__ */ w(r, {
 							weight: "semibold",
 							className: "truncate text-inverse-foreground",
 							children: l
 						})] })
 					}), !!c && /* @__PURE__ */ T("div", {
 						className: "text-right shrink-0",
-						children: [/* @__PURE__ */ w(n, {
+						children: [/* @__PURE__ */ w(r, {
 							size: "xxs",
 							className: "block uppercase tracking-wider text-inverse-subtle",
 							children: m.expires
-						}), /* @__PURE__ */ w(n, {
+						}), /* @__PURE__ */ w(r, {
 							tag: "span",
 							weight: "semibold",
 							className: "tabular-nums text-inverse-foreground",