shadcn-glass-ui 2.3.0 → 2.3.1

package/dist/{trust-score-card-glass-3VBi9soW.cjs → trust-score-card-glass-DtgFygh5.cjs}

@@ -18,9 +18,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-const require_utils = require("./utils-DX6rdBol.cjs");
-const require_use_focus = require("./use-focus-CswOSq71.cjs");
-const require_theme_context = require("./theme-context-DmTETrFi.cjs");
+const require_utils = require("./utils-CiuCe_Aq.cjs");
+const require_use_focus = require("./use-focus-BFBcpBh1.cjs");
+const require_theme_context = require("./theme-context-7NcW0KZL.cjs");
 let react = require("react");
 react = __toESM(react);
 let lucide_react = require("lucide-react");
@@ -29,6 +29,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let __radix_ui_react_avatar = require("@radix-ui/react-avatar");
 __radix_ui_react_avatar = __toESM(__radix_ui_react_avatar);
 let __radix_ui_react_slot = require("@radix-ui/react-slot");
+let __radix_ui_react_checkbox = require("@radix-ui/react-checkbox");
+__radix_ui_react_checkbox = __toESM(__radix_ui_react_checkbox);
 let __radix_ui_react_popover = require("@radix-ui/react-popover");
 __radix_ui_react_popover = __toESM(__radix_ui_react_popover);
 let cmdk = require("cmdk");
@@ -38,6 +40,8 @@ let __radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 __radix_ui_react_dropdown_menu = __toESM(__radix_ui_react_dropdown_menu);
 let __radix_ui_react_slider = require("@radix-ui/react-slider");
 __radix_ui_react_slider = __toESM(__radix_ui_react_slider);
+let __radix_ui_react_tabs = require("@radix-ui/react-tabs");
+__radix_ui_react_tabs = __toESM(__radix_ui_react_tabs);
 let __radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
 __radix_ui_react_tooltip = __toESM(__radix_ui_react_tooltip);
 let recharts = require("recharts");
@@ -287,6 +291,7 @@ var AvatarGlassRoot = react.forwardRef(({ className, size = "md", status, glowin
 			glowing
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"data-slot": "avatar",
 			className: require_utils.cn("relative inline-flex", className),
 			onMouseEnter: hoverProps.onMouseEnter,
 			onMouseLeave: hoverProps.onMouseLeave,
@@ -297,6 +302,7 @@ var AvatarGlassRoot = react.forwardRef(({ className, size = "md", status, glowin
 				...props,
 				children
 			}), status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"data-slot": "avatar-status",
 				className: require_utils.cn(statusSizes({ size })),
 				style: {
 					background: getStatusVars$1(status).bg,
@@ -312,6 +318,7 @@ AvatarGlassRoot.displayName = "AvatarGlass";
 var AvatarGlassImage = react.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Image, {
 		ref,
+		"data-slot": "avatar-image",
 		className: require_utils.cn("aspect-square h-full w-full object-cover", className),
 		...props
 	});
@@ -320,6 +327,7 @@ AvatarGlassImage.displayName = "AvatarGlassImage";
 var AvatarGlassFallback = react.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Fallback, {
 		ref,
+		"data-slot": "avatar-fallback",
 		className: require_utils.cn("flex h-full w-full items-center justify-center font-semibold uppercase", className),
 		...props
 	});
@@ -554,78 +562,47 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
 	});
 });
 ButtonGlass.displayName = "ButtonGlass";
