shadcn-glass-ui 2.2.0 → 2.2.1

package/dist/{trust-score-card-glass-CTsEVRD3.cjs → trust-score-card-glass-DTS1RdIt.cjs}

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-const require_utils = require("./utils-BqeJ4aco.cjs");
-const require_use_focus = require("./use-focus--Hw2nevi.cjs");
-const require_theme_context = require("./theme-context-D_cb9KzA.cjs");
+const require_utils = require("./utils-NLnOCttr.cjs");
+const require_use_focus = require("./use-focus-CdoUzFQ8.cjs");
+const require_theme_context = require("./theme-context-BEA8K_rq.cjs");
 let react = require("react");
 react = __toESM(react);
 let lucide_react = require("lucide-react");
@@ -184,6 +184,7 @@ var AlertGlassRoot = (0, react.forwardRef)(({ className, variant = "default", di
 	const config = variantStyles$2[effectiveVariant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
+		"data-slot": "alert",
 		className: require_utils.cn(alertVariants({ variant: effectiveVariant }), className),
 		style: getAlertStyles(effectiveVariant),
 		role: "alert",
@@ -212,8 +213,9 @@ var AlertGlassRoot = (0, react.forwardRef)(({ className, variant = "default", di
 });
 AlertGlassRoot.displayName = "AlertGlass";
 var AlertGlassTitle = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
+		"data-slot": "alert-title",
 		className: require_utils.cn("font-medium text-xs md:text-sm mb-0.5 md:mb-1", className),
 		style: {
 			color: "inherit",
@@ -224,8 +226,9 @@ var AlertGlassTitle = (0, react.forwardRef)(({ className, style, ...props }, ref
 });
 AlertGlassTitle.displayName = "AlertGlassTitle";
 var AlertGlassDescription = (0, react.forwardRef)(({ className, style, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref,
+		"data-slot": "alert-description",
 		className: require_utils.cn("text-xs md:text-sm opacity-80", className),
 		style: {
 			color: "inherit",
@@ -399,6 +402,7 @@ const BadgeGlass = (0, react.forwardRef)(({ children, className, variant = "defa
 	const v$1 = variantStyles$1[variant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		ref,
+		"data-slot": "badge",
 		className: require_utils.cn(badgeVariants({ size: size$3 }), className),
 		style: getBadgeStyles(variant),
 		...props,
@@ -507,6 +511,7 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
 	}, [isDisabled, onClick]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
 		ref,
+		"data-slot": "button",
 		className: require_utils.cn(buttonGlassVariants({
 			variant,
 			size: size$3
@@ -876,10 +881,10 @@ var Primitive$7 = [
 	"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,
@@ -1126,10 +1131,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,
@@ -2850,10 +2855,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,
@@ -2962,10 +2967,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,
@@ -3272,10 +3277,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,
@@ -3416,10 +3421,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,
@@ -4284,7 +4289,7 @@ var PopoverContent$1 = react.forwardRef((props, forwardedRef) => {
 	});
 });
 PopoverContent$1.displayName = CONTENT_NAME;
-var Slot$2 = (0, __radix_ui_react_slot.createSlot)("PopoverContent.RemoveScroll");
+var Slot$1 = (0, __radix_ui_react_slot.createSlot)("PopoverContent.RemoveScroll");
 var PopoverContentModal = react.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
 	const contentRef = react.useRef(null);
@@ -4295,7 +4300,7 @@ var PopoverContentModal = react.forwardRef((props, forwardedRef) => {
 		if (content) return hideOthers(content);
 	}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Combination_default, {
-		as: Slot$2,
+		as: Slot$1,
 		allowPinchZoom: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContentImpl, {
 			...props,
@@ -4470,10 +4475,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,
@@ -5271,48 +5276,6 @@ const GlassCard = (0, react.forwardRef)(({ asChild = false, children, className,
 	});
 });
 GlassCard.displayName = "GlassCard";
-const GlassCardHeader = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "card-header",
-	className: require_utils.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
-	...props
-}));
-GlassCardHeader.displayName = "GlassCardHeader";
-const GlassCardTitle = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "card-title",
-	className: require_utils.cn("leading-none font-semibold tracking-tight", className),
-	...props
-}));
-GlassCardTitle.displayName = "GlassCardTitle";
-const GlassCardDescription = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "card-description",
-	className: require_utils.cn("text-muted-foreground text-sm", className),
-	...props
-}));
-GlassCardDescription.displayName = "GlassCardDescription";
-const GlassCardAction = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "card-action",
-	className: require_utils.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-	...props
-}));
-GlassCardAction.displayName = "GlassCardAction";
-const GlassCardContent = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "card-content",
-	className: require_utils.cn("px-6", className),
-	...props
-}));
-GlassCardContent.displayName = "GlassCardContent";
-const GlassCardFooter = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "card-footer",
-	className: require_utils.cn("flex items-center px-6 [.border-t]:pt-6", className),
-	...props
-}));
-GlassCardFooter.displayName = "GlassCardFooter";
 var getInputStyles = (isFocused, error, success) => {
 	let borderColor = "var(--input-border)";
 	if (error) borderColor = "var(--alert-danger-text)";
@@ -5355,6 +5318,7 @@ const InputGlass = (0, react.forwardRef)(({ className, size: size$3, inputSize,
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 					ref,
+					"data-slot": "input",
 					className: require_utils.cn(inputVariants({ size: sizeValue }), paddingLeft, paddingRight),
 					style: getInputStyles(isFocused, error, success),
 					disabled,
@@ -5371,203 +5335,138 @@ const InputGlass = (0, react.forwardRef)(({ className, size: size$3, inputSize,
 	});
 });
 InputGlass.displayName = "InputGlass";
-const modalSizes = (0, class_variance_authority.cva)("relative w-full rounded-2xl p-6 transition-all duration-300", {
+const modalSizes = (0, class_variance_authority.cva)("relative w-full max-w-[calc(100%-2rem)] rounded-2xl p-6 transition-all duration-300", {
 	variants: { size: {
-		sm: "max-w-[480px]",
-		md: "max-w-[640px]",
-		lg: "max-w-[800px]",
-		xl: "max-w-xl",
-		full: "max-w-4xl"
+		sm: "sm:max-w-[480px]",
+		md: "sm:max-w-[640px]",
+		lg: "sm:max-w-[800px]",
+		xl: "sm:max-w-xl",
+		full: "sm:max-w-4xl"
 	} },
-	defaultVariants: { size: "md" }
+	defaultVariants: { size: "sm" }
 });
-var MODAL_ANIMATION_DURATION = 200;
-var lockBodyScroll = () => {
-	if (typeof document === "undefined") return;
-	document.body.style.overflow = "hidden";
-};
-var unlockBodyScroll = () => {
-	if (typeof document === "undefined") return;
-	document.body.style.overflow = "";
-};
-var delay = (ms) => {
-	return new Promise((resolve) => setTimeout(resolve, ms));
-};
-var ModalContext = (0, react.createContext)(null);
-var useModalContext = () => {
-	const context = (0, react.useContext)(ModalContext);
-	if (!context) throw new Error("Modal compound components must be used within ModalGlass.Root");
-	return context;
-};
-var ModalRoot = ({ open: controlledOpen, defaultOpen = false, onOpenChange, size: size$3 = "md", children }) => {
-	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(defaultOpen);
-	const [isClosing, setIsClosing] = (0, react.useState)(false);
-	const isControlled = controlledOpen !== void 0;
-	const open = isControlled ? controlledOpen : uncontrolledOpen;
-	const handleOpen = (0, react.useCallback)(() => {
-		if (isControlled) onOpenChange?.(true);
-		else setUncontrolledOpen(true);
-	}, [isControlled, onOpenChange]);
-	const handleClose = (0, react.useCallback)(async () => {
-		setIsClosing(true);
-		await delay(MODAL_ANIMATION_DURATION);
-		setIsClosing(false);
-		if (isControlled) onOpenChange?.(false);
-		else setUncontrolledOpen(false);
-	}, [isControlled, onOpenChange]);
-	(0, react.useEffect)(() => {
-		if (open) lockBodyScroll();
-		else unlockBodyScroll();
-		return () => {
-			unlockBodyScroll();
-		};
-	}, [open]);
-	(0, react.useEffect)(() => {
-		if (!open) return;
-		const handleEscape = (event) => {
-			if (event.key === "Escape") handleClose();
-		};
-		document.addEventListener("keydown", handleEscape);
-		return () => {
-			document.removeEventListener("keydown", handleEscape);
-		};
-	}, [open, handleClose]);
+var ModalContext = react.createContext({ size: "sm" });
+var useModalContext = () => react.useContext(ModalContext);
+function ModalRoot({ size: size$3 = "sm", children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
-		value: {
-			isOpen: open,
-			onOpen: handleOpen,
-			onClose: handleClose,
-			size: size$3,
-			isClosing
-		},
-		children
+		value: { size: size$3 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Root, {
+			"data-slot": "dialog",
+			...props,
+			children
+		})
 	});
-};
-var ModalTrigger = (0, react.forwardRef)(({ asChild = false, children, onClick, ...props }, ref) => {
-	const { onOpen } = useModalContext();
-	const handleClick = (event) => {
-		onClick?.(event);
-		if (!event.defaultPrevented) onOpen();
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
-		ref,
-		type: "button",
-		onClick: handleClick,
-		...props,
-		children
+}
+function ModalTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
 	});
-});
-ModalTrigger.displayName = "ModalTrigger";
-var ModalPortal = ({ children }) => {
-	const { isOpen } = useModalContext();
-	if (!isOpen) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center p-2 sm:p-4",
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": "modal-title",
-		"aria-describedby": "modal-description",
-		children
+}
+function ModalPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
 	});
-};
-var ModalOverlay = ({ className }) => {
-	const { onClose, isClosing } = useModalContext();
-	const overlayStyles = (0, react.useMemo)(() => ({
+}
+var ModalOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Overlay, {
+	ref,
+	"data-slot": "dialog-overlay",
+	className: require_utils.cn("fixed inset-0 z-50", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	style: {
 		background: "var(--modal-overlay)",
 		backdropFilter: "blur(var(--blur-sm))",
-		WebkitBackdropFilter: "blur(var(--blur-sm))",
-		opacity: isClosing ? 0 : 1,
-		transition: "all 0.3s"
-	}), [isClosing]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("absolute inset-0 transition-all duration-300", className),
-		style: overlayStyles,
-		onClick: onClose,
-		"aria-hidden": "true"
-	});
-};
-var ModalContent = (0, react.forwardRef)(({ children, className }, ref) => {
-	const { size: size$3, isClosing } = useModalContext();
-	const modalStyles = (0, react.useMemo)(() => ({
-		background: "var(--modal-bg)",
-		border: "1px solid var(--modal-border)",
-		boxShadow: "var(--modal-glow)",
-		backdropFilter: "blur(var(--blur-lg))",
-		WebkitBackdropFilter: "blur(var(--blur-lg))",
-		transform: isClosing ? "scale(0.95) translateY(10px)" : "scale(1) translateY(0)",
-		opacity: isClosing ? 0 : 1,
-		animation: !isClosing ? "modalFadeIn 0.3s ease-out" : "none"
-	}), [isClosing]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		WebkitBackdropFilter: "blur(var(--blur-sm))"
+	},
+	...props
+}));
+ModalOverlay.displayName = "ModalOverlay";
+var ModalContent = react.forwardRef(({ className, children, showCloseButton = true, size: sizeProp, ...props }, ref) => {
+	const { size: contextSize } = useModalContext();
+	const size$3 = sizeProp ?? contextSize;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ModalPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Content, {
 		ref,
-		className: require_utils.cn(modalSizes({ size: size$3 }), className),
-		style: modalStyles,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "absolute inset-0 rounded-3xl pointer-events-none",
-			style: { background: "var(--modal-glow-effect)" }
-		}), children]
-	});
+		"data-slot": "dialog-content",
+		className: require_utils.cn(modalSizes({ size: size$3 }), "fixed top-[50%] left-[50%] z-50", "translate-x-[-50%] translate-y-[-50%]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "duration-200", className),
+		style: {
+			background: "var(--modal-bg)",
+			border: "1px solid var(--modal-border)",
+			boxShadow: "var(--modal-glow)",
+			backdropFilter: "blur(var(--blur-lg))",
+			WebkitBackdropFilter: "blur(var(--blur-lg))"
+		},
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute inset-0 rounded-3xl pointer-events-none",
+				style: { background: "var(--modal-glow-effect)" },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "relative",
+				children
+			}),
+			showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Close, {
+				"data-slot": "dialog-close",
+				className: require_utils.cn("absolute top-4 right-4", "p-1.5 md:p-2 rounded-xl", "transition-all duration-300", "ring-offset-background", "focus:outline-none focus:ring-2 focus:ring-(--semantic-primary) focus:ring-offset-2", "hover:opacity-100 opacity-70", "disabled:pointer-events-none"),
+				style: {
+					background: "var(--modal-close-btn-bg)",
+					border: "var(--modal-close-btn-border)",
+					color: "var(--text-muted)"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: ICON_SIZES.md }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		]
+	})] });
 });
 ModalContent.displayName = "ModalContent";
