admin-ui-starter-kit 0.1.0

package/dist/components/composed/commerce/index.js

@@ -0,0 +1,1040 @@
+import { useStrings as e } from "../../../lib/strings.js";
+import { cn as t } from "../../../lib/utils.js";
+import { t as n } from "../../../_shared/text-DIxMTECE.js";
+import { o as r } from "../../../_shared/typography-BtPQBvSm.js";
+import { t as i } from "../../../_shared/icon-badge-DoClA_9q.js";
+import { t as a } from "../../../_shared/badge-BbUN6W7E.js";
+import { t as o } from "../../../_shared/button-Ck2qS42n.js";
+import { t as s } from "../../../_shared/smart-card-hJ01usWt.js";
+import { t as c } from "../../../_shared/separator-BazqiQ9s.js";
+import { t as l } from "../../../_shared/input-Cwv1-5jt.js";
+import { N as u, i as d } from "../../../_shared/display-DUpkE2aS.js";
+import { c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-BmTYKzEb.js";
+import { useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Calendar as C, Check as w, ChevronRight as T, CreditCard as E, Edit2 as D, Gift as O, MapPin as ee, Package as te, Receipt as ne, Repeat as re, RotateCcw as ie, ShoppingBag as k, Sparkles as ae, Star as oe, TicketPercent as A, Trash2 as se, Trophy as ce, X as j } from "lucide-react";
+//#region src/components/composed/commerce/upcoming-booking/upcoming-booking.tsx
+function le(e) {
+	if (e.date != null) return e.date;
+	if (e.day && e.month) {
+		let t = (/* @__PURE__ */ new Date()).getFullYear(), n = /* @__PURE__ */ new Date(`${e.month} ${e.day}, ${t}`);
+		if (!Number.isNaN(n.getTime())) return n;
+	}
+	return null;
+}
+function M({ bookings: e, className: r, locale: i, dateTone: a = "primary", timePlacement: o = "below" }) {
+	return /* @__PURE__ */ x(h, {
+		className: t("upcoming-booking--component", r),
+		children: e.map((e, t) => {
+			let r = le(e);
+			return /* @__PURE__ */ S(_, { children: [
+				!!r && /* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(u, {
+					date: r,
+					time: o === "below" ? e.time : void 0,
+					tone: a,
+					locale: i,
+					timePlacement: "below",
+					layout: "stacked"
+				}) }),
+				/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(v, { children: e.service }), /* @__PURE__ */ x(p, {
+					clamp: 1,
+					children: e.customer
+				})] }),
+				/* @__PURE__ */ S(m, { children: [o === "inline-trailing" && /* @__PURE__ */ x(n, {
+					size: "xs",
+					type: "secondary",
+					className: "shrink-0 tabular-nums",
+					children: e.time
+				}), /* @__PURE__ */ x(n, {
+					weight: "semibold",
+					className: "shrink-0 tabular-nums",
+					children: e.amount
+				})] })
+			] }, e.id ?? `${e.service}-${e.time}-${t}`);
+		})
+	});
+}
+M.displayName = "UpcomingBookingRow";
+//#endregion
+//#region src/components/composed/commerce/loyalty-points/types.ts
+var N = {
+	balanceLabel: "Loyalty Balance",
+	pointsAvailable: "points available",
+	redeem: "Redeem Points"
+};
+//#endregion
+//#region src/components/composed/commerce/loyalty-points/loyalty-points.tsx
+function P({ balance: i, tier: l = "Gold Tier", tierVariant: u, history: f = [], redeemLabel: y, onRedeem: b, className: C, strings: w }) {
+	let T = e(N, {
+		...y === void 0 ? {} : { redeem: y },
+		...w
+	});
+	return /* @__PURE__ */ S(s, {
+		className: t("loyalty-points--component", C),
+		children: [
+			/* @__PURE__ */ x(d, {
+				label: T.balanceLabel,
+				value: /* @__PURE__ */ S(a, {
+					variant: "warning",
+					children: [/* @__PURE__ */ x(ce, { className: "mr-1 inline size-3" }), l]
+				}),
+				labelClassName: "text-xs font-medium uppercase tracking-wider text-muted-foreground"
+			}),
+			/* @__PURE__ */ x(r, {
+				tag: "h3",
+				className: "text-4xl tabular-nums tracking-tight",
+				children: typeof i == "number" ? i.toLocaleString() : i
+			}),
+			/* @__PURE__ */ x(n, {
+				size: "xs",
+				type: "secondary",
+				children: T.pointsAvailable
+			}),
+			/* @__PURE__ */ x(c, { className: "my-4" }),
+			/* @__PURE__ */ x(h, { children: f.map((e) => /* @__PURE__ */ S(_, {
+				size: "xs",
+				className: "px-0",
+				children: [/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(v, {
+					bold: !1,
+					children: e.label
+				}), /* @__PURE__ */ x(p, {
+					clamp: 1,
+					children: e.date
+				})] }), /* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(n, {
+					weight: "semibold",
+					className: t("tabular-nums", e.positive ? "text-success" : "text-destructive"),
+					children: e.points
+				}) })]
+			}, e.date + e.label)) }),
+			/* @__PURE__ */ S(o, {
+				variant: "dark",
+				className: "mt-5 w-full rounded-full",
+				onClick: b,
+				children: [/* @__PURE__ */ x(O, { className: "mr-1.5 size-3.5" }), T.redeem]
+			})
+		]
+	});
+}
+P.displayName = "LoyaltyPointsCard";
+//#endregion
+//#region src/components/composed/commerce/discount-stack/types.ts
+var F = {
+	title: "Applied Discounts",
+	totalSavings: "Total Savings"
+};
+//#endregion
+//#region src/components/composed/commerce/discount-stack/discount-stack.tsx
+function I({ discounts: i, totalSavings: o, className: l, strings: u }) {
+	let p = e(F, u);
+	return /* @__PURE__ */ S(s, {
+		title: p.title,
+		className: t("discount-stack--component", l),
+		children: [
+			/* @__PURE__ */ x(h, {
+				className: "mt-4",
+				children: i.map((e) => /* @__PURE__ */ S(_, {
+					size: "xs",
+					className: "px-0",
+					children: [
+						/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(a, {
+							variant: e.badge,
+							className: "w-16 justify-center text-xxs",
+							children: e.type
+						}) }),
+						/* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(v, {
+							bold: !1,
+							children: e.label
+						}) }),
+						/* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(n, {
+							weight: "semibold",
+							className: "tabular-nums text-success",
+							children: e.amount
+						}) })
+					]
+				}, e.type))
+			}),
+			/* @__PURE__ */ x(c, { className: "my-4" }),
+			/* @__PURE__ */ x(d, {
+				label: p.totalSavings,
+				value: /* @__PURE__ */ x(r, {
+					tag: "h4",
+					className: "text-xl tabular-nums tracking-tight text-success border-none pb-0",
+					children: o
+				}),
+				labelClassName: "text-sm font-semibold"
+			})
+		]
+	});
+}
+I.displayName = "DiscountStackPreview";
+//#endregion
+//#region src/components/composed/commerce/shipment-tracking/shipment-tracking.tsx
+function L({ trackingNumber: e, carrier: r, status: i, steps: o, details: l = [], className: u }) {
+	return /* @__PURE__ */ S(s, {
+		className: t("shipment-tracking--component", u),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ x(n, {
+					size: "xs",
+					weight: "medium",
+					className: "font-mono text-muted-foreground tracking-wide",
+					children: e
+				}), !!r && /* @__PURE__ */ x(a, {
+					variant: "info",
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mt-4 flex items-center gap-1.5",
+				children: [/* @__PURE__ */ x("span", { className: "h-2 w-2 rounded-full bg-success" }), /* @__PURE__ */ x(n, {
+					weight: "semibold",
+					children: i
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "mt-5 flex items-center justify-between",
+				children: o.map((e, r) => /* @__PURE__ */ S("div", {
+					className: "flex flex-1 flex-col items-center gap-2",
+					children: [/* @__PURE__ */ S("div", {
+						className: "flex w-full items-center",
+						children: [/* @__PURE__ */ x("div", { className: t("size-3 shrink-0 rounded-full", e.done ? "bg-success" : "bg-muted") }), r < o.length - 1 && /* @__PURE__ */ x("div", { className: t("h-0.5 flex-1", e.done ? "bg-success" : "bg-muted") })]
+					}), /* @__PURE__ */ x(n, {
+						size: "xs",
+						type: "secondary",
+						className: "text-center leading-tight",
+						children: e.label
+					})]
+				}, e.label))
+			}),
+			l.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(c, { className: "my-4" }), /* @__PURE__ */ x("div", {
+				className: "space-y-2",
+				children: l.map((e) => /* @__PURE__ */ x(d, {
+					label: e.label,
+					value: e.value,
+					labelClassName: "text-xs",
+					valueClassName: "text-sm font-medium truncate max-w-[180px]"
+				}, e.label))
+			})] })
+		]
+	});
+}
+L.displayName = "ShipmentTrackingCard";
+//#endregion
+//#region src/components/composed/commerce/tax-breakdown/types.ts
+var R = {
+	title: "Tax Breakdown",
+	subtotal: "Subtotal",
+	totalTax: "Total Tax",
+	total: "Total"
+};
+//#endregion
+//#region src/components/composed/commerce/tax-breakdown/tax-breakdown.tsx
+function z({ subtotal: r, taxes: i, totalTax: a, total: o, className: l, strings: u }) {
+	let f = e(R, u);
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ x(ne, { className: "size-4" }),
+		title: f.title,
+		className: t("tax-breakdown--component", l),
+		children: [
+			/* @__PURE__ */ x(d, {
+				label: f.subtotal,
+				value: r,
+				mono: !0,
+				labelClassName: "text-sm",
+				valueClassName: "text-sm font-medium"
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5",
+				children: [i.map((e, t) => /* @__PURE__ */ S("div", {
+					className: "flex items-baseline justify-between gap-3",
+					children: [/* @__PURE__ */ S("div", {
+						className: "flex items-baseline gap-1.5 min-w-0",
+						children: [/* @__PURE__ */ x(n, {
+							size: "xs",
+							className: "truncate",
+							children: e.label
+						}), !!e.rate && /* @__PURE__ */ x(n, {
+							tag: "span",
+							size: "xxs",
+							type: "discrete",
+							className: "shrink-0",
+							children: e.rate
+						})]
+					}), /* @__PURE__ */ x(n, {
+						tag: "span",
+						size: "xs",
+						weight: "medium",
+						className: "tabular-nums shrink-0",
+						children: e.amount
+					})]
+				}, e.id ?? `${e.label}-${t}`)), !!a && i.length > 1 && /* @__PURE__ */ x(d, {
+					label: f.totalTax,
+					value: a,
+					mono: !0,
+					className: "border-t border-border/50 pt-1.5 mt-0.5",
+					labelClassName: "text-xs font-medium",
+					valueClassName: "text-xs font-semibold"
+				})]
+			}),
+			/* @__PURE__ */ x(c, { className: "my-3" }),
+			/* @__PURE__ */ x(d, {
+				label: f.total,
+				value: o,
+				mono: !0,
+				labelClassName: "text-sm font-semibold",
+				valueClassName: "text-lg font-bold"
+			})
+		]
+	});
+}
+z.displayName = "TaxBreakdownCard";
+//#endregion
+//#region src/components/composed/commerce/subscription-summary/types.ts
+var B = {
+	title: "Subscription",
+	plan: "Plan",
+	nextBilling: "Next billing",
+	perks: "Included",
+	manage: "Manage",
+	upgrade: "Upgrade"
+};
+//#endregion
+//#region src/components/composed/commerce/subscription-summary/subscription-summary.tsx
+function V({ planName: c, priceLabel: l, cycleLabel: u, nextBillingDate: d, statusLabel: p, perks: m = [], onManage: y, onUpgrade: b, className: E, strings: D }) {
+	let O = e(B, D);
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ x(re, { className: "size-4" }),
+		title: O.title,
+		headerEnd: p ? /* @__PURE__ */ x(a, {
+			variant: "success",
+			children: p
+		}) : null,
+		className: t("subscription-summary--component", E),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "rounded-lg border border-border/60 bg-muted/30 p-4",
+				children: [
+					/* @__PURE__ */ x(n, {
+						size: "xxs",
+						type: "secondary",
+						weight: "medium",
+						className: "uppercase tracking-wider",
+						children: O.plan
+					}),
+					/* @__PURE__ */ x(r, {
+						tag: "h3",
+						className: "mt-1 text-xl font-semibold tracking-tight border-none pb-0",
+						children: c
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-1 flex items-baseline gap-1",
+						children: [/* @__PURE__ */ x(n, {
+							tag: "span",
+							size: "xl",
+							weight: "bold",
+							className: "tabular-nums",
+							children: l
+						}), /* @__PURE__ */ x(n, {
+							type: "secondary",
+							children: u
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mt-3 flex items-center justify-between rounded-md bg-card px-1",
+				children: [/* @__PURE__ */ S("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ x(C, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ x(n, {
+						size: "xs",
+						type: "secondary",
+						children: O.nextBilling
+					})]
+				}), /* @__PURE__ */ x(n, {
+					size: "xs",
+					weight: "semibold",
+					className: "tabular-nums",
+					children: d
+				})]
+			}),
+			m.length > 0 && /* @__PURE__ */ S("div", {
+				className: "mt-4 space-y-2",
+				children: [/* @__PURE__ */ x(n, {
+					size: "xxs",
+					type: "secondary",
+					weight: "medium",
+					className: "uppercase tracking-wider",
+					children: O.perks
+				}), /* @__PURE__ */ x(h, { children: m.map((e, t) => /* @__PURE__ */ S(_, {
+					size: "xs",
+					className: "px-0",
+					children: [/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(i, {
+						icon: e.icon ?? w,
+						tone: "success",
+						size: "xs"
+					}) }), /* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(v, {
+						bold: !1,
+						children: e.label
+					}) })]
+				}, `${e.label}-${t}`)) })]
+			}),
+			(y || b) && /* @__PURE__ */ S("div", {
+				className: "mt-4 flex items-center gap-2",
+				children: [!!y && /* @__PURE__ */ x(o, {
+					variant: "secondary",
+					buttonStyle: "outline",
+					onClick: y,
+					className: "flex-1",
+					children: O.manage
+				}), !!b && /* @__PURE__ */ S(o, {
+					variant: "primary",
+					onClick: b,
+					className: "flex-1",
+					children: [O.upgrade, /* @__PURE__ */ x(T, { className: "ml-1 size-3.5" })]
+				})]
+			})
+		]
+	});
+}
+V.displayName = "SubscriptionSummaryCard";
+//#endregion
+//#region src/components/composed/commerce/refund-status/types.ts
+var H = {
+	title: "Refund Status",
+	requested: "Requested",
+	approved: "Approved",
+	processing: "Processing",
+	completed: "Completed",
+	amount: "Refund amount",
+	reason: "Reason",
+	eta: "Expected by",
+	method: "Refund to"
+}, U = [
+	"requested",
+	"approved",
+	"processing",
+	"completed"
+];
+function W({ stage: i, amount: a, reason: o, method: l, eta: u, requestedAt: f, className: p, strings: m }) {
+	let h = e(H, m), g = U.indexOf(i);
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ x(ie, { className: "size-4" }),
+		title: h.title,
+		className: t("refund-status--component", p),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "rounded-lg bg-muted/40 px-4 py-3",
+				children: [
+					/* @__PURE__ */ x(n, {
+						size: "xxs",
+						type: "secondary",
+						weight: "medium",
+						className: "uppercase tracking-wider",
+						children: h.amount
+					}),
+					/* @__PURE__ */ x(r, {
+						tag: "h3",
+						className: "text-3xl tabular-nums tracking-tight",
+						children: a
+					}),
+					!!f && /* @__PURE__ */ S(n, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-0.5",
+						children: [
+							h.requested,
+							": ",
+							f
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "mt-4 flex items-center justify-between",
+				children: U.map((e, r) => {
+					let i = r <= g, a = r === g;
+					return /* @__PURE__ */ S("div", {
+						className: "flex flex-1 flex-col items-center gap-1.5",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex w-full items-center",
+							children: [/* @__PURE__ */ x("div", {
+								className: t("relative flex size-5 shrink-0 items-center justify-center rounded-full", i ? "bg-success text-success-foreground" : "border border-border bg-card text-muted-foreground", a && "ring-2 ring-success/30 ring-offset-2 ring-offset-background"),
+								children: i ? /* @__PURE__ */ x(w, { className: "size-3" }) : /* @__PURE__ */ x(n, {
+									tag: "span",
+									size: "xxs",
+									weight: "medium",
+									className: "tabular-nums",
+									children: r + 1
+								})
+							}), r < U.length - 1 && /* @__PURE__ */ x("div", { className: t("h-0.5 flex-1", r < g ? "bg-success" : "bg-border") })]
+						}), /* @__PURE__ */ x(n, {
+							size: "xxs",
+							weight: a ? "semibold" : "medium",
+							type: i ? "main" : "secondary",
+							className: "text-center leading-tight",
+							children: h[e]
+						})]
+					}, e);
+				})
+			}),
+			(o || l || u) && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(c, { className: "my-4" }), /* @__PURE__ */ S("div", {
+				className: "space-y-2",
+				children: [
+					!!o && /* @__PURE__ */ x(d, {
+						label: h.reason,
+						value: o,
+						className: "items-start",
+						valueClassName: "text-sm font-medium text-right"
+					}),
+					!!l && /* @__PURE__ */ x(d, {
+						label: h.method,
+						value: l,
+						valueClassName: "text-sm font-medium"
+					}),
+					!!u && /* @__PURE__ */ x(d, {
+						label: h.eta,
+						value: u,
+						mono: !0,
+						valueClassName: "text-sm font-medium"
+					})
+				]
+			})] })
+		]
+	});
+}
+W.displayName = "RefundStatusCard";
+//#endregion
+//#region src/components/composed/commerce/address-card/types.ts
+var G = {
+	defaultBadge: "Default",
+	edit: "Edit",
+	remove: "Remove",
+	makeDefault: "Make default",
+	shipping: "Shipping address",
+	billing: "Billing address",
+	pickup: "Pickup address"
+};
+//#endregion
+//#region src/components/composed/commerce/address-card/address-card.tsx
+function K({ kind: r = "shipping", name: i, line1: o, line2: c, city: l, region: u, postalCode: d, country: f, phone: p, isDefault: m = !1, onEdit: h, onRemove: g, onMakeDefault: _, className: v, strings: y }) {
+	let b = e(G, y), C = {
+		shipping: b.shipping,
+		billing: b.billing,
+		pickup: b.pickup
+	}, w = [
+		l,
+		u,
+		d
+	].filter(Boolean).join(", "), T = [];
+	return h && T.push({
+		id: "edit",
+		label: b.edit,
+		icon: /* @__PURE__ */ x(D, { className: "size-3.5" }),
+		onClick: h
+	}), _ && !m && T.push({
+		id: "make-default",
+		label: b.makeDefault,
+		icon: /* @__PURE__ */ x(oe, { className: "size-3.5" }),
+		onClick: _
+	}), g && T.push({
+		id: "remove",
+		label: b.remove,
+		icon: /* @__PURE__ */ x(se, { className: "size-3.5" }),
+		onClick: g
+	}), /* @__PURE__ */ x(s, {
+		icon: /* @__PURE__ */ x(ee, { className: "size-4" }),
+		title: C[r],
+		headerEnd: m ? /* @__PURE__ */ x(a, {
+			variant: "primary",
+			children: b.defaultBadge
+		}) : null,
+		actions: T.length > 0 ? T : void 0,
+		className: t("address-card--component", v),
+		children: /* @__PURE__ */ S("div", {
+			className: "space-y-0.5",
+			children: [
+				/* @__PURE__ */ x(n, {
+					weight: "semibold",
+					children: i
+				}),
+				/* @__PURE__ */ x(n, { children: o }),
+				!!c && /* @__PURE__ */ x(n, { children: c }),
+				!!w && /* @__PURE__ */ x(n, { children: w }),
+				/* @__PURE__ */ x(n, {
+					type: "secondary",
+					children: f
+				}),
+				!!p && /* @__PURE__ */ x(n, {
+					size: "xs",
+					type: "secondary",
+					className: "mt-1.5 tabular-nums",
+					children: p
+				})
+			]
+		})
+	});
+}
+K.displayName = "AddressCard";
+//#endregion
+//#region src/components/composed/commerce/voucher-entry/types.ts
+var q = {
+	title: "Redeem a gift card",
+	placeholder: "Enter gift card code",
+	check: "Check balance",
+	remove: "Remove",
+	balance: "Available balance",
+	notFound: "That gift card code is not valid."
+};
+//#endregion
+//#region src/components/composed/commerce/voucher-entry/voucher-entry.tsx
+function J({ appliedCode: r, balance: a, error: c, loading: u, onCheck: d, onRemove: h, className: b, strings: C }) {
+	let T = e(q, C), [E, D] = y("");
+	return r ? /* @__PURE__ */ x(s, {
+		icon: /* @__PURE__ */ x(O, { className: "size-4" }),
+		title: T.title,
+		className: t("voucher-entry--component", b),
+		children: /* @__PURE__ */ S(_, {
+			variant: "muted",
+			className: "border border-success/30 bg-success/8",
+			children: [
+				/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(i, {
+					icon: w,
+					tone: "success",
+					size: "md",
+					className: "ring-1 ring-success/20"
+				}) }),
+				/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(v, {
+					className: "font-mono tracking-wider",
+					children: r
+				}), /* @__PURE__ */ x(p, {
+					className: "uppercase tracking-wide",
+					clamp: 1,
+					children: T.balance
+				})] }),
+				/* @__PURE__ */ S(m, { children: [!!a && /* @__PURE__ */ x(n, {
+					tag: "span",
+					size: "base",
+					weight: "semibold",
+					type: "success",
+					className: "tabular-nums shrink-0",
+					children: a
+				}), !!h && /* @__PURE__ */ x(o, {
+					type: "button",
+					variant: "error",
+					buttonStyle: "ghost",
+					size: "icon-xs",
+					onClick: h,
+					"aria-label": T.remove,
+					className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
+					children: /* @__PURE__ */ x(j, { className: "size-3.5" })
+				})] })
+			]
+		})
+	}) : /* @__PURE__ */ x(s, {
+		icon: /* @__PURE__ */ x(O, { className: "size-4" }),
+		title: T.title,
+		className: b,
+		children: /* @__PURE__ */ S("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ S("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ x(l, {
+					value: E,
+					onChange: (e) => D(e.target.value),
+					placeholder: T.placeholder,
+					startIcon: O,
+					className: "flex-1 font-mono uppercase tracking-wider",
+					invalid: !!c
+				}), /* @__PURE__ */ x(o, {
+					onClick: () => d?.(E),
+					loading: u,
+					disabled: !E.trim(),
+					children: T.check
+				})]
+			}), !!c && /* @__PURE__ */ x(n, {
+				size: "xs",
+				type: "error",
+				children: c || T.notFound
+			})]
+		})
+	});
+}
+J.displayName = "VoucherEntryCard";
+//#endregion
+//#region src/components/composed/commerce/cart-summary/types.ts
+var Y = {
+	title: "Cart",
+	subtotal: "Subtotal",
+	tax: "Tax",
+	shipping: "Shipping",
+	discount: "Discount",
+	total: "Total",
+	checkout: "Checkout"
+}, ue = (e) => e.replace(/^[\s−-]+/, "");
+function X({ items: r, subtotal: i, tax: a, shipping: l, discount: u, total: y, onCheckout: b, className: C, strings: w }) {
+	let T = e(Y, w), E = !!(i || a || l || u);
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ x(k, { className: "size-4" }),
+		title: T.title,
+		className: t("cart-summary--component", C),
+		children: [
+			/* @__PURE__ */ x(h, { children: r.map((e) => /* @__PURE__ */ S(_, {
+				size: "xs",
+				className: "px-0",
+				children: [
+					/* @__PURE__ */ x(f, {
+						variant: "image",
+						children: e.imageUrl ? /* @__PURE__ */ x("img", {
+							src: e.imageUrl,
+							alt: e.name
+						}) : /* @__PURE__ */ x(k, {})
+					}),
+					/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(v, { children: e.name }), /* @__PURE__ */ S(p, {
+						clamp: 1,
+						className: "tabular-nums",
+						children: ["x", e.qty]
+					})] }),
+					/* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(n, {
+						tag: "span",
+						weight: "semibold",
+						className: "tabular-nums shrink-0",
+						children: e.price
+					}) })
+				]
+			}, e.id)) }),
+			!!E && /* @__PURE__ */ S("div", {
+				className: "mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5",
+				children: [
+					!!i && /* @__PURE__ */ x(d, {
+						label: T.subtotal,
+						value: i,
+						mono: !0,
+						valueClassName: "text-xs font-medium",
+						labelClassName: "text-xs"
+					}),
+					!!a && /* @__PURE__ */ x(d, {
+						label: T.tax,
+						value: a,
+						mono: !0,
+						valueClassName: "text-xs font-medium",
+						labelClassName: "text-xs"
+					}),
+					!!l && /* @__PURE__ */ x(d, {
+						label: T.shipping,
+						value: l,
+						mono: !0,
+						valueClassName: "text-xs font-medium",
+						labelClassName: "text-xs"
+					}),
+					!!u && /* @__PURE__ */ x(d, {
+						label: T.discount,
+						value: `−${ue(u)}`,
+						mono: !0,
+						labelClassName: "text-xs",
+						valueClassName: "text-xs font-semibold text-success"
+					})
+				]
+			}),
+			/* @__PURE__ */ x(c, { className: "my-3" }),
+			/* @__PURE__ */ x(d, {
+				label: T.total,
+				value: y,
+				mono: !0,
+				labelClassName: "text-sm font-semibold",
+				valueClassName: "text-lg font-bold"
+			}),
+			!!b && /* @__PURE__ */ x(o, {
+				onClick: b,
+				fullWidth: !0,
+				className: "mt-4",
+				children: T.checkout
+			})
+		]
+	});
+}
+X.displayName = "CartSummaryCard";
+//#endregion
+//#region src/components/composed/commerce/coupon-input/types.ts
+var Z = {
+	title: "Have a code?",
+	placeholder: "Enter coupon code",
+	apply: "Apply",
+	remove: "Remove",
+	applied: "Applied",
+	invalid: "That code is not valid"
+}, de = (e) => e.replace(/^[\s−-]+/, "");
+function Q({ appliedCode: r, appliedDiscount: a, error: c, onApply: u, onRemove: d, loading: h, className: b, strings: C }) {
+	let T = e(Z, C), [E, D] = y("");
+	return r ? /* @__PURE__ */ x(s, {
+		icon: /* @__PURE__ */ x(A, { className: "size-4" }),
+		title: T.title,
+		className: t("coupon-input--component", b),
+		children: /* @__PURE__ */ S(_, {
+			variant: "muted",
+			className: "border border-success/30 bg-success/8",
+			children: [
+				/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(i, {
+					icon: w,
+					tone: "success",
+					size: "md",
+					className: "ring-1 ring-success/20"
+				}) }),
+				/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(v, {
+					className: "font-mono tracking-wider",
+					children: r
+				}), /* @__PURE__ */ x(p, {
+					className: "uppercase tracking-wide",
+					clamp: 1,
+					children: T.applied
+				})] }),
+				/* @__PURE__ */ S(m, { children: [!!a && /* @__PURE__ */ S(n, {
+					tag: "span",
+					size: "base",
+					weight: "semibold",
+					type: "success",
+					className: "tabular-nums shrink-0",
+					children: ["−", de(a)]
+				}), !!d && /* @__PURE__ */ x(o, {
+					type: "button",
+					variant: "error",
+					buttonStyle: "ghost",
+					size: "icon-xs",
+					onClick: d,
+					"aria-label": T.remove,
+					className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
+					children: /* @__PURE__ */ x(j, { className: "size-3.5" })
+				})] })
+			]
+		})
+	}) : /* @__PURE__ */ x(s, {
+		icon: /* @__PURE__ */ x(A, { className: "size-4" }),
+		title: T.title,
+		className: b,
+		children: /* @__PURE__ */ S("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ S("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ x(l, {
+					value: E,
+					onChange: (e) => D(e.target.value),
+					placeholder: T.placeholder,
+					startIcon: ae,
+					className: "flex-1 font-mono uppercase tracking-wider",
+					invalid: !!c
+				}), /* @__PURE__ */ x(o, {
+					onClick: () => u?.(E),
+					loading: h,
+					disabled: !E.trim(),
+					children: T.apply
+				})]
+			}), !!c && /* @__PURE__ */ x(n, {
+				size: "xs",
+				type: "error",
+				children: c || T.invalid
+			})]
+		})
+	});
+}
+Q.displayName = "CouponInputCard";
+//#endregion
+//#region src/components/composed/commerce/order-status/types.ts
+var fe = {
+	title: "Order status",
+	statusLabel: "Current status",
+	eta: "ETA"
+}, pe = {
+	pending: "warning",
+	paid: "info",
+	fulfilled: "info",
+	shipped: "primary",
+	delivered: "success",
+	cancelled: "error"
+};
+function me({ orderNumber: r, status: i, statusVariant: o, events: c, currentEta: l, className: u, strings: d }) {
+	let f = e(fe, d), p = o ?? pe[i], m = c.reduce((e, t, n) => t.complete ? n : e, -1);
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ x(te, { className: "size-4" }),
+		title: f.title,
+		titleSuffix: /* @__PURE__ */ x(a, {
+			variant: p,
+			className: "capitalize",
+			children: i
+		}),
+		description: `#${r}`,
+		className: t("order-status--component", u),
+		children: [/* @__PURE__ */ x("div", {
+			className: "overflow-x-auto pb-1",
+			children: /* @__PURE__ */ x("div", {
+				className: "flex min-w-full items-start",
+				children: c.map((e, r) => {
+					let i = r === c.length - 1, a = r < m, o = r === m + 1 || e.complete && r === m;
+					return /* @__PURE__ */ S("div", {
+						className: "flex flex-1 flex-col items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "relative flex w-full items-center",
+								children: [
+									r > 0 && /* @__PURE__ */ x("div", { className: t("h-0.5 flex-1", r <= m ? "bg-success" : "bg-border") }),
+									r === 0 && /* @__PURE__ */ x("div", {
+										className: "flex-1",
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ x("div", {
+										className: t("relative flex size-6 shrink-0 items-center justify-center rounded-full", e.complete ? "bg-success text-success-foreground" : "border-2 border-border bg-card text-muted-foreground", o && !e.complete && "border-primary text-primary"),
+										children: e.complete ? /* @__PURE__ */ x(w, {
+											className: "size-3.5",
+											strokeWidth: 2.5
+										}) : /* @__PURE__ */ x("span", { className: "size-1.5 rounded-full bg-current" })
+									}),
+									i ? /* @__PURE__ */ x("div", {
+										className: "flex-1",
+										"aria-hidden": "true"
+									}) : /* @__PURE__ */ x("div", { className: t("h-0.5 flex-1", a ? "bg-success" : "bg-border") })
+								]
+							}),
+							/* @__PURE__ */ x(n, {
+								size: "xxs",
+								weight: e.complete || o ? "semibold" : "medium",
+								className: t("whitespace-nowrap text-center", !e.complete && !o && "text-muted-foreground"),
+								children: e.label
+							}),
+							!!e.timestamp && /* @__PURE__ */ x(n, {
+								size: "xxs",
+								type: "discrete",
+								className: "tabular-nums",
+								children: e.timestamp
+							})
+						]
+					}, `${e.label}-${r}`);
+				})
+			})
+		}), !!l && /* @__PURE__ */ S("div", {
+			className: "mt-3 flex items-center justify-between rounded-lg border border-border/50 bg-primary/5 px-3 py-2",
+			children: [/* @__PURE__ */ x(n, {
+				size: "xs",
+				type: "secondary",
+				weight: "medium",
+				className: "uppercase tracking-wider",
+				children: f.eta
+			}), /* @__PURE__ */ x(n, {
+				tag: "span",
+				weight: "semibold",
+				children: l
+			})]
+		})]
+	});
+}
+me.displayName = "OrderStatusCard";
+//#endregion
+//#region src/components/composed/commerce/payment-method/types.ts
+var he = {
+	title: "Payment method",
+	default: "Default",
+	cardHolder: "Card holder",
+	expires: "Expires",
+	change: "Change"
+}, ge = {
+	visa: "VISA",
+	mastercard: "MasterCard",
+	amex: "AMEX",
+	paypal: "PayPal",
+	applepay: "Apple Pay",
+	googlepay: "Google Pay",
+	unknown: "Card"
+}, _e = {
+	visa: "from-blue-700 via-blue-800 to-indigo-900",
+	mastercard: "from-orange-600 via-rose-700 to-rose-900",
+	amex: "from-sky-600 via-cyan-700 to-cyan-900",
+	paypal: "from-blue-600 via-indigo-700 to-blue-900",
+	applepay: "from-zinc-700 via-zinc-800 to-zinc-950",
+	googlepay: "from-emerald-600 via-teal-700 to-teal-900",
+	unknown: "from-zinc-700 via-zinc-800 to-zinc-950"
+};
+function $({ brand: r, last4: i, expiry: c, holderName: l, isDefault: u, onChange: d, className: f, strings: p }) {
+	let m = e(he, p), h = ge[r], g = _e[r];
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ x(E, { className: "size-4" }),
+		title: m.title,
+		titleSuffix: u ? /* @__PURE__ */ x(a, {
+			variant: "primary",
+			children: m.default
+		}) : null,
+		className: t("payment-method--component", f),
+		children: [/* @__PURE__ */ S("div", {
+			className: t("relative flex flex-col gap-5 rounded-xl bg-gradient-to-br p-4 text-white shadow-md ring-1 ring-white/10 overflow-hidden", g),
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "absolute -top-8 -right-8 size-32 rounded-full bg-white/[0.08] blur-xl",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "absolute -bottom-6 -left-6 size-24 rounded-full bg-white/[0.06] blur-lg",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "relative flex items-start justify-between",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-yellow-300/90 to-yellow-500/80 shadow-sm",
+						children: /* @__PURE__ */ x("div", { className: "size-4 rounded-sm border border-yellow-700/30 bg-yellow-200/60" })
+					}), /* @__PURE__ */ x(n, {
+						tag: "span",
+						weight: "bold",
+						className: "rounded bg-white/15 px-2 py-0.5 tracking-[0.15em] text-white backdrop-blur-sm",
+						children: h
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "relative",
+					children: /* @__PURE__ */ S(n, {
+						tag: "span",
+						size: "lg",
+						weight: "semibold",
+						className: "block font-mono tracking-[0.25em] text-white",
+						children: ["•••• •••• •••• ", i]
+					})
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "relative flex items-end justify-between gap-3",
+					children: [/* @__PURE__ */ x("div", {
+						className: "min-w-0",
+						children: !!l && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(n, {
+							size: "xxs",
+							className: "block uppercase tracking-wider text-white/60",
+							children: m.cardHolder
+						}), /* @__PURE__ */ x(n, {
+							weight: "semibold",
+							className: "truncate text-white",
+							children: l
+						})] })
+					}), !!c && /* @__PURE__ */ S("div", {
+						className: "text-right shrink-0",
+						children: [/* @__PURE__ */ x(n, {
+							size: "xxs",
+							className: "block uppercase tracking-wider text-white/60",
+							children: m.expires
+						}), /* @__PURE__ */ x(n, {
+							tag: "span",
+							weight: "semibold",
+							className: "tabular-nums text-white",
+							children: c
+						})]
+					})]
+				})
+			]
+		}), !!d && /* @__PURE__ */ x("div", {
+			className: "mt-3 flex justify-end",
+			children: /* @__PURE__ */ x(o, {
+				buttonStyle: "ghost",
+				variant: "secondary",
+				onClick: d,
+				children: m.change
+			})
+		})]
+	});
+}
+$.displayName = "PaymentMethodCard";
+//#endregion
+export { K as AddressCard, X as CartSummaryCard, Q as CouponInputCard, I as DiscountStackPreview, P as LoyaltyPointsCard, me as OrderStatusCard, $ as PaymentMethodCard, W as RefundStatusCard, L as ShipmentTrackingCard, V as SubscriptionSummaryCard, z as TaxBreakdownCard, M as UpcomingBookingRow, J as VoucherEntryCard, G as defaultAddressCardStrings, Y as defaultCartSummaryStrings, Z as defaultCouponInputStrings, F as defaultDiscountStackStrings, N as defaultLoyaltyPointsStrings, fe as defaultOrderStatusStrings, he as defaultPaymentMethodStrings, H as defaultRefundStatusStrings, B as defaultSubscriptionSummaryStrings, R as defaultTaxBreakdownStrings, q as defaultVoucherEntryStrings };
+
+//# sourceMappingURL=index.js.map