import { t as e } from "./utils-CHlhTiFC.js";
import { t } from "./dist-C2Jrcfwk.js";
import { H2 as n, H4 as r, P as i } from "./Typography.js";
import * as a from "react";
import { jsx as o } from "react/jsx-runtime";
//#region src/components/ui/Cards/statCard.tsx
var s = t("group bg-primary-gray-200 dark:bg-primary-gray-600 box-border items-stretch p-8 transition-all duration-400", {
	variants: {
		hoverColor: {
			blue: "hover:bg-primary-blue-600",
			azure: "hover:bg-accent-azure",
			yellow: "hover:bg-accent-yellow",
			red: "hover:bg-accent-red",
			green: "hover:bg-accent-green",
			none: ""
		},
		size: {
			sm: "w-1/4",
			base: "w-1/3",
			lg: "w-1/2",
			xl: "w-2/3",
			full: "w-full"
		}
	},
	defaultVariants: {
		hoverColor: "yellow",
		size: "base"
	}
}), c = a.forwardRef(({ className: t, hoverColor: n = "yellow", children: r, size: i, ...a }, c) => /* @__PURE__ */ o("div", {
	ref: c,
	className: e(s({
		size: i,
		hoverColor: n
	}), t),
	...a,
	children: r
}));
c.displayName = "StatCard";
var l = a.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ o(n, {
	ref: i,
	className: e("leading-none [-webkit-text-stroke:2px_black] dark:[-webkit-text-stroke:2px_white] [text-shadow:none] font-heading text-left rtl:text-right transparent text-transparent group-hover:text-primary-black group-hover:dark:text-primary-white  group-hover:[-webkit-text-stroke:0px]", t),
	...r
}));
l.displayName = "StatCardValue";
var u = a.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ o(r, {
	ref: i,
	className: e("text-black dark:text-white", t),
	...n
}));
u.displayName = "StatCardTitle";
var d = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(i, {
	ref: r,
	className: e("text-black dark:text-white", t),
	...n
}));
d.displayName = "StatCardDescription";
//#endregion
export { c as StatCard, d as StatCardDescription, u as StatCardTitle, l as StatCardValue };

//# sourceMappingURL=StatCard.js.map