shadcn-glass-ui 2.0.6 → 2.0.9

package/dist/{trust-score-card-glass-BcZbul0P.js → trust-score-card-glass-A7kas5OS.js}

@@ -1,17 +1,19 @@
 import { t as cn } from "./utils-CcyeqpKQ.js";
 import { n as useHover, t as useFocus } from "./use-focus-CX0TJJIj.js";
-import { o as useTheme } from "./theme-context-BZoCplcU.js";
+import { o as useTheme } from "./theme-context-_T5r1KG4.js";
 import * as React from "react";
 import { Children, PureComponent, cloneElement, createContext, createElement, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { AlertCircle, AlertTriangle, ArrowDown, ArrowUp, Calendar, Check, CheckCircle, CheckIcon, ChevronDown, ChevronRight, ChevronUp, ChevronsUpDownIcon, 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 { 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 { clsx } from "clsx";
 import { cva } from "class-variance-authority";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { Slot, createSlot } from "@radix-ui/react-slot";
 import * as ReactDOM$1 from "react-dom";
 import ReactDOM, { createPortal } from "react-dom";
 import * as w$1 from "@radix-ui/react-dialog";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -172,13 +174,14 @@ var getAlertStyles = (variant) => {
 	const config = variantStyles$2[variant];
 	return {
 		background: config.bg,
-		border: `1px solid ${config.border}`
+		border: `1px solid ${config.border}`,
+		color: config.text
 	};
 };
-const AlertGlass = forwardRef(({ className, variant = "default", title, children, dismissible, onDismiss, ...props }, ref) => {
+var AlertGlassRoot = forwardRef(({ className, variant = "default", dismissible, onDismiss, children, ...props }, ref) => {
 	const effectiveVariant = variant ?? "default";
-	const config = variantStyles$2[effectiveVariant];
 	const Icon = iconMap[effectiveVariant];
+	const config = variantStyles$2[effectiveVariant];
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: cn(alertVariants({ variant: effectiveVariant }), className),
@@ -187,24 +190,17 @@ const AlertGlass = forwardRef(({ className, variant = "default", title, children
 		...props,
 		children: [
 			/* @__PURE__ */ jsx(Icon, {
-				className: "w-4 h-4 md:w-5 md:h-5 flex-shrink-0 mt-0.5",
-				style: { color: config.text }
+				className: "w-4 h-4 md:w-5 md:h-5 shrink-0 mt-0.5",
+				style: { color: config.text },
+				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx("div", {
 				className: "flex-1",
-				children: [title && /* @__PURE__ */ jsx("p", {
-					className: "font-medium text-xs md:text-sm mb-0.5 md:mb-1",
-					style: { color: config.text },
-					children: title
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-xs md:text-sm opacity-80",
-					style: { color: config.text },
-					children
-				})]
+				children
 			}),
 			dismissible && /* @__PURE__ */ jsx("button", {
 				onClick: onDismiss,
-				className: "p-0.5 md:p-1 rounded transition-colors duration-200 hover:bg-black/5 flex-shrink-0",
+				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,
@@ -214,7 +210,32 @@ const AlertGlass = forwardRef(({ className, variant = "default", title, children
 		]
 	});
 });
-AlertGlass.displayName = "AlertGlass";
+AlertGlassRoot.displayName = "AlertGlass";
+var AlertGlassTitle = forwardRef(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		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("p", {
+		ref,
+		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",
@@ -233,11 +254,7 @@ const statusSizes = cva("absolute -bottom-0.5 -right-0.5 rounded-full", {
 	} },
 	defaultVariants: { size: "md" }
 });
-var getInitials = (name) => {
-	if (!name || name.trim().length === 0) return "?";
-	return name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
-};
-var getStatusVars = (statusType) => {
+var getStatusVars$1 = (statusType) => {
 	return {
 		online: {
 			bg: "var(--status-online)",
@@ -257,39 +274,74 @@ var getStatusVars = (statusType) => {
 		}
 	}[statusType];
 };
-const AvatarGlass = forwardRef(({ asChild = false, name, size: size$3 = "md", status, className, ...props }, ref) => {
+var AvatarGlassContext = React.createContext({ size: "md" });
+var AvatarGlassRoot = React.forwardRef(({ className, size: size$3 = "md", status, glowing = false, children, ...props }, ref) => {
 	const { isHovered, hoverProps } = useHover();
 	const avatarStyles = {
 		background: "var(--avatar-bg)",
-		border: "2px solid var(--avatar-border)",
+		border: "3px solid var(--avatar-border)",
 		boxShadow: isHovered ? "var(--avatar-hover-glow)" : "var(--avatar-shadow)",
 		color: "var(--text-inverse)"
 	};
-	const initials = getInitials(name);
-	return /* @__PURE__ */ jsxs(asChild ? Slot : "div", {
+	return /* @__PURE__ */ jsx(AvatarGlassContext.Provider, {
+		value: {
+			size: size$3,
+			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: size$3 }), glowing && "animate-[glow-pulse_2s_ease-in-out_infinite]"),
+				style: avatarStyles,
+				...props,
+				children
+			}), status && /* @__PURE__ */ jsx("span", {
+				className: cn(statusSizes({ size: size$3 })),
+				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("relative inline-flex", className),
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		...props,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: cn(avatarSizes({ size: size$3 })),
-			style: avatarStyles,
-			role: "img",
-			"aria-label": `Avatar for ${name}`,
-			children: initials
-		}), status && /* @__PURE__ */ jsx("span", {
-			className: cn(statusSizes({ size: size$3 })),
-			style: {
-				background: getStatusVars(status).bg,
-				boxShadow: getStatusVars(status).glow
-			},
-			role: "status",
-			"aria-label": `Status: ${status}`
-		})]
+		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
 	});
 });
-AvatarGlass.displayName = "AvatarGlass";
+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: size$3 = "md", status, glowing, className }) => {
+	return /* @__PURE__ */ jsx(AvatarGlassRoot, {
+		size: size$3,
+		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]",
@@ -386,7 +438,7 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
 			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)" : "0 4px 15px oklch(48.5% 0.26 283 / 0.25)"
+			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)",
@@ -404,13 +456,13 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
 			background: "var(--btn-destructive-bg)",
 			color: "var(--btn-destructive-text)",
 			border: "none",
-			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "0 4px 15px oklch(62.8% 0.225 29 / 0.25)"
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "var(--btn-destructive-shadow)"
 		},
 		success: {
 			background: "var(--btn-success-bg)",
 			color: "var(--btn-success-text)",
 			border: "none",
-			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "0 4px 15px oklch(70.7% 0.143 167 / 0.25)"
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "var(--btn-success-shadow)"
 		},
 		text: {
 			background: "transparent",
@@ -485,7 +537,7 @@ const ButtonGlass = forwardRef(({ asChild = false, className, variant = "primary
 			}),
 			isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ jsx("div", {
 				className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
-				style: { background: "radial-gradient(circle, oklch(100% 0 0 / 0.1) 0%, transparent 70%)" }
+				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 }),
@@ -550,12 +602,12 @@ const CheckboxGlass = forwardRef(({ className, checked, onChange, label, disable
 	});
 });
 CheckboxGlass.displayName = "CheckboxGlass";
-var circularProgressVariants = cva("relative inline-flex items-center justify-center p-2", {
+var circularProgressVariants = cva("relative inline-flex items-center justify-center p-4", {
 	variants: { size: {
-		sm: "w-16 h-16",
-		md: "w-24 h-24",
-		lg: "w-32 h-32",
-		xl: "w-40 h-40"
+		sm: "w-20 h-20",
+		md: "w-28 h-28",
+		lg: "w-36 h-36",
+		xl: "w-44 h-44"
 	} },
 	defaultVariants: { size: "md" }
 });
@@ -4349,6 +4401,7 @@ function getState(open) {
 	return open ? "open" : "closed";
 }
 var Root2 = Popover$1;
+var Anchor2 = PopoverAnchor;
 var Trigger = PopoverTrigger$1;
 var Portal$1 = PopoverPortal;
 var Content2 = PopoverContent$1;
@@ -4935,8 +4988,12 @@ function getDropdownContentStyles() {
 	};
 }
 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");
-cn("h-px my-1", "bg-[var(--dropdown-border)]");
-cn("px-3 py-1.5 md:px-4 md:py-2", "text-xs font-medium", "text-[var(--text-muted)]");
+function getDropdownItemClasses(options$1) {
+	const { danger, selected, highlighted } = options$1 ?? {};
+	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: options$1, value, onChange, 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: size$3 = "md", searchable = true, icon: TriggerIcon }, ref) {
 	const [open, setOpen] = useState(false);
 	const [search, setSearch] = useState("");
@@ -4988,7 +5045,7 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 		}), /* @__PURE__ */ jsx(PopoverContent, {
 			side,
 			align,
-			className: cn("w-[--radix-popover-trigger-width] p-0 rounded-2xl overflow-hidden border-0", getGlassClass(), popoverClassName),
+			className: cn(dropdownContentClasses, "w-[--radix-popover-trigger-width] p-0 border-0", getGlassClass(), popoverClassName),
 			style: getDropdownContentStyles(),
 			children: /* @__PURE__ */ jsxs(Command, {
 				shouldFilter: false,
@@ -5012,7 +5069,7 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 								value: String(option.value),
 								disabled: option.disabled,
 								onSelect: () => handleSelect(option.value),
-								className: cn("w-full px-3 py-2.5 text-sm flex items-center gap-2 rounded-lg", "cursor-pointer transition-colors duration-150", "text-[var(--dropdown-item-text)]", "data-[selected=true]:bg-[var(--dropdown-item-hover)]", isSelected && "bg-[var(--select-item-selected-bg)] text-[var(--select-item-selected-text)]", option.disabled && "cursor-not-allowed opacity-50"),
+								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)]") }),
@@ -5040,34 +5097,98 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 }
 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(DropdownMenuPrimitive.Root, { children: [/* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		children: /* @__PURE__ */ jsxs(DropdownMenuGlass, { children: [/* @__PURE__ */ jsx(DropdownMenuGlassTrigger, {
 			asChild: true,
 			children: trigger
-		}), /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		}), /* @__PURE__ */ jsx(DropdownMenuGlassContent, {
 			align: align === "left" ? "start" : "end",
-			sideOffset: 8,
-			className: dropdownContentClasses,
-			style: getDropdownContentStyles(),
-			role: "menu",
-			"aria-orientation": "vertical",
-			children: items.map((item, idx) => item.divider ? /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-				className: "my-2 mx-3 h-px",
-				style: { borderTop: "1px solid var(--dropdown-divider)" },
-				role: "separator"
-			}, `divider-${idx}`) : /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Item, {
-				onClick: item.onClick,
-				className: cn("group w-full px-3 py-2 md:px-4 md:py-2.5 text-xs md:text-sm text-left flex items-center gap-2 md:gap-3", "cursor-default select-none", "transition-colors duration-200 ease-out", "focus-visible:outline-none focus-visible:shadow-(--focus-glow)", "data-[highlighted]:bg-[var(--dropdown-item-hover)]", item.danger ? "text-[var(--alert-danger-text)] data-[highlighted]:text-[var(--alert-danger-text)]" : "text-[var(--dropdown-item-text)]"),
-				role: "menuitem",
-				children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: cn(ICON_SIZES.md, "transition-colors duration-200 ease-out shrink-0", item.danger ? "text-[var(--alert-danger-text)]" : "text-[var(--dropdown-icon)] group-data-[highlighted]:text-[var(--dropdown-icon-hover)]") }), /* @__PURE__ */ jsx("span", {
+			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";
@@ -5485,7 +5606,10 @@ const NotificationGlass = forwardRef(({ variant: variantProp, type: typeProp, ti
 	});
 });
 NotificationGlass.displayName = "NotificationGlass";
-const PopoverGlass = React.forwardRef(({ trigger, children, side = "bottom", align = "center", sideOffset = 8, open, onOpenChange, showArrow = true, className }, ref) => {
+var PopoverGlassRoot = Root2;
+var PopoverGlassTrigger = Trigger;
+var PopoverGlassAnchor = Anchor2;
+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)",
@@ -5494,31 +5618,42 @@ const PopoverGlass = React.forwardRef(({ trigger, children, side = "bottom", ali
 		WebkitBackdropFilter: "blur(var(--blur-md))"
 	};
 	const arrowStyles = { fill: "var(--popover-arrow-bg)" };
-	return /* @__PURE__ */ jsxs(Root2, {
+	return /* @__PURE__ */ jsx(Portal$1, { children: /* @__PURE__ */ jsxs(Content2, {
+		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(Arrow2, {
+			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(Trigger, {
+		children: [/* @__PURE__ */ jsx(PopoverGlassTrigger, {
 			asChild: true,
 			children: trigger
-		}), /* @__PURE__ */ jsx(Portal$1, { children: /* @__PURE__ */ jsxs(Content2, {
+		}), /* @__PURE__ */ jsx(PopoverGlassContent, {
 			ref,
 			side,
 			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,
-			role: "dialog",
-			"aria-modal": "false",
-			children: [children, showArrow && /* @__PURE__ */ jsx(Arrow2, {
-				className: "fill-current",
-				style: arrowStyles,
-				width: 16,
-				height: 8
-			})]
-		}) })]
+			showArrow,
+			className,
+			children
+		})]
 	});
 });
-PopoverGlass.displayName = "PopoverGlass";
+PopoverGlassLegacy.displayName = "PopoverGlassLegacy";
+const PopoverGlass = PopoverGlassRoot;
 const skeletonVariants = cva("overflow-hidden", {
 	variants: { variant: {
 		text: "h-3 md:h-4 rounded",
@@ -5804,42 +5939,42 @@ const ToggleGlass = forwardRef(({ className, size: size$3 = "md", checked, onCha
 	return toggle;
 });
 ToggleGlass.displayName = "ToggleGlass";
-const tooltipPositions = cva("absolute z-50 px-2 py-1 md:px-3 md:py-1.5 rounded-lg text-[10px] md:text-xs font-medium whitespace-nowrap transition-opacity duration-200", {
-	variants: { position: {
-		top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-		bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-		left: "right-full top-1/2 -translate-y-1/2 mr-2",
-		right: "left-full top-1/2 -translate-y-1/2 ml-2"
-	} },
-	defaultVariants: { position: "top" }
-});
-const TooltipGlass = forwardRef(({ children, content, position = "top", className }, ref) => {
-	const { isHovered, hoverProps } = useHover();
-	const tooltipId = useId();
-	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__ */ jsxs("div", {
-		ref,
-		className: cn("relative inline-flex", className),
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		"aria-describedby": isHovered ? tooltipId : void 0,
-		children: [children, isHovered && /* @__PURE__ */ jsx("div", {
-			id: tooltipId,
-			className: cn(tooltipPositions({ position })),
-			style: tooltipStyles,
-			role: "tooltip",
-			children: content
-		})]
+var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		delayDuration,
+		...props
 	});
+};
+var TooltipGlassRoot = TooltipPrimitive.Root;
+var TooltipGlassTrigger = TooltipPrimitive.Trigger;
+var TooltipGlassContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
+		ref,
+		sideOffset,
+		className: cn("z-50 overflow-hidden 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: {
+			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))"
+		},
+		...props
+	}) });
 });
-TooltipGlass.displayName = "TooltipGlass";
+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)" };
@@ -6112,127 +6247,59 @@ var fieldLabels = {
 	name: "Name",
 	contribution: "Contribution"
 };
-const SortDropdownGlass = forwardRef(({ sortBy: sortBy$5, sortOrder, onSortChange, options: options$1 = [
+const SortDropdownGlass = React.forwardRef(({ sortBy: sortBy$5, sortOrder, onSortChange, options: options$1 = [
 	"commits",
 	"stars",
 	"name",
 	"contribution"
 ], compact = false, className, ...props }, ref) => {
-	const [isOpen, setIsOpen] = useState(false);
-	const internalRef = useRef(null);
-	useEffect(() => {
-		if (!isOpen) return;
-		const handleClickOutside = (event) => {
-			if (internalRef.current && !internalRef.current.contains(event.target)) setIsOpen(false);
-		};
-		const handleEscape = (event) => {
-			if (event.key === "Escape") setIsOpen(false);
-		};
-		document.addEventListener("mousedown", handleClickOutside);
-		document.addEventListener("keydown", handleEscape);
-		return () => {
-			document.removeEventListener("mousedown", handleClickOutside);
-			document.removeEventListener("keydown", handleEscape);
-		};
-	}, [isOpen]);
-	const handleToggle = useCallback(() => {
-		setIsOpen((prev) => !prev);
-	}, []);
-	const handleFieldSelect = useCallback((field) => {
+	const handleFieldSelect = React.useCallback((field) => {
 		if (field === sortBy$5) onSortChange(field, sortOrder === "asc" ? "desc" : "asc");
 		else onSortChange(field, "desc");
-		setIsOpen(false);
 	}, [
 		sortBy$5,
 		sortOrder,
 		onSortChange
 	]);
-	const handleKeyDown = (e$1) => {
-		if (e$1.key === "Enter" || e$1.key === " ") {
-			e$1.preventDefault();
-			handleToggle();
-		}
-	};
-	const buttonStyles = useMemo(() => ({
-		background: "var(--segmented-container-bg)",
-		border: "1px solid var(--segmented-container-border)",
-		color: "var(--text-primary)"
-	}), []);
-	const dropdownStyles = useMemo(() => ({
-		...getDropdownContentStyles(),
-		animation: "dropdownFadeIn 0.2s ease-out"
-	}), []);
 	const SortIcon = sortOrder === "asc" ? ArrowUp : ArrowDown;
-	return /* @__PURE__ */ jsxs("div", {
-		ref: (node) => {
-			internalRef.current = node;
-			if (typeof ref === "function") ref(node);
-			else if (ref) ref.current = node;
-		},
+	return /* @__PURE__ */ jsx("div", {
+		ref,
 		className: cn("relative inline-block", className),
-		style: { zIndex: isOpen ? 5e4 : "auto" },
 		...props,
-		children: [/* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: handleToggle,
-			onKeyDown: handleKeyDown,
-			className: cn("flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-medium transition-all duration-200", "hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "sm:gap-2 sm:px-4 sm:py-2 sm:text-sm"),
-			style: buttonStyles,
-			"aria-expanded": isOpen,
-			"aria-haspopup": "listbox",
-			children: compact ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "Sort" }), /* @__PURE__ */ jsx(SortIcon, {
-				className: ICON_SIZES.sm,
-				style: { color: "var(--text-accent)" }
-			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				/* @__PURE__ */ jsx("span", {
-					className: "hidden sm:inline",
-					style: { color: "var(--text-muted)" },
-					children: "Sort:"
-				}),
-				/* @__PURE__ */ jsx("span", { children: fieldLabels[sortBy$5] }),
-				/* @__PURE__ */ jsx(SortIcon, {
-					className: ICON_SIZES.sm,
-					style: { color: "var(--text-accent)" }
-				}),
-				/* @__PURE__ */ jsx(ChevronDown, {
-					className: cn(ICON_SIZES.sm, "transition-transform duration-200", isOpen && "rotate-180"),
-					style: { color: "var(--text-muted)" }
-				})
-			] })
-		}), isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-			className: "fixed inset-0",
-			style: { zIndex: 50001 },
-			onClick: () => setIsOpen(false)
-		}), /* @__PURE__ */ jsx("div", {
-			className: "absolute left-0 mt-2 min-w-[140px] py-1.5 rounded-xl overflow-hidden",
-			style: {
-				...dropdownStyles,
-				zIndex: 50002
-			},
-			role: "listbox",
+		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$5] }),
+					/* @__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$1.map((field) => {
 				const isSelected = field === sortBy$5;
-				return /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					onClick: () => handleFieldSelect(field),
-					className: cn("w-full px-3 py-2 text-xs sm:text-sm text-left flex items-center justify-between gap-2", "transition-colors duration-150 hover:bg-white/5"),
-					style: {
-						color: isSelected ? "var(--text-accent)" : "var(--text-primary)",
-						background: isSelected ? "var(--dropdown-item-hover)" : "transparent"
-					},
-					role: "option",
-					"aria-selected": isSelected,
+				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",
+						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";
@@ -6356,7 +6423,7 @@ const BaseProgressGlass = forwardRef(({ value = 0, max: max$2 = 100, className,
 	});
 });
 BaseProgressGlass.displayName = "BaseProgressGlass";
-var sizeClasses$2 = {
+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"
 };
@@ -6365,7 +6432,7 @@ var statusSymbols = {
 	yellow: "!",
 	red: "✕"
 };
-var statusVarMap$1 = {
+var statusVarMap = {
 	green: {
 		bg: "var(--status-online)",
 		glow: "var(--status-online-glow)"
@@ -6380,14 +6447,14 @@ var statusVarMap$1 = {
 	}
 };
 const StatusIndicatorGlass = forwardRef(({ type = "green", size: size$3 = "normal", className, ...props }, ref) => {
-	const colors = statusVarMap$1[type];
+	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$2[size$3], className),
+		className: cn("rounded-full flex items-center justify-center", sizeClasses$1[size$3], className),
 		style: indicatorStyles,
 		role: "status",
 		"aria-label": `Status: ${type}`,
@@ -6441,16 +6508,16 @@ const FlagAlertGlass = forwardRef(({ type = "warning", title, description, class
 });
 FlagAlertGlass.displayName = "FlagAlertGlass";
 var defaultLangColors = {
-	TypeScript: "bg-blue-500",
-	JavaScript: "bg-yellow-400",
-	Python: "bg-emerald-500",
-	HTML: "bg-orange-500",
-	CSS: "bg-purple-500",
-	Java: "bg-red-500",
-	Go: "bg-cyan-500",
-	Rust: "bg-orange-600",
-	Ruby: "bg-red-600",
-	PHP: "bg-indigo-500"
+	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);
@@ -6466,15 +6533,14 @@ const LanguageBarGlass = forwardRef(({ languages = [], showLegend = true, classN
 			role: "group",
 			"aria-label": "Language distribution",
 			children: languages.map((lang, i) => {
-				const colorClass = lang.color ?? defaultLangColors[lang.name] ?? "bg-slate-400";
-				const segmentStyles = {
-					width: `${lang.percent}%`,
-					opacity: hoveredLang !== null && hoveredLang !== i ? .5 : 1,
-					transition: "all 0.3s"
-				};
+				const bgColor = lang.color ?? defaultLangColors[lang.name] ?? "var(--oklch-slate-400)";
 				return /* @__PURE__ */ jsx("div", {
-					className: cn(colorClass),
-					style: segmentStyles,
+					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,
@@ -6492,7 +6558,10 @@ const LanguageBarGlass = forwardRef(({ languages = [], showLegend = true, classN
 					onMouseEnter: () => setHoveredLang(i),
 					onMouseLeave: () => setHoveredLang(null),
 					children: [
-						/* @__PURE__ */ jsx("span", { className: cn("w-2 h-2 md:w-2.5 md:h-2.5 rounded-full", lang.color ?? defaultLangColors[lang.name] ?? "bg-slate-400") }),
+						/* @__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,
@@ -6504,54 +6573,57 @@ const LanguageBarGlass = forwardRef(({ languages = [], showLegend = true, classN
 	});
 });
 LanguageBarGlass.displayName = "LanguageBarGlass";
-var sizeClasses$1 = {
+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 statusSizeClasses = {
-	sm: "w-2.5 h-2.5 md:w-3 md:h-3",
-	md: "w-3 h-3 md:w-3.5 md:h-3.5",
-	lg: "w-3.5 h-3.5 md:w-4 md:h-4",
-	xl: "w-4 h-4 md:w-5 md:h-5"
-};
-var statusPositionClasses = {
-	sm: "bottom-0 right-0",
-	md: "bottom-0 right-0",
-	lg: "-bottom-0.5 -right-0.5",
-	xl: "-bottom-1 -right-1"
-};
-var statusVarMap = {
-	online: "var(--status-online)",
-	offline: "var(--text-muted)",
-	busy: "var(--status-busy)",
-	away: "var(--status-away)"
+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: size$3 = "lg", status, glowing = true, className, ...props }, ref) => {
-	const [isHovered, setIsHovered] = useState(false);
+	const { isHovered, hoverProps } = useHover();
 	const avatarStyles = {
-		boxShadow: isHovered ? "var(--profile-avatar-glow)" : "none",
-		border: "3px solid var(--profile-avatar-border)"
+		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: () => setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
 		...props,
 		children: [/* @__PURE__ */ jsx("div", {
-			className: cn("rounded-full bg-gradient-to-br from-blue-400 via-violet-500 to-indigo-500", "flex items-center justify-center text-white font-bold transition-all duration-300", sizeClasses$1[size$3], glowing && "animate-[glow-pulse_2s_ease-in-out_infinite]"),
+			className: cn("rounded-full flex items-center justify-center font-bold transition-all duration-300", profileSizeClasses[size$3], 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("absolute rounded-full", statusPositionClasses[size$3], statusSizeClasses[size$3]),
+			className: cn(statusSizes({ size: size$3 }), "absolute -bottom-0.5 -right-0.5"),
 			style: {
-				background: statusVarMap[status],
-				border: "none",
-				boxShadow: "none"
+				background: getStatusVars(status).bg,
+				boxShadow: getStatusVars(status).glow
 			},
 			role: "status",
 			"aria-label": `Status: ${status}`
@@ -6646,7 +6718,7 @@ const RainbowProgressGlass = forwardRef(({ value, size: size$3 = "lg", showGlow
 	const trackStyles = { background: "var(--progress-bg)" };
 	const fillStyles = {
 		width: `${clampedValue}%`,
-		background: "linear-gradient(90deg, #f59e0b, #fbbf24, #84cc16, #22c55e, #14b8a6, #06b6d4, #3b82f6)",
+		background: "var(--rainbow-gradient)",
 		boxShadow: showGlow ? "var(--rainbow-glow)" : "none",
 		animation: showGlow ? "var(--rainbow-animation)" : "none"
 	};
@@ -26144,7 +26216,8 @@ const TrustScoreDisplayGlass = forwardRef(({ score, maxScore = 100, title = "Ove
 		}), /* @__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-linear-to-r from-amber-400 via-emerald-400 to-cyan-400 bg-clip-text text-transparent"),
+				className: cn(sizes.score, "font-bold bg-clip-text text-transparent"),
+				style: { backgroundImage: "var(--score-gradient)" },
 				children: score
 			}), /* @__PURE__ */ jsxs("span", {
 				className: sizes.max,
@@ -26864,7 +26937,8 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
 				}), /* @__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-linear-to-r from-amber-400 via-emerald-400 to-cyan-400 bg-clip-text text-transparent",
+						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",
@@ -26890,6 +26964,6 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
 	});
 });
 TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
-export { BaseProgressGlass as $, useChartHeight as A, ButtonGlass as At, adaptEventsOfChild as B, TouchTarget as Bt, sparklineContainerVariants as C, GlassCard as Ct, Tooltip as D, inputVariants as Dt, Cell as E, ComboBoxGlass as Et, selectLegendPayload as F, avatarSizes as Ft, SegmentedControlGlass as G, isNumber as H, useAppDispatch as I, statusSizes as It, progressSizes as J, RainbowProgressGlass as K, useAppSelector as L, AlertGlass as Lt, useMargin as M, BadgeGlass as Mt, ResponsiveContainer as N, badgeVariants as Nt, setLegendSettings as O, CircularProgressGlass as Ot, useElementOffset as P, AvatarGlass as Pt, StatusIndicatorGlass as Q, getUniqPayload as R, InteractiveCard as Rt, sparklineBarVariants as S, InputGlass as St, Bar as T, DropdownGlass as Tt, useLegendPortal as U, Symbols as V, alertVariants as Vt, Surface as W, LanguageBarGlass as X, ProfileAvatarGlass as Y, FlagAlertGlass as Z, ContributionMetricsGlass as _, PopoverGlass as _t, HeaderBrandingGlass as a, insightCardVariants as at, AICardGlass as b, ModalGlass as bt, YearCardGlass as c, ExpandableHeaderGlass as ct, TrustScoreDisplayGlass as d, ToggleGlass as dt, ThemeToggleGlass as et, RepositoryMetadataGlass as f, toggleSizes as ft, MetricCardGlass as g, skeletonVariants as gt, MetricsGridGlass as h, SkeletonGlass as ht, HeaderNavGlass as i, InsightCardGlass as it, useChartWidth as j, buttonGlassVariants as jt, setLegendSize as k, CheckboxGlass as kt, UserStatsLineGlass as l, TooltipGlass as lt, RepositoryCardGlass as m, SliderGlass as mt, ProjectsListGlass as n, SortDropdownGlass as nt, FlagsSectionGlass as o, insightVariantConfig as ot, RepositoryHeaderGlass as p, TabsGlass as pt, ProgressGlass as q, ProfileHeaderGlass as r, SearchBoxGlass as rt, CareerStatsGlass as s, IconButtonGlass as st, TrustScoreCardGlass as t, StatItemGlass as tt, UserInfoGlass as u, tooltipPositions as ut, CircularMetricGlass as v, NotificationGlass as vt, BarChart as w, cardIntensity as wt, SparklineGlass as x, modalSizes as xt, CareerStatsHeaderGlass as y, notificationVariants as yt, resolveDefaultProps as z, FormFieldWrapper as zt };
+export { BaseProgressGlass as $, buttonGlassVariants as $t, useChartHeight as A, GlassCard as At, adaptEventsOfChild as B, DropdownMenuGlassRadioGroup as Bt, sparklineContainerVariants as C, PopoverGlassLegacy as Ct, Tooltip as D, ModalGlass as Dt, Cell as E, notificationVariants as Et, selectLegendPayload as F, DropdownMenuGlassContent as Ft, SegmentedControlGlass as G, DropdownMenuGlassSubContent as Gt, isNumber as H, DropdownMenuGlassSeparator as Ht, useAppDispatch as I, DropdownMenuGlassGroup as It, progressSizes as J, ComboBoxGlass as Jt, RainbowProgressGlass as K, DropdownMenuGlassSubTrigger as Kt, useAppSelector as L, DropdownMenuGlassItem as Lt, useMargin as M, DropdownGlass as Mt, ResponsiveContainer as N, DropdownMenuGlass as Nt, setLegendSettings as O, modalSizes as Ot, useElementOffset as P, DropdownMenuGlassCheckboxItem as Pt, StatusIndicatorGlass as Q, ButtonGlass as Qt, getUniqPayload as R, DropdownMenuGlassLabel as Rt, sparklineBarVariants as S, PopoverGlassContent as St, Bar as T, NotificationGlass as Tt, useLegendPortal as U, DropdownMenuGlassShortcut as Ut, Symbols as V, DropdownMenuGlassRadioItem as Vt, Surface as W, DropdownMenuGlassSub as Wt, LanguageBarGlass as X, CircularProgressGlass as Xt, ProfileAvatarGlass as Y, inputVariants as Yt, FlagAlertGlass as Z, CheckboxGlass as Zt, ContributionMetricsGlass as _, SliderGlass as _t, HeaderBrandingGlass as a, AvatarGlassSimple as an, insightCardVariants as at, AICardGlass as b, PopoverGlass as bt, YearCardGlass as c, AlertGlass as cn, ExpandableHeaderGlass as ct, TrustScoreDisplayGlass as d, InteractiveCard as dn, TooltipGlassProvider as dt, BadgeGlass as en, ThemeToggleGlass as et, RepositoryMetadataGlass as f, FormFieldWrapper as fn, TooltipGlassSimple as ft, MetricCardGlass as g, TabsGlass as gt, MetricsGridGlass as h, toggleSizes as ht, HeaderNavGlass as i, AvatarGlassImage as in, InsightCardGlass as it, useChartWidth as j, cardIntensity as jt, setLegendSize as k, InputGlass as kt, UserStatsLineGlass as l, AlertGlassDescription as ln, TooltipGlass as lt, RepositoryCardGlass as m, alertVariants as mn, ToggleGlass as mt, ProjectsListGlass as n, AvatarGlass as nn, SortDropdownGlass as nt, FlagsSectionGlass as o, avatarSizes as on, insightVariantConfig as ot, RepositoryHeaderGlass as p, TouchTarget as pn, TooltipGlassTrigger as pt, ProgressGlass as q, DropdownMenuGlassTrigger as qt, ProfileHeaderGlass as r, AvatarGlassFallback as rn, SearchBoxGlass as rt, CareerStatsGlass as s, statusSizes as sn, IconButtonGlass as st, TrustScoreCardGlass as t, badgeVariants as tn, StatItemGlass as tt, UserInfoGlass as u, AlertGlassTitle as un, TooltipGlassContent as ut, CircularMetricGlass as v, SkeletonGlass as vt, BarChart as w, PopoverGlassTrigger as wt, SparklineGlass as x, PopoverGlassAnchor as xt, CareerStatsHeaderGlass as y, skeletonVariants as yt, resolveDefaultProps as z, DropdownMenuGlassPortal as zt };
 
-//# sourceMappingURL=trust-score-card-glass-BcZbul0P.js.map
+//# sourceMappingURL=trust-score-card-glass-A7kas5OS.js.map