@youcan/celeste 0.21.2 → 0.22.1

package/dist/es/chunks/scroll-area.js

@@ -1,144 +1,10 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { d as useResizeObserver } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useNonce } from "./useNonce.js";
-import { n as ScrollAreaRoot_default, r as injectScrollAreaRootContext, t as scroll_bar_default } from "./scroll-bar.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { useDirection } from "../use-direction.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaCornerImpl.js
-var ScrollAreaCornerImpl_default = /* @__PURE__ */ defineComponent({
-	__name: "ScrollAreaCornerImpl",
-	setup(__props) {
-		const rootContext = injectScrollAreaRootContext();
-		const width = ref(0);
-		const height = ref(0);
-		const hasSize = computed(() => !!width.value && !!height.value);
-		function setCornerHeight() {
-			const offsetHeight = rootContext.scrollbarX.value?.offsetHeight || 0;
-			rootContext.onCornerHeightChange(offsetHeight);
-			height.value = offsetHeight;
-		}
-		function setCornerWidth() {
-			const offsetWidth = rootContext.scrollbarY.value?.offsetWidth || 0;
-			rootContext.onCornerWidthChange(offsetWidth);
-			width.value = offsetWidth;
-		}
-		useResizeObserver(rootContext.scrollbarX.value, setCornerHeight);
-		useResizeObserver(rootContext.scrollbarY.value, setCornerWidth);
-		watch(() => rootContext.scrollbarX.value, setCornerHeight);
-		watch(() => rootContext.scrollbarY.value, setCornerWidth);
-		return (_ctx, _cache) => {
-			return hasSize.value ? (openBlock(), createBlock(unref(Primitive), mergeProps({
-				key: 0,
-				style: {
-					width: `${width.value}px`,
-					height: `${height.value}px`,
-					position: "absolute",
-					right: unref(rootContext).dir.value === "ltr" ? 0 : void 0,
-					left: unref(rootContext).dir.value === "rtl" ? 0 : void 0,
-					bottom: 0
-				}
-			}, _ctx.$parent?.$props), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["style"])) : 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/ScrollAreaCorner.js
-var ScrollAreaCorner_default = /* @__PURE__ */ defineComponent({
-	__name: "ScrollAreaCorner",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef } = useForwardExpose();
-		const rootContext = injectScrollAreaRootContext();
-		const hasBothScrollbarsVisible = computed(() => !!rootContext.scrollbarX.value && !!rootContext.scrollbarY.value);
-		const hasCorner = computed(() => rootContext.type.value !== "scroll" && hasBothScrollbarsVisible.value);
-		return (_ctx, _cache) => {
-			return hasCorner.value ? (openBlock(), createBlock(ScrollAreaCornerImpl_default, mergeProps({ key: 0 }, props, { ref: unref(forwardRef) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16)) : 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/ScrollAreaViewport.js
-var ScrollAreaViewport_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "ScrollAreaViewport",
-	props: {
-		nonce: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const { nonce: propNonce } = toRefs(props);
-		const nonce = useNonce(propNonce);
-		const rootContext = injectScrollAreaRootContext();
-		const viewportElement = ref();
-		onMounted(() => {
-			rootContext.onViewportChange(viewportElement.value);
-			rootContext.onContentChange(contentElement.value);
-		});
-		__expose({ viewportElement });
-		const { forwardRef, currentElement: contentElement } = useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps({
-				ref_key: "viewportElement",
-				ref: viewportElement,
-				"data-reka-scroll-area-viewport": "",
-				style: {
-					overflowX: unref(rootContext).scrollbarXEnabled.value ? "scroll" : "hidden",
-					overflowY: unref(rootContext).scrollbarYEnabled.value ? "scroll" : "hidden"
-				}
-			}, _ctx.$attrs, { tabindex: 0 }), [createVNode(unref(Primitive), {
-				ref: unref(forwardRef),
-				style: normalizeStyle({ minWidth: unref(rootContext).scrollbarXEnabled.value ? "fit-content" : void 0 }),
-				"as-child": props.asChild,
-				as: _ctx.as
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"style",
-				"as-child",
-				"as"
-			])], 16), createVNode(unref(Primitive), {
-				as: "style",
-				nonce: unref(nonce)
-			}, {
-				default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")])),
-				_: 1,
-				__: [0]
-			}, 8, ["nonce"])], 64);
-		};
-	}
-});
+import { t as scroll_bar_default } from "./scroll-bar.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport } from "reka-ui";
 //#endregion
 //#region src/components/scroll-area/scroll-area.vue
 var scroll_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -162,18 +28,18 @@ var scroll_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const delegatedProps = useDelegatedProps(props, "class");
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScrollAreaRoot_default), mergeProps(unref(delegatedProps), {
-				class: unref(clsx)("celeste-scroll-area", props.class),
+			return openBlock(), createBlock(unref(ScrollAreaRoot), mergeProps(unref(delegatedProps), {
+				class: unref(clsx$1)("celeste-scroll-area", props.class),
 				dir: unref(dir)
 			}), {
 				default: withCtx(() => [
-					createVNode(unref(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
+					createVNode(unref(ScrollAreaViewport), { class: "celeste-scroll-area-viewport" }, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 						_: 3
 					}),
 					createVNode(scroll_bar_default),
 					createVNode(scroll_bar_default, { orientation: "horizontal" }),
-					createVNode(unref(ScrollAreaCorner_default))
+					createVNode(unref(ScrollAreaCorner))
 				]),
 				_: 3
 			}, 16, ["class", "dir"]);