shadcn-glass-ui 2.0.6 → 2.0.9

package/dist/{trust-score-card-glass-r3qM09Jp.cjs → trust-score-card-glass-Dgu46oWI.cjs}

@@ -27,15 +27,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-const require_utils = require("./utils-DLXayspX.cjs");
-const require_use_focus = require("./use-focus-ZE8ozmZE.cjs");
-const require_theme_context = require("./theme-context-CVW50BKW.cjs");
+const require_utils = require("./utils-BXN7AcRu.cjs");
+const require_use_focus = require("./use-focus-BRkQtQCj.cjs");
+const require_theme_context = require("./theme-context-DNe_2vWJ.cjs");
 let react = require("react");
 react = __toESM(react);
 let lucide_react = require("lucide-react");
 let clsx = require("clsx");
 let class_variance_authority = require("class-variance-authority");
 let react_jsx_runtime = require("react/jsx-runtime");
+let __radix_ui_react_avatar = require("@radix-ui/react-avatar");
+__radix_ui_react_avatar = __toESM(__radix_ui_react_avatar);
 let __radix_ui_react_slot = require("@radix-ui/react-slot");
 let react_dom = require("react-dom");
 react_dom = __toESM(react_dom);
@@ -43,6 +45,8 @@ let __radix_ui_react_dialog = require("@radix-ui/react-dialog");
 __radix_ui_react_dialog = __toESM(__radix_ui_react_dialog);
 let __radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 __radix_ui_react_dropdown_menu = __toESM(__radix_ui_react_dropdown_menu);
+let __radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
+__radix_ui_react_tooltip = __toESM(__radix_ui_react_tooltip);
 const alertVariants = (0, class_variance_authority.cva)("flex items-start gap-2 md:gap-3 p-3 md:p-4 rounded-xl transition-all duration-300 backdrop-blur-sm min-w-96 max-w-2xl", {
 	variants: { variant: {
 		default: "",
@@ -170,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 = (0, react.forwardRef)(({ className, variant = "default", title, children, dismissible, onDismiss, ...props }, ref) => {
+var AlertGlassRoot = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
 		className: require_utils.cn(alertVariants({ variant: effectiveVariant }), className),
@@ -185,24 +190,17 @@ const AlertGlass = (0, react.forwardRef)(({ className, variant = "default", titl
 		...props,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex-1",
-				children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "font-medium text-xs md:text-sm mb-0.5 md:mb-1",
-					style: { color: config.text },
-					children: title
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-xs md:text-sm opacity-80",
-					style: { color: config.text },
-					children
-				})]
+				children
 			}),
 			dismissible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				onClick: onDismiss,
-				className: "p-0.5 md:p-1 rounded transition-colors duration-200 hover:bg-black/5 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__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
 					className: ICON_SIZES.md,
@@ -212,7 +210,32 @@ const AlertGlass = (0, react.forwardRef)(({ className, variant = "default", titl
 		]
 	});
 });
-AlertGlass.displayName = "AlertGlass";
+AlertGlassRoot.displayName = "AlertGlass";
+var AlertGlassTitle = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		ref,
+		className: require_utils.cn("font-medium text-xs md:text-sm mb-0.5 md:mb-1", className),
+		style: {
+			color: "inherit",
+			...style
+		},
+		...props
+	});
+});
+AlertGlassTitle.displayName = "AlertGlassTitle";
+var AlertGlassDescription = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		ref,
+		className: require_utils.cn("text-xs md:text-sm opacity-80", className),
+		style: {
+			color: "inherit",
+			...style
+		},
+		...props
+	});
+});
+AlertGlassDescription.displayName = "AlertGlassDescription";
+const AlertGlass = AlertGlassRoot;
 const avatarSizes = (0, class_variance_authority.cva)("rounded-full flex items-center justify-center font-semibold transition-all duration-300", {
 	variants: { size: {
 		sm: "w-7 h-7 md:w-8 md:h-8 text-[10px] md:text-xs",
@@ -231,11 +254,7 @@ const statusSizes = (0, class_variance_authority.cva)("absolute -bottom-0.5 -rig
 	} },
 	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)",
@@ -255,39 +274,74 @@ var getStatusVars = (statusType) => {
 		}
 	}[statusType];
 };
