base-ui-vue 0.2.0 → 0.3.0

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/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"}

package/dist/index.cjs

@@ -19,6 +19,8 @@ const require_description_FieldDescription = require('./description/FieldDescrip
 const require_error_FieldError = require('./error/FieldError.cjs');
 const require_form_Form = require('./form/Form.cjs');
 const require_control_SliderControlDataAttributes = require('./control/SliderControlDataAttributes.cjs');
+const require_content_ScrollAreaContent = require('./content/ScrollAreaContent.cjs');
+const require_corner_ScrollAreaCorner = require('./corner/ScrollAreaCorner.cjs');
 const require_button_ToolbarButtonDataAttributes = require('./button/ToolbarButtonDataAttributes.cjs');
 const require_group_ToolbarGroup = require('./group/ToolbarGroup.cjs');
 const require_group_ToolbarGroupDataAttributes = require('./group/ToolbarGroupDataAttributes.cjs');
@@ -57,7 +59,33 @@ exports.FieldsetLegend = require_index.FieldsetLegend_default;
 exports.FieldsetRoot = require_index.FieldsetRoot_default;
 exports.Form = require_form_Form.Form_default;
 exports.Indicator = require_checkbox_index.CheckboxIndicator_default;
+exports.Input = require_index.Input_default;
+exports.InputDataAttributes = require_index.InputDataAttributes;
+exports.MeterIndicator = require_index.MeterIndicator_default;
+exports.MeterLabel = require_index.MeterLabel_default;
+exports.MeterRoot = require_index.MeterRoot_default;
+exports.MeterTrack = require_index.MeterTrack_default;
+exports.MeterValue = require_index.MeterValue_default;
+exports.ProgressIndicator = require_index.ProgressIndicator_default;
+exports.ProgressLabel = require_index.ProgressLabel_default;
+exports.ProgressRoot = require_index.ProgressRoot_default;
+exports.ProgressRootDataAttributes = require_index.ProgressRootDataAttributes;
+exports.ProgressTrack = require_index.ProgressTrack_default;
+exports.ProgressValue = require_index.ProgressValue_default;
 exports.Root = require_checkbox_index.CheckboxRoot_default;
+exports.ScrollAreaContent = require_content_ScrollAreaContent.ScrollAreaContent_default;
+exports.ScrollAreaCorner = require_corner_ScrollAreaCorner.ScrollAreaCorner_default;
+exports.ScrollAreaRoot = require_index.ScrollAreaRoot_default;
+exports.ScrollAreaRootCssVars = require_index.ScrollAreaRootCssVars;
+exports.ScrollAreaRootDataAttributes = require_content_ScrollAreaContent.ScrollAreaRootDataAttributes;
+exports.ScrollAreaScrollbar = require_index.ScrollAreaScrollbar_default;
+exports.ScrollAreaScrollbarCssVars = require_index.ScrollAreaScrollbarCssVars;
+exports.ScrollAreaScrollbarDataAttributes = require_index.ScrollAreaScrollbarDataAttributes;
+exports.ScrollAreaThumb = require_index.ScrollAreaThumb_default;
+exports.ScrollAreaThumbDataAttributes = require_index.ScrollAreaThumbDataAttributes;
+exports.ScrollAreaViewport = require_index.ScrollAreaViewport_default;
+exports.ScrollAreaViewportCssVars = require_index.ScrollAreaViewportCssVars;
+exports.ScrollAreaViewportDataAttributes = require_index.ScrollAreaViewportDataAttributes;
 exports.Separator = require_index.Separator_default;
 exports.SeparatorDataAttributes = require_index.SeparatorDataAttributes;
 exports.SliderControl = require_control_SliderControl.SliderControl_default;
@@ -108,7 +136,10 @@ exports.mergeClasses = require_button_Button.mergeClasses;
 exports.mergeObjects = require_button_Button.mergeObjects;
 exports.mergeProps = require_button_Button.mergeProps;
 exports.mergePropsN = require_button_Button.mergePropsN;
+exports.meterRootContextKey = require_index.meterRootContextKey;
 exports.name = require_index.name;
+exports.progressRootContextKey = require_index.progressRootContextKey;
+exports.progressStateAttributesMapping = require_index.progressStateAttributesMapping;
 exports.sliderRootContextKey = require_control_SliderControl.sliderRootContextKey;
 exports.switchRootContextKey = require_index.switchRootContextKey;
 exports.toggleGroupContextKey = require_index.toggleGroupContextKey;
@@ -125,6 +156,8 @@ exports.useFieldItemContext = require_checkbox_index.useFieldItemContext;
 exports.useFieldRootContext = require_checkbox_group_CheckboxGroup.useFieldRootContext;
 exports.useFieldsetRootContext = require_index.useFieldsetRootContext;
 exports.useFormContext = require_checkbox_group_CheckboxGroup.useFormContext;
+exports.useMeterRootContext = require_index.useMeterRootContext;
+exports.useProgressRootContext = require_index.useProgressRootContext;
 exports.useRender = require_index.useRender;
 exports.useSliderRootContext = require_control_SliderControl.useSliderRootContext;
 exports.useSwitchRootContext = require_index.useSwitchRootContext;