themelia-react-ui 1.0.1 → 1.0.2

package/dist/blocks/commerce.js

@@ -1,30 +1,30 @@
 "use client";
-import { u as e } from "../ui-provider-CftIB6TY.js";
+import { u as e } from "../ui-provider-DRPn3qNl.js";
 import { mergeStrings as t, useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-C2EKeIw3.js";
-import { n as i } from "../buttons-Co6GavvM.js";
-import { a, i as o, r as s, t as c } from "../typography-Cv8MT-82.js";
-import { r as l, t as u } from "../structure-MvKVq-oL.js";
-import { t as d, u as f } from "../smart-card-CYLn46e6.js";
-import { t as p } from "../progress-BOe8l_FZ.js";
-import { n as m } from "../cards-Cum56XOF.js";
-import { _ as h, c as g, g as _, m as v, u as y } from "../primitives-DKPOGVpj.js";
-import { n as b, r as x, t as S } from "../number-BNT_BIzJ.js";
-import { t as C } from "../icon-badge-Dv0RYQwj.js";
-import { i as w, n as T, s as E } from "../avatar-Bpzty83c.js";
-import { t as D } from "../badge-BZXZT9wd.js";
-import { t as O } from "../separator-Gk_WXH-l.js";
-import { t as k } from "../input-WwYQZJzG.js";
-import { i as A, n as j } from "../display-CFM5myut.js";
-import { t as M } from "../form-field-Bn7ZH1rA.js";
-import { a as N, c as ee, r as te } from "../choice-inputs-CC7XqPQO.js";
-import { u as ne } from "../value-inputs-DX2dbxjj.js";
-import { d as P, n as re } from "../forms-numeric-BUBxELBv.js";
-import { a as ie, c as F, i as I, n as L, o as R, r as z, t as B, u as V } from "../item-pJ0GsOiJ.js";
-import { i as ae, n as oe, r as se, t as ce } from "../tabs-B5cNMWiP.js";
-import { g as H, n as U } from "../data-display-cWIRdeaf.js";
-import { n as le, t as ue } from "../receipt-BM8xsGFy.js";
-import { s as de } from "../timelines-B9ICkQcV.js";
+import { t as r } from "../utils-BvH9PSmq.js";
+import { a as i, i as a, r as o, t as s } from "../typography-BxQgiZyw.js";
+import { t as c } from "../button-BZDasD04.js";
+import { r as l, t as u } from "../structure-CRdqVawd.js";
+import { d, t as f } from "../smart-card-DjGVV2xr.js";
+import { t as p } from "../progress-BroqrAyV.js";
+import { n as m } from "../cards-qGSErLw_.js";
+import { _ as h, c as g, g as _, m as v, u as y } from "../primitives-C7ff0QaI.js";
+import { n as b, r as x, t as S } from "../number-DasMFWEG.js";
+import { t as C } from "../icon-badge-Btc6pQrp.js";
+import { i as w, n as T, s as E } from "../avatar-Bu2HhitA.js";
+import { t as D } from "../badge-CzId1Wlm.js";
+import { t as O } from "../separator-BNIgG3au.js";
+import { t as k } from "../input-SX9V0AL3.js";
+import { a as A, c as ee, r as te } from "../choice-inputs-Mk3iWbhr.js";
+import { i as j, n as M } from "../display-CS6Hbk18.js";
+import { t as N } from "../form-field-CZwrkP7m.js";
+import { u as ne } from "../value-inputs-D0KCrfVC.js";
+import { d as P, n as re } from "../forms-numeric-Crrm80Lm.js";
+import { a as ie, c as F, i as I, n as L, o as R, r as z, t as B, u as V } from "../item-DE4YnuJx.js";
+import { i as ae, n as oe, r as se, t as ce } from "../tabs-BNgu7g0u.js";
+import { g as H, n as U } from "../data-display-Bihs9Ven.js";
+import { n as le, t as ue } from "../receipt-BuJynLgf.js";
+import { s as de } from "../timelines-D1pkt3se.js";
 import { forwardRef as fe, useEffect as pe, useId as me, useRef as he, useState as ge } from "react";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
 import { ArrowRight as _e, Barcode as ve, Calendar as ye, CalendarClock as be, Check as q, CheckCircle2 as xe, ChevronRight as Se, Circle as Ce, CircleAlert as we, Copy as Te, CreditCard as Ee, Edit2 as De, ExternalLink as Oe, Eye as ke, Gauge as Ae, Gift as J, Loader2 as je, MapPin as Me, MessageSquare as Ne, Package as Pe, PackageCheck as Fe, Pencil as Ie, Receipt as Le, RefreshCw as Re, Repeat as ze, RotateCcw as Be, Search as Ve, ShoppingBag as He, Sparkles as Ue, Star as We, TicketPercent as Ge, Trash2 as Ke, TriangleAlert as qe, Trophy as Je, X as Ye } from "lucide-react";
@@ -35,7 +35,7 @@ function Xe({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dat
 		children: e.map((e, t) => /* @__PURE__ */ K(B, {
 			className: "items-center",
 			children: [
-				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(A, {
+				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(j, {
 					date: e.date,
 					time: o === "below" ? e.time : void 0,
 					tone: i,
@@ -73,8 +73,8 @@ Xe.displayName = "UpcomingBookingRow";
 function Ze(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ G(h, { children: String(e) }) : e;
 }
-function Qe({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: o, className: c, contentClassName: l }) {
-	return /* @__PURE__ */ K(j, {
+function Qe({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: s, className: c, contentClassName: l }) {
+	return /* @__PURE__ */ K(M, {
 		title: e,
 		description: t,
 		headerEnd: n,
@@ -85,7 +85,7 @@ function Qe({ title: e, description: t, status: n, items: i, actionLabel: a, onA
 			className: "booking-calendar-event-card--details grid gap-space-lg @md/booking-calendar-event-card:grid-cols-2",
 			children: i.map((e) => /* @__PURE__ */ K("div", {
 				className: r("grid min-w-0 gap-space-sm", e.fullWidth === !0 && "@md/booking-calendar-event-card:col-span-2 rounded-radius bg-muted/45 p-surface-xs"),
-				children: [/* @__PURE__ */ G("dt", { children: /* @__PURE__ */ G(s, { children: e.label }) }), /* @__PURE__ */ G("dd", {
+				children: [/* @__PURE__ */ G("dt", { children: /* @__PURE__ */ G(o, { children: e.label }) }), /* @__PURE__ */ G("dd", {
 					className: "min-w-0",
 					children: Ze(e.value)
 				})]
@@ -95,7 +95,7 @@ function Qe({ title: e, description: t, status: n, items: i, actionLabel: a, onA
 			children: /* @__PURE__ */ G(m, {
 				fullWidth: !1,
 				className: "w-full @md/booking-calendar-event-card:w-auto",
-				onClick: o,
+				onClick: s,
 				children: a
 			})
 		})]
@@ -112,19 +112,19 @@ var $e = {
 };
 //#endregion
 //#region src/components/blocks/commerce/loyalty-points/loyalty-points.tsx
-function et({ balance: e, tier: t, tierTone: s = "warning", history: c = [], onRedeem: l, className: u, strings: d }) {
+function et({ balance: e, tier: t, tierTone: o = "warning", history: s = [], onRedeem: l, className: u, strings: d }) {
 	let f = n($e, d);
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		className: r("loyalty-points--component w-full", u),
 		children: [
 			/* @__PURE__ */ G(H, {
 				label: f.balanceLabel,
 				value: /* @__PURE__ */ K(D, {
-					tone: s,
+					tone: o,
 					children: [/* @__PURE__ */ G(Je, { className: "mr-1 inline size-icon-sm" }), t ?? f.tier]
 				})
 			}),
-			/* @__PURE__ */ G(o, {
+			/* @__PURE__ */ G(a, {
 				tag: "h3",
 				className: "text-base tabular-nums tracking-tight",
 				children: typeof e == "number" ? /* @__PURE__ */ G(S, {
@@ -134,13 +134,13 @@ function et({ balance: e, tier: t, tierTone: s = "warning", history: c = [], onR
 					align: "left"
 				}) : e
 			}),
-			/* @__PURE__ */ G(a, {
+			/* @__PURE__ */ G(i, {
 				size: "xs",
 				type: "secondary",
 				children: f.pointsAvailable
 			}),
 			/* @__PURE__ */ G(O, { className: "my-space-xl" }),
-			/* @__PURE__ */ G(R, { children: c.map((e) => /* @__PURE__ */ K(B, {
+			/* @__PURE__ */ G(R, { children: s.map((e) => /* @__PURE__ */ K(B, {
 				size: "sm",
 				children: [/* @__PURE__ */ K(z, { children: [/* @__PURE__ */ G(V, {
 					bold: !1,
@@ -148,13 +148,13 @@ function et({ balance: e, tier: t, tierTone: s = "warning", history: c = [], onR
 				}), /* @__PURE__ */ G(I, {
 					clamp: 1,
 					children: e.date
-				})] }), /* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(a, {
+				})] }), /* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(i, {
 					weight: "semibold",
 					className: r("tabular-nums", e.positive ? "text-success" : "text-destructive"),
 					children: e.points
 				}) })]
 			}, e.date + e.label)) }),
-			/* @__PURE__ */ G(i, {
+			/* @__PURE__ */ G(c, {
 				icon: J,
 				fullWidth: !0,
 				className: "mt-space-xl",
@@ -179,11 +179,11 @@ var rt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/discount-stack/discount-stack.tsx
-function it({ discounts: e, totalSavings: t, className: i, strings: s }) {
+function it({ discounts: e, totalSavings: t, className: o, strings: s }) {
 	let c = n(rt, s);
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		title: c.title,
-		className: r("discount-stack--component w-full", i),
+		className: r("discount-stack--component w-full", o),
 		children: [
 			/* @__PURE__ */ G(R, {
 				className: "mt-space-xl",
@@ -209,13 +209,13 @@ function it({ discounts: e, totalSavings: t, className: i, strings: s }) {
 			}),
 			/* @__PURE__ */ G(O, { className: "my-space-xl" }),
 			/* @__PURE__ */ G(H, {
-				label: /* @__PURE__ */ G(a, {
+				label: /* @__PURE__ */ G(i, {
 					tag: "span",
 					weight: "semibold",
 					lineHeight: "tight",
 					children: c.totalSavings
 				}),
-				value: /* @__PURE__ */ G(o, {
+				value: /* @__PURE__ */ G(a, {
 					tag: "h4",
 					className: "text-base tabular-nums tracking-tight text-success border-none pb-0",
 					children: nt(t)
@@ -241,9 +241,9 @@ var at = {
 };
 //#endregion
 //#region src/components/blocks/commerce/shipment-tracking/shipment-tracking.tsx
-function st({ trackingNumber: e, carrier: t, status: i, steps: o, details: s = [], className: c, strings: l }) {
+function st({ trackingNumber: e, carrier: t, status: a, steps: o, details: s = [], className: c, strings: l }) {
 	let u = n(ot, l);
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		"aria-label": u.title,
 		className: r("shipment-tracking--component w-full", c),
 		children: [
@@ -261,20 +261,20 @@ function st({ trackingNumber: e, carrier: t, status: i, steps: o, details: s = [
 				className: "shipment-tracking--status mt-space-xl flex items-center gap-space-sm",
 				children: [/* @__PURE__ */ G("span", {
 					"aria-hidden": "true",
-					className: r("shipment-tracking--status-dot h-2 w-2 rounded-full", at[i])
-				}), /* @__PURE__ */ G(a, {
+					className: r("shipment-tracking--status-dot h-2 w-2 rounded-full", at[a])
+				}), /* @__PURE__ */ G(i, {
 					weight: "semibold",
-					children: u[i]
+					children: u[a]
 				})]
 			}),
 			/* @__PURE__ */ G("div", {
-				className: "mt-5 flex items-center justify-between",
+				className: "mt-space-xl flex items-center justify-between",
 				children: o.map((e, t) => /* @__PURE__ */ K("div", {
 					className: "flex flex-1 flex-col items-start gap-space-md",
 					children: [/* @__PURE__ */ K("div", {
 						className: "flex w-full items-center",
 						children: [/* @__PURE__ */ G("div", { className: r("size-icon-sm shrink-0 rounded-full", e.done ? "bg-success" : "bg-muted") }), t < o.length - 1 && /* @__PURE__ */ G("div", { className: r("h-0.5 flex-1", e.done ? "bg-success" : "bg-muted") })]
-					}), /* @__PURE__ */ G(a, {
+					}), /* @__PURE__ */ G(i, {
 						size: "xs",
 						type: "secondary",
 						className: "text-left leading-tight",
@@ -363,7 +363,7 @@ function mt({ code: e, amount: t, remainingAmount: i, status: a, recipientName:
 		size: "sm",
 		variant: "outline",
 		padding: "default",
-		className: r("giftcard-card--component giftcard-compact--component flex-nowrap gap-x-2.5 shadow-sm transition-colors duration-150 hover:border-border", c),
+		className: r("giftcard-card--component giftcard-compact--component flex-nowrap shadow-sm transition-colors duration-150 hover:border-border", c),
 		children: [
 			/* @__PURE__ */ G(F, {
 				variant: "image",
@@ -415,8 +415,8 @@ function mt({ code: e, amount: t, remainingAmount: i, status: a, recipientName:
 mt.displayName = "GiftcardCompact";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-copy-button.tsx
-function ht({ code: e, strings: t, inverse: o = !1, className: s }) {
-	let c = n(Y, t), l = he(0), [u, d] = ge({
+function ht({ code: e, strings: t, inverse: a = !1, className: o }) {
+	let s = n(Y, t), l = he(0), [u, d] = ge({
 		code: e,
 		state: "idle"
 	}), f = u.code === e ? u.state : "idle";
@@ -426,7 +426,7 @@ function ht({ code: e, strings: t, inverse: o = !1, className: s }) {
 	}), () => {
 		l.current++;
 	}), [e]);
-	let p = f === "copied" ? c.copiedCode : f === "failed" ? c.copyFailed : f === "pending" ? c.copyingCode : c.copyCode, m = f === "copied" ? q : f === "failed" ? Ye : f === "pending" ? je : Te, h = async () => {
+	let p = f === "copied" ? s.copiedCode : f === "failed" ? s.copyFailed : f === "pending" ? s.copyingCode : s.copyCode, m = f === "copied" ? q : f === "failed" ? Ye : f === "pending" ? je : Te, h = async () => {
 		if (!e || f === "pending") return;
 		let t = l.current;
 		d({
@@ -445,7 +445,7 @@ function ht({ code: e, strings: t, inverse: o = !1, className: s }) {
 			});
 		}
 	};
-	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(i, {
+	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(c, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -455,13 +455,13 @@ function ht({ code: e, strings: t, inverse: o = !1, className: s }) {
 		"aria-busy": f === "pending",
 		"aria-label": p,
 		withTooltip: p,
-		className: r("giftcard-copy--component", s, o && "text-inverse-foreground [&:not([aria-disabled=true]):not(:disabled)]:hover:bg-inverse-surface [&:not([aria-disabled=true]):not(:disabled)]:hover:text-inverse-foreground focus-visible:bg-inverse-surface focus-visible:ring-offset-inverse-background"),
+		className: r("giftcard-copy--component", o, a && "text-inverse-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-inverse-surface [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:text-inverse-foreground [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-inverse-surface-strong focus-visible:bg-inverse-surface focus-visible:ring-offset-inverse-background"),
 		onClick: () => void h(),
 		children: /* @__PURE__ */ G(m, {
 			"aria-hidden": !0,
 			className: r("size-icon-sm", f === "pending" && "animate-spin")
 		})
-	}), (f === "copied" || f === "failed") && /* @__PURE__ */ G(a, {
+	}), (f === "copied" || f === "failed") && /* @__PURE__ */ G(i, {
 		tag: "span",
 		role: "status",
 		className: "sr-only",
@@ -470,8 +470,8 @@ function ht({ code: e, strings: t, inverse: o = !1, className: s }) {
 }
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-dark.tsx
-function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName: l, expiresAt: d, onView: f, className: p, strings: m }) {
-	let g = n(Y, m), _ = g.status[c], y = ct[c], b = !!s && s !== t, x = b ? s : t, S = [...l ? [{
+function gt({ code: e, amount: t, remainingAmount: o, status: s, recipientName: l, expiresAt: d, onView: f, className: p, strings: m }) {
+	let g = n(Y, m), _ = g.status[s], y = ct[s], b = !!o && o !== t, x = b ? o : t, S = [...l ? [{
 		label: g.recipient,
 		value: l
 	}] : [], ...d ? [{
@@ -487,11 +487,11 @@ function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 				children: [
 					/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G("div", {
 						className: "flex h-8 w-8 items-center justify-center rounded-full bg-warning/15",
-						children: /* @__PURE__ */ G(J, { className: "h-4 w-4 text-warning" })
+						children: /* @__PURE__ */ G(J, { className: "h-4 w-4 text-warning-accent" })
 					}) }),
 					/* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(V, {
 						bold: !1,
-						children: /* @__PURE__ */ G(a, {
+						children: /* @__PURE__ */ G(i, {
 							tag: "span",
 							size: "inherit",
 							className: "text-inverse-muted",
@@ -508,9 +508,10 @@ function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 				className: "px-surface pb-surface-xs pt-space-sm",
 				children: /* @__PURE__ */ K("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ G(o, {
+					children: [/* @__PURE__ */ G(a, {
 						tag: "h2",
-						className: "border-none pb-0 text-base tabular-nums text-inverse-foreground",
+						size: "2xl",
+						className: "border-none pb-0 tabular-nums text-inverse-foreground",
 						children: x
 					}), !!b && /* @__PURE__ */ G(h, {
 						className: "line-through tabular-nums text-inverse-disabled",
@@ -519,7 +520,7 @@ function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 				})
 			}),
 			/* @__PURE__ */ G("div", {
-				className: "mx-space-xl rounded-radius-md border border-inverse-border bg-inverse-surface p-surface-xs",
+				className: "mx-space-xl rounded-inner border border-inverse-border bg-inverse-surface p-surface-xs",
 				children: /* @__PURE__ */ K(u, {
 					direction: "horizontal",
 					align: "center",
@@ -541,7 +542,7 @@ function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 			}),
 			!!f && /* @__PURE__ */ G("div", {
 				className: "px-surface pb-surface pt-space-sm",
-				children: /* @__PURE__ */ G(i, {
+				children: /* @__PURE__ */ G(c, {
 					tone: "neutral",
 					buttonStyle: "solid",
 					icon: ke,
@@ -556,8 +557,8 @@ function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 gt.displayName = "GiftcardCardDark";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-full.tsx
-function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName: d, senderName: f, message: p, expiresAt: m, createdAt: g, template: _, onView: y, gradient: b = "purple", pattern: x = "none", className: S, strings: C }) {
-	let w = n(Y, C), T = w.status[l], E = ct[l], O = !!c && c !== t, k = O ? c : t, A = [
+function _t({ code: e, amount: t, remainingAmount: s, status: l, recipientName: d, senderName: f, message: p, expiresAt: m, createdAt: g, template: _, onView: y, gradient: b = "purple", pattern: x = "none", className: S, strings: C }) {
+	let w = n(Y, C), T = w.status[l], E = ct[l], O = !!s && s !== t, k = O ? s : t, A = [
 		...d ? [{
 			label: w.to,
 			value: d
@@ -578,7 +579,7 @@ function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 			children: [
 				/* @__PURE__ */ G("div", {
 					"aria-hidden": !0,
-					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", ut[b].strip)
+					className: r("absolute inset-x-0 top-0 z-10 h-1 bg-gradient-to-r", ut[b].strip)
 				}),
 				x === "circles" && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 					className: "absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration",
@@ -611,27 +612,31 @@ function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 						children: T
 					})
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ K(u, {
+					gap: "xl",
 					className: "relative z-10",
 					children: [
 						/* @__PURE__ */ K("div", {
 							className: "flex items-center gap-space-md",
-							children: [/* @__PURE__ */ G(J, { className: "h-5 w-5 text-inverse-muted" }), /* @__PURE__ */ G(a, {
+							children: [/* @__PURE__ */ G(J, { className: "h-5 w-5 text-inverse-muted" }), /* @__PURE__ */ G(i, {
 								weight: "medium",
 								className: "text-inverse-muted",
 								children: w.giftCard
 							})]
 						}),
-						/* @__PURE__ */ K("div", {
-							className: "mt-8 mb-5",
-							children: [/* @__PURE__ */ G(s, {
+						/* @__PURE__ */ K(u, {
+							gap: "dense",
+							children: [/* @__PURE__ */ G(o, {
 								tone: "inverse",
 								children: w.balance
-							}), /* @__PURE__ */ K("div", {
-								className: "flex items-baseline gap-2.5 mt-1",
-								children: [/* @__PURE__ */ G(o, {
+							}), /* @__PURE__ */ K(u, {
+								direction: "horizontal",
+								align: "baseline",
+								gap: "lg",
+								children: [/* @__PURE__ */ G(a, {
 									tag: "h2",
-									className: "text-base border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm",
+									size: "2xl",
+									className: "border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm",
 									children: k
 								}), !!O && /* @__PURE__ */ G(h, {
 									className: "line-through tabular-nums text-inverse-disabled",
@@ -664,12 +669,10 @@ function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 			children: /* @__PURE__ */ K(u, {
 				gap: "xl",
 				children: [
-					!!p && /* @__PURE__ */ K("div", {
+					!!p && /* @__PURE__ */ K(u, {
+						gap: "normal",
 						className: "giftcard-full--message rounded-radius bg-muted/50 p-surface-xs border border-border/30",
-						children: [/* @__PURE__ */ G(s, {
-							className: "mb-1",
-							children: w.personalMessage
-						}), /* @__PURE__ */ K(a, {
+						children: [/* @__PURE__ */ G(o, { children: w.personalMessage }), /* @__PURE__ */ K(i, {
 							type: "secondary",
 							className: "italic leading-relaxed",
 							children: [
@@ -686,7 +689,7 @@ function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 							sm: 2
 						}
 					}),
-					!!y && /* @__PURE__ */ G(i, {
+					!!y && /* @__PURE__ */ G(c, {
 						tone: "secondary",
 						buttonStyle: "outline",
 						icon: ke,
@@ -702,8 +705,8 @@ function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 _t.displayName = "GiftcardFull";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-illustrated.tsx
-function vt({ code: e, amount: t, remainingAmount: c, status: l, recipientName: d, expiresAt: f, onView: p, headerColor: m = "green", className: g, strings: _ }) {
-	let y = n(Y, _), b = y.status[l], x = ct[l], S = !!c && c !== t, w = S ? c : t, T = [...d ? [{
+function vt({ code: e, amount: t, remainingAmount: s, status: l, recipientName: d, expiresAt: f, onView: p, headerColor: m = "green", className: g, strings: _ }) {
+	let y = n(Y, _), b = y.status[l], x = ct[l], S = !!s && s !== t, w = S ? s : t, T = [...d ? [{
 		label: y.recipient,
 		value: d
 	}] : [], ...f ? [{
@@ -728,9 +731,9 @@ function vt({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 					icon: J,
 					size: "md",
 					shape: "square",
-					className: r("relative rounded-radius-md bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border")
+					className: r("relative rounded-inner bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border")
 				}),
-				/* @__PURE__ */ G(s, {
+				/* @__PURE__ */ G(o, {
 					tone: "inverse",
 					className: "relative",
 					children: y.giftCard
@@ -743,28 +746,31 @@ function vt({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 				children: [
 					/* @__PURE__ */ K("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
-							className: "flex items-baseline gap-space-md",
-							children: [/* @__PURE__ */ G(o, {
-								tag: "h2",
-								className: "border-none pb-0 text-base tabular-nums",
-								children: w
-							}), !!S && /* @__PURE__ */ G(h, {
-								className: "line-through tabular-nums text-muted-foreground",
-								children: t
+						children: [/* @__PURE__ */ K(u, {
+							gap: "dense",
+							children: [/* @__PURE__ */ K("div", {
+								className: "flex items-baseline gap-space-md",
+								children: [/* @__PURE__ */ G(a, {
+									tag: "h2",
+									size: "2xl",
+									className: "border-none pb-0 tabular-nums",
+									children: w
+								}), !!S && /* @__PURE__ */ G(h, {
+									className: "line-through tabular-nums text-muted-foreground",
+									children: t
+								})]
+							}), /* @__PURE__ */ G(i, {
+								size: "xs",
+								type: "secondary",
+								children: y.balance
 							})]
-						}), /* @__PURE__ */ G(a, {
-							size: "xs",
-							type: "secondary",
-							className: "mt-0.5",
-							children: y.balance
-						})] }), /* @__PURE__ */ G(D, {
+						}), /* @__PURE__ */ G(D, {
 							tone: x,
 							children: b
 						})]
 					}),
 					/* @__PURE__ */ G("div", {
-						className: "giftcard-illustrated--code rounded-radius-md border border-border/50 bg-muted/40 p-surface-xs",
+						className: "giftcard-illustrated--code rounded-inner border border-border/50 bg-muted/40 p-surface-xs",
 						children: /* @__PURE__ */ K(u, {
 							direction: "horizontal",
 							align: "center",
@@ -782,7 +788,7 @@ function vt({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 						items: T,
 						columns: 2
 					}),
-					!!p && /* @__PURE__ */ G(i, {
+					!!p && /* @__PURE__ */ G(c, {
 						tone: "secondary",
 						buttonStyle: "outline",
 						icon: ke,
@@ -798,8 +804,8 @@ function vt({ code: e, amount: t, remainingAmount: c, status: l, recipientName:
 vt.displayName = "GiftcardCardIllustrated";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-minimal.tsx
-function yt({ code: e, amount: t, remainingAmount: s, status: c, recipientName: l, expiresAt: d, onView: f, color: p = "green", className: m, strings: g }) {
-	let _ = n(Y, g), y = _.status[c], b = ct[c], x = !!s && s !== t, S = x ? s : t, C = ft[p], w = [...l ? [{
+function yt({ code: e, amount: t, remainingAmount: o, status: s, recipientName: l, expiresAt: d, onView: f, color: p = "green", className: m, strings: g }) {
+	let _ = n(Y, g), y = _.status[s], b = ct[s], x = !!o && o !== t, S = x ? o : t, C = ft[p], w = [...l ? [{
 		label: _.recipient,
 		value: l
 	}] : [], ...d ? [{
@@ -820,7 +826,7 @@ function yt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 					}) }),
 					/* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(V, {
 						bold: !1,
-						children: /* @__PURE__ */ G(a, {
+						children: /* @__PURE__ */ G(i, {
 							tag: "span",
 							size: "inherit",
 							type: "secondary",
@@ -841,9 +847,10 @@ function yt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 				className: "px-surface pb-surface-xs pt-0",
 				children: /* @__PURE__ */ K("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ G(o, {
+					children: [/* @__PURE__ */ G(a, {
 						tag: "h2",
-						className: "border-none pb-0 text-base tabular-nums",
+						size: "2xl",
+						className: "border-none pb-0 tabular-nums",
 						children: S
 					}), !!x && /* @__PURE__ */ G(h, {
 						className: "line-through tabular-nums text-muted-foreground",
@@ -852,7 +859,7 @@ function yt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 				})
 			}),
 			/* @__PURE__ */ G("div", {
-				className: "giftcard-minimal--code mx-space-xl rounded-radius-md border border-border/30 bg-muted/50 p-surface-xs",
+				className: "giftcard-minimal--code mx-space-xl rounded-inner border border-border/30 bg-muted/50 p-surface-xs",
 				children: /* @__PURE__ */ K(u, {
 					direction: "horizontal",
 					align: "center",
@@ -875,7 +882,7 @@ function yt({ code: e, amount: t, remainingAmount: s, status: c, recipientName:
 			}),
 			!!f && /* @__PURE__ */ G("div", {
 				className: "mt-1 border-t border-border/30 p-surface-xs",
-				children: /* @__PURE__ */ K(i, {
+				children: /* @__PURE__ */ K(c, {
 					tone: "secondary",
 					buttonStyle: "ghost",
 					onClick: f,
@@ -931,21 +938,21 @@ var xt = {
 	destructive: "destructive"
 };
 function Ct({ children: e, tone: t }) {
-	return f(e) ? /* @__PURE__ */ G(D, {
+	return d(e) ? /* @__PURE__ */ G(D, {
 		tone: St[t ?? "secondary"],
 		className: "vendor-profile--change shrink-0 tabular-nums",
 		children: e
 	}) : null;
 }
-var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c = !1, earnings: p, earningsChange: m, earningsChangeTone: g, metrics: _ = [], stats: v = [], view: b, defaultView: x = "overview", onViewChange: S, onMessage: C, onHire: O, surface: k, className: A, strings: j }, M) {
-	let N = n(xt, j), [ee, te] = ge(x), ne = b !== void 0, P = f(p), re = P || _.length > 0, ie = v.length > 0, R = [...re ? ["overview"] : [], ...ie ? ["stats"] : []], U = ne ? b : ee, le = R.includes(U) ? U : R[0] ?? "overview", ue = R.length > 0, de = !!(C || O), fe = (e) => {
-		(e === "overview" || e === "stats") && R.includes(e) && (ne || te(e), S?.(e));
+var wt = fe(function({ name: e, initials: t, avatarUrl: i, role: a, verified: s = !1, earnings: p, earningsChange: m, earningsChangeTone: g, metrics: _ = [], stats: v = [], view: b, defaultView: x = "overview", onViewChange: S, onMessage: C, onHire: O, surface: k, className: A, strings: ee }, te) {
+	let j = n(xt, ee), [M, N] = ge(x), ne = b !== void 0, P = d(p), re = P || _.length > 0, ie = v.length > 0, R = [...re ? ["overview"] : [], ...ie ? ["stats"] : []], U = ne ? b : M, le = R.includes(U) ? U : R[0] ?? "overview", ue = R.length > 0, de = !!(C || O), fe = (e) => {
+		(e === "overview" || e === "stats") && R.includes(e) && (ne || N(e), S?.(e));
 	}, pe = /* @__PURE__ */ K(u, {
 		gap: "lg",
 		className: "vendor-profile--overview",
 		children: [P && /* @__PURE__ */ K("div", {
 			className: "vendor-profile--earnings rounded-radius bg-muted/45 p-surface-xs",
-			children: [/* @__PURE__ */ G(s, { children: N.totalEarnings }), /* @__PURE__ */ K(u, {
+			children: [/* @__PURE__ */ G(o, { children: j.totalEarnings }), /* @__PURE__ */ K(u, {
 				direction: "horizontal",
 				gap: "md",
 				align: "baseline",
@@ -981,7 +988,7 @@ var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c
 			className: "vendor-profile--stat rounded-radius bg-muted/45 p-surface-xs",
 			children: /* @__PURE__ */ K(u, {
 				gap: "sm",
-				children: [/* @__PURE__ */ G(s, {
+				children: [/* @__PURE__ */ G(o, {
 					className: "truncate",
 					children: e.label
 				}), /* @__PURE__ */ K(u, {
@@ -1006,15 +1013,15 @@ var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c
 		className: "vendor-profile--tabs gap-space-lg",
 		children: [
 			/* @__PURE__ */ K(se, {
-				className: "grid h-auto w-full grid-cols-2 rounded-radius p-space-xs",
+				className: "grid h-auto w-full grid-cols-2 rounded-inner p-space-xs",
 				children: [/* @__PURE__ */ G(ae, {
 					value: "overview",
-					className: "h-action-sm rounded-radius-sm px-control-sm text-pxs",
-					children: N.tabOverview
+					className: "h-action-sm rounded-inner px-control-sm text-pxs",
+					children: j.tabOverview
 				}), /* @__PURE__ */ G(ae, {
 					value: "stats",
-					className: "h-action-sm rounded-radius-sm px-control-sm text-pxs",
-					children: N.tabStats
+					className: "h-action-sm rounded-inner px-control-sm text-pxs",
+					children: j.tabStats
 				})]
 			}),
 			/* @__PURE__ */ G(oe, {
@@ -1029,16 +1036,16 @@ var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c
 			})
 		]
 	}) : le === "stats" ? me : pe;
-	return /* @__PURE__ */ G(d, {
-		ref: M,
+	return /* @__PURE__ */ G(f, {
+		ref: te,
 		surface: k,
 		headerStart: /* @__PURE__ */ K(B, {
 			className: "vendor-profile--identity flex-nowrap py-0",
 			children: [
 				/* @__PURE__ */ G(F, {
 					variant: "avatar",
-					children: /* @__PURE__ */ K(T, { children: [!!a && /* @__PURE__ */ G(E, {
-						src: a,
+					children: /* @__PURE__ */ K(T, { children: [!!i && /* @__PURE__ */ G(E, {
+						src: i,
 						alt: e
 					}), /* @__PURE__ */ G(w, {
 						className: "bg-primary/12 text-primary-accent",
@@ -1048,17 +1055,17 @@ var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c
 						})
 					})] })
 				}),
-				/* @__PURE__ */ K(z, { children: [/* @__PURE__ */ G(V, { children: e }), !!o && /* @__PURE__ */ G(I, {
+				/* @__PURE__ */ K(z, { children: [/* @__PURE__ */ G(V, { children: e }), !!a && /* @__PURE__ */ G(I, {
 					clamp: 2,
-					children: o
+					children: a
 				})] }),
-				!!c && /* @__PURE__ */ G(L, { children: /* @__PURE__ */ K(D, {
+				!!s && /* @__PURE__ */ G(L, { children: /* @__PURE__ */ K(D, {
 					tone: "success",
-					"aria-label": N.verifiedAriaLabel,
+					"aria-label": j.verifiedAriaLabel,
 					children: [/* @__PURE__ */ G(q, {
 						className: "size-icon-sm",
 						"aria-hidden": "true"
-					}), N.verifiedAriaLabel]
+					}), j.verifiedAriaLabel]
 				}) })
 			]
 		}),
@@ -1066,7 +1073,7 @@ var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c
 		footerDivider: de,
 		footerSlot: de ? /* @__PURE__ */ K("div", {
 			className: "vendor-profile--actions flex flex-wrap gap-space-sm",
-			children: [!!C && /* @__PURE__ */ K(i, {
+			children: [!!C && /* @__PURE__ */ K(c, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline",
@@ -1075,13 +1082,13 @@ var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c
 				children: [/* @__PURE__ */ G(Ne, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
-				}), N.message]
-			}), !!O && /* @__PURE__ */ K(i, {
+				}), j.message]
+			}), !!O && /* @__PURE__ */ K(c, {
 				type: "button",
 				tone: "primary",
 				className: "min-w-0 flex-1",
 				onClick: O,
-				children: [N.hire, /* @__PURE__ */ G(Se, {
+				children: [j.hire, /* @__PURE__ */ G(Se, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				})]
@@ -1106,8 +1113,8 @@ var Tt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/inventory-level/inventory-level.tsx
-function Et({ productName: e, variant: t, stock: i, reorderLevel: o, maxStock: s, lastRestocked: c, className: l, strings: d }) {
-	let f = n(Tt, d), p = Math.round(i / s * 100), m = i <= o, h = i <= o * .5, g = h ? "destructive" : m ? "warning" : "success", v = h ? f.statusCritical : m ? f.statusLowStock : f.statusInStock;
+function Et({ productName: e, variant: t, stock: a, reorderLevel: o, maxStock: s, lastRestocked: c, className: l, strings: d }) {
+	let f = n(Tt, d), p = Math.round(a / s * 100), m = a <= o, h = a <= o * .5, g = h ? "destructive" : m ? "warning" : "success", v = h ? f.statusCritical : m ? f.statusLowStock : f.statusInStock;
 	return /* @__PURE__ */ K(u, {
 		"data-component": "inventory-level",
 		"data-slot": "inventory-level",
@@ -1125,12 +1132,12 @@ function Et({ productName: e, variant: t, stock: i, reorderLevel: o, maxStock: s
 				})
 			}),
 			/* @__PURE__ */ G(S, {
-				value: i,
+				value: a,
 				weight: "semibold",
 				align: "left",
 				className: "tracking-tight"
 			}),
-			/* @__PURE__ */ G(a, {
+			/* @__PURE__ */ G(i, {
 				size: "xs",
 				type: "secondary",
 				children: f.unitsAvailable
@@ -1146,7 +1153,7 @@ function Et({ productName: e, variant: t, stock: i, reorderLevel: o, maxStock: s
 					})
 				}), /* @__PURE__ */ K("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ K(a, {
+					children: [/* @__PURE__ */ K(i, {
 						size: "xs",
 						type: "secondary",
 						children: [
@@ -1159,7 +1166,7 @@ function Et({ productName: e, variant: t, stock: i, reorderLevel: o, maxStock: s
 								align: "left"
 							})
 						]
-					}), !!c && /* @__PURE__ */ K(a, {
+					}), !!c && /* @__PURE__ */ K(i, {
 						size: "xs",
 						type: "secondary",
 						children: [
@@ -1187,9 +1194,9 @@ var Dt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/tax-breakdown/tax-breakdown.tsx
-function Ot({ subtotal: e, taxes: t, totalTax: i, total: o, className: s, strings: c }) {
+function Ot({ subtotal: e, taxes: t, totalTax: a, total: o, className: s, strings: c }) {
 	let l = n(Dt, c);
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(Le, { className: "size-icon" }),
 		title: l.title,
 		className: r("tax-breakdown--component w-full", s),
@@ -1214,10 +1221,10 @@ function Ot({ subtotal: e, taxes: t, totalTax: i, total: o, className: s, string
 							align: "baseline",
 							gap: "sm",
 							className: "min-w-0",
-							children: [/* @__PURE__ */ G(a, {
+							children: [/* @__PURE__ */ G(i, {
 								className: "truncate",
 								children: e.label
-							}), !!e.rate && /* @__PURE__ */ G(a, {
+							}), !!e.rate && /* @__PURE__ */ G(i, {
 								tag: "span",
 								size: "xs",
 								type: "discrete",
@@ -1229,18 +1236,18 @@ function Ot({ subtotal: e, taxes: t, totalTax: i, total: o, className: s, string
 							className: "shrink-0 tabular-nums",
 							children: e.amount
 						})]
-					}, e.id ?? `${e.label}-${t}`)), !!i && t.length > 1 && /* @__PURE__ */ G(H, {
+					}, e.id ?? `${e.label}-${t}`)), !!a && t.length > 1 && /* @__PURE__ */ G(H, {
 						label: l.totalTax,
-						value: i,
+						value: a,
 						mono: !0,
-						className: "border-t border-border/50 pt-1.5 mt-0.5",
+						className: "border-t border-border/50 pt-space-sm mt-space-2xs",
 						valueClassName: "text-sm font-semibold"
 					})]
 				})
 			}),
 			/* @__PURE__ */ G(O, { className: "my-space-lg" }),
 			/* @__PURE__ */ G(H, {
-				label: /* @__PURE__ */ G(a, {
+				label: /* @__PURE__ */ G(i, {
 					tag: "span",
 					weight: "semibold",
 					lineHeight: "tight",
@@ -1266,9 +1273,9 @@ var kt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/subscription-summary/subscription-summary.tsx
-function At({ planName: e, priceLabel: t, cycleLabel: c, nextBillingDate: l, statusLabel: d, perks: f = [], onManage: p, onUpgrade: m, className: g, strings: _ }) {
+function At({ planName: e, priceLabel: t, cycleLabel: s, nextBillingDate: l, statusLabel: d, perks: f = [], onManage: p, onUpgrade: m, className: g, strings: _ }) {
 	let v = n(kt, _);
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(ze, { className: "size-icon" }),
 		title: v.title,
 		headerEnd: d ? /* @__PURE__ */ G(D, {
@@ -1285,11 +1292,11 @@ function At({ planName: e, priceLabel: t, cycleLabel: c, nextBillingDate: l, sta
 					align: "start",
 					gap: "lg",
 					children: [/* @__PURE__ */ K(u, {
-						gap: "none",
+						gap: "dense",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ G(s, { children: v.plan }), /* @__PURE__ */ G(o, {
+						children: [/* @__PURE__ */ G(o, { children: v.plan }), /* @__PURE__ */ G(a, {
 							tag: "h3",
-							className: "mt-1 text-base font-semibold tracking-tight border-none pb-0",
+							className: "text-base font-semibold tracking-tight border-none pb-0",
 							children: e
 						})]
 					}), /* @__PURE__ */ K(u, {
@@ -1301,18 +1308,18 @@ function At({ planName: e, priceLabel: t, cycleLabel: c, nextBillingDate: l, sta
 							weight: "bold",
 							className: "tabular-nums",
 							children: t
-						}), /* @__PURE__ */ G(a, {
+						}), /* @__PURE__ */ G(i, {
 							type: "secondary",
-							children: c
+							children: s
 						})]
 					})]
 				})
 			}),
 			/* @__PURE__ */ K("div", {
-				className: "mt-space-lg flex items-center justify-between rounded-radius-md bg-card px-space-xs",
+				className: "mt-space-lg flex items-center justify-between rounded-radius bg-card px-space-xs",
 				children: [/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-space-md",
-					children: [/* @__PURE__ */ G(ye, { className: "size-icon-md text-muted-foreground" }), /* @__PURE__ */ G(a, {
+					children: [/* @__PURE__ */ G(ye, { className: "size-icon-md text-muted-foreground" }), /* @__PURE__ */ G(i, {
 						size: "xs",
 						type: "secondary",
 						children: v.nextBilling
@@ -1326,7 +1333,7 @@ function At({ planName: e, priceLabel: t, cycleLabel: c, nextBillingDate: l, sta
 			f.length > 0 && /* @__PURE__ */ K(u, {
 				gap: "md",
 				className: "mt-space-xl",
-				children: [/* @__PURE__ */ G(s, { children: v.perks }), /* @__PURE__ */ G(R, { children: f.map((e, t) => {
+				children: [/* @__PURE__ */ G(o, { children: v.perks }), /* @__PURE__ */ G(R, { children: f.map((e, t) => {
 					let n = e.icon ?? q;
 					return /* @__PURE__ */ K(B, {
 						size: "sm",
@@ -1343,13 +1350,13 @@ function At({ planName: e, priceLabel: t, cycleLabel: c, nextBillingDate: l, sta
 			}),
 			(p || m) && /* @__PURE__ */ K("div", {
 				className: "mt-space-xl flex items-center gap-space-md",
-				children: [!!p && /* @__PURE__ */ G(i, {
+				children: [!!p && /* @__PURE__ */ G(c, {
 					tone: "secondary",
 					buttonStyle: "outline",
 					onClick: p,
 					className: "flex-1",
 					children: v.manage
-				}), !!m && /* @__PURE__ */ K(i, {
+				}), !!m && /* @__PURE__ */ K(c, {
 					tone: "primary",
 					onClick: m,
 					className: "flex-1",
@@ -1378,30 +1385,30 @@ var jt = {
 	"processing",
 	"completed"
 ];
-function Nt({ stage: e, amount: t, reason: i, method: o, eta: c, requestedAt: l, className: d, strings: f }) {
+function Nt({ stage: e, amount: t, reason: a, method: s, eta: c, requestedAt: l, className: d, strings: f }) {
 	let p = n(jt, f), m = Mt.indexOf(e);
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(Be, { className: "size-icon" }),
 		title: p.title,
 		className: r("refund-status--component w-full", d),
 		children: [
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ K(u, {
+				gap: "dense",
 				className: "rounded-radius bg-muted/40 p-surface",
 				children: [/* @__PURE__ */ K(u, {
 					direction: "horizontal",
 					justify: "between",
 					align: "baseline",
 					gap: "lg",
-					children: [/* @__PURE__ */ G(s, { children: p.amount }), /* @__PURE__ */ G(h, {
+					children: [/* @__PURE__ */ G(o, { children: p.amount }), /* @__PURE__ */ G(h, {
 						size: "base",
 						weight: "bold",
 						className: "tabular-nums tracking-tight",
 						children: t
 					})]
-				}), !!l && /* @__PURE__ */ K(a, {
+				}), !!l && /* @__PURE__ */ K(i, {
 					size: "xs",
 					type: "secondary",
-					className: "mt-0.5",
 					children: [
 						p.requested,
 						": ",
@@ -1415,13 +1422,13 @@ function Nt({ stage: e, amount: t, reason: i, method: o, eta: c, requestedAt: l,
 			/* @__PURE__ */ G("div", {
 				className: "mt-space-xl flex items-center justify-between",
 				children: Mt.map((e, t) => {
-					let n = t <= m, i = t === m;
+					let n = t <= m, a = t === m;
 					return /* @__PURE__ */ K("div", {
 						className: "flex flex-1 flex-col items-start gap-space-sm",
 						children: [/* @__PURE__ */ K("div", {
 							className: "flex w-full items-center",
 							children: [/* @__PURE__ */ G("div", {
-								className: r("relative flex size-icon-lg shrink-0 items-center justify-center rounded-full", n ? "bg-success text-success-foreground" : "border border-border bg-card text-muted-foreground", i && "ring-2 ring-success/30 ring-offset-2 ring-offset-background"),
+								className: r("relative flex size-icon-lg shrink-0 items-center justify-center rounded-full", n ? "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: n ? /* @__PURE__ */ G(q, { className: "size-icon-sm" }) : /* @__PURE__ */ G(S, {
 									value: t + 1,
 									size: "xs",
@@ -1429,9 +1436,9 @@ function Nt({ stage: e, amount: t, reason: i, method: o, eta: c, requestedAt: l,
 									align: "center"
 								})
 							}), t < Mt.length - 1 && /* @__PURE__ */ G("div", { className: r("h-0.5 flex-1", t < m ? "bg-success" : "bg-border") })]
-						}), /* @__PURE__ */ G(a, {
+						}), /* @__PURE__ */ G(i, {
 							size: "xs",
-							weight: i ? "semibold" : "medium",
+							weight: a ? "semibold" : "medium",
 							type: n ? "main" : "secondary",
 							className: "text-left leading-tight",
 							children: p[e]
@@ -1439,18 +1446,18 @@ function Nt({ stage: e, amount: t, reason: i, method: o, eta: c, requestedAt: l,
 					}, e);
 				})
 			}),
-			(i || o || c) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(O, { className: "my-space-xl" }), /* @__PURE__ */ K("div", {
+			(a || s || c) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(O, { className: "my-space-xl" }), /* @__PURE__ */ K("div", {
 				className: "space-y-space-md",
 				children: [
-					!!i && /* @__PURE__ */ G(H, {
+					!!a && /* @__PURE__ */ G(H, {
 						label: p.reason,
-						value: i,
+						value: a,
 						className: "items-start",
 						valueClassName: "text-sm font-medium text-right"
 					}),
-					!!o && /* @__PURE__ */ G(H, {
+					!!s && /* @__PURE__ */ G(H, {
 						label: p.method,
-						value: o,
+						value: s,
 						valueClassName: "text-sm font-medium"
 					}),
 					!!c && /* @__PURE__ */ G(H, {
@@ -1478,7 +1485,7 @@ var Pt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/address-card/address-card.tsx
-function Ft({ kind: e = "shipping", name: t, line1: i, line2: o, city: s, region: c, postalCode: l, country: d, phone: f, default: p = !1, onEdit: m, onRemove: h, onMakeDefault: _, className: v, strings: y }) {
+function Ft({ kind: e = "shipping", name: t, line1: a, line2: o, city: s, region: c, postalCode: l, country: d, phone: f, default: p = !1, onEdit: m, onRemove: h, onMakeDefault: _, className: v, strings: y }) {
 	let b = n(Pt, y), x = {
 		shipping: b.shipping,
 		billing: b.billing,
@@ -1503,7 +1510,7 @@ function Ft({ kind: e = "shipping", name: t, line1: i, line2: o, city: s, region
 		label: b.remove,
 		icon: /* @__PURE__ */ G(Ke, { className: "size-icon-md" }),
 		onClick: h
-	}), /* @__PURE__ */ G(j, {
+	}), /* @__PURE__ */ G(M, {
 		icon: /* @__PURE__ */ G(Me, { className: "size-icon" }),
 		title: x[e],
 		titleSuffix: p ? /* @__PURE__ */ G(D, {
@@ -1515,20 +1522,20 @@ function Ft({ kind: e = "shipping", name: t, line1: i, line2: o, city: s, region
 		children: /* @__PURE__ */ K(u, {
 			gap: "2xs",
 			children: [
-				/* @__PURE__ */ G(a, {
+				/* @__PURE__ */ G(i, {
 					weight: "semibold",
 					children: t
 				}),
-				/* @__PURE__ */ G(a, { children: i }),
-				!!o && /* @__PURE__ */ G(a, { children: o }),
-				!!S && /* @__PURE__ */ G(a, { children: S }),
-				/* @__PURE__ */ G(a, {
+				/* @__PURE__ */ G(i, { children: a }),
+				!!o && /* @__PURE__ */ G(i, { children: o }),
+				!!S && /* @__PURE__ */ G(i, { children: S }),
+				/* @__PURE__ */ G(i, {
 					type: "secondary",
 					children: d
 				}),
 				!!f && /* @__PURE__ */ G(g, {
 					value: f,
-					display: /* @__PURE__ */ G(a, {
+					display: /* @__PURE__ */ G(i, {
 						tag: "span",
 						size: "xs",
 						children: f
@@ -1553,16 +1560,16 @@ var It = {
 	applied: "Applied",
 	notFound: "That gift card code is not valid."
 }, Lt = (e) => e.toUpperCase();
-function Rt({ appliedCode: e, balance: t, error: a, loading: o, onCheck: s, onRemove: c, className: l, strings: d }) {
+function Rt({ appliedCode: e, balance: t, error: i, loading: a, onCheck: o, onRemove: s, className: l, strings: d }) {
 	let f = n(It, d), p = me(), [m, g] = ge(""), _ = m.trim();
-	return e ? /* @__PURE__ */ G(j, {
+	return e ? /* @__PURE__ */ G(M, {
 		icon: /* @__PURE__ */ G(J, { className: "size-icon" }),
 		title: f.title,
 		className: r("voucher-entry--component w-full", l),
 		children: /* @__PURE__ */ K(B, {
 			size: "sm",
 			variant: "outline",
-			className: "items-center gap-x-2.5 gap-y-space-sm border-success/30 bg-success/5",
+			className: "items-center gap-y-space-sm border-success/30 bg-success/5",
 			children: [
 				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(C, {
 					icon: q,
@@ -1594,20 +1601,20 @@ function Rt({ appliedCode: e, balance: t, error: a, loading: o, onCheck: s, onRe
 					})]
 				}),
 				/* @__PURE__ */ K(ie, {
-					className: "border-t border-success/15 pt-1",
+					className: "border-t border-success/15 pt-space-xs",
 					children: [/* @__PURE__ */ G("span", {}), /* @__PURE__ */ K(L, {
 						className: "shrink-0 gap-space-sm",
 						children: [!!t && /* @__PURE__ */ G(h, {
 							weight: "semibold",
 							className: "shrink-0 tabular-nums text-success",
 							children: t
-						}), !!c && /* @__PURE__ */ G(i, {
+						}), !!s && /* @__PURE__ */ G(c, {
 							type: "button",
 							tone: "destructive",
 							buttonStyle: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							onClick: c,
+							onClick: s,
 							"aria-label": f.remove,
 							className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
 							children: /* @__PURE__ */ G(Ye, { className: "size-icon-sm" })
@@ -1616,19 +1623,19 @@ function Rt({ appliedCode: e, balance: t, error: a, loading: o, onCheck: s, onRe
 				})
 			]
 		})
-	}) : /* @__PURE__ */ G(j, {
+	}) : /* @__PURE__ */ G(M, {
 		icon: /* @__PURE__ */ G(J, { className: "size-icon" }),
 		title: f.title,
 		className: r("voucher-entry--component w-full", l),
 		children: /* @__PURE__ */ G("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), _ && s?.(_);
+				e.preventDefault(), _ && o?.(_);
 			},
-			children: /* @__PURE__ */ G(M, {
+			children: /* @__PURE__ */ G(N, {
 				label: f.inputLabel,
 				htmlFor: p,
-				error: a,
-				hint: a ? void 0 : f.helperText,
+				error: i,
+				hint: i ? void 0 : f.helperText,
 				children: /* @__PURE__ */ K("div", {
 					className: "flex flex-wrap gap-space-md",
 					children: [/* @__PURE__ */ G("div", {
@@ -1642,11 +1649,11 @@ function Rt({ appliedCode: e, balance: t, error: a, loading: o, onCheck: s, onRe
 							autoCapitalize: "characters",
 							spellCheck: !1,
 							className: "font-mono",
-							invalid: !!a
+							invalid: !!i
 						})
-					}), /* @__PURE__ */ G(i, {
+					}), /* @__PURE__ */ G(c, {
 						type: "submit",
-						loading: o,
+						loading: a,
 						disabled: !_,
 						className: "shrink-0",
 						children: f.check
@@ -1691,9 +1698,9 @@ function Ht({ title: e }) {
 		})
 	});
 }
-function Ut({ items: e, subtotal: t, tax: o, shipping: s, discount: c, total: l, onCheckout: d, className: f, strings: p }) {
-	let m = n(zt, p), g = !!(t || o || s || c);
-	return /* @__PURE__ */ K(j, {
+function Ut({ items: e, subtotal: t, tax: a, shipping: o, discount: s, total: l, onCheckout: d, className: f, strings: p }) {
+	let m = n(zt, p), g = !!(t || a || o || s);
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(He, { className: "size-icon" }),
 		title: m.title,
 		className: r("cart-summary--component w-full", f),
@@ -1724,7 +1731,7 @@ function Ut({ items: e, subtotal: t, tax: o, shipping: s, discount: c, total: l,
 								gap: "2xs",
 								align: "end",
 								className: "shrink-0",
-								children: [/* @__PURE__ */ K(a, {
+								children: [/* @__PURE__ */ K(i, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
@@ -1755,21 +1762,21 @@ function Ut({ items: e, subtotal: t, tax: o, shipping: s, discount: c, total: l,
 							mono: !0,
 							valueClassName: "font-medium"
 						}),
-						!!o && /* @__PURE__ */ G(H, {
+						!!a && /* @__PURE__ */ G(H, {
 							label: m.tax,
-							value: o,
+							value: a,
 							mono: !0,
 							valueClassName: "font-medium"
 						}),
-						!!s && /* @__PURE__ */ G(H, {
+						!!o && /* @__PURE__ */ G(H, {
 							label: m.shipping,
-							value: s,
+							value: o,
 							mono: !0,
 							valueClassName: "font-medium"
 						}),
-						!!c && /* @__PURE__ */ G(H, {
+						!!s && /* @__PURE__ */ G(H, {
 							label: m.discount,
-							value: nt(c),
+							value: nt(s),
 							mono: !0,
 							valueClassName: "font-semibold text-success"
 						})
@@ -1778,7 +1785,7 @@ function Ut({ items: e, subtotal: t, tax: o, shipping: s, discount: c, total: l,
 			}),
 			/* @__PURE__ */ G(O, { className: "my-space-lg" }),
 			/* @__PURE__ */ G(H, {
-				label: /* @__PURE__ */ G(a, {
+				label: /* @__PURE__ */ G(i, {
 					tag: "span",
 					weight: "semibold",
 					lineHeight: "tight",
@@ -1788,7 +1795,7 @@ function Ut({ items: e, subtotal: t, tax: o, shipping: s, discount: c, total: l,
 				mono: !0,
 				valueClassName: "text-base font-bold"
 			}),
-			!!d && /* @__PURE__ */ G(i, {
+			!!d && /* @__PURE__ */ G(c, {
 				onClick: d,
 				fullWidth: !0,
 				className: "mt-space-xl",
@@ -1809,16 +1816,16 @@ var Wt = {
 	applied: "Applied",
 	invalid: "That code is not valid"
 }, Gt = (e) => e.toUpperCase();
-function Kt({ appliedCode: e, appliedDiscount: t, error: o, onApply: c, onRemove: l, loading: d, className: f, strings: p }) {
+function Kt({ appliedCode: e, appliedDiscount: t, error: a, onApply: s, onRemove: l, loading: d, className: f, strings: p }) {
 	let m = n(Wt, p), [h, g] = ge(""), _ = h.trim();
-	return e ? /* @__PURE__ */ G(j, {
+	return e ? /* @__PURE__ */ G(M, {
 		icon: /* @__PURE__ */ G(Ge, { className: "size-icon" }),
 		title: m.title,
 		className: r("coupon-input--component w-full", f),
 		children: /* @__PURE__ */ K(B, {
 			size: "sm",
 			variant: "muted",
-			className: "items-center gap-x-2.5 gap-y-space-sm border border-success/30 bg-success/8",
+			className: "items-center gap-y-space-sm border border-success/30 bg-success/8",
 			children: [
 				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(C, {
 					icon: q,
@@ -1837,7 +1844,7 @@ function Kt({ appliedCode: e, appliedDiscount: t, error: o, onApply: c, onRemove
 						children: [/* @__PURE__ */ G(V, {
 							className: "min-w-0 truncate font-mono tracking-wider",
 							children: e
-						}), /* @__PURE__ */ G(s, {
+						}), /* @__PURE__ */ G(o, {
 							className: "shrink-0",
 							children: m.applied
 						})]
@@ -1845,14 +1852,14 @@ function Kt({ appliedCode: e, appliedDiscount: t, error: o, onApply: c, onRemove
 				}),
 				/* @__PURE__ */ K(L, {
 					className: "ml-auto shrink-0 gap-space-sm",
-					children: [!!t && /* @__PURE__ */ G(a, {
+					children: [!!t && /* @__PURE__ */ G(i, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						type: "success",
 						className: "tabular-nums shrink-0",
 						children: nt(t)
-					}), !!l && /* @__PURE__ */ G(i, {
+					}), !!l && /* @__PURE__ */ G(c, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
@@ -1866,7 +1873,7 @@ function Kt({ appliedCode: e, appliedDiscount: t, error: o, onApply: c, onRemove
 				})
 			]
 		})
-	}) : /* @__PURE__ */ G(j, {
+	}) : /* @__PURE__ */ G(M, {
 		icon: /* @__PURE__ */ G(Ge, { className: "size-icon" }),
 		title: m.title,
 		className: r("coupon-input--component w-full", f),
@@ -1885,20 +1892,20 @@ function Kt({ appliedCode: e, appliedDiscount: t, error: o, onApply: c, onRemove
 						autoCapitalize: "characters",
 						spellCheck: !1,
 						className: "font-mono",
-						invalid: !!o
+						invalid: !!a
 					})
-				}), /* @__PURE__ */ G(i, {
+				}), /* @__PURE__ */ G(c, {
 					size: "md",
-					onClick: () => c?.(_),
+					onClick: () => s?.(_),
 					loading: d,
 					disabled: !_,
 					className: "shrink-0",
 					children: m.apply
 				})]
-			}), !!o && /* @__PURE__ */ G(a, {
+			}), !!a && /* @__PURE__ */ G(i, {
 				size: "xs",
 				type: "error",
-				children: o || m.invalid
+				children: a || m.invalid
 			})]
 		})
 	});
@@ -1920,18 +1927,18 @@ var qt = {
 	delivered: "success",
 	cancelled: "destructive"
 };
-function Yt({ orderNumber: e, status: t, statusTone: i, events: o, currentEta: c, className: u, strings: d }) {
-	let f = n(qt, d), p = i ?? Jt[t], m = o.reduce((e, t, n) => t.complete ? n : e, -1), g = o[m] ?? o[0], v = o.find((e) => !e.complete);
-	return /* @__PURE__ */ K(j, {
+function Yt({ orderNumber: e, status: t, statusTone: a, events: s, currentEta: c, className: d, strings: f }) {
+	let p = n(qt, f), m = a ?? Jt[t], g = s.reduce((e, t, n) => t.complete ? n : e, -1), v = s[g] ?? s[0], y = s.find((e) => !e.complete);
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(Pe, { className: "size-icon" }),
-		title: f.title,
+		title: p.title,
 		titleSuffix: /* @__PURE__ */ G(D, {
-			tone: p,
+			tone: m,
 			className: "capitalize",
 			children: t
 		}),
 		description: `#${e}`,
-		className: r("order-status--component w-full", u),
+		className: r("order-status--component w-full", d),
 		children: [/* @__PURE__ */ G("div", {
 			className: "rounded-radius border border-border bg-muted/20 p-surface",
 			children: /* @__PURE__ */ K(l, {
@@ -1941,46 +1948,51 @@ function Yt({ orderNumber: e, status: t, statusTone: i, events: o, currentEta: c
 				},
 				gap: "lg",
 				children: [
-					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(s, { children: f.statusLabel }), /* @__PURE__ */ G(a, {
-						weight: "semibold",
-						className: "mt-0.5 capitalize",
-						children: t
-					})] }),
-					!!g && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(s, { children: g.complete ? f.latestEvent : f.currentStep }), /* @__PURE__ */ G(a, {
-						weight: "semibold",
-						className: "mt-0.5",
-						children: g.label
-					})] }),
-					!!c && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(s, { children: f.eta }), /* @__PURE__ */ G(h, {
+					/* @__PURE__ */ K(u, {
+						gap: "dense",
+						children: [/* @__PURE__ */ G(o, { children: p.statusLabel }), /* @__PURE__ */ G(i, {
+							weight: "semibold",
+							className: "capitalize",
+							children: t
+						})]
+					}),
+					!!v && /* @__PURE__ */ K(u, {
+						gap: "dense",
+						children: [/* @__PURE__ */ G(o, { children: v.complete ? p.latestEvent : p.currentStep }), /* @__PURE__ */ G(i, {
+							weight: "semibold",
+							children: v.label
+						})]
+					}),
+					!!c && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(o, { children: p.eta }), /* @__PURE__ */ G(h, {
 						weight: "semibold",
 						className: "mt-0.5 block tabular-nums",
 						children: c
 					})] })
 				]
 			})
-		}), o.length > 0 && /* @__PURE__ */ G("ol", {
-			className: "mt-space-xl",
-			children: o.map((e, t) => {
-				let n = t === o.length - 1, i = v ? e === v : t === m;
+		}), s.length > 0 && /* @__PURE__ */ G("ol", {
+			className: "m-0 p-0 list-none mt-space-xl",
+			children: s.map((e, t) => {
+				let n = t === s.length - 1, a = y ? e === y : t === g;
 				return /* @__PURE__ */ K("li", {
 					className: "relative flex gap-space-lg",
 					children: [/* @__PURE__ */ K("div", {
 						className: "flex flex-col items-center",
 						children: [/* @__PURE__ */ G("span", {
-							className: r("flex size-6 shrink-0 items-center justify-center rounded-full border", e.complete ? "border-success bg-success text-success-foreground" : "border-border bg-card text-muted-foreground", i && !e.complete && "border-2 border-primary-accent bg-primary/10 text-primary-accent ring-4 ring-primary/30"),
+							className: r("flex size-6 shrink-0 items-center justify-center rounded-full border", e.complete ? "border-success bg-success text-success-foreground" : "border-border bg-card text-muted-foreground", a && !e.complete && "border-2 border-primary-accent bg-primary/10 text-primary-accent ring-4 ring-primary/30"),
 							children: e.complete ? /* @__PURE__ */ G(q, {
 								className: "size-icon-md",
 								strokeWidth: 2.5
-							}) : i ? /* @__PURE__ */ G(be, { className: "size-icon-md" }) : /* @__PURE__ */ G(Ce, { className: "size-icon-sm" })
+							}) : a ? /* @__PURE__ */ G(be, { className: "size-icon-md" }) : /* @__PURE__ */ G(Ce, { className: "size-icon-sm" })
 						}), !n && /* @__PURE__ */ G("span", {
 							"aria-hidden": "true",
-							className: r("min-h-6 w-px flex-1", t < m ? "bg-success" : "bg-border")
+							className: r("min-h-6 w-px flex-1", t < g ? "bg-success" : "bg-border")
 						})]
 					}), /* @__PURE__ */ K("div", {
 						className: r("min-w-0 flex-1 pb-space-xl", n && "pb-0"),
-						children: [/* @__PURE__ */ G(a, {
-							weight: e.complete || i ? "semibold" : "medium",
-							className: r(!e.complete && !i && "text-muted-foreground"),
+						children: [/* @__PURE__ */ G(i, {
+							weight: e.complete || a ? "semibold" : "medium",
+							className: r(!e.complete && !a && "text-muted-foreground"),
 							children: e.label
 						}), !!e.timestamp && /* @__PURE__ */ G(_, {
 							size: "xs",
@@ -2019,16 +2031,16 @@ var Xt = {
 	googlepay: X,
 	unknown: X
 };
-function $t({ brand: e, last4: t, expiry: o, holderName: c, default: l = !1, onChange: d, className: f, strings: p }) {
+function $t({ brand: e, last4: t, expiry: a, holderName: s, default: l = !1, onChange: d, className: f, strings: p }) {
 	let m = n(Xt, p), g = Zt[e], _ = Qt[e];
-	return /* @__PURE__ */ G(j, {
+	return /* @__PURE__ */ G(M, {
 		icon: /* @__PURE__ */ G(Ee, { className: "size-icon" }),
 		title: m.title,
 		titleSuffix: l ? /* @__PURE__ */ G(D, {
 			tone: "primary",
 			children: m.default
 		}) : null,
-		headerAction: d ? /* @__PURE__ */ G(i, {
+		headerAction: d ? /* @__PURE__ */ G(c, {
 			buttonStyle: "ghost",
 			tone: "secondary",
 			onClick: d,
@@ -2043,16 +2055,16 @@ function $t({ brand: e, last4: t, expiry: o, holderName: c, default: l = !1, onC
 					children: [/* @__PURE__ */ G("div", {
 						className: "flex size-7 items-center justify-center rounded-radius-md bg-gradient-to-br from-muted to-muted-foreground/60 shadow-sm",
 						children: /* @__PURE__ */ G("div", { className: "size-icon rounded-radius-sm border border-warning-foreground/25 bg-warning-foreground/15" })
-					}), /* @__PURE__ */ G(a, {
+					}), /* @__PURE__ */ G(i, {
 						tag: "span",
 						weight: "bold",
-						className: "rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm",
+						className: "rounded bg-inverse-surface px-space-md py-space-2xs tracking-[0.15em] text-inverse-foreground backdrop-blur-sm",
 						children: g
 					})]
 				}),
 				/* @__PURE__ */ G("div", {
 					className: "relative",
-					children: /* @__PURE__ */ K(a, {
+					children: /* @__PURE__ */ K(i, {
 						tag: "span",
 						size: "base",
 						weight: "semibold",
@@ -2068,25 +2080,25 @@ function $t({ brand: e, last4: t, expiry: o, holderName: c, default: l = !1, onC
 					className: "relative",
 					children: [/* @__PURE__ */ G("div", {
 						className: "min-w-0",
-						children: !!c && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(s, {
+						children: !!s && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(o, {
 							tone: "inverse",
 							className: "block",
 							children: m.cardHolder
-						}), /* @__PURE__ */ G(a, {
+						}), /* @__PURE__ */ G(i, {
 							weight: "semibold",
 							className: "truncate text-inverse-foreground",
-							children: c
+							children: s
 						})] })
-					}), !!o && /* @__PURE__ */ K("div", {
+					}), !!a && /* @__PURE__ */ K("div", {
 						className: "text-right shrink-0",
-						children: [/* @__PURE__ */ G(s, {
+						children: [/* @__PURE__ */ G(o, {
 							tone: "inverse",
 							className: "block",
 							children: m.expires
 						}), /* @__PURE__ */ G(h, {
 							weight: "semibold",
 							className: "tabular-nums text-inverse-foreground",
-							children: o
+							children: a
 						})]
 					})]
 				})
@@ -2274,17 +2286,17 @@ function Cn(e, t) {
 	return e.id === "title" || e.id === "description" ? `${e.actual}/${e.max} ${t.characters} · ${t.targetLabel} ${e.min}-${e.max}` : e.id === "permalink" ? `${e.actual}/${e.max} ${t.characters} ${t.maxLabel}` : t.checkHints[e.id];
 }
 function wn({ check: e, detail: t, strings: n }) {
-	let i = _n[e.status];
+	let a = _n[e.status];
 	return /* @__PURE__ */ G("div", {
-		className: r("seo-listing-card--check min-w-0 rounded-radius-sm border px-space-lg py-space-md", yn[e.status]),
+		className: r("seo-listing-card--check min-w-0 rounded-radius border px-space-lg py-space-md", yn[e.status]),
 		children: /* @__PURE__ */ K(u, {
 			direction: "horizontal",
 			gap: "lg",
 			align: "start",
 			wrap: !1,
 			children: [/* @__PURE__ */ G("span", {
-				className: r("seo-listing-card--check-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm", vn[e.status]),
-				children: /* @__PURE__ */ G(i, {
+				className: r("seo-listing-card--check-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-inner", vn[e.status]),
+				children: /* @__PURE__ */ G(a, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				})
@@ -2296,7 +2308,7 @@ function wn({ check: e, detail: t, strings: n }) {
 					gap: "sm",
 					justify: "between",
 					wrap: !1,
-					children: [/* @__PURE__ */ G(a, {
+					children: [/* @__PURE__ */ G(i, {
 						tag: "span",
 						weight: "medium",
 						className: "truncate",
@@ -2308,7 +2320,7 @@ function wn({ check: e, detail: t, strings: n }) {
 						className: "shrink-0",
 						children: n.status[e.status]
 					})]
-				}), /* @__PURE__ */ G(a, {
+				}), /* @__PURE__ */ G(i, {
 					size: "xs",
 					type: "secondary",
 					lineHeight: "snug",
@@ -2318,20 +2330,20 @@ function wn({ check: e, detail: t, strings: n }) {
 		})
 	});
 }
-function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title: l, description: d, price: f, keyword: m, score: g, limits: v, showChecks: y = !0, onEdit: b, className: x, strings: C }) {
+function Tn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title: l, description: d, price: f, keyword: m, score: g, limits: v, showChecks: y = !0, onEdit: b, className: x, strings: C }) {
 	let w = n(fn, C), T = t?.trim() || w.urlFallback, E = e?.trim() || w.siteFallback, O = l?.trim() || w.titleFallback, k = d?.trim() || w.descriptionFallback, A = g ?? dn({
 		title: l,
 		description: d,
-		permalink: s,
+		permalink: o,
 		baseUrl: t,
 		keyword: m,
 		limits: v
-	}), M = Sn(T, o, s), N = xn(T, o, s), ee = pn[A.status];
-	return /* @__PURE__ */ K(j, {
+	}), ee = Sn(T, a, o), te = xn(T, a, o), j = pn[A.status];
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(Ve, { className: "size-icon" }),
 		title: w.title,
 		titleSuffix: /* @__PURE__ */ K(D, {
-			tone: ee,
+			tone: j,
 			size: "sm",
 			inline: !0,
 			className: "shrink-0",
@@ -2343,7 +2355,7 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 		}),
 		className: r("seo-listing-card--component @container/seo-listing-card w-full", x),
 		contentGap: "xl",
-		headerAction: b ? /* @__PURE__ */ G(i, {
+		headerAction: b ? /* @__PURE__ */ G(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -2355,7 +2367,7 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 		}) : void 0,
 		children: [/* @__PURE__ */ G("div", {
 			"data-artwork": "serp",
-			className: "seo-listing-card--preview min-w-0 rounded-radius border border-border/60 bg-background px-control py-space-xl shadow-xs",
+			className: "seo-listing-card--preview min-w-0 rounded-radius border border-border/60 bg-background p-surface shadow-xs",
 			children: /* @__PURE__ */ K(u, {
 				gap: "sm",
 				className: "min-w-0",
@@ -2364,26 +2376,26 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 						direction: "horizontal",
 						gap: "sm",
 						wrap: !1,
-						children: [/* @__PURE__ */ G(a, {
+						children: [/* @__PURE__ */ G(i, {
 							weight: "medium",
 							className: "truncate",
 							children: E
-						}), !!M && /* @__PURE__ */ G(Oe, {
+						}), !!ee && /* @__PURE__ */ G(Oe, {
 							className: "size-icon-sm shrink-0 text-muted-foreground",
 							"aria-hidden": "true"
 						})]
 					}),
 					/* @__PURE__ */ G("div", {
 						className: "seo-listing-card--url flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-2xs",
-						children: N.map((e, t) => /* @__PURE__ */ K("span", {
+						children: te.map((e, t) => /* @__PURE__ */ K("span", {
 							className: "inline-flex min-w-0 items-center gap-space-sm",
-							children: [/* @__PURE__ */ G(a, {
+							children: [/* @__PURE__ */ G(i, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								className: "truncate",
 								children: e
-							}), t < N.length - 1 && /* @__PURE__ */ G(a, {
+							}), t < te.length - 1 && /* @__PURE__ */ G(i, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
@@ -2392,20 +2404,20 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 							})]
 						}, `${e}-${t}`))
 					}),
-					M ? /* @__PURE__ */ G(c, {
-						href: M,
+					ee ? /* @__PURE__ */ G(s, {
+						href: ee,
 						size: "base",
 						lineHeight: "snug",
 						underline: !1,
 						className: "seo-listing-card--snippet-title block text-[#1a0dab] dark:text-[#8ab4f8]",
 						children: O
-					}) : /* @__PURE__ */ G(a, {
+					}) : /* @__PURE__ */ G(i, {
 						size: "base",
 						lineHeight: "snug",
 						className: "seo-listing-card--snippet-title text-[#1a0dab] dark:text-[#8ab4f8]",
 						children: O
 					}),
-					/* @__PURE__ */ G(a, {
+					/* @__PURE__ */ G(i, {
 						type: "secondary",
 						lineHeight: "relaxed",
 						className: "seo-listing-card--description max-w-4xl",
@@ -2425,20 +2437,20 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 				gap: "lg",
 				justify: "between",
 				wrap: !1,
-				className: "border-b border-border/60 px-control py-space-lg",
+				className: "border-b border-border/60 p-surface-xs",
 				children: [/* @__PURE__ */ K(u, {
 					direction: "horizontal",
 					gap: "sm",
 					wrap: !1,
 					children: [/* @__PURE__ */ G("span", {
-						className: r("seo-listing-card--score-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm", gn[A.status]),
+						className: r("seo-listing-card--score-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-inner", gn[A.status]),
 						children: /* @__PURE__ */ G(Ae, {
 							className: "size-icon-sm",
 							"aria-hidden": "true"
 						})
 					}), /* @__PURE__ */ K("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ G(a, {
+						children: [/* @__PURE__ */ G(i, {
 							weight: "semibold",
 							children: w.scoreLabel
 						}), /* @__PURE__ */ K(_, {
@@ -2466,7 +2478,7 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 						className: "tabular-nums",
 						children: [A.score, "/100"]
 					}), /* @__PURE__ */ G(D, {
-						tone: ee,
+						tone: j,
 						size: "sm",
 						inline: !0,
 						children: w.status[A.status]
@@ -2474,7 +2486,7 @@ function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title
 				})]
 			}), /* @__PURE__ */ K(u, {
 				gap: "lg",
-				className: "px-control py-space-lg",
+				className: "p-surface-xs",
 				children: [/* @__PURE__ */ G(p, {
 					value: A.score,
 					"aria-label": w.scoreLabel,
@@ -2507,8 +2519,8 @@ var En = {
 };
 //#endregion
 //#region src/components/blocks/commerce/invoice-mini/invoice-mini.tsx
-function On({ invoice: e, className: n, strings: i }) {
-	let o = t(En, i), s = {
+function On({ invoice: e, className: n, strings: a }) {
+	let o = t(En, a), s = {
 		paid: o.paid,
 		pending: o.pending,
 		overdue: o.overdue
@@ -2535,7 +2547,7 @@ function On({ invoice: e, className: n, strings: i }) {
 					children: s[e.status]
 				})]
 			}),
-			/* @__PURE__ */ G(a, {
+			/* @__PURE__ */ G(i, {
 				type: "secondary",
 				className: "truncate",
 				children: e.customerName
@@ -2549,7 +2561,7 @@ function On({ invoice: e, className: n, strings: i }) {
 				children: [/* @__PURE__ */ K(u, {
 					gap: "2xs",
 					className: "min-w-0",
-					children: [/* @__PURE__ */ G(a, {
+					children: [/* @__PURE__ */ G(i, {
 						size: "xs",
 						type: "secondary",
 						children: o.items(e.lineItemsCount)
@@ -2593,13 +2605,13 @@ function An({ eyebrow: e, name: t, location: n }) {
 		gap: "xs",
 		className: "invoice-header--party",
 		children: [
-			/* @__PURE__ */ G(s, { children: e }),
-			/* @__PURE__ */ G(a, {
+			/* @__PURE__ */ G(o, { children: e }),
+			/* @__PURE__ */ G(i, {
 				weight: "semibold",
 				className: "leading-snug",
 				children: t
 			}),
-			!!n && /* @__PURE__ */ G(a, {
+			!!n && /* @__PURE__ */ G(i, {
 				size: "xs",
 				type: "secondary",
 				className: "leading-snug",
@@ -2608,12 +2620,12 @@ function An({ eyebrow: e, name: t, location: n }) {
 		]
 	});
 }
-function jn({ invoiceNumber: e, status: t, statusTone: i, from: c, to: d, issuedDate: f, dueDate: p, amount: m, className: h, strings: g }) {
+function jn({ invoiceNumber: e, status: t, statusTone: s, from: c, to: d, issuedDate: f, dueDate: p, amount: m, className: h, strings: g }) {
 	let _ = n(kn, g), v = {
 		paid: _.paid,
 		pending: _.pending,
 		overdue: _.overdue
-	}, y = i ?? Dn[t];
+	}, y = s ?? Dn[t];
 	return /* @__PURE__ */ K(u, {
 		gap: "2xl",
 		"data-component": "invoice-header",
@@ -2626,7 +2638,7 @@ function jn({ invoiceNumber: e, status: t, statusTone: i, from: c, to: d, issued
 				align: "center",
 				justify: "between",
 				gap: "lg",
-				children: [/* @__PURE__ */ G(a, {
+				children: [/* @__PURE__ */ G(i, {
 					weight: "bold",
 					className: "font-mono tracking-wide",
 					children: e
@@ -2675,11 +2687,12 @@ function jn({ invoiceNumber: e, status: t, statusTone: i, from: c, to: d, issued
 						mono: !0,
 						valueClassName: "font-medium"
 					})]
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ K(u, {
+					gap: "dense",
 					className: "text-right",
-					children: [/* @__PURE__ */ G(s, { children: _.amountDue }), /* @__PURE__ */ G(o, {
+					children: [/* @__PURE__ */ G(o, { children: _.amountDue }), /* @__PURE__ */ G(a, {
 						tag: "h3",
-						className: r("mt-1 text-base tabular-nums leading-none tracking-tight border-none pb-0"),
+						className: r("text-base tabular-nums leading-none tracking-tight border-none pb-0"),
 						children: m
 					})]
 				})]
@@ -2717,7 +2730,7 @@ function In(e, t) {
 			id: "description",
 			header: t.item,
 			width: "minmax(0,1fr)",
-			cell: (e) => /* @__PURE__ */ G(a, {
+			cell: (e) => /* @__PURE__ */ G(i, {
 				className: "break-words",
 				children: e.description
 			})
@@ -2787,29 +2800,29 @@ function Ln(e, t, n, r) {
 		}
 	];
 }
-function Rn({ items: t, columns: i, footerRows: o, taxRate: c = .2, currency: l, className: d, strings: f }) {
-	let p = n(Mn, f), { defaultCurrency: m } = e(), g = l ?? m ?? "€", _ = i ?? In(g, p), v = o ?? (i ? [] : Ln(t, c, g, p)), y = i ? _.map((e) => e.width ?? "1fr").join(" ") : void 0, b = "grid-cols-3 @lg/invoice-line-items:grid-cols-[minmax(0,1fr)_36px_82px_82px]";
+function Rn({ items: t, columns: a, footerRows: s, taxRate: c = .2, currency: l, className: d, strings: f }) {
+	let p = n(Mn, f), { defaultCurrency: m } = e(), g = l ?? m ?? "€", _ = a ?? In(g, p), v = s ?? (a ? [] : Ln(t, c, g, p)), y = a ? _.map((e) => e.width ?? "1fr").join(" ") : void 0, b = "grid-cols-3 @lg/invoice-line-items:grid-cols-[minmax(0,1fr)_36px_82px_82px]";
 	return /* @__PURE__ */ K("div", {
 		className: r("invoice-line-items--component", "@container/invoice-line-items w-full min-w-0 max-w-full overflow-hidden rounded-radius bg-card", Nn, d),
 		children: [
 			/* @__PURE__ */ G("div", {
-				className: r("invoice-line-items--header min-w-0 gap-space-md bg-muted/40 px-row-x py-row-y", i ? "grid" : ["hidden @lg/invoice-line-items:grid", b]),
+				className: r("invoice-line-items--header min-w-0 gap-space-md bg-muted/40 px-row-x py-row-y", a ? "grid" : ["hidden @lg/invoice-line-items:grid", b]),
 				style: { gridTemplateColumns: y },
 				children: _.map((e) => /* @__PURE__ */ G("div", {
 					className: r("flex min-w-0", Pn[e.align ?? "left"], e.headerClassName),
-					children: /* @__PURE__ */ G(s, {
+					children: /* @__PURE__ */ G(o, {
 						className: "min-w-0 truncate",
 						children: e.header
 					})
 				}, e.id))
 			}),
 			t.map((e, t) => /* @__PURE__ */ G("div", {
-				className: r("invoice-line-items--row grid min-w-0 gap-space-md px-row-x py-row-y", !i && b, t % 2 == 1 && "bg-muted/20"),
+				className: r("invoice-line-items--row grid min-w-0 gap-space-md px-row-x py-row-y", !a && b, t % 2 == 1 && "bg-muted/20"),
 				style: { gridTemplateColumns: y },
 				children: _.map((n) => /* @__PURE__ */ K("div", {
 					"data-column": n.id,
-					className: r("min-w-0", i ? ["flex items-center", Pn[n.align ?? "left"]] : n.id === "description" ? "col-span-full @lg/invoice-line-items:col-span-1" : ["grid gap-space-xs", n.align === "center" ? "text-center justify-items-center" : "text-right justify-items-end"], n.cellClassName),
-					children: [!i && n.id !== "description" && /* @__PURE__ */ G(s, {
+					className: r("min-w-0", a ? ["flex items-center", Pn[n.align ?? "left"]] : n.id === "description" ? "col-span-full @lg/invoice-line-items:col-span-1" : ["grid gap-space-xs", n.align === "center" ? "text-center justify-items-center" : "text-right justify-items-end"], n.cellClassName),
+					children: [!a && n.id !== "description" && /* @__PURE__ */ G(o, {
 						className: "@lg/invoice-line-items:hidden",
 						children: n.header
 					}), n.cell(e, t)]
@@ -2825,7 +2838,7 @@ function Rn({ items: t, columns: i, footerRows: o, taxRate: c = .2, currency: l,
 						justify: "between",
 						align: "baseline",
 						className: r(e.emphasis === "total" && "pt-space-md"),
-						children: [/* @__PURE__ */ G(a, {
+						children: [/* @__PURE__ */ G(i, {
 							type: e.emphasis === "total" ? void 0 : "secondary",
 							weight: e.emphasis === "total" ? "bold" : "regular",
 							children: e.label
@@ -2856,7 +2869,7 @@ function Bn({ title: e, description: t, events: n, footerText: i, className: a }
 		timestamp: e.timestamp,
 		status: e.status
 	}));
-	return /* @__PURE__ */ G(j, {
+	return /* @__PURE__ */ G(M, {
 		"data-component": "order-timeline",
 		"data-slot": "order-timeline",
 		title: e,
@@ -3014,7 +3027,7 @@ function qn(e, t) {
 	return e === "available" ? t === "in_stock" ? "success" : t === "low_stock" ? "warning" : t === "out_of_stock" ? "error" : "default" : "default";
 }
 function $({ children: e, className: t }) {
-	return /* @__PURE__ */ G(a, {
+	return /* @__PURE__ */ G(i, {
 		weight: "semibold",
 		className: r("inventory-section-card--section-title", t),
 		children: e
@@ -3022,9 +3035,9 @@ function $({ children: e, className: t }) {
 }
 function Jn({ metric: e }) {
 	return /* @__PURE__ */ K("div", {
-		className: r("inventory-section-card--metric min-w-0 rounded-radius-sm border px-space-lg py-space-md", Wn[e.tone ?? "default"]),
+		className: r("inventory-section-card--metric min-w-0 rounded-radius border px-space-lg py-space-md", Wn[e.tone ?? "default"]),
 		children: [
-			/* @__PURE__ */ G(a, {
+			/* @__PURE__ */ G(i, {
 				size: "xs",
 				type: "secondary",
 				children: e.label
@@ -3034,7 +3047,7 @@ function Jn({ metric: e }) {
 				className: "tabular-nums",
 				children: e.value
 			}),
-			!!e.description && /* @__PURE__ */ G(a, {
+			!!e.description && /* @__PURE__ */ G(i, {
 				size: "xs",
 				type: "secondary",
 				lineHeight: "snug",
@@ -3043,8 +3056,8 @@ function Jn({ metric: e }) {
 		]
 	});
 }
-function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly: s = !1, visibleSections: c, visibleFields: d, locationOptions: f = [], countryOptions: p = [], tagRecommendations: m, maxTags: h, onGenerateSku: g, onRestock: _, className: v, strings: y }) {
-	let b = n(Hn, y), x = Kn(e), S = o || s, C = e.trackQuantity ?? !0, w = e.requiresShipping ?? !0, T = S || !w, E = (e) => c?.[e] !== !1, O = (e) => d?.[e] !== !1, A = (n, r) => {
+function Yn({ value: e, onValueChange: t, errors: i, disabled: a = !1, readOnly: o = !1, visibleSections: s, visibleFields: d, locationOptions: f = [], countryOptions: p = [], tagRecommendations: m, maxTags: h, onGenerateSku: g, onRestock: _, className: v, strings: y }) {
+	let b = n(Hn, y), x = Kn(e), S = a || o, C = e.trackQuantity ?? !0, w = e.requiresShipping ?? !0, T = S || !w, E = (e) => s?.[e] !== !1, O = (e) => d?.[e] !== !1, j = (n, r) => {
 		let i = e[n], a = {
 			...e,
 			[n]: r
@@ -3057,7 +3070,7 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 	}, ie = () => {
 		if (!g || S) return;
 		let t = g(e);
-		typeof t == "string" && A("sku", t);
+		typeof t == "string" && j("sku", t);
 	}, F = [
 		{
 			id: "available",
@@ -3085,7 +3098,7 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 			tone: qn("threshold", x)
 		}
 	];
-	return /* @__PURE__ */ K(j, {
+	return /* @__PURE__ */ K(M, {
 		icon: /* @__PURE__ */ G(Fe, { className: "size-icon" }),
 		title: b.title,
 		description: b.description,
@@ -3097,7 +3110,7 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 			direction: "horizontal",
 			gap: "sm",
 			className: "w-full @md/inventory-section-card:w-auto @md/inventory-section-card:justify-end",
-			children: [!!g && /* @__PURE__ */ K(i, {
+			children: [!!g && /* @__PURE__ */ K(c, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline",
@@ -3108,7 +3121,7 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}), b.actions.generateSku]
-			}), !!_ && /* @__PURE__ */ K(i, {
+			}), !!_ && /* @__PURE__ */ K(c, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -3123,7 +3136,6 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 		}),
 		headerDivider: !0,
 		className: r("inventory-section-card--component @container/inventory-section-card w-full", v),
-		headerClassName: "@max-md/inventory-section-card:flex-col @max-md/inventory-section-card:items-stretch",
 		contentGap: "xl",
 		children: [
 			!!E("summary") && /* @__PURE__ */ G("div", {
@@ -3134,29 +3146,29 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				render: /* @__PURE__ */ G("section", {}),
 				gap: "md",
 				className: "inventory-section-card--identity",
-				children: [/* @__PURE__ */ G($, { children: b.sections.identity }), /* @__PURE__ */ K(l, { children: [!!O("sku") && /* @__PURE__ */ G(M, {
+				children: [/* @__PURE__ */ G($, { children: b.sections.identity }), /* @__PURE__ */ K(l, { children: [!!O("sku") && /* @__PURE__ */ G(N, {
 					label: b.fields.sku,
-					error: a?.sku,
+					error: i?.sku,
 					hint: b.hints.sku,
 					children: /* @__PURE__ */ G(k, {
 						value: e.sku ?? "",
-						onChange: (e) => A("sku", e.target.value),
+						onChange: (e) => j("sku", e.target.value),
 						placeholder: b.placeholders.sku,
 						startIcon: Fe,
 						disabled: S,
-						invalid: !!a?.sku
+						invalid: !!i?.sku
 					})
-				}), !!O("barcode") && /* @__PURE__ */ G(M, {
+				}), !!O("barcode") && /* @__PURE__ */ G(N, {
 					label: b.fields.barcode,
-					error: a?.barcode,
+					error: i?.barcode,
 					hint: b.hints.barcode,
 					children: /* @__PURE__ */ G(k, {
 						value: e.barcode ?? "",
-						onChange: (e) => A("barcode", e.target.value),
+						onChange: (e) => j("barcode", e.target.value),
 						placeholder: b.placeholders.barcode,
 						startIcon: ve,
 						disabled: S,
-						invalid: !!a?.barcode
+						invalid: !!i?.barcode
 					})
 				})] })]
 			}),
@@ -3166,88 +3178,88 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				className: "inventory-section-card--tracking border-t border-border/60 pt-space-xl",
 				children: [
 					/* @__PURE__ */ G($, { children: b.sections.tracking }),
-					!!O("trackQuantity") && /* @__PURE__ */ G(N, {
+					!!O("trackQuantity") && /* @__PURE__ */ G(A, {
 						label: b.fields.trackQuantity,
 						description: b.hints.available,
 						value: C,
-						onValueChange: (e) => A("trackQuantity", e),
+						onValueChange: (e) => j("trackQuantity", e),
 						disabled: S
 					}),
 					/* @__PURE__ */ K("div", {
 						className: "inventory-section-card--tracking-grid grid min-w-0 grid-cols-1 gap-space-xl @md/inventory-section-card:grid-cols-2 @3xl/inventory-section-card:grid-cols-4",
 						children: [
-							!!O("available") && /* @__PURE__ */ G(M, {
+							!!O("available") && /* @__PURE__ */ G(N, {
 								label: b.fields.available,
-								error: a?.available,
+								error: i?.available,
 								hint: b.hints.available,
 								children: /* @__PURE__ */ G(P, {
 									value: e.available ?? "",
-									onChange: (e) => A("available", e.target.value),
+									onChange: (e) => j("available", e.target.value),
 									placeholder: b.placeholders.available,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
 									disabled: S || !C,
-									invalid: !!a?.available
+									invalid: !!i?.available
 								})
 							}),
-							!!O("committed") && /* @__PURE__ */ G(M, {
+							!!O("committed") && /* @__PURE__ */ G(N, {
 								label: b.fields.committed,
-								error: a?.committed,
+								error: i?.committed,
 								hint: b.hints.committed,
 								children: /* @__PURE__ */ G(P, {
 									value: e.committed ?? "",
-									onChange: (e) => A("committed", e.target.value),
+									onChange: (e) => j("committed", e.target.value),
 									placeholder: b.placeholders.committed,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
 									disabled: S || !C,
-									invalid: !!a?.committed
+									invalid: !!i?.committed
 								})
 							}),
-							!!O("incoming") && /* @__PURE__ */ G(M, {
+							!!O("incoming") && /* @__PURE__ */ G(N, {
 								label: b.fields.incoming,
-								error: a?.incoming,
+								error: i?.incoming,
 								hint: b.hints.incoming,
 								children: /* @__PURE__ */ G(P, {
 									value: e.incoming ?? "",
-									onChange: (e) => A("incoming", e.target.value),
+									onChange: (e) => j("incoming", e.target.value),
 									placeholder: b.placeholders.incoming,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
 									disabled: S || !C,
-									invalid: !!a?.incoming
+									invalid: !!i?.incoming
 								})
 							}),
-							!!O("lowStockThreshold") && /* @__PURE__ */ G(M, {
+							!!O("lowStockThreshold") && /* @__PURE__ */ G(N, {
 								label: b.fields.lowStockThreshold,
-								error: a?.lowStockThreshold,
+								error: i?.lowStockThreshold,
 								hint: b.hints.lowStockThreshold,
 								children: /* @__PURE__ */ G(P, {
 									value: e.lowStockThreshold ?? "",
-									onChange: (e) => A("lowStockThreshold", e.target.value),
+									onChange: (e) => j("lowStockThreshold", e.target.value),
 									placeholder: b.placeholders.lowStockThreshold,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
 									disabled: S || !C,
-									invalid: !!a?.lowStockThreshold
+									invalid: !!i?.lowStockThreshold
 								})
 							})
 						]
 					}),
-					!!O("inventoryPolicy") && /* @__PURE__ */ G(M, {
+					!!O("inventoryPolicy") && /* @__PURE__ */ G(N, {
 						label: b.fields.inventoryPolicy,
-						error: a?.inventoryPolicy,
+						error: i?.inventoryPolicy,
 						hint: b.hints.inventoryPolicy,
 						children: /* @__PURE__ */ G(te, {
 							columns: 2,
 							value: e.inventoryPolicy ?? "deny",
-							onValueChange: (e) => A("inventoryPolicy", e),
+							onValueChange: (e) => j("inventoryPolicy", e),
 							disabled: S || !C,
-							invalid: !!a?.inventoryPolicy,
+							invalid: !!i?.inventoryPolicy,
 							options: [{
 								value: "deny",
 								label: b.policyOptions.deny.label,
@@ -3265,35 +3277,35 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				render: /* @__PURE__ */ G("section", {}),
 				gap: "md",
 				className: "inventory-section-card--location border-t border-border/60 pt-space-xl",
-				children: [/* @__PURE__ */ G($, { children: b.sections.location }), /* @__PURE__ */ K(l, { children: [!!O("locationId") && /* @__PURE__ */ G(M, {
+				children: [/* @__PURE__ */ G($, { children: b.sections.location }), /* @__PURE__ */ K(l, { children: [!!O("locationId") && /* @__PURE__ */ G(N, {
 					label: b.fields.locationId,
-					error: a?.locationId,
+					error: i?.locationId,
 					hint: b.hints.locationId,
 					children: f.length > 0 ? /* @__PURE__ */ G(ee, {
 						value: e.locationId ?? null,
-						onValueChange: (e) => A("locationId", e),
+						onValueChange: (e) => j("locationId", e),
 						options: f,
 						placeholder: b.placeholders.locationId,
 						disabled: S,
-						invalid: !!a?.locationId,
+						invalid: !!i?.locationId,
 						allowClear: !0
 					}) : /* @__PURE__ */ G(k, {
 						value: e.locationId ?? "",
-						onChange: (e) => A("locationId", e.target.value),
+						onChange: (e) => j("locationId", e.target.value),
 						placeholder: b.placeholders.locationId,
 						disabled: S,
-						invalid: !!a?.locationId
+						invalid: !!i?.locationId
 					})
-				}), !!O("binLocation") && /* @__PURE__ */ G(M, {
+				}), !!O("binLocation") && /* @__PURE__ */ G(N, {
 					label: b.fields.binLocation,
-					error: a?.binLocation,
+					error: i?.binLocation,
 					hint: b.hints.binLocation,
 					children: /* @__PURE__ */ G(k, {
 						value: e.binLocation ?? "",
-						onChange: (e) => A("binLocation", e.target.value),
+						onChange: (e) => j("binLocation", e.target.value),
 						placeholder: b.placeholders.binLocation,
 						disabled: S,
-						invalid: !!a?.binLocation
+						invalid: !!i?.binLocation
 					})
 				})] })]
 			}),
@@ -3303,24 +3315,24 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				className: "inventory-section-card--shipping border-t border-border/60 pt-space-xl",
 				children: [
 					/* @__PURE__ */ G($, { children: b.sections.shipping }),
-					!!O("requiresShipping") && /* @__PURE__ */ G(N, {
+					!!O("requiresShipping") && /* @__PURE__ */ G(A, {
 						label: b.fields.requiresShipping,
 						description: b.hints.weight,
 						value: w,
-						onValueChange: (e) => A("requiresShipping", e),
+						onValueChange: (e) => j("requiresShipping", e),
 						disabled: S
 					}),
-					!!O("weight") && /* @__PURE__ */ G(M, {
+					!!O("weight") && /* @__PURE__ */ G(N, {
 						label: b.fields.weight,
-						error: a?.weight ?? a?.weightUnit,
+						error: i?.weight ?? i?.weightUnit,
 						hint: b.hints.weight,
 						children: /* @__PURE__ */ G(re, {
 							value: e.weight ?? "",
 							unit: e.weightUnit ?? "kg",
-							onChange: (e) => A("weight", e.target.value),
-							onUnitChange: (e) => A("weightUnit", e),
+							onChange: (e) => j("weight", e.target.value),
+							onUnitChange: (e) => j("weightUnit", e),
 							disabled: T,
-							invalid: !!a?.weight || !!a?.weightUnit,
+							invalid: !!i?.weight || !!i?.weightUnit,
 							decimalPlaces: 2,
 							min: 0
 						})
@@ -3331,35 +3343,35 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				render: /* @__PURE__ */ G("section", {}),
 				gap: "md",
 				className: "inventory-section-card--customs border-t border-border/60 pt-space-xl",
-				children: [/* @__PURE__ */ G($, { children: b.sections.customs }), /* @__PURE__ */ K(l, { children: [!!O("countryOfOrigin") && /* @__PURE__ */ G(M, {
+				children: [/* @__PURE__ */ G($, { children: b.sections.customs }), /* @__PURE__ */ K(l, { children: [!!O("countryOfOrigin") && /* @__PURE__ */ G(N, {
 					label: b.fields.countryOfOrigin,
-					error: a?.countryOfOrigin,
+					error: i?.countryOfOrigin,
 					hint: b.hints.countryOfOrigin,
 					children: p.length > 0 ? /* @__PURE__ */ G(ee, {
 						value: e.countryOfOrigin ?? null,
-						onValueChange: (e) => A("countryOfOrigin", e),
+						onValueChange: (e) => j("countryOfOrigin", e),
 						options: p,
 						placeholder: b.placeholders.countryOfOrigin,
 						disabled: T,
-						invalid: !!a?.countryOfOrigin,
+						invalid: !!i?.countryOfOrigin,
 						allowClear: !0
 					}) : /* @__PURE__ */ G(k, {
 						value: e.countryOfOrigin ?? "",
-						onChange: (e) => A("countryOfOrigin", e.target.value),
+						onChange: (e) => j("countryOfOrigin", e.target.value),
 						placeholder: b.placeholders.countryOfOrigin,
 						disabled: T,
-						invalid: !!a?.countryOfOrigin
+						invalid: !!i?.countryOfOrigin
 					})
-				}), !!O("hsCode") && /* @__PURE__ */ G(M, {
+				}), !!O("hsCode") && /* @__PURE__ */ G(N, {
 					label: b.fields.hsCode,
-					error: a?.hsCode,
+					error: i?.hsCode,
 					hint: b.hints.hsCode,
 					children: /* @__PURE__ */ G(k, {
 						value: e.hsCode ?? "",
-						onChange: (e) => A("hsCode", e.target.value),
+						onChange: (e) => j("hsCode", e.target.value),
 						placeholder: b.placeholders.hsCode,
 						disabled: T,
-						invalid: !!a?.hsCode
+						invalid: !!i?.hsCode
 					})
 				})] })]
 			}),
@@ -3367,18 +3379,18 @@ function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				render: /* @__PURE__ */ G("section", {}),
 				gap: "md",
 				className: "inventory-section-card--tags border-t border-border/60 pt-space-xl",
-				children: [/* @__PURE__ */ G($, { children: b.sections.tags }), /* @__PURE__ */ G(M, {
+				children: [/* @__PURE__ */ G($, { children: b.sections.tags }), /* @__PURE__ */ G(N, {
 					label: b.fields.tags,
-					error: a?.tags,
+					error: i?.tags,
 					hint: b.hints.tags,
 					children: /* @__PURE__ */ G(ne, {
 						value: e.tags ?? [],
-						onValueChange: (e) => A("tags", e),
+						onValueChange: (e) => j("tags", e),
 						recommendations: m,
 						maxTags: h,
 						showMaxTags: h !== void 0,
 						disabled: S,
-						invalid: !!a?.tags,
+						invalid: !!i?.tags,
 						strings: b.tagInput
 					})
 				})]