-const CheckboxGlass = (0, react.forwardRef)(({ className, checked: controlledChecked, defaultChecked, onCheckedChange, onChange, label, disabled, ...props }, ref) => {
-	const { isHovered, hoverProps } = require_use_focus.useHover();
-	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
-	const [uncontrolledChecked, setUncontrolledChecked] = react.useState(defaultChecked ?? false);
-	const isControlled = controlledChecked !== void 0;
-	const checked = isControlled ? controlledChecked : uncontrolledChecked;
-	const isChecked = checked === true;
-	const isIndeterminate = checked === "indeterminate";
-	const showIndicator = isChecked || isIndeterminate;
-	const handleChange = (newChecked) => {
-		if (disabled) return;
-		if (!isControlled) setUncontrolledChecked(newChecked);
+const CheckboxGlass = react.forwardRef(({ className, label, onChange, onCheckedChange, disabled, checked, ...props }, ref) => {
+	const handleCheckedChange = react.useCallback((newChecked) => {
 		onCheckedChange?.(newChecked);
 		if (onChange && typeof newChecked === "boolean") onChange(newChecked);
-	};
-	const toggleChecked = () => {
-		if (isIndeterminate) handleChange(true);
-		else handleChange(!isChecked);
-	};
+	}, [onCheckedChange, onChange]);
+	const isIndeterminate = checked === "indeterminate";
+	const showIndicator = checked === true || isIndeterminate;
 	const checkboxStyles = {
 		background: showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-bg)",
-		border: `2px solid ${showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-border)"}`,
-		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : isHovered && !disabled ? "var(--checkbox-glow)" : "none"
+		borderColor: showIndicator ? "var(--checkbox-checked-bg)" : "var(--checkbox-border)"
 	};
-	const ariaChecked = isIndeterminate ? "mixed" : isChecked;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 		className: require_utils.cn("inline-flex items-center gap-2 md:gap-2.5", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", className),
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "inline-flex items-center justify-center min-w-11 min-h-11",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_checkbox.Root, {
 				ref,
-				type: "checkbox",
-				checked: isChecked,
-				onChange: (e) => handleChange(e.target.checked),
+				"data-slot": "checkbox",
+				checked,
+				onCheckedChange: handleCheckedChange,
 				disabled,
-				className: "sr-only",
-				...props
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "inline-flex items-center justify-center min-w-11 min-h-11",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					onClick: toggleChecked,
-					onFocus: focusProps.onFocus,
-					onBlur: focusProps.onBlur,
-					className: "relative w-6 h-6 md:w-5 md:h-5 rounded-md flex items-center justify-center transition-all duration-300",
-					style: checkboxStyles,
-					role: "checkbox",
-					"aria-checked": ariaChecked,
-					"aria-label": label || "Checkbox",
-					tabIndex: disabled ? -1 : 0,
-					onKeyDown: (e) => {
-						if (!disabled && (e.key === "Enter" || e.key === " ")) {
-							e.preventDefault();
-							toggleChecked();
-						}
-					},
-					children: [isChecked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
+				className: require_utils.cn("peer relative w-6 h-6 md:w-5 md:h-5 shrink-0", "rounded-md border-2 transition-all duration-300", "flex items-center justify-center", "focus-visible:outline-none focus-visible:shadow-(--focus-glow)", "hover:shadow-(--checkbox-glow)", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:shadow-none"),
+				style: checkboxStyles,
+				...props,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_checkbox.Indicator, {
+					"data-slot": "checkbox-indicator",
+					className: "flex items-center justify-center text-current",
+					children: isIndeterminate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Minus, {
 						className: "w-3.5 h-3.5 md:w-3 md:h-3",
 						style: { color: "var(--text-inverse)" }
-					}), isIndeterminate && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Minus, {
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
 						className: "w-3.5 h-3.5 md:w-3 md:h-3",
 						style: { color: "var(--text-inverse)" }
-					})]
+					})
 				})
-			}),
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-xs md:text-sm",
-				style: { color: "var(--text-secondary)" },
-				children: label
 			})
-		]
+		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-xs md:text-sm",
+			style: { color: "var(--text-secondary)" },
+			children: label
+		})]
 	});
 });
 CheckboxGlass.displayName = "CheckboxGlass";
