admin-ui-starter-kit 0.4.3 → 0.4.5

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

@@ -1,13 +1,13 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n, t as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/badge-yGlx9trX.js";
-import { t as o } from "../../../_shared/button-SuocMQFT.js";
-import { t as s } from "../../../_shared/smart-card-DYZGY_Su.js";
-import { O as c, i as l } from "../../../_shared/display-C4n0uuxl.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
+import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
+import { t as o } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
+import { O as c, i as l } from "../../../_shared/display-NBtWdAMl.js";
 import { o as u, r as d, t as f } from "../../../_shared/avatar-CBi4LGxy.js";
-import { t as p } from "../../../_shared/metadata-qTNAOM7E.js";
+import { t as p } from "../../../_shared/metadata-Ckcmar8d.js";
 import { c as m, i as h, n as g, o as _, r as v, t as y, u as b } from "../../../_shared/item-DAjqQhhj.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
@@ -22,7 +22,7 @@ var L = {
 function te(e, t) {
 	return t || e.split(" ").map((e) => e[0]).slice(0, 2).join("").toUpperCase();
 }
-function R({ name: r, role: i, email: s, phone: c, location: l, avatarUrl: p, initials: h, badge: g, badgeVariant: x = "success", onContact: S, onViewProfile: C, className: E, strings: D }) {
+function R({ name: i, role: a, email: s, phone: c, location: l, avatarUrl: p, initials: h, badge: g, badgeVariant: x = "success", onContact: S, onViewProfile: C, className: E, strings: D }) {
 	let O = e(L, D);
 	return /* @__PURE__ */ T("div", {
 		className: t("contact-card--component", "overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5", E),
@@ -33,28 +33,28 @@ function R({ name: r, role: i, email: s, phone: c, location: l, avatarUrl: p, in
 					className: "size-12 shrink-0 border border-border",
 					children: [!!p && /* @__PURE__ */ w(u, {
 						src: p,
-						alt: r
+						alt: i
 					}), /* @__PURE__ */ w(d, {
 						className: "text-sm font-semibold",
-						children: te(r, h)
+						children: te(i, h)
 					})]
 				}), /* @__PURE__ */ T("div", {
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ w(n, {
+						children: [/* @__PURE__ */ w(r, {
 							weight: "semibold",
 							className: "truncate",
-							children: r
-						}), !!g && /* @__PURE__ */ w(a, {
+							children: i
+						}), !!g && /* @__PURE__ */ w(o, {
 							variant: x,
 							children: g
 						})]
-					}), !!i && /* @__PURE__ */ w(n, {
+					}), !!a && /* @__PURE__ */ w(r, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5",
-						children: i
+						children: a
 					})]
 				})]
 			}),
