@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/slider-CqapJ6Pa.js

@@ -0,0 +1,544 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { cn } from "tailwind-variants";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/ui/slider/math/slider-math-utils.ts
+const EPSILON = 1e-9;
+const clampNumber = (value, min, max) => Math.min(Math.max(value, min), max);
+const getPrecisionFromStep = (step) => {
+	if (!Number.isFinite(step) || step <= 0) return 0;
+	const [, decimals] = step.toString().split(".");
+	return decimals?.length ?? 0;
+};
+const toFloatingValue = (value, precision) => Number.parseFloat(value.toFixed(precision));
+const getPositionPercent = (value, min, max) => {
+	if (min === max) return 0;
+	return clampNumber((value - min) / (max - min) * 100, 0, 100);
+};
+const getSortedSelectableMarks = (marks, min, max) => {
+	if (!marks?.length) return [];
+	const uniqueMarks = /* @__PURE__ */ new Set();
+	for (const mark of marks) {
+		if (!Number.isFinite(mark.value)) continue;
+		if (mark.value < min || mark.value > max) continue;
+		uniqueMarks.add(mark.value);
+	}
+	const sortedMarks = [...uniqueMarks];
+	sortedMarks.sort((a, b) => a - b);
+	return sortedMarks;
+};
+const getNearestMarkValue = (value, marks) => {
+	if (!marks.length) return value;
+	let nearest = marks[0] ?? value;
+	let nearestDistance = Math.abs(value - nearest);
+	for (const mark of marks) {
+		const distance = Math.abs(value - mark);
+		if (distance + EPSILON < nearestDistance) {
+			nearest = mark;
+			nearestDistance = distance;
+		}
+	}
+	return nearest;
+};
+const getNextMarkValue = (current, marks) => {
+	for (const mark of marks) if (mark > current + EPSILON) return mark;
+	return current;
+};
+const getPreviousMarkValue = (current, marks) => {
+	for (let index = marks.length - 1; index >= 0; index -= 1) {
+		const mark = marks[index];
+		if (mark !== void 0 && mark < current - EPSILON) return mark;
+	}
+	return current;
+};
+const getFirstMarkValue = (marks, fallback) => marks[0] ?? fallback;
+const getLastMarkValue = (marks, fallback) => marks.at(-1) ?? fallback;
+const isMarkFilled = ({ inverted = false, mark, values }) => {
+	if (!values.length) return false;
+	if (values.length === 1) {
+		const [singleValue] = values;
+		if (singleValue === void 0) return false;
+		return inverted ? mark >= singleValue : mark <= singleValue;
+	}
+	const sortedValues = [...values];
+	sortedValues.sort((a, b) => a - b);
+	const [from = 0, to = 0] = sortedValues;
+	if (inverted) return mark <= from || mark >= to;
+	return mark >= from && mark <= to;
+};
+const isKeyboardLikeReason = (reason) => reason === "input-change" || reason === "keyboard";
+
+//#endregion
+//#region src/ui/slider/primitives/slider-control.tsx
+const SliderControl = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider.Control, {
+	className: mergeBaseUIClassName("group/control relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:flex-col", className),
+	"data-slot": "slider-control",
+	...props
+});
+
+//#endregion
+//#region src/ui/slider/primitives/slider-indicator.tsx
+const SliderIndicator = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider.Indicator, {
+	className: mergeBaseUIClassName("rounded-[var(--slider-radius,var(--radius-sm))] bg-[var(--slider-color,var(--color-primary))] select-none group-data-[invalid]/slider:bg-danger data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full transition-[background-color,inset-inline-start,inset-inline-end,inset-block-start,inset-block-end,width,height] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none", className),
+	...props,
+	"data-slot": "slider-range"
+});
+
+//#endregion
+//#region src/ui/slider/primitives/slider-mark.tsx
+const SliderMark = ({ disabled, filled, label, orientation = "horizontal", position }) => {
+	const isHorizontal = orientation === "horizontal";
+	const wrapperStyle = isHorizontal ? { insetInlineStart: `${position}%` } : { bottom: `${position}%` };
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("pointer-events-none absolute z-20", isHorizontal ? "top-1/2 -translate-x-1/2 -translate-y-1/2" : "left-1/2 -translate-x-1/2 translate-y-1/2"),
+		"data-filled": filled ? "true" : "false",
+		"data-slot": "slider-mark",
+		style: wrapperStyle,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn("block h-[var(--slider-mark-size,0.5rem)] w-[var(--slider-mark-size,0.5rem)] rounded-full border transition-[border-color,background-color] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none", filled ? "border-[var(--slider-color,var(--color-primary))] bg-[var(--slider-color,var(--color-primary))]" : "border-border bg-background", disabled && "border-muted bg-muted"),
+			"data-slot": "slider-mark-dot"
+		}), label ? /* @__PURE__ */ jsx("span", {
+			className: cn("pointer-events-none absolute whitespace-nowrap text-xs text-muted-foreground", isHorizontal ? "left-1/2 top-[calc(var(--slider-mark-size,0.5rem)+0.5rem)] -translate-x-1/2" : "left-[calc(var(--slider-mark-size,0.5rem)+0.5rem)] top-1/2 -translate-y-1/2"),
+			"data-slot": "slider-mark-label",
+			children: label
+		}) : null]
+	});
+};
+
+//#endregion
+//#region src/ui/slider/primitives/slider-marks.tsx
+const SliderMarks = ({ disabled, inverted, marks, max, min, orientation = "horizontal", values }) => {
+	const normalizedMarks = useMemo(() => {
+		if (!marks?.length) return [];
+		return marks.filter((mark) => Number.isFinite(mark.value)).map((mark) => ({
+			...mark,
+			position: getPositionPercent(mark.value, min, max)
+		}));
+	}, [
+		marks,
+		max,
+		min
+	]);
+	if (!normalizedMarks.length) return null;
+	return /* @__PURE__ */ jsx(Fragment, { children: normalizedMarks.map((mark) => /* @__PURE__ */ jsx(SliderMark, {
+		disabled,
+		filled: isMarkFilled({
+			inverted,
+			mark: mark.value,
+			values
+		}),
+		label: mark.label,
+		orientation,
+		position: mark.position
+	}, `${mark.value}-${String(mark.label)}`)) });
+};
+
+//#endregion
+//#region src/ui/slider/primitives/slider-thumb.tsx
+const SliderThumb = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider.Thumb, {
+	className: mergeBaseUIClassName("group/thumb relative block h-[var(--slider-thumb-size,1.25rem)] w-[var(--slider-thumb-size,1.25rem)] shrink-0 cursor-pointer rounded-[var(--slider-radius,var(--radius-sm))] border border-border bg-background shadow-sm ring-ring/50 select-none hover:ring-[3px] has-[:focus-visible]:ring-[3px] has-[:focus-visible]:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] disabled:pointer-events-none disabled:opacity-50 group-data-[invalid]/slider:border-danger group-data-[invalid]/slider:ring-danger/20 dark:group-data-[invalid]/slider:ring-danger/40 transition-[color,box-shadow,border-color,background-color] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none", className),
+	...props,
+	"data-slot": "slider-thumb"
+});
+
+//#endregion
+//#region src/ui/slider/shared/slider-transition.ts
+const defaultSliderLabelTransitionProps = {
+	delay: 0,
+	duration: 0,
+	timingFunction: "linear"
+};
+
+//#endregion
+//#region src/ui/slider/primitives/slider-thumb-label.tsx
+const toMilliseconds = (value) => `${value}ms`;
+const SliderThumbLabel = ({ className, label, labelAlwaysOn, orientation = "horizontal", showLabelOnHover, style, transitionProps, ...props }) => {
+	if (label === null || label === void 0) return null;
+	const transitionDelay = transitionProps?.delay ?? defaultSliderLabelTransitionProps.delay;
+	const transitionDuration = transitionProps?.duration ?? defaultSliderLabelTransitionProps.duration;
+	const transitionTimingFunction = transitionProps?.timingFunction ?? defaultSliderLabelTransitionProps.timingFunction;
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"aria-hidden": "true",
+		className: cn("pointer-events-none absolute z-30 whitespace-nowrap rounded-sm bg-foreground px-1.5 py-0.5 text-xs text-background shadow-sm transition-opacity group-data-[dragging]/slider:duration-0 motion-reduce:transition-none", orientation === "horizontal" ? "-top-[var(--slider-thumb-label-offset,2rem)] left-1/2 -translate-x-1/2" : "left-[var(--slider-thumb-label-offset-vertical,2rem)] top-1/2 -translate-y-1/2", labelAlwaysOn ? "opacity-100" : "opacity-0 group-data-[dragging]/slider:opacity-100 group-has-[:focus]/thumb:opacity-100", showLabelOnHover ? "group-hover/slider:opacity-100" : void 0, className),
+		"data-slot": "slider-thumb-label",
+		style: {
+			...style,
+			transitionDelay: toMilliseconds(transitionDelay),
+			transitionDuration: toMilliseconds(transitionDuration),
+			transitionTimingFunction
+		},
+		children: label
+	});
+};
+
+//#endregion
+//#region src/ui/slider/primitives/slider-track.tsx
+const SliderTrack = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider.Track, {
+	className: mergeBaseUIClassName("relative overflow-visible rounded-[var(--slider-radius,var(--radius-sm))] bg-[var(--slider-track-color,var(--color-muted))] select-none group-data-[invalid]/slider:bg-danger/15 data-[orientation=horizontal]:h-[var(--slider-size,var(--slider-track-size,0.5rem))] data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-[var(--slider-size,var(--slider-track-size,0.5rem))] transition-[background-color] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none", className),
+	...props,
+	"data-slot": "slider-track"
+});
+
+//#endregion
+//#region src/ui/slider/primitives/slider-value.tsx
+const SliderValue = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider.Value, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "slider-value",
+	...props
+});
+
+//#endregion
+//#region src/ui/slider/shared/slider-bounds.ts
+const resolveSliderBounds = ({ domain, max, min, precision, step }) => {
+	const normalizedMin = Math.min(min, max);
+	const normalizedMax = Math.max(min, max);
+	const domainMin = Math.min(domain?.[0] ?? normalizedMin, domain?.[1] ?? normalizedMax);
+	return {
+		domainMax: Math.max(domain?.[0] ?? normalizedMin, domain?.[1] ?? normalizedMax),
+		domainMin,
+		max: normalizedMax,
+		min: normalizedMin,
+		precision: precision ?? getPrecisionFromStep(step)
+	};
+};
+
+//#endregion
+//#region src/ui/slider/shared/slider-label.ts
+const resolveSliderLabel = (label, value) => {
+	if (typeof label === "function") return label(value);
+	return label;
+};
+
+//#endregion
+//#region src/ui/slider/shared/slider-style-tokens.ts
+const PIXEL_UNIT = "px";
+const sliderStyleTokens = {
+	color: "--slider-color",
+	markSize: "--slider-mark-size",
+	radius: "--slider-radius",
+	size: "--slider-size",
+	thumbLabelOffset: "--slider-thumb-label-offset",
+	thumbLabelOffsetVertical: "--slider-thumb-label-offset-vertical",
+	thumbSize: "--slider-thumb-size",
+	trackColor: "--slider-track-color",
+	trackSize: "--slider-track-size"
+};
+const sliderSemanticSizes = {
+	xs: {
+		thumbSize: "0.875rem",
+		trackSize: "0.25rem"
+	},
+	sm: {
+		thumbSize: "1rem",
+		trackSize: "0.375rem"
+	},
+	md: {
+		thumbSize: "1.25rem",
+		trackSize: "0.5rem"
+	},
+	lg: {
+		thumbSize: "1.5rem",
+		trackSize: "0.625rem"
+	},
+	xl: {
+		thumbSize: "1.75rem",
+		trackSize: "0.75rem"
+	}
+};
+const sliderSemanticRadii = {
+	xs: "calc(var(--radius-sm) - 2px)",
+	sm: "var(--radius-sm)",
+	md: "var(--radius-md)",
+	lg: "var(--radius-lg)",
+	xl: "var(--radius-xl)"
+};
+const semanticSliderColorNames = new Set([
+	"background",
+	"border",
+	"danger",
+	"foreground",
+	"info",
+	"muted",
+	"primary",
+	"secondary",
+	"success",
+	"warning"
+]);
+const isSemanticSliderSize = (value) => typeof value === "string" && value in sliderSemanticSizes;
+const isSemanticSliderRadius = (value) => typeof value === "string" && value in sliderSemanticRadii;
+const toSliderStyleTokenValue = (value) => {
+	if (value === void 0) return;
+	return typeof value === "number" ? `${value}${PIXEL_UNIT}` : value;
+};
+const resolveSliderColorValue = (color) => {
+	if (color === void 0) return "var(--color-primary)";
+	return semanticSliderColorNames.has(color) ? `var(--color-${color})` : color;
+};
+const resolveSliderRadiusValue = (value) => {
+	if (value === void 0) return "var(--radius-sm)";
+	if (isSemanticSliderRadius(value)) return sliderSemanticRadii[value];
+	return toSliderStyleTokenValue(value);
+};
+const resolveSliderTrackSizeValue = (value, fallbackValue) => {
+	if (value !== void 0) return isSemanticSliderSize(value) ? sliderSemanticSizes[value].trackSize : toSliderStyleTokenValue(value);
+	if (fallbackValue !== void 0) return isSemanticSliderSize(fallbackValue) ? sliderSemanticSizes[fallbackValue].trackSize : toSliderStyleTokenValue(fallbackValue);
+	return sliderSemanticSizes.md.trackSize;
+};
+const resolveSliderThumbSizeValue = (value, fallbackValue) => {
+	if (value !== void 0) return isSemanticSliderSize(value) ? sliderSemanticSizes[value].thumbSize : toSliderStyleTokenValue(value);
+	if (fallbackValue !== void 0) return isSemanticSliderSize(fallbackValue) ? sliderSemanticSizes[fallbackValue].thumbSize : toSliderStyleTokenValue(fallbackValue);
+	return sliderSemanticSizes.md.thumbSize;
+};
+const resolveSliderRootStyleTokens = ({ color, markSize, radius, size, thumbLabelOffset, thumbLabelOffsetVertical, thumbSize, trackSize }) => {
+	const markSizeValue = toSliderStyleTokenValue(markSize);
+	const thumbLabelOffsetValue = toSliderStyleTokenValue(thumbLabelOffset);
+	const thumbLabelOffsetVerticalValue = toSliderStyleTokenValue(thumbLabelOffsetVertical);
+	const trackSizeValue = resolveSliderTrackSizeValue(trackSize, size);
+	const thumbSizeValue = resolveSliderThumbSizeValue(thumbSize, size);
+	return {
+		[sliderStyleTokens.color]: resolveSliderColorValue(color),
+		[sliderStyleTokens.radius]: resolveSliderRadiusValue(radius),
+		[sliderStyleTokens.size]: trackSizeValue,
+		[sliderStyleTokens.thumbSize]: thumbSizeValue,
+		[sliderStyleTokens.trackColor]: "var(--color-muted)",
+		[sliderStyleTokens.trackSize]: trackSizeValue,
+		...markSizeValue === void 0 ? {} : { [sliderStyleTokens.markSize]: markSizeValue },
+		...thumbLabelOffsetValue === void 0 ? {} : { [sliderStyleTokens.thumbLabelOffset]: thumbLabelOffsetValue },
+		...thumbLabelOffsetVerticalValue === void 0 ? {} : { [sliderStyleTokens.thumbLabelOffsetVertical]: thumbLabelOffsetVerticalValue }
+	};
+};
+
+//#endregion
+//#region src/ui/slider/shared/slider-root-presentation.ts
+const resolveSliderRootClassName = (className, inverted) => mergeBaseUIClassName("group/slider data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-[calc(var(--slider-thumb-size,1.25rem)/2)] data-[orientation=vertical]:h-full data-[orientation=vertical]:py-[calc(var(--slider-thumb-size,1.25rem)/2)]", typeof className === "function" ? (state) => [inverted ? "[&_[data-slot=slider-track]]:bg-[var(--slider-color,var(--color-primary))] [&_[data-slot=slider-range]]:bg-[var(--slider-track-color,var(--color-muted))]" : void 0, className(state)].filter(Boolean).join(" ") : [inverted ? "[&_[data-slot=slider-track]]:bg-[var(--slider-color,var(--color-primary))] [&_[data-slot=slider-range]]:bg-[var(--slider-track-color,var(--color-muted))]" : void 0, className].filter(Boolean).join(" "));
+const mergeSliderRootStyle = (styleTokens, style) => {
+	const baseStyle = resolveSliderRootStyleTokens(styleTokens);
+	if (typeof style === "function") return (state) => {
+		const resolvedStyle = style(state);
+		return baseStyle ? {
+			...baseStyle,
+			...resolvedStyle
+		} : resolvedStyle;
+	};
+	if (!baseStyle) return style;
+	return {
+		...baseStyle,
+		...style
+	};
+};
+
+//#endregion
+//#region src/ui/slider/math/normalize-single-slider-value.ts
+const normalizeSingleSliderValue = ({ current, domainMax, domainMin, marks, max, min, precision, raw, reason, restrictToMarks }) => {
+	const clampedRaw = clampNumber(raw, domainMin, domainMax);
+	const clampedCurrent = clampNumber(current, min, max);
+	if (!restrictToMarks) return toFloatingValue(clampNumber(clampedRaw, min, max), precision);
+	const selectableMarks = getSortedSelectableMarks(marks, min, max);
+	if (!selectableMarks.length) return toFloatingValue(clampNumber(clampedRaw, min, max), precision);
+	if (!isKeyboardLikeReason(reason)) return toFloatingValue(getNearestMarkValue(clampedRaw, selectableMarks), precision);
+	if (clampedRaw <= min) return toFloatingValue(getFirstMarkValue(selectableMarks, min), precision);
+	if (clampedRaw >= max) return toFloatingValue(getLastMarkValue(selectableMarks, max), precision);
+	if (clampedRaw > clampedCurrent) return toFloatingValue(getNextMarkValue(clampedCurrent, selectableMarks), precision);
+	if (clampedRaw < clampedCurrent) return toFloatingValue(getPreviousMarkValue(clampedCurrent, selectableMarks), precision);
+	return toFloatingValue(getNearestMarkValue(clampedRaw, selectableMarks), precision);
+};
+
+//#endregion
+//#region src/ui/slider/single/use-single-slider-state.ts
+const useSingleSliderState = ({ defaultValue, domainMax, domainMin, marks, max, min, onChange, onChangeEnd, precision, restrictToMarks, value }) => {
+	const [uncontrolledValue, setUncontrolledValue] = useState(useMemo(() => normalizeSingleSliderValue({
+		current: min,
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		raw: defaultValue ?? min,
+		restrictToMarks
+	}), [
+		defaultValue,
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		restrictToMarks
+	]));
+	const sliderValue = useMemo(() => {
+		if (value === void 0) return;
+		return normalizeSingleSliderValue({
+			current: uncontrolledValue,
+			domainMax,
+			domainMin,
+			marks,
+			max,
+			min,
+			precision,
+			raw: value,
+			restrictToMarks
+		});
+	}, [
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		restrictToMarks,
+		uncontrolledValue,
+		value
+	]) ?? uncontrolledValue;
+	const valueRef = useRef(sliderValue);
+	useEffect(() => {
+		valueRef.current = sliderValue;
+	}, [sliderValue]);
+	useEffect(() => {
+		if (value !== void 0) return;
+		setUncontrolledValue((previous) => normalizeSingleSliderValue({
+			current: previous,
+			domainMax,
+			domainMin,
+			marks,
+			max,
+			min,
+			precision,
+			raw: previous,
+			restrictToMarks
+		}));
+	}, [
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		restrictToMarks,
+		value
+	]);
+	return {
+		handleValueChange: useCallback((nextValue, eventDetails) => {
+			const rawValue = Array.isArray(nextValue) ? nextValue[0] ?? valueRef.current : nextValue;
+			const normalizedValue = normalizeSingleSliderValue({
+				current: valueRef.current,
+				domainMax,
+				domainMin,
+				marks,
+				max,
+				min,
+				precision,
+				raw: rawValue,
+				reason: eventDetails.reason,
+				restrictToMarks
+			});
+			valueRef.current = normalizedValue;
+			if (value === void 0) setUncontrolledValue(normalizedValue);
+			onChange?.(normalizedValue);
+		}, [
+			domainMax,
+			domainMin,
+			marks,
+			max,
+			min,
+			onChange,
+			precision,
+			restrictToMarks,
+			value
+		]),
+		handleValueCommitted: useCallback(() => {
+			onChangeEnd?.(valueRef.current);
+		}, [onChangeEnd]),
+		sliderValue
+	};
+};
+
+//#endregion
+//#region src/ui/slider/single/slider.tsx
+const Slider$1 = (({ className, children, color, defaultValue, domain, hiddenInputProps, inverted = false, label = (value) => value, labelAlwaysOn = false, labelTransitionProps, marks, max = 100, min = 0, name, onChange, onChangeEnd, precision: precisionProp, radius, restrictToMarks = false, scale = (value) => value, size, showLabelOnHover = true, step = 1, style, thumbChildren, thumbLabel, thumbLabelOffset, thumbLabelOffsetVertical, thumbProps, thumbSize, trackSize, markSize, value, ...props }) => {
+	const { domainMax, domainMin, max: normalizedMax, min: normalizedMin, precision } = resolveSliderBounds({
+		domain,
+		max,
+		min,
+		precision: precisionProp,
+		step
+	});
+	const { handleValueChange, handleValueCommitted, sliderValue } = useSingleSliderState({
+		defaultValue,
+		domainMax,
+		domainMin,
+		marks,
+		max: normalizedMax,
+		min: normalizedMin,
+		onChange,
+		onChangeEnd,
+		precision,
+		restrictToMarks,
+		value
+	});
+	const displayedValue = toFloatingValue(scale(sliderValue), precision);
+	const resolvedLabel = resolveSliderLabel(label, displayedValue);
+	const defaultThumbProps = thumbProps ?? {};
+	return /* @__PURE__ */ jsxs(Slider.Root, {
+		...props,
+		className: resolveSliderRootClassName(className, inverted),
+		"data-slot": "slider",
+		max: domainMax,
+		min: domainMin,
+		onValueChange: handleValueChange,
+		onValueCommitted: handleValueCommitted,
+		step,
+		style: mergeSliderRootStyle({
+			color,
+			markSize,
+			radius,
+			size,
+			thumbLabelOffset,
+			thumbLabelOffsetVertical,
+			thumbSize,
+			trackSize
+		}, style),
+		thumbAlignment: "center",
+		value: sliderValue,
+		children: [children ?? /* @__PURE__ */ jsxs(SliderControl, { children: [/* @__PURE__ */ jsxs(SliderTrack, { children: [/* @__PURE__ */ jsx(SliderIndicator, {}), /* @__PURE__ */ jsx(SliderMarks, {
+			disabled: props.disabled,
+			inverted,
+			marks,
+			max: domainMax,
+			min: domainMin,
+			orientation: props.orientation,
+			values: [sliderValue]
+		})] }), /* @__PURE__ */ jsxs(SliderThumb, {
+			...defaultThumbProps,
+			"aria-label": thumbLabel,
+			children: [thumbChildren, /* @__PURE__ */ jsx(SliderThumbLabel, {
+				label: resolvedLabel,
+				labelAlwaysOn,
+				orientation: props.orientation,
+				showLabelOnHover,
+				transitionProps: labelTransitionProps
+			})]
+		})] }), name ? /* @__PURE__ */ jsx("input", {
+			...hiddenInputProps,
+			name,
+			type: "hidden",
+			value: String(displayedValue)
+		}) : null]
+	});
+});
+Slider$1.Control = SliderControl;
+Slider$1.Indicator = SliderIndicator;
+Slider$1.Mark = SliderMark;
+Slider$1.Marks = SliderMarks;
+Slider$1.Thumb = SliderThumb;
+Slider$1.ThumbLabel = SliderThumbLabel;
+Slider$1.Track = SliderTrack;
+Slider$1.Value = SliderValue;
+
+//#endregion
+export { toFloatingValue as S, getNearestMarkValue as _, resolveSliderBounds as a, getSortedSelectableMarks as b, SliderThumbLabel as c, SliderMark as d, SliderIndicator as f, getLastMarkValue as g, getFirstMarkValue as h, resolveSliderLabel as i, SliderThumb as l, clampNumber as m, mergeSliderRootStyle as n, SliderValue as o, SliderControl as p, resolveSliderRootClassName as r, SliderTrack as s, Slider$1 as t, SliderMarks as u, getNextMarkValue as v, isKeyboardLikeReason as x, getPreviousMarkValue as y };
+//# sourceMappingURL=slider-CqapJ6Pa.js.map

