themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/blocks/commerce.js

@@ -0,0 +1,3393 @@
+"use client";
+import { u as e } from "../ui-provider-CftIB6TY.js";
+import { mergeStrings as t, useStrings as n } from "../lib/strings.js";
+import { t as r } from "../utils-C2EKeIw3.js";
+import { n as i } from "../buttons-Co6GavvM.js";
+import { a, i as o, r as s, t as c } from "../typography-Cv8MT-82.js";
+import { r as l, t as u } from "../structure-BvW4vG4H.js";
+import { t as d, u as f } from "../smart-card-B5FcKODh.js";
+import { r as p } from "../feedback-a9j9J-9A.js";
+import { n as m } from "../cards-BMB0laLG.js";
+import { _ as h, c as g, g as _, m as v, u as y } from "../primitives-DKPOGVpj.js";
+import { n as b, r as x, t as S } from "../number-BNT_BIzJ.js";
+import { t as C } from "../icon-badge-Dv0RYQwj.js";
+import { i as w, n as T, s as E } from "../avatar-CsnWaYmt.js";
+import { t as D } from "../badge-BZXZT9wd.js";
+import { t as O } from "../separator-Gk_WXH-l.js";
+import { t as k } from "../input-DMorJiTI.js";
+import { i as A, n as j } from "../display-ByI5tkqy.js";
+import { t as M } from "../form-field-C6W-y2hR.js";
+import { a as N, l as ee, r as te } from "../choice-inputs-CavA-SGV.js";
+import { u as ne } from "../value-inputs-Co1fu-xv.js";
+import { d as P, n as re } from "../forms-numeric-Y15Bg5Nr.js";
+import { a as ie, c as F, i as I, n as L, o as R, r as z, t as B, u as V } from "../item-pJ0GsOiJ.js";
+import { i as ae, n as oe, r as se, t as ce } from "../tabs-DY09eoZg.js";
+import { g as H, n as U } from "../data-display-b3d1TfL4.js";
+import { n as le, t as ue } from "../receipt-DYWTQGEc.js";
+import { s as de } from "../timelines-CnZ2S_Gr.js";
+import { forwardRef as fe, useEffect as pe, useId as me, useRef as he, useState as ge } from "react";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { ArrowRight as _e, Barcode as ve, Calendar as ye, CalendarClock as be, Check as q, CheckCircle2 as xe, ChevronRight as Se, Circle as Ce, CircleAlert as we, Copy as Te, CreditCard as Ee, Edit2 as De, ExternalLink as Oe, Eye as ke, Gauge as Ae, Gift as J, Loader2 as je, MapPin as Me, MessageSquare as Ne, Package as Pe, PackageCheck as Fe, Pencil as Ie, Receipt as Le, RefreshCw as Re, Repeat as ze, RotateCcw as Be, Search as Ve, ShoppingBag as He, Sparkles as Ue, Star as We, TicketPercent as Ge, Trash2 as Ke, TriangleAlert as qe, Trophy as Je, X as Ye } from "lucide-react";
+//#region src/components/blocks/commerce/upcoming-booking/upcoming-booking.tsx
+function Xe({ bookings: e, className: t, locale: n, dateTone: i = "neutral", dateVariant: a = "default", timePlacement: o = "below" }) {
+	return /* @__PURE__ */ G(R, {
+		className: r("upcoming-booking--component w-full gap-space-md", t),
+		children: e.map((e, t) => /* @__PURE__ */ K(B, {
+			className: "items-center",
+			children: [
+				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(A, {
+					date: e.date,
+					time: o === "below" ? e.time : void 0,
+					tone: i,
+					variant: a,
+					locale: n,
+					timePlacement: "below",
+					layout: "stacked"
+				}) }),
+				/* @__PURE__ */ K(z, {
+					className: "min-w-0 sm:min-w-48",
+					children: [/* @__PURE__ */ G(V, { children: e.service }), /* @__PURE__ */ G(I, {
+						clamp: 1,
+						children: e.customer
+					})]
+				}),
+				/* @__PURE__ */ K(L, {
+					className: "ml-auto shrink-0 flex-wrap justify-end",
+					children: [o === "inline-trailing" && /* @__PURE__ */ G(_, {
+						size: "xs",
+						className: "shrink-0 tabular-nums",
+						children: e.time
+					}), /* @__PURE__ */ G(h, {
+						weight: "semibold",
+						className: "shrink-0 tabular-nums",
+						children: e.amount
+					})]
+				})
+			]
+		}, e.id ?? `${e.service}-${e.time}-${t}`))
+	});
+}
+Xe.displayName = "UpcomingBookingRow";
+//#endregion
+//#region src/components/blocks/commerce/booking-calendar-event-card/booking-calendar-event-card.tsx
+function Ze(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ G(h, { children: String(e) }) : e;
+}
+function Qe({ title: e, description: t, status: n, items: i, actionLabel: a, onAction: o, className: c, contentClassName: l }) {
+	return /* @__PURE__ */ K(j, {
+		title: e,
+		description: t,
+		headerEnd: n,
+		headerDivider: !0,
+		className: r("booking-calendar-event-card--component @container/booking-calendar-event-card", c),
+		contentClassName: r("grid gap-space-lg", l),
+		children: [/* @__PURE__ */ G("dl", {
+			className: "booking-calendar-event-card--details grid gap-space-lg @md/booking-calendar-event-card:grid-cols-2",
+			children: i.map((e) => /* @__PURE__ */ K("div", {
+				className: r("grid min-w-0 gap-space-sm", e.fullWidth === !0 && "@md/booking-calendar-event-card:col-span-2 rounded-radius bg-muted/45 p-surface-xs"),
+				children: [/* @__PURE__ */ G("dt", { children: /* @__PURE__ */ G(s, { children: e.label }) }), /* @__PURE__ */ G("dd", {
+					className: "min-w-0",
+					children: Ze(e.value)
+				})]
+			}, e.id))
+		}), /* @__PURE__ */ G("div", {
+			className: "booking-calendar-event-card--action flex justify-end border-t border-border/60 pt-space-lg",
+			children: /* @__PURE__ */ G(m, {
+				fullWidth: !1,
+				className: "w-full @md/booking-calendar-event-card:w-auto",
+				onClick: o,
+				children: a
+			})
+		})]
+	});
+}
+Qe.displayName = "BookingCalendarEventCard";
+//#endregion
+//#region src/components/blocks/commerce/loyalty-points/types.ts
+var $e = {
+	balanceLabel: "Loyalty Balance",
+	pointsAvailable: "points available",
+	redeem: "Redeem Points",
+	tier: "Gold Tier"
+};
+//#endregion
+//#region src/components/blocks/commerce/loyalty-points/loyalty-points.tsx
+function et({ balance: e, tier: t, tierTone: s = "warning", history: c = [], onRedeem: l, className: u, strings: d }) {
+	let f = n($e, d);
+	return /* @__PURE__ */ K(j, {
+		className: r("loyalty-points--component w-full", u),
+		children: [
+			/* @__PURE__ */ G(H, {
+				label: f.balanceLabel,
+				value: /* @__PURE__ */ K(D, {
+					tone: s,
+					children: [/* @__PURE__ */ G(Je, { className: "mr-1 inline size-icon-sm" }), t ?? f.tier]
+				})
+			}),
+			/* @__PURE__ */ G(o, {
+				tag: "h3",
+				className: "text-base tabular-nums tracking-tight",
+				children: typeof e == "number" ? /* @__PURE__ */ G(S, {
+					value: e,
+					size: "base",
+					weight: "bold",
+					align: "left"
+				}) : e
+			}),
+			/* @__PURE__ */ G(a, {
+				size: "xs",
+				type: "secondary",
+				children: f.pointsAvailable
+			}),
+			/* @__PURE__ */ G(O, { className: "my-space-xl" }),
+			/* @__PURE__ */ G(R, { children: c.map((e) => /* @__PURE__ */ K(B, {
+				size: "sm",
+				children: [/* @__PURE__ */ K(z, { children: [/* @__PURE__ */ G(V, {
+					bold: !1,
+					children: e.label
+				}), /* @__PURE__ */ G(I, {
+					clamp: 1,
+					children: e.date
+				})] }), /* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(a, {
+					weight: "semibold",
+					className: r("tabular-nums", e.positive ? "text-success" : "text-destructive"),
+					children: e.points
+				}) })]
+			}, e.date + e.label)) }),
+			/* @__PURE__ */ G(i, {
+				icon: J,
+				fullWidth: !0,
+				className: "mt-space-xl",
+				onClick: l,
+				children: f.redeem
+			})
+		]
+	});
+}
+et.displayName = "LoyaltyPoints";
+function tt(e) {
+	return e.replace(/^[\s−-]+/, "");
+}
+function nt(e) {
+	return e.trim() ? `−${tt(e)}` : e;
+}
+//#endregion
+//#region src/components/blocks/commerce/discount-stack/types.ts
+var rt = {
+	title: "Applied Discounts",
+	totalSavings: "Total Savings"
+};
+//#endregion
+//#region src/components/blocks/commerce/discount-stack/discount-stack.tsx
+function it({ discounts: e, totalSavings: t, className: i, strings: s }) {
+	let c = n(rt, s);
+	return /* @__PURE__ */ K(j, {
+		title: c.title,
+		className: r("discount-stack--component w-full", i),
+		children: [
+			/* @__PURE__ */ G(R, {
+				className: "mt-space-xl",
+				children: e.map((e, t) => /* @__PURE__ */ K(B, {
+					size: "sm",
+					children: [
+						/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(D, {
+							tone: e.badge,
+							className: "w-16 justify-center",
+							children: e.type
+						}) }),
+						/* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(V, {
+							bold: !1,
+							children: e.label
+						}) }),
+						/* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(h, {
+							weight: "semibold",
+							className: "tabular-nums text-success",
+							children: nt(e.amount)
+						}) })
+					]
+				}, `${e.type}-${e.label}-${String(t)}`))
+			}),
+			/* @__PURE__ */ G(O, { className: "my-space-xl" }),
+			/* @__PURE__ */ G(H, {
+				label: /* @__PURE__ */ G(a, {
+					tag: "span",
+					weight: "semibold",
+					lineHeight: "tight",
+					children: c.totalSavings
+				}),
+				value: /* @__PURE__ */ G(o, {
+					tag: "h4",
+					className: "text-base tabular-nums tracking-tight text-success border-none pb-0",
+					children: nt(t)
+				})
+			})
+		]
+	});
+}
+it.displayName = "DiscountStackPreview";
+//#endregion
+//#region src/components/blocks/commerce/shipment-tracking/types.ts
+var at = {
+	pending: "bg-muted-foreground",
+	in_transit: "bg-info",
+	delivered: "bg-success",
+	delayed: "bg-warning"
+}, ot = {
+	title: "Shipment tracking",
+	pending: "Pending",
+	in_transit: "In transit",
+	delivered: "Delivered",
+	delayed: "Delayed"
+};
+//#endregion
+//#region src/components/blocks/commerce/shipment-tracking/shipment-tracking.tsx
+function st({ trackingNumber: e, carrier: t, status: i, steps: o, details: s = [], className: c, strings: l }) {
+	let u = n(ot, l);
+	return /* @__PURE__ */ K(j, {
+		"aria-label": u.title,
+		className: r("shipment-tracking--component w-full", c),
+		children: [
+			/* @__PURE__ */ K("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ G(v, {
+					className: "text-muted-foreground tracking-wide",
+					children: e
+				}), !!t && /* @__PURE__ */ G(D, {
+					tone: "info",
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ K("div", {
+				className: "shipment-tracking--status mt-space-xl flex items-center gap-space-sm",
+				children: [/* @__PURE__ */ G("span", {
+					"aria-hidden": "true",
+					className: r("shipment-tracking--status-dot h-2 w-2 rounded-full", at[i])
+				}), /* @__PURE__ */ G(a, {
+					weight: "semibold",
+					children: u[i]
+				})]
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "mt-5 flex items-center justify-between",
+				children: o.map((e, t) => /* @__PURE__ */ K("div", {
+					className: "flex flex-1 flex-col items-start gap-space-md",
+					children: [/* @__PURE__ */ K("div", {
+						className: "flex w-full items-center",
+						children: [/* @__PURE__ */ G("div", { className: r("size-icon-sm shrink-0 rounded-full", e.done ? "bg-success" : "bg-muted") }), t < o.length - 1 && /* @__PURE__ */ G("div", { className: r("h-0.5 flex-1", e.done ? "bg-success" : "bg-muted") })]
+					}), /* @__PURE__ */ G(a, {
+						size: "xs",
+						type: "secondary",
+						className: "text-left leading-tight",
+						children: e.label
+					})]
+				}, e.label))
+			}),
+			s.length > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(O, { className: "my-space-xl" }), /* @__PURE__ */ G("div", {
+				className: "space-y-space-md",
+				children: s.map((e) => /* @__PURE__ */ G(H, {
+					label: e.label,
+					value: e.value,
+					valueClassName: "font-medium truncate max-w-[180px]"
+				}, e.label))
+			})] })
+		]
+	});
+}
+st.displayName = "ShipmentTracking";
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/types.ts
+var Y = {
+	status: {
+		active: "Active",
+		redeemed: "Redeemed",
+		expired: "Expired",
+		disabled: "Disabled"
+	},
+	giftCard: "Gift Card",
+	balance: "Balance",
+	personalMessage: "Personal Message",
+	to: "To",
+	from: "From",
+	expires: "Expires",
+	recipient: "Recipient",
+	viewDetails: "View Details",
+	copyCode: "Copy code",
+	copiedCode: "Code copied",
+	copyFailed: "Could not copy code. Try again.",
+	copyingCode: "Copying code…"
+}, ct = {
+	active: "success",
+	redeemed: "secondary",
+	expired: "destructive",
+	disabled: "warning"
+}, lt = "bg-inverse-background from-inverse-background via-inverse-surface to-inverse-background", ut = {
+	purple: {
+		card: lt,
+		strip: "from-primary via-primary/90 to-info"
+	},
+	green: {
+		card: lt,
+		strip: "from-success via-info to-success"
+	},
+	warm: {
+		card: lt,
+		strip: "from-warning via-warning/90 to-destructive"
+	}
+}, dt = {
+	purple: "from-primary to-info",
+	green: "from-success to-info",
+	warm: "from-warning to-destructive"
+}, ft = {
+	green: {
+		line: "bg-success",
+		iconBg: "bg-success/15 text-success"
+	},
+	purple: {
+		line: "bg-primary",
+		iconBg: "bg-primary/15 text-primary-accent"
+	},
+	warm: {
+		line: "bg-warning",
+		iconBg: "bg-warning/15 text-warning-accent"
+	}
+}, pt = {
+	green: "from-success to-info",
+	blue: "from-info to-primary",
+	amber: "from-warning to-destructive"
+};
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/partials/giftcard-compact.tsx
+function mt({ code: e, amount: t, remainingAmount: i, status: a, recipientName: o, gradient: s = "purple", className: c, strings: l }) {
+	let d = n(Y, l).status[a], f = ct[a], p = !!i && i !== t, m = p ? i : t;
+	return /* @__PURE__ */ K(B, {
+		size: "sm",
+		variant: "outline",
+		padding: "default",
+		className: r("giftcard-card--component giftcard-compact--component flex-nowrap gap-x-2.5 shadow-sm transition-colors duration-150 hover:border-border", c),
+		children: [
+			/* @__PURE__ */ G(F, {
+				variant: "image",
+				children: /* @__PURE__ */ G("div", {
+					className: r("flex size-full items-center justify-center bg-gradient-to-br p-space-2xs", dt[s]),
+					children: /* @__PURE__ */ G("span", {
+						className: "flex size-full items-center justify-center rounded-inner bg-inverse-background",
+						children: /* @__PURE__ */ G(J, { className: "h-4 w-4 text-inverse-foreground" })
+					})
+				})
+			}),
+			/* @__PURE__ */ K(z, {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ G(V, {
+					className: "w-full max-w-full truncate whitespace-nowrap",
+					children: /* @__PURE__ */ G(v, { children: e })
+				}), !!o && /* @__PURE__ */ G(I, {
+					clamp: 1,
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ G(L, {
+				className: "shrink-0",
+				children: /* @__PURE__ */ K(u, {
+					gap: "2xs",
+					align: "end",
+					className: "shrink-0",
+					children: [/* @__PURE__ */ K("div", {
+						className: "flex items-baseline gap-space-xs",
+						children: [/* @__PURE__ */ G(h, {
+							weight: "bold",
+							className: "tabular-nums",
+							children: m
+						}), !!p && /* @__PURE__ */ G(h, {
+							size: "xs",
+							className: "line-through tabular-nums text-muted-foreground",
+							children: t
+						})]
+					}), /* @__PURE__ */ G(D, {
+						tone: f,
+						size: "sm",
+						children: d
+					})]
+				})
+			})
+		]
+	});
+}
+mt.displayName = "GiftcardCompact";
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/partials/giftcard-copy-button.tsx
+function ht({ code: e, strings: t, inverse: o = !1, className: s }) {
+	let c = n(Y, t), l = he(0), [u, d] = ge({
+		code: e,
+		state: "idle"
+	}), f = u.code === e ? u.state : "idle";
+	pe(() => (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" ? q : f === "failed" ? Ye : f === "pending" ? je : Te, h = async () => {
+		if (!e || f === "pending") return;
+		let t = l.current;
+		d({
+			code: e,
+			state: "pending"
+		});
+		try {
+			await navigator.clipboard.writeText(e), l.current === t && d({
+				code: e,
+				state: "copied"
+			});
+		} catch {
+			l.current === t && d({
+				code: e,
+				state: "failed"
+			});
+		}
+	};
+	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(i, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		iconOnly: !0,
+		disabled: !e || f === "pending",
+		"aria-busy": f === "pending",
+		"aria-label": p,
+		withTooltip: p,
+		className: r("giftcard-copy--component", s, o && "text-inverse-foreground [&:not([aria-disabled=true]):not(:disabled)]:hover:bg-inverse-surface [&:not([aria-disabled=true]):not(:disabled)]:hover:text-inverse-foreground focus-visible:bg-inverse-surface focus-visible:ring-offset-inverse-background"),
+		onClick: () => void h(),
+		children: /* @__PURE__ */ G(m, {
+			"aria-hidden": !0,
+			className: r("size-icon-sm", f === "pending" && "animate-spin")
+		})
+	}), (f === "copied" || f === "failed") && /* @__PURE__ */ G(a, {
+		tag: "span",
+		role: "status",
+		className: "sr-only",
+		children: p
+	})] });
+}
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/partials/giftcard-dark.tsx
+function gt({ code: e, amount: t, remainingAmount: s, status: c, recipientName: l, expiresAt: d, onView: f, className: p, strings: m }) {
+	let g = n(Y, m), _ = g.status[c], y = ct[c], b = !!s && s !== t, x = b ? s : t, S = [...l ? [{
+		label: g.recipient,
+		value: l
+	}] : [], ...d ? [{
+		label: g.expires,
+		value: d
+	}] : []];
+	return /* @__PURE__ */ K("div", {
+		className: r("giftcard-card--component giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-radius bg-card text-card-foreground shadow-sm ring-1 ring-border", p),
+		children: [
+			/* @__PURE__ */ K(B, {
+				size: "sm",
+				className: "p-surface",
+				children: [
+					/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G("div", {
+						className: "flex h-8 w-8 items-center justify-center rounded-full bg-warning/15",
+						children: /* @__PURE__ */ G(J, { className: "h-4 w-4 text-warning" })
+					}) }),
+					/* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(V, {
+						bold: !1,
+						children: /* @__PURE__ */ G(a, {
+							tag: "span",
+							size: "inherit",
+							className: "text-inverse-muted",
+							children: g.giftCard
+						})
+					}) }),
+					/* @__PURE__ */ G(L, { children: /* @__PURE__ */ G(D, {
+						tone: y,
+						children: _
+					}) })
+				]
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "px-surface pb-surface-xs pt-space-sm",
+				children: /* @__PURE__ */ K("div", {
+					className: "flex items-baseline gap-space-md",
+					children: [/* @__PURE__ */ G(o, {
+						tag: "h2",
+						className: "border-none pb-0 text-base tabular-nums text-inverse-foreground",
+						children: x
+					}), !!b && /* @__PURE__ */ G(h, {
+						className: "line-through tabular-nums text-inverse-disabled",
+						children: t
+					})]
+				})
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "mx-space-xl rounded-radius-md border border-inverse-border bg-inverse-surface p-surface-xs",
+				children: /* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					align: "center",
+					gap: "md",
+					children: [/* @__PURE__ */ G(v, {
+						className: "flex-1 tracking-[0.15em] text-inverse-foreground",
+						children: e
+					}), /* @__PURE__ */ G(ht, {
+						code: e,
+						strings: g,
+						inverse: !0
+					})]
+				})
+			}),
+			/* @__PURE__ */ G(U, {
+				items: S,
+				columns: 1,
+				className: "px-surface pb-surface-xs pt-surface-xs [&_.metadata-list--label]:text-inverse-muted [&_.metadata-list--value]:text-inverse-foreground"
+			}),
+			!!f && /* @__PURE__ */ G("div", {
+				className: "px-surface pb-surface pt-space-sm",
+				children: /* @__PURE__ */ G(i, {
+					tone: "neutral",
+					buttonStyle: "solid",
+					icon: ke,
+					fullWidth: !0,
+					onClick: f,
+					children: g.viewDetails
+				})
+			})
+		]
+	});
+}
+gt.displayName = "GiftcardCardDark";
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/partials/giftcard-full.tsx
+function _t({ code: e, amount: t, remainingAmount: c, status: l, recipientName: d, senderName: f, message: p, expiresAt: m, createdAt: g, template: _, onView: y, gradient: b = "purple", pattern: x = "none", className: S, strings: C }) {
+	let w = n(Y, C), T = w.status[l], E = ct[l], O = !!c && c !== t, k = O ? c : t, A = [
+		...d ? [{
+			label: w.to,
+			value: d
+		}] : [],
+		...f ? [{
+			label: w.from,
+			value: f
+		}] : [],
+		...m ? [{
+			label: w.expires,
+			value: m
+		}] : []
+	];
+	return /* @__PURE__ */ K("div", {
+		className: r("giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out", "hover:shadow-md hover:shadow-foreground/10", S),
+		children: [/* @__PURE__ */ K("div", {
+			className: r("relative overflow-hidden rounded-t-radius bg-gradient-to-br p-surface", ut[b].card),
+			children: [
+				/* @__PURE__ */ G("div", {
+					"aria-hidden": !0,
+					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", ut[b].strip)
+				}),
+				x === "circles" && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+					className: "absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ G("div", {
+					className: "absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration",
+					"aria-hidden": "true"
+				})] }),
+				x === "waves" && /* @__PURE__ */ K("svg", {
+					className: "absolute inset-0 h-full w-full opacity-5",
+					viewBox: "0 0 400 200",
+					preserveAspectRatio: "none",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ G("path", {
+						d: "M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z",
+						className: "fill-inverse-foreground"
+					}), /* @__PURE__ */ G("path", {
+						d: "M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z",
+						className: "fill-inverse-foreground"
+					})]
+				}),
+				/* @__PURE__ */ G("div", {
+					className: "absolute top-4 right-4 z-20",
+					children: /* @__PURE__ */ G(D, {
+						tone: E,
+						inline: !0,
+						dot: !0,
+						className: "border border-inverse-border bg-inverse-background text-inverse-foreground shadow-sm backdrop-blur-md",
+						"data-status": E,
+						children: T
+					})
+				}),
+				/* @__PURE__ */ K("div", {
+					className: "relative z-10",
+					children: [
+						/* @__PURE__ */ K("div", {
+							className: "flex items-center gap-space-md",
+							children: [/* @__PURE__ */ G(J, { className: "h-5 w-5 text-inverse-muted" }), /* @__PURE__ */ G(a, {
+								weight: "medium",
+								className: "text-inverse-muted",
+								children: w.giftCard
+							})]
+						}),
+						/* @__PURE__ */ K("div", {
+							className: "mt-8 mb-5",
+							children: [/* @__PURE__ */ G(s, {
+								tone: "inverse",
+								children: w.balance
+							}), /* @__PURE__ */ K("div", {
+								className: "flex items-baseline gap-2.5 mt-1",
+								children: [/* @__PURE__ */ G(o, {
+									tag: "h2",
+									className: "text-base border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm",
+									children: k
+								}), !!O && /* @__PURE__ */ G(h, {
+									className: "line-through tabular-nums text-inverse-disabled",
+									children: t
+								})]
+							})]
+						}),
+						/* @__PURE__ */ G("div", {
+							className: r("giftcard-full--code", "rounded-radius p-surface-xs", "bg-inverse-surface backdrop-blur-sm", "border border-inverse-border", "shadow-sm"),
+							children: /* @__PURE__ */ K(u, {
+								direction: "horizontal",
+								align: "center",
+								gap: "md",
+								children: [/* @__PURE__ */ G(v, {
+									weight: "semibold",
+									className: "flex-1 tracking-[0.2em] text-inverse-foreground",
+									children: e
+								}), /* @__PURE__ */ G(ht, {
+									code: e,
+									strings: w,
+									inverse: !0
+								})]
+							})
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ G("div", {
+			className: "rounded-b-radius bg-card p-surface shadow-sm border border-t-0 border-border/50",
+			children: /* @__PURE__ */ K(u, {
+				gap: "xl",
+				children: [
+					!!p && /* @__PURE__ */ K("div", {
+						className: "giftcard-full--message rounded-radius bg-muted/50 p-surface-xs border border-border/30",
+						children: [/* @__PURE__ */ G(s, {
+							className: "mb-1",
+							children: w.personalMessage
+						}), /* @__PURE__ */ K(a, {
+							type: "secondary",
+							className: "italic leading-relaxed",
+							children: [
+								"“",
+								p,
+								"”"
+							]
+						})]
+					}),
+					/* @__PURE__ */ G(U, {
+						items: A,
+						columns: {
+							base: 1,
+							sm: 2
+						}
+					}),
+					!!y && /* @__PURE__ */ G(i, {
+						tone: "secondary",
+						buttonStyle: "outline",
+						icon: ke,
+						fullWidth: !0,
+						onClick: y,
+						children: w.viewDetails
+					})
+				]
+			})
+		})]
+	});
+}
+_t.displayName = "GiftcardFull";
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/partials/giftcard-illustrated.tsx
+function vt({ code: e, amount: t, remainingAmount: c, status: l, recipientName: d, expiresAt: f, onView: p, headerColor: m = "green", className: g, strings: _ }) {
+	let y = n(Y, _), b = y.status[l], x = ct[l], S = !!c && c !== t, w = S ? c : t, T = [...d ? [{
+		label: y.recipient,
+		value: d
+	}] : [], ...f ? [{
+		label: y.expires,
+		value: f
+	}] : []];
+	return /* @__PURE__ */ K("div", {
+		className: r("giftcard-card--component giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-radius border border-border bg-card shadow-sm", g),
+		children: [/* @__PURE__ */ K("div", {
+			className: "relative flex h-16 items-center justify-between overflow-hidden bg-inverse-background bg-gradient-to-br from-inverse-background via-inverse-surface to-inverse-background px-surface",
+			children: [
+				/* @__PURE__ */ G("div", {
+					"aria-hidden": !0,
+					className: r("absolute inset-x-0 top-0 h-1 bg-gradient-to-r", pt[m])
+				}),
+				/* @__PURE__ */ G("div", {
+					className: "absolute inset-0 opacity-80",
+					style: { backgroundImage: "repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)" },
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ G(C, {
+					icon: J,
+					size: "md",
+					shape: "square",
+					className: r("relative rounded-radius-md bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border")
+				}),
+				/* @__PURE__ */ G(s, {
+					tone: "inverse",
+					className: "relative",
+					children: y.giftCard
+				})
+			]
+		}), /* @__PURE__ */ G("div", {
+			className: "p-surface",
+			children: /* @__PURE__ */ K(u, {
+				gap: "lg",
+				children: [
+					/* @__PURE__ */ K("div", {
+						className: "flex items-start justify-between",
+						children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
+							className: "flex items-baseline gap-space-md",
+							children: [/* @__PURE__ */ G(o, {
+								tag: "h2",
+								className: "border-none pb-0 text-base tabular-nums",
+								children: w
+							}), !!S && /* @__PURE__ */ G(h, {
+								className: "line-through tabular-nums text-muted-foreground",
+								children: t
+							})]
+						}), /* @__PURE__ */ G(a, {
+							size: "xs",
+							type: "secondary",
+							className: "mt-0.5",
+							children: y.balance
+						})] }), /* @__PURE__ */ G(D, {
+							tone: x,
+							children: b
+						})]
+					}),
+					/* @__PURE__ */ G("div", {
+						className: "giftcard-illustrated--code rounded-radius-md border border-border/50 bg-muted/40 p-surface-xs",
+						children: /* @__PURE__ */ K(u, {
+							direction: "horizontal",
+							align: "center",
+							gap: "md",
+							children: [/* @__PURE__ */ G(v, {
+								className: "flex-1 tracking-[0.15em]",
+								children: e
+							}), /* @__PURE__ */ G(ht, {
+								code: e,
+								strings: y
+							})]
+						})
+					}),
+					/* @__PURE__ */ G(U, {
+						items: T,
+						columns: 2
+					}),
+					!!p && /* @__PURE__ */ G(i, {
+						tone: "secondary",
+						buttonStyle: "outline",
+						icon: ke,
+						fullWidth: !0,
+						onClick: p,
+						children: y.viewDetails
+					})
+				]
+			})
+		})]
+	});
+}
+vt.displayName = "GiftcardCardIllustrated";
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/partials/giftcard-minimal.tsx
+function yt({ code: e, amount: t, remainingAmount: s, status: c, recipientName: l, expiresAt: d, onView: f, color: p = "green", className: m, strings: g }) {
+	let _ = n(Y, g), y = _.status[c], b = ct[c], x = !!s && s !== t, S = x ? s : t, C = ft[p], w = [...l ? [{
+		label: _.recipient,
+		value: l
+	}] : [], ...d ? [{
+		label: _.expires,
+		value: d
+	}] : []];
+	return /* @__PURE__ */ K("div", {
+		className: r("giftcard-card--component giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-radius border border-border bg-card shadow-sm", m),
+		children: [
+			/* @__PURE__ */ G("div", { className: r("mx-space-xl mt-space-lg h-1 w-12 rounded-radius-sm", C.line) }),
+			/* @__PURE__ */ K(B, {
+				size: "sm",
+				className: "flex-nowrap items-center p-surface-xs",
+				children: [
+					/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G("div", {
+						className: r("flex h-7 w-7 items-center justify-center rounded-full", C.iconBg),
+						children: /* @__PURE__ */ G(J, { className: "h-3.5 w-3.5" })
+					}) }),
+					/* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(V, {
+						bold: !1,
+						children: /* @__PURE__ */ G(a, {
+							tag: "span",
+							size: "inherit",
+							type: "secondary",
+							children: _.giftCard
+						})
+					}) }),
+					/* @__PURE__ */ G(L, {
+						className: "shrink-0",
+						children: /* @__PURE__ */ G(D, {
+							tone: b,
+							size: "sm",
+							children: y
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "px-surface pb-surface-xs pt-0",
+				children: /* @__PURE__ */ K("div", {
+					className: "flex items-baseline gap-space-md",
+					children: [/* @__PURE__ */ G(o, {
+						tag: "h2",
+						className: "border-none pb-0 text-base tabular-nums",
+						children: S
+					}), !!x && /* @__PURE__ */ G(h, {
+						className: "line-through tabular-nums text-muted-foreground",
+						children: t
+					})]
+				})
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "giftcard-minimal--code mx-space-xl rounded-radius-md border border-border/30 bg-muted/50 p-surface-xs",
+				children: /* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					align: "center",
+					gap: "sm",
+					children: [/* @__PURE__ */ G(v, {
+						className: "flex-1 tracking-[0.15em]",
+						children: e
+					}), /* @__PURE__ */ G(ht, {
+						code: e,
+						strings: _,
+						className: "shrink-0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ G(U, {
+				items: w,
+				columns: 1,
+				density: "compact",
+				className: "px-surface pb-space-sm pt-space-md [&_.metadata-list--grid]:gap-space-sm"
+			}),
+			!!f && /* @__PURE__ */ G("div", {
+				className: "mt-1 border-t border-border/30 p-surface-xs",
+				children: /* @__PURE__ */ K(i, {
+					tone: "secondary",
+					buttonStyle: "ghost",
+					onClick: f,
+					className: "group/link",
+					children: [_.viewDetails, /* @__PURE__ */ G(_e, { className: "ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5" })]
+				})
+			})
+		]
+	});
+}
+yt.displayName = "GiftcardCardMinimal";
+//#endregion
+//#region src/components/blocks/commerce/giftcard-card/giftcard-card.tsx
+function bt(e) {
+	let t = r("giftcard-card--component", e.className);
+	switch (e.variant) {
+		case "compact": return /* @__PURE__ */ G(mt, {
+			...e,
+			className: t
+		});
+		case "minimal": return /* @__PURE__ */ G(yt, {
+			...e,
+			className: t
+		});
+		case "dark": return /* @__PURE__ */ G(gt, {
+			...e,
+			className: t
+		});
+		case "illustrated": return /* @__PURE__ */ G(vt, {
+			...e,
+			className: t
+		});
+		default: return /* @__PURE__ */ G(_t, {
+			...e,
+			className: t
+		});
+	}
+}
+bt.displayName = "GiftcardCard";
+//#endregion
+//#region src/components/blocks/commerce/vendor-profile/types.ts
+var xt = {
+	tabOverview: "Overview",
+	tabStats: "Stats",
+	totalEarnings: "Total earnings",
+	message: "Message",
+	hire: "Hire vendor",
+	verifiedAriaLabel: "Verified"
+}, St = {
+	secondary: "secondary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive"
+};
+function Ct({ children: e, tone: t }) {
+	return f(e) ? /* @__PURE__ */ G(D, {
+		tone: St[t ?? "secondary"],
+		className: "vendor-profile--change shrink-0 tabular-nums",
+		children: e
+	}) : null;
+}
+var wt = fe(function({ name: e, initials: t, avatarUrl: a, role: o, verified: c = !1, earnings: p, earningsChange: m, earningsChangeTone: g, metrics: _ = [], stats: v = [], view: b, defaultView: x = "overview", onViewChange: S, onMessage: C, onHire: O, surface: k, className: A, strings: j }, M) {
+	let N = n(xt, j), [ee, te] = ge(x), ne = b !== void 0, P = f(p), re = P || _.length > 0, ie = v.length > 0, R = [...re ? ["overview"] : [], ...ie ? ["stats"] : []], U = ne ? b : ee, le = R.includes(U) ? U : R[0] ?? "overview", ue = R.length > 0, de = !!(C || O), fe = (e) => {
+		(e === "overview" || e === "stats") && R.includes(e) && (ne || te(e), S?.(e));
+	}, pe = /* @__PURE__ */ K(u, {
+		gap: "lg",
+		className: "vendor-profile--overview",
+		children: [P && /* @__PURE__ */ K("div", {
+			className: "vendor-profile--earnings rounded-radius bg-muted/45 p-surface-xs",
+			children: [/* @__PURE__ */ G(s, { children: N.totalEarnings }), /* @__PURE__ */ K(u, {
+				direction: "horizontal",
+				gap: "md",
+				align: "baseline",
+				justify: "between",
+				className: "mt-space-sm",
+				children: [/* @__PURE__ */ G(h, {
+					size: "base",
+					weight: "semibold",
+					className: "tabular-nums tracking-tight",
+					children: p
+				}), /* @__PURE__ */ G(Ct, {
+					tone: g,
+					children: m
+				})]
+			})]
+		}), _.length > 0 && /* @__PURE__ */ G("div", {
+			className: "vendor-profile--metrics divide-y divide-border/60",
+			children: _.map((e, t) => /* @__PURE__ */ G(H, {
+				className: "py-row-y first:pt-0 last:pb-0",
+				label: e.label,
+				value: e.value,
+				valueClassName: "font-medium"
+			}, e.id ?? t))
+		})]
+	}), me = /* @__PURE__ */ G(l, {
+		columns: {
+			base: 1,
+			sm: 2
+		},
+		gap: "sm",
+		className: "vendor-profile--stats",
+		children: v.map((e, t) => /* @__PURE__ */ G("div", {
+			className: "vendor-profile--stat rounded-radius bg-muted/45 p-surface-xs",
+			children: /* @__PURE__ */ K(u, {
+				gap: "sm",
+				children: [/* @__PURE__ */ G(s, {
+					className: "truncate",
+					children: e.label
+				}), /* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					gap: "sm",
+					align: "baseline",
+					justify: "between",
+					children: [/* @__PURE__ */ G(h, {
+						weight: "semibold",
+						className: "min-w-0 tabular-nums",
+						children: e.value
+					}), /* @__PURE__ */ G(Ct, {
+						tone: e.changeTone,
+						children: e.change
+					})]
+				})]
+			})
+		}, e.id ?? t))
+	}), he = R.length > 1 ? /* @__PURE__ */ K(ce, {
+		value: le,
+		onValueChange: fe,
+		className: "vendor-profile--tabs gap-space-lg",
+		children: [
+			/* @__PURE__ */ K(se, {
+				className: "grid h-auto w-full grid-cols-2 rounded-radius p-space-xs",
+				children: [/* @__PURE__ */ G(ae, {
+					value: "overview",
+					className: "h-action-sm rounded-radius-sm px-control-sm text-pxs",
+					children: N.tabOverview
+				}), /* @__PURE__ */ G(ae, {
+					value: "stats",
+					className: "h-action-sm rounded-radius-sm px-control-sm text-pxs",
+					children: N.tabStats
+				})]
+			}),
+			/* @__PURE__ */ G(oe, {
+				value: "overview",
+				className: "mt-0",
+				children: pe
+			}),
+			/* @__PURE__ */ G(oe, {
+				value: "stats",
+				className: "mt-0",
+				children: me
+			})
+		]
+	}) : le === "stats" ? me : pe;
+	return /* @__PURE__ */ G(d, {
+		ref: M,
+		surface: k,
+		headerStart: /* @__PURE__ */ K(B, {
+			className: "vendor-profile--identity flex-nowrap py-0",
+			children: [
+				/* @__PURE__ */ G(F, {
+					variant: "avatar",
+					children: /* @__PURE__ */ K(T, { children: [!!a && /* @__PURE__ */ G(E, {
+						src: a,
+						alt: e
+					}), /* @__PURE__ */ G(w, {
+						className: "bg-primary/12 text-primary-accent",
+						children: t ?? /* @__PURE__ */ G(y, {
+							value: e,
+							strategy: "first-words"
+						})
+					})] })
+				}),
+				/* @__PURE__ */ K(z, { children: [/* @__PURE__ */ G(V, { children: e }), !!o && /* @__PURE__ */ G(I, {
+					clamp: 2,
+					children: o
+				})] }),
+				!!c && /* @__PURE__ */ G(L, { children: /* @__PURE__ */ K(D, {
+					tone: "success",
+					"aria-label": N.verifiedAriaLabel,
+					children: [/* @__PURE__ */ G(q, {
+						className: "size-icon-sm",
+						"aria-hidden": "true"
+					}), N.verifiedAriaLabel]
+				}) })
+			]
+		}),
+		headerDivider: ue,
+		footerDivider: de,
+		footerSlot: de ? /* @__PURE__ */ K("div", {
+			className: "vendor-profile--actions flex flex-wrap gap-space-sm",
+			children: [!!C && /* @__PURE__ */ K(i, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "outline",
+				className: "min-w-0 flex-1",
+				onClick: C,
+				children: [/* @__PURE__ */ G(Ne, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}), N.message]
+			}), !!O && /* @__PURE__ */ K(i, {
+				type: "button",
+				tone: "primary",
+				className: "min-w-0 flex-1",
+				onClick: O,
+				children: [N.hire, /* @__PURE__ */ G(Se, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				})]
+			})]
+		}) : void 0,
+		contentClassName: r(!ue && "hidden"),
+		className: r("vendor-profile--component", A),
+		children: ue ? he : null
+	});
+});
+wt.displayName = "VendorProfileCard";
+//#endregion
+//#region src/components/blocks/commerce/inventory-level/inventory-level.strings.ts
+var Tt = {
+	statusInStock: "In Stock",
+	statusLowStock: "Low Stock",
+	statusCritical: "Critical",
+	variantLabel: "Variant",
+	unitsAvailable: "units available",
+	reorderAtLabel: "Reorder at",
+	lastRestockedLabel: "Last restocked"
+};
+//#endregion
+//#region src/components/blocks/commerce/inventory-level/inventory-level.tsx
+function Et({ productName: e, variant: t, stock: i, reorderLevel: o, maxStock: s, lastRestocked: c, className: l, strings: d }) {
+	let f = n(Tt, d), p = Math.round(i / s * 100), m = i <= o, h = i <= o * .5, g = h ? "destructive" : m ? "warning" : "success", v = h ? f.statusCritical : m ? f.statusLowStock : f.statusInStock;
+	return /* @__PURE__ */ K(u, {
+		"data-component": "inventory-level",
+		"data-slot": "inventory-level",
+		gap: "md",
+		className: r("inventory-level--component", l),
+		children: [
+			/* @__PURE__ */ G(B, {
+				size: "sm",
+				title: e,
+				description: t ? `${f.variantLabel}: ${t}` : void 0,
+				descriptionClamp: 1,
+				trailing: /* @__PURE__ */ G(D, {
+					tone: g,
+					children: v
+				})
+			}),
+			/* @__PURE__ */ G(S, {
+				value: i,
+				weight: "semibold",
+				align: "left",
+				className: "tracking-tight"
+			}),
+			/* @__PURE__ */ G(a, {
+				size: "xs",
+				type: "secondary",
+				children: f.unitsAvailable
+			}),
+			/* @__PURE__ */ K(u, {
+				gap: "md",
+				className: "mt-space-xl",
+				children: [/* @__PURE__ */ G("div", {
+					className: "h-1.5 overflow-hidden rounded-full bg-muted",
+					children: /* @__PURE__ */ G("div", {
+						className: r("h-full rounded-full transition-all", h ? "bg-destructive" : m ? "bg-warning" : "bg-success"),
+						style: { width: `${p}%` }
+					})
+				}), /* @__PURE__ */ K("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ K(a, {
+						size: "xs",
+						type: "secondary",
+						children: [
+							f.reorderAtLabel,
+							": ",
+							/* @__PURE__ */ G(S, {
+								value: o,
+								size: "xs",
+								weight: "medium",
+								align: "left"
+							})
+						]
+					}), !!c && /* @__PURE__ */ K(a, {
+						size: "xs",
+						type: "secondary",
+						children: [
+							f.lastRestockedLabel,
+							": ",
+							/* @__PURE__ */ G(_, {
+								size: "xs",
+								children: c
+							})
+						]
+					})]
+				})]
+			})
+		]
+	});
+}
+Et.displayName = "InventoryLevel";
+//#endregion
+//#region src/components/blocks/commerce/tax-breakdown/types.ts
+var Dt = {
+	title: "Tax Breakdown",
+	subtotal: "Subtotal",
+	totalTax: "Total Tax",
+	total: "Total"
+};
+//#endregion
+//#region src/components/blocks/commerce/tax-breakdown/tax-breakdown.tsx
+function Ot({ subtotal: e, taxes: t, totalTax: i, total: o, className: s, strings: c }) {
+	let l = n(Dt, c);
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(Le, { className: "size-icon" }),
+		title: l.title,
+		className: r("tax-breakdown--component w-full", s),
+		children: [
+			/* @__PURE__ */ G(H, {
+				label: l.subtotal,
+				value: e,
+				mono: !0,
+				valueClassName: "text-sm font-medium"
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "mt-space-lg rounded-radius border border-border/50 bg-muted/30 p-surface",
+				children: /* @__PURE__ */ K(u, {
+					gap: "sm",
+					children: [t.map((e, t) => /* @__PURE__ */ K(u, {
+						direction: "horizontal",
+						align: "baseline",
+						justify: "between",
+						gap: "lg",
+						children: [/* @__PURE__ */ K(u, {
+							direction: "horizontal",
+							align: "baseline",
+							gap: "sm",
+							className: "min-w-0",
+							children: [/* @__PURE__ */ G(a, {
+								className: "truncate",
+								children: e.label
+							}), !!e.rate && /* @__PURE__ */ G(a, {
+								tag: "span",
+								size: "xs",
+								type: "discrete",
+								className: "shrink-0",
+								children: e.rate
+							})]
+						}), /* @__PURE__ */ G(h, {
+							weight: "medium",
+							className: "shrink-0 tabular-nums",
+							children: e.amount
+						})]
+					}, e.id ?? `${e.label}-${t}`)), !!i && t.length > 1 && /* @__PURE__ */ G(H, {
+						label: l.totalTax,
+						value: i,
+						mono: !0,
+						className: "border-t border-border/50 pt-1.5 mt-0.5",
+						valueClassName: "text-sm font-semibold"
+					})]
+				})
+			}),
+			/* @__PURE__ */ G(O, { className: "my-space-lg" }),
+			/* @__PURE__ */ G(H, {
+				label: /* @__PURE__ */ G(a, {
+					tag: "span",
+					weight: "semibold",
+					lineHeight: "tight",
+					children: l.total
+				}),
+				value: o,
+				mono: !0,
+				valueClassName: "text-base font-bold"
+			})
+		]
+	});
+}
+Ot.displayName = "TaxBreakdownCard";
+//#endregion
+//#region src/components/blocks/commerce/subscription-summary/types.ts
+var kt = {
+	title: "Subscription",
+	plan: "Plan",
+	nextBilling: "Next billing",
+	perks: "Included",
+	manage: "Manage",
+	upgrade: "Upgrade"
+};
+//#endregion
+//#region src/components/blocks/commerce/subscription-summary/subscription-summary.tsx
+function At({ planName: e, priceLabel: t, cycleLabel: c, nextBillingDate: l, statusLabel: d, perks: f = [], onManage: p, onUpgrade: m, className: g, strings: _ }) {
+	let v = n(kt, _);
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(ze, { className: "size-icon" }),
+		title: v.title,
+		headerEnd: d ? /* @__PURE__ */ G(D, {
+			tone: "success",
+			children: d
+		}) : null,
+		className: r("subscription-summary--component w-full", g),
+		children: [
+			/* @__PURE__ */ G("div", {
+				className: "rounded-radius border border-border/60 bg-muted/30 p-surface",
+				children: /* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					justify: "between",
+					align: "start",
+					gap: "lg",
+					children: [/* @__PURE__ */ K(u, {
+						gap: "none",
+						className: "min-w-0",
+						children: [/* @__PURE__ */ G(s, { children: v.plan }), /* @__PURE__ */ G(o, {
+							tag: "h3",
+							className: "mt-1 text-base font-semibold tracking-tight border-none pb-0",
+							children: e
+						})]
+					}), /* @__PURE__ */ K(u, {
+						direction: "horizontal",
+						align: "baseline",
+						gap: "xs",
+						className: "shrink-0",
+						children: [/* @__PURE__ */ G(h, {
+							weight: "bold",
+							className: "tabular-nums",
+							children: t
+						}), /* @__PURE__ */ G(a, {
+							type: "secondary",
+							children: c
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ K("div", {
+				className: "mt-space-lg flex items-center justify-between rounded-radius-md bg-card px-space-xs",
+				children: [/* @__PURE__ */ K("div", {
+					className: "flex items-center gap-space-md",
+					children: [/* @__PURE__ */ G(ye, { className: "size-icon-md text-muted-foreground" }), /* @__PURE__ */ G(a, {
+						size: "xs",
+						type: "secondary",
+						children: v.nextBilling
+					})]
+				}), /* @__PURE__ */ G(h, {
+					weight: "semibold",
+					className: "tabular-nums",
+					children: l
+				})]
+			}),
+			f.length > 0 && /* @__PURE__ */ K(u, {
+				gap: "md",
+				className: "mt-space-xl",
+				children: [/* @__PURE__ */ G(s, { children: v.perks }), /* @__PURE__ */ G(R, { children: f.map((e, t) => {
+					let n = e.icon ?? q;
+					return /* @__PURE__ */ K(B, {
+						size: "sm",
+						children: [/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(C, {
+							icon: n,
+							tone: "success",
+							size: "sm"
+						}) }), /* @__PURE__ */ G(z, { children: /* @__PURE__ */ G(V, {
+							bold: !1,
+							children: e.label
+						}) })]
+					}, `${e.label}-${t}`);
+				}) })]
+			}),
+			(p || m) && /* @__PURE__ */ K("div", {
+				className: "mt-space-xl flex items-center gap-space-md",
+				children: [!!p && /* @__PURE__ */ G(i, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: p,
+					className: "flex-1",
+					children: v.manage
+				}), !!m && /* @__PURE__ */ K(i, {
+					tone: "primary",
+					onClick: m,
+					className: "flex-1",
+					children: [v.upgrade, /* @__PURE__ */ G(Se, { className: "ml-1 size-icon-md" })]
+				})]
+			})
+		]
+	});
+}
+At.displayName = "SubscriptionSummaryCard";
+//#endregion
+//#region src/components/blocks/commerce/refund-status/types.ts
+var jt = {
+	title: "Refund Status",
+	requested: "Requested",
+	approved: "Approved",
+	processing: "Processing",
+	completed: "Completed",
+	amount: "Refund amount",
+	reason: "Reason",
+	eta: "Expected by",
+	method: "Refund to"
+}, Mt = [
+	"requested",
+	"approved",
+	"processing",
+	"completed"
+];
+function Nt({ stage: e, amount: t, reason: i, method: o, eta: c, requestedAt: l, className: d, strings: f }) {
+	let p = n(jt, f), m = Mt.indexOf(e);
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(Be, { className: "size-icon" }),
+		title: p.title,
+		className: r("refund-status--component w-full", d),
+		children: [
+			/* @__PURE__ */ K("div", {
+				className: "rounded-radius bg-muted/40 p-surface",
+				children: [/* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					justify: "between",
+					align: "baseline",
+					gap: "lg",
+					children: [/* @__PURE__ */ G(s, { children: p.amount }), /* @__PURE__ */ G(h, {
+						size: "base",
+						weight: "bold",
+						className: "tabular-nums tracking-tight",
+						children: t
+					})]
+				}), !!l && /* @__PURE__ */ K(a, {
+					size: "xs",
+					type: "secondary",
+					className: "mt-0.5",
+					children: [
+						p.requested,
+						": ",
+						/* @__PURE__ */ G(_, {
+							size: "xs",
+							children: l
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "mt-space-xl flex items-center justify-between",
+				children: Mt.map((e, t) => {
+					let n = t <= m, i = t === m;
+					return /* @__PURE__ */ K("div", {
+						className: "flex flex-1 flex-col items-start gap-space-sm",
+						children: [/* @__PURE__ */ K("div", {
+							className: "flex w-full items-center",
+							children: [/* @__PURE__ */ G("div", {
+								className: r("relative flex size-icon-lg shrink-0 items-center justify-center rounded-full", n ? "bg-success text-success-foreground" : "border border-border bg-card text-muted-foreground", i && "ring-2 ring-success/30 ring-offset-2 ring-offset-background"),
+								children: n ? /* @__PURE__ */ G(q, { className: "size-icon-sm" }) : /* @__PURE__ */ G(S, {
+									value: t + 1,
+									size: "xs",
+									weight: "medium",
+									align: "center"
+								})
+							}), t < Mt.length - 1 && /* @__PURE__ */ G("div", { className: r("h-0.5 flex-1", t < m ? "bg-success" : "bg-border") })]
+						}), /* @__PURE__ */ G(a, {
+							size: "xs",
+							weight: i ? "semibold" : "medium",
+							type: n ? "main" : "secondary",
+							className: "text-left leading-tight",
+							children: p[e]
+						})]
+					}, e);
+				})
+			}),
+			(i || o || c) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(O, { className: "my-space-xl" }), /* @__PURE__ */ K("div", {
+				className: "space-y-space-md",
+				children: [
+					!!i && /* @__PURE__ */ G(H, {
+						label: p.reason,
+						value: i,
+						className: "items-start",
+						valueClassName: "text-sm font-medium text-right"
+					}),
+					!!o && /* @__PURE__ */ G(H, {
+						label: p.method,
+						value: o,
+						valueClassName: "text-sm font-medium"
+					}),
+					!!c && /* @__PURE__ */ G(H, {
+						label: p.eta,
+						value: c,
+						mono: !0,
+						valueClassName: "text-sm font-medium"
+					})
+				]
+			})] })
+		]
+	});
+}
+Nt.displayName = "RefundStatusCard";
+//#endregion
+//#region src/components/blocks/commerce/address-card/types.ts
+var Pt = {
+	defaultBadge: "Default",
+	edit: "Edit",
+	remove: "Remove",
+	makeDefault: "Make default",
+	shipping: "Shipping address",
+	billing: "Billing address",
+	pickup: "Pickup address"
+};
+//#endregion
+//#region src/components/blocks/commerce/address-card/address-card.tsx
+function Ft({ kind: e = "shipping", name: t, line1: i, line2: o, city: s, region: c, postalCode: l, country: d, phone: f, default: p = !1, onEdit: m, onRemove: h, onMakeDefault: _, className: v, strings: y }) {
+	let b = n(Pt, y), x = {
+		shipping: b.shipping,
+		billing: b.billing,
+		pickup: b.pickup
+	}, S = [
+		s,
+		c,
+		l
+	].filter(Boolean).join(", "), C = [];
+	return m && C.push({
+		id: "edit",
+		label: b.edit,
+		icon: /* @__PURE__ */ G(De, { className: "size-icon-md" }),
+		onClick: m
+	}), _ && !p && C.push({
+		id: "make-default",
+		label: b.makeDefault,
+		icon: /* @__PURE__ */ G(We, { className: "size-icon-md" }),
+		onClick: _
+	}), h && C.push({
+		id: "remove",
+		label: b.remove,
+		icon: /* @__PURE__ */ G(Ke, { className: "size-icon-md" }),
+		onClick: h
+	}), /* @__PURE__ */ G(j, {
+		icon: /* @__PURE__ */ G(Me, { className: "size-icon" }),
+		title: x[e],
+		titleSuffix: p ? /* @__PURE__ */ G(D, {
+			tone: "primary",
+			children: b.defaultBadge
+		}) : null,
+		actions: C.length > 0 ? C : void 0,
+		className: r("address-card--component w-full", v),
+		children: /* @__PURE__ */ K(u, {
+			gap: "2xs",
+			children: [
+				/* @__PURE__ */ G(a, {
+					weight: "semibold",
+					children: t
+				}),
+				/* @__PURE__ */ G(a, { children: i }),
+				!!o && /* @__PURE__ */ G(a, { children: o }),
+				!!S && /* @__PURE__ */ G(a, { children: S }),
+				/* @__PURE__ */ G(a, {
+					type: "secondary",
+					children: d
+				}),
+				!!f && /* @__PURE__ */ G(g, {
+					value: f,
+					display: /* @__PURE__ */ G(a, {
+						tag: "span",
+						size: "xs",
+						children: f
+					}),
+					className: "mt-space-sm inline-flex"
+				})
+			]
+		})
+	});
+}
+Ft.displayName = "AddressCard";
+//#endregion
+//#region src/components/blocks/commerce/voucher-entry/types.ts
+var It = {
+	title: "Redeem a gift card",
+	inputLabel: "Gift card code",
+	placeholder: "Enter gift card code",
+	helperText: "Apply one gift card or voucher to this order.",
+	check: "Check balance",
+	remove: "Remove",
+	balance: "Available balance",
+	applied: "Applied",
+	notFound: "That gift card code is not valid."
+}, Lt = (e) => e.toUpperCase();
+function Rt({ appliedCode: e, balance: t, error: a, loading: o, onCheck: s, onRemove: c, className: l, strings: d }) {
+	let f = n(It, d), p = me(), [m, g] = ge(""), _ = m.trim();
+	return e ? /* @__PURE__ */ G(j, {
+		icon: /* @__PURE__ */ G(J, { className: "size-icon" }),
+		title: f.title,
+		className: r("voucher-entry--component w-full", l),
+		children: /* @__PURE__ */ K(B, {
+			size: "sm",
+			variant: "outline",
+			className: "items-center gap-x-2.5 gap-y-space-sm border-success/30 bg-success/5",
+			children: [
+				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(C, {
+					icon: q,
+					tone: "success",
+					size: "md",
+					className: "ring-1 ring-success/20"
+				}) }),
+				/* @__PURE__ */ K(z, {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ K(u, {
+						direction: "horizontal",
+						wrap: !0,
+						align: "center",
+						gap: "sm",
+						children: [/* @__PURE__ */ G(V, {
+							className: "max-w-full",
+							children: /* @__PURE__ */ G(v, {
+								className: "tracking-wider",
+								children: e
+							})
+						}), /* @__PURE__ */ G(D, {
+							tone: "success",
+							size: "sm",
+							children: f.applied
+						})]
+					}), /* @__PURE__ */ G(I, {
+						clamp: 1,
+						children: f.balance
+					})]
+				}),
+				/* @__PURE__ */ K(ie, {
+					className: "border-t border-success/15 pt-1",
+					children: [/* @__PURE__ */ G("span", {}), /* @__PURE__ */ K(L, {
+						className: "shrink-0 gap-space-sm",
+						children: [!!t && /* @__PURE__ */ G(h, {
+							weight: "semibold",
+							className: "shrink-0 tabular-nums text-success",
+							children: t
+						}), !!c && /* @__PURE__ */ G(i, {
+							type: "button",
+							tone: "destructive",
+							buttonStyle: "ghost",
+							size: "sm",
+							iconOnly: !0,
+							onClick: c,
+							"aria-label": f.remove,
+							className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
+							children: /* @__PURE__ */ G(Ye, { className: "size-icon-sm" })
+						})]
+					})]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ G(j, {
+		icon: /* @__PURE__ */ G(J, { className: "size-icon" }),
+		title: f.title,
+		className: r("voucher-entry--component w-full", l),
+		children: /* @__PURE__ */ G("form", {
+			onSubmit: (e) => {
+				e.preventDefault(), _ && s?.(_);
+			},
+			children: /* @__PURE__ */ G(M, {
+				label: f.inputLabel,
+				htmlFor: p,
+				error: a,
+				hint: a ? void 0 : f.helperText,
+				children: /* @__PURE__ */ K("div", {
+					className: "flex flex-wrap gap-space-md",
+					children: [/* @__PURE__ */ G("div", {
+						className: "min-w-48 flex-1",
+						children: /* @__PURE__ */ G(k, {
+							id: p,
+							value: m,
+							onChange: (e) => g(Lt(e.target.value)),
+							placeholder: f.placeholder,
+							startIcon: J,
+							autoCapitalize: "characters",
+							spellCheck: !1,
+							className: "font-mono",
+							invalid: !!a
+						})
+					}), /* @__PURE__ */ G(i, {
+						type: "submit",
+						loading: o,
+						disabled: !_,
+						className: "shrink-0",
+						children: f.check
+					})]
+				})
+			})
+		})
+	});
+}
+Rt.displayName = "VoucherEntry";
+//#endregion
+//#region src/components/blocks/commerce/cart-summary/types.ts
+var zt = {
+	title: "Cart",
+	subtotal: "Subtotal",
+	tax: "Tax",
+	shipping: "Shipping",
+	discount: "Discount",
+	total: "Total",
+	checkout: "Checkout"
+}, Bt = (e) => [
+	e.productTitle,
+	e.title,
+	e.name
+].find((e) => !!e?.trim()) ?? e.id, Vt = (e) => [
+	e.imageUrl,
+	e.imageSrc,
+	e.src,
+	e.url
+].find((e) => !!e?.trim());
+function Ht({ title: e }) {
+	return /* @__PURE__ */ G("div", {
+		"aria-hidden": "true",
+		className: "flex size-full items-center justify-center rounded-[inherit] bg-muted ring-1 ring-border/60",
+		children: /* @__PURE__ */ G(y, {
+			value: e,
+			strategy: "first-words",
+			fallback: e.trim().slice(0, 2).toUpperCase(),
+			size: "xs",
+			weight: "semibold",
+			type: "secondary"
+		})
+	});
+}
+function Ut({ items: e, subtotal: t, tax: o, shipping: s, discount: c, total: l, onCheckout: d, className: f, strings: p }) {
+	let m = n(zt, p), g = !!(t || o || s || c);
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(He, { className: "size-icon" }),
+		title: m.title,
+		className: r("cart-summary--component w-full", f),
+		children: [
+			/* @__PURE__ */ G(R, { children: e.map((e) => {
+				let t = Bt(e), n = Vt(e);
+				return /* @__PURE__ */ K(B, {
+					className: "cart-summary--item",
+					children: [
+						/* @__PURE__ */ G(F, {
+							variant: "image",
+							className: "cart-summary--item-media",
+							children: n ? /* @__PURE__ */ G("img", {
+								src: n,
+								alt: e.imageAlt ?? t
+							}) : /* @__PURE__ */ G(Ht, { title: t })
+						}),
+						/* @__PURE__ */ K(z, {
+							className: "cart-summary--item-content",
+							children: [/* @__PURE__ */ G(V, { children: t }), !!e.variantTitle && /* @__PURE__ */ G(I, {
+								clamp: 1,
+								children: e.variantTitle
+							})]
+						}),
+						/* @__PURE__ */ G(L, {
+							className: "cart-summary--item-actions",
+							children: /* @__PURE__ */ K(u, {
+								gap: "2xs",
+								align: "end",
+								className: "shrink-0",
+								children: [/* @__PURE__ */ K(a, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									children: ["x", /* @__PURE__ */ G(S, {
+										value: e.qty,
+										size: "xs",
+										type: "secondary",
+										align: "left"
+									})]
+								}), /* @__PURE__ */ G(h, {
+									weight: "semibold",
+									className: "tabular-nums",
+									children: e.price
+								})]
+							})
+						})
+					]
+				}, e.id);
+			}) }),
+			!!g && /* @__PURE__ */ G("div", {
+				className: "mt-space-lg rounded-radius bg-muted/30 p-surface",
+				children: /* @__PURE__ */ K(u, {
+					gap: "sm",
+					children: [
+						!!t && /* @__PURE__ */ G(H, {
+							label: m.subtotal,
+							value: t,
+							mono: !0,
+							valueClassName: "font-medium"
+						}),
+						!!o && /* @__PURE__ */ G(H, {
+							label: m.tax,
+							value: o,
+							mono: !0,
+							valueClassName: "font-medium"
+						}),
+						!!s && /* @__PURE__ */ G(H, {
+							label: m.shipping,
+							value: s,
+							mono: !0,
+							valueClassName: "font-medium"
+						}),
+						!!c && /* @__PURE__ */ G(H, {
+							label: m.discount,
+							value: nt(c),
+							mono: !0,
+							valueClassName: "font-semibold text-success"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ G(O, { className: "my-space-lg" }),
+			/* @__PURE__ */ G(H, {
+				label: /* @__PURE__ */ G(a, {
+					tag: "span",
+					weight: "semibold",
+					lineHeight: "tight",
+					children: m.total
+				}),
+				value: l,
+				mono: !0,
+				valueClassName: "text-base font-bold"
+			}),
+			!!d && /* @__PURE__ */ G(i, {
+				onClick: d,
+				fullWidth: !0,
+				className: "mt-space-xl",
+				children: m.checkout
+			})
+		]
+	});
+}
+Ut.displayName = "CartSummaryCard";
+//#endregion
+//#region src/components/blocks/commerce/coupon-input/types.ts
+var Wt = {
+	title: "Have a code?",
+	fieldLabel: "Coupon code",
+	placeholder: "Enter coupon code",
+	apply: "Apply",
+	remove: "Remove",
+	applied: "Applied",
+	invalid: "That code is not valid"
+}, Gt = (e) => e.toUpperCase();
+function Kt({ appliedCode: e, appliedDiscount: t, error: o, onApply: c, onRemove: l, loading: d, className: f, strings: p }) {
+	let m = n(Wt, p), [h, g] = ge(""), _ = h.trim();
+	return e ? /* @__PURE__ */ G(j, {
+		icon: /* @__PURE__ */ G(Ge, { className: "size-icon" }),
+		title: m.title,
+		className: r("coupon-input--component w-full", f),
+		children: /* @__PURE__ */ K(B, {
+			size: "sm",
+			variant: "muted",
+			className: "items-center gap-x-2.5 gap-y-space-sm border border-success/30 bg-success/8",
+			children: [
+				/* @__PURE__ */ G(F, { children: /* @__PURE__ */ G(C, {
+					icon: q,
+					tone: "success",
+					size: "md",
+					className: "ring-1 ring-success/20"
+				}) }),
+				/* @__PURE__ */ G(z, {
+					className: "min-w-0",
+					children: /* @__PURE__ */ K(u, {
+						direction: "horizontal",
+						align: "center",
+						gap: "sm",
+						wrap: !1,
+						className: "min-w-0",
+						children: [/* @__PURE__ */ G(V, {
+							className: "min-w-0 truncate font-mono tracking-wider",
+							children: e
+						}), /* @__PURE__ */ G(s, {
+							className: "shrink-0",
+							children: m.applied
+						})]
+					})
+				}),
+				/* @__PURE__ */ K(L, {
+					className: "ml-auto shrink-0 gap-space-sm",
+					children: [!!t && /* @__PURE__ */ G(a, {
+						tag: "span",
+						size: "xs",
+						weight: "semibold",
+						type: "success",
+						className: "tabular-nums shrink-0",
+						children: nt(t)
+					}), !!l && /* @__PURE__ */ G(i, {
+						type: "button",
+						tone: "destructive",
+						buttonStyle: "ghost",
+						size: "sm",
+						iconOnly: !0,
+						onClick: l,
+						"aria-label": m.remove,
+						className: "size-action-xs shrink-0 text-muted-foreground hover:text-destructive",
+						children: /* @__PURE__ */ G(Ye, { className: "size-icon-sm" })
+					})]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ G(j, {
+		icon: /* @__PURE__ */ G(Ge, { className: "size-icon" }),
+		title: m.title,
+		className: r("coupon-input--component w-full", f),
+		children: /* @__PURE__ */ K(u, {
+			gap: "md",
+			children: [/* @__PURE__ */ K("div", {
+				className: "flex flex-wrap gap-space-md",
+				children: [/* @__PURE__ */ G("div", {
+					className: "min-w-44 flex-1",
+					children: /* @__PURE__ */ G(k, {
+						value: h,
+						onChange: (e) => g(Gt(e.target.value)),
+						"aria-label": m.fieldLabel,
+						placeholder: m.placeholder,
+						startIcon: Ue,
+						autoCapitalize: "characters",
+						spellCheck: !1,
+						className: "font-mono",
+						invalid: !!o
+					})
+				}), /* @__PURE__ */ G(i, {
+					size: "md",
+					onClick: () => c?.(_),
+					loading: d,
+					disabled: !_,
+					className: "shrink-0",
+					children: m.apply
+				})]
+			}), !!o && /* @__PURE__ */ G(a, {
+				size: "xs",
+				type: "error",
+				children: o || m.invalid
+			})]
+		})
+	});
+}
+Kt.displayName = "CouponInputCard";
+//#endregion
+//#region src/components/blocks/commerce/order-status/types.ts
+var qt = {
+	title: "Order status",
+	statusLabel: "Current status",
+	eta: "ETA",
+	latestEvent: "Latest event",
+	currentStep: "Current step"
+}, Jt = {
+	pending: "warning",
+	paid: "info",
+	fulfilled: "info",
+	shipped: "primary",
+	delivered: "success",
+	cancelled: "destructive"
+};
+function Yt({ orderNumber: e, status: t, statusTone: i, events: o, currentEta: c, className: u, strings: d }) {
+	let f = n(qt, d), p = i ?? Jt[t], m = o.reduce((e, t, n) => t.complete ? n : e, -1), g = o[m] ?? o[0], v = o.find((e) => !e.complete);
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(Pe, { className: "size-icon" }),
+		title: f.title,
+		titleSuffix: /* @__PURE__ */ G(D, {
+			tone: p,
+			className: "capitalize",
+			children: t
+		}),
+		description: `#${e}`,
+		className: r("order-status--component w-full", u),
+		children: [/* @__PURE__ */ G("div", {
+			className: "rounded-radius border border-border bg-muted/20 p-surface",
+			children: /* @__PURE__ */ K(l, {
+				columns: {
+					base: 1,
+					sm: 3
+				},
+				gap: "lg",
+				children: [
+					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(s, { children: f.statusLabel }), /* @__PURE__ */ G(a, {
+						weight: "semibold",
+						className: "mt-0.5 capitalize",
+						children: t
+					})] }),
+					!!g && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(s, { children: g.complete ? f.latestEvent : f.currentStep }), /* @__PURE__ */ G(a, {
+						weight: "semibold",
+						className: "mt-0.5",
+						children: g.label
+					})] }),
+					!!c && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(s, { children: f.eta }), /* @__PURE__ */ G(h, {
+						weight: "semibold",
+						className: "mt-0.5 block tabular-nums",
+						children: c
+					})] })
+				]
+			})
+		}), o.length > 0 && /* @__PURE__ */ G("ol", {
+			className: "mt-space-xl",
+			children: o.map((e, t) => {
+				let n = t === o.length - 1, i = v ? e === v : t === m;
+				return /* @__PURE__ */ K("li", {
+					className: "relative flex gap-space-lg",
+					children: [/* @__PURE__ */ K("div", {
+						className: "flex flex-col items-center",
+						children: [/* @__PURE__ */ G("span", {
+							className: r("flex size-6 shrink-0 items-center justify-center rounded-full border", e.complete ? "border-success bg-success text-success-foreground" : "border-border bg-card text-muted-foreground", i && !e.complete && "border-2 border-primary-accent bg-primary/10 text-primary-accent ring-4 ring-primary/30"),
+							children: e.complete ? /* @__PURE__ */ G(q, {
+								className: "size-icon-md",
+								strokeWidth: 2.5
+							}) : i ? /* @__PURE__ */ G(be, { className: "size-icon-md" }) : /* @__PURE__ */ G(Ce, { className: "size-icon-sm" })
+						}), !n && /* @__PURE__ */ G("span", {
+							"aria-hidden": "true",
+							className: r("min-h-6 w-px flex-1", t < m ? "bg-success" : "bg-border")
+						})]
+					}), /* @__PURE__ */ K("div", {
+						className: r("min-w-0 flex-1 pb-space-xl", n && "pb-0"),
+						children: [/* @__PURE__ */ G(a, {
+							weight: e.complete || i ? "semibold" : "medium",
+							className: r(!e.complete && !i && "text-muted-foreground"),
+							children: e.label
+						}), !!e.timestamp && /* @__PURE__ */ G(_, {
+							size: "xs",
+							className: "mt-0.5 tabular-nums",
+							children: e.timestamp
+						})]
+					})]
+				}, `${e.label}-${t}`);
+			})
+		})]
+	});
+}
+Yt.displayName = "OrderStatusCard";
+//#endregion
+//#region src/components/blocks/commerce/payment-method/types.ts
+var Xt = {
+	title: "Payment method",
+	default: "Default",
+	cardHolder: "Card holder",
+	expires: "Expires",
+	change: "Change"
+}, Zt = {
+	visa: "VISA",
+	mastercard: "MasterCard",
+	amex: "AMEX",
+	paypal: "PayPal",
+	applepay: "Apple Pay",
+	googlepay: "Google Pay",
+	unknown: "Card"
+}, X = "bg-inverse-background from-inverse-background via-inverse-surface-strong to-inverse-background", Qt = {
+	visa: X,
+	mastercard: X,
+	amex: X,
+	paypal: X,
+	applepay: X,
+	googlepay: X,
+	unknown: X
+};
+function $t({ brand: e, last4: t, expiry: o, holderName: c, default: l = !1, onChange: d, className: f, strings: p }) {
+	let m = n(Xt, p), g = Zt[e], _ = Qt[e];
+	return /* @__PURE__ */ G(j, {
+		icon: /* @__PURE__ */ G(Ee, { className: "size-icon" }),
+		title: m.title,
+		titleSuffix: l ? /* @__PURE__ */ G(D, {
+			tone: "primary",
+			children: m.default
+		}) : null,
+		headerAction: d ? /* @__PURE__ */ G(i, {
+			buttonStyle: "ghost",
+			tone: "secondary",
+			onClick: d,
+			children: m.change
+		}) : void 0,
+		className: r("payment-method--component w-full", f),
+		children: /* @__PURE__ */ K("div", {
+			className: r("relative mx-auto 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", _),
+			children: [
+				/* @__PURE__ */ K("div", {
+					className: "relative flex items-start justify-between",
+					children: [/* @__PURE__ */ G("div", {
+						className: "flex size-7 items-center justify-center rounded-radius-md bg-gradient-to-br from-muted to-muted-foreground/60 shadow-sm",
+						children: /* @__PURE__ */ G("div", { className: "size-icon rounded-radius-sm border border-warning-foreground/25 bg-warning-foreground/15" })
+					}), /* @__PURE__ */ G(a, {
+						tag: "span",
+						weight: "bold",
+						className: "rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm",
+						children: g
+					})]
+				}),
+				/* @__PURE__ */ G("div", {
+					className: "relative",
+					children: /* @__PURE__ */ K(a, {
+						tag: "span",
+						size: "base",
+						weight: "semibold",
+						className: "block font-mono tracking-[0.25em] text-inverse-foreground",
+						children: ["•••• •••• •••• ", t]
+					})
+				}),
+				/* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					align: "end",
+					justify: "between",
+					gap: "lg",
+					className: "relative",
+					children: [/* @__PURE__ */ G("div", {
+						className: "min-w-0",
+						children: !!c && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(s, {
+							tone: "inverse",
+							className: "block",
+							children: m.cardHolder
+						}), /* @__PURE__ */ G(a, {
+							weight: "semibold",
+							className: "truncate text-inverse-foreground",
+							children: c
+						})] })
+					}), !!o && /* @__PURE__ */ K("div", {
+						className: "text-right shrink-0",
+						children: [/* @__PURE__ */ G(s, {
+							tone: "inverse",
+							className: "block",
+							children: m.expires
+						}), /* @__PURE__ */ G(h, {
+							weight: "semibold",
+							className: "tabular-nums text-inverse-foreground",
+							children: o
+						})]
+					})]
+				})
+			]
+		})
+	});
+}
+$t.displayName = "PaymentMethod";
+//#endregion
+//#region src/components/blocks/commerce/seo-listing/seo-listing-score.ts
+var en = {
+	titleMin: 35,
+	titleMax: 60,
+	descriptionMin: 120,
+	descriptionMax: 160,
+	permalinkMax: 75
+};
+function tn(e) {
+	return {
+		...en,
+		...e
+	};
+}
+function nn(e) {
+	return Number.isFinite(e) ? Math.max(0, Math.min(1, e)) : 0;
+}
+function rn(e, t) {
+	if (t <= 0) return "missing";
+	let n = e / t;
+	return n >= .9 ? "good" : n >= .5 ? "review" : "missing";
+}
+function Z(e, t, n, r, i) {
+	let a = Math.round(nn(t) * n);
+	return {
+		id: e,
+		score: a,
+		maxScore: n,
+		actual: r,
+		status: rn(a, n),
+		...i
+	};
+}
+function an(e, t, n) {
+	let r = e.trim().length;
+	if (r === 0) return 0;
+	if (r >= t && r <= n) return 1;
+	if (r < t) return Math.max(.35, r / t);
+	if (r > n * 2) return .35;
+	let i = r - n;
+	return Math.max(.55, 1 - i / n);
+}
+function Q(e) {
+	let t = e?.trim() ?? "";
+	return t ? ((t.split("#")[0] ?? "").split("?")[0] ?? "").replace(/^https?:\/\/[^/]+/i, "").replace(/^\/+|\/+$/g, "") : "";
+}
+function on(e) {
+	return Q(e).split("/").filter(Boolean).at(-1) ?? "";
+}
+function sn(e, t = en.permalinkMax) {
+	let n = Q(e);
+	return n ? n.length <= t ? 1 : n.length > t * 2 ? .35 : Math.max(.55, 1 - (n.length - t) / t) : 0;
+}
+function cn(e) {
+	let t = on(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 ln(e) {
+	let t = e?.trim() ?? "";
+	return t ? /^https:\/\//i.test(t) ? 1 : /^http:\/\//i.test(t) ? .6 : .45 : 0;
+}
+function un(e) {
+	let t = e.keyword?.trim().toLowerCase();
+	if (!t) return null;
+	let n = [
+		e.title,
+		e.description,
+		Q(e.permalink)
+	].filter(Boolean).join(" ").toLowerCase();
+	return n ? n.includes(t) ? 1 : .35 : 0;
+}
+function dn(e) {
+	let t = tn(e.limits), n = e.title?.trim() ?? "", r = e.description?.trim() ?? "", i = Q(e.permalink), a = on(e.permalink), o = [
+		Z("title", an(n, t.titleMin, t.titleMax), 30, n.length, {
+			min: t.titleMin,
+			max: t.titleMax
+		}),
+		Z("description", an(r, t.descriptionMin, t.descriptionMax), 30, r.length, {
+			min: t.descriptionMin,
+			max: t.descriptionMax
+		}),
+		Z("permalink", sn(e.permalink, t.permalinkMax), 15, i.length, { max: t.permalinkMax }),
+		Z("slug", cn(e.permalink), 10, a.length),
+		Z("url", ln(e.baseUrl), 10, e.baseUrl?.trim().length ?? 0)
+	], s = un(e);
+	s !== null && o.push(Z("keyword", s, 5, e.keyword?.trim().length ?? 0));
+	let c = Math.round(o.reduce((e, t) => e + t.score, 0) / o.reduce((e, t) => e + t.maxScore, 0) * 100);
+	return {
+		score: c,
+		status: rn(c, 100),
+		checks: o,
+		limits: t
+	};
+}
+//#endregion
+//#region src/components/blocks/commerce/seo-listing/types.ts
+var fn = {
+	title: "Search engine listing",
+	editLabel: "Edit search listing",
+	scoreLabel: "SEO score",
+	checksLabel: "SEO checks",
+	siteFallback: "Website",
+	titleFallback: "Add an SEO title",
+	descriptionFallback: "Add a meta description to control the search snippet.",
+	urlFallback: "https://example.com",
+	characters: "characters",
+	maxLabel: "max",
+	targetLabel: "target",
+	status: {
+		good: "Good",
+		review: "Review",
+		missing: "Missing"
+	},
+	checkLabels: {
+		title: "Title",
+		description: "Description",
+		permalink: "Permalink",
+		slug: "Slug format",
+		url: "URL",
+		keyword: "Keyword"
+	},
+	checkHints: {
+		title: "Keep the title inside the target range.",
+		description: "Use a complete meta description inside the target range.",
+		permalink: "Keep the permalink readable and below the maximum length.",
+		slug: "Use lowercase words separated by hyphens.",
+		url: "Prefer a secure canonical URL.",
+		keyword: "Use the focus keyword in the title, description, or permalink."
+	}
+}, pn = {
+	good: "success",
+	review: "warning",
+	missing: "destructive"
+}, mn = {
+	good: "[&_[data-slot=progress-indicator]]:bg-success",
+	review: "[&_[data-slot=progress-indicator]]:bg-warning",
+	missing: "[&_[data-slot=progress-indicator]]:bg-destructive"
+}, hn = {
+	good: "border-success/20 bg-success/5",
+	review: "border-warning/30 bg-warning/10",
+	missing: "border-destructive/20 bg-destructive/5"
+}, gn = {
+	good: "bg-success/10 text-success",
+	review: "bg-warning/10 text-warning-accent",
+	missing: "bg-destructive/10 text-destructive"
+}, _n = {
+	good: xe,
+	review: qe,
+	missing: we
+}, vn = {
+	good: "bg-success/10 text-success",
+	review: "bg-warning/10 text-warning-accent",
+	missing: "bg-destructive/10 text-destructive"
+}, yn = {
+	good: "border-success/25 bg-success/5",
+	review: "border-warning/30 bg-warning/10",
+	missing: "border-destructive/20 bg-destructive/5"
+};
+function bn(e) {
+	return e.replace(/^\/+|\/+$/g, "");
+}
+function xn(e, t, n) {
+	let r = Q(n).split("/").filter(Boolean);
+	return [
+		e,
+		...t.map(bn).filter(Boolean),
+		...r
+	].filter(Boolean);
+}
+function Sn(e, t, n) {
+	if (!e.trim()) return;
+	let r = e.replace(/\/+$/g, ""), i = [...t.map(bn).filter(Boolean), ...Q(n).split("/").filter(Boolean)].join("/");
+	return i ? `${r}/${i}` : r;
+}
+function Cn(e, t) {
+	return e.id === "title" || e.id === "description" ? `${e.actual}/${e.max} ${t.characters} · ${t.targetLabel} ${e.min}-${e.max}` : e.id === "permalink" ? `${e.actual}/${e.max} ${t.characters} ${t.maxLabel}` : t.checkHints[e.id];
+}
+function wn({ check: e, detail: t, strings: n }) {
+	let i = _n[e.status];
+	return /* @__PURE__ */ G("div", {
+		className: r("seo-listing-card--check min-w-0 rounded-radius-sm border px-space-lg py-space-md", yn[e.status]),
+		children: /* @__PURE__ */ K(u, {
+			direction: "horizontal",
+			gap: "lg",
+			align: "start",
+			wrap: !1,
+			children: [/* @__PURE__ */ G("span", {
+				className: r("seo-listing-card--check-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm", vn[e.status]),
+				children: /* @__PURE__ */ G(i, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				})
+			}), /* @__PURE__ */ K(u, {
+				gap: "dense",
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					gap: "sm",
+					justify: "between",
+					wrap: !1,
+					children: [/* @__PURE__ */ G(a, {
+						tag: "span",
+						weight: "medium",
+						className: "truncate",
+						children: n.checkLabels[e.id]
+					}), /* @__PURE__ */ G(D, {
+						tone: pn[e.status],
+						size: "sm",
+						inline: !0,
+						className: "shrink-0",
+						children: n.status[e.status]
+					})]
+				}), /* @__PURE__ */ G(a, {
+					size: "xs",
+					type: "secondary",
+					lineHeight: "snug",
+					children: t
+				})]
+			})]
+		})
+	});
+}
+function Tn({ siteName: e, baseUrl: t, pathSegments: o = [], permalink: s, title: l, description: d, price: f, keyword: m, score: g, limits: v, showChecks: y = !0, onEdit: b, className: x, strings: C }) {
+	let w = n(fn, C), T = t?.trim() || w.urlFallback, E = e?.trim() || w.siteFallback, O = l?.trim() || w.titleFallback, k = d?.trim() || w.descriptionFallback, A = g ?? dn({
+		title: l,
+		description: d,
+		permalink: s,
+		baseUrl: t,
+		keyword: m,
+		limits: v
+	}), M = Sn(T, o, s), N = xn(T, o, s), ee = pn[A.status];
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(Ve, { className: "size-icon" }),
+		title: w.title,
+		titleSuffix: /* @__PURE__ */ K(D, {
+			tone: ee,
+			size: "sm",
+			inline: !0,
+			className: "shrink-0",
+			children: [
+				A.score,
+				"/100 ",
+				w.status[A.status]
+			]
+		}),
+		className: r("seo-listing-card--component @container/seo-listing-card w-full", x),
+		contentGap: "xl",
+		headerAction: b ? /* @__PURE__ */ G(i, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "sm",
+			iconOnly: !0,
+			"aria-label": w.editLabel,
+			onClick: b,
+			children: /* @__PURE__ */ G(Ie, { className: "size-icon-sm" })
+		}) : void 0,
+		children: [/* @__PURE__ */ G("div", {
+			"data-artwork": "serp",
+			className: "seo-listing-card--preview min-w-0 rounded-radius border border-border/60 bg-background px-control py-space-xl shadow-xs",
+			children: /* @__PURE__ */ K(u, {
+				gap: "sm",
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ K(u, {
+						direction: "horizontal",
+						gap: "sm",
+						wrap: !1,
+						children: [/* @__PURE__ */ G(a, {
+							weight: "medium",
+							className: "truncate",
+							children: E
+						}), !!M && /* @__PURE__ */ G(Oe, {
+							className: "size-icon-sm shrink-0 text-muted-foreground",
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ G("div", {
+						className: "seo-listing-card--url flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-2xs",
+						children: N.map((e, t) => /* @__PURE__ */ K("span", {
+							className: "inline-flex min-w-0 items-center gap-space-sm",
+							children: [/* @__PURE__ */ G(a, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								className: "truncate",
+								children: e
+							}), t < N.length - 1 && /* @__PURE__ */ G(a, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								"aria-hidden": "true",
+								children: "›"
+							})]
+						}, `${e}-${t}`))
+					}),
+					M ? /* @__PURE__ */ G(c, {
+						href: M,
+						size: "base",
+						lineHeight: "snug",
+						underline: !1,
+						className: "seo-listing-card--snippet-title block text-[#1a0dab] dark:text-[#8ab4f8]",
+						children: O
+					}) : /* @__PURE__ */ G(a, {
+						size: "base",
+						lineHeight: "snug",
+						className: "seo-listing-card--snippet-title text-[#1a0dab] dark:text-[#8ab4f8]",
+						children: O
+					}),
+					/* @__PURE__ */ G(a, {
+						type: "secondary",
+						lineHeight: "relaxed",
+						className: "seo-listing-card--description max-w-4xl",
+						children: k
+					}),
+					!!f && /* @__PURE__ */ G(_, {
+						size: "xs",
+						className: "seo-listing-card--price block tabular-nums",
+						children: f
+					})
+				]
+			})
+		}), /* @__PURE__ */ K("div", {
+			className: r("seo-listing-card--score overflow-hidden rounded-radius border", hn[A.status]),
+			children: [/* @__PURE__ */ K(u, {
+				direction: "horizontal",
+				gap: "lg",
+				justify: "between",
+				wrap: !1,
+				className: "border-b border-border/60 px-control py-space-lg",
+				children: [/* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					gap: "sm",
+					wrap: !1,
+					children: [/* @__PURE__ */ G("span", {
+						className: r("seo-listing-card--score-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm", gn[A.status]),
+						children: /* @__PURE__ */ G(Ae, {
+							className: "size-icon-sm",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ K("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ G(a, {
+							weight: "semibold",
+							children: w.scoreLabel
+						}), /* @__PURE__ */ K(_, {
+							size: "xs",
+							className: "tabular-nums",
+							children: [
+								/* @__PURE__ */ G(S, {
+									value: A.checks.length,
+									size: "xs",
+									type: "secondary",
+									align: "left"
+								}),
+								" ",
+								w.checksLabel
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ K(u, {
+					direction: "horizontal",
+					gap: "sm",
+					wrap: !1,
+					className: "shrink-0",
+					children: [/* @__PURE__ */ K(h, {
+						weight: "semibold",
+						className: "tabular-nums",
+						children: [A.score, "/100"]
+					}), /* @__PURE__ */ G(D, {
+						tone: ee,
+						size: "sm",
+						inline: !0,
+						children: w.status[A.status]
+					})]
+				})]
+			}), /* @__PURE__ */ K(u, {
+				gap: "lg",
+				className: "px-control py-space-lg",
+				children: [/* @__PURE__ */ G(p, {
+					value: A.score,
+					"aria-label": w.scoreLabel,
+					className: r("seo-listing-card--score-progress", "[&_[data-slot=progress-track]]:h-space-md", mn[A.status])
+				}), !!y && /* @__PURE__ */ G("div", {
+					className: "seo-listing-card--checks grid gap-x-space-lg gap-y-space-lg @xl/seo-listing-card:grid-cols-2",
+					children: A.checks.map((e) => /* @__PURE__ */ G(wn, {
+						check: e,
+						detail: Cn(e, w),
+						strings: w
+					}, e.id))
+				})]
+			})]
+		})]
+	});
+}
+Tn.displayName = "SeoListingCard";
+//#endregion
+//#region src/components/blocks/commerce/invoice-mini/types.ts
+var En = {
+	paid: "Paid",
+	pending: "Pending",
+	overdue: "Overdue",
+	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
+	due: "Due"
+}, Dn = {
+	paid: "success",
+	pending: "warning",
+	overdue: "destructive"
+};
+//#endregion
+//#region src/components/blocks/commerce/invoice-mini/invoice-mini.tsx
+function On({ invoice: e, className: n, strings: i }) {
+	let o = t(En, i), s = {
+		paid: o.paid,
+		pending: o.pending,
+		overdue: o.overdue
+	};
+	return /* @__PURE__ */ K(u, {
+		gap: "md",
+		"data-component": "invoice-mini",
+		"data-slot": "invoice-mini",
+		className: r("invoice-mini--component", n),
+		children: [
+			/* @__PURE__ */ K(u, {
+				direction: "horizontal",
+				gap: "md",
+				justify: "between",
+				wrap: !1,
+				children: [/* @__PURE__ */ G(v, {
+					className: "min-w-0 flex-1 truncate tracking-wide",
+					children: e.invoiceNumber
+				}), /* @__PURE__ */ G(D, {
+					tone: Dn[e.status],
+					size: "sm",
+					dot: !0,
+					className: "shrink-0",
+					children: s[e.status]
+				})]
+			}),
+			/* @__PURE__ */ G(a, {
+				type: "secondary",
+				className: "truncate",
+				children: e.customerName
+			}),
+			/* @__PURE__ */ K(u, {
+				direction: "horizontal",
+				gap: "lg",
+				align: "end",
+				justify: "between",
+				className: "pt-space-xs",
+				children: [/* @__PURE__ */ K(u, {
+					gap: "2xs",
+					className: "min-w-0",
+					children: [/* @__PURE__ */ G(a, {
+						size: "xs",
+						type: "secondary",
+						children: o.items(e.lineItemsCount)
+					}), /* @__PURE__ */ K(_, {
+						size: "xs",
+						className: "whitespace-nowrap tabular-nums",
+						children: [
+							o.due,
+							" ",
+							e.dueDate
+						]
+					})]
+				}), /* @__PURE__ */ G(h, {
+					size: "base",
+					weight: "bold",
+					className: r("ml-auto shrink-0 tabular-nums leading-none"),
+					children: e.totalAmount
+				})]
+			})
+		]
+	});
+}
+On.displayName = "InvoiceMini";
+//#endregion
+//#region src/components/blocks/commerce/invoice-header/types.ts
+var kn = {
+	title: "Invoice",
+	billFrom: "Bill From",
+	billTo: "Bill To",
+	issued: "Issued",
+	due: "Due",
+	amountDue: "Amount Due",
+	paid: "Paid",
+	pending: "Pending",
+	overdue: "Overdue"
+};
+//#endregion
+//#region src/components/blocks/commerce/invoice-header/invoice-header.tsx
+function An({ eyebrow: e, name: t, location: n }) {
+	return /* @__PURE__ */ K(u, {
+		gap: "xs",
+		className: "invoice-header--party",
+		children: [
+			/* @__PURE__ */ G(s, { children: e }),
+			/* @__PURE__ */ G(a, {
+				weight: "semibold",
+				className: "leading-snug",
+				children: t
+			}),
+			!!n && /* @__PURE__ */ G(a, {
+				size: "xs",
+				type: "secondary",
+				className: "leading-snug",
+				children: n
+			})
+		]
+	});
+}
+function jn({ invoiceNumber: e, status: t, statusTone: i, from: c, to: d, issuedDate: f, dueDate: p, amount: m, className: h, strings: g }) {
+	let _ = n(kn, g), v = {
+		paid: _.paid,
+		pending: _.pending,
+		overdue: _.overdue
+	}, y = i ?? Dn[t];
+	return /* @__PURE__ */ K(u, {
+		gap: "2xl",
+		"data-component": "invoice-header",
+		"data-slot": "invoice-header",
+		className: r("invoice-header--component min-w-0", h),
+		"aria-label": _.title,
+		children: [
+			/* @__PURE__ */ K(u, {
+				direction: "horizontal",
+				align: "center",
+				justify: "between",
+				gap: "lg",
+				children: [/* @__PURE__ */ G(a, {
+					weight: "bold",
+					className: "font-mono tracking-wide",
+					children: e
+				}), /* @__PURE__ */ G(D, {
+					tone: y,
+					children: v[t]
+				})]
+			}),
+			/* @__PURE__ */ K(l, {
+				columns: {
+					base: 1,
+					sm: 2
+				},
+				gap: {
+					base: "xl",
+					sm: "2xl"
+				},
+				children: [/* @__PURE__ */ G(An, {
+					eyebrow: _.billFrom,
+					name: c.name,
+					location: c.location
+				}), /* @__PURE__ */ G(An, {
+					eyebrow: _.billTo,
+					name: d.name,
+					location: d.location
+				})]
+			}),
+			/* @__PURE__ */ G(O, {}),
+			/* @__PURE__ */ K(u, {
+				direction: "horizontal",
+				gap: "xl",
+				align: "end",
+				justify: "between",
+				children: [/* @__PURE__ */ K(u, {
+					gap: "xs",
+					children: [!!f && /* @__PURE__ */ G(H, {
+						layout: "inline",
+						label: _.issued,
+						value: f,
+						mono: !0,
+						valueClassName: "font-medium"
+					}), !!p && /* @__PURE__ */ G(H, {
+						layout: "inline",
+						label: _.due,
+						value: p,
+						mono: !0,
+						valueClassName: "font-medium"
+					})]
+				}), /* @__PURE__ */ K("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ G(s, { children: _.amountDue }), /* @__PURE__ */ G(o, {
+						tag: "h3",
+						className: r("mt-1 text-base tabular-nums leading-none tracking-tight border-none pb-0"),
+						children: m
+					})]
+				})]
+			})
+		]
+	});
+}
+jn.displayName = "InvoiceHeader";
+//#endregion
+//#region src/components/blocks/commerce/invoice-line-items/types.ts
+var Mn = {
+	item: "Item",
+	quantity: "Qty",
+	price: "Price",
+	subtotal: "Subtotal",
+	tax: "Tax",
+	total: "Total"
+}, Nn = "border border-border shadow-sm", Pn = {
+	left: "text-left justify-start",
+	right: "text-right justify-end",
+	center: "text-center justify-center"
+};
+function Fn({ amount: e, currency: t, weight: n = "regular" }) {
+	return /* @__PURE__ */ G(x, {
+		amount: e,
+		currency: t,
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2,
+		weight: n
+	});
+}
+function In(e, t) {
+	return [
+		{
+			id: "description",
+			header: t.item,
+			width: "minmax(0,1fr)",
+			cell: (e) => /* @__PURE__ */ G(a, {
+				className: "break-words",
+				children: e.description
+			})
+		},
+		{
+			id: "qty",
+			header: t.quantity,
+			width: "36px",
+			align: "center",
+			cell: (e) => /* @__PURE__ */ G(S, {
+				value: e.qty,
+				align: "center"
+			})
+		},
+		{
+			id: "price",
+			header: t.price,
+			width: "82px",
+			align: "right",
+			cell: (t) => /* @__PURE__ */ G(Fn, {
+				amount: t.price,
+				currency: e
+			})
+		},
+		{
+			id: "total",
+			header: t.total,
+			width: "82px",
+			align: "right",
+			cell: (t) => /* @__PURE__ */ G(Fn, {
+				amount: t.total,
+				currency: e
+			})
+		}
+	];
+}
+function Ln(e, t, n, r) {
+	let i = e.reduce((e, t) => e + t.total, 0), a = Math.round(i * t * 100) / 100, o = i + a;
+	return [
+		{
+			label: r.subtotal,
+			value: /* @__PURE__ */ G(Fn, {
+				amount: i,
+				currency: n
+			})
+		},
+		{
+			label: /* @__PURE__ */ K(W, { children: [
+				r.tax,
+				" (",
+				/* @__PURE__ */ G(b, { value: t }),
+				")"
+			] }),
+			value: /* @__PURE__ */ G(Fn, {
+				amount: a,
+				currency: n
+			})
+		},
+		{
+			label: r.total,
+			value: /* @__PURE__ */ G(Fn, {
+				amount: o,
+				currency: n,
+				weight: "bold"
+			}),
+			emphasis: "total"
+		}
+	];
+}
+function Rn({ items: t, columns: i, footerRows: o, taxRate: c = .2, currency: l, className: d, strings: f }) {
+	let p = n(Mn, f), { defaultCurrency: m } = e(), g = l ?? m ?? "€", _ = i ?? In(g, p), v = o ?? (i ? [] : Ln(t, c, g, p)), y = i ? _.map((e) => e.width ?? "1fr").join(" ") : void 0, b = "grid-cols-3 @lg/invoice-line-items:grid-cols-[minmax(0,1fr)_36px_82px_82px]";
+	return /* @__PURE__ */ K("div", {
+		className: r("invoice-line-items--component", "@container/invoice-line-items w-full min-w-0 max-w-full overflow-hidden rounded-radius bg-card", Nn, d),
+		children: [
+			/* @__PURE__ */ G("div", {
+				className: r("invoice-line-items--header min-w-0 gap-space-md bg-muted/40 px-row-x py-row-y", i ? "grid" : ["hidden @lg/invoice-line-items:grid", b]),
+				style: { gridTemplateColumns: y },
+				children: _.map((e) => /* @__PURE__ */ G("div", {
+					className: r("flex min-w-0", Pn[e.align ?? "left"], e.headerClassName),
+					children: /* @__PURE__ */ G(s, {
+						className: "min-w-0 truncate",
+						children: e.header
+					})
+				}, e.id))
+			}),
+			t.map((e, t) => /* @__PURE__ */ G("div", {
+				className: r("invoice-line-items--row grid min-w-0 gap-space-md px-row-x py-row-y", !i && b, t % 2 == 1 && "bg-muted/20"),
+				style: { gridTemplateColumns: y },
+				children: _.map((n) => /* @__PURE__ */ K("div", {
+					"data-column": n.id,
+					className: r("min-w-0", i ? ["flex items-center", Pn[n.align ?? "left"]] : n.id === "description" ? "col-span-full @lg/invoice-line-items:col-span-1" : ["grid gap-space-xs", n.align === "center" ? "text-center justify-items-center" : "text-right justify-items-end"], n.cellClassName),
+					children: [!i && n.id !== "description" && /* @__PURE__ */ G(s, {
+						className: "@lg/invoice-line-items:hidden",
+						children: n.header
+					}), n.cell(e, t)]
+				}, n.id))
+			}, t)),
+			v.length > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(O, {}), /* @__PURE__ */ G("div", {
+				className: "invoice-line-items--footer p-surface",
+				children: /* @__PURE__ */ G(u, {
+					gap: "sm",
+					children: v.map((e, t) => /* @__PURE__ */ K(u, {
+						direction: "horizontal",
+						gap: "sm",
+						justify: "between",
+						align: "baseline",
+						className: r(e.emphasis === "total" && "pt-space-md"),
+						children: [/* @__PURE__ */ G(a, {
+							type: e.emphasis === "total" ? void 0 : "secondary",
+							weight: e.emphasis === "total" ? "bold" : "regular",
+							children: e.label
+						}), zn(e.value) ? /* @__PURE__ */ G(h, {
+							weight: e.emphasis === "total" ? "bold" : "regular",
+							children: e.value
+						}) : /* @__PURE__ */ G("div", {
+							className: "invoice-line-items--footer-value shrink-0",
+							children: e.value
+						})]
+					}, t))
+				})
+			})] })
+		]
+	});
+}
+Rn.displayName = "InvoiceLineItems";
+function zn(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+//#endregion
+//#region src/components/blocks/commerce/order-timeline/order-timeline.tsx
+function Bn({ title: e, description: t, events: n, footerText: i, className: a }) {
+	let o = n.map((e) => ({
+		id: e.id,
+		title: e.title,
+		description: e.description,
+		timestamp: e.timestamp,
+		status: e.status
+	}));
+	return /* @__PURE__ */ G(j, {
+		"data-component": "order-timeline",
+		"data-slot": "order-timeline",
+		title: e,
+		description: t,
+		footerText: i,
+		className: r("order-timeline--component", a),
+		children: /* @__PURE__ */ G(de, { items: o })
+	});
+}
+Bn.displayName = "OrderTimeline";
+//#endregion
+//#region src/components/blocks/commerce/payment-timeline/payment-timeline.tsx
+function Vn({ events: e, className: t }) {
+	let n = e.map((e, t) => ({
+		id: `${e.label}-${String(t)}`,
+		title: e.label,
+		description: e.date,
+		icon: e.icon,
+		status: e.done ? "success" : "pending",
+		children: e.amount ? /* @__PURE__ */ G(h, {
+			weight: "medium",
+			className: "tabular-nums text-success",
+			children: e.amount
+		}) : void 0
+	}));
+	return /* @__PURE__ */ G("div", {
+		"data-component": "payment-timeline",
+		"data-slot": "payment-timeline",
+		className: r("payment-timeline--component min-w-0", t),
+		children: /* @__PURE__ */ G(de, {
+			items: n,
+			dotSize: "lg"
+		})
+	});
+}
+Vn.displayName = "PaymentTimeline";
+//#endregion
+//#region src/components/blocks/commerce/inventory-section/types.ts
+var Hn = {
+	title: "Inventory",
+	description: "Manage stock tracking, availability, fulfillment, and compliance details.",
+	status: {
+		in_stock: "In stock",
+		low_stock: "Low stock",
+		out_of_stock: "Out of stock",
+		untracked: "Not tracked"
+	},
+	sections: {
+		identity: "Identifiers",
+		tracking: "Stock tracking",
+		location: "Location",
+		shipping: "Shipping",
+		customs: "Customs",
+		tags: "Tags"
+	},
+	fields: {
+		sku: "SKU",
+		barcode: "Barcode",
+		trackQuantity: "Track quantity",
+		available: "Available",
+		committed: "Committed",
+		incoming: "Incoming",
+		lowStockThreshold: "Low-stock threshold",
+		inventoryPolicy: "When sold out",
+		locationId: "Stock location",
+		binLocation: "Bin / shelf",
+		requiresShipping: "Requires shipping",
+		weight: "Weight",
+		weightUnit: "Weight unit",
+		countryOfOrigin: "Country of origin",
+		hsCode: "HS code",
+		tags: "Inventory tags"
+	},
+	placeholders: {
+		sku: "BAL-750-CL",
+		barcode: "Scan or enter barcode",
+		available: "0",
+		committed: "0",
+		incoming: "0",
+		lowStockThreshold: "5",
+		locationId: "Select location",
+		binLocation: "Aisle / shelf / bin",
+		weight: "0.00",
+		countryOfOrigin: "Country code or name",
+		hsCode: "e.g. 2204.21",
+		tags: "Add tag..."
+	},
+	hints: {
+		sku: "Internal stock keeping unit.",
+		barcode: "GTIN, UPC, EAN, ISBN, or internal scan code.",
+		available: "Units currently sellable at this location.",
+		committed: "Units already reserved by open orders.",
+		incoming: "Units expected from transfers, suppliers, or production.",
+		lowStockThreshold: "Used for low-stock warnings.",
+		inventoryPolicy: "Choose whether checkout should block when inventory reaches zero.",
+		locationId: "Where this inventory is stocked or fulfilled from.",
+		binLocation: "Optional warehouse shelf, bay, or bin reference.",
+		weight: "Used for shipping rates and fulfillment labels.",
+		countryOfOrigin: "Required for international customs in many markets.",
+		hsCode: "Harmonized System tariff code for customs.",
+		tags: "Optional operational labels such as preorder, seasonal, or batch codes."
+	},
+	actions: {
+		generateSku: "Generate SKU",
+		restock: "Restock"
+	},
+	policyOptions: {
+		deny: {
+			label: "Stop selling",
+			description: "Block checkout when available inventory reaches zero."
+		},
+		continue: {
+			label: "Continue selling",
+			description: "Allow backorders or made-to-order fulfillment."
+		}
+	},
+	summary: {
+		available: "Available",
+		committed: "Committed",
+		incoming: "Incoming",
+		threshold: "Low-stock at",
+		untracked: "Inventory is not tracked for this product."
+	},
+	tagInput: {
+		placeholder: "Add inventory tag...",
+		emptyRecommendations: "No matching tags.",
+		clearAll: "Clear tags",
+		summary: (e, t) => `${e} / ${t} tags`
+	}
+}, Un = {
+	in_stock: "success",
+	low_stock: "warning",
+	out_of_stock: "destructive",
+	untracked: "secondary"
+}, Wn = {
+	default: "border-border/60 bg-muted/20",
+	success: "border-success/20 bg-success/5",
+	warning: "border-warning/30 bg-warning/10",
+	error: "border-destructive/20 bg-destructive/5",
+	info: "border-info/20 bg-info/5"
+};
+function Gn(e) {
+	if (e === void 0 || e.trim() === "") return;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : void 0;
+}
+function Kn(e) {
+	if (!(e.trackQuantity ?? !0)) return "untracked";
+	let t = Gn(e.available) ?? 0;
+	if (t <= 0) return "out_of_stock";
+	let n = Gn(e.lowStockThreshold);
+	return n !== void 0 && t <= n ? "low_stock" : "in_stock";
+}
+function qn(e, t) {
+	return e === "available" ? t === "in_stock" ? "success" : t === "low_stock" ? "warning" : t === "out_of_stock" ? "error" : "default" : "default";
+}
+function $({ children: e, className: t }) {
+	return /* @__PURE__ */ G(a, {
+		weight: "semibold",
+		className: r("inventory-section-card--section-title", t),
+		children: e
+	});
+}
+function Jn({ metric: e }) {
+	return /* @__PURE__ */ K("div", {
+		className: r("inventory-section-card--metric min-w-0 rounded-radius-sm border px-space-lg py-space-md", Wn[e.tone ?? "default"]),
+		children: [
+			/* @__PURE__ */ G(a, {
+				size: "xs",
+				type: "secondary",
+				children: e.label
+			}),
+			/* @__PURE__ */ G(h, {
+				weight: "semibold",
+				className: "tabular-nums",
+				children: e.value
+			}),
+			!!e.description && /* @__PURE__ */ G(a, {
+				size: "xs",
+				type: "secondary",
+				lineHeight: "snug",
+				children: e.description
+			})
+		]
+	});
+}
+function Yn({ value: e, onValueChange: t, errors: a, disabled: o = !1, readOnly: s = !1, visibleSections: c, visibleFields: d, locationOptions: f = [], countryOptions: p = [], tagRecommendations: m, maxTags: h, onGenerateSku: g, onRestock: _, className: v, strings: y }) {
+	let b = n(Hn, y), x = Kn(e), S = o || s, C = e.trackQuantity ?? !0, w = e.requiresShipping ?? !0, T = S || !w, E = (e) => c?.[e] !== !1, O = (e) => d?.[e] !== !1, A = (n, r) => {
+		let i = e[n], a = {
+			...e,
+			[n]: r
+		};
+		t?.(a, {
+			field: n,
+			value: r,
+			previousValue: i
+		});
+	}, ie = () => {
+		if (!g || S) return;
+		let t = g(e);
+		typeof t == "string" && A("sku", t);
+	}, F = [
+		{
+			id: "available",
+			label: b.summary.available,
+			value: C ? e.available || "0" : "-",
+			description: C ? void 0 : b.summary.untracked,
+			tone: qn("available", x)
+		},
+		{
+			id: "committed",
+			label: b.summary.committed,
+			value: e.committed || "0",
+			tone: qn("committed", x)
+		},
+		{
+			id: "incoming",
+			label: b.summary.incoming,
+			value: e.incoming || "0",
+			tone: qn("incoming", x)
+		},
+		{
+			id: "threshold",
+			label: b.summary.threshold,
+			value: e.lowStockThreshold || "-",
+			tone: qn("threshold", x)
+		}
+	];
+	return /* @__PURE__ */ K(j, {
+		icon: /* @__PURE__ */ G(Fe, { className: "size-icon" }),
+		title: b.title,
+		description: b.description,
+		titleSuffix: /* @__PURE__ */ G(D, {
+			tone: Un[x],
+			children: b.status[x]
+		}),
+		headerAction: /* @__PURE__ */ K(u, {
+			direction: "horizontal",
+			gap: "sm",
+			className: "w-full @md/inventory-section-card:w-auto @md/inventory-section-card:justify-end",
+			children: [!!g && /* @__PURE__ */ K(i, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: "sm",
+				onClick: ie,
+				disabled: S,
+				children: [/* @__PURE__ */ G(Ue, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}), b.actions.generateSku]
+			}), !!_ && /* @__PURE__ */ K(i, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				onClick: () => _(e),
+				disabled: S,
+				children: [/* @__PURE__ */ G(Re, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}), b.actions.restock]
+			})]
+		}),
+		headerDivider: !0,
+		className: r("inventory-section-card--component @container/inventory-section-card w-full", v),
+		headerClassName: "@max-md/inventory-section-card:flex-col @max-md/inventory-section-card:items-stretch",
+		contentGap: "xl",
+		children: [
+			!!E("summary") && /* @__PURE__ */ G("div", {
+				className: "inventory-section-card--summary grid min-w-0 grid-cols-1 gap-space-md @md/inventory-section-card:grid-cols-2 @3xl/inventory-section-card:grid-cols-4",
+				children: F.map((e) => /* @__PURE__ */ G(Jn, { metric: e }, e.id))
+			}),
+			!!E("identity") && /* @__PURE__ */ K(u, {
+				render: /* @__PURE__ */ G("section", {}),
+				gap: "md",
+				className: "inventory-section-card--identity",
+				children: [/* @__PURE__ */ G($, { children: b.sections.identity }), /* @__PURE__ */ K(l, { children: [!!O("sku") && /* @__PURE__ */ G(M, {
+					label: b.fields.sku,
+					error: a?.sku,
+					hint: b.hints.sku,
+					children: /* @__PURE__ */ G(k, {
+						value: e.sku ?? "",
+						onChange: (e) => A("sku", e.target.value),
+						placeholder: b.placeholders.sku,
+						startIcon: Fe,
+						disabled: S,
+						invalid: !!a?.sku
+					})
+				}), !!O("barcode") && /* @__PURE__ */ G(M, {
+					label: b.fields.barcode,
+					error: a?.barcode,
+					hint: b.hints.barcode,
+					children: /* @__PURE__ */ G(k, {
+						value: e.barcode ?? "",
+						onChange: (e) => A("barcode", e.target.value),
+						placeholder: b.placeholders.barcode,
+						startIcon: ve,
+						disabled: S,
+						invalid: !!a?.barcode
+					})
+				})] })]
+			}),
+			!!E("tracking") && /* @__PURE__ */ K(u, {
+				render: /* @__PURE__ */ G("section", {}),
+				gap: "md",
+				className: "inventory-section-card--tracking border-t border-border/60 pt-space-xl",
+				children: [
+					/* @__PURE__ */ G($, { children: b.sections.tracking }),
+					!!O("trackQuantity") && /* @__PURE__ */ G(N, {
+						label: b.fields.trackQuantity,
+						description: b.hints.available,
+						value: C,
+						onValueChange: (e) => A("trackQuantity", e),
+						disabled: S
+					}),
+					/* @__PURE__ */ K("div", {
+						className: "inventory-section-card--tracking-grid grid min-w-0 grid-cols-1 gap-space-xl @md/inventory-section-card:grid-cols-2 @3xl/inventory-section-card:grid-cols-4",
+						children: [
+							!!O("available") && /* @__PURE__ */ G(M, {
+								label: b.fields.available,
+								error: a?.available,
+								hint: b.hints.available,
+								children: /* @__PURE__ */ G(P, {
+									value: e.available ?? "",
+									onChange: (e) => A("available", e.target.value),
+									placeholder: b.placeholders.available,
+									min: 0,
+									decimalPlaces: 0,
+									step: 1,
+									disabled: S || !C,
+									invalid: !!a?.available
+								})
+							}),
+							!!O("committed") && /* @__PURE__ */ G(M, {
+								label: b.fields.committed,
+								error: a?.committed,
+								hint: b.hints.committed,
+								children: /* @__PURE__ */ G(P, {
+									value: e.committed ?? "",
+									onChange: (e) => A("committed", e.target.value),
+									placeholder: b.placeholders.committed,
+									min: 0,
+									decimalPlaces: 0,
+									step: 1,
+									disabled: S || !C,
+									invalid: !!a?.committed
+								})
+							}),
+							!!O("incoming") && /* @__PURE__ */ G(M, {
+								label: b.fields.incoming,
+								error: a?.incoming,
+								hint: b.hints.incoming,
+								children: /* @__PURE__ */ G(P, {
+									value: e.incoming ?? "",
+									onChange: (e) => A("incoming", e.target.value),
+									placeholder: b.placeholders.incoming,
+									min: 0,
+									decimalPlaces: 0,
+									step: 1,
+									disabled: S || !C,
+									invalid: !!a?.incoming
+								})
+							}),
+							!!O("lowStockThreshold") && /* @__PURE__ */ G(M, {
+								label: b.fields.lowStockThreshold,
+								error: a?.lowStockThreshold,
+								hint: b.hints.lowStockThreshold,
+								children: /* @__PURE__ */ G(P, {
+									value: e.lowStockThreshold ?? "",
+									onChange: (e) => A("lowStockThreshold", e.target.value),
+									placeholder: b.placeholders.lowStockThreshold,
+									min: 0,
+									decimalPlaces: 0,
+									step: 1,
+									disabled: S || !C,
+									invalid: !!a?.lowStockThreshold
+								})
+							})
+						]
+					}),
+					!!O("inventoryPolicy") && /* @__PURE__ */ G(M, {
+						label: b.fields.inventoryPolicy,
+						error: a?.inventoryPolicy,
+						hint: b.hints.inventoryPolicy,
+						children: /* @__PURE__ */ G(te, {
+							columns: 2,
+							value: e.inventoryPolicy ?? "deny",
+							onValueChange: (e) => A("inventoryPolicy", e),
+							disabled: S || !C,
+							invalid: !!a?.inventoryPolicy,
+							options: [{
+								value: "deny",
+								label: b.policyOptions.deny.label,
+								description: b.policyOptions.deny.description
+							}, {
+								value: "continue",
+								label: b.policyOptions.continue.label,
+								description: b.policyOptions.continue.description
+							}]
+						})
+					})
+				]
+			}),
+			!!E("location") && /* @__PURE__ */ K(u, {
+				render: /* @__PURE__ */ G("section", {}),
+				gap: "md",
+				className: "inventory-section-card--location border-t border-border/60 pt-space-xl",
+				children: [/* @__PURE__ */ G($, { children: b.sections.location }), /* @__PURE__ */ K(l, { children: [!!O("locationId") && /* @__PURE__ */ G(M, {
+					label: b.fields.locationId,
+					error: a?.locationId,
+					hint: b.hints.locationId,
+					children: f.length > 0 ? /* @__PURE__ */ G(ee, {
+						value: e.locationId ?? null,
+						onValueChange: (e) => A("locationId", e),
+						options: f,
+						placeholder: b.placeholders.locationId,
+						disabled: S,
+						invalid: !!a?.locationId,
+						allowClear: !0
+					}) : /* @__PURE__ */ G(k, {
+						value: e.locationId ?? "",
+						onChange: (e) => A("locationId", e.target.value),
+						placeholder: b.placeholders.locationId,
+						disabled: S,
+						invalid: !!a?.locationId
+					})
+				}), !!O("binLocation") && /* @__PURE__ */ G(M, {
+					label: b.fields.binLocation,
+					error: a?.binLocation,
+					hint: b.hints.binLocation,
+					children: /* @__PURE__ */ G(k, {
+						value: e.binLocation ?? "",
+						onChange: (e) => A("binLocation", e.target.value),
+						placeholder: b.placeholders.binLocation,
+						disabled: S,
+						invalid: !!a?.binLocation
+					})
+				})] })]
+			}),
+			!!E("shipping") && /* @__PURE__ */ K(u, {
+				render: /* @__PURE__ */ G("section", {}),
+				gap: "md",
+				className: "inventory-section-card--shipping border-t border-border/60 pt-space-xl",
+				children: [
+					/* @__PURE__ */ G($, { children: b.sections.shipping }),
+					!!O("requiresShipping") && /* @__PURE__ */ G(N, {
+						label: b.fields.requiresShipping,
+						description: b.hints.weight,
+						value: w,
+						onValueChange: (e) => A("requiresShipping", e),
+						disabled: S
+					}),
+					!!O("weight") && /* @__PURE__ */ G(M, {
+						label: b.fields.weight,
+						error: a?.weight ?? a?.weightUnit,
+						hint: b.hints.weight,
+						children: /* @__PURE__ */ G(re, {
+							value: e.weight ?? "",
+							unit: e.weightUnit ?? "kg",
+							onChange: (e) => A("weight", e.target.value),
+							onUnitChange: (e) => A("weightUnit", e),
+							disabled: T,
+							invalid: !!a?.weight || !!a?.weightUnit,
+							decimalPlaces: 2,
+							min: 0
+						})
+					})
+				]
+			}),
+			!!E("customs") && /* @__PURE__ */ K(u, {
+				render: /* @__PURE__ */ G("section", {}),
+				gap: "md",
+				className: "inventory-section-card--customs border-t border-border/60 pt-space-xl",
+				children: [/* @__PURE__ */ G($, { children: b.sections.customs }), /* @__PURE__ */ K(l, { children: [!!O("countryOfOrigin") && /* @__PURE__ */ G(M, {
+					label: b.fields.countryOfOrigin,
+					error: a?.countryOfOrigin,
+					hint: b.hints.countryOfOrigin,
+					children: p.length > 0 ? /* @__PURE__ */ G(ee, {
+						value: e.countryOfOrigin ?? null,
+						onValueChange: (e) => A("countryOfOrigin", e),
+						options: p,
+						placeholder: b.placeholders.countryOfOrigin,
+						disabled: T,
+						invalid: !!a?.countryOfOrigin,
+						allowClear: !0
+					}) : /* @__PURE__ */ G(k, {
+						value: e.countryOfOrigin ?? "",
+						onChange: (e) => A("countryOfOrigin", e.target.value),
+						placeholder: b.placeholders.countryOfOrigin,
+						disabled: T,
+						invalid: !!a?.countryOfOrigin
+					})
+				}), !!O("hsCode") && /* @__PURE__ */ G(M, {
+					label: b.fields.hsCode,
+					error: a?.hsCode,
+					hint: b.hints.hsCode,
+					children: /* @__PURE__ */ G(k, {
+						value: e.hsCode ?? "",
+						onChange: (e) => A("hsCode", e.target.value),
+						placeholder: b.placeholders.hsCode,
+						disabled: T,
+						invalid: !!a?.hsCode
+					})
+				})] })]
+			}),
+			!!E("tags") && !!O("tags") && /* @__PURE__ */ K(u, {
+				render: /* @__PURE__ */ G("section", {}),
+				gap: "md",
+				className: "inventory-section-card--tags border-t border-border/60 pt-space-xl",
+				children: [/* @__PURE__ */ G($, { children: b.sections.tags }), /* @__PURE__ */ G(M, {
+					label: b.fields.tags,
+					error: a?.tags,
+					hint: b.hints.tags,
+					children: /* @__PURE__ */ G(ne, {
+						value: e.tags ?? [],
+						onValueChange: (e) => A("tags", e),
+						recommendations: m,
+						maxTags: h,
+						showMaxTags: h !== void 0,
+						disabled: S,
+						invalid: !!a?.tags,
+						strings: b.tagInput
+					})
+				})]
+			})
+		]
+	});
+}
+Yn.displayName = "InventorySectionCard";
+//#endregion
+export { Ft as AddressCard, Qe as BookingCalendarEventCard, Ut as CartSummaryCard, Kt as CouponInputCard, en as DEFAULT_SEO_LISTING_LIMITS, it as DiscountStackPreview, bt as GiftcardCard, Et as InventoryLevel, Yn as InventorySectionCard, jn as InvoiceHeader, Rn as InvoiceLineItems, On as InvoiceMini, et as LoyaltyPoints, Yt as OrderStatusCard, Bn as OrderTimeline, $t as PaymentMethod, Vn as PaymentTimeline, le as Receipt, ue as ReceiptItems, Nt as RefundStatusCard, Tn as SeoListingCard, st as ShipmentTracking, At as SubscriptionSummaryCard, Ot as TaxBreakdownCard, Xe as UpcomingBookingRow, wt as VendorProfileCard, Rt as VoucherEntry, dn as calculateSeoListingScore, Pt as defaultAddressCardStrings, zt as defaultCartSummaryStrings, Wt as defaultCouponInputStrings, rt as defaultDiscountStackStrings, Tt as defaultInventoryLevelStrings, Hn as defaultInventorySectionStrings, $e as defaultLoyaltyPointsStrings, qt as defaultOrderStatusStrings, Xt as defaultPaymentMethodStrings, jt as defaultRefundStatusStrings, fn as defaultSeoListingCardStrings, ot as defaultShipmentTrackingStrings, kt as defaultSubscriptionSummaryStrings, Dt as defaultTaxBreakdownStrings, xt as defaultVendorProfileStrings, It as defaultVoucherEntryStrings, Q as getSeoPermalinkPath, on as getSeoPermalinkSlug };
+
+//# sourceMappingURL=commerce.js.map