@gv-tech/ui-web 2.21.0 → 2.22.0

package/dist/{scroll-area-3o0-cc3n.mjs → scroll-area-DJcPs0_v.mjs}

@@ -1,31 +1,30 @@
-import { t as e } from "./jsx-runtime-CW53Uo-e.mjs";
-import { t } from "./utils-yc5uc46c.mjs";
-import { n } from "./dist-Cvwtowos.mjs";
-import { n as r } from "./dist-BC_VB6JL.mjs";
-import { r as i, t as a } from "./dist-bDoR0CBU.mjs";
-import { t as o } from "./dist-BmjFh8i_.mjs";
-import { t as s } from "./dist-d_pecHgw.mjs";
-import { t as c } from "./dist-4A0ut6a8.mjs";
-import { t as l } from "./dist-ALQAoSGx.mjs";
-import { t as u } from "./dist-BKFtvTm8.mjs";
-import * as d from "react";
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { n as t } from "./dist-Bm8Cuttq.mjs";
+import { n } from "./dist-DAe-fOIM.mjs";
+import { r, t as i } from "./dist-BjEG16aJ.mjs";
+import { t as a } from "./dist-C9PlF532.mjs";
+import { t as o } from "./dist-DdVp13bp.mjs";
+import { t as s } from "./dist-C3Z3atn0.mjs";
+import { t as c } from "./dist-CCokLFyA.mjs";
+import { t as l } from "./dist-DGzGsPqo.mjs";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/@radix-ui+react-scroll-area@1.2.10+2d3f272c3a65784a/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
-var f = e();
-function p(e, t) {
-	return d.useReducer((e, n) => t[e][n] ?? e, e);
+function m(e, t) {
+	return u.useReducer((e, n) => t[e][n] ?? e, e);
 }
-var m = "ScrollArea", [h, g] = n(m), [_, v] = h(m), y = d.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, type: i = "hover", dir: o, scrollHideDelay: s = 600, ...l } = e, [u, p] = d.useState(null), [m, h] = d.useState(null), [g, v] = d.useState(null), [y, b] = d.useState(null), [x, S] = d.useState(null), [C, w] = d.useState(0), [T, E] = d.useState(0), [D, O] = d.useState(!1), [k, A] = d.useState(!1), j = r(t, (e) => p(e)), M = c(o);
-	return /* @__PURE__ */ (0, f.jsx)(_, {
-		scope: n,
-		type: i,
+var h = "ScrollArea", [g, _] = t(h), [v, y] = g(h), b = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: r, type: a = "hover", dir: o, scrollHideDelay: c = 600, ...l } = e, [d, p] = u.useState(null), [m, h] = u.useState(null), [g, _] = u.useState(null), [y, b] = u.useState(null), [x, S] = u.useState(null), [C, w] = u.useState(0), [T, E] = u.useState(0), [D, O] = u.useState(!1), [k, A] = u.useState(!1), j = n(t, (e) => p(e)), M = s(o);
+	return /* @__PURE__ */ f(v, {
+		scope: r,
+		type: a,
 		dir: M,
-		scrollHideDelay: s,
-		scrollArea: u,
+		scrollHideDelay: c,
+		scrollArea: d,
 		viewport: m,
 		onViewportChange: h,
 		content: g,
-		onContentChange: v,
+		onContentChange: _,
 		scrollbarX: y,
 		onScrollbarXChange: b,
 		scrollbarXEnabled: D,
@@ -36,7 +35,7 @@ var m = "ScrollArea", [h, g] = n(m), [_, v] = h(m), y = d.forwardRef((e, t) => {
 		onScrollbarYEnabledChange: A,
 		onCornerWidthChange: w,
 		onCornerHeightChange: E,
-		children: /* @__PURE__ */ (0, f.jsx)(a.div, {
+		children: /* @__PURE__ */ f(i.div, {
 			dir: M,
 			...l,
 			ref: j,
@@ -49,13 +48,13 @@ var m = "ScrollArea", [h, g] = n(m), [_, v] = h(m), y = d.forwardRef((e, t) => {
 		})
 	});
 });
-y.displayName = m;
-var b = "ScrollAreaViewport", x = d.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, children: i, nonce: o, ...s } = e, c = v(b, n), l = r(t, d.useRef(null), c.onViewportChange);
-	return /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsx)("style", {
+b.displayName = h;
+var x = "ScrollAreaViewport", S = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: r, children: a, nonce: o, ...s } = e, c = y(x, r), l = n(t, u.useRef(null), c.onViewportChange);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("style", {
 		dangerouslySetInnerHTML: { __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}" },
 		nonce: o
-	}), /* @__PURE__ */ (0, f.jsx)(a.div, {
+	}), /* @__PURE__ */ f(i.div, {
 		"data-radix-scroll-area-viewport": "",
 		...s,
 		ref: l,
@@ -64,67 +63,67 @@ var b = "ScrollAreaViewport", x = d.forwardRef((e, t) => {
 			overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
 			...e.style
 		},
-		children: /* @__PURE__ */ (0, f.jsx)("div", {
+		children: /* @__PURE__ */ f("div", {
 			ref: c.onContentChange,
 			style: {
 				minWidth: "100%",
 				display: "table"
 			},
-			children: i
+			children: a
 		})
 	})] });
 });
-x.displayName = b;
-var S = "ScrollAreaScrollbar", C = d.forwardRef((e, t) => {
-	let { forceMount: n, ...r } = e, i = v(S, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: o } = i, s = e.orientation === "horizontal";
-	return d.useEffect(() => (s ? a(!0) : o(!0), () => {
+S.displayName = x;
+var C = "ScrollAreaScrollbar", w = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = y(C, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: o } = i, s = e.orientation === "horizontal";
+	return u.useEffect(() => (s ? a(!0) : o(!0), () => {
 		s ? a(!1) : o(!1);
 	}), [
 		s,
 		a,
 		o
-	]), i.type === "hover" ? /* @__PURE__ */ (0, f.jsx)(w, {
+	]), i.type === "hover" ? /* @__PURE__ */ f(T, {
 		...r,
 		ref: t,
 		forceMount: n
-	}) : i.type === "scroll" ? /* @__PURE__ */ (0, f.jsx)(T, {
+	}) : i.type === "scroll" ? /* @__PURE__ */ f(E, {
 		...r,
 		ref: t,
 		forceMount: n
-	}) : i.type === "auto" ? /* @__PURE__ */ (0, f.jsx)(E, {
+	}) : i.type === "auto" ? /* @__PURE__ */ f(D, {
 		...r,
 		ref: t,
 		forceMount: n
-	}) : i.type === "always" ? /* @__PURE__ */ (0, f.jsx)(D, {
+	}) : i.type === "always" ? /* @__PURE__ */ f(O, {
 		...r,
 		ref: t
 	}) : null;
 });
-C.displayName = S;
-var w = d.forwardRef((e, t) => {
-	let { forceMount: n, ...r } = e, i = v(S, e.__scopeScrollArea), [a, o] = d.useState(!1);
-	return d.useEffect(() => {
+w.displayName = C;
+var T = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = y(C, e.__scopeScrollArea), [a, s] = u.useState(!1);
+	return u.useEffect(() => {
 		let e = i.scrollArea, t = 0;
 		if (e) {
 			let n = () => {
-				window.clearTimeout(t), o(!0);
+				window.clearTimeout(t), s(!0);
 			}, r = () => {
-				t = window.setTimeout(() => o(!1), i.scrollHideDelay);
+				t = window.setTimeout(() => s(!1), i.scrollHideDelay);
 			};
 			return e.addEventListener("pointerenter", n), e.addEventListener("pointerleave", r), () => {
 				window.clearTimeout(t), e.removeEventListener("pointerenter", n), e.removeEventListener("pointerleave", r);
 			};
 		}
-	}, [i.scrollArea, i.scrollHideDelay]), /* @__PURE__ */ (0, f.jsx)(s, {
+	}, [i.scrollArea, i.scrollHideDelay]), /* @__PURE__ */ f(o, {
 		present: n || a,
-		children: /* @__PURE__ */ (0, f.jsx)(E, {
+		children: /* @__PURE__ */ f(D, {
 			"data-state": a ? "visible" : "hidden",
 			...r,
 			ref: t
 		})
 	});
-}), T = d.forwardRef((e, t) => {
-	let { forceMount: n, ...r } = e, a = v(S, e.__scopeScrollArea), o = e.orientation === "horizontal", c = q(() => u("SCROLL_END"), 100), [l, u] = p("hidden", {
+}), E = u.forwardRef((e, t) => {
+	let { forceMount: n, ...i } = e, a = y(C, e.__scopeScrollArea), s = e.orientation === "horizontal", c = J(() => d("SCROLL_END"), 100), [l, d] = m("hidden", {
 		hidden: { SCROLL: "scrolling" },
 		scrolling: {
 			SCROLL_END: "idle",
@@ -140,56 +139,56 @@ var w = d.forwardRef((e, t) => {
 			POINTER_ENTER: "interacting"
 		}
 	});
-	return d.useEffect(() => {
+	return u.useEffect(() => {
 		if (l === "idle") {
-			let e = window.setTimeout(() => u("HIDE"), a.scrollHideDelay);
+			let e = window.setTimeout(() => d("HIDE"), a.scrollHideDelay);
 			return () => window.clearTimeout(e);
 		}
 	}, [
 		l,
 		a.scrollHideDelay,
-		u
-	]), d.useEffect(() => {
-		let e = a.viewport, t = o ? "scrollLeft" : "scrollTop";
+		d
+	]), u.useEffect(() => {
+		let e = a.viewport, t = s ? "scrollLeft" : "scrollTop";
 		if (e) {
 			let n = e[t], r = () => {
 				let r = e[t];
-				n !== r && (u("SCROLL"), c()), n = r;
+				n !== r && (d("SCROLL"), c()), n = r;
 			};
 			return e.addEventListener("scroll", r), () => e.removeEventListener("scroll", r);
 		}
 	}, [
 		a.viewport,
-		o,
-		u,
+		s,
+		d,
 		c
-	]), /* @__PURE__ */ (0, f.jsx)(s, {
+	]), /* @__PURE__ */ f(o, {
 		present: n || l !== "hidden",
-		children: /* @__PURE__ */ (0, f.jsx)(D, {
+		children: /* @__PURE__ */ f(O, {
 			"data-state": l === "hidden" ? "hidden" : "visible",
-			...r,
+			...i,
 			ref: t,
-			onPointerEnter: i(e.onPointerEnter, () => u("POINTER_ENTER")),
-			onPointerLeave: i(e.onPointerLeave, () => u("POINTER_LEAVE"))
+			onPointerEnter: r(e.onPointerEnter, () => d("POINTER_ENTER")),
+			onPointerLeave: r(e.onPointerLeave, () => d("POINTER_LEAVE"))
 		})
 	});
-}), E = d.forwardRef((e, t) => {
-	let n = v(S, e.__scopeScrollArea), { forceMount: r, ...i } = e, [a, o] = d.useState(!1), c = e.orientation === "horizontal", l = q(() => {
+}), D = u.forwardRef((e, t) => {
+	let n = y(C, e.__scopeScrollArea), { forceMount: r, ...i } = e, [a, s] = u.useState(!1), c = e.orientation === "horizontal", l = J(() => {
 		if (n.viewport) {
 			let e = n.viewport.offsetWidth < n.viewport.scrollWidth, t = n.viewport.offsetHeight < n.viewport.scrollHeight;
-			o(c ? e : t);
+			s(c ? e : t);
 		}
 	}, 10);
-	return J(n.viewport, l), J(n.content, l), /* @__PURE__ */ (0, f.jsx)(s, {
+	return Y(n.viewport, l), Y(n.content, l), /* @__PURE__ */ f(o, {
 		present: r || a,
-		children: /* @__PURE__ */ (0, f.jsx)(D, {
+		children: /* @__PURE__ */ f(O, {
 			"data-state": a ? "visible" : "hidden",
 			...i,
 			ref: t
 		})
 	});
-}), D = d.forwardRef((e, t) => {
-	let { orientation: n = "vertical", ...r } = e, i = v(S, e.__scopeScrollArea), a = d.useRef(null), o = d.useRef(0), [s, c] = d.useState({
+}), O = u.forwardRef((e, t) => {
+	let { orientation: n = "vertical", ...r } = e, i = y(C, e.__scopeScrollArea), a = u.useRef(null), o = u.useRef(0), [s, c] = u.useState({
 		content: 0,
 		viewport: 0,
 		scrollbar: {
@@ -197,7 +196,7 @@ var w = d.forwardRef((e, t) => {
 			paddingStart: 0,
 			paddingEnd: 0
 		}
-	}), l = B(s.viewport, s.content), u = {
+	}), l = V(s.viewport, s.content), d = {
 		...r,
 		sizes: s,
 		onSizesChange: c,
@@ -207,14 +206,14 @@ var w = d.forwardRef((e, t) => {
 		onThumbPointerDown: (e) => o.current = e
 	};
 	function p(e, t) {
-		return H(e, o.current, s, t);
+		return U(e, o.current, s, t);
 	}
-	return n === "horizontal" ? /* @__PURE__ */ (0, f.jsx)(O, {
-		...u,
+	return n === "horizontal" ? /* @__PURE__ */ f(k, {
+		...d,
 		ref: t,
 		onThumbPositionChange: () => {
 			if (i.viewport && a.current) {
-				let e = i.viewport.scrollLeft, t = U(e, s, i.dir);
+				let e = i.viewport.scrollLeft, t = W(e, s, i.dir);
 				a.current.style.transform = `translate3d(${t}px, 0, 0)`;
 			}
 		},
@@ -224,12 +223,12 @@ var w = d.forwardRef((e, t) => {
 		onDragScroll: (e) => {
 			i.viewport && (i.viewport.scrollLeft = p(e, i.dir));
 		}
-	}) : n === "vertical" ? /* @__PURE__ */ (0, f.jsx)(k, {
-		...u,
+	}) : n === "vertical" ? /* @__PURE__ */ f(A, {
+		...d,
 		ref: t,
 		onThumbPositionChange: () => {
 			if (i.viewport && a.current) {
-				let e = i.viewport.scrollTop, t = U(e, s);
+				let e = i.viewport.scrollTop, t = W(e, s);
 				a.current.style.transform = `translate3d(0, ${t}px, 0)`;
 			}
 		},
@@ -240,20 +239,20 @@ var w = d.forwardRef((e, t) => {
 			i.viewport && (i.viewport.scrollTop = p(e));
 		}
 	}) : null;
-}), O = d.forwardRef((e, t) => {
-	let { sizes: n, onSizesChange: i, ...a } = e, o = v(S, e.__scopeScrollArea), [s, c] = d.useState(), l = d.useRef(null), u = r(t, l, o.onScrollbarXChange);
-	return d.useEffect(() => {
+}), k = u.forwardRef((e, t) => {
+	let { sizes: r, onSizesChange: i, ...a } = e, o = y(C, e.__scopeScrollArea), [s, c] = u.useState(), l = u.useRef(null), d = n(t, l, o.onScrollbarXChange);
+	return u.useEffect(() => {
 		l.current && c(getComputedStyle(l.current));
-	}, [l]), /* @__PURE__ */ (0, f.jsx)(M, {
+	}, [l]), /* @__PURE__ */ f(N, {
 		"data-orientation": "horizontal",
 		...a,
-		ref: u,
-		sizes: n,
+		ref: d,
+		sizes: r,
 		style: {
 			bottom: 0,
 			left: o.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
 			right: o.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-			"--radix-scroll-area-thumb-width": V(n) + "px",
+			"--radix-scroll-area-thumb-width": H(r) + "px",
 			...e.style
 		},
 		onThumbPointerDown: (t) => e.onThumbPointerDown(t.x),
@@ -261,7 +260,7 @@ var w = d.forwardRef((e, t) => {
 		onWheelScroll: (t, n) => {
 			if (o.viewport) {
 				let r = o.viewport.scrollLeft + t.deltaX;
-				e.onWheelScroll(r), G(r, n) && t.preventDefault();
+				e.onWheelScroll(r), K(r, n) && t.preventDefault();
 			}
 		},
 		onResize: () => {
@@ -270,27 +269,27 @@ var w = d.forwardRef((e, t) => {
 				viewport: o.viewport.offsetWidth,
 				scrollbar: {
 					size: l.current.clientWidth,
-					paddingStart: z(s.paddingLeft),
-					paddingEnd: z(s.paddingRight)
+					paddingStart: B(s.paddingLeft),
+					paddingEnd: B(s.paddingRight)
 				}
 			});
 		}
 	});
-}), k = d.forwardRef((e, t) => {
-	let { sizes: n, onSizesChange: i, ...a } = e, o = v(S, e.__scopeScrollArea), [s, c] = d.useState(), l = d.useRef(null), u = r(t, l, o.onScrollbarYChange);
-	return d.useEffect(() => {
+}), A = u.forwardRef((e, t) => {
+	let { sizes: r, onSizesChange: i, ...a } = e, o = y(C, e.__scopeScrollArea), [s, c] = u.useState(), l = u.useRef(null), d = n(t, l, o.onScrollbarYChange);
+	return u.useEffect(() => {
 		l.current && c(getComputedStyle(l.current));
-	}, [l]), /* @__PURE__ */ (0, f.jsx)(M, {
+	}, [l]), /* @__PURE__ */ f(N, {
 		"data-orientation": "vertical",
 		...a,
-		ref: u,
-		sizes: n,
+		ref: d,
+		sizes: r,
 		style: {
 			top: 0,
 			right: o.dir === "ltr" ? 0 : void 0,
 			left: o.dir === "rtl" ? 0 : void 0,
 			bottom: "var(--radix-scroll-area-corner-height)",
-			"--radix-scroll-area-thumb-height": V(n) + "px",
+			"--radix-scroll-area-thumb-height": H(r) + "px",
 			...e.style
 		},
 		onThumbPointerDown: (t) => e.onThumbPointerDown(t.y),
@@ -298,7 +297,7 @@ var w = d.forwardRef((e, t) => {
 		onWheelScroll: (t, n) => {
 			if (o.viewport) {
 				let r = o.viewport.scrollTop + t.deltaY;
-				e.onWheelScroll(r), G(r, n) && t.preventDefault();
+				e.onWheelScroll(r), K(r, n) && t.preventDefault();
 			}
 		},
 		onResize: () => {
@@ -307,21 +306,21 @@ var w = d.forwardRef((e, t) => {
 				viewport: o.viewport.offsetHeight,
 				scrollbar: {
 					size: l.current.clientHeight,
-					paddingStart: z(s.paddingTop),
-					paddingEnd: z(s.paddingBottom)
+					paddingStart: B(s.paddingTop),
+					paddingEnd: B(s.paddingBottom)
 				}
 			});
 		}
 	});
-}), [A, j] = h(S), M = d.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, sizes: o, hasThumb: s, onThumbChange: c, onThumbPointerUp: u, onThumbPointerDown: p, onThumbPositionChange: m, onDragScroll: h, onWheelScroll: g, onResize: _, ...y } = e, b = v(S, n), [x, C] = d.useState(null), w = r(t, (e) => C(e)), T = d.useRef(null), E = d.useRef(""), D = b.viewport, O = o.content - o.viewport, k = l(g), j = l(m), M = q(_, 10);
+}), [j, M] = g(C), N = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: a, sizes: o, hasThumb: s, onThumbChange: l, onThumbPointerUp: d, onThumbPointerDown: p, onThumbPositionChange: m, onDragScroll: h, onWheelScroll: g, onResize: _, ...v } = e, b = y(C, a), [x, S] = u.useState(null), w = n(t, (e) => S(e)), T = u.useRef(null), E = u.useRef(""), D = b.viewport, O = o.content - o.viewport, k = c(g), A = c(m), M = J(_, 10);
 	function N(e) {
 		T.current && h({
 			x: e.clientX - T.current.left,
 			y: e.clientY - T.current.top
 		});
 	}
-	return d.useEffect(() => {
+	return u.useEffect(() => {
 		let e = (e) => {
 			let t = e.target;
 			x?.contains(t) && k(e, O);
@@ -332,57 +331,57 @@ var w = d.forwardRef((e, t) => {
 		x,
 		O,
 		k
-	]), d.useEffect(j, [o, j]), J(x, M), J(b.content, M), /* @__PURE__ */ (0, f.jsx)(A, {
-		scope: n,
+	]), u.useEffect(A, [o, A]), Y(x, M), Y(b.content, M), /* @__PURE__ */ f(j, {
+		scope: a,
 		scrollbar: x,
 		hasThumb: s,
-		onThumbChange: l(c),
-		onThumbPointerUp: l(u),
-		onThumbPositionChange: j,
-		onThumbPointerDown: l(p),
-		children: /* @__PURE__ */ (0, f.jsx)(a.div, {
-			...y,
+		onThumbChange: c(l),
+		onThumbPointerUp: c(d),
+		onThumbPositionChange: A,
+		onThumbPointerDown: c(p),
+		children: /* @__PURE__ */ f(i.div, {
+			...v,
 			ref: w,
 			style: {
 				position: "absolute",
-				...y.style
+				...v.style
 			},
-			onPointerDown: i(e.onPointerDown, (e) => {
+			onPointerDown: r(e.onPointerDown, (e) => {
 				e.button === 0 && (e.target.setPointerCapture(e.pointerId), T.current = x.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", b.viewport && (b.viewport.style.scrollBehavior = "auto"), N(e));
 			}),
-			onPointerMove: i(e.onPointerMove, N),
-			onPointerUp: i(e.onPointerUp, (e) => {
+			onPointerMove: r(e.onPointerMove, N),
+			onPointerUp: r(e.onPointerUp, (e) => {
 				let t = e.target;
 				t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), document.body.style.webkitUserSelect = E.current, b.viewport && (b.viewport.style.scrollBehavior = ""), T.current = null;
 			})
 		})
 	});
-}), N = "ScrollAreaThumb", P = d.forwardRef((e, t) => {
-	let { forceMount: n, ...r } = e, i = j(N, e.__scopeScrollArea);
-	return /* @__PURE__ */ (0, f.jsx)(s, {
+}), P = "ScrollAreaThumb", F = u.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = M(P, e.__scopeScrollArea);
+	return /* @__PURE__ */ f(o, {
 		present: n || i.hasThumb,
-		children: /* @__PURE__ */ (0, f.jsx)(F, {
+		children: /* @__PURE__ */ f(I, {
 			ref: t,
 			...r
 		})
 	});
-}), F = d.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, style: o, ...s } = e, c = v(N, n), l = j(N, n), { onThumbPositionChange: u } = l, p = r(t, (e) => l.onThumbChange(e)), m = d.useRef(void 0), h = q(() => {
+}), I = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: a, style: o, ...s } = e, c = y(P, a), l = M(P, a), { onThumbPositionChange: d } = l, p = n(t, (e) => l.onThumbChange(e)), m = u.useRef(void 0), h = J(() => {
 		m.current &&= (m.current(), void 0);
 	}, 100);
-	return d.useEffect(() => {
+	return u.useEffect(() => {
 		let e = c.viewport;
 		if (e) {
 			let t = () => {
-				h(), m.current || (m.current = K(e, u), u());
+				h(), m.current || (m.current = q(e, d), d());
 			};
-			return u(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+			return d(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
 		}
 	}, [
 		c.viewport,
 		h,
-		u
-	]), /* @__PURE__ */ (0, f.jsx)(a.div, {
+		d
+	]), /* @__PURE__ */ f(i.div, {
 		"data-state": l.hasThumb ? "visible" : "hidden",
 		...s,
 		ref: p,
@@ -391,77 +390,77 @@ var w = d.forwardRef((e, t) => {
 			height: "var(--radix-scroll-area-thumb-height)",
 			...o
 		},
-		onPointerDownCapture: i(e.onPointerDownCapture, (e) => {
+		onPointerDownCapture: r(e.onPointerDownCapture, (e) => {
 			let t = e.target.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
 			l.onThumbPointerDown({
 				x: n,
 				y: r
 			});
 		}),
-		onPointerUp: i(e.onPointerUp, l.onThumbPointerUp)
+		onPointerUp: r(e.onPointerUp, l.onThumbPointerUp)
 	});
 });
-P.displayName = N;
-var I = "ScrollAreaCorner", L = d.forwardRef((e, t) => {
-	let n = v(I, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
-	return n.type !== "scroll" && r ? /* @__PURE__ */ (0, f.jsx)(R, {
+F.displayName = P;
+var L = "ScrollAreaCorner", R = u.forwardRef((e, t) => {
+	let n = y(L, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+	return n.type !== "scroll" && r ? /* @__PURE__ */ f(z, {
 		...e,
 		ref: t
 	}) : null;
 });
-L.displayName = I;
-var R = d.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, ...r } = e, i = v(I, n), [o, s] = d.useState(0), [c, l] = d.useState(0), u = !!(o && c);
-	return J(i.scrollbarX, () => {
-		let e = i.scrollbarX?.offsetHeight || 0;
-		i.onCornerHeightChange(e), l(e);
-	}), J(i.scrollbarY, () => {
-		let e = i.scrollbarY?.offsetWidth || 0;
-		i.onCornerWidthChange(e), s(e);
-	}), u ? /* @__PURE__ */ (0, f.jsx)(a.div, {
+R.displayName = L;
+var z = u.forwardRef((e, t) => {
+	let { __scopeScrollArea: n, ...r } = e, a = y(L, n), [o, s] = u.useState(0), [c, l] = u.useState(0), d = !!(o && c);
+	return Y(a.scrollbarX, () => {
+		let e = a.scrollbarX?.offsetHeight || 0;
+		a.onCornerHeightChange(e), l(e);
+	}), Y(a.scrollbarY, () => {
+		let e = a.scrollbarY?.offsetWidth || 0;
+		a.onCornerWidthChange(e), s(e);
+	}), d ? /* @__PURE__ */ f(i.div, {
 		...r,
 		ref: t,
 		style: {
 			width: o,
 			height: c,
 			position: "absolute",
-			right: i.dir === "ltr" ? 0 : void 0,
-			left: i.dir === "rtl" ? 0 : void 0,
+			right: a.dir === "ltr" ? 0 : void 0,
+			left: a.dir === "rtl" ? 0 : void 0,
 			bottom: 0,
 			...e.style
 		}
 	}) : null;
 });
-function z(e) {
+function B(e) {
 	return e ? parseInt(e, 10) : 0;
 }
-function B(e, t) {
+function V(e, t) {
 	let n = e / t;
 	return isNaN(n) ? 0 : n;
 }
-function V(e) {
-	let t = B(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
+function H(e) {
+	let t = V(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
 	return Math.max(r, 18);
 }
-function H(e, t, n, r = "ltr") {
-	let i = V(n), a = i / 2, o = t || a, s = i - o, c = n.scrollbar.paddingStart + o, l = n.scrollbar.size - n.scrollbar.paddingEnd - s, u = n.content - n.viewport, d = r === "ltr" ? [0, u] : [u * -1, 0];
-	return W([c, l], d)(e);
+function U(e, t, n, r = "ltr") {
+	let i = H(n), a = i / 2, o = t || a, s = i - o, c = n.scrollbar.paddingStart + o, l = n.scrollbar.size - n.scrollbar.paddingEnd - s, u = n.content - n.viewport, d = r === "ltr" ? [0, u] : [u * -1, 0];
+	return G([c, l], d)(e);
 }
-function U(e, t, n = "ltr") {
-	let r = V(t), i = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, a = t.scrollbar.size - i, o = t.content - t.viewport, s = a - r, c = u(e, n === "ltr" ? [0, o] : [o * -1, 0]);
-	return W([0, o], [0, s])(c);
+function W(e, t, n = "ltr") {
+	let r = H(t), i = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, a = t.scrollbar.size - i, o = t.content - t.viewport, s = a - r, c = l(e, n === "ltr" ? [0, o] : [o * -1, 0]);
+	return G([0, o], [0, s])(c);
 }
-function W(e, t) {
+function G(e, t) {
 	return (n) => {
 		if (e[0] === e[1] || t[0] === t[1]) return t[0];
 		let r = (t[1] - t[0]) / (e[1] - e[0]);
 		return t[0] + r * (n - e[0]);
 	};
 }
-function G(e, t) {
+function K(e, t) {
 	return e > 0 && e < t;
 }
-var K = (e, t = () => {}) => {
+var q = (e, t = () => {}) => {
 	let n = {
 		left: e.scrollLeft,
 		top: e.scrollTop
@@ -474,15 +473,15 @@ var K = (e, t = () => {}) => {
 		(o || s) && t(), n = a, r = window.requestAnimationFrame(i);
 	})(), () => window.cancelAnimationFrame(r);
 };
-function q(e, t) {
-	let n = l(e), r = d.useRef(0);
-	return d.useEffect(() => () => window.clearTimeout(r.current), []), d.useCallback(() => {
+function J(e, t) {
+	let n = c(e), r = u.useRef(0);
+	return u.useEffect(() => () => window.clearTimeout(r.current), []), u.useCallback(() => {
 		window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
 	}, [n, t]);
 }
-function J(e, t) {
-	let n = l(t);
-	o(() => {
+function Y(e, t) {
+	let n = c(t);
+	a(() => {
 		let t = 0;
 		if (e) {
 			let r = new ResizeObserver(() => {
@@ -494,27 +493,27 @@ function J(e, t) {
 		}
 	}, [e, n]);
 }
-var Y = y, X = x, Z = L, Q = d.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ (0, f.jsxs)(Y, {
+var X = b, Z = S, ee = R, Q = u.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ p(X, {
 	ref: i,
-	className: t("relative overflow-hidden", e),
+	className: e("relative overflow-hidden", t),
 	...r,
 	children: [
-		/* @__PURE__ */ (0, f.jsx)(X, {
+		/* @__PURE__ */ f(Z, {
 			className: "h-full w-full rounded-[inherit]",
 			children: n
 		}),
-		/* @__PURE__ */ (0, f.jsx)($, {}),
-		/* @__PURE__ */ (0, f.jsx)(Z, {})
+		/* @__PURE__ */ f($, {}),
+		/* @__PURE__ */ f(ee, {})
 	]
 }));
-Q.displayName = Y?.displayName || "ScrollArea";
-var $ = d.forwardRef(({ className: e, orientation: n = "vertical", ...r }, i) => /* @__PURE__ */ (0, f.jsx)(C, {
+Q.displayName = X?.displayName || "ScrollArea";
+var $ = u.forwardRef(({ className: t, orientation: n = "vertical", ...r }, i) => /* @__PURE__ */ f(w, {
 	ref: i,
 	orientation: n,
-	className: t("flex touch-none transition-colors select-none", n === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", e),
+	className: e("flex touch-none transition-colors select-none", n === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", t),
 	...r,
-	children: /* @__PURE__ */ (0, f.jsx)(P, { className: "bg-border relative flex-1 rounded-full" })
+	children: /* @__PURE__ */ f(F, { className: "bg-border relative flex-1 rounded-full" })
 }));
-$.displayName = C?.displayName || "ScrollBar";
+$.displayName = w?.displayName || "ScrollBar";
 //#endregion
 export { $ as n, Q as t };