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

package/dist/components/drawer/use-drawer.js

@@ -0,0 +1,170 @@
+import { dataAttrs } from "../../shared/data-attrs.js";
+import { createContext } from "../../shared/context.js";
+import { popupStateAttrs } from "../../shared/popup-state-attrs.js";
+import { provideSurface } from "../../shared/surface.js";
+import { useDialog } from "../../shared/use-dialog.js";
+import { createVelocity, dismissesOnRelease, resist } from "../../shared/swipe-dismiss.js";
+import { computed, ref, toValue } from "vue";
+//#region src/components/drawer/use-drawer.ts
+/** How far a press on the drawer moves along its axis before it is a drag rather than a tap. */
+var DRAG_SLOP = 4;
+/** Where a press means editing, not dragging. */
+var EDITABLE = "input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])";
+var AXIS = {
+	bottom: {
+		axis: "y",
+		sign: 1
+	},
+	top: {
+		axis: "y",
+		sign: -1
+	},
+	right: {
+		axis: "x",
+		sign: 1
+	},
+	left: {
+		axis: "x",
+		sign: -1
+	}
+};
+function useDrawer(options = {}) {
+	const dialog = useDialog(options);
+	const side = () => toValue(options.side) ?? "bottom";
+	const swipe = () => toValue(options.swipeable) ?? "handle";
+	const swipeable = () => swipe() !== false;
+	const swipeAnywhere = () => swipe() === true;
+	const offset = ref(0);
+	const dragging = ref(false);
+	let pointerId = null;
+	let start = 0;
+	let velocity = createVelocity(0, 0);
+	let owner = null;
+	let pending = false;
+	const state = computed(() => ({
+		...dialog.state.value,
+		side: side(),
+		dragging: dragging.value
+	}));
+	const hooks = computed(() => dataAttrs(state.value, {
+		...popupStateAttrs,
+		modal: () => null,
+		side: (value) => ({ "data-side": value }),
+		dragging: (value) => value ? { "data-dragging": "" } : null
+	}));
+	function coordinate(event) {
+		return AXIS[side()].axis === "y" ? event.clientY : event.clientX;
+	}
+	function extent() {
+		const el = dialog.popupRef.value;
+		if (!el) return 0;
+		return AXIS[side()].axis === "y" ? el.offsetHeight : el.offsetWidth;
+	}
+	function begin(event) {
+		pointerId = event.pointerId;
+		start = coordinate(event);
+		velocity = createVelocity(start, event.timeStamp);
+		owner = event.currentTarget;
+	}
+	function grab(event) {
+		dragging.value = true;
+		event.currentTarget.setPointerCapture?.(event.pointerId);
+	}
+	function release() {
+		dragging.value = false;
+		pending = false;
+		pointerId = null;
+		owner = null;
+	}
+	function onPointerdown(event) {
+		if (!swipeable() || event.button !== 0 || owner) return;
+		begin(event);
+		grab(event);
+	}
+	function onSurfacePointerdown(event) {
+		if (!swipeAnywhere() || event.button !== 0 || owner) return;
+		if (event.target?.closest(EDITABLE)) return;
+		begin(event);
+		pending = true;
+	}
+	function onPointermove(event) {
+		if (event.currentTarget !== owner || event.pointerId !== pointerId) return;
+		if (pending) {
+			if (Math.abs(coordinate(event) - start) < DRAG_SLOP) return;
+			pending = false;
+			grab(event);
+		}
+		if (!dragging.value) return;
+		const position = coordinate(event);
+		const traveled = (position - start) * AXIS[side()].sign;
+		velocity.sample(position, event.timeStamp);
+		offset.value = traveled >= 0 ? traveled : resist(traveled);
+	}
+	function finish(event) {
+		if (event.currentTarget !== owner || event.pointerId !== pointerId) return;
+		if (!dragging.value) {
+			release();
+			return;
+		}
+		release();
+		const shouldDismiss = dismissesOnRelease({
+			traveled: offset.value,
+			velocity: velocity.speed() * AXIS[side()].sign,
+			size: extent(),
+			distanceRatio: toValue(options.dismissThreshold),
+			flickSpeed: toValue(options.velocityThreshold)
+		});
+		offset.value = 0;
+		if (shouldDismiss) dialog.close();
+	}
+	const handleProps = computed(() => swipeable() ? {
+		"data-part": "handle",
+		style: { touchAction: "none" },
+		onPointerdown,
+		onPointermove,
+		onPointerup: finish,
+		onPointercancel: finish
+	} : { "data-part": "handle" });
+	const surfaceProps = computed(() => swipeAnywhere() ? {
+		onPointerdown: onSurfacePointerdown,
+		onPointermove,
+		onPointerup: finish,
+		onPointercancel: finish
+	} : {});
+	const popupProps = computed(() => {
+		const base = dialog.popupProps.value;
+		const { axis, sign } = AXIS[side()];
+		const distance = offset.value * sign;
+		return {
+			...base,
+			...hooks.value,
+			...surfaceProps.value,
+			style: {
+				...base.style,
+				...swipeAnywhere() ? { touchAction: axis === "y" ? "pan-x" : "pan-y" } : null,
+				...offset.value !== 0 ? { transform: axis === "y" ? `translateY(${distance}px)` : `translateX(${distance}px)` } : null,
+				...dragging.value ? { transition: "none" } : null
+			}
+		};
+	});
+	provideSurface({
+		present: dialog.present,
+		state,
+		popupProps
+	});
+	return {
+		...dialog,
+		state,
+		popupProps,
+		backdropProps: computed(() => ({
+			...dialog.backdropProps.value,
+			...hooks.value
+		})),
+		handleProps,
+		offset,
+		dragging
+	};
+}
+var { provideContext: provideDrawerContext, useContext: useDrawerContext } = createContext("Drawer");
+//#endregion
+export { provideDrawerContext, useDrawer, useDrawerContext };

