@youcan/celeste 0.21.1 → 0.22.0

package/dist/cjs/chunks/scroll-bar.cjs

@@ -1,13 +1,5 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_clamp = require("./clamp.cjs");
-const require_createContext = require("./createContext.cjs");
-const require_dist = require("./dist.cjs");
-const require_dist$1 = require("./dist2.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useDirection = require("./useDirection.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_Presence = require("./Presence.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 require("../use-direction.cjs");
 require("../use-chart-motion.cjs");
@@ -15,884 +7,9 @@ require("../use-locale.cjs");
 require("../use-sidebar.cjs");
 require("../use-tab-observer.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaRoot.js
-var [injectScrollAreaRootContext, provideScrollAreaRootContext] = /*#__PURE__*/ require_createContext.createContext("ScrollAreaRoot");
-var ScrollAreaRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaRoot",
-	props: {
-		type: {
-			type: String,
-			required: false,
-			default: "hover"
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		scrollHideDelay: {
-			type: Number,
-			required: false,
-			default: 600
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const cornerWidth = (0, vue.ref)(0);
-		const cornerHeight = (0, vue.ref)(0);
-		const viewport = (0, vue.ref)();
-		const content = (0, vue.ref)();
-		const scrollbarX = (0, vue.ref)();
-		const scrollbarY = (0, vue.ref)();
-		const scrollbarXEnabled = (0, vue.ref)(false);
-		const scrollbarYEnabled = (0, vue.ref)(false);
-		const { type, dir: propDir, scrollHideDelay } = (0, vue.toRefs)(props);
-		const dir = require_useDirection.useDirection(propDir);
-		function scrollTop() {
-			viewport.value?.scrollTo({ top: 0 });
-		}
-		function scrollTopLeft() {
-			viewport.value?.scrollTo({
-				top: 0,
-				left: 0
-			});
-		}
-		__expose({
-			viewport,
-			scrollTop,
-			scrollTopLeft
-		});
-		const { forwardRef, currentElement: scrollArea } = require_useForwardExpose.useForwardExpose();
-		provideScrollAreaRootContext({
-			type,
-			dir,
-			scrollHideDelay,
-			scrollArea,
-			viewport,
-			onViewportChange: (el) => {
-				viewport.value = el || void 0;
-			},
-			content,
-			onContentChange: (el) => {
-				content.value = el;
-			},
-			scrollbarX,
-			scrollbarXEnabled,
-			scrollbarY,
-			scrollbarYEnabled,
-			onScrollbarXChange: (scrollbar) => {
-				scrollbarX.value = scrollbar || void 0;
-			},
-			onScrollbarYChange: (scrollbar) => {
-				scrollbarY.value = scrollbar || void 0;
-			},
-			onScrollbarXEnabledChange: (rendered) => {
-				scrollbarXEnabled.value = rendered;
-			},
-			onScrollbarYEnabledChange: (rendered) => {
-				scrollbarYEnabled.value = rendered;
-			},
-			onCornerWidthChange: (width) => {
-				cornerWidth.value = width;
-			},
-			onCornerHeightChange: (height) => {
-				cornerHeight.value = height;
-			}
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
-				ref: (0, vue.unref)(forwardRef),
-				"as-child": props.asChild,
-				as: _ctx.as,
-				dir: (0, vue.unref)(dir),
-				style: (0, vue.normalizeStyle)({
-					position: "relative",
-					["--reka-scroll-area-corner-width"]: `${cornerWidth.value}px`,
-					["--reka-scroll-area-corner-height"]: `${cornerHeight.value}px`
-				})
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"as-child",
-				"as",
-				"dir",
-				"style"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/utils.js
-function linearScale(input, output) {
-	return (value) => {
-		if (input[0] === input[1] || output[0] === output[1]) return output[0];
-		const ratio = (output[1] - output[0]) / (input[1] - input[0]);
-		return output[0] + ratio * (value - input[0]);
-	};
-}
-function getThumbSize(sizes) {
-	const ratio = getThumbRatio(sizes.viewport, sizes.content);
-	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-	const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
-	return Math.max(thumbSize, 18);
-}
-function getThumbRatio(viewportSize, contentSize) {
-	const ratio = viewportSize / contentSize;
-	return Number.isNaN(ratio) ? 0 : ratio;
-}
-function addUnlinkedScrollListener(node, handler = () => {}) {
-	let prevPosition = {
-		left: node.scrollLeft,
-		top: node.scrollTop
-	};
-	let rAF = 0;
-	(function loop() {
-		const position = {
-			left: node.scrollLeft,
-			top: node.scrollTop
-		};
-		const isHorizontalScroll = prevPosition.left !== position.left;
-		const isVerticalScroll = prevPosition.top !== position.top;
-		if (isHorizontalScroll || isVerticalScroll) handler();
-		prevPosition = position;
-		rAF = window.requestAnimationFrame(loop);
-	})();
-	return () => window.cancelAnimationFrame(rAF);
-}
-function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
-	const thumbSizePx = getThumbSize(sizes);
-	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-	const scrollbar = sizes.scrollbar.size - scrollbarPadding;
-	const maxScrollPos = sizes.content - sizes.viewport;
-	const maxThumbPos = scrollbar - thumbSizePx;
-	const scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-	const scrollWithoutMomentum = require_clamp.clamp(scrollPos, scrollClampRange[0], scrollClampRange[1]);
-	return linearScale([0, maxScrollPos], [0, maxThumbPos])(scrollWithoutMomentum);
-}
-function toInt(value) {
-	return value ? Number.parseInt(value, 10) : 0;
-}
-function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
-	const thumbSizePx = getThumbSize(sizes);
-	const thumbCenter = thumbSizePx / 2;
-	const offset = pointerOffset || thumbCenter;
-	const thumbOffsetFromEnd = thumbSizePx - offset;
-	const minPointerPos = sizes.scrollbar.paddingStart + offset;
-	const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
-	const maxScrollPos = sizes.content - sizes.viewport;
-	const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-	return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
-}
-function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
-	return scrollPos > 0 && scrollPos < maxScrollPos;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarX.js
-var ScrollAreaScrollbarX_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaScrollbarX",
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarVisibleContext = injectScrollAreaScrollbarVisibleContext();
-		const { forwardRef, currentElement: scrollbarElement } = require_useForwardExpose.useForwardExpose();
-		(0, vue.onMounted)(() => {
-			if (scrollbarElement.value) rootContext.onScrollbarXChange(scrollbarElement.value);
-		});
-		(0, vue.onUnmounted)(() => {
-			rootContext.onScrollbarXChange(null);
-		});
-		const sizes = (0, vue.computed)(() => scrollbarVisibleContext.sizes.value);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarImpl_default, {
-				ref: (0, vue.unref)(forwardRef),
-				"is-horizontal": true,
-				"data-orientation": "horizontal",
-				style: (0, vue.normalizeStyle)({
-					bottom: 0,
-					left: (0, vue.unref)(rootContext).dir.value === "rtl" ? "var(--reka-scroll-area-corner-width)" : 0,
-					right: (0, vue.unref)(rootContext).dir.value === "ltr" ? "var(--reka-scroll-area-corner-width)" : 0,
-					["--reka-scroll-area-thumb-width"]: sizes.value ? `${(0, vue.unref)(getThumbSize)(sizes.value)}px` : void 0
-				}),
-				onOnDragScroll: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(scrollbarVisibleContext).onDragScroll($event.x))
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["style"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarY.js
-var ScrollAreaScrollbarY_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaScrollbarY",
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarVisibleContext = injectScrollAreaScrollbarVisibleContext();
-		const { forwardRef, currentElement: scrollbarElement } = require_useForwardExpose.useForwardExpose();
-		(0, vue.onMounted)(() => {
-			if (scrollbarElement.value) rootContext.onScrollbarYChange(scrollbarElement.value);
-		});
-		(0, vue.onUnmounted)(() => {
-			rootContext.onScrollbarYChange(null);
-		});
-		const sizes = (0, vue.computed)(() => scrollbarVisibleContext.sizes.value);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarImpl_default, {
-				ref: (0, vue.unref)(forwardRef),
-				"is-horizontal": false,
-				"data-orientation": "vertical",
-				style: (0, vue.normalizeStyle)({
-					top: 0,
-					right: (0, vue.unref)(rootContext).dir.value === "ltr" ? 0 : void 0,
-					left: (0, vue.unref)(rootContext).dir.value === "rtl" ? 0 : void 0,
-					bottom: "var(--reka-scroll-area-corner-height)",
-					["--reka-scroll-area-thumb-height"]: sizes.value ? `${(0, vue.unref)(getThumbSize)(sizes.value)}px` : void 0
-				}),
-				onOnDragScroll: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(scrollbarVisibleContext).onDragScroll($event.y))
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["style"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarAuto.js
-var ScrollAreaScrollbarAuto_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaScrollbarAuto",
-	props: { forceMount: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarContext = injectScrollAreaScrollbarContext();
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		const visible = (0, vue.ref)(false);
-		const handleResize = require_dist.useDebounceFn(() => {
-			if (rootContext.viewport.value) {
-				const isOverflowX = rootContext.viewport.value.offsetWidth < rootContext.viewport.value.scrollWidth;
-				const isOverflowY = rootContext.viewport.value.offsetHeight < rootContext.viewport.value.scrollHeight;
-				visible.value = scrollbarContext.isHorizontal.value ? isOverflowX : isOverflowY;
-			}
-		}, 10);
-		(0, vue.onMounted)(() => handleResize());
-		require_dist$1.useResizeObserver(rootContext.viewport, handleResize);
-		require_dist$1.useResizeObserver(rootContext.content, handleResize);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || visible.value }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(ScrollAreaScrollbarVisible_default, (0, vue.mergeProps)(_ctx.$attrs, {
-					ref: (0, vue.unref)(forwardRef),
-					"data-state": visible.value ? "visible" : "hidden"
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["data-state"])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarGlimpse.js
-var ScrollAreaScrollbarGlimpse_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	inheritAttrs: false,
-	__name: "ScrollAreaScrollbarGlimpse",
-	props: { forceMount: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarContext = injectScrollAreaScrollbarContext();
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		const { state, dispatch } = require_Presence.useStateMachine("hidden", {
-			hidden: {
-				POINTER_ENTER: "glimpse",
-				SCROLL: "scrolling"
-			},
-			glimpse: {
-				HIDE: "hidden",
-				POINTER_LEAVE: "hidden",
-				SCROLL: "scrolling",
-				POINTER_ENTER: "glimpse"
-			},
-			scrolling: {
-				SCROLL_END: "idle",
-				POINTER_ENTER: "interacting"
-			},
-			interacting: {
-				SCROLL: "interacting",
-				POINTER_LEAVE: "idle"
-			},
-			idle: {
-				HIDE: "hidden",
-				SCROLL: "scrolling",
-				POINTER_ENTER: "interacting"
-			}
-		});
-		const visible = (0, vue.computed)(() => state.value !== "hidden");
-		function handlePointerEnter() {
-			dispatch("POINTER_ENTER");
-		}
-		function handlePointerLeave() {
-			dispatch("POINTER_LEAVE");
-		}
-		const debounceScrollEnd = require_dist.useDebounceFn(() => dispatch("SCROLL_END"), 100);
-		(0, vue.watchEffect)((onCleanup) => {
-			if (state.value === "glimpse") {
-				const timeId = window.setTimeout(dispatch, rootContext.scrollHideDelay.value, "HIDE");
-				onCleanup(() => {
-					window.clearTimeout(timeId);
-				});
-			}
-		});
-		(0, vue.watchEffect)((onCleanup) => {
-			if (state.value === "idle") {
-				const timeId = window.setTimeout(dispatch, rootContext.scrollHideDelay.value, "HIDE");
-				onCleanup(() => {
-					window.clearTimeout(timeId);
-				});
-			}
-		});
-		(0, vue.watchEffect)((onCleanup) => {
-			const viewport = rootContext.viewport.value;
-			const scrollDirection = scrollbarContext.isHorizontal.value ? "scrollLeft" : "scrollTop";
-			if (viewport) {
-				let prevScrollPos = viewport[scrollDirection];
-				const handleScroll = () => {
-					const scrollPos = viewport[scrollDirection];
-					if (prevScrollPos !== scrollPos) {
-						dispatch("SCROLL");
-						debounceScrollEnd();
-					}
-					prevScrollPos = scrollPos;
-				};
-				viewport.addEventListener("scroll", handleScroll);
-				onCleanup(() => {
-					viewport.removeEventListener("scroll", handleScroll);
-				});
-			}
-		});
-		(0, vue.onMounted)(() => {
-			const scrollArea = rootContext.scrollArea.value;
-			if (scrollArea) {
-				scrollArea.addEventListener("pointerenter", handlePointerEnter);
-				scrollArea.addEventListener("pointerleave", handlePointerLeave);
-			}
-		});
-		(0, vue.onUnmounted)(() => {
-			const scrollArea = rootContext.scrollArea.value;
-			if (scrollArea) {
-				scrollArea.removeEventListener("pointerenter", handlePointerEnter);
-				scrollArea.removeEventListener("pointerleave", handlePointerLeave);
-			}
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || visible.value }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(ScrollAreaScrollbarAuto_default, (0, vue.mergeProps)(_ctx.$attrs, {
-					ref: (0, vue.unref)(forwardRef),
-					"data-state": visible.value ? "visible" : "hidden"
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["data-state"])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarHover.js
-var ScrollAreaScrollbarHover_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	inheritAttrs: false,
-	__name: "ScrollAreaScrollbarHover",
-	props: { forceMount: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		let timeout;
-		const visible = (0, vue.ref)(false);
-		function handlePointerEnter() {
-			window.clearTimeout(timeout);
-			visible.value = true;
-		}
-		function handlePointerLeave() {
-			timeout = window.setTimeout(() => {
-				visible.value = false;
-			}, rootContext.scrollHideDelay.value);
-		}
-		(0, vue.onMounted)(() => {
-			const scrollArea = rootContext.scrollArea.value;
-			if (scrollArea) {
-				scrollArea.addEventListener("pointerenter", handlePointerEnter);
-				scrollArea.addEventListener("pointerleave", handlePointerLeave);
-			}
-		});
-		(0, vue.onUnmounted)(() => {
-			const scrollArea = rootContext.scrollArea.value;
-			if (scrollArea) {
-				window.clearTimeout(timeout);
-				scrollArea.removeEventListener("pointerenter", handlePointerEnter);
-				scrollArea.removeEventListener("pointerleave", handlePointerLeave);
-			}
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || visible.value }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(ScrollAreaScrollbarAuto_default, (0, vue.mergeProps)(_ctx.$attrs, {
-					ref: (0, vue.unref)(forwardRef),
-					"data-state": visible.value ? "visible" : "hidden"
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["data-state"])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarScroll.js
-var ScrollAreaScrollbarScroll_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaScrollbarScroll",
-	props: { forceMount: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarContext = injectScrollAreaScrollbarContext();
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		const { state, dispatch } = require_Presence.useStateMachine("hidden", {
-			hidden: { SCROLL: "scrolling" },
-			scrolling: {
-				SCROLL_END: "idle",
-				POINTER_ENTER: "interacting"
-			},
-			interacting: {
-				SCROLL: "interacting",
-				POINTER_LEAVE: "idle"
-			},
-			idle: {
-				HIDE: "hidden",
-				SCROLL: "scrolling",
-				POINTER_ENTER: "interacting"
-			}
-		});
-		const visible = (0, vue.computed)(() => state.value !== "hidden");
-		(0, vue.watchEffect)((onCleanup) => {
-			if (state.value === "idle") {
-				const timeId = window.setTimeout(dispatch, rootContext.scrollHideDelay.value, "HIDE");
-				onCleanup(() => {
-					window.clearTimeout(timeId);
-				});
-			}
-		});
-		const debounceScrollEnd = require_dist.useDebounceFn(() => dispatch("SCROLL_END"), 100);
-		(0, vue.watchEffect)((onCleanup) => {
-			const viewport = rootContext.viewport.value;
-			const scrollDirection = scrollbarContext.isHorizontal.value ? "scrollLeft" : "scrollTop";
-			if (viewport) {
-				let prevScrollPos = viewport[scrollDirection];
-				const handleScroll = () => {
-					const scrollPos = viewport[scrollDirection];
-					if (prevScrollPos !== scrollPos) {
-						dispatch("SCROLL");
-						debounceScrollEnd();
-					}
-					prevScrollPos = scrollPos;
-				};
-				viewport.addEventListener("scroll", handleScroll);
-				onCleanup(() => {
-					viewport.removeEventListener("scroll", handleScroll);
-				});
-			}
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || visible.value }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(ScrollAreaScrollbarVisible_default, (0, vue.mergeProps)(_ctx.$attrs, {
-					ref: (0, vue.unref)(forwardRef),
-					"data-state": visible.value ? "visible" : "hidden"
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["data-state"])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbar.js
-var [injectScrollAreaScrollbarContext, provideScrollAreaScrollbarContext] = /*#__PURE__*/ require_createContext.createContext("ScrollAreaScrollbar");
-var ScrollAreaScrollbar_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	inheritAttrs: false,
-	__name: "ScrollAreaScrollbar",
-	props: {
-		orientation: {
-			type: String,
-			required: false,
-			default: "vertical"
-		},
-		forceMount: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		const rootContext = injectScrollAreaRootContext();
-		const isHorizontal = (0, vue.computed)(() => props.orientation === "horizontal");
-		(0, vue.watch)(isHorizontal, () => {
-			if (isHorizontal.value) rootContext.onScrollbarXEnabledChange(true);
-			else rootContext.onScrollbarYEnabledChange(true);
-		}, { immediate: true });
-		(0, vue.onUnmounted)(() => {
-			rootContext.onScrollbarXEnabledChange(false);
-			rootContext.onScrollbarYEnabledChange(false);
-		});
-		const { orientation, forceMount, asChild, as } = (0, vue.toRefs)(props);
-		provideScrollAreaScrollbarContext({
-			orientation,
-			forceMount,
-			isHorizontal,
-			as,
-			asChild
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.unref)(rootContext).type.value === "hover" ? ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarHover_default, (0, vue.mergeProps)({ key: 0 }, _ctx.$attrs, {
-				ref: (0, vue.unref)(forwardRef),
-				"force-mount": (0, vue.unref)(forceMount)
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["force-mount"])) : (0, vue.unref)(rootContext).type.value === "scroll" ? ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarScroll_default, (0, vue.mergeProps)({ key: 1 }, _ctx.$attrs, {
-				ref: (0, vue.unref)(forwardRef),
-				"force-mount": (0, vue.unref)(forceMount)
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["force-mount"])) : (0, vue.unref)(rootContext).type.value === "glimpse" ? ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarGlimpse_default, (0, vue.mergeProps)({ key: 2 }, _ctx.$attrs, {
-				ref: (0, vue.unref)(forwardRef),
-				"force-mount": (0, vue.unref)(forceMount)
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["force-mount"])) : (0, vue.unref)(rootContext).type.value === "auto" ? ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarAuto_default, (0, vue.mergeProps)({ key: 3 }, _ctx.$attrs, {
-				ref: (0, vue.unref)(forwardRef),
-				"force-mount": (0, vue.unref)(forceMount)
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["force-mount"])) : (0, vue.unref)(rootContext).type.value === "always" ? ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarVisible_default, (0, vue.mergeProps)({ key: 4 }, _ctx.$attrs, {
-				ref: (0, vue.unref)(forwardRef),
-				"data-state": "visible"
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16)) : (0, vue.createCommentVNode)("v-if", true);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarVisible.js
-var [injectScrollAreaScrollbarVisibleContext, provideScrollAreaScrollbarVisibleContext] = /*#__PURE__*/ require_createContext.createContext("ScrollAreaScrollbarVisible");
-var ScrollAreaScrollbarVisible_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaScrollbarVisible",
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarContext = injectScrollAreaScrollbarContext();
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		const sizes = (0, vue.ref)({
-			content: 0,
-			viewport: 0,
-			scrollbar: {
-				size: 0,
-				paddingStart: 0,
-				paddingEnd: 0
-			}
-		});
-		const hasThumb = (0, vue.computed)(() => {
-			const thumbRatio = getThumbRatio(sizes.value.viewport, sizes.value.content);
-			return Boolean(thumbRatio > 0 && thumbRatio < 1);
-		});
-		const thumbRef = (0, vue.ref)();
-		const pointerOffset = (0, vue.ref)(0);
-		function handleWheelScroll(event, payload) {
-			if (isShowingScrollbarX.value) {
-				const scrollPos = rootContext.viewport.value.scrollLeft + event.deltaY;
-				rootContext.viewport.value.scrollLeft = scrollPos;
-				if (isScrollingWithinScrollbarBounds(scrollPos, payload)) event.preventDefault();
-			} else {
-				const scrollPos = rootContext.viewport.value.scrollTop + event.deltaY;
-				rootContext.viewport.value.scrollTop = scrollPos;
-				if (isScrollingWithinScrollbarBounds(scrollPos, payload)) event.preventDefault();
-			}
-		}
-		function handleThumbDown(event, payload) {
-			if (isShowingScrollbarX.value) pointerOffset.value = payload.x;
-			else pointerOffset.value = payload.y;
-		}
-		function handleThumbUp(event) {
-			pointerOffset.value = 0;
-		}
-		function handleSizeChange(payload) {
-			sizes.value = payload;
-		}
-		function getScrollPosition(pointerPos, dir) {
-			return getScrollPositionFromPointer(pointerPos, pointerOffset.value, sizes.value, dir);
-		}
-		const isShowingScrollbarX = (0, vue.computed)(() => scrollbarContext.isHorizontal.value);
-		function onDragScroll(payload) {
-			if (isShowingScrollbarX.value) rootContext.viewport.value.scrollLeft = getScrollPosition(payload, rootContext.dir.value);
-			else rootContext.viewport.value.scrollTop = getScrollPosition(payload);
-		}
-		function onThumbPositionChange() {
-			if (isShowingScrollbarX.value) {
-				if (rootContext.viewport.value && thumbRef.value) {
-					const scrollPos = rootContext.viewport.value.scrollLeft;
-					const offset = getThumbOffsetFromScroll(scrollPos, sizes.value, rootContext.dir.value);
-					thumbRef.value.style.transform = `translate3d(${offset}px, 0, 0)`;
-				}
-			} else if (rootContext.viewport.value && thumbRef.value) {
-				const scrollPos = rootContext.viewport.value.scrollTop;
-				const offset = getThumbOffsetFromScroll(scrollPos, sizes.value);
-				thumbRef.value.style.transform = `translate3d(0, ${offset}px, 0)`;
-			}
-		}
-		function onThumbChange(element) {
-			thumbRef.value = element;
-		}
-		provideScrollAreaScrollbarVisibleContext({
-			sizes,
-			hasThumb,
-			handleWheelScroll,
-			handleThumbDown,
-			handleThumbUp,
-			handleSizeChange,
-			onThumbPositionChange,
-			onThumbChange,
-			onDragScroll
-		});
-		return (_ctx, _cache) => {
-			return isShowingScrollbarX.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarX_default, (0, vue.mergeProps)({ key: 0 }, _ctx.$attrs, { ref: (0, vue.unref)(forwardRef) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)(ScrollAreaScrollbarY_default, (0, vue.mergeProps)({ key: 1 }, _ctx.$attrs, { ref: (0, vue.unref)(forwardRef) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16));
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarImpl.js
-var ScrollAreaScrollbarImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaScrollbarImpl",
-	props: { isHorizontal: {
-		type: Boolean,
-		required: true
-	} },
-	emits: [
-		"onDragScroll",
-		"onWheelScroll",
-		"onThumbPointerDown"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarVisibleContext = injectScrollAreaScrollbarVisibleContext();
-		const scrollbarContext = injectScrollAreaScrollbarContext();
-		const { forwardRef, currentElement: scrollbar } = require_useForwardExpose.useForwardExpose();
-		const prevWebkitUserSelectRef = (0, vue.ref)("");
-		const rectRef = (0, vue.ref)();
-		function handleDragScroll(event) {
-			if (rectRef.value) {
-				const x = event.clientX - rectRef.value?.left;
-				const y = event.clientY - rectRef.value?.top;
-				emit("onDragScroll", {
-					x,
-					y
-				});
-			}
-		}
-		function handlePointerDown(event) {
-			if (event.button === 0) {
-				event.target.setPointerCapture(event.pointerId);
-				rectRef.value = scrollbar.value.getBoundingClientRect();
-				prevWebkitUserSelectRef.value = document.body.style.webkitUserSelect;
-				document.body.style.webkitUserSelect = "none";
-				if (rootContext.viewport) rootContext.viewport.value.style.scrollBehavior = "auto";
-				handleDragScroll(event);
-			}
-		}
-		function handlePointerMove(event) {
-			handleDragScroll(event);
-		}
-		function handlePointerUp(event) {
-			const element = event.target;
-			if (element.hasPointerCapture(event.pointerId)) element.releasePointerCapture(event.pointerId);
-			document.body.style.webkitUserSelect = prevWebkitUserSelectRef.value;
-			if (rootContext.viewport) rootContext.viewport.value.style.scrollBehavior = "";
-			rectRef.value = void 0;
-		}
-		function handleWheel(event) {
-			const element = event.target;
-			const isScrollbarWheel = scrollbar.value?.contains(element);
-			const maxScrollPos = scrollbarVisibleContext.sizes.value.content - scrollbarVisibleContext.sizes.value.viewport;
-			if (isScrollbarWheel) scrollbarVisibleContext.handleWheelScroll(event, maxScrollPos);
-		}
-		(0, vue.onMounted)(() => {
-			document.addEventListener("wheel", handleWheel, { passive: false });
-		});
-		(0, vue.onUnmounted)(() => {
-			document.removeEventListener("wheel", handleWheel);
-		});
-		function handleSizeChange() {
-			if (!scrollbar.value) return;
-			if (props.isHorizontal) scrollbarVisibleContext.handleSizeChange({
-				content: rootContext.viewport.value?.scrollWidth ?? 0,
-				viewport: rootContext.viewport.value?.offsetWidth ?? 0,
-				scrollbar: {
-					size: scrollbar.value.clientWidth ?? 0,
-					paddingStart: toInt(getComputedStyle(scrollbar.value).paddingLeft),
-					paddingEnd: toInt(getComputedStyle(scrollbar.value).paddingRight)
-				}
-			});
-			else scrollbarVisibleContext.handleSizeChange({
-				content: rootContext.viewport.value?.scrollHeight ?? 0,
-				viewport: rootContext.viewport.value?.offsetHeight ?? 0,
-				scrollbar: {
-					size: scrollbar.value?.clientHeight ?? 0,
-					paddingStart: toInt(getComputedStyle(scrollbar.value).paddingTop),
-					paddingEnd: toInt(getComputedStyle(scrollbar.value).paddingBottom)
-				}
-			});
-			scrollbarVisibleContext.onThumbPositionChange();
-		}
-		require_dist$1.useResizeObserver(scrollbar, handleSizeChange);
-		require_dist$1.useResizeObserver(rootContext.content, handleSizeChange);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
-				ref: (0, vue.unref)(forwardRef),
-				style: { "position": "absolute" },
-				"data-scrollbarimpl": "",
-				as: (0, vue.unref)(scrollbarContext).as.value,
-				"as-child": (0, vue.unref)(scrollbarContext).asChild.value,
-				onPointerdown: handlePointerDown,
-				onPointermove: handlePointerMove,
-				onPointerup: handlePointerUp
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["as", "as-child"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaThumb.js
-var ScrollAreaThumb_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "ScrollAreaThumb",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectScrollAreaRootContext();
-		const scrollbarContextVisible = injectScrollAreaScrollbarVisibleContext();
-		function handlePointerDown(event) {
-			const thumbRect = event.target.getBoundingClientRect();
-			const x = event.clientX - thumbRect.left;
-			const y = event.clientY - thumbRect.top;
-			scrollbarContextVisible.handleThumbDown(event, {
-				x,
-				y
-			});
-		}
-		function handlePointerUp(event) {
-			scrollbarContextVisible.handleThumbUp(event);
-		}
-		const { forwardRef, currentElement: thumbElement } = require_useForwardExpose.useForwardExpose();
-		const removeUnlinkedScrollListenerRef = (0, vue.ref)();
-		const viewport = (0, vue.computed)(() => rootContext.viewport.value);
-		function handleScroll() {
-			if (!removeUnlinkedScrollListenerRef.value) {
-				const listener = addUnlinkedScrollListener(viewport.value, scrollbarContextVisible.onThumbPositionChange);
-				removeUnlinkedScrollListenerRef.value = listener;
-				scrollbarContextVisible.onThumbPositionChange();
-			}
-		}
-		const sizes = (0, vue.computed)(() => scrollbarContextVisible.sizes.value);
-		require_dist.watchOnce(sizes, () => {
-			scrollbarContextVisible.onThumbChange(thumbElement.value);
-			if (viewport.value) {
-				/**
-				* We only bind to native scroll event so we know when scroll starts and ends.
-				* When scroll starts we start a requestAnimationFrame loop that checks for
-				* changes to scroll position. That rAF loop triggers our thumb position change
-				* when relevant to avoid scroll-linked effects. We cancel the loop when scroll ends.
-				* https://developer.mozilla.org/en-US/docs/Mozilla/Performance/Scroll-linked_effects
-				*/
-				scrollbarContextVisible.onThumbPositionChange();
-				viewport.value.addEventListener("scroll", handleScroll);
-			}
-		});
-		(0, vue.onUnmounted)(() => {
-			viewport.value?.removeEventListener("scroll", handleScroll);
-			removeUnlinkedScrollListenerRef.value?.();
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
-				ref: (0, vue.unref)(forwardRef),
-				"data-state": (0, vue.unref)(scrollbarContextVisible).hasThumb ? "visible" : "hidden",
-				style: {
-					width: "var(--reka-scroll-area-thumb-width)",
-					height: "var(--reka-scroll-area-thumb-height)"
-				},
-				"as-child": props.asChild,
-				as: _ctx.as,
-				onPointerdown: handlePointerDown,
-				onPointerup: handlePointerUp
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"data-state",
-				"as-child",
-				"as"
-			]);
-		};
-	}
-});
-//#endregion
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/scroll-area/scroll-bar.vue?vue&type=script&setup=true&lang.ts
 var scroll_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "scroll-bar",
@@ -913,8 +30,8 @@ var scroll_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, v
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ScrollAreaScrollbar_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-scroll-bar", props.class) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ScrollAreaThumb_default), { class: "celeste-scroll-bar-thumb" })]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ScrollAreaScrollbar), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-scroll-bar", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ScrollAreaThumb), { class: "celeste-scroll-bar-thumb" })]),
 				_: 1
 			}, 16, ["class"]);
 		};
@@ -924,18 +41,6 @@ var scroll_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, v
 //#region src/components/scroll-area/scroll-bar.vue
 var scroll_bar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(scroll_bar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4c845c7c"]]);
 //#endregion
-Object.defineProperty(exports, "ScrollAreaRoot_default", {
-	enumerable: true,
-	get: function() {
-		return ScrollAreaRoot_default;
-	}
-});
-Object.defineProperty(exports, "injectScrollAreaRootContext", {
-	enumerable: true,
-	get: function() {
-		return injectScrollAreaRootContext;
-	}
-});
 Object.defineProperty(exports, "scroll_bar_default", {
 	enumerable: true,
 	get: function() {