import { t as e } from "../../utils-B7XIe3qq.js";
import { forwardRef as t } from "react";
import { jsx as n } from "react/jsx-runtime";
//#region src/react/primitives/card.tsx
var r = t(({ className: t, variant: r = "glass", glowColor: i = "none", tone: a = "glass", ...o }, s) => /* @__PURE__ */ n("div", {
	ref: s,
	"data-tone": a,
	className: e(a === "shadcn" ? "bg-card text-card-foreground rounded-xl border shadow" : [
		"relative overflow-hidden rounded-[18px] transition-all duration-300",
		r === "glass" && ["bg-glass backdrop-blur-[20px]", "border border-transparent"],
		r === "solid" && ["bg-glass-solid backdrop-blur-[40px]", "border border-transparent"],
		r === "default" && ["bg-background-surface", "border-border-subtle border"],
		i === "rose" && "hover:shadow-glow-rose border-top-rose",
		i === "amber" && "hover:shadow-glow-amber border-top-amber",
		i === "violet" && "hover:shadow-glow-violet border-top-violet",
		i === "cyan" && "hover:shadow-glow-cyan border-top-cyan",
		i !== "none" && "hover:-translate-y-1"
	], t),
	...o
}));
r.displayName = "Card";
var i = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
	ref: i,
	className: e("border-border-glass flex items-center justify-between border-b px-[22px] py-[18px]", t),
	...r
}));
i.displayName = "CardHeader";
var a = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("h3", {
	ref: i,
	className: e("text-foreground text-[15px] font-semibold tracking-[-0.3px]", t),
	...r
}));
a.displayName = "CardTitle";
var o = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
	ref: i,
	className: e("p-5", t),
	...r
}));
o.displayName = "CardBody";
//#endregion
export { r as Card, o as CardBody, i as CardHeader, a as CardTitle };

//# sourceMappingURL=card.js.map