package/dist/slider-CqapJ6Pa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-CqapJ6Pa.js","names":["SliderPrimitive","SliderPrimitive","SliderPrimitive","SliderPrimitive","SliderPrimitive","Slider","SliderPrimitive","SliderValuePrimitive"],"sources":["../src/ui/slider/math/slider-math-utils.ts","../src/ui/slider/primitives/slider-control.tsx","../src/ui/slider/primitives/slider-indicator.tsx","../src/ui/slider/primitives/slider-mark.tsx","../src/ui/slider/primitives/slider-marks.tsx","../src/ui/slider/primitives/slider-thumb.tsx","../src/ui/slider/shared/slider-transition.ts","../src/ui/slider/primitives/slider-thumb-label.tsx","../src/ui/slider/primitives/slider-track.tsx","../src/ui/slider/primitives/slider-value.tsx","../src/ui/slider/shared/slider-bounds.ts","../src/ui/slider/shared/slider-label.ts","../src/ui/slider/shared/slider-style-tokens.ts","../src/ui/slider/shared/slider-root-presentation.ts","../src/ui/slider/math/normalize-single-slider-value.ts","../src/ui/slider/single/use-single-slider-state.ts","../src/ui/slider/single/slider.tsx"],"sourcesContent":["import type { SliderMark } from \"../shared/slider-types\";\n\nconst EPSILON = 1e-9;\n\nexport const clampNumber = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max);\n\nexport const getPrecisionFromStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0) {\n    return 0;\n  }\n\n  const [, decimals] = step.toString().split(\".\");\n  return decimals?.length ?? 0;\n};\n\nexport const toFloatingValue = (value: number, precision: number) =>\n  Number.parseFloat(value.toFixed(precision));\n\nexport const getPositionPercent = (value: number, min: number, max: number) => {\n  if (min === max) {\n    return 0;\n  }\n\n  const percent = ((value - min) / (max - min)) * 100;\n  return clampNumber(percent, 0, 100);\n};\n\nexport const getSortedSelectableMarks = (\n  marks: readonly SliderMark[] | undefined,\n  min: number,\n  max: number\n) => {\n  if (!marks?.length) {\n    return [] as number[];\n  }\n\n  const uniqueMarks = new Set<number>();\n  for (const mark of marks) {\n    if (!Number.isFinite(mark.value)) {\n      continue;\n    }\n\n    if (mark.value < min || mark.value > max) {\n      continue;\n    }\n\n    uniqueMarks.add(mark.value);\n  }\n\n  const sortedMarks = [...uniqueMarks];\n  sortedMarks.sort((a, b) => a - b);\n  return sortedMarks;\n};\n\nexport const getNearestMarkValue = (\n  value: number,\n  marks: readonly number[]\n) => {\n  if (!marks.length) {\n    return value;\n  }\n\n  let nearest = marks[0] ?? value;\n  let nearestDistance = Math.abs(value - nearest);\n\n  for (const mark of marks) {\n    const distance = Math.abs(value - mark);\n    if (distance + EPSILON < nearestDistance) {\n      nearest = mark;\n      nearestDistance = distance;\n    }\n  }\n\n  return nearest;\n};\n\nexport const getNextMarkValue = (current: number, marks: readonly number[]) => {\n  for (const mark of marks) {\n    if (mark > current + EPSILON) {\n      return mark;\n    }\n  }\n\n  return current;\n};\n\nexport const getPreviousMarkValue = (\n  current: number,\n  marks: readonly number[]\n) => {\n  for (let index = marks.length - 1; index >= 0; index -= 1) {\n    const mark = marks[index];\n    if (mark !== undefined && mark < current - EPSILON) {\n      return mark;\n    }\n  }\n\n  return current;\n};\n\nexport const getFirstMarkValue = (marks: readonly number[], fallback: number) =>\n  marks[0] ?? fallback;\n\nexport const getLastMarkValue = (marks: readonly number[], fallback: number) =>\n  marks.at(-1) ?? fallback;\n\nexport const isMarkFilled = ({\n  inverted = false,\n  mark,\n  values,\n}: {\n  inverted?: boolean;\n  mark: number;\n  values: readonly number[];\n}) => {\n  if (!values.length) {\n    return false;\n  }\n\n  if (values.length === 1) {\n    const [singleValue] = values;\n    if (singleValue === undefined) {\n      return false;\n    }\n\n    return inverted ? mark >= singleValue : mark <= singleValue;\n  }\n\n  const sortedValues = [...values];\n  sortedValues.sort((a, b) => a - b);\n  const [from = 0, to = 0] = sortedValues;\n\n  if (inverted) {\n    return mark <= from || mark >= to;\n  }\n\n  return mark >= from && mark <= to;\n};\n\nexport const isKeyboardLikeReason = (reason: string | null | undefined) =>\n  reason === \"input-change\" || reason === \"keyboard\";\n","\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { mergeBaseUIClassName } from \"../../../utils/merge-base-ui-class-name\";\n\nexport type SliderControlProps = SliderPrimitive.Control.Props;\n\nconst SliderControl = ({ className, ...props }: SliderControlProps) => (\n  <SliderPrimitive.Control\n    className={mergeBaseUIClassName<SliderPrimitive.Root.State>(\n      \"group/control relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:flex-col\",\n      className\n    )}\n    data-slot=\"slider-control\"\n    {...props}\n  />\n);\n\nexport { SliderControl };\n","\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { mergeBaseUIClassName } from \"../../../utils/merge-base-ui-class-name\";\n\nexport type SliderIndicatorProps = SliderPrimitive.Indicator.Props;\n\nconst SliderIndicator = ({ className, ...props }: SliderIndicatorProps) => (\n  <SliderPrimitive.Indicator\n    className={mergeBaseUIClassName<SliderPrimitive.Root.State>(\n      \"rounded-[var(--slider-radius,var(--radius-sm))] bg-[var(--slider-color,var(--color-primary))] select-none group-data-[invalid]/slider:bg-danger data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full transition-[background-color,inset-inline-start,inset-inline-end,inset-block-start,inset-block-end,width,height] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none\",\n      className\n    )}\n    {...props}\n    data-slot=\"slider-range\"\n  />\n);\n\nexport { SliderIndicator };\n","\"use client\";\n\nimport type { CSSProperties, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport interface SliderMarkProps {\n  disabled?: boolean;\n  filled?: boolean;\n  label?: ReactNode;\n  orientation?: \"horizontal\" | \"vertical\";\n  position: number;\n}\n\nconst SliderMark = ({\n  disabled,\n  filled,\n  label,\n  orientation = \"horizontal\",\n  position,\n}: SliderMarkProps) => {\n  const isHorizontal = orientation === \"horizontal\";\n\n  const wrapperStyle = isHorizontal\n    ? ({ insetInlineStart: `${position}%` } satisfies CSSProperties)\n    : ({ bottom: `${position}%` } satisfies CSSProperties);\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute z-20\",\n        isHorizontal\n          ? \"top-1/2 -translate-x-1/2 -translate-y-1/2\"\n          : \"left-1/2 -translate-x-1/2 translate-y-1/2\"\n      )}\n      data-filled={filled ? \"true\" : \"false\"}\n      data-slot=\"slider-mark\"\n      style={wrapperStyle}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          \"block h-[var(--slider-mark-size,0.5rem)] w-[var(--slider-mark-size,0.5rem)] rounded-full border transition-[border-color,background-color] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none\",\n          filled\n            ? \"border-[var(--slider-color,var(--color-primary))] bg-[var(--slider-color,var(--color-primary))]\"\n            : \"border-border bg-background\",\n          disabled && \"border-muted bg-muted\"\n        )}\n        data-slot=\"slider-mark-dot\"\n      />\n      {label ? (\n        <span\n          className={cn(\n            \"pointer-events-none absolute whitespace-nowrap text-xs text-muted-foreground\",\n            isHorizontal\n              ? \"left-1/2 top-[calc(var(--slider-mark-size,0.5rem)+0.5rem)] -translate-x-1/2\"\n              : \"left-[calc(var(--slider-mark-size,0.5rem)+0.5rem)] top-1/2 -translate-y-1/2\"\n          )}\n          data-slot=\"slider-mark-label\"\n        >\n          {label}\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nexport { SliderMark };\n","\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport type { SliderMark as SliderMarkType } from \"../shared/slider-types\";\n\nimport { getPositionPercent, isMarkFilled } from \"../math/slider-math-utils\";\nimport { SliderMark } from \"./slider-mark\";\n\nexport interface SliderMarksProps {\n  disabled?: boolean;\n  inverted?: boolean;\n  marks?: readonly SliderMarkType[];\n  max: number;\n  min: number;\n  orientation?: \"horizontal\" | \"vertical\";\n  values: readonly number[];\n}\n\nconst SliderMarks = ({\n  disabled,\n  inverted,\n  marks,\n  max,\n  min,\n  orientation = \"horizontal\",\n  values,\n}: SliderMarksProps) => {\n  const normalizedMarks = useMemo(() => {\n    if (!marks?.length) {\n      return [];\n    }\n\n    return marks\n      .filter((mark) => Number.isFinite(mark.value))\n      .map((mark) => ({\n        ...mark,\n        position: getPositionPercent(mark.value, min, max),\n      }));\n  }, [marks, max, min]);\n\n  if (!normalizedMarks.length) {\n    return null;\n  }\n\n  return (\n    <>\n      {normalizedMarks.map((mark) => (\n        <SliderMark\n          disabled={disabled}\n          filled={isMarkFilled({\n            inverted,\n            mark: mark.value,\n            values,\n          })}\n          key={`${mark.value}-${String(mark.label)}`}\n          label={mark.label}\n          orientation={orientation}\n          position={mark.position}\n        />\n      ))}\n    </>\n  );\n};\n\nexport { SliderMarks };\n","\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { mergeBaseUIClassName } from \"../../../utils/merge-base-ui-class-name\";\n\nexport type SliderThumbProps = SliderPrimitive.Thumb.Props;\n\nconst SliderThumb = ({ className, ...props }: SliderThumbProps) => (\n  <SliderPrimitive.Thumb\n    className={mergeBaseUIClassName<SliderPrimitive.Thumb.State>(\n      \"group/thumb relative block h-[var(--slider-thumb-size,1.25rem)] w-[var(--slider-thumb-size,1.25rem)] shrink-0 cursor-pointer rounded-[var(--slider-radius,var(--radius-sm))] border border-border bg-background shadow-sm ring-ring/50 select-none hover:ring-[3px] has-[:focus-visible]:ring-[3px] has-[:focus-visible]:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] disabled:pointer-events-none disabled:opacity-50 group-data-[invalid]/slider:border-danger group-data-[invalid]/slider:ring-danger/20 dark:group-data-[invalid]/slider:ring-danger/40 transition-[color,box-shadow,border-color,background-color] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none\",\n      className\n    )}\n    {...props}\n    data-slot=\"slider-thumb\"\n  />\n);\n\nexport { SliderThumb };\n","export interface SliderLabelTransitionProps {\n  delay?: number;\n  duration?: number;\n  timingFunction?: string;\n}\n\nexport const defaultSliderLabelTransitionProps = {\n  delay: 0,\n  duration: 0,\n  timingFunction: \"linear\",\n} as const satisfies Required<SliderLabelTransitionProps>;\n","\"use client\";\n\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport {\n  defaultSliderLabelTransitionProps,\n  type SliderLabelTransitionProps,\n} from \"../shared/slider-transition\";\n\nexport interface SliderThumbLabelProps extends Omit<\n  ComponentPropsWithoutRef<\"span\">,\n  \"children\"\n> {\n  label: ReactNode;\n  labelAlwaysOn?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  showLabelOnHover?: boolean;\n  transitionProps?: SliderLabelTransitionProps;\n}\n\nconst toMilliseconds = (value: number) => `${value}ms`;\n\nconst SliderThumbLabel = ({\n  className,\n  label,\n  labelAlwaysOn,\n  orientation = \"horizontal\",\n  showLabelOnHover,\n  style,\n  transitionProps,\n  ...props\n}: SliderThumbLabelProps) => {\n  if (label === null || label === undefined) {\n    return null;\n  }\n\n  const transitionDelay =\n    transitionProps?.delay ?? defaultSliderLabelTransitionProps.delay;\n  const transitionDuration =\n    transitionProps?.duration ?? defaultSliderLabelTransitionProps.duration;\n  const transitionTimingFunction =\n    transitionProps?.timingFunction ??\n    defaultSliderLabelTransitionProps.timingFunction;\n\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      className={cn(\n        \"pointer-events-none absolute z-30 whitespace-nowrap rounded-sm bg-foreground px-1.5 py-0.5 text-xs text-background shadow-sm transition-opacity group-data-[dragging]/slider:duration-0 motion-reduce:transition-none\",\n        orientation === \"horizontal\"\n          ? \"-top-[var(--slider-thumb-label-offset,2rem)] left-1/2 -translate-x-1/2\"\n          : \"left-[var(--slider-thumb-label-offset-vertical,2rem)] top-1/2 -translate-y-1/2\",\n        labelAlwaysOn\n          ? \"opacity-100\"\n          : \"opacity-0 group-data-[dragging]/slider:opacity-100 group-has-[:focus]/thumb:opacity-100\",\n        showLabelOnHover ? \"group-hover/slider:opacity-100\" : undefined,\n        className\n      )}\n      data-slot=\"slider-thumb-label\"\n      style={{\n        ...style,\n        transitionDelay: toMilliseconds(transitionDelay),\n        transitionDuration: toMilliseconds(transitionDuration),\n        transitionTimingFunction,\n      }}\n    >\n      {label}\n    </span>\n  );\n};\n\nexport { SliderThumbLabel };\n","\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { mergeBaseUIClassName } from \"../../../utils/merge-base-ui-class-name\";\n\nexport type SliderTrackProps = SliderPrimitive.Track.Props;\n\nconst SliderTrack = ({ className, ...props }: SliderTrackProps) => (\n  <SliderPrimitive.Track\n    className={mergeBaseUIClassName<SliderPrimitive.Root.State>(\n      \"relative overflow-visible rounded-[var(--slider-radius,var(--radius-sm))] bg-[var(--slider-track-color,var(--color-muted))] select-none group-data-[invalid]/slider:bg-danger/15 data-[orientation=horizontal]:h-[var(--slider-size,var(--slider-track-size,0.5rem))] data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-[var(--slider-size,var(--slider-track-size,0.5rem))] transition-[background-color] duration-150 ease-out group-data-[dragging]/slider:duration-0 motion-reduce:transition-none\",\n      className\n    )}\n    {...props}\n    data-slot=\"slider-track\"\n  />\n);\n\nexport { SliderTrack };\n","\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { mergeBaseUIClassName } from \"../../../utils/merge-base-ui-class-name\";\n\nexport type SliderValueProps = SliderPrimitive.Value.Props;\n\nconst SliderValue = ({ className, ...props }: SliderValueProps) => (\n  <SliderPrimitive.Value\n    className={mergeBaseUIClassName<SliderPrimitive.Root.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"slider-value\"\n    {...props}\n  />\n);\n\nexport { SliderValue };\n","import { getPrecisionFromStep } from \"../math/slider-math-utils\";\n\ninterface ResolveSliderBoundsOptions {\n  domain?: [number, number];\n  max: number;\n  min: number;\n  precision?: number;\n  step: number;\n}\n\ninterface ResolvedSliderBounds {\n  domainMax: number;\n  domainMin: number;\n  max: number;\n  min: number;\n  precision: number;\n}\n\nexport const resolveSliderBounds = ({\n  domain,\n  max,\n  min,\n  precision,\n  step,\n}: ResolveSliderBoundsOptions): ResolvedSliderBounds => {\n  const normalizedMin = Math.min(min, max);\n  const normalizedMax = Math.max(min, max);\n\n  const domainMin = Math.min(\n    domain?.[0] ?? normalizedMin,\n    domain?.[1] ?? normalizedMax\n  );\n  const domainMax = Math.max(\n    domain?.[0] ?? normalizedMin,\n    domain?.[1] ?? normalizedMax\n  );\n\n  return {\n    domainMax,\n    domainMin,\n    max: normalizedMax,\n    min: normalizedMin,\n    precision: precision ?? getPrecisionFromStep(step),\n  };\n};\n","import type { SliderLabel } from \"./slider-types\";\n\nexport const resolveSliderLabel = (\n  label: SliderLabel | undefined,\n  value: number\n) => {\n  if (typeof label === \"function\") {\n    return label(value);\n  }\n\n  return label;\n};\n","import type { CSSProperties } from \"react\";\n\nconst PIXEL_UNIT = \"px\";\n\nexport const sliderStyleTokens = {\n  color: \"--slider-color\",\n  markSize: \"--slider-mark-size\",\n  radius: \"--slider-radius\",\n  size: \"--slider-size\",\n  thumbLabelOffset: \"--slider-thumb-label-offset\",\n  thumbLabelOffsetVertical: \"--slider-thumb-label-offset-vertical\",\n  thumbSize: \"--slider-thumb-size\",\n  trackColor: \"--slider-track-color\",\n  trackSize: \"--slider-track-size\",\n} as const;\n\nconst sliderSemanticSizes = {\n  xs: { thumbSize: \"0.875rem\", trackSize: \"0.25rem\" },\n  sm: { thumbSize: \"1rem\", trackSize: \"0.375rem\" },\n  md: { thumbSize: \"1.25rem\", trackSize: \"0.5rem\" },\n  lg: { thumbSize: \"1.5rem\", trackSize: \"0.625rem\" },\n  xl: { thumbSize: \"1.75rem\", trackSize: \"0.75rem\" },\n} as const;\n\nconst sliderSemanticRadii = {\n  xs: \"calc(var(--radius-sm) - 2px)\",\n  sm: \"var(--radius-sm)\",\n  md: \"var(--radius-md)\",\n  lg: \"var(--radius-lg)\",\n  xl: \"var(--radius-xl)\",\n} as const;\n\nconst semanticSliderColorNames = new Set([\n  \"background\",\n  \"border\",\n  \"danger\",\n  \"foreground\",\n  \"info\",\n  \"muted\",\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"warning\",\n]);\n\nexport type SliderSemanticSize = keyof typeof sliderSemanticSizes;\nexport type SliderSemanticRadius = keyof typeof sliderSemanticRadii;\nexport type SliderStyleTokenLength = number | string | undefined;\nexport type SliderSize = SliderSemanticSize | number | string;\nexport type SliderRadius = SliderSemanticRadius | number | string;\n\nexport interface SliderRootStyleTokenOptions {\n  color?: string;\n  markSize?: SliderStyleTokenLength;\n  radius?: SliderRadius | undefined;\n  size?: SliderSize | undefined;\n  thumbLabelOffset?: SliderStyleTokenLength;\n  thumbLabelOffsetVertical?: SliderStyleTokenLength;\n  thumbSize?: SliderSize | undefined;\n  trackSize?: SliderSize | undefined;\n}\n\nconst isSemanticSliderSize = (value: unknown): value is SliderSemanticSize =>\n  typeof value === \"string\" && value in sliderSemanticSizes;\n\nconst isSemanticSliderRadius = (\n  value: unknown\n): value is SliderSemanticRadius =>\n  typeof value === \"string\" && value in sliderSemanticRadii;\n\nconst toSliderStyleTokenValue = (value: SliderStyleTokenLength) => {\n  if (value === undefined) {\n    return;\n  }\n\n  return typeof value === \"number\" ? `${value}${PIXEL_UNIT}` : value;\n};\n\nconst resolveSliderColorValue = (color: string | undefined) => {\n  if (color === undefined) {\n    return \"var(--color-primary)\";\n  }\n\n  return semanticSliderColorNames.has(color) ? `var(--color-${color})` : color;\n};\n\nconst resolveSliderRadiusValue = (value: SliderRadius | undefined) => {\n  if (value === undefined) {\n    return \"var(--radius-sm)\";\n  }\n\n  if (isSemanticSliderRadius(value)) {\n    return sliderSemanticRadii[value];\n  }\n\n  return toSliderStyleTokenValue(value);\n};\n\nconst resolveSliderTrackSizeValue = (\n  value: SliderSize | undefined,\n  fallbackValue: SliderSize | undefined\n) => {\n  if (value !== undefined) {\n    return isSemanticSliderSize(value)\n      ? sliderSemanticSizes[value].trackSize\n      : toSliderStyleTokenValue(value);\n  }\n\n  if (fallbackValue !== undefined) {\n    return isSemanticSliderSize(fallbackValue)\n      ? sliderSemanticSizes[fallbackValue].trackSize\n      : toSliderStyleTokenValue(fallbackValue);\n  }\n\n  return sliderSemanticSizes.md.trackSize;\n};\n\nconst resolveSliderThumbSizeValue = (\n  value: SliderSize | undefined,\n  fallbackValue: SliderSize | undefined\n) => {\n  if (value !== undefined) {\n    return isSemanticSliderSize(value)\n      ? sliderSemanticSizes[value].thumbSize\n      : toSliderStyleTokenValue(value);\n  }\n\n  if (fallbackValue !== undefined) {\n    return isSemanticSliderSize(fallbackValue)\n      ? sliderSemanticSizes[fallbackValue].thumbSize\n      : toSliderStyleTokenValue(fallbackValue);\n  }\n\n  return sliderSemanticSizes.md.thumbSize;\n};\n\nexport const resolveSliderRootStyleTokens = ({\n  color,\n  markSize,\n  radius,\n  size,\n  thumbLabelOffset,\n  thumbLabelOffsetVertical,\n  thumbSize,\n  trackSize,\n}: SliderRootStyleTokenOptions): CSSProperties => {\n  const markSizeValue = toSliderStyleTokenValue(markSize);\n  const thumbLabelOffsetValue = toSliderStyleTokenValue(thumbLabelOffset);\n  const thumbLabelOffsetVerticalValue = toSliderStyleTokenValue(\n    thumbLabelOffsetVertical\n  );\n  const trackSizeValue = resolveSliderTrackSizeValue(trackSize, size);\n  const thumbSizeValue = resolveSliderThumbSizeValue(thumbSize, size);\n\n  return {\n    [sliderStyleTokens.color]: resolveSliderColorValue(color),\n    [sliderStyleTokens.radius]: resolveSliderRadiusValue(radius),\n    [sliderStyleTokens.size]: trackSizeValue,\n    [sliderStyleTokens.thumbSize]: thumbSizeValue,\n    [sliderStyleTokens.trackColor]: \"var(--color-muted)\",\n    [sliderStyleTokens.trackSize]: trackSizeValue,\n    ...(markSizeValue === undefined\n      ? {}\n      : { [sliderStyleTokens.markSize]: markSizeValue }),\n    ...(thumbLabelOffsetValue === undefined\n      ? {}\n      : { [sliderStyleTokens.thumbLabelOffset]: thumbLabelOffsetValue }),\n    ...(thumbLabelOffsetVerticalValue === undefined\n      ? {}\n      : {\n          [sliderStyleTokens.thumbLabelOffsetVertical]:\n            thumbLabelOffsetVerticalValue,\n        }),\n  } as CSSProperties;\n};\n","import type { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\nimport type { CSSProperties } from \"react\";\n\nimport type { SliderRootStyleTokenOptions } from \"./slider-style-tokens\";\n\nimport {\n  type BaseUIClassName,\n  mergeBaseUIClassName,\n} from \"../../../utils/merge-base-ui-class-name\";\nimport { resolveSliderRootStyleTokens } from \"./slider-style-tokens\";\n\nexport const resolveSliderRootClassName = (\n  className: BaseUIClassName<SliderPrimitive.Root.State>,\n  inverted: boolean\n) =>\n  mergeBaseUIClassName<SliderPrimitive.Root.State>(\n    \"group/slider data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-[calc(var(--slider-thumb-size,1.25rem)/2)] data-[orientation=vertical]:h-full data-[orientation=vertical]:py-[calc(var(--slider-thumb-size,1.25rem)/2)]\",\n    typeof className === \"function\"\n      ? (state) =>\n          [\n            inverted\n              ? \"[&_[data-slot=slider-track]]:bg-[var(--slider-color,var(--color-primary))] [&_[data-slot=slider-range]]:bg-[var(--slider-track-color,var(--color-muted))]\"\n              : undefined,\n            className(state),\n          ]\n            .filter(Boolean)\n            .join(\" \")\n      : [\n          inverted\n            ? \"[&_[data-slot=slider-track]]:bg-[var(--slider-color,var(--color-primary))] [&_[data-slot=slider-range]]:bg-[var(--slider-track-color,var(--color-muted))]\"\n            : undefined,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")\n  );\n\ntype SliderRootStyle<TValue extends number | number[]> =\n  SliderPrimitive.Root.Props<TValue>[\"style\"];\n\nexport const mergeSliderRootStyle = <TValue extends number | number[]>(\n  styleTokens: SliderRootStyleTokenOptions,\n  style: SliderRootStyle<TValue>\n): SliderRootStyle<TValue> => {\n  const baseStyle = resolveSliderRootStyleTokens(styleTokens);\n\n  if (typeof style === \"function\") {\n    return (state) => {\n      const resolvedStyle = style(state);\n      return baseStyle ? { ...baseStyle, ...resolvedStyle } : resolvedStyle;\n    };\n  }\n\n  if (!baseStyle) {\n    return style;\n  }\n\n  return { ...baseStyle, ...(style as CSSProperties | undefined) };\n};\n","import type { SliderMark } from \"../shared/slider-types\";\n\nimport {\n  clampNumber,\n  getFirstMarkValue,\n  getLastMarkValue,\n  getNearestMarkValue,\n  getNextMarkValue,\n  getPreviousMarkValue,\n  getSortedSelectableMarks,\n  isKeyboardLikeReason,\n  toFloatingValue,\n} from \"./slider-math-utils\";\n\ninterface NormalizeSliderValueOptions {\n  current: number;\n  domainMax: number;\n  domainMin: number;\n  marks?: readonly SliderMark[];\n  max: number;\n  min: number;\n  precision: number;\n  raw: number;\n  reason?: string;\n  restrictToMarks?: boolean;\n}\n\nexport const normalizeSingleSliderValue = ({\n  current,\n  domainMax,\n  domainMin,\n  marks,\n  max,\n  min,\n  precision,\n  raw,\n  reason,\n  restrictToMarks,\n}: NormalizeSliderValueOptions) => {\n  const clampedRaw = clampNumber(raw, domainMin, domainMax);\n  const clampedCurrent = clampNumber(current, min, max);\n\n  if (!restrictToMarks) {\n    return toFloatingValue(clampNumber(clampedRaw, min, max), precision);\n  }\n\n  const selectableMarks = getSortedSelectableMarks(marks, min, max);\n  if (!selectableMarks.length) {\n    return toFloatingValue(clampNumber(clampedRaw, min, max), precision);\n  }\n\n  if (!isKeyboardLikeReason(reason)) {\n    return toFloatingValue(\n      getNearestMarkValue(clampedRaw, selectableMarks),\n      precision\n    );\n  }\n\n  if (clampedRaw <= min) {\n    return toFloatingValue(getFirstMarkValue(selectableMarks, min), precision);\n  }\n\n  if (clampedRaw >= max) {\n    return toFloatingValue(getLastMarkValue(selectableMarks, max), precision);\n  }\n\n  if (clampedRaw > clampedCurrent) {\n    return toFloatingValue(\n      getNextMarkValue(clampedCurrent, selectableMarks),\n      precision\n    );\n  }\n\n  if (clampedRaw < clampedCurrent) {\n    return toFloatingValue(\n      getPreviousMarkValue(clampedCurrent, selectableMarks),\n      precision\n    );\n  }\n\n  return toFloatingValue(\n    getNearestMarkValue(clampedRaw, selectableMarks),\n    precision\n  );\n};\n","\"use client\";\n\nimport type { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport type { SliderMark, SliderValue } from \"../shared/slider-types\";\n\nimport { normalizeSingleSliderValue } from \"../math/normalize-single-slider-value\";\n\ninterface UseSingleSliderStateOptions {\n  defaultValue?: number;\n  domainMax: number;\n  domainMin: number;\n  marks?: readonly SliderMark[];\n  max: number;\n  min: number;\n  onChange?: ((value: SliderValue) => void) | undefined;\n  onChangeEnd?: ((value: SliderValue) => void) | undefined;\n  precision: number;\n  restrictToMarks: boolean;\n  value?: number;\n}\n\nexport const useSingleSliderState = ({\n  defaultValue,\n  domainMax,\n  domainMin,\n  marks,\n  max,\n  min,\n  onChange,\n  onChangeEnd,\n  precision,\n  restrictToMarks,\n  value,\n}: UseSingleSliderStateOptions) => {\n  const initialValue = useMemo(\n    () =>\n      normalizeSingleSliderValue({\n        current: min,\n        domainMax,\n        domainMin,\n        marks,\n        max,\n        min,\n        precision,\n        raw: defaultValue ?? min,\n        restrictToMarks,\n      }),\n    [\n      defaultValue,\n      domainMax,\n      domainMin,\n      marks,\n      max,\n      min,\n      precision,\n      restrictToMarks,\n    ]\n  );\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(initialValue);\n\n  const controlledValue = useMemo(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    return normalizeSingleSliderValue({\n      current: uncontrolledValue,\n      domainMax,\n      domainMin,\n      marks,\n      max,\n      min,\n      precision,\n      raw: value,\n      restrictToMarks,\n    });\n  }, [\n    domainMax,\n    domainMin,\n    marks,\n    max,\n    min,\n    precision,\n    restrictToMarks,\n    uncontrolledValue,\n    value,\n  ]);\n\n  const sliderValue = controlledValue ?? uncontrolledValue;\n  const valueRef = useRef(sliderValue);\n\n  useEffect(() => {\n    valueRef.current = sliderValue;\n  }, [sliderValue]);\n\n  useEffect(() => {\n    if (value !== undefined) {\n      return;\n    }\n\n    setUncontrolledValue((previous: number) =>\n      normalizeSingleSliderValue({\n        current: previous,\n        domainMax,\n        domainMin,\n        marks,\n        max,\n        min,\n        precision,\n        raw: previous,\n        restrictToMarks,\n      })\n    );\n  }, [\n    domainMax,\n    domainMin,\n    marks,\n    max,\n    min,\n    precision,\n    restrictToMarks,\n    value,\n  ]);\n\n  const handleValueChange = useCallback(\n    (\n      nextValue: number | number[],\n      eventDetails: SliderPrimitive.Root.ChangeEventDetails\n    ) => {\n      const rawValue = Array.isArray(nextValue)\n        ? (nextValue[0] ?? valueRef.current)\n        : nextValue;\n\n      const normalizedValue = normalizeSingleSliderValue({\n        current: valueRef.current,\n        domainMax,\n        domainMin,\n        marks,\n        max,\n        min,\n        precision,\n        raw: rawValue,\n        reason: eventDetails.reason,\n        restrictToMarks,\n      });\n\n      valueRef.current = normalizedValue;\n\n      if (value === undefined) {\n        setUncontrolledValue(normalizedValue);\n      }\n\n      onChange?.(normalizedValue);\n    },\n    [\n      domainMax,\n      domainMin,\n      marks,\n      max,\n      min,\n      onChange,\n      precision,\n      restrictToMarks,\n      value,\n    ]\n  );\n\n  const handleValueCommitted = useCallback(() => {\n    onChangeEnd?.(valueRef.current);\n  }, [onChangeEnd]);\n\n  return {\n    handleValueChange,\n    handleValueCommitted,\n    sliderValue,\n  };\n};\n","\"use client\";\n\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport type { SliderRadius, SliderSize } from \"../shared/slider-style-tokens\";\nimport type { SliderLabelTransitionProps } from \"../shared/slider-transition\";\nimport type {\n  SliderLabel,\n  SliderMark as SliderMarkType,\n  SliderValue,\n} from \"../shared/slider-types\";\n\nimport { toFloatingValue } from \"../math/slider-math-utils\";\nimport {\n  SliderControl,\n  type SliderControlProps,\n} from \"../primitives/slider-control\";\nimport {\n  SliderIndicator,\n  type SliderIndicatorProps,\n} from \"../primitives/slider-indicator\";\nimport { SliderMark, type SliderMarkProps } from \"../primitives/slider-mark\";\nimport { SliderMarks, type SliderMarksProps } from \"../primitives/slider-marks\";\nimport { SliderThumb, type SliderThumbProps } from \"../primitives/slider-thumb\";\nimport {\n  SliderThumbLabel,\n  type SliderThumbLabelProps,\n} from \"../primitives/slider-thumb-label\";\nimport { SliderTrack, type SliderTrackProps } from \"../primitives/slider-track\";\nimport {\n  SliderValue as SliderValuePrimitive,\n  type SliderValueProps,\n} from \"../primitives/slider-value\";\nimport { resolveSliderBounds } from \"../shared/slider-bounds\";\nimport { resolveSliderLabel } from \"../shared/slider-label\";\nimport {\n  mergeSliderRootStyle,\n  resolveSliderRootClassName,\n} from \"../shared/slider-root-presentation\";\nimport { useSingleSliderState } from \"./use-single-slider-state\";\n\ntype SliderRootProps = Omit<\n  SliderPrimitive.Root.Props<number>,\n  | \"defaultValue\"\n  | \"max\"\n  | \"min\"\n  | \"name\"\n  | \"onChange\"\n  | \"onValueChange\"\n  | \"onValueCommitted\"\n  | \"minStepsBetweenValues\"\n  | \"thumbCollisionBehavior\"\n  | \"thumbAlignment\"\n  | \"value\"\n>;\n\nexport interface SliderProps extends SliderRootProps {\n  color?: string;\n  defaultValue?: number;\n  domain?: [number, number];\n  hiddenInputProps?: Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"name\" | \"type\" | \"value\"\n  >;\n  inverted?: boolean;\n  label?: SliderLabel;\n  labelAlwaysOn?: boolean;\n  labelTransitionProps?: SliderLabelTransitionProps;\n  marks?: readonly SliderMarkType[];\n  max?: number;\n  min?: number;\n  name?: string;\n  onChange?: ((value: SliderValue) => void) | undefined;\n  onChangeEnd?: ((value: SliderValue) => void) | undefined;\n  precision?: number;\n  radius?: SliderRadius;\n  restrictToMarks?: boolean;\n  scale?: ((value: number) => number) | undefined;\n  size?: SliderSize;\n  showLabelOnHover?: boolean;\n  step?: number;\n  thumbChildren?: ReactNode;\n  thumbLabel?: string;\n  thumbLabelOffset?: number | string;\n  thumbLabelOffsetVertical?: number | string;\n  thumbProps?: Omit<SliderThumbProps, \"aria-label\" | \"children\" | \"index\">;\n  thumbSize?: number | string;\n  trackSize?: number | string;\n  markSize?: number | string;\n  value?: number;\n}\n\ntype SliderComponent = ((props: SliderProps) => ReactNode) & {\n  Control: typeof SliderControl;\n  Indicator: typeof SliderIndicator;\n  Mark: typeof SliderMark;\n  Marks: typeof SliderMarks;\n  Thumb: typeof SliderThumb;\n  ThumbLabel: typeof SliderThumbLabel;\n  Track: typeof SliderTrack;\n  Value: typeof SliderValuePrimitive;\n};\n\nconst Slider = (({\n  className,\n  children,\n  color,\n  defaultValue,\n  domain,\n  hiddenInputProps,\n  inverted = false,\n  label = (value) => value,\n  labelAlwaysOn = false,\n  labelTransitionProps,\n  marks,\n  max = 100,\n  min = 0,\n  name,\n  onChange,\n  onChangeEnd,\n  precision: precisionProp,\n  radius,\n  restrictToMarks = false,\n  scale = (value) => value,\n  size,\n  showLabelOnHover = true,\n  step = 1,\n  style,\n  thumbChildren,\n  thumbLabel,\n  thumbLabelOffset,\n  thumbLabelOffsetVertical,\n  thumbProps,\n  thumbSize,\n  trackSize,\n  markSize,\n  value,\n  ...props\n}: SliderProps) => {\n  const resolvedBounds = resolveSliderBounds({\n    domain,\n    max,\n    min,\n    precision: precisionProp,\n    step,\n  });\n\n  const {\n    domainMax,\n    domainMin,\n    max: normalizedMax,\n    min: normalizedMin,\n    precision,\n  } = resolvedBounds;\n\n  const { handleValueChange, handleValueCommitted, sliderValue } =\n    useSingleSliderState({\n      defaultValue,\n      domainMax,\n      domainMin,\n      marks,\n      max: normalizedMax,\n      min: normalizedMin,\n      onChange,\n      onChangeEnd,\n      precision,\n      restrictToMarks,\n      value,\n    });\n\n  const displayedValue = toFloatingValue(scale(sliderValue), precision);\n  const resolvedLabel = resolveSliderLabel(label, displayedValue);\n  const defaultThumbProps = thumbProps ?? {};\n\n  return (\n    <SliderPrimitive.Root\n      {...props}\n      className={resolveSliderRootClassName(className, inverted)}\n      data-slot=\"slider\"\n      max={domainMax}\n      min={domainMin}\n      onValueChange={handleValueChange}\n      onValueCommitted={handleValueCommitted}\n      step={step}\n      style={mergeSliderRootStyle(\n        {\n          color,\n          markSize,\n          radius,\n          size,\n          thumbLabelOffset,\n          thumbLabelOffsetVertical,\n          thumbSize,\n          trackSize,\n        },\n        style\n      )}\n      thumbAlignment=\"center\"\n      value={sliderValue}\n    >\n      {children ?? (\n        <SliderControl>\n          <SliderTrack>\n            <SliderIndicator />\n            <SliderMarks\n              disabled={props.disabled}\n              inverted={inverted}\n              marks={marks}\n              max={domainMax}\n              min={domainMin}\n              orientation={props.orientation}\n              values={[sliderValue]}\n            />\n          </SliderTrack>\n          <SliderThumb {...defaultThumbProps} aria-label={thumbLabel}>\n            {thumbChildren}\n            <SliderThumbLabel\n              label={resolvedLabel}\n              labelAlwaysOn={labelAlwaysOn}\n              orientation={props.orientation}\n              showLabelOnHover={showLabelOnHover}\n              transitionProps={labelTransitionProps}\n            />\n          </SliderThumb>\n        </SliderControl>\n      )}\n      {name ? (\n        <input\n          {...hiddenInputProps}\n          name={name}\n          type=\"hidden\"\n          value={String(displayedValue)}\n        />\n      ) : null}\n    </SliderPrimitive.Root>\n  );\n}) as SliderComponent;\n\nSlider.Control = SliderControl;\nSlider.Indicator = SliderIndicator;\nSlider.Mark = SliderMark;\nSlider.Marks = SliderMarks;\nSlider.Thumb = SliderThumb;\nSlider.ThumbLabel = SliderThumbLabel;\nSlider.Track = SliderTrack;\nSlider.Value = SliderValuePrimitive;\n\nexport type { SliderControlProps };\nexport type { SliderIndicatorProps };\nexport type { SliderMarkProps };\nexport type { SliderMarksProps };\nexport type { SliderThumbProps };\nexport type { SliderThumbLabelProps };\nexport type { SliderTrackProps };\nexport type { SliderValueProps };\nexport type { SliderMarkType as SliderMarkDefinition };\n\nexport {\n  Slider,\n  SliderControl,\n  SliderIndicator,\n  SliderMark,\n  SliderMarks,\n  SliderThumb,\n  SliderThumbLabel,\n  SliderTrack,\n  SliderValuePrimitive as SliderValue,\n};\n"],"mappings":";;;;;;;AAEA,MAAM,UAAU;AAEhB,MAAa,eAAe,OAAe,KAAa,QACtD,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,IAAI;AAErC,MAAa,wBAAwB,SAAiB;AACpD,KAAI,CAAC,OAAO,SAAS,KAAK,IAAI,QAAQ,EACpC,QAAO;CAGT,MAAM,GAAG,YAAY,KAAK,UAAU,CAAC,MAAM,IAAI;AAC/C,QAAO,UAAU,UAAU;;AAG7B,MAAa,mBAAmB,OAAe,cAC7C,OAAO,WAAW,MAAM,QAAQ,UAAU,CAAC;AAE7C,MAAa,sBAAsB,OAAe,KAAa,QAAgB;AAC7E,KAAI,QAAQ,IACV,QAAO;AAIT,QAAO,aADW,QAAQ,QAAQ,MAAM,OAAQ,KACpB,GAAG,IAAI;;AAGrC,MAAa,4BACX,OACA,KACA,QACG;AACH,KAAI,CAAC,OAAO,OACV,QAAO,EAAE;CAGX,MAAM,8BAAc,IAAI,KAAa;AACrC,MAAK,MAAM,QAAQ,OAAO;AACxB,MAAI,CAAC,OAAO,SAAS,KAAK,MAAM,CAC9B;AAGF,MAAI,KAAK,QAAQ,OAAO,KAAK,QAAQ,IACnC;AAGF,cAAY,IAAI,KAAK,MAAM;;CAG7B,MAAM,cAAc,CAAC,GAAG,YAAY;AACpC,aAAY,MAAM,GAAG,MAAM,IAAI,EAAE;AACjC,QAAO;;AAGT,MAAa,uBACX,OACA,UACG;AACH,KAAI,CAAC,MAAM,OACT,QAAO;CAGT,IAAI,UAAU,MAAM,MAAM;CAC1B,IAAI,kBAAkB,KAAK,IAAI,QAAQ,QAAQ;AAE/C,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,WAAW,KAAK,IAAI,QAAQ,KAAK;AACvC,MAAI,WAAW,UAAU,iBAAiB;AACxC,aAAU;AACV,qBAAkB;;;AAItB,QAAO;;AAGT,MAAa,oBAAoB,SAAiB,UAA6B;AAC7E,MAAK,MAAM,QAAQ,MACjB,KAAI,OAAO,UAAU,QACnB,QAAO;AAIX,QAAO;;AAGT,MAAa,wBACX,SACA,UACG;AACH,MAAK,IAAI,QAAQ,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG;EACzD,MAAM,OAAO,MAAM;AACnB,MAAI,SAAS,UAAa,OAAO,UAAU,QACzC,QAAO;;AAIX,QAAO;;AAGT,MAAa,qBAAqB,OAA0B,aAC1D,MAAM,MAAM;AAEd,MAAa,oBAAoB,OAA0B,aACzD,MAAM,GAAG,GAAG,IAAI;AAElB,MAAa,gBAAgB,EAC3B,WAAW,OACX,MACA,aAKI;AACJ,KAAI,CAAC,OAAO,OACV,QAAO;AAGT,KAAI,OAAO,WAAW,GAAG;EACvB,MAAM,CAAC,eAAe;AACtB,MAAI,gBAAgB,OAClB,QAAO;AAGT,SAAO,WAAW,QAAQ,cAAc,QAAQ;;CAGlD,MAAM,eAAe,CAAC,GAAG,OAAO;AAChC,cAAa,MAAM,GAAG,MAAM,IAAI,EAAE;CAClC,MAAM,CAAC,OAAO,GAAG,KAAK,KAAK;AAE3B,KAAI,SACF,QAAO,QAAQ,QAAQ,QAAQ;AAGjC,QAAO,QAAQ,QAAQ,QAAQ;;AAGjC,MAAa,wBAAwB,WACnC,WAAW,kBAAkB,WAAW;;;;ACrI1C,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACA,OAAgB;CACf,WAAW,qBACT,mPACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACC,OAAgB;CACf,WAAW,qBACT,waACA,UACD;CACD,GAAI;CACJ,aAAU;EACV;;;;ACFJ,MAAM,cAAc,EAClB,UACA,QACA,OACA,cAAc,cACd,eACqB;CACrB,MAAM,eAAe,gBAAgB;CAErC,MAAM,eAAe,eAChB,EAAE,kBAAkB,GAAG,SAAS,IAAI,GACpC,EAAE,QAAQ,GAAG,SAAS,IAAI;AAE/B,QACE,qBAAC;EACC,WAAW,GACT,qCACA,eACI,8CACA,4CACL;EACD,eAAa,SAAS,SAAS;EAC/B,aAAU;EACV,OAAO;aAEP,oBAAC;GACC,eAAY;GACZ,WAAW,GACT,0OACA,SACI,oGACA,+BACJ,YAAY,wBACb;GACD,aAAU;IACV,EACD,QACC,oBAAC;GACC,WAAW,GACT,gFACA,eACI,gFACA,8EACL;GACD,aAAU;aAET;IACI,GACL;GACA;;;;;AC5CV,MAAM,eAAe,EACnB,UACA,UACA,OACA,KACA,KACA,cAAc,cACd,aACsB;CACtB,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,OAAO,OACV,QAAO,EAAE;AAGX,SAAO,MACJ,QAAQ,SAAS,OAAO,SAAS,KAAK,MAAM,CAAC,CAC7C,KAAK,UAAU;GACd,GAAG;GACH,UAAU,mBAAmB,KAAK,OAAO,KAAK,IAAI;GACnD,EAAE;IACJ;EAAC;EAAO;EAAK;EAAI,CAAC;AAErB,KAAI,CAAC,gBAAgB,OACnB,QAAO;AAGT,QACE,0CACG,gBAAgB,KAAK,SACpB,oBAAC;EACW;EACV,QAAQ,aAAa;GACnB;GACA,MAAM,KAAK;GACX;GACD,CAAC;EAEF,OAAO,KAAK;EACC;EACb,UAAU,KAAK;IAHV,GAAG,KAAK,MAAM,GAAG,OAAO,KAAK,MAAM,GAIxC,CACF,GACD;;;;;ACrDP,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB;CACf,WAAW,qBACT,+tBACA,UACD;CACD,GAAI;CACJ,aAAU;EACV;;;;ACVJ,MAAa,oCAAoC;CAC/C,OAAO;CACP,UAAU;CACV,gBAAgB;CACjB;;;;ACYD,MAAM,kBAAkB,UAAkB,GAAG,MAAM;AAEnD,MAAM,oBAAoB,EACxB,WACA,OACA,eACA,cAAc,cACd,kBACA,OACA,iBACA,GAAG,YACwB;AAC3B,KAAI,UAAU,QAAQ,UAAU,OAC9B,QAAO;CAGT,MAAM,kBACJ,iBAAiB,SAAS,kCAAkC;CAC9D,MAAM,qBACJ,iBAAiB,YAAY,kCAAkC;CACjE,MAAM,2BACJ,iBAAiB,kBACjB,kCAAkC;AAEpC,QACE,oBAAC;EACC,GAAI;EACJ,eAAY;EACZ,WAAW,GACT,yNACA,gBAAgB,eACZ,2EACA,kFACJ,gBACI,gBACA,2FACJ,mBAAmB,mCAAmC,QACtD,UACD;EACD,aAAU;EACV,OAAO;GACL,GAAG;GACH,iBAAiB,eAAe,gBAAgB;GAChD,oBAAoB,eAAe,mBAAmB;GACtD;GACD;YAEA;GACI;;;;;AC9DX,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB;CACf,WAAW,qBACT,8hBACA,UACD;CACD,GAAI;CACJ,aAAU;EACV;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB;CACf,WAAW,qBACT,QACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACEJ,MAAa,uBAAuB,EAClC,QACA,KACA,KACA,WACA,WACsD;CACtD,MAAM,gBAAgB,KAAK,IAAI,KAAK,IAAI;CACxC,MAAM,gBAAgB,KAAK,IAAI,KAAK,IAAI;CAExC,MAAM,YAAY,KAAK,IACrB,SAAS,MAAM,eACf,SAAS,MAAM,cAChB;AAMD,QAAO;EACL,WANgB,KAAK,IACrB,SAAS,MAAM,eACf,SAAS,MAAM,cAChB;EAIC;EACA,KAAK;EACL,KAAK;EACL,WAAW,aAAa,qBAAqB,KAAK;EACnD;;;;;ACzCH,MAAa,sBACX,OACA,UACG;AACH,KAAI,OAAO,UAAU,WACnB,QAAO,MAAM,MAAM;AAGrB,QAAO;;;;;ACRT,MAAM,aAAa;AAEnB,MAAa,oBAAoB;CAC/B,OAAO;CACP,UAAU;CACV,QAAQ;CACR,MAAM;CACN,kBAAkB;CAClB,0BAA0B;CAC1B,WAAW;CACX,YAAY;CACZ,WAAW;CACZ;AAED,MAAM,sBAAsB;CAC1B,IAAI;EAAE,WAAW;EAAY,WAAW;EAAW;CACnD,IAAI;EAAE,WAAW;EAAQ,WAAW;EAAY;CAChD,IAAI;EAAE,WAAW;EAAW,WAAW;EAAU;CACjD,IAAI;EAAE,WAAW;EAAU,WAAW;EAAY;CAClD,IAAI;EAAE,WAAW;EAAW,WAAW;EAAW;CACnD;AAED,MAAM,sBAAsB;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,2BAA2B,IAAI,IAAI;CACvC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAmBF,MAAM,wBAAwB,UAC5B,OAAO,UAAU,YAAY,SAAS;AAExC,MAAM,0BACJ,UAEA,OAAO,UAAU,YAAY,SAAS;AAExC,MAAM,2BAA2B,UAAkC;AACjE,KAAI,UAAU,OACZ;AAGF,QAAO,OAAO,UAAU,WAAW,GAAG,QAAQ,eAAe;;AAG/D,MAAM,2BAA2B,UAA8B;AAC7D,KAAI,UAAU,OACZ,QAAO;AAGT,QAAO,yBAAyB,IAAI,MAAM,GAAG,eAAe,MAAM,KAAK;;AAGzE,MAAM,4BAA4B,UAAoC;AACpE,KAAI,UAAU,OACZ,QAAO;AAGT,KAAI,uBAAuB,MAAM,CAC/B,QAAO,oBAAoB;AAG7B,QAAO,wBAAwB,MAAM;;AAGvC,MAAM,+BACJ,OACA,kBACG;AACH,KAAI,UAAU,OACZ,QAAO,qBAAqB,MAAM,GAC9B,oBAAoB,OAAO,YAC3B,wBAAwB,MAAM;AAGpC,KAAI,kBAAkB,OACpB,QAAO,qBAAqB,cAAc,GACtC,oBAAoB,eAAe,YACnC,wBAAwB,cAAc;AAG5C,QAAO,oBAAoB,GAAG;;AAGhC,MAAM,+BACJ,OACA,kBACG;AACH,KAAI,UAAU,OACZ,QAAO,qBAAqB,MAAM,GAC9B,oBAAoB,OAAO,YAC3B,wBAAwB,MAAM;AAGpC,KAAI,kBAAkB,OACpB,QAAO,qBAAqB,cAAc,GACtC,oBAAoB,eAAe,YACnC,wBAAwB,cAAc;AAG5C,QAAO,oBAAoB,GAAG;;AAGhC,MAAa,gCAAgC,EAC3C,OACA,UACA,QACA,MACA,kBACA,0BACA,WACA,gBACgD;CAChD,MAAM,gBAAgB,wBAAwB,SAAS;CACvD,MAAM,wBAAwB,wBAAwB,iBAAiB;CACvE,MAAM,gCAAgC,wBACpC,yBACD;CACD,MAAM,iBAAiB,4BAA4B,WAAW,KAAK;CACnE,MAAM,iBAAiB,4BAA4B,WAAW,KAAK;AAEnE,QAAO;GACJ,kBAAkB,QAAQ,wBAAwB,MAAM;GACxD,kBAAkB,SAAS,yBAAyB,OAAO;GAC3D,kBAAkB,OAAO;GACzB,kBAAkB,YAAY;GAC9B,kBAAkB,aAAa;GAC/B,kBAAkB,YAAY;EAC/B,GAAI,kBAAkB,SAClB,EAAE,GACF,GAAG,kBAAkB,WAAW,eAAe;EACnD,GAAI,0BAA0B,SAC1B,EAAE,GACF,GAAG,kBAAkB,mBAAmB,uBAAuB;EACnE,GAAI,kCAAkC,SAClC,EAAE,GACF,GACG,kBAAkB,2BACjB,+BACH;EACN;;;;;AClKH,MAAa,8BACX,WACA,aAEA,qBACE,8OACA,OAAO,cAAc,cAChB,UACC,CACE,WACI,8JACA,QACJ,UAAU,MAAM,CACjB,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,GACd,CACE,WACI,8JACA,QACJ,UACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACjB;AAKH,MAAa,wBACX,aACA,UAC4B;CAC5B,MAAM,YAAY,6BAA6B,YAAY;AAE3D,KAAI,OAAO,UAAU,WACnB,SAAQ,UAAU;EAChB,MAAM,gBAAgB,MAAM,MAAM;AAClC,SAAO,YAAY;GAAE,GAAG;GAAW,GAAG;GAAe,GAAG;;AAI5D,KAAI,CAAC,UACH,QAAO;AAGT,QAAO;EAAE,GAAG;EAAW,GAAI;EAAqC;;;;;AC9BlE,MAAa,8BAA8B,EACzC,SACA,WACA,WACA,OACA,KACA,KACA,WACA,KACA,QACA,sBACiC;CACjC,MAAM,aAAa,YAAY,KAAK,WAAW,UAAU;CACzD,MAAM,iBAAiB,YAAY,SAAS,KAAK,IAAI;AAErD,KAAI,CAAC,gBACH,QAAO,gBAAgB,YAAY,YAAY,KAAK,IAAI,EAAE,UAAU;CAGtE,MAAM,kBAAkB,yBAAyB,OAAO,KAAK,IAAI;AACjE,KAAI,CAAC,gBAAgB,OACnB,QAAO,gBAAgB,YAAY,YAAY,KAAK,IAAI,EAAE,UAAU;AAGtE,KAAI,CAAC,qBAAqB,OAAO,CAC/B,QAAO,gBACL,oBAAoB,YAAY,gBAAgB,EAChD,UACD;AAGH,KAAI,cAAc,IAChB,QAAO,gBAAgB,kBAAkB,iBAAiB,IAAI,EAAE,UAAU;AAG5E,KAAI,cAAc,IAChB,QAAO,gBAAgB,iBAAiB,iBAAiB,IAAI,EAAE,UAAU;AAG3E,KAAI,aAAa,eACf,QAAO,gBACL,iBAAiB,gBAAgB,gBAAgB,EACjD,UACD;AAGH,KAAI,aAAa,eACf,QAAO,gBACL,qBAAqB,gBAAgB,gBAAgB,EACrD,UACD;AAGH,QAAO,gBACL,oBAAoB,YAAY,gBAAgB,EAChD,UACD;;;;;AC3DH,MAAa,wBAAwB,EACnC,cACA,WACA,WACA,OACA,KACA,KACA,UACA,aACA,WACA,iBACA,YACiC;CA0BjC,MAAM,CAAC,mBAAmB,wBAAwB,SAzB7B,cAEjB,2BAA2B;EACzB,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA,KAAK,gBAAgB;EACrB;EACD,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF,CAEuE;CA8BxE,MAAM,cA5BkB,cAAc;AACpC,MAAI,UAAU,OACZ;AAGF,SAAO,2BAA2B;GAChC,SAAS;GACT;GACA;GACA;GACA;GACA;GACA;GACA,KAAK;GACL;GACD,CAAC;IACD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,IAEqC;CACvC,MAAM,WAAW,OAAO,YAAY;AAEpC,iBAAgB;AACd,WAAS,UAAU;IAClB,CAAC,YAAY,CAAC;AAEjB,iBAAgB;AACd,MAAI,UAAU,OACZ;AAGF,wBAAsB,aACpB,2BAA2B;GACzB,SAAS;GACT;GACA;GACA;GACA;GACA;GACA;GACA,KAAK;GACL;GACD,CAAC,CACH;IACA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAiDF,QAAO;EACL,mBAhDwB,aAEtB,WACA,iBACG;GACH,MAAM,WAAW,MAAM,QAAQ,UAAU,GACpC,UAAU,MAAM,SAAS,UAC1B;GAEJ,MAAM,kBAAkB,2BAA2B;IACjD,SAAS,SAAS;IAClB;IACA;IACA;IACA;IACA;IACA;IACA,KAAK;IACL,QAAQ,aAAa;IACrB;IACD,CAAC;AAEF,YAAS,UAAU;AAEnB,OAAI,UAAU,OACZ,sBAAqB,gBAAgB;AAGvC,cAAW,gBAAgB;KAE7B;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAQC,sBAN2B,kBAAkB;AAC7C,iBAAc,SAAS,QAAQ;KAC9B,CAAC,YAAY,CAAC;EAKf;EACD;;;;;AC1EH,MAAMC,aAAW,EACf,WACA,UACA,OACA,cACA,QACA,kBACA,WAAW,OACX,SAAS,UAAU,OACnB,gBAAgB,OAChB,sBACA,OACA,MAAM,KACN,MAAM,GACN,MACA,UACA,aACA,WAAW,eACX,QACA,kBAAkB,OAClB,SAAS,UAAU,OACnB,MACA,mBAAmB,MACnB,OAAO,GACP,OACA,eACA,YACA,kBACA,0BACA,YACA,WACA,WACA,UACA,OACA,GAAG,YACc;CASjB,MAAM,EACJ,WACA,WACA,KAAK,eACL,KAAK,eACL,cAbqB,oBAAoB;EACzC;EACA;EACA;EACA,WAAW;EACX;EACD,CAAC;CAUF,MAAM,EAAE,mBAAmB,sBAAsB,gBAC/C,qBAAqB;EACnB;EACA;EACA;EACA;EACA,KAAK;EACL,KAAK;EACL;EACA;EACA;EACA;EACA;EACD,CAAC;CAEJ,MAAM,iBAAiB,gBAAgB,MAAM,YAAY,EAAE,UAAU;CACrE,MAAM,gBAAgB,mBAAmB,OAAO,eAAe;CAC/D,MAAM,oBAAoB,cAAc,EAAE;AAE1C,QACE,qBAACC,OAAgB;EACf,GAAI;EACJ,WAAW,2BAA2B,WAAW,SAAS;EAC1D,aAAU;EACV,KAAK;EACL,KAAK;EACL,eAAe;EACf,kBAAkB;EACZ;EACN,OAAO,qBACL;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,EACD,MACD;EACD,gBAAe;EACf,OAAO;aAEN,YACC,qBAAC,4BACC,qBAAC,0BACC,oBAAC,oBAAkB,EACnB,oBAAC;GACC,UAAU,MAAM;GACN;GACH;GACP,KAAK;GACL,KAAK;GACL,aAAa,MAAM;GACnB,QAAQ,CAAC,YAAY;IACrB,IACU,EACd,qBAAC;GAAY,GAAI;GAAmB,cAAY;cAC7C,eACD,oBAAC;IACC,OAAO;IACQ;IACf,aAAa,MAAM;IACD;IAClB,iBAAiB;KACjB;IACU,IACA,EAEjB,OACC,oBAAC;GACC,GAAI;GACE;GACN,MAAK;GACL,OAAO,OAAO,eAAe;IAC7B,GACA;GACiB;;AAI3B,SAAO,UAAU;AACjB,SAAO,YAAY;AACnB,SAAO,OAAO;AACd,SAAO,QAAQ;AACf,SAAO,QAAQ;AACf,SAAO,aAAa;AACpB,SAAO,QAAQ;AACf,SAAO,QAAQC"}