themelia-react-ui 2.0.4 → 2.0.5

package/dist/blocks/commerce.js

@@ -1,48 +1,49 @@
 "use client";
-import { u as e } from "../ui-provider-CQCuCBcy.js";
+import { m as e } from "../ui-provider-C-74NVLc.js";
 import { mergeStrings as t, useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-CF3c95Io.js";
-import { n as i, t as a } from "../buttons-BbfzgczK.js";
-import { c as o, o as s, s as c, t as l } from "../typography-CSyJrh28.js";
-import { i as u, r as d, t as f } from "../structure-C0V0_Fyf.js";
+import { t as r } from "../utils-B6kKb8jB.js";
+import { n as i, t as a } from "../buttons-BedGfygC.js";
+import { c as o, o as s, s as c, t as l } from "../typography-BQnine1k.js";
+import { i as u, r as d, t as f } from "../structure-DuxKl954.js";
 import { i as p } from "../tone-recipes-BPsRAvhu.js";
-import { d as m, h, p as g, t as _ } from "../smart-card-CqkzQsK-.js";
-import { t as v } from "../progress-BvF2oCdV.js";
-import { n as y, t as b } from "../composition.recipes-COdiFhxB.js";
-import { n as x, t as S } from "../action-menu-CHgs8vmj.js";
-import { n as C } from "../cards-4JTWqvVe.js";
-import { t as w } from "../interaction-recipes-XR9ZpVYL.js";
-import { _ as T, c as E, g as D, m as O, o as k, u as ee } from "../primitives-Du64iDbb.js";
-import { t as te } from "../initials-format-CDoQEOd_.js";
-import { n as A, r as j, t as M } from "../number-E_OiIfJz.js";
-import { t as ne } from "../icon-badge-COWbCCWu.js";
-import { i as re, n as ie, s as ae } from "../avatar-DWO_HHhB.js";
-import { t as N } from "../badge-DErMA7ul.js";
-import { t as oe } from "../separator-GNfPG-90.js";
-import { t as P } from "../input-Cdw4k0fb.js";
-import { t as se } from "../copyable-CnGCZdX4.js";
-import { t as F } from "../form-field-CsgRmdit.js";
-import { a as ce, l as le, r as ue } from "../choice-inputs-JLtij2y4.js";
-import { i as de, n as I, o as fe } from "../display-BB4BL_-K.js";
-import { u as pe } from "../value-inputs-C0o70p-U.js";
-import { d as me, n as he } from "../forms-numeric-Cd33AKbD.js";
-import { c as L, i as R, n as z, o as ge, r as B, t as V, u as H } from "../item-BvZ2DR_x.js";
-import { t as _e } from "../metadata-list-qVV7AVxa.js";
-import { i as ve, n as ye, r as be, t as xe } from "../tabs-eqVsJZWO.js";
-import { m as U, s as Se } from "../data-display-D4oujtx0.js";
-import { n as Ce, t as we } from "../receipt-D789Jwyy.js";
-import { s as Te } from "../timelines-DmtztAY_.js";
-import { forwardRef as Ee, useEffect as De, useId as Oe, useMemo as ke, useRef as Ae, useState as je } from "react";
-import { Fragment as Me, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { ArrowRight as Ne, CalendarClock as Pe, Check as K, CheckCircle2 as Fe, ChevronRight as Ie, Circle as Le, CircleAlert as Re, Copy as ze, Edit2 as Be, ExternalLink as Ve, Loader2 as He, Pencil as Ue, Star as We, Trash2 as Ge, TriangleAlert as Ke, X as qe } from "lucide-react";
+import { d as m, h, p as g, t as _ } from "../smart-card-CW0hjetE.js";
+import { t as v } from "../progress-BJhQP9WX.js";
+import { i as y, t as b } from "../surface-recipes-BKRVW8Os.js";
+import { n as x, t as S } from "../composition.recipes-COdiFhxB.js";
+import { n as C, t as w } from "../action-menu-Dr8K-ghE.js";
+import { n as T } from "../cards-rNX1M4Xn.js";
+import { t as E } from "../interaction-recipes-XR9ZpVYL.js";
+import { _ as D, c as O, g as k, m as A, o as j, u as M } from "../primitives-ByWgGUgt.js";
+import { t as N } from "../initials-format-CDoQEOd_.js";
+import { n as ee, r as te, t as P } from "../number-CRU3kGuk.js";
+import { t as F } from "../icon-badge-DZF-YjQp.js";
+import { i as ne, n as re, s as ie } from "../avatar-CeZaFmNH.js";
+import { t as I } from "../badge-xIiV_E7f.js";
+import { t as ae } from "../separator-Ct_WSWTJ.js";
+import { t as L } from "../input-CvyDQlY7.js";
+import { t as oe } from "../copyable-DIznBqiT.js";
+import { t as R } from "../form-field-BriWAXyg.js";
+import { a as se, l as ce, r as le } from "../choice-inputs-zUgBZfE4.js";
+import { i as ue, n as z, o as de } from "../display-KsZLw9Ov.js";
+import { u as fe } from "../value-inputs-skdVB2zh.js";
+import { d as pe, n as me } from "../forms-numeric-DIhghX1Q.js";
+import { c as B, i as V, n as he, o as ge, r as H, t as U, u as W } from "../item-DjCcM18E.js";
+import { t as G } from "../metadata-list-C3MkU-Om.js";
+import { i as _e, n as ve, r as ye, t as be } from "../tabs-e7ko9S2o.js";
+import { m as K } from "../data-display-BdgCAw8T.js";
+import { n as xe, t as Se } from "../receipt-tOc7B3hw.js";
+import { s as Ce } from "../timelines-D3Sl9ueq.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 q, jsxs as J } 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 Je({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dateVariant: a = "default", timePlacement: o = "below" }) {
-	return /* @__PURE__ */ W(ge, {
+function qe({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dateVariant: a = "default", timePlacement: o = "below" }) {
+	return /* @__PURE__ */ q(ge, {
 		className: r("upcoming-booking--component w-full", t),
-		children: e.map((e, t) => /* @__PURE__ */ G(V, {
+		children: e.map((e, t) => /* @__PURE__ */ J(U, {
 			className: "items-center",
 			children: [
-				/* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(de, {
+				/* @__PURE__ */ q(B, { children: /* @__PURE__ */ q(ue, {
 					date: e.date,
 					time: o === "below" ? e.time : void 0,
 					tone: i,
@@ -51,20 +52,20 @@ function Je({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dat
 					timePlacement: "below",
 					layout: "stacked"
 				}) }),
-				/* @__PURE__ */ G(B, {
+				/* @__PURE__ */ J(H, {
 					className: "min-w-0 sm:min-w-48",
-					children: [/* @__PURE__ */ W(H, { children: e.service }), /* @__PURE__ */ W(R, {
+					children: [/* @__PURE__ */ q(W, { children: e.service }), /* @__PURE__ */ q(V, {
 						clamp: 1,
 						children: e.customer
 					})]
 				}),
-				/* @__PURE__ */ G(z, {
+				/* @__PURE__ */ J(he, {
 					className: "ml-auto shrink-0 flex-wrap justify-end",
-					children: [o === "inline-trailing" && /* @__PURE__ */ W(D, {
+					children: [o === "inline-trailing" && /* @__PURE__ */ q(k, {
 						size: "xs",
 						className: "shrink-0 tabular-nums",
 						children: e.time
-					}), /* @__PURE__ */ W(T, {
+					}), /* @__PURE__ */ q(D, {
 						type: "inherit",
 						weight: "semibold",
 						className: "shrink-0 tabular-nums",
@@ -75,37 +76,37 @@ function Je({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dat
 		}, e.id ?? `${e.service}-${e.time}-${t}`))
 	});
 }
-Je.displayName = "UpcomingBookingRow";
+qe.displayName = "UpcomingBookingRow";
 //#endregion
 //#region src/components/blocks/commerce/booking-calendar-event-card/booking-calendar-event-card.tsx
-function Ye(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ W(T, {
+function Je(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ q(D, {
 		type: "inherit",
 		children: String(e)
 	}) : e;
 }
-function Xe({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: o, className: c, contentClassName: l }) {
-	return /* @__PURE__ */ G(I, {
+function Ye({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: o, className: c, contentClassName: l }) {
+	return /* @__PURE__ */ J(z, {
 		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__ */ W("dl", {
+		children: [/* @__PURE__ */ q("dl", {
 			className: "booking-calendar-event-card--details grid gap-space-lg @md/booking-calendar-event-card:grid-cols-2",
-			children: i.map((e) => /* @__PURE__ */ G("div", {
+			children: i.map((e) => /* @__PURE__ */ J("div", {
 				className: r("grid min-w-0 gap-normal", e.fullWidth === !0 && "@md/booking-calendar-event-card:col-span-2"),
-				children: [/* @__PURE__ */ W("dt", {
+				children: [/* @__PURE__ */ q("dt", {
 					className: "flex",
-					children: /* @__PURE__ */ W(s, { children: e.label })
-				}), /* @__PURE__ */ W("dd", {
+					children: /* @__PURE__ */ q(s, { children: e.label })
+				}), /* @__PURE__ */ q("dd", {
 					className: "min-w-0 leading-normal",
-					children: Ye(e.value)
+					children: Je(e.value)
 				})]
 			}, e.id))
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "booking-calendar-event-card--action flex justify-end",
-			children: /* @__PURE__ */ W(C, {
+			children: /* @__PURE__ */ q(T, {
 				fullWidth: !1,
 				className: "w-full @md/booking-calendar-event-card:w-auto",
 				onClick: o,
@@ -114,10 +115,10 @@ function Xe({ title: e, description: t, status: n, items: i, actionLabel: a, onA
 		})]
 	});
 }
-Xe.displayName = "BookingCalendarEventCard";
+Ye.displayName = "BookingCalendarEventCard";
 //#endregion
 //#region src/components/blocks/commerce/loyalty-points/types.ts
-var Ze = {
+var Xe = {
 	balanceLabel: "Loyalty balance",
 	pointsAvailable: "points available",
 	redeem: "Redeem points",
@@ -125,49 +126,49 @@ var Ze = {
 };
 //#endregion
 //#region src/components/blocks/commerce/loyalty-points/loyalty-points.tsx
-function Qe({ balance: e, tier: t, tierTone: a = "neutral", history: s = [], onRedeem: l, className: u, strings: d }) {
-	let p = n(Ze, d);
-	return /* @__PURE__ */ G(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__ */ J(z, {
 		title: p.balanceLabel,
-		titleSuffix: /* @__PURE__ */ W(N, {
+		titleSuffix: /* @__PURE__ */ q(I, {
 			tone: a,
 			children: t ?? p.tier
 		}),
 		contentGap: "2xl",
 		className: r("loyalty-points--component w-full", u),
 		children: [
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				gap: "dense",
 				className: "loyalty-points--balance",
-				children: [/* @__PURE__ */ W(c, {
+				children: [/* @__PURE__ */ q(c, {
 					tag: "h3",
 					className: "tabular-nums text-inherit",
-					children: typeof e == "number" ? /* @__PURE__ */ W(M, {
+					children: typeof e == "number" ? /* @__PURE__ */ q(P, {
 						type: "inherit",
 						value: e,
 						align: "left"
 					}) : e
-				}), /* @__PURE__ */ W(o, {
+				}), /* @__PURE__ */ q(o, {
 					size: "xs",
 					type: "secondary",
 					children: p.pointsAvailable
 				})]
 			}),
-			s.length > 0 && /* @__PURE__ */ W(ge, { children: s.map((e) => /* @__PURE__ */ G(V, {
+			s.length > 0 && /* @__PURE__ */ q(ge, { children: s.map((e) => /* @__PURE__ */ J(U, {
 				size: "sm",
-				children: [/* @__PURE__ */ G(B, { children: [/* @__PURE__ */ W(H, {
+				children: [/* @__PURE__ */ J(H, { children: [/* @__PURE__ */ q(W, {
 					bold: !1,
 					children: e.label
-				}), /* @__PURE__ */ W(R, {
+				}), /* @__PURE__ */ q(V, {
 					clamp: 1,
 					children: e.date
-				})] }), /* @__PURE__ */ W(z, { children: /* @__PURE__ */ W(o, {
+				})] }), /* @__PURE__ */ q(he, { children: /* @__PURE__ */ q(o, {
 					weight: "semibold",
 					className: r("tabular-nums", e.positive ? "text-success" : "text-destructive"),
 					children: e.points
 				}) })]
 			}, e.date + e.label)) }),
-			!!l && /* @__PURE__ */ W(i, {
+			!!l && /* @__PURE__ */ q(i, {
 				tone: "primary",
 				fullWidth: !0,
 				onClick: l,
@@ -176,21 +177,21 @@ function Qe({ balance: e, tier: t, tierTone: a = "neutral", history: s = [], onR
 		]
 	});
 }
-Qe.displayName = "LoyaltyPoints";
-function $e(e) {
+Ze.displayName = "LoyaltyPoints";
+function Qe(e) {
 	return e.replace(/^[\s−-]+/, "");
 }
-function et(e) {
-	return e.trim() ? `−${$e(e)}` : e;
+function $e(e) {
+	return e.trim() ? `−${Qe(e)}` : e;
 }
 //#endregion
 //#region src/components/blocks/commerce/summary-panel/amount-row.tsx
-function tt(e) {
+function et(e) {
 	return typeof e == "string" || typeof e == "number";
 }
-var q = Ee(function({ label: e, amount: t, note: n, total: i = !1, deduction: a = !1, rollup: s = !1, className: c, ...l }, u) {
+var Y = 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__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		ref: u,
 		"data-slot": "amount-row",
 		"data-total": i ? "" : void 0,
@@ -199,42 +200,42 @@ var q = Ee(function({ label: e, amount: t, note: n, total: i = !1, deduction: a
 		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: [
-			tt(e) ? /* @__PURE__ */ W(o, {
+			et(e) ? /* @__PURE__ */ q(o, {
 				tag: "span",
 				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__ */ W("span", {
+			}) : /* @__PURE__ */ q("span", {
 				className: "amount-row--label min-w-0 flex-1",
 				children: e
 			}),
-			!!d && (tt(n) ? /* @__PURE__ */ W(o, {
+			!!d && (et(n) ? /* @__PURE__ */ q(o, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				className: "amount-row--note shrink-0 tabular-nums",
 				children: n
-			}) : /* @__PURE__ */ W("span", {
+			}) : /* @__PURE__ */ q("span", {
 				className: "amount-row--note inline-flex shrink-0 items-center",
 				children: n
 			})),
-			/* @__PURE__ */ W(o, {
+			/* @__PURE__ */ q(o, {
 				tag: "span",
 				type: a ? "success" : "inherit",
 				weight: i ? "bold" : "medium",
 				className: "amount-row--value shrink-0 text-end tabular-nums",
-				children: a ? et(t) : t
+				children: a ? $e(t) : t
 			})
 		]
 	});
 });
-q.displayName = "AmountRow";
+Y.displayName = "AmountRow";
 //#endregion
 //#region src/components/blocks/commerce/summary-panel/summary-panel.tsx
-var J = Ee(function({ className: e, children: t, ...n }, i) {
-	return /* @__PURE__ */ W(f, {
+var X = we(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ q(f, {
 		ref: i,
 		gap: "sm",
 		"data-slot": "summary-panel",
@@ -243,43 +244,44 @@ var J = Ee(function({ className: e, children: t, ...n }, i) {
 		children: t
 	});
 });
-J.displayName = "SummaryPanel";
+X.displayName = "SummaryPanel";
 //#endregion
 //#region src/components/blocks/commerce/discount-stack/types.ts
-var nt = {
+var tt = {
 	title: "Applied discounts",
 	totalSavings: "Total savings"
 };
 //#endregion
 //#region src/components/blocks/commerce/discount-stack/discount-stack.tsx
-function rt(e) {
+function nt(e) {
 	let t = e.kind ?? e.type;
-	if (t != null && t !== "") return e.badge ? /* @__PURE__ */ W(N, {
+	if (t != null && t !== "") return e.badge ? /* @__PURE__ */ q(I, {
 		tone: e.badge,
 		size: "sm",
 		children: t
 	}) : t;
 }
-function it({ discounts: e, totalSavings: t, className: i, strings: a, ...o }) {
-	let s = n(nt, a);
-	return /* @__PURE__ */ W(_, {
-		...o,
-		surface: "flat",
-		padding: "none",
-		title: s.title,
+function rt({ discounts: e, totalSavings: t, className: i, strings: a, surface: o = "flat", padding: s = o === "flat" ? "none" : "md", headerDivider: c, ...l }) {
+	let u = n(tt, a);
+	return /* @__PURE__ */ q(_, {
+		...l,
+		surface: o,
+		padding: s,
+		headerDivider: c,
+		title: u.title,
 		"data-slot": "discount-stack",
 		className: r("discount-stack--component w-full", i),
-		children: /* @__PURE__ */ G(J, {
+		children: /* @__PURE__ */ J(X, {
 			className: "discount-stack--ledger",
-			children: [e.map((e, t) => /* @__PURE__ */ W(q, {
+			children: [e.map((e, t) => /* @__PURE__ */ q(Y, {
 				className: "discount-stack--row",
 				label: e.label,
-				note: rt(e),
+				note: nt(e),
 				amount: e.amount,
 				deduction: !0
-			}, e.id ?? `${e.type ?? ""}-${e.label}-${String(t)}`)), /* @__PURE__ */ W(q, {
+			}, e.id ?? `${e.type ?? ""}-${e.label}-${String(t)}`)), /* @__PURE__ */ q(Y, {
 				className: "discount-stack--total",
-				label: s.totalSavings,
+				label: u.totalSavings,
 				amount: t,
 				total: !0,
 				deduction: !0,
@@ -288,13 +290,13 @@ function it({ discounts: e, totalSavings: t, className: i, strings: a, ...o }) {
 		})
 	});
 }
-it.displayName = "DiscountStackPreview";
-var at = it, ot = {
+rt.displayName = "DiscountStackPreview";
+var it = rt, at = {
 	pending: "neutral",
 	in_transit: "info",
 	delivered: "success",
 	delayed: "warning"
-}, st = {
+}, ot = {
 	title: "Shipment tracking",
 	trackingNumber: "Tracking number",
 	carrier: "Carrier",
@@ -306,69 +308,72 @@ var at = it, ot = {
 };
 //#endregion
 //#region src/components/blocks/commerce/shipment-tracking/shipment-tracking.tsx
-function ct(e) {
+function st(e) {
 	for (let t = e.length - 1; t >= 0; --t) if (e[t]?.done) return t;
 	return -1;
 }
-function lt({ trackingNumber: e, carrier: t, status: i, steps: a, details: o = [], onCopyTracking: s, className: c, strings: l, ...u }) {
-	let d = n(st, l), p = i === "delivered" ? -1 : ct(a), m = a.map((e, t) => ({
+function ct({ trackingNumber: e, carrier: t, status: i, steps: a, details: o = [], onCopyTracking: s, className: c, strings: l, surface: u = "flat", padding: d = u === "flat" ? "none" : "md", headerDivider: f, ...p }) {
+	let m = n(ot, l), h = i === "delivered" ? -1 : st(a), g = 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__ */ G(_, {
-		...u,
-		surface: "flat",
-		padding: "none",
-		title: d.title,
-		titleSuffix: /* @__PURE__ */ W(N, {
-			tone: ot[i],
+		status: t === h ? "current" : e.done ? "completed" : "pending"
+	})), v = [
+		{
+			id: "tracking-number",
+			label: m.trackingNumber,
+			value: /* @__PURE__ */ q(oe, {
+				value: e,
+				mono: !0,
+				truncate: !0,
+				onCopy: s,
+				strings: { copyLabel: m.copyTrackingNumber },
+				className: "shipment-tracking--tracking-number"
+			})
+		},
+		...t ? [{
+			id: "carrier",
+			label: m.carrier,
+			value: t
+		}] : [],
+		...o.map((e, t) => ({
+			id: `detail-${String(t)}`,
+			label: e.label,
+			value: e.value
+		}))
+	];
+	return /* @__PURE__ */ J(_, {
+		...p,
+		surface: u,
+		padding: d,
+		headerDivider: f,
+		title: m.title,
+		titleSuffix: /* @__PURE__ */ q(I, {
+			tone: at[i],
 			className: "shipment-tracking--status",
-			children: d[i]
+			children: m[i]
 		}),
 		contentGap: "2xl",
 		"data-slot": "shipment-tracking",
 		className: r("shipment-tracking--component w-full", c),
-		children: [/* @__PURE__ */ G(f, {
-			gap: "md",
-			className: "shipment-tracking--facts",
-			children: [
-				/* @__PURE__ */ W(U, {
-					label: d.trackingNumber,
-					value: /* @__PURE__ */ W(se, {
-						value: e,
-						mono: !0,
-						truncate: !0,
-						onCopy: s,
-						strings: { copyLabel: d.copyTrackingNumber },
-						className: "shipment-tracking--tracking-number"
-					}),
-					valueClassName: "min-w-0"
-				}),
-				!!t && /* @__PURE__ */ W(U, {
-					label: d.carrier,
-					value: t,
-					valueWeight: "medium"
-				}),
-				o.map((e, t) => /* @__PURE__ */ W(U, {
-					label: e.label,
-					value: e.value,
-					valueWeight: "medium",
-					valueClassName: "min-w-0 truncate"
-				}, `${e.label}-${String(t)}`))
-			]
-		}), m.length > 0 && /* @__PURE__ */ W(Te, {
-			items: m,
+		children: [/* @__PURE__ */ q(G, {
+			items: v,
+			columns: {
+				base: 1,
+				sm: 2
+			},
+			className: "shipment-tracking--facts"
+		}), g.length > 0 && /* @__PURE__ */ q(Ce, {
+			items: g,
 			dotSize: "sm",
 			className: "shipment-tracking--rail"
 		})]
 	});
 }
-lt.displayName = "ShipmentTracking";
+ct.displayName = "ShipmentTracking";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/types.ts
-var Y = {
+var Z = {
 	status: {
 		active: "Active",
 		redeemed: "Redeemed",
@@ -387,29 +392,34 @@ var Y = {
 	copiedCode: "Code copied",
 	copyFailed: "Could not copy code. Try again.",
 	copyingCode: "Copying code…"
-}, ut = {
+}, lt = {
 	active: "success",
 	redeemed: "secondary",
 	expired: "destructive",
 	disabled: "warning"
-}, dt = "bg-inverse-background from-inverse-background via-inverse-surface to-inverse-background", ft = {
+}, ut = "bg-inverse-background from-inverse-background via-inverse-surface to-inverse-background", Q = {
+	purple: "from-chart-3 to-chart-4",
+	green: "from-chart-1 to-chart-2",
+	warm: "from-chart-5 to-warning",
+	blue: "from-chart-2 to-chart-3"
+}, dt = {
 	purple: {
-		card: dt,
-		strip: "from-primary via-primary/90 to-info"
+		card: ut,
+		strip: Q.purple
 	},
 	green: {
-		card: dt,
-		strip: "from-success via-info to-success"
+		card: ut,
+		strip: Q.green
 	},
 	warm: {
-		card: dt,
-		strip: "from-warning via-warning/90 to-destructive"
+		card: ut,
+		strip: Q.warm
 	}
+}, ft = {
+	purple: Q.purple,
+	green: Q.green,
+	warm: Q.warm
 }, pt = {
-	purple: "from-primary to-info",
-	green: "from-success to-info",
-	warm: "from-warning to-destructive"
-}, mt = {
 	green: {
 		line: p.success.solid,
 		iconBg: `${p.success.tint} ${p.success.ink}`
@@ -422,60 +432,60 @@ var Y = {
 		line: p.warning.solid,
 		iconBg: `${p.warning.tint} ${p.warning.ink}`
 	}
-}, ht = {
-	green: "from-success to-info",
-	blue: "from-info to-primary",
-	amber: "from-warning to-destructive"
+}, mt = {
+	green: Q.green,
+	blue: Q.blue,
+	amber: Q.warm
 };
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-compact.tsx
-function gt({ 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 = ut[a], p = !!i && i !== t, m = p ? i : t;
-	return /* @__PURE__ */ G(V, {
+function ht({ code: e, amount: t, remainingAmount: i, status: a, recipientName: o, gradient: s = "purple", className: c, strings: l }) {
+	let u = n(Z, l).status[a], d = lt[a], p = !!i && i !== t, m = p ? i : t;
+	return /* @__PURE__ */ J(U, {
 		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__ */ W(L, {
+			/* @__PURE__ */ q(B, {
 				variant: "image",
-				children: /* @__PURE__ */ W("div", {
-					className: r("flex size-full items-center justify-center bg-gradient-to-br p-space-2xs", pt[s]),
-					children: /* @__PURE__ */ W("span", { className: "size-full rounded-inner bg-inverse-background" })
+				children: /* @__PURE__ */ q("div", {
+					className: r("flex size-full items-center justify-center bg-gradient-to-br p-space-2xs", ft[s]),
+					children: /* @__PURE__ */ q("span", { className: "size-full rounded-radius bg-inverse-background" })
 				})
 			}),
-			/* @__PURE__ */ G(B, {
+			/* @__PURE__ */ J(H, {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ W(H, {
+				children: [/* @__PURE__ */ q(W, {
 					className: "w-full max-w-full truncate whitespace-nowrap",
-					children: /* @__PURE__ */ W(O, {
+					children: /* @__PURE__ */ q(A, {
 						type: "inherit",
 						children: e
 					})
-				}), !!o && /* @__PURE__ */ W(R, {
+				}), !!o && /* @__PURE__ */ q(V, {
 					clamp: 1,
 					children: o
 				})]
 			}),
-			/* @__PURE__ */ W(z, {
+			/* @__PURE__ */ q(he, {
 				className: "shrink-0",
-				children: /* @__PURE__ */ G(f, {
+				children: /* @__PURE__ */ J(f, {
 					gap: "2xs",
 					align: "end",
 					className: "shrink-0",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ J("div", {
 						className: "flex items-baseline gap-space-xs",
-						children: [/* @__PURE__ */ W(T, {
+						children: [/* @__PURE__ */ q(D, {
 							type: "inherit",
 							weight: "bold",
 							className: "tabular-nums",
 							children: m
-						}), !!p && /* @__PURE__ */ W(T, {
+						}), !!p && /* @__PURE__ */ q(D, {
 							size: "xs",
 							className: "line-through tabular-nums text-muted-foreground",
 							children: t
 						})]
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ q(I, {
 						tone: d,
 						size: "sm",
 						children: u
@@ -485,21 +495,21 @@ function gt({ code: e, amount: t, remainingAmount: i, status: a, recipientName:
 		]
 	});
 }
-gt.displayName = "GiftcardCompact";
+ht.displayName = "GiftcardCompact";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-copy-button.tsx
-function _t({ code: e, strings: t, inverse: a = !1, className: s }) {
-	let c = n(Y, t), l = Ae(0), [u, d] = je({
+function gt({ code: e, strings: t, inverse: a = !1, className: s }) {
+	let c = n(Z, t), l = Oe(0), [u, d] = ke({
 		code: e,
 		state: "idle"
 	}), f = u.code === e ? u.state : "idle";
-	De(() => (l.current++, d((t) => t.code === e ? t : {
+	Te(() => (l.current++, d((t) => t.code === e ? t : {
 		code: e,
 		state: "idle"
 	}), () => {
 		l.current++;
 	}), [e]);
-	let p = f === "copied" ? c.copiedCode : f === "failed" ? c.copyFailed : f === "pending" ? c.copyingCode : c.copyCode, m = f === "copied" ? K : f === "failed" ? qe : f === "pending" ? He : ze, 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({
@@ -518,7 +528,7 @@ function _t({ code: e, strings: t, inverse: a = !1, className: s }) {
 			});
 		}
 	};
-	return /* @__PURE__ */ G(Me, { children: [/* @__PURE__ */ W(i, {
+	return /* @__PURE__ */ J(Ae, { children: [/* @__PURE__ */ q(i, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -530,11 +540,11 @@ function _t({ code: e, strings: t, inverse: a = !1, className: s }) {
 		withTooltip: p,
 		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__ */ W(m, {
+		children: /* @__PURE__ */ q(m, {
 			"aria-hidden": !0,
 			className: r("size-icon-sm", f === "pending" && "animate-spin")
 		})
-	}), (f === "copied" || f === "failed") && /* @__PURE__ */ W(o, {
+	}), (f === "copied" || f === "failed") && /* @__PURE__ */ q(o, {
 		tag: "span",
 		role: "status",
 		className: "sr-only",
@@ -543,71 +553,71 @@ function _t({ code: e, strings: t, inverse: a = !1, className: s }) {
 }
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-dark.tsx
-function vt({ code: e, amount: t, remainingAmount: a, status: s, recipientName: l, expiresAt: u, onView: d, className: p, strings: m }) {
-	let h = n(Y, m), g = h.status[s], v = ut[s], y = !!a && a !== t, b = y ? a : t, x = [...l ? [{
+function _t({ code: e, amount: t, remainingAmount: a, status: s, recipientName: l, expiresAt: u, onView: d, className: p, strings: m }) {
+	let h = n(Z, 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__ */ W(_, {
+	return /* @__PURE__ */ q(_, {
 		surface: "card",
 		className: r("giftcard-card--component giftcard-dark--component dark max-w-sm", p),
-		children: /* @__PURE__ */ G(f, {
+		children: /* @__PURE__ */ J(f, {
 			gap: "lg",
 			className: "giftcard-dark--body",
 			children: [
-				/* @__PURE__ */ G(f, {
+				/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					justify: "between",
 					align: "center",
 					gap: "md",
 					wrap: !1,
-					children: [/* @__PURE__ */ W(o, {
+					children: [/* @__PURE__ */ q(o, {
 						tag: "span",
 						className: "text-inverse-muted",
 						children: h.giftCard
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ q(I, {
 						tone: v,
 						className: "shrink-0",
 						children: g
 					})]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ W(c, {
+					children: [/* @__PURE__ */ q(c, {
 						tag: "h2",
 						size: "2xl",
 						className: "tabular-nums text-inverse-foreground",
 						children: b
-					}), !!y && /* @__PURE__ */ W(T, {
+					}), !!y && /* @__PURE__ */ q(D, {
 						className: "line-through tabular-nums text-inverse-disabled",
 						children: t
 					})]
 				}),
-				/* @__PURE__ */ W("div", {
-					className: "giftcard-dark--code rounded-inner border border-inverse-border bg-inverse-surface p-surface-xs",
-					children: /* @__PURE__ */ G(f, {
+				/* @__PURE__ */ q("div", {
+					className: "giftcard-dark--code rounded-radius border border-inverse-border bg-inverse-surface p-surface-xs",
+					children: /* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "md",
-						children: [/* @__PURE__ */ W(O, {
+						children: [/* @__PURE__ */ q(A, {
 							className: "flex-1 tracking-[0.15em] text-inverse-foreground",
 							children: e
-						}), /* @__PURE__ */ W(_t, {
+						}), /* @__PURE__ */ q(gt, {
 							code: e,
 							strings: h,
 							inverse: !0
 						})]
 					})
 				}),
-				/* @__PURE__ */ W(_e, {
+				/* @__PURE__ */ q(G, {
 					items: x,
 					columns: 1,
 					className: "[&_.metadata-list--label]:text-inverse-muted [&_.metadata-list--value]:text-inverse-foreground"
 				}),
-				!!d && /* @__PURE__ */ W(i, {
+				!!d && /* @__PURE__ */ q(i, {
 					tone: "neutral",
 					buttonStyle: "solid",
 					fullWidth: !0,
@@ -618,11 +628,11 @@ function vt({ code: e, amount: t, remainingAmount: a, status: s, recipientName:
 		})
 	});
 }
-vt.displayName = "GiftcardCardDark";
+_t.displayName = "GiftcardCardDark";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-full.tsx
-function yt({ 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), C = S.status[l], w = ut[l], E = !!a && a !== t, D = E ? 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(Z, x), C = S.status[l], w = lt[l], T = !!a && a !== t, E = T ? a : t, O = [
 		...u ? [{
 			label: S.to,
 			value: u
@@ -636,38 +646,38 @@ function yt({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 			value: m
 		}] : []
 	];
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: r("giftcard-card--component w-full max-w-sm transition-shadow", "hover:shadow-md", b),
-		children: [/* @__PURE__ */ G("div", {
-			className: r("relative overflow-hidden rounded-t-radius bg-gradient-to-br p-surface", ft[v].card),
+		children: [/* @__PURE__ */ J("div", {
+			className: r("relative overflow-hidden rounded-t-surface bg-linear-to-br p-surface", dt[v].card),
 			children: [
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					"aria-hidden": !0,
-					className: r("absolute inset-x-0 top-0 z-10 h-1 bg-gradient-to-r", ft[v].strip)
+					className: r("absolute inset-x-0 top-0 z-10 h-1 bg-gradient-to-r", dt[v].strip)
 				}),
-				y === "circles" && /* @__PURE__ */ G(Me, { children: [/* @__PURE__ */ W("div", {
+				y === "circles" && /* @__PURE__ */ J(Ae, { children: [/* @__PURE__ */ q("div", {
 					className: "absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ W("div", {
+				}), /* @__PURE__ */ q("div", {
 					className: "absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration",
 					"aria-hidden": "true"
 				})] }),
-				y === "waves" && /* @__PURE__ */ G("svg", {
+				y === "waves" && /* @__PURE__ */ J("svg", {
 					className: "absolute inset-0 h-full w-full opacity-5",
 					viewBox: "0 0 400 200",
 					preserveAspectRatio: "none",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ W("path", {
+					children: [/* @__PURE__ */ q("path", {
 						d: "M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z",
 						className: "fill-inverse-foreground"
-					}), /* @__PURE__ */ W("path", {
+					}), /* @__PURE__ */ q("path", {
 						d: "M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z",
 						className: "fill-inverse-foreground"
 					})]
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					className: "absolute top-4 right-4 z-10",
-					children: /* @__PURE__ */ W(N, {
+					children: /* @__PURE__ */ q(I, {
 						tone: w,
 						inline: !0,
 						dot: !0,
@@ -676,46 +686,46 @@ function yt({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 						children: C
 					})
 				}),
-				/* @__PURE__ */ G(f, {
+				/* @__PURE__ */ J(f, {
 					gap: "xl",
 					className: "relative z-10",
 					children: [
-						/* @__PURE__ */ W(o, {
+						/* @__PURE__ */ q(o, {
 							weight: "medium",
 							className: "text-inverse-muted",
 							children: S.giftCard
 						}),
-						/* @__PURE__ */ G(f, {
+						/* @__PURE__ */ J(f, {
 							gap: "dense",
-							children: [/* @__PURE__ */ W(s, {
+							children: [/* @__PURE__ */ q(s, {
 								tone: "inverse",
 								children: S.balance
-							}), /* @__PURE__ */ G(f, {
+							}), /* @__PURE__ */ J(f, {
 								direction: "horizontal",
 								align: "baseline",
 								gap: "lg",
-								children: [/* @__PURE__ */ W(c, {
+								children: [/* @__PURE__ */ q(c, {
 									tag: "h2",
 									size: "2xl",
 									className: "text-inverse-foreground tabular-nums drop-shadow-sm",
-									children: D
-								}), !!E && /* @__PURE__ */ W(T, {
+									children: E
+								}), !!T && /* @__PURE__ */ q(D, {
 									className: "line-through tabular-nums text-inverse-disabled",
 									children: t
 								})]
 							})]
 						}),
-						/* @__PURE__ */ W("div", {
+						/* @__PURE__ */ q("div", {
 							className: r("giftcard-full--code", "rounded-radius p-surface-xs", "bg-inverse-surface", "border border-inverse-border", "shadow-sm"),
-							children: /* @__PURE__ */ G(f, {
+							children: /* @__PURE__ */ J(f, {
 								direction: "horizontal",
 								align: "center",
 								gap: "md",
-								children: [/* @__PURE__ */ W(O, {
+								children: [/* @__PURE__ */ q(A, {
 									weight: "semibold",
 									className: "flex-1 tracking-[0.2em] text-inverse-foreground",
 									children: e
-								}), /* @__PURE__ */ W(_t, {
+								}), /* @__PURE__ */ q(gt, {
 									code: e,
 									strings: S,
 									inverse: !0
@@ -725,15 +735,15 @@ function yt({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 					]
 				})
 			]
-		}), /* @__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, {
+		}), /* @__PURE__ */ q("div", {
+			className: "box-border rounded-b-surface bg-card text-card-foreground p-surface shadow-sm border border-t-0 border-border",
+			children: /* @__PURE__ */ J(f, {
 				gap: "xl",
 				children: [
-					!!p && /* @__PURE__ */ G(f, {
+					!!p && /* @__PURE__ */ J(f, {
 						gap: "normal",
 						className: "giftcard-full--message",
-						children: [/* @__PURE__ */ W(s, { children: S.personalMessage }), /* @__PURE__ */ G(o, {
+						children: [/* @__PURE__ */ q(s, { children: S.personalMessage }), /* @__PURE__ */ J(o, {
 							type: "secondary",
 							lineHeight: "relaxed",
 							className: "italic",
@@ -744,15 +754,15 @@ function yt({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 							]
 						})]
 					}),
-					/* @__PURE__ */ W(_e, {
+					/* @__PURE__ */ q(G, {
 						adaptTo: "container",
-						items: k,
+						items: O,
 						columns: {
 							base: 1,
 							sm: 2
 						}
 					}),
-					!!_ && /* @__PURE__ */ W(i, {
+					!!_ && /* @__PURE__ */ q(i, {
 						tone: "secondary",
 						buttonStyle: "outline",
 						fullWidth: !0,
@@ -764,90 +774,90 @@ function yt({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 		})]
 	});
 }
-yt.displayName = "GiftcardFull";
+vt.displayName = "GiftcardFull";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-illustrated.tsx
-function bt({ code: e, amount: t, remainingAmount: a, status: l, recipientName: u, expiresAt: d, onView: p, headerColor: m = "green", className: h, strings: g }) {
-	let v = n(Y, g), y = v.status[l], b = ut[l], x = !!a && a !== t, S = x ? a : t, C = [...u ? [{
+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(Z, g), y = v.status[l], b = lt[l], x = !!a && a !== t, S = x ? a : t, C = [...u ? [{
 		label: v.recipient,
 		value: u
 	}] : [], ...d ? [{
 		label: v.expires,
 		value: d
 	}] : []];
-	return /* @__PURE__ */ G(_, {
+	return /* @__PURE__ */ J(_, {
 		surface: "card",
 		padding: "none",
 		className: r("giftcard-card--component giftcard-illustrated--component max-w-sm", h),
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ J("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__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					"aria-hidden": !0,
-					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", ht[m])
+					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", mt[m])
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("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__ */ W(s, {
+				/* @__PURE__ */ q(s, {
 					tone: "inverse",
 					className: "relative",
 					children: v.giftCard
 				})
 			]
-		}), /* @__PURE__ */ G(f, {
+		}), /* @__PURE__ */ J(f, {
 			gap: "lg",
 			className: "giftcard-illustrated--body p-surface",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex items-start justify-between",
-					children: [/* @__PURE__ */ G(f, {
+					children: [/* @__PURE__ */ J(f, {
 						gap: "dense",
-						children: [/* @__PURE__ */ G("div", {
+						children: [/* @__PURE__ */ J("div", {
 							className: "flex items-baseline gap-space-md",
-							children: [/* @__PURE__ */ W(c, {
+							children: [/* @__PURE__ */ q(c, {
 								tag: "h2",
 								size: "2xl",
 								className: "tabular-nums text-inherit",
 								children: S
-							}), !!x && /* @__PURE__ */ W(T, {
+							}), !!x && /* @__PURE__ */ q(D, {
 								className: "line-through tabular-nums text-muted-foreground",
 								children: t
 							})]
-						}), /* @__PURE__ */ W(o, {
+						}), /* @__PURE__ */ q(o, {
 							size: "xs",
 							type: "secondary",
 							children: v.balance
 						})]
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ q(I, {
 						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, {
+				/* @__PURE__ */ q("div", {
+					className: "giftcard-illustrated--code rounded-radius border border-border bg-muted/30 p-surface-xs",
+					children: /* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "md",
-						children: [/* @__PURE__ */ W(O, {
+						children: [/* @__PURE__ */ q(A, {
 							type: "inherit",
 							className: "flex-1 tracking-[0.15em]",
 							children: e
-						}), /* @__PURE__ */ W(_t, {
+						}), /* @__PURE__ */ q(gt, {
 							code: e,
 							strings: v
 						})]
 					})
 				}),
-				/* @__PURE__ */ W(_e, {
+				/* @__PURE__ */ q(G, {
 					adaptTo: "container",
 					items: C,
 					columns: 2
 				}),
-				!!p && /* @__PURE__ */ W(i, {
+				!!p && /* @__PURE__ */ q(i, {
 					tone: "secondary",
 					buttonStyle: "outline",
 					fullWidth: !0,
@@ -858,84 +868,84 @@ function bt({ code: e, amount: t, remainingAmount: a, status: l, recipientName:
 		})]
 	});
 }
-bt.displayName = "GiftcardCardIllustrated";
+yt.displayName = "GiftcardCardIllustrated";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/partials/giftcard-minimal.tsx
-function xt({ code: e, amount: t, remainingAmount: i, status: s, recipientName: l, expiresAt: u, onView: d, color: p = "green", className: m, strings: h }) {
-	let g = n(Y, h), v = g.status[s], y = ut[s], b = !!i && i !== t, x = b ? i : t, S = mt[p], C = [...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(Z, h), v = g.status[s], y = lt[s], b = !!i && i !== t, x = b ? i : t, S = pt[p], C = [...l ? [{
 		label: g.recipient,
 		value: l
 	}] : [], ...u ? [{
 		label: g.expires,
 		value: u
 	}] : []];
-	return /* @__PURE__ */ W(_, {
+	return /* @__PURE__ */ q(_, {
 		surface: "card",
 		className: r("giftcard-card--component giftcard-minimal--component max-w-sm", m),
-		children: /* @__PURE__ */ G(f, {
+		children: /* @__PURE__ */ J(f, {
 			gap: "lg",
 			className: "giftcard-minimal--body",
 			children: [
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					"aria-hidden": "true",
 					className: r("h-1 w-12 rounded-radius-sm", S.line)
 				}),
-				/* @__PURE__ */ G(f, {
+				/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					justify: "between",
 					align: "center",
 					gap: "md",
 					wrap: !1,
-					children: [/* @__PURE__ */ W(o, {
+					children: [/* @__PURE__ */ q(o, {
 						tag: "span",
 						type: "secondary",
 						children: g.giftCard
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ q(I, {
 						tone: y,
 						size: "sm",
 						className: "shrink-0",
 						children: v
 					})]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex items-baseline gap-space-md",
-					children: [/* @__PURE__ */ W(c, {
+					children: [/* @__PURE__ */ q(c, {
 						tag: "h2",
 						size: "2xl",
 						className: "tabular-nums text-inherit",
 						children: x
-					}), !!b && /* @__PURE__ */ W(T, {
+					}), !!b && /* @__PURE__ */ q(D, {
 						className: "line-through tabular-nums text-muted-foreground",
 						children: t
 					})]
 				}),
-				/* @__PURE__ */ W("div", {
-					className: "giftcard-minimal--code rounded-inner border border-border bg-muted/30 p-surface-xs",
-					children: /* @__PURE__ */ G(f, {
+				/* @__PURE__ */ q("div", {
+					className: "giftcard-minimal--code rounded-radius border border-border bg-muted/30 p-surface-xs",
+					children: /* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "sm",
-						children: [/* @__PURE__ */ W(O, {
+						children: [/* @__PURE__ */ q(A, {
 							type: "inherit",
 							className: "flex-1 tracking-[0.15em]",
 							children: e
-						}), /* @__PURE__ */ W(_t, {
+						}), /* @__PURE__ */ q(gt, {
 							code: e,
 							strings: g,
 							className: "shrink-0"
 						})]
 					})
 				}),
-				/* @__PURE__ */ W(_e, {
+				/* @__PURE__ */ q(G, {
 					items: C,
 					columns: 1,
 					density: "compact",
 					className: "[&_.metadata-list--grid]:gap-space-sm"
 				}),
-				!!d && /* @__PURE__ */ G(a, {
+				!!d && /* @__PURE__ */ J(a, {
 					onClick: d,
 					className: "group/link self-start",
-					children: [g.viewDetails, /* @__PURE__ */ W(Ne, {
+					children: [g.viewDetails, /* @__PURE__ */ q(je, {
 						"aria-hidden": "true",
 						className: "ml-1 size-icon-sm transition-transform group-hover/link:translate-x-0.5"
 					})]
@@ -944,210 +954,210 @@ function xt({ code: e, amount: t, remainingAmount: i, status: s, recipientName:
 		})
 	});
 }
-xt.displayName = "GiftcardCardMinimal";
+bt.displayName = "GiftcardCardMinimal";
 //#endregion
 //#region src/components/blocks/commerce/giftcard-card/giftcard-card.tsx
-function St(e) {
+function xt(e) {
 	let t = r("giftcard-card--component", e.className);
 	switch (e.variant) {
-		case "compact": return /* @__PURE__ */ W(gt, {
+		case "compact": return /* @__PURE__ */ q(ht, {
 			...e,
 			className: t
 		});
-		case "minimal": return /* @__PURE__ */ W(xt, {
+		case "minimal": return /* @__PURE__ */ q(bt, {
 			...e,
 			className: t
 		});
-		case "dark": return /* @__PURE__ */ W(vt, {
+		case "dark": return /* @__PURE__ */ q(_t, {
 			...e,
 			className: t
 		});
-		case "illustrated": return /* @__PURE__ */ W(bt, {
+		case "illustrated": return /* @__PURE__ */ q(yt, {
 			...e,
 			className: t
 		});
-		default: return /* @__PURE__ */ W(yt, {
+		default: return /* @__PURE__ */ q(vt, {
 			...e,
 			className: t
 		});
 	}
 }
-St.displayName = "GiftcardCard";
+xt.displayName = "GiftcardCard";
 //#endregion
 //#region src/components/blocks/commerce/vendor-profile/types.ts
-var Ct = {
+var St = {
 	tabOverview: "Overview",
 	tabStats: "Stats",
 	totalEarnings: "Total earnings",
 	message: "Message",
 	hire: "Hire vendor",
 	verifiedAriaLabel: "Verified"
-}, wt = {
+}, Ct = {
 	secondary: "secondary",
 	success: "success",
 	warning: "warning",
 	destructive: "destructive"
 };
-function Tt({ children: e, tone: t }) {
-	return m(e) ? /* @__PURE__ */ W(N, {
-		tone: wt[t ?? "secondary"],
+function wt({ children: e, tone: t }) {
+	return m(e) ? /* @__PURE__ */ q(I, {
+		tone: Ct[t ?? "secondary"],
 		className: "vendor-profile--change shrink-0 tabular-nums",
 		children: e
 	}) : null;
 }
-var Et = Ee(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: x, onMessage: S, onHire: C, surface: w, className: E, strings: D }, O) {
-	let k = n(Ct, D), [te, A] = je(y), j = v !== void 0, M = m(l), ne = M || h.length > 0, oe = g.length > 0, P = [...ne ? ["overview"] : [], ...oe ? ["stats"] : []], se = j ? v : te, F = P.includes(se) ? se : P[0] ?? "overview", ce = P.length > 0, le = !!(S || C), ue = (e) => {
-		(e === "overview" || e === "stats") && P.includes(e) && (j || A(e), x?.(e));
-	}, de = /* @__PURE__ */ G(f, {
+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: C, surface: w, className: T, strings: E }, O) {
+	let k = n(St, E), [A, j] = ke(y), N = v !== void 0, ee = m(l), te = ee || h.length > 0, P = g.length > 0, F = [...te ? ["overview"] : [], ...P ? ["stats"] : []], ae = N ? v : A, L = F.includes(ae) ? ae : F[0] ?? "overview", oe = F.length > 0, R = !!(x || C), se = (e) => {
+		(e === "overview" || e === "stats") && F.includes(e) && (N || j(e), b?.(e));
+	}, ce = /* @__PURE__ */ J(f, {
 		gap: "xl",
 		className: "vendor-profile--overview",
-		children: [M && /* @__PURE__ */ G(f, {
+		children: [ee && /* @__PURE__ */ J(f, {
 			gap: "normal",
 			className: "vendor-profile--earnings",
-			children: [/* @__PURE__ */ W(s, { children: k.totalEarnings }), /* @__PURE__ */ G(f, {
+			children: [/* @__PURE__ */ q(s, { children: k.totalEarnings }), /* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "sm",
 				align: "baseline",
-				children: [/* @__PURE__ */ W(T, {
+				children: [/* @__PURE__ */ q(D, {
 					type: "inherit",
 					size: "base",
 					weight: "semibold",
 					className: "tabular-nums",
 					children: l
-				}), /* @__PURE__ */ W(Tt, {
+				}), /* @__PURE__ */ q(wt, {
 					tone: p,
 					children: u
 				})]
 			})]
-		}), h.length > 0 && /* @__PURE__ */ W("div", {
+		}), h.length > 0 && /* @__PURE__ */ q("div", {
 			className: "vendor-profile--metrics divide-y divide-border/60",
-			children: h.map((e, t) => /* @__PURE__ */ W(U, {
+			children: h.map((e, t) => /* @__PURE__ */ q(K, {
 				className: "py-row-y first:pt-0 last:pb-0",
 				label: e.label,
 				value: e.value,
 				valueWeight: "medium"
 			}, e.id ?? t))
 		})]
-	}), I = /* @__PURE__ */ W(d, {
+	}), le = /* @__PURE__ */ q(d, {
 		columns: {
 			base: 1,
 			sm: 2
 		},
 		gap: "xl",
 		className: "vendor-profile--stats",
-		children: g.map((e, t) => /* @__PURE__ */ G(f, {
+		children: g.map((e, t) => /* @__PURE__ */ J(f, {
 			gap: "normal",
 			className: "vendor-profile--stat",
-			children: [/* @__PURE__ */ W(s, {
+			children: [/* @__PURE__ */ q(s, {
 				className: "truncate",
 				children: e.label
-			}), /* @__PURE__ */ G(f, {
+			}), /* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "sm",
 				align: "baseline",
-				children: [/* @__PURE__ */ W(T, {
+				children: [/* @__PURE__ */ q(D, {
 					type: "inherit",
 					weight: "semibold",
 					className: "min-w-0 tabular-nums",
 					children: e.value
-				}), /* @__PURE__ */ W(Tt, {
+				}), /* @__PURE__ */ q(wt, {
 					tone: e.changeTone,
 					children: e.change
 				})]
 			})]
 		}, e.id ?? t))
-	}), fe = P.length > 1 ? /* @__PURE__ */ G(xe, {
-		value: F,
-		onValueChange: ue,
+	}), ue = F.length > 1 ? /* @__PURE__ */ J(be, {
+		value: L,
+		onValueChange: se,
 		className: "vendor-profile--tabs gap-space-lg",
 		children: [
-			/* @__PURE__ */ G(be, {
-				className: "grid h-auto w-full grid-cols-2 rounded-inner p-space-xs",
-				children: [/* @__PURE__ */ W(ve, {
+			/* @__PURE__ */ J(ye, {
+				className: "grid h-auto w-full grid-cols-2 rounded-radius p-space-xs",
+				children: [/* @__PURE__ */ q(_e, {
 					value: "overview",
-					className: "h-action-sm rounded-inner px-control-sm text-pxs",
+					className: "h-action-sm rounded-radius px-control-sm text-pxs",
 					children: k.tabOverview
-				}), /* @__PURE__ */ W(ve, {
+				}), /* @__PURE__ */ q(_e, {
 					value: "stats",
-					className: "h-action-sm rounded-inner px-control-sm text-pxs",
+					className: "h-action-sm rounded-radius px-control-sm text-pxs",
 					children: k.tabStats
 				})]
 			}),
-			/* @__PURE__ */ W(ye, {
+			/* @__PURE__ */ q(ve, {
 				value: "overview",
 				className: "mt-0",
-				children: de
+				children: ce
 			}),
-			/* @__PURE__ */ W(ye, {
+			/* @__PURE__ */ q(ve, {
 				value: "stats",
 				className: "mt-0",
-				children: I
+				children: le
 			})
 		]
-	}) : F === "stats" ? I : de;
-	return /* @__PURE__ */ W(_, {
+	}) : L === "stats" ? le : ce;
+	return /* @__PURE__ */ q(_, {
 		ref: O,
 		surface: w,
 		padding: w === "flat" ? "none" : "md",
 		gap: "xl",
-		headerStart: /* @__PURE__ */ G(V, {
+		headerStart: /* @__PURE__ */ J(U, {
 			className: "vendor-profile--identity flex-nowrap py-0",
-			children: [/* @__PURE__ */ W(L, {
+			children: [/* @__PURE__ */ q(B, {
 				variant: "avatar",
-				children: /* @__PURE__ */ G(ie, { children: [!!a && /* @__PURE__ */ W(ae, {
+				children: /* @__PURE__ */ J(re, { children: [!!a && /* @__PURE__ */ q(ie, {
 					src: a,
 					alt: e
-				}), /* @__PURE__ */ W(re, { children: t ?? /* @__PURE__ */ W(ee, {
+				}), /* @__PURE__ */ q(ne, { children: t ?? /* @__PURE__ */ q(M, {
 					value: e,
 					strategy: "first-words"
 				}) })] })
-			}), /* @__PURE__ */ G(B, { children: [/* @__PURE__ */ G(f, {
+			}), /* @__PURE__ */ J(H, { children: [/* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				className: "min-w-0",
-				children: [/* @__PURE__ */ W(H, {
+				children: [/* @__PURE__ */ q(W, {
 					className: "min-w-0 truncate",
 					children: e
-				}), !!c && /* @__PURE__ */ W(N, {
+				}), !!c && /* @__PURE__ */ q(I, {
 					tone: "success",
 					className: "shrink-0",
 					children: k.verifiedAriaLabel
 				})]
-			}), !!o && /* @__PURE__ */ W(R, {
+			}), !!o && /* @__PURE__ */ q(V, {
 				clamp: 2,
 				children: o
 			})] })]
 		}),
-		footerSlot: le ? /* @__PURE__ */ G("div", {
-			className: r("vendor-profile--actions flex flex-wrap", b.commands),
-			children: [!!S && /* @__PURE__ */ W(i, {
+		footerSlot: R ? /* @__PURE__ */ J("div", {
+			className: r("vendor-profile--actions flex flex-wrap", S.commands),
+			children: [!!x && /* @__PURE__ */ q(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline",
 				className: "min-w-0 flex-1",
-				onClick: S,
+				onClick: x,
 				children: k.message
-			}), !!C && /* @__PURE__ */ G(i, {
+			}), !!C && /* @__PURE__ */ J(i, {
 				type: "button",
 				tone: "primary",
 				className: "min-w-0 flex-1",
 				onClick: C,
-				children: [k.hire, /* @__PURE__ */ W(Ie, {
+				children: [k.hire, /* @__PURE__ */ q(Fe, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				})]
 			})]
 		}) : void 0,
-		contentClassName: r(!ce && "hidden"),
-		className: r("vendor-profile--component", E),
-		children: ce ? fe : null
+		contentClassName: r(!oe && "hidden"),
+		className: r("vendor-profile--component", T),
+		children: oe ? ue : null
 	});
 });
-Et.displayName = "VendorProfileCard";
+Tt.displayName = "VendorProfileCard";
 //#endregion
 //#region src/components/blocks/commerce/inventory-level/inventory-level.strings.ts
-var Dt = {
+var Et = {
 	statusInStock: "In stock",
 	statusLowStock: "Low stock",
 	statusCritical: "Critical",
@@ -1158,84 +1168,84 @@ var Dt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/inventory-level/inventory-level.tsx
-function Ot({ productName: e, variant: t, stock: i, reorderLevel: a, maxStock: s, lastRestocked: c, className: l, strings: u }) {
-	let d = n(Dt, u), p = Oe(), 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, {
+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__ */ J(f, {
 		"data-component": "inventory-level",
 		"data-slot": "inventory-level",
 		gap: "xl",
 		className: r("inventory-level--component", l),
 		children: [
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				gap: "dense",
 				className: "inventory-level--product",
-				children: [/* @__PURE__ */ G(f, {
+				children: [/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					gap: "sm",
 					wrap: !1,
 					className: "min-w-0",
-					children: [/* @__PURE__ */ W(o, {
+					children: [/* @__PURE__ */ q(o, {
 						type: "inherit",
 						weight: "semibold",
 						className: "min-w-0 truncate",
 						children: e
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ q(I, {
 						tone: g,
 						className: "shrink-0",
 						children: _
 					})]
-				}), !!t && /* @__PURE__ */ W(o, {
+				}), !!t && /* @__PURE__ */ q(o, {
 					size: "xs",
 					type: "secondary",
 					className: "truncate",
 					children: `${d.variantLabel}: ${t}`
 				})]
 			}),
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				id: p,
 				gap: "dense",
 				className: "inventory-level--stock",
-				children: [/* @__PURE__ */ W(M, {
+				children: [/* @__PURE__ */ q(P, {
 					type: "inherit",
 					value: i,
 					weight: "semibold",
 					align: "left"
-				}), /* @__PURE__ */ W(o, {
+				}), /* @__PURE__ */ q(o, {
 					size: "xs",
 					type: "secondary",
 					children: d.unitsAvailable
 				})]
 			}),
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				gap: "md",
 				className: "inventory-level--gauge",
-				children: [/* @__PURE__ */ W(v, {
+				children: [/* @__PURE__ */ q(v, {
 					value: i,
 					max: s,
 					tone: g,
 					"aria-labelledby": p
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ G(o, {
+					children: [/* @__PURE__ */ J(o, {
 						size: "xs",
 						type: "secondary",
 						children: [
 							d.reorderAtLabel,
 							": ",
-							/* @__PURE__ */ W(M, {
+							/* @__PURE__ */ q(P, {
 								type: "inherit",
 								value: a,
 								weight: "medium",
 								align: "left"
 							})
 						]
-					}), !!c && /* @__PURE__ */ G(o, {
+					}), !!c && /* @__PURE__ */ J(o, {
 						size: "xs",
 						type: "secondary",
 						children: [
 							d.lastRestockedLabel,
 							": ",
-							/* @__PURE__ */ W(D, {
+							/* @__PURE__ */ q(k, {
 								size: "xs",
 								children: c
 							})
@@ -1246,10 +1256,10 @@ function Ot({ productName: e, variant: t, stock: i, reorderLevel: a, maxStock: s
 		]
 	});
 }
-Ot.displayName = "InventoryLevel";
+Dt.displayName = "InventoryLevel";
 //#endregion
 //#region src/components/blocks/commerce/tax-breakdown/types.ts
-var kt = {
+var Ot = {
 	title: "Tax breakdown",
 	subtotal: "Subtotal",
 	totalTax: "Total tax",
@@ -1257,34 +1267,35 @@ var kt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/tax-breakdown/tax-breakdown.tsx
-function At({ subtotal: e, taxes: t, totalTax: i, total: a, className: o, strings: s, ...c }) {
-	let l = n(kt, s);
-	return /* @__PURE__ */ W(_, {
-		...c,
-		surface: "flat",
-		padding: "none",
-		title: l.title,
+function kt({ subtotal: e, taxes: t, totalTax: i, total: a, className: o, strings: s, surface: c = "flat", padding: l = c === "flat" ? "none" : "md", headerDivider: u, ...d }) {
+	let f = n(Ot, s);
+	return /* @__PURE__ */ q(_, {
+		...d,
+		surface: c,
+		padding: l,
+		headerDivider: u,
+		title: f.title,
 		"data-slot": "tax-breakdown",
 		className: r("tax-breakdown--component w-full", o),
-		children: /* @__PURE__ */ G(J, {
+		children: /* @__PURE__ */ J(X, {
 			className: "tax-breakdown--ledger",
 			children: [
-				/* @__PURE__ */ W(q, {
-					label: l.subtotal,
+				/* @__PURE__ */ q(Y, {
+					label: f.subtotal,
 					amount: e
 				}),
-				t.map((e, t) => /* @__PURE__ */ W(q, {
+				t.map((e, t) => /* @__PURE__ */ q(Y, {
 					className: "tax-breakdown--line",
 					label: e.label,
 					note: e.rate,
 					amount: e.amount
 				}, e.id ?? `${e.label}-${t}`)),
-				!!i && t.length > 1 && /* @__PURE__ */ W(q, {
-					label: l.totalTax,
+				!!i && t.length > 1 && /* @__PURE__ */ q(Y, {
+					label: f.totalTax,
 					amount: i
 				}),
-				/* @__PURE__ */ W(q, {
-					label: l.total,
+				/* @__PURE__ */ q(Y, {
+					label: f.total,
 					amount: a,
 					total: !0,
 					rollup: !0
@@ -1293,10 +1304,10 @@ function At({ subtotal: e, taxes: t, totalTax: i, total: a, className: o, string
 		})
 	});
 }
-At.displayName = "TaxBreakdownCard";
+kt.displayName = "TaxBreakdownCard";
 //#endregion
 //#region src/components/blocks/commerce/subscription-summary/types.ts
-var jt = {
+var At = {
 	title: "Subscription",
 	plan: "Plan",
 	nextBilling: "Next billing",
@@ -1306,95 +1317,95 @@ var jt = {
 };
 //#endregion
 //#region src/components/blocks/commerce/subscription-summary/subscription-summary.tsx
-function Mt({ planName: e, priceLabel: t, cycleLabel: a, nextBillingDate: l, statusLabel: u, perks: d = [], onManage: p, onUpgrade: m, className: h, strings: g }) {
-	let _ = n(jt, g);
-	return /* @__PURE__ */ G(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__ */ J(z, {
 		title: _.title,
-		titleSuffix: u ? /* @__PURE__ */ W(N, {
+		titleSuffix: u ? /* @__PURE__ */ q(I, {
 			tone: "success",
 			children: u
 		}) : null,
 		contentGap: "2xl",
 		className: r("subscription-summary--component w-full", h),
 		children: [
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				gap: "lg",
 				className: "subscription-summary--plan",
-				children: [/* @__PURE__ */ G(f, {
+				children: [/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					justify: "between",
 					align: "end",
 					gap: "lg",
-					children: [/* @__PURE__ */ G(f, {
+					children: [/* @__PURE__ */ J(f, {
 						gap: "dense",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ W(s, { children: _.plan }), /* @__PURE__ */ W(c, {
+						children: [/* @__PURE__ */ q(s, { children: _.plan }), /* @__PURE__ */ q(c, {
 							className: "text-inherit",
 							tag: "h3",
 							children: e
 						})]
-					}), /* @__PURE__ */ G(f, {
+					}), /* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						align: "baseline",
 						gap: "xs",
 						className: "shrink-0",
-						children: [/* @__PURE__ */ W(T, {
+						children: [/* @__PURE__ */ q(D, {
 							type: "inherit",
 							weight: "bold",
 							className: "tabular-nums",
 							children: t
-						}), /* @__PURE__ */ W(o, {
+						}), /* @__PURE__ */ q(o, {
 							type: "secondary",
 							children: a
 						})]
 					})]
-				}), /* @__PURE__ */ W(U, {
+				}), /* @__PURE__ */ q(K, {
 					label: _.nextBilling,
 					value: l,
 					valueWeight: "semibold",
 					valueClassName: "tabular-nums"
 				})]
 			}),
-			d.length > 0 && /* @__PURE__ */ G(f, {
+			d.length > 0 && /* @__PURE__ */ J(f, {
 				gap: "md",
 				className: "subscription-summary--perks",
-				children: [/* @__PURE__ */ W(s, { children: _.perks }), /* @__PURE__ */ W(ge, { children: d.map((e, t) => {
+				children: [/* @__PURE__ */ q(s, { children: _.perks }), /* @__PURE__ */ q(ge, { children: d.map((e, t) => {
 					let n = e.icon;
-					return /* @__PURE__ */ G(V, {
+					return /* @__PURE__ */ J(U, {
 						size: "sm",
 						density: "compact",
-						children: [!!n && /* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(n, {
+						children: [!!n && /* @__PURE__ */ q(B, { children: /* @__PURE__ */ q(n, {
 							"aria-hidden": "true",
 							className: "size-icon text-muted-foreground"
-						}) }), /* @__PURE__ */ W(B, { children: /* @__PURE__ */ W(H, {
+						}) }), /* @__PURE__ */ q(H, { children: /* @__PURE__ */ q(W, {
 							bold: !1,
 							children: e.label
 						}) })]
 					}, `${e.label}-${t}`);
 				}) })]
 			}),
-			(p || m) && /* @__PURE__ */ G("div", {
+			(p || m) && /* @__PURE__ */ J("div", {
 				className: "flex items-center gap-space-md",
-				children: [!!p && /* @__PURE__ */ W(i, {
+				children: [!!p && /* @__PURE__ */ q(i, {
 					tone: "secondary",
 					buttonStyle: "outline",
 					onClick: p,
 					className: "flex-1",
 					children: _.manage
-				}), !!m && /* @__PURE__ */ G(i, {
+				}), !!m && /* @__PURE__ */ J(i, {
 					tone: "primary",
 					onClick: m,
 					className: "flex-1",
-					children: [_.upgrade, /* @__PURE__ */ W(Ie, { className: "ml-1 size-icon-md" })]
+					children: [_.upgrade, /* @__PURE__ */ q(Fe, { className: "ml-1 size-icon-md" })]
 				})]
 			})
 		]
 	});
 }
-Mt.displayName = "SubscriptionSummaryCard";
+jt.displayName = "SubscriptionSummaryCard";
 //#endregion
 //#region src/components/blocks/commerce/refund-status/types.ts
-var Nt = {
+var Mt = {
 	title: "Refund status",
 	requested: "Requested",
 	approved: "Approved",
@@ -1404,97 +1415,98 @@ var Nt = {
 	reason: "Reason",
 	eta: "Expected by",
 	method: "Refund to"
-}, Pt = [
+}, Nt = [
 	"requested",
 	"approved",
 	"processing",
 	"completed"
 ];
-function X(e) {
+function Pt(e) {
 	return e != null && e !== !1 && e !== "";
 }
-function Ft({ stage: e, amount: t, reason: i, method: a, eta: s, requestedAt: c, className: l, strings: u, ...d }) {
-	let m = n(Nt, u), h = Pt.indexOf(e), g = X(i) || X(a) || X(s);
-	return /* @__PURE__ */ G(_, {
-		...d,
-		surface: "flat",
-		padding: "none",
-		title: m.title,
+function Ft({ stage: e, amount: t, reason: i, method: a, eta: s, requestedAt: c, className: l, strings: u, surface: d = "flat", padding: m = d === "flat" ? "none" : "md", headerDivider: h, ...g }) {
+	let v = n(Mt, u), y = Nt.indexOf(e), b = Pt(i) || Pt(a) || Pt(s);
+	return /* @__PURE__ */ J(_, {
+		...g,
+		surface: d,
+		padding: m,
+		headerDivider: h,
+		title: v.title,
 		contentGap: "2xl",
 		"data-slot": "refund-status",
 		className: r("refund-status--component w-full", l),
 		children: [
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				gap: "dense",
-				children: [/* @__PURE__ */ W(q, {
-					label: m.amount,
+				children: [/* @__PURE__ */ q(Y, {
+					label: v.amount,
 					amount: t,
 					total: !0,
 					className: "refund-status--amount"
-				}), !!c && /* @__PURE__ */ G(o, {
+				}), !!c && /* @__PURE__ */ J(o, {
 					size: "xs",
 					type: "secondary",
 					children: [
-						m.requested,
+						v.requested,
 						": ",
-						/* @__PURE__ */ W(D, {
+						/* @__PURE__ */ q(k, {
 							size: "xs",
 							children: c
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ W("ol", {
+			/* @__PURE__ */ q("ol", {
 				className: "refund-status--stages m-0 flex list-none items-start p-0",
-				children: Pt.map((e, t) => {
-					let n = t <= h, i = t === h;
-					return /* @__PURE__ */ G("li", {
+				children: Nt.map((e, t) => {
+					let n = t <= y, i = t === y;
+					return /* @__PURE__ */ J("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__ */ G("div", {
+						children: [/* @__PURE__ */ J("div", {
 							"aria-hidden": "true",
 							className: "flex w-full items-center",
-							children: [/* @__PURE__ */ W("div", {
+							children: [/* @__PURE__ */ q("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__ */ W(K, { className: "size-icon-sm" }) : /* @__PURE__ */ W(M, {
+								children: n ? /* @__PURE__ */ q(Ne, { className: "size-icon-sm" }) : /* @__PURE__ */ q(P, {
 									type: "inherit",
 									value: t + 1,
 									size: "xs",
 									weight: "medium",
 									align: "center"
 								})
-							}), t < Pt.length - 1 && /* @__PURE__ */ W("div", { className: r("h-0.5 flex-1", t < h ? "bg-success" : "bg-border") })]
-						}), /* @__PURE__ */ W(o, {
+							}), t < Nt.length - 1 && /* @__PURE__ */ q("div", { className: r("h-0.5 flex-1", t < y ? "bg-success" : "bg-border") })]
+						}), /* @__PURE__ */ q(o, {
 							size: "xs",
 							weight: i ? "semibold" : "medium",
 							type: n ? "main" : "secondary",
 							lineHeight: "tight",
 							className: "refund-status--stage-label",
-							children: m[e]
+							children: v[e]
 						})]
 					}, e);
 				})
 			}),
-			!!g && /* @__PURE__ */ G(f, {
+			!!b && /* @__PURE__ */ J(f, {
 				gap: "md",
 				className: "refund-status--facts",
 				children: [
-					X(i) && /* @__PURE__ */ W(U, {
-						label: m.reason,
+					Pt(i) && /* @__PURE__ */ q(K, {
+						label: v.reason,
 						value: i,
 						className: "items-start",
 						valueWeight: "medium",
 						valueClassName: "text-end"
 					}),
-					X(a) && /* @__PURE__ */ W(U, {
-						label: m.method,
+					Pt(a) && /* @__PURE__ */ q(K, {
+						label: v.method,
 						value: a,
 						valueWeight: "medium"
 					}),
-					X(s) && /* @__PURE__ */ W(U, {
-						label: m.eta,
+					Pt(s) && /* @__PURE__ */ q(K, {
+						label: v.eta,
 						value: s,
 						valueWeight: "medium",
 						valueClassName: "tabular-nums"
@@ -1514,33 +1526,33 @@ function Lt({ address: e, prominent: t = !1, className: n, ...i }) {
 		e.region,
 		e.postalCode
 	].filter(Boolean).join(", ");
-	return /* @__PURE__ */ G(f, {
+	return /* @__PURE__ */ J(f, {
 		gap: "2xs",
-		render: /* @__PURE__ */ W("address", { ...i }),
+		render: /* @__PURE__ */ q("address", { ...i }),
 		className: r("address-lines--component not-italic", n),
 		children: [
-			!!e.name && /* @__PURE__ */ W(o, {
+			!!e.name && /* @__PURE__ */ q(o, {
 				type: "inherit",
 				weight: t ? "semibold" : "regular",
 				children: e.name
 			}),
-			/* @__PURE__ */ W(o, {
+			/* @__PURE__ */ q(o, {
 				type: "inherit",
 				children: e.line1
 			}),
-			!!e.line2 && /* @__PURE__ */ W(o, {
+			!!e.line2 && /* @__PURE__ */ q(o, {
 				type: "inherit",
 				children: e.line2
 			}),
-			!!a && /* @__PURE__ */ W(o, {
+			!!a && /* @__PURE__ */ q(o, {
 				type: "inherit",
 				children: a
 			}),
-			/* @__PURE__ */ W(o, {
+			/* @__PURE__ */ q(o, {
 				type: "secondary",
 				children: e.country
 			}),
-			!!e.phone && /* @__PURE__ */ W(E, {
+			!!e.phone && /* @__PURE__ */ q(O, {
 				value: e.phone,
 				className: "self-start"
 			})
@@ -1565,37 +1577,37 @@ function zt({ kind: e = "shipping", name: t, line1: i, line2: a, city: s, region
 		shipping: w.shipping,
 		billing: w.billing,
 		pickup: w.pickup
-	}, D = [];
-	return m && D.push({
+	}, E = [];
+	return m && E.push({
 		id: "edit",
 		label: w.edit,
-		icon: /* @__PURE__ */ W(Be, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ q(ze, { className: "size-icon-md" }),
 		onClick: m
-	}), g && !p && D.push({
+	}), g && !p && E.push({
 		id: "make-default",
 		label: w.makeDefault,
-		icon: /* @__PURE__ */ W(We, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ q(Ue, { className: "size-icon-md" }),
 		onClick: g
-	}), h && D.push({
+	}), h && E.push({
 		id: "remove",
 		label: w.remove,
-		icon: /* @__PURE__ */ W(Ge, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ q(We, { className: "size-icon-md" }),
 		onClick: h
-	}), /* @__PURE__ */ W(_, {
+	}), /* @__PURE__ */ q(_, {
 		...C,
 		surface: v,
 		padding: y,
 		headerDivider: b,
 		title: T[e],
-		titleSuffix: p ? /* @__PURE__ */ W(N, {
+		titleSuffix: p ? /* @__PURE__ */ q(I, {
 			tone: "neutral",
 			children: w.defaultBadge
 		}) : null,
-		actions: D.length > 0 ? D : void 0,
+		actions: E.length > 0 ? E : void 0,
 		className: r("address-card--component w-full", x),
-		children: /* @__PURE__ */ G(f, {
+		children: /* @__PURE__ */ J(f, {
 			gap: "md",
-			children: [/* @__PURE__ */ W(Lt, {
+			children: [/* @__PURE__ */ q(Lt, {
 				address: {
 					name: t,
 					line1: i,
@@ -1606,9 +1618,9 @@ function zt({ kind: e = "shipping", name: t, line1: i, line2: a, city: s, region
 					country: u
 				},
 				prominent: !0
-			}), !!d && /* @__PURE__ */ W(E, {
+			}), !!d && /* @__PURE__ */ q(O, {
 				value: d,
-				display: /* @__PURE__ */ W(o, {
+				display: /* @__PURE__ */ q(o, {
 					type: "inherit",
 					tag: "span",
 					children: d
@@ -1633,51 +1645,51 @@ var Bt = {
 	notFound: "That gift card code is not valid."
 }, Vt = (e) => e.toUpperCase();
 function Ht({ appliedCode: e, balance: t, error: a, loading: o, onCheck: c, onRemove: l, className: u, strings: d }) {
-	let m = n(Bt, d), h = Oe(), [g, _] = je(""), v = g.trim();
-	return e ? /* @__PURE__ */ W(I, {
+	let m = n(Bt, d), h = Ee(), [g, _] = ke(""), v = g.trim();
+	return e ? /* @__PURE__ */ q(z, {
 		title: m.title,
 		className: r("voucher-entry--component w-full", u),
-		children: /* @__PURE__ */ G(V, {
+		children: /* @__PURE__ */ J(U, {
 			size: "sm",
 			variant: "muted",
 			className: r("items-center gap-y-space-sm border", p.success.edge, p.success.wash),
 			children: [
-				/* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(ne, {
-					icon: K,
+				/* @__PURE__ */ q(B, { children: /* @__PURE__ */ q(F, {
+					icon: Ne,
 					tone: "success",
 					size: "md"
 				}) }),
-				/* @__PURE__ */ G(B, {
+				/* @__PURE__ */ J(H, {
 					className: "min-w-0 basis-48",
-					children: [/* @__PURE__ */ G(f, {
+					children: [/* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "sm",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ W(H, {
+						children: [/* @__PURE__ */ q(W, {
 							className: "max-w-full",
-							children: /* @__PURE__ */ W(O, {
+							children: /* @__PURE__ */ q(A, {
 								type: "inherit",
 								className: "tracking-wider",
 								children: e
 							})
-						}), /* @__PURE__ */ W(s, {
+						}), /* @__PURE__ */ q(s, {
 							className: "shrink-0",
 							children: m.applied
 						})]
-					}), !!t && /* @__PURE__ */ W(R, {
+					}), !!t && /* @__PURE__ */ q(V, {
 						clamp: 1,
 						children: m.balance
 					})]
 				}),
-				/* @__PURE__ */ G(z, {
+				/* @__PURE__ */ J(he, {
 					className: "ml-auto shrink-0 gap-space-sm",
-					children: [!!t && /* @__PURE__ */ W(T, {
+					children: [!!t && /* @__PURE__ */ q(D, {
 						type: "inherit",
 						weight: "semibold",
 						className: "shrink-0 tabular-nums",
 						children: t
-					}), !!l && /* @__PURE__ */ W(i, {
+					}), !!l && /* @__PURE__ */ q(i, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
@@ -1686,28 +1698,28 @@ function Ht({ appliedCode: e, balance: t, error: a, loading: o, onCheck: c, onRe
 						onClick: l,
 						"aria-label": m.remove,
 						className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
-						children: /* @__PURE__ */ W(qe, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ q(Ke, { className: "size-icon-sm" })
 					})]
 				})
 			]
 		})
-	}) : /* @__PURE__ */ W(I, {
+	}) : /* @__PURE__ */ q(z, {
 		title: m.title,
 		className: r("voucher-entry--component w-full", u),
-		children: /* @__PURE__ */ W("form", {
+		children: /* @__PURE__ */ q("form", {
 			onSubmit: (e) => {
 				e.preventDefault(), v && c?.(v);
 			},
-			children: /* @__PURE__ */ W(F, {
+			children: /* @__PURE__ */ q(R, {
 				label: m.inputLabel,
 				htmlFor: h,
 				error: a,
 				hint: a ? void 0 : m.helperText,
-				children: /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ J("div", {
 					className: "flex flex-wrap gap-space-md",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ q("div", {
 						className: "min-w-48 flex-1",
-						children: /* @__PURE__ */ W(P, {
+						children: /* @__PURE__ */ q(L, {
 							id: h,
 							value: g,
 							onChange: (e) => _(Vt(e.target.value)),
@@ -1717,7 +1729,7 @@ function Ht({ appliedCode: e, balance: t, error: a, loading: o, onCheck: c, onRe
 							className: "font-mono",
 							invalid: !!a
 						})
-					}), /* @__PURE__ */ W(i, {
+					}), /* @__PURE__ */ q(i, {
 						tone: "primary",
 						type: "submit",
 						loading: o,
@@ -1734,10 +1746,10 @@ Ht.displayName = "VoucherEntry";
 //#endregion
 //#region src/components/blocks/commerce/shared/line-thumbnail.tsx
 function Ut({ title: e }) {
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ q("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__ */ W(ee, {
+		children: /* @__PURE__ */ q(M, {
 			value: e,
 			strategy: "first-words",
 			fallback: e.trim().slice(0, 2).toUpperCase(),
@@ -1748,8 +1760,8 @@ function Ut({ title: e }) {
 	});
 }
 function Wt({ src: e, alt: t, title: n }) {
-	let [r, i] = je(void 0), a = e?.trim() ? e : void 0;
-	return !a || r === a ? /* @__PURE__ */ W(Ut, { title: n }) : /* @__PURE__ */ W("img", {
+	let [r, i] = ke(void 0), a = e?.trim() ? e : void 0;
+	return !a || r === a ? /* @__PURE__ */ q(Ut, { title: n }) : /* @__PURE__ */ q("img", {
 		src: a,
 		alt: t ?? n,
 		className: "line-thumbnail--image",
@@ -1777,51 +1789,52 @@ var Gt = {
 	e.src,
 	e.url
 ].find((e) => !!e?.trim());
-function Jt({ items: e, subtotal: t, tax: a, shipping: s, discount: c, total: l, onCheckout: u, className: d, strings: p, ...m }) {
-	let h = n(Gt, p), g = !!(t || a || s || c);
-	return /* @__PURE__ */ G(_, {
-		...m,
-		surface: "flat",
-		padding: "none",
-		title: h.title,
+function Jt({ items: e, subtotal: t, tax: a, shipping: s, discount: c, total: l, onCheckout: u, className: d, strings: p, surface: m = "flat", padding: h = m === "flat" ? "none" : "md", headerDivider: g, ...v }) {
+	let y = n(Gt, p), b = !!(t || a || s || c);
+	return /* @__PURE__ */ J(_, {
+		...v,
+		surface: m,
+		padding: h,
+		headerDivider: g,
+		title: y.title,
 		contentGap: "2xl",
 		"data-slot": "cart-summary",
 		className: r("cart-summary--component w-full", d),
 		children: [
-			/* @__PURE__ */ W(ge, { children: e.map((e) => {
+			/* @__PURE__ */ q(ge, { children: e.map((e) => {
 				let t = Kt(e), n = qt(e);
-				return /* @__PURE__ */ G(V, {
+				return /* @__PURE__ */ J(U, {
 					className: "cart-summary--item",
 					children: [
-						/* @__PURE__ */ W(L, {
+						/* @__PURE__ */ q(B, {
 							variant: "image",
 							className: "cart-summary--item-media",
-							children: /* @__PURE__ */ W(Wt, {
+							children: /* @__PURE__ */ q(Wt, {
 								src: n,
 								alt: e.imageAlt,
 								title: t
 							})
 						}),
-						/* @__PURE__ */ G(B, {
+						/* @__PURE__ */ J(H, {
 							className: "cart-summary--item-content",
-							children: [/* @__PURE__ */ W(H, { children: t }), !!e.variantTitle && /* @__PURE__ */ W(R, {
+							children: [/* @__PURE__ */ q(W, { children: t }), !!e.variantTitle && /* @__PURE__ */ q(V, {
 								clamp: 1,
 								children: e.variantTitle
 							})]
 						}),
-						/* @__PURE__ */ W(z, {
+						/* @__PURE__ */ q(he, {
 							className: "cart-summary--item-actions",
-							children: /* @__PURE__ */ G(f, {
+							children: /* @__PURE__ */ J(f, {
 								gap: "2xs",
 								align: "end",
 								className: "shrink-0",
-								children: [/* @__PURE__ */ W(o, {
+								children: [/* @__PURE__ */ q(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "cart-summary--quantity tabular-nums",
-									children: h.formatQuantity(e.qty)
-								}), /* @__PURE__ */ W(T, {
+									children: y.formatQuantity(e.qty)
+								}), /* @__PURE__ */ q(D, {
 									type: "inherit",
 									weight: "semibold",
 									className: "tabular-nums",
@@ -1832,39 +1845,39 @@ function Jt({ items: e, subtotal: t, tax: a, shipping: s, discount: c, total: l,
 					]
 				}, e.id);
 			}) }),
-			/* @__PURE__ */ G(J, {
+			/* @__PURE__ */ J(X, {
 				className: "cart-summary--totals",
 				children: [
-					!!t && /* @__PURE__ */ W(q, {
-						label: h.subtotal,
+					!!t && /* @__PURE__ */ q(Y, {
+						label: y.subtotal,
 						amount: t
 					}),
-					!!a && /* @__PURE__ */ W(q, {
-						label: h.tax,
+					!!a && /* @__PURE__ */ q(Y, {
+						label: y.tax,
 						amount: a
 					}),
-					!!s && /* @__PURE__ */ W(q, {
-						label: h.shipping,
+					!!s && /* @__PURE__ */ q(Y, {
+						label: y.shipping,
 						amount: s
 					}),
-					!!c && /* @__PURE__ */ W(q, {
-						label: h.discount,
+					!!c && /* @__PURE__ */ q(Y, {
+						label: y.discount,
 						amount: c,
 						deduction: !0
 					}),
-					/* @__PURE__ */ W(q, {
-						label: h.total,
+					/* @__PURE__ */ q(Y, {
+						label: y.total,
 						amount: l,
 						total: !0,
-						rollup: g
+						rollup: b
 					})
 				]
 			}),
-			!!u && /* @__PURE__ */ W(i, {
+			!!u && /* @__PURE__ */ q(i, {
 				tone: "primary",
 				onClick: u,
 				fullWidth: !0,
-				children: h.checkout
+				children: y.checkout
 			})
 		]
 	});
@@ -1880,48 +1893,48 @@ var Yt = Jt, Xt = {
 	invalid: "That code is not valid"
 }, Zt = (e) => e.toUpperCase();
 function Qt({ appliedCode: e, appliedDiscount: t, error: a, onApply: c, onRemove: l, loading: u, className: d, strings: m }) {
-	let h = n(Xt, m), [g, _] = je(""), v = g.trim();
-	return e ? /* @__PURE__ */ W(I, {
+	let h = n(Xt, m), [g, _] = ke(""), v = g.trim();
+	return e ? /* @__PURE__ */ q(z, {
 		title: h.title,
 		className: r("coupon-input--component w-full", d),
-		children: /* @__PURE__ */ G(V, {
+		children: /* @__PURE__ */ J(U, {
 			size: "sm",
 			variant: "muted",
 			className: r("items-center gap-y-space-sm border", p.success.edge, p.success.wash),
 			children: [
-				/* @__PURE__ */ W(L, { children: /* @__PURE__ */ W(ne, {
-					icon: K,
+				/* @__PURE__ */ q(B, { children: /* @__PURE__ */ q(F, {
+					icon: Ne,
 					tone: "success",
 					size: "md"
 				}) }),
-				/* @__PURE__ */ W(B, {
+				/* @__PURE__ */ q(H, {
 					className: "min-w-0",
-					children: /* @__PURE__ */ G(f, {
+					children: /* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						align: "center",
 						gap: "sm",
 						wrap: !1,
 						className: "min-w-0",
-						children: [/* @__PURE__ */ W(H, {
+						children: [/* @__PURE__ */ q(W, {
 							className: "min-w-0 truncate font-mono tracking-wider",
 							title: e,
 							children: e
-						}), /* @__PURE__ */ W(s, {
+						}), /* @__PURE__ */ q(s, {
 							className: "shrink-0",
 							children: h.applied
 						})]
 					})
 				}),
-				/* @__PURE__ */ G(z, {
+				/* @__PURE__ */ J(he, {
 					className: "ml-auto shrink-0 gap-space-sm",
-					children: [!!t && /* @__PURE__ */ W(o, {
+					children: [!!t && /* @__PURE__ */ q(o, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						type: "success",
 						className: "tabular-nums shrink-0",
-						children: et(t)
-					}), !!l && /* @__PURE__ */ W(i, {
+						children: $e(t)
+					}), !!l && /* @__PURE__ */ q(i, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
@@ -1930,21 +1943,21 @@ function Qt({ appliedCode: e, appliedDiscount: t, error: a, onApply: c, onRemove
 						onClick: l,
 						"aria-label": h.remove,
 						className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
-						children: /* @__PURE__ */ W(qe, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ q(Ke, { className: "size-icon-sm" })
 					})]
 				})
 			]
 		})
-	}) : /* @__PURE__ */ W(I, {
+	}) : /* @__PURE__ */ q(z, {
 		title: h.title,
 		className: r("coupon-input--component w-full", d),
-		children: /* @__PURE__ */ G(f, {
+		children: /* @__PURE__ */ J(f, {
 			gap: "md",
-			children: [/* @__PURE__ */ G("div", {
+			children: [/* @__PURE__ */ J("div", {
 				className: "flex flex-wrap gap-space-md",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ q("div", {
 					className: "min-w-44 flex-1",
-					children: /* @__PURE__ */ W(P, {
+					children: /* @__PURE__ */ q(L, {
 						value: g,
 						onChange: (e) => _(Zt(e.target.value)),
 						"aria-label": h.fieldLabel,
@@ -1954,7 +1967,7 @@ function Qt({ appliedCode: e, appliedDiscount: t, error: a, onApply: c, onRemove
 						className: "font-mono",
 						invalid: !!a
 					})
-				}), /* @__PURE__ */ W(i, {
+				}), /* @__PURE__ */ q(i, {
 					tone: "primary",
 					size: "md",
 					onClick: () => c?.(v),
@@ -1963,7 +1976,7 @@ function Qt({ appliedCode: e, appliedDiscount: t, error: a, onApply: c, onRemove
 					className: "shrink-0",
 					children: h.apply
 				})]
-			}), !!a && /* @__PURE__ */ W(o, {
+			}), !!a && /* @__PURE__ */ q(o, {
 				size: "xs",
 				type: "error",
 				children: a || h.invalid
@@ -1990,9 +2003,9 @@ var $t = {
 };
 function tn({ orderNumber: e, status: t, statusTone: i, events: a, currentEta: s, className: c, strings: l }) {
 	let u = n($t, l), d = i ?? en[t], f = a.reduce((e, t, n) => t.complete ? n : e, -1), m = a.find((e) => !e.complete);
-	return /* @__PURE__ */ G(I, {
+	return /* @__PURE__ */ J(z, {
 		title: u.title,
-		titleSuffix: /* @__PURE__ */ W(N, {
+		titleSuffix: /* @__PURE__ */ q(I, {
 			tone: d,
 			className: "capitalize",
 			children: t
@@ -2000,37 +2013,37 @@ function tn({ orderNumber: e, status: t, statusTone: i, events: a, currentEta: s
 		description: `#${e}`,
 		contentGap: "xl",
 		className: r("order-status--component w-full", c),
-		children: [!!s && /* @__PURE__ */ W(U, {
+		children: [!!s && /* @__PURE__ */ q(K, {
 			label: u.eta,
 			value: s,
 			className: "order-status--eta",
 			valueWeight: "medium",
 			valueClassName: "tabular-nums"
-		}), a.length > 0 && /* @__PURE__ */ W("ol", {
+		}), a.length > 0 && /* @__PURE__ */ q("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__ */ G("li", {
+				return /* @__PURE__ */ J("li", {
 					className: "relative flex gap-space-lg",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ J("div", {
 						className: "flex flex-col items-center",
-						children: [/* @__PURE__ */ W("span", {
+						children: [/* @__PURE__ */ q("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__ */ W(K, {
+							children: e.complete ? /* @__PURE__ */ q(Ne, {
 								className: "size-icon-md",
 								strokeWidth: 2.5
-							}) : i ? /* @__PURE__ */ W(Pe, { className: "size-icon-md" }) : /* @__PURE__ */ W(Le, { className: "size-icon-sm" })
-						}), !n && /* @__PURE__ */ W("span", {
+							}) : i ? /* @__PURE__ */ q(Me, { className: "size-icon-md" }) : /* @__PURE__ */ q(Ie, { className: "size-icon-sm" })
+						}), !n && /* @__PURE__ */ q("span", {
 							"aria-hidden": "true",
 							className: r("min-h-6 w-px flex-1", t < f ? "bg-success" : "bg-border")
 						})]
-					}), /* @__PURE__ */ G("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: r("min-w-0 flex-1 pb-space-xl", n && "pb-0"),
-						children: [/* @__PURE__ */ W(o, {
+						children: [/* @__PURE__ */ q(o, {
 							weight: e.complete || i ? "semibold" : "medium",
 							className: r(!e.complete && !i && "text-muted-foreground"),
 							children: e.label
-						}), !!e.timestamp && /* @__PURE__ */ W(D, {
+						}), !!e.timestamp && /* @__PURE__ */ q(k, {
 							size: "xs",
 							className: "tabular-nums",
 							children: e.timestamp
@@ -2071,17 +2084,17 @@ var nn = {
 }, an = "bg-inverse-background from-inverse-background via-inverse-surface-strong to-inverse-background";
 function on({ 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(nn, v), x = b.formatCard(b.brands[e], t);
-	return /* @__PURE__ */ W(_, {
+	return /* @__PURE__ */ q(_, {
 		...y,
 		surface: p,
 		padding: m,
 		headerDivider: h,
 		title: b.title,
-		titleSuffix: l ? /* @__PURE__ */ W(N, {
+		titleSuffix: l ? /* @__PURE__ */ q(I, {
 			tone: "neutral",
 			children: b.default
 		}) : null,
-		headerAction: u ? /* @__PURE__ */ W(i, {
+		headerAction: u ? /* @__PURE__ */ q(i, {
 			buttonStyle: "ghost",
 			tone: "secondary",
 			onClick: u,
@@ -2089,30 +2102,30 @@ function on({ brand: e, last4: t, expiry: a, holderName: c, default: l = !1, onC
 		}) : void 0,
 		"data-variant": d,
 		className: r("payment-method--component w-full", g),
-		children: d === "row" ? /* @__PURE__ */ G(f, {
+		children: d === "row" ? /* @__PURE__ */ J(f, {
 			gap: "dense",
 			className: "payment-method--identity min-w-0",
 			children: [
-				/* @__PURE__ */ W(o, {
+				/* @__PURE__ */ q(o, {
 					type: "inherit",
 					weight: "semibold",
 					className: "payment-method--name",
 					children: x
 				}),
-				!!c && /* @__PURE__ */ W(o, {
+				!!c && /* @__PURE__ */ q(o, {
 					size: "xs",
 					type: "secondary",
 					className: "payment-method--holder truncate",
 					children: c
 				}),
-				!!a && /* @__PURE__ */ G(o, {
+				!!a && /* @__PURE__ */ J(o, {
 					size: "xs",
 					type: "secondary",
 					className: "payment-method--expiry",
 					children: [
 						b.expires,
 						" ",
-						/* @__PURE__ */ W(T, {
+						/* @__PURE__ */ q(D, {
 							type: "inherit",
 							className: "tabular-nums",
 							children: a
@@ -2120,27 +2133,27 @@ function on({ brand: e, last4: t, expiry: a, holderName: c, default: l = !1, onC
 					]
 				})
 			]
-		}) : /* @__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", an),
+		}) : /* @__PURE__ */ J("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-surface bg-linear-to-br p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border", an),
 			children: [
-				/* @__PURE__ */ W(fe, { children: x }),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ q(de, { children: x }),
+				/* @__PURE__ */ J("div", {
 					"aria-hidden": "true",
 					className: "relative flex items-start justify-between",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ q("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__ */ W("div", { className: "size-icon rounded-radius-sm border border-warning-foreground/25 bg-warning-foreground/15" })
-					}), /* @__PURE__ */ W(o, {
+						children: /* @__PURE__ */ q("div", { className: "size-icon rounded-radius-sm border border-warning-foreground/25 bg-warning-foreground/15" })
+					}), /* @__PURE__ */ q(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: rn[e]
 					})]
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					"aria-hidden": "true",
 					className: "relative",
-					children: /* @__PURE__ */ G(o, {
+					children: /* @__PURE__ */ J(o, {
 						tag: "span",
 						size: "sm",
 						weight: "semibold",
@@ -2148,30 +2161,30 @@ function on({ brand: e, last4: t, expiry: a, holderName: c, default: l = !1, onC
 						children: ["•••• •••• •••• ", t]
 					})
 				}),
-				/* @__PURE__ */ G(f, {
+				/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					align: "end",
 					justify: "between",
 					gap: "lg",
 					className: "relative",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ q("div", {
 						className: "min-w-0",
-						children: !!c && /* @__PURE__ */ G(Me, { children: [/* @__PURE__ */ W(s, {
+						children: !!c && /* @__PURE__ */ J(Ae, { children: [/* @__PURE__ */ q(s, {
 							tone: "inverse",
 							className: "block",
 							children: b.cardHolder
-						}), /* @__PURE__ */ W(o, {
+						}), /* @__PURE__ */ q(o, {
 							weight: "semibold",
 							className: "truncate text-inverse-foreground",
 							children: c
 						})] })
-					}), !!a && /* @__PURE__ */ G("div", {
+					}), !!a && /* @__PURE__ */ J("div", {
 						className: "text-right shrink-0",
-						children: [/* @__PURE__ */ W(s, {
+						children: [/* @__PURE__ */ q(s, {
 							tone: "inverse",
 							className: "block",
 							children: b.expires
-						}), /* @__PURE__ */ W(T, {
+						}), /* @__PURE__ */ q(D, {
 							weight: "semibold",
 							className: "tabular-nums text-inverse-foreground",
 							children: a
@@ -2184,7 +2197,7 @@ function on({ brand: e, last4: t, expiry: a, holderName: c, default: l = !1, onC
 }
 on.displayName = "PaymentMethod";
 function sn({ variant: e = "row", ...t }) {
-	return /* @__PURE__ */ W(on, {
+	return /* @__PURE__ */ q(on, {
 		variant: e,
 		...t
 	});
@@ -2213,7 +2226,7 @@ function dn(e, t) {
 	let n = e / t;
 	return n >= .9 ? "good" : n >= .5 ? "review" : "missing";
 }
-function Z(e, t, n, r, i) {
+function fn(e, t, n, r, i) {
 	let a = Math.round(un(t) * n);
 	return {
 		id: e,
@@ -2224,7 +2237,7 @@ function Z(e, t, n, r, i) {
 		...i
 	};
 }
-function fn(e, t, n) {
+function pn(e, t, n) {
 	let r = e.trim().length;
 	if (r === 0) return 0;
 	if (r >= t && r <= n) return 1;
@@ -2233,50 +2246,50 @@ function fn(e, t, n) {
 	let i = r - n;
 	return Math.max(.55, 1 - i / n);
 }
-function Q(e) {
+function $(e) {
 	let t = e?.trim() ?? "";
 	return t ? ((t.split("#")[0] ?? "").split("?")[0] ?? "").replace(/^https?:\/\/[^/]+/i, "").replace(/^\/+|\/+$/g, "") : "";
 }
-function pn(e) {
-	return Q(e).split("/").filter(Boolean).at(-1) ?? "";
+function mn(e) {
+	return $(e).split("/").filter(Boolean).at(-1) ?? "";
 }
-function mn(e, t = cn.permalinkMax) {
-	let n = Q(e);
+function hn(e, t = cn.permalinkMax) {
+	let n = $(e);
 	return n ? n.length <= t ? 1 : n.length > t * 2 ? .35 : Math.max(.55, 1 - (n.length - t) / t) : 0;
 }
-function hn(e) {
-	let t = pn(e);
+function gn(e) {
+	let t = mn(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 gn(e) {
+function _n(e) {
 	let t = e?.trim() ?? "";
 	return t ? /^https:\/\//i.test(t) ? 1 : /^http:\/\//i.test(t) ? .6 : .45 : 0;
 }
-function _n(e) {
+function vn(e) {
 	let t = e.keyword?.trim().toLowerCase();
 	if (!t) return null;
 	let n = [
 		e.title,
 		e.description,
-		Q(e.permalink)
+		$(e.permalink)
 	].filter(Boolean).join(" ").toLowerCase();
 	return n ? n.includes(t) ? 1 : .35 : 0;
 }
-function vn(e) {
-	let t = ln(e.limits), n = e.title?.trim() ?? "", r = e.description?.trim() ?? "", i = Q(e.permalink), a = pn(e.permalink), o = [
-		Z("title", fn(n, t.titleMin, t.titleMax), 30, n.length, {
+function yn(e) {
+	let t = ln(e.limits), n = e.title?.trim() ?? "", r = e.description?.trim() ?? "", i = $(e.permalink), a = mn(e.permalink), o = [
+		fn("title", pn(n, t.titleMin, t.titleMax), 30, n.length, {
 			min: t.titleMin,
 			max: t.titleMax
 		}),
-		Z("description", fn(r, t.descriptionMin, t.descriptionMax), 30, r.length, {
+		fn("description", pn(r, t.descriptionMin, t.descriptionMax), 30, r.length, {
 			min: t.descriptionMin,
 			max: t.descriptionMax
 		}),
-		Z("permalink", mn(e.permalink, t.permalinkMax), 15, i.length, { max: t.permalinkMax }),
-		Z("slug", hn(e.permalink), 10, a.length),
-		Z("url", gn(e.baseUrl), 10, e.baseUrl?.trim().length ?? 0)
-	], s = _n(e);
-	s !== null && o.push(Z("keyword", s, 5, e.keyword?.trim().length ?? 0));
+		fn("permalink", hn(e.permalink, t.permalinkMax), 15, i.length, { max: t.permalinkMax }),
+		fn("slug", gn(e.permalink), 10, a.length),
+		fn("url", _n(e.baseUrl), 10, e.baseUrl?.trim().length ?? 0)
+	], s = vn(e);
+	s !== null && o.push(fn("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,
@@ -2287,7 +2300,7 @@ function vn(e) {
 }
 //#endregion
 //#region src/components/blocks/commerce/seo-listing/types.ts
-var yn = {
+var bn = {
 	title: "Search engine listing",
 	editLabel: "Edit search listing",
 	scoreLabel: "SEO score",
@@ -2320,76 +2333,76 @@ var yn = {
 		url: "Prefer a secure canonical URL.",
 		keyword: "Use the focus keyword in the title, description, or permalink."
 	}
-}, bn = {
+}, xn = {
 	good: "success",
 	review: "warning",
 	missing: "destructive"
-}, xn = {
+}, Sn = {
 	good: "[&_[data-slot=progress-indicator]]:bg-success",
 	review: "[&_[data-slot=progress-indicator]]:bg-warning",
 	missing: "[&_[data-slot=progress-indicator]]:bg-destructive"
-}, Sn = {
-	good: Fe,
-	review: Ke,
-	missing: Re
 }, Cn = {
+	good: Pe,
+	review: Ge,
+	missing: Le
+}, wn = {
 	good: "text-success",
 	review: "text-warning-accent",
 	missing: "text-destructive"
 };
-function wn(e) {
+function Tn(e) {
 	return e.replace(/^\/+|\/+$/g, "");
 }
-function Tn(e, t, n) {
-	let r = Q(n).split("/").filter(Boolean);
+function En(e, t, n) {
+	let r = $(n).split("/").filter(Boolean);
 	return [
 		e,
-		...t.map(wn).filter(Boolean),
+		...t.map(Tn).filter(Boolean),
 		...r
 	].filter(Boolean);
 }
-function En(e, t, n) {
+function Dn(e, t, n) {
 	if (!e.trim()) return;
-	let r = e.replace(/\/+$/g, ""), i = [...t.map(wn).filter(Boolean), ...Q(n).split("/").filter(Boolean)].join("/");
+	let r = e.replace(/\/+$/g, ""), i = [...t.map(Tn).filter(Boolean), ...$(n).split("/").filter(Boolean)].join("/");
 	return i ? `${r}/${i}` : r;
 }
-function Dn(e, t) {
+function On(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 On({ check: e, detail: t, strings: n }) {
-	let i = Sn[e.status];
-	return /* @__PURE__ */ W("div", {
+function kn({ check: e, detail: t, strings: n }) {
+	let i = Cn[e.status];
+	return /* @__PURE__ */ q("div", {
 		className: "seo-listing-card--check min-w-0",
-		children: /* @__PURE__ */ G(f, {
+		children: /* @__PURE__ */ J(f, {
 			direction: "horizontal",
 			gap: "md",
 			align: "start",
 			wrap: !1,
-			children: [/* @__PURE__ */ W(i, {
-				className: r("seo-listing-card--check-icon size-icon shrink-0 translate-y-0.5", Cn[e.status]),
+			children: [/* @__PURE__ */ q(i, {
+				className: r("seo-listing-card--check-icon size-icon shrink-0 translate-y-0.5", wn[e.status]),
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ G(f, {
+			}), /* @__PURE__ */ J(f, {
 				gap: "dense",
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ G(f, {
+				children: [/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					gap: "sm",
 					justify: "between",
 					wrap: !1,
-					children: [/* @__PURE__ */ W(o, {
+					children: [/* @__PURE__ */ q(o, {
 						type: "inherit",
 						tag: "span",
 						weight: "medium",
 						className: "truncate",
 						children: n.checkLabels[e.id]
-					}), /* @__PURE__ */ W(N, {
-						tone: bn[e.status],
+					}), /* @__PURE__ */ q(I, {
+						tone: xn[e.status],
 						size: "sm",
 						inline: !0,
 						className: "shrink-0",
 						children: n.status[e.status]
 					})]
-				}), /* @__PURE__ */ W(o, {
+				}), /* @__PURE__ */ q(o, {
 					size: "xs",
 					type: "secondary",
 					lineHeight: "snug",
@@ -2399,75 +2412,75 @@ function On({ check: e, detail: t, strings: n }) {
 		})
 	});
 }
-function kn({ 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: C, strings: w }) {
-	let E = n(yn, w), O = t?.trim() || E.urlFallback, k = e?.trim() || E.siteFallback, ee = c?.trim() || E.titleFallback, te = u?.trim() || E.descriptionFallback, A = m ?? vn({
+function An({ 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: C, strings: w }) {
+	let T = n(bn, w), E = t?.trim() || T.urlFallback, O = e?.trim() || T.siteFallback, A = c?.trim() || T.titleFallback, j = u?.trim() || T.descriptionFallback, M = m ?? yn({
 		title: c,
 		description: u,
 		permalink: s,
 		baseUrl: t,
 		keyword: p,
 		limits: h
-	}), j = En(O, a, s), ne = Tn(O, a, s), re = bn[A.status];
-	return /* @__PURE__ */ G(_, {
+	}), N = Dn(E, a, s), ee = En(E, a, s), te = xn[M.status];
+	return /* @__PURE__ */ J(_, {
 		surface: b,
 		padding: x,
 		headerDivider: S,
-		title: E.title,
-		titleSuffix: /* @__PURE__ */ G(N, {
-			tone: re,
+		title: T.title,
+		titleSuffix: /* @__PURE__ */ J(I, {
+			tone: te,
 			size: "sm",
 			inline: !0,
 			className: "shrink-0",
 			children: [
-				A.score,
+				M.score,
 				"/100 ",
-				E.status[A.status]
+				T.status[M.status]
 			]
 		}),
 		className: r("seo-listing-card--component @container/seo-listing-card w-full", C),
 		contentGap: "2xl",
-		headerAction: y ? /* @__PURE__ */ W(i, {
+		headerAction: y ? /* @__PURE__ */ q(i, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "sm",
 			iconOnly: !0,
-			"aria-label": E.editLabel,
+			"aria-label": T.editLabel,
 			onClick: y,
-			children: /* @__PURE__ */ W(Ue, { className: "size-icon-sm" })
+			children: /* @__PURE__ */ q(He, { className: "size-icon-sm" })
 		}) : void 0,
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ q("div", {
 			"data-artwork": "serp",
 			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, {
+			children: /* @__PURE__ */ J(f, {
 				gap: "sm",
 				className: "min-w-0",
 				children: [
-					/* @__PURE__ */ G(f, {
+					/* @__PURE__ */ J(f, {
 						direction: "horizontal",
 						gap: "sm",
 						wrap: !1,
-						children: [/* @__PURE__ */ W(o, {
+						children: [/* @__PURE__ */ q(o, {
 							type: "inherit",
 							weight: "medium",
 							className: "truncate",
-							children: k
-						}), !!j && /* @__PURE__ */ W(Ve, {
+							children: O
+						}), !!N && /* @__PURE__ */ q(Be, {
 							className: "size-icon-sm shrink-0 text-muted-foreground",
 							"aria-hidden": "true"
 						})]
 					}),
-					/* @__PURE__ */ W("div", {
+					/* @__PURE__ */ q("div", {
 						className: "seo-listing-card--url flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-2xs",
-						children: ne.map((e, t) => /* @__PURE__ */ G("span", {
+						children: ee.map((e, t) => /* @__PURE__ */ J("span", {
 							className: "inline-flex min-w-0 items-center gap-space-sm",
-							children: [/* @__PURE__ */ W(o, {
+							children: [/* @__PURE__ */ q(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								className: "truncate",
 								children: e
-							}), t < ne.length - 1 && /* @__PURE__ */ W(o, {
+							}), t < ee.length - 1 && /* @__PURE__ */ q(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
@@ -2476,151 +2489,157 @@ function kn({ siteName: e, baseUrl: t, pathSegments: a = [], permalink: s, title
 							})]
 						}, `${e}-${t}`))
 					}),
-					j ? /* @__PURE__ */ W(l, {
-						href: j,
+					N ? /* @__PURE__ */ q(l, {
+						href: N,
 						size: "base",
 						lineHeight: "snug",
 						underline: !1,
 						className: "seo-listing-card--snippet-title block text-[#1a0dab] dark:text-[#8ab4f8]",
-						children: ee
-					}) : /* @__PURE__ */ W(o, {
+						children: A
+					}) : /* @__PURE__ */ q(o, {
 						type: "inherit",
 						size: "base",
 						lineHeight: "snug",
 						className: "seo-listing-card--snippet-title text-[#1a0dab] dark:text-[#8ab4f8]",
-						children: ee
+						children: A
 					}),
-					/* @__PURE__ */ W(o, {
+					/* @__PURE__ */ q(o, {
 						type: "secondary",
 						lineHeight: "relaxed",
 						className: "seo-listing-card--description max-w-4xl",
-						children: te
+						children: j
 					}),
-					!!d && /* @__PURE__ */ W(D, {
+					!!d && /* @__PURE__ */ q(k, {
 						size: "xs",
 						className: "seo-listing-card--price block tabular-nums",
 						children: d
 					})
 				]
 			})
-		}), /* @__PURE__ */ G(f, {
+		}), /* @__PURE__ */ J(f, {
 			gap: "lg",
 			className: "seo-listing-card--score",
 			children: [
-				/* @__PURE__ */ G(f, {
+				/* @__PURE__ */ J(f, {
 					direction: "horizontal",
 					gap: "lg",
 					justify: "between",
 					align: "start",
 					wrap: !1,
-					children: [/* @__PURE__ */ G(f, {
+					children: [/* @__PURE__ */ J(f, {
 						gap: "dense",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ W(o, {
+						children: [/* @__PURE__ */ q(o, {
 							type: "inherit",
 							weight: "semibold",
-							children: E.scoreLabel
-						}), /* @__PURE__ */ G(D, {
+							children: T.scoreLabel
+						}), /* @__PURE__ */ J(k, {
 							size: "xs",
 							className: "tabular-nums",
 							children: [
-								/* @__PURE__ */ W(M, {
-									value: A.checks.length,
+								/* @__PURE__ */ q(P, {
+									value: M.checks.length,
 									size: "xs",
 									type: "secondary",
 									align: "left"
 								}),
 								" ",
-								E.checksLabel
+								T.checksLabel
 							]
 						})]
-					}), /* @__PURE__ */ G(T, {
+					}), /* @__PURE__ */ J(D, {
 						type: "inherit",
 						weight: "semibold",
 						className: "shrink-0 tabular-nums",
-						children: [A.score, "/100"]
+						children: [M.score, "/100"]
 					})]
 				}),
-				/* @__PURE__ */ W(v, {
-					value: A.score,
-					"aria-label": E.scoreLabel,
-					className: r("seo-listing-card--score-progress", "[&_[data-slot=progress-track]]:h-space-md", xn[A.status])
+				/* @__PURE__ */ q(v, {
+					value: M.score,
+					"aria-label": T.scoreLabel,
+					className: r("seo-listing-card--score-progress", "[&_[data-slot=progress-track]]:h-space-md", Sn[M.status])
 				}),
-				!!g && /* @__PURE__ */ W("div", {
+				!!g && /* @__PURE__ */ q("div", {
 					className: "seo-listing-card--checks grid gap-x-space-2xl gap-y-space-lg @xl/seo-listing-card:grid-cols-2",
-					children: A.checks.map((e) => /* @__PURE__ */ W(On, {
+					children: M.checks.map((e) => /* @__PURE__ */ q(kn, {
 						check: e,
-						detail: Dn(e, E),
-						strings: E
+						detail: On(e, T),
+						strings: T
 					}, e.id))
 				})
 			]
 		})]
 	});
 }
-kn.displayName = "SeoListingCard";
+An.displayName = "SeoListingCard";
 //#endregion
 //#region src/components/blocks/commerce/invoice-mini/types.ts
-var An = {
+var jn = {
+	draft: "Draft",
 	paid: "Paid",
 	pending: "Pending",
 	overdue: "Overdue",
+	disputed: "Disputed",
 	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
 	due: "Due"
-}, jn = {
+}, Mn = {
+	draft: "secondary",
 	paid: "success",
 	pending: "warning",
-	overdue: "destructive"
+	overdue: "destructive",
+	disputed: "warning"
 };
 //#endregion
 //#region src/components/blocks/commerce/invoice-mini/invoice-mini.tsx
-function Mn({ invoice: e, className: n, strings: i, ...a }) {
-	let s = t(An, i), c = {
+function Nn({ invoice: e, className: n, strings: i, ...a }) {
+	let s = t(jn, i), c = {
+		draft: s.draft,
 		paid: s.paid,
 		pending: s.pending,
-		overdue: s.overdue
+		overdue: s.overdue,
+		disputed: s.disputed
 	};
-	return /* @__PURE__ */ G(f, {
+	return /* @__PURE__ */ J(f, {
 		...a,
 		gap: "md",
 		"data-component": "invoice-mini",
 		"data-slot": "invoice-mini",
 		className: r("invoice-mini--component", n),
 		children: [
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
-				children: [/* @__PURE__ */ W(O, {
+				children: [/* @__PURE__ */ q(A, {
 					type: "inherit",
 					className: "min-w-0 truncate tracking-wide",
 					children: e.invoiceNumber
-				}), /* @__PURE__ */ W(N, {
-					tone: jn[e.status],
+				}), /* @__PURE__ */ q(I, {
+					tone: Mn[e.status],
 					size: "sm",
 					className: "shrink-0",
 					children: c[e.status]
 				})]
 			}),
-			/* @__PURE__ */ W(o, {
+			/* @__PURE__ */ q(o, {
 				type: "secondary",
 				className: "truncate",
 				children: e.customerName
 			}),
-			/* @__PURE__ */ G(f, {
+			/* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "lg",
 				align: "end",
 				justify: "between",
 				className: "pt-space-xs",
-				children: [/* @__PURE__ */ G(f, {
+				children: [/* @__PURE__ */ J(f, {
 					gap: "2xs",
 					className: "min-w-0",
-					children: [/* @__PURE__ */ W(o, {
+					children: [/* @__PURE__ */ q(o, {
 						size: "xs",
 						type: "secondary",
 						children: s.items(e.lineItemsCount)
-					}), /* @__PURE__ */ G(D, {
+					}), /* @__PURE__ */ J(k, {
 						size: "xs",
 						className: "whitespace-nowrap tabular-nums",
 						children: [
@@ -2629,7 +2648,7 @@ function Mn({ invoice: e, className: n, strings: i, ...a }) {
 							e.dueDate
 						]
 					})]
-				}), /* @__PURE__ */ W(T, {
+				}), /* @__PURE__ */ q(D, {
 					type: "inherit",
 					size: "base",
 					weight: "bold",
@@ -2641,63 +2660,76 @@ function Mn({ invoice: e, className: n, strings: i, ...a }) {
 		]
 	});
 }
-Mn.displayName = "InvoiceMini";
+Nn.displayName = "InvoiceMini";
 //#endregion
 //#region src/components/blocks/commerce/invoice-header/types.ts
-var Nn = {
+var Pn = {
 	title: "Invoice",
 	billFrom: "Bill from",
 	billTo: "Bill to",
 	issued: "Issued",
 	due: "Due",
 	amountDue: "Amount due",
+	draft: "Draft",
 	paid: "Paid",
 	pending: "Pending",
-	overdue: "Overdue"
+	overdue: "Overdue",
+	disputed: "Disputed"
 };
 //#endregion
 //#region src/components/blocks/commerce/invoice-header/invoice-header.tsx
-function Pn({ eyebrow: e, name: t, location: n }) {
-	return /* @__PURE__ */ G(f, {
+function Fn({ eyebrow: e, name: t, location: n, details: r }) {
+	return /* @__PURE__ */ J(f, {
 		gap: "xs",
 		className: "invoice-header--party",
 		children: [
-			/* @__PURE__ */ W(s, {
+			/* @__PURE__ */ q(s, {
 				tag: "div",
 				children: e
 			}),
-			/* @__PURE__ */ W(o, {
+			/* @__PURE__ */ q(o, {
 				type: "inherit",
 				weight: "semibold",
 				lineHeight: "snug",
 				children: t
 			}),
-			!!n && /* @__PURE__ */ W(o, {
+			!!n && /* @__PURE__ */ q(o, {
 				tag: "div",
 				size: "xs",
 				type: "secondary",
 				lineHeight: "snug",
 				children: n
+			}),
+			!!r && /* @__PURE__ */ q(o, {
+				tag: "div",
+				size: "xs",
+				type: "secondary",
+				lineHeight: "snug",
+				className: "invoice-header--party-details",
+				children: r
 			})
 		]
 	});
 }
-function Fn({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issuedDate: s, dueDate: c, amount: l, className: d, strings: p, ...m }) {
-	let h = n(Nn, p), g = {
-		paid: h.paid,
-		pending: h.pending,
-		overdue: h.overdue
-	}, v = i ?? jn[t];
-	return /* @__PURE__ */ G(_, {
-		...m,
-		surface: "flat",
-		padding: "none",
-		title: h.title,
-		titleSuffix: /* @__PURE__ */ W(N, {
-			tone: v,
-			children: g[t]
-		}),
-		description: /* @__PURE__ */ W(O, {
+function In({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issuedDate: s, dueDate: c, amount: l, className: d, strings: p, surface: m = "flat", padding: h = m === "flat" ? "none" : "md", headerDivider: g, ...v }) {
+	let y = n(Pn, p), b = {
+		draft: y.draft,
+		paid: y.paid,
+		pending: y.pending,
+		overdue: y.overdue,
+		disputed: y.disputed
+	}, x = i ?? (t ? Mn[t] : void 0);
+	return /* @__PURE__ */ J(_, {
+		...v,
+		surface: m,
+		padding: h,
+		headerDivider: g,
+		title: y.title,
+		titleSuffix: t ? /* @__PURE__ */ q(I, {
+			tone: x,
+			children: b[t]
+		}) : void 0,
+		description: /* @__PURE__ */ q(A, {
 			type: "inherit",
 			className: "invoice-header--number tracking-wide",
 			children: e
@@ -2706,37 +2738,39 @@ function Fn({ 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__ */ G(u, {
+		children: [/* @__PURE__ */ J(u, {
 			minColumnWidth: "sm",
 			gap: "xl",
 			className: "invoice-header--parties",
-			children: [/* @__PURE__ */ W(Pn, {
-				eyebrow: h.billFrom,
+			children: [/* @__PURE__ */ q(Fn, {
+				eyebrow: y.billFrom,
 				name: a.name,
-				location: a.location
-			}), /* @__PURE__ */ W(Pn, {
-				eyebrow: h.billTo,
+				location: a.location,
+				details: a.details
+			}), /* @__PURE__ */ q(Fn, {
+				eyebrow: y.billTo,
 				name: o.name,
-				location: o.location
+				location: o.location,
+				details: o.details
 			})]
-		}), /* @__PURE__ */ G(f, {
+		}), /* @__PURE__ */ J(f, {
 			gap: "sm",
 			className: "invoice-header--amounts",
 			children: [
-				!!s && /* @__PURE__ */ W(U, {
-					label: h.issued,
+				!!s && /* @__PURE__ */ q(K, {
+					label: y.issued,
 					value: s,
 					valueWeight: "medium",
 					valueClassName: "tabular-nums"
 				}),
-				!!c && /* @__PURE__ */ W(U, {
-					label: h.due,
+				!!c && /* @__PURE__ */ q(K, {
+					label: y.due,
 					value: c,
 					valueWeight: "medium",
 					valueClassName: "tabular-nums"
 				}),
-				/* @__PURE__ */ W(q, {
-					label: h.amountDue,
+				/* @__PURE__ */ q(Y, {
+					label: y.amountDue,
 					amount: l,
 					total: !0
 				})
@@ -2744,23 +2778,26 @@ function Fn({ invoiceNumber: e, status: t, statusTone: i, from: a, to: o, issued
 		})]
 	});
 }
-Fn.displayName = "InvoiceHeader";
+In.displayName = "InvoiceHeader";
 //#endregion
 //#region src/components/blocks/commerce/invoice-line-items/types.ts
-var In = {
+var Ln = {
 	item: "Item",
 	quantity: "Qty",
 	price: "Price",
 	subtotal: "Subtotal",
 	tax: "Tax",
 	total: "Total"
-}, Ln = "border border-border shadow-sm", Rn = {
+}, Rn = {
+	card: r("overflow-hidden rounded-surface border border-border bg-card text-card-foreground", b.card),
+	flat: ""
+}, zn = {
 	left: "text-left justify-start",
 	right: "text-right justify-end",
 	center: "text-center justify-center"
-};
-function zn({ amount: e, currency: t, weight: n = "regular" }) {
-	return /* @__PURE__ */ W(j, {
+}, Bn = "minmax(3rem,auto)", Vn = "minmax(6.5rem,auto)", Hn = "minmax(7rem,auto)", Un = "grid-cols-[minmax(0,1fr)_auto] @lg/invoice-line-items:grid-cols-[minmax(0,1fr)_minmax(3rem,auto)_minmax(6.5rem,auto)_minmax(7rem,auto)]", Wn = "hidden @lg/invoice-line-items:flex", Gn = "grid-cols-(--invoice-line-items-columns) @lg/invoice-line-items:grid-cols-(--invoice-line-items-wide-columns)", Kn = "@lg/invoice-line-items:hidden", qn = "whitespace-nowrap tabular-nums";
+function Jn({ amount: e, currency: t, weight: n = "regular" }) {
+	return /* @__PURE__ */ q(te, {
 		type: "inherit",
 		amount: e,
 		currency: t,
@@ -2769,35 +2806,58 @@ function zn({ amount: e, currency: t, weight: n = "regular" }) {
 		weight: n
 	});
 }
-function Bn(e, t) {
+function Yn(e, t) {
 	return [
 		{
 			id: "description",
 			header: t.item,
 			width: "minmax(0,1fr)",
-			cell: (e) => /* @__PURE__ */ W(o, {
-				type: "inherit",
-				className: "break-words",
-				children: e.description
+			cell: (t) => /* @__PURE__ */ J(f, {
+				gap: "dense",
+				className: "min-w-0",
+				children: [/* @__PURE__ */ q(o, {
+					type: "inherit",
+					className: "break-words",
+					children: t.description
+				}), /* @__PURE__ */ J(o, {
+					tag: "div",
+					size: "xs",
+					type: "secondary",
+					className: r("invoice-line-items--calculation tabular-nums", Kn),
+					children: [
+						/* @__PURE__ */ q(P, {
+							type: "inherit",
+							value: t.qty
+						}),
+						" × ",
+						/* @__PURE__ */ q(Jn, {
+							amount: t.price,
+							currency: e
+						})
+					]
+				})]
 			})
 		},
 		{
 			id: "qty",
 			header: t.quantity,
-			width: "36px",
-			align: "center",
-			cell: (e) => /* @__PURE__ */ W(M, {
+			width: Bn,
+			align: "right",
+			headerClassName: Wn,
+			cellClassName: r(qn, Wn),
+			cell: (e) => /* @__PURE__ */ q(P, {
 				type: "inherit",
-				value: e.qty,
-				align: "center"
+				value: e.qty
 			})
 		},
 		{
 			id: "price",
 			header: t.price,
-			width: "82px",
+			width: Vn,
 			align: "right",
-			cell: (t) => /* @__PURE__ */ W(zn, {
+			headerClassName: Wn,
+			cellClassName: r(qn, Wn),
+			cell: (t) => /* @__PURE__ */ q(Jn, {
 				amount: t.price,
 				currency: e
 			})
@@ -2805,43 +2865,44 @@ function Bn(e, t) {
 		{
 			id: "total",
 			header: t.total,
-			width: "82px",
+			width: Hn,
 			align: "right",
-			cell: (t) => /* @__PURE__ */ W(zn, {
+			cellClassName: qn,
+			cell: (t) => /* @__PURE__ */ q(Jn, {
 				amount: t.total,
 				currency: e
 			})
 		}
 	];
 }
-function Vn(e, t, n, r) {
+function Xn(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__ */ W(zn, {
+			value: /* @__PURE__ */ q(Jn, {
 				amount: i,
 				currency: n
 			})
 		},
 		{
-			label: /* @__PURE__ */ G(Me, { children: [
+			label: /* @__PURE__ */ J(Ae, { children: [
 				r.tax,
 				" (",
-				/* @__PURE__ */ W(A, {
+				/* @__PURE__ */ q(ee, {
 					type: "inherit",
 					value: t
 				}),
 				")"
 			] }),
-			value: /* @__PURE__ */ W(zn, {
+			value: /* @__PURE__ */ q(Jn, {
 				amount: a,
 				currency: n
 			})
 		},
 		{
 			label: r.total,
-			value: /* @__PURE__ */ W(zn, {
+			value: /* @__PURE__ */ q(Jn, {
 				amount: o,
 				currency: n,
 				weight: "bold"
@@ -2850,69 +2911,71 @@ function Vn(e, t, n, r) {
 		}
 	];
 }
-function Hn({ items: t, columns: i, footerRows: a, taxRate: c = .2, currency: l, className: u, strings: d }) {
-	let p = n(In, d), { defaultCurrency: m } = e(), h = l ?? m ?? "€", g = i ?? Bn(h, p), _ = a ?? (i ? [] : Vn(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", Ln, u),
-		children: [
-			/* @__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__ */ W("div", {
-					className: r("flex min-w-0", Rn[e.align ?? "left"], e.headerClassName),
-					children: /* @__PURE__ */ W(s, {
-						className: "min-w-0 truncate",
-						children: e.header
-					})
-				}, e.id))
-			}),
-			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__ */ G("div", {
-					"data-column": n.id,
-					className: r("min-w-0", i ? ["flex items-center", Rn[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__ */ G(Me, { children: [/* @__PURE__ */ W(oe, {}), /* @__PURE__ */ W("div", {
-				className: "invoice-line-items--footer p-surface",
-				children: /* @__PURE__ */ W(f, {
+function Zn({ items: t, columns: i, footerRows: a, taxRate: c = .2, currency: l, surface: u = "card", className: d, strings: p }) {
+	let m = n(Ln, p), { defaultCurrency: h } = e(), g = l ?? h ?? "€", _ = u === "flat", v = i ?? Yn(g, m), b = a ?? (i ? [] : Xn(t, c, g, m)), x = (e) => e.map((e) => e.width ?? "1fr").join(" "), S = !!i && v.some((e) => e.wideOnly), C = i ? S ? {
+		"--invoice-line-items-columns": x(v.filter((e) => !e.wideOnly)),
+		"--invoice-line-items-wide-columns": x(v)
+	} : { gridTemplateColumns: x(v) } : void 0, w = _ ? "py-row-y" : "px-row-x py-row-y", T = "col-span-full grid min-w-0 grid-cols-subgrid";
+	return /* @__PURE__ */ J("div", {
+		"data-surface": u,
+		className: r("invoice-line-items--component", "@container/invoice-line-items box-border w-full min-w-0 max-w-full", Rn[u], d),
+		children: [/* @__PURE__ */ q("div", {
+			className: r("invoice-line-items--scroller w-full min-w-0", i && "overflow-x-auto", i && _ && "-mx-space-xs w-auto px-space-xs"),
+			children: /* @__PURE__ */ J("div", {
+				className: r("invoice-line-items--body grid min-w-min gap-x-space-md", !i && Un, S && Gn),
+				style: C,
+				children: [/* @__PURE__ */ q("div", {
+					className: r("invoice-line-items--header", T, w, _ ? "border-b border-border/60" : y.band, !i && "hidden @lg/invoice-line-items:grid"),
+					children: v.map((e) => /* @__PURE__ */ q("div", {
+						className: r("flex min-w-0", zn[e.align ?? "left"], i && e.wideOnly && Wn, e.headerClassName),
+						children: /* @__PURE__ */ q(s, {
+							className: "min-w-0 truncate",
+							children: e.header
+						})
+					}, e.id))
+				}), t.map((e, t) => /* @__PURE__ */ q("div", {
+					className: r("invoice-line-items--row", T, w, _ ? t > 0 && "border-t border-border/60" : t % 2 == 1 && y.wash),
+					children: v.map((n) => /* @__PURE__ */ q("div", {
+						"data-column": n.id,
+						className: r("flex min-w-0 items-start", zn[n.align ?? "left"], i && n.wideOnly && Wn, n.cellClassName),
+						children: n.cell(e, t)
+					}, n.id))
+				}, t))]
+			})
+		}), b.length > 0 && /* @__PURE__ */ J(Ae, { children: [/* @__PURE__ */ q(ae, {}), /* @__PURE__ */ q("div", {
+			className: r("invoice-line-items--footer", _ ? "pt-surface" : "px-row-x py-surface"),
+			children: /* @__PURE__ */ q(f, {
+				gap: "sm",
+				children: b.map((e, t) => /* @__PURE__ */ J(f, {
+					direction: "horizontal",
 					gap: "sm",
-					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__ */ W(o, {
-							type: e.emphasis === "total" ? "inherit" : "secondary",
-							weight: e.emphasis === "total" ? "bold" : "regular",
-							children: e.label
-						}), Un(e.value) ? /* @__PURE__ */ W(T, {
-							type: "inherit",
-							weight: e.emphasis === "total" ? "bold" : "regular",
-							children: e.value
-						}) : /* @__PURE__ */ W("div", {
-							className: "invoice-line-items--footer-value shrink-0",
-							children: e.value
-						})]
-					}, t))
-				})
-			})] })
-		]
+					justify: "between",
+					align: "baseline",
+					className: r(e.emphasis === "total" && "pt-space-md"),
+					children: [/* @__PURE__ */ q(o, {
+						type: e.emphasis === "total" ? "inherit" : "secondary",
+						weight: e.emphasis === "total" ? "bold" : "regular",
+						children: e.label
+					}), Qn(e.value) ? /* @__PURE__ */ q(D, {
+						type: "inherit",
+						weight: e.emphasis === "total" ? "bold" : "regular",
+						children: e.value
+					}) : /* @__PURE__ */ q("div", {
+						className: "invoice-line-items--footer-value shrink-0",
+						children: e.value
+					})]
+				}, t))
+			})
+		})] })]
 	});
 }
-Hn.displayName = "InvoiceLineItems";
-function Un(e) {
+Zn.displayName = "InvoiceLineItems";
+function Qn(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
 //#endregion
 //#region src/components/blocks/commerce/order-timeline/order-timeline.tsx
-function Wn({ title: e, description: t, events: n, footerText: i, className: a }) {
+function $n({ title: e, description: t, events: n, footerText: i, className: a }) {
 	let o = n.map((e) => ({
 		id: e.id,
 		title: e.title,
@@ -2920,47 +2983,47 @@ function Wn({ title: e, description: t, events: n, footerText: i, className: a }
 		timestamp: e.timestamp,
 		status: e.status
 	}));
-	return /* @__PURE__ */ W(I, {
+	return /* @__PURE__ */ q(z, {
 		"data-component": "order-timeline",
 		"data-slot": "order-timeline",
 		title: e,
 		description: t,
 		footerText: i,
 		className: r("order-timeline--component", a),
-		children: /* @__PURE__ */ W(Te, { items: o })
+		children: /* @__PURE__ */ q(Ce, { items: o })
 	});
 }
-Wn.displayName = "OrderTimeline";
+$n.displayName = "OrderTimeline";
 //#endregion
 //#region src/components/blocks/commerce/payment-timeline/payment-timeline.tsx
-function Gn({ events: e, className: t }) {
+function er({ 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__ */ W(T, {
+		children: e.amount ? /* @__PURE__ */ q(D, {
 			type: "inherit",
 			weight: "medium",
 			className: "tabular-nums",
 			children: e.amount
 		}) : void 0
 	}));
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ q("div", {
 		"data-component": "payment-timeline",
 		"data-slot": "payment-timeline",
 		className: r("payment-timeline--component min-w-0", t),
-		children: /* @__PURE__ */ W(Te, {
+		children: /* @__PURE__ */ q(Ce, {
 			items: n,
 			dotSize: "lg"
 		})
 	});
 }
-Gn.displayName = "PaymentTimeline";
+er.displayName = "PaymentTimeline";
 //#endregion
 //#region src/components/blocks/commerce/inventory-section/types.ts
-var Kn = {
+var tr = {
 	title: "Inventory",
 	description: "Manage stock tracking, availability, fulfillment, and compliance details.",
 	status: {
@@ -3051,48 +3114,48 @@ var Kn = {
 		clearAll: "Clear tags",
 		summary: (e, t) => `${e} / ${t} tags`
 	}
-}, qn = {
+}, nr = {
 	in_stock: "success",
 	low_stock: "warning",
 	out_of_stock: "destructive",
 	untracked: "secondary"
 };
-function Jn(e) {
+function rr(e) {
 	if (e === void 0 || e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function Yn(e) {
+function ir(e) {
 	if (!(e.trackQuantity ?? !0)) return "untracked";
-	let t = Jn(e.available) ?? 0;
+	let t = rr(e.available) ?? 0;
 	if (t <= 0) return "out_of_stock";
-	let n = Jn(e.lowStockThreshold);
+	let n = rr(e.lowStockThreshold);
 	return n !== void 0 && t <= n ? "low_stock" : "in_stock";
 }
-function $({ children: e, className: t }) {
-	return /* @__PURE__ */ W(o, {
+function ar({ children: e, className: t }) {
+	return /* @__PURE__ */ q(o, {
 		type: "inherit",
 		weight: "semibold",
 		className: r("inventory-section-card--section-title", t),
 		children: e
 	});
 }
-function Xn({ metric: e }) {
-	return /* @__PURE__ */ G("div", {
+function or({ metric: e }) {
+	return /* @__PURE__ */ J("div", {
 		className: "inventory-section-card--metric min-w-0",
 		children: [
-			/* @__PURE__ */ W(o, {
+			/* @__PURE__ */ q(o, {
 				size: "xs",
 				type: "secondary",
 				children: e.label
 			}),
-			/* @__PURE__ */ W(T, {
+			/* @__PURE__ */ q(D, {
 				type: "inherit",
 				weight: "semibold",
 				className: "tabular-nums",
 				children: e.value
 			}),
-			!!e.description && /* @__PURE__ */ W(o, {
+			!!e.description && /* @__PURE__ */ q(o, {
 				size: "xs",
 				type: "secondary",
 				lineHeight: "snug",
@@ -3101,8 +3164,8 @@ function Xn({ metric: e }) {
 		]
 	});
 }
-function Zn({ 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(Kn, b), S = Yn(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 sr({ 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, surface: y = "flat", padding: b = y === "flat" ? "none" : "md", headerDivider: x, className: S, strings: C }) {
+	let w = n(tr, C), T = ir(e), E = o || s, D = e.trackQuantity ?? !0, O = e.requiresShipping ?? !0, k = E || !O, A = (e) => c?.[e] !== !1, j = (e) => l?.[e] !== !1, M = (n, r) => {
 		let i = e[n], a = {
 			...e,
 			[n]: r
@@ -3112,260 +3175,261 @@ function Zn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 			value: r,
 			previousValue: i
 		});
-	}, ee = () => {
-		if (!g || C) return;
+	}, N = () => {
+		if (!g || E) return;
 		let t = g(e);
-		typeof t == "string" && k("sku", t);
-	}, te = [
+		typeof t == "string" && M("sku", t);
+	}, ee = [
 		{
 			id: "available",
-			label: x.summary.available,
-			value: w ? e.available || "0" : "—",
-			description: w ? void 0 : x.summary.untracked
+			label: w.summary.available,
+			value: D ? e.available || "0" : "—",
+			description: D ? void 0 : w.summary.untracked
 		},
 		{
 			id: "committed",
-			label: x.summary.committed,
+			label: w.summary.committed,
 			value: e.committed || "0"
 		},
 		{
 			id: "incoming",
-			label: x.summary.incoming,
+			label: w.summary.incoming,
 			value: e.incoming || "0"
 		},
 		{
 			id: "threshold",
-			label: x.summary.threshold,
+			label: w.summary.threshold,
 			value: e.lowStockThreshold || "-"
 		}
 	];
-	return /* @__PURE__ */ G(_, {
-		surface: "flat",
-		padding: "none",
+	return /* @__PURE__ */ J(_, {
+		surface: y,
+		padding: b,
+		headerDivider: x,
 		gap: "xl",
-		title: x.title,
-		description: x.description,
-		titleSuffix: /* @__PURE__ */ W(N, {
-			tone: qn[S],
-			children: x.status[S]
+		title: w.title,
+		description: w.description,
+		titleSuffix: /* @__PURE__ */ q(I, {
+			tone: nr[T],
+			children: w.status[T]
 		}),
-		headerAction: /* @__PURE__ */ G(f, {
+		headerAction: /* @__PURE__ */ J(f, {
 			direction: "horizontal",
 			gap: "sm",
 			className: "w-full @md/inventory-section-card:w-auto @md/inventory-section-card:justify-end",
-			children: [!!g && /* @__PURE__ */ W(i, {
+			children: [!!g && /* @__PURE__ */ q(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline",
 				size: "sm",
-				onClick: ee,
-				disabled: C,
-				children: x.actions.generateSku
-			}), !!v && /* @__PURE__ */ W(i, {
+				onClick: N,
+				disabled: E,
+				children: w.actions.generateSku
+			}), !!v && /* @__PURE__ */ q(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
 				onClick: () => v(e),
-				disabled: C,
-				children: x.actions.restock
+				disabled: E,
+				children: w.actions.restock
 			})]
 		}),
-		className: r("inventory-section-card--component @container/inventory-section-card w-full", y),
+		className: r("inventory-section-card--component @container/inventory-section-card w-full", S),
 		contentGap: "2xl",
 		children: [
-			!!D("summary") && /* @__PURE__ */ W("div", {
+			!!A("summary") && /* @__PURE__ */ q("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__ */ W(Xn, { metric: e }, e.id))
+				children: ee.map((e) => /* @__PURE__ */ q(or, { metric: e }, e.id))
 			}),
-			!!D("identity") && /* @__PURE__ */ G(f, {
-				render: /* @__PURE__ */ W("section", {}),
+			!!A("identity") && /* @__PURE__ */ J(f, {
+				render: /* @__PURE__ */ q("section", {}),
 				gap: "md",
 				className: "inventory-section-card--identity",
-				children: [/* @__PURE__ */ W($, { children: x.sections.identity }), /* @__PURE__ */ G(d, { children: [!!O("sku") && /* @__PURE__ */ W(F, {
-					label: x.fields.sku,
+				children: [/* @__PURE__ */ q(ar, { children: w.sections.identity }), /* @__PURE__ */ J(d, { children: [!!j("sku") && /* @__PURE__ */ q(R, {
+					label: w.fields.sku,
 					error: a?.sku,
-					hint: x.hints.sku,
-					children: /* @__PURE__ */ W(P, {
+					hint: w.hints.sku,
+					children: /* @__PURE__ */ q(L, {
 						value: e.sku ?? "",
-						onChange: (e) => k("sku", e.target.value),
-						placeholder: x.placeholders.sku,
-						disabled: C,
+						onChange: (e) => M("sku", e.target.value),
+						placeholder: w.placeholders.sku,
+						disabled: E,
 						invalid: !!a?.sku
 					})
-				}), !!O("barcode") && /* @__PURE__ */ W(F, {
-					label: x.fields.barcode,
+				}), !!j("barcode") && /* @__PURE__ */ q(R, {
+					label: w.fields.barcode,
 					error: a?.barcode,
-					hint: x.hints.barcode,
-					children: /* @__PURE__ */ W(P, {
+					hint: w.hints.barcode,
+					children: /* @__PURE__ */ q(L, {
 						value: e.barcode ?? "",
-						onChange: (e) => k("barcode", e.target.value),
-						placeholder: x.placeholders.barcode,
-						disabled: C,
+						onChange: (e) => M("barcode", e.target.value),
+						placeholder: w.placeholders.barcode,
+						disabled: E,
 						invalid: !!a?.barcode
 					})
 				})] })]
 			}),
-			!!D("tracking") && /* @__PURE__ */ G(f, {
-				render: /* @__PURE__ */ W("section", {}),
+			!!A("tracking") && /* @__PURE__ */ J(f, {
+				render: /* @__PURE__ */ q("section", {}),
 				gap: "md",
 				className: "inventory-section-card--tracking",
 				children: [
-					/* @__PURE__ */ W($, { children: x.sections.tracking }),
-					!!O("trackQuantity") && /* @__PURE__ */ W(ce, {
-						label: x.fields.trackQuantity,
-						description: x.hints.available,
-						value: w,
-						onValueChange: (e) => k("trackQuantity", e),
-						disabled: C
+					/* @__PURE__ */ q(ar, { children: w.sections.tracking }),
+					!!j("trackQuantity") && /* @__PURE__ */ q(se, {
+						label: w.fields.trackQuantity,
+						description: w.hints.available,
+						value: D,
+						onValueChange: (e) => M("trackQuantity", e),
+						disabled: E
 					}),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ J("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__ */ W(F, {
-								label: x.fields.available,
+							!!j("available") && /* @__PURE__ */ q(R, {
+								label: w.fields.available,
 								error: a?.available,
-								hint: x.hints.available,
-								children: /* @__PURE__ */ W(me, {
+								hint: w.hints.available,
+								children: /* @__PURE__ */ q(pe, {
 									value: e.available ?? "",
-									onChange: (e) => k("available", e.target.value),
-									placeholder: x.placeholders.available,
+									onChange: (e) => M("available", e.target.value),
+									placeholder: w.placeholders.available,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
-									disabled: C || !w,
+									disabled: E || !D,
 									invalid: !!a?.available
 								})
 							}),
-							!!O("committed") && /* @__PURE__ */ W(F, {
-								label: x.fields.committed,
+							!!j("committed") && /* @__PURE__ */ q(R, {
+								label: w.fields.committed,
 								error: a?.committed,
-								hint: x.hints.committed,
-								children: /* @__PURE__ */ W(me, {
+								hint: w.hints.committed,
+								children: /* @__PURE__ */ q(pe, {
 									value: e.committed ?? "",
-									onChange: (e) => k("committed", e.target.value),
-									placeholder: x.placeholders.committed,
+									onChange: (e) => M("committed", e.target.value),
+									placeholder: w.placeholders.committed,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
-									disabled: C || !w,
+									disabled: E || !D,
 									invalid: !!a?.committed
 								})
 							}),
-							!!O("incoming") && /* @__PURE__ */ W(F, {
-								label: x.fields.incoming,
+							!!j("incoming") && /* @__PURE__ */ q(R, {
+								label: w.fields.incoming,
 								error: a?.incoming,
-								hint: x.hints.incoming,
-								children: /* @__PURE__ */ W(me, {
+								hint: w.hints.incoming,
+								children: /* @__PURE__ */ q(pe, {
 									value: e.incoming ?? "",
-									onChange: (e) => k("incoming", e.target.value),
-									placeholder: x.placeholders.incoming,
+									onChange: (e) => M("incoming", e.target.value),
+									placeholder: w.placeholders.incoming,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
-									disabled: C || !w,
+									disabled: E || !D,
 									invalid: !!a?.incoming
 								})
 							}),
-							!!O("lowStockThreshold") && /* @__PURE__ */ W(F, {
-								label: x.fields.lowStockThreshold,
+							!!j("lowStockThreshold") && /* @__PURE__ */ q(R, {
+								label: w.fields.lowStockThreshold,
 								error: a?.lowStockThreshold,
-								hint: x.hints.lowStockThreshold,
-								children: /* @__PURE__ */ W(me, {
+								hint: w.hints.lowStockThreshold,
+								children: /* @__PURE__ */ q(pe, {
 									value: e.lowStockThreshold ?? "",
-									onChange: (e) => k("lowStockThreshold", e.target.value),
-									placeholder: x.placeholders.lowStockThreshold,
+									onChange: (e) => M("lowStockThreshold", e.target.value),
+									placeholder: w.placeholders.lowStockThreshold,
 									min: 0,
 									decimalPlaces: 0,
 									step: 1,
-									disabled: C || !w,
+									disabled: E || !D,
 									invalid: !!a?.lowStockThreshold
 								})
 							})
 						]
 					}),
-					!!O("inventoryPolicy") && /* @__PURE__ */ W(F, {
-						label: x.fields.inventoryPolicy,
+					!!j("inventoryPolicy") && /* @__PURE__ */ q(R, {
+						label: w.fields.inventoryPolicy,
 						error: a?.inventoryPolicy,
-						hint: x.hints.inventoryPolicy,
-						children: /* @__PURE__ */ W(ue, {
+						hint: w.hints.inventoryPolicy,
+						children: /* @__PURE__ */ q(le, {
 							columns: 2,
 							value: e.inventoryPolicy ?? "deny",
-							onValueChange: (e) => k("inventoryPolicy", e),
-							disabled: C || !w,
+							onValueChange: (e) => M("inventoryPolicy", e),
+							disabled: E || !D,
 							invalid: !!a?.inventoryPolicy,
 							options: [{
 								value: "deny",
-								label: x.policyOptions.deny.label,
-								description: x.policyOptions.deny.description
+								label: w.policyOptions.deny.label,
+								description: w.policyOptions.deny.description
 							}, {
 								value: "continue",
-								label: x.policyOptions.continue.label,
-								description: x.policyOptions.continue.description
+								label: w.policyOptions.continue.label,
+								description: w.policyOptions.continue.description
 							}]
 						})
 					})
 				]
 			}),
-			!!D("location") && /* @__PURE__ */ G(f, {
-				render: /* @__PURE__ */ W("section", {}),
+			!!A("location") && /* @__PURE__ */ J(f, {
+				render: /* @__PURE__ */ q("section", {}),
 				gap: "md",
 				className: "inventory-section-card--location",
-				children: [/* @__PURE__ */ W($, { children: x.sections.location }), /* @__PURE__ */ G(d, { children: [!!O("locationId") && /* @__PURE__ */ W(F, {
-					label: x.fields.locationId,
+				children: [/* @__PURE__ */ q(ar, { children: w.sections.location }), /* @__PURE__ */ J(d, { children: [!!j("locationId") && /* @__PURE__ */ q(R, {
+					label: w.fields.locationId,
 					error: a?.locationId,
-					hint: x.hints.locationId,
-					children: u.length > 0 ? /* @__PURE__ */ W(le, {
+					hint: w.hints.locationId,
+					children: u.length > 0 ? /* @__PURE__ */ q(ce, {
 						value: e.locationId ?? null,
-						onValueChange: (e) => k("locationId", e),
+						onValueChange: (e) => M("locationId", e),
 						options: u,
-						placeholder: x.placeholders.locationId,
-						disabled: C,
+						placeholder: w.placeholders.locationId,
+						disabled: E,
 						invalid: !!a?.locationId,
 						allowClear: !0
-					}) : /* @__PURE__ */ W(P, {
+					}) : /* @__PURE__ */ q(L, {
 						value: e.locationId ?? "",
-						onChange: (e) => k("locationId", e.target.value),
-						placeholder: x.placeholders.locationId,
-						disabled: C,
+						onChange: (e) => M("locationId", e.target.value),
+						placeholder: w.placeholders.locationId,
+						disabled: E,
 						invalid: !!a?.locationId
 					})
-				}), !!O("binLocation") && /* @__PURE__ */ W(F, {
-					label: x.fields.binLocation,
+				}), !!j("binLocation") && /* @__PURE__ */ q(R, {
+					label: w.fields.binLocation,
 					error: a?.binLocation,
-					hint: x.hints.binLocation,
-					children: /* @__PURE__ */ W(P, {
+					hint: w.hints.binLocation,
+					children: /* @__PURE__ */ q(L, {
 						value: e.binLocation ?? "",
-						onChange: (e) => k("binLocation", e.target.value),
-						placeholder: x.placeholders.binLocation,
-						disabled: C,
+						onChange: (e) => M("binLocation", e.target.value),
+						placeholder: w.placeholders.binLocation,
+						disabled: E,
 						invalid: !!a?.binLocation
 					})
 				})] })]
 			}),
-			!!D("shipping") && /* @__PURE__ */ G(f, {
-				render: /* @__PURE__ */ W("section", {}),
+			!!A("shipping") && /* @__PURE__ */ J(f, {
+				render: /* @__PURE__ */ q("section", {}),
 				gap: "md",
 				className: "inventory-section-card--shipping",
 				children: [
-					/* @__PURE__ */ W($, { children: x.sections.shipping }),
-					!!O("requiresShipping") && /* @__PURE__ */ W(ce, {
-						label: x.fields.requiresShipping,
-						description: x.hints.weight,
-						value: T,
-						onValueChange: (e) => k("requiresShipping", e),
-						disabled: C
+					/* @__PURE__ */ q(ar, { children: w.sections.shipping }),
+					!!j("requiresShipping") && /* @__PURE__ */ q(se, {
+						label: w.fields.requiresShipping,
+						description: w.hints.weight,
+						value: O,
+						onValueChange: (e) => M("requiresShipping", e),
+						disabled: E
 					}),
-					!!O("weight") && /* @__PURE__ */ W(F, {
-						label: x.fields.weight,
+					!!j("weight") && /* @__PURE__ */ q(R, {
+						label: w.fields.weight,
 						error: a?.weight ?? a?.weightUnit,
-						hint: x.hints.weight,
-						children: /* @__PURE__ */ W(he, {
+						hint: w.hints.weight,
+						children: /* @__PURE__ */ q(me, {
 							value: e.weight ?? "",
 							unit: e.weightUnit ?? "kg",
-							onChange: (e) => k("weight", e.target.value),
-							onUnitChange: (e) => k("weightUnit", e),
-							disabled: E,
+							onChange: (e) => M("weight", e.target.value),
+							onUnitChange: (e) => M("weightUnit", e),
+							disabled: k,
 							invalid: !!a?.weight || !!a?.weightUnit,
 							decimalPlaces: 2,
 							min: 0
@@ -3373,91 +3437,91 @@ function Zn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly:
 					})
 				]
 			}),
-			!!D("customs") && /* @__PURE__ */ G(f, {
-				render: /* @__PURE__ */ W("section", {}),
+			!!A("customs") && /* @__PURE__ */ J(f, {
+				render: /* @__PURE__ */ q("section", {}),
 				gap: "md",
 				className: "inventory-section-card--customs",
-				children: [/* @__PURE__ */ W($, { children: x.sections.customs }), /* @__PURE__ */ G(d, { children: [!!O("countryOfOrigin") && /* @__PURE__ */ W(F, {
-					label: x.fields.countryOfOrigin,
+				children: [/* @__PURE__ */ q(ar, { children: w.sections.customs }), /* @__PURE__ */ J(d, { children: [!!j("countryOfOrigin") && /* @__PURE__ */ q(R, {
+					label: w.fields.countryOfOrigin,
 					error: a?.countryOfOrigin,
-					hint: x.hints.countryOfOrigin,
-					children: p.length > 0 ? /* @__PURE__ */ W(le, {
+					hint: w.hints.countryOfOrigin,
+					children: p.length > 0 ? /* @__PURE__ */ q(ce, {
 						value: e.countryOfOrigin ?? null,
-						onValueChange: (e) => k("countryOfOrigin", e),
+						onValueChange: (e) => M("countryOfOrigin", e),
 						options: p,
-						placeholder: x.placeholders.countryOfOrigin,
-						disabled: E,
+						placeholder: w.placeholders.countryOfOrigin,
+						disabled: k,
 						invalid: !!a?.countryOfOrigin,
 						allowClear: !0
-					}) : /* @__PURE__ */ W(P, {
+					}) : /* @__PURE__ */ q(L, {
 						value: e.countryOfOrigin ?? "",
-						onChange: (e) => k("countryOfOrigin", e.target.value),
-						placeholder: x.placeholders.countryOfOrigin,
-						disabled: E,
+						onChange: (e) => M("countryOfOrigin", e.target.value),
+						placeholder: w.placeholders.countryOfOrigin,
+						disabled: k,
 						invalid: !!a?.countryOfOrigin
 					})
-				}), !!O("hsCode") && /* @__PURE__ */ W(F, {
-					label: x.fields.hsCode,
+				}), !!j("hsCode") && /* @__PURE__ */ q(R, {
+					label: w.fields.hsCode,
 					error: a?.hsCode,
-					hint: x.hints.hsCode,
-					children: /* @__PURE__ */ W(P, {
+					hint: w.hints.hsCode,
+					children: /* @__PURE__ */ q(L, {
 						value: e.hsCode ?? "",
-						onChange: (e) => k("hsCode", e.target.value),
-						placeholder: x.placeholders.hsCode,
-						disabled: E,
+						onChange: (e) => M("hsCode", e.target.value),
+						placeholder: w.placeholders.hsCode,
+						disabled: k,
 						invalid: !!a?.hsCode
 					})
 				})] })]
 			}),
-			!!D("tags") && !!O("tags") && /* @__PURE__ */ G(f, {
-				render: /* @__PURE__ */ W("section", {}),
+			!!A("tags") && !!j("tags") && /* @__PURE__ */ J(f, {
+				render: /* @__PURE__ */ q("section", {}),
 				gap: "md",
 				className: "inventory-section-card--tags",
-				children: [/* @__PURE__ */ W($, { children: x.sections.tags }), /* @__PURE__ */ W(F, {
-					label: x.fields.tags,
+				children: [/* @__PURE__ */ q(ar, { children: w.sections.tags }), /* @__PURE__ */ q(R, {
+					label: w.fields.tags,
 					error: a?.tags,
-					hint: x.hints.tags,
-					children: /* @__PURE__ */ W(pe, {
+					hint: w.hints.tags,
+					children: /* @__PURE__ */ q(fe, {
 						value: e.tags ?? [],
-						onValueChange: (e) => k("tags", e),
+						onValueChange: (e) => M("tags", e),
 						recommendations: m,
 						maxTags: h,
 						showMaxTags: h !== void 0,
-						disabled: C,
+						disabled: E,
 						invalid: !!a?.tags,
-						strings: x.tagInput
+						strings: w.tagInput
 					})
 				})]
 			})
 		]
 	});
 }
-Zn.displayName = "InventorySectionCard";
+sr.displayName = "InventorySectionCard";
 //#endregion
 //#region src/components/blocks/commerce/shared/order-status.ts
-var Qn = {
+var cr = {
 	unfulfilled: "warning",
 	partiallyFulfilled: "warning",
 	fulfilled: "success",
 	scheduled: "info",
 	onHold: "neutral",
 	cancelled: "destructive"
-}, $n = {
+}, lr = {
 	pending: "warning",
 	authorized: "info",
 	paid: "success",
 	partiallyRefunded: "neutral",
 	refunded: "neutral",
 	voided: "neutral"
-}, er = {
+}, ur = {
 	success: "success",
 	pending: "warning",
 	failure: "destructive"
-}, tr = /* @__PURE__ */ new Set([
+}, dr = /* @__PURE__ */ new Set([
 	"refund",
 	"void",
 	"chargeback"
-]), nr = {
+]), fr = {
 	fulfillment: {
 		unfulfilled: "Unfulfilled",
 		partiallyFulfilled: "Partially fulfilled",
@@ -3474,59 +3538,59 @@ var Qn = {
 		refunded: "Refunded",
 		voided: "Voided"
 	}
-}, rr = {
-	...nr,
+}, pr = {
+	...fr,
 	formatOrderNumber: (e) => `#${e}`,
 	formatOrigin: (e, t) => `${e} from ${t}`,
 	moreActions: "More actions"
 };
 //#endregion
 //#region src/components/blocks/commerce/order-header/order-header.tsx
-function ir({ 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(rr, m), _ = a && s ? g.formatOrigin(a, s) : a || s || void 0;
-	return /* @__PURE__ */ G(f, {
+function mr({ 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(pr, m), _ = a && s ? g.formatOrigin(a, s) : a || s || void 0;
+	return /* @__PURE__ */ J(f, {
 		...h,
 		gap: "xs",
 		"data-slot": "order-header",
 		className: r("order-header--component min-w-0", p),
-		children: [/* @__PURE__ */ G(f, {
+		children: [/* @__PURE__ */ J(f, {
 			direction: "horizontal",
 			gap: "md",
 			align: "center",
 			wrap: !1,
 			className: "order-header--title-row min-w-0",
-			children: [/* @__PURE__ */ G(f, {
+			children: [/* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "md",
 				align: "center",
 				wrap: !0,
 				className: "order-header--title-line min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ W(c, {
+					/* @__PURE__ */ q(c, {
 						tag: d,
 						size: "lg",
 						className: "order-header--number text-inherit",
 						children: g.formatOrderNumber(e)
 					}),
-					!!i && /* @__PURE__ */ W(N, {
-						tone: $n[i],
+					!!i && /* @__PURE__ */ q(I, {
+						tone: lr[i],
 						"data-axis": "payment",
 						className: "order-header--payment",
 						children: g.payment[i]
 					}),
-					!!t && /* @__PURE__ */ W(N, {
-						tone: Qn[t],
+					!!t && /* @__PURE__ */ q(I, {
+						tone: cr[t],
 						"data-axis": "fulfillment",
 						className: "order-header--fulfillment",
 						children: g.fulfillment[t]
 					})
 				]
-			}), !!l?.length && /* @__PURE__ */ W(x, {
+			}), !!l?.length && /* @__PURE__ */ q(C, {
 				actions: l,
 				srText: g.moreActions,
 				renderLink: u
 			})]
-		}), !!_ && /* @__PURE__ */ W(o, {
+		}), !!_ && /* @__PURE__ */ q(o, {
 			size: "xs",
 			type: "secondary",
 			className: "order-header--origin",
@@ -3534,58 +3598,58 @@ function ir({ orderNumber: e, fulfillmentStatus: t, paymentStatus: i, placedAt:
 		})]
 	});
 }
-ir.displayName = "OrderHeader";
+mr.displayName = "OrderHeader";
 //#endregion
 //#region src/components/blocks/commerce/order-line-item/types.ts
-var ar = { formatUnitPrice: (e, t) => `${e} × ${t}` };
+var hr = { formatUnitPrice: (e, t) => `${e} × ${t}` };
 //#endregion
 //#region src/components/blocks/commerce/order-line-item/order-line-item.tsx
-function or({ 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(ar, g), y = !!i || !!a;
-	return /* @__PURE__ */ W("div", {
+function gr({ 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(hr, g), y = !!i || !!a;
+	return /* @__PURE__ */ q("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__ */ G("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "flex min-w-0 items-start gap-space-lg",
-			children: [/* @__PURE__ */ W(L, {
+			children: [/* @__PURE__ */ q(B, {
 				variant: "image",
 				className: "order-line-item--media",
-				children: /* @__PURE__ */ W(Wt, {
+				children: /* @__PURE__ */ q(Wt, {
 					src: s,
 					alt: c,
 					title: t
 				})
-			}), /* @__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__ */ G(f, {
+			}), /* @__PURE__ */ J("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-baseline @md/order-line-item:gap-x-space-xl",
+				children: [/* @__PURE__ */ J(f, {
 					gap: "xs",
 					className: "order-line-item--body min-w-0",
 					children: [
-						/* @__PURE__ */ W(o, {
+						/* @__PURE__ */ q(o, {
 							type: "inherit",
 							weight: "medium",
 							className: "order-line-item--title wrap-anywhere",
 							children: t
 						}),
-						!!y && /* @__PURE__ */ G(f, {
+						!!y && /* @__PURE__ */ J(f, {
 							direction: "horizontal",
 							gap: "sm",
 							align: "center",
 							wrap: !0,
 							className: "order-line-item--meta",
-							children: [!!i && /* @__PURE__ */ W(N, {
+							children: [!!i && /* @__PURE__ */ q(I, {
 								tone: "neutral",
 								size: "sm",
 								children: i
-							}), !!a && /* @__PURE__ */ W(O, {
+							}), !!a && /* @__PURE__ */ q(A, {
 								size: "xs",
 								type: "secondary",
 								children: a
 							})]
 						}),
-						!!p?.length && /* @__PURE__ */ W(_e, {
+						!!p?.length && /* @__PURE__ */ q(G, {
 							layout: "rows",
 							density: "compact",
 							className: "order-line-item--properties",
@@ -3597,13 +3661,13 @@ function or({ id: e, title: t, variantTitle: i, sku: a, imageSrc: s, imageAlt: c
 						}),
 						m
 					]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "order-line-item--figures flex min-w-0 items-baseline justify-between gap-space-md @md/order-line-item:contents",
-					children: [/* @__PURE__ */ G("span", {
+					children: [/* @__PURE__ */ J("span", {
 						className: "order-line-item--price inline-flex items-baseline gap-space-xs @md/order-line-item:justify-end",
 						children: [
-							/* @__PURE__ */ W(fe, { children: v.formatUnitPrice(l, u) }),
-							/* @__PURE__ */ W(o, {
+							/* @__PURE__ */ q(de, { children: v.formatUnitPrice(l, u) }),
+							/* @__PURE__ */ q(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
@@ -3611,14 +3675,14 @@ function or({ id: e, title: t, variantTitle: i, sku: a, imageSrc: s, imageAlt: c
 								className: "tabular-nums",
 								children: l
 							}),
-							/* @__PURE__ */ W(o, {
+							/* @__PURE__ */ q(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								"aria-hidden": "true",
 								children: "×"
 							}),
-							/* @__PURE__ */ W(o, {
+							/* @__PURE__ */ q(o, {
 								type: "inherit",
 								tag: "span",
 								size: "xs",
@@ -3628,7 +3692,7 @@ function or({ id: e, title: t, variantTitle: i, sku: a, imageSrc: s, imageAlt: c
 								children: u
 							})
 						]
-					}), /* @__PURE__ */ W(o, {
+					}), /* @__PURE__ */ q(o, {
 						type: "inherit",
 						tag: "span",
 						weight: "medium",
@@ -3640,100 +3704,100 @@ function or({ id: e, title: t, variantTitle: i, sku: a, imageSrc: s, imageAlt: c
 		})
 	});
 }
-or.displayName = "OrderLineItem";
+gr.displayName = "OrderLineItem";
 //#endregion
 //#region src/components/blocks/commerce/fulfillment-group/types.ts
-var sr = {
-	...ar,
-	fulfillment: nr.fulfillment,
+var _r = {
+	...hr,
+	fulfillment: fr.fulfillment,
 	formatHeading: (e, t) => `${e} (${t})`,
 	moreActions: "More actions"
 };
 //#endregion
 //#region src/components/blocks/commerce/fulfillment-group/fulfillment-group.tsx
-function cr({ status: e, location: t, notice: i, noticeIcon: a, items: s, children: c, actions: l, renderLink: u, className: d, strings: p, ...h }) {
-	let g = n(sr, p), v = ke(() => ({ formatUnitPrice: g.formatUnitPrice }), [g.formatUnitPrice]), b = g.fulfillment[e], C = s ? g.formatHeading(b, s.length) : b, [w, ...T] = (l ?? []).filter((e) => e.visible !== !1), E = t != null && t !== "", D = i != null && i !== "";
-	return /* @__PURE__ */ W(_, {
-		...h,
-		surface: "card",
-		padding: "md",
+function vr({ status: e, location: t, notice: i, noticeIcon: a, items: s, count: c, children: l, actions: u, renderLink: d, surface: p = "card", padding: h = p === "flat" ? "none" : "md", className: g, strings: v, ...y }) {
+	let b = n(_r, v), S = De(() => ({ formatUnitPrice: b.formatUnitPrice }), [b.formatUnitPrice]), T = b.fulfillment[e], E = c ?? s?.length, D = E === void 0 ? T : b.formatHeading(T, E), [O, ...k] = (u ?? []).filter((e) => e.visible !== !1), A = t != null && t !== "", j = i != null && i !== "";
+	return /* @__PURE__ */ q(_, {
+		...y,
+		surface: p,
+		padding: h,
 		"data-status": e,
-		title: /* @__PURE__ */ W("span", {
+		title: /* @__PURE__ */ q("span", {
 			role: "heading",
 			"aria-level": 2,
 			className: "fulfillment-group--heading inline-flex max-w-full",
-			children: /* @__PURE__ */ W(N, {
-				tone: Qn[e],
-				children: C
+			children: /* @__PURE__ */ q(I, {
+				tone: cr[e],
+				children: D
 			})
 		}),
-		description: E || D ? /* @__PURE__ */ G(f, {
+		description: A || j ? /* @__PURE__ */ J(f, {
 			gap: "2xs",
 			className: "fulfillment-group--context",
-			children: [!!E && /* @__PURE__ */ W(o, {
+			children: [!!A && /* @__PURE__ */ q(o, {
 				tag: "div",
 				type: "secondary",
 				className: "fulfillment-group--location",
 				children: t
-			}), !!D && /* @__PURE__ */ G(f, {
+			}), !!j && /* @__PURE__ */ J(f, {
 				direction: "horizontal",
 				gap: "sm",
 				align: "center",
 				wrap: !1,
 				className: "fulfillment-group--notice text-muted-foreground",
-				children: [!!a && /* @__PURE__ */ W(a, {
+				children: [!!a && /* @__PURE__ */ q(a, {
 					"aria-hidden": "true",
 					className: "size-icon-sm shrink-0"
-				}), /* @__PURE__ */ W(o, {
+				}), /* @__PURE__ */ q(o, {
 					tag: "span",
 					type: "secondary",
 					children: i
 				})]
 			})]
 		}) : void 0,
-		footerSlot: w ? /* @__PURE__ */ G(f, {
+		footerSlot: O ? /* @__PURE__ */ J(f, {
 			direction: "horizontal",
-			gap: y.commands,
+			gap: x.commands,
 			justify: "end",
 			className: "fulfillment-group--actions",
-			children: [/* @__PURE__ */ W(S, {
-				actions: [w],
-				renderLink: u
-			}), T.length > 0 && /* @__PURE__ */ W(x, {
-				actions: T,
+			children: [/* @__PURE__ */ q(w, {
+				actions: [O],
+				renderLink: d
+			}), k.length > 0 && /* @__PURE__ */ q(C, {
+				actions: k,
 				context: "commands",
-				srText: g.moreActions,
+				srText: b.moreActions,
 				buttonProps: { size: "sm" },
-				renderLink: u
+				renderLink: d
 			})]
 		}) : void 0,
-		className: r("fulfillment-group--component w-full", d),
-		children: m(c) ? /* @__PURE__ */ W("div", {
+		className: r("fulfillment-group--component w-full", g),
+		children: m(l) ? /* @__PURE__ */ q("div", {
 			className: "fulfillment-group--items min-w-0",
-			children: c
-		}) : /* @__PURE__ */ W("ul", {
+			children: l
+		}) : /* @__PURE__ */ q("ul", {
 			className: "fulfillment-group--items m-0 min-w-0 list-none p-0",
-			children: (s ?? []).map((e) => /* @__PURE__ */ W("li", {
+			children: (s ?? []).map((e) => /* @__PURE__ */ q("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__ */ W(or, {
+				children: /* @__PURE__ */ q(gr, {
 					...e,
-					strings: v
+					strings: S
 				})
 			}, e.id))
 		})
 	});
 }
-cr.displayName = "FulfillmentGroup";
+vr.displayName = "FulfillmentGroup";
 //#endregion
 //#region src/components/blocks/commerce/order-summary/types.ts
-var lr = {
+var yr = {
 	title: "Payment",
-	payment: nr.payment
+	payment: fr.payment
 };
 //#endregion
 //#region src/components/blocks/commerce/order-summary/order-summary.tsx
-function ur({ line: e, total: t = !1, rollup: n = !1 }) {
-	return /* @__PURE__ */ W(q, {
+function br({ line: e, total: t = !1, rollup: n = !1 }) {
+	return /* @__PURE__ */ q(Y, {
 		label: e.label,
 		note: e.note,
 		amount: e.amount,
@@ -3742,45 +3806,45 @@ function ur({ line: e, total: t = !1, rollup: n = !1 }) {
 		rollup: n
 	});
 }
-function dr({ 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(lr, d), m = o != null && o !== !1 && o !== "";
-	return /* @__PURE__ */ G(_, {
+function xr({ 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(yr, d), m = o != null && o !== !1 && o !== "";
+	return /* @__PURE__ */ J(_, {
 		...f,
 		surface: s,
 		padding: c,
 		headerDivider: l,
 		title: p.title,
-		titleSuffix: a ? /* @__PURE__ */ W(N, {
-			tone: $n[a],
+		titleSuffix: a ? /* @__PURE__ */ q(I, {
+			tone: lr[a],
 			className: "order-summary--status",
 			children: p.payment[a]
 		}) : void 0,
 		contentGap: "xl",
-		contentBottom: m ? /* @__PURE__ */ G(g, {
+		contentBottom: m ? /* @__PURE__ */ J(g, {
 			tone: "warning",
 			role: "note",
 			className: "order-summary--alert",
-			children: [/* @__PURE__ */ W(Ke, { "aria-hidden": "true" }), /* @__PURE__ */ W(h, { children: o })]
+			children: [/* @__PURE__ */ q(Ge, { "aria-hidden": "true" }), /* @__PURE__ */ q(h, { children: o })]
 		}) : void 0,
 		"data-slot": "order-summary",
 		className: r("order-summary--component w-full", u),
-		children: [/* @__PURE__ */ G(J, {
+		children: [/* @__PURE__ */ J(X, {
 			className: "order-summary--goods",
-			children: [e.map((e, t) => /* @__PURE__ */ W(ur, { line: e }, e.id ?? String(t))), /* @__PURE__ */ W(ur, {
+			children: [e.map((e, t) => /* @__PURE__ */ q(br, { line: e }, e.id ?? String(t))), /* @__PURE__ */ q(br, {
 				line: t,
 				total: !0,
 				rollup: e.length > 0
 			})]
-		}), !!i?.length && /* @__PURE__ */ W(J, {
+		}), !!i?.length && /* @__PURE__ */ q(X, {
 			className: "order-summary--payments",
-			children: i.map((e, t) => /* @__PURE__ */ W(ur, { line: e }, e.id ?? String(t)))
+			children: i.map((e, t) => /* @__PURE__ */ q(br, { line: e }, e.id ?? String(t)))
 		})]
 	});
 }
-dr.displayName = "OrderSummary";
+xr.displayName = "OrderSummary";
 //#endregion
 //#region src/components/blocks/commerce/order-transactions/types.ts
-var fr = {
+var Sr = {
 	title: "Transactions",
 	kind: {
 		authorization: "Authorization",
@@ -3800,9 +3864,9 @@ var fr = {
 };
 //#endregion
 //#region src/components/blocks/commerce/order-transactions/order-transactions.tsx
-function pr({ transactions: e, surface: t = "flat", padding: i = t === "flat" ? "none" : "md", headerDivider: a, className: s, strings: c, ...l }) {
-	let u = n(fr, c);
-	return /* @__PURE__ */ W(_, {
+function Cr({ transactions: e, surface: t = "flat", padding: i = t === "flat" ? "none" : "md", headerDivider: a, className: s, strings: c, ...l }) {
+	let u = n(Sr, c);
+	return /* @__PURE__ */ q(_, {
 		...l,
 		surface: t,
 		padding: i,
@@ -3810,53 +3874,53 @@ function pr({ transactions: e, surface: t = "flat", padding: i = t === "flat" ?
 		title: u.title,
 		"data-slot": "order-transactions",
 		className: r("order-transactions--component w-full", s),
-		children: e.length === 0 ? /* @__PURE__ */ W(Se, {
-			padding: "sm",
-			title: u.empty,
-			description: !1,
-			ariaLabel: u.empty,
-			className: "order-transactions--empty"
-		}) : /* @__PURE__ */ W("ol", {
+		children: e.length === 0 ? /* @__PURE__ */ q(o, {
+			role: "status",
+			type: "secondary",
+			"data-slot": "empty",
+			className: "order-transactions--empty",
+			children: u.empty
+		}) : /* @__PURE__ */ q("ol", {
 			className: "order-transactions--list m-0 list-none p-0",
 			children: e.map((e) => {
-				let t = tr.has(e.kind), n = e.status === "failure", r = $e(e.amount), i = t && !n ? `−${r}` : r, a = [
+				let t = dr.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__ */ G("li", {
+				return /* @__PURE__ */ J("li", {
 					"data-status": e.status,
 					"data-kind": e.kind,
 					"data-outgoing": t ? "" : void 0,
 					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, {
+					children: [/* @__PURE__ */ J(f, {
 						gap: "2xs",
 						className: "order-transactions--body min-w-0 flex-1",
 						children: [
-							/* @__PURE__ */ G(f, {
+							/* @__PURE__ */ J(f, {
 								direction: "horizontal",
 								gap: "sm",
 								align: "center",
 								wrap: !0,
 								className: "min-w-0",
-								children: [/* @__PURE__ */ W(o, {
+								children: [/* @__PURE__ */ q(o, {
 									type: "inherit",
 									tag: "span",
 									weight: "medium",
 									children: u.kind[e.kind]
-								}), e.status !== "success" && /* @__PURE__ */ W(N, {
-									tone: er[e.status],
+								}), e.status !== "success" && /* @__PURE__ */ q(I, {
+									tone: ur[e.status],
 									size: "sm",
 									className: "order-transactions--status",
 									children: u.status[e.status]
 								})]
 							}),
-							/* @__PURE__ */ W(f, {
+							/* @__PURE__ */ q(f, {
 								direction: "horizontal",
 								gap: "md",
 								wrap: !0,
 								className: "order-transactions--meta min-w-0",
-								children: a.map((e, t) => /* @__PURE__ */ W(o, {
+								children: a.map((e, t) => /* @__PURE__ */ q(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
@@ -3864,18 +3928,18 @@ function pr({ transactions: e, surface: t = "flat", padding: i = t === "flat" ?
 									children: e
 								}, `${String(t)}-${e}`))
 							}),
-							!!e.reference && /* @__PURE__ */ G(o, {
+							!!e.reference && /* @__PURE__ */ J(o, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								className: "order-transactions--reference min-w-0 break-all",
-								children: [/* @__PURE__ */ W(fe, { children: `${u.reference}: ` }), /* @__PURE__ */ W(O, {
+								children: [/* @__PURE__ */ q(de, { children: `${u.reference}: ` }), /* @__PURE__ */ q(A, {
 									type: "inherit",
 									children: e.reference
 								})]
 							})
 						]
-					}), /* @__PURE__ */ W(o, {
+					}), /* @__PURE__ */ q(o, {
 						tag: "span",
 						weight: "semibold",
 						type: n ? "secondary" : "main",
@@ -3887,10 +3951,10 @@ function pr({ transactions: e, surface: t = "flat", padding: i = t === "flat" ?
 		})
 	});
 }
-pr.displayName = "OrderTransactions";
+Cr.displayName = "OrderTransactions";
 //#endregion
 //#region src/components/blocks/commerce/order-customer/types.ts
-var mr = {
+var wr = {
 	title: "Customer",
 	shippingAddress: "Shipping address",
 	billingAddress: "Billing address",
@@ -3902,103 +3966,114 @@ var mr = {
 };
 //#endregion
 //#region src/components/blocks/commerce/order-customer/order-customer.tsx
-function hr({ label: e, editLabel: t, address: n, onEdit: a, replacement: c, emptyLabel: l, className: u }) {
-	return /* @__PURE__ */ G(f, {
+function Tr({ label: e, editLabel: t, address: n, onEdit: a, replacement: c, emptyLabel: l, note: u, className: d }) {
+	return /* @__PURE__ */ J(f, {
 		gap: "sm",
-		className: r("order-customer--address min-w-0", u),
-		children: [/* @__PURE__ */ G(f, {
-			direction: "horizontal",
-			gap: "sm",
-			align: "center",
-			justify: "between",
-			wrap: !1,
-			className: "min-h-action-sm",
-			children: [/* @__PURE__ */ W(s, {
+		className: r("order-customer--address min-w-0", d),
+		children: [
+			/* @__PURE__ */ J(f, {
+				direction: "horizontal",
+				gap: "sm",
+				align: "center",
+				justify: "between",
+				wrap: !1,
+				className: "min-h-action-sm",
+				children: [/* @__PURE__ */ q(s, {
+					tag: "div",
+					children: e
+				}), !!a && /* @__PURE__ */ q(i, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					"aria-label": t,
+					onClick: a,
+					className: "order-customer--edit",
+					children: /* @__PURE__ */ q(He, {
+						"aria-hidden": "true",
+						className: "size-icon-sm"
+					})
+				})]
+			}),
+			c ? /* @__PURE__ */ q(o, {
+				type: "secondary",
+				children: c
+			}) : n ? /* @__PURE__ */ q(Lt, { address: n }) : /* @__PURE__ */ q(o, {
+				type: "secondary",
+				children: l
+			}),
+			!!u && /* @__PURE__ */ q(o, {
 				tag: "div",
-				children: e
-			}), !!a && /* @__PURE__ */ W(i, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				"aria-label": t,
-				onClick: a,
-				className: "order-customer--edit",
-				children: /* @__PURE__ */ W(Ue, {
-					"aria-hidden": "true",
-					className: "size-icon-sm"
-				})
-			})]
-		}), c ? /* @__PURE__ */ W(o, {
-			type: "secondary",
-			children: c
-		}) : n ? /* @__PURE__ */ W(Lt, { address: n }) : /* @__PURE__ */ W(o, {
-			type: "secondary",
-			children: l
-		})]
+				size: "xs",
+				type: "secondary",
+				className: "order-customer--address-note",
+				children: u
+			})
+		]
 	});
 }
-function gr({ 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(mr, y), S = !!t || !!i;
-	return /* @__PURE__ */ G(_, {
-		...b,
-		surface: m,
-		padding: h,
-		headerDivider: g,
-		title: x.title,
+function Er({ name: e, email: t, phone: i, orderCount: a, shippingAddress: o, shippingMethod: s, showShippingAddress: c = !0, billingAddress: l, billingSameAsShipping: d = !1, onOpenCustomer: p, onEditShipping: m, onEditBilling: h, surface: g = "flat", padding: v = g === "flat" ? "none" : "md", headerDivider: y, className: b, strings: x, ...S }) {
+	let C = n(wr, x), w = !!t || !!i;
+	return /* @__PURE__ */ J(_, {
+		...S,
+		surface: g,
+		padding: v,
+		headerDivider: y,
+		title: C.title,
 		contentGap: "2xl",
 		"data-slot": "order-customer",
-		className: r("order-customer--component w-full", v),
+		className: r("order-customer--component w-full", b),
 		children: [
-			/* @__PURE__ */ W(V, {
-				className: r("order-customer--identity flex-nowrap", !!l && r("-mx-row-x w-auto text-start", w.rowHover)),
-				padding: l ? "default" : "none",
-				render: l ? /* @__PURE__ */ W("button", {
+			/* @__PURE__ */ q(U, {
+				className: r("order-customer--identity flex-nowrap", !!p && r("-mx-row-x w-auto text-start", E.rowHover)),
+				padding: p ? "default" : "none",
+				render: p ? /* @__PURE__ */ q("button", {
 					type: "button",
-					onClick: l
+					onClick: p
 				}) : void 0,
-				media: /* @__PURE__ */ W(ie, { children: /* @__PURE__ */ W(re, { children: te(e) }) }),
+				media: /* @__PURE__ */ q(re, { children: /* @__PURE__ */ q(ne, { children: N(e) }) }),
 				title: e,
-				description: a === void 0 ? void 0 : x.formatOrderCount(a)
+				description: a === void 0 ? void 0 : C.formatOrderCount(a)
 			}),
-			!!S && /* @__PURE__ */ G(f, {
+			!!w && /* @__PURE__ */ J(f, {
 				gap: "xs",
 				className: "order-customer--contact min-w-0",
-				children: [!!t && /* @__PURE__ */ W(k, {
+				children: [!!t && /* @__PURE__ */ q(j, {
 					value: t,
 					className: "self-start"
-				}), !!i && /* @__PURE__ */ W(E, {
+				}), !!i && /* @__PURE__ */ q(O, {
 					value: i,
 					className: "self-start"
 				})]
 			}),
-			/* @__PURE__ */ G(u, {
+			/* @__PURE__ */ J(u, {
 				minColumnWidth: "sm",
 				gap: "xl",
 				className: "order-customer--addresses",
-				children: [/* @__PURE__ */ W(hr, {
-					label: x.shippingAddress,
-					editLabel: x.editShipping,
+				children: [c && /* @__PURE__ */ q(Tr, {
+					label: C.shippingAddress,
+					editLabel: C.editShipping,
 					address: o,
-					onEdit: d,
-					emptyLabel: x.noAddress,
+					onEdit: m,
+					emptyLabel: C.noAddress,
+					note: s,
 					className: "order-customer--shipping"
-				}), /* @__PURE__ */ W(hr, {
-					label: x.billingAddress,
-					editLabel: x.editBilling,
-					address: s,
-					onEdit: p,
-					replacement: c ? x.sameAsShipping : void 0,
-					emptyLabel: x.noAddress,
+				}), /* @__PURE__ */ q(Tr, {
+					label: C.billingAddress,
+					editLabel: C.editBilling,
+					address: l,
+					onEdit: h,
+					replacement: d ? C.sameAsShipping : void 0,
+					emptyLabel: C.noAddress,
 					className: "order-customer--billing"
 				})]
 			})
 		]
 	});
 }
-gr.displayName = "OrderCustomer";
+Er.displayName = "OrderCustomer";
 //#endregion
-export { zt as AddressCard, q as AmountRow, Xe as BookingCalendarEventCard, Yt as CartSummary, Jt as CartSummaryCard, Qt as CouponInputCard, cn as DEFAULT_SEO_LISTING_LIMITS, at as DiscountStack, it as DiscountStackPreview, cr as FulfillmentGroup, St as GiftcardCard, Ot as InventoryLevel, Zn as InventorySectionCard, Fn as InvoiceHeader, Hn as InvoiceLineItems, Mn as InvoiceMini, Qe as LoyaltyPoints, gr as OrderCustomer, ir as OrderHeader, or as OrderLineItem, tn as OrderStatusCard, dr as OrderSummary, Wn as OrderTimeline, pr as OrderTransactions, on as PaymentMethod, sn as PaymentMethodCard, Gn as PaymentTimeline, Ce as Receipt, we as ReceiptItems, It as RefundStatus, Ft as RefundStatusCard, kn as SeoListingCard, lt as ShipmentTracking, Mt as SubscriptionSummaryCard, J as SummaryPanel, At as TaxBreakdownCard, Je as UpcomingBookingRow, Et as VendorProfileCard, Ht as VoucherEntry, vn as calculateSeoListingScore, Rt as defaultAddressCardStrings, Gt as defaultCartSummaryStrings, Xt as defaultCouponInputStrings, nt as defaultDiscountStackStrings, sr as defaultFulfillmentGroupStrings, Dt as defaultInventoryLevelStrings, Kn as defaultInventorySectionStrings, Ze as defaultLoyaltyPointsStrings, mr as defaultOrderCustomerStrings, rr as defaultOrderHeaderStrings, ar as defaultOrderLineItemStrings, $t as defaultOrderStatusStrings, lr as defaultOrderSummaryStrings, fr as defaultOrderTransactionsStrings, nn as defaultPaymentMethodStrings, Nt as defaultRefundStatusStrings, yn as defaultSeoListingCardStrings, st as defaultShipmentTrackingStrings, jt as defaultSubscriptionSummaryStrings, kt as defaultTaxBreakdownStrings, Ct as defaultVendorProfileStrings, Bt as defaultVoucherEntryStrings, Q as getSeoPermalinkPath, pn as getSeoPermalinkSlug };
+export { zt as AddressCard, Y as AmountRow, Ye as BookingCalendarEventCard, Yt as CartSummary, Jt as CartSummaryCard, Qt as CouponInputCard, cn as DEFAULT_SEO_LISTING_LIMITS, it as DiscountStack, rt as DiscountStackPreview, vr as FulfillmentGroup, xt as GiftcardCard, Dt as InventoryLevel, sr as InventorySectionCard, In as InvoiceHeader, Zn as InvoiceLineItems, Nn as InvoiceMini, Ze as LoyaltyPoints, Er as OrderCustomer, mr as OrderHeader, gr as OrderLineItem, tn as OrderStatusCard, xr as OrderSummary, $n as OrderTimeline, Cr as OrderTransactions, on as PaymentMethod, sn as PaymentMethodCard, er as PaymentTimeline, xe as Receipt, Se as ReceiptItems, It as RefundStatus, Ft as RefundStatusCard, An as SeoListingCard, ct as ShipmentTracking, jt as SubscriptionSummaryCard, X as SummaryPanel, kt as TaxBreakdownCard, qe as UpcomingBookingRow, Tt as VendorProfileCard, Ht as VoucherEntry, yn as calculateSeoListingScore, Rt as defaultAddressCardStrings, Gt as defaultCartSummaryStrings, Xt as defaultCouponInputStrings, tt as defaultDiscountStackStrings, _r as defaultFulfillmentGroupStrings, Et as defaultInventoryLevelStrings, tr as defaultInventorySectionStrings, Pn as defaultInvoiceHeaderStrings, Ln as defaultInvoiceLineItemsStrings, jn as defaultInvoiceMiniStrings, Xe as defaultLoyaltyPointsStrings, wr as defaultOrderCustomerStrings, pr as defaultOrderHeaderStrings, hr as defaultOrderLineItemStrings, $t as defaultOrderStatusStrings, yr as defaultOrderSummaryStrings, Sr as defaultOrderTransactionsStrings, nn as defaultPaymentMethodStrings, Mt as defaultRefundStatusStrings, bn as defaultSeoListingCardStrings, ot as defaultShipmentTrackingStrings, At as defaultSubscriptionSummaryStrings, Ot as defaultTaxBreakdownStrings, St as defaultVendorProfileStrings, Bt as defaultVoucherEntryStrings, cr as fulfillmentStatusTone, $ as getSeoPermalinkPath, mn as getSeoPermalinkSlug, Mn as invoiceStatusTone, lr as paymentStatusTone, ur as transactionStatusTone };
 
 //# sourceMappingURL=commerce.js.map