@@ -101,13 +101,13 @@ function R({ name: r, role: i, email: s, phone: c, location: l, avatarUrl: p, in
 			}),
 			!!(S || C) && /* @__PURE__ */ T("div", {
 				className: "mt-4 flex items-center gap-2",
-				children: [!!S && /* @__PURE__ */ w(o, {
+				children: [!!S && /* @__PURE__ */ w(n, {
 					variant: "primary",
 					buttonStyle: "solid",
 					icon: N,
 					onClick: S,
 					children: O.contact
-				}), !!C && /* @__PURE__ */ w(o, {
+				}), !!C && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					icon: A,
@@ -166,8 +166,8 @@ var B = {
 	circles: () => /* @__PURE__ */ w(ne, {}),
 	diagonal: () => /* @__PURE__ */ w(re, {})
 };
-function V({ gradient: e = "coral", pattern: i = "none", title: a, subtitle: s, value: c, valueLabel: l, badge: u, icon: d, alertText: f, alertCount: p, action: m, footer: h, children: g, className: _ }) {
-	let v = B[i], y = !!(a || s || d);
+function V({ gradient: e = "coral", pattern: a = "none", title: o, subtitle: s, value: c, valueLabel: l, badge: u, icon: d, alertText: f, alertCount: p, action: m, footer: h, children: g, className: _ }) {
+	let v = B[a], y = !!(o || s || d);
 	return /* @__PURE__ */ T("div", {
 		className: t("gradient-card--component relative overflow-hidden rounded-lg", z[e], _),
 		children: [!!v && v(), /* @__PURE__ */ T("div", {
@@ -177,11 +177,11 @@ function V({ gradient: e = "coral", pattern: i = "none", title: a, subtitle: s,
 					className: "flex items-start justify-between gap-4",
 					children: [/* @__PURE__ */ T("div", {
 						className: "min-w-0 flex-1",
-						children: [!!a && /* @__PURE__ */ w(n, {
+						children: [!!o && /* @__PURE__ */ w(r, {
 							weight: "semibold",
 							className: "tracking-tight leading-snug text-inverse-foreground",
-							children: a
-						}), !!s && /* @__PURE__ */ w(n, {
+							children: o
+						}), !!s && /* @__PURE__ */ w(r, {
 							size: "xs",
 							className: "mt-0.5 leading-snug text-inverse-muted",
 							children: s
@@ -194,14 +194,14 @@ function V({ gradient: e = "coral", pattern: i = "none", title: a, subtitle: s,
 				}),
 				!!c && /* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ w(i, {
 						tag: "h3",
 						align: "left",
 						className: "text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground",
 						children: c
 					}), (l || u) && /* @__PURE__ */ T("div", {
 						className: "flex flex-wrap items-center justify-between gap-2",
-						children: [!!l && /* @__PURE__ */ w(n, {
+						children: [!!l && /* @__PURE__ */ w(r, {
 							size: "xs",
 							className: "leading-snug text-inverse-muted",
 							children: l
@@ -213,7 +213,7 @@ function V({ gradient: e = "coral", pattern: i = "none", title: a, subtitle: s,
 				}),
 				!!f && /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						className: "min-w-0 flex-1 leading-snug text-inverse-foreground",
 						children: f
 					}), !!p && /* @__PURE__ */ w("span", {
@@ -224,12 +224,12 @@ function V({ gradient: e = "coral", pattern: i = "none", title: a, subtitle: s,
 				!!g && /* @__PURE__ */ w("div", { children: g }),
 				(!!m || !!h) && /* @__PURE__ */ T("div", {
 					className: "flex items-center justify-between gap-3 pt-1",
-					children: [m ? /* @__PURE__ */ w(o, {
+					children: [m ? /* @__PURE__ */ w(n, {
 						variant: "dark",
 						onClick: m.onClick,
 						className: "rounded-xl px-4",
 						children: m.label
-					}) : /* @__PURE__ */ w("span", {}), !!h && /* @__PURE__ */ w(n, {
+					}) : /* @__PURE__ */ w("span", {}), !!h && /* @__PURE__ */ w(r, {
 						size: "xs",
 						className: "text-inverse-muted",
 						children: h
@@ -240,14 +240,14 @@ function V({ gradient: e = "coral", pattern: i = "none", title: a, subtitle: s,
 	});
 }
 V.displayName = "GradientCard";
-function H({ gradient: e = "coral", pattern: i = "none", title: a, value: o, change: s, subtitle: c, className: l }) {
-	let u = B[i];
+function H({ gradient: e = "coral", pattern: n = "none", title: a, value: o, change: s, subtitle: c, className: l }) {
+	let u = B[n];
 	return /* @__PURE__ */ T("div", {
 		className: t("gradient-card-compact--component relative overflow-hidden rounded-lg", z[e], l),
 		children: [!!u && u(), /* @__PURE__ */ T("div", {
 			className: "relative flex flex-col gap-1 p-5",
 			children: [
-				!!a && /* @__PURE__ */ w(n, {
+				!!a && /* @__PURE__ */ w(r, {
 					size: "xs",
 					weight: "medium",
 					className: "uppercase tracking-wider text-inverse-muted",
@@ -255,7 +255,7 @@ function H({ gradient: e = "coral", pattern: i = "none", title: a, value: o, cha
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "flex items-baseline gap-2",
-					children: [!!o && /* @__PURE__ */ w(r, {
+					children: [!!o && /* @__PURE__ */ w(i, {
 						tag: "h4",
 						align: "left",
 						className: "text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground",
@@ -265,7 +265,7 @@ function H({ gradient: e = "coral", pattern: i = "none", title: a, value: o, cha
 						children: s
 					})]
 				}),
-				!!c && /* @__PURE__ */ w(n, {
+				!!c && /* @__PURE__ */ w(r, {
 					size: "xs",
 					className: "leading-snug text-inverse-subtle",
 					children: c
@@ -341,8 +341,8 @@ var ie = {
 };
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-full.tsx
-function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l, senderName: u, message: d, expiresAt: f, createdAt: m, template: h, onView: g, gradient: _ = "purple", pattern: v = "none", className: y, strings: b }) {
-	let x = e(U, b), S = x.status[c], E = W[c], D = !!s && s !== a, O = D ? s : a, A = [
+function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l, senderName: u, message: d, expiresAt: f, createdAt: m, template: h, onView: g, gradient: _ = "purple", pattern: v = "none", className: y, strings: b }) {
+	let x = e(U, b), S = x.status[c], E = W[c], D = !!s && s !== o, O = D ? s : o, A = [
 		...l ? [{
 			label: x.to,
 			value: l
@@ -397,7 +397,7 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 					children: [
 						/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ w(M, { className: "h-5 w-5 text-inverse-foreground opacity-80" }), /* @__PURE__ */ w(n, {
+							children: [/* @__PURE__ */ w(M, { className: "h-5 w-5 text-inverse-foreground opacity-80" }), /* @__PURE__ */ w(r, {
 								weight: "medium",
 								className: "text-inverse-muted",
 								children: x.giftCard
@@ -405,29 +405,29 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 						}),
 						/* @__PURE__ */ T("div", {
 							className: "mt-8 mb-5",
-							children: [/* @__PURE__ */ w(n, {
+							children: [/* @__PURE__ */ w(r, {
 								size: "xs",
 								className: "uppercase tracking-wider text-inverse-subtle",
 								children: x.balance
 							}), /* @__PURE__ */ T("div", {
 								className: "flex items-baseline gap-2.5 mt-1",
-								children: [/* @__PURE__ */ w(r, {
+								children: [/* @__PURE__ */ w(i, {
 									tag: "h2",
 									className: "text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm",
 									children: O
-								}), !!D && /* @__PURE__ */ w(n, {
+								}), !!D && /* @__PURE__ */ w(r, {
 									className: "line-through tabular-nums text-inverse-disabled",
-									children: a
+									children: o
 								})]
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
 							className: t("flex items-center gap-2 rounded-lg px-4 py-2.5", "bg-inverse-surface backdrop-blur-sm", "border border-inverse-border", "shadow-sm"),
-							children: [/* @__PURE__ */ w(n, {
+							children: [/* @__PURE__ */ w(r, {
 								weight: "semibold",
 								className: "flex-1 font-mono tracking-[0.2em] text-inverse-foreground",
-								children: i
-							}), /* @__PURE__ */ w(o, {
+								children: a
+							}), /* @__PURE__ */ w(n, {
 								variant: "light",
 								buttonStyle: "ghost",
 								className: "p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100",
@@ -443,13 +443,13 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 			children: [
 				!!d && /* @__PURE__ */ T("div", {
 					className: "rounded-lg bg-muted/50 p-3 border border-border/30",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "mb-1 uppercase tracking-wide",
 						children: x.personalMessage
-					}), /* @__PURE__ */ T(n, {
+					}), /* @__PURE__ */ T(r, {
 						type: "secondary",
 						className: "italic leading-relaxed",
 						children: [
@@ -463,7 +463,7 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 					items: A,
 					columns: 2
 				}),
-				!!g && /* @__PURE__ */ w(o, {
+				!!g && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					icon: j,
@@ -478,8 +478,8 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 G.displayName = "GiftcardCard";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-compact.tsx
-function K({ code: r, amount: i, remainingAmount: o, status: s, recipientName: c, gradient: l = "purple", className: u, strings: d }) {
-	let f = e(U, d).status[s], p = W[s], _ = !!o && o !== i, x = _ ? o : i;
+function K({ code: n, amount: i, remainingAmount: a, status: s, recipientName: c, gradient: l = "purple", className: u, strings: d }) {
+	let f = e(U, d).status[s], p = W[s], _ = !!a && a !== i, x = _ ? a : i;
 	return /* @__PURE__ */ T(y, {
 		size: "xs",
 		variant: "outline",
@@ -496,7 +496,7 @@ function K({ code: r, amount: i, remainingAmount: o, status: s, recipientName: c
 				className: "min-w-0",
 				children: [/* @__PURE__ */ w(b, {
 					className: "w-full max-w-full truncate whitespace-nowrap font-mono text-xs",
-					children: r
+					children: n
 				}), !!c && /* @__PURE__ */ w(h, {
 					clamp: 1,
 					children: c
@@ -508,18 +508,18 @@ function K({ code: r, amount: i, remainingAmount: o, status: s, recipientName: c
 					className: "flex shrink-0 flex-col items-end gap-0.5",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-baseline gap-1",
-						children: [/* @__PURE__ */ w(n, {
+						children: [/* @__PURE__ */ w(r, {
 							size: "sm",
 							weight: "bold",
 							className: "tabular-nums",
 							children: x
-						}), !!_ && /* @__PURE__ */ w(n, {
+						}), !!_ && /* @__PURE__ */ w(r, {
 							size: "xxs",
 							type: "discrete",
 							className: "line-through tabular-nums",
 							children: i
 						})]
-					}), /* @__PURE__ */ w(a, {
+					}), /* @__PURE__ */ w(o, {
 						variant: p,
 						size: "xs",
 						children: f
@@ -532,7 +532,7 @@ function K({ code: r, amount: i, remainingAmount: o, status: s, recipientName: c
 K.displayName = "GiftcardCompact";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-minimal.tsx
-function q({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u, expiresAt: d, onView: f, color: h = "green", className: _, strings: x }) {
+function q({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u, expiresAt: d, onView: f, color: h = "green", className: _, strings: x }) {
 	let S = e(U, x), C = S.status[l], D = W[l], O = !!c && c !== s, A = O ? c : s, j = oe[h], N = [...u ? [{
 		label: S.recipient,
 		value: u
@@ -559,7 +559,7 @@ function q({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 					}) }),
 					/* @__PURE__ */ w(g, {
 						className: "shrink-0",
-						children: /* @__PURE__ */ w(a, {
+						children: /* @__PURE__ */ w(o, {
 							variant: D,
 							size: "xs",
 							children: C
@@ -571,11 +571,11 @@ function q({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 				className: "px-4 pb-2 pt-0",
 				children: /* @__PURE__ */ T("div", {
 					className: "flex items-baseline gap-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ w(i, {
 						tag: "h2",
 						className: "border-none pb-0 text-2xl tabular-nums",
 						children: A
-					}), !!O && /* @__PURE__ */ w(n, {
+					}), !!O && /* @__PURE__ */ w(r, {
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: s
@@ -584,11 +584,11 @@ function q({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5",
-				children: [/* @__PURE__ */ w(n, {
+				children: [/* @__PURE__ */ w(r, {
 					weight: "medium",
 					className: "flex-1 font-mono tracking-[0.15em]",
-					children: i
-				}), /* @__PURE__ */ w(o, {
+					children: a
+				}), /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "icon-sm",
@@ -606,7 +606,7 @@ function q({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 			}),
 			!!f && /* @__PURE__ */ w("div", {
 				className: "mt-1 border-t border-border/30 px-3 py-1.5",
-				children: /* @__PURE__ */ T(o, {
+				children: /* @__PURE__ */ T(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					onClick: f,
@@ -620,7 +620,7 @@ function q({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 q.displayName = "GiftcardCardMinimal";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-dark.tsx
-function J({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u, expiresAt: d, onView: f, className: h, strings: _ }) {
+function J({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u, expiresAt: d, onView: f, className: h, strings: _ }) {
 	let x = e(U, _), S = x.status[l], C = W[l], E = !!c && c !== s, D = E ? c : s, O = [...u ? [{
 		label: x.recipient,
 		value: u
@@ -644,7 +644,7 @@ function J({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 						className: "text-muted-foreground",
 						children: x.giftCard
 					}) }),
-					/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(a, {
+					/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(o, {
 						variant: C,
 						children: S
 					}) })
@@ -654,11 +654,11 @@ function J({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 				className: "px-4 pb-3 pt-2",
 				children: /* @__PURE__ */ T("div", {
 					className: "flex items-baseline gap-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ w(i, {
 						tag: "h2",
 						className: "border-none pb-0 text-3xl tabular-nums",
 						children: D
-					}), !!E && /* @__PURE__ */ w(n, {
+					}), !!E && /* @__PURE__ */ w(r, {
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: s
@@ -667,11 +667,11 @@ function J({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2",
-				children: [/* @__PURE__ */ w(n, {
+				children: [/* @__PURE__ */ w(r, {
 					weight: "medium",
 					className: "font-mono tracking-[0.15em] flex-1",
-					children: i
-				}), /* @__PURE__ */ w(o, {
+					children: a
+				}), /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					className: "p-1 h-auto",
@@ -686,7 +686,7 @@ function J({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u
 			}),
 			!!f && /* @__PURE__ */ w("div", {
 				className: "px-4 pb-4 pt-2",
-				children: /* @__PURE__ */ w(o, {
+				children: /* @__PURE__ */ w(n, {
 					variant: "dark",
 					buttonStyle: "solid",
 					icon: j,
@@ -719,13 +719,13 @@ function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d
 					style: { backgroundImage: "repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)" },
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ w(i, {
+				/* @__PURE__ */ w(a, {
 					icon: M,
 					size: "md",
 					shape: "square",
 					className: t("relative rounded-md text-inverse-foreground ring-1 ring-inverse-border", ce[h])
 				}),
-				/* @__PURE__ */ w(n, {
+				/* @__PURE__ */ w(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
@@ -740,32 +740,32 @@ function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d
 					className: "flex items-start justify-between",
 					children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 						className: "flex items-baseline gap-2",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							tag: "h2",
 							className: "border-none pb-0 text-2xl tabular-nums",
 							children: S
-						}), !!x && /* @__PURE__ */ w(n, {
+						}), !!x && /* @__PURE__ */ w(r, {
 							type: "discrete",
 							className: "line-through tabular-nums",
 							children: c
 						})]
-					}), /* @__PURE__ */ w(n, {
+					}), /* @__PURE__ */ w(r, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5",
 						children: v.balance
-					})] }), /* @__PURE__ */ w(a, {
+					})] }), /* @__PURE__ */ w(o, {
 						variant: b,
 						children: y
 					})]
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						weight: "medium",
 						className: "font-mono tracking-[0.15em] flex-1",
 						children: s
-					}), /* @__PURE__ */ w(o, {
+					}), /* @__PURE__ */ w(n, {
 						variant: "secondary",
 						buttonStyle: "ghost",
 						className: "p-1 h-auto",
@@ -777,7 +777,7 @@ function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d
 					items: C,
 					columns: 2
 				}),
-				!!m && /* @__PURE__ */ w(o, {
+				!!m && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					icon: j,
@@ -803,16 +803,16 @@ function de(e) {
 		imageUrl: e.imageUrl
 	}));
 }
-function Z({ title: r, description: i, badges: l = [], participants: u = [], extraParticipants: d = 0, progressPercent: f, actionLabel: p, onAction: m, className: _, strings: x, variant: S = "default", gradient: C = ue }) {
+function Z({ title: i, description: a, badges: l = [], participants: u = [], extraParticipants: d = 0, progressPercent: f, actionLabel: p, onAction: m, className: _, strings: x, variant: S = "default", gradient: C = ue }) {
 	let E = e(le, x), D = u.length + d, O = de(u);
 	return S === "minimal" ? /* @__PURE__ */ T(y, {
 		variant: "outline",
 		className: t("course-card--component", "hover:bg-muted/30 transition-colors", _),
 		children: [/* @__PURE__ */ T(v, {
 			className: "min-w-[min(12rem,100%)]",
-			children: [/* @__PURE__ */ w(b, { children: r }), !!i && /* @__PURE__ */ w(h, {
+			children: [/* @__PURE__ */ w(b, { children: i }), !!a && /* @__PURE__ */ w(h, {
 				clamp: 1,
-				children: i
+				children: a
 			})]
 		}), /* @__PURE__ */ T(g, {
 			className: "ml-auto shrink-0 flex-wrap justify-end",
@@ -824,13 +824,13 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 					overflowFormatter: () => `+${d || 0}`,
 					showOverflow: d > 0
 				}),
-				f !== void 0 && /* @__PURE__ */ T(n, {
+				f !== void 0 && /* @__PURE__ */ T(r, {
 					size: "xs",
 					type: "secondary",
 					className: "shrink-0 tabular-nums",
 					children: [f, "%"]
 				}),
-				!!p && /* @__PURE__ */ w(o, {
+				!!p && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					onClick: m,
@@ -839,13 +839,13 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 			]
 		})]
 	}) : S === "gradient" ? /* @__PURE__ */ T(s, {
-		title: r,
-		description: i,
+		title: i,
+		description: a,
 		className: t("course-card--component border-primary/20 bg-gradient-to-br", C, _),
 		children: [
 			l.length > 0 && /* @__PURE__ */ w("div", {
 				className: "flex flex-wrap gap-1.5",
-				children: l.map((e) => /* @__PURE__ */ w(a, {
+				children: l.map((e) => /* @__PURE__ */ w(o, {
 					variant: e.variant,
 					children: e.label
 				}, e.label))
@@ -861,7 +861,7 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 							max: 3,
 							size: "sm",
 							showOverflow: !1
-						}), /* @__PURE__ */ T(n, {
+						}), /* @__PURE__ */ T(r, {
 							size: "xs",
 							type: "secondary",
 							className: "truncate",
@@ -879,7 +879,7 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 								className: "h-full rounded-full bg-success",
 								style: { width: `${f}%` }
 							})
-						}), /* @__PURE__ */ T(n, {
+						}), /* @__PURE__ */ T(r, {
 							size: "xs",
 							type: "secondary",
 							className: "shrink-0 tabular-nums",
@@ -888,7 +888,7 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 					})]
 				})
 			}),
-			!!p && /* @__PURE__ */ w(o, {
+			!!p && /* @__PURE__ */ w(n, {
 				variant: "primary",
 				className: "mt-4 w-full rounded-xl",
 				onClick: m,
@@ -896,13 +896,13 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 			})
 		]
 	}) : /* @__PURE__ */ T(s, {
-		title: r,
-		description: i,
+		title: i,
+		description: a,
 		className: t("course-card--component", _),
 		children: [
 			l.length > 0 && /* @__PURE__ */ w("div", {
 				className: "flex flex-wrap gap-1.5",
-				children: l.map((e) => /* @__PURE__ */ w(a, {
+				children: l.map((e) => /* @__PURE__ */ w(o, {
 					variant: e.variant,
 					children: e.label
 				}, e.label))
@@ -913,11 +913,11 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 					className: X,
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ w(n, {
+						children: [/* @__PURE__ */ w(r, {
 							size: "xs",
 							type: "secondary",
 							children: E.participants
-						}), /* @__PURE__ */ w(n, {
+						}), /* @__PURE__ */ w(r, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
@@ -931,7 +931,7 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 							size: "sm",
 							showOverflow: d > 0,
 							overflowFormatter: () => `+${d}`
-						}), /* @__PURE__ */ T(n, {
+						}), /* @__PURE__ */ T(r, {
 							size: "xs",
 							type: "secondary",
 							className: "truncate",
@@ -946,11 +946,11 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 					className: X,
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ w(n, {
+						children: [/* @__PURE__ */ w(r, {
 							size: "xs",
 							type: "secondary",
 							children: E.progress
-						}), /* @__PURE__ */ T(n, {
+						}), /* @__PURE__ */ T(r, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
@@ -968,7 +968,7 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 					})]
 				})]
 			}),
-			!!p && /* @__PURE__ */ w(o, {
+			!!p && /* @__PURE__ */ w(n, {
 				variant: "primary",
 				className: "mt-4 w-full rounded-xl",
 				onClick: m,
@@ -980,33 +980,33 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 Z.displayName = "CourseCard";
 //#endregion
 //#region src/components/composed/cards/feature-announcement/feature-announcement.tsx
-function Q({ icon: e = I, title: n, description: r, tags: c = [], actionLabel: l, onAction: u, className: d }) {
+function Q({ icon: e = I, title: r, description: i, tags: c = [], actionLabel: l, onAction: u, className: d }) {
 	return /* @__PURE__ */ T(s, {
 		className: t("feature-announcement--component", d),
 		children: [
 			/* @__PURE__ */ T(y, {
 				className: "items-start px-0",
-				children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(i, {
+				children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(a, {
 					icon: e,
 					tone: "primary",
 					size: "md",
 					shape: "square",
 					className: "rounded-md ring-1 ring-primary/15"
-				}) }), /* @__PURE__ */ T(v, { children: [/* @__PURE__ */ w(b, { children: n }), /* @__PURE__ */ w(h, {
+				}) }), /* @__PURE__ */ T(v, { children: [/* @__PURE__ */ w(b, { children: r }), /* @__PURE__ */ w(h, {
 					clamp: "none",
-					children: r
+					children: i
 				})] })]
 			}),
 			c.length > 0 && /* @__PURE__ */ w("div", {
 				className: "mt-3 flex flex-wrap gap-1.5",
-				children: c.map((e) => /* @__PURE__ */ w(a, {
+				children: c.map((e) => /* @__PURE__ */ w(o, {
 					variant: "info",
 					children: e
 				}, e))
 			}),
 			!!l && /* @__PURE__ */ w("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ T(o, {
+				children: /* @__PURE__ */ T(n, {
 					variant: "light",
 					buttonStyle: "ghost",
 					onClick: u,
@@ -1030,8 +1030,8 @@ var fe = {
 };
 //#endregion
 //#region src/components/composed/cards/vendor-profile/vendor-profile.tsx
-function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earnings: d, earningsChange: f, metrics: p = [], stats: g = [], onMessage: _, onHire: x, className: C, strings: E }) {
-	let k = e(fe, E), [A, j] = S("overview"), M = a ?? r.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase(), N = {
+function $({ name: i, initials: o, avatarUrl: s, role: c, verified: u = !1, earnings: d, earningsChange: f, metrics: p = [], stats: g = [], onMessage: _, onHire: x, className: C, strings: E }) {
+	let k = e(fe, E), [A, j] = S("overview"), M = o ?? i.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase(), N = {
 		overview: k.tabOverview,
 		stats: k.tabStats
 	}, P = !!d || p.length > 0, F = g.length > 0, I = [["overview", P], ["stats", F]].filter(([, e]) => e).map(([e]) => e), L = A === "overview" && !P && F ? "stats" : A;
@@ -1044,9 +1044,9 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 					variant: s ? "avatar" : "default",
 					children: s ? /* @__PURE__ */ w("img", {
 						src: s,
-						alt: r,
+						alt: i,
 						className: "size-10 rounded-full object-cover ring-1 ring-border"
-					}) : /* @__PURE__ */ w(i, {
+					}) : /* @__PURE__ */ w(a, {
 						tone: "primary",
 						size: "md",
 						className: "font-semibold ring-1 ring-primary/15",
@@ -1054,7 +1054,7 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 					})
 				}), /* @__PURE__ */ T(v, { children: [/* @__PURE__ */ w(b, { children: /* @__PURE__ */ T("span", {
 					className: "inline-flex items-center gap-1.5",
-					children: [r, !!u && /* @__PURE__ */ w(i, {
+					children: [i, !!u && /* @__PURE__ */ w(a, {
 						tone: "success",
 						solid: !0,
 						size: "xs",
@@ -1072,7 +1072,7 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 			}),
 			I.length > 1 && /* @__PURE__ */ w("div", {
 				className: "flex gap-1 rounded-md bg-muted/60 p-0.5",
-				children: I.map((e) => /* @__PURE__ */ w(o, {
+				children: I.map((e) => /* @__PURE__ */ w(n, {
 					type: "button",
 					"aria-pressed": L === e,
 					onClick: () => j(e),
@@ -1085,7 +1085,7 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 			}),
 			L === "overview" && P && /* @__PURE__ */ T("div", {
 				className: "space-y-3",
-				children: [!!d && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(n, {
+				children: [!!d && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "medium",
@@ -1093,12 +1093,12 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 					children: k.totalEarnings
 				}), /* @__PURE__ */ T("div", {
 					className: "mt-0.5 flex items-baseline gap-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						size: "xl",
 						weight: "semibold",
 						className: "tabular-nums tracking-tight",
 						children: d
-					}), !!f && /* @__PURE__ */ w(n, {
+					}), !!f && /* @__PURE__ */ w(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
@@ -1121,7 +1121,7 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 				className: "grid grid-cols-2 gap-1.5",
 				children: g.map((e) => /* @__PURE__ */ T("div", {
 					className: "rounded-lg border border-border/60 bg-muted/20 px-3 py-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
@@ -1129,12 +1129,12 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 						children: e.label
 					}), /* @__PURE__ */ T("div", {
 						className: "mt-1 flex items-baseline gap-1.5",
-						children: [/* @__PURE__ */ w(n, {
+						children: [/* @__PURE__ */ w(r, {
 							size: "base",
 							weight: "semibold",
 							className: "tabular-nums",
 							children: e.value
-						}), !!e.change && /* @__PURE__ */ w(n, {
+						}), !!e.change && /* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xxs",
 							weight: "semibold",
@@ -1146,13 +1146,13 @@ function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earn
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "flex gap-1.5",
-				children: [/* @__PURE__ */ T(o, {
+				children: [/* @__PURE__ */ T(n, {
 					variant: "light",
 					buttonStyle: "outline",
 					className: "flex-1 rounded-md",
 					onClick: _,
 					children: [/* @__PURE__ */ w(ee, { className: "mr-1.5 size-3.5" }), k.message]
-				}), /* @__PURE__ */ T(o, {
+				}), /* @__PURE__ */ T(n, {
 					variant: "dark",
 					className: "flex-1 rounded-md",
 					onClick: x,