package/dist/components/field/FieldDescription.js

@@ -0,0 +1,5 @@
+import FieldDescription_vue_vue_type_script_setup_true_lang_default from "./FieldDescription.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/field/FieldDescription.vue
+var FieldDescription_default = FieldDescription_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldDescription_default as default };

package/dist/components/field/FieldDescription.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    touched: boolean;
+    dirty: boolean;
+    filled: boolean;
+    focused: 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/field/FieldDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { Part } from "../../shared/part.js";
+import { useFieldMessage } from "../../shared/use-field.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/field/FieldDescription.vue?vue&type=script&setup=true&lang.ts
+var FieldDescription_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "FieldDescription",
+	inheritAttrs: false,
+	__name: "FieldDescription",
+	props: { as: { default: "p" } },
+	setup(__props) {
+		const props = __props;
+		const { messageProps, state } = useFieldMessage();
+		const merged = usePartProps(messageProps);
+		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 { FieldDescription_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/field/FieldError.js

@@ -0,0 +1,5 @@
+import FieldError_vue_vue_type_script_setup_true_lang_default from "./FieldError.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/field/FieldError.vue
+var FieldError_default = FieldError_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldError_default as default };

package/dist/components/field/FieldError.vue.d.ts

@@ -0,0 +1,30 @@
+import { type FieldErrorState } from '../../shared/use-field';
+type __VLS_Props = {
+    /** Shows or hides the message, overriding the field's `invalid`. */
+    match?: boolean;
+    /** Shows this name's `useValidate()` error instead; works outside a `FieldRoot` too. */
+    name?: string;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: FieldErrorState & {
+        /**
+         * The validation message, kept through the exit animation.
+         * @attribute none
+         */
+        message: string | undefined;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    match: boolean;
+    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/field/FieldError.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { Part } from "../../shared/part.js";
+import { useFieldError } from "../../shared/use-field.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, toRef, unref, withCtx } from "vue";
+//#region src/components/field/FieldError.vue?vue&type=script&setup=true&lang.ts
+var FieldError_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "FieldError",
+	inheritAttrs: false,
+	__name: "FieldError",
+	props: {
+		match: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {},
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { mounted, errorProps, state, message } = useFieldError({
+			match: toRef(() => props.match),
+			name: toRef(() => props.name)
+		});
+		const merged = usePartProps(errorProps);
+		return (_ctx, _cache) => {
+			return unref(mounted) ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 0,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps(unref(state), { message: unref(message) }), () => [createTextVNode(toDisplayString(unref(message)), 1)])]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { FieldError_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/field/FieldGroup.js

@@ -0,0 +1,5 @@
+import FieldGroup_vue_vue_type_script_setup_true_lang_default from "./FieldGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/field/FieldGroup.vue
+var FieldGroup_default = FieldGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldGroup_default as default };

package/dist/components/field/FieldGroup.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    touched: boolean;
+    dirty: boolean;
+    filled: boolean;
+    focused: 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/field/FieldGroup.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/field/FieldLabel.js

@@ -0,0 +1,5 @@
+import FieldLabel_vue_vue_type_script_setup_true_lang_default from "./FieldLabel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/field/FieldLabel.vue
+var FieldLabel_default = FieldLabel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldLabel_default as default };

package/dist/components/field/FieldLabel.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    touched: boolean;
+    dirty: boolean;
+    filled: boolean;
+    focused: 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/field/FieldLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { Part } from "../../shared/part.js";
+import { useFieldContext } from "../../shared/use-field.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onBeforeUnmount, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/field/FieldLabel.vue?vue&type=script&setup=true&lang.ts
+var FieldLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "FieldLabel",
+	inheritAttrs: false,
+	__name: "FieldLabel",
+	props: { as: { default: "label" } },
+	setup(__props) {
+		const props = __props;
+		const { labelProps, state, registerLabel } = useFieldContext();
+		onBeforeUnmount(registerLabel());
+		const merged = usePartProps(() => {
+			if (!props.as || props.as === "label") return labelProps.value;
+			const { for: _for, ...rest } = labelProps.value;
+			return rest;
+		});
+		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 { FieldLabel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/field/FieldRoot.js

@@ -0,0 +1,5 @@
+import FieldRoot_vue_vue_type_script_setup_true_lang_default from "./FieldRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/field/FieldRoot.vue
+var FieldRoot_default = FieldRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldRoot_default as default };

package/dist/components/field/FieldRoot.vue.d.ts

@@ -0,0 +1,47 @@
+import { type FieldState, type UseFieldReturn } from '../../shared/use-field';
+type __VLS_Props = {
+    /** Disables the control inside, and every part follows. */
+    disabled?: boolean;
+    /** Makes the control inside read-only. */
+    readOnly?: boolean;
+    /** Marks the control inside required. */
+    required?: boolean;
+    /** Marks the field invalid, which shows `FieldError` and sets `aria-invalid` on the control. */
+    invalid?: boolean;
+    /** Overrides whether the control has been focused and left. Tracked for you otherwise. */
+    touched?: boolean;
+    /** Overrides whether the value has changed. Tracked for you otherwise. */
+    dirty?: boolean;
+    /** The control's id, which the label points at. Generated when not given. */
+    id?: string;
+    /** Names the control inside for its form, and picks this field's message from `useValidate()` errors. */
+    name?: string;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: FieldState): unknown;
+    /**
+     * Renders no element of its own: lay the field out yourself and bind its API,
+     * for a control the library doesn't wire.
+     * @internal
+     */
+    custom(props: UseFieldReturn): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, UseFieldReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    required: boolean;
+    invalid: boolean;
+    as: string | object;
+    disabled: boolean;
+    readOnly: boolean;
+    touched: boolean;
+    dirty: 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/field/FieldRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { provideFieldContext, useField } from "../../shared/use-field.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toRef, unref, useAttrs, withCtx } from "vue";
+//#region src/components/field/FieldRoot.vue?vue&type=script&setup=true&lang.ts
+var FieldRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "FieldRoot",
+	inheritAttrs: false,
+	__name: "FieldRoot",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readOnly: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		touched: {
+			type: Boolean,
+			default: void 0
+		},
+		dirty: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		name: {},
+		as: { default: "div" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const api = useField({
+			disabled: toRef(() => props.disabled),
+			readOnly: toRef(() => props.readOnly),
+			required: toRef(() => props.required),
+			invalid: toRef(() => props.invalid),
+			touched: toRef(() => props.touched),
+			dirty: toRef(() => props.dirty),
+			id: toRef(() => props.id),
+			name: toRef(() => props.name)
+		});
+		provideFieldContext(api);
+		__expose(api);
+		const attrs = useAttrs();
+		const rootProps = computed(() => mergeProps$1(api.rootProps.value, attrs));
+		return (_ctx, _cache) => {
+			return _ctx.$slots.custom ? renderSlot(_ctx.$slots, "custom", normalizeProps(guardReactiveProps(unref(api))), void 0, void 0, 0) : (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 1,
+				as: props.as
+			}, rootProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)))]),
+				_: 3
+			}, 16, ["as"]));
+		};
+	}
+});
+//#endregion
+export { FieldRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/floating/FloatingClose.js

@@ -0,0 +1,5 @@
+import FloatingClose_vue_vue_type_script_setup_true_lang_default from "./FloatingClose.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/floating/FloatingClose.vue
+var FloatingClose_default = FloatingClose_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FloatingClose_default as default };

