@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.62

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js

@@ -1,77 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Text } from "../../text/text2.js";
-import { processIconProp, processTextProp } from "../../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { STATES } from "../../../lib/types/states/states.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SelectorBoxFileContainerBox = ({ containerBoxStateContent: e, cssClasses: t, filename: n, focus: r, htmlFor: i, loader: a, state: o }) => {
-	let s = {
-		"data-focus": r,
-		"data-state": o
-	};
-	return /* @__PURE__ */ jsxs("label", {
-		className: t?.containerboxcontainer,
-		"data-focus": r,
-		htmlFor: i,
-		...pickCustomAttributes(s),
-		children: [
-			/* @__PURE__ */ jsxs("span", { children: [
-				a,
-				/* @__PURE__ */ jsx(ElementOrIcon, {
-					className: t?.containerboxicon,
-					customAttributes: s,
-					...processIconProp(e[o]?.icon)
-				}),
-				/* @__PURE__ */ jsx(ElementOrIcon, {
-					className: t?.containerboxicon,
-					customAttributes: s,
-					...processIconProp(e[o]?.icon)
-				})
-			] }),
-			/* @__PURE__ */ jsxs("span", {
-				className: t?.containerboxtextscontainer,
-				...pickCustomAttributes(s),
-				children: [
-					!!n && [
-						STATES.LOADING,
-						STATES.SUCCESS,
-						STATES.ERROR
-					].includes(o) && /* @__PURE__ */ jsx(Text, {
-						additionalClasses: { text: t?.containerboxfilename },
-						component: "span",
-						customAttributes: s,
-						children: n
-					}),
-					!!processTextProp(e[o]?.actionText).children && /* @__PURE__ */ jsxs("span", {
-						className: t?.actioniconandactiontextcontainer,
-						...pickCustomAttributes(s),
-						children: [/* @__PURE__ */ jsx(ElementOrIcon, {
-							className: t?.actionicon,
-							customAttributes: s,
-							...processIconProp(e[o]?.actionIcon)
-						}), /* @__PURE__ */ jsx(Text, {
-							additionalClasses: { text: t?.containerboxactiontext },
-							component: "span",
-							customAttributes: s,
-							...processTextProp(e[o]?.actionText),
-							children: processTextProp(e[o]?.actionText).children
-						})]
-					}),
-					!!e[o]?.description && /* @__PURE__ */ jsx(Text, {
-						additionalClasses: { text: t?.containerboxdescription },
-						component: "span",
-						customAttributes: s,
-						...processTextProp(e[o]?.description),
-						children: processTextProp(e[o]?.description).children
-					})
-				]
-			}),
-			!!e[o]?.iconRight && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: t?.containerboxicon,
-				customAttributes: s,
-				...processIconProp(e[o]?.iconRight)
-			}) })
-		]
-	});
-};
-export { SelectorBoxFileContainerBox };

package/dist/esm/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -1,45 +0,0 @@
-import { getBottomBarWith, getLeftBarHeight, getRightBarHeight, getTopBarWith } from "../utils/animation/animation.js";
-import { useEffect, useRef, useState } from "react";
-var FIRST_QUARTER = 25, SECOND_QUARTER = 50, THIRD_QUARTER = 75, ZERO = 0, MAX = "100%", resetMeasure = (e, t) => {
-	e && (e.style.transition = "none", e.style[t] = "0%", e.style.removeProperty("transition"));
-};
-const useBorderAnimation = ({ ...i }) => {
-	let a = useRef(null), o = useRef(null), s = useRef(null), c = useRef(null), [l, u] = useState(!1), [d, f] = useState(!1), [p, m] = useState(!1), h = () => {
-		i.percentage >= ZERO && a?.current && (a.current.style.width = `${getTopBarWith(i.percentage)}%`);
-	}, g = () => {
-		l && i.percentage > FIRST_QUARTER && o?.current && (o.current.style.height = `${getRightBarHeight(i.percentage)}%`);
-	}, _ = () => {
-		d && i.percentage > SECOND_QUARTER && s?.current && (s.current.style.width = `${getBottomBarWith(i.percentage)}%`);
-	}, v = () => {
-		p && i.percentage > THIRD_QUARTER && c?.current && (c.current.style.height = `${getLeftBarHeight(i.percentage)}%`);
-	}, y = () => {
-		resetMeasure(a.current, "width"), resetMeasure(o.current, "height"), resetMeasure(s.current, "width"), resetMeasure(c.current, "height"), u(!1), f(!1), m(!1);
-	};
-	return useEffect(() => {
-		i.percentage === 0 ? y() : i.percentage > 0 && (h(), g(), _(), v());
-	}, [
-		i.percentage,
-		l,
-		d,
-		p
-	]), useEffect(() => {
-		let e = () => {
-			u(a.current?.style.width === MAX);
-		}, t = () => {
-			f(o.current?.style.height === MAX);
-		}, n = () => {
-			m(s.current?.style.width === MAX);
-		}, r = () => {
-			c.current?.style.height === MAX && i.onAnimationCompleted?.();
-		};
-		return a.current?.addEventListener("transitionend", e), o.current?.addEventListener("transitionend", t), s.current?.addEventListener("transitionend", n), c.current?.addEventListener("transitionend", r), () => {
-			a.current?.removeEventListener("transitionend", e), o.current?.removeEventListener("transitionend", t), s.current?.removeEventListener("transitionend", n), c.current?.removeEventListener("transitionend", r);
-		};
-	}, []), {
-		bottomRef: s,
-		leftRef: c,
-		rightRef: o,
-		topRef: a
-	};
-};
-export { useBorderAnimation };

