shadcn-glass-ui 2.2.1 → 2.2.4

package/dist/trust-score-card-glass-BUt9MIF0.mjs

@@ -0,0 +1,4197 @@
+import { t as cn } from "./utils-B792GPM_.mjs";
+import { n as useHover, t as useFocus } from "./use-focus-C5kPAKr_.mjs";
+import { o as useTheme } from "./theme-context-DLS2uAgJ.mjs";
+import * as React from "react";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { AlertCircle, AlertTriangle, ArrowDown, ArrowUp, Calendar, Check, CheckCircle, CheckIcon, ChevronDown, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDownIcon, CircleIcon, Clock, Code, ExternalLink, FolderGit2, GitPullRequest, Github, Info, Minus, Moon, Palette, RefreshCw, Search, SearchIcon, Sparkles, Star, Sun, Target, TrendingDown, TrendingUp, User, Users, X, Zap } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { Slot } from "@radix-ui/react-slot";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Command } from "cmdk";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { Bar, BarChart, Cell, ResponsiveContainer, Tooltip } from "recharts";
+const alertVariants = 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 = forwardRef(({ children, minSize = 44, center = true, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: 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 = forwardRef(({ label, error, success, htmlFor, required, className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("flex flex-col gap-1 md:gap-1.5", className),
+		...props,
+		children: [
+			label && /* @__PURE__ */ jsxs("label", {
+				htmlFor,
+				className: "text-xs md:text-sm font-medium",
+				style: { color: "var(--text-secondary)" },
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "text-[var(--alert-danger-text)] ml-1",
+					"aria-label": "required",
+					children: "*"
+				})]
+			}),
+			children,
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-xs",
+				style: { color: "var(--alert-danger-text)" },
+				role: "alert",
+				"aria-live": "polite",
+				children: error
+			}),
+			success && !error && /* @__PURE__ */ jsx("p", {
+				className: "text-xs",
+				style: { color: "var(--alert-success-text)" },
+				"aria-live": "polite",
+				children: success
+			})
+		]
+	});
+});
+FormFieldWrapper.displayName = "FormFieldWrapper";
+const InteractiveCard = 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 } = 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__ */ jsx("div", {
+		ref,
+		className: cn(rounded, className),
+		style: cardStyles,
+		...disabled ? {} : hoverProps,
+		...props,
+		children
+	});
+});
+InteractiveCard.displayName = "InteractiveCard";
+var iconMap = {
+	default: Info,
+	destructive: AlertCircle,
+	success: CheckCircle,
+	warning: AlertTriangle,
+	info: Info,
+	error: 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 = forwardRef(({ className, variant = "default", dismissible, onDismiss, children, ...props }, ref) => {
+	const effectiveVariant = variant ?? "default";
+	const Icon = iconMap[effectiveVariant];
+	const config = variantStyles$2[effectiveVariant];
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		"data-slot": "alert",
+		className: cn(alertVariants({ variant: effectiveVariant }), className),
+		style: getAlertStyles(effectiveVariant),
+		role: "alert",
+		...props,
+		children: [
+			/* @__PURE__ */ 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__ */ jsx("div", {
+				className: "flex-1",
+				children
+			}),
+			dismissible && /* @__PURE__ */ 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__ */ jsx(X, {
+					className: ICON_SIZES.md,
+					style: { color: config.text }
+				})
+			})
+		]
+	});
+});
+AlertGlassRoot.displayName = "AlertGlass";
+var AlertGlassTitle = forwardRef(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "alert-title",
+		className: 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 = forwardRef(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "alert-description",
+		className: cn("text-xs md:text-sm opacity-80", className),
+		style: {
+			color: "inherit",
+			...style
+		},
+		...props
+	});
+});
+AlertGlassDescription.displayName = "AlertGlassDescription";
+const AlertGlass = AlertGlassRoot;
+const avatarSizes = 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 = 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 } = 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__ */ jsx(AvatarGlassContext.Provider, {
+		value: {
+			size,
+			status,
+			glowing
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("relative inline-flex", className),
+			onMouseEnter: hoverProps.onMouseEnter,
+			onMouseLeave: hoverProps.onMouseLeave,
+			children: [/* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+				ref,
+				className: cn(avatarSizes({ size }), glowing && "animate-[glow-pulse_2s_ease-in-out_infinite]"),
+				style: avatarStyles,
+				...props,
+				children
+			}), status && /* @__PURE__ */ jsx("span", {
+				className: 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__ */ jsx(AvatarPrimitive.Image, {
+		ref,
+		className: cn("aspect-square h-full w-full object-cover", className),
+		...props
+	});
+});
+AvatarGlassImage.displayName = "AvatarGlassImage";
+var AvatarGlassFallback = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		ref,
+		className: 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__ */ jsx(AvatarGlassRoot, {
+		size,
+		status,
+		glowing,
+		className,
+		children: /* @__PURE__ */ jsx(AvatarGlassFallback, { children: getInitials(name) })
+	});
+};
+const AvatarGlass = AvatarGlassRoot;
+const badgeVariants = 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 = forwardRef(({ children, className, variant = "default", size = "md", dot, ...props }, ref) => {
+	const v = variantStyles$1[variant];
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		"data-slot": "badge",
+		className: cn(badgeVariants({ size }), className),
+		style: getBadgeStyles(variant),
+		...props,
+		children: [dot && /* @__PURE__ */ 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 = 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 = forwardRef(({ asChild = false, className, variant = "default", size = "default", children, loading = false, disabled, icon: Icon, iconPosition = "left", onClick, ...props }, ref) => {
+	const { isHovered, hoverProps } = useHover();
+	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
+	const [ripple, setRipple] = useState(null);
+	const isDisabled = disabled || loading;
+	const rippleTimeoutRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (rippleTimeoutRef.current) clearTimeout(rippleTimeoutRef.current);
+		};
+	}, []);
+	const handleClick = 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__ */ jsx(asChild ? Slot : "button", {
+		ref,
+		"data-slot": "button",
+		className: 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__ */ jsxs(Fragment, { children: [
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 overflow-hidden pointer-events-none",
+				style: { borderRadius: "inherit" },
+				children: /* @__PURE__ */ 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__ */ 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__ */ jsx("div", {
+				className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
+				style: { background: "var(--btn-glow-radial)" }
+			}),
+			loading && /* @__PURE__ */ jsx(RefreshCw, { className: cn(ICON_SIZES.md, "animate-spin") }),
+			!loading && Icon && iconPosition === "left" && /* @__PURE__ */ jsx(Icon, { className: ICON_SIZES.md }),
+			!loading && children,
+			!loading && Icon && iconPosition === "right" && /* @__PURE__ */ jsx(Icon, { className: ICON_SIZES.md })
+		] })
+	});
+});
+ButtonGlass.displayName = "ButtonGlass";
+const CheckboxGlass = forwardRef(({ className, checked, onChange, label, disabled, ...props }, ref) => {
+	const { isHovered, hoverProps } = useHover();
+	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
+	const checkboxStyles = {
+		background: checked ? "var(--checkbox-checked-bg)" : "var(--checkbox-bg)",
+		border: `2px solid ${checked ? "var(--checkbox-checked-bg)" : "var(--checkbox-border)"}`,
+		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : isHovered && !disabled ? "var(--checkbox-glow)" : "none"
+	};
+	return /* @__PURE__ */ jsxs("label", {
+		className: 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__ */ jsx("input", {
+				ref,
+				type: "checkbox",
+				checked,
+				onChange: (e) => !disabled && onChange?.(e.target.checked),
+				disabled,
+				className: "sr-only",
+				...props
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "inline-flex items-center justify-center min-w-11 min-h-11",
+				children: /* @__PURE__ */ jsx("div", {
+					onClick: () => !disabled && onChange?.(!checked),
+					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": checked,
+					"aria-label": label || "Checkbox",
+					tabIndex: disabled ? -1 : 0,
+					onKeyDown: (e) => {
+						if (!disabled && (e.key === "Enter" || e.key === " ")) {
+							e.preventDefault();
+							onChange?.(!checked);
+						}
+					},
+					children: checked && /* @__PURE__ */ jsx(Check, {
+						className: "w-3.5 h-3.5 md:w-3 md:h-3",
+						style: { color: "var(--text-inverse)" }
+					})
+				})
+			}),
+			label && /* @__PURE__ */ jsx("span", {
+				className: "text-xs md:text-sm",
+				style: { color: "var(--text-secondary)" },
+				children: label
+			})
+		]
+	});
+});
+CheckboxGlass.displayName = "CheckboxGlass";
+var circularProgressVariants = 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 = 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 = useMemo(() => {
+		if (variant === "indeterminate") return circumference * .75;
+		return circumference * ((100 - clampedValue) / 100);
+	}, [
+		variant,
+		clampedValue,
+		circumference
+	]);
+	const uniqueId = useId();
+	const gradientId = `circular-gradient-${uniqueId}`;
+	const glowId = `circular-glow-${uniqueId}`;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn(circularProgressVariants({ size }), className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("svg", {
+				width: svgSize,
+				height: svgSize,
+				className: "transform -rotate-90 overflow-visible",
+				"aria-hidden": "true",
+				style: { overflow: "visible" },
+				children: [
+					/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
+						id: gradientId,
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ jsx("stop", {
+							offset: "0%",
+							stopColor: gradientColors.from
+						}), /* @__PURE__ */ jsx("stop", {
+							offset: "100%",
+							stopColor: gradientColors.to
+						})]
+					}), showGlow && /* @__PURE__ */ jsxs("filter", {
+						id: glowId,
+						children: [/* @__PURE__ */ jsx("feGaussianBlur", {
+							stdDeviation: getGlowStdDeviation(glowIntensity),
+							result: "coloredBlur"
+						}), /* @__PURE__ */ jsxs("feMerge", { children: [/* @__PURE__ */ jsx("feMergeNode", { in: "coloredBlur" }), /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })] })]
+					})] }),
+					/* @__PURE__ */ jsx("circle", {
+						cx: center,
+						cy: center,
+						r: radius,
+						fill: "none",
+						stroke: trackColor,
+						strokeWidth: trackWidth
+					}),
+					/* @__PURE__ */ 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: cn("transition-all", variant === "indeterminate" && "animate-circular-progress-spin"),
+						style: {
+							transitionDuration: `${animationDuration}s`,
+							transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+						}
+					})
+				]
+			}),
+			showLabel && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-semibold tabular-nums",
+					style: { color: labelColor || gradientColors.to },
+					children: label || (variant === "determinate" ? `${clampedValue}%` : "")
+				})
+			}),
+			/* @__PURE__ */ 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__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: 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$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command, {
+		"data-slot": "command",
+		className: 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__ */ jsxs("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b border-border px-3",
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-60 text-muted-foreground" }), /* @__PURE__ */ jsx(Command.Input, {
+			"data-slot": "command-input",
+			className: 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__ */ jsx(Command.List, {
+		"data-slot": "command-list",
+		className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandEmpty({ ...props }) {
+	return /* @__PURE__ */ jsx(Command.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+}
+function CommandGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.Group, {
+		"data-slot": "command-group",
+		className: 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__ */ jsx(Command.Item, {
+		"data-slot": "command-item",
+		className: 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 = 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 = 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 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 = cn("h-px my-1", "bg-[var(--dropdown-border)]");
+const dropdownLabelClasses = 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] = useState(false);
+	const [search, setSearch] = useState("");
+	const fieldId = useId();
+	const selectedOption = useMemo(() => options.find((opt) => opt.value === value), [options, value]);
+	const filteredOptions = useMemo(() => {
+		if (!search) return options;
+		const searchLower = search.toLowerCase();
+		return options.filter((opt) => opt.label.toLowerCase().includes(searchLower));
+	}, [options, search]);
+	const handleSelect = 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__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ 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: cn("w-full justify-between", inputVariants({ size }), !selectedOption && "text-muted-foreground", className),
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2 truncate",
+					children: [TriggerIcon && /* @__PURE__ */ jsx(TriggerIcon, { className: ICON_SIZES.md }), selectedOption ? selectedOption.label : placeholder]
+				}), /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: cn(ICON_SIZES.md, "shrink-0 opacity-50") })]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			side,
+			align,
+			className: cn(dropdownContentClasses, "w-[--radix-popover-trigger-width] p-0 border-0", getGlassClass(), popoverClassName),
+			style: getDropdownContentStyles(),
+			children: /* @__PURE__ */ jsxs(Command$1, {
+				shouldFilter: false,
+				className: 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__ */ jsx(CommandInput, {
+					placeholder: searchPlaceholder,
+					value: search,
+					onValueChange: setSearch,
+					className: "text-[var(--text-primary)] placeholder:text-[var(--text-muted)] h-10 font-medium"
+				}), /* @__PURE__ */ jsxs(CommandList, {
+					className: "p-1.5 scrollbar-hide",
+					children: [/* @__PURE__ */ jsx(CommandEmpty, {
+						className: "text-[var(--text-muted)] py-4",
+						children: emptyText
+					}), /* @__PURE__ */ jsx(CommandGroup, {
+						className: "text-[var(--text-primary)] p-0",
+						children: filteredOptions.map((option) => {
+							const OptionIcon = option.icon;
+							const isSelected = value === option.value;
+							return /* @__PURE__ */ jsxs(CommandItem, {
+								value: String(option.value),
+								disabled: option.disabled,
+								onSelect: () => handleSelect(option.value),
+								className: cn(getDropdownItemClasses({ selected: isSelected }), option.disabled && "cursor-not-allowed opacity-50"),
+								children: [
+									/* @__PURE__ */ jsx(CheckIcon, { className: cn(ICON_SIZES.md, "shrink-0", isSelected ? "opacity-100 text-[var(--text-accent)]" : "opacity-0") }),
+									OptionIcon && /* @__PURE__ */ jsx(OptionIcon, { className: cn(ICON_SIZES.md, "shrink-0 text-[var(--dropdown-icon)]") }),
+									/* @__PURE__ */ jsx("span", {
+										className: "truncate",
+										children: option.label
+									})
+								]
+							}, String(option.value));
+						})
+					})]
+				})]
+			})
+		})]
+	});
+	if (label || error || success) return /* @__PURE__ */ jsx(FormFieldWrapper, {
+		label,
+		error,
+		success,
+		required,
+		htmlFor: fieldId,
+		children: comboboxContent
+	});
+	return comboboxContent;
+}
+const ComboBoxGlass = forwardRef(ComboBoxGlassInner);
+ComboBoxGlassInner.displayName = "ComboBoxGlass";
+var DropdownMenuGlass = DropdownMenuPrimitive.Root;
+var DropdownMenuGlassTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGlassGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuGlassPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuGlassSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuGlassRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuGlassSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn(getDropdownItemClasses(), "data-[state=open]:bg-[var(--dropdown-item-hover)]", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
+}));
+DropdownMenuGlassSubTrigger.displayName = "DropdownMenuGlassSubTrigger";
+var DropdownMenuGlassSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+	ref,
+	className: cn(dropdownContentClasses, "p-1.5", className),
+	style: getDropdownContentStyles(),
+	...props
+}));
+DropdownMenuGlassSubContent.displayName = "DropdownMenuGlassSubContent";
+var DropdownMenuGlassContent = React.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn(dropdownContentClasses, "p-1.5", className),
+	style: getDropdownContentStyles(),
+	...props
+}) }));
+DropdownMenuGlassContent.displayName = "DropdownMenuGlassContent";
+var DropdownMenuGlassItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+	ref,
+	className: cn(getDropdownItemClasses({ danger: variant === "destructive" }), inset && "pl-8", className),
+	...props
+}));
+DropdownMenuGlassItem.displayName = "DropdownMenuGlassItem";
+var DropdownMenuGlassCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn(getDropdownItemClasses(), "pl-8 pr-2", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuGlassCheckboxItem.displayName = "DropdownMenuGlassCheckboxItem";
+var DropdownMenuGlassRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+	ref,
+	className: cn(getDropdownItemClasses(), "pl-8 pr-2", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuGlassRadioItem.displayName = "DropdownMenuGlassRadioItem";
+var DropdownMenuGlassLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn(dropdownLabelClasses, inset && "pl-8", className),
+	...props
+}));
+DropdownMenuGlassLabel.displayName = "DropdownMenuGlassLabel";
+var DropdownMenuGlassSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn(dropdownSeparatorClasses, "-mx-1 my-1", className),
+	...props
+}));
+DropdownMenuGlassSeparator.displayName = "DropdownMenuGlassSeparator";
+var DropdownMenuGlassShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: 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__ */ jsx("div", {
+		ref,
+		className: cn("relative inline-block", className),
+		children: /* @__PURE__ */ jsxs(DropdownMenuGlass, { children: [/* @__PURE__ */ jsx(DropdownMenuGlassTrigger, {
+			asChild: true,
+			children: trigger
+		}), /* @__PURE__ */ jsx(DropdownMenuGlassContent, {
+			align: align === "left" ? "start" : "end",
+			children: items.map((item, idx) => item.divider ? /* @__PURE__ */ jsx(DropdownMenuGlassSeparator, {}, `divider-${idx}`) : /* @__PURE__ */ jsxs(DropdownMenuGlassItem, {
+				variant: item.danger ? "destructive" : "default",
+				onSelect: item.onClick,
+				children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: cn(ICON_SIZES.md, "shrink-0", item.danger ? "text-(--alert-danger-text)" : "text-(--dropdown-icon) group-data-highlighted:text-(--dropdown-icon-hover)") }), /* @__PURE__ */ jsx("span", {
+					className: "font-medium",
+					children: item.label
+				})]
+			}, `item-${idx}`))
+		})] })
+	});
+});
+DropdownGlass.displayName = "DropdownGlass";
+const cardIntensity = 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 = forwardRef(({ asChild = false, children, className, intensity = "medium", glow = null, hover = true, padding = "default", ...props }, ref) => {
+	const { isHovered, hoverProps } = 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__ */ jsx(asChild ? Slot : "div", {
+		ref,
+		className: 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 = 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 } = useFocus();
+	const handleFocus = useCallback((e) => {
+		focusProps.onFocus(e);
+		onFocus?.(e);
+	}, [focusProps, onFocus]);
+	const handleBlur = 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__ */ jsx(FormFieldWrapper, {
+		label,
+		error,
+		success,
+		htmlFor: props.id,
+		className,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [
+				Icon && iconPosition === "left" && /* @__PURE__ */ jsx(Icon, {
+					className: 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__ */ jsx("input", {
+					ref,
+					"data-slot": "input",
+					className: cn(inputVariants({ size: sizeValue }), paddingLeft, paddingRight),
+					style: getInputStyles(isFocused, error, success),
+					disabled,
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					...props
+				}),
+				Icon && iconPosition === "right" && /* @__PURE__ */ jsx(Icon, {
+					className: 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 = 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__ */ jsx(ModalContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+			"data-slot": "dialog",
+			...props,
+			children
+		})
+	});
+}
+function ModalTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function ModalPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+var ModalOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+	ref,
+	"data-slot": "dialog-overlay",
+	className: 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__ */ jsxs(ModalPortal, { children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		ref,
+		"data-slot": "dialog-content",
+		className: 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__ */ jsx("div", {
+				className: "absolute inset-0 rounded-3xl pointer-events-none",
+				style: { background: "var(--modal-glow-effect)" },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative",
+				children
+			}),
+			showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+				"data-slot": "dialog-close",
+				className: 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__ */ jsx(X, { className: ICON_SIZES.md }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		]
+	})] });
+});
+ModalContent.displayName = "ModalContent";
+function ModalHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left mb-4", className),
+		...props
+	});
+}
+function ModalBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-body",
+		className: cn("relative", className),
+		style: { color: "var(--text-secondary)" },
+		...props
+	});
+}
+function ModalFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: 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__ */ jsx(DialogPrimitive.Title, {
+	ref,
+	"data-slot": "dialog-title",
+	className: 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__ */ jsx(DialogPrimitive.Description, {
+	ref,
+	"data-slot": "dialog-description",
+	className: cn("text-sm", className),
+	style: { color: "var(--text-muted)" },
+	...props
+}));
+ModalDescription.displayName = "ModalDescription";
+function ModalClose({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.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 = 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: Info,
+	success: CheckCircle,
+	warning: AlertTriangle,
+	error: 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 = 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 } = 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__ */ jsxs("div", {
+		ref,
+		className: cn(notificationVariants({ type: effectiveType }), className),
+		style: containerStyles,
+		role: "alert",
+		"aria-live": "polite",
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		...props,
+		children: [
+			/* @__PURE__ */ 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__ */ jsx(Icon, {
+					className: "w-4 h-4 md:w-5 md:h-5",
+					style: { color: config.color }
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "font-semibold text-xs md:text-sm mb-0.5 md:mb-1",
+					style: { color: "var(--text-primary)" },
+					children: title
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-xs md:text-sm",
+					style: { color: "var(--text-secondary)" },
+					children: message
+				})]
+			}),
+			/* @__PURE__ */ 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__ */ jsx(X, { className: ICON_SIZES.md })
+			})
+		]
+	});
+});
+NotificationGlass.displayName = "NotificationGlass";
+var PopoverGlassRoot = PopoverPrimitive.Root;
+var PopoverGlassTrigger = PopoverPrimitive.Trigger;
+var PopoverGlassAnchor = PopoverPrimitive.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__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(PopoverPrimitive.Content, {
+		ref,
+		align,
+		sideOffset,
+		className: 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__ */ jsx(PopoverPrimitive.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__ */ jsxs(PopoverGlassRoot, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverGlassTrigger, {
+			asChild: true,
+			children: trigger
+		}), /* @__PURE__ */ jsx(PopoverGlassContent, {
+			ref,
+			side,
+			align,
+			sideOffset,
+			showArrow,
+			className,
+			children
+		})]
+	});
+});
+PopoverGlassLegacy.displayName = "PopoverGlassLegacy";
+const PopoverGlass = PopoverGlassRoot;
+const skeletonVariants = 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 = 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__ */ jsx("div", {
+		ref,
+		className: cn(skeletonVariants({ variant }), className),
+		style: skeletonStyles,
+		"aria-hidden": "true",
+		...props
+	});
+});
+SkeletonGlass.displayName = "SkeletonGlass";
+const SliderGlass = 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__ */ jsxs("div", {
+		className: "flex justify-between mb-1.5 md:mb-2",
+		children: [label && /* @__PURE__ */ jsx("label", {
+			className: "text-xs md:text-sm font-medium",
+			style: { color: "var(--text-secondary)" },
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-xs md:text-sm font-medium tabular-nums",
+			style: { color: "var(--text-secondary)" },
+			children: formatValueDisplay(currentValue)
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ jsxs(FormFieldWrapper, {
+		label: showValue ? void 0 : label,
+		error,
+		success,
+		className: cn("w-full", className),
+		children: [customLabel, /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+			ref,
+			value,
+			defaultValue,
+			onValueChange,
+			onValueCommit,
+			min,
+			max,
+			step,
+			disabled,
+			orientation,
+			className: 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__ */ jsx(SliderPrimitive.Track, {
+				className: 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__ */ jsx(SliderPrimitive.Range, {
+					className: 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__ */ jsx(SliderPrimitive.Thumb, {
+				className: 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 = createContext(null);
+var useTabsContext = () => {
+	const context = useContext(TabsContext);
+	if (!context) throw new Error("Tabs compound components must be used within TabsGlass.Root");
+	return context;
+};
+var TabsRoot = ({ value, onValueChange, children, className }) => {
+	return /* @__PURE__ */ jsx(TabsContext.Provider, {
+		value: {
+			value,
+			onValueChange
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("tabs-glass-root", className),
+			children
+		})
+	});
+};
+var TabsList = forwardRef(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: 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 = forwardRef(({ value, children, className, disabled }, ref) => {
+	const { value: activeValue, onValueChange } = useTabsContext();
+	const { isFocusVisible, focusProps } = 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__ */ jsxs("button", {
+		ref,
+		type: "button",
+		role: "tab",
+		"aria-selected": isActive,
+		disabled,
+		"data-value": value,
+		className: 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__ */ 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__ */ jsx("div", {
+		role: "tabpanel",
+		"aria-hidden": !isActive,
+		className: cn("animate-in fade-in-0 duration-200", className),
+		children
+	});
+};
+const TabsGlass = {
+	Root: TabsRoot,
+	List: TabsList,
+	Trigger: TabsTrigger,
+	Content: TabsContent
+};
+const toggleSizes = 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 = forwardRef(({ className, size = "default", variant = "default", pressed: controlledPressed, defaultPressed = false, onPressedChange, disabled, label, ...props }, ref) => {
+	const [uncontrolledPressed, setUncontrolledPressed] = useState(defaultPressed);
+	const isControlled = controlledPressed !== void 0;
+	const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
+	const { isFocusVisible, focusProps } = 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__ */ jsx("span", {
+		className: "inline-flex items-center justify-center min-h-11",
+		children: /* @__PURE__ */ jsx("button", {
+			ref,
+			type: "button",
+			role: "switch",
+			"aria-pressed": isPressed,
+			"aria-label": label || "Toggle switch",
+			disabled,
+			className: 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__ */ jsx("div", {
+				className: 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__ */ jsxs("label", {
+		className: cn("inline-flex items-center gap-2 md:gap-2.5", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", className),
+		children: [toggle, /* @__PURE__ */ 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__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+};
+TooltipGlassProvider.displayName = "TooltipGlassProvider";
+function TooltipGlassRoot({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipGlassProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+var TooltipGlassTrigger = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.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__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		ref,
+		sideOffset,
+		"data-slot": "tooltip-content",
+		className: 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__ */ jsx(TooltipPrimitive.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__ */ jsxs(TooltipGlassRoot, { children: [/* @__PURE__ */ jsx(TooltipGlassTrigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ jsx(TooltipGlassContent, {
+		side,
+		className,
+		children: content
+	})] });
+};
+const TooltipGlass = TooltipGlassRoot;
+const ExpandableHeaderGlass = 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__ */ jsxs("button", {
+		ref,
+		type: "button",
+		onClick: onToggle,
+		"aria-expanded": expanded,
+		className: cn("w-full p-4 flex items-center justify-between rounded-2xl transition-colors hover:bg-white/5", className),
+		style: textStyles,
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [Icon && /* @__PURE__ */ jsx(Icon, {
+				className: "w-5 h-5",
+				style: iconStyles
+			}), /* @__PURE__ */ jsx("span", {
+				className: "font-medium",
+				children: title
+			})]
+		}), expanded ? /* @__PURE__ */ jsx(ChevronUp, {
+			className: "w-5 h-5",
+			style: chevronStyles
+		}) : /* @__PURE__ */ jsx(ChevronDown, {
+			className: "w-5 h-5",
+			style: chevronStyles
+		})]
+	});
+});
+ExpandableHeaderGlass.displayName = "ExpandableHeaderGlass";
+var iconButtonVariants = 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 = 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__ */ jsx("button", {
+		ref,
+		type: "button",
+		"aria-label": ariaLabel,
+		className: cn(iconButtonVariants({
+			size,
+			variant
+		}), className),
+		style: gradientStyles ?? subtleStyles,
+		...props,
+		children: /* @__PURE__ */ 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 = 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 = 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__ */ jsxs("span", {
+		ref,
+		className: cn("inline-flex items-center gap-1.5 text-sm text-[var(--text-secondary)]", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: displayEmoji
+			}),
+			/* @__PURE__ */ jsx("span", { children: text }),
+			detail && /* @__PURE__ */ jsxs("span", {
+				className: "text-[var(--text-muted)]",
+				children: [
+					"(",
+					detail,
+					")"
+				]
+			})
+		]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: isClickable ? "button" : void 0,
+		tabIndex: isClickable ? 0 : void 0,
+		onClick: isClickable ? handleClick : void 0,
+		onKeyDown: isClickable ? handleKeyDown : void 0,
+		className: 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__ */ jsxs("div", {
+			className: "flex items-start gap-2",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "text-lg flex-shrink-0",
+					"aria-hidden": "true",
+					children: displayEmoji
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-[var(--text-primary)]",
+						children: text
+					}), detail && /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-[var(--text-muted)] mt-0.5",
+						children: detail
+					})]
+				}),
+				showArrow && /* @__PURE__ */ jsx(ChevronRight, {
+					className: "w-4 h-4 text-[var(--text-muted)] flex-shrink-0",
+					"aria-hidden": "true"
+				})
+			]
+		})
+	});
+});
+InsightCardGlass.displayName = "InsightCardGlass";
+const SearchBoxGlass = 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] = useState(defaultValue);
+	const [isFocused, setIsFocused] = 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__ */ jsxs("div", {
+		className: cn("flex w-fit rounded-xl overflow-hidden", className),
+		style: containerStyles,
+		children: [/* @__PURE__ */ jsx("input", {
+			ref,
+			type: "text",
+			value,
+			onChange: handleChange,
+			onFocus: () => setIsFocused(true),
+			onBlur: () => setIsFocused(false),
+			onKeyDown: handleKeyDown,
+			placeholder,
+			"aria-label": placeholder,
+			className: cn("px-4 py-2 text-sm outline-none transition-all", inputWidth),
+			style: inputStyles,
+			...props
+		}), /* @__PURE__ */ jsxs("button", {
+			onClick: handleSubmit,
+			type: "button",
+			className: 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__ */ jsx(Search, { className: "w-4 h-4" }), variant === "default" && /* @__PURE__ */ 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" ? ArrowUp : ArrowDown;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("relative inline-block", className),
+		...props,
+		children: /* @__PURE__ */ jsxs(DropdownMenuGlass, { children: [/* @__PURE__ */ jsx(DropdownMenuGlassTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: 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__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "Sort" }), /* @__PURE__ */ jsx(SortIcon, { className: cn(ICON_SIZES.sm, "text-(--text-accent)") })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "hidden sm:inline text-(--text-muted)",
+						children: "Sort:"
+					}),
+					/* @__PURE__ */ jsx("span", { children: fieldLabels[sortBy] }),
+					/* @__PURE__ */ jsx(SortIcon, { className: cn(ICON_SIZES.sm, "text-(--text-accent)") }),
+					/* @__PURE__ */ jsx(ChevronDown, { className: cn(ICON_SIZES.sm, "text-(--text-muted)", "transition-transform duration-200", "group-data-[state=open]:rotate-180") })
+				] })
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuGlassContent, {
+			align: "start",
+			"aria-label": "Sort options",
+			children: options.map((field) => {
+				const isSelected = field === sortBy;
+				return /* @__PURE__ */ jsxs(DropdownMenuGlassItem, {
+					onSelect: () => handleFieldSelect(field),
+					className: cn("justify-between", isSelected && "bg-(--select-item-selected-bg)"),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "font-medium",
+						children: fieldLabels[field]
+					}), isSelected && /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1 text-(--text-accent)",
+						children: [sortOrder === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: ICON_SIZES.sm }) : /* @__PURE__ */ jsx(ArrowDown, { className: ICON_SIZES.sm }), /* @__PURE__ */ jsx(Check, { className: ICON_SIZES.sm })]
+					})]
+				}, field);
+			})
+		})] })
+	});
+});
+SortDropdownGlass.displayName = "SortDropdownGlass";
+var statItemVariants = 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 = 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__ */ jsxs("span", {
+		ref,
+		className: cn(statItemVariants({
+			size,
+			layout
+		}), className),
+		style: textStyles,
+		...props,
+		children: [/* @__PURE__ */ jsx(Icon, {
+			size: iconSize,
+			style: iconStyles
+		}), /* @__PURE__ */ 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: Sun
+	},
+	aurora: {
+		label: "Aurora",
+		icon: Moon
+	},
+	glass: {
+		label: "Glass",
+		icon: Palette
+	}
+};
+const ThemeToggleGlass = forwardRef(({ onToggle, iconSize = 20, iconOnly = false, className, ...props }, ref) => {
+	const { theme, cycleTheme } = 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__ */ jsx("button", {
+		ref,
+		type: "button",
+		onClick: onToggle ?? cycleTheme,
+		"aria-label": `Switch to ${nextLabel} theme`,
+		className: 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__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(NextIcon, {
+				size: iconSize,
+				style: iconStyles
+			}), !iconOnly && /* @__PURE__ */ jsx("span", {
+				className: "hidden md:inline text-sm font-medium",
+				style: iconStyles,
+				children: nextLabel
+			})]
+		})
+	});
+});
+ThemeToggleGlass.displayName = "ThemeToggleGlass";
+const BaseProgressGlass = forwardRef(({ value = 0, max = 100, className, children, ...props }, ref) => {
+	const percentage = Math.min(100, Math.max(0, value / max * 100));
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: 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__ */ 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 = forwardRef(({ type = "green", size = "normal", className, ...props }, ref) => {
+	const colors = statusVarMap[type];
+	const indicatorStyles = {
+		backgroundColor: colors.bg,
+		boxShadow: colors.glow
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: 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__ */ 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 = forwardRef(({ type = "warning", title, description, className, ...props }, ref) => {
+	const [isHovered, setIsHovered] = useState(false);
+	const config = flagVarMap[type];
+	const alertStyles = {
+		background: config.bg,
+		borderColor: config.border,
+		transform: isHovered ? "translateX(4px)" : "translateX(0)"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: 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__ */ 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__ */ jsx(StatusIndicatorGlass, { type: config.statusType }), title]
+		}), description && /* @__PURE__ */ 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 = forwardRef(({ languages = [], showLegend = true, className, ...props }, ref) => {
+	const [hoveredLang, setHoveredLang] = useState(null);
+	const barStyles = { boxShadow: "var(--rainbow-glow)" };
+	if (!languages || languages.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("w-full", className),
+		...props,
+		children: [/* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("span", {
+					className: "flex items-center gap-1 md:gap-1.5 cursor-pointer",
+					onMouseEnter: () => setHoveredLang(i),
+					onMouseLeave: () => setHoveredLang(null),
+					children: [
+						/* @__PURE__ */ 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 = forwardRef(({ initials, size = "lg", status, glowing = true, className, ...props }, ref) => {
+	const { isHovered, hoverProps } = 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__ */ jsxs("div", {
+		ref,
+		className: cn("relative inline-flex", className),
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: 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__ */ jsx("span", {
+			className: 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 = 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 = 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__ */ jsxs("div", {
+		ref,
+		className: cn("w-full", className),
+		...props,
+		children: [showLabel && /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-between mb-1 md:mb-1.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-(length:--font-size-2xs) md:text-xs text-(--text-muted)",
+				children: "Progress"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-(length:--font-size-2xs) md:text-xs font-medium text-(--text-secondary)",
+				children: [clampedValue, "%"]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn(progressSizes({ size })),
+			style: trackStyles,
+			children: /* @__PURE__ */ 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 = 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__ */ jsx("div", {
+		ref,
+		className: 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__ */ jsx("div", {
+			className: "h-full rounded-full transition-all duration-1000",
+			style: fillStyles
+		})
+	});
+});
+RainbowProgressGlass.displayName = "RainbowProgressGlass";
+const SegmentedControlGlass = 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__ */ jsx("div", {
+		ref,
+		className: cn("inline-flex rounded-xl overflow-hidden", className),
+		style: containerStyles,
+		role: "tablist",
+		...props,
+		children: options.map((opt) => {
+			const isActive = value === opt.value;
+			return /* @__PURE__ */ 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 = 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 = 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__ */ 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__ */ jsx("div", {
+			className: "font-medium text-[var(--text-primary)]",
+			children: label
+		}), /* @__PURE__ */ jsx("div", {
+			className: "text-[var(--text-secondary)]",
+			children: displayValue
+		})]
+	});
+};
+const SparklineGlass = 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 = 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 } = useMemo(() => {
+		const max = Math.max(...data, 0);
+		return {
+			maxValue: max,
+			maxIndex: data.indexOf(max)
+		};
+	}, [data]);
+	const ariaLabel = 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__ */ jsxs("div", {
+		ref,
+		role: "img",
+		"aria-label": ariaLabel,
+		className: cn("flex flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn(sparklineContainerVariants({
+				height,
+				gap
+			})),
+			"data-chart": "sparkline",
+			style: {
+				"--color-value": resolvedBarColor,
+				"--color-max": resolvedMaxColor
+			},
+			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
+				width: "100%",
+				height: chartHeight,
+				children: /* @__PURE__ */ jsxs(BarChart, {
+					data: chartData,
+					margin: {
+						top: 0,
+						right: 0,
+						bottom: 0,
+						left: 0
+					},
+					barGap,
+					children: [showTooltip && /* @__PURE__ */ jsx(Tooltip, {
+						content: /* @__PURE__ */ jsx(SparklineTooltip, { valueFormatter }),
+						cursor: false,
+						isAnimationActive: false
+					}), /* @__PURE__ */ jsx(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__ */ jsx(Cell, {
+							fill: entry.isMax ? resolvedMaxColor : resolvedBarColor,
+							className: "transition-colors duration-200 hover:opacity-80"
+						}, `cell-${index}`))
+					})]
+				})
+			})
+		}), showLabels && labels && labels.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "flex mt-1",
+			"aria-hidden": "true",
+			children: labels.map((label, index) => /* @__PURE__ */ jsx("span", {
+				className: 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 = forwardRef(({ onGenerate, features = defaultFeatures, estimatedTime = "~30 seconds", className, ...props }, ref) => {
+	return /* @__PURE__ */ 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: cn("w-full sm:w-56 md:w-64 p-3 md:p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ 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__ */ jsx(Sparkles, { className: "w-3.5 h-3.5 md:w-4 md:h-4" }), "AI Summary"]
+			}),
+			/* @__PURE__ */ 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__ */ 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__ */ jsxs("li", {
+					className: "flex items-center gap-1",
+					style: { color: "var(--text-muted)" },
+					children: [/* @__PURE__ */ jsx(Check, {
+						className: "w-2.5 h-2.5 md:w-3 md:h-3",
+						style: { color: "var(--status-online)" }
+					}), feature]
+				}, `feature-${i}`))
+			}),
+			/* @__PURE__ */ jsx(ButtonGlass, {
+				variant: "default",
+				size: "sm",
+				icon: Zap,
+				onClick: onGenerate,
+				className: "w-full",
+				children: "Generate Report"
+			}),
+			/* @__PURE__ */ 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__ */ jsx(Clock, { className: "w-2.5 h-2.5 md:w-3 md:h-3" }), estimatedTime]
+			})
+		]
+	});
+});
+AICardGlass.displayName = "AICardGlass";
+const CareerStatsHeaderGlass = 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__ */ jsxs("div", {
+		ref,
+		className: cn("mb-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("h3", {
+			className: "font-semibold flex items-center gap-2 mb-1",
+			style: titleStyles,
+			children: [/* @__PURE__ */ jsx(TrendingUp, {
+				className: "w-5 h-5",
+				style: accentStyles
+			}), title]
+		}), /* @__PURE__ */ jsxs("p", {
+			className: cn("text-sm flex items-center gap-2", wrapStats && "flex-wrap"),
+			style: statsStyles,
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Code, { className: "w-4 h-4" }),
+						totalCommits.toLocaleString(),
+						" commits"
+					]
+				}),
+				/* @__PURE__ */ jsx("span", { children: "·" }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(GitPullRequest, { className: "w-4 h-4" }),
+						totalPRs,
+						" PRs"
+					]
+				}),
+				/* @__PURE__ */ jsx("span", { children: "·" }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(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 = forwardRef(({ label, value, color = "blue", size = "sm", className, ...props }, ref) => {
+	const { gradient, textVar } = colorMap[color];
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("flex flex-col items-center gap-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(CircularProgressGlass, {
+			value,
+			size,
+			color: gradient,
+			labelColor: textVar,
+			thickness: size === "sm" ? 6 : 8,
+			showGlow: true,
+			glowIntensity: "medium"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-xs font-medium",
+			style: { color: textVar },
+			children: label
+		})]
+	});
+});
+CircularMetricGlass.displayName = "CircularMetricGlass";
+const ContributionMetricsGlass = 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__ */ jsxs("div", {
+		ref,
+		className: cn("grid gap-2", {
+			1: "grid-cols-1",
+			2: "grid-cols-1 sm:grid-cols-2"
+		}[columns], className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "p-2.5 rounded-lg border",
+			style: cardStyles,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: "Your Contribution"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "font-semibold",
+					style: primaryStyles,
+					children: [userCommits.toLocaleString(), " commits"]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: [userContribution, "%"]
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "p-2.5 rounded-lg border",
+			style: cardStyles,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-xs",
+					style: mutedStyles,
+					children: "Full Project"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "font-semibold",
+					style: primaryStyles,
+					children: [totalProjectCommits.toLocaleString(), " commits"]
+				}),
+				/* @__PURE__ */ 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: TrendingUp,
+	down: TrendingDown,
+	neutral: Minus
+};
+const MetricCardGlass = 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__ */ jsxs("div", {
+				className: cn("flex items-center gap-1 text-xs", trendColors[direction$1]),
+				children: [/* @__PURE__ */ jsx(TrendIcon$1, {
+					className: "w-3 h-3",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ 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__ */ jsxs("div", {
+			className: cn("flex items-center gap-1 text-xs", trendColors[direction]),
+			children: [
+				/* @__PURE__ */ jsx(TrendIcon, {
+					className: "w-3 h-3",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "font-medium",
+					children: [displayChange, "%"]
+				}),
+				actualChange.period && /* @__PURE__ */ jsx("span", {
+					className: "text-[var(--text-muted)] ml-0.5",
+					children: actualChange.period
+				})
+			]
+		});
+	};
+	return /* @__PURE__ */ jsxs(InteractiveCard, {
+		ref,
+		baseBg: variantVars.bg,
+		borderColor: variantVars.border,
+		hoverGlow: variantVars.glow,
+		hoverLift: true,
+		blur: "sm",
+		rounded: "rounded-xl",
+		className: cn("p-3 md:p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start justify-between mb-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [icon && /* @__PURE__ */ jsx("div", {
+						className: "text-(--text-muted)",
+						"aria-hidden": "true",
+						children: icon
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-(length:--font-size-2xs) sm:text-xs md:text-sm font-medium truncate text-(--text-secondary)",
+						children: actualTitle
+					})]
+				}), renderChange()]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center mb-2 md:mb-3 gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-bold text-lg sm:text-xl md:text-2xl whitespace-nowrap",
+					style: valueStyles,
+					children: displayValue
+				}), actualDescription && /* @__PURE__ */ jsx("span", {
+					className: "text-(length:--font-size-2xs) text-(--text-muted)",
+					children: actualDescription
+				})]
+			}),
+			hasSparkline ? /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [showProgress && actualProgress !== void 0 && /* @__PURE__ */ jsx(ProgressGlass, {
+					value: actualProgress,
+					gradient: variantToGradient[actualVariant],
+					size: "sm"
+				}), /* @__PURE__ */ 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__ */ jsx(ProgressGlass, {
+				value: actualProgress,
+				gradient: variantToGradient[actualVariant],
+				size: "sm"
+			}) : null
+		]
+	});
+});
+MetricCardGlass.displayName = "MetricCardGlass";
+const MetricsGridGlass = 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__ */ jsx("div", {
+		ref,
+		className: cn("grid", columnClasses[columns], gapClasses[gap], className),
+		...props,
+		children: metrics.map((metric) => /* @__PURE__ */ jsx(MetricCardGlass, {
+			title: metric.title,
+			value: metric.value,
+			variant: metric.variant
+		}, metric.title))
+	});
+});
+MetricsGridGlass.displayName = "MetricsGridGlass";
+const RepositoryCardGlass = 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__ */ jsxs(InteractiveCard, {
+		ref,
+		baseBg: "var(--card-bg)",
+		hoverBg: "var(--card-hover-bg)",
+		borderColor: "var(--card-border)",
+		hoverLift: false,
+		blur: "sm",
+		rounded: "rounded-xl",
+		className: cn("overflow-hidden", className),
+		...props,
+		children: [/* @__PURE__ */ 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__ */ jsxs("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-medium text-sm",
+							style: { color: "var(--text-primary)" },
+							children: name
+						}), /* @__PURE__ */ jsx(StatusIndicatorGlass, { type: flagType })]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [stars > 0 && /* @__PURE__ */ jsxs("span", {
+							className: "flex items-center gap-1 text-xs",
+							style: { color: "var(--status-away)" },
+							children: [/* @__PURE__ */ jsx(Star, { className: "w-3 h-3" }), stars]
+						}), expanded ? /* @__PURE__ */ jsx(ChevronUp, {
+							className: "w-4 h-4",
+							style: { color: "var(--text-muted)" }
+						}) : /* @__PURE__ */ jsx(ChevronDown, {
+							className: "w-4 h-4",
+							style: { color: "var(--text-muted)" }
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "text-xs mt-1.5",
+					style: { color: "var(--text-muted)" },
+					children: languages
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-xs mt-0.5",
+					style: { color: "var(--text-secondary)" },
+					children: [
+						commits,
+						" commits · ",
+						contribution,
+						"%"
+					]
+				})
+			]
+		}), expanded && /* @__PURE__ */ jsxs("div", {
+			className: "border-t p-3.5 space-y-3",
+			style: expandedStyles,
+			children: [
+				issues.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "p-3 rounded-xl border",
+					style: {
+						background: "var(--alert-danger-bg)",
+						borderColor: "var(--alert-danger-border)"
+					},
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "text-xs font-semibold flex items-center gap-1.5 mb-1.5",
+						style: { color: "var(--alert-danger-text)" },
+						children: [/* @__PURE__ */ jsx(AlertTriangle, { className: "w-3.5 h-3.5" }), "Issues"]
+					}), issues.map((issue, index) => /* @__PURE__ */ jsxs("div", {
+						className: "text-xs opacity-70",
+						style: { color: "var(--alert-danger-text)" },
+						children: ["• ", issue]
+					}, index))]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "p-2.5 rounded-lg border",
+						style: metricCardStyles,
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: "Your Contribution"
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "font-semibold",
+								style: { color: "var(--text-primary)" },
+								children: [commits, " commits"]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: [contribution, "%"]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "p-2.5 rounded-lg border",
+						style: metricCardStyles,
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: "Full Project"
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "font-semibold",
+								style: { color: "var(--text-primary)" },
+								children: [totalProjectCommits, " commits"]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "text-xs",
+								style: { color: "var(--text-muted)" },
+								children: [
+									"~",
+									estimatedLines,
+									" lines"
+								]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col sm:flex-row gap-2",
+					children: [/* @__PURE__ */ jsx(ButtonGlass, {
+						variant: "secondary",
+						size: "sm",
+						icon: ExternalLink,
+						onClick: (e) => {
+							e.stopPropagation();
+							onGitHubClick?.();
+						},
+						className: "flex-1",
+						children: "GitHub"
+					}), /* @__PURE__ */ jsx(ButtonGlass, {
+						variant: "default",
+						size: "sm",
+						icon: Sparkles,
+						onClick: (e) => {
+							e.stopPropagation();
+							onAIAnalysisClick?.();
+						},
+						className: "flex-1",
+						children: "AI Analysis"
+					})]
+				})
+			]
+		})]
+	});
+});
+RepositoryCardGlass.displayName = "RepositoryCardGlass";
+const RepositoryHeaderGlass = 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__ */ jsxs("div", {
+		ref,
+		className: cn("flex items-center justify-between", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "font-medium text-sm",
+				style: titleStyles,
+				children: name
+			}), /* @__PURE__ */ jsx(StatusIndicatorGlass, { type: flagType })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [stars > 0 && /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1 text-xs",
+				style: starStyles,
+				children: [/* @__PURE__ */ jsx(Star, { className: "w-3 h-3" }), formatStars(stars)]
+			}), expanded ? /* @__PURE__ */ jsx(ChevronUp, {
+				className: "w-4 h-4",
+				style: mutedStyles
+			}) : /* @__PURE__ */ jsx(ChevronDown, {
+				className: "w-4 h-4",
+				style: mutedStyles
+			})]
+		})]
+	});
+});
+RepositoryHeaderGlass.displayName = "RepositoryHeaderGlass";
+const RepositoryMetadataGlass = forwardRef(({ languages, commits, contribution, stacked = false, className, ...props }, ref) => {
+	const mutedStyles = { color: "var(--text-muted)" };
+	const secondaryStyles = { color: "var(--text-secondary)" };
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn(stacked ? "space-y-0.5" : "space-y-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "text-xs",
+			style: mutedStyles,
+			children: languages
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "text-xs",
+			style: secondaryStyles,
+			children: [
+				commits.toLocaleString(),
+				" commits · ",
+				contribution,
+				"%"
+			]
+		})]
+	});
+});
+RepositoryMetadataGlass.displayName = "RepositoryMetadataGlass";
+const TrustScoreDisplayGlass = 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__ */ jsxs("div", {
+		ref,
+		className: cn("flex items-center justify-between", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("h2", {
+			className: cn("font-semibold flex items-center gap-2", sizes.title),
+			style: titleStyles,
+			children: [showIcon && /* @__PURE__ */ jsx(Target, {
+				className: sizes.icon,
+				style: accentStyles
+			}), title]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 animate-[score-pulse_2s_ease-in-out_infinite]",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: cn(sizes.score, "font-bold bg-clip-text text-transparent"),
+				style: { backgroundImage: "var(--score-gradient)" },
+				children: score
+			}), /* @__PURE__ */ jsxs("span", {
+				className: sizes.max,
+				style: mutedStyles,
+				children: ["/ ", maxScore]
+			})]
+		})]
+	});
+});
+TrustScoreDisplayGlass.displayName = "TrustScoreDisplayGlass";
+const UserInfoGlass = 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__ */ jsxs("div", {
+		ref,
+		className: cn(layout === "vertical" ? "space-y-1" : "flex items-center gap-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: cn("font-bold", layout === "vertical" ? "text-lg md:text-xl" : "text-xl"),
+			style: titleStyles,
+			children: name
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center gap-2 text-sm flex-wrap", layout === "vertical" && "mt-0.5"),
+			style: metaStyles,
+			children: [
+				/* @__PURE__ */ jsxs("a", {
+					href: profileUrl,
+					className: "flex items-center gap-1 hover:underline",
+					style: linkStyles,
+					"aria-label": `View ${username}'s profile`,
+					children: [
+						"@",
+						username,
+						" ",
+						/* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3" })
+					]
+				}),
+				/* @__PURE__ */ jsx("span", { children: "·" }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Calendar, { className: "w-3 h-3" }),
+						" Joined ",
+						joinDate
+					]
+				})
+			]
+		})]
+	});
+});
+UserInfoGlass.displayName = "UserInfoGlass";
+const UserStatsLineGlass = forwardRef(({ repos, followers, following, wrap = true, abbreviated = false, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("flex items-center gap-4 text-sm", wrap && "flex-wrap", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(StatItemGlass, {
+				icon: FolderGit2,
+				value: repos,
+				label: "repos",
+				abbreviated
+			}),
+			/* @__PURE__ */ jsx(StatItemGlass, {
+				icon: Users,
+				value: followers,
+				label: "followers",
+				abbreviated
+			}),
+			/* @__PURE__ */ jsx(StatItemGlass, {
+				icon: User,
+				value: following,
+				label: "following",
+				abbreviated
+			})
+		]
+	});
+});
+UserStatsLineGlass.displayName = "UserStatsLineGlass";
+const YearCardGlass = 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__ */ 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: 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__ */ jsxs("div", {
+				className: "flex items-center justify-between mb-1.5 md:mb-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1.5 md:gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "font-semibold text-sm md:text-base",
+						style: { color: "var(--text-primary)" },
+						children: year
+					}), /* @__PURE__ */ jsxs(BadgeGlass, { children: [
+						emoji,
+						" ",
+						label
+					] })]
+				}), /* @__PURE__ */ 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__ */ jsx(ChevronUp, {
+						className: "w-3.5 h-3.5 md:w-4 md:h-4",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ jsx(ChevronDown, {
+						className: "w-3.5 h-3.5 md:w-4 md:h-4",
+						"aria-hidden": "true"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ jsx(ProgressGlass, {
+						value: progress,
+						gradient,
+						size: "sm"
+					})
+				}), showSparklineCollapsed && sparklineData && sparklineData.length > 0 && /* @__PURE__ */ jsx(SparklineGlass, {
+					data: sparklineData,
+					labels: sparklineLabels,
+					height: "sm",
+					gap: "sm",
+					className: "w-16 md:w-20",
+					"aria-label": `Activity trend for ${year}`
+				})]
+			}),
+			isExpanded && /* @__PURE__ */ jsxs("div", {
+				className: "mt-3 pt-3 border-t space-y-3",
+				style: expandedStyles,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "grid gap-2 md:gap-3",
+						style: { gridTemplateColumns: `repeat(${Math.min(displayStats.length, 4)}, 1fr)` },
+						children: displayStats.map((stat, index) => /* @__PURE__ */ jsxs("div", {
+							className: "p-2 md:p-2.5 rounded-lg border text-center",
+							style: metricCardStyles,
+							children: [
+								stat.icon && /* @__PURE__ */ jsx("div", {
+									className: "mb-1 flex justify-center text-[var(--text-muted)]",
+									children: stat.icon
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "text-base md:text-xl font-bold",
+									style: { color: "var(--text-primary)" },
+									children: stat.value
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "text-(length:--font-size-2xs) md:text-xs text-(--text-muted)",
+									children: stat.label
+								})
+							]
+						}, index))
+					}),
+					!showSparklineCollapsed && sparklineData && sparklineData.length > 0 && /* @__PURE__ */ 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__ */ jsx("div", {
+						className: "space-y-2",
+						children: insights.map((insight, index) => /* @__PURE__ */ jsx(InsightCardGlass, {
+							variant: insight.variant,
+							emoji: insight.emoji,
+							text: insight.text,
+							detail: insight.detail,
+							inline: false
+						}, index))
+					}),
+					children,
+					onShowYear && /* @__PURE__ */ jsx(ButtonGlass, {
+						variant: "default",
+						size: "sm",
+						onClick: (e) => {
+							e.stopPropagation();
+							onShowYear();
+						},
+						className: "w-full",
+						children: buttonLabel
+					})
+				]
+			})
+		]
+	});
+});
+YearCardGlass.displayName = "YearCardGlass";
+const CareerStatsGlass = forwardRef(({ totalCommits = 2242, totalPRs = 47, totalRepos = 11, years = [], className, ...props }, ref) => {
+	const [expandedYear, setExpandedYear] = useState(null);
+	const handleYearClick = (year) => {
+		setExpandedYear(expandedYear === year ? null : year);
+	};
+	return /* @__PURE__ */ jsxs(GlassCard, {
+		ref,
+		className: cn("p-4 md:p-5 lg:p-6", className),
+		intensity: "medium",
+		hover: false,
+		...props,
+		children: [
+			/* @__PURE__ */ 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__ */ jsx(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__ */ 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__ */ jsxs("span", {
+						className: "flex items-center gap-1 md:gap-1.5",
+						children: [
+							/* @__PURE__ */ jsx(Code, { className: "w-3.5 h-3.5 md:w-4 md:h-4 lg:w-5 lg:h-5" }),
+							totalCommits.toLocaleString(),
+							" commits"
+						]
+					}),
+					/* @__PURE__ */ jsx("span", { children: "·" }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1 md:gap-1.5",
+						children: [
+							/* @__PURE__ */ jsx(GitPullRequest, { className: "w-3.5 h-3.5 md:w-4 md:h-4 lg:w-5 lg:h-5" }),
+							totalPRs,
+							" PRs"
+						]
+					}),
+					/* @__PURE__ */ jsx("span", { children: "·" }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1 md:gap-1.5",
+						children: [
+							/* @__PURE__ */ jsx(FolderGit2, { className: "w-3.5 h-3.5 md:w-4 md:h-4 lg:w-5 lg:h-5" }),
+							totalRepos,
+							" repos"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "space-y-2 md:space-y-2.5 lg:space-y-3",
+				children: years.map((y) => /* @__PURE__ */ 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 = forwardRef(({ flags = [], expanded = false, onToggle, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(GlassCard, {
+		ref,
+		className: cn("w-full max-w-2xl", className),
+		intensity: "medium",
+		hover: false,
+		...props,
+		children: [/* @__PURE__ */ 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__ */ jsxs("div", {
+				className: "flex items-center gap-1.5 md:gap-2",
+				children: [/* @__PURE__ */ jsx(AlertTriangle, {
+					className: "w-4 h-4 md:w-5 md:h-5",
+					style: { color: "var(--status-away)" }
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "font-medium text-sm md:text-base",
+					children: [flags.length, " flags detected"]
+				})]
+			}), expanded ? /* @__PURE__ */ jsx(ChevronUp, {
+				className: "w-4 h-4 md:w-5 md:h-5",
+				style: { color: "var(--text-muted)" }
+			}) : /* @__PURE__ */ jsx(ChevronDown, {
+				className: "w-4 h-4 md:w-5 md:h-5",
+				style: { color: "var(--text-muted)" }
+			})]
+		}), expanded && /* @__PURE__ */ 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__ */ jsx(FlagAlertGlass, {
+				type: flag.type,
+				title: flag.title,
+				description: flag.description
+			}, `flag-${i}`))
+		})]
+	});
+});
+FlagsSectionGlass.displayName = "FlagsSectionGlass";
+const HeaderBrandingGlass = forwardRef(({ logoIcon, title, subtitle, onLogoClick, logoAriaLabel = "Home", className, ...props }, ref) => {
+	const titleStyles = { color: "var(--text-primary)" };
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("flex items-center gap-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(IconButtonGlass, {
+			icon: logoIcon,
+			"aria-label": logoAriaLabel,
+			onClick: onLogoClick,
+			variant: "gradient",
+			size: "md"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:gap-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "font-semibold text-base md:text-lg",
+				style: titleStyles,
+				children: title
+			}), subtitle && /* @__PURE__ */ 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: Sun
+	},
+	aurora: {
+		label: "Aurora",
+		icon: Moon
+	},
+	glass: {
+		label: "Glass",
+		icon: Palette
+	}
+};
+const HeaderNavGlass = forwardRef(({ username = "Yhooi2", onSearch, onThemeToggle, className, ...props }, ref) => {
+	const { theme, cycleTheme } = 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__ */ jsx("header", {
+		ref,
+		className: cn("border rounded-xl py-2 px-3 md:py-3 md:px-4 transition-all duration-300", className),
+		style: headerStyles,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 md:gap-4",
+				children: [
+					/* @__PURE__ */ 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__ */ jsx(Github, {
+							className: "w-4 h-4 md:w-5 md:h-5",
+							style: { color: "var(--icon-btn-text)" }
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "font-semibold text-base md:text-lg",
+						style: { color: "var(--text-primary)" },
+						children: "User Analytics"
+					}),
+					/* @__PURE__ */ 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__ */ jsxs("div", {
+				className: "flex items-center gap-2 md:gap-3",
+				children: [/* @__PURE__ */ 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__ */ jsx(NextIcon, {
+						className: "w-4 h-4 md:w-5 md:h-5",
+						style: { color: "var(--text-secondary)" }
+					})
+				}), /* @__PURE__ */ jsx(ButtonGlass, {
+					variant: "secondary",
+					icon: Github,
+					className: "hidden md:inline-flex",
+					children: "Sign in with GitHub"
+				})]
+			})]
+		})
+	});
+});
+HeaderNavGlass.displayName = "HeaderNavGlass";
+const ProfileHeaderGlass = 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__ */ jsx(GlassCard, {
+		ref,
+		className: cn("p-5", className),
+		intensity: "strong",
+		glow: "violet",
+		hover: false,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col md:flex-row gap-3 md:gap-6",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex gap-4",
+					children: [/* @__PURE__ */ jsx(ProfileAvatarGlass, {
+						initials: getInitials$1(name),
+						size: "lg",
+						status: "online"
+					}), /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("h1", {
+							className: "text-lg md:text-xl font-bold",
+							style: { color: "var(--text-primary)" },
+							children: name
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 text-sm mt-0.5",
+							style: { color: "var(--text-secondary)" },
+							children: [
+								/* @__PURE__ */ jsxs("a", {
+									href: "#",
+									className: "flex items-center gap-1 hover:underline",
+									style: { color: "var(--text-accent)" },
+									children: [
+										"@",
+										username,
+										" ",
+										/* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3" })
+									]
+								}),
+								/* @__PURE__ */ jsx("span", { children: "·" }),
+								/* @__PURE__ */ jsxs("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ jsx(Calendar, { className: "w-3 h-3" }),
+										" Joined ",
+										joinDate
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 md:gap-4 mt-2 text-sm flex-wrap",
+							style: { color: "var(--text-secondary)" },
+							children: [
+								/* @__PURE__ */ jsxs("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ jsx(FolderGit2, {
+											className: "w-4 h-4",
+											style: { color: "var(--text-accent)" }
+										}),
+										s.repos,
+										" repos"
+									]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ jsx(Users, {
+											className: "w-4 h-4",
+											style: { color: "var(--text-accent)" }
+										}),
+										s.followers,
+										" followers"
+									]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ jsx(User, {
+											className: "w-4 h-4",
+											style: { color: "var(--text-accent)" }
+										}),
+										s.following,
+										" following"
+									]
+								})
+							]
+						})
+					] })]
+				}), languages.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "mt-4",
+					children: /* @__PURE__ */ jsx(LanguageBarGlass, { languages })
+				})]
+			}), /* @__PURE__ */ jsx(AICardGlass, { onGenerate: onAIGenerate })]
+		})
+	});
+});
+ProfileHeaderGlass.displayName = "ProfileHeaderGlass";
+var ownershipOptions = [{
+	value: "your",
+	label: "Your"
+}, {
+	value: "contrib",
+	label: "Contrib"
+}];
+const ProjectsListGlass = forwardRef(({ repositories, showFlaggedOnly = false, selectedYear = null, onClearFilters, title, ownershipFilter, onOwnershipChange, sortBy = "commits", sortOrder = "desc", onSortChange, showControls, className, ...props }, ref) => {
+	const [expandedIndex, setExpandedIndex] = useState(null);
+	const shouldShowControls = showControls ?? (onOwnershipChange !== void 0 || onSortChange !== void 0);
+	const filteredRepos = 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 = 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__ */ jsxs(GlassCard, {
+		ref,
+		intensity: "medium",
+		className: cn("p-3 sm:p-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 mb-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					showFlaggedOnly ? /* @__PURE__ */ jsx(AlertTriangle, {
+						className: "w-4 h-4",
+						style: { color: "var(--status-away)" }
+					}) : /* @__PURE__ */ jsx(FolderGit2, {
+						className: "w-4 h-4",
+						style: { color: "var(--text-accent)" }
+					}),
+					/* @__PURE__ */ jsx("h3", {
+						className: "font-semibold text-sm sm:text-base",
+						style: { color: "var(--text-primary)" },
+						children: displayTitle
+					}),
+					/* @__PURE__ */ jsxs(BadgeGlass, {
+						variant: "info",
+						children: [sortedRepos.length, " repos"]
+					})
+				]
+			}), shouldShowControls && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 flex-wrap",
+				children: [onSortChange && /* @__PURE__ */ jsx(SortDropdownGlass, {
+					sortBy,
+					sortOrder,
+					onSortChange
+				}), onOwnershipChange && ownershipFilter && /* @__PURE__ */ jsx(SegmentedControlGlass, {
+					options: ownershipOptions,
+					value: ownershipFilter,
+					onChange: handleOwnershipChange
+				})]
+			})]
+		}), sortedRepos.length === 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "text-center py-10",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "w-16 h-16 mx-auto mb-3 rounded-2xl flex items-center justify-center",
+					style: emptyContainerStyles,
+					children: /* @__PURE__ */ jsx(FolderGit2, {
+						className: "w-8 h-8",
+						style: { color: "var(--text-muted)" }
+					})
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm",
+					style: { color: "var(--text-muted)" },
+					children: "No repositories found"
+				}),
+				onClearFilters && /* @__PURE__ */ jsx("button", {
+					onClick: onClearFilters,
+					className: "mt-2 text-sm underline transition-colors hover:opacity-80",
+					style: { color: "var(--text-accent)" },
+					children: "Clear filters"
+				})
+			]
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "space-y-2",
+			children: sortedRepos.map((repo, index) => /* @__PURE__ */ 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 = forwardRef(({ score = 72, metrics = [], className, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(GlassCard, {
+		ref,
+		className: cn("p-4 md:p-5", className),
+		intensity: "strong",
+		glow: "cyan",
+		hover: false,
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between mb-3 md:mb-4",
+				children: [/* @__PURE__ */ 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__ */ jsx(Target, {
+						className: "w-4 h-4 md:w-5 md:h-5",
+						style: { color: "var(--text-accent)" }
+					}), "Overall Trust Score"]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1.5 md:gap-2 animate-[score-pulse_2s_ease-in-out_infinite]",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-3xl md:text-4xl font-bold bg-clip-text text-transparent",
+						style: { backgroundImage: "var(--score-gradient)" },
+						children: score
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-lg md:text-xl",
+						style: { color: "var(--text-muted)" },
+						children: "/ 100"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(RainbowProgressGlass, {
+				value: score,
+				size: "lg",
+				showGlow: true
+			}),
+			metrics.length > 0 && /* @__PURE__ */ 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__ */ jsx(MetricCardGlass, {
+					title: m.title,
+					value: m.value,
+					variant: m.variant
+				}, m.title))
+			})
+		]
+	});
+});
+TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
+export { PopoverGlass as $, FlagAlertGlass as A, CheckboxGlass as At, IconButtonGlass as B, statusSizes as Bt, sparklineContainerVariants as C, DropdownMenuGlassSub as Ct, progressSizes as D, ComboBoxGlass as Dt, ProgressGlass as E, DropdownMenuGlassTrigger as Et, SortDropdownGlass as F, AvatarGlass as Ft, TooltipGlassSimple as G, FormFieldWrapper as Gt, TooltipGlass as H, AlertGlassDescription as Ht, SearchBoxGlass as I, AvatarGlassFallback as It, toggleSizes as J, TooltipGlassTrigger as K, TouchTarget as Kt, InsightCardGlass as L, AvatarGlassImage as Lt, BaseProgressGlass as M, buttonGlassVariants as Mt, ThemeToggleGlass as N, BadgeGlass as Nt, ProfileAvatarGlass as O, inputVariants as Ot, StatItemGlass as P, badgeVariants as Pt, skeletonVariants as Q, insightCardVariants as R, AvatarGlassSimple as Rt, sparklineBarVariants as S, DropdownMenuGlassShortcut as St, RainbowProgressGlass as T, DropdownMenuGlassSubTrigger as Tt, TooltipGlassContent as U, AlertGlassTitle as Ut, ExpandableHeaderGlass as V, AlertGlass as Vt, TooltipGlassProvider as W, InteractiveCard as Wt, SliderGlass as X, TabsGlass as Y, SkeletonGlass as Z, ContributionMetricsGlass as _, DropdownMenuGlassLabel as _t, HeaderBrandingGlass as a, notificationVariants as at, AICardGlass as b, DropdownMenuGlassRadioItem as bt, YearCardGlass as c, InputGlass as ct, TrustScoreDisplayGlass as d, DropdownGlass as dt, PopoverGlassAnchor as et, RepositoryMetadataGlass as f, DropdownMenuGlass as ft, MetricCardGlass as g, DropdownMenuGlassItem as gt, MetricsGridGlass as h, DropdownMenuGlassGroup as ht, HeaderNavGlass as i, NotificationGlass as it, StatusIndicatorGlass as j, ButtonGlass as jt, LanguageBarGlass as k, CircularProgressGlass as kt, UserStatsLineGlass as l, GlassCard as lt, RepositoryCardGlass as m, DropdownMenuGlassContent as mt, ProjectsListGlass as n, PopoverGlassLegacy as nt, FlagsSectionGlass as o, ModalGlass as ot, RepositoryHeaderGlass as p, DropdownMenuGlassCheckboxItem as pt, ToggleGlass as q, alertVariants as qt, ProfileHeaderGlass as r, PopoverGlassTrigger as rt, CareerStatsGlass as s, modalSizes as st, TrustScoreCardGlass as t, PopoverGlassContent as tt, UserInfoGlass as u, cardIntensity as ut, CircularMetricGlass as v, DropdownMenuGlassPortal as vt, SegmentedControlGlass as w, DropdownMenuGlassSubContent as wt, SparklineGlass as x, DropdownMenuGlassSeparator as xt, CareerStatsHeaderGlass as y, DropdownMenuGlassRadioGroup as yt, insightVariantConfig as z, avatarSizes as zt };
+
+//# sourceMappingURL=trust-score-card-glass-BUt9MIF0.mjs.map