-const AvatarGlass = (0, react.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 } = require_use_focus.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__ */ (0, react_jsx_runtime.jsxs)(asChild ? __radix_ui_react_slot.Slot : "div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarGlassContext.Provider, {
+		value: {
+			size: size$3,
+			status,
+			glowing
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn("relative inline-flex", className),
+			onMouseEnter: hoverProps.onMouseEnter,
+			onMouseLeave: hoverProps.onMouseLeave,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Root, {
+				ref,
+				className: require_utils.cn(avatarSizes({ size: size$3 }), glowing && "animate-[glow-pulse_2s_ease-in-out_infinite]"),
+				style: avatarStyles,
+				...props,
+				children
+			}), status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn(statusSizes({ size: 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__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Image, {
 		ref,
-		className: require_utils.cn("relative inline-flex", className),
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_utils.cn(avatarSizes({ size: size$3 })),
-			style: avatarStyles,
-			role: "img",
-			"aria-label": `Avatar for ${name}`,
-			children: initials
-		}), status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_utils.cn(statusSizes({ size: size$3 })),
-			style: {
-				background: getStatusVars(status).bg,
-				boxShadow: getStatusVars(status).glow
-			},
-			role: "status",
-			"aria-label": `Status: ${status}`
-		})]
+		className: require_utils.cn("aspect-square h-full w-full object-cover", className),
+		...props
 	});
 });
-AvatarGlass.displayName = "AvatarGlass";
+AvatarGlassImage.displayName = "AvatarGlassImage";
+var AvatarGlassFallback = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Fallback, {
+		ref,
+		className: require_utils.cn("flex h-full w-full items-center justify-center font-semibold uppercase", className),
+		...props
+	});
+});
+AvatarGlassFallback.displayName = "AvatarGlassFallback";
+var getInitials = (name) => {
+	if (!name || name.trim().length === 0) return "?";
+	return name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
+};
+var AvatarGlassSimple = ({ name, size: size$3 = "md", status, glowing, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarGlassRoot, {
+		size: size$3,
+		status,
+		glowing,
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarGlassFallback, { children: getInitials(name) })
+	});
+};
+const AvatarGlass = AvatarGlassRoot;
 const badgeVariants = (0, class_variance_authority.cva)("inline-flex items-center gap-1 md:gap-1.5 rounded-full font-medium", {
 	variants: { size: {
 		sm: "px-1 py-0.5 md:px-1.5 text-[9px] md:text-[10px]",
@@ -384,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)",
@@ -402,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",
@@ -483,7 +537,7 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
 			}),
 			isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.RefreshCw, { className: require_utils.cn(ICON_SIZES.md, "animate-spin") }),
 			!loading && Icon && iconPosition === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: ICON_SIZES.md }),
@@ -548,12 +602,12 @@ const CheckboxGlass = (0, react.forwardRef)(({ className, checked, onChange, lab
 	});
 });
 CheckboxGlass.displayName = "CheckboxGlass";