package/dist/esm/components/selectorBoxFile/index.js

@@ -1 +0,0 @@
-export {  SelectorBoxFile  } from './selectorBoxFile.js';

package/dist/esm/components/selectorBoxFile/selectorBoxFile.js

@@ -1,40 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { SelectorBoxFileStandAlone } from "./selectorBoxFileStandAlone.js";
-import { getState } from "./utils/state/state.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const SelectorBoxFile = forwardRef(({ additionalClasses: r, disabled: o = !1, error: s = !1, errorFileExtensionMessage: c = { content: "" }, errorMaxSizeMessage: l = { content: "" }, fileExtension: u, loading: d = !1, maxSize: f, onChange: p, onFileError: m, onSizeError: h, percentage: g = 0, success: _ = !1, variant: v, ...y }, b) => {
-	let x = useClassName({
-		additionalClassNames: r,
-		component: "SELECTOR_BOX_FILE",
-		variant: v
-	}), [S, C] = useState(!1), [w, T] = useState({
-		validExtension: !0,
-		validSize: !0
-	}), E = () => {
-		C(!0);
-	}, D = () => {
-		C(!1);
-	}, O = (e) => {
-		if (!e || e.length === 0) return;
-		let t = e[0], n = t.size / 1024 / 1024, r = t.type, i = !0, a = !0;
-		f && n > f && (i = !1, h?.(!0)), u && !u?.some((e) => r.includes(e)) && (a = !1, m?.(!0)), T({
-			validExtension: a,
-			validSize: i
-		});
-	}, k = () => s || !w.validExtension || !w.validSize, A = (e) => {
-		O(e.target.files), p?.(e);
-	};
-	return /* @__PURE__ */ jsx(SelectorBoxFileStandAlone, {
-		...y,
-		ref: b,
-		cssClasses: x,
-		focus: S,
-		percentage: g,
-		state: getState(d, _, k(), o),
-		onBlur: D,
-		onChange: A,
-		onFocus: E
-	});
-});
-export { SelectorBoxFile };

package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js

