admin-ui-starter-kit 0.1.2 → 0.1.4

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

@@ -1,234 +1,237 @@
 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 { t as r } from "../../../_shared/heading-BprqyzDs.js";
-import { t as i } from "../../../_shared/icon-badge-Bi63T-bj.js";
-import { t as a } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as o } from "../../../_shared/button-ChCkwoOD.js";
-import { t as s } from "../../../_shared/smart-card-MT6JjkoI.js";
-import { P as c, i as l } from "../../../_shared/display-BM_GxDAo.js";
-import { o as u, r as d, t as f } from "../../../_shared/avatar-CpBz9pTv.js";
-import { c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-Cu5JbZyZ.js";
-import { useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { ArrowRight as w, Calendar as T, Check as E, ChevronRight as D, Copy as O, ExternalLink as k, Eye as A, Gift as j, Mail as M, MapPin as N, MessageSquare as ee, Phone as P, Sparkles as F, User as I } from "lucide-react";
+import { t as n } from "../../../_shared/text-qsEg5GdP.js";
+import { t as r } from "../../../_shared/heading-CrNpYcUr.js";
+import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
+import { t as a } from "../../../_shared/badge-BK5VvEgg.js";
+import { t as o } from "../../../_shared/button-cnkCF8q8.js";
+import { t as s } from "../../../_shared/smart-card-eBfUvQ9r.js";
+import { P as c, i as l } from "../../../_shared/display-Cuj4td-V.js";
+import { o as u, r as d, t as f } from "../../../_shared/avatar-CBi4LGxy.js";
+import { c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-BxlP5TO3.js";
+import { useId as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ArrowRight as T, Calendar 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 ee, MessageSquare as te, Phone as ne, Sparkles as P, User as F } from "lucide-react";
 //#region src/components/composed/cards/contact-card/types.ts
-var L = {
+var re = {
 	contact: "Contact",
 	profile: "Profile"
 };
 //#endregion
 //#region src/components/composed/cards/contact-card/contact-card.tsx
-function te(e, t) {
+function ie(e, t) {
 	return t || e.split(" ").map((e) => e[0]).slice(0, 2).join("").toUpperCase();
 }
-function R({ name: i, role: s, email: c, phone: l, location: m, avatarUrl: h, initials: b, badge: x, badgeVariant: w = "success", onContact: T, onViewProfile: E, className: D, strings: O }) {
-	let A = e(L, O);
-	return /* @__PURE__ */ C("div", {
-		className: t("contact-card--component", "overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-sm p-6 sm:p-7", D),
+function I({ name: r, role: i, email: s, phone: c, location: l, avatarUrl: m, initials: h, badge: b, badgeVariant: x = "success", onContact: S, onViewProfile: T, className: E, strings: D }) {
+	let O = e(re, D);
+	return /* @__PURE__ */ w("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__ */ C("div", {
-				className: "flex items-start gap-4",
-				children: [/* @__PURE__ */ C(f, {
-					className: "h-16 w-16 shrink-0 border-2 border-border",
-					children: [!!h && /* @__PURE__ */ S(u, {
-						src: h,
-						alt: i
-					}), /* @__PURE__ */ S(d, {
-						className: "text-lg font-bold",
-						children: te(i, b)
+			/* @__PURE__ */ w("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ w(f, {
+					className: "size-12 shrink-0 border border-border",
+					children: [!!m && /* @__PURE__ */ C(u, {
+						src: m,
+						alt: r
+					}), /* @__PURE__ */ C(d, {
+						className: "text-sm font-semibold",
+						children: ie(r, h)
 					})]
-				}), /* @__PURE__ */ C("div", {
-					className: "min-w-0 flex-1 pt-0.5",
-					children: [/* @__PURE__ */ C("div", {
-						className: "flex items-center gap-2.5",
-						children: [/* @__PURE__ */ S(r, {
-							tag: "h4",
-							className: "truncate text-lg",
-							children: i
-						}), !!x && /* @__PURE__ */ S(a, {
-							variant: w,
-							children: x
+				}), /* @__PURE__ */ w("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ w("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ C(n, {
+							weight: "semibold",
+							className: "truncate",
+							children: r
+						}), !!b && /* @__PURE__ */ C(a, {
+							variant: x,
+							children: b
 						})]
-					}), !!s && /* @__PURE__ */ S(n, {
+					}), !!i && /* @__PURE__ */ C(n, {
+						size: "xs",
 						type: "secondary",
-						className: "mt-1",
-						children: s
+						className: "mt-0.5",
+						children: i
 					})]
 				})]
 			}),
-			!!(c || l || m) && /* @__PURE__ */ C(g, {
-				className: "mt-6 gap-1",
+			!!(s || c || l) && /* @__PURE__ */ w(g, {
+				className: "mt-4 gap-0",
 				children: [
-					!!c && /* @__PURE__ */ C(v, {
+					!!s && /* @__PURE__ */ w(v, {
 						size: "xs",
-						className: "px-0",
-						children: [/* @__PURE__ */ S(p, {
+						className: "px-0 py-1.5",
+						children: [/* @__PURE__ */ C(p, {
 							variant: "icon",
 							className: "text-muted-foreground",
-							children: /* @__PURE__ */ S(M, {})
-						}), /* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, {
+							children: /* @__PURE__ */ C(N, {})
+						}), /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, {
 							bold: !1,
-							children: c
+							children: s
 						}) })]
 					}),
-					!!l && /* @__PURE__ */ C(v, {
+					!!c && /* @__PURE__ */ w(v, {
 						size: "xs",
-						className: "px-0",
-						children: [/* @__PURE__ */ S(p, {
+						className: "px-0 py-1.5",
+						children: [/* @__PURE__ */ C(p, {
 							variant: "icon",
 							className: "text-muted-foreground",
-							children: /* @__PURE__ */ S(P, {})
-						}), /* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, {
+							children: /* @__PURE__ */ C(ne, {})
+						}), /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, {
 							bold: !1,
-							children: l
+							children: c
 						}) })]
 					}),
-					!!m && /* @__PURE__ */ C(v, {
+					!!l && /* @__PURE__ */ w(v, {
 						size: "xs",
-						className: "px-0",
-						children: [/* @__PURE__ */ S(p, {
+						className: "px-0 py-1.5",
+						children: [/* @__PURE__ */ C(p, {
 							variant: "icon",
 							className: "text-muted-foreground",
-							children: /* @__PURE__ */ S(N, {})
-						}), /* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, {
+							children: /* @__PURE__ */ C(ee, {})
+						}), /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, {
 							bold: !1,
-							children: m
+							children: l
 						}) })]
 					})
 				]
 			}),
-			!!(T || E) && /* @__PURE__ */ C("div", {
-				className: "mt-6 flex items-center gap-2",
-				children: [!!T && /* @__PURE__ */ S(o, {
+			!!(S || T) && /* @__PURE__ */ w("div", {
+				className: "mt-4 flex items-center gap-2",
+				children: [!!S && /* @__PURE__ */ C(o, {
 					variant: "secondary",
 					buttonStyle: "solid",
-					icon: M,
-					onClick: T,
+					icon: N,
+					onClick: S,
 					className: "flex-1",
-					children: A.contact
-				}), !!E && /* @__PURE__ */ S(o, {
+					children: O.contact
+				}), !!T && /* @__PURE__ */ C(o, {
 					variant: "secondary",
 					buttonStyle: "ghost",
-					icon: k,
-					onClick: E,
-					children: A.profile
+					icon: A,
+					onClick: T,
+					className: "flex-1",
+					children: O.profile
 				})]
 			})
 		]
 	});
 }
-R.displayName = "ContactCard";
+I.displayName = "ContactCard";
 //#endregion
 //#region src/components/composed/cards/gradient-card/gradient-card.tsx
-var z = {
+var L = {
 	coral: "bg-gradient-to-br from-[#e8453c] to-[#f4845f]",
 	ocean: "bg-gradient-to-br from-chart-4 to-[#7c6cf0]",
 	forest: "bg-gradient-to-br from-chart-1 to-[#2d9a5f]",
 	twilight: "bg-gradient-to-br from-[#1e1b4b] to-chart-4",
 	ember: "bg-gradient-to-br from-chart-3 to-chart-2"
 };
-function ne() {
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+function ae() {
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
 		className: "absolute -right-12 -top-12 h-44 w-44 rounded-full bg-white/[0.06]",
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ S("div", {
+	}), /* @__PURE__ */ C("div", {
 		className: "absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-white/[0.05]",
 		"aria-hidden": "true"
 	})] });
 }
-function re() {
-	return /* @__PURE__ */ C("svg", {
+function oe() {
+	let e = `gradient-card-diag-stripes-${b().replace(/:/g, "")}`;
+	return /* @__PURE__ */ w("svg", {
 		className: "absolute inset-0 h-full w-full opacity-[0.04]",
 		xmlns: "http://www.w3.org/2000/svg",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ S("defs", { children: /* @__PURE__ */ S("pattern", {
-			id: "diag-stripes",
+		children: [/* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("pattern", {
+			id: e,
 			width: "8",
 			height: "8",
 			patternUnits: "userSpaceOnUse",
 			patternTransform: "rotate(45)",
-			children: /* @__PURE__ */ S("rect", {
+			children: /* @__PURE__ */ C("rect", {
 				width: "2",
 				height: "8",
 				fill: "white"
 			})
-		}) }), /* @__PURE__ */ S("rect", {
+		}) }), /* @__PURE__ */ C("rect", {
 			width: "100%",
 			height: "100%",
-			fill: "url(#diag-stripes)"
+			fill: `url(#${e})`
 		})]
 	});
 }
-var B = {
+var R = {
 	none: null,
-	circles: () => /* @__PURE__ */ S(ne, {}),
-	diagonal: () => /* @__PURE__ */ S(re, {})
+	circles: () => /* @__PURE__ */ C(ae, {}),
+	diagonal: () => /* @__PURE__ */ C(oe, {})
 };
-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);
-	return /* @__PURE__ */ C("div", {
-		className: t("relative overflow-hidden rounded-2xl", z[e], _),
-		children: [!!v && v(), /* @__PURE__ */ C("div", {
+function z({ 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 = R[i], y = !!(a || s || d);
+	return /* @__PURE__ */ w("div", {
+		className: t("relative overflow-hidden rounded-lg", L[e], _),
+		children: [!!v && v(), /* @__PURE__ */ w("div", {
 			className: "relative flex flex-col gap-5 p-6",
 			children: [
-				!!y && /* @__PURE__ */ C("div", {
+				!!y && /* @__PURE__ */ w("div", {
 					className: "flex items-start justify-between gap-4",
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "min-w-0 flex-1",
-						children: [!!a && /* @__PURE__ */ S(n, {
+						children: [!!a && /* @__PURE__ */ C(n, {
 							weight: "semibold",
 							className: "text-white tracking-tight leading-snug",
 							children: a
-						}), !!s && /* @__PURE__ */ S(n, {
+						}), !!s && /* @__PURE__ */ C(n, {
 							size: "xs",
 							className: "mt-0.5 text-white/70 leading-snug",
 							children: s
 						})]
-					}), !!d && /* @__PURE__ */ S("span", {
+					}), !!d && /* @__PURE__ */ C("span", {
 						"aria-hidden": "true",
 						className: "inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-white/15 text-white ring-1 ring-white/15 backdrop-blur-sm",
-						children: /* @__PURE__ */ S(d, { className: "size-5" })
+						children: /* @__PURE__ */ C(d, { className: "size-5" })
 					})]
 				}),
-				!!c && /* @__PURE__ */ C("div", {
+				!!c && /* @__PURE__ */ w("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ S(r, {
+					children: [/* @__PURE__ */ C(r, {
 						tag: "h3",
 						align: "left",
 						className: "text-4xl font-bold tabular-nums tracking-tight text-white border-none pb-0 leading-none",
 						children: c
-					}), (l || u) && /* @__PURE__ */ C("div", {
+					}), (l || u) && /* @__PURE__ */ w("div", {
 						className: "flex flex-wrap items-center justify-between gap-2",
-						children: [!!l && /* @__PURE__ */ S(n, {
+						children: [!!l && /* @__PURE__ */ C(n, {
 							size: "xs",
 							className: "text-white/75 leading-snug",
 							children: l
-						}), !!u && /* @__PURE__ */ S("span", {
+						}), !!u && /* @__PURE__ */ C("span", {
 							className: "inline-flex items-center rounded-full bg-white/20 px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-white backdrop-blur-sm",
 							children: u
 						})]
 					})]
 				}),
-				!!f && /* @__PURE__ */ C("div", {
+				!!f && /* @__PURE__ */ w("div", {
 					className: "flex items-center gap-3 rounded-xl bg-white/10 px-3.5 py-2.5 ring-1 ring-white/10 backdrop-blur-sm",
-					children: [/* @__PURE__ */ S(n, {
+					children: [/* @__PURE__ */ C(n, {
 						className: "min-w-0 flex-1 text-white/90 leading-snug",
 						children: f
-					}), !!p && /* @__PURE__ */ S("span", {
+					}), !!p && /* @__PURE__ */ C("span", {
 						className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-white/25 px-1.5 text-xs font-bold tabular-nums text-white",
 						children: p
 					})]
 				}),
-				!!g && /* @__PURE__ */ S("div", { children: g }),
-				(!!m || !!h) && /* @__PURE__ */ C("div", {
+				!!g && /* @__PURE__ */ C("div", { children: g }),
+				(!!m || !!h) && /* @__PURE__ */ w("div", {
 					className: "flex items-center justify-between gap-3 pt-1",
-					children: [m ? /* @__PURE__ */ S(o, {
+					children: [m ? /* @__PURE__ */ C(o, {
 						variant: "dark",
 						onClick: m.onClick,
 						className: "rounded-xl px-4",
 						children: m.label
-					}) : /* @__PURE__ */ S("span", {}), !!h && /* @__PURE__ */ S(n, {
+					}) : /* @__PURE__ */ C("span", {}), !!h && /* @__PURE__ */ C(n, {
 						size: "xs",
 						className: "text-white/70",
 						children: h
@@ -238,33 +241,33 @@ 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];
-	return /* @__PURE__ */ C("div", {
-		className: t("relative overflow-hidden rounded-2xl", z[e], l),
-		children: [!!u && u(), /* @__PURE__ */ C("div", {
+z.displayName = "GradientCard";
+function B({ gradient: e = "coral", pattern: i = "none", title: a, value: o, change: s, subtitle: c, className: l }) {
+	let u = R[i];
+	return /* @__PURE__ */ w("div", {
+		className: t("relative overflow-hidden rounded-lg", L[e], l),
+		children: [!!u && u(), /* @__PURE__ */ w("div", {
 			className: "relative flex flex-col gap-1 p-5",
 			children: [
-				!!a && /* @__PURE__ */ S(n, {
+				!!a && /* @__PURE__ */ C(n, {
 					size: "xs",
 					weight: "medium",
 					className: "text-white/80 uppercase tracking-wider",
 					children: a
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ w("div", {
 					className: "flex items-baseline gap-2",
-					children: [!!o && /* @__PURE__ */ S(r, {
+					children: [!!o && /* @__PURE__ */ C(r, {
 						tag: "h4",
 						align: "left",
 						className: "text-2xl font-bold tabular-nums tracking-tight text-white border-none pb-0 leading-none",
 						children: o
-					}), !!s && /* @__PURE__ */ S("span", {
+					}), !!s && /* @__PURE__ */ C("span", {
 						className: "inline-flex items-center rounded-full bg-white/15 px-2 py-0.5 text-xs font-semibold tabular-nums text-white backdrop-blur-sm",
 						children: s
 					})]
 				}),
-				!!c && /* @__PURE__ */ S(n, {
+				!!c && /* @__PURE__ */ C(n, {
 					size: "xs",
 					className: "text-white/65 leading-snug",
 					children: c
@@ -273,10 +276,10 @@ function H({ gradient: e = "coral", pattern: i = "none", title: a, value: o, cha
 		})]
 	});
 }
-H.displayName = "GradientCardCompact";
+B.displayName = "GradientCardCompact";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/types.ts
-var U = {
+var V = {
 	status: {
 		active: "Active",
 		redeemed: "Redeemed",
@@ -292,14 +295,14 @@ var U = {
 	recipient: "Recipient",
 	viewDetails: "View Details",
 	copyCode: "Copy code"
-}, W = {
+}, H = {
 	active: "success",
 	redeemed: "secondary",
 	expired: "error",
 	disabled: "warning"
 };
-U.status.active, U.status.redeemed, U.status.expired, U.status.disabled;
-var ie = {
+V.status.active, V.status.redeemed, V.status.expired, V.status.disabled;
+var se = {
 	purple: {
 		card: "from-violet-600 via-purple-700 to-indigo-800",
 		strip: "from-violet-500 via-purple-600 to-indigo-700"
@@ -312,11 +315,11 @@ var ie = {
 		card: "from-orange-500 via-rose-600 to-pink-700",
 		strip: "from-orange-400 via-rose-500 to-pink-600"
 	}
-}, ae = {
+}, ce = {
 	purple: "from-violet-600 to-indigo-800",
 	green: "from-emerald-600 to-teal-800",
 	warm: "from-orange-500 to-rose-700"
-}, oe = {
+}, le = {
 	green: {
 		line: "bg-success",
 		iconBg: "bg-success/15 text-success"
@@ -329,120 +332,116 @@ var ie = {
 		line: "bg-warning",
 		iconBg: "bg-warning/15 text-warning-foreground"
 	}
-}, se = {
+}, U = {
 	green: "from-emerald-500 to-teal-600",
 	blue: "from-blue-500 to-indigo-600",
 	amber: "from-amber-500 to-orange-600"
-}, ce = {
+}, ue = {
 	green: "bg-emerald-500 ring-4 ring-white shadow-lg",
 	blue: "bg-blue-500 ring-4 ring-white shadow-lg",
 	amber: "bg-amber-500 ring-4 ring-white shadow-lg"
 };
 //#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: p, template: m, onView: h, gradient: g = "purple", pattern: _ = "none", className: v, strings: y }) {
-	let b = e(U, y), w = b.status[c], E = W[c], D = !!s && s !== a, k = D ? s : a;
-	return /* @__PURE__ */ C("div", {
-		className: t("group w-full max-w-sm transition-shadow duration-300 ease-out", "hover:shadow-xl hover:shadow-black/10", v),
-		children: [/* @__PURE__ */ C("div", {
-			className: t("relative overflow-hidden rounded-t-xl bg-gradient-to-br p-6", ie[g].card),
+function W({ code: i, amount: a, 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: y }) {
+	let b = e(V, y), x = b.status[c], T = H[c], D = !!s && s !== a, O = D ? s : a;
+	return /* @__PURE__ */ w("div", {
+		className: t("group w-full max-w-sm transition-shadow duration-300 ease-out", "hover:shadow-md hover:shadow-black/10", v),
+		children: [/* @__PURE__ */ w("div", {
+			className: t("relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6", se[g].card),
 			children: [
-				/* @__PURE__ */ S("div", {
-					className: "pointer-events-none absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out",
-					"aria-hidden": "true"
-				}),
-				_ === "circles" && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+				_ === "circles" && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
 					className: "absolute -top-8 -right-8 h-32 w-32 rounded-full bg-white/5",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-white/5",
 					"aria-hidden": "true"
 				})] }),
-				_ === "waves" && /* @__PURE__ */ C("svg", {
+				_ === "waves" && /* @__PURE__ */ w("svg", {
 					className: "absolute inset-0 h-full w-full opacity-5",
 					viewBox: "0 0 400 200",
 					preserveAspectRatio: "none",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ S("path", {
+					children: [/* @__PURE__ */ C("path", {
 						d: "M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z",
 						fill: "white"
-					}), /* @__PURE__ */ S("path", {
+					}), /* @__PURE__ */ C("path", {
 						d: "M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z",
 						fill: "white"
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "absolute top-4 right-4 z-20",
-					children: /* @__PURE__ */ C("span", {
+					children: /* @__PURE__ */ w("span", {
 						className: t("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide", "bg-white/20 text-white border border-white/25 shadow-sm backdrop-blur-md"),
-						"data-status": E,
-						children: [/* @__PURE__ */ S("span", {
+						"data-status": T,
+						children: [/* @__PURE__ */ C("span", {
 							className: "size-1.5 rounded-full bg-white/85",
 							"aria-hidden": "true"
-						}), w]
+						}), x]
 					})
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ w("div", {
 					className: "relative z-10",
 					children: [
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ w("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ S(j, { className: "h-5 w-5 text-white/80" }), /* @__PURE__ */ S(n, {
+							children: [/* @__PURE__ */ C(M, { className: "h-5 w-5 text-white/80" }), /* @__PURE__ */ C(n, {
 								weight: "medium",
 								className: "text-white/80",
 								children: b.giftCard
 							})]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ w("div", {
 							className: "mt-8 mb-5",
-							children: [/* @__PURE__ */ S(n, {
+							children: [/* @__PURE__ */ C(n, {
 								size: "xs",
 								className: "text-white/50 uppercase tracking-wider",
 								children: b.balance
-							}), /* @__PURE__ */ C("div", {
+							}), /* @__PURE__ */ w("div", {
 								className: "flex items-baseline gap-2.5 mt-1",
-								children: [/* @__PURE__ */ S(r, {
+								children: [/* @__PURE__ */ C(r, {
 									tag: "h2",
 									className: "text-4xl border-none pb-0 text-white tabular-nums drop-shadow-sm",
-									children: k
-								}), !!D && /* @__PURE__ */ S(n, {
+									children: O
+								}), !!D && /* @__PURE__ */ C(n, {
 									className: "text-white/40 line-through tabular-nums",
 									children: a
 								})]
 							})]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ w("div", {
 							className: t("flex items-center gap-2 rounded-lg px-4 py-2.5", "bg-white/10 backdrop-blur-sm", "border border-white/15", "shadow-[0_0_12px_-3px_rgba(255,255,255,0.15)]"),
-							children: [/* @__PURE__ */ S(n, {
+							children: [/* @__PURE__ */ C(n, {
 								weight: "semibold",
 								className: "text-white font-mono tracking-[0.2em] flex-1",
 								children: i
-							}), /* @__PURE__ */ S(o, {
+							}), /* @__PURE__ */ C(o, {
 								variant: "light",
 								buttonStyle: "ghost",
 								className: "p-1 h-auto text-white/50 hover:text-white hover:bg-white/10",
 								"aria-label": b.copyCode,
-								children: /* @__PURE__ */ S(O, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ C(k, { className: "h-4 w-4" })
 							})]
 						})
 					]
 				})
 			]
-		}), /* @__PURE__ */ C("div", {
-			className: "rounded-b-xl bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4",
+		}), /* @__PURE__ */ w("div", {
+			className: "rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4",
 			children: [
-				!!d && /* @__PURE__ */ C("div", {
+				!!d && /* @__PURE__ */ w("div", {
 					className: "rounded-lg bg-muted/50 p-3 border border-border/30",
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-1.5 mb-1",
-						children: [/* @__PURE__ */ S(F, { className: "h-3 w-3 text-warning" }), /* @__PURE__ */ S(n, {
+						children: [/* @__PURE__ */ C(P, { className: "h-3 w-3 text-warning" }), /* @__PURE__ */ C(n, {
 							size: "xxs",
 							type: "secondary",
 							weight: "medium",
 							className: "uppercase tracking-wide",
 							children: b.personalMessage
 						})]
-					}), /* @__PURE__ */ C(n, {
+					}), /* @__PURE__ */ w(n, {
 						type: "secondary",
 						className: "italic leading-relaxed",
 						children: [
@@ -452,63 +451,63 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 						]
 					})]
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 gap-3",
 					children: [
-						!!l && /* @__PURE__ */ C("div", {
+						!!l && /* @__PURE__ */ w("div", {
 							className: "space-y-0.5",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ S(I, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ S(n, {
+								children: [/* @__PURE__ */ C(F, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ C(n, {
 									size: "xxs",
 									type: "discrete",
 									weight: "medium",
 									className: "uppercase tracking-wide",
 									children: b.to
 								})]
-							}), /* @__PURE__ */ S(n, {
+							}), /* @__PURE__ */ C(n, {
 								weight: "medium",
 								children: l
 							})]
 						}),
-						!!u && /* @__PURE__ */ C("div", {
+						!!u && /* @__PURE__ */ w("div", {
 							className: "space-y-0.5",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ S(I, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ S(n, {
+								children: [/* @__PURE__ */ C(F, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ C(n, {
 									size: "xxs",
 									type: "discrete",
 									weight: "medium",
 									className: "uppercase tracking-wide",
 									children: b.from
 								})]
-							}), /* @__PURE__ */ S(n, {
+							}), /* @__PURE__ */ C(n, {
 								weight: "medium",
 								children: u
 							})]
 						}),
-						!!f && /* @__PURE__ */ C("div", {
+						!!f && /* @__PURE__ */ w("div", {
 							className: "space-y-0.5",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ S(T, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ S(n, {
+								children: [/* @__PURE__ */ C(E, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ C(n, {
 									size: "xxs",
 									type: "discrete",
 									weight: "medium",
 									className: "uppercase tracking-wide",
 									children: b.expires
 								})]
-							}), /* @__PURE__ */ S(n, {
+							}), /* @__PURE__ */ C(n, {
 								weight: "medium",
 								children: f
 							})]
 						})
 					]
 				}),
-				!!h && /* @__PURE__ */ S(o, {
+				!!h && /* @__PURE__ */ C(o, {
 					variant: "secondary",
 					buttonStyle: "outline",
-					icon: A,
+					icon: j,
 					fullWidth: !0,
 					onClick: h,
 					children: b.viewDetails
@@ -517,45 +516,45 @@ function G({ code: i, amount: a, remainingAmount: s, status: c, recipientName: l
 		})]
 	});
 }
-G.displayName = "GiftcardCard";
+W.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], g = W[s], b = !!o && o !== i, x = b ? o : i;
-	return /* @__PURE__ */ C(v, {
+function G({ code: r, amount: i, remainingAmount: o, status: s, recipientName: c, gradient: l = "purple", className: u, strings: d }) {
+	let f = e(V, d).status[s], g = H[s], b = !!o && o !== i, x = b ? o : i;
+	return /* @__PURE__ */ w(v, {
 		variant: "outline",
 		className: t("shadow-sm transition-colors duration-150 hover:border-border", u),
 		children: [
-			/* @__PURE__ */ S(p, {
+			/* @__PURE__ */ C(p, {
 				variant: "image",
-				children: /* @__PURE__ */ S("div", {
-					className: t("flex size-full items-center justify-center bg-gradient-to-br", ae[l]),
-					children: /* @__PURE__ */ S(j, { className: "h-4 w-4 text-white" })
+				children: /* @__PURE__ */ C("div", {
+					className: t("flex size-full items-center justify-center bg-gradient-to-br", ce[l]),
+					children: /* @__PURE__ */ C(M, { className: "h-4 w-4 text-white" })
 				})
 			}),
-			/* @__PURE__ */ C(_, { children: [/* @__PURE__ */ S(y, {
+			/* @__PURE__ */ w(_, { children: [/* @__PURE__ */ C(y, {
 				className: "font-mono",
 				children: r
-			}), !!c && /* @__PURE__ */ S(m, {
+			}), !!c && /* @__PURE__ */ C(m, {
 				clamp: 1,
 				children: c
 			})] }),
-			/* @__PURE__ */ S(h, { children: /* @__PURE__ */ C("div", {
+			/* @__PURE__ */ C(h, { children: /* @__PURE__ */ w("div", {
 				className: "flex shrink-0 flex-col items-end gap-0.5",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex items-baseline gap-1",
-					children: [/* @__PURE__ */ S(n, {
+					children: [/* @__PURE__ */ C(n, {
 						size: "base",
 						weight: "bold",
 						className: "tabular-nums",
 						children: x
-					}), !!b && /* @__PURE__ */ S(n, {
+					}), !!b && /* @__PURE__ */ C(n, {
 						size: "xxs",
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: i
 					})]
-				}), /* @__PURE__ */ S(a, {
+				}), /* @__PURE__ */ C(a, {
 					variant: g,
 					children: f
 				})]
@@ -563,164 +562,164 @@ function K({ code: r, amount: i, remainingAmount: o, status: s, recipientName: c
 		]
 	});
 }
-K.displayName = "GiftcardCompact";
+G.displayName = "GiftcardCompact";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-minimal.tsx
-function q({ code: i, amount: s, remainingAmount: c, status: u, recipientName: d, expiresAt: f, onView: m, color: g = "green", className: b, strings: x }) {
-	let T = e(U, x), E = T.status[u], D = W[u], k = !!c && c !== s, A = k ? c : s, M = oe[g];
-	return /* @__PURE__ */ C("div", {
-		className: t("w-full max-w-sm rounded-2xl bg-card border border-border/50 shadow-sm overflow-hidden", b),
+function K({ code: i, amount: s, remainingAmount: c, status: u, recipientName: d, expiresAt: f, onView: m, color: g = "green", className: b, strings: x }) {
+	let S = e(V, x), E = S.status[u], D = H[u], O = !!c && c !== s, A = O ? c : s, j = le[g];
+	return /* @__PURE__ */ w("div", {
+		className: t("w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm", b),
 		children: [
-			/* @__PURE__ */ S("div", { className: t("h-1 w-16 rounded-full mx-6 mt-5", M.line) }),
-			/* @__PURE__ */ C(v, {
+			/* @__PURE__ */ C("div", { className: t("mx-4 mt-4 h-1 w-12 rounded-sm", j.line) }),
+			/* @__PURE__ */ w(v, {
 				size: "xs",
-				className: "px-6 pt-4 pb-2",
+				className: "px-4 pb-2 pt-3",
 				children: [
-					/* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
-						className: t("flex h-8 w-8 items-center justify-center rounded-full", M.iconBg),
-						children: /* @__PURE__ */ S(j, { className: "h-4 w-4" })
+					/* @__PURE__ */ C(p, { children: /* @__PURE__ */ C("div", {
+						className: t("flex h-8 w-8 items-center justify-center rounded-full", j.iconBg),
+						children: /* @__PURE__ */ C(M, { className: "h-4 w-4" })
 					}) }),
-					/* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, {
+					/* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, {
 						bold: !1,
 						className: "text-muted-foreground",
-						children: T.giftCard
+						children: S.giftCard
 					}) }),
-					/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(a, {
+					/* @__PURE__ */ C(h, { children: /* @__PURE__ */ C(a, {
 						variant: D,
 						children: E
 					}) })
 				]
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "px-6 pt-2 pb-3",
-				children: /* @__PURE__ */ C("div", {
+			/* @__PURE__ */ C("div", {
+				className: "px-4 pb-3 pt-1",
+				children: /* @__PURE__ */ w("div", {
 					className: "flex items-baseline gap-2",
-					children: [/* @__PURE__ */ S(r, {
+					children: [/* @__PURE__ */ C(r, {
 						tag: "h2",
-						className: "text-3xl border-none pb-0 tabular-nums",
+						className: "border-none pb-0 text-2xl tabular-nums",
 						children: A
-					}), !!k && /* @__PURE__ */ S(n, {
+					}), !!O && /* @__PURE__ */ C(n, {
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: s
 					})]
 				})
 			}),
-			/* @__PURE__ */ C("div", {
-				className: "mx-6 flex items-center gap-2 rounded-lg bg-muted/50 px-3.5 py-2.5 border border-border/30",
-				children: [/* @__PURE__ */ S(n, {
+			/* @__PURE__ */ w("div", {
+				className: "mx-4 flex items-center gap-2 rounded-md border border-border/30 bg-muted/50 px-3 py-2",
+				children: [/* @__PURE__ */ C(n, {
 					weight: "medium",
 					className: "font-mono tracking-[0.15em] flex-1",
 					children: i
-				}), /* @__PURE__ */ S(o, {
+				}), /* @__PURE__ */ C(o, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "icon-sm",
 					className: "shrink-0",
-					"aria-label": T.copyCode,
-					children: /* @__PURE__ */ S(O, { className: "h-3.5 w-3.5" })
+					"aria-label": S.copyCode,
+					children: /* @__PURE__ */ C(k, { className: "h-3.5 w-3.5" })
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
-				className: "px-6 pt-4 pb-2 space-y-2.5",
-				children: [!!d && /* @__PURE__ */ S(l, {
-					label: T.recipient,
+			/* @__PURE__ */ w("div", {
+				className: "space-y-2 px-4 pb-2 pt-3",
+				children: [!!d && /* @__PURE__ */ C(l, {
+					label: S.recipient,
 					value: d,
 					valueClassName: "text-sm font-medium"
-				}), !!f && /* @__PURE__ */ S(l, {
-					label: T.expires,
+				}), !!f && /* @__PURE__ */ C(l, {
+					label: S.expires,
 					value: f,
 					valueClassName: "text-sm font-medium"
 				})]
 			}),
-			!!m && /* @__PURE__ */ S("div", {
+			!!m && /* @__PURE__ */ C("div", {
 				className: "px-3 py-2 border-t border-border/30 mt-2",
-				children: /* @__PURE__ */ C(o, {
+				children: /* @__PURE__ */ w(o, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					onClick: m,
 					className: "group/link",
-					children: [T.viewDetails, /* @__PURE__ */ S(w, { className: "ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5" })]
+					children: [S.viewDetails, /* @__PURE__ */ C(T, { className: "ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5" })]
 				})
 			})
 		]
 	});
 }
-q.displayName = "GiftcardCardMinimal";
+K.displayName = "GiftcardCardMinimal";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-dark.tsx
-function J({ code: i, amount: s, remainingAmount: c, status: u, recipientName: d, expiresAt: f, onView: m, className: g, strings: b }) {
-	let x = e(U, b), w = x.status[u], T = W[u], E = !!c && c !== s, D = E ? c : s;
-	return /* @__PURE__ */ C("div", {
-		className: t("dark w-full max-w-sm rounded-2xl bg-card text-card-foreground overflow-hidden shadow-lg ring-1 ring-border", g),
+function q({ code: i, amount: s, remainingAmount: c, status: u, recipientName: d, expiresAt: f, onView: m, className: g, strings: b }) {
+	let x = e(V, b), S = x.status[u], T = H[u], E = !!c && c !== s, D = E ? c : s;
+	return /* @__PURE__ */ w("div", {
+		className: t("dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border", g),
 		children: [
-			/* @__PURE__ */ C(v, {
+			/* @__PURE__ */ w(v, {
 				size: "xs",
-				className: "px-6 pt-6 pb-2",
+				className: "px-4 pb-2 pt-4",
 				children: [
-					/* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C(p, { children: /* @__PURE__ */ C("div", {
 						className: "flex h-8 w-8 items-center justify-center rounded-full bg-warning/15",
-						children: /* @__PURE__ */ S(j, { className: "h-4 w-4 text-warning" })
+						children: /* @__PURE__ */ C(M, { className: "h-4 w-4 text-warning" })
 					}) }),
-					/* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, {
+					/* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, {
 						bold: !1,
 						className: "text-muted-foreground",
 						children: x.giftCard
 					}) }),
-					/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(a, {
+					/* @__PURE__ */ C(h, { children: /* @__PURE__ */ C(a, {
 						variant: T,
-						children: w
+						children: S
 					}) })
 				]
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "px-6 pt-4 pb-4",
-				children: /* @__PURE__ */ C("div", {
+			/* @__PURE__ */ C("div", {
+				className: "px-4 pb-3 pt-2",
+				children: /* @__PURE__ */ w("div", {
 					className: "flex items-baseline gap-2",
-					children: [/* @__PURE__ */ S(r, {
+					children: [/* @__PURE__ */ C(r, {
 						tag: "h2",
-						className: "text-4xl border-none pb-0 tabular-nums",
+						className: "border-none pb-0 text-3xl tabular-nums",
 						children: D
-					}), !!E && /* @__PURE__ */ S(n, {
+					}), !!E && /* @__PURE__ */ C(n, {
 						type: "discrete",
 						className: "line-through tabular-nums",
 						children: s
 					})]
 				})
 			}),
-			/* @__PURE__ */ C("div", {
-				className: "mx-6 flex items-center gap-2 rounded-lg bg-muted px-3.5 py-2.5 border border-border",
-				children: [/* @__PURE__ */ S(n, {
+			/* @__PURE__ */ w("div", {
+				className: "mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2",
+				children: [/* @__PURE__ */ C(n, {
 					weight: "medium",
 					className: "font-mono tracking-[0.15em] flex-1",
 					children: i
-				}), /* @__PURE__ */ S(o, {
+				}), /* @__PURE__ */ C(o, {
 					variant: "secondary",
 					buttonStyle: "ghost",
 					onClick: () => {},
 					className: "p-1 h-auto",
 					"aria-label": x.copyCode,
-					children: /* @__PURE__ */ S(O, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ C(k, { className: "h-3.5 w-3.5" })
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
-				className: "px-6 pt-4 pb-2 space-y-2.5",
-				children: [!!d && /* @__PURE__ */ S(l, {
+			/* @__PURE__ */ w("div", {
+				className: "space-y-2 px-4 pb-2 pt-3",
+				children: [!!d && /* @__PURE__ */ C(l, {
 					label: x.recipient,
 					value: d,
 					valueClassName: "text-sm font-medium"
-				}), !!f && /* @__PURE__ */ S(l, {
+				}), !!f && /* @__PURE__ */ C(l, {
 					label: x.expires,
 					value: f,
 					valueClassName: "text-sm font-medium"
 				})]
 			}),
-			!!m && /* @__PURE__ */ S("div", {
-				className: "px-6 pt-2 pb-5",
-				children: /* @__PURE__ */ S(o, {
+			!!m && /* @__PURE__ */ C("div", {
+				className: "px-4 pb-4 pt-2",
+				children: /* @__PURE__ */ C(o, {
 					variant: "light",
 					buttonStyle: "solid",
-					icon: A,
+					icon: j,
 					fullWidth: !0,
 					onClick: m,
 					className: "bg-white text-zinc-900 hover:bg-white/90 hover:text-zinc-900",
@@ -730,194 +729,185 @@ function J({ code: i, amount: s, remainingAmount: c, status: u, recipientName: d
 		]
 	});
 }
-J.displayName = "GiftcardCardDark";
+q.displayName = "GiftcardCardDark";
 //#endregion
 //#region src/components/composed/cards/giftcard-card/partials/giftcard-illustrated.tsx
-function Y({ code: i, amount: s, remainingAmount: c, status: l, recipientName: u, expiresAt: d, onView: f, headerColor: m = "green", className: h, strings: b }) {
-	let x = e(U, b), w = x.status[l], E = W[l], D = !!c && c !== s, k = D ? c : s;
-	return /* @__PURE__ */ C("div", {
-		className: t("w-full max-w-sm rounded-2xl bg-card border border-border/50 shadow-sm overflow-hidden", h),
-		children: [
-			/* @__PURE__ */ C("div", {
-				className: t("relative h-24 bg-gradient-to-br", se[m]),
-				children: [
-					/* @__PURE__ */ S("div", {
-						className: "absolute inset-0",
-						style: { backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.03) 10px, rgba(255,255,255,0.03) 20px)" },
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ S("div", {
-						className: "absolute -top-8 -right-8 h-28 w-28 rounded-full bg-white/[0.06]",
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ S("div", {
-						className: "absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-white/[0.04]",
-						"aria-hidden": "true"
-					})
-				]
-			}),
-			/* @__PURE__ */ S("div", {
-				className: "relative -mt-7 px-6",
-				children: /* @__PURE__ */ S("div", {
-					className: t("flex h-14 w-14 items-center justify-center rounded-xl", ce[m]),
-					children: /* @__PURE__ */ S(j, { className: "h-6 w-6 text-white" })
+function J({ code: s, amount: c, remainingAmount: l, status: u, recipientName: d, expiresAt: f, onView: m, headerColor: h = "green", className: b, strings: x }) {
+	let S = e(V, x), T = S.status[u], D = H[u], O = !!l && l !== c, A = O ? l : c;
+	return /* @__PURE__ */ w("div", {
+		className: t("giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm", b),
+		children: [/* @__PURE__ */ w("div", {
+			className: t("relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4", U[h]),
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "absolute inset-0 opacity-80",
+					style: { backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.03) 10px, rgba(255,255,255,0.03) 20px)" },
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ C(i, {
+					icon: M,
+					size: "md",
+					shape: "square",
+					className: t("relative rounded-md text-white ring-1 ring-white/20", ue[h])
+				}),
+				/* @__PURE__ */ C(n, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					className: "relative uppercase tracking-wider text-white/80",
+					children: S.giftCard
 				})
-			}),
-			/* @__PURE__ */ C("div", {
-				className: "px-6 pt-4 pb-6 space-y-4",
-				children: [
-					/* @__PURE__ */ C("div", {
-						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
-							className: "flex items-baseline gap-2",
-							children: [/* @__PURE__ */ S(r, {
-								tag: "h2",
-								className: "text-3xl border-none pb-0 tabular-nums",
-								children: k
-							}), !!D && /* @__PURE__ */ S(n, {
-								type: "discrete",
-								className: "line-through tabular-nums",
-								children: s
-							})]
-						}), /* @__PURE__ */ C(n, {
-							size: "xs",
-							type: "secondary",
-							className: "mt-0.5",
-							children: [
-								x.giftCard,
-								" · ",
-								x.balance
-							]
-						})] }), /* @__PURE__ */ S(a, {
-							variant: E,
-							children: w
-						})]
-					}),
-					/* @__PURE__ */ C("div", {
-						className: "flex items-center gap-2 rounded-lg bg-muted/50 px-3.5 py-2.5 border border-border/30",
-						children: [/* @__PURE__ */ S(n, {
-							weight: "medium",
-							className: "font-mono tracking-[0.15em] flex-1",
-							children: i
-						}), /* @__PURE__ */ S(o, {
-							variant: "secondary",
-							buttonStyle: "ghost",
-							className: "p-1 h-auto",
-							"aria-label": x.copyCode,
-							children: /* @__PURE__ */ S(O, { className: "h-3.5 w-3.5" })
-						})]
-					}),
-					/* @__PURE__ */ C(g, {
-						className: "gap-1",
-						children: [!!u && /* @__PURE__ */ C(v, {
-							size: "xs",
-							className: "px-0",
-							children: [/* @__PURE__ */ S(p, {
-								variant: "icon",
-								className: "text-muted-foreground",
-								children: /* @__PURE__ */ S(I, {})
-							}), /* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, { children: u }) })]
-						}), !!d && /* @__PURE__ */ C(v, {
-							size: "xs",
-							className: "px-0",
-							children: [/* @__PURE__ */ S(p, {
-								variant: "icon",
-								className: "text-muted-foreground",
-								children: /* @__PURE__ */ S(T, {})
-							}), /* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(y, { children: d }) })]
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "space-y-3 px-4 py-4",
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+						className: "flex items-baseline gap-2",
+						children: [/* @__PURE__ */ C(r, {
+							tag: "h2",
+							className: "border-none pb-0 text-2xl tabular-nums",
+							children: A
+						}), !!O && /* @__PURE__ */ C(n, {
+							type: "discrete",
+							className: "line-through tabular-nums",
+							children: c
 						})]
-					}),
-					!!f && /* @__PURE__ */ S(o, {
+					}), /* @__PURE__ */ C(n, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-0.5",
+						children: S.balance
+					})] }), /* @__PURE__ */ C(a, {
+						variant: D,
+						children: T
+					})]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2",
+					children: [/* @__PURE__ */ C(n, {
+						weight: "medium",
+						className: "font-mono tracking-[0.15em] flex-1",
+						children: s
+					}), /* @__PURE__ */ C(o, {
 						variant: "secondary",
-						buttonStyle: "outline",
-						icon: A,
-						fullWidth: !0,
-						onClick: f,
-						children: x.viewDetails
-					})
-				]
-			})
-		]
+						buttonStyle: "ghost",
+						className: "p-1 h-auto",
+						"aria-label": S.copyCode,
+						children: /* @__PURE__ */ C(k, { className: "h-3.5 w-3.5" })
+					})]
+				}),
+				/* @__PURE__ */ w(g, {
+					className: "gap-0.5",
+					children: [!!d && /* @__PURE__ */ w(v, {
+						size: "xs",
+						className: "px-0",
+						children: [/* @__PURE__ */ C(p, {
+							variant: "icon",
+							className: "text-muted-foreground",
+							children: /* @__PURE__ */ C(F, {})
+						}), /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, { children: d }) })]
+					}), !!f && /* @__PURE__ */ w(v, {
+						size: "xs",
+						className: "px-0",
+						children: [/* @__PURE__ */ C(p, {
+							variant: "icon",
+							className: "text-muted-foreground",
+							children: /* @__PURE__ */ C(E, {})
+						}), /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(y, { children: f }) })]
+					})]
+				}),
+				!!m && /* @__PURE__ */ C(o, {
+					variant: "secondary",
+					buttonStyle: "outline",
+					icon: j,
+					fullWidth: !0,
+					onClick: m,
+					children: S.viewDetails
+				})
+			]
+		})]
 	});
 }
-Y.displayName = "GiftcardCardIllustrated";
+J.displayName = "GiftcardCardIllustrated";
 //#endregion
 //#region src/components/composed/cards/course-card/types.ts
-var le = {
+var de = {
 	participants: "Participants",
 	progress: "Progress"
-}, X = "rounded-xl bg-background/80 ring-1 ring-border/60 p-3", ue = "bg-gradient-to-br from-violet-500 via-fuchsia-500 to-pink-500";
-function de(e) {
+}, Y = "rounded-xl bg-background/80 ring-1 ring-border/60 p-3", fe = "bg-gradient-to-br from-violet-500 via-fuchsia-500 to-pink-500";
+function X(e) {
 	return e.map((e, t) => ({
 		id: `${t}-${e.name ?? e.initials ?? ""}`,
 		name: e.name ?? e.initials ?? `P${t + 1}`,
 		imageUrl: e.imageUrl
 	}));
 }
-function Z({ title: r, description: i, badges: l = [], participants: u = [], extraParticipants: d = 0, progressPercent: f, actionLabel: p, onAction: g, className: b, strings: x, variant: w = "default", gradient: T = ue }) {
-	let E = e(le, x), D = u.length + d, O = de(u);
-	return w === "minimal" ? /* @__PURE__ */ C(v, {
+function Z({ title: r, description: i, badges: l = [], participants: u = [], extraParticipants: d = 0, progressPercent: f, actionLabel: p, onAction: g, className: b, strings: x, variant: S = "default", gradient: T = fe }) {
+	let E = e(de, x), D = u.length + d, O = X(u);
+	return S === "minimal" ? /* @__PURE__ */ w(v, {
 		variant: "outline",
 		className: t("course-card--component", "hover:bg-muted/30 transition-colors", b),
-		children: [/* @__PURE__ */ C(_, { children: [/* @__PURE__ */ S(y, { children: r }), !!i && /* @__PURE__ */ S(m, {
+		children: [/* @__PURE__ */ w(_, { children: [/* @__PURE__ */ C(y, { children: r }), !!i && /* @__PURE__ */ C(m, {
 			clamp: 1,
 			children: i
-		})] }), /* @__PURE__ */ C(h, { children: [
-			u.length > 0 && /* @__PURE__ */ S(c, {
+		})] }), /* @__PURE__ */ w(h, { children: [
+			u.length > 0 && /* @__PURE__ */ C(c, {
 				users: O,
 				max: 3,
 				size: "sm",
 				overflowFormatter: () => `+${d || 0}`,
 				showOverflow: d > 0
 			}),
-			f !== void 0 && /* @__PURE__ */ C(n, {
+			f !== void 0 && /* @__PURE__ */ w(n, {
 				size: "xs",
 				type: "secondary",
 				className: "shrink-0 tabular-nums",
 				children: [f, "%"]
 			}),
-			!!p && /* @__PURE__ */ S(o, {
+			!!p && /* @__PURE__ */ C(o, {
 				variant: "secondary",
 				buttonStyle: "ghost",
 				onClick: g,
 				children: p
 			})
 		] })]
-	}) : w === "gradient" ? /* @__PURE__ */ C("div", {
-		className: t("relative overflow-hidden rounded-2xl text-white shadow-sm", T, b),
+	}) : S === "gradient" ? /* @__PURE__ */ w("div", {
+		className: t("course-card--component relative overflow-hidden rounded-lg text-white shadow-sm", T, b),
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "p-5",
 				children: [
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ C(n, {
 						size: "base",
 						weight: "semibold",
 						className: "text-white",
 						children: r
 					}),
-					!!i && /* @__PURE__ */ S(n, {
+					!!i && /* @__PURE__ */ C(n, {
 						className: "text-white/80 mt-0.5",
 						children: i
 					}),
-					l.length > 0 && /* @__PURE__ */ S("div", {
+					l.length > 0 && /* @__PURE__ */ C("div", {
 						className: "mt-3 flex flex-wrap gap-1.5",
-						children: l.map((e) => /* @__PURE__ */ S("span", {
+						children: l.map((e) => /* @__PURE__ */ C("span", {
 							className: "inline-flex items-center rounded-full bg-white/20 px-2 py-0.5 text-xxs font-medium text-white backdrop-blur-sm",
 							children: e.label
 						}, e.label))
 					})
 				]
 			}),
-			(u.length > 0 || f !== void 0) && /* @__PURE__ */ C("div", {
+			(u.length > 0 || f !== void 0) && /* @__PURE__ */ w("div", {
 				className: "bg-black/15 px-5 py-3 backdrop-blur-sm flex items-center gap-4",
-				children: [u.length > 0 && /* @__PURE__ */ C("div", {
+				children: [u.length > 0 && /* @__PURE__ */ w("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S(c, {
+					children: [/* @__PURE__ */ C(c, {
 						users: O,
 						max: 3,
 						size: "sm",
 						showOverflow: !1
-					}), /* @__PURE__ */ C(n, {
+					}), /* @__PURE__ */ w(n, {
 						size: "xs",
 						className: "text-white/80",
 						children: [
@@ -926,54 +916,55 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 							E.participants.toLowerCase()
 						]
 					})]
-				}), f !== void 0 && /* @__PURE__ */ C("div", {
+				}), f !== void 0 && /* @__PURE__ */ w("div", {
 					className: "ml-auto flex items-center gap-2",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "h-1.5 w-24 overflow-hidden rounded-full bg-white/25",
-						children: /* @__PURE__ */ S("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "h-full rounded-full bg-white",
 							style: { width: `${f}%` }
 						})
-					}), /* @__PURE__ */ C(n, {
+					}), /* @__PURE__ */ w(n, {
 						size: "xs",
 						className: "text-white/90 tabular-nums",
 						children: [f, "%"]
 					})]
 				})]
 			}),
-			!!p && /* @__PURE__ */ S("div", {
+			!!p && /* @__PURE__ */ C("div", {
 				className: "px-5 pb-5 pt-0",
-				children: /* @__PURE__ */ S("button", {
-					type: "button",
+				children: /* @__PURE__ */ C(o, {
+					variant: "secondary",
+					fullWidth: !0,
 					onClick: g,
-					className: t("w-full rounded-xl bg-white/95 px-3 py-2 text-sm font-semibold text-foreground shadow-sm hover:bg-white transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-2"),
+					className: t("rounded-xl bg-white/95 text-zinc-950 shadow-sm hover:bg-white hover:text-zinc-950", "dark:bg-white/95 dark:text-zinc-950 dark:hover:bg-white dark:hover:text-zinc-950"),
 					children: p
 				})
 			})
 		]
-	}) : /* @__PURE__ */ C(s, {
+	}) : /* @__PURE__ */ w(s, {
 		title: r,
 		description: i,
-		className: t("bg-gradient-to-b from-muted/30 to-card", b),
+		className: t("course-card--component bg-gradient-to-b from-muted/30 to-card", b),
 		children: [
-			l.length > 0 && /* @__PURE__ */ S("div", {
+			l.length > 0 && /* @__PURE__ */ C("div", {
 				className: "flex flex-wrap gap-1.5",
-				children: l.map((e) => /* @__PURE__ */ S(a, {
+				children: l.map((e) => /* @__PURE__ */ C(a, {
 					variant: e.variant,
 					children: e.label
 				}, e.label))
 			}),
-			(u.length > 0 || f !== void 0) && /* @__PURE__ */ C("div", {
+			(u.length > 0 || f !== void 0) && /* @__PURE__ */ w("div", {
 				className: "mt-4 grid grid-cols-2 gap-2.5",
-				children: [u.length > 0 && /* @__PURE__ */ C("div", {
-					className: X,
-					children: [/* @__PURE__ */ S(n, {
+				children: [u.length > 0 && /* @__PURE__ */ w("div", {
+					className: Y,
+					children: [/* @__PURE__ */ C(n, {
 						size: "xs",
 						type: "secondary",
 						children: E.participants
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "mt-2",
-						children: /* @__PURE__ */ S(c, {
+						children: /* @__PURE__ */ C(c, {
 							users: O,
 							max: 4,
 							size: "sm",
@@ -981,21 +972,21 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 							overflowFormatter: () => `+${d}`
 						})
 					})]
-				}), f !== void 0 && /* @__PURE__ */ C("div", {
-					className: X,
-					children: [/* @__PURE__ */ S(n, {
+				}), f !== void 0 && /* @__PURE__ */ w("div", {
+					className: Y,
+					children: [/* @__PURE__ */ C(n, {
 						size: "xs",
 						type: "secondary",
 						children: E.progress
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ w("div", {
 						className: "mt-2.5",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "h-1.5 w-full overflow-hidden rounded-full bg-success/15",
-							children: /* @__PURE__ */ S("div", {
+							children: /* @__PURE__ */ C("div", {
 								className: "h-full rounded-full bg-success",
 								style: { width: `${f}%` }
 							})
-						}), /* @__PURE__ */ C(n, {
+						}), /* @__PURE__ */ w(n, {
 							size: "xs",
 							type: "secondary",
 							className: "mt-1 tabular-nums",
@@ -1004,7 +995,7 @@ function Z({ title: r, description: i, badges: l = [], participants: u = [], ext
 					})]
 				})]
 			}),
-			!!p && /* @__PURE__ */ S(o, {
+			!!p && /* @__PURE__ */ C(o, {
 				variant: "dark",
 				className: "mt-4 w-full rounded-xl",
 				onClick: g,
@@ -1016,42 +1007,38 @@ 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 = F, title: n, description: r, tags: c = [], actionLabel: l, onAction: u, className: d }) {
-	return /* @__PURE__ */ C(s, {
-		className: t("feature-announcement--component", "bg-gradient-to-b from-muted/30 to-card", d),
+function Q({ icon: e = P, title: n, description: r, tags: c = [], actionLabel: l, onAction: u, className: d }) {
+	return /* @__PURE__ */ w(s, {
+		className: t("feature-announcement--component", d),
 		children: [
-			/* @__PURE__ */ C(v, {
-				size: "default",
-				className: "px-0 items-start",
-				children: [/* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(i, {
+			/* @__PURE__ */ w(v, {
+				className: "items-start px-0",
+				children: [/* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(i, {
 					icon: e,
 					tone: "primary",
-					size: "lg",
+					size: "md",
 					shape: "square",
-					className: "rounded-xl ring-1 ring-primary/15"
-				}) }), /* @__PURE__ */ C(_, { children: [/* @__PURE__ */ S(y, {
-					className: "text-base",
-					children: n
-				}), /* @__PURE__ */ S(m, {
+					className: "rounded-md ring-1 ring-primary/15"
+				}) }), /* @__PURE__ */ w(_, { children: [/* @__PURE__ */ C(y, { children: n }), /* @__PURE__ */ C(m, {
 					clamp: "none",
 					children: r
 				})] })]
 			}),
-			c.length > 0 && /* @__PURE__ */ S("div", {
-				className: "mt-4 flex flex-wrap gap-1.5",
-				children: c.map((e) => /* @__PURE__ */ S(a, {
+			c.length > 0 && /* @__PURE__ */ C("div", {
+				className: "mt-3 flex flex-wrap gap-1.5",
+				children: c.map((e) => /* @__PURE__ */ C(a, {
 					variant: "info",
 					children: e
 				}, e))
 			}),
-			!!l && /* @__PURE__ */ S("div", {
-				className: "mt-4",
-				children: /* @__PURE__ */ C(o, {
+			!!l && /* @__PURE__ */ C("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ w(o, {
 					variant: "light",
 					buttonStyle: "ghost",
 					onClick: u,
-					className: "-ml-2 h-auto px-2",
-					children: [l, /* @__PURE__ */ S(D, { className: "ml-1 size-3.5" })]
+					className: "-ml-2",
+					children: [l, /* @__PURE__ */ C(O, { className: "ml-1 size-3.5" })]
 				})
 			})
 		]
@@ -1060,7 +1047,7 @@ function Q({ icon: e = F, title: n, description: r, tags: c = [], actionLabel: l
 Q.displayName = "FeatureAnnouncementCard";
 //#endregion
 //#region src/components/composed/cards/vendor-profile/types.ts
-var fe = {
+var pe = {
 	tabOverview: "Overview",
 	tabStats: "Stats",
 	totalEarnings: "Total Earnings",
@@ -1070,85 +1057,78 @@ var fe = {
 };
 //#endregion
 //#region src/components/composed/cards/vendor-profile/vendor-profile.tsx
-function $({ name: a, initials: s, avatarUrl: c, role: u, verified: d = !1, earnings: f, earningsChange: h, metrics: g = [], stats: x = [], onMessage: w, onHire: T, className: O, strings: k }) {
-	let A = e(fe, k), [j, M] = b("overview"), N = s ?? a.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase(), P = {
-		overview: A.tabOverview,
-		stats: A.tabStats
+function $({ name: r, initials: a, avatarUrl: s, role: c, verified: u = !1, earnings: d, earningsChange: f, metrics: h = [], stats: g = [], onMessage: b, onHire: S, className: T, strings: E }) {
+	let k = e(pe, E), [A, j] = x("overview"), M = a ?? r.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase(), N = {
+		overview: k.tabOverview,
+		stats: k.tabStats
 	};
-	return /* @__PURE__ */ C("div", {
-		className: t("vendor-profile--component", "flex flex-col gap-5 rounded-xl border border-border bg-gradient-to-b from-muted/30 to-card p-5 shadow-sm", O),
+	return /* @__PURE__ */ w("div", {
+		className: t("vendor-profile--component", "flex flex-col gap-4 rounded-lg border border-border bg-card p-4 shadow-sm", T),
 		children: [
-			/* @__PURE__ */ C(v, {
-				size: "default",
-				className: "px-0 items-start",
-				children: [/* @__PURE__ */ S(p, {
-					variant: c ? "avatar" : "default",
-					children: c ? /* @__PURE__ */ S("img", {
-						src: c,
-						alt: a,
-						className: "size-12 rounded-full object-cover ring-2 ring-border"
-					}) : /* @__PURE__ */ S(i, {
+			/* @__PURE__ */ w(v, {
+				className: "items-start px-0",
+				children: [/* @__PURE__ */ C(p, {
+					variant: s ? "avatar" : "default",
+					children: s ? /* @__PURE__ */ C("img", {
+						src: s,
+						alt: r,
+						className: "size-10 rounded-full object-cover ring-1 ring-border"
+					}) : /* @__PURE__ */ C(i, {
 						tone: "primary",
-						size: "lg",
-						className: "font-semibold ring-2 ring-primary/15",
-						children: N
+						size: "md",
+						className: "font-semibold ring-1 ring-primary/15",
+						children: M
 					})
-				}), /* @__PURE__ */ C(_, { children: [/* @__PURE__ */ C(y, {
-					className: "text-base",
-					children: [/* @__PURE__ */ S(r, {
-						tag: "h4",
-						className: "border-none p-0 text-base font-semibold tracking-tight",
-						children: a
-					}), !!d && /* @__PURE__ */ S(i, {
-						tone: "success",
-						solid: !0,
-						size: "xs",
-						"aria-label": A.verifiedAriaLabel,
-						className: "size-4",
-						children: /* @__PURE__ */ S(E, {
-							className: "size-2.5",
-							strokeWidth: 3
-						})
-					})]
-				}), !!u && /* @__PURE__ */ S(m, {
+				}), /* @__PURE__ */ w(_, { children: [/* @__PURE__ */ w(y, { children: [r, !!u && /* @__PURE__ */ C(i, {
+					tone: "success",
+					solid: !0,
+					size: "xs",
+					"aria-label": k.verifiedAriaLabel,
+					className: "size-4",
+					children: /* @__PURE__ */ C(D, {
+						className: "size-2.5",
+						strokeWidth: 3
+					})
+				})] }), !!c && /* @__PURE__ */ C(m, {
 					clamp: 2,
-					children: u
+					children: c
 				})] })]
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "flex gap-1 rounded-full bg-muted/60 p-1",
-				children: ["overview", "stats"].map((e) => /* @__PURE__ */ S("button", {
+			/* @__PURE__ */ C("div", {
+				className: "flex gap-1 rounded-md bg-muted/60 p-0.5",
+				children: ["overview", "stats"].map((e) => /* @__PURE__ */ C("button", {
 					type: "button",
-					"aria-pressed": j === e,
-					onClick: () => M(e),
-					className: t("flex-1 rounded-full px-3 py-1.5 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", j === e ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
-					children: P[e]
+					"aria-pressed": A === e,
+					onClick: () => j(e),
+					className: t("flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", A === e ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+					children: N[e]
 				}, e))
 			}),
-			j === "overview" ? /* @__PURE__ */ C("div", {
+			A === "overview" ? /* @__PURE__ */ w("div", {
 				className: "space-y-4",
-				children: [!!f && /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(n, {
+				children: [!!d && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(n, {
 					size: "xxs",
 					type: "secondary",
 					weight: "medium",
 					className: "uppercase tracking-wider",
-					children: A.totalEarnings
-				}), /* @__PURE__ */ C("div", {
+					children: k.totalEarnings
+				}), /* @__PURE__ */ w("div", {
 					className: "mt-0.5 flex items-baseline gap-2",
-					children: [/* @__PURE__ */ S(r, {
-						tag: "h3",
-						className: "text-3xl tabular-nums tracking-tight border-none pb-0",
-						children: f
-					}), !!h && /* @__PURE__ */ S(n, {
+					children: [/* @__PURE__ */ C(n, {
+						size: "xl",
+						weight: "semibold",
+						className: "tabular-nums tracking-tight",
+						children: d
+					}), !!f && /* @__PURE__ */ C(n, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						className: "rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums",
-						children: h
+						children: f
 					})]
-				})] }), g.length > 0 && /* @__PURE__ */ S("div", {
+				})] }), h.length > 0 && /* @__PURE__ */ C("div", {
 					className: "space-y-2",
-					children: g.map((e) => /* @__PURE__ */ S(l, {
+					children: h.map((e) => /* @__PURE__ */ C(l, {
 						className: "border-b border-border/50 pb-2 last:border-0",
 						label: e.label,
 						value: e.value,
@@ -1157,24 +1137,24 @@ function $({ name: a, initials: s, avatarUrl: c, role: u, verified: d = !1, earn
 						valueClassName: "text-sm font-semibold"
 					}, e.label))
 				})]
-			}) : /* @__PURE__ */ S("div", {
+			}) : /* @__PURE__ */ C("div", {
 				className: "grid grid-cols-2 gap-2",
-				children: x.map((e) => /* @__PURE__ */ C("div", {
+				children: g.map((e) => /* @__PURE__ */ w("div", {
 					className: "rounded-lg border border-border/60 bg-muted/20 px-3 py-2.5",
-					children: [/* @__PURE__ */ S(n, {
+					children: [/* @__PURE__ */ C(n, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: e.label
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ w("div", {
 						className: "mt-1 flex items-baseline gap-1.5",
-						children: [/* @__PURE__ */ S(n, {
+						children: [/* @__PURE__ */ C(n, {
 							size: "base",
 							weight: "semibold",
 							className: "tabular-nums",
 							children: e.value
-						}), !!e.change && /* @__PURE__ */ S(n, {
+						}), !!e.change && /* @__PURE__ */ C(n, {
 							tag: "span",
 							size: "xxs",
 							weight: "semibold",
@@ -1184,19 +1164,19 @@ function $({ name: a, initials: s, avatarUrl: c, role: u, verified: d = !1, earn
 					})]
 				}, e.label))
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ C(o, {
+				children: [/* @__PURE__ */ w(o, {
 					variant: "light",
 					buttonStyle: "outline",
-					className: "flex-1 rounded-xl",
-					onClick: w,
-					children: [/* @__PURE__ */ S(ee, { className: "mr-1.5 size-3.5" }), A.message]
-				}), /* @__PURE__ */ C(o, {
+					className: "flex-1 rounded-md",
+					onClick: b,
+					children: [/* @__PURE__ */ C(te, { className: "mr-1.5 size-3.5" }), k.message]
+				}), /* @__PURE__ */ w(o, {
 					variant: "dark",
-					className: "flex-1 rounded-xl",
-					onClick: T,
-					children: [A.hire, /* @__PURE__ */ S(D, { className: "ml-1 size-3.5" })]
+					className: "flex-1 rounded-md",
+					onClick: S,
+					children: [k.hire, /* @__PURE__ */ C(O, { className: "ml-1 size-3.5" })]
 				})]
 			})
 		]
@@ -1204,6 +1184,6 @@ function $({ name: a, initials: s, avatarUrl: c, role: u, verified: d = !1, earn
 }
 $.displayName = "VendorProfileCard";
 //#endregion
-export { R as ContactCard, Z as CourseCard, Q as FeatureAnnouncementCard, G as GiftcardCard, J as GiftcardCardDark, Y as GiftcardCardIllustrated, q as GiftcardCardMinimal, K as GiftcardCompact, V as GradientCard, H as GradientCardCompact, $ as VendorProfileCard };
+export { I as ContactCard, Z as CourseCard, Q as FeatureAnnouncementCard, W as GiftcardCard, q as GiftcardCardDark, J as GiftcardCardIllustrated, K as GiftcardCardMinimal, G as GiftcardCompact, z as GradientCard, B as GradientCardCompact, $ as VendorProfileCard };
 
 //# sourceMappingURL=index.js.map