-var ModalHeader = ({ children, className }) => {
+function ModalHeader({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("relative flex items-start justify-between mb-4 md:mb-5", className),
-		children
+		"data-slot": "dialog-header",
+		className: require_utils.cn("flex flex-col gap-2 text-center sm:text-left mb-4", className),
+		...props
 	});
-};
-var ModalBody = ({ children, className }) => {
+}
+function ModalBody({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-body",
 		className: require_utils.cn("relative", className),
 		style: { color: "var(--text-secondary)" },
-		children
+		...props
 	});
-};
-var ModalFooter = ({ children, className }) => {
+}
+function ModalFooter({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("relative flex gap-3 mt-4 md:mt-5 justify-end", className),
-		children
-	});
-};
-var ModalTitle = ({ children, className }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-		id: "modal-title",
-		className: require_utils.cn("text-lg md:text-xl font-semibold", className),
-		style: { color: "var(--text-primary)" },
-		children
-	});
-};
-var ModalDescription = ({ children, className }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		id: "modal-description",
-		className: require_utils.cn("text-sm md:text-base mt-1", className),
-		style: { color: "var(--text-muted)" },
-		children
+		"data-slot": "dialog-footer",
+		className: require_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-4", className),
+		...props
 	});
-};
-var ModalClose = ({ className }) => {
-	const { onClose } = useModalContext();
-	const { isHovered, hoverProps } = require_use_focus.useHover();
-	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
-	const closeButtonStyles = (0, react.useMemo)(() => ({
-		background: "var(--modal-close-btn-bg)",
-		border: "var(--modal-close-btn-border)",
-		color: "var(--text-muted)",
-		boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--modal-close-btn-hover-glow)" : "none",
-		outline: "none"
-	}), [isHovered, isFocusVisible]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		onClick: onClose,
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		onFocus: focusProps.onFocus,
-		onBlur: focusProps.onBlur,
-		className: require_utils.cn("p-1.5 md:p-2 rounded-xl transition-all duration-300", className),
-		style: closeButtonStyles,
-		type: "button",
-		"aria-label": "Close modal",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: ICON_SIZES.md })
+}
+var ModalTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+	ref,
+	"data-slot": "dialog-title",
+	className: require_utils.cn("text-lg md:text-xl font-semibold leading-none tracking-tight", className),
+	style: { color: "var(--text-primary)" },
+	...props
+}));
+ModalTitle.displayName = "ModalTitle";
+var ModalDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+	ref,
+	"data-slot": "dialog-description",
+	className: require_utils.cn("text-sm", className),
+	style: { color: "var(--text-muted)" },
+	...props
+}));
+ModalDescription.displayName = "ModalDescription";
+function ModalClose({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
 	});
