shadcn-glass-ui 2.2.3 → 2.3.0

package/dist/trust-score-card-glass-3VBi9soW.cjs

@@ -0,0 +1,4893 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+const require_utils = require("./utils-DX6rdBol.cjs");
+const require_use_focus = require("./use-focus-CswOSq71.cjs");
+const require_theme_context = require("./theme-context-DmTETrFi.cjs");
+let react = require("react");
+react = __toESM(react);
+let lucide_react = require("lucide-react");
+let class_variance_authority = require("class-variance-authority");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __radix_ui_react_avatar = require("@radix-ui/react-avatar");
+__radix_ui_react_avatar = __toESM(__radix_ui_react_avatar);
+let __radix_ui_react_slot = require("@radix-ui/react-slot");
+let __radix_ui_react_popover = require("@radix-ui/react-popover");
+__radix_ui_react_popover = __toESM(__radix_ui_react_popover);
+let cmdk = require("cmdk");
+let __radix_ui_react_dialog = require("@radix-ui/react-dialog");
+__radix_ui_react_dialog = __toESM(__radix_ui_react_dialog);
+let __radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+__radix_ui_react_dropdown_menu = __toESM(__radix_ui_react_dropdown_menu);
+let __radix_ui_react_slider = require("@radix-ui/react-slider");
+__radix_ui_react_slider = __toESM(__radix_ui_react_slider);
+let __radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
+__radix_ui_react_tooltip = __toESM(__radix_ui_react_tooltip);
+let recharts = require("recharts");
+const alertVariants = (0, class_variance_authority.cva)("flex items-start gap-2 md:gap-3 p-3 md:p-4 rounded-xl transition-all duration-300 backdrop-blur-sm min-w-96 max-w-2xl", {
+	variants: { variant: {
+		default: "",
+		destructive: "",
+		success: "",
+		warning: "",
+		info: "",
+		error: ""
+	} },
+	defaultVariants: { variant: "default" }
+});
+const ICON_SIZES = {
+	xs: "w-2.5 h-2.5 md:w-3 md:h-3",
+	sm: "w-3 h-3 md:w-3.5 md:h-3.5",
+	md: "w-3.5 h-3.5 md:w-4 md:h-4",
+	lg: "w-4 h-4 md:w-5 md:h-5",
+	xl: "w-5 h-5 md:w-6 md:h-6"
+};
+const TouchTarget = (0, react.forwardRef)(({ children, minSize = 44, center = true, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn(minSize === 44 ? "min-h-11 min-w-11" : "min-h-12 min-w-12", center && "flex items-center justify-center", className),
+		...props,
+		children
+	});
+});
+TouchTarget.displayName = "TouchTarget";
+const FormFieldWrapper = (0, react.forwardRef)(({ label, error, success, htmlFor, required, className, children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex flex-col gap-1 md:gap-1.5", className),
+		...props,
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				htmlFor,
+				className: "text-xs md:text-sm font-medium",
+				style: { color: "var(--text-secondary)" },
+				children: [label, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[var(--alert-danger-text)] ml-1",
+					"aria-label": "required",
+					children: "*"
+				})]
+			}),
+			children,
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs",
+				style: { color: "var(--alert-danger-text)" },
+				role: "alert",
+				"aria-live": "polite",
+				children: error
+			}),
+			success && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs",
+				style: { color: "var(--alert-success-text)" },
+				"aria-live": "polite",
+				children: success
+			})
+		]
+	});
+});
+FormFieldWrapper.displayName = "FormFieldWrapper";
+const InteractiveCard = (0, react.forwardRef)(({ hoverLift = true, hoverGlow, hoverBg, baseBg = "var(--card-bg)", borderColor = "var(--card-border)", hoverBorderColor, blur = "sm", disabled = false, rounded = "rounded-2xl", transition = "var(--transition-slow)", className, style, children, ...props }, ref) => {
+	const { isHovered, hoverProps } = require_use_focus.useHover({ includeFocus: !disabled });
+	const cardStyles = {
+		background: isHovered && hoverBg ? hoverBg : baseBg,
+		border: `1px solid ${isHovered && hoverBorderColor ? hoverBorderColor : borderColor}`,
+		backdropFilter: `blur(var(--blur-${blur}))`,
+		WebkitBackdropFilter: `blur(var(--blur-${blur}))`,
+		transform: hoverLift && isHovered && !disabled ? "translateY(-2px)" : "translateY(0)",
+		boxShadow: isHovered && hoverGlow && !disabled ? hoverGlow : "none",
+		transition: `all ${transition}`,
+		...style
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn(rounded, className),
+		style: cardStyles,
+		...disabled ? {} : hoverProps,
+		...props,
+		children
+	});
+});
+InteractiveCard.displayName = "InteractiveCard";
+var iconMap = {
+	default: lucide_react.Info,
+	destructive: lucide_react.AlertCircle,
+	success: lucide_react.CheckCircle,
+	warning: lucide_react.AlertTriangle,
+	info: lucide_react.Info,
+	error: lucide_react.AlertCircle
+};
+var variantStyles$2 = {
+	default: {
+		bg: "var(--alert-default-bg)",
+		border: "var(--alert-default-border)",
+		text: "var(--alert-default-text)"
+	},
+	destructive: {
+		bg: "var(--alert-destructive-bg)",
+		border: "var(--alert-destructive-border)",
+		text: "var(--alert-destructive-text)"
+	},
+	success: {
+		bg: "var(--alert-success-bg)",
+		border: "var(--alert-success-border)",
+		text: "var(--alert-success-text)"
+	},
+	warning: {
+		bg: "var(--alert-warning-bg)",
+		border: "var(--alert-warning-border)",
+		text: "var(--alert-warning-text)"
+	},
+	info: {
+		bg: "var(--alert-default-bg)",
+		border: "var(--alert-default-border)",
+		text: "var(--alert-default-text)"
+	},
+	error: {
+		bg: "var(--alert-destructive-bg)",
+		border: "var(--alert-destructive-border)",
+		text: "var(--alert-destructive-text)"
+	}
+};
+var getAlertStyles = (variant) => {
+	const config = variantStyles$2[variant];
+	return {
+		background: config.bg,
+		border: `1px solid ${config.border}`,
+		color: config.text
+	};
+};
+var AlertGlassRoot = (0, react.forwardRef)(({ className, variant = "default", dismissible, onDismiss, children, ...props }, ref) => {
+	const effectiveVariant = variant ?? "default";
+	const Icon = iconMap[effectiveVariant];
+	const config = variantStyles$2[effectiveVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		"data-slot": "alert",
+		className: require_utils.cn(alertVariants({ variant: effectiveVariant }), className),
+		style: getAlertStyles(effectiveVariant),
+		role: "alert",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+				className: "w-4 h-4 md:w-5 md:h-5 shrink-0 mt-0.5",
+				style: { color: config.text },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex-1",
+				children
+			}),
+			dismissible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				onClick: onDismiss,
+				className: "p-0.5 md:p-1 rounded transition-colors duration-200 hover:bg-black/5 shrink-0",
+				"aria-label": "Dismiss alert",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
+					className: ICON_SIZES.md,
+					style: { color: config.text }
+				})
+			})
+		]
+	});
+});
+AlertGlassRoot.displayName = "AlertGlass";
+var AlertGlassTitle = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "alert-title",
+		className: require_utils.cn("font-medium text-xs md:text-sm mb-0.5 md:mb-1", className),
+		style: {
+			color: "inherit",
+			...style
+		},
+		...props
+	});
+});
+AlertGlassTitle.displayName = "AlertGlassTitle";
+var AlertGlassDescription = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "alert-description",
+		className: require_utils.cn("text-xs md:text-sm opacity-80", className),
+		style: {
+			color: "inherit",
+			...style
+		},
+		...props
+	});
+});
+AlertGlassDescription.displayName = "AlertGlassDescription";
+const AlertGlass = AlertGlassRoot;
+const avatarSizes = (0, class_variance_authority.cva)("rounded-full flex items-center justify-center font-semibold transition-all duration-300", {
+	variants: { size: {
+		sm: "w-7 h-7 md:w-8 md:h-8 text-[10px] md:text-xs",
+		md: "w-9 h-9 md:w-10 md:h-10 text-xs md:text-sm",
+		lg: "w-10 h-10 md:w-12 md:h-12 text-sm md:text-base",
+		xl: "w-14 h-14 md:w-16 md:h-16 text-base md:text-lg"
+	} },
+	defaultVariants: { size: "md" }
+});
+const statusSizes = (0, class_variance_authority.cva)("absolute -bottom-0.5 -right-0.5 rounded-full", {
+	variants: { size: {
+		sm: "w-2 h-2 md:w-2.5 md:h-2.5",
+		md: "w-2.5 h-2.5 md:w-3 md:h-3",
+		lg: "w-3 h-3 md:w-3.5 md:h-3.5",
+		xl: "w-3.5 h-3.5 md:w-4 md:h-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+var getStatusVars$1 = (statusType) => {
+	return {
+		online: {
+			bg: "var(--status-online)",
+			glow: "var(--status-online-glow)"
+		},
+		offline: {
+			bg: "var(--status-offline)",
+			glow: "none"
+		},
+		busy: {
+			bg: "var(--status-busy)",
+			glow: "var(--status-busy-glow)"
+		},
+		away: {
+			bg: "var(--status-away)",
+			glow: "var(--status-away-glow)"
+		}
+	}[statusType];
+};
+var AvatarGlassContext = react.createContext({ size: "md" });
+var AvatarGlassRoot = react.forwardRef(({ className, size = "md", status, glowing = false, children, ...props }, ref) => {
+	const { isHovered, hoverProps } = require_use_focus.useHover();
+	const avatarStyles = {
+		background: "var(--avatar-bg)",
+		border: "3px solid var(--avatar-border)",
+		boxShadow: isHovered ? "var(--avatar-hover-glow)" : "var(--avatar-shadow)",
+		color: "var(--text-inverse)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarGlassContext.Provider, {
+		value: {
+			size,
+			status,
+			glowing
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn("relative inline-flex", className),
+			onMouseEnter: hoverProps.onMouseEnter,
+			onMouseLeave: hoverProps.onMouseLeave,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Root, {
+				ref,
+				className: require_utils.cn(avatarSizes({ size }), glowing && "animate-[glow-pulse_2s_ease-in-out_infinite]"),
+				style: avatarStyles,
+				...props,
+				children
+			}), status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(statusSizes({ size })),
+				style: {
+					background: getStatusVars$1(status).bg,
+					boxShadow: getStatusVars$1(status).glow
+				},
+				role: "status",
+				"aria-label": `Status: ${status}`
+			})]
+		})
+	});
+});
+AvatarGlassRoot.displayName = "AvatarGlass";
+var AvatarGlassImage = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Image, {
+		ref,
+		className: require_utils.cn("aspect-square h-full w-full object-cover", className),
+		...props
+	});
+});
+AvatarGlassImage.displayName = "AvatarGlassImage";
+var AvatarGlassFallback = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Fallback, {
+		ref,
+		className: require_utils.cn("flex h-full w-full items-center justify-center font-semibold uppercase", className),
+		...props
+	});
+});
+AvatarGlassFallback.displayName = "AvatarGlassFallback";
+var getInitials = (name) => {
+	if (!name || name.trim().length === 0) return "?";
+	return name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
+};
+var AvatarGlassSimple = ({ name, size = "md", status, glowing, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarGlassRoot, {
+		size,
+		status,
+		glowing,
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarGlassFallback, { children: getInitials(name) })
+	});
+};
+const AvatarGlass = AvatarGlassRoot;
+const badgeVariants = (0, class_variance_authority.cva)("inline-flex items-center gap-1 md:gap-1.5 rounded-full font-medium", {
+	variants: { size: {
+		sm: "px-1 py-0.5 md:px-1.5 text-[9px] md:text-[10px]",
+		md: "px-2 py-0.5 md:px-2.5 text-[10px] md:text-xs",
+		lg: "px-2.5 py-0.5 md:px-3 md:py-1 text-xs md:text-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+var variantStyles$1 = {
+	default: {
+		bg: "var(--badge-default-bg)",
+		text: "var(--badge-default-text)",
+		border: "var(--badge-default-border)"
+	},
+	secondary: {
+		bg: "var(--badge-secondary-bg)",
+		text: "var(--badge-secondary-text)",
+		border: "var(--badge-secondary-border)"
+	},
+	destructive: {
+		bg: "var(--badge-destructive-bg)",
+		text: "var(--badge-destructive-text)",
+		border: "var(--badge-destructive-border)"
+	},
+	outline: {
+		bg: "var(--badge-outline-bg)",
+		text: "var(--badge-outline-text)",
+		border: "var(--badge-outline-border)"
+	},
+	success: {
+		bg: "var(--badge-success-bg)",
+		text: "var(--badge-success-text)",
+		border: "var(--badge-success-border)"
+	},
+	warning: {
+		bg: "var(--badge-warning-bg)",
+		text: "var(--badge-warning-text)",
+		border: "var(--badge-warning-border)"
+	},
+	info: {
+		bg: "var(--badge-info-bg)",
+		text: "var(--badge-info-text)",
+		border: "var(--badge-info-border)"
+	}
+};
+var getBadgeStyles = (variant) => {
+	const v = variantStyles$1[variant] || variantStyles$1.default;
+	return {
+		background: v.bg,
+		color: v.text,
+		border: `1px solid ${v.border}`
+	};
+};
+const BadgeGlass = (0, react.forwardRef)(({ children, className, variant = "default", size = "md", dot, ...props }, ref) => {
+	const v = variantStyles$1[variant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref,
+		"data-slot": "badge",
+		className: require_utils.cn(badgeVariants({ size }), className),
+		style: getBadgeStyles(variant),
+		...props,
+		children: [dot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "w-1 h-1 md:w-1.5 md:h-1.5 rounded-full animate-pulse",
+			style: { background: v.text }
+		}), children]
+	});
+});
+BadgeGlass.displayName = "BadgeGlass";
+const buttonGlassVariants = (0, class_variance_authority.cva)("relative overflow-hidden font-medium inline-flex items-center justify-center transition-all duration-300 ease-out cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", {
+	variants: {
+		variant: {
+			default: "",
+			secondary: "",
+			ghost: "",
+			destructive: "",
+			outline: "",
+			success: "",
+			link: ""
+		},
+		size: {
+			sm: "px-3 py-1.5 text-sm gap-1.5 min-h-[44px] rounded-xl",
+			default: "px-4 py-2.5 text-sm gap-2 min-h-[44px] rounded-xl",
+			lg: "px-6 py-3 text-base gap-2.5 min-h-[48px] rounded-xl",
+			xl: "px-8 py-4 text-lg gap-3 min-h-[56px] rounded-xl",
+			icon: "p-2.5 min-h-[44px] min-w-[44px] rounded-xl"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+var getVariantStyles = (variant, isHovered, isFocusVisible) => {
+	return {
+		default: {
+			background: isHovered ? "var(--btn-primary-hover-bg)" : "var(--btn-primary-bg)",
+			color: "var(--btn-primary-text)",
+			border: "none",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-primary-glow)" : "var(--btn-primary-shadow)"
+		},
+		secondary: {
+			background: isHovered ? "var(--btn-secondary-hover-bg)" : "var(--btn-secondary-bg)",
+			color: "var(--btn-secondary-text)",
+			border: "1px solid var(--btn-secondary-border)",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-secondary-glow)" : "none"
+		},
+		ghost: {
+			background: isHovered ? "var(--btn-ghost-hover-bg)" : "var(--btn-ghost-bg)",
+			color: "var(--btn-ghost-text)",
+			border: "none",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : "none"
+		},
+		destructive: {
+			background: "var(--btn-destructive-bg)",
+			color: "var(--btn-destructive-text)",
+			border: "none",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "var(--btn-destructive-shadow)"
+		},
+		outline: {
+			background: isHovered ? "var(--btn-outline-hover-bg)" : "transparent",
+			color: "var(--btn-outline-text)",
+			border: "1px solid var(--btn-outline-border)",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-outline-glow)" : "none"
+		},
+		success: {
+			background: "var(--btn-success-bg)",
+			color: "var(--btn-success-text)",
+			border: "none",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "var(--btn-success-shadow)"
+		},
+		link: {
+			background: "transparent",
+			color: "var(--btn-link-text)",
+			border: "none",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : "none",
+			textDecoration: isHovered ? "underline" : "none"
+		}
+	}[variant];
+};
+const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant = "default", size = "default", children, loading = false, disabled, icon: Icon, iconPosition = "left", onClick, ...props }, ref) => {
+	const { isHovered, hoverProps } = require_use_focus.useHover();
+	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
+	const [ripple, setRipple] = (0, react.useState)(null);
+	const isDisabled = disabled || loading;
+	const rippleTimeoutRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		return () => {
+			if (rippleTimeoutRef.current) clearTimeout(rippleTimeoutRef.current);
+		};
+	}, []);
+	const handleClick = (0, react.useCallback)((e) => {
+		if (isDisabled) return;
+		const rect = e.currentTarget.getBoundingClientRect();
+		setRipple({
+			x: e.clientX - rect.left,
+			y: e.clientY - rect.top
+		});
+		if (rippleTimeoutRef.current) clearTimeout(rippleTimeoutRef.current);
+		rippleTimeoutRef.current = setTimeout(() => {
+			setRipple(null);
+			rippleTimeoutRef.current = null;
+		}, 600);
+		onClick?.(e);
+	}, [isDisabled, onClick]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
+		ref,
+		"data-slot": "button",
+		className: require_utils.cn(buttonGlassVariants({
+			variant,
+			size
+		}), isHovered && !isDisabled && "scale-[1.02]", className),
+		style: {
+			...getVariantStyles(variant, isHovered && !isDisabled, isFocusVisible && !isDisabled),
+			outline: "none"
+		},
+		type: asChild ? void 0 : "button",
+		disabled: isDisabled,
+		onClick: handleClick,
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		onFocus: focusProps.onFocus,
+		onBlur: focusProps.onBlur,
+		...props,
+		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute inset-0 overflow-hidden pointer-events-none",
+				style: { borderRadius: "inherit" },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "absolute top-0 h-full w-1/3 bg-linear-to-r from-transparent via-white/20 to-transparent",
+					style: { animation: "btn-shine 1.5s ease-in-out infinite" }
+				})
+			}),
+			ripple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "absolute rounded-full bg-white/30 pointer-events-none",
+				style: {
+					left: ripple.x,
+					top: ripple.y,
+					width: 10,
+					height: 10,
+					transform: "translate(-50%, -50%)",
+					animation: "ripple 0.6s ease-out"
+				}
+			}),
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
+				style: { background: "var(--btn-glow-radial)" }
+			}),
+			loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RefreshCw, { className: require_utils.cn(ICON_SIZES.md, "animate-spin") }),
+			!loading && Icon && iconPosition === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: ICON_SIZES.md }),
+			!loading && children,
+			!loading && Icon && iconPosition === "right" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: ICON_SIZES.md })
+		] })
+	});
+});
+ButtonGlass.displayName = "ButtonGlass";
+const CheckboxGlass = (0, react.forwardRef)(({ className, checked: controlledChecked, defaultChecked, onCheckedChange, onChange, label, disabled, ...props }, ref) => {
+	const { isHovered, hoverProps } = require_use_focus.useHover();
+	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
+	const [uncontrolledChecked, setUncontrolledChecked] = react.useState(defaultChecked ?? false);
+	const isControlled = controlledChecked !== void 0;
+	const checked = isControlled ? controlledChecked : uncontrolledChecked;
+	const isChecked = checked === true;
+	const isIndeterminate = checked === "indeterminate";
+	const showIndicator = isChecked || isIndeterminate;
+	const handleChange = (newChecked) => {
+		if (disabled) return;
+		if (!isControlled) setUncontrolledChecked(newChecked);
+		onCheckedChange?.(newChecked);
+		if (onChange && typeof newChecked === "boolean") onChange(newChecked);
+	};
+	const toggleChecked = () => {
+		if (isIndeterminate) handleChange(true);
+		else handleChange(!isChecked);
+	};
+	const checkboxStyles = {
+		background: showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-bg)",
+		border: `2px solid ${showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-border)"}`,
+		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : isHovered && !disabled ? "var(--checkbox-glow)" : "none"
+	};
+	const ariaChecked = isIndeterminate ? "mixed" : isChecked;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: require_utils.cn("inline-flex items-center gap-2 md:gap-2.5", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", className),
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref,
+				type: "checkbox",
+				checked: isChecked,
+				onChange: (e) => handleChange(e.target.checked),
+				disabled,
+				className: "sr-only",
+				...props
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "inline-flex items-center justify-center min-w-11 min-h-11",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					onClick: toggleChecked,
+					onFocus: focusProps.onFocus,
+					onBlur: focusProps.onBlur,
+					className: "relative w-6 h-6 md:w-5 md:h-5 rounded-md flex items-center justify-center transition-all duration-300",
+					style: checkboxStyles,
+					role: "checkbox",
+					"aria-checked": ariaChecked,
+					"aria-label": label || "Checkbox",
+					tabIndex: disabled ? -1 : 0,
+					onKeyDown: (e) => {
+						if (!disabled && (e.key === "Enter" || e.key === " ")) {
+							e.preventDefault();
+							toggleChecked();
+						}
+					},
+					children: [isChecked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
+						className: "w-3.5 h-3.5 md:w-3 md:h-3",
+						style: { color: "var(--text-inverse)" }
+					}), isIndeterminate && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Minus, {
+						className: "w-3.5 h-3.5 md:w-3 md:h-3",
+						style: { color: "var(--text-inverse)" }
+					})]
+				})
+			}),
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-xs md:text-sm",
+				style: { color: "var(--text-secondary)" },
+				children: label
+			})
+		]
+	});
+});
+CheckboxGlass.displayName = "CheckboxGlass";
+const Checkbox = CheckboxGlass;
+var circularProgressVariants = (0, class_variance_authority.cva)("relative inline-flex items-center justify-center p-4", {
+	variants: { size: {
+		sm: "w-20 h-20",
+		md: "w-28 h-28",
+		lg: "w-36 h-36",
+		xl: "w-44 h-44"
+	} },
+	defaultVariants: { size: "md" }
+});
+var getGradientColors = (gradient) => {
+	return {
+		violet: {
+			from: "#8b5cf6",
+			to: "#a855f7",
+			glowVar: "--progress-glow-violet"
+		},
+		blue: {
+			from: "#3b82f6",
+			to: "#60a5fa",
+			glowVar: "--progress-glow-blue"
+		},
+		cyan: {
+			from: "#06b6d4",
+			to: "#22d3ee",
+			glowVar: "--progress-glow-cyan"
+		},
+		amber: {
+			from: "#f59e0b",
+			to: "#fbbf24",
+			glowVar: "--progress-glow-amber"
+		},
+		emerald: {
+			from: "#10b981",
+			to: "#34d399",
+			glowVar: "--progress-glow-emerald"
+		},
+		rose: {
+			from: "#f43f5e",
+			to: "#fb7185",
+			glowVar: "--progress-glow-rose"
+		}
+	}[gradient];
+};
+var getGlowStdDeviation = (intensity) => {
+	return {
+		low: 2,
+		medium: 4,
+		high: 6
+	}[intensity];
+};
+const CircularProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0, variant = "determinate", thickness = 8, trackWidth = 8, color = "violet", trackColor = "oklch(100% 0 0 / 0.1)", showLabel = true, label, labelColor, showGlow = true, glowIntensity = "medium", strokeLinecap = "round", animationDuration = 1, ...props }, ref) => {
+	const clampedValue = Math.min(100, Math.max(0, value));
+	const gradientColors = getGradientColors(color);
+	const svgSize = {
+		sm: 64,
+		md: 96,
+		lg: 128,
+		xl: 160
+	}[size || "md"];
+	const radius = (svgSize - Math.max(thickness, trackWidth)) / 2;
+	const circumference = 2 * Math.PI * radius;
+	const center = svgSize / 2;
+	const dashOffset = (0, react.useMemo)(() => {
+		if (variant === "indeterminate") return circumference * .75;
+		return circumference * ((100 - clampedValue) / 100);
+	}, [
+		variant,
+		clampedValue,
+		circumference
+	]);
+	const uniqueId = (0, react.useId)();
+	const gradientId = `circular-gradient-${uniqueId}`;
+	const glowId = `circular-glow-${uniqueId}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn(circularProgressVariants({ size }), className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: svgSize,
+				height: svgSize,
+				className: "transform -rotate-90 overflow-visible",
+				"aria-hidden": "true",
+				style: { overflow: "visible" },
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
+						id: gradientId,
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
+							offset: "0%",
+							stopColor: gradientColors.from
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
+							offset: "100%",
+							stopColor: gradientColors.to
+						})]
+					}), showGlow && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("filter", {
+						id: glowId,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feGaussianBlur", {
+							stdDeviation: getGlowStdDeviation(glowIntensity),
+							result: "coloredBlur"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("feMerge", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMergeNode", { in: "coloredBlur" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMergeNode", { in: "SourceGraphic" })] })]
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: center,
+						cy: center,
+						r: radius,
+						fill: "none",
+						stroke: trackColor,
+						strokeWidth: trackWidth
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: center,
+						cy: center,
+						r: radius,
+						fill: "none",
+						stroke: `url(#${gradientId})`,
+						strokeWidth: thickness,
+						strokeLinecap,
+						strokeDasharray: circumference,
+						strokeDashoffset: dashOffset,
+						filter: showGlow ? `url(#${glowId})` : void 0,
+						className: require_utils.cn("transition-all", variant === "indeterminate" && "animate-circular-progress-spin"),
+						style: {
+							transitionDuration: `${animationDuration}s`,
+							transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+						}
+					})
+				]
+			}),
+			showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm font-semibold tabular-nums",
+					style: { color: labelColor || gradientColors.to },
+					children: label || (variant === "determinate" ? `${clampedValue}%` : "")
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				role: "progressbar",
+				"aria-valuenow": variant === "determinate" ? clampedValue : void 0,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-label": label || (variant === "determinate" ? `Progress: ${clampedValue}%` : "Loading progress"),
+				"aria-valuetext": label || (variant === "determinate" ? `${clampedValue}%` : "Loading..."),
+				className: "sr-only",
+				children: label || (variant === "determinate" ? `${clampedValue}%` : "Loading...")
+			})
+		]
+	});
+});
+CircularProgressGlass.displayName = "CircularProgressGlass";
+function Popover({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: require_utils.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+		...props
+	}) });
+}
+function Command({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command, {
+		"data-slot": "command",
+		className: require_utils.cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+		...props
+	});
+}
+function CommandInput({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b border-border px-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SearchIcon, { className: "size-4 shrink-0 opacity-60 text-muted-foreground" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command.Input, {
+			"data-slot": "command-input",
+			className: require_utils.cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm font-medium outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			...props
+		})]
+	});
+}
+function CommandList({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command.List, {
+		"data-slot": "command-list",
+		className: require_utils.cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandEmpty({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+}
+function CommandGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command.Group, {
+		"data-slot": "command-group",
+		className: require_utils.cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+		...props
+	});
+}
+function CommandItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command.Item, {
+		"data-slot": "command-item",
+		className: require_utils.cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+const inputVariants = (0, class_variance_authority.cva)("w-full transition-all duration-300 outline-none backdrop-blur-sm disabled:opacity-50 disabled:cursor-not-allowed", {
+	variants: { size: {
+		sm: "px-3 py-2 text-base rounded-md min-h-[44px]",
+		md: "px-4 py-2.5 text-base rounded-md min-h-[44px]",
+		lg: "px-5 py-3 text-base md:text-lg rounded-md min-h-[48px]"
+	} },
+	defaultVariants: { size: "md" }
+});
+function getDropdownContentStyles() {
+	return {
+		background: "var(--dropdown-bg)",
+		border: "1px solid var(--dropdown-border)",
+		boxShadow: "var(--dropdown-glow)",
+		backdropFilter: "blur(var(--blur-md))",
+		WebkitBackdropFilter: "blur(var(--blur-md))"
+	};
+}
+const dropdownContentClasses = require_utils.cn("min-w-40 md:min-w-[200px]", "rounded-2xl overflow-hidden", "z-[50002]", "animate-in fade-in-0 zoom-in-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=top]:slide-in-from-bottom-2");
+function getDropdownItemClasses(options) {
+	const { danger, selected, highlighted } = options ?? {};
+	return require_utils.cn("w-full px-3 py-2.5", "text-sm text-left", "flex items-center gap-2", "rounded-lg", "outline-none cursor-pointer select-none", "transition-colors duration-150", highlighted && "bg-(--dropdown-item-hover)", "data-[highlighted]:bg-(--dropdown-item-hover)", "data-[selected=true]:bg-(--dropdown-item-hover)", selected && "bg-(--select-item-selected-bg) text-(--select-item-selected-text)", danger ? "text-(--alert-danger-text) data-[highlighted]:text-(--alert-danger-text)" : "text-(--dropdown-item-text)");
+}
+const dropdownSeparatorClasses = require_utils.cn("h-px my-1", "bg-[var(--dropdown-border)]");
+const dropdownLabelClasses = require_utils.cn("px-3 py-1.5 md:px-4 md:py-2", "text-xs font-medium", "text-[var(--text-muted)]");
+function ComboBoxGlassInner({ options, value, onValueChange, placeholder = "Select option...", emptyText = "No results found.", searchPlaceholder = "Search...", glassVariant = "glass", disabled = false, className, popoverClassName, clearable = false, side = "bottom", align = "start", label, error, success, required = false, size = "md", searchable = true, icon: TriggerIcon }, ref) {
+	const [open, setOpen] = (0, react.useState)(false);
+	const [search, setSearch] = (0, react.useState)("");
+	const fieldId = (0, react.useId)();
+	const selectedOption = (0, react.useMemo)(() => options.find((opt) => opt.value === value), [options, value]);
+	const filteredOptions = (0, react.useMemo)(() => {
+		if (!search) return options;
+		const searchLower = search.toLowerCase();
+		return options.filter((opt) => opt.label.toLowerCase().includes(searchLower));
+	}, [options, search]);
+	const handleSelect = (0, react.useCallback)((optionValue) => {
+		if (clearable && value === optionValue) onValueChange?.(void 0);
+		else onValueChange?.(optionValue);
+		setOpen(false);
+		setSearch("");
+	}, [
+		value,
+		onValueChange,
+		clearable
+	]);
+	const getGlassClass = () => {
+		return {
+			glass: "glass",
+			frosted: "frosted",
+			fluted: "fluted",
+			crystal: "crystal"
+		}[glassVariant];
+	};
+	const comboboxContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonGlass, {
+				ref,
+				variant: "secondary",
+				role: "combobox",
+				"aria-expanded": open,
+				"aria-haspopup": "listbox",
+				"aria-label": selectedOption?.label || placeholder,
+				"aria-describedby": error ? `${fieldId}-error` : success ? `${fieldId}-success` : void 0,
+				disabled,
+				className: require_utils.cn("w-full justify-between", inputVariants({ size }), !selectedOption && "text-muted-foreground", className),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-2 truncate",
+					children: [TriggerIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriggerIcon, { className: ICON_SIZES.md }), selectedOption ? selectedOption.label : placeholder]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDownIcon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0 opacity-50") })]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContent, {
+			side,
+			align,
+			className: require_utils.cn(dropdownContentClasses, "w-[--radix-popover-trigger-width] p-0 border-0", getGlassClass(), popoverClassName),
+			style: getDropdownContentStyles(),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Command, {
+				shouldFilter: false,
+				className: require_utils.cn("bg-transparent", "[&_[data-slot=command-input-wrapper]]:border-b-0", "[&_[data-slot=command-input-wrapper]_svg]:text-[var(--text-muted)]", "[&_[data-slot=command-input-wrapper]_svg]:opacity-80"),
+				children: [searchable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandInput, {
+					placeholder: searchPlaceholder,
+					value: search,
+					onValueChange: setSearch,
+					className: "text-[var(--text-primary)] placeholder:text-[var(--text-muted)] h-10 font-medium"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CommandList, {
+					className: "p-1.5 scrollbar-hide",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandEmpty, {
+						className: "text-[var(--text-muted)] py-4",
+						children: emptyText
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandGroup, {
+						className: "text-[var(--text-primary)] p-0",
+						children: filteredOptions.map((option) => {
+							const OptionIcon = option.icon;
+							const isSelected = value === option.value;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CommandItem, {
+								value: String(option.value),
+								disabled: option.disabled,
+								onSelect: () => handleSelect(option.value),
+								className: require_utils.cn(getDropdownItemClasses({ selected: isSelected }), option.disabled && "cursor-not-allowed opacity-50"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0", isSelected ? "opacity-100 text-[var(--text-accent)]" : "opacity-0") }),
+									OptionIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionIcon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0 text-[var(--dropdown-icon)]") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "truncate",
+										children: option.label
+									})
+								]
+							}, String(option.value));
+						})
+					})]
+				})]
+			})
+		})]
+	});
+	if (label || error || success) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormFieldWrapper, {
+		label,
+		error,
+		success,
+		required,
+		htmlFor: fieldId,
+		children: comboboxContent
+	});
+	return comboboxContent;
+}
+const ComboBoxGlass = (0, react.forwardRef)(ComboBoxGlassInner);
+ComboBoxGlassInner.displayName = "ComboBoxGlass";
+var DropdownMenuGlass = __radix_ui_react_dropdown_menu.Root;
+var DropdownMenuGlassTrigger = __radix_ui_react_dropdown_menu.Trigger;
+var DropdownMenuGlassGroup = __radix_ui_react_dropdown_menu.Group;
+var DropdownMenuGlassPortal = __radix_ui_react_dropdown_menu.Portal;
+var DropdownMenuGlassSub = __radix_ui_react_dropdown_menu.Sub;
+var DropdownMenuGlassRadioGroup = __radix_ui_react_dropdown_menu.RadioGroup;
+var DropdownMenuGlassSubTrigger = react.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.SubTrigger, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses(), "data-[state=open]:bg-[var(--dropdown-item-hover)]", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
+}));
+DropdownMenuGlassSubTrigger.displayName = "DropdownMenuGlassSubTrigger";
+var DropdownMenuGlassSubContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.SubContent, {
+	ref,
+	className: require_utils.cn(dropdownContentClasses, "p-1.5", className),
+	style: getDropdownContentStyles(),
+	...props
+}));
+DropdownMenuGlassSubContent.displayName = "DropdownMenuGlassSubContent";
+var DropdownMenuGlassContent = react.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Content, {
+	ref,
+	sideOffset,
+	className: require_utils.cn(dropdownContentClasses, "p-1.5", className),
+	style: getDropdownContentStyles(),
+	...props
+}) }));
+DropdownMenuGlassContent.displayName = "DropdownMenuGlassContent";
+var DropdownMenuGlassItem = react.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Item, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses({ danger: variant === "destructive" }), inset && "pl-8", className),
+	...props
+}));
+DropdownMenuGlassItem.displayName = "DropdownMenuGlassItem";
+var DropdownMenuGlassCheckboxItem = react.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.CheckboxItem, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses(), "pl-8 pr-2", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuGlassCheckboxItem.displayName = "DropdownMenuGlassCheckboxItem";
+var DropdownMenuGlassRadioItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.RadioItem, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses(), "pl-8 pr-2", className),
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleIcon, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuGlassRadioItem.displayName = "DropdownMenuGlassRadioItem";
+var DropdownMenuGlassLabel = react.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Label, {
+	ref,
+	className: require_utils.cn(dropdownLabelClasses, inset && "pl-8", className),
+	...props
+}));
+DropdownMenuGlassLabel.displayName = "DropdownMenuGlassLabel";
+var DropdownMenuGlassSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Separator, {
+	ref,
+	className: require_utils.cn(dropdownSeparatorClasses, "-mx-1 my-1", className),
+	...props
+}));
+DropdownMenuGlassSeparator.displayName = "DropdownMenuGlassSeparator";
+var DropdownMenuGlassShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_utils.cn("ml-auto text-xs tracking-widest text-(--text-muted)", className),
+		...props
+	});
+};
+DropdownMenuGlassShortcut.displayName = "DropdownMenuGlassShortcut";
+const DropdownGlass = react.forwardRef(({ trigger, items, align = "left", className }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("relative inline-block", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlass, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassTrigger, {
+			asChild: true,
+			children: trigger
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassContent, {
+			align: align === "left" ? "start" : "end",
+			children: items.map((item, idx) => item.divider ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassSeparator, {}, `divider-${idx}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlassItem, {
+				variant: item.danger ? "destructive" : "default",
+				onSelect: item.onClick,
+				children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(item.icon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0", item.danger ? "text-(--alert-danger-text)" : "text-(--dropdown-icon) group-data-highlighted:text-(--dropdown-icon-hover)") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-medium",
+					children: item.label
+				})]
+			}, `item-${idx}`))
+		})] })
+	});
+});
+DropdownGlass.displayName = "DropdownGlass";
+const cardIntensity = (0, class_variance_authority.cva)("border transition-all duration-300 text-[var(--text-primary)]", {
+	variants: {
+		intensity: {
+			subtle: "",
+			medium: "",
+			strong: ""
+		},
+		hover: {
+			true: "hover-glow cursor-pointer",
+			false: ""
+		},
+		padding: {
+			none: "",
+			compact: "p-4 md:p-5 rounded-lg",
+			default: "p-6 rounded-xl",
+			featured: "p-8 rounded-[20px]"
+		}
+	},
+	defaultVariants: {
+		intensity: "medium",
+		hover: true,
+		padding: "default"
+	}
+});
+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)",
+	purple: "var(--glow-violet)",
+	cyan: "var(--glow-cyan)"
+};
+const GlassCard = (0, react.forwardRef)(({ asChild = false, children, className, intensity = "medium", glow = null, hover = true, padding = "default", ...props }, ref) => {
+	const { isHovered, hoverProps } = require_use_focus.useHover();
+	const intensityVal = intensity ?? "medium";
+	const cardStyles = {
+		background: isHovered && hover ? "var(--card-hover-bg)" : bgVarMap[intensityVal],
+		borderColor: isHovered && hover ? "var(--card-hover-border)" : borderVarMap[intensityVal],
+		backdropFilter: `blur(${blurMap[intensityVal]})`,
+		WebkitBackdropFilter: `blur(${blurMap[intensityVal]})`,
+		boxShadow: glow ? glowVarMap[glow] : isHovered && hover ? "var(--card-hover-glow)" : "var(--glow-neutral)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		ref,
+		className: require_utils.cn(cardIntensity({
+			intensity,
+			hover,
+			padding
+		}), className),
+		style: cardStyles,
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		...props,
+		children
+	});
+});
+GlassCard.displayName = "GlassCard";
+var getInputStyles = (isFocused, error, success) => {
+	let borderColor = "var(--input-border)";
+	if (error) borderColor = "var(--alert-danger-text)";
+	else if (success) borderColor = "var(--alert-success-text)";
+	else if (isFocused) borderColor = "var(--input-focus-border)";
+	return {
+		background: "var(--input-bg)",
+		border: `1px solid ${borderColor}`,
+		color: "var(--input-text)",
+		boxShadow: isFocused ? "var(--focus-glow)" : "none"
+	};
+};
+const InputGlass = (0, react.forwardRef)(({ className, size, inputSize, label, error, success, icon: Icon, iconPosition = "left", disabled, onFocus, onBlur, ...props }, ref) => {
+	const sizeValue = size ?? inputSize ?? "md";
+	if (process.env.NODE_ENV !== "production" && inputSize !== void 0) console.warn("[InputGlass] The `inputSize` prop is deprecated and will be removed in v4.0. Use `size` instead.");
+	const { isFocused, focusProps } = require_use_focus.useFocus();
+	const handleFocus = (0, react.useCallback)((e) => {
+		focusProps.onFocus(e);
+		onFocus?.(e);
+	}, [focusProps, onFocus]);
+	const handleBlur = (0, react.useCallback)((e) => {
+		focusProps.onBlur(e);
+		onBlur?.(e);
+	}, [focusProps, onBlur]);
+	const hasIcon = Boolean(Icon);
+	const paddingLeft = hasIcon && iconPosition === "left" ? "pl-10" : "";
+	const paddingRight = hasIcon && iconPosition === "right" ? "pr-10" : "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormFieldWrapper, {
+		label,
+		error,
+		success,
+		htmlFor: props.id,
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative",
+			children: [
+				Icon && iconPosition === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+					className: require_utils.cn("absolute left-2.5 md:left-3 top-1/2 -translate-y-1/2 transition-colors duration-300 z-10", ICON_SIZES.md),
+					style: { color: isFocused ? "var(--text-accent)" : "var(--text-muted)" }
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					ref,
+					"data-slot": "input",
+					className: require_utils.cn(inputVariants({ size: sizeValue }), paddingLeft, paddingRight),
+					style: getInputStyles(isFocused, error, success),
+					disabled,
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					...props
+				}),
+				Icon && iconPosition === "right" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+					className: require_utils.cn("absolute right-2.5 md:right-3 top-1/2 -translate-y-1/2 transition-colors duration-300 z-10", ICON_SIZES.md),
+					style: { color: isFocused ? "var(--text-accent)" : "var(--text-muted)" }
+				})
+			]
+		})
+	});
+});
+InputGlass.displayName = "InputGlass";
+const modalSizes = (0, class_variance_authority.cva)("relative w-full max-w-[calc(100%-2rem)] rounded-2xl p-6 transition-all duration-300", {
+	variants: { size: {
+		sm: "sm:max-w-[480px]",
+		md: "sm:max-w-[640px]",
+		lg: "sm:max-w-[800px]",
+		xl: "sm:max-w-xl",
+		full: "sm:max-w-4xl"
+	} },
+	defaultVariants: { size: "sm" }
+});
+var ModalContext = react.createContext({ size: "sm" });
+var useModalContext = () => react.useContext(ModalContext);
+function ModalRoot({ size = "sm", children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Root, {
+			"data-slot": "dialog",
+			...props,
+			children
+		})
+	});
+}
+function ModalTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function ModalPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+var ModalOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Overlay, {
+	ref,
+	"data-slot": "dialog-overlay",
+	className: require_utils.cn("fixed inset-0 z-50", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	style: {
+		background: "var(--modal-overlay)",
+		backdropFilter: "blur(var(--blur-sm))",
+		WebkitBackdropFilter: "blur(var(--blur-sm))"
+	},
+	...props
+}));
+ModalOverlay.displayName = "ModalOverlay";
+var ModalContent = react.forwardRef(({ className, children, showCloseButton = true, size: sizeProp, ...props }, ref) => {
+	const { size: contextSize } = useModalContext();
+	const size = sizeProp ?? contextSize;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ModalPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Content, {
+		ref,
+		"data-slot": "dialog-content",
+		className: require_utils.cn(modalSizes({ size }), "fixed top-[50%] left-[50%] z-50", "translate-x-[-50%] translate-y-[-50%]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "duration-200", className),
+		style: {
+			background: "var(--modal-bg)",
+			border: "1px solid var(--modal-border)",
+			boxShadow: "var(--modal-glow)",
+			backdropFilter: "blur(var(--blur-lg))",
+			WebkitBackdropFilter: "blur(var(--blur-lg))"
+		},
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute inset-0 rounded-3xl pointer-events-none",
+				style: { background: "var(--modal-glow-effect)" },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "relative",
+				children
+			}),
+			showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Close, {
+				"data-slot": "dialog-close",
+				className: require_utils.cn("absolute top-4 right-4", "p-1.5 md:p-2 rounded-xl", "transition-all duration-300", "ring-offset-background", "focus:outline-none focus:ring-2 focus:ring-(--semantic-primary) focus:ring-offset-2", "hover:opacity-100 opacity-70", "disabled:pointer-events-none"),
+				style: {
+					background: "var(--modal-close-btn-bg)",
+					border: "var(--modal-close-btn-border)",
+					color: "var(--text-muted)"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: ICON_SIZES.md }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		]
+	})] });
+});
+ModalContent.displayName = "ModalContent";
+function ModalHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: require_utils.cn("flex flex-col gap-2 text-center sm:text-left mb-4", className),
+		...props
+	});
+}
+function ModalBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-body",
+		className: require_utils.cn("relative", className),
+		style: { color: "var(--text-secondary)" },
+		...props
+	});
+}
+function ModalFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-footer",
+		className: require_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-4", className),
+		...props
+	});
+}
+var ModalTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+	ref,
+	"data-slot": "dialog-title",
+	className: require_utils.cn("text-lg md:text-xl font-semibold leading-none tracking-tight", className),
+	style: { color: "var(--text-primary)" },
+	...props
+}));
+ModalTitle.displayName = "ModalTitle";
+var ModalDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+	ref,
+	"data-slot": "dialog-description",
+	className: require_utils.cn("text-sm", className),
+	style: { color: "var(--text-muted)" },
+	...props
+}));
+ModalDescription.displayName = "ModalDescription";
+function ModalClose({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+const ModalGlass = {
+	Root: ModalRoot,
+	Trigger: ModalTrigger,
+	Portal: ModalPortal,
+	Overlay: ModalOverlay,
+	Content: ModalContent,
+	Header: ModalHeader,
+	Body: ModalBody,
+	Footer: ModalFooter,
+	Title: ModalTitle,
+	Description: ModalDescription,
+	Close: ModalClose
+};
+const notificationVariants = (0, class_variance_authority.cva)("flex items-start gap-3 md:gap-4 p-4 md:p-5 rounded-2xl min-w-[280px] md:min-w-[320px] max-w-[360px] md:max-w-[420px] transition-all duration-300", {
+	variants: { type: {
+		info: "",
+		success: "",
+		warning: "",
+		error: ""
+	} },
+	defaultVariants: { type: "info" }
+});
+var NOTIFICATION_ICONS = {
+	info: lucide_react.Info,
+	success: lucide_react.CheckCircle,
+	warning: lucide_react.AlertTriangle,
+	error: lucide_react.AlertCircle
+};
+var getTypeVars = (notifType) => {
+	return {
+		info: {
+			color: "var(--notification-info-color)",
+			glow: "var(--notification-info-glow)",
+			iconBg: "var(--notification-info-icon-bg)"
+		},
+		success: {
+			color: "var(--notification-success-color)",
+			glow: "var(--notification-success-glow)",
+			iconBg: "var(--notification-success-icon-bg)"
+		},
+		warning: {
+			color: "var(--notification-warning-color)",
+			glow: "var(--notification-warning-glow)",
+			iconBg: "var(--notification-warning-icon-bg)"
+		},
+		error: {
+			color: "var(--notification-error-color)",
+			glow: "var(--notification-error-glow)",
+			iconBg: "var(--notification-error-icon-bg)"
+		}
+	}[notifType];
+};
+const NotificationGlass = (0, react.forwardRef)(({ variant: variantProp, type: typeProp, title, message, onClose, className, ...props }, ref) => {
+	const variant = variantProp ?? typeProp ?? "default";
+	if (process.env.NODE_ENV === "development" && typeProp) console.warn("NotificationGlass: The \"type\" prop is deprecated. Use \"variant\" instead. Example: <NotificationGlass variant=\"destructive\" />");
+	const effectiveType = {
+		default: "info",
+		destructive: "error",
+		success: "success",
+		warning: "warning",
+		info: "info",
+		error: "error"
+	}[variant] || "info";
+	const { isHovered, hoverProps } = require_use_focus.useHover();
+	const Icon = NOTIFICATION_ICONS[effectiveType];
+	const config = getTypeVars(effectiveType);
+	const containerStyles = {
+		background: "var(--notification-bg)",
+		border: "1px solid var(--notification-border)",
+		boxShadow: isHovered ? config.glow : "var(--notification-shadow)",
+		transform: isHovered ? "translateY(-2px)" : "translateY(0)"
+	};
+	const iconContainerStyles = {
+		background: config.iconBg,
+		boxShadow: isHovered ? config.glow : "none"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn(notificationVariants({ type: effectiveType }), className),
+		style: containerStyles,
+		role: "alert",
+		"aria-live": "polite",
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "w-8 h-8 md:w-10 md:h-10 rounded-xl flex items-center justify-center shrink-0",
+				style: iconContainerStyles,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+					className: "w-4 h-4 md:w-5 md:h-5",
+					style: { color: config.color }
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "font-semibold text-xs md:text-sm mb-0.5 md:mb-1",
+					style: { color: "var(--text-primary)" },
+					children: title
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-xs md:text-sm",
+					style: { color: "var(--text-secondary)" },
+					children: message
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				onClick: onClose,
+				className: "p-1 md:p-1.5 rounded-lg shrink-0",
+				style: { color: "var(--text-muted)" },
+				type: "button",
+				"aria-label": "Close notification",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: ICON_SIZES.md })
+			})
+		]
+	});
+});
+NotificationGlass.displayName = "NotificationGlass";
+var PopoverGlassRoot = __radix_ui_react_popover.Root;
+var PopoverGlassTrigger = __radix_ui_react_popover.Trigger;
+var PopoverGlassAnchor = __radix_ui_react_popover.Anchor;
+var PopoverGlassContent = react.forwardRef(({ className, align = "center", sideOffset = 8, showArrow = true, children, ...props }, ref) => {
+	const popoverStyles = {
+		background: "var(--popover-bg)",
+		border: "1px solid var(--popover-border)",
+		boxShadow: "var(--popover-shadow)",
+		backdropFilter: "blur(var(--blur-md))",
+		WebkitBackdropFilter: "blur(var(--blur-md))"
+	};
+	const arrowStyles = { fill: "var(--popover-arrow-bg)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Content, {
+		ref,
+		align,
+		sideOffset,
+		className: require_utils.cn("z-50003 rounded-2xl", "animate-in fade-in-0 zoom-in-95 duration-200", "data-[side=bottom]:slide-in-from-top-2", "data-[side=top]:slide-in-from-bottom-2", "data-[side=right]:slide-in-from-left-2", "data-[side=left]:slide-in-from-right-2", "outline-none", className),
+		style: popoverStyles,
+		...props,
+		children: [children, showArrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Arrow, {
+			className: "fill-current",
+			style: arrowStyles,
+			width: 16,
+			height: 8
+		})]
+	}) });
+});
+PopoverGlassContent.displayName = "PopoverGlassContent";
+var PopoverGlassLegacy = react.forwardRef(({ trigger, children, side = "bottom", align = "center", sideOffset = 8, open, onOpenChange, showArrow = true, className }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PopoverGlassRoot, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverGlassTrigger, {
+			asChild: true,
+			children: trigger
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverGlassContent, {
+			ref,
+			side,
+			align,
+			sideOffset,
+			showArrow,
+			className,
+			children
+		})]
+	});
+});
+PopoverGlassLegacy.displayName = "PopoverGlassLegacy";
+const PopoverGlass = PopoverGlassRoot;
+const skeletonVariants = (0, class_variance_authority.cva)("overflow-hidden", {
+	variants: { variant: {
+		text: "h-3 md:h-4 rounded",
+		title: "h-5 md:h-6 rounded",
+		avatar: "w-10 h-10 md:w-12 md:h-12 rounded-full",
+		thumbnail: "w-full h-24 md:h-32 rounded-xl",
+		card: "w-full h-36 md:h-48 rounded-2xl"
+	} },
+	defaultVariants: { variant: "text" }
+});
+const SkeletonGlass = (0, react.forwardRef)(({ className, variant = "text", width, height, style, ...props }, ref) => {
+	const skeletonStyles = {
+		width,
+		height,
+		background: "linear-gradient(90deg, var(--skeleton-bg) 25%, var(--skeleton-shine) 50%, var(--skeleton-bg) 75%)",
+		backgroundSize: "200% 100%",
+		animation: "skeleton-loading 1.5s infinite",
+		...style
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn(skeletonVariants({ variant }), className),
+		style: skeletonStyles,
+		"aria-hidden": "true",
+		...props
+	});
+});
+SkeletonGlass.displayName = "SkeletonGlass";
+const SliderGlass = (0, react.forwardRef)(({ className, value, defaultValue, onValueChange, onValueCommit, min = 0, max = 100, step = 1, showValue, label, error, success, disabled, orientation = "horizontal", ...props }, ref) => {
+	const currentValue = value ?? defaultValue ?? [min];
+	const formatValueDisplay = (values) => {
+		if (values.length === 1) return `${values[0]}`;
+		return `${values[0]} - ${values[values.length - 1]}`;
+	};
+	const trackStyles = { background: "var(--slider-track)" };
+	const rangeStyles = { background: "var(--slider-fill)" };
+	const thumbStyles = {
+		background: "var(--slider-thumb)",
+		border: "2px solid var(--slider-thumb-border)"
+	};
+	const customLabel = label && showValue || !label && showValue ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex justify-between mb-1.5 md:mb-2",
+		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+			className: "text-xs md:text-sm font-medium",
+			style: { color: "var(--text-secondary)" },
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-xs md:text-sm font-medium tabular-nums",
+			style: { color: "var(--text-secondary)" },
+			children: formatValueDisplay(currentValue)
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FormFieldWrapper, {
+		label: showValue ? void 0 : label,
+		error,
+		success,
+		className: require_utils.cn("w-full", className),
+		children: [customLabel, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_slider.Root, {
+			ref,
+			value,
+			defaultValue,
+			onValueChange,
+			onValueCommit,
+			min,
+			max,
+			step,
+			disabled,
+			orientation,
+			className: require_utils.cn("relative flex touch-none select-none", orientation === "horizontal" ? "w-full h-8 md:h-6 items-center" : "flex-col h-full w-8 md:w-6 justify-center", disabled && "opacity-50 cursor-not-allowed", "group"),
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slider.Track, {
+				className: require_utils.cn("relative grow rounded-full", orientation === "horizontal" ? "h-2.5 md:h-2 w-full" : "w-2.5 md:w-2 h-full"),
+				style: trackStyles,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slider.Range, {
+					className: require_utils.cn("absolute rounded-full transition-shadow duration-150", orientation === "horizontal" ? "h-full" : "w-full", "group-hover:shadow-(--slider-fill-glow)", "group-active:shadow-(--slider-fill-glow)"),
+					style: rangeStyles
+				})
+			}), currentValue.map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slider.Thumb, {
+				className: require_utils.cn("block rounded-full shadow-md transition-all duration-150", "w-6 h-6 md:w-5 md:h-5", "hover:scale-105", "focus-visible:outline-none focus-visible:shadow-(--focus-glow)", "active:scale-110", disabled && "pointer-events-none"),
+				style: thumbStyles,
+				"aria-label": label ? currentValue.length > 1 ? `${label} thumb ${index + 1}` : label : `Slider thumb ${index + 1}`
+			}, index))]
+		})]
+	});
+});
+SliderGlass.displayName = "SliderGlass";
+var TabsContext = (0, react.createContext)(null);
+var useTabsContext = () => {
+	const context = (0, react.useContext)(TabsContext);
+	if (!context) throw new Error("Tabs compound components must be used within TabsGlass.Root");
+	return context;
+};
+var TabsRoot = ({ value: controlledValue, defaultValue, onValueChange, children, className }) => {
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue ?? "");
+	const isControlled = controlledValue !== void 0;
+	const value = isControlled ? controlledValue : uncontrolledValue;
+	const handleValueChange = (newValue) => {
+		if (!isControlled) setUncontrolledValue(newValue);
+		onValueChange?.(newValue);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsContext.Provider, {
+		value: {
+			value,
+			onValueChange: handleValueChange
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn("tabs-glass-root", className),
+			children
+		})
+	});
+};
+var TabsList = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("inline-flex gap-0.5 md:gap-1 p-0.5 md:p-1 rounded-xl", className),
+		style: {
+			background: "var(--tab-container-bg)",
+			border: "1px solid var(--tab-container-border)"
+		},
+		role: "tablist",
+		...props,
+		children
+	});
+});
+TabsList.displayName = "TabsList";
+var TabsTrigger = (0, react.forwardRef)(({ value, children, className, disabled }, ref) => {
+	const { value: activeValue, onValueChange } = useTabsContext();
+	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
+	const isActive = activeValue === value;
+	const tabStyles = {
+		background: isActive ? "var(--tab-active-bg)" : "var(--tab-bg)",
+		color: isActive ? "var(--tab-active-text)" : "var(--text-secondary)",
+		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : "none"
+	};
+	const handleKeyDown = (e) => {
+		if (disabled) return;
+		const tablist = e.currentTarget.closest("[role=\"tablist\"]");
+		if (!tablist) return;
+		const tabs = Array.from(tablist.querySelectorAll("[role=\"tab\"]:not([disabled])"));
+		const currentIndex = tabs.indexOf(e.currentTarget);
+		let nextIndex = currentIndex;
+		switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault();
+				nextIndex = currentIndex + 1 >= tabs.length ? 0 : currentIndex + 1;
+				break;
+			case "ArrowLeft":
+				e.preventDefault();
+				nextIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1;
+				break;
+			case "Home":
+				e.preventDefault();
+				nextIndex = 0;
+				break;
+			case "End":
+				e.preventDefault();
+				nextIndex = tabs.length - 1;
+				break;
+			default: return;
+		}
+		const nextTab = tabs[nextIndex];
+		if (nextTab) {
+			nextTab.focus();
+			const nextValue = nextTab.getAttribute("data-value");
+			if (nextValue && onValueChange) onValueChange(nextValue);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		ref,
+		type: "button",
+		role: "tab",
+		"aria-selected": isActive,
+		disabled,
+		"data-value": value,
+		className: require_utils.cn("relative px-2.5 py-1.5 md:px-4 md:py-2 rounded-lg text-xs md:text-sm font-medium transition-[background-color,color,opacity] duration-300", disabled && "opacity-50 cursor-not-allowed", className),
+		style: tabStyles,
+		onClick: () => !disabled && onValueChange?.(value),
+		onKeyDown: handleKeyDown,
+		onFocus: focusProps.onFocus,
+		onBlur: focusProps.onBlur,
+		children: [children, isActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute bottom-0 left-1/2 -translate-x-1/2 w-6 md:w-8 h-0.5 rounded-full",
+			style: { background: "var(--tab-indicator)" }
+		})]
+	});
+});
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = ({ value, children, className }) => {
+	const { value: activeValue } = useTabsContext();
+	const isActive = activeValue === value;
+	if (!isActive) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "tabpanel",
+		"aria-hidden": !isActive,
+		className: require_utils.cn("animate-in fade-in-0 duration-200", className),
+		children
+	});
+};
+const TabsGlass = {
+	Root: TabsRoot,
+	List: TabsList,
+	Trigger: TabsTrigger,
+	Content: TabsContent
+};
+const Tabs = TabsRoot;
+const toggleSizes = (0, class_variance_authority.cva)("relative rounded-full transition-all duration-300", {
+	variants: {
+		size: {
+			sm: "w-8 h-4",
+			default: "w-11 h-6",
+			lg: "w-14 h-7"
+		},
+		variant: {
+			default: "",
+			outline: "border-2"
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	}
+});
+var sizesConfig = {
+	sm: {
+		track: "w-8 h-4",
+		knob: "w-3 h-3",
+		translate: "translate-x-4"
+	},
+	default: {
+		track: "w-11 h-6",
+		knob: "w-5 h-5",
+		translate: "translate-x-5"
+	},
+	lg: {
+		track: "w-14 h-7",
+		knob: "w-6 h-6",
+		translate: "translate-x-7"
+	}
+};
+const ToggleGlass = (0, react.forwardRef)(({ className, size = "default", variant = "default", pressed: controlledPressed, defaultPressed = false, onPressedChange, disabled, label, ...props }, ref) => {
+	const [uncontrolledPressed, setUncontrolledPressed] = (0, react.useState)(defaultPressed);
+	const isControlled = controlledPressed !== void 0;
+	const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
+	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
+	const s = sizesConfig[size ?? "default"];
+	const handleToggle = () => {
+		if (disabled) return;
+		const newValue = !isPressed;
+		if (!isControlled) setUncontrolledPressed(newValue);
+		onPressedChange?.(newValue);
+	};
+	const getTrackStyles = () => {
+		if (variant === "outline") return {
+			background: isPressed ? "var(--toggle-outline-active-bg)" : "transparent",
+			borderColor: isPressed ? "var(--toggle-outline-active-border)" : "var(--toggle-outline-border)",
+			boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : "none"
+		};
+		return {
+			background: isPressed ? "var(--toggle-active-bg)" : "var(--toggle-bg)",
+			boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : isPressed ? "var(--toggle-glow)" : "none"
+		};
+	};
+	const knobStyles = { background: "var(--toggle-knob)" };
+	const toggle = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "inline-flex items-center justify-center min-h-11",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			ref,
+			type: "button",
+			role: "switch",
+			"aria-pressed": isPressed,
+			"aria-label": label || "Toggle switch",
+			disabled,
+			className: require_utils.cn(toggleSizes({
+				size,
+				variant
+			}), disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !label && className),
+			style: getTrackStyles(),
+			onClick: handleToggle,
+			onFocus: focusProps.onFocus,
+			onBlur: focusProps.onBlur,
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("absolute top-0.5 left-0.5 rounded-full shadow-md transition-all duration-300", s.knob, isPressed && s.translate),
+				style: knobStyles
+			})
+		})
+	});
+	if (label) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: require_utils.cn("inline-flex items-center gap-2 md:gap-2.5", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", className),
+		children: [toggle, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-xs md:text-sm",
+			style: { color: "var(--text-secondary)" },
+			children: label
+		})]
+	});
+	return toggle;
+});
+ToggleGlass.displayName = "ToggleGlass";
+var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+};
+TooltipGlassProvider.displayName = "TooltipGlassProvider";
+function TooltipGlassRoot({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+var TooltipGlassTrigger = react.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Trigger, {
+	ref,
+	"data-slot": "tooltip-trigger",
+	...props
+}));
+TooltipGlassTrigger.displayName = "TooltipGlassTrigger";
+var TooltipGlassContent = react.forwardRef(({ className, sideOffset = 0, children, ...props }, ref) => {
+	const tooltipStyles = {
+		background: "var(--tooltip-bg)",
+		color: "var(--tooltip-text)",
+		border: "1px solid var(--tooltip-border)",
+		boxShadow: "var(--tooltip-shadow)",
+		backdropFilter: "blur(var(--blur-xl))",
+		WebkitBackdropFilter: "blur(var(--blur-xl))"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Content, {
+		ref,
+		sideOffset,
+		"data-slot": "tooltip-content",
+		className: require_utils.cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", className),
+		style: tooltipStyles,
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Arrow, {
+			className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
+			style: {
+				fill: "var(--tooltip-bg)",
+				background: "var(--tooltip-bg)"
+			}
+		})]
+	}) });
+});
+TooltipGlassContent.displayName = "TooltipGlassContent";
+var TooltipGlassSimple = ({ content, children, side = "top", className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TooltipGlassRoot, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassTrigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassContent, {
+		side,
+		className,
+		children: content
+	})] });
+};
+const TooltipGlass = TooltipGlassRoot;
+const ExpandableHeaderGlass = (0, react.forwardRef)(({ title, icon: Icon, iconColor = "var(--text-accent)", expanded, onToggle, className, ...props }, ref) => {
+	const textStyles = { color: "var(--text-primary)" };
+	const chevronStyles = { color: "var(--text-muted)" };
+	const iconStyles = { color: iconColor };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		ref,
+		type: "button",
+		onClick: onToggle,
+		"aria-expanded": expanded,
+		className: require_utils.cn("w-full p-4 flex items-center justify-between rounded-2xl transition-colors hover:bg-white/5", className),
+		style: textStyles,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+				className: "w-5 h-5",
+				style: iconStyles
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "font-medium",
+				children: title
+			})]
+		}), expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {
+			className: "w-5 h-5",
+			style: chevronStyles
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
+			className: "w-5 h-5",
+			style: chevronStyles
+		})]
+	});
+});
+ExpandableHeaderGlass.displayName = "ExpandableHeaderGlass";
+var iconButtonVariants = (0, class_variance_authority.cva)("rounded-xl flex items-center justify-center transition-all duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2", {
+	variants: {
+		size: {
+			sm: "w-8 h-8",
+			md: "w-10 h-10",
+			lg: "w-12 h-12",
+			touch: "w-11 h-11 md:w-10 md:h-10"
+		},
+		variant: {
+			gradient: "",
+			subtle: "",
+			ghost: "bg-transparent hover:bg-white/10"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "gradient"
+	}
+});
+const IconButtonGlass = (0, react.forwardRef)(({ icon: Icon, iconSize = 20, size, variant, className, "aria-label": ariaLabel, ...props }, ref) => {
+	const gradientStyles = variant === "gradient" ? {
+		background: "linear-gradient(135deg, var(--icon-btn-from), var(--icon-btn-to))",
+		boxShadow: "var(--icon-btn-shadow)"
+	} : void 0;
+	const subtleStyles = variant === "subtle" ? {
+		background: "var(--card-subtle-bg)",
+		border: "1px solid var(--card-subtle-border)"
+	} : void 0;
+	const iconStyles = { color: "var(--icon-btn-text)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		ref,
+		type: "button",
+		"aria-label": ariaLabel,
+		className: require_utils.cn(iconButtonVariants({
+			size,
+			variant
+		}), className),
+		style: gradientStyles ?? subtleStyles,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			size: iconSize,
+			style: iconStyles
+		})
+	});
+});
+IconButtonGlass.displayName = "IconButtonGlass";
+const insightVariantConfig = {
+	default: {
+		defaultEmoji: "💡",
+		glowVar: "--glow-primary",
+		borderVar: "--glass-border"
+	},
+	tip: {
+		defaultEmoji: "💡",
+		glowVar: "--glow-secondary",
+		borderVar: "--alert-default-border"
+	},
+	highlight: {
+		defaultEmoji: "✨",
+		glowVar: "--glow-success",
+		borderVar: "--alert-success-border"
+	},
+	warning: {
+		defaultEmoji: "⚠️",
+		glowVar: "--glow-warning",
+		borderVar: "--alert-warning-border"
+	},
+	stat: {
+		defaultEmoji: "📊",
+		glowVar: null,
+		borderVar: "--glass-border"
+	},
+	growth: {
+		defaultEmoji: "📈",
+		glowVar: "--glow-success",
+		borderVar: "--alert-success-border"
+	},
+	decline: {
+		defaultEmoji: "📉",
+		glowVar: "--glow-error",
+		borderVar: "--alert-destructive-border"
+	}
+};
+const insightCardVariants = (0, class_variance_authority.cva)("relative rounded-lg transition-all duration-200", {
+	variants: {
+		inline: {
+			true: "inline-flex items-center gap-1.5",
+			false: "p-3 bg-[var(--glass-bg-subtle)] border"
+		},
+		clickable: {
+			true: "cursor-pointer hover:bg-[var(--glass-bg)]",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		inline: false,
+		clickable: false
+	}
+});
+const InsightCardGlass = (0, react.forwardRef)(({ emoji, text, detail, variant = "default", inline = false, onClick, showArrow = false, animated = false, className, ...props }, ref) => {
+	const config = insightVariantConfig[variant];
+	const displayEmoji = emoji ?? config.defaultEmoji;
+	const isClickable = !!onClick;
+	const handleClick = () => onClick?.();
+	const handleKeyDown = (e) => {
+		if (isClickable && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			onClick?.();
+		}
+	};
+	const borderStyle = !inline ? { borderColor: `var(${config.borderVar})` } : {};
+	const glowStyle = isClickable && config.glowVar ? { "--hover-glow": `var(${config.glowVar})` } : {};
+	if (inline) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref,
+		className: require_utils.cn("inline-flex items-center gap-1.5 text-sm text-[var(--text-secondary)]", className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				children: displayEmoji
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text }),
+			detail && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-[var(--text-muted)]",
+				children: [
+					"(",
+					detail,
+					")"
+				]
+			})
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		role: isClickable ? "button" : void 0,
+		tabIndex: isClickable ? 0 : void 0,
+		onClick: isClickable ? handleClick : void 0,
+		onKeyDown: isClickable ? handleKeyDown : void 0,
+		className: require_utils.cn(insightCardVariants({
+			inline,
+			clickable: isClickable
+		}), isClickable && config.glowVar && "hover:shadow-[0_0_12px_var(--hover-glow)]", animated && "animate-insight-fade-in", className),
+		style: {
+			...borderStyle,
+			...glowStyle
+		},
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-start gap-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-lg flex-shrink-0",
+					"aria-hidden": "true",
+					children: displayEmoji
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-sm text-[var(--text-primary)]",
+						children: text
+					}), detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-xs text-[var(--text-muted)] mt-0.5",
+						children: detail
+					})]
+				}),
+				showArrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, {
+					className: "w-4 h-4 text-[var(--text-muted)] flex-shrink-0",
+					"aria-hidden": "true"
+				})
+			]
+		})
+	});
+});
+InsightCardGlass.displayName = "InsightCardGlass";
+const SearchBoxGlass = (0, react.forwardRef)(({ onSubmit, defaultValue = "", value: controlledValue, onChange: controlledOnChange, variant = "default", inputWidth = "w-32 sm:w-40 md:w-48", placeholder = "Search username...", className, ...props }, ref) => {
+	const [internalValue, setInternalValue] = (0, react.useState)(defaultValue);
+	const [isFocused, setIsFocused] = (0, react.useState)(false);
+	const isControlled = controlledValue !== void 0;
+	const value = isControlled ? controlledValue : internalValue;
+	const handleChange = (e) => {
+		const newValue = e.target.value;
+		if (isControlled) controlledOnChange?.(newValue);
+		else setInternalValue(newValue);
+	};
+	const handleSubmit = () => {
+		onSubmit?.(value);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") handleSubmit();
+	};
+	const containerStyles = { boxShadow: isFocused ? "var(--focus-glow)" : "none" };
+	const inputStyles = {
+		background: "var(--search-bg)",
+		color: "var(--text-primary)",
+		border: "1px solid var(--search-border)",
+		borderRight: "none",
+		borderTopLeftRadius: "0.75rem",
+		borderBottomLeftRadius: "0.75rem"
+	};
+	const buttonStyles = {
+		background: "var(--search-btn-bg)",
+		color: "var(--search-btn-text)",
+		borderTopRightRadius: "0.75rem",
+		borderBottomRightRadius: "0.75rem"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn("flex w-fit rounded-xl overflow-hidden", className),
+		style: containerStyles,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			ref,
+			type: "text",
+			value,
+			onChange: handleChange,
+			onFocus: () => setIsFocused(true),
+			onBlur: () => setIsFocused(false),
+			onKeyDown: handleKeyDown,
+			placeholder,
+			"aria-label": placeholder,
+			className: require_utils.cn("px-4 py-2 text-sm outline-none transition-all", inputWidth),
+			style: inputStyles,
+			...props
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			onClick: handleSubmit,
+			type: "button",
+			className: require_utils.cn("px-5 py-2 text-sm font-medium flex items-center gap-2 hover:scale-[1.02] transition-transform", variant === "compact" && "px-3"),
+			style: buttonStyles,
+			"aria-label": "Search",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "w-4 h-4" }), variant === "default" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "hidden sm:inline",
+				children: "Search"
+			})]
+		})]
+	});
+});
+SearchBoxGlass.displayName = "SearchBoxGlass";
+var fieldLabels = {
+	commits: "Commits",
+	stars: "Stars",
+	name: "Name",
+	contribution: "Contribution"
+};
+const SortDropdownGlass = react.forwardRef(({ sortBy, sortOrder, onSortChange, options = [
+	"commits",
+	"stars",
+	"name",
+	"contribution"
+], compact = false, className, ...props }, ref) => {
+	const handleFieldSelect = react.useCallback((field) => {
+		if (field === sortBy) onSortChange(field, sortOrder === "asc" ? "desc" : "asc");
+		else onSortChange(field, "desc");
+	}, [
+		sortBy,
+		sortOrder,
+		onSortChange
+	]);
+	const SortIcon = sortOrder === "asc" ? lucide_react.ArrowUp : lucide_react.ArrowDown;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("relative inline-block", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlass, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: require_utils.cn("flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-medium", "sm:gap-2 sm:px-4 sm:py-2 sm:text-sm", "bg-(--dropdown-bg) border border-(--dropdown-border)", "backdrop-blur-md", "transition-all duration-200", "hover:opacity-90 hover:shadow-(--dropdown-glow)", "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "focus-visible:ring-(--text-accent)", "text-(--dropdown-item-text)"),
+				"aria-haspopup": "menu",
+				children: compact ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Sort" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, { className: require_utils.cn(ICON_SIZES.sm, "text-(--text-accent)") })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "hidden sm:inline text-(--text-muted)",
+						children: "Sort:"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fieldLabels[sortBy] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, { className: require_utils.cn(ICON_SIZES.sm, "text-(--text-accent)") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: require_utils.cn(ICON_SIZES.sm, "text-(--text-muted)", "transition-transform duration-200", "group-data-[state=open]:rotate-180") })
+				] })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassContent, {
+			align: "start",
+			"aria-label": "Sort options",
+			children: options.map((field) => {
+				const isSelected = field === sortBy;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlassItem, {
+					onSelect: () => handleFieldSelect(field),
+					className: require_utils.cn("justify-between", isSelected && "bg-(--select-item-selected-bg)"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "font-medium",
+						children: fieldLabels[field]
+					}), isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-1 text-(--text-accent)",
+						children: [sortOrder === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: ICON_SIZES.sm }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowDown, { className: ICON_SIZES.sm }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: ICON_SIZES.sm })]
+					})]
+				}, field);
+			})
+		})] })
+	});
+});
+SortDropdownGlass.displayName = "SortDropdownGlass";
+var statItemVariants = (0, class_variance_authority.cva)("flex items-center gap-1", {
+	variants: {
+		size: {
+			sm: "text-xs",
+			md: "text-sm",
+			lg: "text-base"
+		},
+		layout: {
+			horizontal: "flex-row",
+			vertical: "flex-col items-start gap-0.5"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		layout: "horizontal"
+	}
+});
+const StatItemGlass = (0, react.forwardRef)(({ icon: Icon, value, label, iconSize = 16, abbreviated = false, size, layout, className, ...props }, ref) => {
+	const textStyles = { color: "var(--text-secondary)" };
+	const iconStyles = { color: "var(--text-accent)" };
+	const formatValue = (val) => {
+		if (!abbreviated || typeof val !== "number") return String(val);
+		if (val >= 1e6) return `${(val / 1e6).toFixed(1)}M`;
+		if (val >= 1e3) return `${(val / 1e3).toFixed(1)}k`;
+		return String(val);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref,
+		className: require_utils.cn(statItemVariants({
+			size,
+			layout
+		}), className),
+		style: textStyles,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			size: iconSize,
+			style: iconStyles
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "font-medium",
+			children: [
+				formatValue(value),
+				" ",
+				label
+			]
+		})]
+	});
+});
+StatItemGlass.displayName = "StatItemGlass";
+var themes$1 = [
+	"light",
+	"aurora",
+	"glass"
+];
+var themeConfig$1 = {
+	light: {
+		label: "Light",
+		icon: lucide_react.Sun
+	},
+	aurora: {
+		label: "Aurora",
+		icon: lucide_react.Moon
+	},
+	glass: {
+		label: "Glass",
+		icon: lucide_react.Palette
+	}
+};
+const ThemeToggleGlass = (0, react.forwardRef)(({ onToggle, iconSize = 20, iconOnly = false, className, ...props }, ref) => {
+	const { theme, cycleTheme } = require_theme_context.useTheme();
+	const nextTheme = themes$1[(themes$1.indexOf(theme) + 1) % themes$1.length];
+	const NextIcon = themeConfig$1[nextTheme].icon;
+	const nextLabel = themeConfig$1[nextTheme].label;
+	const buttonStyles = {
+		background: "var(--card-subtle-bg)",
+		border: "1px solid var(--card-subtle-border)"
+	};
+	const iconStyles = { color: "var(--text-secondary)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		ref,
+		type: "button",
+		onClick: onToggle ?? cycleTheme,
+		"aria-label": `Switch to ${nextLabel} theme`,
+		className: require_utils.cn("p-2.5 rounded-xl transition-all duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2", iconOnly && "md:px-4 md:gap-2", className),
+		style: buttonStyles,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NextIcon, {
+				size: iconSize,
+				style: iconStyles
+			}), !iconOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "hidden md:inline text-sm font-medium",
+				style: iconStyles,
+				children: nextLabel
+			})]
+		})
+	});
+});
+ThemeToggleGlass.displayName = "ThemeToggleGlass";
+const BaseProgressGlass = (0, react.forwardRef)(({ value = 0, max = 100, className, children, ...props }, ref) => {
+	const percentage = Math.min(100, Math.max(0, value / max * 100));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("relative h-2 w-full overflow-hidden rounded-full", "bg-white/5 backdrop-blur-sm", className),
+		role: "progressbar",
+		"aria-valuenow": value,
+		"aria-valuemin": 0,
+		"aria-valuemax": max,
+		"aria-valuetext": `${Math.round(percentage)}%`,
+		...props,
+		children: typeof children === "function" ? children(percentage) : children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "h-full transition-all duration-300 ease-out",
+			style: {
+				width: `${percentage}%`,
+				background: "var(--progress-bar-bg, linear-gradient(90deg, #a855f7, #ec4899))"
+			}
+		})
+	});
+});
+BaseProgressGlass.displayName = "BaseProgressGlass";
+var sizeClasses$1 = {
+	normal: "w-2 h-2 md:w-2.5 md:h-2.5",
+	large: "w-3.5 h-3.5 md:w-4 md:h-4"
+};
+var statusSymbols = {
+	green: "✓",
+	yellow: "!",
+	red: "✕"
+};
+var statusVarMap = {
+	green: {
+		bg: "var(--status-online)",
+		glow: "var(--status-online-glow)"
+	},
+	yellow: {
+		bg: "var(--status-away)",
+		glow: "var(--status-away-glow)"
+	},
+	red: {
+		bg: "var(--status-busy)",
+		glow: "var(--status-busy-glow)"
+	}
+};
+const StatusIndicatorGlass = (0, react.forwardRef)(({ type = "green", size = "normal", className, ...props }, ref) => {
+	const colors = statusVarMap[type];
+	const indicatorStyles = {
+		backgroundColor: colors.bg,
+		boxShadow: colors.glow
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("rounded-full flex items-center justify-center", sizeClasses$1[size], className),
+		style: indicatorStyles,
+		role: "status",
+		"aria-label": `Status: ${type}`,
+		...props,
+		children: size === "large" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-white text-[8px] md:text-[10px] font-bold",
+			children: statusSymbols[type]
+		})
+	});
+});
+StatusIndicatorGlass.displayName = "StatusIndicatorGlass";
+var flagVarMap = {
+	danger: {
+		bg: "var(--alert-danger-bg)",
+		border: "var(--alert-danger-border)",
+		text: "var(--alert-danger-text)",
+		statusType: "red"
+	},
+	warning: {
+		bg: "var(--alert-warning-bg)",
+		border: "var(--alert-warning-border)",
+		text: "var(--alert-warning-text)",
+		statusType: "yellow"
+	}
+};
+const FlagAlertGlass = (0, react.forwardRef)(({ type = "warning", title, description, className, ...props }, ref) => {
+	const [isHovered, setIsHovered] = (0, react.useState)(false);
+	const config = flagVarMap[type];
+	const alertStyles = {
+		background: config.bg,
+		borderColor: config.border,
+		transform: isHovered ? "translateX(4px)" : "translateX(0)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("p-2.5 md:p-3 rounded-xl border transition-all duration-300", className),
+		style: alertStyles,
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		role: "alert",
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1.5 md:gap-2 font-medium text-xs md:text-sm",
+			style: { color: config.text },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIndicatorGlass, { type: config.statusType }), title]
+		}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-(length:--font-size-2xs) md:text-xs mt-0.5 md:mt-1 ml-4 md:ml-5 text-(--text-muted)",
+			children: description
+		})]
+	});
+});
+FlagAlertGlass.displayName = "FlagAlertGlass";
+var defaultLangColors = {
+	TypeScript: "var(--language-typescript)",
+	JavaScript: "var(--language-javascript)",
+	Python: "var(--language-python)",
+	HTML: "var(--language-html)",
+	CSS: "var(--language-css)",
+	Java: "var(--language-java)",
+	Go: "var(--language-go)",
+	Rust: "var(--language-rust)",
+	Ruby: "var(--language-ruby)",
+	PHP: "var(--language-php)"
+};
+const LanguageBarGlass = (0, react.forwardRef)(({ languages = [], showLegend = true, className, ...props }, ref) => {
+	const [hoveredLang, setHoveredLang] = (0, react.useState)(null);
+	const barStyles = { boxShadow: "var(--rainbow-glow)" };
+	if (!languages || languages.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("w-full", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex h-2 md:h-2.5 rounded-full overflow-hidden",
+			style: barStyles,
+			role: "group",
+			"aria-label": "Language distribution",
+			children: languages.map((lang, i) => {
+				const bgColor = lang.color ?? defaultLangColors[lang.name] ?? "var(--oklch-slate-400)";
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: {
+						width: `${lang.percent}%`,
+						backgroundColor: bgColor,
+						opacity: hoveredLang !== null && hoveredLang !== i ? .5 : 1,
+						transition: "all 0.3s"
+					},
+					role: "progressbar",
+					"aria-label": `${lang.name}: ${lang.percent}%`,
+					"aria-valuenow": lang.percent,
+					"aria-valuemin": 0,
+					"aria-valuemax": 100,
+					onMouseEnter: () => setHoveredLang(i),
+					onMouseLeave: () => setHoveredLang(null)
+				}, `bar-${lang.name}-${i}`);
+			})
+		}), showLegend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex items-center gap-3 md:gap-4 mt-1.5 md:mt-2 text-(length:--font-size-2xs) md:text-xs flex-wrap text-(--text-secondary)",
+			children: languages.map((lang, i) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-1 md:gap-1.5 cursor-pointer",
+					onMouseEnter: () => setHoveredLang(i),
+					onMouseLeave: () => setHoveredLang(null),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "w-2 h-2 md:w-2.5 md:h-2.5 rounded-full",
+							style: { backgroundColor: lang.color ?? defaultLangColors[lang.name] ?? "var(--oklch-slate-400)" }
+						}),
+						lang.name,
+						" ",
+						lang.percent,
+						"%"
+					]
+				}, `legend-${lang.name}-${i}`);
+			})
+		})]
+	});
+});
+LanguageBarGlass.displayName = "LanguageBarGlass";
+var profileSizeClasses = {
+	sm: "w-9 h-9 md:w-10 md:h-10 text-xs md:text-sm",
+	md: "w-12 h-12 md:w-14 md:h-14 text-base md:text-lg",
+	lg: "w-14 h-14 md:w-16 md:h-16 text-lg md:text-xl",
+	xl: "w-18 h-18 md:w-20 md:h-20 text-xl md:text-2xl"
+};
+var getStatusVars = (statusType) => {
+	return {
+		online: {
+			bg: "var(--status-online)",
+			glow: "var(--status-online-glow)"
+		},
+		offline: {
+			bg: "var(--status-offline)",
+			glow: "none"
+		},
+		busy: {
+			bg: "var(--status-busy)",
+			glow: "var(--status-busy-glow)"
+		},
+		away: {
+			bg: "var(--status-away)",
+			glow: "var(--status-away-glow)"
+		}
+	}[statusType];
+};
+const ProfileAvatarGlass = (0, react.forwardRef)(({ initials, size = "lg", status, glowing = true, className, ...props }, ref) => {
+	const { isHovered, hoverProps } = require_use_focus.useHover();
+	const avatarStyles = {
+		background: "var(--avatar-bg)",
+		border: "3px solid var(--avatar-border)",
+		boxShadow: isHovered ? "var(--avatar-hover-glow)" : "var(--avatar-shadow)",
+		color: "var(--text-inverse)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("relative inline-flex", className),
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn("rounded-full flex items-center justify-center font-bold transition-all duration-300", profileSizeClasses[size], glowing && "animate-[glow-pulse_2s_ease-in-out_infinite]"),
+			style: avatarStyles,
+			role: "img",
+			"aria-label": `Profile avatar with initials ${initials}`,
+			children: initials
+		}), status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_utils.cn(statusSizes({ size }), "absolute -bottom-0.5 -right-0.5"),
+			style: {
+				background: getStatusVars(status).bg,
+				boxShadow: getStatusVars(status).glow
+			},
+			role: "status",
+			"aria-label": `Status: ${status}`
+		})]
+	});
+});
+ProfileAvatarGlass.displayName = "ProfileAvatarGlass";
+const progressSizes = (0, class_variance_authority.cva)("rounded-full overflow-hidden", {
+	variants: { size: {
+		sm: "h-1.5 md:h-1",
+		md: "h-2.5 md:h-2",
+		lg: "h-3.5 md:h-3",
+		xl: "h-5 md:h-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+var getGradientColor = (gradient = "violet") => {
+	const gradients = {
+		violet: {
+			colorVar: "--metric-default-text",
+			glowVar: "--progress-glow-violet"
+		},
+		blue: {
+			colorVar: "--metric-default-text",
+			glowVar: "--progress-glow-blue"
+		},
+		cyan: {
+			colorVar: "--metric-secondary-text",
+			glowVar: "--progress-glow-cyan"
+		},
+		amber: {
+			colorVar: "--metric-warning-text",
+			glowVar: "--progress-glow-amber"
+		},
+		emerald: {
+			colorVar: "--metric-success-text",
+			glowVar: "--progress-glow-emerald"
+		},
+		rose: {
+			colorVar: "--metric-destructive-text",
+			glowVar: "--progress-glow-rose"
+		}
+	};
+	return gradients[gradient] || gradients.violet;
+};
+const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0, gradient = "violet", showLabel, ...props }, ref) => {
+	const clampedValue = Math.min(100, Math.max(0, value));
+	const { colorVar, glowVar } = getGradientColor(gradient);
+	const trackStyles = { background: "var(--progress-bg)" };
+	const fillStyles = {
+		width: `${clampedValue}%`,
+		background: `var(${colorVar})`,
+		boxShadow: `var(${glowVar})`
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("w-full", className),
+		...props,
+		children: [showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex justify-between mb-1 md:mb-1.5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-(length:--font-size-2xs) md:text-xs text-(--text-muted)",
+				children: "Progress"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-(length:--font-size-2xs) md:text-xs font-medium text-(--text-secondary)",
+				children: [clampedValue, "%"]
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn(progressSizes({ size })),
+			style: trackStyles,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "h-full rounded-full transition-all duration-700 ease-out",
+				style: fillStyles,
+				role: "progressbar",
+				"aria-valuenow": clampedValue,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-label": `Progress: ${clampedValue}%`
+			})
+		})]
+	});
+});
+ProgressGlass.displayName = "ProgressGlass";
+var sizeClasses = {
+	sm: "h-2.5 md:h-2",
+	md: "h-3.5 md:h-3",
+	lg: "h-[1.125rem] md:h-4",
+	xl: "h-6 md:h-5"
+};
+const RainbowProgressGlass = (0, react.forwardRef)(({ value, size = "lg", showGlow = true, className, ...props }, ref) => {
+	const clampedValue = Math.min(100, Math.max(0, value));
+	const trackStyles = { background: "var(--progress-bg)" };
+	const fillStyles = {
+		width: `${clampedValue}%`,
+		background: "var(--rainbow-gradient)",
+		boxShadow: showGlow ? "var(--rainbow-glow)" : "none",
+		animation: showGlow ? "var(--rainbow-animation)" : "none"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("rounded-full overflow-hidden", sizeClasses[size], className),
+		style: trackStyles,
+		role: "progressbar",
+		"aria-valuenow": clampedValue,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-label": `Rainbow progress: ${clampedValue}%`,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "h-full rounded-full transition-all duration-1000",
+			style: fillStyles
+		})
+	});
+});
+RainbowProgressGlass.displayName = "RainbowProgressGlass";
+const SegmentedControlGlass = (0, react.forwardRef)(({ options = [], value, onChange, className, ...props }, ref) => {
+	const containerStyles = {
+		border: "1px solid var(--segmented-container-border)",
+		background: "var(--segmented-container-bg)"
+	};
+	if (!options || options.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("inline-flex rounded-xl overflow-hidden", className),
+		style: containerStyles,
+		role: "tablist",
+		...props,
+		children: options.map((opt) => {
+			const isActive = value === opt.value;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				onClick: () => onChange?.(opt.value),
+				className: "px-3 py-1.5 md:px-4 md:py-2 text-xs md:text-sm font-medium transition-all duration-300",
+				style: {
+					background: isActive ? "var(--segmented-active-bg)" : "transparent",
+					color: isActive ? "var(--segmented-active-text)" : "var(--segmented-inactive-text)"
+				},
+				type: "button",
+				role: "tab",
+				"aria-selected": isActive,
+				children: opt.label
+			}, opt.value);
+		})
+	});
+});
+SegmentedControlGlass.displayName = "SegmentedControlGlass";
+const sparklineContainerVariants = (0, class_variance_authority.cva)("flex items-end", {
+	variants: {
+		height: {
+			sm: "h-4",
+			md: "h-6",
+			lg: "h-8"
+		},
+		gap: {
+			none: "gap-0",
+			sm: "gap-px",
+			md: "gap-0.5"
+		}
+	},
+	defaultVariants: {
+		height: "md",
+		gap: "sm"
+	}
+});
+const sparklineBarVariants = (0, class_variance_authority.cva)("flex-1 rounded-sm transition-all duration-300", {
+	variants: { animated: {
+		true: "animate-sparkline-grow",
+		false: ""
+	} },
+	defaultVariants: { animated: false }
+});
+var defaultSparklineConfig = {
+	value: {
+		label: "Value",
+		color: "var(--sparkline-bar-fill, hsl(var(--chart-1-base)))"
+	},
+	max: {
+		label: "Maximum",
+		color: "var(--sparkline-bar-max, var(--alert-success-text))"
+	}
+};
+var heightMap = {
+	sm: 16,
+	md: 24,
+	lg: 32
+};
+var SparklineTooltip = ({ active, payload, valueFormatter }) => {
+	if (!active || !payload?.length) return null;
+	const data = payload[0];
+	const value = data.value;
+	const index = data.payload.index;
+	const label = data.payload.label;
+	const displayValue = valueFormatter ? valueFormatter(value, index) : value.toLocaleString();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "rounded-md border border-[var(--glass-border)] bg-[var(--glass-bg)] px-2 py-1 text-xs shadow-lg backdrop-blur-md",
+		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "font-medium text-[var(--text-primary)]",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "text-[var(--text-secondary)]",
+			children: displayValue
+		})]
+	});
+};
+const SparklineGlass = (0, react.forwardRef)(({ data, labels, showLabels = false, highlightMax = false, barColor, maxBarColor, tooltips, height = "md", gap = "sm", animated = false, minBarHeightPercent = 4, config = defaultSparklineConfig, valueFormatter, onBarClick, showTooltip = true, className, ...props }, ref) => {
+	const chartData = (0, react.useMemo)(() => {
+		const maxValue$1 = Math.max(...data, 0);
+		const maxIndex$1 = data.indexOf(maxValue$1);
+		return data.map((value, index) => ({
+			index,
+			value,
+			label: labels?.[index] || tooltips?.[index],
+			isMax: highlightMax && index === maxIndex$1 && value > 0,
+			displayValue: maxValue$1 > 0 ? Math.max(value, maxValue$1 * (minBarHeightPercent / 100)) : minBarHeightPercent
+		}));
+	}, [
+		data,
+		labels,
+		tooltips,
+		highlightMax,
+		minBarHeightPercent
+	]);
+	const { maxValue, maxIndex } = (0, react.useMemo)(() => {
+		const max = Math.max(...data, 0);
+		return {
+			maxValue: max,
+			maxIndex: data.indexOf(max)
+		};
+	}, [data]);
+	const ariaLabel = (0, react.useMemo)(() => {
+		if (data.length === 0) return "Empty sparkline chart";
+		return `Sparkline chart with ${data.length} data points, maximum value ${maxValue}${labels ? ` at ${labels[maxIndex] || `position ${maxIndex + 1}`}` : ""}`;
+	}, [
+		data.length,
+		maxValue,
+		maxIndex,
+		labels
+	]);
+	const resolvedBarColor = barColor || config.value?.color || "var(--sparkline-bar-fill)";
+	const resolvedMaxColor = maxBarColor || config.max?.color || "var(--sparkline-bar-max)";
+	const barGap = {
+		none: 0,
+		sm: 1,
+		md: 2
+	}[gap || "sm"];
+	const chartHeight = heightMap[height || "md"];
+	const handleClick = (dataPoint) => {
+		if (onBarClick) onBarClick(dataPoint.value, dataPoint.index);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		role: "img",
+		"aria-label": ariaLabel,
+		className: require_utils.cn("flex flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn(sparklineContainerVariants({
+				height,
+				gap
+			})),
+			"data-chart": "sparkline",
+			style: {
+				"--color-value": resolvedBarColor,
+				"--color-max": resolvedMaxColor
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
+				width: "100%",
+				height: chartHeight,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.BarChart, {
+					data: chartData,
+					margin: {
+						top: 0,
+						right: 0,
+						bottom: 0,
+						left: 0
+					},
+					barGap,
+					children: [showTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, {
+						content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SparklineTooltip, { valueFormatter }),
+						cursor: false,
+						isAnimationActive: false
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Bar, {
+						dataKey: "displayValue",
+						radius: [
+							2,
+							2,
+							0,
+							0
+						],
+						isAnimationActive: animated,
+						animationDuration: 500,
+						animationEasing: "ease-out",
+						onClick: (_, index) => handleClick(chartData[index]),
+						style: { cursor: onBarClick ? "pointer" : "default" },
+						children: chartData.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Cell, {
+							fill: entry.isMax ? resolvedMaxColor : resolvedBarColor,
+							className: "transition-colors duration-200 hover:opacity-80"
+						}, `cell-${index}`))
+					})]
+				})
+			})
+		}), showLabels && labels && labels.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex mt-1",
+			"aria-hidden": "true",
+			children: labels.map((label, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn("flex-1 text-center leading-none truncate text-xs", "text-(--text-muted)"),
+				children: label
+			}, index))
+		})]
+	});
+});
+SparklineGlass.displayName = "SparklineGlass";
+var defaultFeatures = [
+	"Code quality assessment",
+	"Architecture patterns",
+	"Best practices"
+];
+const AICardGlass = (0, react.forwardRef)(({ onGenerate, features = defaultFeatures, estimatedTime = "~30 seconds", className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InteractiveCard, {
+		ref,
+		baseBg: "var(--ai-card-bg)",
+		borderColor: "var(--ai-card-border)",
+		hoverGlow: "var(--ai-card-hover-glow)",
+		hoverLift: true,
+		blur: "sm",
+		rounded: "rounded-xl",
+		className: require_utils.cn("w-full sm:w-56 md:w-64 p-3 md:p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5 md:gap-2 font-semibold text-xs md:text-sm mb-1.5 md:mb-2",
+				style: { color: "var(--text-accent)" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sparkles, { className: "w-3.5 h-3.5 md:w-4 md:h-4" }), "AI Summary"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-(length:--font-size-2xs) md:text-xs mb-1.5 md:mb-2 text-(--text-secondary)",
+				children: "Get comprehensive analysis:"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: "text-(length:--font-size-2xs) md:text-xs space-y-0.5 md:space-y-1 mb-2 md:mb-3",
+				children: features.map((feature, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: "flex items-center gap-1",
+					style: { color: "var(--text-muted)" },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
+						className: "w-2.5 h-2.5 md:w-3 md:h-3",
+						style: { color: "var(--status-online)" }
+					}), feature]
+				}, `feature-${i}`))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
+				variant: "default",
+				size: "sm",
+				icon: lucide_react.Zap,
+				onClick: onGenerate,
+				className: "w-full",
+				children: "Generate Report"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "text-(length:--font-size-2xs) md:text-xs mt-1.5 md:mt-2 text-center flex items-center justify-center gap-1 text-(--text-muted)",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Clock, { className: "w-2.5 h-2.5 md:w-3 md:h-3" }), estimatedTime]
+			})
+		]
+	});
+});
+AICardGlass.displayName = "AICardGlass";
+const CareerStatsHeaderGlass = (0, react.forwardRef)(({ totalCommits, totalPRs, totalRepos, title = "Career Stats", wrapStats = true, className, ...props }, ref) => {
+	const titleStyles = { color: "var(--text-primary)" };
+	const accentStyles = { color: "var(--text-accent)" };
+	const statsStyles = { color: "var(--text-secondary)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("mb-4", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+			className: "font-semibold flex items-center gap-2 mb-1",
+			style: titleStyles,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.TrendingUp, {
+				className: "w-5 h-5",
+				style: accentStyles
+			}), title]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			className: require_utils.cn("text-sm flex items-center gap-2", wrapStats && "flex-wrap"),
+			style: statsStyles,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Code, { className: "w-4 h-4" }),
+						totalCommits.toLocaleString(),
+						" commits"
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "·" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.GitPullRequest, { className: "w-4 h-4" }),
+						totalPRs,
+						" PRs"
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "·" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FolderGit2, { className: "w-4 h-4" }),
+						totalRepos,
+						" repos"
+					]
+				})
+			]
+		})]
+	});
+});
+CareerStatsHeaderGlass.displayName = "CareerStatsHeaderGlass";
+var colorMap = {
+	emerald: {
+		gradient: "emerald",
+		textVar: "var(--metric-success-text)"
+	},
+	amber: {
+		gradient: "amber",
+		textVar: "var(--metric-warning-text)"
+	},
+	blue: {
+		gradient: "blue",
+		textVar: "var(--metric-default-text)"
+	},
+	red: {
+		gradient: "rose",
+		textVar: "var(--metric-destructive-text)"
+	}
+};
+const CircularMetricGlass = (0, react.forwardRef)(({ label, value, color = "blue", size = "sm", className, ...props }, ref) => {
+	const { gradient, textVar } = colorMap[color];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex flex-col items-center gap-1", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CircularProgressGlass, {
+			value,
+			size,
+			color: gradient,
+			labelColor: textVar,
+			thickness: size === "sm" ? 6 : 8,
+			showGlow: true,
+			glowIntensity: "medium"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-xs font-medium",
+			style: { color: textVar },
+			children: label
+		})]
+	});
+});
+CircularMetricGlass.displayName = "CircularMetricGlass";
+const ContributionMetricsGlass = (0, react.forwardRef)(({ userCommits, userContribution, totalProjectCommits: providedTotal, estimatedLines: providedLines, columns = 2, className, ...props }, ref) => {
+	const totalProjectCommits = providedTotal ?? (userContribution > 0 ? Math.round(userCommits / (userContribution / 100)) : userCommits);
+	const estimatedLines = providedLines ?? Math.round(userCommits * 12);
+	const cardStyles = {
+		background: "var(--card-bg)",
+		borderColor: "var(--card-border)"
+	};
+	const mutedStyles = { color: "var(--text-muted)" };
+	const primaryStyles = { color: "var(--text-primary)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("grid gap-2", {
+			1: "grid-cols-1",
+			2: "grid-cols-1 sm:grid-cols-2"
+		}[columns], className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "p-2.5 rounded-lg border",
+			style: cardStyles,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: "Your Contribution"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "font-semibold",
+					style: primaryStyles,
+					children: [userCommits.toLocaleString(), " commits"]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: [userContribution, "%"]
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "p-2.5 rounded-lg border",
+			style: cardStyles,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: "Full Project"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "font-semibold",
+					style: primaryStyles,
+					children: [totalProjectCommits.toLocaleString(), " commits"]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: [
+						"~",
+						estimatedLines.toLocaleString(),
+						" lines"
+					]
+				})
+			]
+		})]
+	});
+});
+ContributionMetricsGlass.displayName = "ContributionMetricsGlass";
+var variantStyles = {
+	default: {
+		bg: "var(--metric-default-bg)",
+		text: "var(--metric-default-text)",
+		border: "var(--metric-default-border)",
+		glow: "var(--metric-default-glow)"
+	},
+	secondary: {
+		bg: "var(--metric-secondary-bg)",
+		text: "var(--metric-secondary-text)",
+		border: "var(--metric-secondary-border)",
+		glow: "var(--metric-secondary-glow)"
+	},
+	success: {
+		bg: "var(--metric-success-bg)",
+		text: "var(--metric-success-text)",
+		border: "var(--metric-success-border)",
+		glow: "var(--metric-success-glow)"
+	},
+	warning: {
+		bg: "var(--metric-warning-bg)",
+		text: "var(--metric-warning-text)",
+		border: "var(--metric-warning-border)",
+		glow: "var(--metric-warning-glow)"
+	},
+	destructive: {
+		bg: "var(--metric-destructive-bg)",
+		text: "var(--metric-destructive-text)",
+		border: "var(--metric-destructive-border)",
+		glow: "var(--metric-destructive-glow)"
+	}
+};
+var variantToGradient = {
+	default: "blue",
+	secondary: "cyan",
+	success: "emerald",
+	warning: "amber",
+	destructive: "rose"
+};
+var colorToVariant = {
+	emerald: "success",
+	amber: "warning",
+	blue: "default",
+	red: "destructive"
+};
+var trendColors = {
+	up: "text-[var(--alert-success-text)]",
+	down: "text-[var(--alert-destructive-text)]",
+	neutral: "text-[var(--text-muted)]"
+};
+var TrendIcons = {
+	up: lucide_react.TrendingUp,
+	down: lucide_react.TrendingDown,
+	neutral: lucide_react.Minus
+};
+const MetricCardGlass = (0, react.forwardRef)(({ title, value, description, change, variant, progress, label, color, valueFormatter, valueSuffix, trend, icon, sparklineData, showSparkline = true, showProgress = true, className, ...props }, ref) => {
+	const actualTitle = title || label;
+	if (!actualTitle) console.warn("[MetricCardGlass] Missing required prop: `title` (or deprecated `label`)");
+	if (label && !title) console.warn("[MetricCardGlass] Deprecated prop `label` used. Please use `title` instead. Will be removed in v2.0");
+	const actualVariant = variant || (color ? colorToVariant[color] : "default");
+	if (color && !variant) console.warn(`[MetricCardGlass] Deprecated prop \`color="${color}"\` used. Please use \`variant="${colorToVariant[color]}"\` instead. Will be removed in v2.0`);
+	const actualDescription = description || valueSuffix;
+	if (valueSuffix && !description) console.warn("[MetricCardGlass] Deprecated prop `valueSuffix` used. Please use `description` instead. Will be removed in v2.0");
+	const actualChange = change || (trend ? {
+		value: trend.value,
+		direction: trend.direction,
+		period: trend.label
+	} : void 0);
+	if (trend && !change) console.warn("[MetricCardGlass] Deprecated prop `trend` used. Please use `change` instead. Will be removed in v2.0");
+	const displayValue = typeof value === "number" && valueFormatter ? valueFormatter(value) : String(value);
+	if (valueFormatter) console.warn("[MetricCardGlass] Deprecated prop `valueFormatter` used. Please format value before passing. Will be removed in v2.0");
+	const actualProgress = progress ?? (typeof value === "number" && value >= 0 && value <= 100 ? value : void 0);
+	const variantVars = variantStyles[actualVariant];
+	const hasSparkline = showSparkline && sparklineData && sparklineData.length > 0;
+	const valueStyles = {
+		color: variantVars.text,
+		textShadow: variantVars.glow
+	};
+	const renderChange = () => {
+		if (!actualChange) return null;
+		if (typeof actualChange === "string" || typeof actualChange === "number") {
+			const changeStr = String(actualChange);
+			const isPositive = changeStr.startsWith("+") || !changeStr.startsWith("-") && parseFloat(changeStr) > 0;
+			const isNegative = changeStr.startsWith("-") || parseFloat(changeStr) < 0;
+			const direction$1 = isPositive ? "up" : isNegative ? "down" : "neutral";
+			const TrendIcon$1 = TrendIcons[direction$1];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_utils.cn("flex items-center gap-1 text-xs", trendColors[direction$1]),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendIcon$1, {
+					className: "w-3 h-3",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-medium",
+					children: changeStr
+				})]
+			});
+		}
+		const changeValue = actualChange.value;
+		const direction = actualChange.direction || (changeValue > 0 ? "up" : changeValue < 0 ? "down" : "neutral");
+		const TrendIcon = TrendIcons[direction];
+		const displayChange = direction === "down" ? `-${Math.abs(changeValue)}` : `+${changeValue}`;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn("flex items-center gap-1 text-xs", trendColors[direction]),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendIcon, {
+					className: "w-3 h-3",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "font-medium",
+					children: [displayChange, "%"]
+				}),
+				actualChange.period && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[var(--text-muted)] ml-0.5",
+					children: actualChange.period
+				})
+			]
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InteractiveCard, {
+		ref,
+		baseBg: variantVars.bg,
+		borderColor: variantVars.border,
+		hoverGlow: variantVars.glow,
+		hoverLift: true,
+		blur: "sm",
+		rounded: "rounded-xl",
+		className: require_utils.cn("p-3 md:p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start justify-between mb-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "text-(--text-muted)",
+						"aria-hidden": "true",
+						children: icon
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-(length:--font-size-2xs) sm:text-xs md:text-sm font-medium truncate text-(--text-secondary)",
+						children: actualTitle
+					})]
+				}), renderChange()]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center mb-2 md:mb-3 gap-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-bold text-lg sm:text-xl md:text-2xl whitespace-nowrap",
+					style: valueStyles,
+					children: displayValue
+				}), actualDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-(length:--font-size-2xs) text-(--text-muted)",
+					children: actualDescription
+				})]
+			}),
+			hasSparkline ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "space-y-2",
+				children: [showProgress && actualProgress !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressGlass, {
+					value: actualProgress,
+					gradient: variantToGradient[actualVariant],
+					size: "sm"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SparklineGlass, {
+					data: sparklineData,
+					height: "sm",
+					gap: "sm",
+					className: "w-full",
+					barColor: variantVars.text,
+					highlightMax: true,
+					"aria-label": `${actualTitle} trend`
+				})]
+			}) : showProgress && actualProgress !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressGlass, {
+				value: actualProgress,
+				gradient: variantToGradient[actualVariant],
+				size: "sm"
+			}) : null
+		]
+	});
+});
+MetricCardGlass.displayName = "MetricCardGlass";
+const MetricsGridGlass = (0, react.forwardRef)(({ metrics, columns = 4, gap = "md", className, ...props }, ref) => {
+	const gapClasses = {
+		sm: "gap-2",
+		md: "gap-4",
+		lg: "gap-6"
+	};
+	const columnClasses = {
+		1: "grid-cols-1",
+		2: "grid-cols-1 sm:grid-cols-2",
+		3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
+		4: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4",
+		5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-5",
+		6: "grid-cols-2 sm:grid-cols-3 md:grid-cols-6"
+	};
+	if (metrics.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("grid", columnClasses[columns], gapClasses[gap], className),
+		...props,
+		children: metrics.map((metric) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetricCardGlass, {
+			title: metric.title,
+			value: metric.value,
+			variant: metric.variant
+		}, metric.title))
+	});
+});
+MetricsGridGlass.displayName = "MetricsGridGlass";
+const RepositoryCardGlass = (0, react.forwardRef)(({ name, languages, commits, contribution, stars = 0, flagType = "green", issues = [], expanded = false, onToggle, onGitHubClick, onAIAnalysisClick, className, ...props }, ref) => {
+	const totalProjectCommits = contribution > 0 ? Math.round(commits / (contribution / 100)) : commits;
+	const estimatedLines = Math.round(commits * 12);
+	const expandedStyles = {
+		background: "var(--expanded-bg)",
+		borderColor: "var(--card-border)"
+	};
+	const metricCardStyles = {
+		background: "var(--card-bg)",
+		borderColor: "var(--card-border)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InteractiveCard, {
+		ref,
+		baseBg: "var(--card-bg)",
+		hoverBg: "var(--card-hover-bg)",
+		borderColor: "var(--card-border)",
+		hoverLift: false,
+		blur: "sm",
+		rounded: "rounded-xl",
+		className: require_utils.cn("overflow-hidden", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "p-3 md:p-3.5 cursor-pointer",
+			onClick: onToggle,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					onToggle?.();
+				}
+			},
+			"aria-expanded": expanded,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2.5",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-medium text-sm",
+							style: { color: "var(--text-primary)" },
+							children: name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIndicatorGlass, { type: flagType })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [stars > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "flex items-center gap-1 text-xs",
+							style: { color: "var(--status-away)" },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Star, { className: "w-3 h-3" }), stars]
+						}), expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {
+							className: "w-4 h-4",
+							style: { color: "var(--text-muted)" }
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
+							className: "w-4 h-4",
+							style: { color: "var(--text-muted)" }
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "text-xs mt-1.5",
+					style: { color: "var(--text-muted)" },
+					children: languages
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "text-xs mt-0.5",
+					style: { color: "var(--text-secondary)" },
+					children: [
+						commits,
+						" commits · ",
+						contribution,
+						"%"
+					]
+				})
+			]
+		}), expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "border-t p-3.5 space-y-3",
+			style: expandedStyles,
+			children: [
+				issues.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "p-3 rounded-xl border",
+					style: {
+						background: "var(--alert-danger-bg)",
+						borderColor: "var(--alert-danger-border)"
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "text-xs font-semibold flex items-center gap-1.5 mb-1.5",
+						style: { color: "var(--alert-danger-text)" },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, { className: "w-3.5 h-3.5" }), "Issues"]
+					}), issues.map((issue, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "text-xs opacity-70",
+						style: { color: "var(--alert-danger-text)" },
+						children: ["• ", issue]
+					}, index))]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "p-2.5 rounded-lg border",
+						style: metricCardStyles,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: "Your Contribution"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "font-semibold",
+								style: { color: "var(--text-primary)" },
+								children: [commits, " commits"]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: [contribution, "%"]
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "p-2.5 rounded-lg border",
+						style: metricCardStyles,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: "Full Project"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "font-semibold",
+								style: { color: "var(--text-primary)" },
+								children: [totalProjectCommits, " commits"]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: [
+									"~",
+									estimatedLines,
+									" lines"
+								]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col sm:flex-row gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
+						variant: "secondary",
+						size: "sm",
+						icon: lucide_react.ExternalLink,
+						onClick: (e) => {
+							e.stopPropagation();
+							onGitHubClick?.();
+						},
+						className: "flex-1",
+						children: "GitHub"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
+						variant: "default",
+						size: "sm",
+						icon: lucide_react.Sparkles,
+						onClick: (e) => {
+							e.stopPropagation();
+							onAIAnalysisClick?.();
+						},
+						className: "flex-1",
+						children: "AI Analysis"
+					})]
+				})
+			]
+		})]
+	});
+});
+RepositoryCardGlass.displayName = "RepositoryCardGlass";
+const RepositoryHeaderGlass = (0, react.forwardRef)(({ name, flagType = "green", stars = 0, expanded = false, abbreviatedStars = false, className, ...props }, ref) => {
+	const titleStyles = { color: "var(--text-primary)" };
+	const starStyles = { color: "var(--status-away)" };
+	const mutedStyles = { color: "var(--text-muted)" };
+	const formatStars = (count) => {
+		if (!abbreviatedStars) return String(count);
+		if (count >= 1e6) return `${(count / 1e6).toFixed(1)}M`;
+		if (count >= 1e3) return `${(count / 1e3).toFixed(1)}k`;
+		return String(count);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex items-center justify-between", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2.5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "font-medium text-sm",
+				style: titleStyles,
+				children: name
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIndicatorGlass, { type: flagType })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [stars > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex items-center gap-1 text-xs",
+				style: starStyles,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Star, { className: "w-3 h-3" }), formatStars(stars)]
+			}), expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {
+				className: "w-4 h-4",
+				style: mutedStyles
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
+				className: "w-4 h-4",
+				style: mutedStyles
+			})]
+		})]
+	});
+});
+RepositoryHeaderGlass.displayName = "RepositoryHeaderGlass";
+const RepositoryMetadataGlass = (0, react.forwardRef)(({ languages, commits, contribution, stacked = false, className, ...props }, ref) => {
+	const mutedStyles = { color: "var(--text-muted)" };
+	const secondaryStyles = { color: "var(--text-secondary)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn(stacked ? "space-y-0.5" : "space-y-1", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "text-xs",
+			style: mutedStyles,
+			children: languages
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "text-xs",
+			style: secondaryStyles,
+			children: [
+				commits.toLocaleString(),
+				" commits · ",
+				contribution,
+				"%"
+			]
+		})]
+	});
+});
+RepositoryMetadataGlass.displayName = "RepositoryMetadataGlass";
+const TrustScoreDisplayGlass = (0, react.forwardRef)(({ score, maxScore = 100, title = "Overall Trust Score", showIcon = true, size = "md", className, ...props }, ref) => {
+	const titleStyles = { color: "var(--text-primary)" };
+	const accentStyles = { color: "var(--text-accent)" };
+	const mutedStyles = { color: "var(--text-muted)" };
+	const sizes = {
+		sm: {
+			title: "text-base",
+			score: "text-2xl",
+			max: "text-lg",
+			icon: "w-4 h-4"
+		},
+		md: {
+			title: "text-lg",
+			score: "text-4xl",
+			max: "text-xl",
+			icon: "w-5 h-5"
+		},
+		lg: {
+			title: "text-xl",
+			score: "text-5xl",
+			max: "text-2xl",
+			icon: "w-6 h-6"
+		}
+	}[size];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex items-center justify-between", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+			className: require_utils.cn("font-semibold flex items-center gap-2", sizes.title),
+			style: titleStyles,
+			children: [showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Target, {
+				className: sizes.icon,
+				style: accentStyles
+			}), title]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 animate-[score-pulse_2s_ease-in-out_infinite]",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(sizes.score, "font-bold bg-clip-text text-transparent"),
+				style: { backgroundImage: "var(--score-gradient)" },
+				children: score
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: sizes.max,
+				style: mutedStyles,
+				children: ["/ ", maxScore]
+			})]
+		})]
+	});
+});
+TrustScoreDisplayGlass.displayName = "TrustScoreDisplayGlass";
+const UserInfoGlass = (0, react.forwardRef)(({ name, username, joinDate, profileUrl = "#", layout = "vertical", className, ...props }, ref) => {
+	const titleStyles = { color: "var(--text-primary)" };
+	const metaStyles = { color: "var(--text-secondary)" };
+	const linkStyles = { color: "var(--text-accent)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn(layout === "vertical" ? "space-y-1" : "flex items-center gap-4", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+			className: require_utils.cn("font-bold", layout === "vertical" ? "text-lg md:text-xl" : "text-xl"),
+			style: titleStyles,
+			children: name
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn("flex items-center gap-2 text-sm flex-wrap", layout === "vertical" && "mt-0.5"),
+			style: metaStyles,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+					href: profileUrl,
+					className: "flex items-center gap-1 hover:underline",
+					style: linkStyles,
+					"aria-label": `View ${username}'s profile`,
+					children: [
+						"@",
+						username,
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLink, { className: "w-3 h-3" })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "·" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Calendar, { className: "w-3 h-3" }),
+						" Joined ",
+						joinDate
+					]
+				})
+			]
+		})]
+	});
+});
+UserInfoGlass.displayName = "UserInfoGlass";
+const UserStatsLineGlass = (0, react.forwardRef)(({ repos, followers, following, wrap = true, abbreviated = false, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex items-center gap-4 text-sm", wrap && "flex-wrap", className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatItemGlass, {
+				icon: lucide_react.FolderGit2,
+				value: repos,
+				label: "repos",
+				abbreviated
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatItemGlass, {
+				icon: lucide_react.Users,
+				value: followers,
+				label: "followers",
+				abbreviated
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatItemGlass, {
+				icon: lucide_react.User,
+				value: following,
+				label: "following",
+				abbreviated
+			})
+		]
+	});
+});
+UserStatsLineGlass.displayName = "UserStatsLineGlass";
+const YearCardGlass = (0, react.forwardRef)(({ year, emoji, label, commits, progress, isExpanded = false, gradient = "blue", prs = 0, repos = 0, onShowYear, sparklineData, sparklineLabels, insights, stats, actionLabel, showSparklineCollapsed = true, valueFormatter, children, className, onClick, ...props }, ref) => {
+	const expandedStyles = {
+		background: "var(--expanded-bg)",
+		borderColor: "var(--expanded-border)"
+	};
+	const metricCardStyles = {
+		background: "var(--card-bg)",
+		borderColor: "var(--card-border)"
+	};
+	const displayCommits = valueFormatter ? valueFormatter(commits) : commits;
+	const displayStats = stats || [
+		{
+			label: "Commits",
+			value: commits
+		},
+		{
+			label: "PRs",
+			value: prs
+		},
+		{
+			label: "Repos",
+			value: repos
+		}
+	];
+	const buttonLabel = actionLabel || `Show repos from ${year}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InteractiveCard, {
+		ref,
+		baseBg: "var(--year-card-bg)",
+		hoverBg: "var(--card-hover-bg)",
+		borderColor: "var(--year-card-border)",
+		hoverGlow: "var(--year-card-hover-glow)",
+		hoverLift: true,
+		rounded: "rounded-xl",
+		className: require_utils.cn("w-full max-w-2xl p-2.5 md:p-3 cursor-pointer", className),
+		onClick,
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				onClick?.(e);
+			}
+		},
+		"aria-expanded": isExpanded,
+		"aria-label": `${year} year: ${label}, ${commits} commits. ${isExpanded ? "Collapse" : "Expand"} details`,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between mb-1.5 md:mb-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-1.5 md:gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "font-semibold text-sm md:text-base",
+						style: { color: "var(--text-primary)" },
+						children: year
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BadgeGlass, { children: [
+						emoji,
+						" ",
+						label
+					] })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "text-xs md:text-sm flex items-center gap-0.5 md:gap-1",
+					style: { color: "var(--text-secondary)" },
+					children: [displayCommits, isExpanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {
+						className: "w-3.5 h-3.5 md:w-4 md:h-4",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
+						className: "w-3.5 h-3.5 md:w-4 md:h-4",
+						"aria-hidden": "true"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressGlass, {
+						value: progress,
+						gradient,
+						size: "sm"
+					})
+				}), showSparklineCollapsed && sparklineData && sparklineData.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SparklineGlass, {
+					data: sparklineData,
+					labels: sparklineLabels,
+					height: "sm",
+					gap: "sm",
+					className: "w-16 md:w-20",
+					"aria-label": `Activity trend for ${year}`
+				})]
+			}),
+			isExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-3 pt-3 border-t space-y-3",
+				style: expandedStyles,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "grid gap-2 md:gap-3",
+						style: { gridTemplateColumns: `repeat(${Math.min(displayStats.length, 4)}, 1fr)` },
+						children: displayStats.map((stat, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "p-2 md:p-2.5 rounded-lg border text-center",
+							style: metricCardStyles,
+							children: [
+								stat.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "mb-1 flex justify-center text-[var(--text-muted)]",
+									children: stat.icon
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "text-base md:text-xl font-bold",
+									style: { color: "var(--text-primary)" },
+									children: stat.value
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "text-(length:--font-size-2xs) md:text-xs text-(--text-muted)",
+									children: stat.label
+								})
+							]
+						}, index))
+					}),
+					!showSparklineCollapsed && sparklineData && sparklineData.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SparklineGlass, {
+						data: sparklineData,
+						labels: sparklineLabels,
+						showLabels: !!sparklineLabels,
+						height: "md",
+						gap: "sm",
+						highlightMax: true,
+						className: "w-full",
+						"aria-label": `Monthly activity for ${year}`
+					}),
+					insights && insights.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "space-y-2",
+						children: insights.map((insight, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightCardGlass, {
+							variant: insight.variant,
+							emoji: insight.emoji,
+							text: insight.text,
+							detail: insight.detail,
+							inline: false
+						}, index))
+					}),
+					children,
+					onShowYear && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
+						variant: "default",
+						size: "sm",
+						onClick: (e) => {
+							e.stopPropagation();
+							onShowYear();
+						},
+						className: "w-full",
+						children: buttonLabel
+					})
+				]
+			})
+		]
+	});
+});
+YearCardGlass.displayName = "YearCardGlass";
+const CareerStatsGlass = (0, react.forwardRef)(({ totalCommits = 2242, totalPRs = 47, totalRepos = 11, years = [], className, ...props }, ref) => {
+	const [expandedYear, setExpandedYear] = (0, react.useState)(null);
+	const handleYearClick = (year) => {
+		setExpandedYear(expandedYear === year ? null : year);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(GlassCard, {
+		ref,
+		className: require_utils.cn("p-4 md:p-5 lg:p-6", className),
+		intensity: "medium",
+		hover: false,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+				className: "font-semibold flex items-center gap-2 md:gap-2.5 lg:gap-3 mb-1 text-base md:text-lg lg:text-xl",
+				style: { color: "var(--text-primary)" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.TrendingUp, {
+					className: "w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6",
+					style: { color: "var(--text-accent)" }
+				}), "Career Stats"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "text-xs md:text-sm lg:text-base mb-3 md:mb-4 flex items-center gap-2 md:gap-2.5 lg:gap-3 flex-wrap",
+				style: { color: "var(--text-secondary)" },
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "flex items-center gap-1 md:gap-1.5",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Code, { className: "w-3.5 h-3.5 md:w-4 md:h-4 lg:w-5 lg:h-5" }),
+							totalCommits.toLocaleString(),
+							" commits"
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "·" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "flex items-center gap-1 md:gap-1.5",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.GitPullRequest, { className: "w-3.5 h-3.5 md:w-4 md:h-4 lg:w-5 lg:h-5" }),
+							totalPRs,
+							" PRs"
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "·" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "flex items-center gap-1 md:gap-1.5",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FolderGit2, { className: "w-3.5 h-3.5 md:w-4 md:h-4 lg:w-5 lg:h-5" }),
+							totalRepos,
+							" repos"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "space-y-2 md:space-y-2.5 lg:space-y-3",
+				children: years.map((y) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(YearCardGlass, {
+					year: y.year,
+					emoji: y.emoji,
+					label: y.label,
+					commits: y.commits,
+					progress: y.progress,
+					prs: y.prs,
+					repos: y.repos,
+					isExpanded: expandedYear === y.year,
+					onClick: () => handleYearClick(y.year),
+					onShowYear: () => {}
+				}, y.year))
+			})
+		]
+	});
+});
+CareerStatsGlass.displayName = "CareerStatsGlass";
+const FlagsSectionGlass = (0, react.forwardRef)(({ flags = [], expanded = false, onToggle, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(GlassCard, {
+		ref,
+		className: require_utils.cn("w-full max-w-2xl", className),
+		intensity: "medium",
+		hover: false,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			onClick: onToggle,
+			className: "w-full p-3 md:p-4 flex items-center justify-between rounded-2xl",
+			style: { color: "var(--text-primary)" },
+			type: "button",
+			"aria-expanded": expanded,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5 md:gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, {
+					className: "w-4 h-4 md:w-5 md:h-5",
+					style: { color: "var(--status-away)" }
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "font-medium text-sm md:text-base",
+					children: [flags.length, " flags detected"]
+				})]
+			}), expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {
+				className: "w-4 h-4 md:w-5 md:h-5",
+				style: { color: "var(--text-muted)" }
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
+				className: "w-4 h-4 md:w-5 md:h-5",
+				style: { color: "var(--text-muted)" }
+			})]
+		}), expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "px-3 pb-3 md:px-4 md:pb-4 space-y-1.5 md:space-y-2",
+			children: flags.map((flag, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlagAlertGlass, {
+				type: flag.type,
+				title: flag.title,
+				description: flag.description
+			}, `flag-${i}`))
+		})]
+	});
+});
+FlagsSectionGlass.displayName = "FlagsSectionGlass";
+const HeaderBrandingGlass = (0, react.forwardRef)(({ logoIcon, title, subtitle, onLogoClick, logoAriaLabel = "Home", className, ...props }, ref) => {
+	const titleStyles = { color: "var(--text-primary)" };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("flex items-center gap-4", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButtonGlass, {
+			icon: logoIcon,
+			"aria-label": logoAriaLabel,
+			onClick: onLogoClick,
+			variant: "gradient",
+			size: "md"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "font-semibold text-base md:text-lg",
+				style: titleStyles,
+				children: title
+			}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "hidden md:inline text-sm",
+				style: { color: "var(--text-secondary)" },
+				children: ["· ", subtitle]
+			})]
+		})]
+	});
+});
+HeaderBrandingGlass.displayName = "HeaderBrandingGlass";
+var themes = [
+	"light",
+	"aurora",
+	"glass"
+];
+var themeConfig = {
+	light: {
+		label: "Light",
+		icon: lucide_react.Sun
+	},
+	aurora: {
+		label: "Aurora",
+		icon: lucide_react.Moon
+	},
+	glass: {
+		label: "Glass",
+		icon: lucide_react.Palette
+	}
+};
+const HeaderNavGlass = (0, react.forwardRef)(({ username = "Yhooi2", onSearch, onThemeToggle, className, ...props }, ref) => {
+	const { theme, cycleTheme } = require_theme_context.useTheme();
+	const nextTheme = themes[(themes.indexOf(theme) + 1) % themes.length];
+	const NextIcon = themeConfig[nextTheme].icon;
+	const headerStyles = {
+		background: "var(--header-bg)",
+		borderColor: "var(--header-border)",
+		backdropFilter: "blur(var(--blur-md))",
+		WebkitBackdropFilter: "blur(var(--blur-md))"
+	};
+	const iconBtnStyles = {
+		background: "linear-gradient(135deg, var(--icon-btn-from), var(--icon-btn-to))",
+		boxShadow: "var(--icon-btn-shadow)"
+	};
+	const themeBtnStyles = {
+		background: "var(--card-subtle-bg)",
+		border: "1px solid var(--card-subtle-border)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+		ref,
+		className: require_utils.cn("border rounded-xl py-2 px-3 md:py-3 md:px-4 transition-all duration-300", className),
+		style: headerStyles,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 md:gap-4",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: "w-8 h-8 md:w-10 md:h-10 rounded-xl flex items-center justify-center transition-all duration-300 hover:scale-105",
+						style: iconBtnStyles,
+						type: "button",
+						"aria-label": "GitHub",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Github, {
+							className: "w-4 h-4 md:w-5 md:h-5",
+							style: { color: "var(--icon-btn-text)" }
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "font-semibold text-base md:text-lg",
+						style: { color: "var(--text-primary)" },
+						children: "User Analytics"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchBoxGlass, {
+						className: "ml-2 md:ml-4",
+						defaultValue: username,
+						onSubmit: onSearch,
+						inputWidth: "w-28 sm:w-36 md:w-48",
+						placeholder: "Search username..."
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 md:gap-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					onClick: onThemeToggle ?? cycleTheme,
+					className: "p-2 md:p-2.5 rounded-xl transition-all duration-300 hover:scale-105",
+					style: themeBtnStyles,
+					type: "button",
+					"aria-label": `Switch to ${themeConfig[nextTheme].label} theme`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NextIcon, {
+						className: "w-4 h-4 md:w-5 md:h-5",
+						style: { color: "var(--text-secondary)" }
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
+					variant: "secondary",
+					icon: lucide_react.Github,
+					className: "hidden md:inline-flex",
+					children: "Sign in with GitHub"
+				})]
+			})]
+		})
+	});
+});
+HeaderNavGlass.displayName = "HeaderNavGlass";
+const ProfileHeaderGlass = (0, react.forwardRef)(({ name = "Artem Safronov", username = "Yhooi2", joinDate = "Jan 2023", stats = {}, languages = [], onAIGenerate, className, ...props }, ref) => {
+	const s = {
+		repos: 11,
+		followers: 1,
+		following: 5,
+		...stats
+	};
+	const getInitials$1 = (fullName) => {
+		return fullName.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlassCard, {
+		ref,
+		className: require_utils.cn("p-5", className),
+		intensity: "strong",
+		glow: "violet",
+		hover: false,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col md:flex-row gap-3 md:gap-6",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex gap-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileAvatarGlass, {
+						initials: getInitials$1(name),
+						size: "lg",
+						status: "online"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+							className: "text-lg md:text-xl font-bold",
+							style: { color: "var(--text-primary)" },
+							children: name
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 text-sm mt-0.5",
+							style: { color: "var(--text-secondary)" },
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+									href: "#",
+									className: "flex items-center gap-1 hover:underline",
+									style: { color: "var(--text-accent)" },
+									children: [
+										"@",
+										username,
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLink, { className: "w-3 h-3" })
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "·" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Calendar, { className: "w-3 h-3" }),
+										" Joined ",
+										joinDate
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-3 md:gap-4 mt-2 text-sm flex-wrap",
+							style: { color: "var(--text-secondary)" },
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FolderGit2, {
+											className: "w-4 h-4",
+											style: { color: "var(--text-accent)" }
+										}),
+										s.repos,
+										" repos"
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Users, {
+											className: "w-4 h-4",
+											style: { color: "var(--text-accent)" }
+										}),
+										s.followers,
+										" followers"
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.User, {
+											className: "w-4 h-4",
+											style: { color: "var(--text-accent)" }
+										}),
+										s.following,
+										" following"
+									]
+								})
+							]
+						})
+					] })]
+				}), languages.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "mt-4",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageBarGlass, { languages })
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AICardGlass, { onGenerate: onAIGenerate })]
+		})
+	});
+});
+ProfileHeaderGlass.displayName = "ProfileHeaderGlass";
+var ownershipOptions = [{
+	value: "your",
+	label: "Your"
+}, {
+	value: "contrib",
+	label: "Contrib"
+}];
+const ProjectsListGlass = (0, react.forwardRef)(({ repositories, showFlaggedOnly = false, selectedYear = null, onClearFilters, title, ownershipFilter, onOwnershipChange, sortBy = "commits", sortOrder = "desc", onSortChange, showControls, className, ...props }, ref) => {
+	const [expandedIndex, setExpandedIndex] = (0, react.useState)(null);
+	const shouldShowControls = showControls ?? (onOwnershipChange !== void 0 || onSortChange !== void 0);
+	const filteredRepos = (0, react.useMemo)(() => {
+		return repositories.filter((repo) => {
+			if (showFlaggedOnly && repo.flagType === "green") return false;
+			if (selectedYear && repo.createdYear !== selectedYear) return false;
+			if (ownershipFilter && ownershipFilter !== "all" && repo.ownership !== ownershipFilter) return false;
+			return true;
+		});
+	}, [
+		repositories,
+		showFlaggedOnly,
+		selectedYear,
+		ownershipFilter
+	]);
+	const sortedRepos = (0, react.useMemo)(() => {
+		if (!onSortChange) return filteredRepos;
+		return [...filteredRepos].sort((a, b) => {
+			const multiplier = sortOrder === "asc" ? 1 : -1;
+			switch (sortBy) {
+				case "commits": return (a.commits - b.commits) * multiplier;
+				case "stars": return ((a.stars ?? 0) - (b.stars ?? 0)) * multiplier;
+				case "name": return a.name.localeCompare(b.name) * multiplier;
+				case "contribution": return (a.contribution - b.contribution) * multiplier;
+				default: return 0;
+			}
+		});
+	}, [
+		filteredRepos,
+		sortBy,
+		sortOrder,
+		onSortChange
+	]);
+	const displayTitle = title ?? (showFlaggedOnly ? "Flagged" : selectedYear ? `${selectedYear}` : "All") + " Projects";
+	const emptyContainerStyles = { background: "var(--card-bg)" };
+	const handleOwnershipChange = (value) => {
+		if (onOwnershipChange && (value === "your" || value === "contrib")) onOwnershipChange(value);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(GlassCard, {
+		ref,
+		intensity: "medium",
+		className: require_utils.cn("p-3 sm:p-4", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 mb-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [
+					showFlaggedOnly ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, {
+						className: "w-4 h-4",
+						style: { color: "var(--status-away)" }
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FolderGit2, {
+						className: "w-4 h-4",
+						style: { color: "var(--text-accent)" }
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "font-semibold text-sm sm:text-base",
+						style: { color: "var(--text-primary)" },
+						children: displayTitle
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BadgeGlass, {
+						variant: "info",
+						children: [sortedRepos.length, " repos"]
+					})
+				]
+			}), shouldShowControls && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 flex-wrap",
+				children: [onSortChange && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortDropdownGlass, {
+					sortBy,
+					sortOrder,
+					onSortChange
+				}), onOwnershipChange && ownershipFilter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentedControlGlass, {
+					options: ownershipOptions,
+					value: ownershipFilter,
+					onChange: handleOwnershipChange
+				})]
+			})]
+		}), sortedRepos.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "text-center py-10",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "w-16 h-16 mx-auto mb-3 rounded-2xl flex items-center justify-center",
+					style: emptyContainerStyles,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FolderGit2, {
+						className: "w-8 h-8",
+						style: { color: "var(--text-muted)" }
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm",
+					style: { color: "var(--text-muted)" },
+					children: "No repositories found"
+				}),
+				onClearFilters && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					onClick: onClearFilters,
+					className: "mt-2 text-sm underline transition-colors hover:opacity-80",
+					style: { color: "var(--text-accent)" },
+					children: "Clear filters"
+				})
+			]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "space-y-2",
+			children: sortedRepos.map((repo, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RepositoryCardGlass, {
+				name: repo.name,
+				languages: repo.languages,
+				commits: repo.commits,
+				contribution: repo.contribution,
+				stars: repo.stars,
+				flagType: repo.flagType,
+				issues: repo.issues,
+				expanded: expandedIndex === index,
+				onToggle: () => setExpandedIndex(expandedIndex === index ? null : index)
+			}, repo.name))
+		})]
+	});
+});
+ProjectsListGlass.displayName = "ProjectsListGlass";
+const TrustScoreCardGlass = (0, react.forwardRef)(({ score = 72, metrics = [], className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(GlassCard, {
+		ref,
+		className: require_utils.cn("p-4 md:p-5", className),
+		intensity: "strong",
+		glow: "cyan",
+		hover: false,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between mb-3 md:mb-4",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+					className: "font-semibold flex items-center gap-1.5 md:gap-2 text-base md:text-lg",
+					style: { color: "var(--text-primary)" },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Target, {
+						className: "w-4 h-4 md:w-5 md:h-5",
+						style: { color: "var(--text-accent)" }
+					}), "Overall Trust Score"]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-1.5 md:gap-2 animate-[score-pulse_2s_ease-in-out_infinite]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-3xl md:text-4xl font-bold bg-clip-text text-transparent",
+						style: { backgroundImage: "var(--score-gradient)" },
+						children: score
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-lg md:text-xl",
+						style: { color: "var(--text-muted)" },
+						children: "/ 100"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RainbowProgressGlass, {
+				value: score,
+				size: "lg",
+				showGlow: true
+			}),
+			metrics.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3 md:gap-4 mt-4 md:mt-5",
+				children: metrics.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetricCardGlass, {
+					title: m.title,
+					value: m.value,
+					variant: m.variant
+				}, m.title))
+			})
+		]
+	});
+});
+TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
+Object.defineProperty(exports, "AICardGlass", {
+	enumerable: true,
+	get: function() {
+		return AICardGlass;
+	}
+});
+Object.defineProperty(exports, "AlertGlass", {
+	enumerable: true,
+	get: function() {
+		return AlertGlass;
+	}
+});
+Object.defineProperty(exports, "AlertGlassDescription", {
+	enumerable: true,
+	get: function() {
+		return AlertGlassDescription;
+	}
+});
+Object.defineProperty(exports, "AlertGlassTitle", {
+	enumerable: true,
+	get: function() {
+		return AlertGlassTitle;
+	}
+});
+Object.defineProperty(exports, "AvatarGlass", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlass;
+	}
+});
+Object.defineProperty(exports, "AvatarGlassFallback", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlassFallback;
+	}
+});
+Object.defineProperty(exports, "AvatarGlassImage", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlassImage;
+	}
+});
+Object.defineProperty(exports, "AvatarGlassSimple", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlassSimple;
+	}
+});
+Object.defineProperty(exports, "BadgeGlass", {
+	enumerable: true,
+	get: function() {
+		return BadgeGlass;
+	}
+});
+Object.defineProperty(exports, "BaseProgressGlass", {
+	enumerable: true,
+	get: function() {
+		return BaseProgressGlass;
+	}
+});
+Object.defineProperty(exports, "ButtonGlass", {
+	enumerable: true,
+	get: function() {
+		return ButtonGlass;
+	}
+});
+Object.defineProperty(exports, "CareerStatsGlass", {
+	enumerable: true,
+	get: function() {
+		return CareerStatsGlass;
+	}
+});
+Object.defineProperty(exports, "CareerStatsHeaderGlass", {
+	enumerable: true,
+	get: function() {
+		return CareerStatsHeaderGlass;
+	}
+});
+Object.defineProperty(exports, "Checkbox", {
+	enumerable: true,
+	get: function() {
+		return Checkbox;
+	}
+});
+Object.defineProperty(exports, "CheckboxGlass", {
+	enumerable: true,
+	get: function() {
+		return CheckboxGlass;
+	}
+});
+Object.defineProperty(exports, "CircularMetricGlass", {
+	enumerable: true,
+	get: function() {
+		return CircularMetricGlass;
+	}
+});
+Object.defineProperty(exports, "CircularProgressGlass", {
+	enumerable: true,
+	get: function() {
+		return CircularProgressGlass;
+	}
+});
+Object.defineProperty(exports, "ComboBoxGlass", {
+	enumerable: true,
+	get: function() {
+		return ComboBoxGlass;
+	}
+});
+Object.defineProperty(exports, "ContributionMetricsGlass", {
+	enumerable: true,
+	get: function() {
+		return ContributionMetricsGlass;
+	}
+});
+Object.defineProperty(exports, "DropdownGlass", {
+	enumerable: true,
+	get: function() {
+		return DropdownGlass;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlass", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlass;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassCheckboxItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassCheckboxItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassContent", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassContent;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassGroup", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassGroup;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassLabel", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassLabel;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassPortal", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassPortal;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassRadioGroup", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassRadioGroup;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassRadioItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassRadioItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSeparator", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSeparator;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassShortcut", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassShortcut;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSub", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSub;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSubContent", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSubContent;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSubTrigger", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSubTrigger;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassTrigger", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassTrigger;
+	}
+});
+Object.defineProperty(exports, "ExpandableHeaderGlass", {
+	enumerable: true,
+	get: function() {
+		return ExpandableHeaderGlass;
+	}
+});
+Object.defineProperty(exports, "FlagAlertGlass", {
+	enumerable: true,
+	get: function() {
+		return FlagAlertGlass;
+	}
+});
+Object.defineProperty(exports, "FlagsSectionGlass", {
+	enumerable: true,
+	get: function() {
+		return FlagsSectionGlass;
+	}
+});
+Object.defineProperty(exports, "FormFieldWrapper", {
+	enumerable: true,
+	get: function() {
+		return FormFieldWrapper;
+	}
+});
+Object.defineProperty(exports, "GlassCard", {
+	enumerable: true,
+	get: function() {
+		return GlassCard;
+	}
+});
+Object.defineProperty(exports, "HeaderBrandingGlass", {
+	enumerable: true,
+	get: function() {
+		return HeaderBrandingGlass;
+	}
+});
+Object.defineProperty(exports, "HeaderNavGlass", {
+	enumerable: true,
+	get: function() {
+		return HeaderNavGlass;
+	}
+});
+Object.defineProperty(exports, "IconButtonGlass", {
+	enumerable: true,
+	get: function() {
+		return IconButtonGlass;
+	}
+});
+Object.defineProperty(exports, "InputGlass", {
+	enumerable: true,
+	get: function() {
+		return InputGlass;
+	}
+});
+Object.defineProperty(exports, "InsightCardGlass", {
+	enumerable: true,
+	get: function() {
+		return InsightCardGlass;
+	}
+});
+Object.defineProperty(exports, "InteractiveCard", {
+	enumerable: true,
+	get: function() {
+		return InteractiveCard;
+	}
+});
+Object.defineProperty(exports, "LanguageBarGlass", {
+	enumerable: true,
+	get: function() {
+		return LanguageBarGlass;
+	}
+});
+Object.defineProperty(exports, "MetricCardGlass", {
+	enumerable: true,
+	get: function() {
+		return MetricCardGlass;
+	}
+});
+Object.defineProperty(exports, "MetricsGridGlass", {
+	enumerable: true,
+	get: function() {
+		return MetricsGridGlass;
+	}
+});
+Object.defineProperty(exports, "ModalGlass", {
+	enumerable: true,
+	get: function() {
+		return ModalGlass;
+	}
+});
+Object.defineProperty(exports, "NotificationGlass", {
+	enumerable: true,
+	get: function() {
+		return NotificationGlass;
+	}
+});
+Object.defineProperty(exports, "PopoverGlass", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlass;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassAnchor", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassAnchor;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassContent", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassContent;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassLegacy", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassLegacy;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassTrigger", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassTrigger;
+	}
+});
+Object.defineProperty(exports, "ProfileAvatarGlass", {
+	enumerable: true,
+	get: function() {
+		return ProfileAvatarGlass;
+	}
+});
+Object.defineProperty(exports, "ProfileHeaderGlass", {
+	enumerable: true,
+	get: function() {
+		return ProfileHeaderGlass;
+	}
+});
+Object.defineProperty(exports, "ProgressGlass", {
+	enumerable: true,
+	get: function() {
+		return ProgressGlass;
+	}
+});
+Object.defineProperty(exports, "ProjectsListGlass", {
+	enumerable: true,
+	get: function() {
+		return ProjectsListGlass;
+	}
+});
+Object.defineProperty(exports, "RainbowProgressGlass", {
+	enumerable: true,
+	get: function() {
+		return RainbowProgressGlass;
+	}
+});
+Object.defineProperty(exports, "RepositoryCardGlass", {
+	enumerable: true,
+	get: function() {
+		return RepositoryCardGlass;
+	}
+});
+Object.defineProperty(exports, "RepositoryHeaderGlass", {
+	enumerable: true,
+	get: function() {
+		return RepositoryHeaderGlass;
+	}
+});
+Object.defineProperty(exports, "RepositoryMetadataGlass", {
+	enumerable: true,
+	get: function() {
+		return RepositoryMetadataGlass;
+	}
+});
+Object.defineProperty(exports, "SearchBoxGlass", {
+	enumerable: true,
+	get: function() {
+		return SearchBoxGlass;
+	}
+});
+Object.defineProperty(exports, "SegmentedControlGlass", {
+	enumerable: true,
+	get: function() {
+		return SegmentedControlGlass;
+	}
+});
+Object.defineProperty(exports, "SkeletonGlass", {
+	enumerable: true,
+	get: function() {
+		return SkeletonGlass;
+	}
+});
+Object.defineProperty(exports, "SliderGlass", {
+	enumerable: true,
+	get: function() {
+		return SliderGlass;
+	}
+});
+Object.defineProperty(exports, "SortDropdownGlass", {
+	enumerable: true,
+	get: function() {
+		return SortDropdownGlass;
+	}
+});
+Object.defineProperty(exports, "SparklineGlass", {
+	enumerable: true,
+	get: function() {
+		return SparklineGlass;
+	}
+});
+Object.defineProperty(exports, "StatItemGlass", {
+	enumerable: true,
+	get: function() {
+		return StatItemGlass;
+	}
+});
+Object.defineProperty(exports, "StatusIndicatorGlass", {
+	enumerable: true,
+	get: function() {
+		return StatusIndicatorGlass;
+	}
+});
+Object.defineProperty(exports, "Tabs", {
+	enumerable: true,
+	get: function() {
+		return Tabs;
+	}
+});
+Object.defineProperty(exports, "TabsContent", {
+	enumerable: true,
+	get: function() {
+		return TabsContent;
+	}
+});
+Object.defineProperty(exports, "TabsGlass", {
+	enumerable: true,
+	get: function() {
+		return TabsGlass;
+	}
+});
+Object.defineProperty(exports, "TabsList", {
+	enumerable: true,
+	get: function() {
+		return TabsList;
+	}
+});
+Object.defineProperty(exports, "TabsTrigger", {
+	enumerable: true,
+	get: function() {
+		return TabsTrigger;
+	}
+});
+Object.defineProperty(exports, "ThemeToggleGlass", {
+	enumerable: true,
+	get: function() {
+		return ThemeToggleGlass;
+	}
+});
+Object.defineProperty(exports, "ToggleGlass", {
+	enumerable: true,
+	get: function() {
+		return ToggleGlass;
+	}
+});
+Object.defineProperty(exports, "TooltipGlass", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlass;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassContent", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassContent;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassProvider", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassProvider;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassSimple", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassSimple;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassTrigger", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassTrigger;
+	}
+});
+Object.defineProperty(exports, "TouchTarget", {
+	enumerable: true,
+	get: function() {
+		return TouchTarget;
+	}
+});
+Object.defineProperty(exports, "TrustScoreCardGlass", {
+	enumerable: true,
+	get: function() {
+		return TrustScoreCardGlass;
+	}
+});
+Object.defineProperty(exports, "TrustScoreDisplayGlass", {
+	enumerable: true,
+	get: function() {
+		return TrustScoreDisplayGlass;
+	}
+});
+Object.defineProperty(exports, "UserInfoGlass", {
+	enumerable: true,
+	get: function() {
+		return UserInfoGlass;
+	}
+});
+Object.defineProperty(exports, "UserStatsLineGlass", {
+	enumerable: true,
+	get: function() {
+		return UserStatsLineGlass;
+	}
+});
+Object.defineProperty(exports, "YearCardGlass", {
+	enumerable: true,
+	get: function() {
+		return YearCardGlass;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});
+Object.defineProperty(exports, "alertVariants", {
+	enumerable: true,
+	get: function() {
+		return alertVariants;
+	}
+});
+Object.defineProperty(exports, "avatarSizes", {
+	enumerable: true,
+	get: function() {
+		return avatarSizes;
+	}
+});
+Object.defineProperty(exports, "badgeVariants", {
+	enumerable: true,
+	get: function() {
+		return badgeVariants;
+	}
+});
+Object.defineProperty(exports, "buttonGlassVariants", {
+	enumerable: true,
+	get: function() {
+		return buttonGlassVariants;
+	}
+});
+Object.defineProperty(exports, "cardIntensity", {
+	enumerable: true,
+	get: function() {
+		return cardIntensity;
+	}
+});
+Object.defineProperty(exports, "inputVariants", {
+	enumerable: true,
+	get: function() {
+		return inputVariants;
+	}
+});
+Object.defineProperty(exports, "insightCardVariants", {
+	enumerable: true,
+	get: function() {
+		return insightCardVariants;
+	}
+});
+Object.defineProperty(exports, "insightVariantConfig", {
+	enumerable: true,
+	get: function() {
+		return insightVariantConfig;
+	}
+});
+Object.defineProperty(exports, "modalSizes", {
+	enumerable: true,
+	get: function() {
+		return modalSizes;
+	}
+});
+Object.defineProperty(exports, "notificationVariants", {
+	enumerable: true,
+	get: function() {
+		return notificationVariants;
+	}
+});
+Object.defineProperty(exports, "progressSizes", {
+	enumerable: true,
+	get: function() {
+		return progressSizes;
+	}
+});
+Object.defineProperty(exports, "skeletonVariants", {
+	enumerable: true,
+	get: function() {
+		return skeletonVariants;
+	}
+});
+Object.defineProperty(exports, "sparklineBarVariants", {
+	enumerable: true,
+	get: function() {
+		return sparklineBarVariants;
+	}
+});
+Object.defineProperty(exports, "sparklineContainerVariants", {
+	enumerable: true,
+	get: function() {
+		return sparklineContainerVariants;
+	}
+});
+Object.defineProperty(exports, "statusSizes", {
+	enumerable: true,
+	get: function() {
+		return statusSizes;
+	}
+});
+Object.defineProperty(exports, "toggleSizes", {
+	enumerable: true,
+	get: function() {
+		return toggleSizes;
+	}
+});
+
+//# sourceMappingURL=trust-score-card-glass-3VBi9soW.cjs.map