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

package/dist/components/textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,102 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { applyModelModifiers } from "../../shared/model-modifiers.js";
+import { provideInputContext, useInput } from "../../shared/use-input.js";
+import { createBlock, defineComponent, mergeProps, onBeforeUnmount, openBlock, toRef, unref, watch } from "vue";
+//#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
+var Textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "Textarea",
+	inheritAttrs: false,
+	__name: "Textarea",
+	props: {
+		modelValue: { default: void 0 },
+		modelModifiers: {},
+		defaultValue: { default: void 0 },
+		disabled: { type: Boolean },
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		invalid: { type: Boolean },
+		id: {},
+		name: {},
+		minLength: {},
+		maxLength: {},
+		filter: {},
+		transform: {},
+		autosize: {
+			type: Boolean,
+			default: false
+		},
+		maxRows: {},
+		as: { default: "textarea" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const api = useInput({
+			value: toRef(() => props.modelValue),
+			defaultValue: toRef(() => props.defaultValue),
+			disabled: toRef(() => props.disabled ?? false),
+			readOnly: toRef(() => props.readOnly ?? false),
+			required: toRef(() => props.required ?? false),
+			invalid: toRef(() => props.invalid ?? false),
+			id: toRef(() => props.id),
+			name: toRef(() => props.name),
+			minLength: toRef(() => props.minLength),
+			maxLength: toRef(() => props.maxLength),
+			filter: toRef(() => props.filter),
+			transform: toRef(() => props.transform),
+			onChange: (value) => emit("update:modelValue", applyModelModifiers(value, props.modelModifiers))
+		});
+		provideInputContext(api);
+		__expose(api);
+		const merged = usePartProps(() => ({
+			...api.controlProps.value,
+			"data-part": "textarea",
+			"data-autosize": props.autosize || void 0
+		}));
+		const px = (value) => parseFloat(value) || 0;
+		function resize() {
+			const el = api.controlRef.value;
+			if (!el) return;
+			if (!props.autosize) {
+				el.style.removeProperty("height");
+				el.style.removeProperty("overflow-y");
+				return;
+			}
+			const style = getComputedStyle(el);
+			const padding = px(style.paddingTop) + px(style.paddingBottom);
+			const border = px(style.borderTopWidth) + px(style.borderBottomWidth);
+			const outer = style.boxSizing === "border-box" ? border : -padding;
+			const line = px(style.lineHeight) || px(style.fontSize) * 1.2;
+			el.style.height = "auto";
+			const content = el.scrollHeight + outer;
+			const max = props.maxRows ? props.maxRows * line + padding + outer : Infinity;
+			el.style.height = `${Math.min(content, max)}px`;
+			el.style.overflowY = content > max ? "auto" : "hidden";
+		}
+		watch([
+			api.value,
+			() => props.autosize,
+			() => props.maxRows,
+			api.controlRef
+		], resize, { flush: "post" });
+		let width = 0;
+		const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver((entries) => {
+			const next = entries[0]?.contentRect.width ?? 0;
+			if (next === width) return;
+			width = next;
+			resize();
+		});
+		watch(api.controlRef, (el, previous) => {
+			if (previous) observer?.unobserve(previous);
+			if (el) observer?.observe(el);
+		});
+		onBeforeUnmount(() => observer?.disconnect());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), null, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { Textarea_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/timepicker/TimepickerClear.js

@@ -0,0 +1,5 @@
+import TimepickerClear_vue_vue_type_script_setup_true_lang_default from "./TimepickerClear.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/timepicker/TimepickerClear.vue
+var TimepickerClear_default = TimepickerClear_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimepickerClear_default as default };

package/dist/components/timepicker/TimepickerClear.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    value: string | null;
+    empty: boolean;
+    open: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    invalid: boolean;
+};
+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/timepicker/TimepickerClear.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useTimepickerContext } from "./use-timepicker.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/timepicker/TimepickerClear.vue?vue&type=script&setup=true&lang.ts
+var TimepickerClear_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TimepickerClear",
+	inheritAttrs: false,
+	__name: "TimepickerClear",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { clearProps, state } = useTimepickerContext();
+		const merged = usePartProps(clearProps);
+		const shown = computed(() => !state.value.empty && !state.value.disabled && !state.value.readOnly);
+		return (_ctx, _cache) => {
+			return shown.value ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 0,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state))), () => [_cache[0] || (_cache[0] = createTextVNode("×", -1))])]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TimepickerClear_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/timepicker/TimepickerColumn.js