@@ -1,47 +0,0 @@
-import { STATES } from "../../lib/types/states/states.js";
-import { SelectorBoxFileAnimation } from "./components/selectorBoxFileAnimation.js";
-import { SelectorBoxFileContainerBox } from "./components/selectorBoxFileContainerBox.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SelectorBoxFileStandAlone = forwardRef(({ accept: e, containerBoxStateContent: t, cssClasses: n, filename: r, focus: i, id: a, multiple: o, name: s, onAnimationCompleted: c, onBlur: l, onChange: u, onClick: d, onFocus: f, percentage: p, state: m, ...h }, g) => {
-	let _ = `selectorboxfile-${useId().replace(/:/g, "")}`, v = a ?? _, y = h["data-testid"] ?? "selector-box-file";
-	return /* @__PURE__ */ jsxs("div", {
-		ref: g,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: n?.selector_box_file,
-			"data-testid": y,
-			children: /* @__PURE__ */ jsx("div", {
-				className: n?.header,
-				children: /* @__PURE__ */ jsx(SelectorBoxFileAnimation, {
-					cssClasses: n,
-					"data-testid": y,
-					focus: i,
-					percentage: p,
-					state: m,
-					onAnimationCompleted: c,
-					children: /* @__PURE__ */ jsx(SelectorBoxFileContainerBox, {
-						containerBoxStateContent: t,
-						cssClasses: n,
-						filename: r,
-						focus: !1,
-						htmlFor: v,
-						state: m
-					})
-				})
-			})
-		}), /* @__PURE__ */ jsx("input", {
-			accept: e,
-			className: "kbt-sr-only",
-			disabled: m === STATES.DISABLED,
-			id: v,
-			multiple: o,
-			name: s,
-			type: "file",
-			onBlur: l,
-			onChange: u,
-			onClick: d,
-			onFocus: f
-		})]
-	});
-});
-export { SelectorBoxFileStandAlone };

package/dist/esm/components/selectorBoxFile/utils/animation/animation.js

@@ -1,10 +0,0 @@
-import { translateValue } from "../translateValue/translateValue.js";
-var FIRST_QUARTER = 25, SECOND_QUARTER = 50, THIRD_QUARTER = 75, MAX = 100, getBarMeasure = (t, n, r) => t > r ? MAX : translateValue({
-	inputMax: r,
-	inputMin: n,
-	outputMax: MAX,
-	outputMin: 0,
-	value: t
-});
-const getTopBarWith = (e) => getBarMeasure(e, 0, FIRST_QUARTER), getRightBarHeight = (e) => getBarMeasure(e, FIRST_QUARTER, SECOND_QUARTER), getBottomBarWith = (e) => getBarMeasure(e, SECOND_QUARTER, THIRD_QUARTER), getLeftBarHeight = (e) => getBarMeasure(e, THIRD_QUARTER, MAX);
-export { getBottomBarWith, getLeftBarHeight, getRightBarHeight, getTopBarWith };

package/dist/esm/components/selectorBoxFile/utils/state/state.js

@@ -1,3 +0,0 @@
-import { STATES } from "../../../../lib/types/states/states.js";
-const getState = (e, t, n, r) => r ? STATES.DISABLED : n ? STATES.ERROR : t ? STATES.SUCCESS : e ? STATES.LOADING : STATES.DEFAULT;
-export { getState };

package/dist/esm/components/selectorBoxFile/utils/translateValue/translateValue.js

@@ -1,6 +0,0 @@
-const translateValue = ({ inputMax: e, inputMin: t, outputMax: n, outputMin: r, value: i }) => {
-	if (t === e) return r;
-	let a = e - t, o = n - r, s = r + (i - t) / a * o;
-	return Math.min(n, Math.max(r, s));
-};
-export { translateValue };

package/dist/esm/components/skeleton/index.js

@@ -1 +0,0 @@
-export {  Skeleton  } from './skeleton.js';

package/dist/esm/components/skeleton/skeleton2.js

@@ -1,23 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { SkeletonStandAlone } from "./skeletonStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Skeleton = forwardRef(({ additionalClasses: e, additionalShapeClasses: t, shapeVariant: n, variant: r, ...i }, a) => {
-	let o = useClassName({
-		additionalClassNames: e,
-		component: "SKELETON",
-		variant: r
-	}), s = useClassName({
-		additionalClassNames: t,
-		component: "SKELETON",
-		variant: n
-	});
-	return /* @__PURE__ */ jsx(SkeletonStandAlone, {
-		...i,
-		ref: a,
-		cssClasses: o,
-		cssShapeClasses: s,
-		shapeVariant: r
-	});
-});
-export { Skeleton };

package/dist/esm/components/skeleton/skeletonStandAlone.js

@@ -1,26 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { classNames } from "../../lib/utils/classNames/classNames.js";
-/* empty css         */
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-const SkeletonStandAlone = forwardRef(({ borderRadius: e = "", cssClasses: t, cssShapeClasses: n, duration: r = "1.2s", height: i = "20px", width: a = "100%", ...o }, s) => {
-	let c = pickCustomAttributes(o), l = useMemo(() => t?.dynamic_values({
-		$skeletonBorderRadius: e,
-		$skeletonDuration: r,
-		$skeletonHeight: i,
-		$skeletonWidth: a
-	}).object, [
-		i,
-		a,
-		e,
-		r
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		ref: s,
-		className: classNames("kbt-skeleton", t?.skeleton, n?.skeleton),
-		"data-testid": "skeleton",
-		style: l,
-		...c
-	});
-});
-export { SkeletonStandAlone };

