shadcn-glass-ui 2.2.1 → 2.2.3

package/CHANGELOG.md

@@ -5,6 +5,23 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project
 adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.2.2] - 2025-12-19
+
+### Fixed
+
+- **CardGlass exports:** Fixed missing CardGlass compound component exports from main library entry
+  point
+  - Added `CardGlass` object export with compound API (Root, Header, Title, Description, Action,
+    Content, Footer)
+  - Added all named exports for shadcn/ui compatibility (`CardGlassRoot`, `CardGlassHeader`, etc.)
+  - Added `CardGlassRootProps` type export
+  - Resolves [GitHub Issue #4](https://github.com/Yhooi2/shadcn-glass-ui-library/issues/4)
+
+### Changed
+
+- Updated component count from 57 to 59 in all documentation (package.json, README, context7.json,
+  CLAUDE.md)
+
 ## [2.1.1] - 2025-12-14
 
 ### 🐛 Bug Fixes

package/dist/components.d.ts

@@ -1471,7 +1471,7 @@ declare interface SkeletonGlassProps extends React.HTMLAttributes<HTMLDivElement
 }
 
 declare const skeletonVariants: (props?: ({
-    variant?: "title" | "text" | "avatar" | "thumbnail" | "card" | null | undefined;
+    variant?: "title" | "text" | "card" | "avatar" | "thumbnail" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const SliderGlass: ForwardRefExoticComponent<SliderGlassProps & RefAttributes<HTMLSpanElement>>;

package/dist/index.cjs

@@ -12,6 +12,93 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let __radix_ui_react_slot = require("@radix-ui/react-slot");
 let react_dom = require("react-dom");
 react_dom = require_trust_score_card_glass.__toESM(react_dom);
+var blurMap = {
+	subtle: "var(--blur-sm)",
+	medium: "var(--blur-md)",
+	strong: "var(--blur-lg)"
+};
+var bgVarMap = {
+	subtle: "var(--card-subtle-bg)",
+	medium: "var(--card-medium-bg)",
+	strong: "var(--card-strong-bg)"
+};
+var borderVarMap = {
+	subtle: "var(--card-subtle-border)",
+	medium: "var(--card-medium-border)",
+	strong: "var(--card-strong-border)"
+};
+var glowVarMap = {
+	blue: "var(--glow-blue)",
+	violet: "var(--glow-violet)",
+	cyan: "var(--glow-cyan)"
+};
+function CardGlassRoot({ className, intensity = "medium", glow = null, hover = false, style, ...props }) {
+	const cardStyles = {
+		background: bgVarMap[intensity],
+		borderColor: borderVarMap[intensity],
+		backdropFilter: `blur(${blurMap[intensity]})`,
+		WebkitBackdropFilter: `blur(${blurMap[intensity]})`,
+		boxShadow: glow ? glowVarMap[glow] : "var(--glow-neutral)",
+		...style
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card",
+		className: require_utils.cn("flex flex-col gap-6 rounded-xl border py-6 transition-all duration-300", "text-[var(--text-primary)]", hover && "hover:shadow-lg hover:border-[var(--card-hover-border)] cursor-pointer", className),
+		style: cardStyles,
+		...props
+	});
+}
+function CardGlassHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card-header",
+		className: require_utils.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6", "has-data-[slot=card-action]:grid-cols-[1fr_auto]", "[.border-b]:pb-6", className),
+		...props
+	});
+}
+function CardGlassTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card-title",
+		className: require_utils.cn("leading-none font-semibold text-[var(--text-primary)]", className),
+		...props
+	});
+}
+function CardGlassDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card-description",
+		className: require_utils.cn("text-sm text-[var(--text-muted)]", className),
+		...props
+	});
+}
+function CardGlassAction({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card-action",
+		className: require_utils.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		...props
+	});
+}
+function CardGlassContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card-content",
+		className: require_utils.cn("px-6", className),
+		...props
+	});
+}
+function CardGlassFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "card-footer",
+		className: require_utils.cn("flex items-center gap-2 px-6 [.border-t]:pt-6", className),
+		...props
+	});
+}
+const CardGlass = {
+	Root: CardGlassRoot,
+	Header: CardGlassHeader,
+	Title: CardGlassTitle,
+	Description: CardGlassDescription,
+	Action: CardGlassAction,
+	Content: CardGlassContent,
+	Footer: CardGlassFooter
+};
 const stepperRootVariants = (0, class_variance_authority.cva)("flex w-full", {
 	variants: { orientation: {
 		horizontal: "flex-col",
@@ -2562,6 +2649,14 @@ exports.Bar = require_trust_score_card_glass.Bar;
 exports.BarChart = require_trust_score_card_glass.BarChart;
 exports.BaseProgressGlass = require_trust_score_card_glass.BaseProgressGlass;
 exports.ButtonGlass = require_trust_score_card_glass.ButtonGlass;
+exports.CardGlass = CardGlass;
+exports.CardGlassAction = CardGlassAction;
+exports.CardGlassContent = CardGlassContent;
+exports.CardGlassDescription = CardGlassDescription;
+exports.CardGlassFooter = CardGlassFooter;
+exports.CardGlassHeader = CardGlassHeader;
+exports.CardGlassRoot = CardGlassRoot;
+exports.CardGlassTitle = CardGlassTitle;
 exports.CareerStatsGlass = require_trust_score_card_glass.CareerStatsGlass;
 exports.CareerStatsHeaderGlass = require_trust_score_card_glass.CareerStatsHeaderGlass;
 exports.Cell = require_trust_score_card_glass.Cell;