@@ -0,0 +1,5 @@
+import TimepickerColumn_vue_vue_type_script_setup_true_lang_default from "./TimepickerColumn.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/timepicker/TimepickerColumn.vue
+var TimepickerColumn_default = TimepickerColumn_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimepickerColumn_default as default };

package/dist/components/timepicker/TimepickerColumn.vue.d.ts

@@ -0,0 +1,35 @@
+import { type TimeUnit } from './use-timepicker';
+type __VLS_Props = {
+    /** Which part of the time it lists. */
+    unit: TimeUnit;
+    /** Element or component each option renders. */
+    optionAs?: string | object;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * One option's content.
+     * @slotOnly Each option carries `data-part="option"`, `data-value`, `data-selected` while picked, and `data-disabled` outside `min`/`max`.
+     */
+    option(props: {
+        /** The hour 0–23 even in 12-hour, the minute or second, or `0`/`1` for AM/PM. */
+        value: number;
+        /** As the segment shows it: `07`, `12`, `PM`. */
+        label: string;
+        selected: boolean;
+        disabled: 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<{}>, {
+    as: string | object;
+    optionAs: 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/timepicker/TimepickerColumn.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useTimepickerColumn } from "./use-timepicker.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/timepicker/TimepickerColumn.vue?vue&type=script&setup=true&lang.ts
+var TimepickerColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TimepickerColumn",
+	inheritAttrs: false,
+	__name: "TimepickerColumn",
+	props: {
+		unit: {},
+		optionAs: { default: "div" },
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { shown, columnProps, options } = useTimepickerColumn(() => props.unit);
+		const merged = usePartProps(columnProps);
+		return (_ctx, _cache) => {
+			return unref(shown) ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 0,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
+					return openBlock(), createBlock(unref(Part), mergeProps({
+						key: option.value,
+						as: props.optionAs
+					}, { ref_for: true }, option.props), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "option", {
+							value: option.value,
+							label: option.label,
+							selected: option.selected,
+							disabled: option.disabled
+						}, () => [createTextVNode(toDisplayString(option.label), 1)])]),
+						_: 2
+					}, 1040, ["as"]);
+				}), 128))]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TimepickerColumn_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/timepicker/TimepickerInput.js

@@ -0,0 +1,5 @@
+import TimepickerInput_vue_vue_type_script_setup_true_lang_default from "./TimepickerInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/timepicker/TimepickerInput.vue
+var TimepickerInput_default = TimepickerInput_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimepickerInput_default as default };

package/dist/components/timepicker/TimepickerInput.vue.d.ts

@@ -0,0 +1,20 @@
+import { type TimepickerState } from './use-timepicker';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /** The segments. Left empty, one per unit with `:` between them, and a space before AM/PM. */
+    default(props: TimepickerState): 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/timepicker/TimepickerInput.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 { useTimepickerContext } from "./use-timepicker.js";
+import TimepickerSegment_default from "./TimepickerSegment.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/timepicker/TimepickerInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"data-part": "separator",
+	"aria-hidden": "true"
+};
+var TimepickerInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TimepickerInput",
+	inheritAttrs: false,
+	__name: "TimepickerInput",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { inputProps, state, units } = useTimepickerContext();
+		const merged = usePartProps(inputProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state))), () => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(units), (unit, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: unit }, [index > 0 ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unit === "period" ? "\xA0" : ":"), 1)) : createCommentVNode("", true), createVNode(TimepickerSegment_default, { unit }, null, 8, ["unit"])], 64);
+				}), 128))])]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { TimepickerInput_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/timepicker/TimepickerRoot.js

@@ -0,0 +1,5 @@
+import TimepickerRoot_vue_vue_type_script_setup_true_lang_default from "./TimepickerRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/timepicker/TimepickerRoot.vue
+var TimepickerRoot_default = TimepickerRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimepickerRoot_default as default };

package/dist/components/timepicker/TimepickerRoot.vue.d.ts