package/dist/esm/components/slider/components/sliderButtonStandAlone.js

@@ -1,12 +0,0 @@
-import { Button } from "../../button/button.js";
-import { jsx } from "react/jsx-runtime";
-const SliderButtonStandAlone = ({ content: e, cssClasses: t, customAttributes: n, ...r }) => {
-	let i = t?.decrement_button_variant, a = t?.decrement_button_size;
-	return !i || !a ? null : /* @__PURE__ */ jsx(Button, {
-		...r,
-		additionalSizeClasses: a,
-		additionalVariantClasses: i,
-		children: e
-	});
-};
-export { SliderButtonStandAlone };

package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js

@@ -1,25 +0,0 @@
-import { Text } from "../../text/text2.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SliderHelperTextStandAlone = ({ cssClasses: e, customAttributes: t, leftHelperText: n, leftHelperTextId: r, rightHelperText: i, rightHelperTextId: a }) => !n && !i ? null : /* @__PURE__ */ jsxs("div", {
-	className: e?.helpertextcontainer,
-	children: [!!n && /* @__PURE__ */ jsx("div", {
-		className: e?.helpertextleftcontainer,
-		children: /* @__PURE__ */ jsx(Text, {
-			additionalClasses: { text: e?.helpertext },
-			component: "span",
-			customAttributes: t,
-			id: r,
-			children: n
-		})
-	}), !!i && /* @__PURE__ */ jsx("div", {
-		className: e?.helpertextrightcontainer,
-		children: /* @__PURE__ */ jsx(Text, {
-			additionalClasses: { text: e?.helpertext },
-			component: "span",
-			customAttributes: t,
-			id: a,
-			children: i
-		})
-	})]
-});
-export { SliderHelperTextStandAlone };

package/dist/esm/components/slider/components/sliderScaleStandAlone.js

