shadcn-glass-ui 2.1.5 → 2.2.1

package/dist/{trust-score-card-glass-zjkx4OC2.js → trust-score-card-glass-Dg4_b_g_.js}

@@ -184,6 +184,7 @@ var AlertGlassRoot = forwardRef(({ className, variant = "default", dismissible,
 	const config = variantStyles$2[effectiveVariant];
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
+		"data-slot": "alert",
 		className: cn(alertVariants({ variant: effectiveVariant }), className),
 		style: getAlertStyles(effectiveVariant),
 		role: "alert",
@@ -212,8 +213,9 @@ var AlertGlassRoot = forwardRef(({ className, variant = "default", dismissible,
 });
 AlertGlassRoot.displayName = "AlertGlass";
 var AlertGlassTitle = forwardRef(({ className, style, ...props }, ref) => {
-	return /* @__PURE__ */ jsx("p", {
+	return /* @__PURE__ */ jsx("div", {
 		ref,
+		"data-slot": "alert-title",
 		className: cn("font-medium text-xs md:text-sm mb-0.5 md:mb-1", className),
 		style: {
 			color: "inherit",
@@ -224,8 +226,9 @@ var AlertGlassTitle = forwardRef(({ className, style, ...props }, ref) => {
 });
 AlertGlassTitle.displayName = "AlertGlassTitle";
 var AlertGlassDescription = forwardRef(({ className, style, ...props }, ref) => {
-	return /* @__PURE__ */ jsx("p", {
+	return /* @__PURE__ */ jsx("div", {
 		ref,
+		"data-slot": "alert-description",
 		className: cn("text-xs md:text-sm opacity-80", className),
 		style: {
 			color: "inherit",
@@ -399,6 +402,7 @@ const BadgeGlass = forwardRef(({ children, className, variant = "default", size:
 	const v$1 = variantStyles$1[variant];
 	return /* @__PURE__ */ jsxs("span", {
 		ref,
+		"data-slot": "badge",
 		className: cn(badgeVariants({ size: size$3 }), className),
 		style: getBadgeStyles(variant),
 		...props,
@@ -507,6 +511,7 @@ const ButtonGlass = forwardRef(({ asChild = false, className, variant = "default
 	}, [isDisabled, onClick]);
 	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
 		ref,
+		"data-slot": "button",
 		className: cn(buttonGlassVariants({
 			variant,
 			size: size$3
@@ -5312,6 +5317,7 @@ const InputGlass = forwardRef(({ className, size: size$3, inputSize, label, erro
 				}),
 				/* @__PURE__ */ jsx("input", {
 					ref,
+					"data-slot": "input",
 					className: cn(inputVariants({ size: sizeValue }), paddingLeft, paddingRight),
 					style: getInputStyles(isFocused, error, success),
 					disabled,
@@ -5328,178 +5334,142 @@ const InputGlass = forwardRef(({ className, size: size$3, inputSize, label, erro
 	});
 });
 InputGlass.displayName = "InputGlass";
-const modalSizes = cva("relative w-full rounded-2xl p-6 transition-all duration-300", {
+const modalSizes = 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 = createContext(null);
-var useModalContext = () => {
-	const context = useContext(ModalContext);
-	if (!context) throw new Error("Modal compound components must be used within ModalGlass.Root");
-	return context;
-};
-var ModalRoot = ({ open, onOpenChange, size: size$3 = "md", children, ...props }) => {
-	const [isClosing, setIsClosing] = useState(false);
-	const handleClose = useCallback(async () => {
-		setIsClosing(true);
-		await delay(MODAL_ANIMATION_DURATION);
-		setIsClosing(false);
-		onOpenChange?.(false);
-	}, [onOpenChange]);
-	useEffect(() => {
-		if (open) lockBodyScroll();
-		else unlockBodyScroll();
-		return () => {
-			unlockBodyScroll();
-		};
-	}, [open]);
-	useEffect(() => {
-		if (!open) return;
-		const handleEscape = (event) => {
-			if (event.key === "Escape") handleClose();
-		};
-		document.addEventListener("keydown", handleEscape);
-		return () => {
-			document.removeEventListener("keydown", handleEscape);
-		};
-	}, [open, handleClose]);
-	if (!open) return null;
+var ModalContext = React$1.createContext({ size: "sm" });
+var useModalContext = () => React$1.useContext(ModalContext);
+function ModalRoot({ size: size$3 = "sm", children, ...props }) {
 	return /* @__PURE__ */ jsx(ModalContext.Provider, {
-		value: {
-			isOpen: open,
-			onClose: handleClose,
-			size: size$3,
-			isClosing
-		},
-		children: /* @__PURE__ */ 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",
+		value: { size: size$3 },
+		children: /* @__PURE__ */ jsx(w$1.Root, {
+			"data-slot": "dialog",
 			...props,
 			children
 		})
 	});
-};
-var ModalOverlay = ({ className }) => {
-	const { onClose, isClosing } = useModalContext();
-	const overlayStyles = useMemo(() => ({
+}
+function ModalTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(w$1.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function ModalPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(w$1.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+var ModalOverlay = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(w$1.Overlay, {
+	ref,
+	"data-slot": "dialog-overlay",
+	className: cn("fixed inset-0 z-50", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	style: {
 		background: "var(--modal-overlay)",
 		backdropFilter: "blur(var(--blur-sm))",
-		WebkitBackdropFilter: "blur(var(--blur-sm))",
-		opacity: isClosing ? 0 : 1,
-		transition: "all 0.3s"
-	}), [isClosing]);
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("absolute inset-0 transition-all duration-300", className),
-		style: overlayStyles,
-		onClick: onClose,
-		"aria-hidden": "true"
-	});
-};
-var ModalContent = forwardRef(({ children, className }, ref) => {
-	const { size: size$3, isClosing } = useModalContext();
-	const modalStyles = 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__ */ jsxs("div", {
+		WebkitBackdropFilter: "blur(var(--blur-sm))"
+	},
+	...props
+}));
+ModalOverlay.displayName = "ModalOverlay";
+var ModalContent = React$1.forwardRef(({ className, children, showCloseButton = true, size: sizeProp, ...props }, ref) => {
+	const { size: contextSize } = useModalContext();
+	const size$3 = sizeProp ?? contextSize;
+	return /* @__PURE__ */ jsxs(ModalPortal, { children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsxs(w$1.Content, {
 		ref,
-		className: cn(modalSizes({ size: size$3 }), className),
-		style: modalStyles,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "absolute inset-0 rounded-3xl pointer-events-none",
-			style: { background: "var(--modal-glow-effect)" }
-		}), children]
-	});
+		"data-slot": "dialog-content",
+		className: 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__ */ jsx("div", {
+				className: "absolute inset-0 rounded-3xl pointer-events-none",
+				style: { background: "var(--modal-glow-effect)" },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative",
+				children
+			}),
+			showCloseButton && /* @__PURE__ */ jsxs(w$1.Close, {
+				"data-slot": "dialog-close",
+				className: cn("absolute top-4 right-4", "p-1.5 md:p-2 rounded-xl", "transition-all duration-300", "ring-offset-background", "focus:outline-none focus:ring-2 focus:ring-(--semantic-primary) focus:ring-offset-2", "hover:opacity-100 opacity-70", "disabled:pointer-events-none"),
+				style: {
+					background: "var(--modal-close-btn-bg)",
+					border: "var(--modal-close-btn-border)",
+					color: "var(--text-muted)"
+				},
+				children: [/* @__PURE__ */ jsx(X, { className: ICON_SIZES.md }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		]
+	})] });
 });
 ModalContent.displayName = "ModalContent";
-var ModalHeader = ({ children, className }) => {
+function ModalHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("relative flex items-start justify-between mb-4 md:mb-5", className),
-		children
+		"data-slot": "dialog-header",
+		className: 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__ */ jsx("div", {
+		"data-slot": "dialog-body",
 		className: cn("relative", className),
 		style: { color: "var(--text-secondary)" },
-		children
+		...props
 	});
-};
-var ModalFooter = ({ children, className }) => {
+}
+function ModalFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("relative flex gap-3 mt-4 md:mt-5 justify-end", className),
-		children
-	});
-};
-var ModalTitle = ({ children, className }) => {
-	return /* @__PURE__ */ jsx("h3", {
-		id: "modal-title",
-		className: cn("text-lg md:text-xl font-semibold", className),
-		style: { color: "var(--text-primary)" },
-		children
-	});
-};
-var ModalDescription = ({ children, className }) => {
-	return /* @__PURE__ */ jsx("p", {
-		id: "modal-description",
-		className: cn("text-sm md:text-base mt-1", className),
-		style: { color: "var(--text-muted)" },
-		children
+		"data-slot": "dialog-footer",
+		className: 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 } = useHover();
-	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
-	const closeButtonStyles = 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__ */ jsx("button", {
-		onClick: onClose,
-		onMouseEnter: hoverProps.onMouseEnter,
-		onMouseLeave: hoverProps.onMouseLeave,
-		onFocus: focusProps.onFocus,
-		onBlur: focusProps.onBlur,
-		className: cn("p-1.5 md:p-2 rounded-xl transition-all duration-300", className),
-		style: closeButtonStyles,
-		type: "button",
-		"aria-label": "Close modal",
-		children: /* @__PURE__ */ jsx(X, { className: ICON_SIZES.md })
+}
+var ModalTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(w$1.Title, {
+	ref,
+	"data-slot": "dialog-title",
+	className: cn("text-lg md:text-xl font-semibold leading-none tracking-tight", className),
+	style: { color: "var(--text-primary)" },
+	...props
+}));
+ModalTitle.displayName = "ModalTitle";
+var ModalDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(w$1.Description, {
+	ref,
+	"data-slot": "dialog-description",
+	className: cn("text-sm", className),
+	style: { color: "var(--text-muted)" },
+	...props
+}));
+ModalDescription.displayName = "ModalDescription";
+function ModalClose({ ...props }) {
+	return /* @__PURE__ */ jsx(w$1.Close, {
+		"data-slot": "dialog-close",
+		...props
 	});
-};
+}
 const ModalGlass = {
 	Root: ModalRoot,
+	Trigger: ModalTrigger,
+	Portal: ModalPortal,
 	Overlay: ModalOverlay,
 	Content: ModalContent,
 	Header: ModalHeader,
@@ -6641,26 +6611,47 @@ const ToggleGlass = forwardRef(({ className, size: size$3 = "default", variant =
 ToggleGlass.displayName = "ToggleGlass";
 var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
 		delayDuration,
 		...props
 	});
 };
-var TooltipGlassRoot = TooltipPrimitive.Root;
-var TooltipGlassTrigger = TooltipPrimitive.Trigger;
-var TooltipGlassContent = React$1.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
+TooltipGlassProvider.displayName = "TooltipGlassProvider";
+function TooltipGlassRoot({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipGlassProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+var TooltipGlassTrigger = React$1.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+	ref,
+	"data-slot": "tooltip-trigger",
+	...props
+}));
+TooltipGlassTrigger.displayName = "TooltipGlassTrigger";
+var TooltipGlassContent = React$1.forwardRef(({ className, sideOffset = 0, children, ...props }, ref) => {
+	const tooltipStyles = {
+		background: "var(--tooltip-bg)",
+		color: "var(--tooltip-text)",
+		border: "1px solid var(--tooltip-border)",
+		boxShadow: "var(--tooltip-shadow)",
+		backdropFilter: "blur(var(--blur-xl))",
+		WebkitBackdropFilter: "blur(var(--blur-xl))"
+	};
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
 		ref,
 		sideOffset,
-		className: cn("z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs text-balance", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", className),
-		style: {
-			background: "var(--tooltip-bg)",
-			color: "var(--tooltip-text)",
-			border: "1px solid var(--tooltip-border)",
-			boxShadow: "var(--tooltip-shadow)",
-			backdropFilter: "blur(var(--blur-xl))",
-			WebkitBackdropFilter: "blur(var(--blur-xl))"
-		},
-		...props
+		"data-slot": "tooltip-content",
+		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", className),
+		style: tooltipStyles,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+			className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
+			style: {
+				fill: "var(--tooltip-bg)",
+				background: "var(--tooltip-bg)"
+			}
+		})]
 	}) });
 });
 TooltipGlassContent.displayName = "TooltipGlassContent";
@@ -14647,11 +14638,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);
@@ -27666,4 +27657,4 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
 TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
 export { BaseProgressGlass as $, useLayoutEffect2 as $t, useChartHeight as A, modalSizes as At, adaptEventsOfChild as B, DropdownMenuGlassLabel as Bt, sparklineContainerVariants as C, PopoverGlassAnchor as Ct, Tooltip as D, NotificationGlass as Dt, Cell as E, PopoverGlassTrigger as Et, selectLegendPayload as F, DropdownMenuGlass as Ft, SegmentedControlGlass as G, DropdownMenuGlassShortcut as Gt, isNumber as H, DropdownMenuGlassRadioGroup as Ht, useAppDispatch as I, DropdownMenuGlassCheckboxItem as It, progressSizes as J, DropdownMenuGlassSubTrigger as Jt, RainbowProgressGlass as K, DropdownMenuGlassSub as Kt, useAppSelector as L, DropdownMenuGlassContent as Lt, useMargin as M, GlassCard as Mt, ResponsiveContainer as N, cardIntensity as Nt, setLegendSettings as O, notificationVariants as Ot, useElementOffset as P, DropdownGlass as Pt, StatusIndicatorGlass as Q, Presence as Qt, getUniqPayload as R, DropdownMenuGlassGroup as Rt, sparklineBarVariants as S, PopoverGlass as St, Bar as T, PopoverGlassLegacy as Tt, useLegendPortal as U, DropdownMenuGlassRadioItem as Ut, Symbols as V, DropdownMenuGlassPortal as Vt, Surface as W, DropdownMenuGlassSeparator as Wt, LanguageBarGlass as X, ComboBoxGlass as Xt, ProfileAvatarGlass as Y, DropdownMenuGlassTrigger as Yt, FlagAlertGlass as Z, inputVariants as Zt, ContributionMetricsGlass as _, AlertGlassTitle as _n, SliderGlass as _t, HeaderBrandingGlass as a, ButtonGlass as an, insightCardVariants as at, AICardGlass as b, TouchTarget as bn, SkeletonGlass as bt, YearCardGlass as c, badgeVariants as cn, ExpandableHeaderGlass as ct, TrustScoreDisplayGlass as d, AvatarGlassImage as dn, TooltipGlassProvider as dt, useCallbackRef$1 as en, ThemeToggleGlass as et, RepositoryMetadataGlass as f, AvatarGlassSimple as fn, TooltipGlassSimple as ft, MetricCardGlass as g, AlertGlassDescription as gn, TabsGlass as gt, MetricsGridGlass as h, AlertGlass as hn, toggleSizes as ht, HeaderNavGlass as i, CheckboxGlass as in, InsightCardGlass as it, useChartWidth as j, InputGlass as jt, setLegendSize as k, ModalGlass as kt, UserStatsLineGlass as l, AvatarGlass as ln, TooltipGlass as lt, RepositoryCardGlass as m, statusSizes as mn, ToggleGlass as mt, ProjectsListGlass as n, composeEventHandlers as nn, SortDropdownGlass as nt, FlagsSectionGlass as o, buttonGlassVariants as on, insightVariantConfig as ot, RepositoryHeaderGlass as p, avatarSizes as pn, TooltipGlassTrigger as pt, ProgressGlass as q, DropdownMenuGlassSubContent as qt, ProfileHeaderGlass as r, CircularProgressGlass as rn, SearchBoxGlass as rt, CareerStatsGlass as s, BadgeGlass as sn, IconButtonGlass as st, TrustScoreCardGlass as t, useComposedRefs as tn, StatItemGlass as tt, UserInfoGlass as u, AvatarGlassFallback as un, TooltipGlassContent as ut, CircularMetricGlass as v, InteractiveCard as vn, useDirection as vt, BarChart as w, PopoverGlassContent as wt, SparklineGlass as x, alertVariants as xn, skeletonVariants as xt, CareerStatsHeaderGlass as y, FormFieldWrapper as yn, clamp as yt, resolveDefaultProps as z, DropdownMenuGlassItem as zt };
 
-//# sourceMappingURL=trust-score-card-glass-zjkx4OC2.js.map
+//# sourceMappingURL=trust-score-card-glass-Dg4_b_g_.js.map