@vunset/vue 0.0.0-stage → 1.0.0-rc.2

package/dist/components/table/TableCell.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** Sticks the cell to an edge while the table scrolls sideways; give its column's head cell the same. */
+    pinned?: 'start' | 'end';
+    /** Pixels from that edge, past the columns pinned before it. @default 0 */
+    offset?: number;
+    /** A fixed width, held whatever the content; a number means pixels. */
+    width?: number | string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/TableCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { usePartProps } from "../../shared/use-part-props.js";
+import { pinStyle, widthStyle } from "./TableRoot.vue_vue_type_script_setup_true_lang.js";
+import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+//#region src/components/table/TableCell.vue?vue&type=script&setup=true&lang.ts
+var TableCell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TableCell",
+	inheritAttrs: false,
+	__name: "TableCell",
+	props: {
+		pinned: {},
+		offset: {},
+		width: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const merged = usePartProps(() => ({
+			"data-part": "table-cell",
+			...props.pinned ? { "data-pinned": props.pinned } : null,
+			...props.width !== void 0 ? { "data-sized": "" } : null,
+			style: {
+				...pinStyle(props.pinned, props.offset),
+				...widthStyle(props.width)
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", normalizeProps(guardReactiveProps(unref(merged))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { TableCell_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/TableFooter.js

@@ -0,0 +1,5 @@
+import TableFooter_vue_vue_type_script_setup_true_lang_default from "./TableFooter.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableFooter.vue
+var TableFooter_default = TableFooter_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableFooter_default as default };

package/dist/components/table/TableFooter.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/TableFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useOptionalTableContext } from "./TableRoot.vue_vue_type_script_setup_true_lang.js";
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+//#region src/components/table/TableFooter.vue?vue&type=script&setup=true&lang.ts
+var TableFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TableFooter",
+	inheritAttrs: false,
+	__name: "TableFooter",
+	setup(__props) {
+		const table = useOptionalTableContext();
+		const offset = computed(() => table?.stickyFooter.value);
+		const merged = usePartProps(() => ({
+			"data-part": "table-footer",
+			...offset.value !== void 0 ? {
+				"data-sticky": "",
+				style: {
+					position: "sticky",
+					bottom: `${offset.value}px`,
+					zIndex: 2
+				}
+			} : null
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tfoot", normalizeProps(guardReactiveProps(unref(merged))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { TableFooter_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/TableHeadCell.js

@@ -0,0 +1,5 @@
+import TableHeadCell_vue_vue_type_script_setup_true_lang_default from "./TableHeadCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableHeadCell.vue
+var TableHeadCell_default = TableHeadCell_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableHeadCell_default as default };

package/dist/components/table/TableHeadCell.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** How the column is sorted; `false` for sortable but unsorted. Leave it out for a column that can't be sorted. */
+    sort?: 'asc' | 'desc' | false;
+    /** Sticks the column to an edge while the table scrolls sideways. */
+    pinned?: 'start' | 'end';
+    /** Pixels from that edge, past the columns pinned before it. @default 0 */
+    offset?: number;
+    /** A fixed width, held whatever the content; a number means pixels. */
+    width?: number | string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    sort: "asc" | "desc" | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/TableHeadCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { usePartProps } from "../../shared/use-part-props.js";
+import { pinStyle, widthStyle } from "./TableRoot.vue_vue_type_script_setup_true_lang.js";
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+//#region src/components/table/TableHeadCell.vue?vue&type=script&setup=true&lang.ts
+var TableHeadCell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TableHeadCell",
+	inheritAttrs: false,
+	__name: "TableHeadCell",
+	props: {
+		sort: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		pinned: {},
+		offset: {},
+		width: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ARIA_SORT = {
+			asc: "ascending",
+			desc: "descending"
+		};
+		const ariaSort = computed(() => {
+			if (props.sort === void 0) return void 0;
+			return props.sort ? ARIA_SORT[props.sort] : "none";
+		});
+		const merged = usePartProps(() => ({
+			"data-part": "table-head-cell",
+			...props.sort ? { "data-sort": props.sort } : null,
+			...props.pinned ? { "data-pinned": props.pinned } : null,
+			...props.width !== void 0 ? { "data-sized": "" } : null,
+			scope: "col",
+			"aria-sort": ariaSort.value,
+			style: {
+				...pinStyle(props.pinned, props.offset),
+				...widthStyle(props.width)
+			}
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("th", normalizeProps(guardReactiveProps(unref(merged))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { TableHeadCell_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/TableHeader.js

@@ -0,0 +1,5 @@
+import TableHeader_vue_vue_type_script_setup_true_lang_default from "./TableHeader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableHeader.vue
+var TableHeader_default = TableHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableHeader_default as default };

package/dist/components/table/TableHeader.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/TableHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useOptionalTableContext } from "./TableRoot.vue_vue_type_script_setup_true_lang.js";
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+//#region src/components/table/TableHeader.vue?vue&type=script&setup=true&lang.ts
+var TableHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TableHeader",
+	inheritAttrs: false,
+	__name: "TableHeader",
+	setup(__props) {
+		const table = useOptionalTableContext();
+		const offset = computed(() => table?.stickyHeader.value);
+		const merged = usePartProps(() => ({
+			"data-part": "table-header",
+			...offset.value !== void 0 ? {
+				"data-sticky": "",
+				style: {
+					position: "sticky",
+					top: `${offset.value}px`,
+					zIndex: 2
+				}
+			} : null
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("thead", normalizeProps(guardReactiveProps(unref(merged))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { TableHeader_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/TableRoot.js

@@ -0,0 +1,5 @@
+import TableRoot_vue_vue_type_script_setup_true_lang_default, { pinStyle, provideTableContext, useOptionalTableContext, widthStyle } from "./TableRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableRoot.vue
+var TableRoot_default = TableRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableRoot_default as default, pinStyle, provideTableContext, useOptionalTableContext, widthStyle };

package/dist/components/table/TableRoot.vue.d.ts

@@ -0,0 +1,48 @@
+import { type ComputedRef, type HTMLAttributes } from 'vue';
+export interface TableContext {
+    /** The sticky part's offset from its edge, or `undefined` when it does not stick. */
+    stickyHeader: ComputedRef<number | undefined>;
+    stickyFooter: ComputedRef<number | undefined>;
+}
+/** `true` sticks at the edge; a number, that many pixels from it. */
+export type TableSticky = boolean | number;
+export declare const provideTableContext: (value: TableContext) => TableContext, useOptionalTableContext: () => TableContext | null;
+export declare function pinStyle(pinned: 'start' | 'end' | undefined, offset?: number): {
+    [x: string]: string | number;
+    position: "sticky";
+    zIndex: number;
+} | undefined;
+export declare function widthStyle(width: number | string | undefined): {
+    width: string;
+    minWidth: string;
+    maxWidth: string;
+    boxSizing: "border-box";
+} | undefined;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Sticks the header to the top; a number keeps it that many pixels below, e.g. under an app bar. */
+    stickyHeader?: TableSticky;
+    /** Sticks the footer to the bottom; a number keeps it that many pixels above. */
+    stickyFooter?: TableSticky;
+    /** The full number of rows, for `aria-rowcount`, when only some of them are rendered. */
+    rowCount?: number;
+    /** A class for the `<table>` inside; `class` lands on the scrolling container. */
+    tableClass?: HTMLAttributes["class"];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Sticks the header to the top; a number keeps it that many pixels below, e.g. under an app bar. */
+    stickyHeader?: TableSticky;
+    /** Sticks the footer to the bottom; a number keeps it that many pixels above. */
+    stickyFooter?: TableSticky;
+    /** The full number of rows, for `aria-rowcount`, when only some of them are rendered. */
+    rowCount?: number;
+    /** A class for the `<table>` inside; `class` lands on the scrolling container. */
+    tableClass?: HTMLAttributes["class"];
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/TableRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { createContext } from "../../shared/context.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, useAttrs } from "vue";
+//#region src/components/table/TableRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-rowcount"];
+var stickyOffset = (value) => value === true ? 0 : typeof value === "number" ? value : void 0;
+var { provideContext: provideTableContext, useOptionalContext: useOptionalTableContext } = createContext("Table");
+function pinStyle(pinned, offset = 0) {
+	if (!pinned) return void 0;
+	return {
+		position: "sticky",
+		[pinned === "start" ? "insetInlineStart" : "insetInlineEnd"]: `${offset}px`,
+		zIndex: 1
+	};
+}
+function widthStyle(width) {
+	if (width === void 0) return void 0;
+	const value = typeof width === "number" ? `${width}px` : width;
+	return {
+		width: value,
+		minWidth: value,
+		maxWidth: value,
+		boxSizing: "border-box"
+	};
+}
+var TableRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TableRoot",
+	inheritAttrs: false,
+	__name: "TableRoot",
+	props: {
+		stickyHeader: { type: [Boolean, Number] },
+		stickyFooter: { type: [Boolean, Number] },
+		rowCount: {},
+		tableClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const stickyHeader = computed(() => stickyOffset(props.stickyHeader));
+		const stickyFooter = computed(() => stickyOffset(props.stickyFooter));
+		provideTableContext({
+			stickyHeader,
+			stickyFooter
+		});
+		const attrs = useAttrs();
+		const merged = computed(() => mergeProps$1({
+			"data-part": "table-container",
+			...stickyHeader.value !== void 0 ? { "data-sticky-header": "" } : null,
+			...stickyFooter.value !== void 0 ? { "data-sticky-footer": "" } : null,
+			style: { overflow: "auto" }
+		}, attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(merged.value)), [createElementVNode("table", {
+				"data-part": "table",
+				"aria-rowcount": props.rowCount,
+				class: normalizeClass(props.tableClass)
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1)], 16);
+		};
+	}
+});
+//#endregion
+export { TableRoot_vue_vue_type_script_setup_true_lang_default as default, pinStyle, provideTableContext, useOptionalTableContext, widthStyle };

package/dist/components/table/TableRow.js

@@ -0,0 +1,5 @@
+import TableRow_vue_vue_type_script_setup_true_lang_default from "./TableRow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/table/TableRow.vue
+var TableRow_default = TableRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableRow_default as default };

package/dist/components/table/TableRow.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** Its position in the data, for `data-index` and striping that survives sorting and virtual scrolling. */
+    index?: number;
+    /** Sets `data-selected`. */
+    selected?: boolean;
+    /** Sets `data-expanded`. */
+    expanded?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/TableRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { usePartProps } from "../../shared/use-part-props.js";
+import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+//#region src/components/table/TableRow.vue?vue&type=script&setup=true&lang.ts
+var TableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TableRow",
+	inheritAttrs: false,
+	__name: "TableRow",
+	props: {
+		index: {},
+		selected: { type: Boolean },
+		expanded: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const merged = usePartProps(() => ({
+			"data-part": "table-row",
+			...props.index === void 0 ? null : {
+				"data-index": props.index,
+				[props.index % 2 ? "data-odd" : "data-even"]: ""
+			},
+			...props.selected ? { "data-selected": "" } : null,
+			...props.expanded ? { "data-expanded": "" } : null
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", normalizeProps(guardReactiveProps(unref(merged))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { TableRow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/tabs/TabsIndicator.js

@@ -0,0 +1,5 @@
+import TabsIndicator_vue_vue_type_script_setup_true_lang_default from "./TabsIndicator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabsIndicator.vue
+var TabsIndicator_default = TabsIndicator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabsIndicator_default as default };

package/dist/components/tabs/TabsIndicator.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    positioned: boolean;
+    orientation: import("./use-tabs").TabsOrientation;
+    activationDirection: import("./use-tabs").TabActivationDirection;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tabs/TabsIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useTabsIndicator } from "./use-tabs.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/tabs/TabsIndicator.vue?vue&type=script&setup=true&lang.ts
+var TabsIndicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TabsIndicator",
+	inheritAttrs: false,
+	__name: "TabsIndicator",
+	props: { as: { default: "span" } },
+	setup(__props) {
+		const props = __props;
+		const api = useTabsIndicator();
+		const merged = usePartProps(api.indicatorProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { TabsIndicator_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/tabs/TabsList.js

@@ -0,0 +1,5 @@
+import TabsList_vue_vue_type_script_setup_true_lang_default from "./TabsList.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabsList.vue
+var TabsList_default = TabsList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabsList_default as default };

package/dist/components/tabs/TabsList.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    orientation: import("./use-tabs").TabsOrientation;
+    activationDirection: import("./use-tabs").TabActivationDirection;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tabs/TabsList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useTabsContext } from "./use-tabs.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/tabs/TabsList.vue?vue&type=script&setup=true&lang.ts
+var TabsList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TabsList",
+	inheritAttrs: false,
+	__name: "TabsList",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const tabs = useTabsContext();
+		const merged = usePartProps(tabs.listProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(tabs).state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { TabsList_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/tabs/TabsPanel.js

@@ -0,0 +1,5 @@
+import TabsPanel_vue_vue_type_script_setup_true_lang_default from "./TabsPanel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabsPanel.vue
+var TabsPanel_default = TabsPanel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabsPanel_default as default };

package/dist/components/tabs/TabsPanel.vue.d.ts

@@ -0,0 +1,30 @@
+import { type TabValue } from './use-tabs';
+type __VLS_Props = {
+    /** Which tab shows it: the `TabsTab` with the same `value`. */
+    value: TabValue;
+    /** Stays in the DOM, `hidden`, while another tab is selected. */
+    keepMounted?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    selected: boolean;
+    transitionStatus: import("../..").TransitionStatus;
+    orientation: import("./use-tabs").TabsOrientation;
+    activationDirection: import("./use-tabs").TabActivationDirection;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+    keepMounted: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tabs/TabsPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useTabPanel } from "./use-tabs.js";
+import { createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
+//#region src/components/tabs/TabsPanel.vue?vue&type=script&setup=true&lang.ts
+var TabsPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TabsPanel",
+	inheritAttrs: false,
+	__name: "TabsPanel",
+	props: {
+		value: {},
+		keepMounted: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const props = __props;
+		const api = useTabPanel({
+			value: toRef(() => props.value),
+			keepMounted: toRef(() => props.keepMounted)
+		});
+		const merged = usePartProps(api.panelProps);
+		return (_ctx, _cache) => {
+			return unref(api).present.value || props.keepMounted ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 0,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)))]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TabsPanel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/tabs/TabsRoot.js

@@ -0,0 +1,5 @@
+import TabsRoot_vue_vue_type_script_setup_true_lang_default from "./TabsRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabsRoot.vue
+var TabsRoot_default = TabsRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabsRoot_default as default };