-};
+}
 const ModalGlass = {
 	Root: ModalRoot,
 	Trigger: ModalTrigger,
@@ -5864,10 +5763,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,
@@ -6713,26 +6612,47 @@ const ToggleGlass = (0, react.forwardRef)(({ className, size: size$3 = "default"
 ToggleGlass.displayName = "ToggleGlass";
 var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
+		"data-slot": "tooltip-provider",
 		delayDuration,
 		...props
 	});
 };
-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, {
+TooltipGlassProvider.displayName = "TooltipGlassProvider";
+function TooltipGlassRoot({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGlassProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+var TooltipGlassTrigger = react.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Trigger, {
+	ref,
+	"data-slot": "tooltip-trigger",
+	...props
+}));
+TooltipGlassTrigger.displayName = "TooltipGlassTrigger";
+var TooltipGlassContent = react.forwardRef(({ className, sideOffset = 0, children, ...props }, ref) => {
+	const tooltipStyles = {
+		background: "var(--tooltip-bg)",
+		color: "var(--tooltip-text)",
+		border: "1px solid var(--tooltip-border)",
+		boxShadow: "var(--tooltip-shadow)",
+		backdropFilter: "blur(var(--blur-xl))",
+		WebkitBackdropFilter: "blur(var(--blur-xl))"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Content, {
 		ref,
 		sideOffset,
-		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
+		"data-slot": "tooltip-content",
+		className: require_utils.cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", className),
+		style: tooltipStyles,
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Arrow, {
+			className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
+			style: {
+				fill: "var(--tooltip-bg)",
+				background: "var(--tooltip-bg)"
+			}
+		})]
 	}) });
 });
 TooltipGlassContent.displayName = "TooltipGlassContent";