-var circularProgressVariants = (0, class_variance_authority.cva)("relative inline-flex items-center justify-center p-2", {
+var circularProgressVariants = (0, class_variance_authority.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" }
 });
@@ -814,10 +868,10 @@ var Primitive$6 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -1064,10 +1118,10 @@ var Primitive$5 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -1270,7 +1324,7 @@ function removeLinks(items) {
 var useLayoutEffect2 = globalThis?.document ? react.useLayoutEffect : () => {};
 var useReactId = react[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
-function useId$3(deterministicId) {
+function useId$2(deterministicId) {
 	const [id, setId] = react.useState(useReactId());
 	useLayoutEffect2(() => {
 		if (!deterministicId) setId((reactId) => reactId ?? String(count++));
@@ -2788,10 +2842,10 @@ var Primitive$4 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -2900,10 +2954,10 @@ var Primitive$3 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -3210,10 +3264,10 @@ var Primitive$2 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -3354,10 +3408,10 @@ var Primitive$1 = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -4132,7 +4186,7 @@ var Popover$1 = (props) => {
 		...popperScope,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverProvider, {
 			scope: __scopePopover,
-			contentId: useId$3(),
+			contentId: useId$2(),
 			triggerRef,
 			open,
 			onOpenChange: setOpen,
@@ -4348,6 +4402,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;
@@ -4407,10 +4462,10 @@ var Primitive = [
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
-	const Slot$4 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Slot$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
 	const Node$1 = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? Slot$4 : node;
+		const Comp = asChild ? Slot$3 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,
@@ -4436,7 +4491,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 				groups: /* @__PURE__ */ new Set()
 			}
 		};
-	}), u$2 = L(() => /* @__PURE__ */ new Set()), c$2 = L(() => /* @__PURE__ */ new Map()), d$1 = L(() => /* @__PURE__ */ new Map()), f$1 = L(() => /* @__PURE__ */ new Set()), p$2 = pe(r$1), { label: b$1, children: m$2, value: R, onValueChange: x$2, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = !1, vimBindings: j = !0, ...O$1 } = r$1, $$1 = useId$3(), q$1 = useId$3(), _ = useId$3(), I = react.useRef(null), v$1 = ke();
+	}), u$2 = L(() => /* @__PURE__ */ new Set()), c$2 = L(() => /* @__PURE__ */ new Map()), d$1 = L(() => /* @__PURE__ */ new Map()), f$1 = L(() => /* @__PURE__ */ new Set()), p$2 = pe(r$1), { label: b$1, children: m$2, value: R, onValueChange: x$2, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = !1, vimBindings: j = !0, ...O$1 } = r$1, $$1 = useId$2(), q$1 = useId$2(), _ = useId$2(), I = react.useRef(null), v$1 = ke();
 	k$2(() => {
 		if (R !== void 0) {
 			let e$1 = R.trim();
@@ -4633,7 +4688,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	}, b$1), B(r$1, (e$1) => react.createElement(de.Provider, { value: E }, react.createElement(ue.Provider, { value: U$1 }, e$1))));
 }), he = react.forwardRef((r$1, o) => {
 	var _, I;
-	let n$1 = useId$3(), u$2 = react.useRef(null), c$2 = react.useContext(fe), d$1 = K(), f$1 = pe(r$1), p$2 = (I = (_ = f$1.current) == null ? void 0 : _.forceMount) != null ? I : c$2 == null ? void 0 : c$2.forceMount;
+	let n$1 = useId$2(), u$2 = react.useRef(null), c$2 = react.useContext(fe), d$1 = K(), f$1 = pe(r$1), p$2 = (I = (_ = f$1.current) == null ? void 0 : _.forceMount) != null ? I : c$2 == null ? void 0 : c$2.forceMount;
 	k$2(() => {
 		if (!p$2) return d$1.item(n$1, c$2 == null ? void 0 : c$2.id);
 	}, [p$2]);
@@ -4673,7 +4728,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		onClick: A ? void 0 : C
 	}, r$1.children);
 }), Ee = react.forwardRef((r$1, o) => {
-	let { heading: n$1, children: u$2, forceMount: c$2, ...d$1 } = r$1, f$1 = useId$3(), p$2 = react.useRef(null), b$1 = react.useRef(null), m$2 = useId$3(), R = K(), x$2 = P((S) => c$2 || R.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(f$1) : !0);
+	let { heading: n$1, children: u$2, forceMount: c$2, ...d$1 } = r$1, f$1 = useId$2(), p$2 = react.useRef(null), b$1 = react.useRef(null), m$2 = useId$2(), R = K(), x$2 = P((S) => c$2 || R.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(f$1) : !0);
 	k$2(() => R.group(f$1), []), ve(f$1, p$2, [
 		r$1.value,
 		r$1.heading,
@@ -4934,6 +4989,10 @@ function getDropdownContentStyles() {
 	};
 }
 const dropdownContentClasses = require_utils.cn("min-w-40 md:min-w-[200px]", "rounded-2xl overflow-hidden", "z-[50002]", "animate-in fade-in-0 zoom-in-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=top]:slide-in-from-bottom-2");
+function getDropdownItemClasses(options$1) {
+	const { danger, selected, highlighted } = options$1 ?? {};
+	return require_utils.cn("w-full px-3 py-2.5", "text-sm text-left", "flex items-center gap-2", "rounded-lg", "outline-none cursor-pointer select-none", "transition-colors duration-150", highlighted && "bg-(--dropdown-item-hover)", "data-[highlighted]:bg-(--dropdown-item-hover)", "data-[selected=true]:bg-(--dropdown-item-hover)", selected && "bg-(--select-item-selected-bg) text-(--select-item-selected-text)", danger ? "text-(--alert-danger-text) data-[highlighted]:text-(--alert-danger-text)" : "text-(--dropdown-item-text)");
+}
 const dropdownSeparatorClasses = require_utils.cn("h-px my-1", "bg-[var(--dropdown-border)]");
 const dropdownLabelClasses = require_utils.cn("px-3 py-1.5 md:px-4 md:py-2", "text-xs font-medium", "text-[var(--text-muted)]");
 function ComboBoxGlassInner({ options: 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) {
@@ -4987,7 +5046,7 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContent, {
 			side,
 			align,
-			className: require_utils.cn("w-[--radix-popover-trigger-width] p-0 rounded-2xl overflow-hidden border-0", getGlassClass(), popoverClassName),
+			className: require_utils.cn(dropdownContentClasses, "w-[--radix-popover-trigger-width] p-0 border-0", getGlassClass(), popoverClassName),
 			style: getDropdownContentStyles(),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Command, {
 				shouldFilter: false,
@@ -5011,7 +5070,7 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 								value: String(option.value),
 								disabled: option.disabled,
 								onSelect: () => handleSelect(option.value),
-								className: require_utils.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: require_utils.cn(getDropdownItemClasses({ selected: isSelected }), option.disabled && "cursor-not-allowed opacity-50"),
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0", isSelected ? "opacity-100 text-[var(--text-accent)]" : "opacity-0") }),
 									OptionIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionIcon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0 text-[var(--dropdown-icon)]") }),
@@ -5039,34 +5098,98 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 }
 const ComboBoxGlass = (0, react.forwardRef)(ComboBoxGlassInner);
 ComboBoxGlassInner.displayName = "ComboBoxGlass";
+var DropdownMenuGlass = __radix_ui_react_dropdown_menu.Root;
+var DropdownMenuGlassTrigger = __radix_ui_react_dropdown_menu.Trigger;
+var DropdownMenuGlassGroup = __radix_ui_react_dropdown_menu.Group;
+var DropdownMenuGlassPortal = __radix_ui_react_dropdown_menu.Portal;
+var DropdownMenuGlassSub = __radix_ui_react_dropdown_menu.Sub;
+var DropdownMenuGlassRadioGroup = __radix_ui_react_dropdown_menu.RadioGroup;
+var DropdownMenuGlassSubTrigger = react.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.SubTrigger, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses(), "data-[state=open]:bg-[var(--dropdown-item-hover)]", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
+}));
+DropdownMenuGlassSubTrigger.displayName = "DropdownMenuGlassSubTrigger";
+var DropdownMenuGlassSubContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.SubContent, {
+	ref,
+	className: require_utils.cn(dropdownContentClasses, "p-1.5", className),
+	style: getDropdownContentStyles(),
+	...props
+}));
+DropdownMenuGlassSubContent.displayName = "DropdownMenuGlassSubContent";
+var DropdownMenuGlassContent = react.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Content, {
+	ref,
+	sideOffset,
+	className: require_utils.cn(dropdownContentClasses, "p-1.5", className),
+	style: getDropdownContentStyles(),
+	...props
+}) }));
+DropdownMenuGlassContent.displayName = "DropdownMenuGlassContent";
+var DropdownMenuGlassItem = react.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Item, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses({ danger: variant === "destructive" }), inset && "pl-8", className),
+	...props
+}));
+DropdownMenuGlassItem.displayName = "DropdownMenuGlassItem";
+var DropdownMenuGlassCheckboxItem = react.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.CheckboxItem, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses(), "pl-8 pr-2", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuGlassCheckboxItem.displayName = "DropdownMenuGlassCheckboxItem";
+var DropdownMenuGlassRadioItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.RadioItem, {
+	ref,
+	className: require_utils.cn(getDropdownItemClasses(), "pl-8 pr-2", className),
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleIcon, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuGlassRadioItem.displayName = "DropdownMenuGlassRadioItem";
+var DropdownMenuGlassLabel = react.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Label, {
+	ref,
+	className: require_utils.cn(dropdownLabelClasses, inset && "pl-8", className),
+	...props
+}));
+DropdownMenuGlassLabel.displayName = "DropdownMenuGlassLabel";
+var DropdownMenuGlassSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Separator, {
+	ref,
+	className: require_utils.cn(dropdownSeparatorClasses, "-mx-1 my-1", className),
+	...props
+}));
+DropdownMenuGlassSeparator.displayName = "DropdownMenuGlassSeparator";
+var DropdownMenuGlassShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_utils.cn("ml-auto text-xs tracking-widest text-(--text-muted)", className),
+		...props
+	});
+};
+DropdownMenuGlassShortcut.displayName = "DropdownMenuGlassShortcut";
 const DropdownGlass = react.forwardRef(({ trigger, items, align = "left", className }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
 		className: require_utils.cn("relative inline-block", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Trigger, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlass, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassTrigger, {
 			asChild: true,
 			children: trigger
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Content, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Separator, {
-				className: "my-2 mx-3 h-px",
-				style: { borderTop: "1px solid var(--dropdown-divider)" },
-				role: "separator"
-			}, `divider-${idx}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.Item, {
-				onClick: item.onClick,
-				className: require_utils.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__ */ (0, react_jsx_runtime.jsx)(item.icon, { className: require_utils.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__ */ (0, react_jsx_runtime.jsx)("span", {
+			children: items.map((item, idx) => item.divider ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassSeparator, {}, `divider-${idx}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlassItem, {
+				variant: item.danger ? "destructive" : "default",
+				onSelect: item.onClick,
+				children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(item.icon, { className: require_utils.cn(ICON_SIZES.md, "shrink-0", item.danger ? "text-(--alert-danger-text)" : "text-(--dropdown-icon) group-data-highlighted:text-(--dropdown-icon-hover)") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "font-medium",
 					children: item.label
 				})]
 			}, `item-${idx}`))
-		}) })] })
+		})] })
 	});
 });
 DropdownGlass.displayName = "DropdownGlass";
