@wirekyt/vue 0.0.1 → 0.0.2

package/dist/rating-group.js

@@ -0,0 +1,220 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { h as useFieldContext } from "./field-C3pLqz1S.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as ratingGroup from "@wirekyt/dom/machines/rating-group";
+import { anatomy as ratingGroupAnatomy } from "@wirekyt/dom/machines/rating-group";
+//#region src/components/rating-group/use-context.ts
+const [RatingGroupProvider, useRatingGroupContext] = createContext("RatingGroupContext");
+//#endregion
+//#region src/components/rating-group/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const ratingGroup = useRatingGroupContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(ratingGroup))));
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/control.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const ratingGroup = useRatingGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(ratingGroup).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/hidden-input.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const ratingGroup = useRatingGroupContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(ratingGroup).getHiddenInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/use-item-context.ts
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext("RatingGroupItemContext");
+//#endregion
+//#region src/components/rating-group/item-context.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "item-context",
+	setup(__props) {
+		const item = useRatingGroupItemContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(item))));
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/item.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: {
+		index: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const ratingGroup = useRatingGroupContext();
+		RatingGroupItemProvider(computed(() => ratingGroup.value.getItemState(props)));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(ratingGroup).getItemProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/label.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const ratingGroup = useRatingGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(ratingGroup).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/root-provider.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const ratingGroup = computed(() => props.value);
+		RatingGroupProvider(ratingGroup);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(ratingGroup.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/use-rating-group.ts
+const useRatingGroup = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				hiddenInput: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			dir: locale.value.dir,
+			value: localProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onValueChange(details) {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			},
+			onHoverChange: (details) => {
+				emit?.("hoverChange", details);
+				localProps.onHoverChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(ratingGroup.machine, context);
+	return computed(() => ratingGroup.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/rating-group/root.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		allowHalf: { type: Boolean },
+		autoFocus: { type: Boolean },
+		count: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		form: {},
+		id: {},
+		ids: {},
+		modelValue: {},
+		name: {},
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		translations: {},
+		asChild: { type: Boolean }
+	}, {
+		allowHalf: void 0,
+		autoFocus: void 0,
+		disabled: void 0,
+		readOnly: void 0,
+		required: void 0
+	}),
+	emits: [
+		"hoverChange",
+		"valueChange",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const ratingGroup = useRatingGroup(__props, __emit);
+		RatingGroupProvider(ratingGroup);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(ratingGroup).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/rating-group/rating-group.ts
+var rating_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	HiddenInput: () => _sfc_main$2,
+	Item: () => _sfc_main$3,
+	ItemContext: () => _sfc_main$4,
+	Label: () => _sfc_main$5,
+	Root: () => _sfc_main$6,
+	RootProvider: () => _sfc_main$7
+});
+//#endregion
+export { rating_group_exports as RatingGroup, _sfc_main as RatingGroupContext, _sfc_main$1 as RatingGroupControl, _sfc_main$2 as RatingGroupHiddenInput, _sfc_main$3 as RatingGroupItem, _sfc_main$4 as RatingGroupItemContext, _sfc_main$5 as RatingGroupLabel, _sfc_main$6 as RatingGroupRoot, _sfc_main$7 as RatingGroupRootProvider, ratingGroupAnatomy, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };

package/dist/rolldown-runtime-D7D4PA-g.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll as t };

package/dist/rolldown-runtime-DakpK96I.cjs

@@ -0,0 +1,43 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__exportAll", {
+	enumerable: true,
+	get: function() {
+		return __exportAll;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});

package/dist/scroll-area.cjs