@@ -10003,13 +9923,13 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		function useSyncExternalStore$2$1(subscribe, getSnapshot) {
-			didWarnOld18Alpha || void 0 === React$5.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			didWarnOld18Alpha || void 0 === React$4.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
 			var value = getSnapshot();
 			if (!didWarnUncachedGetSnapshot) {
 				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$20({ inst: {
+			cachedValue = useState$19({ inst: {
 				value,
 				getSnapshot
 			} });
@@ -10023,7 +9943,7 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 				value,
 				getSnapshot
 			]);
-			useEffect$18(function() {
+			useEffect$17(function() {
 				checkIfSnapshotChanged$1(inst) && forceUpdate({ inst });
 				return subscribe(function() {
 					checkIfSnapshotChanged$1(inst) && forceUpdate({ inst });
@@ -10046,8 +9966,8 @@ 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$5 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$20 = React$5.useState, useEffect$18 = React$5.useEffect, useLayoutEffect$7 = React$5.useLayoutEffect, useDebugValue$3 = React$5.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$5.useSyncExternalStore ? React$5.useSyncExternalStore : shim$2;
+		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$19 = React$4.useState, useEffect$17 = 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());
 	})();
 }));
@@ -10134,7 +10054,7 @@ 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$5 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$15 = React$5.useRef, useEffect$18 = React$5.useEffect, useMemo$12 = React$5.useMemo, useDebugValue$3 = React$5.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$17 = React$4.useEffect, useMemo$11 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 			var instRef = useRef$15(null);
 			if (null === instRef.current) {
@@ -10144,7 +10064,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 				};
 				instRef.current = inst;
 			} else inst = instRef.current;
-			instRef = useMemo$12(function() {
+			instRef = useMemo$11(function() {
 				function memoizedSelector(nextSnapshot) {
 					if (!hasMemo) {
 						hasMemo = !0;
@@ -10176,7 +10096,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 				isEqual
 			]);
 			var value = useSyncExternalStore$3(subscribe, instRef[0], instRef[1]);
-			useEffect$18(function() {
+			useEffect$17(function() {
 				inst.hasValue = !0;
 				inst.value = value;
 			}, [value]);
@@ -14894,11 +14814,11 @@ function createAnimateManager(timeoutController) {
 }
 var RequestAnimationFrameTimeoutController = class {
 	setTimeout(callback) {
-		var delay$1 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+		var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
 		var startTime = performance.now();
 		var requestId = null;
 		var executeCallback = (now) => {
-			if (now - startTime >= delay$1) callback(now);
+			if (now - startTime >= delay) callback(now);
 			else if (typeof requestAnimationFrame === "function") requestId = requestAnimationFrame(executeCallback);
 		};
 		requestId = requestAnimationFrame(executeCallback);
@@ -24343,7 +24263,7 @@ 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$5 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$5.useSyncExternalStore, useRef$15 = React$5.useRef, useEffect$18 = React$5.useEffect, useMemo$12 = React$5.useMemo, useDebugValue$3 = React$5.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$17 = React$4.useEffect, useMemo$11 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 			var instRef = useRef$15(null);
 			if (null === instRef.current) {
@@ -24353,7 +24273,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 				};
 				instRef.current = inst;
 			} else inst = instRef.current;
-			instRef = useMemo$12(function() {
+			instRef = useMemo$11(function() {
 				function memoizedSelector(nextSnapshot) {
 					if (!hasMemo) {
 						hasMemo = !0;
@@ -24385,7 +24305,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 				isEqual
 			]);
 			var value = useSyncExternalStore$3(subscribe, instRef[0], instRef[1]);
-			useEffect$18(function() {
+			useEffect$17(function() {
 				inst.hasValue = !0;
 				inst.value = value;
 			}, [value]);
@@ -28208,42 +28128,6 @@ Object.defineProperty(exports, "GlassCard", {
 		return GlassCard;
 	}
 });
-Object.defineProperty(exports, "GlassCardAction", {
-	enumerable: true,
-	get: function() {
-		return GlassCardAction;
-	}
-});
-Object.defineProperty(exports, "GlassCardContent", {
-	enumerable: true,
-	get: function() {
-		return GlassCardContent;
-	}
-});
-Object.defineProperty(exports, "GlassCardDescription", {
-	enumerable: true,
-	get: function() {
-		return GlassCardDescription;
-	}
-});
-Object.defineProperty(exports, "GlassCardFooter", {
-	enumerable: true,
-	get: function() {
-		return GlassCardFooter;
-	}
-});
-Object.defineProperty(exports, "GlassCardHeader", {
-	enumerable: true,
-	get: function() {
-		return GlassCardHeader;
-	}
-});
-Object.defineProperty(exports, "GlassCardTitle", {
-	enumerable: true,
-	get: function() {
-		return GlassCardTitle;
-	}
-});
 Object.defineProperty(exports, "HeaderBrandingGlass", {
 	enumerable: true,
 	get: function() {
@@ -28346,12 +28230,6 @@ Object.defineProperty(exports, "Presence", {
 		return Presence;
 	}
 });
-Object.defineProperty(exports, "Primitive", {
-	enumerable: true,
-	get: function() {
-		return Primitive$1;
-	}
-});
 Object.defineProperty(exports, "ProfileAvatarGlass", {
 	enumerable: true,
 	get: function() {
@@ -28610,12 +28488,6 @@ Object.defineProperty(exports, "composeEventHandlers", {
 		return composeEventHandlers;
 	}
 });
-Object.defineProperty(exports, "createCollection", {
-	enumerable: true,
-	get: function() {
-		return createCollection;
-	}
-});
 Object.defineProperty(exports, "getUniqPayload", {
 	enumerable: true,
 	get: function() {
@@ -28754,12 +28626,6 @@ Object.defineProperty(exports, "useComposedRefs", {
 		return useComposedRefs;
 	}
 });
-Object.defineProperty(exports, "useControllableState", {
-	enumerable: true,
-	get: function() {
-		return useControllableState;
-	}
-});
 Object.defineProperty(exports, "useDirection", {
 	enumerable: true,
 	get: function() {
@@ -28772,12 +28638,6 @@ Object.defineProperty(exports, "useElementOffset", {
 		return useElementOffset;
 	}
 });
-Object.defineProperty(exports, "useId", {
-	enumerable: true,
-	get: function() {
-		return useId$2;
-	}
-});
 Object.defineProperty(exports, "useLayoutEffect2", {
 	enumerable: true,
 	get: function() {
@@ -28796,17 +28656,5 @@ Object.defineProperty(exports, "useMargin", {
 		return useMargin;
 	}
 });
-Object.defineProperty(exports, "usePrevious", {
-	enumerable: true,
-	get: function() {
-		return usePrevious;
-	}
-});
-Object.defineProperty(exports, "useSize", {
-	enumerable: true,
-	get: function() {
-		return useSize;
-	}
-});
 
-//# sourceMappingURL=trust-score-card-glass-CTsEVRD3.cjs.map
+//# sourceMappingURL=trust-score-card-glass-DTS1RdIt.cjs.map