@@ -5484,7 +5607,10 @@ const NotificationGlass = (0, react.forwardRef)(({ variant: variantProp, type: t
 	});
 });
 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)",
@@ -5493,31 +5619,42 @@ const PopoverGlass = react.forwardRef(({ trigger, children, side = "bottom", ali
 		WebkitBackdropFilter: "blur(var(--blur-md))"
 	};
 	const arrowStyles = { fill: "var(--popover-arrow-bg)" };
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Root2, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Portal$1, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Content2, {
+		ref,
+		align,
+		sideOffset,
+		className: require_utils.cn("z-50003 rounded-2xl", "animate-in fade-in-0 zoom-in-95 duration-200", "data-[side=bottom]:slide-in-from-top-2", "data-[side=top]:slide-in-from-bottom-2", "data-[side=right]:slide-in-from-left-2", "data-[side=left]:slide-in-from-right-2", "outline-none", className),
+		style: popoverStyles,
+		...props,
+		children: [children, showArrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(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__ */ (0, react_jsx_runtime.jsxs)(PopoverGlassRoot, {
 		open,
 		onOpenChange,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trigger, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverGlassTrigger, {
 			asChild: true,
 			children: trigger
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Portal$1, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Content2, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverGlassContent, {
 			ref,
 			side,
 			align,
 			sideOffset,
-			className: require_utils.cn("z-[50003] rounded-2xl", "animate-in fade-in-0 zoom-in-95 duration-200", "data-[side=bottom]:slide-in-from-top-2", "data-[side=top]:slide-in-from-bottom-2", "data-[side=right]:slide-in-from-left-2", "data-[side=left]:slide-in-from-right-2", "outline-none", className),
-			style: popoverStyles,
-			role: "dialog",
-			"aria-modal": "false",
-			children: [children, showArrow && /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, class_variance_authority.cva)("overflow-hidden", {
 	variants: { variant: {
 		text: "h-3 md:h-4 rounded",
@@ -5803,42 +5940,42 @@ const ToggleGlass = (0, react.forwardRef)(({ className, size: size$3 = "md", che
 	return toggle;
 });
 ToggleGlass.displayName = "ToggleGlass";
-const tooltipPositions = (0, class_variance_authority.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 = (0, react.forwardRef)(({ children, content, position = "top", className }, ref) => {
-	const { isHovered, hoverProps } = require_use_focus.useHover();
-	const tooltipId = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: require_utils.cn("relative inline-flex", className),
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		"aria-describedby": isHovered ? tooltipId : void 0,
-		children: [children, isHovered && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			id: tooltipId,
-			className: require_utils.cn(tooltipPositions({ position })),
-			style: tooltipStyles,
-			role: "tooltip",
-			children: content
-		})]
+var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
+		delayDuration,
+		...props
 	});
+};
+var TooltipGlassRoot = __radix_ui_react_tooltip.Root;
+var TooltipGlassTrigger = __radix_ui_react_tooltip.Trigger;
+var TooltipGlassContent = react.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Content, {
+		ref,
+		sideOffset,
+		className: require_utils.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__ */ (0, react_jsx_runtime.jsxs)(TooltipGlassRoot, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassTrigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassContent, {
+		side,
+		className,
+		children: content
+	})] });
+};
+const TooltipGlass = TooltipGlassRoot;
 const ExpandableHeaderGlass = (0, react.forwardRef)(({ title, icon: Icon, iconColor = "var(--text-accent)", expanded, onToggle, className, ...props }, ref) => {
 	const textStyles = { color: "var(--text-primary)" };
 	const chevronStyles = { color: "var(--text-muted)" };
@@ -6111,127 +6248,59 @@ var fieldLabels = {
 	name: "Name",
 	contribution: "Contribution"
 };
-const SortDropdownGlass = (0, react.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] = (0, react.useState)(false);
-	const internalRef = (0, react.useRef)(null);
-	(0, react.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 = (0, react.useCallback)(() => {
-		setIsOpen((prev) => !prev);
-	}, []);
-	const handleFieldSelect = (0, react.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 = (0, react.useMemo)(() => ({
-		background: "var(--segmented-container-bg)",
-		border: "1px solid var(--segmented-container-border)",
-		color: "var(--text-primary)"
-	}), []);
-	const dropdownStyles = (0, react.useMemo)(() => ({
-		...getDropdownContentStyles(),
-		animation: "dropdownFadeIn 0.2s ease-out"
-	}), []);
 	const SortIcon = sortOrder === "asc" ? lucide_react.ArrowUp : lucide_react.ArrowDown;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: (node) => {
-			internalRef.current = node;
-			if (typeof ref === "function") ref(node);
-			else if (ref) ref.current = node;
-		},
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
 		className: require_utils.cn("relative inline-block", className),
-		style: { zIndex: isOpen ? 5e4 : "auto" },
 		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			onClick: handleToggle,
-			onKeyDown: handleKeyDown,
-			className: require_utils.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Sort" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, {
-				className: ICON_SIZES.sm,
-				style: { color: "var(--text-accent)" }
-			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "hidden sm:inline",
-					style: { color: "var(--text-muted)" },
-					children: "Sort:"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fieldLabels[sortBy$5] }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, {
-					className: ICON_SIZES.sm,
-					style: { color: "var(--text-accent)" }
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
-					className: require_utils.cn(ICON_SIZES.sm, "transition-transform duration-200", isOpen && "rotate-180"),
-					style: { color: "var(--text-muted)" }
-				})
-			] })
-		}), isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "fixed inset-0",
-			style: { zIndex: 50001 },
-			onClick: () => setIsOpen(false)
-		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlass, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: require_utils.cn("flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-medium", "sm:gap-2 sm:px-4 sm:py-2 sm:text-sm", "bg-(--dropdown-bg) border border-(--dropdown-border)", "backdrop-blur-md", "transition-all duration-200", "hover:opacity-90 hover:shadow-(--dropdown-glow)", "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "focus-visible:ring-(--text-accent)", "text-(--dropdown-item-text)"),
+				"aria-haspopup": "menu",
+				children: compact ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Sort" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, { className: require_utils.cn(ICON_SIZES.sm, "text-(--text-accent)") })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "hidden sm:inline text-(--text-muted)",
+						children: "Sort:"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fieldLabels[sortBy$5] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, { className: require_utils.cn(ICON_SIZES.sm, "text-(--text-accent)") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: require_utils.cn(ICON_SIZES.sm, "text-(--text-muted)", "transition-transform duration-200", "group-data-[state=open]:rotate-180") })
+				] })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassContent, {
+			align: "start",
 			"aria-label": "Sort options",
 			children: options$1.map((field) => {
 				const isSelected = field === sortBy$5;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					onClick: () => handleFieldSelect(field),
-					className: require_utils.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__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlassItem, {
+					onSelect: () => handleFieldSelect(field),
+					className: require_utils.cn("justify-between", isSelected && "bg-(--select-item-selected-bg)"),
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "font-medium",
 						children: fieldLabels[field]
 					}), isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-1",
+						className: "flex items-center gap-1 text-(--text-accent)",
 						children: [sortOrder === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: ICON_SIZES.sm }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowDown, { className: ICON_SIZES.sm }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: ICON_SIZES.sm })]
 					})]
 				}, field);
 			})
