themelia-react-ui 2.0.1 → 2.0.3

package/dist/blocks/commerce.js

@@ -1,47 +1,47 @@
 "use client";
-import { u as e } from "../ui-provider-1D_NSYzO.js";
+import { u as e } from "../ui-provider-C_U0Xma4.js";
 import { mergeStrings as t, useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-l5LpDw2z.js";
-import { n as i, t as a } from "../buttons-SbIcm1HJ.js";
-import { a as o, o as s, s as c, t as l } from "../typography-DTRkE9zL.js";
-import { i as u, r as d, t as f } from "../structure-DC2dygdA.js";
-import { r as p } from "../tone-recipes-CPoExcTE.js";
-import { d as m, h, p as g, t as _ } from "../smart-card-lFKxn5Hu.js";
-import { t as v } from "../progress-rnS8-uAW.js";
-import { n as y, t as b } from "../action-menu-TzCoSlwL.js";
-import { n as x } from "../cards-CiiHpKYd.js";
-import { t as S } from "../interaction-recipes-CHr0dJUs.js";
-import { _ as C, c as w, g as T, m as E, o as D, u as O } from "../primitives-B-CkiEMU.js";
+import { t as r } from "../utils-BRhFDwuU.js";
+import { n as i, t as a } from "../buttons-DPZekJFu.js";
+import { c as o, o as s, s as c, t as l } from "../typography-UTnveOEy.js";
+import { i as u, r as d, t as f } from "../structure-BmisBK-3.js";
+import { i as p } from "../tone-recipes-BPsRAvhu.js";
+import { d as m, h, p as g, t as _ } from "../smart-card-DiC5aac3.js";
+import { t as v } from "../progress-B1VnCT0K.js";
+import { n as y, t as b } from "../action-menu-CllU52Mm.js";
+import { n as x } from "../cards-BaBZR-AU.js";
+import { t as S } from "../interaction-recipes-XR9ZpVYL.js";
+import { _ as C, c as w, g as T, m as E, o as D, u as O } from "../primitives-BFK08r9M.js";
 import { t as k } from "../initials-format-CDoQEOd_.js";
-import { n as ee, r as te, t as A } from "../number-DMhe-Vsk.js";
-import { t as j } from "../icon-badge-CAuKupo9.js";
-import { i as ne, n as re, s as ie } from "../avatar-BBnEJIx8.js";
-import { t as M } from "../badge-MrKVNzW9.js";
-import { t as ae } from "../separator-C8DlRGwF.js";
-import { t as N } from "../input-DWhBBBww.js";
-import { t as P } from "../copyable-B3Gwgdqc.js";
-import { t as F } from "../form-field-DUt4UxSV.js";
-import { a as oe, l as se, r as ce } from "../choice-inputs-t6w3ATNz.js";
-import { i as le, n as I, o as ue } from "../display-DsQTVzMz.js";
-import { u as de } from "../value-inputs-TAYMX111.js";
-import { d as fe, n as pe } from "../forms-numeric-C0bvjRPZ.js";
-import { c as L, i as R, n as z, o as me, r as B, t as V, u as H } from "../item-DEmDiTlD.js";
-import { t as he } from "../metadata-list-X5rYAKSB.js";
-import { i as ge, n as _e, r as ve, t as ye } from "../tabs-DwBJfjxX.js";
-import { m as U, s as be } from "../data-display-DafIvCl5.js";
-import { n as xe, t as Se } from "../receipt-D0oswZ0p.js";
-import { s as Ce } from "../timelines-C_SBwHNP.js";
-import { forwardRef as we, useEffect as Te, useId as Ee, useMemo as De, useRef as Oe, useState as W } from "react";
-import { Fragment as ke, jsx as G, jsxs as K } from "react/jsx-runtime";
-import { ArrowRight as Ae, Ban as je, CalendarClock as Me, Check as Ne, CheckCircle2 as Pe, ChevronRight as Fe, Circle as Ie, CircleAlert as Le, Copy as Re, CreditCard as ze, Download as Be, Edit2 as Ve, ExternalLink as He, Loader2 as Ue, Pencil as We, RotateCcw as Ge, ShieldCheck as Ke, Star as qe, Trash2 as Je, TriangleAlert as Ye, X as Xe } from "lucide-react";
+import { n as ee, r as te, t as A } from "../number-DbV1Dija.js";
+import { t as j } from "../icon-badge-DYKIwvOV.js";
+import { i as ne, n as re, s as ie } from "../avatar-DAPlDvhJ.js";
+import { t as M } from "../badge-HpFqoqSY.js";
+import { t as ae } from "../separator-BDV-Y648.js";
+import { t as N } from "../input-DQdEd0YD.js";
+import { t as P } from "../copyable-ClBuk_UK.js";
+import { t as F } from "../form-field-CwH9y77i.js";
+import { a as oe, l as se, r as ce } from "../choice-inputs-CNHvARCJ.js";
+import { i as le, n as I, o as ue } from "../display-hAc1HjpI.js";
+import { u as de } from "../value-inputs-TaX4OjNk.js";
+import { d as fe, n as pe } from "../forms-numeric-B_jraJaQ.js";
+import { c as L, i as R, n as z, o as me, r as B, t as V, u as H } from "../item-K5_ghvze.js";
+import { t as he } from "../metadata-list-8N16ZMW_.js";
+import { i as ge, n as _e, r as ve, t as ye } from "../tabs-CDocW5D1.js";
+import { m as U, s as be } from "../data-display-DT_khPl_.js";
+import { n as xe, t as Se } from "../receipt-BVSOH3Xo.js";
+import { s as Ce } from "../timelines-CwM_9IhD.js";
+import { forwardRef as we, useEffect as Te, useId as Ee, useMemo as De, useRef as Oe, useState as ke } from "react";
+import { Fragment as Ae, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { ArrowRight as je, CalendarClock as Me, Check as Ne, CheckCircle2 as Pe, ChevronRight as Fe, Circle as Ie, CircleAlert as Le, Copy as Re, Edit2 as ze, ExternalLink as Be, Loader2 as Ve, Pencil as He, Star as Ue, Trash2 as We, TriangleAlert as Ge, X as Ke } from "lucide-react";
 //#region src/components/blocks/commerce/upcoming-booking/upcoming-booking.tsx
-function Ze({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dateVariant: a = "default", timePlacement: o = "below" }) {
-	return /* @__PURE__ */ G(me, {
+function qe({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dateVariant: a = "default", timePlacement: o = "below" }) {
+	return /* @__PURE__ */ W(me, {
 		className: r("upcoming-booking--component w-full", t),
-		children: e.map((e, t) => /* @__PURE__ */ K(V, {
+		children: e.map((e, t) => /* @__PURE__ */ G(V, {
 			className: "items-center",
 			children: [
-				/* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(le, {
+				/* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(le, {
 					date: e.date,
 					time: o === "below" ? e.time : void 0,
 					tone: i,
@@ -50,20 +50,21 @@ function Ze({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dat
 					timePlacement: "below",
 					layout: "stacked"
 				}) }),
-				/* @__PURE__ */ K(B, {
+				/* @__PURE__ */ G(B, {
 					className: "min-w-0 sm:min-w-48",
-					children: [/* @__PURE__ */ G(H, { children: e.service }), /* @__PURE__ */ G(R, {
+					children: [/* @__PURE__ */ W(H, { children: e.service }), /* @__PURE__ */ W(R, {
 						clamp: 1,
 						children: e.customer
 					})]
 				}),
-				/* @__PURE__ */ K(z, {
+				/* @__PURE__ */ G(z, {
 					className: "ml-auto shrink-0 flex-wrap justify-end",
-					children: [o === "inline-trailing" && /* @__PURE__ */ G(T, {
+					children: [o === "inline-trailing" && /* @__PURE__ */ W(T, {
 						size: "xs",
 						className: "shrink-0 tabular-nums",
 						children: e.time
-					}), /* @__PURE__ */ G(C, {
+					}), /* @__PURE__ */ W(C, {
+						type: "inherit",
 						weight: "semibold",
 						className: "shrink-0 tabular-nums",
 						children: e.amount
@@ -73,46 +74,49 @@ function Ze({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dat
 		}, e.id ?? `${e.service}-${e.time}-${t}`))
 	});
 }
-Ze.displayName = "UpcomingBookingRow";
+qe.displayName = "UpcomingBookingRow";
 //#endregion
 //#region src/components/blocks/commerce/booking-calendar-event-card/booking-calendar-event-card.tsx
-function Qe(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ G(C, { children: String(e) }) : e;
+function Je(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ W(C, {
+		type: "inherit",
+		children: String(e)
+	}) : e;
 }
-function $e({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: s, className: c, contentClassName: l }) {
-	return /* @__PURE__ */ K(I, {
+function Ye({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: o, className: c, contentClassName: l }) {
+	return /* @__PURE__ */ G(I, {
 		title: e,
 		titleSuffix: n,
 		description: t,
 		className: r("booking-calendar-event-card--component @container/booking-calendar-event-card", c),
 		contentClassName: r("grid gap-space-2xl", l),
-		children: [/* @__PURE__ */ G("dl", {
+		children: [/* @__PURE__ */ W("dl", {
 			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", {
+			children: i.map((e) => /* @__PURE__ */ G("div", {
 				className: r("grid min-w-0 gap-normal", e.fullWidth === !0 && "@md/booking-calendar-event-card:col-span-2"),
-				children: [/* @__PURE__ */ G("dt", {
+				children: [/* @__PURE__ */ W("dt", {
 					className: "flex",
-					children: /* @__PURE__ */ G(o, { children: e.label })
-				}), /* @__PURE__ */ G("dd", {
+					children: /* @__PURE__ */ W(s, { children: e.label })
+				}), /* @__PURE__ */ W("dd", {
 					className: "min-w-0 leading-normal",
-					children: Qe(e.value)
+					children: Je(e.value)
 				})]
 			}, e.id))
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ W("div", {
 			className: "booking-calendar-event-card--action flex justify-end",
-			children: /* @__PURE__ */ G(x, {
+			children: /* @__PURE__ */ W(x, {
 				fullWidth: !1,
 				className: "w-full @md/booking-calendar-event-card:w-auto",
-				onClick: s,
+				onClick: o,
 				children: a
 			})
 		})]
 	});
 }
-$e.displayName = "BookingCalendarEventCard";
+Ye.displayName = "BookingCalendarEventCard";
 //#endregion
 //#region src/components/blocks/commerce/loyalty-points/types.ts
-var et = {
+var Xe = {
 	balanceLabel: "Loyalty balance",
 	pointsAvailable: "points available",
 	redeem: "Redeem points",
@@ -120,50 +124,49 @@ var et = {
 };
 //#endregion
 //#region src/components/blocks/commerce/loyalty-points/loyalty-points.tsx
-function tt({ balance: e, tier: t, tierTone: a = "neutral", history: o = [], onRedeem: l, className: u, strings: d }) {
-	let p = n(et, d);
-	return /* @__PURE__ */ K(I, {
+function Ze({ balance: e, tier: t, tierTone: a = "neutral", history: s = [], onRedeem: l, className: u, strings: d }) {
+	let p = n(Xe, d);
+	return /* @__PURE__ */ G(I, {
 		title: p.balanceLabel,
-		titleSuffix: /* @__PURE__ */ G(M, {
+		titleSuffix: /* @__PURE__ */ W(M, {
 			tone: a,
 			children: t ?? p.tier
 		}),
 		contentGap: "2xl",
 		className: r("loyalty-points--component w-full", u),
 		children: [
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				gap: "dense",
 				className: "loyalty-points--balance",
-				children: [/* @__PURE__ */ G(s, {
+				children: [/* @__PURE__ */ W(c, {
 					tag: "h3",
-					className: "text-base tabular-nums tracking-tight",
-					children: typeof e == "number" ? /* @__PURE__ */ G(A, {
+					className: "tabular-nums text-inherit",
+					children: typeof e == "number" ? /* @__PURE__ */ W(A, {
+						type: "inherit",
 						value: e,
-						size: "base",
-						weight: "bold",
 						align: "left"
 					}) : e
-				}), /* @__PURE__ */ G(c, {
+				}), /* @__PURE__ */ W(o, {
 					size: "xs",
 					type: "secondary",
 					children: p.pointsAvailable
 				})]
 			}),
-			o.length > 0 && /* @__PURE__ */ G(me, { children: o.map((e) => /* @__PURE__ */ K(V, {
+			s.length > 0 && /* @__PURE__ */ W(me, { children: s.map((e) => /* @__PURE__ */ G(V, {
 				size: "sm",
-				children: [/* @__PURE__ */ K(B, { children: [/* @__PURE__ */ G(H, {
+				children: [/* @__PURE__ */ G(B, { children: [/* @__PURE__ */ W(H, {
 					bold: !1,
 					children: e.label
-				}), /* @__PURE__ */ G(R, {
+				}), /* @__PURE__ */ W(R, {
 					clamp: 1,
 					children: e.date
-				})] }), /* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(c, {
+				})] }), /* @__PURE__ */ W(z, { children: /* @__PURE__ */ W(o, {
 					weight: "semibold",
 					className: r("tabular-nums", e.positive ? "text-success" : "text-destructive"),
 					children: e.points
 				}) })]
 			}, e.date + e.label)) }),
-			!!l && /* @__PURE__ */ G(i, {
+			!!l && /* @__PURE__ */ W(i, {
 				tone: "primary",
 				fullWidth: !0,
 				onClick: l,
@@ -172,65 +175,65 @@ function tt({ balance: e, tier: t, tierTone: a = "neutral", history: o = [], onR
 		]
 	});
 }
-tt.displayName = "LoyaltyPoints";
-function nt(e) {
+Ze.displayName = "LoyaltyPoints";
+function Qe(e) {
 	return e.replace(/^[\s−-]+/, "");
 }
-function rt(e) {
-	return e.trim() ? `−${nt(e)}` : e;
+function $e(e) {
+	return e.trim() ? `−${Qe(e)}` : e;
 }
 //#endregion
 //#region src/components/blocks/commerce/summary-panel/amount-row.tsx
-function it(e) {
+function et(e) {
 	return typeof e == "string" || typeof e == "number";
 }
-var q = we(function({ label: e, amount: t, note: n, total: i = !1, deduction: a = !1, rollup: o = !1, className: s, ...l }, u) {
+var K = we(function({ label: e, amount: t, note: n, total: i = !1, deduction: a = !1, rollup: s = !1, className: c, ...l }, u) {
 	let d = n != null && n !== !1 && n !== "";
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ G("div", {
 		ref: u,
 		"data-slot": "amount-row",
 		"data-total": i ? "" : void 0,
 		"data-deduction": a ? "" : void 0,
-		"data-rollup": o ? "" : void 0,
-		className: r("amount-row--component flex min-w-0 items-baseline gap-space-md", o && "mt-space-sm border-t border-border pt-space-lg", s),
+		"data-rollup": s ? "" : void 0,
+		className: r("amount-row--component flex min-w-0 items-baseline gap-space-md", s && "mt-space-sm border-t border-border pt-space-lg", c),
 		...l,
 		children: [
-			it(e) ? /* @__PURE__ */ G(c, {
+			et(e) ? /* @__PURE__ */ W(o, {
 				tag: "span",
-				type: i ? "main" : "secondary",
+				type: i ? "inherit" : "secondary",
 				weight: i ? "semibold" : "regular",
 				lineHeight: i ? "tight" : "normal",
 				className: "amount-row--label min-w-0 flex-1 wrap-anywhere",
 				children: e
-			}) : /* @__PURE__ */ G("span", {
+			}) : /* @__PURE__ */ W("span", {
 				className: "amount-row--label min-w-0 flex-1",
 				children: e
 			}),
-			!!d && (it(n) ? /* @__PURE__ */ G(c, {
+			!!d && (et(n) ? /* @__PURE__ */ W(o, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				className: "amount-row--note shrink-0 tabular-nums",
 				children: n
-			}) : /* @__PURE__ */ G("span", {
+			}) : /* @__PURE__ */ W("span", {
 				className: "amount-row--note inline-flex shrink-0 items-center",
 				children: n
 			})),
-			/* @__PURE__ */ G(c, {
+			/* @__PURE__ */ W(o, {
 				tag: "span",
-				type: a ? "success" : "main",
+				type: a ? "success" : "inherit",
 				weight: i ? "bold" : "medium",
 				className: "amount-row--value shrink-0 text-end tabular-nums",
-				children: a ? rt(t) : t
+				children: a ? $e(t) : t
 			})
 		]
 	});
 });
-q.displayName = "AmountRow";
+K.displayName = "AmountRow";
 //#endregion
 //#region src/components/blocks/commerce/summary-panel/summary-panel.tsx
-var J = we(function({ className: e, children: t, ...n }, i) {
-	return /* @__PURE__ */ G(f, {
+var q = we(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ W(f, {
 		ref: i,
 		gap: "sm",
 		"data-slot": "summary-panel",
@@ -239,41 +242,41 @@ var J = we(function({ className: e, children: t, ...n }, i) {
 		children: t
 	});
 });
-J.displayName = "SummaryPanel";
+q.displayName = "SummaryPanel";
 //#endregion
 //#region src/components/blocks/commerce/discount-stack/types.ts
-var at = {
+var tt = {
 	title: "Applied discounts",
 	totalSavings: "Total savings"
 };
 //#endregion
 //#region src/components/blocks/commerce/discount-stack/discount-stack.tsx
-function ot(e) {
+function nt(e) {
 	let t = e.kind ?? e.type;
-	if (t != null && t !== "") return e.badge ? /* @__PURE__ */ G(M, {
+	if (t != null && t !== "") return e.badge ? /* @__PURE__ */ W(M, {
 		tone: e.badge,
 		size: "sm",
 		children: t
 	}) : t;
 }
-function st({ discounts: e, totalSavings: t, className: i, strings: a, ...o }) {
-	let s = n(at, a);
-	return /* @__PURE__ */ G(_, {
+function rt({ discounts: e, totalSavings: t, className: i, strings: a, ...o }) {
+	let s = n(tt, a);
+	return /* @__PURE__ */ W(_, {
 		...o,
 		surface: "flat",
 		padding: "none",
 		title: s.title,
 		"data-slot": "discount-stack",
 		className: r("discount-stack--component w-full", i),
-		children: /* @__PURE__ */ K(J, {
+		children: /* @__PURE__ */ G(q, {
 			className: "discount-stack--ledger",
-			children: [e.map((e, t) => /* @__PURE__ */ G(q, {
+			children: [e.map((e, t) => /* @__PURE__ */ W(K, {
 				className: "discount-stack--row",
 				label: e.label,
-				note: ot(e),
+				note: nt(e),
 				amount: e.amount,
 				deduction: !0
-			}, e.id ?? `${e.type ?? ""}-${e.label}-${String(t)}`)), /* @__PURE__ */ G(q, {
+			}, e.id ?? `${e.type ?? ""}-${e.label}-${String(t)}`)), /* @__PURE__ */ W(K, {
 				className: "discount-stack--total",
 				label: s.totalSavings,
 				amount: t,
@@ -284,13 +287,13 @@ function st({ discounts: e, totalSavings: t, className: i, strings: a, ...o }) {
 		})
 	});
 }
-st.displayName = "DiscountStackPreview";
-var ct = st, lt = {
+rt.displayName = "DiscountStackPreview";
+var it = rt, at = {
 	pending: "neutral",
 	in_transit: "info",
 	delivered: "success",
 	delayed: "warning"
-}, ut = {
+}, ot = {
 	title: "Shipment tracking",
 	trackingNumber: "Tracking number",
 	carrier: "Carrier",
@@ -302,37 +305,37 @@ var ct = st, lt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/shipment-tracking/shipment-tracking.tsx
-function dt(e) {
+function st(e) {
 	for (let t = e.length - 1; t >= 0; --t) if (e[t]?.done) return t;
 	return -1;
 }
-function ft({ trackingNumber: e, carrier: t, status: i, steps: a, details: o = [], onCopyTracking: s, className: c, strings: l, ...u }) {
-	let d = n(ut, l), p = i === "delivered" ? -1 : Math.max(0, dt(a)), m = a.map((e, t) => ({
+function ct({ trackingNumber: e, carrier: t, status: i, steps: a, details: o = [], onCopyTracking: s, className: c, strings: l, ...u }) {
+	let d = n(ot, l), p = i === "delivered" ? -1 : st(a), m = a.map((e, t) => ({
 		id: e.id ?? `${e.label}-${String(t)}`,
 		title: e.label,
 		timestamp: e.timestamp,
 		status: t === p ? "current" : e.done ? "completed" : "pending"
 	}));
-	return /* @__PURE__ */ K(_, {
+	return /* @__PURE__ */ G(_, {
 		...u,
 		surface: "flat",
 		padding: "none",
 		title: d.title,
-		titleSuffix: /* @__PURE__ */ G(M, {
-			tone: lt[i],
+		titleSuffix: /* @__PURE__ */ W(M, {
+			tone: at[i],
 			className: "shipment-tracking--status",
 			children: d[i]
 		}),
 		contentGap: "2xl",
 		"data-slot": "shipment-tracking",
 		className: r("shipment-tracking--component w-full", c),
-		children: [/* @__PURE__ */ K(f, {
+		children: [/* @__PURE__ */ G(f, {
 			gap: "md",
 			className: "shipment-tracking--facts",
 			children: [
-				/* @__PURE__ */ G(U, {
+				/* @__PURE__ */ W(U, {
 					label: d.trackingNumber,
-					value: /* @__PURE__ */ G(P, {
+					value: /* @__PURE__ */ W(P, {
 						value: e,
 						mono: !0,
 						truncate: !0,
@@ -342,28 +345,29 @@ function ft({ trackingNumber: e, carrier: t, status: i, steps: a, details: o = [
 					}),
 					valueClassName: "min-w-0"
 				}),
-				!!t && /* @__PURE__ */ G(U, {
+				!!t && /* @__PURE__ */ W(U, {
 					label: d.carrier,
 					value: t,
-					valueClassName: "font-medium"
+					valueWeight: "medium"
 				}),
-				o.map((e, t) => /* @__PURE__ */ G(U, {
+				o.map((e, t) => /* @__PURE__ */ W(U, {
 					label: e.label,
 					value: e.value,
-					valueClassName: "min-w-0 truncate font-medium"
+					valueWeight: "medium",
+					valueClassName: "min-w-0 truncate"
 				}, `${e.label}-${String(t)}`))
 			]
-		}), m.length > 0 && /* @__PURE__ */ G(Ce, {
+		}), m.length > 0 && /* @__PURE__ */ W(Ce, {
 			items: m,
 			dotSize: "sm",
 			className: "shipment-tracking--rail"
 		})]
 	});
 }
-ft.displayName = "ShipmentTracking";
+ct.displayName = "ShipmentTracking";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/types.ts
-var Y = {
+var J = {
 	status: {
 		active: "Active",
 		redeemed: "Redeemed",
@@ -382,29 +386,29 @@ var Y = {
 	copiedCode: "Code copied",
 	copyFailed: "Could not copy code. Try again.",
 	copyingCode: "Copying code…"
-}, pt = {
+}, lt = {
 	active: "success",
 	redeemed: "secondary",
 	expired: "destructive",
 	disabled: "warning"
-}, mt = "bg-inverse-background from-inverse-background via-inverse-surface to-inverse-background", ht = {
+}, ut = "bg-inverse-background from-inverse-background via-inverse-surface to-inverse-background", dt = {
 	purple: {
-		card: mt,
+		card: ut,
 		strip: "from-primary via-primary/90 to-info"
 	},
 	green: {
-		card: mt,
+		card: ut,
 		strip: "from-success via-info to-success"
 	},
 	warm: {
-		card: mt,
+		card: ut,
 		strip: "from-warning via-warning/90 to-destructive"
 	}
-}, gt = {
+}, ft = {
 	purple: "from-primary to-info",
 	green: "from-success to-info",
 	warm: "from-warning to-destructive"
-}, _t = {
+}, pt = {
 	green: {
 		line: p.success.solid,
 		iconBg: `${p.success.tint} ${p.success.ink}`
@@ -417,56 +421,60 @@ var Y = {
 		line: p.warning.solid,
 		iconBg: `${p.warning.tint} ${p.warning.ink}`
 	}
-}, vt = {
+}, mt = {
 	green: "from-success to-info",
 	blue: "from-info to-primary",
 	amber: "from-warning to-destructive"
 };
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-compact.tsx
-function yt({ code: e, amount: t, remainingAmount: i, status: a, recipientName: o, gradient: s = "purple", className: c, strings: l }) {
-	let u = n(Y, l).status[a], d = pt[a], p = !!i && i !== t, m = p ? i : t;
-	return /* @__PURE__ */ K(V, {
+function ht({ code: e, amount: t, remainingAmount: i, status: a, recipientName: o, gradient: s = "purple", className: c, strings: l }) {
+	let u = n(J, l).status[a], d = lt[a], p = !!i && i !== t, m = p ? i : t;
+	return /* @__PURE__ */ G(V, {
 		size: "sm",
 		variant: "outline",
 		padding: "default",
 		className: r("giftcard-card--component giftcard-compact--component flex-nowrap shadow-sm transition-colors duration-150 hover:border-border", c),
 		children: [
-			/* @__PURE__ */ G(L, {
+			/* @__PURE__ */ W(L, {
 				variant: "image",
-				children: /* @__PURE__ */ G("div", {
-					className: r("flex size-full items-center justify-center bg-gradient-to-br p-space-2xs", gt[s]),
-					children: /* @__PURE__ */ G("span", { className: "size-full rounded-inner bg-inverse-background" })
+				children: /* @__PURE__ */ W("div", {
+					className: r("flex size-full items-center justify-center bg-gradient-to-br p-space-2xs", ft[s]),
+					children: /* @__PURE__ */ W("span", { className: "size-full rounded-inner bg-inverse-background" })
 				})
 			}),
-			/* @__PURE__ */ K(B, {
+			/* @__PURE__ */ G(B, {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ G(H, {
+				children: [/* @__PURE__ */ W(H, {
 					className: "w-full max-w-full truncate whitespace-nowrap",
-					children: /* @__PURE__ */ G(E, { children: e })
-				}), !!o && /* @__PURE__ */ G(R, {
+					children: /* @__PURE__ */ W(E, {
+						type: "inherit",
+						children: e
+					})
+				}), !!o && /* @__PURE__ */ W(R, {
 					clamp: 1,
 					children: o
 				})]
 			}),
-			/* @__PURE__ */ G(z, {
+			/* @__PURE__ */ W(z, {
 				className: "shrink-0",
-				children: /* @__PURE__ */ K(f, {
+				children: /* @__PURE__ */ G(f, {
 					gap: "2xs",
 					align: "end",
 					className: "shrink-0",
-					children: [/* @__PURE__ */ K("div", {
+					children: [/* @__PURE__ */ G("div", {
 						className: "flex items-baseline gap-space-xs",
-						children: [/* @__PURE__ */ G(C, {
+						children: [/* @__PURE__ */ W(C, {
+							type: "inherit",
 							weight: "bold",
 							className: "tabular-nums",
 							children: m
-						}), !!p && /* @__PURE__ */ G(C, {
+						}), !!p && /* @__PURE__ */ W(C, {
 							size: "xs",
 							className: "line-through tabular-nums text-muted-foreground",
 							children: t
 						})]
-					}), /* @__PURE__ */ G(M, {
+					}), /* @__PURE__ */ W(M, {
 						tone: d,
 						size: "sm",
 						children: u
@@ -476,11 +484,11 @@ function yt({ code: e, amount: t, remainingAmount: i, status: a, recipientName:
 		]
 	});
 }
-yt.displayName = "GiftcardCompact";
+ht.displayName = "GiftcardCompact";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-copy-button.tsx
-function bt({ code: e, strings: t, inverse: a = !1, className: o }) {
-	let s = n(Y, t), l = Oe(0), [u, d] = W({
+function gt({ code: e, strings: t, inverse: a = !1, className: s }) {
+	let c = n(J, t), l = Oe(0), [u, d] = ke({
 		code: e,
 		state: "idle"
 	}), f = u.code === e ? u.state : "idle";
@@ -490,7 +498,7 @@ function bt({ code: e, strings: t, inverse: a = !1, className: o }) {
 	}), () => {
 		l.current++;
 	}), [e]);
-	let p = f === "copied" ? s.copiedCode : f === "failed" ? s.copyFailed : f === "pending" ? s.copyingCode : s.copyCode, m = f === "copied" ? Ne : f === "failed" ? Xe : f === "pending" ? Ue : Re, h = async () => {
+	let p = f === "copied" ? c.copiedCode : f === "failed" ? c.copyFailed : f === "pending" ? c.copyingCode : c.copyCode, m = f === "copied" ? Ne : f === "failed" ? Ke : f === "pending" ? Ve : Re, h = async () => {
 		if (!e || f === "pending") return;
 		let t = l.current;
 		d({
@@ -509,7 +517,7 @@ function bt({ code: e, strings: t, inverse: a = !1, className: o }) {
 			});
 		}
 	};
-	return /* @__PURE__ */ K(ke, { children: [/* @__PURE__ */ G(i, {
+	return /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(i, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -519,13 +527,13 @@ function bt({ code: e, strings: t, inverse: a = !1, className: o }) {
 		"aria-busy": f === "pending",
 		"aria-label": p,
 		withTooltip: p,
-		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"),
+		className: r("giftcard-copy--component", s, 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"),
 		onClick: () => void h(),
-		children: /* @__PURE__ */ G(m, {
+		children: /* @__PURE__ */ W(m, {
 			"aria-hidden": !0,
 			className: r("size-icon-sm", f === "pending" && "animate-spin")
 		})
-	}), (f === "copied" || f === "failed") && /* @__PURE__ */ G(c, {
+	}), (f === "copied" || f === "failed") && /* @__PURE__ */ W(o, {
 		tag: "span",
 		role: "status",
 		className: "sr-only",
@@ -534,70 +542,71 @@ function bt({ code: e, strings: t, inverse: a = !1, className: o }) {
 }
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-dark.tsx
-function xt({ code: e, amount: t, remainingAmount: a, status: o, recipientName: l, expiresAt: u, onView: d, className: p, strings: m }) {
-	let h = n(Y, m), g = h.status[o], _ = pt[o], v = !!a && a !== t, y = v ? a : t, b = [...l ? [{
+function _t({ code: e, amount: t, remainingAmount: a, status: s, recipientName: l, expiresAt: u, onView: d, className: p, strings: m }) {
+	let h = n(J, m), g = h.status[s], v = lt[s], y = !!a && a !== t, b = y ? a : t, x = [...l ? [{
 		label: h.recipient,
 		value: l
 	}] : [], ...u ? [{
 		label: h.expires,
 		value: u
 	}] : []];
-	return /* @__PURE__ */ G("div", {
-		className: r("giftcard-card--component giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-radius bg-card text-card-foreground shadow-sm ring-1 ring-border", p),
-		children: /* @__PURE__ */ K(f, {
+	return /* @__PURE__ */ W(_, {
+		surface: "card",
+		className: r("giftcard-card--component giftcard-dark--component dark max-w-sm", p),
+		children: /* @__PURE__ */ G(f, {
 			gap: "lg",
-			className: "giftcard-dark--body p-surface",
+			className: "giftcard-dark--body",
 			children: [
-				/* @__PURE__ */ K(f, {
+				/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					justify: "between",
 					align: "center",
 					gap: "md",
 					wrap: !1,
-					children: [/* @__PURE__ */ G(c, {
+					children: [/* @__PURE__ */ W(o, {
 						tag: "span",
 						className: "text-inverse-muted",
 						children: h.giftCard
-					}), /* @__PURE__ */ G(M, {
-						tone: _,
+					}), /* @__PURE__ */ W(M, {
+						tone: v,
 						className: "shrink-0",
 						children: g
 					})]
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ G("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ G(s, {
+					children: [/* @__PURE__ */ W(c, {
 						tag: "h2",
 						size: "2xl",
-						className: "border-none pb-0 tabular-nums text-inverse-foreground",
-						children: y
-					}), !!v && /* @__PURE__ */ G(C, {
+						className: "tabular-nums text-inverse-foreground",
+						children: b
+					}), !!y && /* @__PURE__ */ W(C, {
 						className: "line-through tabular-nums text-inverse-disabled",
 						children: t
 					})]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					className: "giftcard-dark--code rounded-inner border border-inverse-border bg-inverse-surface p-surface-xs",
-					children: /* @__PURE__ */ K(f, {
+					children: /* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "md",
-						children: [/* @__PURE__ */ G(E, {
+						children: [/* @__PURE__ */ W(E, {
 							className: "flex-1 tracking-[0.15em] text-inverse-foreground",
 							children: e
-						}), /* @__PURE__ */ G(bt, {
+						}), /* @__PURE__ */ W(gt, {
 							code: e,
 							strings: h,
 							inverse: !0
 						})]
 					})
 				}),
-				/* @__PURE__ */ G(he, {
-					items: b,
+				/* @__PURE__ */ W(he, {
+					items: x,
 					columns: 1,
 					className: "[&_.metadata-list--label]:text-inverse-muted [&_.metadata-list--value]:text-inverse-foreground"
 				}),
-				!!d && /* @__PURE__ */ G(i, {
+				!!d && /* @__PURE__ */ W(i, {
 					tone: "neutral",
 					buttonStyle: "solid",
 					fullWidth: !0,
@@ -608,11 +617,11 @@ function xt({ code: e, amount: t, remainingAmount: a, status: o, recipientName:
 		})
 	});
 }
-xt.displayName = "GiftcardCardDark";
+_t.displayName = "GiftcardCardDark";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-full.tsx
-function St({ code: e, amount: t, remainingAmount: a, status: l, recipientName: u, senderName: d, message: p, expiresAt: m, createdAt: h, template: g, onView: _, gradient: v = "purple", pattern: y = "none", className: b, strings: x }) {
-	let S = n(Y, x), w = S.status[l], T = pt[l], D = !!a && a !== t, O = D ? a : t, k = [
+function vt({ code: e, amount: t, remainingAmount: a, status: l, recipientName: u, senderName: d, message: p, expiresAt: m, createdAt: h, template: g, onView: _, gradient: v = "purple", pattern: y = "none", className: b, strings: x }) {
+	let S = n(J, x), w = S.status[l], T = lt[l], D = !!a && a !== t, O = D ? a : t, k = [
 		...u ? [{
 			label: S.to,
 			value: u
@@ -626,38 +635,38 @@ function St({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 			value: m
 		}] : []
 	];
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ G("div", {
 		className: r("giftcard-card--component w-full max-w-sm transition-shadow", "hover:shadow-md", b),
-		children: [/* @__PURE__ */ K("div", {
-			className: r("relative overflow-hidden rounded-t-radius bg-gradient-to-br p-surface", ht[v].card),
+		children: [/* @__PURE__ */ G("div", {
+			className: r("relative overflow-hidden rounded-t-radius bg-gradient-to-br p-surface", dt[v].card),
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					"aria-hidden": !0,
-					className: r("absolute inset-x-0 top-0 z-10 h-1 bg-gradient-to-r", ht[v].strip)
+					className: r("absolute inset-x-0 top-0 z-10 h-1 bg-gradient-to-r", dt[v].strip)
 				}),
-				y === "circles" && /* @__PURE__ */ K(ke, { children: [/* @__PURE__ */ G("div", {
+				y === "circles" && /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W("div", {
 					className: "absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ W("div", {
 					className: "absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration",
 					"aria-hidden": "true"
 				})] }),
-				y === "waves" && /* @__PURE__ */ K("svg", {
+				y === "waves" && /* @__PURE__ */ G("svg", {
 					className: "absolute inset-0 h-full w-full opacity-5",
 					viewBox: "0 0 400 200",
 					preserveAspectRatio: "none",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ G("path", {
+					children: [/* @__PURE__ */ W("path", {
 						d: "M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z",
 						className: "fill-inverse-foreground"
-					}), /* @__PURE__ */ G("path", {
+					}), /* @__PURE__ */ W("path", {
 						d: "M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z",
 						className: "fill-inverse-foreground"
 					})]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					className: "absolute top-4 right-4 z-10",
-					children: /* @__PURE__ */ G(M, {
+					children: /* @__PURE__ */ W(M, {
 						tone: T,
 						inline: !0,
 						dot: !0,
@@ -666,46 +675,46 @@ function St({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 						children: w
 					})
 				}),
-				/* @__PURE__ */ K(f, {
+				/* @__PURE__ */ G(f, {
 					gap: "xl",
 					className: "relative z-10",
 					children: [
-						/* @__PURE__ */ G(c, {
+						/* @__PURE__ */ W(o, {
 							weight: "medium",
 							className: "text-inverse-muted",
 							children: S.giftCard
 						}),
-						/* @__PURE__ */ K(f, {
+						/* @__PURE__ */ G(f, {
 							gap: "dense",
-							children: [/* @__PURE__ */ G(o, {
+							children: [/* @__PURE__ */ W(s, {
 								tone: "inverse",
 								children: S.balance
-							}), /* @__PURE__ */ K(f, {
+							}), /* @__PURE__ */ G(f, {
 								direction: "horizontal",
 								align: "baseline",
 								gap: "lg",
-								children: [/* @__PURE__ */ G(s, {
+								children: [/* @__PURE__ */ W(c, {
 									tag: "h2",
 									size: "2xl",
-									className: "border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm",
+									className: "text-inverse-foreground tabular-nums drop-shadow-sm",
 									children: O
-								}), !!D && /* @__PURE__ */ G(C, {
+								}), !!D && /* @__PURE__ */ W(C, {
 									className: "line-through tabular-nums text-inverse-disabled",
 									children: t
 								})]
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ W("div", {
 							className: r("giftcard-full--code", "rounded-radius p-surface-xs", "bg-inverse-surface", "border border-inverse-border", "shadow-sm"),
-							children: /* @__PURE__ */ K(f, {
+							children: /* @__PURE__ */ G(f, {
 								direction: "horizontal",
 								align: "center",
 								gap: "md",
-								children: [/* @__PURE__ */ G(E, {
+								children: [/* @__PURE__ */ W(E, {
 									weight: "semibold",
 									className: "flex-1 tracking-[0.2em] text-inverse-foreground",
 									children: e
-								}), /* @__PURE__ */ G(bt, {
+								}), /* @__PURE__ */ W(gt, {
 									code: e,
 									strings: S,
 									inverse: !0
@@ -715,17 +724,18 @@ function St({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 					]
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
-			className: "rounded-b-radius bg-card p-surface shadow-sm border border-t-0 border-border",
-			children: /* @__PURE__ */ K(f, {
+		}), /* @__PURE__ */ W("div", {
+			className: "box-border rounded-b-radius bg-card text-card-foreground p-surface shadow-sm border border-t-0 border-border",
+			children: /* @__PURE__ */ G(f, {
 				gap: "xl",
 				children: [
-					!!p && /* @__PURE__ */ K(f, {
+					!!p && /* @__PURE__ */ G(f, {
 						gap: "normal",
 						className: "giftcard-full--message",
-						children: [/* @__PURE__ */ G(o, { children: S.personalMessage }), /* @__PURE__ */ K(c, {
+						children: [/* @__PURE__ */ W(s, { children: S.personalMessage }), /* @__PURE__ */ G(o, {
 							type: "secondary",
-							className: "italic leading-relaxed",
+							lineHeight: "relaxed",
+							className: "italic",
 							children: [
 								"“",
 								p,
@@ -733,14 +743,14 @@ function St({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 							]
 						})]
 					}),
-					/* @__PURE__ */ G(he, {
+					/* @__PURE__ */ W(he, {
 						items: k,
 						columns: {
 							base: 1,
 							sm: 2
 						}
 					}),
-					!!_ && /* @__PURE__ */ G(i, {
+					!!_ && /* @__PURE__ */ W(i, {
 						tone: "secondary",
 						buttonStyle: "outline",
 						fullWidth: !0,
@@ -752,174 +762,177 @@ function St({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 		})]
 	});
 }
-St.displayName = "GiftcardFull";
+vt.displayName = "GiftcardFull";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-illustrated.tsx
-function Ct({ code: e, amount: t, remainingAmount: a, status: l, recipientName: u, expiresAt: d, onView: p, headerColor: m = "green", className: h, strings: g }) {
-	let _ = n(Y, g), v = _.status[l], y = pt[l], b = !!a && a !== t, x = b ? a : t, S = [...u ? [{
-		label: _.recipient,
+function yt({ code: e, amount: t, remainingAmount: a, status: l, recipientName: u, expiresAt: d, onView: p, headerColor: m = "green", className: h, strings: g }) {
+	let v = n(J, g), y = v.status[l], b = lt[l], x = !!a && a !== t, S = x ? a : t, w = [...u ? [{
+		label: v.recipient,
 		value: u
 	}] : [], ...d ? [{
-		label: _.expires,
+		label: v.expires,
 		value: d
 	}] : []];
-	return /* @__PURE__ */ K("div", {
-		className: r("giftcard-card--component giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-radius border border-border bg-card shadow-sm", h),
-		children: [/* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ G(_, {
+		surface: "card",
+		padding: "none",
+		className: r("giftcard-card--component giftcard-illustrated--component max-w-sm", h),
+		children: [/* @__PURE__ */ G("div", {
 			className: "relative flex h-16 items-center justify-between overflow-hidden bg-inverse-background bg-gradient-to-br from-inverse-background via-inverse-surface to-inverse-background px-surface",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					"aria-hidden": !0,
-					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", vt[m])
+					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", mt[m])
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					className: "absolute inset-0 opacity-80",
 					style: { backgroundImage: "repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)" },
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ G(o, {
+				/* @__PURE__ */ W(s, {
 					tone: "inverse",
 					className: "relative",
-					children: _.giftCard
+					children: v.giftCard
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
-			className: "p-surface",
-			children: /* @__PURE__ */ K(f, {
-				gap: "lg",
-				children: [
-					/* @__PURE__ */ K("div", {
-						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ K(f, {
-							gap: "dense",
-							children: [/* @__PURE__ */ K("div", {
-								className: "flex items-baseline gap-space-md",
-								children: [/* @__PURE__ */ G(s, {
-									tag: "h2",
-									size: "2xl",
-									className: "border-none pb-0 tabular-nums",
-									children: x
-								}), !!b && /* @__PURE__ */ G(C, {
-									className: "line-through tabular-nums text-muted-foreground",
-									children: t
-								})]
-							}), /* @__PURE__ */ G(c, {
-								size: "xs",
-								type: "secondary",
-								children: _.balance
+		}), /* @__PURE__ */ G(f, {
+			gap: "lg",
+			className: "giftcard-illustrated--body p-surface",
+			children: [
+				/* @__PURE__ */ G("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ G(f, {
+						gap: "dense",
+						children: [/* @__PURE__ */ G("div", {
+							className: "flex items-baseline gap-space-md",
+							children: [/* @__PURE__ */ W(c, {
+								tag: "h2",
+								size: "2xl",
+								className: "tabular-nums text-inherit",
+								children: S
+							}), !!x && /* @__PURE__ */ W(C, {
+								className: "line-through tabular-nums text-muted-foreground",
+								children: t
 							})]
-						}), /* @__PURE__ */ G(M, {
-							tone: y,
-							children: v
+						}), /* @__PURE__ */ W(o, {
+							size: "xs",
+							type: "secondary",
+							children: v.balance
+						})]
+					}), /* @__PURE__ */ W(M, {
+						tone: b,
+						children: y
+					})]
+				}),
+				/* @__PURE__ */ W("div", {
+					className: "giftcard-illustrated--code rounded-inner border border-border bg-muted/30 p-surface-xs",
+					children: /* @__PURE__ */ G(f, {
+						direction: "horizontal",
+						align: "center",
+						gap: "md",
+						children: [/* @__PURE__ */ W(E, {
+							type: "inherit",
+							className: "flex-1 tracking-[0.15em]",
+							children: e
+						}), /* @__PURE__ */ W(gt, {
+							code: e,
+							strings: v
 						})]
-					}),
-					/* @__PURE__ */ G("div", {
-						className: "giftcard-illustrated--code rounded-inner border border-border bg-muted/30 p-surface-xs",
-						children: /* @__PURE__ */ K(f, {
-							direction: "horizontal",
-							align: "center",
-							gap: "md",
-							children: [/* @__PURE__ */ G(E, {
-								className: "flex-1 tracking-[0.15em]",
-								children: e
-							}), /* @__PURE__ */ G(bt, {
-								code: e,
-								strings: _
-							})]
-						})
-					}),
-					/* @__PURE__ */ G(he, {
-						items: S,
-						columns: 2
-					}),
-					!!p && /* @__PURE__ */ G(i, {
-						tone: "secondary",
-						buttonStyle: "outline",
-						fullWidth: !0,
-						onClick: p,
-						children: _.viewDetails
 					})
-				]
-			})
+				}),
+				/* @__PURE__ */ W(he, {
+					items: w,
+					columns: 2
+				}),
+				!!p && /* @__PURE__ */ W(i, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					fullWidth: !0,
+					onClick: p,
+					children: v.viewDetails
+				})
+			]
 		})]
 	});
 }
-Ct.displayName = "GiftcardCardIllustrated";
+yt.displayName = "GiftcardCardIllustrated";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-minimal.tsx
-function wt({ code: e, amount: t, remainingAmount: i, status: o, recipientName: l, expiresAt: u, onView: d, color: p = "green", className: m, strings: h }) {
-	let g = n(Y, h), _ = g.status[o], v = pt[o], y = !!i && i !== t, b = y ? i : t, x = _t[p], S = [...l ? [{
+function bt({ code: e, amount: t, remainingAmount: i, status: s, recipientName: l, expiresAt: u, onView: d, color: p = "green", className: m, strings: h }) {
+	let g = n(J, h), v = g.status[s], y = lt[s], b = !!i && i !== t, x = b ? i : t, S = pt[p], w = [...l ? [{
 		label: g.recipient,
 		value: l
 	}] : [], ...u ? [{
 		label: g.expires,
 		value: u
 	}] : []];
-	return /* @__PURE__ */ G("div", {
-		className: r("giftcard-card--component giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-radius border border-border bg-card shadow-sm", m),
-		children: /* @__PURE__ */ K(f, {
+	return /* @__PURE__ */ W(_, {
+		surface: "card",
+		className: r("giftcard-card--component giftcard-minimal--component max-w-sm", m),
+		children: /* @__PURE__ */ G(f, {
 			gap: "lg",
-			className: "giftcard-minimal--body p-surface",
+			className: "giftcard-minimal--body",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					"aria-hidden": "true",
-					className: r("h-1 w-12 rounded-radius-sm", x.line)
+					className: r("h-1 w-12 rounded-radius-sm", S.line)
 				}),
-				/* @__PURE__ */ K(f, {
+				/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					justify: "between",
 					align: "center",
 					gap: "md",
 					wrap: !1,
-					children: [/* @__PURE__ */ G(c, {
+					children: [/* @__PURE__ */ W(o, {
 						tag: "span",
 						type: "secondary",
 						children: g.giftCard
-					}), /* @__PURE__ */ G(M, {
-						tone: v,
+					}), /* @__PURE__ */ W(M, {
+						tone: y,
 						size: "sm",
 						className: "shrink-0",
-						children: _
+						children: v
 					})]
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ G("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ G(s, {
+					children: [/* @__PURE__ */ W(c, {
 						tag: "h2",
 						size: "2xl",
-						className: "border-none pb-0 tabular-nums",
-						children: b
-					}), !!y && /* @__PURE__ */ G(C, {
+						className: "tabular-nums text-inherit",
+						children: x
+					}), !!b && /* @__PURE__ */ W(C, {
 						className: "line-through tabular-nums text-muted-foreground",
 						children: t
 					})]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					className: "giftcard-minimal--code rounded-inner border border-border bg-muted/30 p-surface-xs",
-					children: /* @__PURE__ */ K(f, {
+					children: /* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "sm",
-						children: [/* @__PURE__ */ G(E, {
+						children: [/* @__PURE__ */ W(E, {
+							type: "inherit",
 							className: "flex-1 tracking-[0.15em]",
 							children: e
-						}), /* @__PURE__ */ G(bt, {
+						}), /* @__PURE__ */ W(gt, {
 							code: e,
 							strings: g,
 							className: "shrink-0"
 						})]
 					})
 				}),
-				/* @__PURE__ */ G(he, {
-					items: S,
+				/* @__PURE__ */ W(he, {
+					items: w,
 					columns: 1,
 					density: "compact",
 					className: "[&_.metadata-list--grid]:gap-space-sm"
 				}),
-				!!d && /* @__PURE__ */ K(a, {
+				!!d && /* @__PURE__ */ G(a, {
 					onClick: d,
 					className: "group/link self-start",
-					children: [g.viewDetails, /* @__PURE__ */ G(Ae, {
+					children: [g.viewDetails, /* @__PURE__ */ W(je, {
 						"aria-hidden": "true",
 						className: "ml-1 size-icon-sm transition-transform group-hover/link:translate-x-0.5"
 					})]
@@ -928,194 +941,196 @@ function wt({ code: e, amount: t, remainingAmount: i, status: o, recipientName:
 		})
 	});
 }
-wt.displayName = "GiftcardCardMinimal";
+bt.displayName = "GiftcardCardMinimal";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/giftcard-card.tsx
-function Tt(e) {
+function xt(e) {
 	let t = r("giftcard-card--component", e.className);
 	switch (e.variant) {
-		case "compact": return /* @__PURE__ */ G(yt, {
+		case "compact": return /* @__PURE__ */ W(ht, {
 			...e,
 			className: t
 		});
-		case "minimal": return /* @__PURE__ */ G(wt, {
+		case "minimal": return /* @__PURE__ */ W(bt, {
 			...e,
 			className: t
 		});
-		case "dark": return /* @__PURE__ */ G(xt, {
+		case "dark": return /* @__PURE__ */ W(_t, {
 			...e,
 			className: t
 		});
-		case "illustrated": return /* @__PURE__ */ G(Ct, {
+		case "illustrated": return /* @__PURE__ */ W(yt, {
 			...e,
 			className: t
 		});
-		default: return /* @__PURE__ */ G(St, {
+		default: return /* @__PURE__ */ W(vt, {
 			...e,
 			className: t
 		});
 	}
 }
-Tt.displayName = "GiftcardCard";
+xt.displayName = "GiftcardCard";
 //#endregion
 //#region src/components/blocks/commerce/vendor-profile/types.ts
-var Et = {
+var St = {
 	tabOverview: "Overview",
 	tabStats: "Stats",
 	totalEarnings: "Total earnings",
 	message: "Message",
 	hire: "Hire vendor",
 	verifiedAriaLabel: "Verified"
-}, Dt = {
+}, Ct = {
 	secondary: "secondary",
 	success: "success",
 	warning: "warning",
 	destructive: "destructive"
 };
-function Ot({ children: e, tone: t }) {
-	return m(e) ? /* @__PURE__ */ G(M, {
-		tone: Dt[t ?? "secondary"],
+function wt({ children: e, tone: t }) {
+	return m(e) ? /* @__PURE__ */ W(M, {
+		tone: Ct[t ?? "secondary"],
 		className: "vendor-profile--change shrink-0 tabular-nums",
 		children: e
 	}) : null;
 }
-var kt = we(function({ name: e, initials: t, avatarUrl: a, role: s, verified: c = !1, earnings: l, earningsChange: u, earningsChangeTone: p, metrics: h = [], stats: g = [], view: v, defaultView: y = "overview", onViewChange: b, onMessage: x, onHire: S, surface: w, className: T, strings: E }, D) {
-	let k = n(Et, E), [ee, te] = W(y), A = v !== void 0, j = m(l), ae = j || h.length > 0, N = g.length > 0, P = [...ae ? ["overview"] : [], ...N ? ["stats"] : []], F = A ? v : ee, oe = P.includes(F) ? F : P[0] ?? "overview", se = P.length > 0, ce = !!(x || S), le = (e) => {
+var Tt = we(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c = !1, earnings: l, earningsChange: u, earningsChangeTone: p, metrics: h = [], stats: g = [], view: v, defaultView: y = "overview", onViewChange: b, onMessage: x, onHire: S, surface: w, className: T, strings: E }, D) {
+	let k = n(St, E), [ee, te] = ke(y), A = v !== void 0, j = m(l), ae = j || h.length > 0, N = g.length > 0, P = [...ae ? ["overview"] : [], ...N ? ["stats"] : []], F = A ? v : ee, oe = P.includes(F) ? F : P[0] ?? "overview", se = P.length > 0, ce = !!(x || S), le = (e) => {
 		(e === "overview" || e === "stats") && P.includes(e) && (A || te(e), b?.(e));
-	}, I = /* @__PURE__ */ K(f, {
+	}, I = /* @__PURE__ */ G(f, {
 		gap: "xl",
 		className: "vendor-profile--overview",
-		children: [j && /* @__PURE__ */ K(f, {
+		children: [j && /* @__PURE__ */ G(f, {
 			gap: "normal",
 			className: "vendor-profile--earnings",
-			children: [/* @__PURE__ */ G(o, { children: k.totalEarnings }), /* @__PURE__ */ K(f, {
+			children: [/* @__PURE__ */ W(s, { children: k.totalEarnings }), /* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "sm",
 				align: "baseline",
-				children: [/* @__PURE__ */ G(C, {
+				children: [/* @__PURE__ */ W(C, {
+					type: "inherit",
 					size: "base",
 					weight: "semibold",
-					className: "tabular-nums tracking-tight",
+					className: "tabular-nums",
 					children: l
-				}), /* @__PURE__ */ G(Ot, {
+				}), /* @__PURE__ */ W(wt, {
 					tone: p,
 					children: u
 				})]
 			})]
-		}), h.length > 0 && /* @__PURE__ */ G("div", {
+		}), h.length > 0 && /* @__PURE__ */ W("div", {
 			className: "vendor-profile--metrics divide-y divide-border/60",
-			children: h.map((e, t) => /* @__PURE__ */ G(U, {
+			children: h.map((e, t) => /* @__PURE__ */ W(U, {
 				className: "py-row-y first:pt-0 last:pb-0",
 				label: e.label,
 				value: e.value,
-				valueClassName: "font-medium"
+				valueWeight: "medium"
 			}, e.id ?? t))
 		})]
-	}), ue = /* @__PURE__ */ G(d, {
+	}), ue = /* @__PURE__ */ W(d, {
 		columns: {
 			base: 1,
 			sm: 2
 		},
 		gap: "xl",
 		className: "vendor-profile--stats",
-		children: g.map((e, t) => /* @__PURE__ */ K(f, {
+		children: g.map((e, t) => /* @__PURE__ */ G(f, {
 			gap: "normal",
 			className: "vendor-profile--stat",
-			children: [/* @__PURE__ */ G(o, {
+			children: [/* @__PURE__ */ W(s, {
 				className: "truncate",
 				children: e.label
-			}), /* @__PURE__ */ K(f, {
+			}), /* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "sm",
 				align: "baseline",
-				children: [/* @__PURE__ */ G(C, {
+				children: [/* @__PURE__ */ W(C, {
+					type: "inherit",
 					weight: "semibold",
 					className: "min-w-0 tabular-nums",
 					children: e.value
-				}), /* @__PURE__ */ G(Ot, {
+				}), /* @__PURE__ */ W(wt, {
 					tone: e.changeTone,
 					children: e.change
 				})]
 			})]
 		}, e.id ?? t))
-	}), de = P.length > 1 ? /* @__PURE__ */ K(ye, {
+	}), de = P.length > 1 ? /* @__PURE__ */ G(ye, {
 		value: oe,
 		onValueChange: le,
 		className: "vendor-profile--tabs gap-space-lg",
 		children: [
-			/* @__PURE__ */ K(ve, {
+			/* @__PURE__ */ G(ve, {
 				className: "grid h-auto w-full grid-cols-2 rounded-inner p-space-xs",
-				children: [/* @__PURE__ */ G(ge, {
+				children: [/* @__PURE__ */ W(ge, {
 					value: "overview",
 					className: "h-action-sm rounded-inner px-control-sm text-pxs",
 					children: k.tabOverview
-				}), /* @__PURE__ */ G(ge, {
+				}), /* @__PURE__ */ W(ge, {
 					value: "stats",
 					className: "h-action-sm rounded-inner px-control-sm text-pxs",
 					children: k.tabStats
 				})]
 			}),
-			/* @__PURE__ */ G(_e, {
+			/* @__PURE__ */ W(_e, {
 				value: "overview",
 				className: "mt-0",
 				children: I
 			}),
-			/* @__PURE__ */ G(_e, {
+			/* @__PURE__ */ W(_e, {
 				value: "stats",
 				className: "mt-0",
 				children: ue
 			})
 		]
 	}) : oe === "stats" ? ue : I;
-	return /* @__PURE__ */ G(_, {
+	return /* @__PURE__ */ W(_, {
 		ref: D,
 		surface: w,
 		padding: w === "flat" ? "none" : "md",
 		gap: "xl",
-		headerStart: /* @__PURE__ */ K(V, {
+		headerStart: /* @__PURE__ */ G(V, {
 			className: "vendor-profile--identity flex-nowrap py-0",
-			children: [/* @__PURE__ */ G(L, {
+			children: [/* @__PURE__ */ W(L, {
 				variant: "avatar",
-				children: /* @__PURE__ */ K(re, { children: [!!a && /* @__PURE__ */ G(ie, {
+				children: /* @__PURE__ */ G(re, { children: [!!a && /* @__PURE__ */ W(ie, {
 					src: a,
 					alt: e
-				}), /* @__PURE__ */ G(ne, { children: t ?? /* @__PURE__ */ G(O, {
+				}), /* @__PURE__ */ W(ne, { children: t ?? /* @__PURE__ */ W(O, {
 					value: e,
 					strategy: "first-words"
 				}) })] })
-			}), /* @__PURE__ */ K(B, { children: [/* @__PURE__ */ K(f, {
+			}), /* @__PURE__ */ G(B, { children: [/* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				className: "min-w-0",
-				children: [/* @__PURE__ */ G(H, {
+				children: [/* @__PURE__ */ W(H, {
 					className: "min-w-0 truncate",
 					children: e
-				}), !!c && /* @__PURE__ */ G(M, {
+				}), !!c && /* @__PURE__ */ W(M, {
 					tone: "success",
 					className: "shrink-0",
 					children: k.verifiedAriaLabel
 				})]
-			}), !!s && /* @__PURE__ */ G(R, {
+			}), !!o && /* @__PURE__ */ W(R, {
 				clamp: 2,
-				children: s
+				children: o
 			})] })]
 		}),
-		footerSlot: ce ? /* @__PURE__ */ K("div", {
+		footerSlot: ce ? /* @__PURE__ */ G("div", {
 			className: "vendor-profile--actions flex flex-wrap gap-space-sm",
-			children: [!!x && /* @__PURE__ */ G(i, {
+			children: [!!x && /* @__PURE__ */ W(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline",
 				className: "min-w-0 flex-1",
 				onClick: x,
 				children: k.message
-			}), !!S && /* @__PURE__ */ K(i, {
+			}), !!S && /* @__PURE__ */ G(i, {
 				type: "button",
 				tone: "primary",
 				className: "min-w-0 flex-1",
 				onClick: S,
-				children: [k.hire, /* @__PURE__ */ G(Fe, {
+				children: [k.hire, /* @__PURE__ */ W(Fe, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				})]
@@ -1126,10 +1141,10 @@ var kt = we(function({ name: e, initials: t, avatarUrl: a, role: s, verified: c
 		children: se ? de : null
 	});
 });
-kt.displayName = "VendorProfileCard";
+Tt.displayName = "VendorProfileCard";
 //#endregion
 //#region src/components/blocks/commerce/inventory-level/inventory-level.strings.ts
-var At = {
+var Et = {
 	statusInStock: "In stock",
 	statusLowStock: "Low stock",
 	statusCritical: "Critical",
@@ -1140,84 +1155,86 @@ var At = {
 };
 //#endregion
 //#region src/components/blocks/commerce/inventory-level/inventory-level.tsx
-function jt({ productName: e, variant: t, stock: i, reorderLevel: a, maxStock: o, lastRestocked: s, className: l, strings: u }) {
-	let d = n(At, u), p = Math.round(i / o * 100), m = i <= a, h = i <= a * .5, g = h ? "destructive" : m ? "warning" : "success", _ = h ? d.statusCritical : m ? d.statusLowStock : d.statusInStock;
-	return /* @__PURE__ */ K(f, {
+function Dt({ productName: e, variant: t, stock: i, reorderLevel: a, maxStock: s, lastRestocked: c, className: l, strings: u }) {
+	let d = n(Et, u), p = Ee(), m = i <= a, h = i <= a * .5, g = h ? "destructive" : m ? "warning" : "success", _ = h ? d.statusCritical : m ? d.statusLowStock : d.statusInStock;
+	return /* @__PURE__ */ G(f, {
 		"data-component": "inventory-level",
 		"data-slot": "inventory-level",
 		gap: "xl",
 		className: r("inventory-level--component", l),
 		children: [
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				gap: "dense",
 				className: "inventory-level--product",
-				children: [/* @__PURE__ */ K(f, {
+				children: [/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					gap: "sm",
 					wrap: !1,
 					className: "min-w-0",
-					children: [/* @__PURE__ */ G(c, {
+					children: [/* @__PURE__ */ W(o, {
+						type: "inherit",
 						weight: "semibold",
 						className: "min-w-0 truncate",
 						children: e
-					}), /* @__PURE__ */ G(M, {
+					}), /* @__PURE__ */ W(M, {
 						tone: g,
 						className: "shrink-0",
 						children: _
 					})]
-				}), !!t && /* @__PURE__ */ G(c, {
+				}), !!t && /* @__PURE__ */ W(o, {
 					size: "xs",
 					type: "secondary",
 					className: "truncate",
 					children: `${d.variantLabel}: ${t}`
 				})]
 			}),
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
+				id: p,
 				gap: "dense",
 				className: "inventory-level--stock",
-				children: [/* @__PURE__ */ G(A, {
+				children: [/* @__PURE__ */ W(A, {
+					type: "inherit",
 					value: i,
 					weight: "semibold",
-					align: "left",
-					className: "tracking-tight"
-				}), /* @__PURE__ */ G(c, {
+					align: "left"
+				}), /* @__PURE__ */ W(o, {
 					size: "xs",
 					type: "secondary",
 					children: d.unitsAvailable
 				})]
 			}),
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				gap: "md",
 				className: "inventory-level--gauge",
-				children: [/* @__PURE__ */ G("div", {
-					className: "h-1.5 overflow-hidden rounded-full bg-muted",
-					children: /* @__PURE__ */ G("div", {
-						className: r("h-full rounded-full transition-all", h ? "bg-destructive" : m ? "bg-warning" : "bg-success"),
-						style: { width: `${p}%` }
-					})
-				}), /* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ W(v, {
+					value: i,
+					max: s,
+					tone: g,
+					"aria-labelledby": p
+				}), /* @__PURE__ */ G("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ K(c, {
+					children: [/* @__PURE__ */ G(o, {
 						size: "xs",
 						type: "secondary",
 						children: [
 							d.reorderAtLabel,
 							": ",
-							/* @__PURE__ */ G(A, {
+							/* @__PURE__ */ W(A, {
+								type: "inherit",
 								value: a,
 								weight: "medium",
 								align: "left"
 							})
 						]
-					}), !!s && /* @__PURE__ */ K(c, {
+					}), !!c && /* @__PURE__ */ G(o, {
 						size: "xs",
 						type: "secondary",
 						children: [
 							d.lastRestockedLabel,
 							": ",
-							/* @__PURE__ */ G(T, {
+							/* @__PURE__ */ W(T, {
 								size: "xs",
-								children: s
+								children: c
 							})
 						]
 					})]
@@ -1226,10 +1243,10 @@ function jt({ productName: e, variant: t, stock: i, reorderLevel: a, maxStock: o
 		]
 	});
 }
-jt.displayName = "InventoryLevel";
+Dt.displayName = "InventoryLevel";
 //#endregion
 //#region src/components/blocks/commerce/tax-breakdown/types.ts
-var Mt = {
+var Ot = {
 	title: "Tax breakdown",
 	subtotal: "Subtotal",
 	totalTax: "Total tax",
@@ -1237,33 +1254,33 @@ var Mt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/tax-breakdown/tax-breakdown.tsx
-function Nt({ subtotal: e, taxes: t, totalTax: i, total: a, className: o, strings: s, ...c }) {
-	let l = n(Mt, s);
-	return /* @__PURE__ */ G(_, {
+function kt({ subtotal: e, taxes: t, totalTax: i, total: a, className: o, strings: s, ...c }) {
+	let l = n(Ot, s);
+	return /* @__PURE__ */ W(_, {
 		...c,
 		surface: "flat",
 		padding: "none",
 		title: l.title,
 		"data-slot": "tax-breakdown",
 		className: r("tax-breakdown--component w-full", o),
-		children: /* @__PURE__ */ K(J, {
+		children: /* @__PURE__ */ G(q, {
 			className: "tax-breakdown--ledger",
 			children: [
-				/* @__PURE__ */ G(q, {
+				/* @__PURE__ */ W(K, {
 					label: l.subtotal,
 					amount: e
 				}),
-				t.map((e, t) => /* @__PURE__ */ G(q, {
+				t.map((e, t) => /* @__PURE__ */ W(K, {
 					className: "tax-breakdown--line",
 					label: e.label,
 					note: e.rate,
 					amount: e.amount
 				}, e.id ?? `${e.label}-${t}`)),
-				!!i && t.length > 1 && /* @__PURE__ */ G(q, {
+				!!i && t.length > 1 && /* @__PURE__ */ W(K, {
 					label: l.totalTax,
 					amount: i
 				}),
-				/* @__PURE__ */ G(q, {
+				/* @__PURE__ */ W(K, {
 					label: l.total,
 					amount: a,
 					total: !0,
@@ -1273,10 +1290,10 @@ function Nt({ subtotal: e, taxes: t, totalTax: i, total: a, className: o, string
 		})
 	});
 }
-Nt.displayName = "TaxBreakdownCard";
+kt.displayName = "TaxBreakdownCard";
 //#endregion
 //#region src/components/blocks/commerce/subscription-summary/types.ts
-var Pt = {
+var At = {
 	title: "Subscription",
 	plan: "Plan",
 	nextBilling: "Next billing",
@@ -1286,93 +1303,95 @@ var Pt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/subscription-summary/subscription-summary.tsx
-function Ft({ planName: e, priceLabel: t, cycleLabel: a, nextBillingDate: l, statusLabel: u, perks: d = [], onManage: p, onUpgrade: m, className: h, strings: g }) {
-	let _ = n(Pt, g);
-	return /* @__PURE__ */ K(I, {
+function jt({ planName: e, priceLabel: t, cycleLabel: a, nextBillingDate: l, statusLabel: u, perks: d = [], onManage: p, onUpgrade: m, className: h, strings: g }) {
+	let _ = n(At, g);
+	return /* @__PURE__ */ G(I, {
 		title: _.title,
-		titleSuffix: u ? /* @__PURE__ */ G(M, {
+		titleSuffix: u ? /* @__PURE__ */ W(M, {
 			tone: "success",
 			children: u
 		}) : null,
 		contentGap: "2xl",
 		className: r("subscription-summary--component w-full", h),
 		children: [
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				gap: "lg",
 				className: "subscription-summary--plan",
-				children: [/* @__PURE__ */ K(f, {
+				children: [/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					justify: "between",
 					align: "end",
 					gap: "lg",
-					children: [/* @__PURE__ */ K(f, {
+					children: [/* @__PURE__ */ G(f, {
 						gap: "dense",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ G(o, { children: _.plan }), /* @__PURE__ */ G(s, {
+						children: [/* @__PURE__ */ W(s, { children: _.plan }), /* @__PURE__ */ W(c, {
+							className: "text-inherit",
 							tag: "h3",
-							className: "text-base font-semibold tracking-tight border-none pb-0",
 							children: e
 						})]
-					}), /* @__PURE__ */ K(f, {
+					}), /* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						align: "baseline",
 						gap: "xs",
 						className: "shrink-0",
-						children: [/* @__PURE__ */ G(C, {
+						children: [/* @__PURE__ */ W(C, {
+							type: "inherit",
 							weight: "bold",
 							className: "tabular-nums",
 							children: t
-						}), /* @__PURE__ */ G(c, {
+						}), /* @__PURE__ */ W(o, {
 							type: "secondary",
 							children: a
 						})]
 					})]
-				}), /* @__PURE__ */ G(U, {
+				}), /* @__PURE__ */ W(U, {
 					label: _.nextBilling,
 					value: l,
-					valueClassName: "font-semibold tabular-nums"
+					valueWeight: "semibold",
+					valueClassName: "tabular-nums"
 				})]
 			}),
-			d.length > 0 && /* @__PURE__ */ K(f, {
+			d.length > 0 && /* @__PURE__ */ G(f, {
 				gap: "md",
 				className: "subscription-summary--perks",
-				children: [/* @__PURE__ */ G(o, { children: _.perks }), /* @__PURE__ */ G(me, { children: d.map((e, t) => {
+				children: [/* @__PURE__ */ W(s, { children: _.perks }), /* @__PURE__ */ W(me, { children: d.map((e, t) => {
 					let n = e.icon;
-					return /* @__PURE__ */ K(V, {
+					return /* @__PURE__ */ G(V, {
 						size: "sm",
 						density: "compact",
-						children: [!!n && /* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(n, {
+						children: [!!n && /* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(n, {
 							"aria-hidden": "true",
 							className: "size-icon text-muted-foreground"
-						}) }), /* @__PURE__ */ G(B, { children: /* @__PURE__ */ G(H, {
+						}) }), /* @__PURE__ */ W(B, { children: /* @__PURE__ */ W(H, {
 							bold: !1,
 							children: e.label
 						}) })]
 					}, `${e.label}-${t}`);
 				}) })]
 			}),
-			(p || m) && /* @__PURE__ */ K("div", {
+			(p || m) && /* @__PURE__ */ G("div", {
 				className: "flex items-center gap-space-md",
-				children: [!!p && /* @__PURE__ */ G(i, {
+				children: [!!p && /* @__PURE__ */ W(i, {
 					tone: "secondary",
 					buttonStyle: "outline",
 					onClick: p,
 					className: "flex-1",
 					children: _.manage
-				}), !!m && /* @__PURE__ */ K(i, {
+				}), !!m && /* @__PURE__ */ G(i, {
 					tone: "primary",
 					onClick: m,
 					className: "flex-1",
-					children: [_.upgrade, /* @__PURE__ */ G(Fe, { className: "ml-1 size-icon-md" })]
+					children: [_.upgrade, /* @__PURE__ */ W(Fe, { className: "ml-1 size-icon-md" })]
 				})]
 			})
 		]
 	});
 }
-Ft.displayName = "SubscriptionSummaryCard";
+jt.displayName = "SubscriptionSummaryCard";
 //#endregion
 //#region src/components/blocks/commerce/refund-status/types.ts
-var It = {
+var Mt = {
 	title: "Refund status",
 	requested: "Requested",
 	approved: "Approved",
@@ -1382,18 +1401,18 @@ var It = {
 	reason: "Reason",
 	eta: "Expected by",
 	method: "Refund to"
-}, Lt = [
+}, Nt = [
 	"requested",
 	"approved",
 	"processing",
 	"completed"
 ];
-function X(e) {
+function Y(e) {
 	return e != null && e !== !1 && e !== "";
 }
-function Rt({ stage: e, amount: t, reason: i, method: a, eta: o, requestedAt: s, className: l, strings: u, ...d }) {
-	let m = n(It, u), h = Lt.indexOf(e), g = X(i) || X(a) || X(o);
-	return /* @__PURE__ */ K(_, {
+function Pt({ stage: e, amount: t, reason: i, method: a, eta: s, requestedAt: c, className: l, strings: u, ...d }) {
+	let m = n(Mt, u), h = Nt.indexOf(e), g = Y(i) || Y(a) || Y(s);
+	return /* @__PURE__ */ G(_, {
 		...d,
 		surface: "flat",
 		padding: "none",
@@ -1402,109 +1421,123 @@ function Rt({ stage: e, amount: t, reason: i, method: a, eta: o, requestedAt: s,
 		"data-slot": "refund-status",
 		className: r("refund-status--component w-full", l),
 		children: [
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				gap: "dense",
-				children: [/* @__PURE__ */ G(q, {
+				children: [/* @__PURE__ */ W(K, {
 					label: m.amount,
 					amount: t,
 					total: !0,
 					className: "refund-status--amount"
-				}), !!s && /* @__PURE__ */ K(c, {
+				}), !!c && /* @__PURE__ */ G(o, {
 					size: "xs",
 					type: "secondary",
 					children: [
 						m.requested,
 						": ",
-						/* @__PURE__ */ G(T, {
+						/* @__PURE__ */ W(T, {
 							size: "xs",
-							children: s
+							children: c
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ G("ol", {
+			/* @__PURE__ */ W("ol", {
 				className: "refund-status--stages m-0 flex list-none items-start p-0",
-				children: Lt.map((e, t) => {
+				children: Nt.map((e, t) => {
 					let n = t <= h, i = t === h;
-					return /* @__PURE__ */ K("li", {
+					return /* @__PURE__ */ G("li", {
 						"data-reached": n ? "" : void 0,
 						"data-current": i ? "" : void 0,
 						"aria-current": i ? "step" : void 0,
 						className: "refund-status--stage flex min-w-0 flex-1 flex-col items-start gap-space-sm",
-						children: [/* @__PURE__ */ K("div", {
+						children: [/* @__PURE__ */ G("div", {
 							"aria-hidden": "true",
 							className: "flex w-full items-center",
-							children: [/* @__PURE__ */ G("div", {
+							children: [/* @__PURE__ */ W("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 && r("ring-4", p.success.halo)),
-								children: n ? /* @__PURE__ */ G(Ne, { className: "size-icon-sm" }) : /* @__PURE__ */ G(A, {
+								children: n ? /* @__PURE__ */ W(Ne, { className: "size-icon-sm" }) : /* @__PURE__ */ W(A, {
+									type: "inherit",
 									value: t + 1,
 									size: "xs",
 									weight: "medium",
 									align: "center"
 								})
-							}), t < Lt.length - 1 && /* @__PURE__ */ G("div", { className: r("h-0.5 flex-1", t < h ? "bg-success" : "bg-border") })]
-						}), /* @__PURE__ */ G(c, {
+							}), t < Nt.length - 1 && /* @__PURE__ */ W("div", { className: r("h-0.5 flex-1", t < h ? "bg-success" : "bg-border") })]
+						}), /* @__PURE__ */ W(o, {
 							size: "xs",
 							weight: i ? "semibold" : "medium",
 							type: n ? "main" : "secondary",
-							className: "refund-status--stage-label text-left leading-tight",
+							lineHeight: "tight",
+							className: "refund-status--stage-label",
 							children: m[e]
 						})]
 					}, e);
 				})
 			}),
-			!!g && /* @__PURE__ */ K(f, {
+			!!g && /* @__PURE__ */ G(f, {
 				gap: "md",
 				className: "refund-status--facts",
 				children: [
-					X(i) && /* @__PURE__ */ G(U, {
+					Y(i) && /* @__PURE__ */ W(U, {
 						label: m.reason,
 						value: i,
 						className: "items-start",
-						valueClassName: "text-sm font-medium text-right"
+						valueWeight: "medium",
+						valueClassName: "text-end"
 					}),
-					X(a) && /* @__PURE__ */ G(U, {
+					Y(a) && /* @__PURE__ */ W(U, {
 						label: m.method,
 						value: a,
-						valueClassName: "text-sm font-medium"
+						valueWeight: "medium"
 					}),
-					X(o) && /* @__PURE__ */ G(U, {
+					Y(s) && /* @__PURE__ */ W(U, {
 						label: m.eta,
-						value: o,
-						valueClassName: "text-sm font-medium tabular-nums"
+						value: s,
+						valueWeight: "medium",
+						valueClassName: "tabular-nums"
 					})
 				]
 			})
 		]
 	});
 }
-Rt.displayName = "RefundStatusCard";
-var zt = Rt;
+Pt.displayName = "RefundStatusCard";
+var Ft = Pt;
 //#endregion
 //#region src/components/blocks/commerce/shared/address-lines.tsx
-function Bt({ address: e, prominent: t = !1, className: n, ...i }) {
+function It({ address: e, prominent: t = !1, className: n, ...i }) {
 	let a = [
 		e.city,
 		e.region,
 		e.postalCode
 	].filter(Boolean).join(", ");
-	return /* @__PURE__ */ K(f, {
+	return /* @__PURE__ */ G(f, {
 		gap: "2xs",
-		render: /* @__PURE__ */ G("address", { ...i }),
+		render: /* @__PURE__ */ W("address", { ...i }),
 		className: r("address-lines--component not-italic", n),
 		children: [
-			!!e.name && /* @__PURE__ */ G(c, {
+			!!e.name && /* @__PURE__ */ W(o, {
+				type: "inherit",
 				weight: t ? "semibold" : "regular",
 				children: e.name
 			}),
-			/* @__PURE__ */ G(c, { children: e.line1 }),
-			!!e.line2 && /* @__PURE__ */ G(c, { children: e.line2 }),
-			!!a && /* @__PURE__ */ G(c, { children: a }),
-			/* @__PURE__ */ G(c, {
+			/* @__PURE__ */ W(o, {
+				type: "inherit",
+				children: e.line1
+			}),
+			!!e.line2 && /* @__PURE__ */ W(o, {
+				type: "inherit",
+				children: e.line2
+			}),
+			!!a && /* @__PURE__ */ W(o, {
+				type: "inherit",
+				children: a
+			}),
+			/* @__PURE__ */ W(o, {
 				type: "secondary",
 				children: e.country
 			}),
-			!!e.phone && /* @__PURE__ */ G(w, {
+			!!e.phone && /* @__PURE__ */ W(w, {
 				value: e.phone,
 				className: "self-start"
 			})
@@ -1513,7 +1546,7 @@ function Bt({ address: e, prominent: t = !1, className: n, ...i }) {
 }
 //#endregion
 //#region src/components/blocks/commerce/address-card/types.ts
-var Vt = {
+var Lt = {
 	defaultBadge: "Default",
 	edit: "Edit",
 	remove: "Remove",
@@ -1524,8 +1557,8 @@ var Vt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/address-card/address-card.tsx
-function Ht({ kind: e = "shipping", name: t, line1: i, line2: a, city: o, region: s, postalCode: l, country: u, phone: d, default: p = !1, onEdit: m, onRemove: h, onMakeDefault: g, surface: v = "flat", padding: y = v === "flat" ? "none" : "md", headerDivider: b = v !== "flat" && void 0, className: x, strings: S, ...C }) {
-	let T = n(Vt, S), E = {
+function Rt({ kind: e = "shipping", name: t, line1: i, line2: a, city: s, region: c, postalCode: l, country: u, phone: d, default: p = !1, onEdit: m, onRemove: h, onMakeDefault: g, surface: v = "flat", padding: y = v === "flat" ? "none" : "md", headerDivider: b, className: x, strings: S, ...C }) {
+	let T = n(Lt, S), E = {
 		shipping: T.shipping,
 		billing: T.billing,
 		pickup: T.pickup
@@ -1533,46 +1566,47 @@ function Ht({ kind: e = "shipping", name: t, line1: i, line2: a, city: o, region
 	return m && D.push({
 		id: "edit",
 		label: T.edit,
-		icon: /* @__PURE__ */ G(Ve, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ W(ze, { className: "size-icon-md" }),
 		onClick: m
 	}), g && !p && D.push({
 		id: "make-default",
 		label: T.makeDefault,
-		icon: /* @__PURE__ */ G(qe, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ W(Ue, { className: "size-icon-md" }),
 		onClick: g
 	}), h && D.push({
 		id: "remove",
 		label: T.remove,
-		icon: /* @__PURE__ */ G(Je, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ W(We, { className: "size-icon-md" }),
 		onClick: h
-	}), /* @__PURE__ */ G(_, {
+	}), /* @__PURE__ */ W(_, {
 		...C,
 		surface: v,
 		padding: y,
 		headerDivider: b,
 		title: E[e],
-		titleSuffix: p ? /* @__PURE__ */ G(M, {
+		titleSuffix: p ? /* @__PURE__ */ W(M, {
 			tone: "neutral",
 			children: T.defaultBadge
 		}) : null,
 		actions: D.length > 0 ? D : void 0,
 		className: r("address-card--component w-full", x),
-		children: /* @__PURE__ */ K(f, {
+		children: /* @__PURE__ */ G(f, {
 			gap: "md",
-			children: [/* @__PURE__ */ G(Bt, {
+			children: [/* @__PURE__ */ W(It, {
 				address: {
 					name: t,
 					line1: i,
 					line2: a,
-					city: o,
-					region: s,
+					city: s,
+					region: c,
 					postalCode: l,
 					country: u
 				},
 				prominent: !0
-			}), !!d && /* @__PURE__ */ G(w, {
+			}), !!d && /* @__PURE__ */ W(w, {
 				value: d,
-				display: /* @__PURE__ */ G(c, {
+				display: /* @__PURE__ */ W(o, {
+					type: "inherit",
 					tag: "span",
 					children: d
 				}),
@@ -1581,10 +1615,10 @@ function Ht({ kind: e = "shipping", name: t, line1: i, line2: a, city: o, region
 		})
 	});
 }
-Ht.displayName = "AddressCard";
+Rt.displayName = "AddressCard";
 //#endregion
 //#region src/components/blocks/commerce/voucher-entry/types.ts
-var Ut = {
+var zt = {
 	title: "Redeem a gift card",
 	inputLabel: "Gift card code",
 	placeholder: "Enter gift card code",
@@ -1594,51 +1628,53 @@ var Ut = {
 	balance: "Available balance",
 	applied: "Applied",
 	notFound: "That gift card code is not valid."
-}, Wt = (e) => e.toUpperCase();
-function Gt({ appliedCode: e, balance: t, error: a, loading: s, onCheck: c, onRemove: l, className: u, strings: d }) {
-	let m = n(Ut, d), h = Ee(), [g, _] = W(""), v = g.trim();
-	return e ? /* @__PURE__ */ G(I, {
+}, Bt = (e) => e.toUpperCase();
+function Vt({ appliedCode: e, balance: t, error: a, loading: o, onCheck: c, onRemove: l, className: u, strings: d }) {
+	let m = n(zt, d), h = Ee(), [g, _] = ke(""), v = g.trim();
+	return e ? /* @__PURE__ */ W(I, {
 		title: m.title,
 		className: r("voucher-entry--component w-full", u),
-		children: /* @__PURE__ */ K(V, {
+		children: /* @__PURE__ */ G(V, {
 			size: "sm",
 			variant: "muted",
 			className: r("items-center gap-y-space-sm border", p.success.edge, p.success.wash),
 			children: [
-				/* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(j, {
+				/* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(j, {
 					icon: Ne,
 					tone: "success",
 					size: "md"
 				}) }),
-				/* @__PURE__ */ K(B, {
+				/* @__PURE__ */ G(B, {
 					className: "min-w-0 basis-48",
-					children: [/* @__PURE__ */ K(f, {
+					children: [/* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "sm",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ G(H, {
+						children: [/* @__PURE__ */ W(H, {
 							className: "max-w-full",
-							children: /* @__PURE__ */ G(E, {
+							children: /* @__PURE__ */ W(E, {
+								type: "inherit",
 								className: "tracking-wider",
 								children: e
 							})
-						}), /* @__PURE__ */ G(o, {
+						}), /* @__PURE__ */ W(s, {
 							className: "shrink-0",
 							children: m.applied
 						})]
-					}), !!t && /* @__PURE__ */ G(R, {
+					}), !!t && /* @__PURE__ */ W(R, {
 						clamp: 1,
 						children: m.balance
 					})]
 				}),
-				/* @__PURE__ */ K(z, {
+				/* @__PURE__ */ G(z, {
 					className: "ml-auto shrink-0 gap-space-sm",
-					children: [!!t && /* @__PURE__ */ G(C, {
+					children: [!!t && /* @__PURE__ */ W(C, {
+						type: "inherit",
 						weight: "semibold",
 						className: "shrink-0 tabular-nums",
 						children: t
-					}), !!l && /* @__PURE__ */ G(i, {
+					}), !!l && /* @__PURE__ */ W(i, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
@@ -1647,41 +1683,41 @@ function Gt({ appliedCode: e, balance: t, error: a, loading: s, onCheck: c, onRe
 						onClick: l,
 						"aria-label": m.remove,
 						className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
-						children: /* @__PURE__ */ G(Xe, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ W(Ke, { className: "size-icon-sm" })
 					})]
 				})
 			]
 		})
-	}) : /* @__PURE__ */ G(I, {
+	}) : /* @__PURE__ */ W(I, {
 		title: m.title,
 		className: r("voucher-entry--component w-full", u),
-		children: /* @__PURE__ */ G("form", {
+		children: /* @__PURE__ */ W("form", {
 			onSubmit: (e) => {
 				e.preventDefault(), v && c?.(v);
 			},
-			children: /* @__PURE__ */ G(F, {
+			children: /* @__PURE__ */ W(F, {
 				label: m.inputLabel,
 				htmlFor: h,
 				error: a,
 				hint: a ? void 0 : m.helperText,
-				children: /* @__PURE__ */ K("div", {
+				children: /* @__PURE__ */ G("div", {
 					className: "flex flex-wrap gap-space-md",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "min-w-48 flex-1",
-						children: /* @__PURE__ */ G(N, {
+						children: /* @__PURE__ */ W(N, {
 							id: h,
 							value: g,
-							onChange: (e) => _(Wt(e.target.value)),
+							onChange: (e) => _(Bt(e.target.value)),
 							placeholder: m.placeholder,
 							autoCapitalize: "characters",
 							spellCheck: !1,
 							className: "font-mono",
 							invalid: !!a
 						})
-					}), /* @__PURE__ */ G(i, {
+					}), /* @__PURE__ */ W(i, {
 						tone: "primary",
 						type: "submit",
-						loading: s,
+						loading: o,
 						disabled: !v,
 						className: "shrink-0",
 						children: m.check
@@ -1691,14 +1727,14 @@ function Gt({ appliedCode: e, balance: t, error: a, loading: s, onCheck: c, onRe
 		})
 	});
 }
-Gt.displayName = "VoucherEntry";
+Vt.displayName = "VoucherEntry";
 //#endregion
 //#region src/components/blocks/commerce/shared/line-thumbnail.tsx
-function Kt({ title: e }) {
-	return /* @__PURE__ */ G("div", {
+function Ht({ title: e }) {
+	return /* @__PURE__ */ W("div", {
 		"aria-hidden": "true",
 		className: "line-thumbnail--placeholder flex size-full items-center justify-center rounded-[inherit] bg-muted ring-1 ring-border/60",
-		children: /* @__PURE__ */ G(O, {
+		children: /* @__PURE__ */ W(O, {
 			value: e,
 			strategy: "first-words",
 			fallback: e.trim().slice(0, 2).toUpperCase(),
@@ -1708,9 +1744,9 @@ function Kt({ title: e }) {
 		})
 	});
 }
-function qt({ src: e, alt: t, title: n }) {
-	let [r, i] = W(void 0), a = e?.trim() ? e : void 0;
-	return !a || r === a ? /* @__PURE__ */ G(Kt, { title: n }) : /* @__PURE__ */ G("img", {
+function Ut({ src: e, alt: t, title: n }) {
+	let [r, i] = ke(void 0), a = e?.trim() ? e : void 0;
+	return !a || r === a ? /* @__PURE__ */ W(Ht, { title: n }) : /* @__PURE__ */ W("img", {
 		src: a,
 		alt: t ?? n,
 		className: "line-thumbnail--image",
@@ -1719,7 +1755,7 @@ function qt({ src: e, alt: t, title: n }) {
 }
 //#endregion
 //#region src/components/blocks/commerce/cart-summary/types.ts
-var Jt = {
+var Wt = {
 	title: "Cart",
 	subtotal: "Subtotal",
 	tax: "Tax",
@@ -1728,19 +1764,19 @@ var Jt = {
 	total: "Total",
 	checkout: "Checkout",
 	formatQuantity: (e) => `×${e}`
-}, Yt = (e) => [
+}, Gt = (e) => [
 	e.productTitle,
 	e.title,
 	e.name
-].find((e) => !!e?.trim()) ?? e.id, Xt = (e) => [
+].find((e) => !!e?.trim()) ?? e.id, Kt = (e) => [
 	e.imageUrl,
 	e.imageSrc,
 	e.src,
 	e.url
 ].find((e) => !!e?.trim());
-function Zt({ items: e, subtotal: t, tax: a, shipping: o, discount: s, total: l, onCheckout: u, className: d, strings: p, ...m }) {
-	let h = n(Jt, p), g = !!(t || a || o || s);
-	return /* @__PURE__ */ K(_, {
+function qt({ items: e, subtotal: t, tax: a, shipping: s, discount: c, total: l, onCheckout: u, className: d, strings: p, ...m }) {
+	let h = n(Wt, p), g = !!(t || a || s || c);
+	return /* @__PURE__ */ G(_, {
 		...m,
 		surface: "flat",
 		padding: "none",
@@ -1749,40 +1785,41 @@ function Zt({ items: e, subtotal: t, tax: a, shipping: o, discount: s, total: l,
 		"data-slot": "cart-summary",
 		className: r("cart-summary--component w-full", d),
 		children: [
-			/* @__PURE__ */ G(me, { children: e.map((e) => {
-				let t = Yt(e), n = Xt(e);
-				return /* @__PURE__ */ K(V, {
+			/* @__PURE__ */ W(me, { children: e.map((e) => {
+				let t = Gt(e), n = Kt(e);
+				return /* @__PURE__ */ G(V, {
 					className: "cart-summary--item",
 					children: [
-						/* @__PURE__ */ G(L, {
+						/* @__PURE__ */ W(L, {
 							variant: "image",
 							className: "cart-summary--item-media",
-							children: /* @__PURE__ */ G(qt, {
+							children: /* @__PURE__ */ W(Ut, {
 								src: n,
 								alt: e.imageAlt,
 								title: t
 							})
 						}),
-						/* @__PURE__ */ K(B, {
+						/* @__PURE__ */ G(B, {
 							className: "cart-summary--item-content",
-							children: [/* @__PURE__ */ G(H, { children: t }), !!e.variantTitle && /* @__PURE__ */ G(R, {
+							children: [/* @__PURE__ */ W(H, { children: t }), !!e.variantTitle && /* @__PURE__ */ W(R, {
 								clamp: 1,
 								children: e.variantTitle
 							})]
 						}),
-						/* @__PURE__ */ G(z, {
+						/* @__PURE__ */ W(z, {
 							className: "cart-summary--item-actions",
-							children: /* @__PURE__ */ K(f, {
+							children: /* @__PURE__ */ G(f, {
 								gap: "2xs",
 								align: "end",
 								className: "shrink-0",
-								children: [/* @__PURE__ */ G(c, {
+								children: [/* @__PURE__ */ W(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "cart-summary--quantity tabular-nums",
 									children: h.formatQuantity(e.qty)
-								}), /* @__PURE__ */ G(C, {
+								}), /* @__PURE__ */ W(C, {
+									type: "inherit",
 									weight: "semibold",
 									className: "tabular-nums",
 									children: e.price
@@ -1792,27 +1829,27 @@ function Zt({ items: e, subtotal: t, tax: a, shipping: o, discount: s, total: l,
 					]
 				}, e.id);
 			}) }),
-			/* @__PURE__ */ K(J, {
+			/* @__PURE__ */ G(q, {
 				className: "cart-summary--totals",
 				children: [
-					!!t && /* @__PURE__ */ G(q, {
+					!!t && /* @__PURE__ */ W(K, {
 						label: h.subtotal,
 						amount: t
 					}),
-					!!a && /* @__PURE__ */ G(q, {
+					!!a && /* @__PURE__ */ W(K, {
 						label: h.tax,
 						amount: a
 					}),
-					!!o && /* @__PURE__ */ G(q, {
+					!!s && /* @__PURE__ */ W(K, {
 						label: h.shipping,
-						amount: o
+						amount: s
 					}),
-					!!s && /* @__PURE__ */ G(q, {
+					!!c && /* @__PURE__ */ W(K, {
 						label: h.discount,
-						amount: s,
+						amount: c,
 						deduction: !0
 					}),
-					/* @__PURE__ */ G(q, {
+					/* @__PURE__ */ W(K, {
 						label: h.total,
 						amount: l,
 						total: !0,
@@ -1820,7 +1857,7 @@ function Zt({ items: e, subtotal: t, tax: a, shipping: o, discount: s, total: l,
 					})
 				]
 			}),
-			!!u && /* @__PURE__ */ G(i, {
+			!!u && /* @__PURE__ */ W(i, {
 				tone: "primary",
 				onClick: u,
 				fullWidth: !0,
@@ -1829,8 +1866,8 @@ function Zt({ items: e, subtotal: t, tax: a, shipping: o, discount: s, total: l,
 		]
 	});
 }
-Zt.displayName = "CartSummaryCard";
-var Qt = Zt, $t = {
+qt.displayName = "CartSummaryCard";
+var Jt = qt, Yt = {
 	title: "Have a code?",
 	fieldLabel: "Coupon code",
 	placeholder: "Enter coupon code",
@@ -1838,50 +1875,50 @@ var Qt = Zt, $t = {
 	remove: "Remove",
 	applied: "Applied",
 	invalid: "That code is not valid"
-}, en = (e) => e.toUpperCase();
-function tn({ appliedCode: e, appliedDiscount: t, error: a, onApply: s, onRemove: l, loading: u, className: d, strings: m }) {
-	let h = n($t, m), [g, _] = W(""), v = g.trim();
-	return e ? /* @__PURE__ */ G(I, {
+}, Xt = (e) => e.toUpperCase();
+function Zt({ appliedCode: e, appliedDiscount: t, error: a, onApply: c, onRemove: l, loading: u, className: d, strings: m }) {
+	let h = n(Yt, m), [g, _] = ke(""), v = g.trim();
+	return e ? /* @__PURE__ */ W(I, {
 		title: h.title,
 		className: r("coupon-input--component w-full", d),
-		children: /* @__PURE__ */ K(V, {
+		children: /* @__PURE__ */ G(V, {
 			size: "sm",
 			variant: "muted",
 			className: r("items-center gap-y-space-sm border", p.success.edge, p.success.wash),
 			children: [
-				/* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(j, {
+				/* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(j, {
 					icon: Ne,
 					tone: "success",
 					size: "md"
 				}) }),
-				/* @__PURE__ */ G(B, {
+				/* @__PURE__ */ W(B, {
 					className: "min-w-0",
-					children: /* @__PURE__ */ K(f, {
+					children: /* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "sm",
 						wrap: !1,
 						className: "min-w-0",
-						children: [/* @__PURE__ */ G(H, {
+						children: [/* @__PURE__ */ W(H, {
 							className: "min-w-0 truncate font-mono tracking-wider",
 							title: e,
 							children: e
-						}), /* @__PURE__ */ G(o, {
+						}), /* @__PURE__ */ W(s, {
 							className: "shrink-0",
 							children: h.applied
 						})]
 					})
 				}),
-				/* @__PURE__ */ K(z, {
+				/* @__PURE__ */ G(z, {
 					className: "ml-auto shrink-0 gap-space-sm",
-					children: [!!t && /* @__PURE__ */ G(c, {
+					children: [!!t && /* @__PURE__ */ W(o, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						type: "success",
 						className: "tabular-nums shrink-0",
-						children: rt(t)
-					}), !!l && /* @__PURE__ */ G(i, {
+						children: $e(t)
+					}), !!l && /* @__PURE__ */ W(i, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
@@ -1890,23 +1927,23 @@ function tn({ appliedCode: e, appliedDiscount: t, error: a, onApply: s, onRemove
 						onClick: l,
 						"aria-label": h.remove,
 						className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
-						children: /* @__PURE__ */ G(Xe, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ W(Ke, { className: "size-icon-sm" })
 					})]
 				})
 			]
 		})
-	}) : /* @__PURE__ */ G(I, {
+	}) : /* @__PURE__ */ W(I, {
 		title: h.title,
 		className: r("coupon-input--component w-full", d),
-		children: /* @__PURE__ */ K(f, {
+		children: /* @__PURE__ */ G(f, {
 			gap: "md",
-			children: [/* @__PURE__ */ K("div", {
+			children: [/* @__PURE__ */ G("div", {
 				className: "flex flex-wrap gap-space-md",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "min-w-44 flex-1",
-					children: /* @__PURE__ */ G(N, {
+					children: /* @__PURE__ */ W(N, {
 						value: g,
-						onChange: (e) => _(en(e.target.value)),
+						onChange: (e) => _(Xt(e.target.value)),
 						"aria-label": h.fieldLabel,
 						placeholder: h.placeholder,
 						autoCapitalize: "characters",
@@ -1914,16 +1951,16 @@ function tn({ appliedCode: e, appliedDiscount: t, error: a, onApply: s, onRemove
 						className: "font-mono",
 						invalid: !!a
 					})
-				}), /* @__PURE__ */ G(i, {
+				}), /* @__PURE__ */ W(i, {
 					tone: "primary",
 					size: "md",
-					onClick: () => s?.(v),
+					onClick: () => c?.(v),
 					loading: u,
 					disabled: !v,
 					className: "shrink-0",
 					children: h.apply
 				})]
-			}), !!a && /* @__PURE__ */ G(c, {
+			}), !!a && /* @__PURE__ */ W(o, {
 				size: "xs",
 				type: "error",
 				children: a || h.invalid
@@ -1931,16 +1968,16 @@ function tn({ appliedCode: e, appliedDiscount: t, error: a, onApply: s, onRemove
 		})
 	});
 }
-tn.displayName = "CouponInputCard";
+Zt.displayName = "CouponInputCard";
 //#endregion
 //#region src/components/blocks/commerce/order-status/types.ts
-var nn = {
+var Qt = {
 	title: "Order status",
 	statusLabel: "Current status",
 	eta: "ETA",
 	latestEvent: "Latest event",
 	currentStep: "Current step"
-}, rn = {
+}, $t = {
 	pending: "warning",
 	paid: "info",
 	fulfilled: "info",
@@ -1948,48 +1985,49 @@ var nn = {
 	delivered: "success",
 	cancelled: "destructive"
 };
-function an({ orderNumber: e, status: t, statusTone: i, events: a, currentEta: o, className: s, strings: l }) {
-	let u = n(nn, l), d = i ?? rn[t], f = a.reduce((e, t, n) => t.complete ? n : e, -1), m = a.find((e) => !e.complete);
-	return /* @__PURE__ */ K(I, {
+function en({ orderNumber: e, status: t, statusTone: i, events: a, currentEta: s, className: c, strings: l }) {
+	let u = n(Qt, l), d = i ?? $t[t], f = a.reduce((e, t, n) => t.complete ? n : e, -1), m = a.find((e) => !e.complete);
+	return /* @__PURE__ */ G(I, {
 		title: u.title,
-		titleSuffix: /* @__PURE__ */ G(M, {
+		titleSuffix: /* @__PURE__ */ W(M, {
 			tone: d,
 			className: "capitalize",
 			children: t
 		}),
 		description: `#${e}`,
 		contentGap: "xl",
-		className: r("order-status--component w-full", s),
-		children: [!!o && /* @__PURE__ */ G(U, {
+		className: r("order-status--component w-full", c),
+		children: [!!s && /* @__PURE__ */ W(U, {
 			label: u.eta,
-			value: o,
+			value: s,
 			className: "order-status--eta",
-			valueClassName: "font-medium tabular-nums"
-		}), a.length > 0 && /* @__PURE__ */ G("ol", {
+			valueWeight: "medium",
+			valueClassName: "tabular-nums"
+		}), a.length > 0 && /* @__PURE__ */ W("ol", {
 			className: "m-0 p-0 list-none",
 			children: a.map((e, t) => {
 				let n = t === a.length - 1, i = m ? e === m : t === f;
-				return /* @__PURE__ */ K("li", {
+				return /* @__PURE__ */ G("li", {
 					className: "relative flex gap-space-lg",
-					children: [/* @__PURE__ */ K("div", {
+					children: [/* @__PURE__ */ G("div", {
 						className: "flex flex-col items-center",
-						children: [/* @__PURE__ */ G("span", {
+						children: [/* @__PURE__ */ W("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 && r("border-2 border-primary-accent ring-4", p.primary.tint, p.primary.ink, p.primary.halo)),
-							children: e.complete ? /* @__PURE__ */ G(Ne, {
+							children: e.complete ? /* @__PURE__ */ W(Ne, {
 								className: "size-icon-md",
 								strokeWidth: 2.5
-							}) : i ? /* @__PURE__ */ G(Me, { className: "size-icon-md" }) : /* @__PURE__ */ G(Ie, { className: "size-icon-sm" })
-						}), !n && /* @__PURE__ */ G("span", {
+							}) : i ? /* @__PURE__ */ W(Me, { className: "size-icon-md" }) : /* @__PURE__ */ W(Ie, { className: "size-icon-sm" })
+						}), !n && /* @__PURE__ */ W("span", {
 							"aria-hidden": "true",
 							className: r("min-h-6 w-px flex-1", t < f ? "bg-success" : "bg-border")
 						})]
-					}), /* @__PURE__ */ K("div", {
+					}), /* @__PURE__ */ G("div", {
 						className: r("min-w-0 flex-1 pb-space-xl", n && "pb-0"),
-						children: [/* @__PURE__ */ G(c, {
+						children: [/* @__PURE__ */ W(o, {
 							weight: e.complete || i ? "semibold" : "medium",
 							className: r(!e.complete && !i && "text-muted-foreground"),
 							children: e.label
-						}), !!e.timestamp && /* @__PURE__ */ G(T, {
+						}), !!e.timestamp && /* @__PURE__ */ W(T, {
 							size: "xs",
 							className: "tabular-nums",
 							children: e.timestamp
@@ -2000,10 +2038,10 @@ function an({ orderNumber: e, status: t, statusTone: i, events: a, currentEta: o
 		})]
 	});
 }
-an.displayName = "OrderStatusCard";
+en.displayName = "OrderStatusCard";
 //#endregion
 //#region src/components/blocks/commerce/payment-method/types.ts
-var on = {
+var tn = {
 	title: "Payment method",
 	default: "Default",
 	cardHolder: "Card holder",
@@ -2019,7 +2057,7 @@ var on = {
 		unknown: "Card"
 	},
 	formatCard: (e, t) => `${e} ending ${t}`
-}, sn = {
+}, nn = {
 	visa: "VISA",
 	mastercard: "MasterCard",
 	amex: "AMEX",
@@ -2027,20 +2065,20 @@ var on = {
 	applepay: "Apple Pay",
 	googlepay: "Google Pay",
 	unknown: "Card"
-}, cn = "bg-inverse-background from-inverse-background via-inverse-surface-strong to-inverse-background";
-function ln({ brand: e, last4: t, expiry: a, holderName: s, default: l = !1, onChange: u, variant: d = "card", surface: p = "flat", padding: m = p === "flat" ? "none" : "md", headerDivider: h = p !== "flat" && void 0, className: g, strings: v, ...y }) {
-	let b = n(on, v), x = b.formatCard(b.brands[e], t);
-	return /* @__PURE__ */ G(_, {
+}, rn = "bg-inverse-background from-inverse-background via-inverse-surface-strong to-inverse-background";
+function an({ brand: e, last4: t, expiry: a, holderName: c, default: l = !1, onChange: u, variant: d = "card", surface: p = "flat", padding: m = p === "flat" ? "none" : "md", headerDivider: h, className: g, strings: v, ...y }) {
+	let b = n(tn, v), x = b.formatCard(b.brands[e], t);
+	return /* @__PURE__ */ W(_, {
 		...y,
 		surface: p,
 		padding: m,
 		headerDivider: h,
 		title: b.title,
-		titleSuffix: l ? /* @__PURE__ */ G(M, {
+		titleSuffix: l ? /* @__PURE__ */ W(M, {
 			tone: "neutral",
 			children: b.default
 		}) : null,
-		headerAction: u ? /* @__PURE__ */ G(i, {
+		headerAction: u ? /* @__PURE__ */ W(i, {
 			buttonStyle: "ghost",
 			tone: "secondary",
 			onClick: u,
@@ -2048,68 +2086,58 @@ function ln({ brand: e, last4: t, expiry: a, holderName: s, default: l = !1, onC
 		}) : void 0,
 		"data-variant": d,
 		className: r("payment-method--component w-full", g),
-		children: d === "row" ? /* @__PURE__ */ K(f, {
-			direction: "horizontal",
-			gap: "lg",
-			align: "start",
-			wrap: !1,
-			className: "payment-method--identity",
-			children: [/* @__PURE__ */ G(j, {
-				icon: ze,
-				shape: "square",
-				tone: "neutral",
-				className: "payment-method--mark"
-			}), /* @__PURE__ */ K(f, {
-				gap: "dense",
-				className: "min-w-0",
-				children: [
-					/* @__PURE__ */ G(c, {
-						weight: "semibold",
-						className: "payment-method--name",
-						children: x
-					}),
-					!!s && /* @__PURE__ */ G(c, {
-						size: "xs",
-						type: "secondary",
-						className: "payment-method--holder truncate",
-						children: s
-					}),
-					!!a && /* @__PURE__ */ K(c, {
-						size: "xs",
-						type: "secondary",
-						className: "payment-method--expiry",
-						children: [
-							b.expires,
-							" ",
-							/* @__PURE__ */ G(C, {
-								className: "tabular-nums",
-								children: a
-							})
-						]
-					})
-				]
-			})]
-		}) : /* @__PURE__ */ K("div", {
-			className: r("payment-method--face relative flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-radius bg-gradient-to-br p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", cn),
+		children: d === "row" ? /* @__PURE__ */ G(f, {
+			gap: "dense",
+			className: "payment-method--identity min-w-0",
+			children: [
+				/* @__PURE__ */ W(o, {
+					type: "inherit",
+					weight: "semibold",
+					className: "payment-method--name",
+					children: x
+				}),
+				!!c && /* @__PURE__ */ W(o, {
+					size: "xs",
+					type: "secondary",
+					className: "payment-method--holder truncate",
+					children: c
+				}),
+				!!a && /* @__PURE__ */ G(o, {
+					size: "xs",
+					type: "secondary",
+					className: "payment-method--expiry",
+					children: [
+						b.expires,
+						" ",
+						/* @__PURE__ */ W(C, {
+							type: "inherit",
+							className: "tabular-nums",
+							children: a
+						})
+					]
+				})
+			]
+		}) : /* @__PURE__ */ G("div", {
+			className: r("payment-method--face relative flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-radius bg-gradient-to-br p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", rn),
 			children: [
-				/* @__PURE__ */ G(ue, { children: x }),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ W(ue, { children: x }),
+				/* @__PURE__ */ G("div", {
 					"aria-hidden": "true",
 					className: "relative flex items-start justify-between",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ W("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(c, {
+						children: /* @__PURE__ */ W("div", { className: "size-icon rounded-radius-sm border border-warning-foreground/25 bg-warning-foreground/15" })
+					}), /* @__PURE__ */ W(o, {
 						tag: "span",
 						weight: "bold",
 						className: "rounded-radius-xs bg-inverse-surface px-space-md py-space-2xs tracking-[0.15em] text-inverse-foreground",
-						children: sn[e]
+						children: nn[e]
 					})]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ W("div", {
 					"aria-hidden": "true",
 					className: "relative",
-					children: /* @__PURE__ */ K(c, {
+					children: /* @__PURE__ */ G(o, {
 						tag: "span",
 						size: "sm",
 						weight: "semibold",
@@ -2117,30 +2145,30 @@ function ln({ brand: e, last4: t, expiry: a, holderName: s, default: l = !1, onC
 						children: ["•••• •••• •••• ", t]
 					})
 				}),
-				/* @__PURE__ */ K(f, {
+				/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					align: "end",
 					justify: "between",
 					gap: "lg",
 					className: "relative",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "min-w-0",
-						children: !!s && /* @__PURE__ */ K(ke, { children: [/* @__PURE__ */ G(o, {
+						children: !!c && /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(s, {
 							tone: "inverse",
 							className: "block",
 							children: b.cardHolder
-						}), /* @__PURE__ */ G(c, {
+						}), /* @__PURE__ */ W(o, {
 							weight: "semibold",
 							className: "truncate text-inverse-foreground",
-							children: s
+							children: c
 						})] })
-					}), !!a && /* @__PURE__ */ K("div", {
+					}), !!a && /* @__PURE__ */ G("div", {
 						className: "text-right shrink-0",
-						children: [/* @__PURE__ */ G(o, {
+						children: [/* @__PURE__ */ W(s, {
 							tone: "inverse",
 							className: "block",
 							children: b.expires
-						}), /* @__PURE__ */ G(C, {
+						}), /* @__PURE__ */ W(C, {
 							weight: "semibold",
 							className: "tabular-nums text-inverse-foreground",
 							children: a
@@ -2151,49 +2179,49 @@ function ln({ brand: e, last4: t, expiry: a, holderName: s, default: l = !1, onC
 		})
 	});
 }
-ln.displayName = "PaymentMethod";
-function un({ variant: e = "row", ...t }) {
-	return /* @__PURE__ */ G(ln, {
+an.displayName = "PaymentMethod";
+function on({ variant: e = "row", ...t }) {
+	return /* @__PURE__ */ W(an, {
 		variant: e,
 		...t
 	});
 }
-un.displayName = "PaymentMethodCard";
+on.displayName = "PaymentMethodCard";
 //#endregion
 //#region src/components/blocks/commerce/seo-listing/seo-listing-score.ts
-var dn = {
+var sn = {
 	titleMin: 35,
 	titleMax: 60,
 	descriptionMin: 120,
 	descriptionMax: 160,
 	permalinkMax: 75
 };
-function fn(e) {
+function cn(e) {
 	return {
-		...dn,
+		...sn,
 		...e
 	};
 }
-function pn(e) {
+function ln(e) {
 	return Number.isFinite(e) ? Math.max(0, Math.min(1, e)) : 0;
 }
-function mn(e, t) {
+function un(e, t) {
 	if (t <= 0) return "missing";
 	let n = e / t;
 	return n >= .9 ? "good" : n >= .5 ? "review" : "missing";
 }
-function Z(e, t, n, r, i) {
-	let a = Math.round(pn(t) * n);
+function X(e, t, n, r, i) {
+	let a = Math.round(ln(t) * n);
 	return {
 		id: e,
 		score: a,
 		maxScore: n,
 		actual: r,
-		status: mn(a, n),
+		status: un(a, n),
 		...i
 	};
 }
-function hn(e, t, n) {
+function dn(e, t, n) {
 	let r = e.trim().length;
 	if (r === 0) return 0;
 	if (r >= t && r <= n) return 1;
@@ -2202,61 +2230,61 @@ function hn(e, t, n) {
 	let i = r - n;
 	return Math.max(.55, 1 - i / n);
 }
-function Q(e) {
+function Z(e) {
 	let t = e?.trim() ?? "";
 	return t ? ((t.split("#")[0] ?? "").split("?")[0] ?? "").replace(/^https?:\/\/[^/]+/i, "").replace(/^\/+|\/+$/g, "") : "";
 }
-function gn(e) {
-	return Q(e).split("/").filter(Boolean).at(-1) ?? "";
+function fn(e) {
+	return Z(e).split("/").filter(Boolean).at(-1) ?? "";
 }
-function _n(e, t = dn.permalinkMax) {
-	let n = Q(e);
+function pn(e, t = sn.permalinkMax) {
+	let n = Z(e);
 	return n ? n.length <= t ? 1 : n.length > t * 2 ? .35 : Math.max(.55, 1 - (n.length - t) / t) : 0;
 }
-function vn(e) {
-	let t = gn(e);
+function mn(e) {
+	let t = fn(e);
 	return t ? /^[\p{L}\p{N}]+(?:-[\p{L}\p{N}]+)*$/u.test(t) && t === t.toLowerCase() ? 1 : !/\s/.test(t) && !/[?#]/.test(t) ? .65 : .25 : 0;
 }
-function yn(e) {
+function hn(e) {
 	let t = e?.trim() ?? "";
 	return t ? /^https:\/\//i.test(t) ? 1 : /^http:\/\//i.test(t) ? .6 : .45 : 0;
 }
-function bn(e) {
+function gn(e) {
 	let t = e.keyword?.trim().toLowerCase();
 	if (!t) return null;
 	let n = [
 		e.title,
 		e.description,
-		Q(e.permalink)
+		Z(e.permalink)
 	].filter(Boolean).join(" ").toLowerCase();
 	return n ? n.includes(t) ? 1 : .35 : 0;
 }
-function xn(e) {
-	let t = fn(e.limits), n = e.title?.trim() ?? "", r = e.description?.trim() ?? "", i = Q(e.permalink), a = gn(e.permalink), o = [
-		Z("title", hn(n, t.titleMin, t.titleMax), 30, n.length, {
+function _n(e) {
+	let t = cn(e.limits), n = e.title?.trim() ?? "", r = e.description?.trim() ?? "", i = Z(e.permalink), a = fn(e.permalink), o = [
+		X("title", dn(n, t.titleMin, t.titleMax), 30, n.length, {
 			min: t.titleMin,
 			max: t.titleMax
 		}),
-		Z("description", hn(r, t.descriptionMin, t.descriptionMax), 30, r.length, {
+		X("description", dn(r, t.descriptionMin, t.descriptionMax), 30, r.length, {
 			min: t.descriptionMin,
 			max: t.descriptionMax
 		}),
-		Z("permalink", _n(e.permalink, t.permalinkMax), 15, i.length, { max: t.permalinkMax }),
-		Z("slug", vn(e.permalink), 10, a.length),
-		Z("url", yn(e.baseUrl), 10, e.baseUrl?.trim().length ?? 0)
-	], s = bn(e);
-	s !== null && o.push(Z("keyword", s, 5, e.keyword?.trim().length ?? 0));
+		X("permalink", pn(e.permalink, t.permalinkMax), 15, i.length, { max: t.permalinkMax }),
+		X("slug", mn(e.permalink), 10, a.length),
+		X("url", hn(e.baseUrl), 10, e.baseUrl?.trim().length ?? 0)
+	], s = gn(e);
+	s !== null && o.push(X("keyword", s, 5, e.keyword?.trim().length ?? 0));
 	let c = Math.round(o.reduce((e, t) => e + t.score, 0) / o.reduce((e, t) => e + t.maxScore, 0) * 100);
 	return {
 		score: c,
-		status: mn(c, 100),
+		status: un(c, 100),
 		checks: o,
 		limits: t
 	};
 }
 //#endregion
 //#region src/components/blocks/commerce/seo-listing/types.ts
-var Sn = {
+var vn = {
 	title: "Search engine listing",
 	editLabel: "Edit search listing",
 	scoreLabel: "SEO score",
@@ -2289,75 +2317,76 @@ var Sn = {
 		url: "Prefer a secure canonical URL.",
 		keyword: "Use the focus keyword in the title, description, or permalink."
 	}
-}, Cn = {
+}, yn = {
 	good: "success",
 	review: "warning",
 	missing: "destructive"
-}, wn = {
+}, bn = {
 	good: "[&_[data-slot=progress-indicator]]:bg-success",
 	review: "[&_[data-slot=progress-indicator]]:bg-warning",
 	missing: "[&_[data-slot=progress-indicator]]:bg-destructive"
-}, Tn = {
+}, xn = {
 	good: Pe,
-	review: Ye,
+	review: Ge,
 	missing: Le
-}, En = {
+}, Sn = {
 	good: "text-success",
 	review: "text-warning-accent",
 	missing: "text-destructive"
 };
-function Dn(e) {
+function Cn(e) {
 	return e.replace(/^\/+|\/+$/g, "");
 }
-function On(e, t, n) {
-	let r = Q(n).split("/").filter(Boolean);
+function wn(e, t, n) {
+	let r = Z(n).split("/").filter(Boolean);
 	return [
 		e,
-		...t.map(Dn).filter(Boolean),
+		...t.map(Cn).filter(Boolean),
 		...r
 	].filter(Boolean);
 }
-function kn(e, t, n) {
+function Tn(e, t, n) {
 	if (!e.trim()) return;
-	let r = e.replace(/\/+$/g, ""), i = [...t.map(Dn).filter(Boolean), ...Q(n).split("/").filter(Boolean)].join("/");
+	let r = e.replace(/\/+$/g, ""), i = [...t.map(Cn).filter(Boolean), ...Z(n).split("/").filter(Boolean)].join("/");
 	return i ? `${r}/${i}` : r;
 }
-function An(e, t) {
+function En(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 jn({ check: e, detail: t, strings: n }) {
-	let i = Tn[e.status];
-	return /* @__PURE__ */ G("div", {
+function Dn({ check: e, detail: t, strings: n }) {
+	let i = xn[e.status];
+	return /* @__PURE__ */ W("div", {
 		className: "seo-listing-card--check min-w-0",
-		children: /* @__PURE__ */ K(f, {
+		children: /* @__PURE__ */ G(f, {
 			direction: "horizontal",
 			gap: "md",
 			align: "start",
 			wrap: !1,
-			children: [/* @__PURE__ */ G(i, {
-				className: r("seo-listing-card--check-icon size-icon shrink-0 translate-y-0.5", En[e.status]),
+			children: [/* @__PURE__ */ W(i, {
+				className: r("seo-listing-card--check-icon size-icon shrink-0 translate-y-0.5", Sn[e.status]),
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ K(f, {
+			}), /* @__PURE__ */ G(f, {
 				gap: "dense",
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ K(f, {
+				children: [/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					gap: "sm",
 					justify: "between",
 					wrap: !1,
-					children: [/* @__PURE__ */ G(c, {
+					children: [/* @__PURE__ */ W(o, {
+						type: "inherit",
 						tag: "span",
 						weight: "medium",
 						className: "truncate",
 						children: n.checkLabels[e.id]
-					}), /* @__PURE__ */ G(M, {
-						tone: Cn[e.status],
+					}), /* @__PURE__ */ W(M, {
+						tone: yn[e.status],
 						size: "sm",
 						inline: !0,
 						className: "shrink-0",
 						children: n.status[e.status]
 					})]
-				}), /* @__PURE__ */ G(c, {
+				}), /* @__PURE__ */ W(o, {
 					size: "xs",
 					type: "secondary",
 					lineHeight: "snug",
@@ -2367,21 +2396,21 @@ function jn({ check: e, detail: t, strings: n }) {
 		})
 	});
 }
-function Mn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title: s, description: u, price: d, keyword: p, score: m, limits: h, showChecks: g = !0, onEdit: y, surface: b = "flat", padding: x = b === "flat" ? "none" : "md", headerDivider: S = b !== "flat" && void 0, className: w, strings: E }) {
-	let D = n(Sn, E), O = t?.trim() || D.urlFallback, k = e?.trim() || D.siteFallback, ee = s?.trim() || D.titleFallback, te = u?.trim() || D.descriptionFallback, j = m ?? xn({
-		title: s,
+function On({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: s, title: c, description: u, price: d, keyword: p, score: m, limits: h, showChecks: g = !0, onEdit: y, surface: b = "flat", padding: x = b === "flat" ? "none" : "md", headerDivider: S, className: w, strings: E }) {
+	let D = n(vn, E), O = t?.trim() || D.urlFallback, k = e?.trim() || D.siteFallback, ee = c?.trim() || D.titleFallback, te = u?.trim() || D.descriptionFallback, j = m ?? _n({
+		title: c,
 		description: u,
-		permalink: o,
+		permalink: s,
 		baseUrl: t,
 		keyword: p,
 		limits: h
-	}), ne = kn(O, a, o), re = On(O, a, o), ie = Cn[j.status];
-	return /* @__PURE__ */ K(_, {
+	}), ne = Tn(O, a, s), re = wn(O, a, s), ie = yn[j.status];
+	return /* @__PURE__ */ G(_, {
 		surface: b,
 		padding: x,
 		headerDivider: S,
 		title: D.title,
-		titleSuffix: /* @__PURE__ */ K(M, {
+		titleSuffix: /* @__PURE__ */ G(M, {
 			tone: ie,
 			size: "sm",
 			inline: !0,
@@ -2394,7 +2423,7 @@ function Mn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title
 		}),
 		className: r("seo-listing-card--component @container/seo-listing-card w-full", w),
 		contentGap: "2xl",
-		headerAction: y ? /* @__PURE__ */ G(i, {
+		headerAction: y ? /* @__PURE__ */ W(i, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -2402,39 +2431,40 @@ function Mn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title
 			iconOnly: !0,
 			"aria-label": D.editLabel,
 			onClick: y,
-			children: /* @__PURE__ */ G(We, { className: "size-icon-sm" })
+			children: /* @__PURE__ */ W(He, { className: "size-icon-sm" })
 		}) : void 0,
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W("div", {
 			"data-artwork": "serp",
-			className: "seo-listing-card--preview min-w-0 rounded-radius border border-border/60 bg-background p-surface shadow-xs",
-			children: /* @__PURE__ */ K(f, {
+			className: "seo-listing-card--preview min-w-0 rounded-radius border border-border/60 bg-background text-foreground p-surface shadow-xs",
+			children: /* @__PURE__ */ G(f, {
 				gap: "sm",
 				className: "min-w-0",
 				children: [
-					/* @__PURE__ */ K(f, {
+					/* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						gap: "sm",
 						wrap: !1,
-						children: [/* @__PURE__ */ G(c, {
+						children: [/* @__PURE__ */ W(o, {
+							type: "inherit",
 							weight: "medium",
 							className: "truncate",
 							children: k
-						}), !!ne && /* @__PURE__ */ G(He, {
+						}), !!ne && /* @__PURE__ */ W(Be, {
 							className: "size-icon-sm shrink-0 text-muted-foreground",
 							"aria-hidden": "true"
 						})]
 					}),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ W("div", {
 						className: "seo-listing-card--url flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-2xs",
-						children: re.map((e, t) => /* @__PURE__ */ K("span", {
+						children: re.map((e, t) => /* @__PURE__ */ G("span", {
 							className: "inline-flex min-w-0 items-center gap-space-sm",
-							children: [/* @__PURE__ */ G(c, {
+							children: [/* @__PURE__ */ W(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								className: "truncate",
 								children: e
-							}), t < re.length - 1 && /* @__PURE__ */ G(c, {
+							}), t < re.length - 1 && /* @__PURE__ */ W(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
@@ -2443,53 +2473,55 @@ function Mn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title
 							})]
 						}, `${e}-${t}`))
 					}),
-					ne ? /* @__PURE__ */ G(l, {
+					ne ? /* @__PURE__ */ W(l, {
 						href: ne,
 						size: "base",
 						lineHeight: "snug",
 						underline: !1,
 						className: "seo-listing-card--snippet-title block text-[#1a0dab] dark:text-[#8ab4f8]",
 						children: ee
-					}) : /* @__PURE__ */ G(c, {
+					}) : /* @__PURE__ */ W(o, {
+						type: "inherit",
 						size: "base",
 						lineHeight: "snug",
 						className: "seo-listing-card--snippet-title text-[#1a0dab] dark:text-[#8ab4f8]",
 						children: ee
 					}),
-					/* @__PURE__ */ G(c, {
+					/* @__PURE__ */ W(o, {
 						type: "secondary",
 						lineHeight: "relaxed",
 						className: "seo-listing-card--description max-w-4xl",
 						children: te
 					}),
-					!!d && /* @__PURE__ */ G(T, {
+					!!d && /* @__PURE__ */ W(T, {
 						size: "xs",
 						className: "seo-listing-card--price block tabular-nums",
 						children: d
 					})
 				]
 			})
-		}), /* @__PURE__ */ K(f, {
+		}), /* @__PURE__ */ G(f, {
 			gap: "lg",
 			className: "seo-listing-card--score",
 			children: [
-				/* @__PURE__ */ K(f, {
+				/* @__PURE__ */ G(f, {
 					direction: "horizontal",
 					gap: "lg",
 					justify: "between",
 					align: "start",
 					wrap: !1,
-					children: [/* @__PURE__ */ K(f, {
+					children: [/* @__PURE__ */ G(f, {
 						gap: "dense",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ G(c, {
+						children: [/* @__PURE__ */ W(o, {
+							type: "inherit",
 							weight: "semibold",
 							children: D.scoreLabel
-						}), /* @__PURE__ */ K(T, {
+						}), /* @__PURE__ */ G(T, {
 							size: "xs",
 							className: "tabular-nums",
 							children: [
-								/* @__PURE__ */ G(A, {
+								/* @__PURE__ */ W(A, {
 									value: j.checks.length,
 									size: "xs",
 									type: "secondary",
@@ -2499,22 +2531,23 @@ function Mn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title
 								D.checksLabel
 							]
 						})]
-					}), /* @__PURE__ */ K(C, {
+					}), /* @__PURE__ */ G(C, {
+						type: "inherit",
 						weight: "semibold",
 						className: "shrink-0 tabular-nums",
 						children: [j.score, "/100"]
 					})]
 				}),
-				/* @__PURE__ */ G(v, {
+				/* @__PURE__ */ W(v, {
 					value: j.score,
 					"aria-label": D.scoreLabel,
-					className: r("seo-listing-card--score-progress", "[&_[data-slot=progress-track]]:h-space-md", wn[j.status])
+					className: r("seo-listing-card--score-progress", "[&_[data-slot=progress-track]]:h-space-md", bn[j.status])
 				}),
-				!!g && /* @__PURE__ */ G("div", {
+				!!g && /* @__PURE__ */ W("div", {
 					className: "seo-listing-card--checks grid gap-x-space-2xl gap-y-space-lg @xl/seo-listing-card:grid-cols-2",
-					children: j.checks.map((e) => /* @__PURE__ */ G(jn, {
+					children: j.checks.map((e) => /* @__PURE__ */ W(Dn, {
 						check: e,
-						detail: An(e, D),
+						detail: En(e, D),
 						strings: D
 					}, e.id))
 				})
@@ -2522,90 +2555,93 @@ function Mn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: o, title
 		})]
 	});
 }
-Mn.displayName = "SeoListingCard";
+On.displayName = "SeoListingCard";
 //#endregion
 //#region src/components/blocks/commerce/invoice-mini/types.ts
-var Nn = {
+var kn = {
 	paid: "Paid",
 	pending: "Pending",
 	overdue: "Overdue",
 	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
 	due: "Due"
-}, Pn = {
+}, An = {
 	paid: "success",
 	pending: "warning",
 	overdue: "destructive"
 };
 //#endregion
 //#region src/components/blocks/commerce/invoice-mini/invoice-mini.tsx
-function Fn({ invoice: e, className: n, strings: i, ...a }) {
-	let o = t(Nn, i), s = {
-		paid: o.paid,
-		pending: o.pending,
-		overdue: o.overdue
+function jn({ invoice: e, className: n, strings: i, ...a }) {
+	let s = t(kn, i), c = {
+		paid: s.paid,
+		pending: s.pending,
+		overdue: s.overdue
 	};
-	return /* @__PURE__ */ K(f, {
+	return /* @__PURE__ */ G(f, {
 		...a,
 		gap: "md",
 		"data-component": "invoice-mini",
 		"data-slot": "invoice-mini",
 		className: r("invoice-mini--component", n),
 		children: [
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
-				children: [/* @__PURE__ */ G(E, {
+				children: [/* @__PURE__ */ W(E, {
+					type: "inherit",
 					className: "min-w-0 truncate tracking-wide",
 					children: e.invoiceNumber
-				}), /* @__PURE__ */ G(M, {
-					tone: Pn[e.status],
+				}), /* @__PURE__ */ W(M, {
+					tone: An[e.status],
 					size: "sm",
 					className: "shrink-0",
-					children: s[e.status]
+					children: c[e.status]
 				})]
 			}),
-			/* @__PURE__ */ G(c, {
+			/* @__PURE__ */ W(o, {
 				type: "secondary",
 				className: "truncate",
 				children: e.customerName
 			}),
-			/* @__PURE__ */ K(f, {
+			/* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "lg",
 				align: "end",
 				justify: "between",
 				className: "pt-space-xs",
-				children: [/* @__PURE__ */ K(f, {
+				children: [/* @__PURE__ */ G(f, {
 					gap: "2xs",
 					className: "min-w-0",
-					children: [/* @__PURE__ */ G(c, {
+					children: [/* @__PURE__ */ W(o, {
 						size: "xs",
 						type: "secondary",
-						children: o.items(e.lineItemsCount)
-					}), /* @__PURE__ */ K(T, {
+						children: s.items(e.lineItemsCount)
+					}), /* @__PURE__ */ G(T, {
 						size: "xs",
 						className: "whitespace-nowrap tabular-nums",
 						children: [
-							o.due,
+							s.due,
 							" ",
 							e.dueDate
 						]
 					})]
-				}), /* @__PURE__ */ G(C, {
+				}), /* @__PURE__ */ W(C, {
+					type: "inherit",
 					size: "base",
 					weight: "bold",
-					className: r("ml-auto shrink-0 tabular-nums leading-none"),
+					lineHeight: "none",
+					className: "ml-auto shrink-0 tabular-nums",
 					children: e.totalAmount
 				})]
 			})
 		]
 	});
 }
-Fn.displayName = "InvoiceMini";
+jn.displayName = "InvoiceMini";
 //#endregion
 //#region src/components/blocks/commerce/invoice-header/types.ts
-var In = {
+var Mn = {
 	title: "Invoice",
 	billFrom: "Bill from",
 	billTo: "Bill to",
@@ -2618,46 +2654,48 @@ var In = {
 };
 //#endregion
 //#region src/components/blocks/commerce/invoice-header/invoice-header.tsx
-function Ln({ eyebrow: e, name: t, location: n }) {
-	return /* @__PURE__ */ K(f, {
+function Nn({ eyebrow: e, name: t, location: n }) {
+	return /* @__PURE__ */ G(f, {
 		gap: "xs",
 		className: "invoice-header--party",
 		children: [
-			/* @__PURE__ */ G(o, {
+			/* @__PURE__ */ W(s, {
 				tag: "div",
 				children: e
 			}),
-			/* @__PURE__ */ G(c, {
+			/* @__PURE__ */ W(o, {
+				type: "inherit",
 				weight: "semibold",
-				className: "leading-snug",
+				lineHeight: "snug",
 				children: t
 			}),
-			!!n && /* @__PURE__ */ G(c, {
+			!!n && /* @__PURE__ */ W(o, {
 				tag: "div",
 				size: "xs",
 				type: "secondary",
-				className: "leading-snug",
+				lineHeight: "snug",
 				children: n
 			})
 		]
 	});
 }
-function Rn({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issuedDate: s, dueDate: c, amount: l, className: d, strings: f, ...p }) {
-	let m = n(In, f), h = {
-		paid: m.paid,
-		pending: m.pending,
-		overdue: m.overdue
-	}, g = i ?? Pn[t];
-	return /* @__PURE__ */ K(_, {
-		...p,
+function Pn({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issuedDate: s, dueDate: c, amount: l, className: d, strings: p, ...m }) {
+	let h = n(Mn, p), g = {
+		paid: h.paid,
+		pending: h.pending,
+		overdue: h.overdue
+	}, v = i ?? An[t];
+	return /* @__PURE__ */ G(_, {
+		...m,
 		surface: "flat",
 		padding: "none",
-		title: m.title,
-		titleSuffix: /* @__PURE__ */ G(M, {
-			tone: g,
-			children: h[t]
+		title: h.title,
+		titleSuffix: /* @__PURE__ */ W(M, {
+			tone: v,
+			children: g[t]
 		}),
-		description: /* @__PURE__ */ G(E, {
+		description: /* @__PURE__ */ W(E, {
+			type: "inherit",
 			className: "invoice-header--number tracking-wide",
 			children: e
 		}),
@@ -2665,32 +2703,37 @@ function Rn({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issued
 		"data-component": "invoice-header",
 		"data-slot": "invoice-header",
 		className: r("invoice-header--component min-w-0", d),
-		children: [/* @__PURE__ */ K(u, {
+		children: [/* @__PURE__ */ G(u, {
 			minColumnWidth: "sm",
 			gap: "xl",
 			className: "invoice-header--parties",
-			children: [/* @__PURE__ */ G(Ln, {
-				eyebrow: m.billFrom,
+			children: [/* @__PURE__ */ W(Nn, {
+				eyebrow: h.billFrom,
 				name: a.name,
 				location: a.location
-			}), /* @__PURE__ */ G(Ln, {
-				eyebrow: m.billTo,
+			}), /* @__PURE__ */ W(Nn, {
+				eyebrow: h.billTo,
 				name: o.name,
 				location: o.location
 			})]
-		}), /* @__PURE__ */ K(J, {
+		}), /* @__PURE__ */ G(f, {
+			gap: "sm",
 			className: "invoice-header--amounts",
 			children: [
-				!!s && /* @__PURE__ */ G(q, {
-					label: m.issued,
-					amount: s
+				!!s && /* @__PURE__ */ W(U, {
+					label: h.issued,
+					value: s,
+					valueWeight: "medium",
+					valueClassName: "tabular-nums"
 				}),
-				!!c && /* @__PURE__ */ G(q, {
-					label: m.due,
-					amount: c
+				!!c && /* @__PURE__ */ W(U, {
+					label: h.due,
+					value: c,
+					valueWeight: "medium",
+					valueClassName: "tabular-nums"
 				}),
-				/* @__PURE__ */ G(q, {
-					label: m.amountDue,
+				/* @__PURE__ */ W(K, {
+					label: h.amountDue,
 					amount: l,
 					total: !0
 				})
@@ -2698,23 +2741,24 @@ function Rn({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issued
 		})]
 	});
 }
-Rn.displayName = "InvoiceHeader";
+Pn.displayName = "InvoiceHeader";
 //#endregion
 //#region src/components/blocks/commerce/invoice-line-items/types.ts
-var zn = {
+var Fn = {
 	item: "Item",
 	quantity: "Qty",
 	price: "Price",
 	subtotal: "Subtotal",
 	tax: "Tax",
 	total: "Total"
-}, Bn = "border border-border shadow-sm", Vn = {
+}, In = "border border-border shadow-sm", Ln = {
 	left: "text-left justify-start",
 	right: "text-right justify-end",
 	center: "text-center justify-center"
 };
-function Hn({ amount: e, currency: t, weight: n = "regular" }) {
-	return /* @__PURE__ */ G(te, {
+function Q({ amount: e, currency: t, weight: n = "regular" }) {
+	return /* @__PURE__ */ W(te, {
+		type: "inherit",
 		amount: e,
 		currency: t,
 		minimumFractionDigits: 2,
@@ -2722,13 +2766,14 @@ function Hn({ amount: e, currency: t, weight: n = "regular" }) {
 		weight: n
 	});
 }
-function Un(e, t) {
+function Rn(e, t) {
 	return [
 		{
 			id: "description",
 			header: t.item,
 			width: "minmax(0,1fr)",
-			cell: (e) => /* @__PURE__ */ G(c, {
+			cell: (e) => /* @__PURE__ */ W(o, {
+				type: "inherit",
 				className: "break-words",
 				children: e.description
 			})
@@ -2738,7 +2783,8 @@ function Un(e, t) {
 			header: t.quantity,
 			width: "36px",
 			align: "center",
-			cell: (e) => /* @__PURE__ */ G(A, {
+			cell: (e) => /* @__PURE__ */ W(A, {
+				type: "inherit",
 				value: e.qty,
 				align: "center"
 			})
@@ -2748,7 +2794,7 @@ function Un(e, t) {
 			header: t.price,
 			width: "82px",
 			align: "right",
-			cell: (t) => /* @__PURE__ */ G(Hn, {
+			cell: (t) => /* @__PURE__ */ W(Q, {
 				amount: t.price,
 				currency: e
 			})
@@ -2758,38 +2804,41 @@ function Un(e, t) {
 			header: t.total,
 			width: "82px",
 			align: "right",
-			cell: (t) => /* @__PURE__ */ G(Hn, {
+			cell: (t) => /* @__PURE__ */ W(Q, {
 				amount: t.total,
 				currency: e
 			})
 		}
 	];
 }
-function Wn(e, t, n, r) {
+function zn(e, t, n, r) {
 	let i = e.reduce((e, t) => e + t.total, 0), a = Math.round(i * t * 100) / 100, o = i + a;
 	return [
 		{
 			label: r.subtotal,
-			value: /* @__PURE__ */ G(Hn, {
+			value: /* @__PURE__ */ W(Q, {
 				amount: i,
 				currency: n
 			})
 		},
 		{
-			label: /* @__PURE__ */ K(ke, { children: [
+			label: /* @__PURE__ */ G(Ae, { children: [
 				r.tax,
 				" (",
-				/* @__PURE__ */ G(ee, { value: t }),
+				/* @__PURE__ */ W(ee, {
+					type: "inherit",
+					value: t
+				}),
 				")"
 			] }),
-			value: /* @__PURE__ */ G(Hn, {
+			value: /* @__PURE__ */ W(Q, {
 				amount: a,
 				currency: n
 			})
 		},
 		{
 			label: r.total,
-			value: /* @__PURE__ */ G(Hn, {
+			value: /* @__PURE__ */ W(Q, {
 				amount: o,
 				currency: n,
 				weight: "bold"
@@ -2798,52 +2847,53 @@ function Wn(e, t, n, r) {
 		}
 	];
 }
-function Gn({ items: t, columns: i, footerRows: a, taxRate: s = .2, currency: l, className: u, strings: d }) {
-	let p = n(zn, d), { defaultCurrency: m } = e(), h = l ?? m ?? "€", g = i ?? Un(h, p), _ = a ?? (i ? [] : Wn(t, s, h, p)), v = i ? g.map((e) => e.width ?? "1fr").join(" ") : void 0, y = "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", Bn, u),
+function Bn({ items: t, columns: i, footerRows: a, taxRate: c = .2, currency: l, className: u, strings: d }) {
+	let p = n(Fn, d), { defaultCurrency: m } = e(), h = l ?? m ?? "€", g = i ?? Rn(h, p), _ = a ?? (i ? [] : zn(t, c, h, p)), v = i ? g.map((e) => e.width ?? "1fr").join(" ") : void 0, y = "grid-cols-3 @lg/invoice-line-items:grid-cols-[minmax(0,1fr)_36px_82px_82px]";
+	return /* @__PURE__ */ G("div", {
+		className: r("invoice-line-items--component", "@container/invoice-line-items box-border w-full min-w-0 max-w-full overflow-hidden rounded-radius bg-card text-card-foreground", In, u),
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: r("invoice-line-items--header min-w-0 gap-space-md bg-muted/50 px-row-x py-row-y", i ? "grid" : ["hidden @lg/invoice-line-items:grid", y]),
 				style: { gridTemplateColumns: v },
-				children: g.map((e) => /* @__PURE__ */ G("div", {
-					className: r("flex min-w-0", Vn[e.align ?? "left"], e.headerClassName),
-					children: /* @__PURE__ */ G(o, {
+				children: g.map((e) => /* @__PURE__ */ W("div", {
+					className: r("flex min-w-0", Ln[e.align ?? "left"], e.headerClassName),
+					children: /* @__PURE__ */ W(s, {
 						className: "min-w-0 truncate",
 						children: e.header
 					})
 				}, e.id))
 			}),
-			t.map((e, t) => /* @__PURE__ */ G("div", {
+			t.map((e, t) => /* @__PURE__ */ W("div", {
 				className: r("invoice-line-items--row grid min-w-0 gap-space-md px-row-x py-row-y", !i && y, t % 2 == 1 && "bg-muted/30"),
 				style: { gridTemplateColumns: v },
-				children: g.map((n) => /* @__PURE__ */ K("div", {
+				children: g.map((n) => /* @__PURE__ */ G("div", {
 					"data-column": n.id,
-					className: r("min-w-0", i ? ["flex items-center", Vn[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(o, {
+					className: r("min-w-0", i ? ["flex items-center", Ln[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__ */ W(s, {
 						className: "@lg/invoice-line-items:hidden",
 						children: n.header
 					}), n.cell(e, t)]
 				}, n.id))
 			}, t)),
-			_.length > 0 && /* @__PURE__ */ K(ke, { children: [/* @__PURE__ */ G(ae, {}), /* @__PURE__ */ G("div", {
+			_.length > 0 && /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(ae, {}), /* @__PURE__ */ W("div", {
 				className: "invoice-line-items--footer p-surface",
-				children: /* @__PURE__ */ G(f, {
+				children: /* @__PURE__ */ W(f, {
 					gap: "sm",
-					children: _.map((e, t) => /* @__PURE__ */ K(f, {
+					children: _.map((e, t) => /* @__PURE__ */ G(f, {
 						direction: "horizontal",
 						gap: "sm",
 						justify: "between",
 						align: "baseline",
 						className: r(e.emphasis === "total" && "pt-space-md"),
-						children: [/* @__PURE__ */ G(c, {
-							type: e.emphasis === "total" ? void 0 : "secondary",
+						children: [/* @__PURE__ */ W(o, {
+							type: e.emphasis === "total" ? "inherit" : "secondary",
 							weight: e.emphasis === "total" ? "bold" : "regular",
 							children: e.label
-						}), Kn(e.value) ? /* @__PURE__ */ G(C, {
+						}), Vn(e.value) ? /* @__PURE__ */ W(C, {
+							type: "inherit",
 							weight: e.emphasis === "total" ? "bold" : "regular",
 							children: e.value
-						}) : /* @__PURE__ */ G("div", {
+						}) : /* @__PURE__ */ W("div", {
 							className: "invoice-line-items--footer-value shrink-0",
 							children: e.value
 						})]
@@ -2853,13 +2903,13 @@ function Gn({ items: t, columns: i, footerRows: a, taxRate: s = .2, currency: l,
 		]
 	});
 }
-Gn.displayName = "InvoiceLineItems";
-function Kn(e) {
+Bn.displayName = "InvoiceLineItems";
+function Vn(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
 //#endregion
 //#region src/components/blocks/commerce/order-timeline/order-timeline.tsx
-function qn({ title: e, description: t, events: n, footerText: i, className: a }) {
+function Hn({ title: e, description: t, events: n, footerText: i, className: a }) {
 	let o = n.map((e) => ({
 		id: e.id,
 		title: e.title,
@@ -2867,46 +2917,47 @@ function qn({ title: e, description: t, events: n, footerText: i, className: a }
 		timestamp: e.timestamp,
 		status: e.status
 	}));
-	return /* @__PURE__ */ G(I, {
+	return /* @__PURE__ */ W(I, {
 		"data-component": "order-timeline",
 		"data-slot": "order-timeline",
 		title: e,
 		description: t,
 		footerText: i,
 		className: r("order-timeline--component", a),
-		children: /* @__PURE__ */ G(Ce, { items: o })
+		children: /* @__PURE__ */ W(Ce, { items: o })
 	});
 }
-qn.displayName = "OrderTimeline";
+Hn.displayName = "OrderTimeline";
 //#endregion
 //#region src/components/blocks/commerce/payment-timeline/payment-timeline.tsx
-function Jn({ events: e, className: t }) {
+function Un({ events: e, className: t }) {
 	let n = e.map((e, t) => ({
 		id: `${e.label}-${String(t)}`,
 		title: e.label,
 		description: e.date,
 		icon: e.icon,
 		status: e.done ? "success" : "pending",
-		children: e.amount ? /* @__PURE__ */ G(C, {
+		children: e.amount ? /* @__PURE__ */ W(C, {
+			type: "inherit",
 			weight: "medium",
 			className: "tabular-nums",
 			children: e.amount
 		}) : void 0
 	}));
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		"data-component": "payment-timeline",
 		"data-slot": "payment-timeline",
 		className: r("payment-timeline--component min-w-0", t),
-		children: /* @__PURE__ */ G(Ce, {
+		children: /* @__PURE__ */ W(Ce, {
 			items: n,
 			dotSize: "lg"
 		})
 	});
 }
-Jn.displayName = "PaymentTimeline";
+Un.displayName = "PaymentTimeline";
 //#endregion
 //#region src/components/blocks/commerce/inventory-section/types.ts
-var Yn = {
+var Wn = {
 	title: "Inventory",
 	description: "Manage stock tracking, availability, fulfillment, and compliance details.",
 	status: {
@@ -2997,46 +3048,48 @@ var Yn = {
 		clearAll: "Clear tags",
 		summary: (e, t) => `${e} / ${t} tags`
 	}
-}, Xn = {
+}, Gn = {
 	in_stock: "success",
 	low_stock: "warning",
 	out_of_stock: "destructive",
 	untracked: "secondary"
 };
-function Zn(e) {
+function Kn(e) {
 	if (e === void 0 || e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function Qn(e) {
+function qn(e) {
 	if (!(e.trackQuantity ?? !0)) return "untracked";
-	let t = Zn(e.available) ?? 0;
+	let t = Kn(e.available) ?? 0;
 	if (t <= 0) return "out_of_stock";
-	let n = Zn(e.lowStockThreshold);
+	let n = Kn(e.lowStockThreshold);
 	return n !== void 0 && t <= n ? "low_stock" : "in_stock";
 }
 function $({ children: e, className: t }) {
-	return /* @__PURE__ */ G(c, {
+	return /* @__PURE__ */ W(o, {
+		type: "inherit",
 		weight: "semibold",
 		className: r("inventory-section-card--section-title", t),
 		children: e
 	});
 }
-function $n({ metric: e }) {
-	return /* @__PURE__ */ K("div", {
+function Jn({ metric: e }) {
+	return /* @__PURE__ */ G("div", {
 		className: "inventory-section-card--metric min-w-0",
 		children: [
-			/* @__PURE__ */ G(c, {
+			/* @__PURE__ */ W(o, {
 				size: "xs",
 				type: "secondary",
 				children: e.label
 			}),
-			/* @__PURE__ */ G(C, {
+			/* @__PURE__ */ W(C, {
+				type: "inherit",
 				weight: "semibold",
 				className: "tabular-nums",
 				children: e.value
 			}),
-			!!e.description && /* @__PURE__ */ G(c, {
+			!!e.description && /* @__PURE__ */ W(o, {
 				size: "xs",
 				type: "secondary",
 				lineHeight: "snug",
@@ -3045,8 +3098,8 @@ function $n({ metric: e }) {
 		]
 	});
 }
-function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly: s = !1, visibleSections: c, visibleFields: l, locationOptions: u = [], countryOptions: p = [], tagRecommendations: m, maxTags: h, onGenerateSku: g, onRestock: v, className: y, strings: b }) {
-	let x = n(Yn, b), S = Qn(e), C = o || s, w = e.trackQuantity ?? !0, T = e.requiresShipping ?? !0, E = C || !T, D = (e) => c?.[e] !== !1, O = (e) => l?.[e] !== !1, k = (n, r) => {
+function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly: s = !1, visibleSections: c, visibleFields: l, locationOptions: u = [], countryOptions: p = [], tagRecommendations: m, maxTags: h, onGenerateSku: g, onRestock: v, className: y, strings: b }) {
+	let x = n(Wn, b), S = qn(e), C = o || s, w = e.trackQuantity ?? !0, T = e.requiresShipping ?? !0, E = C || !T, D = (e) => c?.[e] !== !1, O = (e) => l?.[e] !== !1, k = (n, r) => {
 		let i = e[n], a = {
 			...e,
 			[n]: r
@@ -3083,21 +3136,21 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 			value: e.lowStockThreshold || "-"
 		}
 	];
-	return /* @__PURE__ */ K(_, {
+	return /* @__PURE__ */ G(_, {
 		surface: "flat",
 		padding: "none",
 		gap: "xl",
 		title: x.title,
 		description: x.description,
-		titleSuffix: /* @__PURE__ */ G(M, {
-			tone: Xn[S],
+		titleSuffix: /* @__PURE__ */ W(M, {
+			tone: Gn[S],
 			children: x.status[S]
 		}),
-		headerAction: /* @__PURE__ */ K(f, {
+		headerAction: /* @__PURE__ */ G(f, {
 			direction: "horizontal",
 			gap: "sm",
 			className: "w-full @md/inventory-section-card:w-auto @md/inventory-section-card:justify-end",
-			children: [!!g && /* @__PURE__ */ G(i, {
+			children: [!!g && /* @__PURE__ */ W(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline",
@@ -3105,7 +3158,7 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 				onClick: ee,
 				disabled: C,
 				children: x.actions.generateSku
-			}), !!v && /* @__PURE__ */ G(i, {
+			}), !!v && /* @__PURE__ */ W(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -3118,30 +3171,30 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 		className: r("inventory-section-card--component @container/inventory-section-card w-full", y),
 		contentGap: "2xl",
 		children: [
-			!!D("summary") && /* @__PURE__ */ G("div", {
+			!!D("summary") && /* @__PURE__ */ W("div", {
 				className: "inventory-section-card--summary 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: te.map((e) => /* @__PURE__ */ G($n, { metric: e }, e.id))
+				children: te.map((e) => /* @__PURE__ */ W(Jn, { metric: e }, e.id))
 			}),
-			!!D("identity") && /* @__PURE__ */ K(f, {
-				render: /* @__PURE__ */ G("section", {}),
+			!!D("identity") && /* @__PURE__ */ G(f, {
+				render: /* @__PURE__ */ W("section", {}),
 				gap: "md",
 				className: "inventory-section-card--identity",
-				children: [/* @__PURE__ */ G($, { children: x.sections.identity }), /* @__PURE__ */ K(d, { children: [!!O("sku") && /* @__PURE__ */ G(F, {
+				children: [/* @__PURE__ */ W($, { children: x.sections.identity }), /* @__PURE__ */ G(d, { children: [!!O("sku") && /* @__PURE__ */ W(F, {
 					label: x.fields.sku,
 					error: a?.sku,
 					hint: x.hints.sku,
-					children: /* @__PURE__ */ G(N, {
+					children: /* @__PURE__ */ W(N, {
 						value: e.sku ?? "",
 						onChange: (e) => k("sku", e.target.value),
 						placeholder: x.placeholders.sku,
 						disabled: C,
 						invalid: !!a?.sku
 					})
-				}), !!O("barcode") && /* @__PURE__ */ G(F, {
+				}), !!O("barcode") && /* @__PURE__ */ W(F, {
 					label: x.fields.barcode,
 					error: a?.barcode,
 					hint: x.hints.barcode,
-					children: /* @__PURE__ */ G(N, {
+					children: /* @__PURE__ */ W(N, {
 						value: e.barcode ?? "",
 						onChange: (e) => k("barcode", e.target.value),
 						placeholder: x.placeholders.barcode,
@@ -3150,27 +3203,27 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					})
 				})] })]
 			}),
-			!!D("tracking") && /* @__PURE__ */ K(f, {
-				render: /* @__PURE__ */ G("section", {}),
+			!!D("tracking") && /* @__PURE__ */ G(f, {
+				render: /* @__PURE__ */ W("section", {}),
 				gap: "md",
 				className: "inventory-section-card--tracking",
 				children: [
-					/* @__PURE__ */ G($, { children: x.sections.tracking }),
-					!!O("trackQuantity") && /* @__PURE__ */ G(oe, {
+					/* @__PURE__ */ W($, { children: x.sections.tracking }),
+					!!O("trackQuantity") && /* @__PURE__ */ W(oe, {
 						label: x.fields.trackQuantity,
 						description: x.hints.available,
 						value: w,
 						onValueChange: (e) => k("trackQuantity", e),
 						disabled: C
 					}),
-					/* @__PURE__ */ K("div", {
+					/* @__PURE__ */ G("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(F, {
+							!!O("available") && /* @__PURE__ */ W(F, {
 								label: x.fields.available,
 								error: a?.available,
 								hint: x.hints.available,
-								children: /* @__PURE__ */ G(fe, {
+								children: /* @__PURE__ */ W(fe, {
 									value: e.available ?? "",
 									onChange: (e) => k("available", e.target.value),
 									placeholder: x.placeholders.available,
@@ -3181,11 +3234,11 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 									invalid: !!a?.available
 								})
 							}),
-							!!O("committed") && /* @__PURE__ */ G(F, {
+							!!O("committed") && /* @__PURE__ */ W(F, {
 								label: x.fields.committed,
 								error: a?.committed,
 								hint: x.hints.committed,
-								children: /* @__PURE__ */ G(fe, {
+								children: /* @__PURE__ */ W(fe, {
 									value: e.committed ?? "",
 									onChange: (e) => k("committed", e.target.value),
 									placeholder: x.placeholders.committed,
@@ -3196,11 +3249,11 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 									invalid: !!a?.committed
 								})
 							}),
-							!!O("incoming") && /* @__PURE__ */ G(F, {
+							!!O("incoming") && /* @__PURE__ */ W(F, {
 								label: x.fields.incoming,
 								error: a?.incoming,
 								hint: x.hints.incoming,
-								children: /* @__PURE__ */ G(fe, {
+								children: /* @__PURE__ */ W(fe, {
 									value: e.incoming ?? "",
 									onChange: (e) => k("incoming", e.target.value),
 									placeholder: x.placeholders.incoming,
@@ -3211,11 +3264,11 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 									invalid: !!a?.incoming
 								})
 							}),
-							!!O("lowStockThreshold") && /* @__PURE__ */ G(F, {
+							!!O("lowStockThreshold") && /* @__PURE__ */ W(F, {
 								label: x.fields.lowStockThreshold,
 								error: a?.lowStockThreshold,
 								hint: x.hints.lowStockThreshold,
-								children: /* @__PURE__ */ G(fe, {
+								children: /* @__PURE__ */ W(fe, {
 									value: e.lowStockThreshold ?? "",
 									onChange: (e) => k("lowStockThreshold", e.target.value),
 									placeholder: x.placeholders.lowStockThreshold,
@@ -3228,11 +3281,11 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 							})
 						]
 					}),
-					!!O("inventoryPolicy") && /* @__PURE__ */ G(F, {
+					!!O("inventoryPolicy") && /* @__PURE__ */ W(F, {
 						label: x.fields.inventoryPolicy,
 						error: a?.inventoryPolicy,
 						hint: x.hints.inventoryPolicy,
-						children: /* @__PURE__ */ G(ce, {
+						children: /* @__PURE__ */ W(ce, {
 							columns: 2,
 							value: e.inventoryPolicy ?? "deny",
 							onValueChange: (e) => k("inventoryPolicy", e),
@@ -3251,15 +3304,15 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					})
 				]
 			}),
-			!!D("location") && /* @__PURE__ */ K(f, {
-				render: /* @__PURE__ */ G("section", {}),
+			!!D("location") && /* @__PURE__ */ G(f, {
+				render: /* @__PURE__ */ W("section", {}),
 				gap: "md",
 				className: "inventory-section-card--location",
-				children: [/* @__PURE__ */ G($, { children: x.sections.location }), /* @__PURE__ */ K(d, { children: [!!O("locationId") && /* @__PURE__ */ G(F, {
+				children: [/* @__PURE__ */ W($, { children: x.sections.location }), /* @__PURE__ */ G(d, { children: [!!O("locationId") && /* @__PURE__ */ W(F, {
 					label: x.fields.locationId,
 					error: a?.locationId,
 					hint: x.hints.locationId,
-					children: u.length > 0 ? /* @__PURE__ */ G(se, {
+					children: u.length > 0 ? /* @__PURE__ */ W(se, {
 						value: e.locationId ?? null,
 						onValueChange: (e) => k("locationId", e),
 						options: u,
@@ -3267,18 +3320,18 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 						disabled: C,
 						invalid: !!a?.locationId,
 						allowClear: !0
-					}) : /* @__PURE__ */ G(N, {
+					}) : /* @__PURE__ */ W(N, {
 						value: e.locationId ?? "",
 						onChange: (e) => k("locationId", e.target.value),
 						placeholder: x.placeholders.locationId,
 						disabled: C,
 						invalid: !!a?.locationId
 					})
-				}), !!O("binLocation") && /* @__PURE__ */ G(F, {
+				}), !!O("binLocation") && /* @__PURE__ */ W(F, {
 					label: x.fields.binLocation,
 					error: a?.binLocation,
 					hint: x.hints.binLocation,
-					children: /* @__PURE__ */ G(N, {
+					children: /* @__PURE__ */ W(N, {
 						value: e.binLocation ?? "",
 						onChange: (e) => k("binLocation", e.target.value),
 						placeholder: x.placeholders.binLocation,
@@ -3287,24 +3340,24 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					})
 				})] })]
 			}),
-			!!D("shipping") && /* @__PURE__ */ K(f, {
-				render: /* @__PURE__ */ G("section", {}),
+			!!D("shipping") && /* @__PURE__ */ G(f, {
+				render: /* @__PURE__ */ W("section", {}),
 				gap: "md",
 				className: "inventory-section-card--shipping",
 				children: [
-					/* @__PURE__ */ G($, { children: x.sections.shipping }),
-					!!O("requiresShipping") && /* @__PURE__ */ G(oe, {
+					/* @__PURE__ */ W($, { children: x.sections.shipping }),
+					!!O("requiresShipping") && /* @__PURE__ */ W(oe, {
 						label: x.fields.requiresShipping,
 						description: x.hints.weight,
 						value: T,
 						onValueChange: (e) => k("requiresShipping", e),
 						disabled: C
 					}),
-					!!O("weight") && /* @__PURE__ */ G(F, {
+					!!O("weight") && /* @__PURE__ */ W(F, {
 						label: x.fields.weight,
 						error: a?.weight ?? a?.weightUnit,
 						hint: x.hints.weight,
-						children: /* @__PURE__ */ G(pe, {
+						children: /* @__PURE__ */ W(pe, {
 							value: e.weight ?? "",
 							unit: e.weightUnit ?? "kg",
 							onChange: (e) => k("weight", e.target.value),
@@ -3317,15 +3370,15 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					})
 				]
 			}),
-			!!D("customs") && /* @__PURE__ */ K(f, {
-				render: /* @__PURE__ */ G("section", {}),
+			!!D("customs") && /* @__PURE__ */ G(f, {
+				render: /* @__PURE__ */ W("section", {}),
 				gap: "md",
 				className: "inventory-section-card--customs",
-				children: [/* @__PURE__ */ G($, { children: x.sections.customs }), /* @__PURE__ */ K(d, { children: [!!O("countryOfOrigin") && /* @__PURE__ */ G(F, {
+				children: [/* @__PURE__ */ W($, { children: x.sections.customs }), /* @__PURE__ */ G(d, { children: [!!O("countryOfOrigin") && /* @__PURE__ */ W(F, {
 					label: x.fields.countryOfOrigin,
 					error: a?.countryOfOrigin,
 					hint: x.hints.countryOfOrigin,
-					children: p.length > 0 ? /* @__PURE__ */ G(se, {
+					children: p.length > 0 ? /* @__PURE__ */ W(se, {
 						value: e.countryOfOrigin ?? null,
 						onValueChange: (e) => k("countryOfOrigin", e),
 						options: p,
@@ -3333,18 +3386,18 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 						disabled: E,
 						invalid: !!a?.countryOfOrigin,
 						allowClear: !0
-					}) : /* @__PURE__ */ G(N, {
+					}) : /* @__PURE__ */ W(N, {
 						value: e.countryOfOrigin ?? "",
 						onChange: (e) => k("countryOfOrigin", e.target.value),
 						placeholder: x.placeholders.countryOfOrigin,
 						disabled: E,
 						invalid: !!a?.countryOfOrigin
 					})
-				}), !!O("hsCode") && /* @__PURE__ */ G(F, {
+				}), !!O("hsCode") && /* @__PURE__ */ W(F, {
 					label: x.fields.hsCode,
 					error: a?.hsCode,
 					hint: x.hints.hsCode,
-					children: /* @__PURE__ */ G(N, {
+					children: /* @__PURE__ */ W(N, {
 						value: e.hsCode ?? "",
 						onChange: (e) => k("hsCode", e.target.value),
 						placeholder: x.placeholders.hsCode,
@@ -3353,15 +3406,15 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					})
 				})] })]
 			}),
-			!!D("tags") && !!O("tags") && /* @__PURE__ */ K(f, {
-				render: /* @__PURE__ */ G("section", {}),
+			!!D("tags") && !!O("tags") && /* @__PURE__ */ G(f, {
+				render: /* @__PURE__ */ W("section", {}),
 				gap: "md",
 				className: "inventory-section-card--tags",
-				children: [/* @__PURE__ */ G($, { children: x.sections.tags }), /* @__PURE__ */ G(F, {
+				children: [/* @__PURE__ */ W($, { children: x.sections.tags }), /* @__PURE__ */ W(F, {
 					label: x.fields.tags,
 					error: a?.tags,
 					hint: x.hints.tags,
-					children: /* @__PURE__ */ G(de, {
+					children: /* @__PURE__ */ W(de, {
 						value: e.tags ?? [],
 						onValueChange: (e) => k("tags", e),
 						recommendations: m,
@@ -3376,32 +3429,32 @@ function er({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 		]
 	});
 }
-er.displayName = "InventorySectionCard";
+Yn.displayName = "InventorySectionCard";
 //#endregion
 //#region src/components/blocks/commerce/shared/order-status.ts
-var tr = {
+var Xn = {
 	unfulfilled: "warning",
 	partiallyFulfilled: "warning",
 	fulfilled: "success",
 	scheduled: "info",
 	onHold: "neutral",
 	cancelled: "destructive"
-}, nr = {
+}, Zn = {
 	pending: "warning",
 	authorized: "info",
 	paid: "success",
 	partiallyRefunded: "neutral",
 	refunded: "neutral",
 	voided: "neutral"
-}, rr = {
+}, Qn = {
 	success: "success",
 	pending: "warning",
 	failure: "destructive"
-}, ir = /* @__PURE__ */ new Set([
+}, $n = /* @__PURE__ */ new Set([
 	"refund",
 	"void",
 	"chargeback"
-]), ar = {
+]), er = {
 	fulfillment: {
 		unfulfilled: "Unfulfilled",
 		partiallyFulfilled: "Partially fulfilled",
@@ -3418,61 +3471,59 @@ var tr = {
 		refunded: "Refunded",
 		voided: "Voided"
 	}
-}, or = {
-	...ar,
+}, tr = {
+	...er,
 	formatOrderNumber: (e) => `#${e}`,
 	formatOrigin: (e, t) => `${e} from ${t}`,
 	moreActions: "More actions"
 };
 //#endregion
 //#region src/components/blocks/commerce/order-header/order-header.tsx
-function sr({ orderNumber: e, fulfillmentStatus: t, paymentStatus: i, placedAt: a, source: o, actions: l, renderLink: u, headingTag: d = "h1", className: p, strings: m, ...h }) {
-	let g = n(or, m), _ = a && o ? g.formatOrigin(a, o) : a || o || void 0;
-	return /* @__PURE__ */ K(f, {
+function nr({ orderNumber: e, fulfillmentStatus: t, paymentStatus: i, placedAt: a, source: s, actions: l, renderLink: u, headingTag: d = "h1", className: p, strings: m, ...h }) {
+	let g = n(tr, m), _ = a && s ? g.formatOrigin(a, s) : a || s || void 0;
+	return /* @__PURE__ */ G(f, {
 		...h,
 		gap: "xs",
 		"data-slot": "order-header",
 		className: r("order-header--component min-w-0", p),
-		children: [/* @__PURE__ */ K(f, {
+		children: [/* @__PURE__ */ G(f, {
 			direction: "horizontal",
 			gap: "md",
 			align: "center",
 			wrap: !1,
 			className: "order-header--title-row min-w-0",
-			children: [/* @__PURE__ */ K(f, {
+			children: [/* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "md",
 				align: "center",
 				wrap: !0,
 				className: "order-header--title-line min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ G(s, {
+					/* @__PURE__ */ W(c, {
 						tag: d,
 						size: "lg",
-						className: "order-header--number",
+						className: "order-header--number text-inherit",
 						children: g.formatOrderNumber(e)
 					}),
-					!!i && /* @__PURE__ */ G(M, {
-						tone: nr[i],
-						dot: !0,
+					!!i && /* @__PURE__ */ W(M, {
+						tone: Zn[i],
 						"data-axis": "payment",
 						className: "order-header--payment",
 						children: g.payment[i]
 					}),
-					!!t && /* @__PURE__ */ G(M, {
-						tone: tr[t],
-						dot: !0,
+					!!t && /* @__PURE__ */ W(M, {
+						tone: Xn[t],
 						"data-axis": "fulfillment",
 						className: "order-header--fulfillment",
 						children: g.fulfillment[t]
 					})
 				]
-			}), !!l?.length && /* @__PURE__ */ G(y, {
+			}), !!l?.length && /* @__PURE__ */ W(y, {
 				actions: l,
 				srText: g.moreActions,
 				renderLink: u
 			})]
-		}), !!_ && /* @__PURE__ */ G(c, {
+		}), !!_ && /* @__PURE__ */ W(o, {
 			size: "xs",
 			type: "secondary",
 			className: "order-header--origin",
@@ -3480,57 +3531,58 @@ function sr({ orderNumber: e, fulfillmentStatus: t, paymentStatus: i, placedAt:
 		})]
 	});
 }
-sr.displayName = "OrderHeader";
+nr.displayName = "OrderHeader";
 //#endregion
 //#region src/components/blocks/commerce/order-line-item/types.ts
-var cr = { formatUnitPrice: (e, t) => `${e} × ${t}` };
+var rr = { formatUnitPrice: (e, t) => `${e} × ${t}` };
 //#endregion
 //#region src/components/blocks/commerce/order-line-item/order-line-item.tsx
-function lr({ id: e, title: t, variantTitle: i, sku: a, imageSrc: o, imageAlt: s, unitPrice: l, quantity: u, total: d, properties: p, children: m, className: h, strings: g, ..._ }) {
-	let v = n(cr, g), y = !!i || !!a;
-	return /* @__PURE__ */ G("div", {
+function ir({ id: e, title: t, variantTitle: i, sku: a, imageSrc: s, imageAlt: c, unitPrice: l, quantity: u, total: d, properties: p, children: m, className: h, strings: g, ..._ }) {
+	let v = n(rr, g), y = !!i || !!a;
+	return /* @__PURE__ */ W("div", {
 		..._,
 		"data-slot": "order-line-item",
 		"data-line-id": e,
 		className: r("order-line-item--component @container/order-line-item min-w-0", h),
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: "flex min-w-0 items-start gap-space-lg",
-			children: [/* @__PURE__ */ G(L, {
+			children: [/* @__PURE__ */ W(L, {
 				variant: "image",
 				className: "order-line-item--media",
-				children: /* @__PURE__ */ G(qt, {
-					src: o,
-					alt: s,
+				children: /* @__PURE__ */ W(Ut, {
+					src: s,
+					alt: c,
 					title: t
 				})
-			}), /* @__PURE__ */ K("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "order-line-item--layout grid min-w-0 flex-1 gap-space-sm @md/order-line-item:grid-cols-[minmax(0,1fr)_auto_minmax(5rem,auto)] @md/order-line-item:items-center @md/order-line-item:gap-x-space-xl",
-				children: [/* @__PURE__ */ K(f, {
+				children: [/* @__PURE__ */ G(f, {
 					gap: "xs",
 					className: "order-line-item--body min-w-0",
 					children: [
-						/* @__PURE__ */ G(c, {
+						/* @__PURE__ */ W(o, {
+							type: "inherit",
 							weight: "medium",
 							className: "order-line-item--title wrap-anywhere",
 							children: t
 						}),
-						!!y && /* @__PURE__ */ K(f, {
+						!!y && /* @__PURE__ */ G(f, {
 							direction: "horizontal",
 							gap: "sm",
 							align: "center",
 							wrap: !0,
 							className: "order-line-item--meta",
-							children: [!!i && /* @__PURE__ */ G(M, {
+							children: [!!i && /* @__PURE__ */ W(M, {
 								tone: "neutral",
 								size: "sm",
 								children: i
-							}), !!a && /* @__PURE__ */ G(E, {
+							}), !!a && /* @__PURE__ */ W(E, {
 								size: "xs",
 								type: "secondary",
 								children: a
 							})]
 						}),
-						!!p?.length && /* @__PURE__ */ G(he, {
+						!!p?.length && /* @__PURE__ */ W(he, {
 							layout: "rows",
 							density: "compact",
 							className: "order-line-item--properties",
@@ -3542,13 +3594,13 @@ function lr({ id: e, title: t, variantTitle: i, sku: a, imageSrc: o, imageAlt: s
 						}),
 						m
 					]
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ G("div", {
 					className: "order-line-item--figures flex min-w-0 items-baseline justify-between gap-space-md @md/order-line-item:contents",
-					children: [/* @__PURE__ */ K("span", {
+					children: [/* @__PURE__ */ G("span", {
 						className: "order-line-item--price inline-flex items-baseline gap-space-xs @md/order-line-item:justify-end",
 						children: [
-							/* @__PURE__ */ G(ue, { children: v.formatUnitPrice(l, u) }),
-							/* @__PURE__ */ G(c, {
+							/* @__PURE__ */ W(ue, { children: v.formatUnitPrice(l, u) }),
+							/* @__PURE__ */ W(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
@@ -3556,14 +3608,15 @@ function lr({ id: e, title: t, variantTitle: i, sku: a, imageSrc: o, imageAlt: s
 								className: "tabular-nums",
 								children: l
 							}),
-							/* @__PURE__ */ G(c, {
+							/* @__PURE__ */ W(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								"aria-hidden": "true",
 								children: "×"
 							}),
-							/* @__PURE__ */ G(c, {
+							/* @__PURE__ */ W(o, {
+								type: "inherit",
 								tag: "span",
 								size: "xs",
 								weight: "medium",
@@ -3572,7 +3625,8 @@ function lr({ id: e, title: t, variantTitle: i, sku: a, imageSrc: o, imageAlt: s
 								children: u
 							})
 						]
-					}), /* @__PURE__ */ G(c, {
+					}), /* @__PURE__ */ W(o, {
+						type: "inherit",
 						tag: "span",
 						weight: "medium",
 						className: "order-line-item--total text-end tabular-nums",
@@ -3583,103 +3637,100 @@ function lr({ id: e, title: t, variantTitle: i, sku: a, imageSrc: o, imageAlt: s
 		})
 	});
 }
-lr.displayName = "OrderLineItem";
+ir.displayName = "OrderLineItem";
 //#endregion
 //#region src/components/blocks/commerce/fulfillment-group/types.ts
-var ur = {
-	...cr,
-	fulfillment: ar.fulfillment,
+var ar = {
+	...rr,
+	fulfillment: er.fulfillment,
 	formatHeading: (e, t) => `${e} (${t})`,
 	moreActions: "More actions"
 };
 //#endregion
 //#region src/components/blocks/commerce/fulfillment-group/fulfillment-group.tsx
-function dr({ status: e, location: t, notice: i, noticeIcon: a, items: o, children: s, actions: l, renderLink: u, className: d, strings: p, ...m }) {
-	let h = n(ur, p), g = De(() => ({ formatUnitPrice: h.formatUnitPrice }), [h.formatUnitPrice]), v = h.fulfillment[e], x = o ? h.formatHeading(v, o.length) : v, [S, ...C] = (l ?? []).filter((e) => e.visible !== !1), w = t != null && t !== "", T = i != null && i !== "";
-	return /* @__PURE__ */ G(_, {
-		...m,
+function or({ status: e, location: t, notice: i, noticeIcon: a, items: s, children: c, actions: l, renderLink: u, className: d, strings: p, ...h }) {
+	let g = n(ar, p), v = De(() => ({ formatUnitPrice: g.formatUnitPrice }), [g.formatUnitPrice]), x = g.fulfillment[e], S = s ? g.formatHeading(x, s.length) : x, [C, ...w] = (l ?? []).filter((e) => e.visible !== !1), T = t != null && t !== "", E = i != null && i !== "";
+	return /* @__PURE__ */ W(_, {
+		...h,
 		surface: "card",
 		padding: "md",
-		headerDivider: !0,
-		footerDivider: !!S,
 		"data-status": e,
-		title: /* @__PURE__ */ G("span", {
+		title: /* @__PURE__ */ W("span", {
 			role: "heading",
 			"aria-level": 2,
 			className: "fulfillment-group--heading inline-flex max-w-full",
-			children: /* @__PURE__ */ G(M, {
-				tone: tr[e],
-				dot: !0,
-				children: x
+			children: /* @__PURE__ */ W(M, {
+				tone: Xn[e],
+				children: S
 			})
 		}),
-		description: w || T ? /* @__PURE__ */ K(f, {
+		description: T || E ? /* @__PURE__ */ G(f, {
 			gap: "2xs",
 			className: "fulfillment-group--context",
-			children: [!!w && /* @__PURE__ */ G(c, {
+			children: [!!T && /* @__PURE__ */ W(o, {
 				tag: "div",
 				type: "secondary",
 				className: "fulfillment-group--location",
 				children: t
-			}), !!T && /* @__PURE__ */ K(f, {
+			}), !!E && /* @__PURE__ */ G(f, {
 				direction: "horizontal",
 				gap: "sm",
 				align: "center",
 				wrap: !1,
 				className: "fulfillment-group--notice text-muted-foreground",
-				children: [!!a && /* @__PURE__ */ G(a, {
+				children: [!!a && /* @__PURE__ */ W(a, {
 					"aria-hidden": "true",
 					className: "size-icon-sm shrink-0"
-				}), /* @__PURE__ */ G(c, {
+				}), /* @__PURE__ */ W(o, {
 					tag: "span",
 					type: "secondary",
 					children: i
 				})]
 			})]
 		}) : void 0,
-		footerSlot: S ? /* @__PURE__ */ K(f, {
+		footerSlot: C ? /* @__PURE__ */ G(f, {
 			direction: "horizontal",
 			gap: "sm",
 			justify: "end",
 			className: "fulfillment-group--actions",
-			children: [/* @__PURE__ */ G(b, {
-				actions: [S],
+			children: [/* @__PURE__ */ W(b, {
+				actions: [C],
 				renderLink: u
-			}), C.length > 0 && /* @__PURE__ */ G(y, {
-				actions: C,
+			}), w.length > 0 && /* @__PURE__ */ W(y, {
+				actions: w,
 				context: "commands",
-				srText: h.moreActions,
+				srText: g.moreActions,
 				buttonProps: { size: "sm" },
 				renderLink: u
 			})]
 		}) : void 0,
 		className: r("fulfillment-group--component w-full", d),
-		children: s === void 0 ? /* @__PURE__ */ G("ul", {
+		children: m(c) ? /* @__PURE__ */ W("div", {
+			className: "fulfillment-group--items min-w-0",
+			children: c
+		}) : /* @__PURE__ */ W("ul", {
 			className: "fulfillment-group--items m-0 min-w-0 list-none p-0",
-			children: (o ?? []).map((e) => /* @__PURE__ */ G("li", {
+			children: (s ?? []).map((e) => /* @__PURE__ */ W("li", {
 				className: "fulfillment-group--line border-t border-border/60 py-space-lg first:border-t-0 first:pt-0 last:pb-0",
-				children: /* @__PURE__ */ G(lr, {
+				children: /* @__PURE__ */ W(ir, {
 					...e,
-					strings: g
+					strings: v
 				})
 			}, e.id))
-		}) : /* @__PURE__ */ G("div", {
-			className: "fulfillment-group--items min-w-0",
-			children: s
 		})
 	});
 }
-dr.displayName = "FulfillmentGroup";
+or.displayName = "FulfillmentGroup";
 //#endregion
 //#region src/components/blocks/commerce/order-summary/types.ts
-var fr = {
+var sr = {
 	title: "Payment",
-	payment: ar.payment
+	payment: er.payment
 };
 //#endregion
 //#region src/components/blocks/commerce/order-summary/order-summary.tsx
-function pr({ line: e, total: t = !1, rollup: n = !1 }) {
-	return /* @__PURE__ */ G(q, {
+function cr({ line: e, total: t = !1, rollup: n = !1 }) {
+	return /* @__PURE__ */ W(K, {
 		label: e.label,
 		note: e.note,
 		amount: e.amount,
@@ -3688,45 +3739,45 @@ function pr({ line: e, total: t = !1, rollup: n = !1 }) {
 		rollup: n
 	});
 }
-function mr({ goods: e, total: t, payments: i, paymentStatus: a, alert: o, surface: s = "flat", padding: c = s === "flat" ? "none" : "md", headerDivider: l = s !== "flat" && void 0, className: u, strings: d, ...f }) {
-	let p = n(fr, d), m = o != null && o !== !1 && o !== "";
-	return /* @__PURE__ */ K(_, {
+function lr({ goods: e, total: t, payments: i, paymentStatus: a, alert: o, surface: s = "flat", padding: c = s === "flat" ? "none" : "md", headerDivider: l, className: u, strings: d, ...f }) {
+	let p = n(sr, d), m = o != null && o !== !1 && o !== "";
+	return /* @__PURE__ */ G(_, {
 		...f,
 		surface: s,
 		padding: c,
 		headerDivider: l,
 		title: p.title,
-		titleSuffix: a ? /* @__PURE__ */ G(M, {
-			tone: nr[a],
+		titleSuffix: a ? /* @__PURE__ */ W(M, {
+			tone: Zn[a],
 			className: "order-summary--status",
 			children: p.payment[a]
 		}) : void 0,
 		contentGap: "xl",
-		contentBottom: m ? /* @__PURE__ */ K(g, {
+		contentBottom: m ? /* @__PURE__ */ G(g, {
 			tone: "warning",
 			role: "note",
 			className: "order-summary--alert",
-			children: [/* @__PURE__ */ G(Ye, { "aria-hidden": "true" }), /* @__PURE__ */ G(h, { children: o })]
+			children: [/* @__PURE__ */ W(Ge, { "aria-hidden": "true" }), /* @__PURE__ */ W(h, { children: o })]
 		}) : void 0,
 		"data-slot": "order-summary",
 		className: r("order-summary--component w-full", u),
-		children: [/* @__PURE__ */ K(J, {
+		children: [/* @__PURE__ */ G(q, {
 			className: "order-summary--goods",
-			children: [e.map((e, t) => /* @__PURE__ */ G(pr, { line: e }, e.id ?? String(t))), /* @__PURE__ */ G(pr, {
+			children: [e.map((e, t) => /* @__PURE__ */ W(cr, { line: e }, e.id ?? String(t))), /* @__PURE__ */ W(cr, {
 				line: t,
 				total: !0,
 				rollup: e.length > 0
 			})]
-		}), !!i?.length && /* @__PURE__ */ G(J, {
+		}), !!i?.length && /* @__PURE__ */ W(q, {
 			className: "order-summary--payments",
-			children: i.map((e, t) => /* @__PURE__ */ G(pr, { line: e }, e.id ?? String(t)))
+			children: i.map((e, t) => /* @__PURE__ */ W(cr, { line: e }, e.id ?? String(t)))
 		})]
 	});
 }
-mr.displayName = "OrderSummary";
+lr.displayName = "OrderSummary";
 //#endregion
 //#region src/components/blocks/commerce/order-transactions/types.ts
-var hr = {
+var ur = {
 	title: "Transactions",
 	kind: {
 		authorization: "Authorization",
@@ -3743,108 +3794,100 @@ var hr = {
 	},
 	reference: "Reference",
 	empty: "No transactions yet"
-}, gr = {
-	authorization: Ke,
-	capture: Be,
-	sale: ze,
-	refund: Ge,
-	void: je,
-	chargeback: Ye
 };
-function _r({ transactions: e, surface: t = "flat", padding: i = t === "flat" ? "none" : "md", headerDivider: a = t !== "flat" && void 0, className: o, strings: s, ...l }) {
-	let u = n(hr, s);
-	return /* @__PURE__ */ G(_, {
+//#endregion
+//#region src/components/blocks/commerce/order-transactions/order-transactions.tsx
+function dr({ transactions: e, surface: t = "flat", padding: i = t === "flat" ? "none" : "md", headerDivider: a, className: s, strings: c, ...l }) {
+	let u = n(ur, c);
+	return /* @__PURE__ */ W(_, {
 		...l,
 		surface: t,
 		padding: i,
 		headerDivider: a,
 		title: u.title,
 		"data-slot": "order-transactions",
-		className: r("order-transactions--component w-full", o),
-		children: e.length === 0 ? /* @__PURE__ */ G(be, {
+		className: r("order-transactions--component w-full", s),
+		children: e.length === 0 ? /* @__PURE__ */ W(be, {
 			padding: "sm",
 			title: u.empty,
 			description: !1,
 			ariaLabel: u.empty,
 			className: "order-transactions--empty"
-		}) : /* @__PURE__ */ G("ol", {
-			className: "order-transactions--list m-0 list-none overflow-hidden rounded-radius border border-border p-0",
+		}) : /* @__PURE__ */ W("ol", {
+			className: "order-transactions--list m-0 list-none p-0",
 			children: e.map((e) => {
-				let t = ir.has(e.kind), n = e.status === "failure", i = `${t ? "−" : ""}${nt(e.amount)}`, a = n ? "destructive" : t ? "warning" : "neutral", o = [
+				let t = $n.has(e.kind), n = e.status === "failure", r = Qe(e.amount), i = t && !n ? `−${r}` : r, a = [
 					e.processedAt,
 					e.method,
 					e.gateway
 				].filter((e) => !!e);
-				return /* @__PURE__ */ K("li", {
+				return /* @__PURE__ */ G("li", {
 					"data-status": e.status,
 					"data-kind": e.kind,
 					"data-outgoing": t ? "" : void 0,
-					className: r("order-transactions--row flex min-w-0 items-start gap-space-lg border-t border-border/60 px-row-x py-row-y-lg first:border-t-0", n && p.destructive.wash),
-					children: [
-						/* @__PURE__ */ G(j, {
-							icon: gr[e.kind],
-							tone: a,
-							shape: "square"
-						}),
-						/* @__PURE__ */ K(f, {
-							gap: "2xs",
-							className: "order-transactions--body min-w-0 flex-1",
-							children: [
-								/* @__PURE__ */ K(f, {
-									direction: "horizontal",
-									gap: "sm",
-									align: "center",
-									wrap: !0,
-									className: "min-w-0",
-									children: [/* @__PURE__ */ G(c, {
-										tag: "span",
-										weight: "medium",
-										children: u.kind[e.kind]
-									}), e.status !== "success" && /* @__PURE__ */ G(M, {
-										tone: rr[e.status],
-										size: "sm",
-										className: "order-transactions--status",
-										children: u.status[e.status]
-									})]
-								}),
-								/* @__PURE__ */ G(f, {
-									direction: "horizontal",
-									gap: "md",
-									wrap: !0,
-									className: "order-transactions--meta min-w-0",
-									children: o.map((e, t) => /* @__PURE__ */ G(c, {
-										tag: "span",
-										size: "xs",
-										type: "secondary",
-										className: "tabular-nums",
-										children: e
-									}, `${String(t)}-${e}`))
-								}),
-								!!e.reference && /* @__PURE__ */ K(c, {
+					className: "order-transactions--row flex min-w-0 items-start gap-space-lg border-t border-border/60 py-row-y-lg first:border-t-0 first:pt-0 last:pb-0",
+					children: [/* @__PURE__ */ G(f, {
+						gap: "2xs",
+						className: "order-transactions--body min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ G(f, {
+								direction: "horizontal",
+								gap: "sm",
+								align: "center",
+								wrap: !0,
+								className: "min-w-0",
+								children: [/* @__PURE__ */ W(o, {
+									type: "inherit",
+									tag: "span",
+									weight: "medium",
+									children: u.kind[e.kind]
+								}), e.status !== "success" && /* @__PURE__ */ W(M, {
+									tone: Qn[e.status],
+									size: "sm",
+									className: "order-transactions--status",
+									children: u.status[e.status]
+								})]
+							}),
+							/* @__PURE__ */ W(f, {
+								direction: "horizontal",
+								gap: "md",
+								wrap: !0,
+								className: "order-transactions--meta min-w-0",
+								children: a.map((e, t) => /* @__PURE__ */ W(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
-									className: "order-transactions--reference min-w-0 break-all",
-									children: [/* @__PURE__ */ G(ue, { children: `${u.reference}: ` }), /* @__PURE__ */ G(E, { children: e.reference })]
-								})
-							]
-						}),
-						/* @__PURE__ */ G(c, {
-							tag: "span",
-							weight: "semibold",
-							className: "order-transactions--amount shrink-0 text-end tabular-nums",
-							children: i
-						})
-					]
+									className: "tabular-nums",
+									children: e
+								}, `${String(t)}-${e}`))
+							}),
+							!!e.reference && /* @__PURE__ */ G(o, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								className: "order-transactions--reference min-w-0 break-all",
+								children: [/* @__PURE__ */ W(ue, { children: `${u.reference}: ` }), /* @__PURE__ */ W(E, {
+									type: "inherit",
+									children: e.reference
+								})]
+							})
+						]
+					}), /* @__PURE__ */ W(o, {
+						tag: "span",
+						weight: "semibold",
+						type: n ? "secondary" : "main",
+						className: "order-transactions--amount shrink-0 text-end tabular-nums",
+						children: i
+					})]
 				}, e.id);
 			})
 		})
 	});
 }
-_r.displayName = "OrderTransactions";
+dr.displayName = "OrderTransactions";
 //#endregion
 //#region src/components/blocks/commerce/order-customer/types.ts
-var vr = {
+var fr = {
 	title: "Customer",
 	shippingAddress: "Shipping address",
 	billingAddress: "Billing address",
@@ -3856,21 +3899,21 @@ var vr = {
 };
 //#endregion
 //#region src/components/blocks/commerce/order-customer/order-customer.tsx
-function yr({ label: e, editLabel: t, address: n, onEdit: a, replacement: s, emptyLabel: l, className: u }) {
-	return /* @__PURE__ */ K(f, {
+function pr({ label: e, editLabel: t, address: n, onEdit: a, replacement: c, emptyLabel: l, className: u }) {
+	return /* @__PURE__ */ G(f, {
 		gap: "sm",
 		className: r("order-customer--address min-w-0", u),
-		children: [/* @__PURE__ */ K(f, {
+		children: [/* @__PURE__ */ G(f, {
 			direction: "horizontal",
 			gap: "sm",
 			align: "center",
 			justify: "between",
 			wrap: !1,
 			className: "min-h-action-sm",
-			children: [/* @__PURE__ */ G(o, {
+			children: [/* @__PURE__ */ W(s, {
 				tag: "div",
 				children: e
-			}), !!a && /* @__PURE__ */ G(i, {
+			}), !!a && /* @__PURE__ */ W(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -3879,23 +3922,23 @@ function yr({ label: e, editLabel: t, address: n, onEdit: a, replacement: s, emp
 				"aria-label": t,
 				onClick: a,
 				className: "order-customer--edit",
-				children: /* @__PURE__ */ G(We, {
+				children: /* @__PURE__ */ W(He, {
 					"aria-hidden": "true",
 					className: "size-icon-sm"
 				})
 			})]
-		}), s ? /* @__PURE__ */ G(c, {
+		}), c ? /* @__PURE__ */ W(o, {
 			type: "secondary",
-			children: s
-		}) : n ? /* @__PURE__ */ G(Bt, { address: n }) : /* @__PURE__ */ G(c, {
+			children: c
+		}) : n ? /* @__PURE__ */ W(It, { address: n }) : /* @__PURE__ */ W(o, {
 			type: "secondary",
 			children: l
 		})]
 	});
 }
-function br({ name: e, email: t, phone: i, orderCount: a, shippingAddress: o, billingAddress: s, billingSameAsShipping: c = !1, onOpenCustomer: l, onEditShipping: d, onEditBilling: p, surface: m = "flat", padding: h = m === "flat" ? "none" : "md", headerDivider: g = m !== "flat" && void 0, className: v, strings: y, ...b }) {
-	let x = n(vr, y), C = !!t || !!i;
-	return /* @__PURE__ */ K(_, {
+function mr({ name: e, email: t, phone: i, orderCount: a, shippingAddress: o, billingAddress: s, billingSameAsShipping: c = !1, onOpenCustomer: l, onEditShipping: d, onEditBilling: p, surface: m = "flat", padding: h = m === "flat" ? "none" : "md", headerDivider: g, className: v, strings: y, ...b }) {
+	let x = n(fr, y), C = !!t || !!i;
+	return /* @__PURE__ */ G(_, {
 		...b,
 		surface: m,
 		padding: h,
@@ -3905,40 +3948,40 @@ function br({ name: e, email: t, phone: i, orderCount: a, shippingAddress: o, bi
 		"data-slot": "order-customer",
 		className: r("order-customer--component w-full", v),
 		children: [
-			/* @__PURE__ */ G(V, {
+			/* @__PURE__ */ W(V, {
 				className: r("order-customer--identity flex-nowrap", !!l && r("-mx-row-x w-auto text-start", S.rowHover)),
 				padding: l ? "default" : "none",
-				render: l ? /* @__PURE__ */ G("button", {
+				render: l ? /* @__PURE__ */ W("button", {
 					type: "button",
 					onClick: l
 				}) : void 0,
-				media: /* @__PURE__ */ G(re, { children: /* @__PURE__ */ G(ne, { children: k(e) }) }),
+				media: /* @__PURE__ */ W(re, { children: /* @__PURE__ */ W(ne, { children: k(e) }) }),
 				title: e,
 				description: a === void 0 ? void 0 : x.formatOrderCount(a)
 			}),
-			!!C && /* @__PURE__ */ K(f, {
+			!!C && /* @__PURE__ */ G(f, {
 				gap: "xs",
 				className: "order-customer--contact min-w-0",
-				children: [!!t && /* @__PURE__ */ G(D, {
+				children: [!!t && /* @__PURE__ */ W(D, {
 					value: t,
 					className: "self-start"
-				}), !!i && /* @__PURE__ */ G(w, {
+				}), !!i && /* @__PURE__ */ W(w, {
 					value: i,
 					className: "self-start"
 				})]
 			}),
-			/* @__PURE__ */ K(u, {
+			/* @__PURE__ */ G(u, {
 				minColumnWidth: "sm",
 				gap: "xl",
 				className: "order-customer--addresses",
-				children: [/* @__PURE__ */ G(yr, {
+				children: [/* @__PURE__ */ W(pr, {
 					label: x.shippingAddress,
 					editLabel: x.editShipping,
 					address: o,
 					onEdit: d,
 					emptyLabel: x.noAddress,
 					className: "order-customer--shipping"
-				}), /* @__PURE__ */ G(yr, {
+				}), /* @__PURE__ */ W(pr, {
 					label: x.billingAddress,
 					editLabel: x.editBilling,
 					address: s,
@@ -3951,8 +3994,8 @@ function br({ name: e, email: t, phone: i, orderCount: a, shippingAddress: o, bi
 		]
 	});
 }
-br.displayName = "OrderCustomer";
+mr.displayName = "OrderCustomer";
 //#endregion
-export { Ht as AddressCard, q as AmountRow, $e as BookingCalendarEventCard, Qt as CartSummary, Zt as CartSummaryCard, tn as CouponInputCard, dn as DEFAULT_SEO_LISTING_LIMITS, ct as DiscountStack, st as DiscountStackPreview, dr as FulfillmentGroup, Tt as GiftcardCard, jt as InventoryLevel, er as InventorySectionCard, Rn as InvoiceHeader, Gn as InvoiceLineItems, Fn as InvoiceMini, tt as LoyaltyPoints, br as OrderCustomer, sr as OrderHeader, lr as OrderLineItem, an as OrderStatusCard, mr as OrderSummary, qn as OrderTimeline, _r as OrderTransactions, ln as PaymentMethod, un as PaymentMethodCard, Jn as PaymentTimeline, xe as Receipt, Se as ReceiptItems, zt as RefundStatus, Rt as RefundStatusCard, Mn as SeoListingCard, ft as ShipmentTracking, Ft as SubscriptionSummaryCard, J as SummaryPanel, Nt as TaxBreakdownCard, Ze as UpcomingBookingRow, kt as VendorProfileCard, Gt as VoucherEntry, xn as calculateSeoListingScore, Vt as defaultAddressCardStrings, Jt as defaultCartSummaryStrings, $t as defaultCouponInputStrings, at as defaultDiscountStackStrings, ur as defaultFulfillmentGroupStrings, At as defaultInventoryLevelStrings, Yn as defaultInventorySectionStrings, et as defaultLoyaltyPointsStrings, vr as defaultOrderCustomerStrings, or as defaultOrderHeaderStrings, cr as defaultOrderLineItemStrings, nn as defaultOrderStatusStrings, fr as defaultOrderSummaryStrings, hr as defaultOrderTransactionsStrings, on as defaultPaymentMethodStrings, It as defaultRefundStatusStrings, Sn as defaultSeoListingCardStrings, ut as defaultShipmentTrackingStrings, Pt as defaultSubscriptionSummaryStrings, Mt as defaultTaxBreakdownStrings, Et as defaultVendorProfileStrings, Ut as defaultVoucherEntryStrings, Q as getSeoPermalinkPath, gn as getSeoPermalinkSlug };
+export { Rt as AddressCard, K as AmountRow, Ye as BookingCalendarEventCard, Jt as CartSummary, qt as CartSummaryCard, Zt as CouponInputCard, sn as DEFAULT_SEO_LISTING_LIMITS, it as DiscountStack, rt as DiscountStackPreview, or as FulfillmentGroup, xt as GiftcardCard, Dt as InventoryLevel, Yn as InventorySectionCard, Pn as InvoiceHeader, Bn as InvoiceLineItems, jn as InvoiceMini, Ze as LoyaltyPoints, mr as OrderCustomer, nr as OrderHeader, ir as OrderLineItem, en as OrderStatusCard, lr as OrderSummary, Hn as OrderTimeline, dr as OrderTransactions, an as PaymentMethod, on as PaymentMethodCard, Un as PaymentTimeline, xe as Receipt, Se as ReceiptItems, Ft as RefundStatus, Pt as RefundStatusCard, On as SeoListingCard, ct as ShipmentTracking, jt as SubscriptionSummaryCard, q as SummaryPanel, kt as TaxBreakdownCard, qe as UpcomingBookingRow, Tt as VendorProfileCard, Vt as VoucherEntry, _n as calculateSeoListingScore, Lt as defaultAddressCardStrings, Wt as defaultCartSummaryStrings, Yt as defaultCouponInputStrings, tt as defaultDiscountStackStrings, ar as defaultFulfillmentGroupStrings, Et as defaultInventoryLevelStrings, Wn as defaultInventorySectionStrings, Xe as defaultLoyaltyPointsStrings, fr as defaultOrderCustomerStrings, tr as defaultOrderHeaderStrings, rr as defaultOrderLineItemStrings, Qt as defaultOrderStatusStrings, sr as defaultOrderSummaryStrings, ur as defaultOrderTransactionsStrings, tn as defaultPaymentMethodStrings, Mt as defaultRefundStatusStrings, vn as defaultSeoListingCardStrings, ot as defaultShipmentTrackingStrings, At as defaultSubscriptionSummaryStrings, Ot as defaultTaxBreakdownStrings, St as defaultVendorProfileStrings, zt as defaultVoucherEntryStrings, Z as getSeoPermalinkPath, fn as getSeoPermalinkSlug };
 
 //# sourceMappingURL=commerce.js.map