shadcn-glass-ui 2.2.1 → 2.2.4

package/dist/index.cjs

@@ -1,17 +1,105 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-DTS1RdIt.cjs");
-const require_utils = require("./utils-NLnOCttr.cjs");
-const require_use_focus = require("./use-focus-CdoUzFQ8.cjs");
-const require_theme_context = require("./theme-context-BEA8K_rq.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-Rq5UgY9L.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-_v9hGnCW.cjs");
+const require_utils = require("./utils-D5ef293O.cjs");
+const require_use_focus = require("./use-focus-DBs46Dxv.cjs");
+const require_theme_context = require("./theme-context-DBAPfMto.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-DNdTbD1y.cjs");
 let react = require("react");
 react = require_trust_score_card_glass.__toESM(react);
 let lucide_react = require("lucide-react");
-let clsx = require("clsx");
 let class_variance_authority = require("class-variance-authority");
 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);
+let recharts = require("recharts");
+recharts = require_trust_score_card_glass.__toESM(recharts);
+let __radix_ui_react_scroll_area = require("@radix-ui/react-scroll-area");
+__radix_ui_react_scroll_area = require_trust_score_card_glass.__toESM(__radix_ui_react_scroll_area);
+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",
@@ -779,1116 +867,29 @@ const SidebarGlass = {
 	MenuSubItem: SidebarMenuSubItem,
 	MenuSubButton: SidebarMenuSubButton
 };
