shadcn-glass-ui 2.0.12 → 2.1.0

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

@@ -1,8 +1,8 @@
 import { t as cn } from "./utils-CcyeqpKQ.js";
 import { n as useHover, t as useFocus } from "./use-focus-CX0TJJIj.js";
 import { o as useTheme } from "./theme-context-_T5r1KG4.js";
-import * as React from "react";
-import { Children, PureComponent, cloneElement, createContext, createElement, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import * as React$1 from "react";
+import React, { Children, PureComponent, cloneElement, createContext, createElement, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { AlertCircle, AlertTriangle, ArrowDown, ArrowUp, Calendar, Check, CheckCircle, CheckIcon, ChevronDown, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDownIcon, CircleIcon, Clock, Code, ExternalLink, FolderGit2, GitPullRequest, Github, Info, Minus, Moon, Palette, RefreshCw, Search, SearchIcon, Sparkles, Star, Sun, Target, TrendingDown, TrendingUp, User, Users, X, Zap } from "lucide-react";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
@@ -274,8 +274,8 @@ var getStatusVars$1 = (statusType) => {
 		}
 	}[statusType];
 };
-var AvatarGlassContext = React.createContext({ size: "md" });
-var AvatarGlassRoot = React.forwardRef(({ className, size: size$3 = "md", status, glowing = false, children, ...props }, ref) => {
+var AvatarGlassContext = React$1.createContext({ size: "md" });
+var AvatarGlassRoot = React$1.forwardRef(({ className, size: size$3 = "md", status, glowing = false, children, ...props }, ref) => {
 	const { isHovered, hoverProps } = useHover();
 	const avatarStyles = {
 		background: "var(--avatar-bg)",
@@ -312,7 +312,7 @@ var AvatarGlassRoot = React.forwardRef(({ className, size: size$3 = "md", status
 	});
 });
 AvatarGlassRoot.displayName = "AvatarGlass";
-var AvatarGlassImage = React.forwardRef(({ className, ...props }, ref) => {
+var AvatarGlassImage = React$1.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
 		ref,
 		className: cn("aspect-square h-full w-full object-cover", className),
@@ -320,7 +320,7 @@ var AvatarGlassImage = React.forwardRef(({ className, ...props }, ref) => {
 	});
 });
 AvatarGlassImage.displayName = "AvatarGlassImage";
-var AvatarGlassFallback = React.forwardRef(({ className, ...props }, ref) => {
+var AvatarGlassFallback = React$1.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
 		ref,
 		className: cn("flex h-full w-full items-center justify-center font-semibold uppercase", className),
@@ -412,29 +412,30 @@ BadgeGlass.displayName = "BadgeGlass";
 const buttonGlassVariants = cva("relative overflow-hidden font-medium inline-flex items-center justify-center transition-all duration-300 ease-out cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", {
 	variants: {
 		variant: {
-			primary: "",
+			default: "",
 			secondary: "",
 			ghost: "",
 			destructive: "",
+			outline: "",
 			success: "",
-			text: ""
+			link: ""
 		},
 		size: {
 			sm: "px-3 py-1.5 text-sm gap-1.5 min-h-[44px] rounded-xl",
-			md: "px-4 py-2.5 text-sm gap-2 min-h-[44px] rounded-xl",
+			default: "px-4 py-2.5 text-sm gap-2 min-h-[44px] rounded-xl",
 			lg: "px-6 py-3 text-base gap-2.5 min-h-[48px] rounded-xl",
 			xl: "px-8 py-4 text-lg gap-3 min-h-[56px] rounded-xl",
 			icon: "p-2.5 min-h-[44px] min-w-[44px] rounded-xl"
 		}
 	},
 	defaultVariants: {
-		variant: "primary",
-		size: "md"
+		variant: "default",
+		size: "default"
 	}
 });
 var getVariantStyles = (variant, isHovered, isFocusVisible) => {
 	return {
-		primary: {
+		default: {
 			background: isHovered ? "var(--btn-primary-hover-bg)" : "var(--btn-primary-bg)",
 			color: "var(--btn-primary-text)",
 			border: "none",
@@ -458,21 +459,28 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
 			border: "none",
 			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "var(--btn-destructive-shadow)"
 		},
+		outline: {
+			background: isHovered ? "var(--btn-outline-hover-bg)" : "transparent",
+			color: "var(--btn-outline-text)",
+			border: "1px solid var(--btn-outline-border)",
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-outline-glow)" : "none"
+		},
 		success: {
 			background: "var(--btn-success-bg)",
 			color: "var(--btn-success-text)",
 			border: "none",
 			boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "var(--btn-success-shadow)"
 		},
-		text: {
+		link: {
 			background: "transparent",
-			color: "var(--text-secondary)",
+			color: "var(--btn-link-text)",
 			border: "none",
-			boxShadow: isFocusVisible ? "var(--focus-glow)" : "none"
+			boxShadow: isFocusVisible ? "var(--focus-glow)" : "none",
+			textDecoration: isHovered ? "underline" : "none"
 		}
 	}[variant];
 };
-const ButtonGlass = forwardRef(({ asChild = false, className, variant = "primary", size: size$3 = "md", children, loading = false, disabled, icon: Icon, iconPosition = "left", onClick, ...props }, ref) => {
+const ButtonGlass = forwardRef(({ asChild = false, className, variant = "default", size: size$3 = "default", children, loading = false, disabled, icon: Icon, iconPosition = "left", onClick, ...props }, ref) => {
 	const { isHovered, hoverProps } = useHover();
 	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
 	const [ripple, setRipple] = useState(null);
@@ -516,7 +524,7 @@ const ButtonGlass = forwardRef(({ asChild = false, className, variant = "primary
 		onBlur: focusProps.onBlur,
 		...props,
 		children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
-			isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ jsx("div", {
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ jsx("div", {
 				className: "absolute inset-0 overflow-hidden pointer-events-none",
 				style: { borderRadius: "inherit" },
 				children: /* @__PURE__ */ jsx("div", {
@@ -535,7 +543,7 @@ const ButtonGlass = forwardRef(({ asChild = false, className, variant = "primary
 					animation: "ripple 0.6s ease-out"
 				}
 			}),
-			isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ jsx("div", {
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ jsx("div", {
 				className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
 				style: { background: "var(--btn-glow-radial)" }
 			}),
@@ -785,18 +793,18 @@ function composeRefs(...refs) {
 	};
 }
 function useComposedRefs(...refs) {
-	return React.useCallback(composeRefs(...refs), refs);
+	return React$1.useCallback(composeRefs(...refs), refs);
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$2(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
 	function createContext3(rootComponentName, defaultContext) {
-		const BaseContext = React.createContext(defaultContext);
+		const BaseContext = React$1.createContext(defaultContext);
 		const index$1 = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
 		const Provider$1 = (props) => {
 			const { scope, children, ...context } = props;
 			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
-			const value = React.useMemo(() => context, Object.values(context));
+			const value = React$1.useMemo(() => context, Object.values(context));
 			return /* @__PURE__ */ jsx(Context.Provider, {
 				value,
 				children
@@ -805,7 +813,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		Provider$1.displayName = rootComponentName + "Provider";
 		function useContext2(consumerName, scope) {
 			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
-			const context = React.useContext(Context);
+			const context = React$1.useContext(Context);
 			if (context) return context;
 			if (defaultContext !== void 0) return defaultContext;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -814,20 +822,20 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 	}
 	const createScope$2 = () => {
 		const scopeContexts = defaultContexts.map((defaultContext) => {
-			return React.createContext(defaultContext);
+			return React$1.createContext(defaultContext);
 		});
 		return function useScope(scope) {
 			const contexts = scope?.[scopeName] || scopeContexts;
-			return React.useMemo(() => ({ [`__scope${scopeName}`]: {
+			return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
 				...scope,
 				[scopeName]: contexts
 			} }), [scope, contexts]);
 		};
 	};
 	createScope$2.scopeName = scopeName;
-	return [createContext3, composeContextScopes$1(createScope$2, ...createContextScopeDeps)];
+	return [createContext3, composeContextScopes$3(createScope$2, ...createContextScopeDeps)];
 }
-function composeContextScopes$1(...scopes) {
+function composeContextScopes$3(...scopes) {
 	const baseScope = scopes[0];
 	if (scopes.length === 1) return baseScope;
 	const createScope$2 = () => {
@@ -843,13 +851,13 @@ function composeContextScopes$1(...scopes) {
 					...currentScope$2
 				};
 			}, {});
-			return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+			return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
 		};
 	};
 	createScope$2.scopeName = baseScope.scopeName;
 	return createScope$2;
 }
-var Primitive$6 = [
+var Primitive$7 = [
 	"a",
 	"button",
 	"div",
@@ -869,7 +877,7 @@ var Primitive$6 = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -888,15 +896,15 @@ function dispatchDiscreteCustomEvent(target, event) {
 	if (target) ReactDOM$1.flushSync(() => target.dispatchEvent(event));
 }
 function useCallbackRef$1(callback) {
-	const callbackRef = React.useRef(callback);
-	React.useEffect(() => {
+	const callbackRef = React$1.useRef(callback);
+	React$1.useEffect(() => {
 		callbackRef.current = callback;
 	});
-	return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+	return React$1.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
 	const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const handleKeyDown = (event) => {
 			if (event.key === "Escape") onEscapeKeyDown(event);
 		};
@@ -909,17 +917,17 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React.createContext({
+var DismissableLayerContext = React$1.createContext({
 	layers: /* @__PURE__ */ new Set(),
 	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
 	branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React.forwardRef((props, forwardedRef) => {
+var DismissableLayer = React$1.forwardRef((props, forwardedRef) => {
 	const { disableOutsidePointerEvents = false, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, ...layerProps } = props;
-	const context = React.useContext(DismissableLayerContext);
-	const [node, setNode] = React.useState(null);
+	const context = React$1.useContext(DismissableLayerContext);
+	const [node, setNode] = React$1.useState(null);
 	const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-	const [, force] = React.useState({});
+	const [, force] = React$1.useState({});
 	const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
 	const layers = Array.from(context.layers);
 	const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -950,7 +958,7 @@ var DismissableLayer = React.forwardRef((props, forwardedRef) => {
 			onDismiss();
 		}
 	}, ownerDocument);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!node) return;
 		if (disableOutsidePointerEvents) {
 			if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -970,7 +978,7 @@ var DismissableLayer = React.forwardRef((props, forwardedRef) => {
 		disableOutsidePointerEvents,
 		context
 	]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		return () => {
 			if (!node) return;
 			context.layers.delete(node);
@@ -978,12 +986,12 @@ var DismissableLayer = React.forwardRef((props, forwardedRef) => {
 			dispatchUpdate();
 		};
 	}, [node, context]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const handleUpdate = () => force({});
 		document.addEventListener(CONTEXT_UPDATE, handleUpdate);
 		return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
 	}, []);
-	return /* @__PURE__ */ jsx(Primitive$6.div, {
+	return /* @__PURE__ */ jsx(Primitive$7.div, {
 		...layerProps,
 		ref: composedRefs,
 		style: {
@@ -997,11 +1005,11 @@ var DismissableLayer = React.forwardRef((props, forwardedRef) => {
 });
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
-	const context = React.useContext(DismissableLayerContext);
-	const ref = React.useRef(null);
+var DismissableLayerBranch = React$1.forwardRef((props, forwardedRef) => {
+	const context = React$1.useContext(DismissableLayerContext);
+	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const node = ref.current;
 		if (node) {
 			context.branches.add(node);
@@ -1010,7 +1018,7 @@ var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
 			};
 		}
 	}, [context.branches]);
-	return /* @__PURE__ */ jsx(Primitive$6.div, {
+	return /* @__PURE__ */ jsx(Primitive$7.div, {
 		...props,
 		ref: composedRefs
 	});
@@ -1018,9 +1026,9 @@ var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
 	const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
-	const isPointerInsideReactTreeRef = React.useRef(false);
-	const handleClickRef = React.useRef(() => {});
-	React.useEffect(() => {
+	const isPointerInsideReactTreeRef = React$1.useRef(false);
+	const handleClickRef = React$1.useRef(() => {});
+	React$1.useEffect(() => {
 		const handlePointerDown = (event) => {
 			if (event.target && !isPointerInsideReactTreeRef.current) {
 				let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -1048,8 +1056,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
 	const handleFocusOutside = useCallbackRef$1(onFocusOutside);
-	const isFocusInsideReactTreeRef = React.useRef(false);
-	React.useEffect(() => {
+	const isFocusInsideReactTreeRef = React$1.useRef(false);
+	React$1.useEffect(() => {
 		const handleFocus = (event) => {
 			if (event.target && !isFocusInsideReactTreeRef.current) handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, { originalEvent: event }, { discrete: false });
 		};
@@ -1078,7 +1086,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 var count$1 = 0;
 function useFocusGuards() {
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
 		document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
 		document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -1099,7 +1107,7 @@ function createFocusGuard() {
 	element.style.pointerEvents = "none";
 	return element;
 }
-var Primitive$5 = [
+var Primitive$6 = [
 	"a",
 	"button",
 	"div",
@@ -1119,7 +1127,7 @@ var Primitive$5 = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -1141,14 +1149,14 @@ var EVENT_OPTIONS = {
 	cancelable: true
 };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React.forwardRef((props, forwardedRef) => {
+var FocusScope = React$1.forwardRef((props, forwardedRef) => {
 	const { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp, ...scopeProps } = props;
-	const [container, setContainer] = React.useState(null);
+	const [container, setContainer] = React$1.useState(null);
 	const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
 	const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
-	const lastFocusedElementRef = React.useRef(null);
+	const lastFocusedElementRef = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-	const focusScope = React.useRef({
+	const focusScope = React$1.useRef({
 		paused: false,
 		pause() {
 			this.paused = true;
@@ -1157,7 +1165,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
 			this.paused = false;
 		}
 	}).current;
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (trapped) {
 			let handleFocusIn2 = function(event) {
 				if (focusScope.paused || !container) return;
@@ -1191,7 +1199,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
 		container,
 		focusScope.paused
 	]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (container) {
 			focusScopesStack.add(focusScope);
 			const previouslyFocusedElement = document.activeElement;
@@ -1222,7 +1230,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
 		onUnmountAutoFocus,
 		focusScope
 	]);
-	const handleKeyDown = React.useCallback((event) => {
+	const handleKeyDown = React$1.useCallback((event) => {
 		if (!loop && !trapped) return;
 		if (focusScope.paused) return;
 		const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
@@ -1245,7 +1253,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
 		trapped,
 		focusScope.paused
 	]);
-	return /* @__PURE__ */ jsx(Primitive$5.div, {
+	return /* @__PURE__ */ jsx(Primitive$6.div, {
 		tabIndex: -1,
 		...scopeProps,
 		ref: composedRefs,
@@ -1321,11 +1329,11 @@ function arrayRemove(array, item) {
 function removeLinks(items) {
 	return items.filter((item) => item.tagName !== "A");
 }
-var useLayoutEffect2 = globalThis?.document ? React.useLayoutEffect : () => {};
-var useReactId = React[" useId ".trim().toString()] || (() => void 0);
+var useLayoutEffect2 = globalThis?.document ? React$1.useLayoutEffect : () => {};
+var useReactId = React$1[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId$2(deterministicId) {
-	const [id, setId] = React.useState(useReactId());
+	const [id, setId] = React$1.useState(useReactId());
 	useLayoutEffect2(() => {
 		if (!deterministicId) setId((reactId) => reactId ?? String(count++));
 	}, [deterministicId]);
@@ -1355,7 +1363,7 @@ var oppositeAlignmentMap = {
 	start: "end",
 	end: "start"
 };
-function clamp(start, value, end) {
+function clamp$1(start, value, end) {
 	return max$1(start, min$1(value, end));
 }
 function evaluate(value, param) {
@@ -1639,7 +1647,7 @@ var arrow$2 = (options$1) => ({
 		const min$1$1 = minPadding;
 		const max$2 = clientSize - arrowDimensions[length] - maxPadding;
 		const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-		const offset$3 = clamp(min$1$1, center, max$2);
+		const offset$3 = clamp$1(min$1$1, center, max$2);
 		const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset$3 && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
 		const alignmentOffset = shouldAddOffset ? center < min$1$1 ? center - min$1$1 : center - max$2 : 0;
 		return {
@@ -1842,14 +1850,14 @@ var shift$2 = function(options$1) {
 				const maxSide = mainAxis === "y" ? "bottom" : "right";
 				const min$2 = mainAxisCoord + overflow[minSide];
 				const max$2 = mainAxisCoord - overflow[maxSide];
-				mainAxisCoord = clamp(min$2, mainAxisCoord, max$2);
+				mainAxisCoord = clamp$1(min$2, mainAxisCoord, max$2);
 			}
 			if (checkCrossAxis) {
 				const minSide = crossAxis === "y" ? "top" : "left";
 				const maxSide = crossAxis === "y" ? "bottom" : "right";
 				const min$2 = crossAxisCoord + overflow[minSide];
 				const max$2 = crossAxisCoord - overflow[maxSide];
-				crossAxisCoord = clamp(min$2, crossAxisCoord, max$2);
+				crossAxisCoord = clamp$1(min$2, crossAxisCoord, max$2);
 			}
 			const limitedCoords = limiter.fn({
 				...state,
@@ -2622,7 +2630,7 @@ function roundByDPR(element, value) {
 	return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-	const ref = React.useRef(value);
+	const ref = React$1.useRef(value);
 	index(() => {
 		ref.current = value;
 	});
@@ -2631,7 +2639,7 @@ function useLatestRef(value) {
 function useFloating(options$1) {
 	if (options$1 === void 0) options$1 = {};
 	const { placement = "bottom", strategy = "absolute", middleware = [], platform: platform$1, elements: { reference: externalReference, floating: externalFloating } = {}, transform = true, whileElementsMounted, open } = options$1;
-	const [data, setData] = React.useState({
+	const [data, setData] = React$1.useState({
 		x: 0,
 		y: 0,
 		strategy,
@@ -2639,17 +2647,17 @@ function useFloating(options$1) {
 		middlewareData: {},
 		isPositioned: false
 	});
-	const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
+	const [latestMiddleware, setLatestMiddleware] = React$1.useState(middleware);
 	if (!deepEqual(latestMiddleware, middleware)) setLatestMiddleware(middleware);
-	const [_reference, _setReference] = React.useState(null);
-	const [_floating, _setFloating] = React.useState(null);
-	const setReference = React.useCallback((node) => {
+	const [_reference, _setReference] = React$1.useState(null);
+	const [_floating, _setFloating] = React$1.useState(null);
+	const setReference = React$1.useCallback((node) => {
 		if (node !== referenceRef.current) {
 			referenceRef.current = node;
 			_setReference(node);
 		}
 	}, []);
-	const setFloating = React.useCallback((node) => {
+	const setFloating = React$1.useCallback((node) => {
 		if (node !== floatingRef.current) {
 			floatingRef.current = node;
 			_setFloating(node);
@@ -2657,14 +2665,14 @@ function useFloating(options$1) {
 	}, []);
 	const referenceEl = externalReference || _reference;
 	const floatingEl = externalFloating || _floating;
-	const referenceRef = React.useRef(null);
-	const floatingRef = React.useRef(null);
-	const dataRef = React.useRef(data);
+	const referenceRef = React$1.useRef(null);
+	const floatingRef = React$1.useRef(null);
+	const dataRef = React$1.useRef(data);
 	const hasWhileElementsMounted = whileElementsMounted != null;
 	const whileElementsMountedRef = useLatestRef(whileElementsMounted);
 	const platformRef = useLatestRef(platform$1);
 	const openRef = useLatestRef(open);
-	const update = React.useCallback(() => {
+	const update = React$1.useCallback(() => {
 		if (!referenceRef.current || !floatingRef.current) return;
 		const config = {
 			placement,
@@ -2700,7 +2708,7 @@ function useFloating(options$1) {
 			}));
 		}
 	}, [open]);
-	const isMountedRef = React.useRef(false);
+	const isMountedRef = React$1.useRef(false);
 	index(() => {
 		isMountedRef.current = true;
 		return () => {
@@ -2721,17 +2729,17 @@ function useFloating(options$1) {
 		whileElementsMountedRef,
 		hasWhileElementsMounted
 	]);
-	const refs = React.useMemo(() => ({
+	const refs = React$1.useMemo(() => ({
 		reference: referenceRef,
 		floating: floatingRef,
 		setReference,
 		setFloating
 	}), [setReference, setFloating]);
-	const elements = React.useMemo(() => ({
+	const elements = React$1.useMemo(() => ({
 		reference: referenceEl,
 		floating: floatingEl
 	}), [referenceEl, floatingEl]);
-	const floatingStyles = React.useMemo(() => {
+	const floatingStyles = React$1.useMemo(() => {
 		const initialStyles = {
 			position: strategy,
 			left: 0,
@@ -2757,7 +2765,7 @@ function useFloating(options$1) {
 		data.x,
 		data.y
 	]);
-	return React.useMemo(() => ({
+	return React$1.useMemo(() => ({
 		...data,
 		update,
 		refs,
@@ -2823,7 +2831,7 @@ var arrow = (options$1, deps) => ({
 	...arrow$1$1(options$1),
 	options: [options$1, deps]
 });
-var Primitive$4 = [
+var Primitive$5 = [
 	"a",
 	"button",
 	"div",
@@ -2843,7 +2851,7 @@ var Primitive$4 = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -2859,9 +2867,9 @@ var Primitive$4 = [
 	};
 }, {});
 var NAME = "Arrow";
-var Arrow$1 = React.forwardRef((props, forwardedRef) => {
+var Arrow$1 = React$1.forwardRef((props, forwardedRef) => {
 	const { children, width = 10, height = 5, ...arrowProps } = props;
-	return /* @__PURE__ */ jsx(Primitive$4.svg, {
+	return /* @__PURE__ */ jsx(Primitive$5.svg, {
 		...arrowProps,
 		ref: forwardedRef,
 		width,
@@ -2872,17 +2880,17 @@ var Arrow$1 = React.forwardRef((props, forwardedRef) => {
 	});
 });
 Arrow$1.displayName = NAME;
-var Root = Arrow$1;
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
+var Root$1 = Arrow$1;
+function createContextScope$3(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
 	function createContext3(rootComponentName, defaultContext) {
-		const BaseContext = React.createContext(defaultContext);
+		const BaseContext = React$1.createContext(defaultContext);
 		const index$1 = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
 		const Provider$1 = (props) => {
 			const { scope, children, ...context } = props;
 			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
-			const value = React.useMemo(() => context, Object.values(context));
+			const value = React$1.useMemo(() => context, Object.values(context));
 			return /* @__PURE__ */ jsx(Context.Provider, {
 				value,
 				children
@@ -2891,7 +2899,7 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
 		Provider$1.displayName = rootComponentName + "Provider";
 		function useContext2(consumerName, scope) {
 			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
-			const context = React.useContext(Context);
+			const context = React$1.useContext(Context);
 			if (context) return context;
 			if (defaultContext !== void 0) return defaultContext;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -2900,20 +2908,20 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
 	}
 	const createScope$2 = () => {
 		const scopeContexts = defaultContexts.map((defaultContext) => {
-			return React.createContext(defaultContext);
+			return React$1.createContext(defaultContext);
 		});
 		return function useScope(scope) {
 			const contexts = scope?.[scopeName] || scopeContexts;
-			return React.useMemo(() => ({ [`__scope${scopeName}`]: {
+			return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
 				...scope,
 				[scopeName]: contexts
 			} }), [scope, contexts]);
 		};
 	};
 	createScope$2.scopeName = scopeName;
-	return [createContext3, composeContextScopes(createScope$2, ...createContextScopeDeps)];
+	return [createContext3, composeContextScopes$2(createScope$2, ...createContextScopeDeps)];
 }
-function composeContextScopes(...scopes) {
+function composeContextScopes$2(...scopes) {
 	const baseScope = scopes[0];
 	if (scopes.length === 1) return baseScope;
 	const createScope$2 = () => {
@@ -2929,13 +2937,13 @@ function composeContextScopes(...scopes) {
 					...currentScope$2
 				};
 			}, {});
-			return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+			return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
 		};
 	};
 	createScope$2.scopeName = baseScope.scopeName;
 	return createScope$2;
 }
-var Primitive$3 = [
+var Primitive$4 = [
 	"a",
 	"button",
 	"div",
@@ -2955,7 +2963,7 @@ var Primitive$3 = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -2971,7 +2979,7 @@ var Primitive$3 = [
 	};
 }, {});
 function useSize(element) {
-	const [size$3, setSize] = React.useState(void 0);
+	const [size$3, setSize] = React$1.useState(void 0);
 	useLayoutEffect2(() => {
 		if (element) {
 			setSize({
@@ -3005,11 +3013,11 @@ function useSize(element) {
 	return size$3;
 }
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope$1(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope$3(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
 	const { __scopePopper, children } = props;
-	const [anchor, setAnchor] = React.useState(null);
+	const [anchor, setAnchor] = React$1.useState(null);
 	return /* @__PURE__ */ jsx(PopperProvider, {
 		scope: __scopePopper,
 		anchor,
@@ -3019,18 +3027,18 @@ var Popper = (props) => {
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME$1 = "PopperAnchor";
-var PopperAnchor = React.forwardRef((props, forwardedRef) => {
+var PopperAnchor = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopper, virtualRef, ...anchorProps } = props;
 	const context = usePopperContext(ANCHOR_NAME$1, __scopePopper);
-	const ref = React.useRef(null);
+	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
-	const anchorRef = React.useRef(null);
-	React.useEffect(() => {
+	const anchorRef = React$1.useRef(null);
+	React$1.useEffect(() => {
 		const previousAnchor = anchorRef.current;
 		anchorRef.current = virtualRef?.current || ref.current;
 		if (previousAnchor !== anchorRef.current) context.onAnchorChange(anchorRef.current);
 	});
-	return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$3.div, {
+	return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$4.div, {
 		...anchorProps,
 		ref: composedRefs
 	});
@@ -3038,12 +3046,12 @@ var PopperAnchor = React.forwardRef((props, forwardedRef) => {
 PopperAnchor.displayName = ANCHOR_NAME$1;
 var CONTENT_NAME$1 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$1);
-var PopperContent = React.forwardRef((props, forwardedRef) => {
+var PopperContent = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
 	const context = usePopperContext(CONTENT_NAME$1, __scopePopper);
-	const [content, setContent] = React.useState(null);
+	const [content, setContent] = React$1.useState(null);
 	const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-	const [arrow$3, setArrow] = React.useState(null);
+	const [arrow$3, setArrow] = React$1.useState(null);
 	const arrowSize = useSize(arrow$3);
 	const arrowWidth = arrowSize?.width ?? 0;
 	const arrowHeight = arrowSize?.height ?? 0;
@@ -3114,7 +3122,7 @@ var PopperContent = React.forwardRef((props, forwardedRef) => {
 	const arrowX = middlewareData.arrow?.x;
 	const arrowY = middlewareData.arrow?.y;
 	const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-	const [contentZIndex, setContentZIndex] = React.useState();
+	const [contentZIndex, setContentZIndex] = React$1.useState();
 	useLayoutEffect2(() => {
 		if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
 	}, [content]);
@@ -3140,7 +3148,7 @@ var PopperContent = React.forwardRef((props, forwardedRef) => {
 			arrowX,
 			arrowY,
 			shouldHideArrow: cannotCenterArrow,
-			children: /* @__PURE__ */ jsx(Primitive$3.div, {
+			children: /* @__PURE__ */ jsx(Primitive$4.div, {
 				"data-side": placedSide,
 				"data-align": placedAlign,
 				...contentProps,
@@ -3161,7 +3169,7 @@ var OPPOSITE_SIDE = {
 	bottom: "top",
 	left: "right"
 };
-var PopperArrow = React.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React$1.forwardRef(function PopperArrow2(props, forwardedRef) {
 	const { __scopePopper, ...arrowProps } = props;
 	const contentContext = useContentContext(ARROW_NAME$1, __scopePopper);
 	const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -3186,7 +3194,7 @@ var PopperArrow = React.forwardRef(function PopperArrow2(props, forwardedRef) {
 			}[contentContext.placedSide],
 			visibility: contentContext.shouldHideArrow ? "hidden" : void 0
 		},
-		children: /* @__PURE__ */ jsx(Root, {
+		children: /* @__PURE__ */ jsx(Root$1, {
 			...arrowProps,
 			ref: forwardedRef,
 			style: {
@@ -3245,7 +3253,7 @@ var Root2$1 = Popper;
 var Anchor = PopperAnchor;
 var Content = PopperContent;
 var Arrow = PopperArrow;
-var Primitive$2 = [
+var Primitive$3 = [
 	"a",
 	"button",
 	"div",
@@ -3265,7 +3273,7 @@ var Primitive$2 = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -3281,35 +3289,35 @@ var Primitive$2 = [
 	};
 }, {});
 var PORTAL_NAME$1 = "Portal";
-var Portal = React.forwardRef((props, forwardedRef) => {
+var Portal = React$1.forwardRef((props, forwardedRef) => {
 	const { container: containerProp, ...portalProps } = props;
-	const [mounted, setMounted] = React.useState(false);
+	const [mounted, setMounted] = React$1.useState(false);
 	useLayoutEffect2(() => setMounted(true), []);
 	const container = containerProp || mounted && globalThis?.document?.body;
-	return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, {
+	return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, {
 		...portalProps,
 		ref: forwardedRef
 	}), container) : null;
 });
 Portal.displayName = PORTAL_NAME$1;
 function useStateMachine(initialState$5, machine) {
-	return React.useReducer((state, event) => {
+	return React$1.useReducer((state, event) => {
 		return machine[state][event] ?? state;
 	}, initialState$5);
 }
 var Presence = (props) => {
 	const { present, children } = props;
 	const presence = usePresence(present);
-	const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
+	const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
 	const ref = useComposedRefs(presence.ref, getElementRef(child));
-	return typeof children === "function" || presence.isPresent ? React.cloneElement(child, { ref }) : null;
+	return typeof children === "function" || presence.isPresent ? React$1.cloneElement(child, { ref }) : null;
 };
 Presence.displayName = "Presence";
 function usePresence(present) {
-	const [node, setNode] = React.useState();
-	const stylesRef = React.useRef(null);
-	const prevPresentRef = React.useRef(present);
-	const prevAnimationNameRef = React.useRef("none");
+	const [node, setNode] = React$1.useState();
+	const stylesRef = React$1.useRef(null);
+	const prevPresentRef = React$1.useRef(present);
+	const prevAnimationNameRef = React$1.useRef("none");
 	const [state, send] = useStateMachine(present ? "mounted" : "unmounted", {
 		mounted: {
 			UNMOUNT: "unmounted",
@@ -3321,7 +3329,7 @@ function usePresence(present) {
 		},
 		unmounted: { MOUNT: "mounted" }
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const currentAnimationName = getAnimationName(stylesRef.current);
 		prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
 	}, [state]);
@@ -3371,7 +3379,7 @@ function usePresence(present) {
 	}, [node, send]);
 	return {
 		isPresent: ["mounted", "unmountSuspended"].includes(state),
-		ref: React.useCallback((node2) => {
+		ref: React$1.useCallback((node2) => {
 			stylesRef.current = node2 ? getComputedStyle(node2) : null;
 			setNode(node2);
 		}, [])
@@ -3389,7 +3397,7 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-var Primitive$1 = [
+var Primitive$2 = [
 	"a",
 	"button",
 	"div",
@@ -3409,7 +3417,7 @@ var Primitive$1 = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -3424,7 +3432,7 @@ var Primitive$1 = [
 		[node]: Node$1
 	};
 }, {});
-var useInsertionEffect = React[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React$1[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({ prop, defaultProp, onChange = () => {}, caller }) {
 	const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
 		defaultProp,
@@ -3433,8 +3441,8 @@ function useControllableState({ prop, defaultProp, onChange = () => {}, caller }
 	const isControlled = prop !== void 0;
 	const value = isControlled ? prop : uncontrolledProp;
 	{
-		const isControlledRef = React.useRef(prop !== void 0);
-		React.useEffect(() => {
+		const isControlledRef = React$1.useRef(prop !== void 0);
+		React$1.useEffect(() => {
 			const wasControlled = isControlledRef.current;
 			if (wasControlled !== isControlled) {
 				const from$1 = wasControlled ? "controlled" : "uncontrolled";
@@ -3444,7 +3452,7 @@ function useControllableState({ prop, defaultProp, onChange = () => {}, caller }
 			isControlledRef.current = isControlled;
 		}, [isControlled, caller]);
 	}
-	return [value, React.useCallback((nextValue) => {
+	return [value, React$1.useCallback((nextValue) => {
 		if (isControlled) {
 			const value2 = isFunction$1(nextValue) ? nextValue(prop) : nextValue;
 			if (value2 !== prop) onChangeRef.current?.(value2);
@@ -3457,13 +3465,13 @@ function useControllableState({ prop, defaultProp, onChange = () => {}, caller }
 	])];
 }
 function useUncontrolledState({ defaultProp, onChange }) {
-	const [value, setValue] = React.useState(defaultProp);
-	const prevValueRef = React.useRef(value);
-	const onChangeRef = React.useRef(onChange);
+	const [value, setValue] = React$1.useState(defaultProp);
+	const prevValueRef = React$1.useRef(value);
+	const onChangeRef = React$1.useRef(onChange);
 	useInsertionEffect(() => {
 		onChangeRef.current = onChange;
 	}, [onChange]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (prevValueRef.current !== value) {
 			onChangeRef.current?.(value);
 			prevValueRef.current = value;
@@ -3625,7 +3633,7 @@ function useCallbackRef(initialValue, callback) {
 	ref.callback = callback;
 	return ref.facade;
 }
-var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
 	var callbackRef = useCallbackRef(defaultValue || null, function(newValue) {
@@ -3733,7 +3741,7 @@ var SideCar = function(_a) {
 	if (!sideCar) throw new Error("Sidecar: please provide `sideCar` property to import the right car");
 	var Target$1 = sideCar.read();
 	if (!Target$1) throw new Error("Sidecar medium not found");
-	return React.createElement(Target$1, __assign({}, rest));
+	return React$1.createElement(Target$1, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -3742,9 +3750,9 @@ function exportSidecar(medium, exported) {
 }
 var effectCar = createSidecarMedium();
 var nothing = function() {};
-var RemoveScroll = React.forwardRef(function(props, parentRef) {
-	var ref = React.useRef(null);
-	var _a = React.useState({
+var RemoveScroll = React$1.forwardRef(function(props, parentRef) {
+	var ref = React$1.useRef(null);
+	var _a = React$1.useState({
 		onScrollCapture: nothing,
 		onWheelCapture: nothing,
 		onTouchMoveCapture: nothing
@@ -3767,7 +3775,7 @@ var RemoveScroll = React.forwardRef(function(props, parentRef) {
 	var SideCar$1 = sideCar;
 	var containerRef = useMergeRefs([ref, parentRef]);
 	var containerProps = __assign(__assign({}, rest), callbacks);
-	return React.createElement(React.Fragment, null, enabled && React.createElement(SideCar$1, {
+	return React$1.createElement(React$1.Fragment, null, enabled && React$1.createElement(SideCar$1, {
 		sideCar: effectCar,
 		removeScrollBar,
 		shards,
@@ -3778,7 +3786,7 @@ var RemoveScroll = React.forwardRef(function(props, parentRef) {
 		allowPinchZoom: !!allowPinchZoom,
 		lockRef: ref,
 		gapMode
-	}), forwardProps ? React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(Container, __assign({}, containerProps, {
+	}), forwardProps ? React$1.cloneElement(React$1.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React$1.createElement(Container, __assign({}, containerProps, {
 		className,
 		ref: containerRef
 	}), children));
@@ -3837,7 +3845,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
 	var sheet = stylesheetSingleton();
 	return function(styles, isDynamic) {
-		React.useEffect(function() {
+		React$1.useEffect(function() {
 			sheet.add(styles);
 			return function() {
 				sheet.remove();
@@ -3903,7 +3911,7 @@ var getCurrentUseCounter = function() {
 	return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-	React.useEffect(function() {
+	React$1.useEffect(function() {
 		document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
 		return function() {
 			var newCounter = getCurrentUseCounter() - 1;
@@ -3915,10 +3923,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
 	var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
 	useLockAttribute();
-	var gap = React.useMemo(function() {
+	var gap = React$1.useMemo(function() {
 		return getGapWidth(gapMode);
 	}, [gapMode]);
-	return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+	return React$1.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 var passiveSupported = false;
 if (typeof window !== "undefined") try {
@@ -4026,16 +4034,16 @@ var generateStyle = function(id) {
 var idCounter$1 = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-	var shouldPreventQueue = React.useRef([]);
-	var touchStartRef = React.useRef([0, 0]);
-	var activeAxis = React.useRef();
-	var id = React.useState(idCounter$1++)[0];
-	var Style$1 = React.useState(styleSingleton)[0];
-	var lastProps = React.useRef(props);
-	React.useEffect(function() {
+	var shouldPreventQueue = React$1.useRef([]);
+	var touchStartRef = React$1.useRef([0, 0]);
+	var activeAxis = React$1.useRef();
+	var id = React$1.useState(idCounter$1++)[0];
+	var Style$1 = React$1.useState(styleSingleton)[0];
+	var lastProps = React$1.useRef(props);
+	React$1.useEffect(function() {
 		lastProps.current = props;
 	}, [props]);
-	React.useEffect(function() {
+	React$1.useEffect(function() {
 		if (props.inert) {
 			document.body.classList.add("block-interactivity-".concat(id));
 			var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -4054,7 +4062,7 @@ function RemoveScrollSideCar(props) {
 		props.lockRef.current,
 		props.shards
 	]);
-	var shouldCancelEvent = React.useCallback(function(event, parent) {
+	var shouldCancelEvent = React$1.useCallback(function(event, parent) {
 		if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) return !lastProps.current.allowPinchZoom;
 		var touch = getTouchXY(event);
 		var touchStart = touchStartRef.current;
@@ -4077,7 +4085,7 @@ function RemoveScrollSideCar(props) {
 		var cancelingAxis = activeAxis.current || currentAxis;
 		return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
 	}, []);
-	var shouldPrevent = React.useCallback(function(_event) {
+	var shouldPrevent = React$1.useCallback(function(_event) {
 		var event = _event;
 		if (!lockStack.length || lockStack[lockStack.length - 1] !== Style$1) return;
 		var delta = "deltaY" in event ? getDeltaXY(event) : getTouchXY(event);
@@ -4097,7 +4105,7 @@ function RemoveScrollSideCar(props) {
 			}
 		}
 	}, []);
-	var shouldCancel = React.useCallback(function(name, delta, target, should) {
+	var shouldCancel = React$1.useCallback(function(name, delta, target, should) {
 		var event = {
 			name,
 			delta,
@@ -4112,17 +4120,17 @@ function RemoveScrollSideCar(props) {
 			});
 		}, 1);
 	}, []);
-	var scrollTouchStart = React.useCallback(function(event) {
+	var scrollTouchStart = React$1.useCallback(function(event) {
 		touchStartRef.current = getTouchXY(event);
 		activeAxis.current = void 0;
 	}, []);
-	var scrollWheel = React.useCallback(function(event) {
+	var scrollWheel = React$1.useCallback(function(event) {
 		shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
 	}, []);
-	var scrollTouchMove = React.useCallback(function(event) {
+	var scrollTouchMove = React$1.useCallback(function(event) {
 		shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
 	}, []);
-	React.useEffect(function() {
+	React$1.useEffect(function() {
 		lockStack.push(Style$1);
 		props.setCallbacks({
 			onScrollCapture: scrollWheel,
@@ -4142,7 +4150,7 @@ function RemoveScrollSideCar(props) {
 		};
 	}, []);
 	var removeScrollBar = props.removeScrollBar, inert = props.inert;
-	return React.createElement(React.Fragment, null, inert ? React.createElement(Style$1, { styles: generateStyle(id) }) : null, removeScrollBar ? React.createElement(RemoveScrollBar, {
+	return React$1.createElement(React$1.Fragment, null, inert ? React$1.createElement(Style$1, { styles: generateStyle(id) }) : null, removeScrollBar ? React$1.createElement(RemoveScrollBar, {
 		noRelative: props.noRelative,
 		gapMode: props.gapMode
 	}) : null);
@@ -4159,8 +4167,8 @@ function getOutermostShadowParent(node) {
 	return shadowParent;
 }
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
-var ReactRemoveScroll = React.forwardRef(function(props, ref) {
-	return React.createElement(RemoveScroll, __assign({}, props, {
+var ReactRemoveScroll = React$1.forwardRef(function(props, ref) {
+	return React$1.createElement(RemoveScroll, __assign({}, props, {
 		ref,
 		sideCar: sidecar_default
 	}));
@@ -4168,14 +4176,14 @@ var ReactRemoveScroll = React.forwardRef(function(props, ref) {
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [createPopperScope]);
+var [createPopoverContext, createPopoverScope] = createContextScope$2(POPOVER_NAME, [createPopperScope]);
 var usePopperScope = createPopperScope();
 var [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);
 var Popover$1 = (props) => {
 	const { __scopePopover, children, open: openProp, defaultOpen, onOpenChange, modal = false } = props;
 	const popperScope = usePopperScope(__scopePopover);
-	const triggerRef = React.useRef(null);
-	const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+	const triggerRef = React$1.useRef(null);
+	const [hasCustomAnchor, setHasCustomAnchor] = React$1.useState(false);
 	const [open, setOpen] = useControllableState({
 		prop: openProp,
 		defaultProp: defaultOpen ?? false,
@@ -4190,10 +4198,10 @@ var Popover$1 = (props) => {
 			triggerRef,
 			open,
 			onOpenChange: setOpen,
-			onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+			onOpenToggle: React$1.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
 			hasCustomAnchor,
-			onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
-			onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),
+			onCustomAnchorAdd: React$1.useCallback(() => setHasCustomAnchor(true), []),
+			onCustomAnchorRemove: React$1.useCallback(() => setHasCustomAnchor(false), []),
 			modal,
 			children
 		})
@@ -4201,12 +4209,12 @@ var Popover$1 = (props) => {
 };
 Popover$1.displayName = POPOVER_NAME;
 var ANCHOR_NAME = "PopoverAnchor";
-var PopoverAnchor = React.forwardRef((props, forwardedRef) => {
+var PopoverAnchor = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopover, ...anchorProps } = props;
 	const context = usePopoverContext(ANCHOR_NAME, __scopePopover);
 	const popperScope = usePopperScope(__scopePopover);
 	const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		onCustomAnchorAdd();
 		return () => onCustomAnchorRemove();
 	}, [onCustomAnchorAdd, onCustomAnchorRemove]);
@@ -4218,12 +4226,12 @@ var PopoverAnchor = React.forwardRef((props, forwardedRef) => {
 });
 PopoverAnchor.displayName = ANCHOR_NAME;
 var TRIGGER_NAME = "PopoverTrigger";
-var PopoverTrigger$1 = React.forwardRef((props, forwardedRef) => {
+var PopoverTrigger$1 = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopover, ...triggerProps } = props;
 	const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
 	const popperScope = usePopperScope(__scopePopover);
 	const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-	const trigger = /* @__PURE__ */ jsx(Primitive$1.button, {
+	const trigger = /* @__PURE__ */ jsx(Primitive$2.button, {
 		type: "button",
 		"aria-haspopup": "dialog",
 		"aria-expanded": context.open,
@@ -4260,7 +4268,7 @@ var PopoverPortal = (props) => {
 };
 PopoverPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "PopoverContent";
-var PopoverContent$1 = React.forwardRef((props, forwardedRef) => {
+var PopoverContent$1 = React$1.forwardRef((props, forwardedRef) => {
 	const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
 	const { forceMount = portalContext.forceMount, ...contentProps } = props;
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
@@ -4277,12 +4285,12 @@ var PopoverContent$1 = React.forwardRef((props, forwardedRef) => {
 });
 PopoverContent$1.displayName = CONTENT_NAME;
 var Slot$1 = createSlot("PopoverContent.RemoveScroll");
-var PopoverContentModal = React.forwardRef((props, forwardedRef) => {
+var PopoverContentModal = React$1.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
-	const contentRef = React.useRef(null);
+	const contentRef = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, contentRef);
-	const isRightClickOutsideRef = React.useRef(false);
-	React.useEffect(() => {
+	const isRightClickOutsideRef = React$1.useRef(false);
+	React$1.useEffect(() => {
 		const content = contentRef.current;
 		if (content) return hideOthers(content);
 	}, []);
@@ -4307,10 +4315,10 @@ var PopoverContentModal = React.forwardRef((props, forwardedRef) => {
 		})
 	});
 });
-var PopoverContentNonModal = React.forwardRef((props, forwardedRef) => {
+var PopoverContentNonModal = React$1.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
-	const hasInteractedOutsideRef = React.useRef(false);
-	const hasPointerDownOutsideRef = React.useRef(false);
+	const hasInteractedOutsideRef = React$1.useRef(false);
+	const hasPointerDownOutsideRef = React$1.useRef(false);
 	return /* @__PURE__ */ jsx(PopoverContentImpl, {
 		...props,
 		ref: forwardedRef,
@@ -4337,7 +4345,7 @@ var PopoverContentNonModal = React.forwardRef((props, forwardedRef) => {
 		}
 	});
 });
-var PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
+var PopoverContentImpl = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopover, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, ...contentProps } = props;
 	const context = usePopoverContext(CONTENT_NAME, __scopePopover);
 	const popperScope = usePopperScope(__scopePopover);
@@ -4376,10 +4384,10 @@ var PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
 	});
 });
 var CLOSE_NAME = "PopoverClose";
-var PopoverClose = React.forwardRef((props, forwardedRef) => {
+var PopoverClose = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopover, ...closeProps } = props;
 	const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-	return /* @__PURE__ */ jsx(Primitive$1.button, {
+	return /* @__PURE__ */ jsx(Primitive$2.button, {
 		type: "button",
 		...closeProps,
 		ref: forwardedRef,
@@ -4388,7 +4396,7 @@ var PopoverClose = React.forwardRef((props, forwardedRef) => {
 });
 PopoverClose.displayName = CLOSE_NAME;
 var ARROW_NAME = "PopoverArrow";
-var PopoverArrow = React.forwardRef((props, forwardedRef) => {
+var PopoverArrow = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopePopover, ...arrowProps } = props;
 	return /* @__PURE__ */ jsx(Arrow, {
 		...usePopperScope(__scopePopover),
@@ -4442,7 +4450,7 @@ function D(_) {
 function W(_, C, h$1) {
 	return _ = h$1 && h$1.length > 0 ? `${_ + " " + h$1.join(" ")}` : _, G(_, C, D(_), D(C), 0, 0, {});
 }
-var Primitive = [
+var Primitive$1 = [
 	"a",
 	"button",
 	"div",
@@ -4462,7 +4470,7 @@ var Primitive = [
 	"ul"
 ].reduce((primitive, node) => {
 	const Slot$2 = createSlot(`Primitive.${node}`);
-	const Node$1 = React.forwardRef((props, forwardedRef) => {
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot$2 : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
@@ -4477,7 +4485,7 @@ var Primitive = [
 		[node]: Node$1
 	};
 }, {});
-var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-heading=\"\"]", le = "[cmdk-item=\"\"]", ce = `${le}:not([aria-disabled="true"])`, Z = "cmdk-item-select", T = "data-value", Re = (r$1, o, n$1) => W(r$1, o, n$1), ue = React.createContext(void 0), K = () => React.useContext(ue), de = React.createContext(void 0), ee = () => React.useContext(de), fe = React.createContext(void 0), me = React.forwardRef((r$1, o) => {
+var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-heading=\"\"]", le = "[cmdk-item=\"\"]", ce = `${le}:not([aria-disabled="true"])`, Z = "cmdk-item-select", T = "data-value", Re = (r$1, o, n$1) => W(r$1, o, n$1), ue = React$1.createContext(void 0), K = () => React$1.useContext(ue), de = React$1.createContext(void 0), ee = () => React$1.useContext(de), fe = React$1.createContext(void 0), me = React$1.forwardRef((r$1, o) => {
 	let n$1 = L(() => {
 		var e$1, a$1;
 		return {
@@ -4490,7 +4498,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$2(), q$1 = useId$2(), _ = useId$2(), 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$1.useRef(null), v$1 = ke();
 	k$2(() => {
 		if (R !== void 0) {
 			let e$1 = R.trim();
@@ -4499,7 +4507,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	}, [R]), k$2(() => {
 		v$1(6, ne);
 	}, []);
-	let E = React.useMemo(() => ({
+	let E = React$1.useMemo(() => ({
 		subscribe: (e$1) => (f$1.current.add(e$1), () => f$1.current.delete(e$1)),
 		snapshot: () => n$1.current,
 		setState: (e$1, a$1, s$1) => {
@@ -4526,7 +4534,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		emit: () => {
 			f$1.current.forEach((e$1) => e$1());
 		}
-	}), []), U$1 = React.useMemo(() => ({
+	}), []), U$1 = React$1.useMemo(() => ({
 		value: (e$1, a$1, s$1) => {
 			var i;
 			a$1 !== ((i = d$1.current.get(e$1)) == null ? void 0 : i.value) && (d$1.current.set(e$1, {
@@ -4639,7 +4647,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	}, se = (e$1) => {
 		e$1.preventDefault(), e$1.metaKey ? X$2(0) : e$1.altKey ? re$1(-1) : Q(-1);
 	};
-	return React.createElement(Primitive.div, {
+	return React$1.createElement(Primitive$1.div, {
 		ref: o,
 		tabIndex: -1,
 		...O$1,
@@ -4679,15 +4687,15 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 				}
 			}
 		}
-	}, React.createElement("label", {
+	}, React$1.createElement("label", {
 		"cmdk-label": "",
 		htmlFor: U$1.inputId,
 		id: U$1.labelId,
 		style: Te
-	}, 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) => {
+	}, b$1), B(r$1, (e$1) => React$1.createElement(de.Provider, { value: E }, React$1.createElement(ue.Provider, { value: U$1 }, e$1))));
+}), he = React$1.forwardRef((r$1, o) => {
 	var _, I;
-	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;
+	let n$1 = useId$2(), u$2 = React$1.useRef(null), c$2 = React$1.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]);
@@ -4696,7 +4704,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		r$1.children,
 		u$2
 	], r$1.keywords), m$2 = ee(), R = P((v$1) => v$1.value && v$1.value === b$1.current), x$2 = P((v$1) => p$2 || d$1.filter() === !1 ? !0 : v$1.search ? v$1.filtered.items.get(n$1) > 0 : !0);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		let v$1 = u$2.current;
 		if (!(!v$1 || r$1.disabled)) return v$1.addEventListener(Z, C), () => v$1.removeEventListener(Z, C);
 	}, [
@@ -4713,7 +4721,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	}
 	if (!x$2) return null;
 	let { disabled: A, value: ge, onSelect: j, forceMount: O$1, keywords: $$1, ...q$1 } = r$1;
-	return React.createElement(Primitive.div, {
+	return React$1.createElement(Primitive$1.div, {
 		ref: composeRefs(u$2, o),
 		...q$1,
 		id: n$1,
@@ -4726,46 +4734,46 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		onPointerMove: A || d$1.getDisablePointerSelection() ? void 0 : S,
 		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$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);
+}), Ee = React$1.forwardRef((r$1, o) => {
+	let { heading: n$1, children: u$2, forceMount: c$2, ...d$1 } = r$1, f$1 = useId$2(), p$2 = React$1.useRef(null), b$1 = React$1.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,
 		b$1
 	]);
-	let C = React.useMemo(() => ({
+	let C = React$1.useMemo(() => ({
 		id: f$1,
 		forceMount: c$2
 	}), [c$2]);
-	return React.createElement(Primitive.div, {
+	return React$1.createElement(Primitive$1.div, {
 		ref: composeRefs(p$2, o),
 		...d$1,
 		"cmdk-group": "",
 		role: "presentation",
 		hidden: x$2 ? void 0 : !0
-	}, n$1 && React.createElement("div", {
+	}, n$1 && React$1.createElement("div", {
 		ref: b$1,
 		"cmdk-group-heading": "",
 		"aria-hidden": !0,
 		id: m$2
-	}, n$1), B(r$1, (S) => React.createElement("div", {
+	}, n$1), B(r$1, (S) => React$1.createElement("div", {
 		"cmdk-group-items": "",
 		role: "group",
 		"aria-labelledby": n$1 ? m$2 : void 0
-	}, React.createElement(fe.Provider, { value: C }, S))));
-}), ye = React.forwardRef((r$1, o) => {
-	let { alwaysRender: n$1, ...u$2 } = r$1, c$2 = React.useRef(null), d$1 = P((f$1) => !f$1.search);
-	return !n$1 && !d$1 ? null : React.createElement(Primitive.div, {
+	}, React$1.createElement(fe.Provider, { value: C }, S))));
+}), ye = React$1.forwardRef((r$1, o) => {
+	let { alwaysRender: n$1, ...u$2 } = r$1, c$2 = React$1.useRef(null), d$1 = P((f$1) => !f$1.search);
+	return !n$1 && !d$1 ? null : React$1.createElement(Primitive$1.div, {
 		ref: composeRefs(c$2, o),
 		...u$2,
 		"cmdk-separator": "",
 		role: "separator"
 	});
-}), Se = React.forwardRef((r$1, o) => {
+}), Se = React$1.forwardRef((r$1, o) => {
 	let { onValueChange: n$1, ...u$2 } = r$1, c$2 = r$1.value != null, d$1 = ee(), f$1 = P((m$2) => m$2.search), p$2 = P((m$2) => m$2.selectedItemId), b$1 = K();
-	return React.useEffect(() => {
+	return React$1.useEffect(() => {
 		r$1.value != null && d$1.setState("search", r$1.value);
-	}, [r$1.value]), React.createElement(Primitive.input, {
+	}, [r$1.value]), React$1.createElement(Primitive$1.input, {
 		ref: o,
 		...u$2,
 		"cmdk-input": "",
@@ -4785,9 +4793,9 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 			c$2 || d$1.setState("search", m$2.target.value), n$1?.(m$2.target.value);
 		}
 	});
-}), Ce = React.forwardRef((r$1, o) => {
-	let { children: n$1, label: u$2 = "Suggestions", ...c$2 } = r$1, d$1 = React.useRef(null), f$1 = React.useRef(null), p$2 = P((m$2) => m$2.selectedItemId), b$1 = K();
-	return React.useEffect(() => {
+}), Ce = React$1.forwardRef((r$1, o) => {
+	let { children: n$1, label: u$2 = "Suggestions", ...c$2 } = r$1, d$1 = React$1.useRef(null), f$1 = React$1.useRef(null), p$2 = P((m$2) => m$2.selectedItemId), b$1 = K();
+	return React$1.useEffect(() => {
 		if (f$1.current && d$1.current) {
 			let m$2 = f$1.current, R = d$1.current, x$2, C = new ResizeObserver(() => {
 				x$2 = requestAnimationFrame(() => {
@@ -4799,7 +4807,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 				cancelAnimationFrame(x$2), C.unobserve(m$2);
 			};
 		}
-	}, []), React.createElement(Primitive.div, {
+	}, []), React$1.createElement(Primitive$1.div, {
 		ref: composeRefs(d$1, o),
 		...c$2,
 		"cmdk-list": "",
@@ -4808,34 +4816,34 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		"aria-activedescendant": p$2,
 		"aria-label": u$2,
 		id: b$1.listId
-	}, B(r$1, (m$2) => React.createElement("div", {
+	}, B(r$1, (m$2) => React$1.createElement("div", {
 		ref: composeRefs(f$1, b$1.listInnerRef),
 		"cmdk-list-sizer": ""
 	}, m$2)));
-}), xe = React.forwardRef((r$1, o) => {
+}), xe = React$1.forwardRef((r$1, o) => {
 	let { open: n$1, onOpenChange: u$2, overlayClassName: c$2, contentClassName: d$1, container: f$1, ...p$2 } = r$1;
-	return React.createElement(w$1.Root, {
+	return React$1.createElement(w$1.Root, {
 		open: n$1,
 		onOpenChange: u$2
-	}, React.createElement(w$1.Portal, { container: f$1 }, React.createElement(w$1.Overlay, {
+	}, React$1.createElement(w$1.Portal, { container: f$1 }, React$1.createElement(w$1.Overlay, {
 		"cmdk-overlay": "",
 		className: c$2
-	}), React.createElement(w$1.Content, {
+	}), React$1.createElement(w$1.Content, {
 		"aria-label": r$1.label,
 		"cmdk-dialog": "",
 		className: d$1
-	}, React.createElement(me, {
+	}, React$1.createElement(me, {
 		ref: o,
 		...p$2
 	}))));
-}), Ie = React.forwardRef((r$1, o) => P((u$2) => u$2.filtered.count === 0) ? React.createElement(Primitive.div, {
+}), Ie = React$1.forwardRef((r$1, o) => P((u$2) => u$2.filtered.count === 0) ? React$1.createElement(Primitive$1.div, {
 	ref: o,
 	...r$1,
 	"cmdk-empty": "",
 	role: "presentation"
-}) : null), Pe = React.forwardRef((r$1, o) => {
+}) : null), Pe = React$1.forwardRef((r$1, o) => {
 	let { progress: n$1, children: u$2, label: c$2 = "Loading...", ...d$1 } = r$1;
-	return React.createElement(Primitive.div, {
+	return React$1.createElement(Primitive$1.div, {
 		ref: o,
 		...d$1,
 		"cmdk-loading": "",
@@ -4844,7 +4852,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-label": c$2
-	}, B(r$1, (f$1) => React.createElement("div", { "aria-hidden": !0 }, f$1)));
+	}, B(r$1, (f$1) => React$1.createElement("div", { "aria-hidden": !0 }, f$1)));
 }), _e = Object.assign(me, {
 	List: Ce,
 	Item: he,
@@ -4870,22 +4878,22 @@ function De(r$1, o) {
 	}
 }
 function pe(r$1) {
-	let o = React.useRef(r$1);
+	let o = React$1.useRef(r$1);
 	return k$2(() => {
 		o.current = r$1;
 	}), o;
 }
-var k$2 = typeof window == "undefined" ? React.useEffect : React.useLayoutEffect;
+var k$2 = typeof window == "undefined" ? React$1.useEffect : React$1.useLayoutEffect;
 function L(r$1) {
-	let o = React.useRef();
+	let o = React$1.useRef();
 	return o.current === void 0 && (o.current = r$1()), o;
 }
 function P(r$1) {
 	let o = ee(), n$1 = () => r$1(o.snapshot());
-	return React.useSyncExternalStore(o.subscribe, n$1, n$1);
+	return React$1.useSyncExternalStore(o.subscribe, n$1, n$1);
 }
 function ve(r$1, o, n$1, u$2 = []) {
-	let c$2 = React.useRef(), d$1 = K();
+	let c$2 = React$1.useRef(), d$1 = K();
 	return k$2(() => {
 		var b$1;
 		let f$1 = (() => {
@@ -4899,7 +4907,7 @@ function ve(r$1, o, n$1, u$2 = []) {
 	}), c$2;
 }
 var ke = () => {
-	let [r$1, o] = React.useState(), n$1 = L(() => /* @__PURE__ */ new Map());
+	let [r$1, o] = React$1.useState(), n$1 = L(() => /* @__PURE__ */ new Map());
 	return k$2(() => {
 		n$1.current.forEach((u$2) => u$2()), n$1.current = /* @__PURE__ */ new Map();
 	}, [r$1]), (u$2, c$2) => {
@@ -4911,7 +4919,7 @@ function Me(r$1) {
 	return typeof o == "function" ? o(r$1.props) : "render" in o ? o.render(r$1.props) : r$1;
 }
 function B({ asChild: r$1, children: o }, n$1) {
-	return r$1 && React.isValidElement(o) ? React.cloneElement(Me(o), { ref: o.ref }, n$1(o.props.children)) : n$1(o);
+	return r$1 && React$1.isValidElement(o) ? React$1.cloneElement(Me(o), { ref: o.ref }, n$1(o.props.children)) : n$1(o);
 }
 var Te = {
 	position: "absolute",
@@ -4994,7 +5002,7 @@ function getDropdownItemClasses(options$1) {
 }
 const dropdownSeparatorClasses = cn("h-px my-1", "bg-[var(--dropdown-border)]");
 const dropdownLabelClasses = cn("px-3 py-1.5 md:px-4 md:py-2", "text-xs font-medium", "text-[var(--text-muted)]");
-function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder = "Select option...", emptyText = "No results found.", searchPlaceholder = "Search...", glassVariant = "glass", disabled = false, className, popoverClassName, clearable = false, side = "bottom", align = "start", label, error, success, required = false, size: size$3 = "md", searchable = true, icon: TriggerIcon }, ref) {
+function ComboBoxGlassInner({ options: options$1, value, onValueChange, placeholder = "Select option...", emptyText = "No results found.", searchPlaceholder = "Search...", glassVariant = "glass", disabled = false, className, popoverClassName, clearable = false, side = "bottom", align = "start", label, error, success, required = false, size: size$3 = "md", searchable = true, icon: TriggerIcon }, ref) {
 	const [open, setOpen] = useState(false);
 	const [search, setSearch] = useState("");
 	const fieldId = useId();
@@ -5005,13 +5013,13 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 		return options$1.filter((opt) => opt.label.toLowerCase().includes(searchLower));
 	}, [options$1, search]);
 	const handleSelect = useCallback((optionValue) => {
-		if (clearable && value === optionValue) onChange?.(void 0);
-		else onChange?.(optionValue);
+		if (clearable && value === optionValue) onValueChange?.(void 0);
+		else onValueChange?.(optionValue);
 		setOpen(false);
 		setSearch("");
 	}, [
 		value,
-		onChange,
+		onValueChange,
 		clearable
 	]);
 	const getGlassClass = () => {
@@ -5103,21 +5111,21 @@ var DropdownMenuGlassGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuGlassPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuGlassSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuGlassRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuGlassSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+var DropdownMenuGlassSubTrigger = React$1.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
 	ref,
 	className: cn(getDropdownItemClasses(), "data-[state=open]:bg-[var(--dropdown-item-hover)]", inset && "pl-8", className),
 	...props,
 	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
 }));
 DropdownMenuGlassSubTrigger.displayName = "DropdownMenuGlassSubTrigger";
-var DropdownMenuGlassSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+var DropdownMenuGlassSubContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
 	ref,
 	className: cn(dropdownContentClasses, "p-1.5", className),
 	style: getDropdownContentStyles(),
 	...props
 }));
 DropdownMenuGlassSubContent.displayName = "DropdownMenuGlassSubContent";
-var DropdownMenuGlassContent = React.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+var DropdownMenuGlassContent = React$1.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
 	ref,
 	sideOffset,
 	className: cn(dropdownContentClasses, "p-1.5", className),
@@ -5125,13 +5133,13 @@ var DropdownMenuGlassContent = React.forwardRef(({ className, sideOffset = 8, ..
 	...props
 }) }));
 DropdownMenuGlassContent.displayName = "DropdownMenuGlassContent";
-var DropdownMenuGlassItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+var DropdownMenuGlassItem = React$1.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
 	ref,
 	className: cn(getDropdownItemClasses({ danger: variant === "destructive" }), inset && "pl-8", className),
 	...props
 }));
 DropdownMenuGlassItem.displayName = "DropdownMenuGlassItem";
-var DropdownMenuGlassCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+var DropdownMenuGlassCheckboxItem = React$1.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
 	ref,
 	className: cn(getDropdownItemClasses(), "pl-8 pr-2", className),
 	checked,
@@ -5142,7 +5150,7 @@ var DropdownMenuGlassCheckboxItem = React.forwardRef(({ className, children, che
 	}), children]
 }));
 DropdownMenuGlassCheckboxItem.displayName = "DropdownMenuGlassCheckboxItem";
-var DropdownMenuGlassRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+var DropdownMenuGlassRadioItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
 	ref,
 	className: cn(getDropdownItemClasses(), "pl-8 pr-2", className),
 	...props,
@@ -5152,13 +5160,13 @@ var DropdownMenuGlassRadioItem = React.forwardRef(({ className, children, ...pro
 	}), children]
 }));
 DropdownMenuGlassRadioItem.displayName = "DropdownMenuGlassRadioItem";
-var DropdownMenuGlassLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+var DropdownMenuGlassLabel = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
 	ref,
 	className: cn(dropdownLabelClasses, inset && "pl-8", className),
 	...props
 }));
 DropdownMenuGlassLabel.displayName = "DropdownMenuGlassLabel";
-var DropdownMenuGlassSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+var DropdownMenuGlassSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
 	ref,
 	className: cn(dropdownSeparatorClasses, "-mx-1 my-1", className),
 	...props
@@ -5171,7 +5179,7 @@ var DropdownMenuGlassShortcut = ({ className, ...props }) => {
 	});
 };
 DropdownMenuGlassShortcut.displayName = "DropdownMenuGlassShortcut";
-const DropdownGlass = React.forwardRef(({ trigger, items, align = "left", className }, ref) => {
+const DropdownGlass = React$1.forwardRef(({ trigger, items, align = "left", className }, ref) => {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cn("relative inline-block", className),
@@ -5609,7 +5617,7 @@ NotificationGlass.displayName = "NotificationGlass";
 var PopoverGlassRoot = Root2;
 var PopoverGlassTrigger = Trigger;
 var PopoverGlassAnchor = Anchor2;
-var PopoverGlassContent = React.forwardRef(({ className, align = "center", sideOffset = 8, showArrow = true, children, ...props }, ref) => {
+var PopoverGlassContent = React$1.forwardRef(({ className, align = "center", sideOffset = 8, showArrow = true, children, ...props }, ref) => {
 	const popoverStyles = {
 		background: "var(--popover-bg)",
 		border: "1px solid var(--popover-border)",
@@ -5634,7 +5642,7 @@ var PopoverGlassContent = React.forwardRef(({ className, align = "center", sideO
 	}) });
 });
 PopoverGlassContent.displayName = "PopoverGlassContent";
-var PopoverGlassLegacy = React.forwardRef(({ trigger, children, side = "bottom", align = "center", sideOffset = 8, open, onOpenChange, showArrow = true, className }, ref) => {
+var PopoverGlassLegacy = React$1.forwardRef(({ trigger, children, side = "bottom", align = "center", sideOffset = 8, open, onOpenChange, showArrow = true, className }, ref) => {
 	return /* @__PURE__ */ jsxs(PopoverGlassRoot, {
 		open,
 		onOpenChange,
@@ -5682,23 +5690,704 @@ const SkeletonGlass = forwardRef(({ className, variant = "text", width, height,
 	});
 });
 SkeletonGlass.displayName = "SkeletonGlass";
-const SliderGlass = forwardRef(({ className, value, onChange, min: min$2 = 0, max: max$2 = 100, step = 1, showValue, label, error, success, disabled, ...props }, ref) => {
-	const { isHovered, hoverProps } = useHover();
-	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
-	const [isDragging, setIsDragging] = useState(false);
-	const percentage = (value - min$2) / (max$2 - min$2) * 100;
-	const trackStyles = { background: "var(--slider-track)" };
-	const fillStyles = {
-		width: `${percentage}%`,
-		background: "var(--slider-fill)",
-		boxShadow: isHovered || isDragging ? "var(--slider-fill-glow)" : void 0
+function clamp(value, [min$2, max$2]) {
+	return Math.min(max$2, Math.max(min$2, value));
+}
+function createContextScope(scopeName, createContextScopeDeps = []) {
+	let defaultContexts = [];
+	function createContext3(rootComponentName, defaultContext) {
+		const BaseContext = React$1.createContext(defaultContext);
+		const index$1 = defaultContexts.length;
+		defaultContexts = [...defaultContexts, defaultContext];
+		const Provider$1 = (props) => {
+			const { scope, children, ...context } = props;
+			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
+			const value = React$1.useMemo(() => context, Object.values(context));
+			return /* @__PURE__ */ jsx(Context.Provider, {
+				value,
+				children
+			});
+		};
+		Provider$1.displayName = rootComponentName + "Provider";
+		function useContext2(consumerName, scope) {
+			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
+			const context = React$1.useContext(Context);
+			if (context) return context;
+			if (defaultContext !== void 0) return defaultContext;
+			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+		}
+		return [Provider$1, useContext2];
+	}
+	const createScope$2 = () => {
+		const scopeContexts = defaultContexts.map((defaultContext) => {
+			return React$1.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			const contexts = scope?.[scopeName] || scopeContexts;
+			return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
+				...scope,
+				[scopeName]: contexts
+			} }), [scope, contexts]);
+		};
+	};
+	createScope$2.scopeName = scopeName;
+	return [createContext3, composeContextScopes$1(createScope$2, ...createContextScopeDeps)];
+}
+function composeContextScopes$1(...scopes) {
+	const baseScope = scopes[0];
+	if (scopes.length === 1) return baseScope;
+	const createScope$2 = () => {
+		const scopeHooks = scopes.map((createScope2) => ({
+			useScope: createScope2(),
+			scopeName: createScope2.scopeName
+		}));
+		return function useComposedScopes(overrideScopes) {
+			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+				const currentScope$2 = useScope(overrideScopes)[`__scope${scopeName}`];
+				return {
+					...nextScopes2,
+					...currentScope$2
+				};
+			}, {});
+			return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+		};
+	};
+	createScope$2.scopeName = baseScope.scopeName;
+	return createScope$2;
+}
+var DirectionContext = React$1.createContext(void 0);
+function useDirection(localDir) {
+	const globalDir = React$1.useContext(DirectionContext);
+	return localDir || globalDir || "ltr";
+}
+function usePrevious(value) {
+	const ref = React$1.useRef({
+		value,
+		previous: value
+	});
+	return React$1.useMemo(() => {
+		if (ref.current.value !== value) {
+			ref.current.previous = ref.current.value;
+			ref.current.value = value;
+		}
+		return ref.current.previous;
+	}, [value]);
+}
+var Primitive = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((primitive, node) => {
+	const Slot$2 = createSlot(`Primitive.${node}`);
+	const Node$1 = React$1.forwardRef((props, forwardedRef) => {
+		const { asChild, ...primitiveProps } = props;
+		const Comp = asChild ? Slot$2 : node;
+		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
+		return /* @__PURE__ */ jsx(Comp, {
+			...primitiveProps,
+			ref: forwardedRef
+		});
+	});
+	Node$1.displayName = `Primitive.${node}`;
+	return {
+		...primitive,
+		[node]: Node$1
+	};
+}, {});
+function createContextScope$1(scopeName, createContextScopeDeps = []) {
+	let defaultContexts = [];
+	function createContext3(rootComponentName, defaultContext) {
+		const BaseContext = React$1.createContext(defaultContext);
+		const index$1 = defaultContexts.length;
+		defaultContexts = [...defaultContexts, defaultContext];
+		const Provider$1 = (props) => {
+			const { scope, children, ...context } = props;
+			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
+			const value = React$1.useMemo(() => context, Object.values(context));
+			return /* @__PURE__ */ jsx(Context.Provider, {
+				value,
+				children
+			});
+		};
+		Provider$1.displayName = rootComponentName + "Provider";
+		function useContext2(consumerName, scope) {
+			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
+			const context = React$1.useContext(Context);
+			if (context) return context;
+			if (defaultContext !== void 0) return defaultContext;
+			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+		}
+		return [Provider$1, useContext2];
+	}
+	const createScope$2 = () => {
+		const scopeContexts = defaultContexts.map((defaultContext) => {
+			return React$1.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			const contexts = scope?.[scopeName] || scopeContexts;
+			return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
+				...scope,
+				[scopeName]: contexts
+			} }), [scope, contexts]);
+		};
+	};
+	createScope$2.scopeName = scopeName;
+	return [createContext3, composeContextScopes(createScope$2, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+	const baseScope = scopes[0];
+	if (scopes.length === 1) return baseScope;
+	const createScope$2 = () => {
+		const scopeHooks = scopes.map((createScope2) => ({
+			useScope: createScope2(),
+			scopeName: createScope2.scopeName
+		}));
+		return function useComposedScopes(overrideScopes) {
+			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+				const currentScope$2 = useScope(overrideScopes)[`__scope${scopeName}`];
+				return {
+					...nextScopes2,
+					...currentScope$2
+				};
+			}, {});
+			return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+		};
+	};
+	createScope$2.scopeName = baseScope.scopeName;
+	return createScope$2;
+}
+function createCollection(name) {
+	const PROVIDER_NAME = name + "CollectionProvider";
+	const [createCollectionContext, createCollectionScope$1] = createContextScope$1(PROVIDER_NAME);
+	const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
+		collectionRef: { current: null },
+		itemMap: /* @__PURE__ */ new Map()
+	});
+	const CollectionProvider = (props) => {
+		const { scope, children } = props;
+		const ref = React.useRef(null);
+		const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
+		return /* @__PURE__ */ jsx(CollectionProviderImpl, {
+			scope,
+			itemMap,
+			collectionRef: ref,
+			children
+		});
+	};
+	CollectionProvider.displayName = PROVIDER_NAME;
+	const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+	const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
+	const CollectionSlot = React.forwardRef((props, forwardedRef) => {
+		const { scope, children } = props;
+		return /* @__PURE__ */ jsx(CollectionSlotImpl, {
+			ref: useComposedRefs(forwardedRef, useCollectionContext(COLLECTION_SLOT_NAME, scope).collectionRef),
+			children
+		});
+	});
+	CollectionSlot.displayName = COLLECTION_SLOT_NAME;
+	const ITEM_SLOT_NAME = name + "CollectionItemSlot";
+	const ITEM_DATA_ATTR = "data-radix-collection-item";
+	const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
+	const CollectionItemSlot = React.forwardRef((props, forwardedRef) => {
+		const { scope, children, ...itemData } = props;
+		const ref = React.useRef(null);
+		const composedRefs = useComposedRefs(forwardedRef, ref);
+		const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+		React.useEffect(() => {
+			context.itemMap.set(ref, {
+				ref,
+				...itemData
+			});
+			return () => void context.itemMap.delete(ref);
+		});
+		return /* @__PURE__ */ jsx(CollectionItemSlotImpl, {
+			[ITEM_DATA_ATTR]: "",
+			ref: composedRefs,
+			children
+		});
+	});
+	CollectionItemSlot.displayName = ITEM_SLOT_NAME;
+	function useCollection$1(scope) {
+		const context = useCollectionContext(name + "CollectionConsumer", scope);
+		return React.useCallback(() => {
+			const collectionNode = context.collectionRef.current;
+			if (!collectionNode) return [];
+			const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+			return Array.from(context.itemMap.values()).sort((a$1, b$1) => orderedNodes.indexOf(a$1.ref.current) - orderedNodes.indexOf(b$1.ref.current));
+		}, [context.collectionRef, context.itemMap]);
+	}
+	return [
+		{
+			Provider: CollectionProvider,
+			Slot: CollectionSlot,
+			ItemSlot: CollectionItemSlot
+		},
+		useCollection$1,
+		createCollectionScope$1
+	];
+}
+var PAGE_KEYS = ["PageUp", "PageDown"];
+var ARROW_KEYS = [
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight"
+];
+var BACK_KEYS = {
+	"from-left": [
+		"Home",
+		"PageDown",
+		"ArrowDown",
+		"ArrowLeft"
+	],
+	"from-right": [
+		"Home",
+		"PageDown",
+		"ArrowDown",
+		"ArrowRight"
+	],
+	"from-bottom": [
+		"Home",
+		"PageDown",
+		"ArrowDown",
+		"ArrowLeft"
+	],
+	"from-top": [
+		"Home",
+		"PageDown",
+		"ArrowUp",
+		"ArrowLeft"
+	]
+};
+var SLIDER_NAME = "Slider";
+var [Collection, useCollection, createCollectionScope] = createCollection(SLIDER_NAME);
+var [createSliderContext, createSliderScope] = createContextScope(SLIDER_NAME, [createCollectionScope]);
+var [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
+var Slider = React$1.forwardRef((props, forwardedRef) => {
+	const { name, min: min$2 = 0, max: max$2 = 100, step = 1, orientation = "horizontal", disabled = false, minStepsBetweenThumbs = 0, defaultValue = [min$2], value, onValueChange = () => {}, onValueCommit = () => {}, inverted = false, form, ...sliderProps } = props;
+	const thumbRefs = React$1.useRef(/* @__PURE__ */ new Set());
+	const valueIndexToChangeRef = React$1.useRef(0);
+	const SliderOrientation = orientation === "horizontal" ? SliderHorizontal : SliderVertical;
+	const [values = [], setValues] = useControllableState({
+		prop: value,
+		defaultProp: defaultValue,
+		onChange: (value2) => {
+			[...thumbRefs.current][valueIndexToChangeRef.current]?.focus();
+			onValueChange(value2);
+		}
+	});
+	const valuesBeforeSlideStartRef = React$1.useRef(values);
+	function handleSlideStart(value2) {
+		updateValues(value2, getClosestValueIndex(values, value2));
+	}
+	function handleSlideMove(value2) {
+		updateValues(value2, valueIndexToChangeRef.current);
+	}
+	function handleSlideEnd() {
+		const prevValue = valuesBeforeSlideStartRef.current[valueIndexToChangeRef.current];
+		if (values[valueIndexToChangeRef.current] !== prevValue) onValueCommit(values);
+	}
+	function updateValues(value2, atIndex, { commit } = { commit: false }) {
+		const decimalCount = getDecimalCount(step);
+		const nextValue = clamp(roundValue(Math.round((value2 - min$2) / step) * step + min$2, decimalCount), [min$2, max$2]);
+		setValues((prevValues = []) => {
+			const nextValues = getNextSortedValues(prevValues, nextValue, atIndex);
+			if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {
+				valueIndexToChangeRef.current = nextValues.indexOf(nextValue);
+				const hasChanged = String(nextValues) !== String(prevValues);
+				if (hasChanged && commit) onValueCommit(nextValues);
+				return hasChanged ? nextValues : prevValues;
+			} else return prevValues;
+		});
+	}
+	return /* @__PURE__ */ jsx(SliderProvider, {
+		scope: props.__scopeSlider,
+		name,
+		disabled,
+		min: min$2,
+		max: max$2,
+		valueIndexToChangeRef,
+		thumbs: thumbRefs.current,
+		values,
+		orientation,
+		form,
+		children: /* @__PURE__ */ jsx(Collection.Provider, {
+			scope: props.__scopeSlider,
+			children: /* @__PURE__ */ jsx(Collection.Slot, {
+				scope: props.__scopeSlider,
+				children: /* @__PURE__ */ jsx(SliderOrientation, {
+					"aria-disabled": disabled,
+					"data-disabled": disabled ? "" : void 0,
+					...sliderProps,
+					ref: forwardedRef,
+					onPointerDown: composeEventHandlers(sliderProps.onPointerDown, () => {
+						if (!disabled) valuesBeforeSlideStartRef.current = values;
+					}),
+					min: min$2,
+					max: max$2,
+					inverted,
+					onSlideStart: disabled ? void 0 : handleSlideStart,
+					onSlideMove: disabled ? void 0 : handleSlideMove,
+					onSlideEnd: disabled ? void 0 : handleSlideEnd,
+					onHomeKeyDown: () => !disabled && updateValues(min$2, 0, { commit: true }),
+					onEndKeyDown: () => !disabled && updateValues(max$2, values.length - 1, { commit: true }),
+					onStepKeyDown: ({ event, direction: stepDirection }) => {
+						if (!disabled) {
+							const multiplier = PAGE_KEYS.includes(event.key) || event.shiftKey && ARROW_KEYS.includes(event.key) ? 10 : 1;
+							const atIndex = valueIndexToChangeRef.current;
+							const value2 = values[atIndex];
+							updateValues(value2 + step * multiplier * stepDirection, atIndex, { commit: true });
+						}
+					}
+				})
+			})
+		})
+	});
+});
+Slider.displayName = SLIDER_NAME;
+var [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+	startEdge: "left",
+	endEdge: "right",
+	size: "width",
+	direction: 1
+});
+var SliderHorizontal = React$1.forwardRef((props, forwardedRef) => {
+	const { min: min$2, max: max$2, dir, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
+	const [slider, setSlider] = React$1.useState(null);
+	const composedRefs = useComposedRefs(forwardedRef, (node) => setSlider(node));
+	const rectRef = React$1.useRef(void 0);
+	const direction = useDirection(dir);
+	const isDirectionLTR = direction === "ltr";
+	const isSlidingFromLeft = isDirectionLTR && !inverted || !isDirectionLTR && inverted;
+	function getValueFromPointer(pointerPosition) {
+		const rect = rectRef.current || slider.getBoundingClientRect();
+		const value = linearScale([0, rect.width], isSlidingFromLeft ? [min$2, max$2] : [max$2, min$2]);
+		rectRef.current = rect;
+		return value(pointerPosition - rect.left);
+	}
+	return /* @__PURE__ */ jsx(SliderOrientationProvider, {
+		scope: props.__scopeSlider,
+		startEdge: isSlidingFromLeft ? "left" : "right",
+		endEdge: isSlidingFromLeft ? "right" : "left",
+		direction: isSlidingFromLeft ? 1 : -1,
+		size: "width",
+		children: /* @__PURE__ */ jsx(SliderImpl, {
+			dir: direction,
+			"data-orientation": "horizontal",
+			...sliderProps,
+			ref: composedRefs,
+			style: {
+				...sliderProps.style,
+				["--radix-slider-thumb-transform"]: "translateX(-50%)"
+			},
+			onSlideStart: (event) => {
+				const value = getValueFromPointer(event.clientX);
+				onSlideStart?.(value);
+			},
+			onSlideMove: (event) => {
+				const value = getValueFromPointer(event.clientX);
+				onSlideMove?.(value);
+			},
+			onSlideEnd: () => {
+				rectRef.current = void 0;
+				onSlideEnd?.();
+			},
+			onStepKeyDown: (event) => {
+				const isBackKey = BACK_KEYS[isSlidingFromLeft ? "from-left" : "from-right"].includes(event.key);
+				onStepKeyDown?.({
+					event,
+					direction: isBackKey ? -1 : 1
+				});
+			}
+		})
+	});
+});
+var SliderVertical = React$1.forwardRef((props, forwardedRef) => {
+	const { min: min$2, max: max$2, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
+	const sliderRef = React$1.useRef(null);
+	const ref = useComposedRefs(forwardedRef, sliderRef);
+	const rectRef = React$1.useRef(void 0);
+	const isSlidingFromBottom = !inverted;
+	function getValueFromPointer(pointerPosition) {
+		const rect = rectRef.current || sliderRef.current.getBoundingClientRect();
+		const value = linearScale([0, rect.height], isSlidingFromBottom ? [max$2, min$2] : [min$2, max$2]);
+		rectRef.current = rect;
+		return value(pointerPosition - rect.top);
+	}
+	return /* @__PURE__ */ jsx(SliderOrientationProvider, {
+		scope: props.__scopeSlider,
+		startEdge: isSlidingFromBottom ? "bottom" : "top",
+		endEdge: isSlidingFromBottom ? "top" : "bottom",
+		size: "height",
+		direction: isSlidingFromBottom ? 1 : -1,
+		children: /* @__PURE__ */ jsx(SliderImpl, {
+			"data-orientation": "vertical",
+			...sliderProps,
+			ref,
+			style: {
+				...sliderProps.style,
+				["--radix-slider-thumb-transform"]: "translateY(50%)"
+			},
+			onSlideStart: (event) => {
+				const value = getValueFromPointer(event.clientY);
+				onSlideStart?.(value);
+			},
+			onSlideMove: (event) => {
+				const value = getValueFromPointer(event.clientY);
+				onSlideMove?.(value);
+			},
+			onSlideEnd: () => {
+				rectRef.current = void 0;
+				onSlideEnd?.();
+			},
+			onStepKeyDown: (event) => {
+				const isBackKey = BACK_KEYS[isSlidingFromBottom ? "from-bottom" : "from-top"].includes(event.key);
+				onStepKeyDown?.({
+					event,
+					direction: isBackKey ? -1 : 1
+				});
+			}
+		})
+	});
+});
+var SliderImpl = React$1.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props;
+	const context = useSliderContext(SLIDER_NAME, __scopeSlider);
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		...sliderProps,
+		ref: forwardedRef,
+		onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+			if (event.key === "Home") {
+				onHomeKeyDown(event);
+				event.preventDefault();
+			} else if (event.key === "End") {
+				onEndKeyDown(event);
+				event.preventDefault();
+			} else if (PAGE_KEYS.concat(ARROW_KEYS).includes(event.key)) {
+				onStepKeyDown(event);
+				event.preventDefault();
+			}
+		}),
+		onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
+			const target = event.target;
+			target.setPointerCapture(event.pointerId);
+			event.preventDefault();
+			if (context.thumbs.has(target)) target.focus();
+			else onSlideStart(event);
+		}),
+		onPointerMove: composeEventHandlers(props.onPointerMove, (event) => {
+			if (event.target.hasPointerCapture(event.pointerId)) onSlideMove(event);
+		}),
+		onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
+			const target = event.target;
+			if (target.hasPointerCapture(event.pointerId)) {
+				target.releasePointerCapture(event.pointerId);
+				onSlideEnd(event);
+			}
+		})
+	});
+});
+var TRACK_NAME = "SliderTrack";
+var SliderTrack = React$1.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, ...trackProps } = props;
+	const context = useSliderContext(TRACK_NAME, __scopeSlider);
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		"data-disabled": context.disabled ? "" : void 0,
+		"data-orientation": context.orientation,
+		...trackProps,
+		ref: forwardedRef
+	});
+});
+SliderTrack.displayName = TRACK_NAME;
+var RANGE_NAME = "SliderRange";
+var SliderRange = React$1.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, ...rangeProps } = props;
+	const context = useSliderContext(RANGE_NAME, __scopeSlider);
+	const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider);
+	const composedRefs = useComposedRefs(forwardedRef, React$1.useRef(null));
+	const valuesCount = context.values.length;
+	const percentages = context.values.map((value) => convertValueToPercentage(value, context.min, context.max));
+	const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
+	const offsetEnd = 100 - Math.max(...percentages);
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		"data-orientation": context.orientation,
+		"data-disabled": context.disabled ? "" : void 0,
+		...rangeProps,
+		ref: composedRefs,
+		style: {
+			...props.style,
+			[orientation.startEdge]: offsetStart + "%",
+			[orientation.endEdge]: offsetEnd + "%"
+		}
+	});
+});
+SliderRange.displayName = RANGE_NAME;
+var THUMB_NAME = "SliderThumb";
+var SliderThumb = React$1.forwardRef((props, forwardedRef) => {
+	const getItems = useCollection(props.__scopeSlider);
+	const [thumb, setThumb] = React$1.useState(null);
+	const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node));
+	const index$1 = React$1.useMemo(() => thumb ? getItems().findIndex((item) => item.ref.current === thumb) : -1, [getItems, thumb]);
+	return /* @__PURE__ */ jsx(SliderThumbImpl, {
+		...props,
+		ref: composedRefs,
+		index: index$1
+	});
+});
+var SliderThumbImpl = React$1.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, index: index$1, name, ...thumbProps } = props;
+	const context = useSliderContext(THUMB_NAME, __scopeSlider);
+	const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider);
+	const [thumb, setThumb] = React$1.useState(null);
+	const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node));
+	const isFormControl = thumb ? context.form || !!thumb.closest("form") : true;
+	const size$3 = useSize(thumb);
+	const value = context.values[index$1];
+	const percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);
+	const label = getLabel$1(index$1, context.values.length);
+	const orientationSize = size$3?.[orientation.size];
+	const thumbInBoundsOffset = orientationSize ? getThumbInBoundsOffset(orientationSize, percent, orientation.direction) : 0;
+	React$1.useEffect(() => {
+		if (thumb) {
+			context.thumbs.add(thumb);
+			return () => {
+				context.thumbs.delete(thumb);
+			};
+		}
+	}, [thumb, context.thumbs]);
+	return /* @__PURE__ */ jsxs("span", {
+		style: {
+			transform: "var(--radix-slider-thumb-transform)",
+			position: "absolute",
+			[orientation.startEdge]: `calc(${percent}% + ${thumbInBoundsOffset}px)`
+		},
+		children: [/* @__PURE__ */ jsx(Collection.ItemSlot, {
+			scope: props.__scopeSlider,
+			children: /* @__PURE__ */ jsx(Primitive.span, {
+				role: "slider",
+				"aria-label": props["aria-label"] || label,
+				"aria-valuemin": context.min,
+				"aria-valuenow": value,
+				"aria-valuemax": context.max,
+				"aria-orientation": context.orientation,
+				"data-orientation": context.orientation,
+				"data-disabled": context.disabled ? "" : void 0,
+				tabIndex: context.disabled ? void 0 : 0,
+				...thumbProps,
+				ref: composedRefs,
+				style: value === void 0 ? { display: "none" } : props.style,
+				onFocus: composeEventHandlers(props.onFocus, () => {
+					context.valueIndexToChangeRef.current = index$1;
+				})
+			})
+		}), isFormControl && /* @__PURE__ */ jsx(SliderBubbleInput, {
+			name: name ?? (context.name ? context.name + (context.values.length > 1 ? "[]" : "") : void 0),
+			form: context.form,
+			value
+		}, index$1)]
+	});
+});
+SliderThumb.displayName = THUMB_NAME;
+var BUBBLE_INPUT_NAME = "RadioBubbleInput";
+var SliderBubbleInput = React$1.forwardRef(({ __scopeSlider, value, ...props }, forwardedRef) => {
+	const ref = React$1.useRef(null);
+	const composedRefs = useComposedRefs(ref, forwardedRef);
+	const prevValue = usePrevious(value);
+	React$1.useEffect(() => {
+		const input = ref.current;
+		if (!input) return;
+		const inputProto = window.HTMLInputElement.prototype;
+		const setValue = Object.getOwnPropertyDescriptor(inputProto, "value").set;
+		if (prevValue !== value && setValue) {
+			const event = new Event("input", { bubbles: true });
+			setValue.call(input, value);
+			input.dispatchEvent(event);
+		}
+	}, [prevValue, value]);
+	return /* @__PURE__ */ jsx(Primitive.input, {
+		style: { display: "none" },
+		...props,
+		ref: composedRefs,
+		defaultValue: value
+	});
+});
+SliderBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function getNextSortedValues(prevValues = [], nextValue, atIndex) {
+	const nextValues = [...prevValues];
+	nextValues[atIndex] = nextValue;
+	return nextValues.sort((a$1, b$1) => a$1 - b$1);
+}
+function convertValueToPercentage(value, min$2, max$2) {
+	return clamp(100 / (max$2 - min$2) * (value - min$2), [0, 100]);
+}
+function getLabel$1(index$1, totalValues) {
+	if (totalValues > 2) return `Value ${index$1 + 1} of ${totalValues}`;
+	else if (totalValues === 2) return ["Minimum", "Maximum"][index$1];
+	else return;
+}
+function getClosestValueIndex(values, nextValue) {
+	if (values.length === 1) return 0;
+	const distances = values.map((value) => Math.abs(value - nextValue));
+	const closestDistance = Math.min(...distances);
+	return distances.indexOf(closestDistance);
+}
+function getThumbInBoundsOffset(width, left, direction) {
+	const halfWidth = width / 2;
+	return (halfWidth - linearScale([0, 50], [0, halfWidth])(left) * direction) * direction;
+}
+function getStepsBetweenValues(values) {
+	return values.slice(0, -1).map((value, index$1) => values[index$1 + 1] - value);
+}
+function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
+	if (minStepsBetweenValues > 0) {
+		const stepsBetweenValues = getStepsBetweenValues(values);
+		return Math.min(...stepsBetweenValues) >= minStepsBetweenValues;
+	}
+	return true;
+}
+function linearScale(input, output) {
+	return (value) => {
+		if (input[0] === input[1] || output[0] === output[1]) return output[0];
+		const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+		return output[0] + ratio * (value - input[0]);
+	};
+}
+function getDecimalCount(value) {
+	return (String(value).split(".")[1] || "").length;
+}
+function roundValue(value, decimalCount) {
+	const rounder = Math.pow(10, decimalCount);
+	return Math.round(value * rounder) / rounder;
+}
+var Root = Slider;
+var Track = SliderTrack;
+var Range = SliderRange;
+var Thumb = SliderThumb;
+const SliderGlass = forwardRef(({ className, value, defaultValue, onValueChange, onValueCommit, min: min$2 = 0, max: max$2 = 100, step = 1, showValue, label, error, success, disabled, orientation = "horizontal", ...props }, ref) => {
+	const currentValue = value ?? defaultValue ?? [min$2];
+	const formatValueDisplay = (values) => {
+		if (values.length === 1) return `${values[0]}`;
+		return `${values[0]} - ${values[values.length - 1]}`;
 	};
+	const trackStyles = { background: "var(--slider-track)" };
+	const rangeStyles = { background: "var(--slider-fill)" };
 	const thumbStyles = {
-		left: `calc(${percentage}% - 10px)`,
 		background: "var(--slider-thumb)",
-		border: "2px solid var(--slider-thumb-border)",
-		boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered || isDragging ? "var(--slider-thumb-glow)" : "var(--slider-thumb-shadow)",
-		transform: isDragging ? "scale(1.15)" : isHovered ? "scale(1.05)" : "scale(1)"
+		border: "2px solid var(--slider-thumb-border)"
 	};
 	const customLabel = label && showValue || !label && showValue ? /* @__PURE__ */ jsxs("div", {
 		className: "flex justify-between mb-1.5 md:mb-2",
@@ -5709,7 +6398,7 @@ const SliderGlass = forwardRef(({ className, value, onChange, min: min$2 = 0, ma
 		}), /* @__PURE__ */ jsx("span", {
 			className: "text-xs md:text-sm font-medium tabular-nums",
 			style: { color: "var(--text-secondary)" },
-			children: value
+			children: formatValueDisplay(currentValue)
 		})]
 	}) : void 0;
 	return /* @__PURE__ */ jsxs(FormFieldWrapper, {
@@ -5717,48 +6406,31 @@ const SliderGlass = forwardRef(({ className, value, onChange, min: min$2 = 0, ma
 		error,
 		success,
 		className: cn("w-full", className),
-		children: [customLabel, /* @__PURE__ */ jsxs("div", {
-			className: "relative w-full h-8 md:h-6 flex items-center",
-			onMouseEnter: hoverProps.onMouseEnter,
-			onMouseLeave: hoverProps.onMouseLeave,
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "absolute w-full h-2.5 md:h-2 rounded-full",
-					style: trackStyles
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "absolute h-2.5 md:h-2 rounded-full transition-all duration-150",
-					style: fillStyles
-				}),
-				/* @__PURE__ */ jsx("input", {
-					ref,
-					type: "range",
-					value,
-					onChange: (e$1) => onChange(Number(e$1.target.value)),
-					onMouseDown: () => setIsDragging(true),
-					onMouseUp: () => setIsDragging(false),
-					onTouchStart: () => setIsDragging(true),
-					onTouchEnd: () => setIsDragging(false),
-					onFocus: focusProps.onFocus,
-					onBlur: focusProps.onBlur,
-					min: min$2,
-					max: max$2,
-					step,
-					disabled,
-					"aria-label": label || `Slider: ${value} (${min$2}-${max$2})`,
-					"aria-valuemin": min$2,
-					"aria-valuemax": max$2,
-					"aria-valuenow": value,
-					"aria-valuetext": `${value}`,
-					className: "absolute w-full h-8 md:h-6 opacity-0 cursor-pointer disabled:cursor-not-allowed z-10",
-					style: { outline: "none" },
-					...props
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "absolute w-6 h-6 md:w-5 md:h-5 rounded-full transition-all duration-150 pointer-events-none",
-					style: thumbStyles
+		children: [customLabel, /* @__PURE__ */ jsxs(Root, {
+			ref,
+			value,
+			defaultValue,
+			onValueChange,
+			onValueCommit,
+			min: min$2,
+			max: max$2,
+			step,
+			disabled,
+			orientation,
+			className: 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__ */ jsx(Track, {
+				className: 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__ */ jsx(Range, {
+					className: 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$1) => /* @__PURE__ */ jsx(Thumb, {
+				className: 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 + 1}` : label : `Slider thumb ${index$1 + 1}`
+			}, index$1))]
 		})]
 	});
 });
@@ -5875,12 +6547,21 @@ const TabsGlass = {
 	Content: TabsContent
 };
 const toggleSizes = cva("relative rounded-full transition-all duration-300", {
-	variants: { size: {
-		sm: "w-8 h-4",
-		md: "w-11 h-6",
-		lg: "w-14 h-7"
-	} },
-	defaultVariants: { size: "md" }
+	variants: {
+		size: {
+			sm: "w-8 h-4",
+			default: "w-11 h-6",
+			lg: "w-14 h-7"
+		},
+		variant: {
+			default: "",
+			outline: "border-2"
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	}
 });
 var sizesConfig = {
 	sm: {
@@ -5888,7 +6569,7 @@ var sizesConfig = {
 		knob: "w-3 h-3",
 		translate: "translate-x-4"
 	},
-	md: {
+	default: {
 		track: "w-11 h-6",
 		knob: "w-5 h-5",
 		translate: "translate-x-5"
@@ -5899,12 +6580,28 @@ var sizesConfig = {
 		translate: "translate-x-7"
 	}
 };
-const ToggleGlass = forwardRef(({ className, size: size$3 = "md", checked, onChange, disabled, label, ...props }, ref) => {
+const ToggleGlass = forwardRef(({ className, size: size$3 = "default", variant = "default", pressed: controlledPressed, defaultPressed = false, onPressedChange, disabled, label, ...props }, ref) => {
+	const [uncontrolledPressed, setUncontrolledPressed] = useState(defaultPressed);
+	const isControlled = controlledPressed !== void 0;
+	const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
 	const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
-	const s$1 = sizesConfig[size$3 ?? "md"];
-	const trackStyles = {
-		background: checked ? "var(--toggle-active-bg)" : "var(--toggle-bg)",
-		boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : checked ? "var(--toggle-glow)" : "none"
+	const s$1 = sizesConfig[size$3 ?? "default"];
+	const handleToggle = () => {
+		if (disabled) return;
+		const newValue = !isPressed;
+		if (!isControlled) setUncontrolledPressed(newValue);
+		onPressedChange?.(newValue);
+	};
+	const getTrackStyles = () => {
+		if (variant === "outline") return {
+			background: isPressed ? "var(--toggle-outline-active-bg)" : "transparent",
+			borderColor: isPressed ? "var(--toggle-outline-active-border)" : "var(--toggle-outline-border)",
+			boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : "none"
+		};
+		return {
+			background: isPressed ? "var(--toggle-active-bg)" : "var(--toggle-bg)",
+			boxShadow: isFocusVisible && !disabled ? "var(--focus-glow)" : isPressed ? "var(--toggle-glow)" : "none"
+		};
 	};
 	const knobStyles = { background: "var(--toggle-knob)" };
 	const toggle = /* @__PURE__ */ jsx("span", {
@@ -5913,17 +6610,20 @@ const ToggleGlass = forwardRef(({ className, size: size$3 = "md", checked, onCha
 			ref,
 			type: "button",
 			role: "switch",
-			"aria-checked": checked,
+			"aria-pressed": isPressed,
 			"aria-label": label || "Toggle switch",
 			disabled,
-			className: cn(toggleSizes({ size: size$3 }), disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !label && className),
-			style: trackStyles,
-			onClick: () => !disabled && onChange?.(!checked),
+			className: cn(toggleSizes({
+				size: size$3,
+				variant
+			}), disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !label && className),
+			style: getTrackStyles(),
+			onClick: handleToggle,
 			onFocus: focusProps.onFocus,
 			onBlur: focusProps.onBlur,
 			...props,
 			children: /* @__PURE__ */ jsx("div", {
-				className: cn("absolute top-0.5 left-0.5 rounded-full shadow-md transition-all duration-300", s$1.knob, checked && s$1.translate),
+				className: cn("absolute top-0.5 left-0.5 rounded-full shadow-md transition-all duration-300", s$1.knob, isPressed && s$1.translate),
 				style: knobStyles
 			})
 		})
@@ -5947,7 +6647,7 @@ var TooltipGlassProvider = ({ delayDuration = 0, ...props }) => {
 };
 var TooltipGlassRoot = TooltipPrimitive.Root;
 var TooltipGlassTrigger = TooltipPrimitive.Trigger;
-var TooltipGlassContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipGlassContent = React$1.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
 		ref,
 		sideOffset,
@@ -6247,13 +6947,13 @@ var fieldLabels = {
 	name: "Name",
 	contribution: "Contribution"
 };
-const SortDropdownGlass = React.forwardRef(({ sortBy: sortBy$5, sortOrder, onSortChange, options: options$1 = [
+const SortDropdownGlass = React$1.forwardRef(({ sortBy: sortBy$5, sortOrder, onSortChange, options: options$1 = [
 	"commits",
 	"stars",
 	"name",
 	"contribution"
 ], compact = false, className, ...props }, ref) => {
-	const handleFieldSelect = React.useCallback((field) => {
+	const handleFieldSelect = React$1.useCallback((field) => {
 		if (field === sortBy$5) onSortChange(field, sortOrder === "asc" ? "desc" : "asc");
 		else onSortChange(field, "desc");
 	}, [
@@ -7316,14 +8016,14 @@ var Surface = /* @__PURE__ */ forwardRef((props, ref) => {
 		y: 0
 	};
 	var layerClass = clsx("recharts-surface", className);
-	return /* @__PURE__ */ React.createElement("svg", _extends$18({}, svgPropertiesAndEvents(others), {
+	return /* @__PURE__ */ React$1.createElement("svg", _extends$18({}, svgPropertiesAndEvents(others), {
 		className: layerClass,
 		width,
 		height,
 		style,
 		viewBox: "".concat(svgView.x, " ").concat(svgView.y, " ").concat(svgView.width, " ").concat(svgView.height),
 		ref
-	}), /* @__PURE__ */ React.createElement("title", null, title), /* @__PURE__ */ React.createElement("desc", null, desc), children);
+	}), /* @__PURE__ */ React$1.createElement("title", null, title), /* @__PURE__ */ React$1.createElement("desc", null, desc), children);
 });
 var _excluded$13 = ["children", "className"];
 function _extends$17() {
@@ -7353,10 +8053,10 @@ function _objectWithoutPropertiesLoose$13(r$1, e$1) {
 	}
 	return t;
 }
-var Layer = /* @__PURE__ */ React.forwardRef((props, ref) => {
+var Layer = /* @__PURE__ */ React$1.forwardRef((props, ref) => {
 	var { children, className } = props, others = _objectWithoutProperties$13(props, _excluded$13);
 	var layerClass = clsx("recharts-layer", className);
-	return /* @__PURE__ */ React.createElement("g", _extends$17({ className: layerClass }, svgPropertiesAndEvents(others), { ref }), children);
+	return /* @__PURE__ */ React$1.createElement("g", _extends$17({ className: layerClass }, svgPropertiesAndEvents(others), { ref }), children);
 });
 var LegendPortalContext = /* @__PURE__ */ createContext(null);
 var useLegendPortal = () => useContext(LegendPortalContext);
@@ -8510,7 +9210,7 @@ var Symbols = (_ref$1) => {
 	};
 	var { className, cx, cy } = props;
 	var filteredProps = svgPropertiesAndEvents(props);
-	if (isNumber(cx) && isNumber(cy) && isNumber(size$3)) return /* @__PURE__ */ React.createElement("path", _extends$16({}, filteredProps, {
+	if (isNumber(cx) && isNumber(cy) && isNumber(size$3)) return /* @__PURE__ */ React$1.createElement("path", _extends$16({}, filteredProps, {
 		className: clsx("recharts-symbols", className),
 		transform: "translate(".concat(cx, ", ").concat(cy, ")"),
 		d: getPath$2()
@@ -9171,11 +9871,11 @@ function getUniqPayload(payload, option, defaultUniqBy$1) {
 * LICENSE file in the root directory of this source tree.
 */
 var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJSMin(((exports) => {
-	var React$3 = __require("react");
+	var React$4 = __require("react");
 	function is$5(x$2, y$2) {
 		return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 	}
-	var objectIs$2 = "function" === typeof Object.is ? Object.is : is$5, useState$1 = React$3.useState, useEffect$3 = React$3.useEffect, useLayoutEffect$1 = React$3.useLayoutEffect, useDebugValue$2 = React$3.useDebugValue;
+	var objectIs$2 = "function" === typeof Object.is ? Object.is : is$5, useState$1 = React$4.useState, useEffect$3 = React$4.useEffect, useLayoutEffect$1 = React$4.useLayoutEffect, useDebugValue$2 = React$4.useDebugValue;
 	function useSyncExternalStore$2(subscribe, getSnapshot) {
 		var value = getSnapshot(), _useState = useState$1({ inst: {
 			value,
@@ -9213,7 +9913,7 @@ var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJS
 		return getSnapshot();
 	}
 	var shim$1 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$1 : useSyncExternalStore$2;
-	exports.useSyncExternalStore = void 0 !== React$3.useSyncExternalStore ? React$3.useSyncExternalStore : shim$1;
+	exports.useSyncExternalStore = void 0 !== React$4.useSyncExternalStore ? React$4.useSyncExternalStore : shim$1;
 }));
 /**
 * @license React
@@ -9292,11 +9992,11 @@ var require_shim = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 * LICENSE file in the root directory of this source tree.
 */
 var require_with_selector_production = /* @__PURE__ */ __commonJSMin(((exports) => {
-	var React$2 = __require("react"), shim = require_shim();
+	var React$3 = __require("react"), shim = require_shim();
 	function is$4(x$2, y$2) {
 		return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 	}
-	var objectIs$1 = "function" === typeof Object.is ? Object.is : is$4, useSyncExternalStore$1 = shim.useSyncExternalStore, useRef$2 = React$2.useRef, useEffect$2 = React$2.useEffect, useMemo$2 = React$2.useMemo, useDebugValue$1 = React$2.useDebugValue;
+	var objectIs$1 = "function" === typeof Object.is ? Object.is : is$4, useSyncExternalStore$1 = shim.useSyncExternalStore, useRef$2 = React$3.useRef, useEffect$2 = React$3.useEffect, useMemo$2 = React$3.useMemo, useDebugValue$1 = React$3.useDebugValue;
 	exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 		var instRef = useRef$2(null);
 		if (null === instRef.current) {
@@ -12333,7 +13033,7 @@ function ResponsiveContainerContextProvider(_ref$1) {
 		height
 	}), [width, height]);
 	if (!isAcceptableSize(size$3)) return null;
-	return /* @__PURE__ */ React.createElement(ResponsiveContainerContext.Provider, { value: size$3 }, children);
+	return /* @__PURE__ */ React$1.createElement(ResponsiveContainerContext.Provider, { value: size$3 }, children);
 }
 var useResponsiveContainerContext = () => useContext(ResponsiveContainerContext);
 var SizeDetectorContainer = /* @__PURE__ */ forwardRef((_ref2, ref) => {
@@ -12389,7 +13089,7 @@ var SizeDetectorContainer = /* @__PURE__ */ forwardRef((_ref2, ref) => {
 		maxHeight
 	});
 	warn(calculatedWidth != null && calculatedWidth > 0 || calculatedHeight != null && calculatedHeight > 0, "The width(%s) and height(%s) of chart should be greater than 0,\n       please check the style of container, or the props width(%s) and height(%s),\n       or add a minWidth(%s) or minHeight(%s) or use aspect(%s) to control the\n       height and width.", calculatedWidth, calculatedHeight, width, height, minWidth, minHeight, aspect);
-	return /* @__PURE__ */ React.createElement("div", {
+	return /* @__PURE__ */ React$1.createElement("div", {
 		id: id ? "".concat(id) : void 0,
 		className: clsx("recharts-responsive-container", className),
 		style: _objectSpread$26(_objectSpread$26({}, style), {}, {
@@ -12400,10 +13100,10 @@ var SizeDetectorContainer = /* @__PURE__ */ forwardRef((_ref2, ref) => {
 			maxHeight
 		}),
 		ref: containerRef
-	}, /* @__PURE__ */ React.createElement("div", { style: getInnerDivStyle({
+	}, /* @__PURE__ */ React$1.createElement("div", { style: getInnerDivStyle({
 		width,
 		height
-	}) }, /* @__PURE__ */ React.createElement(ResponsiveContainerContextProvider, {
+	}) }, /* @__PURE__ */ React$1.createElement(ResponsiveContainerContextProvider, {
 		width: calculatedWidth,
 		height: calculatedHeight
 	}, children)));
@@ -12422,11 +13122,11 @@ var ResponsiveContainer = /* @__PURE__ */ forwardRef((props, ref) => {
 		aspect: props.aspect,
 		maxHeight: props.maxHeight
 	});
-	if (isNumber(calculatedWidth) && isNumber(calculatedHeight)) return /* @__PURE__ */ React.createElement(ResponsiveContainerContextProvider, {
+	if (isNumber(calculatedWidth) && isNumber(calculatedHeight)) return /* @__PURE__ */ React$1.createElement(ResponsiveContainerContextProvider, {
 		width: calculatedWidth,
 		height: calculatedHeight
 	}, props.children);
-	return /* @__PURE__ */ React.createElement(SizeDetectorContainer, _extends$15({}, props, {
+	return /* @__PURE__ */ React$1.createElement(SizeDetectorContainer, _extends$15({}, props, {
 		width,
 		height,
 		ref
@@ -13172,13 +13872,13 @@ var DefaultTooltipContent = (props) => {
 					paddingBottom: 4,
 					color: entry.color || "#000"
 				}, itemStyle);
-				return /* @__PURE__ */ React.createElement("li", {
+				return /* @__PURE__ */ React$1.createElement("li", {
 					className: "recharts-tooltip-item",
 					key: "tooltip-item-".concat(i),
 					style: finalItemStyle
-				}, isNumOrStr(finalName) ? /* @__PURE__ */ React.createElement("span", { className: "recharts-tooltip-item-name" }, finalName) : null, isNumOrStr(finalName) ? /* @__PURE__ */ React.createElement("span", { className: "recharts-tooltip-item-separator" }, separator) : null, /* @__PURE__ */ React.createElement("span", { className: "recharts-tooltip-item-value" }, finalValue), /* @__PURE__ */ React.createElement("span", { className: "recharts-tooltip-item-unit" }, entry.unit || ""));
+				}, isNumOrStr(finalName) ? /* @__PURE__ */ React$1.createElement("span", { className: "recharts-tooltip-item-name" }, finalName) : null, isNumOrStr(finalName) ? /* @__PURE__ */ React$1.createElement("span", { className: "recharts-tooltip-item-separator" }, separator) : null, /* @__PURE__ */ React$1.createElement("span", { className: "recharts-tooltip-item-value" }, finalValue), /* @__PURE__ */ React$1.createElement("span", { className: "recharts-tooltip-item-unit" }, entry.unit || ""));
 			});
-			return /* @__PURE__ */ React.createElement("ul", {
+			return /* @__PURE__ */ React$1.createElement("ul", {
 				className: "recharts-tooltip-item-list",
 				style: listStyle
 			}, items);
@@ -13202,13 +13902,13 @@ var DefaultTooltipContent = (props) => {
 		role: "status",
 		"aria-live": "assertive"
 	} : {};
-	return /* @__PURE__ */ React.createElement("div", _extends$14({
+	return /* @__PURE__ */ React$1.createElement("div", _extends$14({
 		className: wrapperCN,
 		style: finalStyle
-	}, accessibilityAttributes), /* @__PURE__ */ React.createElement("p", {
+	}, accessibilityAttributes), /* @__PURE__ */ React$1.createElement("p", {
 		className: labelCN,
 		style: finalLabelStyle
-	}, /* @__PURE__ */ React.isValidElement(finalLabel) ? finalLabel : "".concat(finalLabel)), renderContent$1());
+	}, /* @__PURE__ */ React$1.isValidElement(finalLabel) ? finalLabel : "".concat(finalLabel)), renderContent$1());
 };
 var CSS_CLASS_PREFIX = "recharts-tooltip-wrapper";
 var TOOLTIP_HIDDEN = { visibility: "hidden" };
@@ -13381,7 +14081,7 @@ var TooltipBoundingBox = class extends PureComponent {
 			top: 0,
 			left: 0
 		})), {}, { visibility: !this.state.dismissed && active && hasPayload ? "visible" : "hidden" }, wrapperStyle);
-		return /* @__PURE__ */ React.createElement("div", {
+		return /* @__PURE__ */ React$1.createElement("div", {
 			xmlns: "http://www.w3.org/1999/xhtml",
 			tabIndex: -1,
 			className: cssClasses,
@@ -13491,7 +14191,7 @@ var Curve = (props) => {
 	var { className, points, path: path$1, pathRef } = props;
 	if ((!points || !points.length) && !path$1) return null;
 	var realPath = points && points.length ? getPath$1(props) : path$1;
-	return /* @__PURE__ */ React.createElement("path", _extends$13({}, svgPropertiesNoEvents(props), adaptEventHandlers(props), {
+	return /* @__PURE__ */ React$1.createElement("path", _extends$13({}, svgPropertiesNoEvents(props), adaptEventHandlers(props), {
 		className: clsx("recharts-curve", className),
 		d: realPath === null ? void 0 : realPath,
 		ref: pathRef
@@ -13590,7 +14290,7 @@ var Cross = (_ref$1) => {
 		height
 	}, rest);
 	if (!isNumber(x$2) || !isNumber(y$2) || !isNumber(width) || !isNumber(height) || !isNumber(top) || !isNumber(left)) return null;
-	return /* @__PURE__ */ React.createElement("path", _extends$12({}, svgPropertiesAndEvents(props), {
+	return /* @__PURE__ */ React$1.createElement("path", _extends$12({}, svgPropertiesAndEvents(props), {
 		className: clsx("recharts-cross", className),
 		d: getPath(x$2, y$2, width, height, top, left)
 	}));
@@ -14183,7 +14883,7 @@ var Rectangle = (rectangleProps) => {
 	var layerClass = clsx("recharts-rectangle", className);
 	if (!isUpdateAnimationActive) {
 		var _svgPropertiesAndEven = svgPropertiesAndEvents(props), { radius: _ } = _svgPropertiesAndEven, otherPathProps = _objectWithoutProperties$10(_svgPropertiesAndEven, _excluded$10);
-		return /* @__PURE__ */ React.createElement("path", _extends$11({}, otherPathProps, {
+		return /* @__PURE__ */ React$1.createElement("path", _extends$11({}, otherPathProps, {
 			radius: typeof radius === "number" ? radius : void 0,
 			className: layerClass,
 			d: getRectanglePath(x$2, y$2, width, height, radius)
@@ -14196,7 +14896,7 @@ var Rectangle = (rectangleProps) => {
 	var from$1 = "0px ".concat(totalLength === -1 ? 1 : totalLength, "px");
 	var to$1 = "".concat(totalLength, "px 0px");
 	var transition = getTransitionVal(["strokeDasharray"], animationDuration, typeof animationEasing === "string" ? animationEasing : defaultRectangleProps.animationEasing);
-	return /* @__PURE__ */ React.createElement(JavascriptAnimate, {
+	return /* @__PURE__ */ React$1.createElement(JavascriptAnimate, {
 		animationId,
 		key: animationId,
 		canBegin: totalLength > 0,
@@ -14223,7 +14923,7 @@ var Rectangle = (rectangleProps) => {
 		};
 		else animationStyle = { strokeDasharray: from$1 };
 		var _svgPropertiesAndEven2 = svgPropertiesAndEvents(props), { radius: _$1 } = _svgPropertiesAndEven2, otherPathProps$1 = _objectWithoutProperties$10(_svgPropertiesAndEven2, _excluded2$3);
-		return /* @__PURE__ */ React.createElement("path", _extends$11({}, otherPathProps$1, {
+		return /* @__PURE__ */ React$1.createElement("path", _extends$11({}, otherPathProps$1, {
 			radius: typeof radius === "number" ? radius : void 0,
 			className: layerClass,
 			d: getRectanglePath(currX, currY, currWidth, currHeight, radius),
@@ -14515,7 +15215,7 @@ var Sector = (sectorProps) => {
 		startAngle,
 		endAngle
 	});
-	return /* @__PURE__ */ React.createElement("path", _extends$10({}, svgPropertiesAndEvents(props), {
+	return /* @__PURE__ */ React$1.createElement("path", _extends$10({}, svgPropertiesAndEvents(props), {
 		className: layerClass,
 		d: path$1
 	}));
@@ -15521,19 +16221,19 @@ function copy$1(source, target) {
 	return target.domain(source.domain()).range(source.range()).interpolate(source.interpolate()).clamp(source.clamp()).unknown(source.unknown());
 }
 function transformer$2() {
-	var domain = unit, range$4 = unit, interpolate$1 = value_default, transform, untransform, unknown, clamp$1 = identity$1, piecewise$1, output, input;
+	var domain = unit, range$4 = unit, interpolate$1 = value_default, transform, untransform, unknown, clamp$2 = identity$1, piecewise$1, output, input;
 	function rescale() {
 		var n$1 = Math.min(domain.length, range$4.length);
-		if (clamp$1 !== identity$1) clamp$1 = clamper(domain[0], domain[n$1 - 1]);
+		if (clamp$2 !== identity$1) clamp$2 = clamper(domain[0], domain[n$1 - 1]);
 		piecewise$1 = n$1 > 2 ? polymap : bimap;
 		output = input = null;
 		return scale;
 	}
 	function scale(x$2) {
-		return x$2 == null || isNaN(x$2 = +x$2) ? unknown : (output || (output = piecewise$1(domain.map(transform), range$4, interpolate$1)))(transform(clamp$1(x$2)));
+		return x$2 == null || isNaN(x$2 = +x$2) ? unknown : (output || (output = piecewise$1(domain.map(transform), range$4, interpolate$1)))(transform(clamp$2(x$2)));
 	}
 	scale.invert = function(y$2) {
-		return clamp$1(untransform((input || (input = piecewise$1(range$4, domain.map(transform), number_default)))(y$2)));
+		return clamp$2(untransform((input || (input = piecewise$1(range$4, domain.map(transform), number_default)))(y$2)));
 	};
 	scale.domain = function(_) {
 		return arguments.length ? (domain = Array.from(_, number$1), rescale()) : domain.slice();
@@ -15545,7 +16245,7 @@ function transformer$2() {
 		return range$4 = Array.from(_), interpolate$1 = round_default, rescale();
 	};
 	scale.clamp = function(_) {
-		return arguments.length ? (clamp$1 = _ ? true : identity$1, rescale()) : clamp$1 !== identity$1;
+		return arguments.length ? (clamp$2 = _ ? true : identity$1, rescale()) : clamp$2 !== identity$1;
 	};
 	scale.interpolate = function(_) {
 		return arguments.length ? (interpolate$1 = _, rescale()) : interpolate$1;
@@ -17191,15 +17891,15 @@ function utcTime() {
 	return initRange.apply(calendar(utcTicks, utcTickInterval, utcYear, utcMonth, utcSunday, utcDay, utcHour, utcMinute, second, utcFormat).domain([Date.UTC(2e3, 0, 1), Date.UTC(2e3, 0, 2)]), arguments);
 }
 function transformer$1() {
-	var x0 = 0, x1 = 1, t0$1, t1$1, k10, transform, interpolator = identity$1, clamp$1 = false, unknown;
+	var x0 = 0, x1 = 1, t0$1, t1$1, k10, transform, interpolator = identity$1, clamp$2 = false, unknown;
 	function scale(x$2) {
-		return x$2 == null || isNaN(x$2 = +x$2) ? unknown : interpolator(k10 === 0 ? .5 : (x$2 = (transform(x$2) - t0$1) * k10, clamp$1 ? Math.max(0, Math.min(1, x$2)) : x$2));
+		return x$2 == null || isNaN(x$2 = +x$2) ? unknown : interpolator(k10 === 0 ? .5 : (x$2 = (transform(x$2) - t0$1) * k10, clamp$2 ? Math.max(0, Math.min(1, x$2)) : x$2));
 	}
 	scale.domain = function(_) {
 		return arguments.length ? ([x0, x1] = _, t0$1 = transform(x0 = +x0), t1$1 = transform(x1 = +x1), k10 = t0$1 === t1$1 ? 0 : 1 / (t1$1 - t0$1), scale) : [x0, x1];
 	};
 	scale.clamp = function(_) {
-		return arguments.length ? (clamp$1 = !!_, scale) : clamp$1;
+		return arguments.length ? (clamp$2 = !!_, scale) : clamp$2;
 	};
 	scale.interpolator = function(_) {
 		return arguments.length ? (interpolator = _, scale) : interpolator;
@@ -17281,9 +17981,9 @@ function sequentialQuantile() {
 	return initInterpolator.apply(scale, arguments);
 }
 function transformer() {
-	var x0 = 0, x1 = .5, x2 = 1, s$1 = 1, t0$1, t1$1, t2, k10, k21, interpolator = identity$1, transform, clamp$1 = false, unknown;
+	var x0 = 0, x1 = .5, x2 = 1, s$1 = 1, t0$1, t1$1, t2, k10, k21, interpolator = identity$1, transform, clamp$2 = false, unknown;
 	function scale(x$2) {
-		return isNaN(x$2 = +x$2) ? unknown : (x$2 = .5 + ((x$2 = +transform(x$2)) - t1$1) * (s$1 * x$2 < s$1 * t1$1 ? k10 : k21), interpolator(clamp$1 ? Math.max(0, Math.min(1, x$2)) : x$2));
+		return isNaN(x$2 = +x$2) ? unknown : (x$2 = .5 + ((x$2 = +transform(x$2)) - t1$1) * (s$1 * x$2 < s$1 * t1$1 ? k10 : k21), interpolator(clamp$2 ? Math.max(0, Math.min(1, x$2)) : x$2));
 	}
 	scale.domain = function(_) {
 		return arguments.length ? ([x0, x1, x2] = _, t0$1 = transform(x0 = +x0), t1$1 = transform(x1 = +x1), t2 = transform(x2 = +x2), k10 = t0$1 === t1$1 ? 0 : .5 / (t1$1 - t0$1), k21 = t1$1 === t2 ? 0 : .5 / (t2 - t1$1), s$1 = t1$1 < t0$1 ? -1 : 1, scale) : [
@@ -17293,7 +17993,7 @@ function transformer() {
 		];
 	};
 	scale.clamp = function(_) {
-		return arguments.length ? (clamp$1 = !!_, scale) : clamp$1;
+		return arguments.length ? (clamp$2 = !!_, scale) : clamp$2;
 	};
 	scale.interpolator = function(_) {
 		return arguments.length ? (interpolator = _, scale) : interpolator;
@@ -20766,7 +21466,7 @@ function CursorInternal(props) {
 		payloadIndex: activeTooltipIndex,
 		className: clsx("recharts-tooltip-cursor", extraClassName)
 	});
-	return /* @__PURE__ */ React.createElement(ZIndexLayer, { zIndex: (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : preferredZIndex }, /* @__PURE__ */ React.createElement(RenderCursor, {
+	return /* @__PURE__ */ React$1.createElement(ZIndexLayer, { zIndex: (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : preferredZIndex }, /* @__PURE__ */ React$1.createElement(RenderCursor, {
 		cursor,
 		cursorComp,
 		cursorProps
@@ -20778,7 +21478,7 @@ function Cursor(props) {
 	var layout = useChartLayout();
 	var chartName = useChartName();
 	if (tooltipAxisBandSize == null || offset$3 == null || layout == null || chartName == null) return null;
-	return /* @__PURE__ */ React.createElement(CursorInternal, _extends$9({}, props, {
+	return /* @__PURE__ */ React$1.createElement(CursorInternal, _extends$9({}, props, {
 		offset: offset$3,
 		layout,
 		tooltipAxisBandSize,
@@ -21226,9 +21926,9 @@ function defaultUniqBy(entry) {
 	return entry.dataKey;
 }
 function renderContent(content, props) {
-	if (/* @__PURE__ */ React.isValidElement(content)) return /* @__PURE__ */ React.cloneElement(content, props);
-	if (typeof content === "function") return /* @__PURE__ */ React.createElement(content, props);
-	return /* @__PURE__ */ React.createElement(DefaultTooltipContent, props);
+	if (/* @__PURE__ */ React$1.isValidElement(content)) return /* @__PURE__ */ React$1.cloneElement(content, props);
+	if (typeof content === "function") return /* @__PURE__ */ React$1.createElement(content, props);
+	return /* @__PURE__ */ React$1.createElement(DefaultTooltipContent, props);
 }
 var emptyPayload = [];
 var defaultTooltipProps = {
@@ -21297,7 +21997,7 @@ function Tooltip(outsideProps) {
 	if (!finalIsActive) finalPayload = emptyPayload;
 	if (filterNull && finalPayload.length) finalPayload = getUniqPayload(finalPayload.filter((entry) => entry.value != null && (entry.hide !== true || props.includeHidden)), payloadUniqBy, defaultUniqBy);
 	var hasPayload = finalPayload.length > 0;
-	var tooltipElement = /* @__PURE__ */ React.createElement(TooltipBoundingBox, {
+	var tooltipElement = /* @__PURE__ */ React$1.createElement(TooltipBoundingBox, {
 		allowEscapeViewBox,
 		animationDuration,
 		animationEasing,
@@ -21322,7 +22022,7 @@ function Tooltip(outsideProps) {
 		coordinate,
 		accessibilityLayer
 	})));
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ createPortal(tooltipElement, tooltipPortal), finalIsActive && /* @__PURE__ */ React.createElement(Cursor, {
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ createPortal(tooltipElement, tooltipPortal), finalIsActive && /* @__PURE__ */ React$1.createElement(Cursor, {
 		cursor,
 		tooltipEventType,
 		coordinate,
@@ -21801,7 +22501,7 @@ var Text = /* @__PURE__ */ forwardRef((outsideProps, ref) => {
 	}
 	if (angle) transforms.push("rotate(".concat(angle, ", ").concat(x$2, ", ").concat(y$2, ")"));
 	if (transforms.length) textProps.transform = transforms.join(" ");
-	return /* @__PURE__ */ React.createElement("text", _extends$8({}, svgPropertiesAndEvents(textProps), {
+	return /* @__PURE__ */ React$1.createElement("text", _extends$8({}, svgPropertiesAndEvents(textProps), {
 		ref,
 		x: x$2,
 		y: y$2,
@@ -21810,7 +22510,7 @@ var Text = /* @__PURE__ */ forwardRef((outsideProps, ref) => {
 		fill: fill.includes("url") ? DEFAULT_FILL : fill
 	}), wordsByLines.map((line, index$1) => {
 		var words = line.words.join(breakAll ? "" : " ");
-		return /* @__PURE__ */ React.createElement("tspan", {
+		return /* @__PURE__ */ React$1.createElement("tspan", {
 			x: x$2,
 			dy: index$1 === 0 ? startDy : lineHeight,
 			key: "".concat(words, "-").concat(index$1)
@@ -21940,13 +22640,13 @@ var renderRadialLabel = (labelProps, position, label, attrs, viewBox) => {
 	var endPoint = polarToCartesian(cx, cy, radius, labelAngle + (direction ? 1 : -1) * 359);
 	var path$1 = "M".concat(startPoint.x, ",").concat(startPoint.y, "\n    A").concat(radius, ",").concat(radius, ",0,1,").concat(direction ? 0 : 1, ",\n    ").concat(endPoint.x, ",").concat(endPoint.y);
 	var id = isNullish(labelProps.id) ? uniqueId("recharts-radial-line-") : labelProps.id;
-	return /* @__PURE__ */ React.createElement("text", _extends$7({}, attrs, {
+	return /* @__PURE__ */ React$1.createElement("text", _extends$7({}, attrs, {
 		dominantBaseline: "central",
 		className: clsx("recharts-radial-bar-label", className)
-	}), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("path", {
+	}), /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("path", {
 		id,
 		d: path$1
-	})), /* @__PURE__ */ React.createElement("textPath", { xlinkHref: "#".concat(id) }, label));
+	})), /* @__PURE__ */ React$1.createElement("textPath", { xlinkHref: "#".concat(id) }, label));
 };
 var getAttrsOfPolarLabel = (viewBox, offset$3, position) => {
 	var { cx, cy, innerRadius, outerRadius, startAngle, endAngle } = viewBox;
@@ -22144,7 +22844,7 @@ function Label(outerProps) {
 		if (position === "insideStart" || position === "insideEnd" || position === "end") return renderRadialLabel(props, position, label, attrs, viewBox);
 		positionAttrs = getAttrsOfPolarLabel(viewBox, props.offset, props.position);
 	} else positionAttrs = getAttrsOfCartesianLabel(props, viewBox);
-	return /* @__PURE__ */ React.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React.createElement(Text, _extends$7({
+	return /* @__PURE__ */ React$1.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React$1.createElement(Text, _extends$7({
 		ref: labelRef,
 		className: clsx("recharts-label", className)
 	}, attrs, positionAttrs, {
@@ -22233,11 +22933,11 @@ function LabelList(_ref$1) {
 	var polarData = usePolarLabelListContext();
 	var data = cartesianData || polarData;
 	if (!data || !data.length) return null;
-	return /* @__PURE__ */ React.createElement(ZIndexLayer, { zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : DefaultZIndexes.label }, /* @__PURE__ */ React.createElement(Layer, { className: "recharts-label-list" }, data.map((entry, index$1) => {
+	return /* @__PURE__ */ React$1.createElement(ZIndexLayer, { zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : DefaultZIndexes.label }, /* @__PURE__ */ React$1.createElement(Layer, { className: "recharts-label-list" }, data.map((entry, index$1) => {
 		var _restProps$fill;
 		var value = isNullish(dataKey) ? valueAccessor(entry, index$1) : getValueByDataKey(entry && entry.payload, dataKey);
 		var idProps = isNullish(id) ? {} : { id: "".concat(id, "-").concat(index$1) };
-		return /* @__PURE__ */ React.createElement(Label, _extends$6({ key: "label-".concat(index$1) }, svgPropertiesAndEvents(entry), others, idProps, {
+		return /* @__PURE__ */ React$1.createElement(Label, _extends$6({ key: "label-".concat(index$1) }, svgPropertiesAndEvents(entry), others, idProps, {
 			fill: (_restProps$fill = restProps.fill) !== null && _restProps$fill !== void 0 ? _restProps$fill : entry.fill,
 			parentViewBox: entry.parentViewBox,
 			value,
@@ -22252,12 +22952,12 @@ LabelList.displayName = "LabelList";
 function LabelListFromLabelProp(_ref2) {
 	var { label } = _ref2;
 	if (!label) return null;
-	if (label === true) return /* @__PURE__ */ React.createElement(LabelList, { key: "labelList-implicit" });
-	if (/* @__PURE__ */ React.isValidElement(label) || isLabelContentAFunction(label)) return /* @__PURE__ */ React.createElement(LabelList, {
+	if (label === true) return /* @__PURE__ */ React$1.createElement(LabelList, { key: "labelList-implicit" });
+	if (/* @__PURE__ */ React$1.isValidElement(label) || isLabelContentAFunction(label)) return /* @__PURE__ */ React$1.createElement(LabelList, {
 		key: "labelList-implicit",
 		content: label
 	});
-	if (typeof label === "object") return /* @__PURE__ */ React.createElement(LabelList, _extends$6({ key: "labelList-implicit" }, label, { type: String(label.type) }));
+	if (typeof label === "object") return /* @__PURE__ */ React$1.createElement(LabelList, _extends$6({ key: "labelList-implicit" }, label, { type: String(label.type) }));
 	return null;
 }
 var polarAxisSlice = createSlice({
@@ -22663,7 +23363,7 @@ var Trapezoid = (outsideProps) => {
 	}, []);
 	if (x$2 !== +x$2 || y$2 !== +y$2 || upperWidth !== +upperWidth || lowerWidth !== +lowerWidth || height !== +height || upperWidth === 0 && lowerWidth === 0 || height === 0) return null;
 	var layerClass = clsx("recharts-trapezoid", className);
-	if (!isUpdateAnimationActive) return /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("path", _extends$5({}, svgPropertiesAndEvents(trapezoidProps), {
+	if (!isUpdateAnimationActive) return /* @__PURE__ */ React$1.createElement("g", null, /* @__PURE__ */ React$1.createElement("path", _extends$5({}, svgPropertiesAndEvents(trapezoidProps), {
 		className: layerClass,
 		d: getTrapezoidPath(x$2, y$2, upperWidth, lowerWidth, height)
 	})));
@@ -22675,7 +23375,7 @@ var Trapezoid = (outsideProps) => {
 	var from$1 = "0px ".concat(totalLength === -1 ? 1 : totalLength, "px");
 	var to$1 = "".concat(totalLength, "px 0px");
 	var transition = getTransitionVal(["strokeDasharray"], animationDuration, animationEasing);
-	return /* @__PURE__ */ React.createElement(JavascriptAnimate, {
+	return /* @__PURE__ */ React$1.createElement(JavascriptAnimate, {
 		animationId,
 		key: animationId,
 		canBegin: totalLength > 0,
@@ -22700,7 +23400,7 @@ var Trapezoid = (outsideProps) => {
 			transition,
 			strokeDasharray: to$1
 		} : { strokeDasharray: from$1 };
-		return /* @__PURE__ */ React.createElement("path", _extends$5({}, svgPropertiesAndEvents(trapezoidProps), {
+		return /* @__PURE__ */ React$1.createElement("path", _extends$5({}, svgPropertiesAndEvents(trapezoidProps), {
 			className: layerClass,
 			d: getTrapezoidPath(currX, currY, currUpperWidth, currLowerWidth, currHeight),
 			ref: pathRef,
@@ -22785,13 +23485,13 @@ function isSymbolsProps(shapeType, _elementProps) {
 function ShapeSelector(_ref$1) {
 	var { shapeType, elementProps } = _ref$1;
 	switch (shapeType) {
-		case "rectangle": return /* @__PURE__ */ React.createElement(Rectangle, elementProps);
-		case "trapezoid": return /* @__PURE__ */ React.createElement(Trapezoid, elementProps);
-		case "sector": return /* @__PURE__ */ React.createElement(Sector, elementProps);
+		case "rectangle": return /* @__PURE__ */ React$1.createElement(Rectangle, elementProps);
+		case "trapezoid": return /* @__PURE__ */ React$1.createElement(Trapezoid, elementProps);
+		case "sector": return /* @__PURE__ */ React$1.createElement(Sector, elementProps);
 		case "symbols":
-			if (isSymbolsProps(shapeType, elementProps)) return /* @__PURE__ */ React.createElement(Symbols, elementProps);
+			if (isSymbolsProps(shapeType, elementProps)) return /* @__PURE__ */ React$1.createElement(Symbols, elementProps);
 			break;
-		case "curve": return /* @__PURE__ */ React.createElement(Curve, elementProps);
+		case "curve": return /* @__PURE__ */ React$1.createElement(Curve, elementProps);
 		default: return null;
 	}
 }
@@ -22806,18 +23506,18 @@ function Shape(_ref2) {
 	else if (typeof option === "function") shape = option(props, props.index);
 	else if ((0, import_isPlainObject.default)(option) && typeof option !== "boolean") {
 		var nextProps = propTransformer(option, props);
-		shape = /* @__PURE__ */ React.createElement(ShapeSelector, {
+		shape = /* @__PURE__ */ React$1.createElement(ShapeSelector, {
 			shapeType,
 			elementProps: nextProps
 		});
 	} else {
 		var elementProps = props;
-		shape = /* @__PURE__ */ React.createElement(ShapeSelector, {
+		shape = /* @__PURE__ */ React$1.createElement(ShapeSelector, {
 			shapeType,
 			elementProps
 		});
 	}
-	if (props.isActive) return /* @__PURE__ */ React.createElement(Layer, { className: activeClassName }, shape);
+	if (props.isActive) return /* @__PURE__ */ React$1.createElement(Layer, { className: activeClassName }, shape);
 	return shape;
 }
 var useMouseEnterItemDispatch = (onMouseEnterFromProps, dataKey, graphicalItemId) => {
@@ -22909,10 +23609,10 @@ function SetLegendPayload(_ref$1) {
 }
 var _ref;
 var useIdFallback = () => {
-	var [id] = React.useState(() => uniqueId("uid-"));
+	var [id] = React$1.useState(() => uniqueId("uid-"));
 	return id;
 };
-var useId$1 = (_ref = React["useId".toString()]) !== null && _ref !== void 0 ? _ref : useIdFallback;
+var useId$1 = (_ref = React$1["useId".toString()]) !== null && _ref !== void 0 ? _ref : useIdFallback;
 function useUniqueId(prefix$2, customId) {
 	var generatedId = useId$1();
 	if (customId) return customId;
@@ -22922,7 +23622,7 @@ var GraphicalItemIdContext = /* @__PURE__ */ createContext(void 0);
 var RegisterGraphicalItemId = (_ref$1) => {
 	var { id, type, children } = _ref$1;
 	var resolvedId = useUniqueId("recharts-".concat(type), id);
-	return /* @__PURE__ */ React.createElement(GraphicalItemIdContext.Provider, { value: resolvedId }, children(resolvedId));
+	return /* @__PURE__ */ React$1.createElement(GraphicalItemIdContext.Provider, { value: resolvedId }, children(resolvedId));
 };
 var graphicalItemsSlice = createSlice({
 	name: "graphicalItems",
@@ -23246,7 +23946,7 @@ function typeguardBarRectangleProps(_ref$1, props) {
 	});
 }
 function BarRectangle(props) {
-	return /* @__PURE__ */ React.createElement(Shape, _extends$4({
+	return /* @__PURE__ */ React$1.createElement(Shape, _extends$4({
 		shapeType: "rectangle",
 		propTransformer: typeguardBarRectangleProps,
 		activeClassName: "recharts-active-bar"
@@ -23315,7 +24015,7 @@ var ErrorBarContext = /* @__PURE__ */ createContext({
 });
 function SetErrorBarContext(props) {
 	var { children } = props, rest = _objectWithoutProperties$3(props, _excluded$3);
-	return /* @__PURE__ */ React.createElement(ErrorBarContext.Provider, { value: rest }, children);
+	return /* @__PURE__ */ React$1.createElement(ErrorBarContext.Provider, { value: rest }, children);
 }
 function useNeedsClip(xAxisId, yAxisId) {
 	var _xAxis$allowDataOverf, _yAxis$allowDataOverf;
@@ -23335,7 +24035,7 @@ function GraphicalItemClipPath(_ref$1) {
 	var { needClipX, needClipY, needClip } = useNeedsClip(xAxisId, yAxisId);
 	if (!needClip || !plotArea) return null;
 	var { x: x$2, y: y$2, width, height } = plotArea;
-	return /* @__PURE__ */ React.createElement("clipPath", { id: "clipPath-".concat(clipPathId) }, /* @__PURE__ */ React.createElement("rect", {
+	return /* @__PURE__ */ React$1.createElement("clipPath", { id: "clipPath-".concat(clipPathId) }, /* @__PURE__ */ React$1.createElement("rect", {
 		x: needClipX ? x$2 : x$2 - width / 2,
 		y: needClipY ? y$2 : y$2 - height / 2,
 		width: needClipX ? width : width * 2,
@@ -23356,13 +24056,13 @@ function getZIndexFromUnknown(input, defaultZIndex) {
 * LICENSE file in the root directory of this source tree.
 */
 var require_use_sync_external_store_with_selector_production = /* @__PURE__ */ __commonJSMin(((exports) => {
-	var React$1 = __require("react");
+	var React$2 = __require("react");
 	"function" === typeof Object.is && Object.is;
-	React$1.useSyncExternalStore;
-	React$1.useRef;
-	React$1.useEffect;
-	React$1.useMemo;
-	React$1.useDebugValue;
+	React$2.useSyncExternalStore;
+	React$2.useRef;
+	React$2.useEffect;
+	React$2.useMemo;
+	React$2.useDebugValue;
 }));
 /**
 * @license React
@@ -23557,7 +24257,7 @@ var canUseDOM = () => !!(typeof window !== "undefined" && typeof window.document
 var isDOM = /* @__PURE__ */ canUseDOM();
 var isRunningInReactNative = () => typeof navigator !== "undefined" && navigator.product === "ReactNative";
 var isReactNative = /* @__PURE__ */ isRunningInReactNative();
-var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React.useLayoutEffect : React.useEffect;
+var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React$1.useLayoutEffect : React$1.useEffect;
 var useIsomorphicLayoutEffect = /* @__PURE__ */ getUseIsomorphicLayoutEffect();
 function is(x$2, y$2) {
 	if (x$2 === y$2) return x$2 !== 0 || y$2 !== 0 || 1 / x$2 === 1 / y$2;
@@ -23576,20 +24276,20 @@ Object.prototype;
 var ContextKey = /* @__PURE__ */ Symbol.for(`react-redux-context`);
 var gT = typeof globalThis !== "undefined" ? globalThis : {};
 function getContext() {
-	if (!React.createContext) return {};
+	if (!React$1.createContext) return {};
 	const contextMap = gT[ContextKey] ??= /* @__PURE__ */ new Map();
-	let realContext = contextMap.get(React.createContext);
+	let realContext = contextMap.get(React$1.createContext);
 	if (!realContext) {
-		realContext = React.createContext(null);
+		realContext = React$1.createContext(null);
 		if (process.env.NODE_ENV !== "production") realContext.displayName = "ReactRedux";
-		contextMap.set(React.createContext, realContext);
+		contextMap.set(React$1.createContext, realContext);
 	}
 	return realContext;
 }
 var ReactReduxContext = /* @__PURE__ */ getContext();
 function Provider(providerProps) {
 	const { children, context, serverState, store } = providerProps;
-	const contextValue = React.useMemo(() => {
+	const contextValue = React$1.useMemo(() => {
 		const baseContextValue = {
 			store,
 			subscription: createSubscription(store),
@@ -23604,7 +24304,7 @@ function Provider(providerProps) {
 			});
 		}
 	}, [store, serverState]);
-	const previousState = React.useMemo(() => store.getState(), [store]);
+	const previousState = React$1.useMemo(() => store.getState(), [store]);
 	useIsomorphicLayoutEffect(() => {
 		const { subscription } = contextValue;
 		subscription.onStateChange = subscription.notifyNestedSubs;
@@ -23616,7 +24316,7 @@ function Provider(providerProps) {
 		};
 	}, [contextValue, previousState]);
 	const Context = context || ReactReduxContext;
-	return /* @__PURE__ */ React.createElement(Context.Provider, { value: contextValue }, children);
+	return /* @__PURE__ */ React$1.createElement(Context.Provider, { value: contextValue }, children);
 }
 var Provider_default = Provider;
 var propsToShallowCompare = new Set([
@@ -23746,7 +24446,7 @@ var computeLegendPayloadFromBarData = (props) => {
 		payload: props
 	}];
 };
-var SetBarTooltipEntrySettings = /* @__PURE__ */ React.memo((_ref$1) => {
+var SetBarTooltipEntrySettings = /* @__PURE__ */ React$1.memo((_ref$1) => {
 	var { dataKey, stroke, strokeWidth, fill, name, hide: hide$3, unit: unit$1, tooltipType } = _ref$1;
 	var tooltipEntrySettings = {
 		dataDefinedOnItem: void 0,
@@ -23764,7 +24464,7 @@ var SetBarTooltipEntrySettings = /* @__PURE__ */ React.memo((_ref$1) => {
 			unit: unit$1
 		}
 	};
-	return /* @__PURE__ */ React.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
+	return /* @__PURE__ */ React$1.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
 });
 function BarBackground(props) {
 	var activeIndex = useAppSelector(selectActiveTooltipIndex);
@@ -23775,7 +24475,7 @@ function BarBackground(props) {
 	var onClickFromContext = useMouseClickItemDispatch(onItemClickFromProps, dataKey);
 	if (!backgroundFromProps || data == null) return null;
 	var backgroundProps = svgPropertiesNoEventsFromUnknown(backgroundFromProps);
-	return /* @__PURE__ */ React.createElement(ZIndexLayer, { zIndex: getZIndexFromUnknown(backgroundFromProps, DefaultZIndexes.barBackground) }, data.map((entry, i) => {
+	return /* @__PURE__ */ React$1.createElement(ZIndexLayer, { zIndex: getZIndexFromUnknown(backgroundFromProps, DefaultZIndexes.barBackground) }, data.map((entry, i) => {
 		var { value, background: backgroundFromDataEntry, tooltipPosition } = entry, rest = _objectWithoutProperties$2(entry, _excluded2);
 		if (!backgroundFromDataEntry) return null;
 		var onMouseEnter = onMouseEnterFromContext(entry, i);
@@ -23792,7 +24492,7 @@ function BarBackground(props) {
 			index: i,
 			className: "recharts-bar-background-rectangle"
 		});
-		return /* @__PURE__ */ React.createElement(BarRectangle, _extends$3({ key: "background-bar-".concat(i) }, barRectangleProps));
+		return /* @__PURE__ */ React$1.createElement(BarRectangle, _extends$3({ key: "background-bar-".concat(i) }, barRectangleProps));
 	}));
 }
 function BarLabelListProvider(_ref2) {
@@ -23814,7 +24514,7 @@ function BarLabelListProvider(_ref2) {
 			fill: entry.fill
 		});
 	});
-	return /* @__PURE__ */ React.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
+	return /* @__PURE__ */ React$1.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
 }
 function BarRectangleWithActiveState(props) {
 	var { shape, activeBar, baseProps, entry, index: index$1, dataKey } = props;
@@ -23822,13 +24522,13 @@ function BarRectangleWithActiveState(props) {
 	var activeDataKey = useAppSelector(selectActiveTooltipDataKey);
 	var isActive = activeBar && String(index$1) === activeIndex && (activeDataKey == null || dataKey === activeDataKey);
 	var option = isActive ? activeBar : shape;
-	if (isActive) return /* @__PURE__ */ React.createElement(ZIndexLayer, { zIndex: DefaultZIndexes.activeBar }, /* @__PURE__ */ React.createElement(BarRectangle, _extends$3({}, baseProps, { name: String(baseProps.name) }, entry, {
+	if (isActive) return /* @__PURE__ */ React$1.createElement(ZIndexLayer, { zIndex: DefaultZIndexes.activeBar }, /* @__PURE__ */ React$1.createElement(BarRectangle, _extends$3({}, baseProps, { name: String(baseProps.name) }, entry, {
 		isActive,
 		option,
 		index: index$1,
 		dataKey
 	})));
-	return /* @__PURE__ */ React.createElement(BarRectangle, _extends$3({}, baseProps, { name: String(baseProps.name) }, entry, {
+	return /* @__PURE__ */ React$1.createElement(BarRectangle, _extends$3({}, baseProps, { name: String(baseProps.name) }, entry, {
 		isActive,
 		option,
 		index: index$1,
@@ -23837,7 +24537,7 @@ function BarRectangleWithActiveState(props) {
 }
 function BarRectangleNeverActive(props) {
 	var { shape, baseProps, entry, index: index$1, dataKey } = props;
-	return /* @__PURE__ */ React.createElement(BarRectangle, _extends$3({}, baseProps, { name: String(baseProps.name) }, entry, {
+	return /* @__PURE__ */ React$1.createElement(BarRectangle, _extends$3({}, baseProps, { name: String(baseProps.name) }, entry, {
 		isActive: false,
 		option: shape,
 		index: index$1,
@@ -23854,22 +24554,22 @@ function BarRectangles(_ref3) {
 	var onMouseLeaveFromContext = useMouseLeaveItemDispatch(onMouseLeaveFromProps);
 	var onClickFromContext = useMouseClickItemDispatch(onItemClickFromProps, dataKey);
 	if (!data) return null;
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, data.map((entry, i) => {
-		return /* @__PURE__ */ React.createElement(Layer, _extends$3({
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, data.map((entry, i) => {
+		return /* @__PURE__ */ React$1.createElement(Layer, _extends$3({
 			key: "rectangle-".concat(entry === null || entry === void 0 ? void 0 : entry.x, "-").concat(entry === null || entry === void 0 ? void 0 : entry.y, "-").concat(entry === null || entry === void 0 ? void 0 : entry.value, "-").concat(i),
 			className: "recharts-bar-rectangle"
 		}, adaptEventsOfChild(restOfAllOtherProps, entry, i), {
 			onMouseEnter: onMouseEnterFromContext(entry, i),
 			onMouseLeave: onMouseLeaveFromContext(entry, i),
 			onClick: onClickFromContext(entry, i)
-		}), activeBar ? /* @__PURE__ */ React.createElement(BarRectangleWithActiveState, {
+		}), activeBar ? /* @__PURE__ */ React$1.createElement(BarRectangleWithActiveState, {
 			shape,
 			activeBar,
 			baseProps,
 			entry,
 			index: i,
 			dataKey
-		}) : /* @__PURE__ */ React.createElement(BarRectangleNeverActive, {
+		}) : /* @__PURE__ */ React$1.createElement(BarRectangleNeverActive, {
 			shape,
 			baseProps,
 			entry,
@@ -23893,10 +24593,10 @@ function RectanglesWithAnimation(_ref5) {
 		if (typeof onAnimationStart === "function") onAnimationStart();
 		setIsAnimating(true);
 	}, [onAnimationStart]);
-	return /* @__PURE__ */ React.createElement(BarLabelListProvider, {
+	return /* @__PURE__ */ React$1.createElement(BarLabelListProvider, {
 		showLabels,
 		rects: data
-	}, /* @__PURE__ */ React.createElement(JavascriptAnimate, {
+	}, /* @__PURE__ */ React$1.createElement(JavascriptAnimate, {
 		animationId,
 		begin: animationBegin,
 		duration: animationDuration,
@@ -23931,15 +24631,15 @@ function RectanglesWithAnimation(_ref5) {
 		});
 		if (t > 0) previousRectanglesRef.current = stepData !== null && stepData !== void 0 ? stepData : null;
 		if (stepData == null) return null;
-		return /* @__PURE__ */ React.createElement(Layer, null, /* @__PURE__ */ React.createElement(BarRectangles, {
+		return /* @__PURE__ */ React$1.createElement(Layer, null, /* @__PURE__ */ React$1.createElement(BarRectangles, {
 			props,
 			data: stepData
 		}));
-	}), /* @__PURE__ */ React.createElement(LabelListFromLabelProp, { label: props.label }), props.children);
+	}), /* @__PURE__ */ React$1.createElement(LabelListFromLabelProp, { label: props.label }), props.children);
 }
 function RenderRectangles(props) {
 	var previousRectanglesRef = useRef(null);
-	return /* @__PURE__ */ React.createElement(RectanglesWithAnimation, {
+	return /* @__PURE__ */ React$1.createElement(RectanglesWithAnimation, {
 		previousRectanglesRef,
 		props
 	});
@@ -23960,22 +24660,22 @@ var BarWithState = class extends PureComponent {
 		if (hide$3 || data == null) return null;
 		var layerClass = clsx("recharts-bar", className);
 		var clipPathId = id;
-		return /* @__PURE__ */ React.createElement(Layer, {
+		return /* @__PURE__ */ React$1.createElement(Layer, {
 			className: layerClass,
 			id
-		}, needClip && /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement(GraphicalItemClipPath, {
+		}, needClip && /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement(GraphicalItemClipPath, {
 			clipPathId,
 			xAxisId,
 			yAxisId
-		})), /* @__PURE__ */ React.createElement(Layer, {
+		})), /* @__PURE__ */ React$1.createElement(Layer, {
 			className: "recharts-bar-rectangles",
 			clipPath: needClip ? "url(#clipPath-".concat(clipPathId, ")") : void 0
-		}, /* @__PURE__ */ React.createElement(BarBackground, {
+		}, /* @__PURE__ */ React$1.createElement(BarBackground, {
 			data,
 			dataKey,
 			background,
 			allOtherBarProps: this.props
-		}), /* @__PURE__ */ React.createElement(RenderRectangles, this.props)));
+		}), /* @__PURE__ */ React$1.createElement(RenderRectangles, this.props)));
 	}
 };
 var defaultBarProps = {
@@ -24005,13 +24705,13 @@ function BarImpl(props) {
 	var firstDataPoint = rects === null || rects === void 0 ? void 0 : rects[0];
 	if (firstDataPoint == null || firstDataPoint.height == null || firstDataPoint.width == null) errorBarOffset = 0;
 	else errorBarOffset = layout === "vertical" ? firstDataPoint.height / 2 : firstDataPoint.width / 2;
-	return /* @__PURE__ */ React.createElement(SetErrorBarContext, {
+	return /* @__PURE__ */ React$1.createElement(SetErrorBarContext, {
 		xAxisId,
 		yAxisId,
 		data: rects,
 		dataPointFormatter: errorBarDataPointFormatter,
 		errorBarOffset
-	}, /* @__PURE__ */ React.createElement(BarWithState, _extends$3({}, props, {
+	}, /* @__PURE__ */ React$1.createElement(BarWithState, _extends$3({}, props, {
 		layout,
 		needClip,
 		data: rects,
@@ -24112,10 +24812,10 @@ function computeBarRectangles(_ref6) {
 function BarFn(outsideProps) {
 	var props = resolveDefaultProps(outsideProps, defaultBarProps);
 	var isPanorama = useIsPanorama();
-	return /* @__PURE__ */ React.createElement(RegisterGraphicalItemId, {
+	return /* @__PURE__ */ React$1.createElement(RegisterGraphicalItemId, {
 		id: props.id,
 		type: "bar"
-	}, (id) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromBarData(props) }), /* @__PURE__ */ React.createElement(SetBarTooltipEntrySettings, {
+	}, (id) => /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromBarData(props) }), /* @__PURE__ */ React$1.createElement(SetBarTooltipEntrySettings, {
 		dataKey: props.dataKey,
 		stroke: props.stroke,
 		strokeWidth: props.strokeWidth,
@@ -24124,7 +24824,7 @@ function BarFn(outsideProps) {
 		hide: props.hide,
 		unit: props.unit,
 		tooltipType: props.tooltipType
-	}), /* @__PURE__ */ React.createElement(SetCartesianGraphicalItem, {
+	}), /* @__PURE__ */ React$1.createElement(SetCartesianGraphicalItem, {
 		type: "bar",
 		id,
 		data: void 0,
@@ -24138,9 +24838,9 @@ function BarFn(outsideProps) {
 		minPointSize: props.minPointSize,
 		maxBarSize: props.maxBarSize,
 		isPanorama
-	}), /* @__PURE__ */ React.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React.createElement(BarImpl, _extends$3({}, props, { id })))));
+	}), /* @__PURE__ */ React$1.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React$1.createElement(BarImpl, _extends$3({}, props, { id })))));
 }
-var Bar = /* @__PURE__ */ React.memo(BarFn, propsAreEqual);
+var Bar = /* @__PURE__ */ React$1.memo(BarFn, propsAreEqual);
 Bar.displayName = "Bar";
 function ownKeys$1(e$1, r$1) {
 	var t = Object.keys(e$1);
@@ -24485,7 +25185,7 @@ var ClipPathProvider = (_ref$1) => {
 	var plotArea = usePlotArea();
 	if (plotArea == null) return null;
 	var { x: x$2, y: y$2, width, height } = plotArea;
-	return /* @__PURE__ */ React.createElement(ClipPathIdContext.Provider, { value: clipPathId }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: clipPathId }, /* @__PURE__ */ React.createElement("rect", {
+	return /* @__PURE__ */ React$1.createElement(ClipPathIdContext.Provider, { value: clipPathId }, /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("clipPath", { id: clipPathId }, /* @__PURE__ */ React$1.createElement("rect", {
 		x: x$2,
 		y: y$2,
 		height,
@@ -24791,7 +25491,7 @@ function RechartsStoreProvider(_ref$1) {
 	if (isPanorama) return children;
 	if (storeRef.current == null) storeRef.current = createRechartsStore(preloadedState, reduxStoreName);
 	var nonNullContext = RechartsReduxContext;
-	return /* @__PURE__ */ React.createElement(Provider_default, {
+	return /* @__PURE__ */ React$1.createElement(Provider_default, {
 		context: nonNullContext,
 		store: storeRef.current
 	}, children);
@@ -24844,7 +25544,7 @@ function ZIndexSvgPortal(_ref$1) {
 		portalId,
 		isPanorama
 	]);
-	return /* @__PURE__ */ React.createElement("g", {
+	return /* @__PURE__ */ React$1.createElement("g", {
 		tabIndex: -1,
 		id: portalId
 	});
@@ -24855,11 +25555,11 @@ function AllZIndexPortals(_ref2) {
 	if (!allRegisteredZIndexes || allRegisteredZIndexes.length === 0) return children;
 	var allNegativeZIndexes = allRegisteredZIndexes.filter((zIndex) => zIndex < 0);
 	var allPositiveZIndexes = allRegisteredZIndexes.filter((zIndex) => zIndex > 0);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, allNegativeZIndexes.map((zIndex) => /* @__PURE__ */ React.createElement(ZIndexSvgPortal, {
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, allNegativeZIndexes.map((zIndex) => /* @__PURE__ */ React$1.createElement(ZIndexSvgPortal, {
 		key: zIndex,
 		zIndex,
 		isPanorama
-	})), children, allPositiveZIndexes.map((zIndex) => /* @__PURE__ */ React.createElement(ZIndexSvgPortal, {
+	})), children, allPositiveZIndexes.map((zIndex) => /* @__PURE__ */ React$1.createElement(ZIndexSvgPortal, {
 		key: zIndex,
 		zIndex,
 		isPanorama
@@ -24911,7 +25611,7 @@ var MainChartSurface = /* @__PURE__ */ forwardRef((props, ref) => {
 		if (typeof otherAttributes.role === "string") role = otherAttributes.role;
 		else role = hasAccessibilityLayer ? "application" : void 0;
 	}
-	return /* @__PURE__ */ React.createElement(Surface, _extends$2({}, otherAttributes, {
+	return /* @__PURE__ */ React$1.createElement(Surface, _extends$2({}, otherAttributes, {
 		title,
 		desc,
 		role,
@@ -24927,7 +25627,7 @@ var BrushPanoramaSurface = (_ref$1) => {
 	var brushDimensions = useAppSelector(selectBrushDimensions);
 	if (!brushDimensions) return null;
 	var { width, height, y: y$2, x: x$2 } = brushDimensions;
-	return /* @__PURE__ */ React.createElement(Surface, {
+	return /* @__PURE__ */ React$1.createElement(Surface, {
 		width,
 		height,
 		x: x$2,
@@ -24936,8 +25636,8 @@ var BrushPanoramaSurface = (_ref$1) => {
 };
 var RootSurface = /* @__PURE__ */ forwardRef((_ref2, ref) => {
 	var { children } = _ref2, rest = _objectWithoutProperties$1(_ref2, _excluded$1);
-	if (useIsPanorama()) return /* @__PURE__ */ React.createElement(BrushPanoramaSurface, null, /* @__PURE__ */ React.createElement(AllZIndexPortals, { isPanorama: true }, children));
-	return /* @__PURE__ */ React.createElement(MainChartSurface, _extends$2({ ref }, rest), /* @__PURE__ */ React.createElement(AllZIndexPortals, { isPanorama: false }, children));
+	if (useIsPanorama()) return /* @__PURE__ */ React$1.createElement(BrushPanoramaSurface, null, /* @__PURE__ */ React$1.createElement(AllZIndexPortals, { isPanorama: true }, children));
+	return /* @__PURE__ */ React$1.createElement(MainChartSurface, _extends$2({ ref }, rest), /* @__PURE__ */ React$1.createElement(AllZIndexPortals, { isPanorama: false }, children));
 });
 function useReportScale() {
 	var dispatch = useAppDispatch();
@@ -25056,10 +25756,10 @@ var ResponsiveDiv = /* @__PURE__ */ forwardRef((props, ref) => {
 			if (observer != null) observer.disconnect();
 		};
 	}, [setContainerSize]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReportChartSize, {
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(ReportChartSize, {
 		width: sizes.containerWidth,
 		height: sizes.containerHeight
-	}), /* @__PURE__ */ React.createElement("div", _extends$1({ ref: innerRef }, props)));
+	}), /* @__PURE__ */ React$1.createElement("div", _extends$1({ ref: innerRef }, props)));
 });
 var ReadSizeOnceDiv = /* @__PURE__ */ forwardRef((props, ref) => {
 	var { width, height } = props;
@@ -25085,22 +25785,22 @@ var ReadSizeOnceDiv = /* @__PURE__ */ forwardRef((props, ref) => {
 			setContainerSize(containerWidth, containerHeight);
 		}
 	}, [ref, setContainerSize]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReportChartSize, {
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(ReportChartSize, {
 		width: sizes.containerWidth,
 		height: sizes.containerHeight
-	}), /* @__PURE__ */ React.createElement("div", _extends$1({ ref: innerRef }, props)));
+	}), /* @__PURE__ */ React$1.createElement("div", _extends$1({ ref: innerRef }, props)));
 });
 var StaticDiv = /* @__PURE__ */ forwardRef((props, ref) => {
 	var { width, height } = props;
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReportChartSize, {
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(ReportChartSize, {
 		width,
 		height
-	}), /* @__PURE__ */ React.createElement("div", _extends$1({ ref }, props)));
+	}), /* @__PURE__ */ React$1.createElement("div", _extends$1({ ref }, props)));
 });
 var NonResponsiveDiv = /* @__PURE__ */ forwardRef((props, ref) => {
 	var { width, height } = props;
-	if (isPercent(width) || isPercent(height)) return /* @__PURE__ */ React.createElement(ReadSizeOnceDiv, _extends$1({}, props, { ref }));
-	return /* @__PURE__ */ React.createElement(StaticDiv, _extends$1({}, props, { ref }));
+	if (isPercent(width) || isPercent(height)) return /* @__PURE__ */ React$1.createElement(ReadSizeOnceDiv, _extends$1({}, props, { ref }));
+	return /* @__PURE__ */ React$1.createElement(StaticDiv, _extends$1({}, props, { ref }));
 });
 function getWrapperDivComponent(responsive) {
 	return responsive === true ? ResponsiveDiv : NonResponsiveDiv;
@@ -25209,7 +25909,7 @@ var RechartsWrapper = /* @__PURE__ */ forwardRef((props, ref) => {
 		}));
 	}, [dispatch, onTouchEnd]);
 	var WrapperDiv = getWrapperDivComponent(responsive);
-	return /* @__PURE__ */ React.createElement(TooltipPortalContext.Provider, { value: tooltipPortal }, /* @__PURE__ */ React.createElement(LegendPortalContext.Provider, { value: legendPortal }, /* @__PURE__ */ React.createElement(WrapperDiv, {
+	return /* @__PURE__ */ React$1.createElement(TooltipPortalContext.Provider, { value: tooltipPortal }, /* @__PURE__ */ React$1.createElement(LegendPortalContext.Provider, { value: legendPortal }, /* @__PURE__ */ React$1.createElement(WrapperDiv, {
 		width: width !== null && width !== void 0 ? width : style === null || style === void 0 ? void 0 : style.width,
 		height: height !== null && height !== void 0 ? height : style === null || style === void 0 ? void 0 : style.height,
 		className: clsx("recharts-wrapper", className),
@@ -25233,7 +25933,7 @@ var RechartsWrapper = /* @__PURE__ */ forwardRef((props, ref) => {
 		onTouchMove: myOnTouchMove,
 		onTouchStart: myOnTouchStart,
 		ref: innerRef
-	}, /* @__PURE__ */ React.createElement(EventSynchronizer, null), children)));
+	}, /* @__PURE__ */ React$1.createElement(EventSynchronizer, null), children)));
 });
 var _excluded = [
 	"width",
@@ -25267,15 +25967,15 @@ function _objectWithoutPropertiesLoose(r$1, e$1) {
 var CategoricalChart = /* @__PURE__ */ forwardRef((props, ref) => {
 	var { width, height, responsive, children, className, style, compact, title, desc } = props;
 	var attrs = svgPropertiesNoEvents(_objectWithoutProperties(props, _excluded));
-	if (compact) return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReportChartSize, {
+	if (compact) return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(ReportChartSize, {
 		width,
 		height
-	}), /* @__PURE__ */ React.createElement(RootSurface, {
+	}), /* @__PURE__ */ React$1.createElement(RootSurface, {
 		otherAttributes: attrs,
 		title,
 		desc
 	}, children));
-	return /* @__PURE__ */ React.createElement(RechartsWrapper, {
+	return /* @__PURE__ */ React$1.createElement(RechartsWrapper, {
 		className,
 		style,
 		width,
@@ -25292,12 +25992,12 @@ var CategoricalChart = /* @__PURE__ */ forwardRef((props, ref) => {
 		onTouchStart: props.onTouchStart,
 		onTouchMove: props.onTouchMove,
 		onTouchEnd: props.onTouchEnd
-	}, /* @__PURE__ */ React.createElement(RootSurface, {
+	}, /* @__PURE__ */ React$1.createElement(RootSurface, {
 		otherAttributes: attrs,
 		title,
 		desc,
 		ref
-	}, /* @__PURE__ */ React.createElement(ClipPathProvider, null, children)));
+	}, /* @__PURE__ */ React$1.createElement(ClipPathProvider, null, children)));
 });
 function _extends() {
 	return _extends = Object.assign ? Object.assign.bind() : function(n$1) {
@@ -25335,13 +26035,13 @@ var CartesianChart = /* @__PURE__ */ forwardRef(function CartesianChart$1(props,
 		tooltipPayloadSearcher,
 		eventEmitter: void 0
 	};
-	return /* @__PURE__ */ React.createElement(RechartsStoreProvider, {
+	return /* @__PURE__ */ React$1.createElement(RechartsStoreProvider, {
 		preloadedState: { options: options$1 },
 		reduxStoreName: (_categoricalChartProp = categoricalChartProps.id) !== null && _categoricalChartProp !== void 0 ? _categoricalChartProp : chartName
-	}, /* @__PURE__ */ React.createElement(ChartDataContextProvider, { chartData: categoricalChartProps.data }), /* @__PURE__ */ React.createElement(ReportMainChartProps, {
+	}, /* @__PURE__ */ React$1.createElement(ChartDataContextProvider, { chartData: categoricalChartProps.data }), /* @__PURE__ */ React$1.createElement(ReportMainChartProps, {
 		layout: rootChartProps.layout,
 		margin: rootChartProps.margin
-	}), /* @__PURE__ */ React.createElement(ReportChartProps, {
+	}), /* @__PURE__ */ React$1.createElement(ReportChartProps, {
 		baseValue: rootChartProps.baseValue,
 		accessibilityLayer: rootChartProps.accessibilityLayer,
 		barCategoryGap: rootChartProps.barCategoryGap,
@@ -25353,11 +26053,11 @@ var CartesianChart = /* @__PURE__ */ forwardRef(function CartesianChart$1(props,
 		syncMethod: rootChartProps.syncMethod,
 		className: rootChartProps.className,
 		reverseStackOrder: rootChartProps.reverseStackOrder
-	}), /* @__PURE__ */ React.createElement(CategoricalChart, _extends({}, rootChartProps, { ref })));
+	}), /* @__PURE__ */ React$1.createElement(CategoricalChart, _extends({}, rootChartProps, { ref })));
 });
 var allowedTooltipTypes = ["axis", "item"];
 var BarChart = /* @__PURE__ */ forwardRef((props, ref) => {
-	return /* @__PURE__ */ React.createElement(CartesianChart, {
+	return /* @__PURE__ */ React$1.createElement(CartesianChart, {
 		chartName: "BarChart",
 		defaultTooltipEventType: "axis",
 		validateTooltipEventTypes: allowedTooltipTypes,
@@ -25570,7 +26270,7 @@ const AICardGlass = forwardRef(({ onGenerate, features = defaultFeatures, estima
 				}, `feature-${i}`))
 			}),
 			/* @__PURE__ */ jsx(ButtonGlass, {
-				variant: "primary",
+				variant: "default",
 				size: "sm",
 				icon: Zap,
 				onClick: onGenerate,
@@ -26100,7 +26800,7 @@ const RepositoryCardGlass = forwardRef(({ name, languages, commits, contribution
 						className: "flex-1",
 						children: "GitHub"
 					}), /* @__PURE__ */ jsx(ButtonGlass, {
-						variant: "primary",
+						variant: "default",
 						size: "sm",
 						icon: Sparkles,
 						onClick: (e$1) => {
@@ -26437,7 +27137,7 @@ const YearCardGlass = forwardRef(({ year, emoji, label, commits, progress, isExp
 					}),
 					children,
 					onShowYear && /* @__PURE__ */ jsx(ButtonGlass, {
-						variant: "primary",
+						variant: "default",
 						size: "sm",
 						onClick: (e$1) => {
 							e$1.stopPropagation();
@@ -26966,4 +27666,4 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
 TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
 export { BaseProgressGlass as $, buttonGlassVariants as $t, useChartHeight as A, GlassCard as At, adaptEventsOfChild as B, DropdownMenuGlassRadioGroup as Bt, sparklineContainerVariants as C, PopoverGlassLegacy as Ct, Tooltip as D, ModalGlass as Dt, Cell as E, notificationVariants as Et, selectLegendPayload as F, DropdownMenuGlassContent as Ft, SegmentedControlGlass as G, DropdownMenuGlassSubContent as Gt, isNumber as H, DropdownMenuGlassSeparator as Ht, useAppDispatch as I, DropdownMenuGlassGroup as It, progressSizes as J, ComboBoxGlass as Jt, RainbowProgressGlass as K, DropdownMenuGlassSubTrigger as Kt, useAppSelector as L, DropdownMenuGlassItem as Lt, useMargin as M, DropdownGlass as Mt, ResponsiveContainer as N, DropdownMenuGlass as Nt, setLegendSettings as O, modalSizes as Ot, useElementOffset as P, DropdownMenuGlassCheckboxItem as Pt, StatusIndicatorGlass as Q, ButtonGlass as Qt, getUniqPayload as R, DropdownMenuGlassLabel as Rt, sparklineBarVariants as S, PopoverGlassContent as St, Bar as T, NotificationGlass as Tt, useLegendPortal as U, DropdownMenuGlassShortcut as Ut, Symbols as V, DropdownMenuGlassRadioItem as Vt, Surface as W, DropdownMenuGlassSub as Wt, LanguageBarGlass as X, CircularProgressGlass as Xt, ProfileAvatarGlass as Y, inputVariants as Yt, FlagAlertGlass as Z, CheckboxGlass as Zt, ContributionMetricsGlass as _, SliderGlass as _t, HeaderBrandingGlass as a, AvatarGlassSimple as an, insightCardVariants as at, AICardGlass as b, PopoverGlass as bt, YearCardGlass as c, AlertGlass as cn, ExpandableHeaderGlass as ct, TrustScoreDisplayGlass as d, InteractiveCard as dn, TooltipGlassProvider as dt, BadgeGlass as en, ThemeToggleGlass as et, RepositoryMetadataGlass as f, FormFieldWrapper as fn, TooltipGlassSimple as ft, MetricCardGlass as g, TabsGlass as gt, MetricsGridGlass as h, toggleSizes as ht, HeaderNavGlass as i, AvatarGlassImage as in, InsightCardGlass as it, useChartWidth as j, cardIntensity as jt, setLegendSize as k, InputGlass as kt, UserStatsLineGlass as l, AlertGlassDescription as ln, TooltipGlass as lt, RepositoryCardGlass as m, alertVariants as mn, ToggleGlass as mt, ProjectsListGlass as n, AvatarGlass as nn, SortDropdownGlass as nt, FlagsSectionGlass as o, avatarSizes as on, insightVariantConfig as ot, RepositoryHeaderGlass as p, TouchTarget as pn, TooltipGlassTrigger as pt, ProgressGlass as q, DropdownMenuGlassTrigger as qt, ProfileHeaderGlass as r, AvatarGlassFallback as rn, SearchBoxGlass as rt, CareerStatsGlass as s, statusSizes as sn, IconButtonGlass as st, TrustScoreCardGlass as t, badgeVariants as tn, StatItemGlass as tt, UserInfoGlass as u, AlertGlassTitle as un, TooltipGlassContent as ut, CircularMetricGlass as v, SkeletonGlass as vt, BarChart as w, PopoverGlassTrigger as wt, SparklineGlass as x, PopoverGlassAnchor as xt, CareerStatsHeaderGlass as y, skeletonVariants as yt, resolveDefaultProps as z, DropdownMenuGlassPortal as zt };
 
-//# sourceMappingURL=trust-score-card-glass-A7kas5OS.js.map
+//# sourceMappingURL=trust-score-card-glass-L9g0qamo.js.map