base-ui-vue 0.2.0 → 0.4.0

package/dist/button/ToolbarButton.cjs

@@ -322,6 +322,12 @@ Object.defineProperty(exports, 'CompositeItem_default', {
     return CompositeItem_default;
   }
 });
+Object.defineProperty(exports, 'IndexGuessBehavior', {
+  enumerable: true,
+  get: function () {
+    return IndexGuessBehavior;
+  }
+});
 Object.defineProperty(exports, 'ToolbarButton_default', {
   enumerable: true,
   get: function () {

package/dist/button/ToolbarButton.js

@@ -316,5 +316,5 @@ var ToolbarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 var ToolbarButton_default = ToolbarButton_vue_vue_type_script_setup_true_lang_default;
 
 //#endregion
-export { CompositeItem_default, ToolbarButton_default, compositeListContextKey, toolbarGroupContextKey, toolbarRootContextKey, useCompositeListItem, useToolbarGroupContext, useToolbarRootContext };
+export { CompositeItem_default, IndexGuessBehavior, ToolbarButton_default, compositeListContextKey, toolbarGroupContextKey, toolbarRootContextKey, useCompositeListItem, useToolbarGroupContext, useToolbarRootContext };
 //# sourceMappingURL=ToolbarButton.js.map

package/dist/content/ScrollAreaContent.cjs

@@ -0,0 +1,168 @@
+const require_button_Button = require('../button/Button.cjs');
+let vue = require("vue");
+
+//#region src/scroll-area/root/ScrollAreaRootContext.ts
+const scrollAreaRootContextKey = Symbol("ScrollAreaRootContext");
+function useScrollAreaRootContext() {
+	const context = (0, vue.inject)(scrollAreaRootContextKey);
+	if (context === void 0) throw new Error("Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollAreaRoot>.");
+	return context;
+}
+
+//#endregion
+//#region src/scroll-area/root/ScrollAreaRootDataAttributes.ts
+let ScrollAreaRootDataAttributes = /* @__PURE__ */ function(ScrollAreaRootDataAttributes) {
+	ScrollAreaRootDataAttributes["scrolling"] = "data-scrolling";
+	ScrollAreaRootDataAttributes["hasOverflowX"] = "data-has-overflow-x";
+	ScrollAreaRootDataAttributes["hasOverflowY"] = "data-has-overflow-y";
+	ScrollAreaRootDataAttributes["overflowXStart"] = "data-overflow-x-start";
+	ScrollAreaRootDataAttributes["overflowXEnd"] = "data-overflow-x-end";
+	ScrollAreaRootDataAttributes["overflowYStart"] = "data-overflow-y-start";
+	ScrollAreaRootDataAttributes["overflowYEnd"] = "data-overflow-y-end";
+	return ScrollAreaRootDataAttributes;
+}({});
+
+//#endregion
+//#region src/scroll-area/root/stateAttributes.ts
+const scrollAreaStateAttributesMapping = {
+	scrolling: (value) => value ? { [ScrollAreaRootDataAttributes.scrolling]: "" } : null,
+	hasOverflowX: (value) => value ? { [ScrollAreaRootDataAttributes.hasOverflowX]: "" } : null,
+	hasOverflowY: (value) => value ? { [ScrollAreaRootDataAttributes.hasOverflowY]: "" } : null,
+	overflowXStart: (value) => value ? { [ScrollAreaRootDataAttributes.overflowXStart]: "" } : null,
+	overflowXEnd: (value) => value ? { [ScrollAreaRootDataAttributes.overflowXEnd]: "" } : null,
+	overflowYStart: (value) => value ? { [ScrollAreaRootDataAttributes.overflowYStart]: "" } : null,
+	overflowYEnd: (value) => value ? { [ScrollAreaRootDataAttributes.overflowYEnd]: "" } : null,
+	cornerHidden: () => null
+};
+
+//#endregion
+//#region src/scroll-area/viewport/ScrollAreaViewportContext.ts
+const scrollAreaViewportContextKey = Symbol("ScrollAreaViewportContext");
+function useScrollAreaViewportContext() {
+	const context = (0, vue.inject)(scrollAreaViewportContextKey);
+	if (context === void 0) throw new Error("Base UI: ScrollAreaViewportContext is missing. ScrollArea.Content must be placed within <ScrollAreaViewport>.");
+	return context;
+}
+
+//#endregion
+//#region src/scroll-area/content/ScrollAreaContent.vue?vue&type=script&setup=true&lang.ts
+var ScrollAreaContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "ScrollAreaContent",
+	inheritAttrs: false,
+	__name: "ScrollAreaContent",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const contentWrapperRef = (0, vue.shallowRef)(null);
+		const { computeThumbPosition } = useScrollAreaViewportContext();
+		const { viewportState } = useScrollAreaRootContext();
+		let resizeObserver;
+		(0, vue.onMounted)(() => {
+			if (typeof ResizeObserver === "undefined") return;
+			let hasInitialized = false;
+			resizeObserver = new ResizeObserver(() => {
+				if (!hasInitialized) {
+					hasInitialized = true;
+					return;
+				}
+				computeThumbPosition();
+			});
+			if (contentWrapperRef.value) resizeObserver.observe(contentWrapperRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			resizeObserver?.disconnect();
+		});
+		const { tag, mergedProps, renderless, ref: renderRef } = require_button_Button.useRenderElement({
+			componentProps: props,
+			state: viewportState,
+			props: (0, vue.computed)(() => require_button_Button.mergeProps(attrs, {
+				role: "presentation",
+				style: { minWidth: "fit-content" }
+			})),
+			stateAttributesMapping: scrollAreaStateAttributesMapping,
+			defaultTagName: "div",
+			ref: contentWrapperRef
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
+				key: 0,
+				ref: (0, vue.unref)(renderRef),
+				props: (0, vue.unref)(mergedProps),
+				state: (0, vue.unref)(viewportState)
+			}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.mergeProps)({
+				key: 1,
+				ref: (0, vue.unref)(renderRef)
+			}, (0, vue.unref)(mergedProps)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/scroll-area/content/ScrollAreaContent.vue
+var ScrollAreaContent_default = ScrollAreaContent_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ScrollAreaContent_default', {
+  enumerable: true,
+  get: function () {
+    return ScrollAreaContent_default;
+  }
+});
+Object.defineProperty(exports, 'ScrollAreaRootDataAttributes', {
+  enumerable: true,
+  get: function () {
+    return ScrollAreaRootDataAttributes;
+  }
+});
+Object.defineProperty(exports, 'scrollAreaRootContextKey', {
+  enumerable: true,
+  get: function () {
+    return scrollAreaRootContextKey;
+  }
+});
+Object.defineProperty(exports, 'scrollAreaStateAttributesMapping', {
+  enumerable: true,
+  get: function () {
+    return scrollAreaStateAttributesMapping;
+  }
+});
+Object.defineProperty(exports, 'scrollAreaViewportContextKey', {
+  enumerable: true,
+  get: function () {
+    return scrollAreaViewportContextKey;
+  }
+});
+Object.defineProperty(exports, 'useScrollAreaRootContext', {
+  enumerable: true,
+  get: function () {
+    return useScrollAreaRootContext;
+  }
+});
+//# sourceMappingURL=ScrollAreaContent.cjs.map

package/dist/content/ScrollAreaContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaContent.cjs","names":[],"sources":["../../src/scroll-area/root/ScrollAreaRootContext.ts","../../src/scroll-area/root/ScrollAreaRootDataAttributes.ts","../../src/scroll-area/root/stateAttributes.ts","../../src/scroll-area/viewport/ScrollAreaViewportContext.ts","../../src/scroll-area/content/ScrollAreaContent.vue","../../src/scroll-area/content/ScrollAreaContent.vue"],"sourcesContent":[],"mappings":";;;;AA4EA,MAAa,2BAA2B,OACtC,wBACD;AAED,SAAgB,2BAAkD;CAChE,MAAM,0BAAiB,yBAAyB;AAChD,KAAI,YAAY,OACd,OAAM,IAAI,MACR,sGACD;AAEH,QAAO;;;;;ACvFT,IAAY,sFAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;ACHF,MAAa,mCAAgF;CAC3F,YAAW,UAAU,QAAQ,GAAG,6BAA6B,YAAY,IAAI,GAAG;CAChF,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,iBAAgB,UAAU,QAAQ,GAAG,6BAA6B,iBAAiB,IAAI,GAAG;CAC1F,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,iBAAgB,UAAU,QAAQ,GAAG,6BAA6B,iBAAiB,IAAI,GAAG;CAC1F,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,oBAAoB;CACrB;;;;ACND,MAAa,+BAA+B,OAC1C,4BACD;AAED,SAAgB,+BAA0D;CACxE,MAAM,0BAAiB,6BAA6B;AACpD,KAAI,YAAY,OACd,OAAM,IAAI,MACR,gHACD;AAEH,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECCT,MAAM,QAAQ;EAId,MAAM,2BAAiB;EAEvB,MAAM,wCAAsD,KAAI;EAChE,MAAM,EAAE,yBAAyB,8BAA6B;EAC9D,MAAM,EAAE,kBAAkB,0BAAyB;EAEnD,IAAI;AAEJ,2BAAgB;AACd,OAAI,OAAO,mBAAmB,YAC5B;GAEF,IAAI,iBAAiB;AACrB,oBAAiB,IAAI,qBAAqB;AACxC,QAAI,CAAC,gBAAgB;AACnB,sBAAiB;AACjB;;AAEF,0BAAqB;KACtB;AAED,OAAI,kBAAkB,MACpB,gBAAe,QAAQ,kBAAkB,MAAK;IAEjD;AAED,iCAAsB;AACpB,mBAAgB,YAAW;IAC5B;EAUD,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,uCAAiB;GACnB,gBAAgB;GAChB,OAAO;GACP,+BAhBkC,iCAClC,OACA;IACE,MAAM;IACN,OAAO,EAAE,UAAU,eAAe;IACnC,CACF,CAAA;GAWC,wBAAwB;GACxB,gBAAgB;GAChB,KAAK;GACN,CAAA;;yBAIa,WAAU,uBAAiE,KAAA,QAAA,WAAA;;IAA9D,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,sBAAO,cAAa;oGAE5E,IAAG,CAAA,sBAME;;IAJT,oBAAK,UAAS;qBACP,YAAW,CAAA,EAAA;oCAEX,qBAAA,KAAA,QAAA,UAAA"}

package/dist/content/ScrollAreaContent.js

@@ -0,0 +1,133 @@
+import { mergeProps as mergeProps$1, useRenderElement } from "../button/Button.js";
+import { computed, createBlock, createCommentVNode, defineComponent, inject, mergeProps, onBeforeUnmount, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, useAttrs, withCtx } from "vue";
+
+//#region src/scroll-area/root/ScrollAreaRootContext.ts
+const scrollAreaRootContextKey = Symbol("ScrollAreaRootContext");
+function useScrollAreaRootContext() {
+	const context = inject(scrollAreaRootContextKey);
+	if (context === void 0) throw new Error("Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollAreaRoot>.");
+	return context;
+}
+
+//#endregion
+//#region src/scroll-area/root/ScrollAreaRootDataAttributes.ts
+let ScrollAreaRootDataAttributes = /* @__PURE__ */ function(ScrollAreaRootDataAttributes) {
+	ScrollAreaRootDataAttributes["scrolling"] = "data-scrolling";
+	ScrollAreaRootDataAttributes["hasOverflowX"] = "data-has-overflow-x";
+	ScrollAreaRootDataAttributes["hasOverflowY"] = "data-has-overflow-y";
+	ScrollAreaRootDataAttributes["overflowXStart"] = "data-overflow-x-start";
+	ScrollAreaRootDataAttributes["overflowXEnd"] = "data-overflow-x-end";
+	ScrollAreaRootDataAttributes["overflowYStart"] = "data-overflow-y-start";
+	ScrollAreaRootDataAttributes["overflowYEnd"] = "data-overflow-y-end";
+	return ScrollAreaRootDataAttributes;
+}({});
+
+//#endregion
+//#region src/scroll-area/root/stateAttributes.ts
+const scrollAreaStateAttributesMapping = {
+	scrolling: (value) => value ? { [ScrollAreaRootDataAttributes.scrolling]: "" } : null,
+	hasOverflowX: (value) => value ? { [ScrollAreaRootDataAttributes.hasOverflowX]: "" } : null,
+	hasOverflowY: (value) => value ? { [ScrollAreaRootDataAttributes.hasOverflowY]: "" } : null,
+	overflowXStart: (value) => value ? { [ScrollAreaRootDataAttributes.overflowXStart]: "" } : null,
+	overflowXEnd: (value) => value ? { [ScrollAreaRootDataAttributes.overflowXEnd]: "" } : null,
+	overflowYStart: (value) => value ? { [ScrollAreaRootDataAttributes.overflowYStart]: "" } : null,
+	overflowYEnd: (value) => value ? { [ScrollAreaRootDataAttributes.overflowYEnd]: "" } : null,
+	cornerHidden: () => null
+};
+
+//#endregion
+//#region src/scroll-area/viewport/ScrollAreaViewportContext.ts
+const scrollAreaViewportContextKey = Symbol("ScrollAreaViewportContext");
+function useScrollAreaViewportContext() {
+	const context = inject(scrollAreaViewportContextKey);
+	if (context === void 0) throw new Error("Base UI: ScrollAreaViewportContext is missing. ScrollArea.Content must be placed within <ScrollAreaViewport>.");
+	return context;
+}
+
+//#endregion
+//#region src/scroll-area/content/ScrollAreaContent.vue?vue&type=script&setup=true&lang.ts
+var ScrollAreaContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ScrollAreaContent",
+	inheritAttrs: false,
+	__name: "ScrollAreaContent",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const contentWrapperRef = shallowRef(null);
+		const { computeThumbPosition } = useScrollAreaViewportContext();
+		const { viewportState } = useScrollAreaRootContext();
+		let resizeObserver;
+		onMounted(() => {
+			if (typeof ResizeObserver === "undefined") return;
+			let hasInitialized = false;
+			resizeObserver = new ResizeObserver(() => {
+				if (!hasInitialized) {
+					hasInitialized = true;
+					return;
+				}
+				computeThumbPosition();
+			});
+			if (contentWrapperRef.value) resizeObserver.observe(contentWrapperRef.value);
+		});
+		onBeforeUnmount(() => {
+			resizeObserver?.disconnect();
+		});
+		const { tag, mergedProps, renderless, ref: renderRef } = useRenderElement({
+			componentProps: props,
+			state: viewportState,
+			props: computed(() => mergeProps$1(attrs, {
+				role: "presentation",
+				style: { minWidth: "fit-content" }
+			})),
+			stateAttributesMapping: scrollAreaStateAttributesMapping,
+			defaultTagName: "div",
+			ref: contentWrapperRef
+		});
+		return (_ctx, _cache) => {
+			return unref(renderless) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				ref: unref(renderRef),
+				props: unref(mergedProps),
+				state: unref(viewportState)
+			}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), mergeProps({
+				key: 1,
+				ref: unref(renderRef)
+			}, unref(mergedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/scroll-area/content/ScrollAreaContent.vue
+var ScrollAreaContent_default = ScrollAreaContent_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ScrollAreaContent_default, ScrollAreaRootDataAttributes, scrollAreaRootContextKey, scrollAreaStateAttributesMapping, scrollAreaViewportContextKey, useScrollAreaRootContext };
+//# sourceMappingURL=ScrollAreaContent.js.map

package/dist/content/ScrollAreaContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaContent.js","names":[],"sources":["../../src/scroll-area/root/ScrollAreaRootContext.ts","../../src/scroll-area/root/ScrollAreaRootDataAttributes.ts","../../src/scroll-area/root/stateAttributes.ts","../../src/scroll-area/viewport/ScrollAreaViewportContext.ts","../../src/scroll-area/content/ScrollAreaContent.vue","../../src/scroll-area/content/ScrollAreaContent.vue"],"sourcesContent":[],"mappings":";;;;AA4EA,MAAa,2BAA2B,OACtC,wBACD;AAED,SAAgB,2BAAkD;CAChE,MAAM,UAAU,OAAO,yBAAyB;AAChD,KAAI,YAAY,OACd,OAAM,IAAI,MACR,sGACD;AAEH,QAAO;;;;;ACvFT,IAAY,sFAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;ACHF,MAAa,mCAAgF;CAC3F,YAAW,UAAU,QAAQ,GAAG,6BAA6B,YAAY,IAAI,GAAG;CAChF,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,iBAAgB,UAAU,QAAQ,GAAG,6BAA6B,iBAAiB,IAAI,GAAG;CAC1F,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,iBAAgB,UAAU,QAAQ,GAAG,6BAA6B,iBAAiB,IAAI,GAAG;CAC1F,eAAc,UAAU,QAAQ,GAAG,6BAA6B,eAAe,IAAI,GAAG;CACtF,oBAAoB;CACrB;;;;ACND,MAAa,+BAA+B,OAC1C,4BACD;AAED,SAAgB,+BAA0D;CACxE,MAAM,UAAU,OAAO,6BAA6B;AACpD,KAAI,YAAY,OACd,OAAM,IAAI,MACR,gHACD;AAEH,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECCT,MAAM,QAAQ;EAId,MAAM,QAAQ,UAAS;EAEvB,MAAM,oBAAoB,WAAkC,KAAI;EAChE,MAAM,EAAE,yBAAyB,8BAA6B;EAC9D,MAAM,EAAE,kBAAkB,0BAAyB;EAEnD,IAAI;AAEJ,kBAAgB;AACd,OAAI,OAAO,mBAAmB,YAC5B;GAEF,IAAI,iBAAiB;AACrB,oBAAiB,IAAI,qBAAqB;AACxC,QAAI,CAAC,gBAAgB;AACnB,sBAAiB;AACjB;;AAEF,0BAAqB;KACtB;AAED,OAAI,kBAAkB,MACpB,gBAAe,QAAQ,kBAAkB,MAAK;IAEjD;AAED,wBAAsB;AACpB,mBAAgB,YAAW;IAC5B;EAUD,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,iBAAiB;GACnB,gBAAgB;GAChB,OAAO;GACP,OAhBmB,eAAe,aAClC,OACA;IACE,MAAM;IACN,OAAO,EAAE,UAAU,eAAe;IACnC,CACF,CAAA;GAWC,wBAAwB;GACxB,gBAAgB;GAChB,KAAK;GACN,CAAA;;UAIa,MAAA,WAAU,GAAtB,WAAuF,KAAA,QAAA,WAAA;;IAA9D,KAAK,MAAA,UAAS;IAAG,OAAO,MAAA,YAAW;IAAG,OAAO,MAAA,cAAa;sBACnF,YAOY,wBANL,MAAA,IAAG,CAAA,EADV,WAOY;;IAJT,KAAK,MAAA,UAAS;MACP,MAAA,YAAW,CAAA,EAAA;2BAEX,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/control/SliderControl.js

@@ -2,7 +2,7 @@ import { mergeProps as mergeProps$1, useRenderElement } from "../button/Button.j
 import { REASONS, createChangeEventDetails, createGenericEventDetails, useAnimationFrame } from "../checkbox/index.js";
 import { fieldValidityMapping } from "../checkbox-group/CheckboxGroup.js";
 import { computed, createBlock, createCommentVNode, defineComponent, inject, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useAttrs, watchEffect, withCtx } from "vue";
-import { isElement, isShadowRoot } from "@floating-ui/utils/dom";
+import { getWindow as ownerWindow, isElement, isShadowRoot } from "@floating-ui/utils/dom";
 
 //#region src/direction-provider/DirectionContext.ts
 /**
@@ -549,5 +549,5 @@ var SliderControl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 var SliderControl_default = SliderControl_vue_vue_type_script_setup_true_lang_default;
 
 //#endregion
-export { SliderControl_default, activeElement, clamp, contains, directionContextKey, getMidpoint, getTarget, ownerDocument, roundValueToStep, sliderRootContextKey, sliderStateAttributesMapping, useDirection, useSliderRootContext, validateMinimumDistance };
+export { SliderControl_default, activeElement, clamp, contains, directionContextKey, getMidpoint, getTarget, ownerDocument, ownerWindow, roundValueToStep, sliderRootContextKey, sliderStateAttributesMapping, useDirection, useSliderRootContext, validateMinimumDistance };
 //# sourceMappingURL=SliderControl.js.map

package/dist/corner/ScrollAreaCorner.cjs

@@ -0,0 +1,77 @@
+const require_button_Button = require('../button/Button.cjs');
+const require_content_ScrollAreaContent = require('../content/ScrollAreaContent.cjs');
+let vue = require("vue");
+
+//#region src/scroll-area/corner/ScrollAreaCorner.vue?vue&type=script&setup=true&lang.ts
+var ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "ScrollAreaCorner",
+	inheritAttrs: false,
+	__name: "ScrollAreaCorner",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const { cornerRef, cornerSize, hiddenState } = require_content_ScrollAreaContent.useScrollAreaRootContext();
+		const state = (0, vue.computed)(() => ({}));
+		const { tag, mergedProps, renderless, ref: renderRef } = require_button_Button.useRenderElement({
+			componentProps: props,
+			state,
+			props: (0, vue.computed)(() => require_button_Button.mergeProps(attrs, { style: {
+				position: "absolute",
+				bottom: 0,
+				insetInlineEnd: 0,
+				width: cornerSize.value.width,
+				height: cornerSize.value.height
+			} })),
+			defaultTagName: "div",
+			ref: cornerRef
+		});
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(hiddenState).corner ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
+				key: 0,
+				ref: (0, vue.unref)(renderRef),
+				props: (0, vue.unref)(mergedProps),
+				state: state.value
+			}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.mergeProps)({
+				key: 1,
+				ref: (0, vue.unref)(renderRef)
+			}, (0, vue.unref)(mergedProps)), null, 16))], 64)) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/scroll-area/corner/ScrollAreaCorner.vue
+var ScrollAreaCorner_default = ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ScrollAreaCorner_default', {
+  enumerable: true,
+  get: function () {
+    return ScrollAreaCorner_default;
+  }
+});
+//# sourceMappingURL=ScrollAreaCorner.cjs.map

package/dist/corner/ScrollAreaCorner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaCorner.cjs","names":[],"sources":["../../src/scroll-area/corner/ScrollAreaCorner.vue","../../src/scroll-area/corner/ScrollAreaCorner.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,2BAAiB;EAEvB,MAAM,EAAE,WAAW,YAAY,gBAAgB,4DAAyB;EAExE,MAAM,iCAA+C,EAAE,EAAC;EAexD,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,uCAAiB;GACnB,gBAAgB;GAChB;GACA,+BArBkC,iCAClC,OACA,EACE,OAAO;IACL,UAAU;IACV,QAAQ;IACR,gBAAgB;IAChB,OAAO,WAAW,MAAM;IACxB,QAAQ,WAAW,MAAM;IAC1B,EACF,CACF,CAAA;GAWC,gBAAgB;GAChB,KAAK;GACN,CAAA;;0BAIkB,YAAW,CAAC,4DAQlB,cAAA,EAAA,KAAA,GAAA,EAAA,gBAPG,WAAU,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,OAAO,MAAA;oGAE/D,IAAG,CAAA,sBAIR;;IAFC,oBAAK,UAAS;qBACP,YAAW,CAAA,EAAA,MAAA,GAAA"}

package/dist/corner/ScrollAreaCorner.js

@@ -0,0 +1,72 @@
+import { mergeProps as mergeProps$1, useRenderElement } from "../button/Button.js";
+import { useScrollAreaRootContext } from "../content/ScrollAreaContent.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs } from "vue";
+
+//#region src/scroll-area/corner/ScrollAreaCorner.vue?vue&type=script&setup=true&lang.ts
+var ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ScrollAreaCorner",
+	inheritAttrs: false,
+	__name: "ScrollAreaCorner",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		class: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array,
+				Function
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const { cornerRef, cornerSize, hiddenState } = useScrollAreaRootContext();
+		const state = computed(() => ({}));
+		const { tag, mergedProps, renderless, ref: renderRef } = useRenderElement({
+			componentProps: props,
+			state,
+			props: computed(() => mergeProps$1(attrs, { style: {
+				position: "absolute",
+				bottom: 0,
+				insetInlineEnd: 0,
+				width: cornerSize.value.width,
+				height: cornerSize.value.height
+			} })),
+			defaultTagName: "div",
+			ref: cornerRef
+		});
+		return (_ctx, _cache) => {
+			return !unref(hiddenState).corner ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(renderless) ? renderSlot(_ctx.$slots, "default", {
+				key: 0,
+				ref: unref(renderRef),
+				props: unref(mergedProps),
+				state: state.value
+			}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), mergeProps({
+				key: 1,
+				ref: unref(renderRef)
+			}, unref(mergedProps)), null, 16))], 64)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/scroll-area/corner/ScrollAreaCorner.vue
+var ScrollAreaCorner_default = ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ScrollAreaCorner_default };
+//# sourceMappingURL=ScrollAreaCorner.js.map

package/dist/corner/ScrollAreaCorner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaCorner.js","names":[],"sources":["../../src/scroll-area/corner/ScrollAreaCorner.vue","../../src/scroll-area/corner/ScrollAreaCorner.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,WAAW,YAAY,gBAAgB,0BAAyB;EAExE,MAAM,QAAQ,gBAAuC,EAAE,EAAC;EAexD,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,iBAAiB;GACnB,gBAAgB;GAChB;GACA,OArBmB,eAAe,aAClC,OACA,EACE,OAAO;IACL,UAAU;IACV,QAAQ;IACR,gBAAgB;IAChB,OAAO,WAAW,MAAM;IACxB,QAAQ,WAAW,MAAM;IAC1B,EACF,CACF,CAAA;GAWC,gBAAgB;GAChB,KAAK;GACN,CAAA;;WAIkB,MAAA,YAAW,CAAC,uBAA7B,mBAQW,UAAA,EAAA,KAAA,GAAA,EAAA,CAPG,MAAA,WAAU,GAAtB,WAA+E,KAAA,QAAA,WAAA;;IAAtD,KAAK,MAAA,UAAS;IAAG,OAAO,MAAA,YAAW;IAAG,OAAO,MAAA;sBACtE,YAKE,wBAJK,MAAA,IAAG,CAAA,EADV,WAKE;;IAFC,KAAK,MAAA,UAAS;MACP,MAAA,YAAW,CAAA,EAAA,MAAA,GAAA"}