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

package/dist/components/menu/MenuTrigger.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 { useMenuContext } from "../../shared/use-menu.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/menu/MenuTrigger.vue?vue&type=script&setup=true&lang.ts
+var MenuTrigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuTrigger",
+	inheritAttrs: false,
+	__name: "MenuTrigger",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { triggerProps, state } = useMenuContext();
+		const merged = usePartProps(triggerProps);
+		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 { MenuTrigger_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenubarLink.js

@@ -0,0 +1,5 @@
+import MenubarLink_vue_vue_type_script_setup_true_lang_default from "./MenubarLink.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenubarLink.vue
+var MenubarLink_default = MenubarLink_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenubarLink_default as default };

package/dist/components/menu/MenubarLink.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Can't be followed; arrow keys still reach it. */
+    disabled?: boolean;
+    /** Element or component to render: `a` with an `href`, or `RouterLink` / `NuxtLink` with a `to`. */
+    as?: string | object;
+};
+declare var __VLS_8: {};
+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;
+    disabled: 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/menu/MenubarLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { useMenubarContext } from "../../shared/use-menubar.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useAttrs, withCtx } from "vue";
+//#region src/components/menu/MenubarLink.vue?vue&type=script&setup=true&lang.ts
+var MenubarLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenubarLink",
+	inheritAttrs: false,
+	__name: "MenubarLink",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "a" }
+	},
+	setup(__props) {
+		const props = __props;
+		const menubar = useMenubarContext();
+		if (!menubar && process.env.NODE_ENV !== "production") console.warn("[vunset] `MenubarLink` belongs inside a `MenubarRoot`.");
+		const attrs = useAttrs();
+		const merged = computed(() => mergeProps$1(menubar?.getLinkProps({ disabled: props.disabled }) ?? {}, attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, merged.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MenubarLink_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenubarRoot.js

@@ -0,0 +1,5 @@
+import MenubarRoot_vue_vue_type_script_setup_true_lang_default from "./MenubarRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenubarRoot.vue
+var MenubarRoot_default = MenubarRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenubarRoot_default as default };

package/dist/components/menu/MenubarRoot.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** Disables every menu in the bar. */
+    disabled?: boolean;
+    /** Whether Left and Right wrap past the first and last menu. */
+    loop?: boolean;
+    /** Open the bar on hover, without a first click. Applies to every menu in it. */
+    openOnHover?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {};
+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;
+    disabled: boolean;
+    loop: boolean;
+    openOnHover: 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/menu/MenubarRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useMenubar } from "../../shared/use-menubar.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
+//#region src/components/menu/MenubarRoot.vue?vue&type=script&setup=true&lang.ts
+var MenubarRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenubarRoot",
+	inheritAttrs: false,
+	__name: "MenubarRoot",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		openOnHover: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { rootProps } = useMenubar({
+			disabled: toRef(() => props.disabled),
+			loop: toRef(() => props.loop),
+			openOnHover: toRef(() => props.openOnHover)
+		});
+		const merged = usePartProps(rootProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MenubarRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/meter/MeterIndicator.js

@@ -0,0 +1,5 @@
+import MeterIndicator_vue_vue_type_script_setup_true_lang_default from "./MeterIndicator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/meter/MeterIndicator.vue
+var MeterIndicator_default = MeterIndicator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MeterIndicator_default as default };

package/dist/components/meter/MeterIndicator.vue.d.ts

@@ -0,0 +1,22 @@
+import { type GaugeState } from '../../shared/use-gauge';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * @slotOnly The element carries only `data-status`; it draws from the root's CSS variables.
+     */
+    default(props: GaugeState): 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/meter/MeterIndicator.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 { useGaugeContext } from "../../shared/use-gauge.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/meter/MeterIndicator.vue?vue&type=script&setup=true&lang.ts
+var MeterIndicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MeterIndicator",
+	inheritAttrs: false,
+	__name: "MeterIndicator",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { indicatorProps, state } = useGaugeContext();
+		const merged = usePartProps(indicatorProps);
+		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 { MeterIndicator_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/meter/MeterLabel.js

@@ -0,0 +1,5 @@
+import MeterLabel_vue_vue_type_script_setup_true_lang_default from "./MeterLabel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/meter/MeterLabel.vue
+var MeterLabel_default = MeterLabel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MeterLabel_default as default };

package/dist/components/meter/MeterLabel.vue.d.ts

@@ -0,0 +1,22 @@
+import { type GaugeState } from '../../shared/use-gauge';
+type __VLS_Props = {
+    /** The id the meter is labeled by. Generated when not given. */
+    id?: string;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /** @slotOnly The element carries only the id the meter is labeled by. */
+    default(props: GaugeState): 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/meter/MeterLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { useGaugeContext } from "../../shared/use-gauge.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onBeforeUnmount, openBlock, renderSlot, unref, useAttrs, useId, withCtx } from "vue";
+//#region src/components/meter/MeterLabel.vue?vue&type=script&setup=true&lang.ts
+var MeterLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MeterLabel",
+	inheritAttrs: false,
+	__name: "MeterLabel",
+	props: {
+		id: {},
+		as: { default: "span" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { registerLabel, state } = useGaugeContext();
+		const generatedId = useId();
+		const id = props.id ?? generatedId;
+		onBeforeUnmount(registerLabel(id));
+		const attrs = useAttrs();
+		const merged = computed(() => mergeProps$1({
+			"data-part": "label",
+			id
+		}, attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, merged.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state))))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MeterLabel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/meter/MeterRoot.js

@@ -0,0 +1,5 @@
+import MeterRoot_vue_vue_type_script_setup_true_lang_default from "./MeterRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/meter/MeterRoot.vue
+var MeterRoot_default = MeterRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MeterRoot_default as default };

package/dist/components/meter/MeterRoot.vue.d.ts

@@ -0,0 +1,33 @@
+import { type GaugeState } from '../../shared/use-gauge';
+type __VLS_Props = {
+    /** The reading. */
+    value: number;
+    /** The lower end of the range. */
+    min?: number;
+    /** The upper end of the range. */
+    max?: number;
+    /** How the value is shown and read out, as `Intl.NumberFormat` options. The bare number otherwise. */
+    format?: Intl.NumberFormatOptions;
+    /** The locale `format` uses. The runtime's own by default. */
+    locale?: Intl.LocalesArgument;
+    /** The text read out for the value, from the formatted value and the raw one: "3 of 7 steps" rather than "3". */
+    getValueText?: (formattedValue: string, value: number | null) => string;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: GaugeState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, import("../../shared/use-gauge").UseGaugeReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+    min: number;
+    max: number;
+}, {}, {}, {}, 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/meter/MeterRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { provideGaugeContext, useGauge } from "../../shared/use-gauge.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, useAttrs, withCtx } from "vue";
+//#region src/components/meter/MeterRoot.vue?vue&type=script&setup=true&lang.ts
+var MeterRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MeterRoot",
+	inheritAttrs: false,
+	__name: "MeterRoot",
+	props: {
+		value: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		format: {},
+		locale: {},
+		getValueText: {},
+		as: { default: "div" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const api = useGauge({
+			role: "meter",
+			value: () => props.value,
+			min: () => props.min,
+			max: () => props.max,
+			format: () => props.format,
+			locale: () => props.locale,
+			getValueText: props.getValueText
+		});
+		provideGaugeContext(api);
+		__expose(api);
+		const attrs = useAttrs();
+		const rootProps = computed(() => mergeProps$1(api.rootProps.value, attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, rootProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MeterRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/meter/MeterTrack.js

@@ -0,0 +1,5 @@
+import MeterTrack_vue_vue_type_script_setup_true_lang_default from "./MeterTrack.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/meter/MeterTrack.vue
+var MeterTrack_default = MeterTrack_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MeterTrack_default as default };

package/dist/components/meter/MeterTrack.vue.d.ts

@@ -0,0 +1,22 @@
+import { type GaugeState } from '../../shared/use-gauge';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * @slotOnly The element carries only `data-status`.
+     */
+    default(props: GaugeState): 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/meter/MeterTrack.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 { useGaugeContext } from "../../shared/use-gauge.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/meter/MeterTrack.vue?vue&type=script&setup=true&lang.ts
+var MeterTrack_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MeterTrack",
+	inheritAttrs: false,
+	__name: "MeterTrack",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { trackProps, state } = useGaugeContext();
+		const merged = usePartProps(trackProps);
+		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 { MeterTrack_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/meter/MeterValue.js

@@ -0,0 +1,5 @@
+import MeterValue_vue_vue_type_script_setup_true_lang_default from "./MeterValue.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/meter/MeterValue.vue
+var MeterValue_default = MeterValue_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MeterValue_default as default };

package/dist/components/meter/MeterValue.vue.d.ts

@@ -0,0 +1,23 @@
+import { type GaugeState } from '../../shared/use-gauge';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * Shows the formatted value when left empty.
+     * @slotOnly The element carries no state, and is hidden from assistive technology: the root reads the value out.
+     */
+    default(props: GaugeState): 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/meter/MeterValue.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 { useGaugeContext } from "../../shared/use-gauge.js";
+import { createBlock, createTextVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/meter/MeterValue.vue?vue&type=script&setup=true&lang.ts
+var MeterValue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MeterValue",
+	inheritAttrs: false,
+	__name: "MeterValue",
+	props: { as: { default: "span" } },
+	setup(__props) {
+		const props = __props;
+		const { valueProps, state } = useGaugeContext();
+		const merged = usePartProps(valueProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state))), () => [createTextVNode(toDisplayString(unref(state).formattedValue), 1)])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MeterValue_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/pagination/PaginationEllipsis.js

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

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

@@ -0,0 +1,23 @@
+import { type PaginationState } from './PaginationRoot.vue';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The pagination's state. Its default content is `…`.
+     * @slotOnly
+     */
+    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<{}>, {
+    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/pagination/PaginationEllipsis.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, createTextVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/pagination/PaginationEllipsis.vue?vue&type=script&setup=true&lang.ts
+var PaginationEllipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PaginationEllipsis",
+	inheritAttrs: false,
+	__name: "PaginationEllipsis",
+	props: { as: { default: "span" } },
+	setup(__props) {
+		const props = __props;
+		const pagination = usePaginationContext();
+		const merged = usePartProps(pagination.ellipsisProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(pagination).state.value)), () => [_cache[0] || (_cache[0] = createTextVNode("…", -1))])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PaginationEllipsis_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/pagination/PaginationItem.js

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

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

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    /** The page it goes to, from `items` in the root's slot. */
+    value: number;
+    /** Element or component to render. A `button`, or a link when the root has `to`. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: {
+        /**
+         * The current page.
+         * @attribute none
+         */
+        page: number;
+        /**
+         * How many pages there are.
+         * @attribute none
+         */
+        totalPages: number;
+        /** Whether it ignores interaction. */
+        disabled: boolean;
+        /**
+         * Whether the current page is the first.
+         * @attribute none
+         */
+        first: boolean;
+        /**
+         * Whether the current page is the last.
+         * @attribute none
+         */
+        last: boolean;
+        /**
+         * The page it goes to.
+         * @attribute `data-page="…"`
+         */
+        value: number;
+        /** Whether it is the current page. */
+        selected: boolean;
+    }): 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/PaginationItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+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 { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/pagination/PaginationItem.vue?vue&type=script&setup=true&lang.ts
+var PaginationItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "PaginationItem",
+	inheritAttrs: false,
+	__name: "PaginationItem",
+	props: {
+		value: {},
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const pagination = usePaginationContext();
+		const merged = usePartProps(() => pagination.getItemProps(props.value));
+		const state = computed(() => ({
+			...pagination.state.value,
+			value: props.value,
+			selected: props.value === pagination.state.value.page
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as ?? unref(pagination).itemTag.value }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(state.value)), () => [createTextVNode(toDisplayString(props.value), 1)])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { PaginationItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/pagination/PaginationNext.js

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