-function _extends$1() {
-	return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends$1.apply(null, arguments);
-}
-function ownKeys$1(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r$1) {
-			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread$1(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys$1(Object(t), !0).forEach(function(r$1) {
-			_defineProperty$1(e, r$1, t[r$1]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r$1) {
-			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
-		});
-	}
-	return e;
-}
-function _defineProperty$1(e, r, t) {
-	return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-function _toPropertyKey$1(t) {
-	var i = _toPrimitive$1(t, "string");
-	return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive$1(t, r) {
-	if ("object" != typeof t || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != typeof i) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-var SIZE = 32;
-var defaultLegendContentDefaultProps = {
-	align: "center",
-	iconSize: 14,
-	inactiveColor: "#ccc",
-	layout: "horizontal",
-	verticalAlign: "middle"
-};
-function Icon(_ref) {
-	var { data, iconType, inactiveColor } = _ref;
-	var halfSize = SIZE / 2;
-	var sixthSize = SIZE / 6;
-	var thirdSize = SIZE / 3;
-	var color = data.inactive ? inactiveColor : data.color;
-	var preferredIcon = iconType !== null && iconType !== void 0 ? iconType : data.type;
-	if (preferredIcon === "none") return null;
-	if (preferredIcon === "plainline") {
-		var _data$payload;
-		return /* @__PURE__ */ react.createElement("line", {
-			strokeWidth: 4,
-			fill: "none",
-			stroke: color,
-			strokeDasharray: (_data$payload = data.payload) === null || _data$payload === void 0 ? void 0 : _data$payload.strokeDasharray,
-			x1: 0,
-			y1: halfSize,
-			x2: SIZE,
-			y2: halfSize,
-			className: "recharts-legend-icon"
-		});
-	}
-	if (preferredIcon === "line") return /* @__PURE__ */ react.createElement("path", {
-		strokeWidth: 4,
-		fill: "none",
-		stroke: color,
-		d: "M0,".concat(halfSize, "h").concat(thirdSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(2 * thirdSize, ",").concat(halfSize, "\n            H").concat(SIZE, "M").concat(2 * thirdSize, ",").concat(halfSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(thirdSize, ",").concat(halfSize),
-		className: "recharts-legend-icon"
-	});
-	if (preferredIcon === "rect") return /* @__PURE__ */ react.createElement("path", {
-		stroke: "none",
-		fill: color,
-		d: "M0,".concat(SIZE / 8, "h").concat(SIZE, "v").concat(SIZE * 3 / 4, "h").concat(-SIZE, "z"),
-		className: "recharts-legend-icon"
-	});
-	if (/* @__PURE__ */ react.isValidElement(data.legendIcon)) {
-		var iconProps = _objectSpread$1({}, data);
-		delete iconProps.legendIcon;
-		return /* @__PURE__ */ react.cloneElement(data.legendIcon, iconProps);
-	}
-	return /* @__PURE__ */ react.createElement(require_trust_score_card_glass.Symbols, {
-		fill: color,
-		cx: halfSize,
-		cy: halfSize,
-		size: SIZE,
-		sizeType: "diameter",
-		type: preferredIcon
-	});
-}
-function Items(props) {
-	var { payload, iconSize, layout, formatter, inactiveColor, iconType } = props;
-	var viewBox = {
-		x: 0,
-		y: 0,
-		width: SIZE,
-		height: SIZE
-	};
-	var itemStyle = {
-		display: layout === "horizontal" ? "inline-block" : "block",
-		marginRight: 10
-	};
-	var svgStyle = {
-		display: "inline-block",
-		verticalAlign: "middle",
-		marginRight: 4
-	};
-	return payload.map((entry, i) => {
-		var finalFormatter = entry.formatter || formatter;
-		var className = (0, clsx.clsx)({
-			"recharts-legend-item": true,
-			["legend-item-".concat(i)]: true,
-			inactive: entry.inactive
-		});
-		if (entry.type === "none") return null;
-		var color = entry.inactive ? inactiveColor : entry.color;
-		var finalValue = finalFormatter ? finalFormatter(entry.value, entry, i) : entry.value;
-		return /* @__PURE__ */ react.createElement("li", _extends$1({
-			className,
-			style: itemStyle,
-			key: "legend-item-".concat(i)
-		}, require_trust_score_card_glass.adaptEventsOfChild(props, entry, i)), /* @__PURE__ */ react.createElement(require_trust_score_card_glass.Surface, {
-			width: iconSize,
-			height: iconSize,
-			viewBox,
-			style: svgStyle,
-			"aria-label": "".concat(finalValue, " legend icon")
-		}, /* @__PURE__ */ react.createElement(Icon, {
-			data: entry,
-			iconType,
-			inactiveColor
-		})), /* @__PURE__ */ react.createElement("span", {
-			className: "recharts-legend-item-text",
-			style: { color }
-		}, finalValue));
-	});
-}
-var DefaultLegendContent = (outsideProps) => {
-	var props = require_trust_score_card_glass.resolveDefaultProps(outsideProps, defaultLegendContentDefaultProps);
-	var { payload, layout, align } = props;
-	if (!payload || !payload.length) return null;
-	var finalStyle = {
-		padding: 0,
-		margin: 0,
-		textAlign: layout === "horizontal" ? align : "left"
-	};
-	return /* @__PURE__ */ react.createElement("ul", {
-		className: "recharts-default-legend",
-		style: finalStyle
-	}, /* @__PURE__ */ react.createElement(Items, _extends$1({}, props, { payload })));
-};
-function useLegendPayload() {
-	return require_trust_score_card_glass.useAppSelector(require_trust_score_card_glass.selectLegendPayload);
-}
-var _excluded = ["contextPayload"];
-function _extends() {
-	return _extends = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends.apply(null, arguments);
-}
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r$1) {
-			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
-			_defineProperty(e, r$1, t[r$1]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
-			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
-		});
-	}
-	return e;
-}
-function _defineProperty(e, r, t) {
-	return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-function _toPropertyKey(t) {
-	var i = _toPrimitive(t, "string");
-	return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-	if ("object" != typeof t || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != typeof i) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-function _objectWithoutProperties(e, t) {
-	if (null == e) return {};
-	var o, r, i = _objectWithoutPropertiesLoose(e, t);
-	if (Object.getOwnPropertySymbols) {
-		var n = Object.getOwnPropertySymbols(e);
-		for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-	}
-	return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-	if (null == r) return {};
-	var t = {};
-	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-		if (-1 !== e.indexOf(n)) continue;
-		t[n] = r[n];
-	}
-	return t;
-}
-function defaultUniqBy(entry) {
-	return entry.value;
-}
-function LegendContent(props) {
-	var { contextPayload } = props, otherProps = _objectWithoutProperties(props, _excluded);
-	var finalPayload = require_trust_score_card_glass.getUniqPayload(contextPayload, props.payloadUniqBy, defaultUniqBy);
-	var contentProps = _objectSpread(_objectSpread({}, otherProps), {}, { payload: finalPayload });
-	if (/* @__PURE__ */ react.isValidElement(props.content)) return /* @__PURE__ */ react.cloneElement(props.content, contentProps);
-	if (typeof props.content === "function") return /* @__PURE__ */ react.createElement(props.content, contentProps);
-	return /* @__PURE__ */ react.createElement(DefaultLegendContent, contentProps);
-}
-function getDefaultPosition(style, props, margin, chartWidth, chartHeight, box) {
-	var { layout, align, verticalAlign } = props;
-	var hPos, vPos;
-	if (!style || (style.left === void 0 || style.left === null) && (style.right === void 0 || style.right === null)) if (align === "center" && layout === "vertical") hPos = { left: ((chartWidth || 0) - box.width) / 2 };
-	else hPos = align === "right" ? { right: margin && margin.right || 0 } : { left: margin && margin.left || 0 };
-	if (!style || (style.top === void 0 || style.top === null) && (style.bottom === void 0 || style.bottom === null)) if (verticalAlign === "middle") vPos = { top: ((chartHeight || 0) - box.height) / 2 };
-	else vPos = verticalAlign === "bottom" ? { bottom: margin && margin.bottom || 0 } : { top: margin && margin.top || 0 };
-	return _objectSpread(_objectSpread({}, hPos), vPos);
-}
-function LegendSettingsDispatcher(props) {
-	var dispatch = require_trust_score_card_glass.useAppDispatch();
-	(0, react.useEffect)(() => {
-		dispatch(require_trust_score_card_glass.setLegendSettings(props));
-	}, [dispatch, props]);
-	return null;
-}
-function LegendSizeDispatcher(props) {
-	var dispatch = require_trust_score_card_glass.useAppDispatch();
-	(0, react.useEffect)(() => {
-		dispatch(require_trust_score_card_glass.setLegendSize(props));
-		return () => {
-			dispatch(require_trust_score_card_glass.setLegendSize({
-				width: 0,
-				height: 0
-			}));
-		};
-	}, [dispatch, props]);
-	return null;
-}
-function getWidthOrHeight(layout, height, width, maxWidth) {
-	if (layout === "vertical" && require_trust_score_card_glass.isNumber(height)) return { height };
-	if (layout === "horizontal") return { width: width || maxWidth };
-	return null;
-}
-var legendDefaultProps = {
-	align: "center",
-	iconSize: 14,
-	itemSorter: "value",
-	layout: "horizontal",
-	verticalAlign: "bottom"
-};
-function Legend(outsideProps) {
-	var props = require_trust_score_card_glass.resolveDefaultProps(outsideProps, legendDefaultProps);
-	var contextPayload = useLegendPayload();
-	var legendPortalFromContext = require_trust_score_card_glass.useLegendPortal();
-	var margin = require_trust_score_card_glass.useMargin();
-	var { width: widthFromProps, height: heightFromProps, wrapperStyle, portal: portalFromProps } = props;
-	var [lastBoundingBox, updateBoundingBox] = require_trust_score_card_glass.useElementOffset([contextPayload]);
-	var chartWidth = require_trust_score_card_glass.useChartWidth();
-	var chartHeight = require_trust_score_card_glass.useChartHeight();
-	if (chartWidth == null || chartHeight == null) return null;
-	var maxWidth = chartWidth - ((margin === null || margin === void 0 ? void 0 : margin.left) || 0) - ((margin === null || margin === void 0 ? void 0 : margin.right) || 0);
-	var widthOrHeight = getWidthOrHeight(props.layout, heightFromProps, widthFromProps, maxWidth);
-	var outerStyle = portalFromProps ? wrapperStyle : _objectSpread(_objectSpread({
-		position: "absolute",
-		width: (widthOrHeight === null || widthOrHeight === void 0 ? void 0 : widthOrHeight.width) || widthFromProps || "auto",
-		height: (widthOrHeight === null || widthOrHeight === void 0 ? void 0 : widthOrHeight.height) || heightFromProps || "auto"
-	}, getDefaultPosition(wrapperStyle, props, margin, chartWidth, chartHeight, lastBoundingBox)), wrapperStyle);
-	var legendPortal = portalFromProps !== null && portalFromProps !== void 0 ? portalFromProps : legendPortalFromContext;
-	if (legendPortal == null || contextPayload == null) return null;
-	return /* @__PURE__ */ (0, react_dom.createPortal)(/* @__PURE__ */ react.createElement("div", {
-		className: "recharts-legend-wrapper",
-		style: outerStyle,
-		ref: updateBoundingBox
-	}, /* @__PURE__ */ react.createElement(LegendSettingsDispatcher, {
-		layout: props.layout,
-		align: props.align,
-		verticalAlign: props.verticalAlign,
-		itemSorter: props.itemSorter
-	}), !portalFromProps && /* @__PURE__ */ react.createElement(LegendSizeDispatcher, {
-		width: lastBoundingBox.width,
-		height: lastBoundingBox.height
-	}), /* @__PURE__ */ react.createElement(LegendContent, _extends({}, props, widthOrHeight, {
-		margin,
-		chartWidth,
-		chartHeight,
-		contextPayload
-	}))), legendPortal);
-}
-Legend.displayName = "Legend";
-var Primitive = [
-	"a",
-	"button",
-	"div",
-	"form",
-	"h2",
-	"h3",
-	"img",
-	"input",
-	"label",
-	"li",
-	"nav",
-	"ol",
-	"p",
-	"select",
-	"span",
-	"svg",
-	"ul"
-].reduce((primitive, node) => {
-	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
-	const Node = react.forwardRef((props, forwardedRef) => {
-		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$3 : node;
-		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-			...primitiveProps,
-			ref: forwardedRef
-		});
-	});
-	Node.displayName = `Primitive.${node}`;
-	return {
-		...primitive,
-		[node]: Node
-	};
-}, {});
-function createContextScope(scopeName, createContextScopeDeps = []) {
-	let defaultContexts = [];
-	function createContext3(rootComponentName, defaultContext) {
-		const BaseContext = react.createContext(defaultContext);
-		const index = defaultContexts.length;
-		defaultContexts = [...defaultContexts, defaultContext];
-		const Provider = (props) => {
-			const { scope, children, ...context } = props;
-			const Context = scope?.[scopeName]?.[index] || BaseContext;
-			const value = react.useMemo(() => context, Object.values(context));
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
-				value,
-				children
-			});
-		};
-		Provider.displayName = rootComponentName + "Provider";
-		function useContext2(consumerName, scope) {
-			const Context = scope?.[scopeName]?.[index] || BaseContext;
-			const context = react.useContext(Context);
-			if (context) return context;
-			if (defaultContext !== void 0) return defaultContext;
-			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-		}
-		return [Provider, useContext2];
-	}
-	const createScope = () => {
-		const scopeContexts = defaultContexts.map((defaultContext) => {
-			return react.createContext(defaultContext);
-		});
-		return function useScope(scope) {
-			const contexts = scope?.[scopeName] || scopeContexts;
-			return react.useMemo(() => ({ [`__scope${scopeName}`]: {
-				...scope,
-				[scopeName]: contexts
-			} }), [scope, contexts]);
-		};
-	};
-	createScope.scopeName = scopeName;
-	return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes(...scopes) {
-	const baseScope = scopes[0];
-	if (scopes.length === 1) return baseScope;
-	const createScope = () => {
-		const scopeHooks = scopes.map((createScope2) => ({
-			useScope: createScope2(),
-			scopeName: createScope2.scopeName
-		}));
-		return function useComposedScopes(overrideScopes) {
-			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-				const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
-				return {
-					...nextScopes2,
-					...currentScope
-				};
-			}, {});
-			return react.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-		};
-	};
-	createScope.scopeName = baseScope.scopeName;
-	return createScope;
-}
-function useStateMachine(initialState, machine) {
-	return react.useReducer((state, event) => {
-		return machine[state][event] ?? state;
-	}, initialState);
-}
-var SCROLL_AREA_NAME = "ScrollArea";
-var [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME);
-var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
-var ScrollArea$1 = react.forwardRef((props, forwardedRef) => {
-	const { __scopeScrollArea, type = "hover", dir, scrollHideDelay = 600, ...scrollAreaProps } = props;
-	const [scrollArea, setScrollArea] = react.useState(null);
-	const [viewport, setViewport] = react.useState(null);
-	const [content, setContent] = react.useState(null);
-	const [scrollbarX, setScrollbarX] = react.useState(null);
-	const [scrollbarY, setScrollbarY] = react.useState(null);
-	const [cornerWidth, setCornerWidth] = react.useState(0);
-	const [cornerHeight, setCornerHeight] = react.useState(0);
-	const [scrollbarXEnabled, setScrollbarXEnabled] = react.useState(false);
-	const [scrollbarYEnabled, setScrollbarYEnabled] = react.useState(false);
-	const composedRefs = require_trust_score_card_glass.useComposedRefs(forwardedRef, (node) => setScrollArea(node));
-	const direction = require_trust_score_card_glass.useDirection(dir);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaProvider, {
-		scope: __scopeScrollArea,
-		type,
-		dir: direction,
-		scrollHideDelay,
-		scrollArea,
-		viewport,
-		onViewportChange: setViewport,
-		content,
-		onContentChange: setContent,
-		scrollbarX,
-		onScrollbarXChange: setScrollbarX,
-		scrollbarXEnabled,
-		onScrollbarXEnabledChange: setScrollbarXEnabled,
-		scrollbarY,
-		onScrollbarYChange: setScrollbarY,
-		scrollbarYEnabled,
-		onScrollbarYEnabledChange: setScrollbarYEnabled,
-		onCornerWidthChange: setCornerWidth,
-		onCornerHeightChange: setCornerHeight,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive.div, {
-			dir: direction,
-			...scrollAreaProps,
-			ref: composedRefs,
-			style: {
-				position: "relative",
-				["--radix-scroll-area-corner-width"]: cornerWidth + "px",
-				["--radix-scroll-area-corner-height"]: cornerHeight + "px",
-				...props.style
-			}
-		})
-	});
-});
-ScrollArea$1.displayName = SCROLL_AREA_NAME;
-var VIEWPORT_NAME = "ScrollAreaViewport";
-var ScrollAreaViewport = react.forwardRef((props, forwardedRef) => {
-	const { __scopeScrollArea, children, nonce, ...viewportProps } = props;
-	const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);
-	const composedRefs = require_trust_score_card_glass.useComposedRefs(forwardedRef, react.useRef(null), context.onViewportChange);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
-		dangerouslySetInnerHTML: { __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}` },
-		nonce
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive.div, {
-		"data-radix-scroll-area-viewport": "",
-		...viewportProps,
-		ref: composedRefs,
-		style: {
-			overflowX: context.scrollbarXEnabled ? "scroll" : "hidden",
-			overflowY: context.scrollbarYEnabled ? "scroll" : "hidden",
-			...props.style
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref: context.onContentChange,
-			style: {
-				minWidth: "100%",
-				display: "table"
-			},
-			children
-		})
-	})] });
-});
-ScrollAreaViewport.displayName = VIEWPORT_NAME;
-var SCROLLBAR_NAME = "ScrollAreaScrollbar";
-var ScrollAreaScrollbar = react.forwardRef((props, forwardedRef) => {
-	const { forceMount, ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;
-	const isHorizontal = props.orientation === "horizontal";
-	react.useEffect(() => {
-		isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);
-		return () => {
-			isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
-		};
-	}, [
-		isHorizontal,
-		onScrollbarXEnabledChange,
-		onScrollbarYEnabledChange
-	]);
-	return context.type === "hover" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarHover, {
-		...scrollbarProps,
-		ref: forwardedRef,
-		forceMount
-	}) : context.type === "scroll" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarScroll, {
-		...scrollbarProps,
-		ref: forwardedRef,
-		forceMount
-	}) : context.type === "auto" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarAuto, {
-		...scrollbarProps,
-		ref: forwardedRef,
-		forceMount
-	}) : context.type === "always" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarVisible, {
-		...scrollbarProps,
-		ref: forwardedRef
-	}) : null;
-});
-ScrollAreaScrollbar.displayName = SCROLLBAR_NAME;
-var ScrollAreaScrollbarHover = react.forwardRef((props, forwardedRef) => {
-	const { forceMount, ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const [visible, setVisible] = react.useState(false);
-	react.useEffect(() => {
-		const scrollArea = context.scrollArea;
-		let hideTimer = 0;
-		if (scrollArea) {
-			const handlePointerEnter = () => {
-				window.clearTimeout(hideTimer);
-				setVisible(true);
-			};
-			const handlePointerLeave = () => {
-				hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);
-			};
-			scrollArea.addEventListener("pointerenter", handlePointerEnter);
-			scrollArea.addEventListener("pointerleave", handlePointerLeave);
-			return () => {
-				window.clearTimeout(hideTimer);
-				scrollArea.removeEventListener("pointerenter", handlePointerEnter);
-				scrollArea.removeEventListener("pointerleave", handlePointerLeave);
-			};
-		}
-	}, [context.scrollArea, context.scrollHideDelay]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trust_score_card_glass.Presence, {
-		present: forceMount || visible,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarAuto, {
-			"data-state": visible ? "visible" : "hidden",
-			...scrollbarProps,
-			ref: forwardedRef
-		})
-	});
-});
-var ScrollAreaScrollbarScroll = react.forwardRef((props, forwardedRef) => {
-	const { forceMount, ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const isHorizontal = props.orientation === "horizontal";
-	const debounceScrollEnd = useDebounceCallback(() => send("SCROLL_END"), 100);
-	const [state, send] = useStateMachine("hidden", {
-		hidden: { SCROLL: "scrolling" },
-		scrolling: {
-			SCROLL_END: "idle",
-			POINTER_ENTER: "interacting"
-		},
-		interacting: {
-			SCROLL: "interacting",
-			POINTER_LEAVE: "idle"
-		},
-		idle: {
-			HIDE: "hidden",
-			SCROLL: "scrolling",
-			POINTER_ENTER: "interacting"
-		}
-	});
-	react.useEffect(() => {
-		if (state === "idle") {
-			const hideTimer = window.setTimeout(() => send("HIDE"), context.scrollHideDelay);
-			return () => window.clearTimeout(hideTimer);
-		}
-	}, [
-		state,
-		context.scrollHideDelay,
-		send
-	]);
-	react.useEffect(() => {
-		const viewport = context.viewport;
-		const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
-		if (viewport) {
-			let prevScrollPos = viewport[scrollDirection];
-			const handleScroll = () => {
-				const scrollPos = viewport[scrollDirection];
-				if (prevScrollPos !== scrollPos) {
-					send("SCROLL");
-					debounceScrollEnd();
-				}
-				prevScrollPos = scrollPos;
-			};
-			viewport.addEventListener("scroll", handleScroll);
-			return () => viewport.removeEventListener("scroll", handleScroll);
-		}
-	}, [
-		context.viewport,
-		isHorizontal,
-		send,
-		debounceScrollEnd
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trust_score_card_glass.Presence, {
-		present: forceMount || state !== "hidden",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarVisible, {
-			"data-state": state === "hidden" ? "hidden" : "visible",
-			...scrollbarProps,
-			ref: forwardedRef,
-			onPointerEnter: require_trust_score_card_glass.composeEventHandlers(props.onPointerEnter, () => send("POINTER_ENTER")),
-			onPointerLeave: require_trust_score_card_glass.composeEventHandlers(props.onPointerLeave, () => send("POINTER_LEAVE"))
-		})
-	});
-});
-var ScrollAreaScrollbarAuto = react.forwardRef((props, forwardedRef) => {
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const { forceMount, ...scrollbarProps } = props;
-	const [visible, setVisible] = react.useState(false);
-	const isHorizontal = props.orientation === "horizontal";
-	const handleResize = useDebounceCallback(() => {
-		if (context.viewport) {
-			const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;
-			const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;
-			setVisible(isHorizontal ? isOverflowX : isOverflowY);
-		}
-	}, 10);
-	useResizeObserver(context.viewport, handleResize);
-	useResizeObserver(context.content, handleResize);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trust_score_card_glass.Presence, {
-		present: forceMount || visible,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarVisible, {
-			"data-state": visible ? "visible" : "hidden",
-			...scrollbarProps,
-			ref: forwardedRef
-		})
-	});
-});
-var ScrollAreaScrollbarVisible = react.forwardRef((props, forwardedRef) => {
-	const { orientation = "vertical", ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const thumbRef = react.useRef(null);
-	const pointerOffsetRef = react.useRef(0);
-	const [sizes, setSizes] = react.useState({
-		content: 0,
-		viewport: 0,
-		scrollbar: {
-			size: 0,
-			paddingStart: 0,
-			paddingEnd: 0
-		}
-	});
-	const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);
-	const commonProps = {
-		...scrollbarProps,
-		sizes,
-		onSizesChange: setSizes,
-		hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),
-		onThumbChange: (thumb) => thumbRef.current = thumb,
-		onThumbPointerUp: () => pointerOffsetRef.current = 0,
-		onThumbPointerDown: (pointerPos) => pointerOffsetRef.current = pointerPos
-	};
-	function getScrollPosition(pointerPos, dir) {
-		return getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);
-	}
-	if (orientation === "horizontal") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarX, {
-		...commonProps,
-		ref: forwardedRef,
-		onThumbPositionChange: () => {
-			if (context.viewport && thumbRef.current) {
-				const scrollPos = context.viewport.scrollLeft;
-				const offset = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);
-				thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
-			}
-		},
-		onWheelScroll: (scrollPos) => {
-			if (context.viewport) context.viewport.scrollLeft = scrollPos;
-		},
-		onDragScroll: (pointerPos) => {
-			if (context.viewport) context.viewport.scrollLeft = getScrollPosition(pointerPos, context.dir);
-		}
-	});
-	if (orientation === "vertical") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarY, {
-		...commonProps,
-		ref: forwardedRef,
-		onThumbPositionChange: () => {
-			if (context.viewport && thumbRef.current) {
-				const scrollPos = context.viewport.scrollTop;
-				const offset = getThumbOffsetFromScroll(scrollPos, sizes);
-				thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
-			}
-		},
-		onWheelScroll: (scrollPos) => {
-			if (context.viewport) context.viewport.scrollTop = scrollPos;
-		},
-		onDragScroll: (pointerPos) => {
-			if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);
-		}
-	});
-	return null;
-});
-var ScrollAreaScrollbarX = react.forwardRef((props, forwardedRef) => {
-	const { sizes, onSizesChange, ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const [computedStyle, setComputedStyle] = react.useState();
-	const ref = react.useRef(null);
-	const composeRefs = require_trust_score_card_glass.useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);
-	react.useEffect(() => {
-		if (ref.current) setComputedStyle(getComputedStyle(ref.current));
-	}, [ref]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarImpl, {
-		"data-orientation": "horizontal",
-		...scrollbarProps,
-		ref: composeRefs,
-		sizes,
-		style: {
-			bottom: 0,
-			left: context.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-			right: context.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-			["--radix-scroll-area-thumb-width"]: getThumbSize(sizes) + "px",
-			...props.style
-		},
-		onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
-		onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x),
-		onWheelScroll: (event, maxScrollPos) => {
-			if (context.viewport) {
-				const scrollPos = context.viewport.scrollLeft + event.deltaX;
-				props.onWheelScroll(scrollPos);
-				if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) event.preventDefault();
-			}
-		},
-		onResize: () => {
-			if (ref.current && context.viewport && computedStyle) onSizesChange({
-				content: context.viewport.scrollWidth,
-				viewport: context.viewport.offsetWidth,
-				scrollbar: {
-					size: ref.current.clientWidth,
-					paddingStart: toInt(computedStyle.paddingLeft),
-					paddingEnd: toInt(computedStyle.paddingRight)
-				}
-			});
-		}
-	});
-});
-var ScrollAreaScrollbarY = react.forwardRef((props, forwardedRef) => {
-	const { sizes, onSizesChange, ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
-	const [computedStyle, setComputedStyle] = react.useState();
-	const ref = react.useRef(null);
-	const composeRefs = require_trust_score_card_glass.useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);
-	react.useEffect(() => {
-		if (ref.current) setComputedStyle(getComputedStyle(ref.current));
-	}, [ref]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbarImpl, {
-		"data-orientation": "vertical",
-		...scrollbarProps,
-		ref: composeRefs,
-		sizes,
-		style: {
-			top: 0,
-			right: context.dir === "ltr" ? 0 : void 0,
-			left: context.dir === "rtl" ? 0 : void 0,
-			bottom: "var(--radix-scroll-area-corner-height)",
-			["--radix-scroll-area-thumb-height"]: getThumbSize(sizes) + "px",
-			...props.style
-		},
-		onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
-		onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.y),
-		onWheelScroll: (event, maxScrollPos) => {
-			if (context.viewport) {
-				const scrollPos = context.viewport.scrollTop + event.deltaY;
-				props.onWheelScroll(scrollPos);
-				if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) event.preventDefault();
-			}
-		},
-		onResize: () => {
-			if (ref.current && context.viewport && computedStyle) onSizesChange({
-				content: context.viewport.scrollHeight,
-				viewport: context.viewport.offsetHeight,
-				scrollbar: {
-					size: ref.current.clientHeight,
-					paddingStart: toInt(computedStyle.paddingTop),
-					paddingEnd: toInt(computedStyle.paddingBottom)
-				}
-			});
-		}
-	});
-});
-var [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME);
-var ScrollAreaScrollbarImpl = react.forwardRef((props, forwardedRef) => {
-	const { __scopeScrollArea, sizes, hasThumb, onThumbChange, onThumbPointerUp, onThumbPointerDown, onThumbPositionChange, onDragScroll, onWheelScroll, onResize, ...scrollbarProps } = props;
-	const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
-	const [scrollbar, setScrollbar] = react.useState(null);
-	const composeRefs = require_trust_score_card_glass.useComposedRefs(forwardedRef, (node) => setScrollbar(node));
-	const rectRef = react.useRef(null);
-	const prevWebkitUserSelectRef = react.useRef("");
-	const viewport = context.viewport;
-	const maxScrollPos = sizes.content - sizes.viewport;
-	const handleWheelScroll = require_trust_score_card_glass.useCallbackRef(onWheelScroll);
-	const handleThumbPositionChange = require_trust_score_card_glass.useCallbackRef(onThumbPositionChange);
-	const handleResize = useDebounceCallback(onResize, 10);
-	function handleDragScroll(event) {
-		if (rectRef.current) onDragScroll({
-			x: event.clientX - rectRef.current.left,
-			y: event.clientY - rectRef.current.top
-		});
-	}
-	react.useEffect(() => {
-		const handleWheel = (event) => {
-			const element = event.target;
-			if (scrollbar?.contains(element)) handleWheelScroll(event, maxScrollPos);
-		};
-		document.addEventListener("wheel", handleWheel, { passive: false });
-		return () => document.removeEventListener("wheel", handleWheel, { passive: false });
-	}, [
-		viewport,
-		scrollbar,
-		maxScrollPos,
-		handleWheelScroll
-	]);
-	react.useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
-	useResizeObserver(scrollbar, handleResize);
-	useResizeObserver(context.content, handleResize);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollbarProvider, {
-		scope: __scopeScrollArea,
-		scrollbar,
-		hasThumb,
-		onThumbChange: require_trust_score_card_glass.useCallbackRef(onThumbChange),
-		onThumbPointerUp: require_trust_score_card_glass.useCallbackRef(onThumbPointerUp),
-		onThumbPositionChange: handleThumbPositionChange,
-		onThumbPointerDown: require_trust_score_card_glass.useCallbackRef(onThumbPointerDown),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive.div, {
-			...scrollbarProps,
-			ref: composeRefs,
-			style: {
-				position: "absolute",
-				...scrollbarProps.style
-			},
-			onPointerDown: require_trust_score_card_glass.composeEventHandlers(props.onPointerDown, (event) => {
-				if (event.button === 0) {
-					event.target.setPointerCapture(event.pointerId);
-					rectRef.current = scrollbar.getBoundingClientRect();
-					prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
-					document.body.style.webkitUserSelect = "none";
-					if (context.viewport) context.viewport.style.scrollBehavior = "auto";
-					handleDragScroll(event);
-				}
-			}),
-			onPointerMove: require_trust_score_card_glass.composeEventHandlers(props.onPointerMove, handleDragScroll),
-			onPointerUp: require_trust_score_card_glass.composeEventHandlers(props.onPointerUp, (event) => {
-				const element = event.target;
-				if (element.hasPointerCapture(event.pointerId)) element.releasePointerCapture(event.pointerId);
-				document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;
-				if (context.viewport) context.viewport.style.scrollBehavior = "";
-				rectRef.current = null;
-			})
-		})
-	});
-});
-var THUMB_NAME = "ScrollAreaThumb";
-var ScrollAreaThumb = react.forwardRef((props, forwardedRef) => {
-	const { forceMount, ...thumbProps } = props;
-	const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trust_score_card_glass.Presence, {
-		present: forceMount || scrollbarContext.hasThumb,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaThumbImpl, {
-			ref: forwardedRef,
-			...thumbProps
-		})
-	});
-});
-var ScrollAreaThumbImpl = react.forwardRef((props, forwardedRef) => {
-	const { __scopeScrollArea, style, ...thumbProps } = props;
-	const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
-	const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
-	const { onThumbPositionChange } = scrollbarContext;
-	const composedRef = require_trust_score_card_glass.useComposedRefs(forwardedRef, (node) => scrollbarContext.onThumbChange(node));
-	const removeUnlinkedScrollListenerRef = react.useRef(void 0);
-	const debounceScrollEnd = useDebounceCallback(() => {
-		if (removeUnlinkedScrollListenerRef.current) {
-			removeUnlinkedScrollListenerRef.current();
-			removeUnlinkedScrollListenerRef.current = void 0;
-		}
-	}, 100);
-	react.useEffect(() => {
-		const viewport = scrollAreaContext.viewport;
-		if (viewport) {
-			const handleScroll = () => {
-				debounceScrollEnd();
-				if (!removeUnlinkedScrollListenerRef.current) {
-					removeUnlinkedScrollListenerRef.current = addUnlinkedScrollListener(viewport, onThumbPositionChange);
-					onThumbPositionChange();
-				}
-			};
-			onThumbPositionChange();
-			viewport.addEventListener("scroll", handleScroll);
-			return () => viewport.removeEventListener("scroll", handleScroll);
-		}
-	}, [
-		scrollAreaContext.viewport,
-		debounceScrollEnd,
-		onThumbPositionChange
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive.div, {
-		"data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
-		...thumbProps,
-		ref: composedRef,
-		style: {
-			width: "var(--radix-scroll-area-thumb-width)",
-			height: "var(--radix-scroll-area-thumb-height)",
-			...style
-		},
-		onPointerDownCapture: require_trust_score_card_glass.composeEventHandlers(props.onPointerDownCapture, (event) => {
-			const thumbRect = event.target.getBoundingClientRect();
-			const x = event.clientX - thumbRect.left;
-			const y = event.clientY - thumbRect.top;
-			scrollbarContext.onThumbPointerDown({
-				x,
-				y
-			});
-		}),
-		onPointerUp: require_trust_score_card_glass.composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
-	});
-});
-ScrollAreaThumb.displayName = THUMB_NAME;
-var CORNER_NAME = "ScrollAreaCorner";
-var ScrollAreaCorner = react.forwardRef((props, forwardedRef) => {
-	const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);
-	const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
-	return context.type !== "scroll" && hasBothScrollbarsVisible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaCornerImpl, {
-		...props,
-		ref: forwardedRef
-	}) : null;
-});
-ScrollAreaCorner.displayName = CORNER_NAME;
-var ScrollAreaCornerImpl = react.forwardRef((props, forwardedRef) => {
-	const { __scopeScrollArea, ...cornerProps } = props;
-	const context = useScrollAreaContext(CORNER_NAME, __scopeScrollArea);
-	const [width, setWidth] = react.useState(0);
-	const [height, setHeight] = react.useState(0);
-	const hasSize = Boolean(width && height);
-	useResizeObserver(context.scrollbarX, () => {
-		const height2 = context.scrollbarX?.offsetHeight || 0;
-		context.onCornerHeightChange(height2);
-		setHeight(height2);
-	});
-	useResizeObserver(context.scrollbarY, () => {
-		const width2 = context.scrollbarY?.offsetWidth || 0;
-		context.onCornerWidthChange(width2);
-		setWidth(width2);
-	});
-	return hasSize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive.div, {
-		...cornerProps,
-		ref: forwardedRef,
-		style: {
-			width,
-			height,
-			position: "absolute",
-			right: context.dir === "ltr" ? 0 : void 0,
-			left: context.dir === "rtl" ? 0 : void 0,
-			bottom: 0,
-			...props.style
-		}
-	}) : null;
-});
-function toInt(value) {
-	return value ? parseInt(value, 10) : 0;
-}
-function getThumbRatio(viewportSize, contentSize) {
-	const ratio = viewportSize / contentSize;
-	return isNaN(ratio) ? 0 : ratio;
-}
-function getThumbSize(sizes) {
-	const ratio = getThumbRatio(sizes.viewport, sizes.content);
-	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-	const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
-	return Math.max(thumbSize, 18);
-}
-function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
-	const thumbSizePx = getThumbSize(sizes);
-	const thumbCenter = thumbSizePx / 2;
-	const offset = pointerOffset || thumbCenter;
-	const thumbOffsetFromEnd = thumbSizePx - offset;
-	const minPointerPos = sizes.scrollbar.paddingStart + offset;
-	const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
-	const maxScrollPos = sizes.content - sizes.viewport;
-	const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-	return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
-}
-function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
-	const thumbSizePx = getThumbSize(sizes);
-	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-	const scrollbar = sizes.scrollbar.size - scrollbarPadding;
-	const maxScrollPos = sizes.content - sizes.viewport;
-	const maxThumbPos = scrollbar - thumbSizePx;
-	const scrollWithoutMomentum = require_trust_score_card_glass.clamp(scrollPos, dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0]);
-	return linearScale([0, maxScrollPos], [0, maxThumbPos])(scrollWithoutMomentum);
-}
-function linearScale(input, output) {
-	return (value) => {
-		if (input[0] === input[1] || output[0] === output[1]) return output[0];
-		const ratio = (output[1] - output[0]) / (input[1] - input[0]);
-		return output[0] + ratio * (value - input[0]);
-	};
-}
-function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
-	return scrollPos > 0 && scrollPos < maxScrollPos;
-}
-var addUnlinkedScrollListener = (node, handler = () => {}) => {
-	let prevPosition = {
-		left: node.scrollLeft,
-		top: node.scrollTop
-	};
-	let rAF = 0;
-	(function loop() {
-		const position = {
-			left: node.scrollLeft,
-			top: node.scrollTop
-		};
-		const isHorizontalScroll = prevPosition.left !== position.left;
-		const isVerticalScroll = prevPosition.top !== position.top;
-		if (isHorizontalScroll || isVerticalScroll) handler();
-		prevPosition = position;
-		rAF = window.requestAnimationFrame(loop);
-	})();
-	return () => window.cancelAnimationFrame(rAF);
-};
-function useDebounceCallback(callback, delay) {
-	const handleCallback = require_trust_score_card_glass.useCallbackRef(callback);
-	const debounceTimerRef = react.useRef(0);
-	react.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
-	return react.useCallback(() => {
-		window.clearTimeout(debounceTimerRef.current);
-		debounceTimerRef.current = window.setTimeout(handleCallback, delay);
-	}, [handleCallback, delay]);
-}
-function useResizeObserver(element, onResize) {
-	const handleResize = require_trust_score_card_glass.useCallbackRef(onResize);
-	require_trust_score_card_glass.useLayoutEffect2(() => {
-		let rAF = 0;
-		if (element) {
-			const resizeObserver = new ResizeObserver(() => {
-				cancelAnimationFrame(rAF);
-				rAF = window.requestAnimationFrame(handleResize);
-			});
-			resizeObserver.observe(element);
-			return () => {
-				window.cancelAnimationFrame(rAF);
-				resizeObserver.unobserve(element);
-			};
-		}
-	}, [element, handleResize]);
-}
-var Root = ScrollArea$1;
-var Viewport = ScrollAreaViewport;
-var Corner = ScrollAreaCorner;
 function ScrollArea({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Root, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_scroll_area.Root, {
 		"data-slot": "scroll-area",
 		className: require_utils.cn("relative", className),
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Viewport, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.Viewport, {
 				"data-slot": "scroll-area-viewport",
 				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
 				children
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollBar, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Corner, {})
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.Corner, {})
 		]
 	});
 }
 function ScrollBar({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbar, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.ScrollAreaScrollbar, {
 		"data-slot": "scroll-area-scrollbar",
 		orientation,
 		className: require_utils.cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaThumb, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.ScrollAreaThumb, {
 			"data-slot": "scroll-area-thumb",
 			className: "bg-border relative flex-1 rounded-full"
 		})
@@ -2314,7 +1315,7 @@ SplitLayoutMainFooter.displayName = "SplitLayoutGlass.MainFooter";
 var SplitLayoutTrigger = (0, react.forwardRef)(({ asChild = false, showOnDesktop = false, variant = "menu", className, children, ...props }, ref) => {
 	const { toggle, isOpen, isMobileOpen, isMobile, breakpoint } = useSplitLayout();
 	const currentOpen = isMobile ? isMobileOpen : isOpen;
-	const Icon$1 = variant === "menu" ? currentOpen ? lucide_react.X : lucide_react.Menu : currentOpen ? lucide_react.PanelLeftClose : lucide_react.PanelLeftOpen;
+	const Icon = variant === "menu" ? currentOpen ? lucide_react.X : lucide_react.Menu : currentOpen ? lucide_react.PanelLeftClose : lucide_react.PanelLeftOpen;
 	const visibilityClass = showOnDesktop ? "" : `${breakpoint}:hidden`;
 	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slot.Slot, {
 		ref,
@@ -2336,7 +1337,7 @@ var SplitLayoutTrigger = (0, react.forwardRef)(({ asChild = false, showOnDesktop
 		"data-state": currentOpen ? "open" : "closed",
 		className: require_utils.cn(visibilityClass, className),
 		...props,
-		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon$1, { className: "h-5 w-5" })
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-5 w-5" })
 	});
 });
 SplitLayoutTrigger.displayName = "SplitLayoutGlass.Trigger";
@@ -2372,7 +1373,7 @@ var ChartContainer = react.forwardRef(({ id, className, children, config, ...pro
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartStyle, {
 				id: chartId,
 				config
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trust_score_card_glass.ResponsiveContainer, { children })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, { children })]
 		})
 	});
 });
@@ -2397,7 +1398,7 @@ ${colorConfig.map(([key, itemConfig]) => {
 }
 ` } });
 };