@@ -0,0 +1,82 @@
+import { type ModelModifiers } from '../../shared/model-modifiers';
+import { type HourCycle, type TimepickerState } from './use-timepicker';
+import type { Align, Side } from '../../shared/use-positioning';
+type __VLS_Props = {
+    /** The time, bound with `v-model`: `HH:mm`, or `HH:mm:ss` with `seconds`. `null` while empty. */
+    modelValue?: string | null;
+    /** `v-model.optional` writes `undefined` once emptied. */
+    modelModifiers?: ModelModifiers;
+    /** The time at first, when no `v-model` owns it. */
+    defaultValue?: string | null;
+    /** Adds a seconds segment and column, and writes `HH:mm:ss`. */
+    seconds?: boolean;
+    /** The earliest time that can be stepped to or picked, `HH:mm(:ss)`. A typed time before it marks the picker invalid. */
+    min?: string | null;
+    /** The latest time that can be stepped to or picked, `HH:mm(:ss)`. A typed time after it marks the picker invalid. */
+    max?: string | null;
+    /** `12` shows the hour as 12, 01–11 beside an AM/PM segment. The value stays 24-hour. */
+    hourCycle?: HourCycle;
+    /** The AM/PM segment's text; typing either one's first letter sets it. */
+    periodLabels?: readonly [string, string];
+    /** Whether the popup is open, bound with `v-model:open`. */
+    open?: boolean;
+    /** Opens the popup when focus enters the segments, and leaves focus there. `false` leaves opening to `TimepickerTrigger`. */
+    openOnFocus?: boolean;
+    /** Which side of the picker the popup prefers. */
+    side?: Side;
+    /** How the popup lines up along that side. */
+    align?: Align;
+    /** The gap between the picker and the popup, in pixels. */
+    sideOffset?: number;
+    /** Ignores interaction. Inside a `FieldRoot`, follows the field. */
+    disabled?: boolean;
+    /** Shows the time but changes nothing. Inside a `FieldRoot`, follows the field. */
+    readOnly?: boolean;
+    /** A time must be entered. Announced and styled, not enforced. Inside a `FieldRoot`, follows the field. */
+    required?: boolean;
+    /** Marks the value invalid, for styling through `data-invalid`. Inside a `FieldRoot`, follows the field. */
+    invalid?: boolean;
+    /** Submits the time as `HH:mm(:ss)` under this name. Inside a `FieldRoot`, the field's name. */
+    name?: string;
+    /** The id of a `<form>` to submit with, when the picker sits outside it. */
+    form?: string;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: TimepickerState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    value: import("vue").WritableComputedRef<string | null, string | null>;
+    open: import("vue").WritableComputedRef<boolean, boolean>;
+    state: import("vue").ComputedRef<TimepickerState>;
+    clear: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null | undefined) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    required: boolean;
+    invalid: boolean;
+    side: Side;
+    as: string | object;
+    disabled: boolean;
+    open: boolean;
+    align: Align;
+    readOnly: boolean;
+    sideOffset: number;
+    seconds: boolean;
+    hourCycle: HourCycle;
+    periodLabels: readonly [string, string];
+    openOnFocus: 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/timepicker/TimepickerRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,109 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { applyModelModifiers } from "../../shared/model-modifiers.js";
+import { provideTimepickerContext, useTimepicker } from "./use-timepicker.js";
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/timepicker/TimepickerRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"name",
+	"value",
+	"form"
+];
+var TimepickerRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TimepickerRoot",
+	inheritAttrs: false,
+	__name: "TimepickerRoot",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		defaultValue: {},
+		seconds: {
+			type: Boolean,
+			default: false
+		},
+		min: {},
+		max: {},
+		hourCycle: { default: 24 },
+		periodLabels: { default: () => ["AM", "PM"] },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openOnFocus: {
+			type: Boolean,
+			default: true
+		},
+		side: { default: "bottom" },
+		align: { default: "start" },
+		sideOffset: { default: 8 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readOnly: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		name: {},
+		form: {},
+		as: { default: "div" }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const picker = useTimepicker({
+			value: () => props.modelValue,
+			defaultValue: () => props.defaultValue,
+			seconds: () => props.seconds,
+			min: () => props.min,
+			max: () => props.max,
+			hourCycle: () => props.hourCycle,
+			periodLabels: () => props.periodLabels,
+			open: () => props.open,
+			openOnFocus: () => props.openOnFocus,
+			side: () => props.side,
+			align: () => props.align,
+			sideOffset: () => props.sideOffset,
+			disabled: () => props.disabled,
+			readOnly: () => props.readOnly,
+			required: () => props.required,
+			invalid: () => props.invalid,
+			name: () => props.name,
+			form: () => props.form,
+			onChange: (value) => emit("update:modelValue", applyModelModifiers(value, props.modelModifiers)),
+			onOpenChange: (open) => emit("update:open", open)
+		});
+		provideTimepickerContext(picker);
+		__expose({
+			value: picker.value,
+			open: picker.open,
+			state: picker.state,
+			clear: picker.clear
+		});
+		const merged = usePartProps(picker.rootProps);
+		const { state, hiddenValue, name, form } = picker;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(state)))), unref(name)() ? (openBlock(), createElementBlock("input", {
+					key: 0,
+					type: "hidden",
+					name: unref(name)(),
+					value: unref(hiddenValue),
+					form: unref(form)()
+				}, null, 8, _hoisted_1)) : createCommentVNode("", true)]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { TimepickerRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/timepicker/TimepickerSegment.js

@@ -0,0 +1,5 @@
+import TimepickerSegment_vue_vue_type_script_setup_true_lang_default from "./TimepickerSegment.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/timepicker/TimepickerSegment.vue
+var TimepickerSegment_default = TimepickerSegment_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimepickerSegment_default as default };

