themelia-ui 1.0.0

package/dist/admin/patterns/commerce.js

@@ -0,0 +1,2367 @@
+"use client";
+import "../../core.css";
+import "../../css/commerce.css";
+import { t as e } from "../../cx--CBrhWH0.js";
+import { a as t, i as n, o as r } from "../../typography-vC_wwEBm.js";
+import { _ as i, h as a, o, p as s, s as c } from "../../feedback-DHdvxang.js";
+import { c as l } from "../../buttons-CabBjPap.js";
+import { n as u, t as d } from "../../action-menu-jAPdRvbi.js";
+import { t as f } from "../../copyable-BCzl5xJE.js";
+import { _ as p, c as m, d as h, g, h as _, l as v, u as y, v as b } from "../../display-DTWjv_bB.js";
+import { B as x, D as S, E as C, F as ee, I as te, T as ne, k as w, w as T } from "../../primitives-D-cyAv5O.js";
+import { t as E } from "../../badge-DwsR_WXN.js";
+import { c as D, i as O, n as k, o as A, r as re, t as ie, u as j } from "../../item-CVi-_7OU.js";
+import { t as ae } from "../../use-controllable-state-HHu2LRI-.js";
+import { u as M } from "../../forms-BjJns3n7.js";
+import { t as N } from "../../strings-Co9_qArR.js";
+import { l as oe } from "../../text-inputs-BMW3hP0R.js";
+import { t as P } from "../../timeline-C1iIrqIM.js";
+import { n as se } from "../../timelines-BA7Fe__3.js";
+import { c as ce, i as F, l as I, n as le, o as ue, s as L, t as de } from "../../table-MIC6hYQ7.js";
+import { a as fe, c as pe, r as me } from "../../avatar-y8bQHcPP.js";
+import { f as he, h as ge, m as _e, p as ve } from "../../navigation-CRCc8lpn.js";
+import { s as ye, v as be } from "../../choice-inputs-B4fseaKf.js";
+import { s as xe } from "../../value-inputs-okQ1S7CX.js";
+import { BanIcon as Se, CheckIcon as Ce, CircleAlertIcon as we, CircleCheckIcon as Te, CircleXIcon as Ee, CreditCardIcon as R, DownloadIcon as De, ExternalLinkIcon as Oe, FileTextIcon as ke, GiftIcon as Ae, ImageIcon as je, MailIcon as Me, MapPinIcon as Ne, PackageIcon as Pe, PencilIcon as Fe, PhoneIcon as Ie, ReceiptIcon as Le, RepeatIcon as Re, RotateCcwIcon as ze, SearchIcon as Be, ShieldCheckIcon as Ve, ShoppingBagIcon as He, TagIcon as Ue, TicketIcon as We, TriangleAlertIcon as Ge, TruckIcon as Ke, XIcon as qe } from "lucide-react";
+import { useState as Je } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+//#region src/components/admin/patterns/commerce/commerce.strings.ts
+var Ye = {
+	title: "Cart",
+	subtotal: "Subtotal",
+	tax: "Tax",
+	shipping: "Shipping",
+	discount: "Discount",
+	total: "Total",
+	checkout: "Checkout",
+	formatQuantity: (e) => `×${e}`
+}, Xe = {
+	title: "Tax",
+	subtotal: "Subtotal",
+	totalTax: "Total tax",
+	total: "Total"
+}, Ze = {
+	title: "Have a code?",
+	fieldLabel: "Discount code",
+	placeholder: "Enter code",
+	apply: "Apply",
+	remove: "Remove",
+	applied: "Applied",
+	balance: "Remaining balance"
+}, Qe = {
+	title: "Redeem a gift card",
+	helperText: "One gift card or voucher per order.",
+	fieldLabel: "Gift card code",
+	placeholder: "Enter gift card code",
+	apply: "Check balance",
+	remove: "Remove",
+	applied: "Applied",
+	balance: "Available balance"
+}, $e = {
+	title: "Applied discounts",
+	totalSavings: "Total savings"
+}, H = {
+	title: "Invoice",
+	billFrom: "Bill from",
+	billTo: "Bill to",
+	issued: "Issued",
+	due: "Due",
+	amountDue: "Amount due",
+	item: "Item",
+	quantity: "Qty",
+	price: "Price",
+	amount: "Amount",
+	subtotal: "Subtotal",
+	tax: "Tax",
+	total: "Total",
+	paid: "Paid",
+	pending: "Pending",
+	overdue: "Overdue",
+	formatLineCount: (e) => `${e} ${e === 1 ? "item" : "items"}`
+}, et = {
+	title: "Order status",
+	statusLabel: "Current status",
+	latestEvent: "Latest event",
+	nextStep: "Next step",
+	eta: "Estimated delivery",
+	formatHistory: (e) => `Order history (${e} ${e === 1 ? "event" : "events"})`,
+	pending: "Pending",
+	paid: "Paid",
+	fulfilled: "Fulfilled",
+	shipped: "Shipped",
+	delivered: "Delivered",
+	cancelled: "Cancelled"
+}, tt = {
+	title: "Shipment",
+	carrier: "Carrier",
+	trackingNumber: "Tracking number",
+	pending: "Pending",
+	inTransit: "In transit",
+	delivered: "Delivered",
+	delayed: "Delayed"
+}, nt = {
+	title: "Refund",
+	amount: "Refund amount",
+	reason: "Reason",
+	method: "Refund to",
+	eta: "Expected by",
+	requested: "Requested",
+	approved: "Approved",
+	processing: "Processing",
+	completed: "Completed"
+}, rt = {
+	defaultBadge: "Default",
+	edit: "Edit",
+	remove: "Remove",
+	makeDefault: "Make default",
+	shipping: "Shipping address",
+	billing: "Billing address",
+	pickup: "Pickup address"
+}, it = {
+	title: "Payment method",
+	defaultBadge: "Default",
+	expires: "Expires",
+	change: "Change",
+	formatCard: (e, t) => `${e} ending ${t}`
+}, at = {
+	title: "Subscription",
+	plan: "Plan",
+	nextBilling: "Next billing",
+	included: "Included",
+	manage: "Manage",
+	upgrade: "Upgrade"
+}, ot = {
+	inStock: "In stock",
+	lowStock: "Low stock",
+	outOfStock: "Out of stock",
+	reorderAt: "Reorder at",
+	lastRestocked: "Last restocked",
+	formatLevel: (e, t) => `${e} of ${t} units`
+}, st = {
+	title: "Loyalty",
+	balanceLabel: "Balance",
+	pointsAvailable: "points available",
+	activityLabel: "Recent activity",
+	redeem: "Redeem points"
+}, ct = {
+	tabOverview: "Overview",
+	tabStats: "Performance",
+	totalEarnings: "Total earnings",
+	message: "Message",
+	hire: "Hire vendor",
+	verified: "Verified"
+}, lt = {
+	title: "Search appearance",
+	edit: "Edit listing",
+	noTitle: "Untitled page",
+	noDescription: "No description yet. Search engines will pick their own.",
+	noPermalink: "No permalink yet",
+	checks: {
+		title: "Title length",
+		description: "Description length",
+		permalink: "Permalink length",
+		slug: "Slug format",
+		url: "Secure origin",
+		keyword: "Keyword present"
+	},
+	status: {
+		good: "Good",
+		review: "Needs review",
+		missing: "Missing"
+	},
+	formatScore: (e) => `${e} / 100`,
+	formatPercent: (e) => `${e}%`,
+	formatMeasure: (e, t) => `${e} / ${t}`
+}, ut = {
+	title: "Inventory",
+	description: "Stock, identifiers, and how this product ships.",
+	sections: {
+		identity: "Identifiers",
+		tracking: "Stock",
+		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 at",
+		inventoryPolicy: "When out of stock",
+		binLocation: "Bin",
+		requiresShipping: "Requires shipping",
+		weight: "Weight",
+		countryOfOrigin: "Country of origin",
+		hsCode: "HS code",
+		tags: "Tags"
+	},
+	placeholders: {
+		sku: "ABC-123",
+		barcode: "0123456789012",
+		binLocation: "A-14-3",
+		hsCode: "6109.10",
+		tags: "Add a tag"
+	},
+	hints: {
+		trackQuantity: "Off means this product is always available to sell.",
+		lowStockThreshold: "Below this, the product reads as low stock.",
+		inventoryPolicy: "Whether customers can order past zero.",
+		binLocation: "Where it sits in the warehouse.",
+		customs: "Used on customs forms for international shipments.",
+		hsCode: "The tariff classification for this product."
+	},
+	policy: {
+		deny: "Stop selling",
+		continue: "Keep selling (backorder)"
+	},
+	summary: {
+		available: "Available",
+		committed: "Committed",
+		incoming: "Incoming",
+		threshold: "Low stock at"
+	}
+}, dt = {
+	formatOrderNumber: (e) => `#${e}`,
+	formatOrigin: (e, t) => `${e} from ${t}`
+}, U = {
+	fulfillment: {
+		unfulfilled: "Unfulfilled",
+		partiallyFulfilled: "Partially fulfilled",
+		fulfilled: "Fulfilled",
+		scheduled: "Scheduled",
+		onHold: "On hold",
+		cancelled: "Cancelled"
+	},
+	payment: {
+		pending: "Pending",
+		authorized: "Authorized",
+		paid: "Paid",
+		partiallyRefunded: "Partially refunded",
+		refunded: "Refunded",
+		voided: "Voided"
+	}
+}, W = {
+	formatHeading: (e, t) => `${e} (${t})`,
+	formatUnitPrice: (e, t) => `${e} × ${t}`
+}, ft = { title: "Payment" }, pt = {
+	title: "Transactions",
+	kind: {
+		authorization: "Authorization",
+		capture: "Capture",
+		sale: "Sale",
+		refund: "Refund",
+		void: "Void",
+		chargeback: "Chargeback"
+	},
+	status: {
+		success: "Success",
+		pending: "Pending",
+		failure: "Failed"
+	},
+	reference: "Reference",
+	empty: "No transactions yet."
+}, mt = {
+	title: "Customer",
+	shippingAddress: "Shipping address",
+	billingAddress: "Billing address",
+	editShipping: "Edit shipping address",
+	editBilling: "Edit billing address",
+	sameAsShipping: "Same as shipping address",
+	noAddress: "No address on file",
+	formatOrderCount: (e) => `${e} ${e === 1 ? "order" : "orders"}`
+}, ht = "−";
+function G(e) {
+	return e.replace(/^[\s−-]+/, "");
+}
+function gt(e) {
+	return e.trim() ? `−${G(e)}` : e;
+}
+var K = {
+	light: "commerce-module__light___vBkZw",
+	dark: "commerce-module__dark___a-MC-",
+	block: "commerce-module__block___-zUa5",
+	summaryPanel: "commerce-module__summaryPanel___6XrFf",
+	amountRow: "commerce-module__amountRow___SBXpG",
+	amountLabel: "commerce-module__amountLabel___tIJO9",
+	amountNote: "commerce-module__amountNote___YirdU",
+	amountValue: "commerce-module__amountValue___EF8R6",
+	summaryRollup: "commerce-module__summaryRollup___Kdjhq",
+	cartThumb: "commerce-module__cartThumb___pHc87",
+	cartLineAmount: "commerce-module__cartLineAmount___iONJf",
+	couponForm: "commerce-module__couponForm___dBmwZ",
+	couponField: "commerce-module__couponField___MlMV4",
+	couponApplied: "commerce-module__couponApplied___p3SBe",
+	couponAppliedBody: "commerce-module__couponAppliedBody___LuGXv",
+	couponCode: "commerce-module__couponCode___56n0x",
+	couponAmount: "commerce-module__couponAmount___65Pfv",
+	orderFacts: "commerce-module__orderFacts___2YnKA",
+	orderFact: "commerce-module__orderFact___laxBE",
+	paymentTimeline: "commerce-module__paymentTimeline___LBibn",
+	refundStages: "commerce-module__refundStages___icjU2",
+	refundStage: "commerce-module__refundStage___60-W3",
+	refundBar: "commerce-module__refundBar___oZRaS",
+	refundDetails: "commerce-module__refundDetails___QmuOg",
+	invoiceParties: "commerce-module__invoiceParties___Ze3FX",
+	invoiceMini: "commerce-module__invoiceMini___JtbQM",
+	invoiceMiniHead: "commerce-module__invoiceMiniHead___TijLj",
+	invoiceMiniFoot: "commerce-module__invoiceMiniFoot___Pstcq",
+	invoiceMiniMeta: "commerce-module__invoiceMiniMeta___3PxFU",
+	address: "commerce-module__address___GkkBE",
+	addressCompact: "commerce-module__addressCompact___d5xPZ",
+	blockActions: "commerce-module__blockActions___KGbnE",
+	paymentIdentity: "commerce-module__paymentIdentity___4SQNo",
+	paymentIdentityBody: "commerce-module__paymentIdentityBody___nuEJb",
+	perks: "commerce-module__perks___IcZXW",
+	perkList: "commerce-module__perkList___hZYt2",
+	perk: "commerce-module__perk___xkm3I",
+	perkIcon: "commerce-module__perkIcon___RM9IJ",
+	bookingDetails: "commerce-module__bookingDetails___sFtNx",
+	bookingDetail: "commerce-module__bookingDetail___ZzD2h",
+	bookingValue: "commerce-module__bookingValue___-8OYC",
+	bookingAction: "commerce-module__bookingAction___09T-t",
+	loyaltyBalance: "commerce-module__loyaltyBalance___-FxUP",
+	loyaltyActivity: "commerce-module__loyaltyActivity___ojbpq",
+	loyaltyFigure: "commerce-module__loyaltyFigure___MBhow",
+	loyaltyDelta: "commerce-module__loyaltyDelta___a1anP",
+	vendorIdentity: "commerce-module__vendorIdentity___FLU-t",
+	vendorIdentityBody: "commerce-module__vendorIdentityBody___9Q5i6",
+	vendorName: "commerce-module__vendorName___KN-co",
+	vendorVerified: "commerce-module__vendorVerified___zL0W5",
+	vendorStats: "commerce-module__vendorStats___lf3IG",
+	vendorStat: "commerce-module__vendorStat___9U01f",
+	seoPreview: "commerce-module__seoPreview___WKgF8",
+	seoUrl: "commerce-module__seoUrl___FSbHm",
+	seoUrlIcon: "commerce-module__seoUrlIcon___2LIU8",
+	seoTitle: "commerce-module__seoTitle___Xiqa5",
+	seoDescription: "commerce-module__seoDescription___tKGBd",
+	seoChecks: "commerce-module__seoChecks___8ozIG",
+	seoCheck: "commerce-module__seoCheck___2Mgc0",
+	seoCheckIcon: "commerce-module__seoCheckIcon___b7js-",
+	seoCheckBody: "commerce-module__seoCheckBody___FJI10",
+	seoCheckHead: "commerce-module__seoCheckHead___2m1X3",
+	seoCheckLabel: "commerce-module__seoCheckLabel___fVXQv",
+	inventoryGroup: "commerce-module__inventoryGroup___otBs7",
+	inventoryFields: "commerce-module__inventoryFields___HVqcM",
+	orderHeader: "commerce-module__orderHeader___Yom6q",
+	orderHeaderTop: "commerce-module__orderHeaderTop___oDFPV",
+	orderHeaderActions: "commerce-module__orderHeaderActions___tMdrB",
+	orderHistoryToggle: "commerce-module__orderHistoryToggle___yfipZ",
+	orderHistory: "commerce-module__orderHistory___iYctJ",
+	group: "commerce-module__group___gtpp0",
+	groupHead: "commerce-module__groupHead___zVDxs",
+	groupHeadTop: "commerce-module__groupHeadTop___2rMow",
+	groupLocation: "commerce-module__groupLocation___-p0VE",
+	groupNotice: "commerce-module__groupNotice___QBnDd",
+	groupMarkIcon: "commerce-module__groupMarkIcon___AAHV7",
+	groupItems: "commerce-module__groupItems___srWc-",
+	lineItem: "commerce-module__lineItem___D5yBi",
+	groupActions: "commerce-module__groupActions___cU6Ec",
+	lineThumb: "commerce-module__lineThumb___pxh9H",
+	lineThumbIcon: "commerce-module__lineThumbIcon___aicCN",
+	lineBody: "commerce-module__lineBody___ET-m2",
+	lineMeta: "commerce-module__lineMeta___xxiUw",
+	lineProperties: "commerce-module__lineProperties___ttjaL",
+	lineProperty: "commerce-module__lineProperty___7Adve",
+	linePropertyValue: "commerce-module__linePropertyValue___VH32W",
+	linePrice: "commerce-module__linePrice___KCaDd",
+	lineTotal: "commerce-module__lineTotal___9pC7t",
+	transactions: "commerce-module__transactions___9SFd6",
+	transaction: "commerce-module__transaction___oj2ic",
+	transactionBody: "commerce-module__transactionBody___LtiyR",
+	transactionHead: "commerce-module__transactionHead___WlrvO",
+	transactionMeta: "commerce-module__transactionMeta___oSGc6",
+	transactionAmount: "commerce-module__transactionAmount___HrLEy",
+	customerSection: "commerce-module__customerSection___pnLjY",
+	customerSectionHead: "commerce-module__customerSectionHead___128-g",
+	customerIdentity: "commerce-module__customerIdentity___m79tq",
+	customerIdentityBody: "commerce-module__customerIdentityBody___Nk5Ue",
+	customerName: "commerce-module__customerName___E3dEY",
+	customerContact: "commerce-module__customerContact___1zh8g",
+	customerContactLine: "commerce-module__customerContactLine___B1h6d",
+	customerContactIcon: "commerce-module__customerContactIcon___nE6Fo",
+	customerAddresses: "commerce-module__customerAddresses___Zgrsb"
+};
+//#endregion
+//#region src/components/admin/patterns/commerce/summary-panel.tsx
+function q({ label: t, amount: n, total: i = !1, deduction: a = !1, note: o, className: s, ...c }) {
+	return /* @__PURE__ */ V("div", {
+		"data-total": i ? "" : void 0,
+		"data-deduction": a ? "" : void 0,
+		className: e("amount-row--component", K.amountRow, s),
+		...c,
+		children: [
+			/* @__PURE__ */ B(r, {
+				tag: "span",
+				size: "xs",
+				type: i ? "main" : "secondary",
+				weight: i ? "semibold" : "regular",
+				className: K.amountLabel,
+				children: t
+			}),
+			/* @__PURE__ */ B(r, {
+				tag: "span",
+				size: "xs",
+				type: "discrete",
+				className: K.amountNote,
+				children: o
+			}),
+			/* @__PURE__ */ B(r, {
+				tag: "span",
+				numeric: !0,
+				weight: i ? "bold" : "medium",
+				className: e("amount-row--value", K.amountValue),
+				children: a ? gt(n) : n
+			})
+		]
+	});
+}
+function J({ children: t, className: n, ...r }) {
+	return /* @__PURE__ */ B("div", {
+		className: e("summary-panel--component", K.summaryPanel, n),
+		...r,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/cart.tsx
+function _t({ items: t, subtotal: n, tax: i, shipping: a, discount: o, total: s, onCheckout: c, strings: u, className: d, ...f }) {
+	let p = {
+		...Ye,
+		...u
+	}, m = !!(n || i || a || o);
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(He, { "aria-hidden": "true" }),
+		title: p.title,
+		className: e("cart-summary--component", K.block, d),
+		...f,
+		children: [
+			/* @__PURE__ */ B(A, {
+				ruled: !0,
+				children: t.map((e) => /* @__PURE__ */ V(ie, { children: [
+					/* @__PURE__ */ B(D, {
+						variant: "image",
+						children: e.imageSrc ? /* @__PURE__ */ B("img", {
+							src: e.imageSrc,
+							alt: e.imageAlt ?? e.title,
+							onError: (e) => {
+								e.currentTarget.hidden = !0;
+							}
+						}) : /* @__PURE__ */ B("span", {
+							className: K.cartThumb,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ B(ee, { value: e.title })
+						})
+					}),
+					/* @__PURE__ */ V(re, { children: [/* @__PURE__ */ B(j, { children: e.title }), e.variantTitle != null && /* @__PURE__ */ B(O, { children: e.variantTitle })] }),
+					/* @__PURE__ */ B(k, { children: /* @__PURE__ */ V("span", {
+						className: K.cartLineAmount,
+						children: [/* @__PURE__ */ B(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							numeric: !0,
+							children: p.formatQuantity(e.quantity)
+						}), /* @__PURE__ */ B(r, {
+							tag: "span",
+							weight: "semibold",
+							numeric: !0,
+							children: e.price
+						})]
+					}) })
+				] }, e.id))
+			}),
+			m && /* @__PURE__ */ V(J, { children: [
+				n != null && /* @__PURE__ */ B(q, {
+					label: p.subtotal,
+					amount: n
+				}),
+				i != null && /* @__PURE__ */ B(q, {
+					label: p.tax,
+					amount: i
+				}),
+				a != null && /* @__PURE__ */ B(q, {
+					label: p.shipping,
+					amount: a
+				}),
+				o != null && /* @__PURE__ */ B(q, {
+					label: p.discount,
+					amount: o,
+					deduction: !0
+				})
+			] }),
+			/* @__PURE__ */ B(b, {}),
+			/* @__PURE__ */ B(q, {
+				label: p.total,
+				amount: s,
+				total: !0
+			}),
+			c && /* @__PURE__ */ B(l, {
+				fullWidth: !0,
+				onClick: c,
+				children: p.checkout
+			})
+		]
+	});
+}
+function vt({ subtotal: t, taxes: n, totalTax: r, total: i, strings: a, className: o, ...s }) {
+	let c = {
+		...Xe,
+		...a
+	};
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Le, { "aria-hidden": "true" }),
+		title: c.title,
+		className: e("tax-breakdown--component", K.block, o),
+		...s,
+		children: [
+			/* @__PURE__ */ B(q, {
+				label: c.subtotal,
+				amount: t
+			}),
+			/* @__PURE__ */ V(J, { children: [n.map((e, t) => /* @__PURE__ */ B(q, {
+				label: e.label,
+				note: e.rate,
+				amount: e.amount
+			}, e.id ?? `${e.label}-${t}`)), r != null && n.length > 1 && /* @__PURE__ */ B(q, {
+				label: c.totalTax,
+				amount: r,
+				total: !0,
+				className: K.summaryRollup
+			})] }),
+			/* @__PURE__ */ B(b, {}),
+			/* @__PURE__ */ B(q, {
+				label: c.total,
+				amount: i,
+				total: !0
+			})
+		]
+	});
+}
+function yt({ discounts: t, totalSavings: n, strings: r, className: i, ...a }) {
+	let o = {
+		...$e,
+		...r
+	};
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Ue, { "aria-hidden": "true" }),
+		title: o.title,
+		className: e("discount-stack--component", K.block, i),
+		...a,
+		children: [
+			/* @__PURE__ */ B(J, { children: t.map((e, t) => /* @__PURE__ */ B(q, {
+				label: e.label,
+				note: e.kind,
+				amount: e.amount,
+				deduction: !0
+			}, e.id ?? `${e.label}-${t}`)) }),
+			/* @__PURE__ */ B(b, {}),
+			/* @__PURE__ */ B(q, {
+				label: o.totalSavings,
+				amount: n,
+				total: !0,
+				deduction: !0
+			})
+		]
+	});
+}
+function bt({ kind: t = "discount", appliedCode: n, appliedDiscount: i, balance: a, error: o, loading: s = !1, onApply: c, onRemove: u, strings: d, className: f, ...p }) {
+	let m = {
+		...t === "gift" ? Qe : Ze,
+		...d
+	}, [h, g] = Je("");
+	return /* @__PURE__ */ B(v, {
+		icon: B(t === "gift" ? Ae : We, { "aria-hidden": "true" }),
+		title: m.title,
+		description: m.helperText,
+		className: e("code-entry--component", K.block, f),
+		...p,
+		children: n == null ? /* @__PURE__ */ V("form", {
+			className: K.couponForm,
+			onSubmit: (e) => {
+				e.preventDefault();
+				let n = t === "gift" ? h.trim().toUpperCase() : h.trim();
+				n && c?.(n);
+			},
+			children: [/* @__PURE__ */ B(M, {
+				error: o,
+				className: K.couponField,
+				children: /* @__PURE__ */ B(oe, {
+					value: h,
+					placeholder: m.placeholder,
+					"aria-label": m.fieldLabel,
+					onChange: (e) => g(e.target.value),
+					invalid: !!o
+				})
+			}), /* @__PURE__ */ B(l, {
+				type: "submit",
+				loading: s,
+				disabled: !h.trim(),
+				children: m.apply
+			})]
+		}) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
+			className: K.couponApplied,
+			children: [
+				/* @__PURE__ */ B(y, {
+					icon: Ce,
+					tone: "success",
+					shape: "circle",
+					solid: !0,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ V("span", {
+					className: K.couponAppliedBody,
+					children: [/* @__PURE__ */ B(r, {
+						tag: "span",
+						weight: "semibold",
+						className: K.couponCode,
+						children: n
+					}), /* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						children: m.applied
+					})]
+				}),
+				i != null && /* @__PURE__ */ B(r, {
+					tag: "span",
+					numeric: !0,
+					weight: "bold",
+					className: K.couponAmount,
+					children: i
+				}),
+				u && /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "ghost",
+					onClick: u,
+					"aria-label": m.remove,
+					iconOnly: !0,
+					children: /* @__PURE__ */ B(qe, { "aria-hidden": "true" })
+				})
+			]
+		}), a != null && /* @__PURE__ */ B(J, { children: /* @__PURE__ */ B(q, {
+			label: m.balance,
+			amount: a,
+			total: !0
+		}) })] })
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/commerce.types.ts
+var Y = {
+	paid: "success",
+	pending: "warning",
+	overdue: "destructive"
+}, xt = {
+	pending: "warning",
+	paid: "info",
+	fulfilled: "info",
+	shipped: "primary",
+	delivered: "success",
+	cancelled: "destructive"
+}, St = {
+	pending: "neutral",
+	inTransit: "info",
+	delivered: "success",
+	delayed: "warning"
+}, X = [
+	"requested",
+	"approved",
+	"processing",
+	"completed"
+], Ct = {
+	unfulfilled: "warning",
+	partiallyFulfilled: "warning",
+	fulfilled: "success",
+	scheduled: "info",
+	onHold: "neutral",
+	cancelled: "destructive"
+}, wt = {
+	pending: "warning",
+	authorized: "info",
+	paid: "success",
+	partiallyRefunded: "neutral",
+	refunded: "neutral",
+	voided: "neutral"
+}, Tt = {
+	success: "success",
+	pending: "warning",
+	failure: "destructive"
+}, Et = /* @__PURE__ */ new Set([
+	"refund",
+	"void",
+	"chargeback"
+]);
+//#endregion
+//#region src/components/admin/patterns/commerce/order.tsx
+function Dt({ orderNumber: t, status: i, events: a, eta: o, defaultHistoryOpen: s = !1, strings: c, className: l, ...u }) {
+	let d = {
+		...et,
+		...c
+	}, f = d[i], m = [...a].reverse().find((e) => e.complete), h = a.find((e) => !e.complete);
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Pe, { "aria-hidden": "true" }),
+		title: d.title,
+		titleSuffix: /* @__PURE__ */ B(E, {
+			tone: xt[i],
+			children: f
+		}),
+		description: /* @__PURE__ */ B(x, { children: t }),
+		className: e("order-status--component", K.block, l),
+		...u,
+		children: [/* @__PURE__ */ V(J, {
+			className: K.orderFacts,
+			children: [
+				m && /* @__PURE__ */ V("div", {
+					className: K.orderFact,
+					children: [
+						/* @__PURE__ */ B(n, { children: d.latestEvent }),
+						/* @__PURE__ */ B(r, {
+							weight: "semibold",
+							children: m.label
+						}),
+						m.timestamp != null && /* @__PURE__ */ B(r, {
+							size: "xs",
+							type: "secondary",
+							numeric: !0,
+							children: m.timestamp
+						})
+					]
+				}),
+				h && /* @__PURE__ */ V("div", {
+					className: K.orderFact,
+					children: [/* @__PURE__ */ B(n, { children: d.nextStep }), /* @__PURE__ */ B(r, {
+						weight: "semibold",
+						children: h.label
+					})]
+				}),
+				o != null && /* @__PURE__ */ V("div", {
+					className: K.orderFact,
+					children: [/* @__PURE__ */ B(n, { children: d.eta }), /* @__PURE__ */ B(r, {
+						weight: "semibold",
+						numeric: !0,
+						children: o
+					})]
+				})
+			]
+		}), a.length > 0 && /* @__PURE__ */ V(_, {
+			defaultOpen: s,
+			children: [/* @__PURE__ */ B(p, {
+				className: K.orderHistoryToggle,
+				children: /* @__PURE__ */ B(r, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					children: d.formatHistory(a.length)
+				})
+			}), /* @__PURE__ */ B(g, {
+				className: K.orderHistory,
+				children: /* @__PURE__ */ B(P, { items: a.map((e) => ({
+					id: e.id,
+					title: e.label,
+					timestamp: e.timestamp,
+					status: e.complete ? "completed" : "pending"
+				})) })
+			})]
+		})]
+	});
+}
+function Ot({ events: t, className: n, ...r }) {
+	let i = t.map((e) => ({
+		id: e.id,
+		title: e.title,
+		description: e.description,
+		timestamp: e.timestamp,
+		status: e.status
+	}));
+	return /* @__PURE__ */ B(v, {
+		className: e("order-timeline--component", n),
+		...r,
+		children: /* @__PURE__ */ B(P, { items: i })
+	});
+}
+function kt({ events: t, className: n, ...i }) {
+	let a = t.map((e) => ({
+		id: e.id,
+		title: e.label,
+		description: e.date,
+		icon: e.icon,
+		status: e.settled ? "success" : "pending",
+		trailing: e.amount == null ? void 0 : /* @__PURE__ */ B(r, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			numeric: !0,
+			children: e.amount
+		})
+	}));
+	return /* @__PURE__ */ B("div", {
+		className: e("payment-timeline--component", K.paymentTimeline, n),
+		...i,
+		children: /* @__PURE__ */ B(P, { items: a })
+	});
+}
+function At({ trackingNumber: t, carrier: i, status: a, steps: o, details: s, strings: c, className: l, ...u }) {
+	let d = {
+		...tt,
+		...c
+	};
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Ke, { "aria-hidden": "true" }),
+		title: d.title,
+		titleSuffix: /* @__PURE__ */ B(E, {
+			tone: St[a],
+			children: d[a]
+		}),
+		className: e("shipment-tracking--component", K.block, l),
+		...u,
+		children: [/* @__PURE__ */ V(J, {
+			className: K.orderFacts,
+			children: [
+				/* @__PURE__ */ V("div", {
+					className: K.orderFact,
+					children: [/* @__PURE__ */ B(n, { children: d.trackingNumber }), /* @__PURE__ */ B(f, {
+						value: t,
+						mono: !0,
+						compact: !0,
+						truncate: !0
+					})]
+				}),
+				i != null && /* @__PURE__ */ V("div", {
+					className: K.orderFact,
+					children: [/* @__PURE__ */ B(n, { children: d.carrier }), /* @__PURE__ */ B(r, {
+						weight: "semibold",
+						children: i
+					})]
+				}),
+				s?.map((e) => /* @__PURE__ */ V("div", {
+					className: K.orderFact,
+					children: [/* @__PURE__ */ B(n, { children: e.label }), /* @__PURE__ */ B(r, {
+						weight: "semibold",
+						children: e.value
+					})]
+				}, e.label))
+			]
+		}), /* @__PURE__ */ B(se, { steps: o.map((e, t) => ({
+			id: e.id ?? `${e.label}-${t}`,
+			title: e.label,
+			description: e.timestamp,
+			status: e.done ? "completed" : t === o.findIndex((e) => !e.done) ? "current" : "upcoming"
+		})) })]
+	});
+}
+function jt({ stage: t, amount: i, reason: a, method: o, eta: s, strings: c, className: l, ...u }) {
+	let d = {
+		...nt,
+		...c
+	}, f = X.indexOf(t);
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(ze, { "aria-hidden": "true" }),
+		title: d.title,
+		className: e("refund-status--component", K.block, l),
+		...u,
+		children: [
+			/* @__PURE__ */ B(J, { children: /* @__PURE__ */ B(q, {
+				label: d.amount,
+				amount: i,
+				total: !0
+			}) }),
+			/* @__PURE__ */ B("ol", {
+				className: K.refundStages,
+				children: X.map((e, t) => /* @__PURE__ */ V("li", {
+					"data-reached": t <= f ? "" : void 0,
+					"data-current": t === f ? "" : void 0,
+					className: K.refundStage,
+					children: [/* @__PURE__ */ B("span", {
+						className: K.refundBar,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						weight: t === f ? "semibold" : "regular",
+						children: d[e]
+					})]
+				}, e))
+			}),
+			(a != null || o != null || s != null) && /* @__PURE__ */ V("div", {
+				className: K.refundDetails,
+				children: [
+					a != null && /* @__PURE__ */ V("div", {
+						className: K.orderFact,
+						children: [/* @__PURE__ */ B(n, { children: d.reason }), /* @__PURE__ */ B(r, { children: a })]
+					}),
+					o != null && /* @__PURE__ */ V("div", {
+						className: K.orderFact,
+						children: [/* @__PURE__ */ B(n, { children: d.method }), /* @__PURE__ */ B(r, { children: o })]
+					}),
+					s != null && /* @__PURE__ */ V("div", {
+						className: K.orderFact,
+						children: [/* @__PURE__ */ B(n, { children: d.eta }), /* @__PURE__ */ B(r, {
+							numeric: !0,
+							children: s
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/invoice.tsx
+function Mt({ invoiceNumber: t, status: i, from: a, to: o, issuedAt: s, dueAt: c, amountDue: l, strings: u, className: d, ...f }) {
+	let p = {
+		...H,
+		...u
+	};
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(ke, { "aria-hidden": "true" }),
+		title: p.title,
+		titleSuffix: /* @__PURE__ */ B(E, {
+			tone: Y[i],
+			children: p[i]
+		}),
+		description: /* @__PURE__ */ B(x, { children: t }),
+		className: e("invoice-header--component", K.block, d),
+		...f,
+		children: [/* @__PURE__ */ B("div", {
+			className: K.invoiceParties,
+			children: [{
+				heading: p.billFrom,
+				party: a
+			}, {
+				heading: p.billTo,
+				party: o
+			}].map(({ heading: e, party: t }) => /* @__PURE__ */ V("div", {
+				className: K.orderFact,
+				children: [
+					/* @__PURE__ */ B(n, { children: e }),
+					/* @__PURE__ */ B(r, {
+						weight: "semibold",
+						children: t.name
+					}),
+					t.location != null && /* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						children: t.location
+					})
+				]
+			}, e))
+		}), /* @__PURE__ */ V(J, { children: [
+			s != null && /* @__PURE__ */ B(q, {
+				label: p.issued,
+				amount: s
+			}),
+			c != null && /* @__PURE__ */ B(q, {
+				label: p.due,
+				amount: c
+			}),
+			/* @__PURE__ */ B(q, {
+				label: p.amountDue,
+				amount: l,
+				total: !0
+			})
+		] })]
+	});
+}
+function Nt({ lines: t, currency: n, taxRate: i, strings: a, className: o, ...s }) {
+	let c = {
+		...H,
+		...a
+	}, l = t.reduce((e, t) => e + t.quantity * t.unitPrice, 0), u = i == null ? null : l * i, d = l + (u ?? 0);
+	return /* @__PURE__ */ B("div", {
+		className: e("invoice-line-items--component", o),
+		...s,
+		children: /* @__PURE__ */ V(de, { children: [
+			/* @__PURE__ */ B(ce, { children: /* @__PURE__ */ V(I, { children: [
+				/* @__PURE__ */ B(L, { children: c.item }),
+				/* @__PURE__ */ B(L, {
+					align: "end",
+					children: c.quantity
+				}),
+				/* @__PURE__ */ B(L, {
+					align: "end",
+					children: c.price
+				}),
+				/* @__PURE__ */ B(L, {
+					align: "end",
+					children: c.amount
+				})
+			] }) }),
+			/* @__PURE__ */ B(le, { children: t.map((e, t) => /* @__PURE__ */ V(I, { children: [
+				/* @__PURE__ */ B(F, { children: e.description }),
+				/* @__PURE__ */ B(F, {
+					align: "end",
+					children: /* @__PURE__ */ B(r, {
+						tag: "span",
+						numeric: !0,
+						children: e.quantity
+					})
+				}),
+				/* @__PURE__ */ B(F, {
+					align: "end",
+					children: /* @__PURE__ */ B(C, {
+						amount: e.unitPrice,
+						currency: n
+					})
+				}),
+				/* @__PURE__ */ B(F, {
+					align: "end",
+					children: /* @__PURE__ */ B(C, {
+						amount: e.quantity * e.unitPrice,
+						currency: n
+					})
+				})
+			] }, e.id ?? `${e.description}-${t}`)) }),
+			/* @__PURE__ */ V(ue, { children: [
+				/* @__PURE__ */ V(I, { children: [/* @__PURE__ */ B(F, {
+					colSpan: 3,
+					align: "end",
+					children: c.subtotal
+				}), /* @__PURE__ */ B(F, {
+					align: "end",
+					children: /* @__PURE__ */ B(C, {
+						amount: l,
+						currency: n
+					})
+				})] }),
+				u !== null && /* @__PURE__ */ V(I, { children: [/* @__PURE__ */ V(F, {
+					colSpan: 3,
+					align: "end",
+					children: [
+						c.tax,
+						" ",
+						/* @__PURE__ */ B(ne, { value: i })
+					]
+				}), /* @__PURE__ */ B(F, {
+					align: "end",
+					children: /* @__PURE__ */ B(C, {
+						amount: u,
+						currency: n
+					})
+				})] }),
+				/* @__PURE__ */ V(I, { children: [/* @__PURE__ */ B(F, {
+					colSpan: 3,
+					align: "end",
+					children: /* @__PURE__ */ B(r, {
+						tag: "span",
+						weight: "semibold",
+						children: c.total
+					})
+				}), /* @__PURE__ */ B(F, {
+					align: "end",
+					children: /* @__PURE__ */ B(C, {
+						amount: d,
+						currency: n,
+						weight: "bold"
+					})
+				})] })
+			] })
+		] })
+	});
+}
+function Pt({ invoiceNumber: t, status: n, customerName: i, lineCount: a, dueAt: o, total: s, strings: c, className: l, ...u }) {
+	let d = {
+		...H,
+		...c
+	};
+	return /* @__PURE__ */ V("div", {
+		className: e("invoice-mini--component", K.invoiceMini, l),
+		...u,
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: K.invoiceMiniHead,
+				children: [/* @__PURE__ */ B(x, {
+					truncate: !0,
+					children: t
+				}), /* @__PURE__ */ B(E, {
+					tone: Y[n],
+					dot: !0,
+					children: d[n]
+				})]
+			}),
+			/* @__PURE__ */ B(r, {
+				type: "secondary",
+				truncate: !0,
+				children: i
+			}),
+			/* @__PURE__ */ V("div", {
+				className: K.invoiceMiniFoot,
+				children: [/* @__PURE__ */ V("span", {
+					className: K.invoiceMiniMeta,
+					children: [/* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						children: d.formatLineCount(a)
+					}), /* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						numeric: !0,
+						children: o
+					})]
+				}), /* @__PURE__ */ B(r, {
+					tag: "span",
+					weight: "bold",
+					numeric: !0,
+					children: s
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/address-lines.tsx
+function Ft({ address: t, prominent: n = !1, className: i, ...a }) {
+	let o = [
+		t.city,
+		t.region,
+		t.postalCode
+	].filter(Boolean).join(", ");
+	return /* @__PURE__ */ V("address", {
+		className: e("address-lines--component", K.address, i),
+		...a,
+		children: [
+			t.name != null && /* @__PURE__ */ B(r, {
+				size: "inherit",
+				weight: n ? "semibold" : void 0,
+				children: t.name
+			}),
+			/* @__PURE__ */ B(r, {
+				size: "inherit",
+				type: "secondary",
+				children: t.line1
+			}),
+			t.line2 != null && /* @__PURE__ */ B(r, {
+				size: "inherit",
+				type: "secondary",
+				children: t.line2
+			}),
+			/* @__PURE__ */ B(r, {
+				size: "inherit",
+				type: "secondary",
+				children: o
+			}),
+			/* @__PURE__ */ B(r, {
+				size: "inherit",
+				type: "secondary",
+				children: t.country
+			}),
+			t.phone != null && /* @__PURE__ */ B(w, { value: t.phone })
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/account.tsx
+function It({ kind: t = "shipping", name: n, line1: r, line2: i, city: a, region: o, postalCode: s, country: c, phone: u, isDefault: d = !1, onEdit: f, onRemove: p, onMakeDefault: m, strings: h, className: g, ..._ }) {
+	let y = {
+		...rt,
+		...h
+	};
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Ne, { "aria-hidden": "true" }),
+		title: y[t],
+		titleSuffix: d ? /* @__PURE__ */ B(E, {
+			tone: "info",
+			children: y.defaultBadge
+		}) : void 0,
+		className: e("address-card--component", K.block, g),
+		..._,
+		children: [/* @__PURE__ */ B(Ft, {
+			prominent: !0,
+			address: {
+				name: n,
+				line1: r,
+				line2: i,
+				city: a,
+				region: o,
+				postalCode: s,
+				country: c,
+				phone: u
+			}
+		}), (f || p || m) && /* @__PURE__ */ V("div", {
+			className: K.blockActions,
+			children: [
+				f && /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: f,
+					children: y.edit
+				}),
+				m && !d && /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "ghost",
+					onClick: m,
+					children: y.makeDefault
+				}),
+				p && /* @__PURE__ */ B(l, {
+					tone: "destructive",
+					buttonStyle: "ghost",
+					onClick: p,
+					children: y.remove
+				})
+			]
+		})]
+	});
+}
+var Lt = {
+	visa: "Visa",
+	mastercard: "Mastercard",
+	amex: "American Express",
+	paypal: "PayPal",
+	applePay: "Apple Pay",
+	googlePay: "Google Pay",
+	unknown: "Card"
+};
+function Rt({ brand: t, last4: n, expiry: i, holderName: a, isDefault: o = !1, onChange: s, strings: c, className: u, ...d }) {
+	let f = {
+		...it,
+		...c
+	}, p = Lt[t];
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(R, { "aria-hidden": "true" }),
+		title: f.title,
+		titleSuffix: o ? /* @__PURE__ */ B(E, {
+			tone: "info",
+			children: f.defaultBadge
+		}) : void 0,
+		className: e("payment-method--component", K.block, u),
+		...d,
+		children: [/* @__PURE__ */ V("div", {
+			className: K.paymentIdentity,
+			children: [
+				/* @__PURE__ */ B(y, {
+					icon: R,
+					shape: "rounded"
+				}),
+				/* @__PURE__ */ V("div", {
+					className: K.paymentIdentityBody,
+					children: [/* @__PURE__ */ B(r, {
+						weight: "semibold",
+						children: f.formatCard(p, n)
+					}), a != null && /* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						children: a
+					})]
+				}),
+				s && /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "ghost",
+					onClick: s,
+					children: f.change
+				})
+			]
+		}), i != null && /* @__PURE__ */ B(J, { children: /* @__PURE__ */ B(q, {
+			label: f.expires,
+			amount: i
+		}) })]
+	});
+}
+function zt({ planName: t, price: i, cycle: a, nextBillingDate: o, status: s, perks: c, onManage: u, onUpgrade: d, strings: f, className: p, ...m }) {
+	let h = {
+		...at,
+		...f
+	};
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Re, { "aria-hidden": "true" }),
+		title: h.title,
+		titleSuffix: s == null ? void 0 : /* @__PURE__ */ B(E, {
+			tone: "success",
+			children: s
+		}),
+		className: e("subscription-summary--component", K.block, p),
+		...m,
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: K.orderFact,
+				children: [/* @__PURE__ */ B(n, { children: h.plan }), /* @__PURE__ */ B(r, {
+					weight: "semibold",
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ V(J, { children: [/* @__PURE__ */ B(q, {
+				label: a,
+				amount: i,
+				total: !0
+			}), /* @__PURE__ */ B(q, {
+				label: h.nextBilling,
+				amount: o
+			})] }),
+			c && c.length > 0 && /* @__PURE__ */ V("div", {
+				className: K.perks,
+				children: [/* @__PURE__ */ B(n, { children: h.included }), /* @__PURE__ */ B("ul", {
+					className: K.perkList,
+					children: c.map((e) => /* @__PURE__ */ V("li", {
+						className: K.perk,
+						children: [e.icon && /* @__PURE__ */ B(e.icon, {
+							className: K.perkIcon,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ B(r, {
+							tag: "span",
+							size: "xs",
+							children: e.label
+						})]
+					}, e.label))
+				})]
+			}),
+			(u || d) && /* @__PURE__ */ V("div", {
+				className: K.blockActions,
+				children: [d && /* @__PURE__ */ B(l, {
+					onClick: d,
+					children: h.upgrade
+				}), u && /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: u,
+					children: h.manage
+				})]
+			})
+		]
+	});
+}
+function Bt({ productName: t, variant: n, stock: r, reorderLevel: i, maxStock: a, lastRestocked: o, strings: s, className: l, ...u }) {
+	let d = {
+		...ot,
+		...s
+	}, f = r <= 0 ? "out" : r <= i ? "low" : "ok", p = f === "out" ? "destructive" : f === "low" ? "warning" : "success", m = f === "out" ? d.outOfStock : f === "low" ? d.lowStock : d.inStock;
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Pe, { "aria-hidden": "true" }),
+		title: t,
+		description: n,
+		titleSuffix: /* @__PURE__ */ B(E, {
+			tone: p,
+			children: m
+		}),
+		className: e("inventory-level--component", K.block, l),
+		...u,
+		children: [/* @__PURE__ */ B(c, {
+			value: r,
+			max: a,
+			tone: p,
+			label: d.formatLevel(r, a)
+		}), /* @__PURE__ */ V(J, { children: [/* @__PURE__ */ B(q, {
+			label: d.reorderAt,
+			amount: String(i)
+		}), o != null && /* @__PURE__ */ B(q, {
+			label: d.lastRestocked,
+			amount: o
+		})] })]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/booking.tsx
+function Vt({ bookings: t, boxedDate: n = !1, className: i, ...a }) {
+	return /* @__PURE__ */ B("div", {
+		className: e("upcoming-bookings--component", i),
+		...a,
+		children: /* @__PURE__ */ B(A, { children: t.map((e) => /* @__PURE__ */ V(ie, { children: [
+			/* @__PURE__ */ B(D, { children: /* @__PURE__ */ B(m, {
+				date: e.date,
+				time: e.time,
+				boxed: n
+			}) }),
+			/* @__PURE__ */ V(re, { children: [/* @__PURE__ */ B(j, { children: e.service }), /* @__PURE__ */ B(O, { children: e.customer })] }),
+			/* @__PURE__ */ B(k, { children: /* @__PURE__ */ B(r, {
+				tag: "span",
+				weight: "semibold",
+				numeric: !0,
+				children: e.amount
+			}) })
+		] }, e.id)) })
+	});
+}
+function Ht({ status: t, details: r, actionLabel: i, onAction: a, className: o, ...s }) {
+	return /* @__PURE__ */ V(v, {
+		headerEnd: t,
+		className: e("booking-card--component", K.block, o),
+		...s,
+		children: [/* @__PURE__ */ B("dl", {
+			className: e("booking-card--details", K.bookingDetails),
+			children: r.map((e) => /* @__PURE__ */ V("div", {
+				"data-full": e.fullWidth ? "" : void 0,
+				className: K.bookingDetail,
+				children: [/* @__PURE__ */ B("dt", { children: /* @__PURE__ */ B(n, { children: e.label }) }), /* @__PURE__ */ B("dd", {
+					className: K.bookingValue,
+					children: e.value
+				})]
+			}, e.id))
+		}), i != null && a && /* @__PURE__ */ B("div", {
+			className: K.bookingAction,
+			children: /* @__PURE__ */ B(l, {
+				onClick: a,
+				children: i
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/loyalty.tsx
+function Ut({ balance: t, tier: i, tierTone: a = "warning", movements: o, onRedeem: s, strings: c, className: u, ...d }) {
+	let f = {
+		...st,
+		...c
+	};
+	return /* @__PURE__ */ V(v, {
+		title: f.title,
+		titleSuffix: i == null ? void 0 : /* @__PURE__ */ B(E, {
+			tone: a,
+			children: i
+		}),
+		className: e("loyalty-points--component", K.block, u),
+		...d,
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: K.loyaltyBalance,
+				children: [/* @__PURE__ */ B(n, { children: f.balanceLabel }), /* @__PURE__ */ V("span", {
+					className: K.loyaltyFigure,
+					children: [/* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xl",
+						weight: "bold",
+						numeric: !0,
+						lineHeight: "none",
+						children: typeof t == "number" ? /* @__PURE__ */ B(T, { value: t }) : t
+					}), /* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						children: f.pointsAvailable
+					})]
+				})]
+			}),
+			o && o.length > 0 && /* @__PURE__ */ V("div", {
+				className: K.loyaltyActivity,
+				children: [/* @__PURE__ */ B(n, { children: f.activityLabel }), /* @__PURE__ */ B(A, {
+					ruled: !0,
+					children: o.map((e) => /* @__PURE__ */ V(ie, { children: [/* @__PURE__ */ V(re, { children: [/* @__PURE__ */ B(j, { children: e.label }), /* @__PURE__ */ B(O, { children: e.date })] }), /* @__PURE__ */ B(k, { children: /* @__PURE__ */ V(r, {
+						tag: "span",
+						weight: "semibold",
+						numeric: !0,
+						"data-earned": e.earned ? "" : void 0,
+						className: K.loyaltyDelta,
+						children: [e.earned ? "+" : "−", e.points]
+					}) })] }, e.id))
+				})]
+			}),
+			s && /* @__PURE__ */ B("div", {
+				className: K.blockActions,
+				children: /* @__PURE__ */ B(l, {
+					onClick: s,
+					children: f.redeem
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/vendor-profile.tsx
+function Wt({ name: t, initials: i, avatarUrl: a, role: o, verified: s = !1, earnings: c, metrics: u, stats: d, view: f, onViewChange: p, onMessage: m, onHire: h, strings: g, className: _, ...b }) {
+	let x = {
+		...ct,
+		...g
+	}, S = !!u?.length, C = !!d?.length, ee = S && C, [ne, w] = ae({
+		value: f,
+		defaultValue: S ? "overview" : "stats",
+		onChange: p
+	}), T = S && /* @__PURE__ */ B(J, { children: u.map((e, t) => /* @__PURE__ */ V("div", {
+		className: K.amountRow,
+		children: [/* @__PURE__ */ B(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: e.label
+		}), /* @__PURE__ */ B(r, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: K.amountValue,
+			children: e.value
+		})]
+	}, e.id ?? t)) }), D = C && /* @__PURE__ */ B("div", {
+		className: K.vendorStats,
+		children: d.map((e, t) => /* @__PURE__ */ V("div", {
+			className: K.vendorStat,
+			children: [
+				/* @__PURE__ */ B(n, { children: e.label }),
+				/* @__PURE__ */ B(r, {
+					weight: "semibold",
+					numeric: !0,
+					lineHeight: "tight",
+					children: e.value
+				}),
+				e.change != null && /* @__PURE__ */ B(E, {
+					tone: e.changeTone ?? "secondary",
+					children: e.change
+				})
+			]
+		}, e.id ?? t))
+	});
+	return /* @__PURE__ */ V(v, {
+		className: e("vendor-profile--component", K.block, _),
+		...b,
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: K.vendorIdentity,
+				children: [/* @__PURE__ */ V(me, { children: [a != null && /* @__PURE__ */ B(pe, {
+					src: a,
+					alt: ""
+				}), /* @__PURE__ */ B(fe, { children: i ?? te(t) })] }), /* @__PURE__ */ V("div", {
+					className: K.vendorIdentityBody,
+					children: [/* @__PURE__ */ V("span", {
+						className: K.vendorName,
+						children: [/* @__PURE__ */ B(r, {
+							tag: "span",
+							weight: "semibold",
+							children: t
+						}), s && /* @__PURE__ */ B(y, {
+							icon: Ce,
+							tone: "success",
+							shape: "circle",
+							solid: !0,
+							role: "img",
+							"aria-label": x.verified,
+							className: K.vendorVerified
+						})]
+					}), o != null && /* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						children: o
+					})]
+				})]
+			}),
+			c != null && /* @__PURE__ */ B(J, { children: /* @__PURE__ */ B(q, {
+				label: x.totalEarnings,
+				amount: c,
+				total: !0
+			}) }),
+			ee ? /* @__PURE__ */ V(ge, {
+				value: ne,
+				onValueChange: (e) => w(e),
+				children: [
+					/* @__PURE__ */ V(ve, { children: [/* @__PURE__ */ B(he, {
+						value: "overview",
+						children: x.tabOverview
+					}), /* @__PURE__ */ B(he, {
+						value: "stats",
+						children: x.tabStats
+					})] }),
+					/* @__PURE__ */ B(_e, {
+						value: "overview",
+						children: T
+					}),
+					/* @__PURE__ */ B(_e, {
+						value: "stats",
+						children: D
+					})
+				]
+			}) : /* @__PURE__ */ V(z, { children: [T, D] }),
+			(m || h) && /* @__PURE__ */ V("div", {
+				className: K.blockActions,
+				children: [h && /* @__PURE__ */ B(l, {
+					onClick: h,
+					children: x.hire
+				}), m && /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: m,
+					children: x.message
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/seo-score.ts
+var Gt = {
+	titleMin: 35,
+	titleMax: 60,
+	descriptionMin: 120,
+	descriptionMax: 160,
+	permalinkMax: 75
+};
+function Kt(e) {
+	return Number.isFinite(e) ? Math.max(0, Math.min(1, e)) : 0;
+}
+function qt(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 = Kt(t), o = Math.round(a * n);
+	return {
+		id: e,
+		score: o,
+		maxScore: n,
+		ratio: a,
+		actual: r,
+		status: qt(o, n),
+		...i
+	};
+}
+function Jt(e, t, n) {
+	let r = e.trim().length;
+	return r === 0 ? 0 : r >= t && r <= n ? 1 : r < t ? Math.max(.35, r / t) : r > n * 2 ? .35 : Math.max(.55, 1 - (r - n) / n);
+}
+function Q(e) {
+	let t = e?.trim() ?? "";
+	return t ? ((t.split("#")[0] ?? "").split("?")[0] ?? "").replace(/^https?:\/\/[^/]+/i, "").replace(/^\/+|\/+$/g, "") : "";
+}
+function Yt(e) {
+	return Q(e).split("/").filter(Boolean).at(-1) ?? "";
+}
+function Xt(e, t) {
+	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 Zt(e) {
+	let t = Yt(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 Qt(e) {
+	let t = e?.trim() ?? "";
+	return t ? /^https:\/\//i.test(t) ? 1 : /^http:\/\//i.test(t) ? .6 : .45 : 0;
+}
+function $t(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 en(e) {
+	let t = {
+		...Gt,
+		...e.limits
+	}, n = e.title?.trim() ?? "", r = e.description?.trim() ?? "", i = [
+		Z("title", Jt(n, t.titleMin, t.titleMax), 30, n.length, {
+			min: t.titleMin,
+			max: t.titleMax
+		}),
+		Z("description", Jt(r, t.descriptionMin, t.descriptionMax), 30, r.length, {
+			min: t.descriptionMin,
+			max: t.descriptionMax
+		}),
+		Z("permalink", Xt(e.permalink, t.permalinkMax), 15, Q(e.permalink).length, { max: t.permalinkMax }),
+		Z("slug", Zt(e.permalink), 10, Yt(e.permalink).length),
+		Z("url", Qt(e.baseUrl), 10, e.baseUrl?.trim().length ?? 0)
+	], a = $t(e);
+	a !== null && i.push(Z("keyword", a, 5, e.keyword?.trim().length ?? 0));
+	let o = i.reduce((e, t) => e + t.score, 0), s = i.reduce((e, t) => e + t.maxScore, 0), c = Math.round(o / s * 100);
+	return {
+		score: c,
+		status: qt(c, 100),
+		checks: i,
+		limits: t
+	};
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/seo-listing.tsx
+var tn = {
+	good: Te,
+	review: we,
+	missing: Ee
+}, nn = {
+	good: "success",
+	review: "warning",
+	missing: "destructive"
+};
+function rn({ listing: t, score: n, onEdit: i, strings: a, className: s, ...c }) {
+	let u = N(lt, a), d = n ?? en(t), f = Q(t.permalink), p = [t.baseUrl?.trim().replace(/\/+$/, "") ?? "", f].filter(Boolean).join("/"), m = (e) => u.checks[e.id], g = (e) => e.max == null ? String(e.actual) : u.formatMeasure(e.actual, e.max);
+	return /* @__PURE__ */ V(v, {
+		icon: /* @__PURE__ */ B(Be, { "aria-hidden": "true" }),
+		title: u.title,
+		titleSuffix: /* @__PURE__ */ B(E, {
+			tone: nn[d.status],
+			children: u.formatScore(d.score)
+		}),
+		className: e("seo-listing--component", K.block, s),
+		...c,
+		children: [
+			/* @__PURE__ */ V(v, {
+				surface: "card",
+				className: e("seo-listing--preview", K.seoPreview),
+				children: [
+					/* @__PURE__ */ V("span", {
+						className: K.seoUrl,
+						children: [/* @__PURE__ */ B(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: p || u.noPermalink
+						}), /* @__PURE__ */ B(Oe, {
+							className: K.seoUrlIcon,
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ B(r, {
+						size: "lg",
+						weight: "medium",
+						className: K.seoTitle,
+						children: t.title?.trim() || u.noTitle
+					}),
+					/* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						className: K.seoDescription,
+						children: t.description?.trim() || u.noDescription
+					})
+				]
+			}),
+			/* @__PURE__ */ B("ul", {
+				className: K.seoChecks,
+				children: d.checks.map((e) => {
+					let t = tn[e.status], n = e.max != null, i = Math.round((e.ratio ?? e.score / (e.maxScore || 1)) * 100);
+					return /* @__PURE__ */ V("li", {
+						"data-status": e.status,
+						className: K.seoCheck,
+						children: [
+							/* @__PURE__ */ B(o, {
+								value: e.score,
+								max: e.maxScore,
+								tone: nn[e.status],
+								label: m(e),
+								children: /* @__PURE__ */ B(r, {
+									tag: "span",
+									size: "xs",
+									weight: "semibold",
+									numeric: !0,
+									lineHeight: "none",
+									children: u.formatPercent(i)
+								})
+							}),
+							/* @__PURE__ */ V("span", {
+								className: K.seoCheckBody,
+								children: [/* @__PURE__ */ V("span", {
+									className: K.seoCheckHead,
+									children: [/* @__PURE__ */ B(t, {
+										className: K.seoCheckIcon,
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ B(r, {
+										tag: "span",
+										size: "xs",
+										className: K.seoCheckLabel,
+										children: m(e)
+									})]
+								}), /* @__PURE__ */ B(r, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									numeric: n,
+									children: n ? g(e) : u.status[e.status]
+								})]
+							}),
+							/* @__PURE__ */ B(h, { children: u.status[e.status] })
+						]
+					}, e.id);
+				})
+			}),
+			i && /* @__PURE__ */ B("div", {
+				className: K.blockActions,
+				children: /* @__PURE__ */ B(l, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: i,
+					children: u.edit
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/inventory-section.tsx
+var an = [
+	"summary",
+	"identity",
+	"tracking",
+	"location",
+	"shipping",
+	"customs",
+	"tags"
+];
+function on({ value: t, onFieldChange: i, sections: a = an, strings: o, className: s, ...c }) {
+	let l = N(ut, o), u = new Set(a), d = t.trackQuantity !== !1;
+	function f(e, n) {
+		i?.({
+			field: e,
+			value: n,
+			previousValue: t[e]
+		});
+	}
+	let p = (e, n) => /* @__PURE__ */ B(M, {
+		label: l.fields[e],
+		hint: n,
+		children: /* @__PURE__ */ B(oe, {
+			value: t[e] ?? "",
+			placeholder: l.placeholders[e],
+			onChange: (t) => f(e, t.target.value)
+		})
+	});
+	return /* @__PURE__ */ V(v, {
+		title: l.title,
+		description: l.description,
+		className: e("inventory-section--component", K.block, s),
+		...c,
+		children: [
+			u.has("summary") && d && /* @__PURE__ */ V(J, { children: [
+				/* @__PURE__ */ B(q, {
+					label: l.summary.available,
+					amount: t.available ?? "0",
+					total: !0
+				}),
+				/* @__PURE__ */ B(q, {
+					label: l.summary.committed,
+					amount: t.committed ?? "0"
+				}),
+				/* @__PURE__ */ B(q, {
+					label: l.summary.incoming,
+					amount: t.incoming ?? "0"
+				}),
+				t.lowStockThreshold != null && /* @__PURE__ */ B(q, {
+					label: l.summary.threshold,
+					amount: t.lowStockThreshold
+				})
+			] }),
+			u.has("identity") && /* @__PURE__ */ V("div", {
+				className: K.inventoryGroup,
+				children: [/* @__PURE__ */ B(n, { children: l.sections.identity }), /* @__PURE__ */ V("div", {
+					className: K.inventoryFields,
+					children: [p("sku"), p("barcode")]
+				})]
+			}),
+			u.has("tracking") && /* @__PURE__ */ V("div", {
+				className: K.inventoryGroup,
+				children: [
+					/* @__PURE__ */ B(n, { children: l.sections.tracking }),
+					/* @__PURE__ */ B(M, {
+						label: l.fields.trackQuantity,
+						orientation: "horizontal",
+						hint: l.hints.trackQuantity,
+						children: /* @__PURE__ */ B(be, {
+							checked: d,
+							onChange: (e) => f("trackQuantity", e.target.checked)
+						})
+					}),
+					d && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
+						className: K.inventoryFields,
+						children: [
+							p("available"),
+							p("committed"),
+							p("incoming"),
+							p("lowStockThreshold", l.hints.lowStockThreshold)
+						]
+					}), /* @__PURE__ */ B(M, {
+						label: l.fields.inventoryPolicy,
+						hint: l.hints.inventoryPolicy,
+						children: /* @__PURE__ */ B(ye, {
+							value: t.inventoryPolicy ?? "deny",
+							onValueChange: (e) => e && f("inventoryPolicy", e),
+							options: [{
+								value: "deny",
+								label: l.policy.deny
+							}, {
+								value: "continue",
+								label: l.policy.continue
+							}]
+						})
+					})] })
+				]
+			}),
+			u.has("location") && /* @__PURE__ */ V("div", {
+				className: K.inventoryGroup,
+				children: [/* @__PURE__ */ B(n, { children: l.sections.location }), /* @__PURE__ */ B("div", {
+					className: K.inventoryFields,
+					children: p("binLocation", l.hints.binLocation)
+				})]
+			}),
+			u.has("shipping") && /* @__PURE__ */ V("div", {
+				className: K.inventoryGroup,
+				children: [
+					/* @__PURE__ */ B(n, { children: l.sections.shipping }),
+					/* @__PURE__ */ B(M, {
+						label: l.fields.requiresShipping,
+						orientation: "horizontal",
+						children: /* @__PURE__ */ B(be, {
+							checked: t.requiresShipping !== !1,
+							onChange: (e) => f("requiresShipping", e.target.checked)
+						})
+					}),
+					t.requiresShipping !== !1 && /* @__PURE__ */ B("div", {
+						className: K.inventoryFields,
+						children: p("weight")
+					})
+				]
+			}),
+			u.has("customs") && /* @__PURE__ */ V("div", {
+				className: K.inventoryGroup,
+				children: [
+					/* @__PURE__ */ B(n, { children: l.sections.customs }),
+					/* @__PURE__ */ B(r, {
+						size: "xs",
+						type: "secondary",
+						children: l.hints.customs
+					}),
+					/* @__PURE__ */ V("div", {
+						className: K.inventoryFields,
+						children: [p("countryOfOrigin"), p("hsCode", l.hints.hsCode)]
+					})
+				]
+			}),
+			u.has("tags") && /* @__PURE__ */ V("div", {
+				className: K.inventoryGroup,
+				children: [/* @__PURE__ */ B(n, { children: l.sections.tags }), /* @__PURE__ */ B(M, {
+					label: l.fields.tags,
+					children: /* @__PURE__ */ B(xe, {
+						value: t.tags ?? [],
+						placeholder: l.placeholders.tags,
+						onValueChange: (e) => f("tags", e)
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/order-line-item.tsx
+function sn({ id: t, title: n, variantTitle: i, sku: a, imageSrc: o, imageAlt: s, unitPrice: c, quantity: l, total: u, properties: d, children: f, strings: p, className: m, ...g }) {
+	let _ = {
+		...W,
+		...p
+	};
+	return /* @__PURE__ */ V("div", {
+		className: e("order-line-item--component", K.lineItem, m),
+		...g,
+		children: [
+			/* @__PURE__ */ B("span", {
+				className: K.lineThumb,
+				children: o ? /* @__PURE__ */ B("img", {
+					src: o,
+					alt: s ?? n,
+					onError: (e) => {
+						e.currentTarget.hidden = !0;
+					}
+				}) : /* @__PURE__ */ B(je, {
+					className: K.lineThumbIcon,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ V("div", {
+				className: K.lineBody,
+				children: [
+					/* @__PURE__ */ B(r, {
+						weight: "medium",
+						className: "order-line-item--title",
+						children: n
+					}),
+					(i != null || a != null) && /* @__PURE__ */ V("span", {
+						className: K.lineMeta,
+						children: [i != null && /* @__PURE__ */ B(E, {
+							tone: "neutral",
+							children: i
+						}), a != null && /* @__PURE__ */ B(x, {
+							size: "xs",
+							type: "secondary",
+							children: a
+						})]
+					}),
+					d && d.length > 0 && /* @__PURE__ */ B("dl", {
+						className: K.lineProperties,
+						children: d.map((e, t) => /* @__PURE__ */ V("div", {
+							className: K.lineProperty,
+							children: [/* @__PURE__ */ B("dt", { children: /* @__PURE__ */ B(r, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.label
+							}) }), /* @__PURE__ */ B("dd", {
+								className: K.linePropertyValue,
+								children: /* @__PURE__ */ B(r, {
+									tag: "span",
+									size: "xs",
+									children: e.value
+								})
+							})]
+						}, t))
+					}),
+					f
+				]
+			}),
+			/* @__PURE__ */ V("span", {
+				className: K.linePrice,
+				children: [
+					/* @__PURE__ */ B(h, { children: _.formatUnitPrice(c, l) }),
+					/* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						numeric: !0,
+						"aria-hidden": "true",
+						children: c
+					}),
+					/* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						type: "discrete",
+						"aria-hidden": "true",
+						children: "×"
+					}),
+					/* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						weight: "medium",
+						numeric: !0,
+						"aria-hidden": "true",
+						children: l
+					})
+				]
+			}),
+			/* @__PURE__ */ B(r, {
+				tag: "span",
+				weight: "medium",
+				numeric: !0,
+				className: K.lineTotal,
+				children: u
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/order-detail.tsx
+function $(e) {
+	return {
+		fulfillment: {
+			...U.fulfillment,
+			...e?.fulfillment
+		},
+		payment: {
+			...U.payment,
+			...e?.payment
+		}
+	};
+}
+function cn({ orderNumber: n, fulfillmentStatus: i, paymentStatus: a, placedAt: o, source: s, actions: c, strings: l, vocabulary: d, className: f, ...p }) {
+	let m = {
+		...dt,
+		...l
+	}, h = $(d), g = o != null && s != null ? m.formatOrigin(o, s) : o ?? s;
+	return /* @__PURE__ */ V("div", {
+		className: e("order-header--component", K.orderHeader, f),
+		...p,
+		children: [/* @__PURE__ */ V("div", {
+			className: K.orderHeaderTop,
+			children: [
+				/* @__PURE__ */ B(t, {
+					level: 1,
+					size: "lg",
+					className: "order-header--number",
+					children: m.formatOrderNumber(n)
+				}),
+				a != null && /* @__PURE__ */ B(E, {
+					tone: wt[a],
+					dot: !0,
+					children: h.payment[a]
+				}),
+				i != null && /* @__PURE__ */ B(E, {
+					tone: Ct[i],
+					dot: !0,
+					children: h.fulfillment[i]
+				}),
+				c && c.length > 0 && /* @__PURE__ */ B("span", {
+					className: K.orderHeaderActions,
+					children: /* @__PURE__ */ B(u, { actions: c })
+				})
+			]
+		}), g != null && /* @__PURE__ */ B(r, {
+			size: "xs",
+			type: "secondary",
+			className: "order-header--origin",
+			children: g
+		})]
+	});
+}
+function ln({ status: t, location: n, notice: i, noticeIcon: a, items: o, children: s, actions: c, strings: l, vocabulary: u, className: f, ...p }) {
+	let m = {
+		...W,
+		...l
+	}, h = $(u), g = o == null ? h.fulfillment[t] : m.formatHeading(h.fulfillment[t], o.length);
+	return /* @__PURE__ */ V(v, {
+		surface: "card",
+		flush: !0,
+		className: e("fulfillment-group--component", K.group, f),
+		...p,
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: e("fulfillment-group--header", K.groupHead),
+				children: [/* @__PURE__ */ V("div", {
+					className: K.groupHeadTop,
+					children: [/* @__PURE__ */ B(E, {
+						tone: Ct[t],
+						dot: !0,
+						children: g
+					}), n != null && /* @__PURE__ */ V("span", {
+						className: e("fulfillment-group--location", K.groupLocation),
+						children: [/* @__PURE__ */ B(Ne, {
+							className: K.groupMarkIcon,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ B(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: n
+						})]
+					})]
+				}), i != null && /* @__PURE__ */ V("span", {
+					className: K.groupNotice,
+					children: [a && /* @__PURE__ */ B(a, {
+						className: K.groupMarkIcon,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ B(r, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						children: i
+					})]
+				})]
+			}),
+			/* @__PURE__ */ B("div", {
+				className: e("fulfillment-group--items", K.groupItems),
+				children: s ?? o?.map((e) => /* @__PURE__ */ B(sn, {
+					...e,
+					strings: l
+				}, e.id))
+			}),
+			c && c.length > 0 && /* @__PURE__ */ B("div", {
+				className: K.groupActions,
+				children: /* @__PURE__ */ B(d, {
+					actions: c,
+					max: 1
+				})
+			})
+		]
+	});
+}
+function un({ goods: t, total: n, payments: r, paymentStatus: o, alert: s, strings: c, vocabulary: l, className: u, ...d }) {
+	let f = {
+		...ft,
+		...c
+	}, p = $(l), m = (e, t, n = !1) => /* @__PURE__ */ B(q, {
+		label: e.label,
+		note: e.note,
+		amount: e.amount,
+		deduction: e.deduction,
+		total: n
+	}, e.id ?? t);
+	return /* @__PURE__ */ V(v, {
+		title: f.title,
+		headerEnd: o == null ? void 0 : /* @__PURE__ */ B(E, {
+			tone: wt[o],
+			children: p.payment[o]
+		}),
+		className: e("order-summary--component", K.block, u),
+		...d,
+		children: [
+			/* @__PURE__ */ V(J, { children: [t.map((e, t) => m(e, t)), m(n, -1, !0)] }),
+			r && r.length > 0 && /* @__PURE__ */ B(J, { children: r.map((e, t) => m(e, t)) }),
+			s != null && /* @__PURE__ */ B(a, {
+				tone: "warning",
+				role: "note",
+				className: "order-summary--alert",
+				children: /* @__PURE__ */ B(i, { children: s })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/order-transactions.tsx
+var dn = {
+	authorization: Ve,
+	capture: De,
+	sale: R,
+	refund: ze,
+	void: Se,
+	chargeback: Ge
+};
+function fn({ transactions: t, strings: n, className: i, ...a }) {
+	let o = N(pt, n);
+	return /* @__PURE__ */ B(v, {
+		title: o.title,
+		className: e("order-transactions--component", K.block, i),
+		...a,
+		children: t.length === 0 ? /* @__PURE__ */ B(s, {
+			padding: "sm",
+			title: o.empty,
+			description: !1
+		}) : /* @__PURE__ */ B(v, {
+			surface: "bordered",
+			flush: !0,
+			children: /* @__PURE__ */ B("ol", {
+				className: K.transactions,
+				children: t.map((t) => {
+					let n = Et.has(t.kind), i = `${n ? "−" : ""}${G(t.amount)}`, a = dn[t.kind], s = t.status === "failure" ? "destructive" : n ? "warning" : "neutral";
+					return /* @__PURE__ */ V("li", {
+						"data-status": t.status,
+						"data-outgoing": n ? "" : void 0,
+						className: e("order-transactions--row", K.transaction),
+						children: [
+							/* @__PURE__ */ B(y, {
+								icon: a,
+								tone: s,
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ V("div", {
+								className: K.transactionBody,
+								children: [
+									/* @__PURE__ */ V("span", {
+										className: K.transactionHead,
+										children: [/* @__PURE__ */ B(r, {
+											tag: "span",
+											weight: "medium",
+											children: o.kind[t.kind]
+										}), t.status !== "success" && /* @__PURE__ */ B(E, {
+											tone: Tt[t.status],
+											variant: "solid",
+											children: o.status[t.status]
+										})]
+									}),
+									/* @__PURE__ */ V("span", {
+										className: K.transactionMeta,
+										children: [
+											/* @__PURE__ */ B(r, {
+												tag: "span",
+												size: "xs",
+												type: "secondary",
+												numeric: !0,
+												children: t.processedAt
+											}),
+											t.method != null && /* @__PURE__ */ B(r, {
+												tag: "span",
+												size: "xs",
+												type: "secondary",
+												children: t.method
+											}),
+											t.gateway != null && /* @__PURE__ */ B(r, {
+												tag: "span",
+												size: "xs",
+												type: "discrete",
+												children: t.gateway
+											})
+										]
+									}),
+									t.reference != null && /* @__PURE__ */ B(x, {
+										size: "xs",
+										type: "secondary",
+										children: t.reference
+									})
+								]
+							}),
+							/* @__PURE__ */ B(r, {
+								tag: "span",
+								weight: "semibold",
+								numeric: !0,
+								className: K.transactionAmount,
+								children: i
+							})
+						]
+					}, t.id);
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/commerce/order-customer.tsx
+function pn({ icon: e, children: t }) {
+	return /* @__PURE__ */ V("span", {
+		className: K.customerContactLine,
+		children: [/* @__PURE__ */ B("span", {
+			className: K.customerContactIcon,
+			"aria-hidden": "true",
+			children: e
+		}), t]
+	});
+}
+function mn({ name: t, email: i, phone: a, orderCount: o, shippingAddress: s, billingAddress: c, billingSameAsShipping: u = !1, onOpenCustomer: d, onEditShipping: f, onEditBilling: p, strings: m, className: h, ...g }) {
+	let _ = {
+		...mt,
+		...m
+	}, y = (e, t, i, a, o = !1) => /* @__PURE__ */ V("div", {
+		className: K.customerSection,
+		children: [/* @__PURE__ */ V("div", {
+			className: K.customerSectionHead,
+			children: [/* @__PURE__ */ B(n, { children: e }), a && /* @__PURE__ */ B(l, {
+				tone: "secondary",
+				buttonStyle: "ghost",
+				iconOnly: !0,
+				"aria-label": t,
+				onClick: a,
+				children: /* @__PURE__ */ B(Fe, { "aria-hidden": "true" })
+			})]
+		}), o ? /* @__PURE__ */ B(r, {
+			size: "xs",
+			type: "secondary",
+			children: _.sameAsShipping
+		}) : i ? /* @__PURE__ */ B(Ft, {
+			address: i,
+			className: K.addressCompact
+		}) : /* @__PURE__ */ B(r, {
+			size: "xs",
+			type: "discrete",
+			children: _.noAddress
+		})]
+	}), x = /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(r, {
+		weight: "semibold",
+		children: t
+	}), o != null && /* @__PURE__ */ B(r, {
+		size: "xs",
+		type: "secondary",
+		children: _.formatOrderCount(o)
+	})] });
+	return /* @__PURE__ */ V(v, {
+		title: _.title,
+		className: e("order-customer--component", K.block, h),
+		...g,
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: e("order-customer--identity", K.customerIdentity),
+				children: [/* @__PURE__ */ B(me, {
+					size: "lg",
+					children: /* @__PURE__ */ B(fe, { children: te(t) })
+				}), d ? /* @__PURE__ */ B(l, {
+					tone: "neutral",
+					buttonStyle: "ghost",
+					onClick: d,
+					className: K.customerName,
+					children: /* @__PURE__ */ B("span", {
+						className: K.customerIdentityBody,
+						children: x
+					})
+				}) : /* @__PURE__ */ B("span", {
+					className: K.customerIdentityBody,
+					children: x
+				})]
+			}),
+			(i != null || a != null) && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(b, {}), /* @__PURE__ */ V("div", {
+				className: K.customerContact,
+				children: [i != null && /* @__PURE__ */ B(pn, {
+					icon: /* @__PURE__ */ B(Me, {}),
+					children: /* @__PURE__ */ B(S, { value: i })
+				}), a != null && /* @__PURE__ */ B(pn, {
+					icon: /* @__PURE__ */ B(Ie, {}),
+					children: /* @__PURE__ */ B(w, { value: a })
+				})]
+			})] }),
+			/* @__PURE__ */ B(b, {}),
+			/* @__PURE__ */ V("div", {
+				className: e("order-customer--addresses", K.customerAddresses),
+				children: [y(_.shippingAddress, _.editShipping, s, f), y(_.billingAddress, _.editBilling, c, p, u)]
+			})
+		]
+	});
+}
+//#endregion
+export { It as AddressCard, q as AmountRow, Ht as BookingCard, _t as CartSummary, bt as CodeEntry, Gt as DEFAULT_SEO_LIMITS, yt as DiscountStack, Ct as FULFILLMENT_STATUS_TONE, ln as FulfillmentGroup, Y as INVOICE_STATUS_TONE, Bt as InventoryLevel, on as InventorySection, Mt as InvoiceHeader, Nt as InvoiceLineItems, Pt as InvoiceMini, Ut as LoyaltyPoints, ht as MINUS_SIGN, xt as ORDER_STATUS_TONE, Et as OUTGOING_TRANSACTION_KINDS, mn as OrderCustomer, cn as OrderHeader, sn as OrderLineItem, Dt as OrderStatusCard, un as OrderSummary, Ot as OrderTimeline, fn as OrderTransactions, wt as PAYMENT_STATUS_TONE, Rt as PaymentMethodCard, kt as PaymentTimeline, X as REFUND_STAGES, jt as RefundStatus, St as SHIPMENT_STATUS_TONE, rn as SeoListing, At as ShipmentTracking, zt as SubscriptionSummary, J as SummaryPanel, Tt as TRANSACTION_STATUS_TONE, vt as TaxBreakdown, Vt as UpcomingBookings, Wt as VendorProfile, en as calculateSeoScore, rt as defaultAddressStrings, Ye as defaultCartStrings, Ze as defaultDiscountCodeStrings, $e as defaultDiscountStackStrings, W as defaultFulfillmentGroupStrings, Qe as defaultGiftCodeStrings, ut as defaultInventorySectionStrings, ot as defaultInventoryStrings, H as defaultInvoiceStrings, st as defaultLoyaltyStrings, mt as defaultOrderCustomerStrings, dt as defaultOrderHeaderStrings, et as defaultOrderStatusStrings, U as defaultOrderStatusVocabulary, ft as defaultOrderSummaryStrings, it as defaultPaymentMethodStrings, nt as defaultRefundStrings, lt as defaultSeoStrings, tt as defaultShipmentStrings, at as defaultSubscriptionStrings, Xe as defaultTaxBreakdownStrings, pt as defaultTransactionStrings, ct as defaultVendorStrings, gt as formatDeduction, Q as seoPermalinkPath, Yt as seoPermalinkSlug, G as stripLeadingMinus };