shadcn-glass-ui 2.0.11 → 2.1.0

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

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-const require_utils = require("./utils-BXN7AcRu.cjs");
-const require_use_focus = require("./use-focus-BRkQtQCj.cjs");
-const require_theme_context = require("./theme-context-DNe_2vWJ.cjs");
+const require_utils = require("./utils-LYxxWvUn.cjs");
+const require_use_focus = require("./use-focus-CeNHOiBa.cjs");
+const require_theme_context = require("./theme-context-BHXYJ4RE.cjs");
 let react = require("react");
 react = __toESM(react);
 let lucide_react = require("lucide-react");
@@ -412,29 +412,30 @@ BadgeGlass.displayName = "BadgeGlass";
 const buttonGlassVariants = (0, class_variance_authority.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 = (0, react.forwardRef)(({ asChild = false, className, variant = "primary", size: size$3 = "md", children, loading = false, disabled, icon: Icon, iconPosition = "left", onClick, ...props }, ref) => {
+const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant = "default", size: size$3 = "default", children, loading = false, disabled, icon: Icon, iconPosition = "left", onClick, ...props }, ref) => {
 	const { isHovered, hoverProps } = require_use_focus.useHover();
 	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
 	const [ripple, setRipple] = (0, react.useState)(null);
@@ -516,7 +524,7 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
 		onBlur: focusProps.onBlur,
 		...props,
 		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "absolute inset-0 overflow-hidden pointer-events-none",
 				style: { borderRadius: "inherit" },
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -535,7 +543,7 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
 					animation: "ripple 0.6s ease-out"
 				}
 			}),
-			isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			isHovered && variant === "default" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
 				style: { background: "var(--btn-glow-radial)" }
 			}),