package/dist/components/timepicker/TimepickerSegment.vue.d.ts

@@ -0,0 +1,33 @@
+import { type TimeUnit } from './use-timepicker';
+type __VLS_Props = {
+    /** Which part of the time it holds. */
+    unit: TimeUnit;
+    /** Shown while it's empty. */
+    placeholder?: string;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * What it shows.
+     * @slotOnly The element carries `data-placeholder` while empty.
+     */
+    default(props: {
+        /** The number, or `null` while empty: the hour 0–23 in either cycle, `0`/`1` for AM/PM. */
+        value: number | null;
+        /** As shown: zero-padded, `12` for a 12-hour midnight, the AM/PM label, or the placeholder. */
+        text: string;
+    }): 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;
+    placeholder: string;
+}, {}, {}, {}, 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/timepicker/TimepickerSegment.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 { useTimepickerContext } from "./use-timepicker.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/timepicker/TimepickerSegment.vue?vue&type=script&setup=true&lang.ts
+var TimepickerSegment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TimepickerSegment",
+	inheritAttrs: false,
+	__name: "TimepickerSegment",
+	props: {
+		unit: {},
+		placeholder: { default: "--" },
+		as: { default: "span" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { getSegmentProps, parts, units, display } = useTimepickerContext();
+		const merged = usePartProps(() => getSegmentProps(props.unit));
+		const shown = computed(() => units.value.includes(props.unit));
+		const value = computed(() => parts[props.unit]);
+		const text = computed(() => value.value === null ? props.placeholder : display(props.unit, value.value));
+		return (_ctx, _cache) => {
+			return shown.value ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 0,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					value: value.value,
+					text: text.value
+				}, () => [createTextVNode(toDisplayString(text.value), 1)])]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TimepickerSegment_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/timepicker/TimepickerTrigger.js

@@ -0,0 +1,5 @@
+import TimepickerTrigger_vue_vue_type_script_setup_true_lang_default from "./TimepickerTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/timepicker/TimepickerTrigger.vue
+var TimepickerTrigger_default = TimepickerTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TimepickerTrigger_default as default };

package/dist/components/timepicker/TimepickerTrigger.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    value: string | null;
+    empty: boolean;
+    open: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    invalid: boolean;
+};
+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/timepicker/TimepickerTrigger.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 { useTimepickerContext } from "./use-timepicker.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/timepicker/TimepickerTrigger.vue?vue&type=script&setup=true&lang.ts
+var TimepickerTrigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "TimepickerTrigger",
+	inheritAttrs: false,
+	__name: "TimepickerTrigger",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { triggerProps, state } = useTimepickerContext();
+		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 { TimepickerTrigger_vue_vue_type_script_setup_true_lang_default as default };