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

package/dist/components/pagination/PaginationNext.vue.d.ts

@@ -0,0 +1,21 @@
+import { type PaginationState } from './PaginationRoot.vue';
+type __VLS_Props = {
+    /** Element or component to render. A `button`, or a link when the root has `to`. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The pagination's state.
+     * @slotOnly The element carries `data-disabled` while there is no page that way.
+     */
+    default(props: PaginationState): unknown;
+};
+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/pagination/PaginationNext.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 { usePaginationContext } from "./PaginationRoot.vue_vue_type_script_setup_true_lang.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/pagination/PaginationNext.vue?vue&type=script&setup=true&lang.ts
+var PaginationNext_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PaginationNext",
+	inheritAttrs: false,
+	__name: "PaginationNext",
+	props: { as: {} },
+	setup(__props) {
+		const props = __props;
+		const pagination = usePaginationContext();
+		const merged = usePartProps(pagination.nextProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as ?? unref(pagination).nextTag.value }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(pagination).state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PaginationNext_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/pagination/PaginationPrev.js

@@ -0,0 +1,5 @@
+import PaginationPrev_vue_vue_type_script_setup_true_lang_default from "./PaginationPrev.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationPrev.vue
+var PaginationPrev_default = PaginationPrev_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationPrev_default as default };

package/dist/components/pagination/PaginationPrev.vue.d.ts

@@ -0,0 +1,21 @@
+import { type PaginationState } from './PaginationRoot.vue';
+type __VLS_Props = {
+    /** Element or component to render. A `button`, or a link when the root has `to`. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The pagination's state.
+     * @slotOnly The element carries `data-disabled` while there is no page that way.
+     */
+    default(props: PaginationState): unknown;
+};
+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/pagination/PaginationPrev.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 { usePaginationContext } from "./PaginationRoot.vue_vue_type_script_setup_true_lang.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/pagination/PaginationPrev.vue?vue&type=script&setup=true&lang.ts
+var PaginationPrev_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PaginationPrev",
+	inheritAttrs: false,
+	__name: "PaginationPrev",
+	props: { as: {} },
+	setup(__props) {
+		const props = __props;
+		const pagination = usePaginationContext();
+		const merged = usePartProps(pagination.prevProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as ?? unref(pagination).prevTag.value }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(pagination).state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PaginationPrev_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/pagination/PaginationRoot.js

@@ -0,0 +1,5 @@
+import PaginationRoot_vue_vue_type_script_setup_true_lang_default, { paginationItems, providePaginationContext, usePaginationContext } from "./PaginationRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationRoot.vue
+var PaginationRoot_default = PaginationRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationRoot_default as default, paginationItems, providePaginationContext, usePaginationContext };

package/dist/components/pagination/PaginationRoot.vue.d.ts