@@ -0,0 +1,206 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_scroll_area = require("@wirekyt/dom/machines/scroll-area");
+_wirekyt_dom_machines_scroll_area = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_scroll_area, 1);
+//#region src/components/scroll-area/use-context.ts
+const [ScrollAreaProvider, useScrollAreaContext] = require_utils.createContext("ScrollAreaContext");
+//#endregion
+//#region src/components/scroll-area/context.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const scrollArea = useScrollAreaContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(scrollArea))));
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/content.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const scrollArea = useScrollAreaContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(scrollArea).getContentProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/corner.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "corner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const scrollArea = useScrollAreaContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(scrollArea).getCornerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/use-scroll-area.ts
+const useScrollArea = (props = {}) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const context = (0, vue.computed)(() => {
+		const localProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localProps)
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_scroll_area.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_scroll_area.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/scroll-area/root.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: {
+		id: {},
+		ids: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const scrollArea = useScrollArea(__props);
+		ScrollAreaProvider(scrollArea);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(scrollArea).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/root-provider.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const scrollArea = (0, vue.computed)(() => props.value);
+		ScrollAreaProvider(scrollArea);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(scrollArea.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/use-scrollbar-props-context.ts
+const [ScrollAreaScrollbarPropsProvider, useScrollAreaScrollbarPropsContext] = require_utils.createContext("ScrollAreaScrollbarPropsContext");
+//#endregion
+//#region src/components/scroll-area/scrollbar.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "scrollbar",
+	props: {
+		orientation: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const scrollArea = useScrollAreaContext();
+		ScrollAreaScrollbarPropsProvider((0, vue.computed)(() => props));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(scrollArea).getScrollbarProps({ orientation: props.orientation }), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/thumb.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "thumb",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const scrollArea = useScrollAreaContext();
+		const scrollbarProps = useScrollAreaScrollbarPropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(scrollArea).getThumbProps((0, vue.unref)(scrollbarProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/viewport.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "viewport",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const scrollArea = useScrollAreaContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(scrollArea).getViewportProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/scroll-area/scroll-area.ts
+var scroll_area_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Content: () => _sfc_main,
+	Context: () => _sfc_main$1,
+	Corner: () => _sfc_main$2,
+	Root: () => _sfc_main$3,
+	RootProvider: () => _sfc_main$4,
+	Scrollbar: () => _sfc_main$5,
+	Thumb: () => _sfc_main$6,
+	Viewport: () => _sfc_main$7
+});
+//#endregion
+Object.defineProperty(exports, "ScrollArea", {
+	enumerable: true,
+	get: function() {
+		return scroll_area_exports;
+	}
+});
+exports.ScrollAreaContent = _sfc_main;
+exports.ScrollAreaContext = _sfc_main$1;
+exports.ScrollAreaCorner = _sfc_main$2;
+exports.ScrollAreaRoot = _sfc_main$3;
+exports.ScrollAreaRootProvider = _sfc_main$4;
+exports.ScrollAreaScrollbar = _sfc_main$5;
+exports.ScrollAreaThumb = _sfc_main$6;
+exports.ScrollAreaViewport = _sfc_main$7;
+Object.defineProperty(exports, "scrollAreaAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_scroll_area.anatomy;
+	}
+});
+exports.useScrollArea = useScrollArea;
+exports.useScrollAreaContext = useScrollAreaContext;

package/dist/scroll-area.d.cts

@@ -0,0 +1,169 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import { Orientation } from "@wirekyt/dom/types";
+import * as scrollArea from "@wirekyt/dom/machines/scroll-area";
+import { ElementIds, ElementIds as ScrollAreaElementIds, ScrollToDetails, ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdge as ScrollAreaScrollToEdge, ScrollToEdgeDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, ScrollbarState as ScrollAreaScrollbarState, anatomy as scrollAreaAnatomy } from "@wirekyt/dom/machines/scroll-area";
+//#region src/components/scroll-area/use-scroll-area.d.ts
+interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, "dir" | "getRootNode">, "id"> {}
+interface UseScrollAreaReturn extends ComputedRef<scrollArea.Api<PropTypes>> {}
+declare const useScrollArea: (props?: MaybeRef<UseScrollAreaProps>) => UseScrollAreaReturn;
+//#endregion
+//#region src/components/scroll-area/use-context.d.ts
+interface UseScrollAreaContext extends UseScrollAreaReturn {}
+declare const ScrollAreaProvider: (opts: UseScrollAreaContext) => void, useScrollAreaContext: (fallback?: UseScrollAreaContext | undefined) => UseScrollAreaContext;
+//#endregion
+//#region src/components/scroll-area/context.vue.d.ts
+interface ScrollAreaContextProps extends SlotsType<{
+  default: UnwrapRef<UseScrollAreaContext>;
+}> {}
+declare const _default$1: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(scrollArea: UnwrapRef<UseScrollAreaContext>): unknown;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/content.vue.d.ts
+interface ScrollAreaContentBaseProps extends PolymorphicProps {}
+interface ScrollAreaContentProps extends ScrollAreaContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<ScrollAreaContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/corner.vue.d.ts
+interface ScrollAreaCornerBaseProps extends PolymorphicProps {}
+interface ScrollAreaCornerProps extends ScrollAreaCornerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<ScrollAreaCornerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/types.d.ts
+interface RootProps {
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    viewport: string;
+    content: string;
+    scrollbar: string;
+    thumb: string;
+  }>;
+}
+//#endregion
+//#region src/components/scroll-area/root.vue.d.ts
+interface ScrollAreaRootBaseProps extends RootProps, PolymorphicProps {}
+interface ScrollAreaRootProps extends ScrollAreaRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<ScrollAreaRootBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaRootBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/root-provider.vue.d.ts
+interface ScrollAreaRootProviderBaseProps extends PolymorphicProps {
+  value: UnwrapRef<UseScrollAreaContext>;
+}
+interface ScrollAreaRootProviderProps extends ScrollAreaRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, "value"> {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<ScrollAreaRootProviderBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaRootProviderBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/scrollbar.vue.d.ts
+interface ScrollbarProps {
+  orientation?: Orientation;
+}
+interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {}
+interface ScrollAreaScrollbarProps extends ScrollAreaScrollbarBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<ScrollAreaScrollbarBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaScrollbarBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/thumb.vue.d.ts
+interface ScrollAreaThumbBaseProps extends PolymorphicProps {}
+interface ScrollAreaThumbProps extends ScrollAreaThumbBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<ScrollAreaThumbBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaThumbBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/scroll-area/viewport.vue.d.ts
+interface ScrollAreaViewportBaseProps extends PolymorphicProps {}
+interface ScrollAreaViewportProps extends ScrollAreaViewportBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScrollAreaViewportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace scroll_area_d_exports {
+  export { _default as Content, ScrollAreaContentBaseProps as ContentBaseProps, ScrollAreaContentProps as ContentProps, _default$1 as Context, ScrollAreaContextProps as ContextProps, _default$2 as Corner, ScrollAreaCornerBaseProps as CornerBaseProps, ScrollAreaCornerProps as CornerProps, ElementIds, _default$3 as Root, ScrollAreaRootBaseProps as RootBaseProps, ScrollAreaRootProps as RootProps, _default$4 as RootProvider, ScrollAreaRootProviderBaseProps as RootProviderBaseProps, ScrollAreaRootProviderProps as RootProviderProps, ScrollToDetails, ScrollToEdgeDetails, _default$5 as Scrollbar, ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, ScrollAreaScrollbarProps as ScrollbarProps, _default$6 as Thumb, ScrollAreaThumbBaseProps as ThumbBaseProps, ScrollAreaThumbProps as ThumbProps, _default$7 as Viewport, ScrollAreaViewportBaseProps as ViewportBaseProps, ScrollAreaViewportProps as ViewportProps };
+}
+//#endregion
+export { scroll_area_d_exports as ScrollArea, _default as ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps, _default$1 as ScrollAreaContext, type ScrollAreaContextProps, _default$2 as ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps, type ScrollAreaElementIds, _default$3 as ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps, _default$4 as ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, type ScrollAreaScrollToDetails, type ScrollAreaScrollToEdge, type ScrollAreaScrollToEdgeDetails, _default$5 as ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, type ScrollAreaScrollbarState, _default$6 as ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps, _default$7 as ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, type UseScrollAreaContext, type UseScrollAreaProps, type UseScrollAreaReturn, scrollAreaAnatomy, useScrollArea, useScrollAreaContext };