-		})] })]
+		})] })
 	});
 });
 SortDropdownGlass.displayName = "SortDropdownGlass";
@@ -6355,7 +6424,7 @@ const BaseProgressGlass = (0, react.forwardRef)(({ value = 0, max: max$2 = 100,
 	});
 });
 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"
 };
@@ -6364,7 +6433,7 @@ var statusSymbols = {
 	yellow: "!",
 	red: "✕"
 };
-var statusVarMap$1 = {
+var statusVarMap = {
 	green: {
 		bg: "var(--status-online)",
 		glow: "var(--status-online-glow)"
@@ -6379,14 +6448,14 @@ var statusVarMap$1 = {
 	}
 };
 const StatusIndicatorGlass = (0, react.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__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
-		className: require_utils.cn("rounded-full flex items-center justify-center", sizeClasses$2[size$3], className),
+		className: require_utils.cn("rounded-full flex items-center justify-center", sizeClasses$1[size$3], className),
 		style: indicatorStyles,
 		role: "status",
 		"aria-label": `Status: ${type}`,
@@ -6440,16 +6509,16 @@ const FlagAlertGlass = (0, react.forwardRef)(({ type = "warning", title, descrip
 });
 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 = (0, react.forwardRef)(({ languages = [], showLegend = true, className, ...props }, ref) => {
 	const [hoveredLang, setHoveredLang] = (0, react.useState)(null);
@@ -6465,15 +6534,14 @@ const LanguageBarGlass = (0, react.forwardRef)(({ languages = [], showLegend = t
 			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__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_utils.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,
@@ -6491,7 +6559,10 @@ const LanguageBarGlass = (0, react.forwardRef)(({ languages = [], showLegend = t
 					onMouseEnter: () => setHoveredLang(i),
 					onMouseLeave: () => setHoveredLang(null),
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("w-2 h-2 md:w-2.5 md:h-2.5 rounded-full", lang.color ?? defaultLangColors[lang.name] ?? "bg-slate-400") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "w-2 h-2 md:w-2.5 md:h-2.5 rounded-full",
+							style: { backgroundColor: lang.color ?? defaultLangColors[lang.name] ?? "var(--oklch-slate-400)" }
+						}),
 						lang.name,
 						" ",
 						lang.percent,
@@ -6503,54 +6574,57 @@ const LanguageBarGlass = (0, react.forwardRef)(({ languages = [], showLegend = t
 	});
 });
 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 = (0, react.forwardRef)(({ initials, size: size$3 = "lg", status, glowing = true, className, ...props }, ref) => {
-	const [isHovered, setIsHovered] = (0, react.useState)(false);
+	const { isHovered, hoverProps } = require_use_focus.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
 		className: require_utils.cn("relative inline-flex", className),
-		onMouseEnter: () => setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
+		onMouseEnter: hoverProps.onMouseEnter,
+		onMouseLeave: hoverProps.onMouseLeave,
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_utils.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: require_utils.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__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_utils.cn("absolute rounded-full", statusPositionClasses[size$3], statusSizeClasses[size$3]),
+			className: require_utils.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}`
@@ -6645,7 +6719,7 @@ const RainbowProgressGlass = (0, react.forwardRef)(({ value, size: size$3 = "lg"
 	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"
 	};
@@ -9164,7 +9238,7 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 				var cachedValue = getSnapshot();
 				objectIs$3(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
 			}
-			cachedValue = useState$22({ inst: {
+			cachedValue = useState$20({ inst: {
 				value,
 				getSnapshot
 			} });
@@ -9178,7 +9252,7 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 				value,
 				getSnapshot
 			]);
-			useEffect$19(function() {
+			useEffect$18(function() {
 				checkIfSnapshotChanged$1(inst) && forceUpdate({ inst });
 				return subscribe(function() {
 					checkIfSnapshotChanged$1(inst) && forceUpdate({ inst });
@@ -9201,7 +9275,7 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 			return getSnapshot();
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$22 = React$4.useState, useEffect$19 = React$4.useEffect, useLayoutEffect$7 = React$4.useLayoutEffect, useDebugValue$3 = React$4.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$2 : useSyncExternalStore$2$1;
+		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$20 = React$4.useState, useEffect$18 = React$4.useEffect, useLayoutEffect$7 = React$4.useLayoutEffect, useDebugValue$3 = React$4.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$2 : useSyncExternalStore$2$1;
 		exports.useSyncExternalStore = void 0 !== React$4.useSyncExternalStore ? React$4.useSyncExternalStore : shim$2;
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
@@ -9289,9 +9363,9 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$4 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$16 = React$4.useRef, useEffect$19 = React$4.useEffect, useMemo$13 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
+		var React$4 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$15 = React$4.useRef, useEffect$18 = React$4.useEffect, useMemo$12 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-			var instRef = useRef$16(null);
+			var instRef = useRef$15(null);
 			if (null === instRef.current) {
 				var inst = {
 					hasValue: !1,
@@ -9299,7 +9373,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 				};
 				instRef.current = inst;
 			} else inst = instRef.current;
-			instRef = useMemo$13(function() {
+			instRef = useMemo$12(function() {
 				function memoizedSelector(nextSnapshot) {
 					if (!hasMemo) {
 						hasMemo = !0;
@@ -9331,7 +9405,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 				isEqual
 			]);
 			var value = useSyncExternalStore$3(subscribe, instRef[0], instRef[1]);
-			useEffect$19(function() {
+			useEffect$18(function() {
 				inst.hasValue = !0;
 				inst.value = value;
 			}, [value]);
@@ -23498,9 +23572,9 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$4.useSyncExternalStore, useRef$16 = React$4.useRef, useEffect$19 = React$4.useEffect, useMemo$13 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
+		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$4.useSyncExternalStore, useRef$15 = React$4.useRef, useEffect$18 = React$4.useEffect, useMemo$12 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-			var instRef = useRef$16(null);
+			var instRef = useRef$15(null);
 			if (null === instRef.current) {
 				var inst = {
 					hasValue: !1,
@@ -23508,7 +23582,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 				};
 				instRef.current = inst;
 			} else inst = instRef.current;
-			instRef = useMemo$13(function() {
+			instRef = useMemo$12(function() {
 				function memoizedSelector(nextSnapshot) {
 					if (!hasMemo) {
 						hasMemo = !0;
@@ -23540,7 +23614,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 				isEqual
 			]);
 			var value = useSyncExternalStore$3(subscribe, instRef[0], instRef[1]);
-			useEffect$19(function() {
+			useEffect$18(function() {
 				inst.hasValue = !0;
 				inst.value = value;
 			}, [value]);
@@ -26363,7 +26437,8 @@ const TrustScoreDisplayGlass = (0, react.forwardRef)(({ score, maxScore = 100, t
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-2 animate-[score-pulse_2s_ease-in-out_infinite]",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_utils.cn(sizes.score, "font-bold bg-linear-to-r from-amber-400 via-emerald-400 to-cyan-400 bg-clip-text text-transparent"),
+				className: require_utils.cn(sizes.score, "font-bold bg-clip-text text-transparent"),
+				style: { backgroundImage: "var(--score-gradient)" },
 				children: score
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: sizes.max,
@@ -27083,7 +27158,8 @@ const TrustScoreCardGlass = (0, react.forwardRef)(({ score = 72, metrics = [], c
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex items-center gap-1.5 md:gap-2 animate-[score-pulse_2s_ease-in-out_infinite]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-3xl md:text-4xl font-bold bg-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__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "text-lg md:text-xl",
@@ -27121,12 +27197,42 @@ Object.defineProperty(exports, "AlertGlass", {
 		return AlertGlass;
 	}
 });
+Object.defineProperty(exports, "AlertGlassDescription", {
+	enumerable: true,
+	get: function() {
+		return AlertGlassDescription;
+	}
+});
+Object.defineProperty(exports, "AlertGlassTitle", {
+	enumerable: true,
+	get: function() {
+		return AlertGlassTitle;
+	}
+});
 Object.defineProperty(exports, "AvatarGlass", {
 	enumerable: true,
 	get: function() {
 		return AvatarGlass;
 	}
 });
+Object.defineProperty(exports, "AvatarGlassFallback", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlassFallback;
+	}
+});
+Object.defineProperty(exports, "AvatarGlassImage", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlassImage;
+	}
+});
+Object.defineProperty(exports, "AvatarGlassSimple", {
+	enumerable: true,
+	get: function() {
+		return AvatarGlassSimple;
+	}
+});
 Object.defineProperty(exports, "BadgeGlass", {
 	enumerable: true,
 	get: function() {
@@ -27211,6 +27317,96 @@ Object.defineProperty(exports, "DropdownGlass", {
 		return DropdownGlass;
 	}
 });
+Object.defineProperty(exports, "DropdownMenuGlass", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlass;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassCheckboxItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassCheckboxItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassContent", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassContent;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassGroup", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassGroup;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassLabel", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassLabel;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassPortal", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassPortal;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassRadioGroup", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassRadioGroup;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassRadioItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassRadioItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSeparator", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSeparator;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassShortcut", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassShortcut;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSub", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSub;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSubContent", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSubContent;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassSubTrigger", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassSubTrigger;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGlassTrigger", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGlassTrigger;
+	}
+});
 Object.defineProperty(exports, "ExpandableHeaderGlass", {
 	enumerable: true,
 	get: function() {
@@ -27313,6 +27509,30 @@ Object.defineProperty(exports, "PopoverGlass", {
 		return PopoverGlass;
 	}
 });
+Object.defineProperty(exports, "PopoverGlassAnchor", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassAnchor;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassContent", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassContent;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassLegacy", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassLegacy;
+	}
+});
+Object.defineProperty(exports, "PopoverGlassTrigger", {
+	enumerable: true,
+	get: function() {
+		return PopoverGlassTrigger;
+	}
+});
 Object.defineProperty(exports, "ProfileAvatarGlass", {
 	enumerable: true,
 	get: function() {
@@ -27457,6 +27677,30 @@ Object.defineProperty(exports, "TooltipGlass", {
 		return TooltipGlass;
 	}
 });
+Object.defineProperty(exports, "TooltipGlassContent", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassContent;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassProvider", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassProvider;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassSimple", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassSimple;
+	}
+});
+Object.defineProperty(exports, "TooltipGlassTrigger", {
+	enumerable: true,
+	get: function() {
+		return TooltipGlassTrigger;
+	}
+});
 Object.defineProperty(exports, "TouchTarget", {
 	enumerable: true,
 	get: function() {
@@ -27637,12 +27881,6 @@ Object.defineProperty(exports, "toggleSizes", {
 		return toggleSizes;
 	}
 });
-Object.defineProperty(exports, "tooltipPositions", {
-	enumerable: true,
-	get: function() {
-		return tooltipPositions;
-	}
-});
 Object.defineProperty(exports, "useAppDispatch", {
 	enumerable: true,
 	get: function() {
@@ -27686,4 +27924,4 @@ Object.defineProperty(exports, "useMargin", {
 	}
 });
 
-//# sourceMappingURL=trust-score-card-glass-r3qM09Jp.cjs.map
+//# sourceMappingURL=trust-score-card-glass-Dgu46oWI.cjs.map