@@ -705,6 +682,7 @@ const CircularProgressGlass = (0, react.forwardRef)(({ className, size = "md", v
 	const glowId = `circular-glow-${uniqueId}`;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
+		"data-slot": "circular-progress",
 		className: require_utils.cn(circularProgressVariants({ size }), className),
 		...props,
 		children: [
@@ -978,14 +956,33 @@ function ComboBoxGlassInner({ options, value, onValueChange, placeholder = "Sele
 }
 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 DropdownMenuGlassRoot = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Root, { ...props });
+DropdownMenuGlassRoot.displayName = "DropdownMenuGlass";
+var DropdownMenuGlass = DropdownMenuGlassRoot;
+var DropdownMenuGlassTrigger = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Trigger, {
+	"data-slot": "dropdown-menu-trigger",
+	ref,
+	...props
+}));
+DropdownMenuGlassTrigger.displayName = "DropdownMenuGlassTrigger";
+var DropdownMenuGlassGroup = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Group, {
+	"data-slot": "dropdown-menu-group",
+	ref,
+	...props
+}));
+DropdownMenuGlassGroup.displayName = "DropdownMenuGlassGroup";
 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 DropdownMenuGlassSub = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Sub, { ...props });
+DropdownMenuGlassSub.displayName = "DropdownMenuGlassSub";
+var DropdownMenuGlassRadioGroup = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.RadioGroup, {
+	"data-slot": "dropdown-menu-radio-group",
+	ref,
+	...props
+}));
+DropdownMenuGlassRadioGroup.displayName = "DropdownMenuGlassRadioGroup";
 var DropdownMenuGlassSubTrigger = react.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.SubTrigger, {
 	ref,
+	"data-slot": "dropdown-menu-sub-trigger",
 	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" })]
@@ -993,6 +990,7 @@ var DropdownMenuGlassSubTrigger = react.forwardRef(({ className, inset, children
 DropdownMenuGlassSubTrigger.displayName = "DropdownMenuGlassSubTrigger";
 var DropdownMenuGlassSubContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.SubContent, {
 	ref,
+	"data-slot": "dropdown-menu-sub-content",
 	className: require_utils.cn(dropdownContentClasses, "p-1.5", className),
 	style: getDropdownContentStyles(),
 	...props
@@ -1000,6 +998,7 @@ var DropdownMenuGlassSubContent = react.forwardRef(({ className, ...props }, ref
 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,
+	"data-slot": "dropdown-menu-content",
 	sideOffset,
 	className: require_utils.cn(dropdownContentClasses, "p-1.5", className),
 	style: getDropdownContentStyles(),
@@ -1008,12 +1007,14 @@ var DropdownMenuGlassContent = react.forwardRef(({ className, sideOffset = 8, ..
 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,
+	"data-slot": "dropdown-menu-item",
 	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,
+	"data-slot": "dropdown-menu-checkbox-item",
 	className: require_utils.cn(getDropdownItemClasses(), "pl-8 pr-2", className),
 	checked,
 	...props,
@@ -1025,6 +1026,7 @@ var DropdownMenuGlassCheckboxItem = react.forwardRef(({ className, children, che
 DropdownMenuGlassCheckboxItem.displayName = "DropdownMenuGlassCheckboxItem";
 var DropdownMenuGlassRadioItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.RadioItem, {
 	ref,
+	"data-slot": "dropdown-menu-radio-item",
 	className: require_utils.cn(getDropdownItemClasses(), "pl-8 pr-2", className),
 	...props,
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1035,18 +1037,21 @@ var DropdownMenuGlassRadioItem = react.forwardRef(({ className, children, ...pro
 DropdownMenuGlassRadioItem.displayName = "DropdownMenuGlassRadioItem";
 var DropdownMenuGlassLabel = react.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Label, {
 	ref,
+	"data-slot": "dropdown-menu-label",
 	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,
+	"data-slot": "dropdown-menu-separator",
 	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", {
+		"data-slot": "dropdown-menu-shortcut",
 		className: require_utils.cn("ml-auto text-xs tracking-widest text-(--text-muted)", className),
 		...props
 	});
@@ -1055,6 +1060,7 @@ DropdownMenuGlassShortcut.displayName = "DropdownMenuGlassShortcut";
 const DropdownGlass = react.forwardRef(({ trigger, items, align = "left", className }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
+		"data-slot": "dropdown",
 		className: require_utils.cn("relative inline-block", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuGlass, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuGlassTrigger, {
 			asChild: true,
@@ -1130,6 +1136,7 @@ const GlassCard = (0, react.forwardRef)(({ asChild = false, children, className,
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
 		ref,
+		"data-slot": "card",
 		className: require_utils.cn(cardIntensity({
 			intensity,
 			hover,
@@ -1412,6 +1419,7 @@ const NotificationGlass = (0, react.forwardRef)(({ variant: variantProp, type: t
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
+		"data-slot": "notification",
 		className: require_utils.cn(notificationVariants({ type: effectiveType }), className),
 		style: containerStyles,
 		role: "alert",
@@ -1452,9 +1460,20 @@ const NotificationGlass = (0, react.forwardRef)(({ variant: variantProp, type: t
 	});
 });
 NotificationGlass.displayName = "NotificationGlass";
-var PopoverGlassRoot = __radix_ui_react_popover.Root;
-var PopoverGlassTrigger = __radix_ui_react_popover.Trigger;
-var PopoverGlassAnchor = __radix_ui_react_popover.Anchor;
+var PopoverGlassRoot = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Root, { ...props });
+PopoverGlassRoot.displayName = "PopoverGlass";
+var PopoverGlassTrigger = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+	"data-slot": "popover-trigger",
+	ref,
+	...props
+}));
+PopoverGlassTrigger.displayName = "PopoverGlassTrigger";
+var PopoverGlassAnchor = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Anchor, {
+	"data-slot": "popover-anchor",
+	ref,
+	...props
+}));
+PopoverGlassAnchor.displayName = "PopoverGlassAnchor";
 var PopoverGlassContent = react.forwardRef(({ className, align = "center", sideOffset = 8, showArrow = true, children, ...props }, ref) => {
 	const popoverStyles = {
 		background: "var(--popover-bg)",
@@ -1466,6 +1485,7 @@ var PopoverGlassContent = react.forwardRef(({ className, align = "center", sideO
 	const arrowStyles = { fill: "var(--popover-arrow-bg)" };
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Content, {
 		ref,
+		"data-slot": "popover-content",
 		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),
@@ -1521,6 +1541,7 @@ const SkeletonGlass = (0, react.forwardRef)(({ className, variant = "text", widt
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
+		"data-slot": "skeleton",
 		className: require_utils.cn(skeletonVariants({ variant }), className),
 		style: skeletonStyles,
 		"aria-hidden": "true",
@@ -1559,6 +1580,7 @@ const SliderGlass = (0, react.forwardRef)(({ className, value, defaultValue, onV
 		className: require_utils.cn("w-full", className),
 		children: [customLabel, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_slider.Root, {
 			ref,
+			"data-slot": "slider",
 			value,
 			defaultValue,
 			onValueChange,
@@ -1571,13 +1593,16 @@ const SliderGlass = (0, react.forwardRef)(({ className, value, defaultValue, onV
 			className: require_utils.cn("relative flex touch-none select-none", orientation === "horizontal" ? "w-full h-8 md:h-6 items-center" : "flex-col h-full w-8 md:w-6 justify-center", disabled && "opacity-50 cursor-not-allowed", "group"),
 			...props,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slider.Track, {
+				"data-slot": "slider-track",
 				className: require_utils.cn("relative grow rounded-full", orientation === "horizontal" ? "h-2.5 md:h-2 w-full" : "w-2.5 md:w-2 h-full"),
 				style: trackStyles,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slider.Range, {
+					"data-slot": "slider-range",
 					className: require_utils.cn("absolute rounded-full transition-shadow duration-150", orientation === "horizontal" ? "h-full" : "w-full", "group-hover:shadow-(--slider-fill-glow)", "group-active:shadow-(--slider-fill-glow)"),
 					style: rangeStyles
 				})
 			}), currentValue.map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_slider.Thumb, {
+				"data-slot": "slider-thumb",
 				className: require_utils.cn("block rounded-full shadow-md transition-all duration-150", "w-6 h-6 md:w-5 md:h-5", "hover:scale-105", "focus-visible:outline-none focus-visible:shadow-(--focus-glow)", "active:scale-110", disabled && "pointer-events-none"),
 				style: thumbStyles,
 				"aria-label": label ? currentValue.length > 1 ? `${label} thumb ${index + 1}` : label : `Slider thumb ${index + 1}`
@@ -1586,118 +1611,35 @@ const SliderGlass = (0, react.forwardRef)(({ className, value, defaultValue, onV
 	});
 });
 SliderGlass.displayName = "SliderGlass";
-var TabsContext = (0, react.createContext)(null);
-var useTabsContext = () => {
-	const context = (0, react.useContext)(TabsContext);
-	if (!context) throw new Error("Tabs compound components must be used within TabsGlass.Root");
-	return context;
-};
-var TabsRoot = ({ value: controlledValue, defaultValue, onValueChange, children, className }) => {
-	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue ?? "");
-	const isControlled = controlledValue !== void 0;
-	const value = isControlled ? controlledValue : uncontrolledValue;
-	const handleValueChange = (newValue) => {
-		if (!isControlled) setUncontrolledValue(newValue);
-		onValueChange?.(newValue);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsContext.Provider, {
-		value: {
-			value,
-			onValueChange: handleValueChange
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_utils.cn("tabs-glass-root", className),
-			children
-		})
-	});
-};
-var TabsList = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: require_utils.cn("inline-flex gap-0.5 md:gap-1 p-0.5 md:p-1 rounded-xl", className),
-		style: {
-			background: "var(--tab-container-bg)",
-			border: "1px solid var(--tab-container-border)"
-		},
-		role: "tablist",
-		...props,
-		children
+function TabsRoot({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Root, {
+		"data-slot": "tabs",
+		className: require_utils.cn("tabs-glass-root", className),
+		...props
 	});
-});
+}
+var TabsList = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.List, {
+	ref,
+	"data-slot": "tabs-list",
+	className: require_utils.cn("inline-flex gap-0.5 md:gap-1 p-0.5 md:p-1 rounded-xl", "bg-(--tab-container-bg) border border-(--tab-container-border)", className),
+	...props
+}));
 TabsList.displayName = "TabsList";
-var TabsTrigger = (0, react.forwardRef)(({ value, children, className, disabled }, ref) => {
-	const { value: activeValue, onValueChange } = useTabsContext();
-	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
-	const isActive = activeValue === value;
-	const tabStyles = {
-		background: isActive ? "var(--tab-active-bg)" : "var(--tab-bg)",
-		color: isActive ? "var(--tab-active-text)" : "var(--text-secondary)",
-		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : "none"
-	};
-	const handleKeyDown = (e) => {
-		if (disabled) return;
-		const tablist = e.currentTarget.closest("[role=\"tablist\"]");
-		if (!tablist) return;
-		const tabs = Array.from(tablist.querySelectorAll("[role=\"tab\"]:not([disabled])"));
-		const currentIndex = tabs.indexOf(e.currentTarget);
-		let nextIndex = currentIndex;
-		switch (e.key) {
-			case "ArrowRight":
-				e.preventDefault();
-				nextIndex = currentIndex + 1 >= tabs.length ? 0 : currentIndex + 1;
-				break;
-			case "ArrowLeft":
-				e.preventDefault();
-				nextIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1;
-				break;
-			case "Home":
-				e.preventDefault();
-				nextIndex = 0;
-				break;
-			case "End":
-				e.preventDefault();
-				nextIndex = tabs.length - 1;
-				break;
-			default: return;
-		}
-		const nextTab = tabs[nextIndex];
-		if (nextTab) {
-			nextTab.focus();
-			const nextValue = nextTab.getAttribute("data-value");
-			if (nextValue && onValueChange) onValueChange(nextValue);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		ref,
-		type: "button",
-		role: "tab",
-		"aria-selected": isActive,
-		disabled,
-		"data-value": value,
-		className: require_utils.cn("relative px-2.5 py-1.5 md:px-4 md:py-2 rounded-lg text-xs md:text-sm font-medium transition-[background-color,color,opacity] duration-300", disabled && "opacity-50 cursor-not-allowed", className),
-		style: tabStyles,
-		onClick: () => !disabled && onValueChange?.(value),
-		onKeyDown: handleKeyDown,
-		onFocus: focusProps.onFocus,
-		onBlur: focusProps.onBlur,
-		children: [children, isActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "absolute bottom-0 left-1/2 -translate-x-1/2 w-6 md:w-8 h-0.5 rounded-full",
-			style: { background: "var(--tab-indicator)" }
-		})]
-	});
-});
+var TabsTrigger = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Trigger, {
+	ref,
+	"data-slot": "tabs-trigger",
+	className: require_utils.cn("relative px-2.5 py-1.5 md:px-4 md:py-2 rounded-lg", "text-xs md:text-sm font-medium", "transition-[background-color,color,opacity,box-shadow] duration-300", "bg-(--tab-bg) text-(--text-secondary)", "data-[state=active]:bg-(--tab-active-bg) data-[state=active]:text-(--tab-active-text)", "focus-visible:outline-none focus-visible:shadow-(--focus-glow)", "disabled:opacity-50 disabled:cursor-not-allowed", "after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2", "after:w-6 md:after:w-8 after:h-0.5 after:rounded-full", "after:bg-(--tab-indicator)", "after:opacity-0 data-[state=active]:after:opacity-100", "after:transition-opacity after:duration-300", className),
+	...props,
+	children
+}));
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = ({ value, children, className }) => {
-	const { value: activeValue } = useTabsContext();
-	const isActive = activeValue === value;
-	if (!isActive) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		role: "tabpanel",
-		"aria-hidden": !isActive,
-		className: require_utils.cn("animate-in fade-in-0 duration-200", className),
-		children
-	});
-};
+var TabsContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Content, {
+	ref,
+	"data-slot": "tabs-content",
+	className: require_utils.cn("animate-in fade-in-0 duration-200 outline-none", "focus-visible:outline-none", className),
+	...props
+}));
+TabsContent.displayName = "TabsContent";
 const TabsGlass = {
 	Root: TabsRoot,
 	List: TabsList,
@@ -1767,6 +1709,7 @@ const ToggleGlass = (0, react.forwardRef)(({ className, size = "default", varian
 		className: "inline-flex items-center justify-center min-h-11",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			ref,
+			"data-slot": "toggle",
 			type: "button",
 			role: "switch",
 			"aria-pressed": isPressed,
@@ -2370,7 +2313,7 @@ const FlagAlertGlass = (0, react.forwardRef)(({ type = "warning", title, descrip
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
-		className: require_utils.cn("p-2.5 md:p-3 rounded-xl border transition-all duration-300", className),
+		className: require_utils.cn("p-2.5 md:p-3 rounded-xl border transition-all duration-300 max-w-md", className),
 		style: alertStyles,
 		onMouseEnter: () => setIsHovered(true),
 		onMouseLeave: () => setIsHovered(false),
@@ -2560,6 +2503,7 @@ const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
+		"data-slot": "progress",
 		className: require_utils.cn("w-full", className),
 		...props,
 		children: [showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2575,6 +2519,7 @@ const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0
 			className: require_utils.cn(progressSizes({ size })),
 			style: trackStyles,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-slot": "progress-indicator",
 				className: "h-full rounded-full transition-all duration-700 ease-out",
 				style: fillStyles,
 				role: "progressbar",
@@ -4890,4 +4835,4 @@ Object.defineProperty(exports, "toggleSizes", {
 	}
 });
 
-//# sourceMappingURL=trust-score-card-glass-3VBi9soW.cjs.map
+//# sourceMappingURL=trust-score-card-glass-DtgFygh5.cjs.map