admin-ui-starter-kit 0.5.0 → 0.6.1

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

@@ -1,14 +1,14 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.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-A8wQRShC.js";
-import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
-import { O as c, i as l } from "../../../_shared/display-CL69dmsv.js";
-import { o as u, r as d, t as f } from "../../../_shared/avatar-CBi4LGxy.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 { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { o as r, s as i } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
+import { t as o } from "../../../_shared/badge-a2Z3K5aQ.js";
+import { t as s } from "../../../_shared/cards-CtBoSZG9.js";
+import { b as c } from "../../../_shared/display-B0wLVN8t.js";
+import { o as l, r as u, t as d } from "../../../_shared/avatar-BagPbPuD.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-Xs-fgzaT.js";
+import { a as y, i as b } from "../../../_shared/data-display-CRFaMkxT.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { ArrowRight as E, Check as D, ChevronRight as O, Copy as k, ExternalLink as A, Eye as j, Gift as M, Mail as N, MapPin as P, MessageSquare as ee, Phone as F, Sparkles as I } from "lucide-react";
@@ -22,35 +22,35 @@ var L = {
 function te(e, t) {
 	return t || e.split(" ").map((e) => e[0]).slice(0, 2).join("").toUpperCase();
 }
-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 }) {
+function R({ name: r, role: a, email: s, phone: c, location: p, avatarUrl: m, initials: y, badge: b, 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),
 		children: [
 			/* @__PURE__ */ T("div", {
 				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ T(f, {
-					className: "size-12 shrink-0 border border-border",
-					children: [!!p && /* @__PURE__ */ w(u, {
-						src: p,
-						alt: i
-					}), /* @__PURE__ */ w(d, {
+				children: [/* @__PURE__ */ T(d, {
+					className: "size-avatar-lg shrink-0 border border-border",
+					children: [!!m && /* @__PURE__ */ w(l, {
+						src: m,
+						alt: r
+					}), /* @__PURE__ */ w(u, {
 						className: "text-sm font-semibold",
-						children: te(i, h)
+						children: te(r, y)
 					})]
 				}), /* @__PURE__ */ T("div", {
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							weight: "semibold",
 							className: "truncate",
-							children: i
-						}), !!g && /* @__PURE__ */ w(o, {
+							children: r
+						}), !!b && /* @__PURE__ */ w(o, {
 							variant: x,
-							children: g
+							children: b
 						})]
-					}), !!a && /* @__PURE__ */ w(r, {
+					}), !!a && /* @__PURE__ */ w(i, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5",
@@ -58,43 +58,40 @@ function R({ name: i, role: a, email: s, phone: c, location: l, avatarUrl: p, in
 					})]
 				})]
 			}),
-			!!(s || c || l) && /* @__PURE__ */ T(_, {
+			!!(s || c || p) && /* @__PURE__ */ T(h, {
 				className: "mt-4 gap-0",
 				children: [
-					!!s && /* @__PURE__ */ T(y, {
-						size: "xs",
-						className: "px-0 py-1.5",
-						children: [/* @__PURE__ */ w(m, {
+					!!s && /* @__PURE__ */ T(_, {
+						size: "small",
+						children: [/* @__PURE__ */ w(f, {
 							variant: "icon",
 							className: "text-muted-foreground",
 							children: /* @__PURE__ */ w(N, {})
-						}), /* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+						}), /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(v, {
 							bold: !1,
 							children: s
 						}) })]
 					}),
-					!!c && /* @__PURE__ */ T(y, {
-						size: "xs",
-						className: "px-0 py-1.5",
-						children: [/* @__PURE__ */ w(m, {
+					!!c && /* @__PURE__ */ T(_, {
+						size: "small",
+						children: [/* @__PURE__ */ w(f, {
 							variant: "icon",
 							className: "text-muted-foreground",
 							children: /* @__PURE__ */ w(F, {})
-						}), /* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+						}), /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(v, {
 							bold: !1,
 							children: c
 						}) })]
 					}),
-					!!l && /* @__PURE__ */ T(y, {
-						size: "xs",
-						className: "px-0 py-1.5",
-						children: [/* @__PURE__ */ w(m, {
+					!!p && /* @__PURE__ */ T(_, {
+						size: "small",
+						children: [/* @__PURE__ */ w(f, {
 							variant: "icon",
 							className: "text-muted-foreground",
 							children: /* @__PURE__ */ w(P, {})
-						}), /* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+						}), /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(v, {
 							bold: !1,
-							children: l
+							children: p
 						}) })]
 					})
 				]
@@ -177,11 +174,11 @@ function V({ gradient: e = "coral", pattern: a = "none", title: o, subtitle: s,
 					className: "flex items-start justify-between gap-4",
 					children: [/* @__PURE__ */ T("div", {
 						className: "min-w-0 flex-1",
-						children: [!!o && /* @__PURE__ */ w(r, {
+						children: [!!o && /* @__PURE__ */ w(i, {
 							weight: "semibold",
 							className: "tracking-tight leading-snug text-inverse-foreground",
 							children: o
-						}), !!s && /* @__PURE__ */ w(r, {
+						}), !!s && /* @__PURE__ */ w(i, {
 							size: "xs",
 							className: "mt-0.5 leading-snug text-inverse-muted",
 							children: s
@@ -194,14 +191,14 @@ function V({ gradient: e = "coral", pattern: a = "none", title: o, subtitle: s,
 				}),
 				!!c && /* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ w(i, {
+					children: [/* @__PURE__ */ w(r, {
 						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(r, {
+						children: [!!l && /* @__PURE__ */ w(i, {
 							size: "xs",
 							className: "leading-snug text-inverse-muted",
 							children: l
@@ -213,7 +210,7 @@ function V({ gradient: e = "coral", pattern: a = "none", title: o, 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(r, {
+					children: [/* @__PURE__ */ w(i, {
 						className: "min-w-0 flex-1 leading-snug text-inverse-foreground",
 						children: f
 					}), !!p && /* @__PURE__ */ w("span", {
@@ -229,7 +226,7 @@ function V({ gradient: e = "coral", pattern: a = "none", title: o, subtitle: s,
 						onClick: m.onClick,
 						className: "rounded-xl px-4",
 						children: m.label
-					}) : /* @__PURE__ */ w("span", {}), !!h && /* @__PURE__ */ w(r, {
+					}) : /* @__PURE__ */ w("span", {}), !!h && /* @__PURE__ */ w(i, {
 						size: "xs",
 						className: "text-inverse-muted",
 						children: h
@@ -247,7 +244,7 @@ function H({ gradient: e = "coral", pattern: n = "none", title: a, value: o, cha
 		children: [!!u && u(), /* @__PURE__ */ T("div", {
 			className: "relative flex flex-col gap-1 p-5",
 			children: [
-				!!a && /* @__PURE__ */ w(r, {
+				!!a && /* @__PURE__ */ w(i, {
 					size: "xs",
 					weight: "medium",
 					className: "uppercase tracking-wider text-inverse-muted",
@@ -255,7 +252,7 @@ function H({ gradient: e = "coral", pattern: n = "none", title: a, value: o, cha
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "flex items-baseline gap-2",
-					children: [!!o && /* @__PURE__ */ w(i, {
+					children: [!!o && /* @__PURE__ */ w(r, {
 						tag: "h4",
 						align: "left",
 						className: "text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground",
@@ -265,7 +262,7 @@ function H({ gradient: e = "coral", pattern: n = "none", title: a, value: o, cha
 						children: s
 					})]
 				}),
-				!!c && /* @__PURE__ */ w(r, {
+				!!c && /* @__PURE__ */ w(i, {
 					size: "xs",
 					className: "leading-snug text-inverse-subtle",
 					children: c
@@ -341,7 +338,7 @@ var ie = {
 };
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-full.tsx
-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 }) {
+function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l, senderName: u, message: d, expiresAt: f, createdAt: p, template: m, onView: h, gradient: g = "purple", pattern: _ = "none", className: v, 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,
@@ -357,18 +354,18 @@ function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l
 		}] : []
 	];
 	return /* @__PURE__ */ T("div", {
-		className: t("giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out", "hover:shadow-md hover:shadow-foreground/10", y),
+		className: t("giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out", "hover:shadow-md hover:shadow-foreground/10", v),
 		children: [/* @__PURE__ */ T("div", {
-			className: t("relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6", ie[_].card),
+			className: t("relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6", ie[g].card),
 			children: [
-				v === "circles" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+				_ === "circles" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 					className: "absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ w("div", {
 					className: "absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration",
 					"aria-hidden": "true"
 				})] }),
-				v === "waves" && /* @__PURE__ */ T("svg", {
+				_ === "waves" && /* @__PURE__ */ T("svg", {
 					className: "absolute inset-0 h-full w-full opacity-5",
 					viewBox: "0 0 400 200",
 					preserveAspectRatio: "none",
@@ -397,7 +394,7 @@ function G({ code: a, amount: o, 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(r, {
+							children: [/* @__PURE__ */ w(M, { className: "h-5 w-5 text-inverse-foreground opacity-80" }), /* @__PURE__ */ w(i, {
 								weight: "medium",
 								className: "text-inverse-muted",
 								children: x.giftCard
@@ -405,17 +402,17 @@ function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l
 						}),
 						/* @__PURE__ */ T("div", {
 							className: "mt-8 mb-5",
-							children: [/* @__PURE__ */ w(r, {
+							children: [/* @__PURE__ */ w(i, {
 								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(i, {
+								children: [/* @__PURE__ */ w(r, {
 									tag: "h2",
 									className: "text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm",
 									children: O
-								}), !!D && /* @__PURE__ */ w(r, {
+								}), !!D && /* @__PURE__ */ w(i, {
 									className: "line-through tabular-nums text-inverse-disabled",
 									children: o
 								})]
@@ -423,7 +420,7 @@ function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l
 						}),
 						/* @__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(r, {
+							children: [/* @__PURE__ */ w(i, {
 								weight: "semibold",
 								className: "flex-1 font-mono tracking-[0.2em] text-inverse-foreground",
 								children: a
@@ -443,13 +440,13 @@ function G({ code: a, amount: o, 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(r, {
+					children: [/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "mb-1 uppercase tracking-wide",
 						children: x.personalMessage
-					}), /* @__PURE__ */ T(r, {
+					}), /* @__PURE__ */ T(i, {
 						type: "secondary",
 						className: "italic leading-relaxed",
 						children: [
@@ -459,16 +456,16 @@ function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l
 						]
 					})]
 				}),
-				/* @__PURE__ */ w(p, {
+				/* @__PURE__ */ w(y, {
 					items: A,
 					columns: 2
 				}),
-				!!g && /* @__PURE__ */ w(n, {
+				!!h && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					icon: j,
 					fullWidth: !0,
-					onClick: g,
+					onClick: h,
 					children: x.viewDetails
 				})
 			]
@@ -478,51 +475,51 @@ function G({ code: a, amount: o, remainingAmount: s, status: c, recipientName: l
 G.displayName = "GiftcardCard";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-compact.tsx
-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",
+function K({ code: n, amount: r, remainingAmount: a, status: s, recipientName: c, gradient: l = "purple", className: u, strings: d }) {
+	let h = e(U, d).status[s], y = W[s], b = !!a && a !== r, x = b ? a : r;
+	return /* @__PURE__ */ T(_, {
+		size: "small",
 		variant: "outline",
 		className: t("giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border", u),
 		children: [
-			/* @__PURE__ */ w(m, {
+			/* @__PURE__ */ w(f, {
 				variant: "image",
 				children: /* @__PURE__ */ w("div", {
 					className: t("flex size-full items-center justify-center bg-gradient-to-br", ae[l]),
 					children: /* @__PURE__ */ w(M, { className: "h-4 w-4 text-inverse-foreground" })
 				})
 			}),
-			/* @__PURE__ */ T(v, {
+			/* @__PURE__ */ T(g, {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ w(b, {
+				children: [/* @__PURE__ */ w(v, {
 					className: "w-full max-w-full truncate whitespace-nowrap font-mono text-xs",
 					children: n
-				}), !!c && /* @__PURE__ */ w(h, {
+				}), !!c && /* @__PURE__ */ w(p, {
 					clamp: 1,
 					children: c
 				})]
 			}),
-			/* @__PURE__ */ w(g, {
+			/* @__PURE__ */ w(m, {
 				className: "shrink-0",
 				children: /* @__PURE__ */ T("div", {
 					className: "flex shrink-0 flex-col items-end gap-0.5",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-baseline gap-1",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							size: "sm",
 							weight: "bold",
 							className: "tabular-nums",
 							children: x
-						}), !!_ && /* @__PURE__ */ w(r, {
+						}), !!b && /* @__PURE__ */ w(i, {
 							size: "xxs",
 							type: "discrete",
 							className: "line-through tabular-nums",
-							children: i
+							children: r
 						})]
 					}), /* @__PURE__ */ w(o, {
-						variant: p,
-						size: "xs",
-						children: f
+						variant: y,
+						size: "small",
+						children: h
 					})]
 				})
 			})
@@ -532,7 +529,7 @@ function K({ code: n, amount: i, remainingAmount: a, status: s, recipientName: c
 K.displayName = "GiftcardCompact";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-minimal.tsx
-function q({ code: a, 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: p, color: h = "green", className: b, 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
@@ -541,27 +538,27 @@ function q({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u
 		value: d
 	}] : []];
 	return /* @__PURE__ */ T("div", {
-		className: t("giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm", _),
+		className: t("giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm", b),
 		children: [
 			/* @__PURE__ */ w("div", { className: t("mx-4 mt-3 h-1 w-12 rounded-sm", j.line) }),
-			/* @__PURE__ */ T(y, {
-				size: "xs",
-				className: "flex-nowrap items-center px-4 pb-1.5 pt-2",
+			/* @__PURE__ */ T(_, {
+				size: "small",
+				className: "flex-nowrap items-center",
 				children: [
-					/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w("div", {
+					/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w("div", {
 						className: t("flex h-7 w-7 items-center justify-center rounded-full", j.iconBg),
 						children: /* @__PURE__ */ w(M, { className: "h-3.5 w-3.5" })
 					}) }),
-					/* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+					/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(v, {
 						bold: !1,
 						className: "text-muted-foreground",
 						children: S.giftCard
 					}) }),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ w(m, {
 						className: "shrink-0",
 						children: /* @__PURE__ */ w(o, {
 							variant: D,
-							size: "xs",
+							size: "small",
 							children: C
 						})
 					})
@@ -571,11 +568,11 @@ function q({ code: a, 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(i, {
+					children: [/* @__PURE__ */ w(r, {
 						tag: "h2",
 						className: "border-none pb-0 text-2xl tabular-nums",
 						children: A
-					}), !!O && /* @__PURE__ */ w(r, {
+					}), !!O && /* @__PURE__ */ w(i, {
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: s
@@ -584,32 +581,32 @@ function q({ code: a, 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(r, {
+				children: [/* @__PURE__ */ w(i, {
 					weight: "medium",
 					className: "flex-1 font-mono tracking-[0.15em]",
 					children: a
 				}), /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
-					size: "icon-sm",
+					size: "icon-small",
 					className: "shrink-0",
 					"aria-label": S.copyCode,
 					children: /* @__PURE__ */ w(k, { className: "h-3.5 w-3.5" })
 				})]
 			}),
-			/* @__PURE__ */ w(p, {
+			/* @__PURE__ */ w(y, {
 				items: N,
 				columns: 1,
 				dense: !0,
 				gapClassName: "gap-1.5",
 				className: "px-4 pb-1.5 pt-2"
 			}),
-			!!f && /* @__PURE__ */ w("div", {
+			!!p && /* @__PURE__ */ w("div", {
 				className: "mt-1 border-t border-border/30 px-3 py-1.5",
 				children: /* @__PURE__ */ T(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
-					onClick: f,
+					onClick: p,
 					className: "group/link",
 					children: [S.viewDetails, /* @__PURE__ */ w(E, { className: "ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5" })]
 				})
@@ -620,8 +617,8 @@ function q({ code: a, 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: 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 ? [{
+function J({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u, expiresAt: d, onView: p, className: h, strings: b }) {
+	let x = e(U, b), S = x.status[l], C = W[l], E = !!c && c !== s, D = E ? c : s, O = [...u ? [{
 		label: x.recipient,
 		value: u
 	}] : [], ...d ? [{
@@ -631,20 +628,19 @@ function J({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u
 	return /* @__PURE__ */ T("div", {
 		className: t("giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border", h),
 		children: [
-			/* @__PURE__ */ T(y, {
-				size: "xs",
-				className: "px-4 pb-2 pt-4",
+			/* @__PURE__ */ T(_, {
+				size: "small",
 				children: [
-					/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w("div", {
+					/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w("div", {
 						className: "flex h-8 w-8 items-center justify-center rounded-full bg-warning/15",
 						children: /* @__PURE__ */ w(M, { className: "h-4 w-4 text-warning" })
 					}) }),
-					/* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(b, {
+					/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(v, {
 						bold: !1,
 						className: "text-muted-foreground",
 						children: x.giftCard
 					}) }),
-					/* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(o, {
+					/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(o, {
 						variant: C,
 						children: S
 					}) })
@@ -654,11 +650,11 @@ function J({ code: a, 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(i, {
+					children: [/* @__PURE__ */ w(r, {
 						tag: "h2",
 						className: "border-none pb-0 text-3xl tabular-nums",
 						children: D
-					}), !!E && /* @__PURE__ */ w(r, {
+					}), !!E && /* @__PURE__ */ w(i, {
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: s
@@ -667,7 +663,7 @@ function J({ code: a, 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(r, {
+				children: [/* @__PURE__ */ w(i, {
 					weight: "medium",
 					className: "font-mono tracking-[0.15em] flex-1",
 					children: a
@@ -679,19 +675,19 @@ function J({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u
 					children: /* @__PURE__ */ w(k, { className: "h-3.5 w-3.5" })
 				})]
 			}),
-			/* @__PURE__ */ w(p, {
+			/* @__PURE__ */ w(y, {
 				items: O,
 				columns: 1,
 				className: "px-4 pb-2 pt-3"
 			}),
-			!!f && /* @__PURE__ */ w("div", {
+			!!p && /* @__PURE__ */ w("div", {
 				className: "px-4 pb-4 pt-2",
 				children: /* @__PURE__ */ w(n, {
 					variant: "dark",
 					buttonStyle: "solid",
 					icon: j,
 					fullWidth: !0,
-					onClick: f,
+					onClick: p,
 					children: x.viewDetails
 				})
 			})
@@ -701,18 +697,18 @@ function J({ code: a, amount: s, remainingAmount: c, status: l, recipientName: u
 J.displayName = "GiftcardCardDark";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-illustrated.tsx
-function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d, expiresAt: f, onView: m, headerColor: h = "green", className: g, strings: _ }) {
-	let v = e(U, _), y = v.status[u], b = W[u], x = !!l && l !== c, S = x ? l : c, C = [...d ? [{
-		label: v.recipient,
+function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d, expiresAt: f, onView: p, headerColor: m = "green", className: h, strings: g }) {
+	let _ = e(U, g), v = _.status[u], b = W[u], x = !!l && l !== c, S = x ? l : c, C = [...d ? [{
+		label: _.recipient,
 		value: d
 	}] : [], ...f ? [{
-		label: v.expires,
+		label: _.expires,
 		value: f
 	}] : []];
 	return /* @__PURE__ */ T("div", {
-		className: t("giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm", g),
+		className: t("giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm", h),
 		children: [/* @__PURE__ */ T("div", {
-			className: t("relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4", se[h]),
+			className: t("relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4", se[m]),
 			children: [
 				/* @__PURE__ */ w("div", {
 					className: "absolute inset-0 opacity-80",
@@ -721,16 +717,16 @@ function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d
 				}),
 				/* @__PURE__ */ w(a, {
 					icon: M,
-					size: "md",
+					size: "default",
 					shape: "square",
-					className: t("relative rounded-md text-inverse-foreground ring-1 ring-inverse-border", ce[h])
+					className: t("relative rounded-md text-inverse-foreground ring-1 ring-inverse-border", ce[m])
 				}),
-				/* @__PURE__ */ w(r, {
+				/* @__PURE__ */ w(i, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					className: "relative uppercase tracking-wider text-inverse-foreground opacity-80",
-					children: v.giftCard
+					children: _.giftCard
 				})
 			]
 		}), /* @__PURE__ */ T("div", {
@@ -740,28 +736,28 @@ 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(i, {
+						children: [/* @__PURE__ */ w(r, {
 							tag: "h2",
 							className: "border-none pb-0 text-2xl tabular-nums",
 							children: S
-						}), !!x && /* @__PURE__ */ w(r, {
+						}), !!x && /* @__PURE__ */ w(i, {
 							type: "discrete",
 							className: "line-through tabular-nums",
 							children: c
 						})]
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5",
-						children: v.balance
+						children: _.balance
 					})] }), /* @__PURE__ */ w(o, {
 						variant: b,
-						children: y
+						children: v
 					})]
 				}),
 				/* @__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(r, {
+					children: [/* @__PURE__ */ w(i, {
 						weight: "medium",
 						className: "font-mono tracking-[0.15em] flex-1",
 						children: s
@@ -769,21 +765,21 @@ function Y({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d
 						variant: "secondary",
 						buttonStyle: "ghost",
 						className: "p-1 h-auto",
-						"aria-label": v.copyCode,
+						"aria-label": _.copyCode,
 						children: /* @__PURE__ */ w(k, { className: "h-3.5 w-3.5" })
 					})]
 				}),
-				/* @__PURE__ */ w(p, {
+				/* @__PURE__ */ w(y, {
 					items: C,
 					columns: 2
 				}),
-				!!m && /* @__PURE__ */ w(n, {
+				!!p && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					icon: j,
 					fullWidth: !0,
-					onClick: m,
-					children: v.viewDetails
+					onClick: p,
+					children: _.viewDetails
 				})
 			]
 		})]
@@ -803,45 +799,45 @@ function de(e) {
 		imageUrl: e.imageUrl
 	}));
 }
-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 }) {
+function Z({ title: r, description: a, badges: l = [], participants: u = [], extraParticipants: d = 0, progressPercent: f, actionLabel: h, onAction: y, className: b, 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, {
+	return S === "minimal" ? /* @__PURE__ */ T(_, {
 		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: i }), !!a && /* @__PURE__ */ w(h, {
+		className: t("course-card--component", "hover:bg-muted/30 transition-colors", b),
+		children: [/* @__PURE__ */ T(g, {
+			className: "min-w-0 sm:min-w-48",
+			children: [/* @__PURE__ */ w(v, { children: r }), !!a && /* @__PURE__ */ w(p, {
 				clamp: 1,
 				children: a
 			})]
-		}), /* @__PURE__ */ T(g, {
+		}), /* @__PURE__ */ T(m, {
 			className: "ml-auto shrink-0 flex-wrap justify-end",
 			children: [
 				u.length > 0 && /* @__PURE__ */ w(c, {
 					users: O,
 					max: 3,
-					size: "sm",
+					size: "small",
 					overflowFormatter: () => `+${d || 0}`,
 					showOverflow: d > 0
 				}),
-				f !== void 0 && /* @__PURE__ */ T(r, {
+				f !== void 0 && /* @__PURE__ */ T(i, {
 					size: "xs",
 					type: "secondary",
 					className: "shrink-0 tabular-nums",
 					children: [f, "%"]
 				}),
-				!!p && /* @__PURE__ */ w(n, {
+				!!h && /* @__PURE__ */ w(n, {
 					variant: "secondary",
 					buttonStyle: "outline",
-					onClick: m,
-					children: p
+					onClick: y,
+					children: h
 				})
 			]
 		})]
 	}) : S === "gradient" ? /* @__PURE__ */ T(s, {
-		title: i,
+		title: r,
 		description: a,
-		className: t("course-card--component border-primary/20 bg-gradient-to-br", C, _),
+		className: t("course-card--component border-primary/20 bg-gradient-to-br", C, b),
 		children: [
 			l.length > 0 && /* @__PURE__ */ w("div", {
 				className: "flex flex-wrap gap-1.5",
@@ -859,9 +855,9 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 						children: [/* @__PURE__ */ w(c, {
 							users: O,
 							max: 3,
-							size: "sm",
+							size: "small",
 							showOverflow: !1
-						}), /* @__PURE__ */ T(r, {
+						}), /* @__PURE__ */ T(i, {
 							size: "xs",
 							type: "secondary",
 							className: "truncate",
@@ -879,7 +875,7 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 								className: "h-full rounded-full bg-success",
 								style: { width: `${f}%` }
 							})
-						}), /* @__PURE__ */ T(r, {
+						}), /* @__PURE__ */ T(i, {
 							size: "xs",
 							type: "secondary",
 							className: "shrink-0 tabular-nums",
@@ -888,17 +884,17 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 					})]
 				})
 			}),
-			!!p && /* @__PURE__ */ w(n, {
+			!!h && /* @__PURE__ */ w(n, {
 				variant: "primary",
 				className: "mt-4 w-full rounded-xl",
-				onClick: m,
-				children: p
+				onClick: y,
+				children: h
 			})
 		]
 	}) : /* @__PURE__ */ T(s, {
-		title: i,
+		title: r,
 		description: a,
-		className: t("course-card--component", _),
+		className: t("course-card--component", b),
 		children: [
 			l.length > 0 && /* @__PURE__ */ w("div", {
 				className: "flex flex-wrap gap-1.5",
@@ -913,11 +909,11 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 					className: X,
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							size: "xs",
 							type: "secondary",
 							children: E.participants
-						}), /* @__PURE__ */ w(r, {
+						}), /* @__PURE__ */ w(i, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
@@ -928,10 +924,10 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 						children: [/* @__PURE__ */ w(c, {
 							users: O,
 							max: 4,
-							size: "sm",
+							size: "small",
 							showOverflow: d > 0,
 							overflowFormatter: () => `+${d}`
-						}), /* @__PURE__ */ T(r, {
+						}), /* @__PURE__ */ T(i, {
 							size: "xs",
 							type: "secondary",
 							className: "truncate",
@@ -946,11 +942,11 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 					className: X,
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ w(r, {
+						children: [/* @__PURE__ */ w(i, {
 							size: "xs",
 							type: "secondary",
 							children: E.progress
-						}), /* @__PURE__ */ T(r, {
+						}), /* @__PURE__ */ T(i, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
@@ -968,11 +964,11 @@ function Z({ title: i, description: a, badges: l = [], participants: u = [], ext
 					})]
 				})]
 			}),
-			!!p && /* @__PURE__ */ w(n, {
+			!!h && /* @__PURE__ */ w(n, {
 				variant: "primary",
 				className: "mt-4 w-full rounded-xl",
-				onClick: m,
-				children: p
+				onClick: y,
+				children: h
 			})
 		]
 	});
@@ -984,15 +980,15 @@ function Q({ icon: e = I, title: r, description: i, tags: c = [], actionLabel: l
 	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(a, {
+			/* @__PURE__ */ T(_, {
+				className: "items-start",
+				children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(a, {
 					icon: e,
 					tone: "primary",
-					size: "md",
+					size: "default",
 					shape: "square",
 					className: "rounded-md ring-1 ring-primary/15"
-				}) }), /* @__PURE__ */ T(v, { children: [/* @__PURE__ */ w(b, { children: r }), /* @__PURE__ */ w(h, {
+				}) }), /* @__PURE__ */ T(g, { children: [/* @__PURE__ */ w(v, { children: r }), /* @__PURE__ */ w(p, {
 					clamp: "none",
 					children: i
 				})] })]
@@ -1030,34 +1026,34 @@ var fe = {
 };
 //#endregion
 //#region src/components/composed/cards/vendor-profile/vendor-profile.tsx
-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 = {
+function $({ name: r, initials: o, avatarUrl: s, role: c, verified: l = !1, earnings: u, earningsChange: d, metrics: m = [], stats: h = [], onMessage: y, onHire: x, className: C, strings: E }) {
+	let k = e(fe, E), [A, j] = S("overview"), M = o ?? r.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;
+	}, P = !!u || m.length > 0, F = h.length > 0, I = [["overview", P], ["stats", F]].filter(([, e]) => e).map(([e]) => e), L = A === "overview" && !P && F ? "stats" : A;
 	return /* @__PURE__ */ T("div", {
 		className: t("vendor-profile--component", "flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm", C),
 		children: [
-			/* @__PURE__ */ T(y, {
-				className: "items-start px-0",
-				children: [/* @__PURE__ */ w(m, {
+			/* @__PURE__ */ T(_, {
+				className: "items-start",
+				children: [/* @__PURE__ */ w(f, {
 					variant: s ? "avatar" : "default",
 					children: s ? /* @__PURE__ */ w("img", {
 						src: s,
-						alt: i,
+						alt: r,
 						className: "size-10 rounded-full object-cover ring-1 ring-border"
 					}) : /* @__PURE__ */ w(a, {
 						tone: "primary",
-						size: "md",
+						size: "default",
 						className: "font-semibold ring-1 ring-primary/15",
 						children: M
 					})
-				}), /* @__PURE__ */ T(v, { children: [/* @__PURE__ */ w(b, { children: /* @__PURE__ */ T("span", {
+				}), /* @__PURE__ */ T(g, { children: [/* @__PURE__ */ w(v, { children: /* @__PURE__ */ T("span", {
 					className: "inline-flex items-center gap-1.5",
-					children: [i, !!u && /* @__PURE__ */ w(a, {
+					children: [r, !!l && /* @__PURE__ */ w(a, {
 						tone: "success",
 						solid: !0,
-						size: "xs",
+						size: "small",
 						"aria-label": k.verifiedAriaLabel,
 						className: "size-4 shrink-0",
 						children: /* @__PURE__ */ w(D, {
@@ -1065,7 +1061,7 @@ function $({ name: i, initials: o, avatarUrl: s, role: c, verified: u = !1, earn
 							strokeWidth: 3
 						})
 					})]
-				}) }), !!c && /* @__PURE__ */ w(h, {
+				}) }), !!c && /* @__PURE__ */ w(p, {
 					clamp: 2,
 					children: c
 				})] })]
@@ -1078,14 +1074,14 @@ function $({ name: i, initials: o, avatarUrl: s, role: c, verified: u = !1, earn
 					onClick: () => j(e),
 					variant: "secondary",
 					buttonStyle: "ghost",
-					size: "xs",
+					size: "small",
 					className: t("h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors", L === e ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
 					children: N[e]
 				}, e))
 			}),
 			L === "overview" && P && /* @__PURE__ */ T("div", {
 				className: "space-y-3",
-				children: [!!d && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(r, {
+				children: [!!u && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(i, {
 					size: "xxs",
 					type: "secondary",
 					weight: "medium",
@@ -1093,21 +1089,21 @@ function $({ name: i, initials: o, 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(r, {
+					children: [/* @__PURE__ */ w(i, {
 						size: "xl",
 						weight: "semibold",
 						className: "tabular-nums tracking-tight",
-						children: d
-					}), !!f && /* @__PURE__ */ w(r, {
+						children: u
+					}), !!d && /* @__PURE__ */ w(i, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						className: "rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums",
-						children: f
+						children: d
 					})]
-				})] }), p.length > 0 && /* @__PURE__ */ w("div", {
+				})] }), m.length > 0 && /* @__PURE__ */ w("div", {
 					className: "space-y-1.5",
-					children: p.map((e) => /* @__PURE__ */ w(l, {
+					children: m.map((e) => /* @__PURE__ */ w(b, {
 						className: "border-b border-border/50 pb-1.5 last:border-0",
 						label: e.label,
 						value: e.value,
@@ -1119,9 +1115,9 @@ function $({ name: i, initials: o, avatarUrl: s, role: c, verified: u = !1, earn
 			}),
 			L === "stats" && F && /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 gap-1.5",
-				children: g.map((e) => /* @__PURE__ */ T("div", {
+				children: h.map((e) => /* @__PURE__ */ T("div", {
 					className: "rounded-lg border border-border/60 bg-muted/20 px-3 py-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ w(i, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
@@ -1129,12 +1125,12 @@ function $({ name: i, initials: o, 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(r, {
+						children: [/* @__PURE__ */ w(i, {
 							size: "base",
 							weight: "semibold",
 							className: "tabular-nums",
 							children: e.value
-						}), !!e.change && /* @__PURE__ */ w(r, {
+						}), !!e.change && /* @__PURE__ */ w(i, {
 							tag: "span",
 							size: "xxs",
 							weight: "semibold",
@@ -1150,7 +1146,7 @@ function $({ name: i, initials: o, avatarUrl: s, role: c, verified: u = !1, earn
 					variant: "light",
 					buttonStyle: "outline",
 					className: "flex-1 rounded-md",
-					onClick: _,
+					onClick: y,
 					children: [/* @__PURE__ */ w(ee, { className: "mr-1.5 size-3.5" }), k.message]
 				}), /* @__PURE__ */ T(n, {
 					variant: "dark",