package/dist/components/floating/FloatingClose.vue.d.ts

@@ -0,0 +1,23 @@
+import { type FloatingState } from './FloatingRoot.vue';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The panel's state.
+     * @slotOnly
+     */
+    default(props: FloatingState): 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/floating/FloatingClose.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 { useFloatingContext } from "./FloatingRoot.vue_vue_type_script_setup_true_lang.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/floating/FloatingClose.vue?vue&type=script&setup=true&lang.ts
+var FloatingClose_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "FloatingClose",
+	inheritAttrs: false,
+	__name: "FloatingClose",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { closeProps, state } = useFloatingContext();
+		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 { FloatingClose_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/floating/FloatingHeader.js

@@ -0,0 +1,5 @@
+import FloatingHeader_vue_vue_type_script_setup_true_lang_default from "./FloatingHeader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/floating/FloatingHeader.vue
+var FloatingHeader_default = FloatingHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FloatingHeader_default as default };

package/dist/components/floating/FloatingHeader.vue.d.ts

@@ -0,0 +1,23 @@
+import { type FloatingState } from './FloatingRoot.vue';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The panel's state.
+     * @slotOnly The element carries only the drag handlers: drag it to move the panel, double-click it to put the panel back.
+     */
+    default(props: FloatingState): 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;
+    };
+};