@@ -787,7 +795,7 @@ function composeRefs(...refs) {
 function useComposedRefs(...refs) {
 	return react.useCallback(composeRefs(...refs), refs);
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$2(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
 	function createContext3(rootComponentName, defaultContext) {
 		const BaseContext = react.createContext(defaultContext);
@@ -825,9 +833,9 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		};
 	};
 	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 = () => {
@@ -849,7 +857,7 @@ function composeContextScopes$1(...scopes) {
 	createScope$2.scopeName = baseScope.scopeName;
 	return createScope$2;
 }
-var Primitive$6 = [
+var Primitive$7 = [
 	"a",
 	"button",
 	"div",
@@ -983,7 +991,7 @@ var DismissableLayer = react.forwardRef((props, forwardedRef) => {
 		document.addEventListener(CONTEXT_UPDATE, handleUpdate);
 		return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
 	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$6.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$7.div, {
 		...layerProps,
 		ref: composedRefs,
 		style: {
@@ -1010,7 +1018,7 @@ var DismissableLayerBranch = react.forwardRef((props, forwardedRef) => {
 			};
 		}
 	}, [context.branches]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$6.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$7.div, {
 		...props,
 		ref: composedRefs
 	});
@@ -1099,7 +1107,7 @@ function createFocusGuard() {
 	element.style.pointerEvents = "none";
 	return element;
 }
-var Primitive$5 = [
+var Primitive$6 = [
 	"a",
 	"button",
 	"div",
@@ -1245,7 +1253,7 @@ var FocusScope = react.forwardRef((props, forwardedRef) => {
 		trapped,
 		focusScope.paused
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$5.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$6.div, {
 		tabIndex: -1,
 		...scopeProps,
 		ref: composedRefs,
@@ -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,
@@ -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",
@@ -2861,7 +2869,7 @@ var Primitive$4 = [
 var NAME = "Arrow";
 var Arrow$1 = react.forwardRef((props, forwardedRef) => {
 	const { children, width = 10, height = 5, ...arrowProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$4.svg, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$5.svg, {
 		...arrowProps,
 		ref: forwardedRef,
 		width,
@@ -2872,8 +2880,8 @@ 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);
@@ -2911,9 +2919,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
 		};
 	};
 	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 = () => {
@@ -2935,7 +2943,7 @@ function composeContextScopes(...scopes) {
 	createScope$2.scopeName = baseScope.scopeName;
 	return createScope$2;
 }
-var Primitive$3 = [
+var Primitive$4 = [
 	"a",
 	"button",
 	"div",
@@ -3005,7 +3013,7 @@ 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;
@@ -3030,7 +3038,7 @@ var PopperAnchor = react.forwardRef((props, forwardedRef) => {
 		anchorRef.current = virtualRef?.current || ref.current;
 		if (previousAnchor !== anchorRef.current) context.onAnchorChange(anchorRef.current);
 	});
-	return virtualRef ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$3.div, {
+	return virtualRef ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$4.div, {
 		...anchorProps,
 		ref: composedRefs
 	});
@@ -3140,7 +3148,7 @@ var PopperContent = react.forwardRef((props, forwardedRef) => {
 			arrowX,
 			arrowY,
 			shouldHideArrow: cannotCenterArrow,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$3.div, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$4.div, {
 				"data-side": placedSide,
 				"data-align": placedAlign,
 				...contentProps,
@@ -3186,7 +3194,7 @@ var PopperArrow = react.forwardRef(function PopperArrow2(props, forwardedRef) {
 			}[contentContext.placedSide],
 			visibility: contentContext.shouldHideArrow ? "hidden" : void 0
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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",
@@ -3286,7 +3294,7 @@ var Portal = react.forwardRef((props, forwardedRef) => {
 	const [mounted, setMounted] = react.useState(false);
 	useLayoutEffect2(() => setMounted(true), []);
 	const container = containerProp || mounted && globalThis?.document?.body;
-	return container ? react_dom.default.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$2.div, {
+	return container ? react_dom.default.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$3.div, {
 		...portalProps,
 		ref: forwardedRef
 	}), container) : null;
@@ -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",
@@ -4168,7 +4176,7 @@ 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) => {
@@ -4223,7 +4231,7 @@ var PopoverTrigger$1 = react.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
 	const popperScope = usePopperScope(__scopePopover);
 	const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-	const trigger = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$1.button, {
+	const trigger = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$2.button, {
 		type: "button",
 		"aria-haspopup": "dialog",
 		"aria-expanded": context.open,
@@ -4379,7 +4387,7 @@ var CLOSE_NAME = "PopoverClose";
 var PopoverClose = react.forwardRef((props, forwardedRef) => {
 	const { __scopePopover, ...closeProps } = props;
 	const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$1.button, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Primitive$2.button, {
 		type: "button",
 		...closeProps,
 		ref: forwardedRef,
@@ -4443,7 +4451,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",
@@ -4640,7 +4648,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	}, se = (e$1) => {
 		e$1.preventDefault(), e$1.metaKey ? X$4(0) : e$1.altKey ? re$1(-1) : Q(-1);
 	};
-	return react.createElement(Primitive.div, {
+	return react.createElement(Primitive$1.div, {
 		ref: o,
 		tabIndex: -1,
 		...O$1,
@@ -4714,7 +4722,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.createElement(Primitive$1.div, {
 		ref: composeRefs(u$2, o),
 		...q$1,
 		id: n$1,
@@ -4738,7 +4746,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		id: f$1,
 		forceMount: c$2
 	}), [c$2]);
-	return react.createElement(Primitive.div, {
+	return react.createElement(Primitive$1.div, {
 		ref: composeRefs(p$2, o),
 		...d$1,
 		"cmdk-group": "",
@@ -4756,7 +4764,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	}, 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, {
+	return !n$1 && !d$1 ? null : react.createElement(Primitive$1.div, {
 		ref: composeRefs(c$2, o),
 		...u$2,
 		"cmdk-separator": "",
@@ -4766,7 +4774,7 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 	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(() => {
 		r$1.value != null && d$1.setState("search", r$1.value);
-	}, [r$1.value]), react.createElement(Primitive.input, {
+	}, [r$1.value]), react.createElement(Primitive$1.input, {
 		ref: o,
 		...u$2,
 		"cmdk-input": "",
@@ -4800,7 +4808,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.createElement(Primitive$1.div, {
 		ref: composeRefs(d$1, o),
 		...c$2,
 		"cmdk-list": "",
@@ -4829,14 +4837,14 @@ var N = "[cmdk-group=\"\"]", Y = "[cmdk-group-items=\"\"]", be = "[cmdk-group-he
 		ref: o,
 		...p$2
 	}))));
-}), Ie = react.forwardRef((r$1, o) => P((u$2) => u$2.filtered.count === 0) ? react.createElement(Primitive.div, {
+}), Ie = react.forwardRef((r$1, o) => P((u$2) => u$2.filtered.count === 0) ? react.createElement(Primitive$1.div, {
 	ref: o,
 	...r$1,
 	"cmdk-empty": "",
 	role: "presentation"
 }) : null), Pe = react.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.createElement(Primitive$1.div, {
 		ref: o,
 		...d$1,
 		"cmdk-loading": "",
@@ -4995,7 +5003,7 @@ function getDropdownItemClasses(options$1) {
 }
 const dropdownSeparatorClasses = require_utils.cn("h-px my-1", "bg-[var(--dropdown-border)]");
 const dropdownLabelClasses = require_utils.cn("px-3 py-1.5 md:px-4 md:py-2", "text-xs font-medium", "text-[var(--text-muted)]");
-function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder = "Select option...", emptyText = "No results found.", searchPlaceholder = "Search...", glassVariant = "glass", disabled = false, className, popoverClassName, clearable = false, side = "bottom", align = "start", label, error, success, required = false, size: size$3 = "md", searchable = true, icon: TriggerIcon }, ref) {
+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] = (0, react.useState)(false);
 	const [search, setSearch] = (0, react.useState)("");
 	const fieldId = (0, react.useId)();
@@ -5006,13 +5014,13 @@ function ComboBoxGlassInner({ options: options$1, value, onChange, placeholder =
 		return options$1.filter((opt) => opt.label.toLowerCase().includes(searchLower));
 	}, [options$1, search]);
 	const handleSelect = (0, react.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 = () => {
@@ -5683,23 +5691,704 @@ const SkeletonGlass = (0, react.forwardRef)(({ className, variant = "text", widt
 	});
 });
 SkeletonGlass.displayName = "SkeletonGlass";
-const SliderGlass = (0, react.forwardRef)(({ className, value, onChange, min: min$2 = 0, max: max$2 = 100, step = 1, showValue, label, error, success, disabled, ...props }, ref) => {
-	const { isHovered, hoverProps } = require_use_focus.useHover();
-	const { isFocusVisible, focusProps } = require_use_focus.useFocus({ focusVisible: true });
-	const [isDragging, setIsDragging] = (0, react.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.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));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
+				value,
+				children
+			});
+		};
+		Provider$1.displayName = rootComponentName + "Provider";
+		function useContext2(consumerName, scope) {
+			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
+			const context = react.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.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			const contexts = scope?.[scopeName] || scopeContexts;
+			return react.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.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+		};
+	};
+	createScope$2.scopeName = baseScope.scopeName;
+	return createScope$2;
+}
+var DirectionContext = react.createContext(void 0);
+function useDirection(localDir) {
+	const globalDir = react.useContext(DirectionContext);
+	return localDir || globalDir || "ltr";
+}
+function usePrevious(value) {
+	const ref = react.useRef({
+		value,
+		previous: value
+	});
+	return react.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$3 = (0, __radix_ui_react_slot.createSlot)(`Primitive.${node}`);
+	const Node$1 = react.forwardRef((props, forwardedRef) => {
+		const { asChild, ...primitiveProps } = props;
+		const Comp = asChild ? Slot$3 : node;
+		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+			...primitiveProps,
+			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.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));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
+				value,
+				children
+			});
+		};
+		Provider$1.displayName = rootComponentName + "Provider";
+		function useContext2(consumerName, scope) {
+			const Context = scope?.[scopeName]?.[index$1] || BaseContext;
+			const context = react.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.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			const contexts = scope?.[scopeName] || scopeContexts;
+			return react.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.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.default.useRef(null);
+		const itemMap = react.default.useRef(/* @__PURE__ */ new Map()).current;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollectionProviderImpl, {
+			scope,
+			itemMap,
+			collectionRef: ref,
+			children
+		});
+	};
+	CollectionProvider.displayName = PROVIDER_NAME;
+	const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+	const CollectionSlotImpl = (0, __radix_ui_react_slot.createSlot)(COLLECTION_SLOT_NAME);
+	const CollectionSlot = react.default.forwardRef((props, forwardedRef) => {
+		const { scope, children } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, __radix_ui_react_slot.createSlot)(ITEM_SLOT_NAME);
+	const CollectionItemSlot = react.default.forwardRef((props, forwardedRef) => {
+		const { scope, children, ...itemData } = props;
+		const ref = react.default.useRef(null);
+		const composedRefs = useComposedRefs(forwardedRef, ref);
+		const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+		react.default.useEffect(() => {
+			context.itemMap.set(ref, {
+				ref,
+				...itemData
+			});
+			return () => void context.itemMap.delete(ref);
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.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.default.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.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.useRef(/* @__PURE__ */ new Set());
+	const valueIndexToChangeRef = react.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.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__ */ (0, react_jsx_runtime.jsx)(SliderProvider, {
+		scope: props.__scopeSlider,
+		name,
+		disabled,
+		min: min$2,
+		max: max$2,
+		valueIndexToChangeRef,
+		thumbs: thumbRefs.current,
+		values,
+		orientation,
+		form,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collection.Provider, {
+			scope: props.__scopeSlider,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collection.Slot, {
+				scope: props.__scopeSlider,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.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.forwardRef((props, forwardedRef) => {
+	const { min: min$2, max: max$2, dir, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
+	const [slider, setSlider] = react.useState(null);
+	const composedRefs = useComposedRefs(forwardedRef, (node) => setSlider(node));
+	const rectRef = react.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__ */ (0, react_jsx_runtime.jsx)(SliderOrientationProvider, {
+		scope: props.__scopeSlider,
+		startEdge: isSlidingFromLeft ? "left" : "right",
+		endEdge: isSlidingFromLeft ? "right" : "left",
+		direction: isSlidingFromLeft ? 1 : -1,
+		size: "width",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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.forwardRef((props, forwardedRef) => {
+	const { min: min$2, max: max$2, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
+	const sliderRef = react.useRef(null);
+	const ref = useComposedRefs(forwardedRef, sliderRef);
+	const rectRef = react.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__ */ (0, react_jsx_runtime.jsx)(SliderOrientationProvider, {
+		scope: props.__scopeSlider,
+		startEdge: isSlidingFromBottom ? "bottom" : "top",
+		endEdge: isSlidingFromBottom ? "top" : "bottom",
+		size: "height",
+		direction: isSlidingFromBottom ? 1 : -1,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props;
+	const context = useSliderContext(SLIDER_NAME, __scopeSlider);
+	return /* @__PURE__ */ (0, react_jsx_runtime.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.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, ...trackProps } = props;
+	const context = useSliderContext(TRACK_NAME, __scopeSlider);
+	return /* @__PURE__ */ (0, react_jsx_runtime.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.forwardRef((props, forwardedRef) => {
+	const { __scopeSlider, ...rangeProps } = props;
+	const context = useSliderContext(RANGE_NAME, __scopeSlider);
+	const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider);
+	const composedRefs = useComposedRefs(forwardedRef, react.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__ */ (0, react_jsx_runtime.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.forwardRef((props, forwardedRef) => {
+	const getItems = useCollection(props.__scopeSlider);
+	const [thumb, setThumb] = react.useState(null);
+	const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node));
+	const index$1 = react.useMemo(() => thumb ? getItems().findIndex((item) => item.ref.current === thumb) : -1, [getItems, thumb]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderThumbImpl, {
+		...props,
+		ref: composedRefs,
+		index: index$1
+	});
+});
+var SliderThumbImpl = react.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.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.useEffect(() => {
+		if (thumb) {
+			context.thumbs.add(thumb);
+			return () => {
+				context.thumbs.delete(thumb);
+			};
+		}
+	}, [thumb, context.thumbs]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		style: {
+			transform: "var(--radix-slider-thumb-transform)",
+			position: "absolute",
+			[orientation.startEdge]: `calc(${percent}% + ${thumbInBoundsOffset}px)`
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collection.ItemSlot, {
+			scope: props.__scopeSlider,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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.forwardRef(({ __scopeSlider, value, ...props }, forwardedRef) => {
+	const ref = react.useRef(null);
+	const composedRefs = useComposedRefs(ref, forwardedRef);
+	const prevValue = usePrevious(value);
+	react.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__ */ (0, react_jsx_runtime.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 = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex justify-between mb-1.5 md:mb-2",
@@ -5710,7 +6399,7 @@ const SliderGlass = (0, react.forwardRef)(({ className, value, onChange, min: mi
 		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(FormFieldWrapper, {
@@ -5718,48 +6407,31 @@ const SliderGlass = (0, react.forwardRef)(({ className, value, onChange, min: mi
 		error,
 		success,
 		className: require_utils.cn("w-full", className),
-		children: [customLabel, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "relative w-full h-8 md:h-6 flex items-center",
-			onMouseEnter: hoverProps.onMouseEnter,
-			onMouseLeave: hoverProps.onMouseLeave,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "absolute w-full h-2.5 md:h-2 rounded-full",
-					style: trackStyles
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "absolute h-2.5 md:h-2 rounded-full transition-all duration-150",
-					style: fillStyles
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
+			ref,
+			value,
+			defaultValue,
+			onValueChange,
+			onValueCommit,
+			min: min$2,
+			max: max$2,
+			step,
+			disabled,
+			orientation,
+			className: require_utils.cn("relative flex touch-none select-none", orientation === "horizontal" ? "w-full h-8 md:h-6 items-center" : "flex-col h-full w-8 md:w-6 justify-center", disabled && "opacity-50 cursor-not-allowed", "group"),
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Track, {
+				className: require_utils.cn("relative grow rounded-full", orientation === "horizontal" ? "h-2.5 md:h-2 w-full" : "w-2.5 md:w-2 h-full"),
+				style: trackStyles,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Range, {
+					className: require_utils.cn("absolute rounded-full transition-shadow duration-150", orientation === "horizontal" ? "h-full" : "w-full", "group-hover:shadow-(--slider-fill-glow)", "group-active:shadow-(--slider-fill-glow)"),
+					style: rangeStyles
 				})
-			]
+			}), currentValue.map((_, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Thumb, {
+				className: require_utils.cn("block rounded-full shadow-md transition-all duration-150", "w-6 h-6 md:w-5 md:h-5", "hover:scale-105", "focus-visible:outline-none focus-visible:shadow-(--focus-glow)", "active:scale-110", disabled && "pointer-events-none"),
+				style: thumbStyles,
+				"aria-label": label ? currentValue.length > 1 ? `${label} thumb ${index$1 + 1}` : label : `Slider thumb ${index$1 + 1}`
+			}, index$1))]
 		})]
 	});
 });
@@ -5876,12 +6548,21 @@ const TabsGlass = {
 	Content: TabsContent
 };
 const toggleSizes = (0, class_variance_authority.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: {
@@ -5889,7 +6570,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"
@@ -5900,12 +6581,28 @@ var sizesConfig = {
 		translate: "translate-x-7"
 	}
 };
-const ToggleGlass = (0, react.forwardRef)(({ className, size: size$3 = "md", checked, onChange, disabled, label, ...props }, ref) => {
+const ToggleGlass = (0, react.forwardRef)(({ className, size: size$3 = "default", variant = "default", pressed: controlledPressed, defaultPressed = false, onPressedChange, disabled, label, ...props }, ref) => {
+	const [uncontrolledPressed, setUncontrolledPressed] = (0, react.useState)(defaultPressed);
+	const isControlled = controlledPressed !== void 0;
+	const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
 	const { isFocusVisible, focusProps } = require_use_focus.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__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -5914,17 +6611,20 @@ const ToggleGlass = (0, react.forwardRef)(({ className, size: size$3 = "md", che
 			ref,
 			type: "button",
 			role: "switch",
-			"aria-checked": checked,
+			"aria-pressed": isPressed,
 			"aria-label": label || "Toggle switch",
 			disabled,
-			className: require_utils.cn(toggleSizes({ size: size$3 }), disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !label && className),
-			style: trackStyles,
-			onClick: () => !disabled && onChange?.(!checked),
+			className: require_utils.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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_utils.cn("absolute top-0.5 left-0.5 rounded-full shadow-md transition-all duration-300", s$1.knob, checked && s$1.translate),
+				className: require_utils.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
 			})
 		})
@@ -9232,7 +9932,7 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		function useSyncExternalStore$2$1(subscribe, getSnapshot) {
-			didWarnOld18Alpha || void 0 === React$4.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			didWarnOld18Alpha || void 0 === React$5.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
 			var value = getSnapshot();
 			if (!didWarnUncachedGetSnapshot) {
 				var cachedValue = getSnapshot();
@@ -9275,8 +9975,8 @@ var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJ
 			return getSnapshot();
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$20 = React$4.useState, useEffect$18 = React$4.useEffect, useLayoutEffect$7 = React$4.useLayoutEffect, useDebugValue$3 = React$4.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$2 : useSyncExternalStore$2$1;
-		exports.useSyncExternalStore = void 0 !== React$4.useSyncExternalStore ? React$4.useSyncExternalStore : shim$2;
+		var React$5 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useState$20 = React$5.useState, useEffect$18 = React$5.useEffect, useLayoutEffect$7 = React$5.useLayoutEffect, useDebugValue$3 = React$5.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1$2 : useSyncExternalStore$2$1;
+		exports.useSyncExternalStore = void 0 !== React$5.useSyncExternalStore ? React$5.useSyncExternalStore : shim$2;
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
 }));
@@ -9363,7 +10063,7 @@ var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports)
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$4 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$15 = React$4.useRef, useEffect$18 = React$4.useEffect, useMemo$12 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
+		var React$5 = require("react"), shim$2 = require_shim(), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = shim$2.useSyncExternalStore, useRef$15 = React$5.useRef, useEffect$18 = React$5.useEffect, useMemo$12 = React$5.useMemo, useDebugValue$3 = React$5.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 			var instRef = useRef$15(null);
 			if (null === instRef.current) {
@@ -15697,19 +16397,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();
@@ -15721,7 +16421,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;
@@ -17369,15 +18069,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;
@@ -17459,9 +18159,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) : [
@@ -17471,7 +18171,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;
@@ -23572,7 +24272,7 @@ var require_use_sync_external_store_with_selector_development = /* @__PURE__ */
 			return x$2 === y$2 && (0 !== x$2 || 1 / x$2 === 1 / y$2) || x$2 !== x$2 && y$2 !== y$2;
 		}
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var React$4 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$4.useSyncExternalStore, useRef$15 = React$4.useRef, useEffect$18 = React$4.useEffect, useMemo$12 = React$4.useMemo, useDebugValue$3 = React$4.useDebugValue;
+		var React$5 = require("react"), objectIs$3 = "function" === typeof Object.is ? Object.is : is$6, useSyncExternalStore$3 = React$5.useSyncExternalStore, useRef$15 = React$5.useRef, useEffect$18 = React$5.useEffect, useMemo$12 = React$5.useMemo, useDebugValue$3 = React$5.useDebugValue;
 		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 			var instRef = useRef$15(null);
 			if (null === instRef.current) {
@@ -25791,7 +26491,7 @@ const AICardGlass = (0, react.forwardRef)(({ onGenerate, features = defaultFeatu
 				}, `feature-${i}`))
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
-				variant: "primary",
+				variant: "default",
 				size: "sm",
 				icon: lucide_react.Zap,
 				onClick: onGenerate,
@@ -26321,7 +27021,7 @@ const RepositoryCardGlass = (0, react.forwardRef)(({ name, languages, commits, c
 						className: "flex-1",
 						children: "GitHub"
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
-						variant: "primary",
+						variant: "default",
 						size: "sm",
 						icon: lucide_react.Sparkles,
 						onClick: (e$1) => {
@@ -26658,7 +27358,7 @@ const YearCardGlass = (0, react.forwardRef)(({ year, emoji, label, commits, prog
 					}),
 					children,
 					onShowYear && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGlass, {
-						variant: "primary",
+						variant: "default",
 						size: "sm",
 						onClick: (e$1) => {
 							e$1.stopPropagation();
@@ -27924,4 +28624,4 @@ Object.defineProperty(exports, "useMargin", {
 	}
 });
 
-//# sourceMappingURL=trust-score-card-glass-Dgu46oWI.cjs.map
+//# sourceMappingURL=trust-score-card-glass-CGXmOIfq.cjs.map