@@ -0,0 +1,146 @@
+import { type ComputedRef } from 'vue';
+export type PaginationEntry = {
+    type: 'page';
+    page: number;
+    key: string;
+} | {
+    type: 'ellipsis';
+    side: 'start' | 'end';
+    key: string;
+};
+export interface PaginationState {
+    /** The current page, from 1. */
+    page: number;
+    /** How many pages there are. */
+    totalPages: number;
+    /**
+     * Items per page.
+     * @attribute none
+     */
+    perPage: number;
+    /** Whether every page and arrow ignores interaction. */
+    disabled: boolean;
+    /** Whether the current page is the first. */
+    first: boolean;
+    /** Whether the current page is the last. */
+    last: boolean;
+}
+export interface PaginationContext {
+    state: ComputedRef<PaginationState>;
+    items: ComputedRef<PaginationEntry[]>;
+    navProps: ComputedRef<Record<string, unknown>>;
+    prevProps: ComputedRef<Record<string, unknown>>;
+    nextProps: ComputedRef<Record<string, unknown>>;
+    ellipsisProps: ComputedRef<Record<string, unknown>>;
+    getItemProps: (page: number) => Record<string, unknown>;
+    /** What a page renders as, unless the part overrides it. */
+    itemTag: ComputedRef<string | object>;
+    /** What Prev and Next render as, unless the part overrides it. */
+    prevTag: ComputedRef<string | object>;
+    nextTag: ComputedRef<string | object>;
+    setPage: (page: number) => void;
+    setPerPage: (perPage: number) => void;
+}
+export declare const providePaginationContext: (value: PaginationContext) => PaginationContext, usePaginationContext: () => PaginationContext;
+export declare function paginationItems(current: number, totalPages: number, siblings: number, boundaries: number): PaginationEntry[];
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The current page, from 1, bound with `v-model`. */
+    modelValue?: number;
+    /** The page at first, when no `v-model` owns it. */
+    defaultValue?: number;
+    /** Given directly, or worked out from `total` and `perPage`. */
+    totalPages?: number;
+    /** Total items. Only read when `totalPages` is absent. */
+    total?: number;
+    /** Items per page, for working out `totalPages` from `total`. Bound with `v-model:per-page`. */
+    perPage?: number;
+    /** Items per page at first, when no `v-model:per-page` owns it. */
+    defaultPerPage?: number;
+    /** Pages shown either side of the current one. */
+    siblings?: number;
+    /** Pages always shown at each end. */
+    boundaries?: number;
+    /** Disables every page and arrow. */
+    disabled?: boolean;
+    /** What a page renders as when `to` is set: `RouterLink`, `NuxtLink`, or `configureLink`'s (`a` by default). */
+    link?: string | object;
+    /** Turns pages into links: the `href`, or a `link`'s `to`, for a page number. */
+    to?: (page: number) => unknown;
+    /**
+     * Keeps the page and page size in the URL, as `?page=` and `?perPage=`, or under the keys given.
+     * Page 1 and the default size stay out of it. A bound `v-model` leaves its own value out.
+     */
+    query?: boolean | {
+        page?: string;
+        perPage?: string;
+    };
+    /** Element or component to render. */
+    as?: string | object;
+}, PaginationContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (page: number) => any;
+    "update:modelValue": (page: number) => any;
+    "update:perPage": (perPage: number) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The current page, from 1, bound with `v-model`. */
+    modelValue?: number;
+    /** The page at first, when no `v-model` owns it. */
+    defaultValue?: number;
+    /** Given directly, or worked out from `total` and `perPage`. */
+    totalPages?: number;
+    /** Total items. Only read when `totalPages` is absent. */
+    total?: number;
+    /** Items per page, for working out `totalPages` from `total`. Bound with `v-model:per-page`. */
+    perPage?: number;
+    /** Items per page at first, when no `v-model:per-page` owns it. */
+    defaultPerPage?: number;
+    /** Pages shown either side of the current one. */
+    siblings?: number;
+    /** Pages always shown at each end. */
+    boundaries?: number;
+    /** Disables every page and arrow. */
+    disabled?: boolean;
+    /** What a page renders as when `to` is set: `RouterLink`, `NuxtLink`, or `configureLink`'s (`a` by default). */
+    link?: string | object;
+    /** Turns pages into links: the `href`, or a `link`'s `to`, for a page number. */
+    to?: (page: number) => unknown;
+    /**
+     * Keeps the page and page size in the URL, as `?page=` and `?perPage=`, or under the keys given.
+     * Page 1 and the default size stay out of it. A bound `v-model` leaves its own value out.
+     */
+    query?: boolean | {
+        page?: string;
+        perPage?: string;
+    };
+    /** Element or component to render. */
+    as?: string | object;
+}> & Readonly<{
+    onChange?: ((page: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+    "onUpdate:perPage"?: ((perPage: number) => any) | undefined;
+}>, {
+    defaultValue: number;
+    as: string | object;
+    disabled: boolean;
+    perPage: number;
+    defaultPerPage: number;
+    siblings: number;
+    boundaries: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /**
+     * The pagination's state, and the entries to render.
+     * @slotOnly The element carries only `data-disabled`.
+     */
+    default(props: PaginationState & {
+        /** Pages and ellipses in order: `{ type: 'page', page }` or `{ type: 'ellipsis', side }`. */
+        items: PaginationEntry[];
+        /** Changes the page size, moving to the page that holds the first item shown. */
+        setPerPage: (perPage: number) => void;
+    }): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pagination/PaginationRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,253 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { useControlled } from "../../shared/use-controlled.js";
+import { createContext } from "../../shared/context.js";
+import { defaultLink } from "../../shared/link.js";
+import { batchRouteQuery, routeQueryKey } from "../../shared/route-query.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, renderSlot, unref, useAttrs, withCtx } from "vue";
+//#region src/components/pagination/PaginationRoot.vue?vue&type=script&setup=true&lang.ts
+var { provideContext: providePaginationContext, useContext: usePaginationContext } = createContext("Pagination");
+function range(start, end) {
+	return Array.from({ length: Math.max(0, end - start + 1) }, (_, index) => start + index);
+}
+var page = (value) => ({
+	type: "page",
+	page: value,
+	key: `page-${value}`
+});
+var ellipsis = (side) => ({
+	type: "ellipsis",
+	side,
+	key: `ellipsis-${side}`
+});
+function paginationItems(current, totalPages, siblings, boundaries) {
+	if (totalPages <= 0) return [];
+	if (siblings * 2 + boundaries * 2 + 3 >= totalPages) return range(1, totalPages).map(page);
+	const left = current - siblings;
+	const right = current + siblings;
+	const leftGap = left > boundaries + 2;
+	const rightGap = right < totalPages - (boundaries + 1);
+	if (!leftGap && rightGap) return [
+		...range(1, siblings * 2 + boundaries + 2).map(page),
+		ellipsis("end"),
+		...range(totalPages - boundaries + 1, totalPages).map(page)
+	];
+	if (leftGap && !rightGap) return [
+		...range(1, boundaries).map(page),
+		ellipsis("start"),
+		...range(totalPages - (boundaries + 1 + siblings * 2), totalPages).map(page)
+	];
+	return [
+		...range(1, boundaries).map(page),
+		ellipsis("start"),
+		...range(left, right).map(page),
+		ellipsis("end"),
+		...range(totalPages - boundaries + 1, totalPages).map(page)
+	];
+}
+var PaginationRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PaginationRoot",
+	inheritAttrs: false,
+	__name: "PaginationRoot",
+	props: {
+		modelValue: {},
+		defaultValue: { default: 1 },
+		totalPages: {},
+		total: {},
+		perPage: { default: void 0 },
+		defaultPerPage: { default: 10 },
+		siblings: { default: 1 },
+		boundaries: { default: 1 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		link: {},
+		to: {},
+		query: { type: [Boolean, Object] },
+		as: { default: "nav" }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"update:perPage"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const routeQuery = inject(routeQueryKey, null);
+		const writeQuery = routeQuery && batchRouteQuery(routeQuery);
+		const queryKey = (name) => routeQuery && props.query ? props.query === true ? name : props.query[name] ?? name : null;
+		const pageKey = () => props.modelValue === void 0 ? queryKey("page") : null;
+		const perPageKey = () => props.perPage === void 0 ? queryKey("perPage") : null;
+		function fromQuery(key, fallback) {
+			const value = Number(routeQuery.get(key));
+			return Number.isInteger(value) && value > 0 ? value : fallback;
+		}
+		const perPageModel = useControlled({
+			value: () => {
+				const key = perPageKey();
+				return key ? fromQuery(key, props.defaultPerPage ?? 10) : props.perPage;
+			},
+			defaultValue: () => props.defaultPerPage ?? 10,
+			onChange: (next) => {
+				emit("update:perPage", next);
+				const key = perPageKey();
+				if (key) writeQuery(key, next === (props.defaultPerPage ?? 10) ? void 0 : String(next));
+			},
+			name: "PaginationRoot",
+			label: "perPage"
+		});
+		const perPage = () => Math.max(1, Math.floor(perPageModel.value) || 1);
+		const disabled = () => props.disabled ?? false;
+		const linked = () => props.to !== void 0;
+		function pagesFor(size) {
+			if (props.totalPages !== void 0) return Math.max(0, Math.floor(props.totalPages));
+			return props.total === void 0 ? 1 : Math.max(0, Math.ceil(props.total / size));
+		}
+		const totalPages = computed(() => pagesFor(perPage()));
+		const raw = useControlled({
+			value: () => {
+				const key = pageKey();
+				return key ? fromQuery(key, props.defaultValue ?? 1) : props.modelValue;
+			},
+			defaultValue: () => props.defaultValue ?? 1,
+			onChange: (next) => {
+				emit("update:modelValue", next);
+				emit("change", next);
+				const key = pageKey();
+				if (key) writeQuery(key, next <= 1 ? void 0 : String(next));
+			},
+			name: "PaginationRoot",
+			label: "page"
+		});
+		function clampPage(value) {
+			const last = Math.max(1, totalPages.value);
+			return Math.min(Math.max(Math.floor(value) || 1, 1), last);
+		}
+		const current = computed(() => clampPage(raw.value));
+		function setPage(next) {
+			const clamped = clampPage(next);
+			if (clamped !== current.value) raw.value = clamped;
+		}
+		function setPerPage(next) {
+			const size = Math.max(1, Math.floor(next) || 1);
+			if (size === perPage()) return;
+			const before = current.value;
+			const firstItem = (before - 1) * perPage();
+			const page = Math.min(Math.floor(firstItem / size) + 1, Math.max(1, pagesFor(size)));
+			perPageModel.value = size;
+			if (page !== before) raw.value = page;
+		}
+		const state = computed(() => ({
+			page: current.value,
+			totalPages: totalPages.value,
+			perPage: perPage(),
+			disabled: disabled(),
+			first: current.value <= 1,
+			last: current.value >= totalPages.value
+		}));
+		const items = computed(() => paginationItems(current.value, totalPages.value, props.siblings ?? 1, props.boundaries ?? 1));
+		const linkTag = computed(() => props.link ?? (linked() ? defaultLink() : "button"));
+		const tagFor = (off) => off && typeof linkTag.value !== "string" ? "a" : linkTag.value;
+		const itemTag = computed(() => tagFor(disabled()));
+		const prevTag = computed(() => tagFor(disabled() || state.value.first));
+		const nextTag = computed(() => tagFor(disabled() || state.value.last));
+		function target(page) {
+			if (!props.to) return null;
+			const value = props.to(page);
+			return linkTag.value === "a" ? { href: value } : { to: value };
+		}
+		function offAttrs(off) {
+			if (!off) return null;
+			return linked() ? {
+				"data-disabled": "",
+				"aria-disabled": "true"
+			} : {
+				"data-disabled": "",
+				disabled: true
+			};
+		}
+		function step(part) {
+			const to = part === "prev" ? current.value - 1 : current.value + 1;
+			const off = disabled() || (part === "prev" ? state.value.first : state.value.last);
+			return {
+				"data-part": part,
+				...linked() ? null : { type: "button" },
+				...off ? null : target(to),
+				...offAttrs(off),
+				"aria-label": part === "prev" ? "Previous page" : "Next page",
+				onClick(event) {
+					if (off) {
+						event.preventDefault();
+						return;
+					}
+					setPage(to);
+				}
+			};
+		}
+		const navProps = computed(() => ({
+			"data-part": "pagination",
+			...disabled() ? { "data-disabled": "" } : null,
+			"aria-label": "Pagination"
+		}));
+		const prevProps = computed(() => step("prev"));
+		const nextProps = computed(() => step("next"));
+		const ellipsisProps = computed(() => ({
+			"data-part": "ellipsis",
+			"aria-hidden": true
+		}));
+		function getItemProps(page) {
+			const selected = page === current.value;
+			const off = disabled();
+			return {
+				"data-part": "item",
+				"data-page": page,
+				...selected ? { "data-selected": "" } : null,
+				...linked() ? null : { type: "button" },
+				...off ? null : target(page),
+				...offAttrs(off),
+				"aria-label": `Page ${page}`,
+				"aria-current": selected ? "page" : void 0,
+				onClick(event) {
+					if (off) {
+						event.preventDefault();
+						return;
+					}
+					setPage(page);
+				}
+			};
+		}
+		const api = {
+			state,
+			items,
+			navProps,
+			prevProps,
+			nextProps,
+			ellipsisProps,
+			getItemProps,
+			itemTag,
+			prevTag,
+			nextTag,
+			setPage,
+			setPerPage
+		};
+		providePaginationContext(api);
+		__expose(api);
+		const attrs = useAttrs();
+		const merged = computed(() => mergeProps$1(navProps.value, attrs));
+		const slotProps = computed(() => ({
+			...state.value,
+			items: items.value,
+			setPerPage
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, merged.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PaginationRoot_vue_vue_type_script_setup_true_lang_default as default, paginationItems, providePaginationContext, usePaginationContext };

package/dist/components/popover/PopoverArrow.js

@@ -0,0 +1,5 @@
+import PopoverArrow_vue_vue_type_script_setup_true_lang_default from "./PopoverArrow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/popover/PopoverArrow.vue
+var PopoverArrow_default = PopoverArrow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PopoverArrow_default as default };

package/dist/components/popover/PopoverArrow.vue.d.ts

@@ -0,0 +1,23 @@
+import { type PopoverState } from './use-popover';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The popover's state.
+     * @slotOnly The element carries only `data-part="arrow"` and `data-side`.
+     */
+    default(props: PopoverState): unknown;
+};
+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/popover/PopoverArrow.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 { usePopoverContext } from "./use-popover.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/popover/PopoverArrow.vue?vue&type=script&setup=true&lang.ts
+var PopoverArrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PopoverArrow",
+	inheritAttrs: false,
+	__name: "PopoverArrow",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { arrowProps, state } = usePopoverContext();
+		const merged = usePartProps(arrowProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state))))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PopoverArrow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/popover/PopoverClose.js

@@ -0,0 +1,5 @@
+import PopoverClose_vue_vue_type_script_setup_true_lang_default from "./PopoverClose.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/popover/PopoverClose.vue
+var PopoverClose_default = PopoverClose_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PopoverClose_default as default };

package/dist/components/popover/PopoverClose.vue.d.ts

@@ -0,0 +1,23 @@
+import { type PopoverState } from './use-popover';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The popover's state.
+     * @slotOnly
+     */
+    default(props: PopoverState): unknown;
+};
+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/popover/PopoverClose.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 { usePopoverContext } from "./use-popover.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/popover/PopoverClose.vue?vue&type=script&setup=true&lang.ts
+var PopoverClose_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PopoverClose",
+	inheritAttrs: false,
+	__name: "PopoverClose",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { closeProps, state } = usePopoverContext();
+		const merged = usePartProps(closeProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state))))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PopoverClose_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/popover/PopoverDescription.js

@@ -0,0 +1,5 @@
+import PopoverDescription_vue_vue_type_script_setup_true_lang_default from "./PopoverDescription.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/popover/PopoverDescription.vue
+var PopoverDescription_default = PopoverDescription_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PopoverDescription_default as default };

package/dist/components/popover/PopoverDescription.vue.d.ts

@@ -0,0 +1,23 @@
+import { type PopoverState } from './use-popover';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The popover's state.
+     * @slotOnly The element carries only `data-part="description"` and the id the popup is described by.
+     */
+    default(props: PopoverState): unknown;
+};
+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;
+    };
+};