shadcn-glass-ui 1.0.11 → 2.0.1

package/dist/index.cjs

@@ -1,9 +1,850 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-CNcQveNY.cjs");
-const require_utils = require("./utils-CriE74ig.cjs");
-const require_use_focus = require("./use-focus-BbpE2qGq.cjs");
-const require_theme_context = require("./theme-context-XtasSxRT.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-CIqtoETa.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-r3qM09Jp.cjs");
+const require_utils = require("./utils-DLXayspX.cjs");
+const require_use_focus = require("./use-focus-ZE8ozmZE.cjs");
+const require_theme_context = require("./theme-context-CVW50BKW.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-BuS80tbN.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 react_dom = require("react-dom");
+const stepperRootVariants = (0, class_variance_authority.cva)("flex w-full", {
+	variants: { orientation: {
+		horizontal: "flex-col",
+		vertical: "flex-col"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const stepperListVariants = (0, class_variance_authority.cva)("flex", {
+	variants: { orientation: {
+		horizontal: "flex-row items-center w-full",
+		vertical: "flex-col gap-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const stepperStepContainerVariants = (0, class_variance_authority.cva)("relative flex transition-all duration-300", {
+	variants: { orientation: {
+		horizontal: "flex-col items-center flex-1",
+		vertical: "flex-row items-start gap-3"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const stepperIndicatorVariants = (0, class_variance_authority.cva)("relative flex items-center justify-center rounded-full font-medium transition-all duration-300 shrink-0", {
+	variants: {
+		size: {
+			sm: "w-8 h-8 text-xs",
+			md: "w-10 h-10 text-sm",
+			lg: "w-12 h-12 text-base"
+		},
+		variant: {
+			numbered: "",
+			icon: "",
+			dots: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "numbered"
+	},
+	compoundVariants: [
+		{
+			variant: "dots",
+			size: "sm",
+			className: "!w-2.5 !h-2.5"
+		},
+		{
+			variant: "dots",
+			size: "md",
+			className: "!w-3 !h-3"
+		},
+		{
+			variant: "dots",
+			size: "lg",
+			className: "!w-4 !h-4"
+		}
+	]
+});
+const stepperConnectorVariants = (0, class_variance_authority.cva)("transition-all duration-500 ease-out", {
+	variants: { orientation: {
+		horizontal: "h-0.5 flex-1 mx-2 md:mx-3",
+		vertical: "w-0.5 min-h-6 ml-5 my-1"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const stepperLabelVariants = (0, class_variance_authority.cva)("font-medium transition-colors duration-300 whitespace-nowrap", {
+	variants: {
+		size: {
+			sm: "text-xs",
+			md: "text-sm",
+			lg: "text-base"
+		},
+		orientation: {
+			horizontal: "mt-2 text-center",
+			vertical: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		orientation: "horizontal"
+	}
+});
+const stepperDescriptionVariants = (0, class_variance_authority.cva)("transition-colors duration-300", {
+	variants: {
+		size: {
+			sm: "text-[10px]",
+			md: "text-xs",
+			lg: "text-sm"
+		},
+		orientation: {
+			horizontal: "text-center max-w-[100px] md:max-w-[120px]",
+			vertical: "max-w-[200px]"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		orientation: "horizontal"
+	}
+});
+const stepperContentVariants = (0, class_variance_authority.cva)("animate-in fade-in-0 duration-200", {
+	variants: { orientation: {
+		horizontal: "mt-6",
+		vertical: "mt-4"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+var StepperContext = (0, react.createContext)(null);
+var useStepperContext = () => {
+	const context = (0, react.useContext)(StepperContext);
+	if (!context) throw new Error("Stepper compound components must be used within StepperGlass.Root");
+	return context;
+};
+function getStepStatus(stepValue, currentValue, steps, linear, disabled) {
+	if (disabled) return "disabled";
+	const stepIndex = steps.indexOf(stepValue);
+	const currentIndex = steps.indexOf(currentValue);
+	if (stepIndex === -1 || currentIndex === -1) return "pending";
+	if (stepIndex === currentIndex) return "active";
+	if (stepIndex < currentIndex) return "completed";
+	if (linear && stepIndex > currentIndex) return "disabled";
+	return "pending";
+}
+var StepperRoot = ({ value, onValueChange, orientation = "horizontal", variant = "numbered", size = "md", linear = false, children, className }) => {
+	const [steps, setSteps] = (0, react.useState)([]);
+	const registerStep = (0, react.useCallback)((stepValue, index) => {
+		setSteps((prev) => {
+			if (prev.includes(stepValue)) return prev;
+			const newSteps = [...prev];
+			newSteps.splice(index, 0, stepValue);
+			return newSteps;
+		});
+	}, []);
+	const unregisterStep = (0, react.useCallback)((stepValue) => {
+		setSteps((prev) => prev.filter((s) => s !== stepValue));
+	}, []);
+	const contextValue = (0, react.useMemo)(() => ({
+		value,
+		onValueChange,
+		orientation,
+		variant,
+		size,
+		linear,
+		steps,
+		registerStep,
+		unregisterStep
+	}), [
+		value,
+		onValueChange,
+		orientation,
+		variant,
+		size,
+		linear,
+		steps,
+		registerStep,
+		unregisterStep
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn(stepperRootVariants({ orientation }), className),
+			"aria-label": "Progress steps",
+			children
+		})
+	});
+};
+var StepperList = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
+	const { orientation } = useStepperContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		role: "tablist",
+		"aria-orientation": orientation,
+		className: require_utils.cn(stepperListVariants({ orientation }), className),
+		...props,
+		children
+	});
+});
+StepperList.displayName = "StepperList";
+var StepperStep = (0, react.forwardRef)(({ value: stepValue, label, description, icon, completedIcon, disabled: forcedDisabled, className, index: providedIndex }, ref) => {
+	const { value: currentValue, onValueChange, orientation, variant, size, linear, steps, registerStep, unregisterStep } = useStepperContext();
+	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
+	const [mountIndex] = (0, react.useState)(() => providedIndex ?? Date.now());
+	(0, react.useLayoutEffect)(() => {
+		registerStep(stepValue, mountIndex);
+		return () => unregisterStep(stepValue);
+	}, [
+		stepValue,
+		mountIndex,
+		registerStep,
+		unregisterStep
+	]);
+	const status = getStepStatus(stepValue, currentValue, steps, linear, forcedDisabled);
+	const stepIndex = steps.indexOf(stepValue);
+	const isLast = stepIndex === steps.length - 1;
+	const isClickable = status !== "disabled";
+	const indicatorStyles = {
+		background: status === "completed" ? "var(--stepper-step-completed-bg)" : status === "active" ? "var(--stepper-step-active-bg)" : status === "disabled" ? "var(--stepper-step-disabled-bg)" : "var(--stepper-step-bg)",
+		border: `2px solid ${status === "completed" ? "var(--stepper-step-completed-border)" : status === "active" ? "var(--stepper-step-active-border)" : status === "disabled" ? "var(--stepper-step-disabled-border)" : "var(--stepper-step-border)"}`,
+		color: status === "completed" ? "var(--stepper-step-completed-text)" : status === "active" ? "var(--stepper-step-active-text)" : status === "disabled" ? "var(--stepper-step-disabled-text)" : "var(--stepper-step-text)",
+		boxShadow: status === "active" ? "var(--stepper-step-active-glow)" : status === "completed" ? "var(--stepper-step-glow)" : isFocusVisible ? "var(--focus-glow)" : "none",
+		backdropFilter: "blur(var(--blur-sm))"
+	};
+	const connectorStyles = { background: stepIndex < steps.indexOf(currentValue) ? "var(--stepper-connector-active-bg)" : "var(--stepper-connector-bg)" };
+	const labelStyles = { color: status === "active" || status === "completed" ? "var(--stepper-label-text)" : "var(--stepper-description-text)" };
+	const descriptionStyles = { color: "var(--stepper-description-text)" };
+	const renderIndicatorContent = () => {
+		if (status === "completed") {
+			if (completedIcon) return completedIcon;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "w-4 h-4" });
+		}
+		if (variant === "icon" && icon) return icon;
+		if (variant === "dots") return null;
+		return stepIndex >= 0 ? stepIndex + 1 : "";
+	};
+	const handleClick = () => {
+		if (isClickable && onValueChange) onValueChange(stepValue);
+	};
+	const handleKeyDown = (e) => {
+		if (!isClickable) return;
+		const stepList = e.currentTarget.closest("[role=\"tablist\"]");
+		if (!stepList) return;
+		const allSteps = Array.from(stepList.querySelectorAll("[role=\"tab\"]:not([aria-disabled=\"true\"])"));
+		const currentIdx = allSteps.indexOf(e.currentTarget);
+		let nextIdx = currentIdx;
+		const isHorizontal = orientation === "horizontal";
+		switch (e.key) {
+			case isHorizontal ? "ArrowRight" : "ArrowDown":
+				e.preventDefault();
+				nextIdx = (currentIdx + 1) % allSteps.length;
+				break;
+			case isHorizontal ? "ArrowLeft" : "ArrowUp":
+				e.preventDefault();
+				nextIdx = currentIdx - 1 < 0 ? allSteps.length - 1 : currentIdx - 1;
+				break;
+			case "Home":
+				e.preventDefault();
+				nextIdx = 0;
+				break;
+			case "End":
+				e.preventDefault();
+				nextIdx = allSteps.length - 1;
+				break;
+			default: return;
+		}
+		const nextStep = allSteps[nextIdx];
+		if (nextStep) {
+			nextStep.focus();
+			const nextValue = nextStep.getAttribute("data-value");
+			if (nextValue && onValueChange) onValueChange(nextValue);
+		}
+	};
+	if (orientation === "horizontal") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn(stepperStepContainerVariants({ orientation }), className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			ref,
+			type: "button",
+			role: "tab",
+			"aria-selected": status === "active",
+			"aria-disabled": !isClickable,
+			"aria-current": status === "active" ? "step" : void 0,
+			"data-value": stepValue,
+			"data-status": status,
+			onClick: handleClick,
+			onKeyDown: handleKeyDown,
+			onFocus: focusProps.onFocus,
+			onBlur: focusProps.onBlur,
+			disabled: !isClickable,
+			className: require_utils.cn(stepperIndicatorVariants({
+				size,
+				variant
+			}), !isClickable && "cursor-not-allowed opacity-60", isClickable && "cursor-pointer hover:scale-105", "min-w-[44px] min-h-[44px]"),
+			style: indicatorStyles,
+			children: renderIndicatorContent()
+		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(stepperLabelVariants({
+					size,
+					orientation
+				})),
+				style: labelStyles,
+				children: label
+			}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(stepperDescriptionVariants({
+					size,
+					orientation
+				})),
+				style: descriptionStyles,
+				children: description
+			})]
+		})]
+	}), !isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_utils.cn(stepperConnectorVariants({ orientation })),
+		style: connectorStyles,
+		"aria-hidden": "true"
+	})] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn(stepperStepContainerVariants({ orientation }), className),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				ref,
+				type: "button",
+				role: "tab",
+				"aria-selected": status === "active",
+				"aria-disabled": !isClickable,
+				"aria-current": status === "active" ? "step" : void 0,
+				"data-value": stepValue,
+				"data-status": status,
+				onClick: handleClick,
+				onKeyDown: handleKeyDown,
+				onFocus: focusProps.onFocus,
+				onBlur: focusProps.onBlur,
+				disabled: !isClickable,
+				className: require_utils.cn(stepperIndicatorVariants({
+					size,
+					variant
+				}), !isClickable && "cursor-not-allowed opacity-60", isClickable && "cursor-pointer hover:scale-105", "min-w-[44px] min-h-[44px]"),
+				style: indicatorStyles,
+				children: renderIndicatorContent()
+			}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col justify-center",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_utils.cn(stepperLabelVariants({
+						size,
+						orientation
+					})),
+					style: labelStyles,
+					children: label
+				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_utils.cn(stepperDescriptionVariants({
+						size,
+						orientation
+					})),
+					style: descriptionStyles,
+					children: description
+				})]
+			})]
+		}), !isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn(stepperConnectorVariants({ orientation })),
+			style: connectorStyles,
+			"aria-hidden": "true"
+		})]
+	});
+});
+StepperStep.displayName = "StepperStep";
+var StepperContent = ({ value, children, className }) => {
+	const { value: currentValue, orientation } = useStepperContext();
+	const isActive = currentValue === value;
+	if (!isActive) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "tabpanel",
+		"aria-hidden": !isActive,
+		className: require_utils.cn(stepperContentVariants({ orientation }), className),
+		children
+	});
+};
+const StepperGlass = {
+	Root: StepperRoot,
+	List: StepperList,
+	Step: StepperStep,
+	Content: StepperContent
+};
+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 ChartContext = react.createContext(null);
+function useChart() {
+	const context = react.useContext(ChartContext);
+	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+	return context;
+}
+var ChartContainer = react.forwardRef(({ id, className, children, config, ...props }, ref) => {
+	const uniqueId = react.useId();
+	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartContext.Provider, {
+		value: { config },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"data-chart": chartId,
+			ref,
+			className: require_utils.cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-[var(--text-muted)] [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-[var(--glass-border)] [&_.recharts-curve.recharts-tooltip-cursor]:stroke-[var(--glass-border)] [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-[var(--glass-border)] [&_.recharts-radial-bar-background-sector]:fill-[var(--glass-frost-5)] [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-[var(--glass-frost-10)] [&_.recharts-reference-line_[stroke='#ccc']]:stroke-[var(--glass-border)] [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", className),
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartStyle, {
+				id: chartId,
+				config
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trust_score_card_glass.ResponsiveContainer, { children })]
+		})
+	});
+});
+ChartContainer.displayName = "ChartContainer";
+var ChartStyle = ({ id, config }) => {
+	const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.color || itemConfig.theme);
+	if (!colorConfig.length) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: `
+[data-chart="${id}"] {
+${colorConfig.map(([key, itemConfig]) => {
+		const color = itemConfig.color || itemConfig.theme?.light;
+		return color ? `  --color-${key}: ${color};` : null;
+	}).filter(Boolean).join("\n")}
+}
+
+[data-theme="glass"] [data-chart="${id}"],
+.dark [data-chart="${id}"] {
+${colorConfig.map(([key, itemConfig]) => {
+		const color = itemConfig.theme?.dark || itemConfig.color;
+		return color ? `  --color-${key}: ${color};` : null;
+	}).filter(Boolean).join("\n")}
+}
+` } });
+};
+var ChartTooltip = require_trust_score_card_glass.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(() => {
+		if (hideLabel || !payload?.length) return null;
+		const [item] = payload;
+		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
+		const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+		if (labelFormatter && typeof label === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn("font-medium", labelClassName),
+			children: labelFormatter(label, payload)
+		});
+		if (!value) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn("font-medium", labelClassName),
+			children: value
+		});
+	}, [
+		label,
+		labelFormatter,
+		payload,
+		hideLabel,
+		labelClassName,
+		config,
+		labelKey
+	]);
+	if (!active || !payload?.length) return null;
+	const nestLabel = payload.length === 1 && indicator !== "dot";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-[var(--glass-border)] bg-[var(--glass-bg)] px-2.5 py-1.5 text-xs shadow-xl backdrop-blur-md", className),
+		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "grid gap-1.5",
+			children: payload.map((item, index) => {
+				const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.name || item.dataKey || "value"}`);
+				const indicatorColor = item.fill || item.color;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_utils.cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-[var(--text-muted)]", indicator === "dot" && "items-center"),
+					children: [itemConfig?.icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_utils.cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+							"h-2.5 w-2.5": indicator === "dot",
+							"w-1": indicator === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+							"my-0.5": nestLabel && indicator === "dashed"
+						}),
+						style: {
+							"--color-bg": indicatorColor,
+							"--color-border": indicatorColor
+						}
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: require_utils.cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "grid gap-1.5",
+							children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-[var(--text-muted)]",
+								children: itemConfig?.label || item.name
+							})]
+						}), item.value !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-mono font-medium tabular-nums text-[var(--text-primary)]",
+							children: valueFormatter ? valueFormatter(item.value) : item.value.toLocaleString()
+						})]
+					})]
+				}, `${item.dataKey}-${index}`);
+			})
+		})]
+	});
+});
+ChartTooltipContent.displayName = "ChartTooltipContent";
+var ChartLegend = Legend;
+var ChartLegendContent = react.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+	const { config } = useChart();
+	if (!payload?.length) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
+		children: payload.map((item) => {
+			const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.dataKey || "value"}`);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_utils.cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-[var(--text-muted)]"),
+				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: item.color }
+				}), itemConfig?.label]
+			}, item.value);
+		})
+	});
+});
+ChartLegendContent.displayName = "ChartLegendContent";
+function getPayloadConfigFromPayload(config, payload, key) {
+	if (typeof payload !== "object" || payload === null) return;
+	const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+	let configLabelKey = key;
+	if (key in config) return config[key];
+	if (payloadPayload && key in payloadPayload) configLabelKey = payloadPayload[key];
+	return configLabelKey in config ? config[configLabelKey] : config[key];
+}
 const dropdownAlign = (0, class_variance_authority.cva)("absolute mt-2 min-w-[160px] md:min-w-[200px] rounded-2xl py-1.5 md:py-2", {
 	variants: { align: {
 		left: "left-0",
@@ -55,10 +896,19 @@ exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
 exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
 exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;
 exports.BadgeGlass = require_trust_score_card_glass.BadgeGlass;
+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.CareerStatsGlass = require_trust_score_card_glass.CareerStatsGlass;
 exports.CareerStatsHeaderGlass = require_trust_score_card_glass.CareerStatsHeaderGlass;
+exports.Cell = require_trust_score_card_glass.Cell;
+exports.ChartContainer = ChartContainer;
+exports.ChartLegend = ChartLegend;
+exports.ChartLegendContent = ChartLegendContent;
+exports.ChartStyle = ChartStyle;
+exports.ChartTooltip = ChartTooltip;
+exports.ChartTooltipContent = ChartTooltipContent;
 exports.CheckboxGlass = require_trust_score_card_glass.CheckboxGlass;
 exports.CircularMetricGlass = require_trust_score_card_glass.CircularMetricGlass;
 exports.CircularProgressGlass = require_trust_score_card_glass.CircularProgressGlass;
@@ -74,6 +924,7 @@ exports.HeaderBrandingGlass = require_trust_score_card_glass.HeaderBrandingGlass
 exports.HeaderNavGlass = require_trust_score_card_glass.HeaderNavGlass;
 exports.IconButtonGlass = require_trust_score_card_glass.IconButtonGlass;
 exports.InputGlass = require_trust_score_card_glass.InputGlass;
+exports.InsightCardGlass = require_trust_score_card_glass.InsightCardGlass;
 exports.InteractiveCard = require_trust_score_card_glass.InteractiveCard;
 exports.LanguageBarGlass = require_trust_score_card_glass.LanguageBarGlass;
 exports.MetricCardGlass = require_trust_score_card_glass.MetricCardGlass;
@@ -89,13 +940,16 @@ 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;
 exports.SearchBoxGlass = require_trust_score_card_glass.SearchBoxGlass;
 exports.SegmentedControlGlass = require_trust_score_card_glass.SegmentedControlGlass;
 exports.SkeletonGlass = require_trust_score_card_glass.SkeletonGlass;
 exports.SliderGlass = require_trust_score_card_glass.SliderGlass;
 exports.SortDropdownGlass = require_trust_score_card_glass.SortDropdownGlass;
+exports.SparklineGlass = require_trust_score_card_glass.SparklineGlass;
 exports.StatItemGlass = require_trust_score_card_glass.StatItemGlass;
 exports.StatusIndicatorGlass = require_trust_score_card_glass.StatusIndicatorGlass;
+exports.StepperGlass = StepperGlass;
 exports.THEMES = require_theme_context.THEMES;
 exports.THEME_CONFIG = require_theme_context.THEME_CONFIG;
 exports.TabsGlass = require_trust_score_card_glass.TabsGlass;
@@ -119,6 +973,8 @@ exports.dropdownAlign = dropdownAlign;
 exports.getNextTheme = require_theme_context.getNextTheme;
 exports.getThemeConfig = require_theme_context.getThemeConfig;
 exports.inputVariants = require_trust_score_card_glass.inputVariants;
+exports.insightCardVariants = require_trust_score_card_glass.insightCardVariants;
+exports.insightVariantConfig = require_trust_score_card_glass.insightVariantConfig;
 exports.modalSizes = require_trust_score_card_glass.modalSizes;
 exports.notificationVariants = require_trust_score_card_glass.notificationVariants;
 exports.progressSizes = require_trust_score_card_glass.progressSizes;
@@ -126,9 +982,20 @@ exports.shadcnAlertVariants = alertVariants$1;
 exports.shadcnBadgeVariants = badgeVariants$1;
 exports.shadcnButtonVariants = buttonVariants;
 exports.skeletonVariants = require_trust_score_card_glass.skeletonVariants;
+exports.sparklineBarVariants = require_trust_score_card_glass.sparklineBarVariants;
+exports.sparklineContainerVariants = require_trust_score_card_glass.sparklineContainerVariants;
 exports.statusSizes = require_trust_score_card_glass.statusSizes;
+exports.stepperConnectorVariants = stepperConnectorVariants;
+exports.stepperContentVariants = stepperContentVariants;
+exports.stepperDescriptionVariants = stepperDescriptionVariants;
+exports.stepperIndicatorVariants = stepperIndicatorVariants;
+exports.stepperLabelVariants = stepperLabelVariants;
+exports.stepperListVariants = stepperListVariants;
+exports.stepperRootVariants = stepperRootVariants;
+exports.stepperStepContainerVariants = stepperStepContainerVariants;
 exports.toggleSizes = require_trust_score_card_glass.toggleSizes;
 exports.tooltipPositions = require_trust_score_card_glass.tooltipPositions;
+exports.useChart = useChart;
 exports.useFocus = require_use_focus.useFocus;
 exports.useHover = require_use_focus.useHover;
 exports.useResponsive = require_use_wallpaper_tint.useResponsive;