import { t as e } from "../../utils-B7XIe3qq.js";
import { t } from "../../dist-BCCeHAQm.js";
import "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/react/primitives/stat-card.tsx
var i = t("inline-flex items-center gap-1 text-xs font-medium", {
	variants: { direction: {
		up: "text-accent-emerald",
		down: "text-accent-rose",
		neutral: "text-foreground-muted"
	} },
	defaultVariants: { direction: "neutral" }
});
function a({ direction: e }) {
	let t = "size-3.5";
	return e === "up" ? /* @__PURE__ */ n("svg", {
		xmlns: "http://www.w3.org/2000/svg",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: 2,
		strokeLinecap: "round",
		strokeLinejoin: "round",
		className: t,
		children: /* @__PURE__ */ n("path", { d: "m18 15-6-6-6 6" })
	}) : e === "down" ? /* @__PURE__ */ n("svg", {
		xmlns: "http://www.w3.org/2000/svg",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: 2,
		strokeLinecap: "round",
		strokeLinejoin: "round",
		className: t,
		children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
	}) : /* @__PURE__ */ n("svg", {
		xmlns: "http://www.w3.org/2000/svg",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: 2,
		strokeLinecap: "round",
		strokeLinejoin: "round",
		className: t,
		children: /* @__PURE__ */ n("path", { d: "M5 12h14" })
	});
}
function o({ className: t, label: o, value: s, trend: c, icon: l, ...u }) {
	return /* @__PURE__ */ r("div", {
		"data-slot": "stat-card",
		className: e("flex flex-col gap-2 rounded-xl border border-border-glass bg-glass p-5 backdrop-blur-[20px]", "transition-all duration-300 hover:shadow-glow", t),
		...u,
		children: [
			/* @__PURE__ */ r("div", {
				className: "flex items-center justify-between",
				children: [/* @__PURE__ */ n("span", {
					className: "text-xs font-medium tracking-wide text-foreground-secondary",
					children: o
				}), l != null && /* @__PURE__ */ n("span", {
					"aria-hidden": "true",
					className: "text-foreground-muted [&_svg]:size-4",
					children: l
				})]
			}),
			/* @__PURE__ */ n("div", {
				className: "text-2xl font-bold tabular-nums tracking-tight text-foreground",
				children: typeof s == "number" ? String(s) : s
			}),
			c !== void 0 && /* @__PURE__ */ r("div", {
				className: i({ direction: c.direction }),
				children: [
					/* @__PURE__ */ n(a, { direction: c.direction }),
					/* @__PURE__ */ n("span", { children: c.value }),
					c.label !== void 0 && /* @__PURE__ */ n("span", {
						className: "text-foreground-muted",
						children: c.label
					})
				]
			})
		]
	});
}
//#endregion
export { o as StatCard, i as trendVariants };

//# sourceMappingURL=stat-card.js.map