-var ChartTooltip = require_trust_score_card_glass.Tooltip;
+var ChartTooltip = recharts.Tooltip;
 var ChartTooltipContent = react.forwardRef(({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, nameKey, labelKey, valueFormatter }, ref) => {
 	const { config } = useChart();
 	const tooltipLabel = react.useMemo(() => {
@@ -2465,7 +1466,7 @@ var ChartTooltipContent = react.forwardRef(({ active, payload, className, indica
 	});
 });
 ChartTooltipContent.displayName = "ChartTooltipContent";
-var ChartLegend = Legend;
+var ChartLegend = recharts.Legend;
 var ChartLegendContent = react.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
 	const { config } = useChart();
 	if (!payload?.length) return null;
@@ -2558,13 +1559,36 @@ exports.AvatarGlassFallback = require_trust_score_card_glass.AvatarGlassFallback
 exports.AvatarGlassImage = require_trust_score_card_glass.AvatarGlassImage;
 exports.AvatarGlassSimple = require_trust_score_card_glass.AvatarGlassSimple;
 exports.BadgeGlass = require_trust_score_card_glass.BadgeGlass;
-exports.Bar = require_trust_score_card_glass.Bar;
-exports.BarChart = require_trust_score_card_glass.BarChart;
+Object.defineProperty(exports, "Bar", {
+	enumerable: true,
+	get: function() {
+		return recharts.Bar;
+	}
+});
+Object.defineProperty(exports, "BarChart", {
+	enumerable: true,
+	get: function() {
+		return recharts.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;
+Object.defineProperty(exports, "Cell", {
+	enumerable: true,
+	get: function() {
+		return recharts.Cell;
+	}
+});
 exports.ChartContainer = ChartContainer;
 exports.ChartLegend = ChartLegend;
 exports.ChartLegendContent = ChartLegendContent;
@@ -2621,7 +1645,12 @@ exports.RainbowProgressGlass = require_trust_score_card_glass.RainbowProgressGla
 exports.RepositoryCardGlass = require_trust_score_card_glass.RepositoryCardGlass;
 exports.RepositoryHeaderGlass = require_trust_score_card_glass.RepositoryHeaderGlass;
 exports.RepositoryMetadataGlass = require_trust_score_card_glass.RepositoryMetadataGlass;
-exports.ResponsiveContainer = require_trust_score_card_glass.ResponsiveContainer;
+Object.defineProperty(exports, "ResponsiveContainer", {
+	enumerable: true,
+	get: function() {
+		return recharts.ResponsiveContainer;
+	}
+});
 exports.SearchBoxGlass = require_trust_score_card_glass.SearchBoxGlass;
 exports.SegmentedControlGlass = require_trust_score_card_glass.SegmentedControlGlass;
 exports.SidebarGlass = SidebarGlass;