@@ -1,21 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { useEffect, useId, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const SliderScaleStandAlone = ({ cssClasses: r, customAttributes: i, scaleOffsets: a, showScale: o }) => {
-	let s = `tickmarks-${useId().replace(/:/g, "")}`, [c, l] = useState("0px"), u = useRef(null);
-	return useEffect(() => {
-		u.current && l(`${u.current.offsetWidth}px`);
-	}, [u.current]), !o || !o ? null : /* @__PURE__ */ jsx("div", {
-		className: r?.scalecontainer,
-		id: s,
-		...pickCustomAttributes(i),
-		children: a.map((e, t) => {
-			let n = { left: `calc(${e}% - ${c} / 2)` };
-			return /* @__PURE__ */ jsx("span", {
-				className: r?.scaleoption,
-				style: n
-			}, `${s}-${t.toString()}`);
-		})
-	});
-};
-export { SliderScaleStandAlone };

package/dist/esm/components/slider/components/sliderThumbStandAlone.js

@@ -1,82 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { useMediaDevice } from "../../../lib/hooks/useMediaDevice/useMediaDevice.js";
-import { TooltipUnControlled } from "../../tooltip/tooltipUnControlled.js";
-import { isTooltipVisible } from "../utils/ui.utils.js";
-import { jsx } from "react/jsx-runtime";
-const SliderThumbStandAlone = ({ ariaDescribedBy: e, ariaLabel: t, ariaLabelBy: n, cssClasses: r, customAttributes: i, disabled: a, hover: o, icon: s, max: c, min: l, onFocus: u, onKeyDown: d, onMouseOut: f, onMouseOver: p, onTouchStart: m, pressed: h, rightThumb: g, style: _, tooltip: v, tooltipAlign: y = "top", value: b, ...x }) => {
-	let S = useMediaDevice(), C = pickCustomAttributes({
-		...x,
-		...i
-	}), w = pickCustomAttributes(i);
-	return !isTooltipVisible(v, h, S) || !r?.tooltip ? /* @__PURE__ */ jsx("div", {
-		"aria-describedby": e,
-		"aria-disabled": a,
-		"aria-label": t,
-		"aria-labelledby": n,
-		"aria-valuemax": c,
-		"aria-valuemin": l,
-		"aria-valuenow": b,
-		className: r?.thumb,
-		"data-disabled": a,
-		"data-hover": o,
-		"data-position": g ? "right" : void 0,
-		"data-pressed": h,
-		role: "slider",
-		style: _,
-		tabIndex: 0,
-		onBlur: f,
-		onFocus: u,
-		onKeyDown: d,
-		onMouseOut: f,
-		onMouseOver: p,
-		onTouchStart: m,
-		...C,
-		children: /* @__PURE__ */ jsx(ElementOrIcon, {
-			className: r?.thumbicon,
-			...s
-		})
-	}) : /* @__PURE__ */ jsx("div", {
-		"data-disabled": a,
-		"data-hover": o,
-		"data-pressed": h,
-		role: "presentation",
-		style: _,
-		...C,
-		className: r?.thumb,
-		children: /* @__PURE__ */ jsx(TooltipUnControlled, {
-			additionalClasses: r?.tooltip,
-			align: y,
-			childrenAsButton: !1,
-			content: { content: v?.content },
-			tooltipAsModal: !1,
-			children: /* @__PURE__ */ jsx("div", {
-				"aria-describedby": e,
-				"aria-disabled": a,
-				"aria-label": t,
-				"aria-labelledby": n,
-				"aria-valuemax": c,
-				"aria-valuemin": l,
-				"aria-valuenow": b,
-				className: r.innerthumbtooltip,
-				"data-disabled": a,
-				"data-hover": o,
-				"data-pressed": h,
-				role: "slider",
-				tabIndex: 0,
-				onBlur: f,
-				onFocus: u,
-				onKeyDown: d,
-				onMouseOut: f,
-				onMouseOver: p,
-				onTouchStart: m,
-				...w,
-				children: /* @__PURE__ */ jsx(ElementOrIcon, {
-					className: g ? r?.rightthumbicon : r?.thumbicon,
-					...s
-				})
-			})
-		})
-	});
-};
-export { SliderThumbStandAlone };

package/dist/esm/components/slider/index.js

@@ -1 +0,0 @@
-export {  Slider  } from './slider.js';

package/dist/esm/components/slider/slider.js

@@ -1,182 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { calcNewValueAfterKeyPress, decrementValue, incrementValue } from "./utils/accessibility.utils.js";
-import { SliderStandAlone } from "./sliderStandAlone.js";
-import { calcDefaultValue, calcNewRangeValue, calcScaleValue, calcValueByOffset, calculateChange, equalsRangeValues, focusThumb, getOffset, getScale } from "./utils/slider.utils.js";
-import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var ON_CHANGE_DEBOUNCE_TIMEOUT = 50;
-const Slider = forwardRef(({ additionalClasses: r, ariaLabel: i, ariaLabelBy: a, decrementButton: o, defaultValue: s, disabled: c = !1, incrementButton: l, initialStepOffset: u, label: d, leftHelperText: f, max: p = 100, min: m = 0, onChange: h, onDragEnd: g, onDragStart: _, range: v = !1, rightAriaLabel: ee, rightAriaLabelBy: y, rightHelperText: b, rightThumbIcon: x, rightTooltip: S, step: C = 1, thumbExceedsTrack: w = !0, thumbIcon: T, tooltip: E, type: te = "discrete", value: D, variant: O }, k) => {
-	let A = (e) => calcDefaultValue({
-		initialStepOffset: u,
-		max: p,
-		min: m,
-		range: v,
-		step: C,
-		value: e
-	}), j = useRef(null), [M, N] = useState(A(D ?? s)), [P, F] = useState(!1), [I, L] = useState(!1), R = useRef("left"), [z, B] = useState({
-		max: 100,
-		min: 0
-	}), V = useRef(void 0);
-	focusThumb({
-		container: j.current,
-		currentActivePointer: R.current,
-		range: v
-	});
-	let H = useCallback((e) => {
-		h && (clearTimeout(V.current), V.current = setTimeout(() => {
-			h(e);
-		}, ON_CHANGE_DEBOUNCE_TIMEOUT));
-	}, [h]), U = (e) => {
-		if (!j.current || c) return;
-		let t = calcScaleValue({
-			initialStepOffset: u,
-			max: p,
-			min: m,
-			step: C,
-			value: calcValueByOffset({
-				max: p,
-				min: m,
-				offset: calculateChange({
-					container: j.current,
-					event: e,
-					offsetBoundaries: z
-				}),
-				offsetBoundaries: z,
-				step: C
-			})
-		});
-		N((e) => {
-			let n = t;
-			return v && (n = calcNewRangeValue({
-				activePointer: R,
-				newValue: t,
-				prevValue: e
-			})), H(n), n;
-		});
-	}, W = (e) => {
-		if (c) return;
-		let n = calcNewValueAfterKeyPress({
-			activePointer: R.current,
-			event: e,
-			max: p,
-			min: m,
-			range: v,
-			step: C,
-			value: M
-		});
-		n !== void 0 && (N(n), H(n));
-	}, G = (e) => {
-		let t = incrementValue({
-			activePointer: R.current,
-			max: p,
-			range: v,
-			step: C,
-			value: M
-		});
-		t !== void 0 && (N(t), H(t)), l?.onClick?.(e);
-	}, K = (e) => {
-		let t = decrementValue({
-			activePointer: R.current,
-			min: m,
-			range: v,
-			step: C,
-			value: M
-		});
-		t !== void 0 && (N(t), H(t)), o?.onClick?.(e);
-	}, q = () => {
-		g?.(), L(!1), Q();
-	}, { scaleOffsets: J, showScale: Y } = getScale({
-		initialStepOffset: u,
-		max: p,
-		min: m,
-		step: C,
-		type: te
-	}), { offset: X, offsetLeft: Z, offsetRight: ne } = getOffset({
-		max: p,
-		min: m,
-		offsetBoundaries: z,
-		range: v,
-		value: M
-	}), Q = () => {
-		window.removeEventListener("mousemove", U), window.removeEventListener("mouseup", q), window.removeEventListener("touchend", q);
-	}, re = useClassName({
-		additionalClassNames: r,
-		component: "SLIDER",
-		variant: O
-	}), $ = useCallback(() => {
-		if (w) {
-			B({
-				max: 100,
-				min: 0
-			});
-			return;
-		}
-		if (!j.current) return;
-		let e = j.current.querySelector("[role=\"slider\"]");
-		if (!e) return;
-		let t = j.current.getBoundingClientRect().width, n = e.getBoundingClientRect().width / t * 100 / 2;
-		B({
-			max: 100 - n,
-			min: n
-		});
-	}, [w]);
-	useEffect(() => ($(), w || window.addEventListener("resize", $), () => {
-		w || window.removeEventListener("resize", $);
-	}), [w]), useEffect(() => {
-		D !== void 0 && (v && !equalsRangeValues({
-			values1: D,
-			values2: M
-		}) || !v && D !== M) && N(A(D));
-	}, [D]), useEffect(() => Q, []);
-	let ie = (e) => {
-		_?.(), L(!0), U(e), window.addEventListener("mousemove", U), window.addEventListener("mouseup", q);
-	}, ae = (e) => {
-		_?.(), L(!0), U(e), window.addEventListener("touchend", q);
-	};
-	return /* @__PURE__ */ jsx(SliderStandAlone, {
-		ref: k,
-		activePointer: R,
-		ariaLabel: i,
-		ariaLabelBy: a,
-		containerRef: j,
-		cssClasses: re,
-		decrementButton: {
-			...o,
-			disabled: c || o?.disabled,
-			onClick: K
-		},
-		disabled: c,
-		hover: P,
-		incrementButton: {
-			...l,
-			disabled: c || l?.disabled,
-			onClick: G
-		},
-		label: d,
-		leftHelperText: f,
-		max: p,
-		min: m,
-		offset: X,
-		offsetLeft: Z,
-		offsetRight: ne,
-		pressed: I,
-		range: v,
-		rightAriaLabel: ee,
-		rightAriaLabelBy: y,
-		rightHelperText: b,
-		rightThumbIcon: x,
-		rightTooltip: S,
-		scaleOffsets: J,
-		setHover: F,
-		showScale: Y,
-		step: C,
-		thumbIcon: T,
-		tooltip: E,
-		value: M,
-		onChange: U,
-		onKeyPress: W,
-		onMouseDown: ie,
-		onTouchStart: ae
-	});
-});
-export { Slider };