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

package/dist/components/deferred/Deferred.vue.d.ts

@@ -0,0 +1,23 @@
+export interface DeferredState {
+    /** It was mounted by a press, not a pointer arriving: what it holds should open at once. */
+    pressed: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Mounts the content now, without waiting. Once mounted it stays. */
+    eager?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Mounts the content now, without waiting. Once mounted it stays. */
+    eager?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Mounted when a pointer enters the placeholder or it is pressed, in its place. */
+    default(props: DeferredState): unknown;
+    /** One element or component standing in until then. It takes the listeners; it renders no wrapper. */
+    placeholder?(): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/deferred/Deferred.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { Part } from "../../shared/part.js";
+import { onRecycle } from "../../shared/recycle.js";
+import { createBlock, defineComponent, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+//#region src/components/deferred/Deferred.vue?vue&type=script&setup=true&lang.ts
+var Deferred_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "Deferred",
+	__name: "Deferred",
+	props: { eager: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const ready = ref(props.eager);
+		const pressed = ref(false);
+		watch(() => props.eager, (eager) => {
+			if (eager) ready.value = true;
+		});
+		onRecycle(() => {
+			ready.value = props.eager;
+			pressed.value = false;
+		});
+		function onPointerenter() {
+			ready.value = true;
+		}
+		function onClick() {
+			pressed.value = true;
+			ready.value = true;
+		}
+		return (_ctx, _cache) => {
+			return ready.value ? renderSlot(_ctx.$slots, "default", { pressed: pressed.value }, void 0, void 0, 0) : (openBlock(), createBlock(unref(Part), {
+				key: 1,
+				as: "child",
+				"data-part": "deferred",
+				onPointerenter,
+				onClick
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "placeholder")]),
+				_: 3
+			}));
+		};
+	}
+});
+//#endregion
+export { Deferred_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/DialogBackdrop.js

@@ -0,0 +1,5 @@
+import DialogBackdrop_vue_vue_type_script_setup_true_lang_default from "./DialogBackdrop.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/DialogBackdrop.vue
+var DialogBackdrop_default = DialogBackdrop_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DialogBackdrop_default as default };

package/dist/components/dialog/DialogBackdrop.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    open: boolean;
+    modal: boolean;
+    transitionStatus: import("../..").TransitionStatus;
+    nested: boolean;
+    level: number;
+};
+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/dialog/DialogBackdrop.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 { useDialogContext } from "../../shared/use-dialog.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dialog/DialogBackdrop.vue?vue&type=script&setup=true&lang.ts
+var DialogBackdrop_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DialogBackdrop",
+	inheritAttrs: false,
+	__name: "DialogBackdrop",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { backdropProps, state } = useDialogContext();
+		const merged = usePartProps(backdropProps);
+		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 { DialogBackdrop_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/DialogClose.js

@@ -0,0 +1,5 @@
+import DialogClose_vue_vue_type_script_setup_true_lang_default from "./DialogClose.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/DialogClose.vue
+var DialogClose_default = DialogClose_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DialogClose_default as default };

package/dist/components/dialog/DialogClose.vue.d.ts

@@ -0,0 +1,26 @@
+import { type DialogState } from '../../shared/use-dialog';
+type __VLS_Props = {
+    /** Also close every dialog or drawer this one was opened from. */
+    closeAll?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    /**
+     * The dialog's state.
+     * @slotOnly
+     */
+    default(props: DialogState): 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;
+    closeAll: 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/dialog/DialogClose.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useDialogContext } from "../../shared/use-dialog.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dialog/DialogClose.vue?vue&type=script&setup=true&lang.ts
+var DialogClose_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DialogClose",
+	inheritAttrs: false,
+	__name: "DialogClose",
+	props: {
+		closeAll: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { closeProps, state, closeAll } = useDialogContext();
+		const merged = usePartProps(() => props.closeAll ? {
+			type: "button",
+			onClick: () => closeAll()
+		} : closeProps.value);
+		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 { DialogClose_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/DialogDescription.js

@@ -0,0 +1,5 @@
+import DialogDescription_vue_vue_type_script_setup_true_lang_default from "./DialogDescription.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/DialogDescription.vue
+var DialogDescription_default = DialogDescription_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DialogDescription_default as default };

package/dist/components/dialog/DialogDescription.vue.d.ts

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

@@ -0,0 +1,29 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useRegisteredId } from "../../shared/labeling.js";
+import { useDialogContext } from "../../shared/use-dialog.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dialog/DialogDescription.vue?vue&type=script&setup=true&lang.ts
+var DialogDescription_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DialogDescription",
+	inheritAttrs: false,
+	__name: "DialogDescription",
+	props: { as: { default: "p" } },
+	setup(__props) {
+		const props = __props;
+		const { state, registerDescription } = useDialogContext();
+		const id = useRegisteredId(registerDescription);
+		const merged = usePartProps(() => ({
+			"data-part": "description",
+			id: id.value
+		}));
+		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 { DialogDescription_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/DialogRoot.js

@@ -0,0 +1,5 @@
+import DialogRoot_vue_vue_type_script_setup_true_lang_default from "./DialogRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/DialogRoot.vue
+var DialogRoot_default = DialogRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DialogRoot_default as default };

package/dist/components/dialog/DialogRoot.vue.d.ts

@@ -0,0 +1,46 @@
+import { type DialogRole, type DialogState } from '../../shared/use-dialog';
+type __VLS_Props = {
+    /** Whether it is open, bound with `v-model:open`. */
+    open?: boolean;
+    /** Opens at first, when no `v-model:open` owns it. @default false */
+    defaultOpen?: boolean;
+    /** Trap focus, lock scrolling and hide the page behind from assistive tech. @default true */
+    modal?: boolean;
+    /** Closes on Escape. @default true */
+    escapeKey?: boolean;
+    /** Closes on a press outside the popup, such as on the backdrop. @default false */
+    outsidePress?: boolean;
+    /** `'alertdialog'` is for a question that must be answered; it is always modal and ignores outside presses. @default 'dialog' */
+    role?: DialogRole;
+};
+type __VLS_Slots = {
+    /**
+     * The dialog's state.
+     * @slotOnly The root renders no element of its own: the trigger, the backdrop and the popup carry these as attributes.
+     */
+    default(props: DialogState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, import("../../shared/use-dialog").UseDialogReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (open: boolean) => any;
+    "update:open": (open: boolean) => any;
+    closed: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}>, {
+    role: DialogRole;
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+    escapeKey: boolean;
+    outsidePress: 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/dialog/DialogRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+import { provideDialogContext, useDialog } from "../../shared/use-dialog.js";
+import { defineComponent, guardReactiveProps, normalizeProps, renderSlot, toRef, unref, watch } from "vue";
+//#region src/components/dialog/DialogRoot.vue?vue&type=script&setup=true&lang.ts
+var DialogRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DialogRoot",
+	__name: "DialogRoot",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			default: void 0
+		},
+		escapeKey: {
+			type: Boolean,
+			default: void 0
+		},
+		outsidePress: {
+			type: Boolean,
+			default: void 0
+		},
+		role: { default: void 0 }
+	},
+	emits: [
+		"update:open",
+		"change",
+		"closed"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const api = useDialog({
+			open: toRef(() => props.open),
+			defaultOpen: toRef(() => props.defaultOpen),
+			modal: toRef(() => props.modal),
+			escapeKey: toRef(() => props.escapeKey),
+			outsidePress: toRef(() => props.outsidePress),
+			role: toRef(() => props.role),
+			onChange: (open) => {
+				emit("update:open", open);
+				emit("change", open);
+			}
+		});
+		provideDialogContext(api);
+		watch(api.present, (present) => {
+			if (!present) emit("closed");
+		});
+		__expose(api);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)));
+		};
+	}
+});
+//#endregion
+export { DialogRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/DialogTitle.js

@@ -0,0 +1,5 @@
+import DialogTitle_vue_vue_type_script_setup_true_lang_default from "./DialogTitle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/DialogTitle.vue
+var DialogTitle_default = DialogTitle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DialogTitle_default as default };

package/dist/components/dialog/DialogTitle.vue.d.ts

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

@@ -0,0 +1,29 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useRegisteredId } from "../../shared/labeling.js";
+import { useDialogContext } from "../../shared/use-dialog.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dialog/DialogTitle.vue?vue&type=script&setup=true&lang.ts
+var DialogTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DialogTitle",
+	inheritAttrs: false,
+	__name: "DialogTitle",
+	props: { as: { default: "h2" } },
+	setup(__props) {
+		const props = __props;
+		const { state, registerTitle } = useDialogContext();
+		const id = useRegisteredId(registerTitle);
+		const merged = usePartProps(() => ({
+			"data-part": "title",
+			id: id.value
+		}));
+		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 { DialogTitle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/DialogTrigger.js

@@ -0,0 +1,5 @@
+import DialogTrigger_vue_vue_type_script_setup_true_lang_default from "./DialogTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/DialogTrigger.vue
+var DialogTrigger_default = DialogTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DialogTrigger_default as default };

package/dist/components/dialog/DialogTrigger.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    open: boolean;
+    modal: boolean;
+    transitionStatus: import("../..").TransitionStatus;
+    nested: boolean;
+    level: number;
+};
+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/dialog/DialogTrigger.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 { useDialogContext } from "../../shared/use-dialog.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dialog/DialogTrigger.vue?vue&type=script&setup=true&lang.ts
+var DialogTrigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DialogTrigger",
+	inheritAttrs: false,
+	__name: "DialogTrigger",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const { triggerProps, state } = useDialogContext();
+		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 { DialogTrigger_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/drag/DragHandle.js

@@ -0,0 +1,5 @@
+import DragHandle_vue_vue_type_script_setup_true_lang_default from "./DragHandle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/drag/DragHandle.vue
+var DragHandle_default = DragHandle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DragHandle_default as default };

package/dist/components/drag/DragHandle.vue.d.ts

@@ -0,0 +1,19 @@
+import { type DragItemState } from './DragRoot.vue';
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: DragItemState): 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/drag/DragHandle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useDragContext, useDragItemContext } from "./DragRoot.vue_vue_type_script_setup_true_lang.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/drag/DragHandle.vue?vue&type=script&setup=true&lang.ts
+var DragHandle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DragHandle",
+	inheritAttrs: false,
+	__name: "DragHandle",
+	props: { as: { default: "button" } },
+	setup(__props) {
+		const props = __props;
+		const drag = useDragContext();
+		const item = useDragItemContext();
+		const merged = usePartProps(() => drag.getHandleProps(item.value(), item.disabled()));
+		const state = computed(() => drag.getItemState(item.value(), item.disabled()));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { DragHandle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/drag/DragItem.js

@@ -0,0 +1,5 @@
+import DragItem_vue_vue_type_script_setup_true_lang_default from "./DragItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/drag/DragItem.vue
+var DragItem_default = DragItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DragItem_default as default };

package/dist/components/drag/DragItem.vue.d.ts

@@ -0,0 +1,23 @@
+import { type DragItemState } from './DragRoot.vue';
+type __VLS_Props = {
+    /** The entry of the root's list this item stands for. */
+    value: unknown;
+    /** Whether it can't be picked up. The others can still move past it. */
+    disabled?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: DragItemState): 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/drag/DragItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { Part } from "../../shared/part.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { provideDragItemContext, useDragContext } from "./DragRoot.vue_vue_type_script_setup_true_lang.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/drag/DragItem.vue?vue&type=script&setup=true&lang.ts
+var DragItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DragItem",
+	inheritAttrs: false,
+	__name: "DragItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const props = __props;
+		const drag = useDragContext();
+		provideDragItemContext({
+			value: () => props.value,
+			disabled: () => props.disabled
+		});
+		const merged = usePartProps(() => drag.getItemProps(props.value, props.disabled));
+		const state = computed(() => drag.getItemState(props.value, props.disabled));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(state.value)))]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { DragItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/drag/DragRoot.js

@@ -0,0 +1,5 @@
+import DragRoot_vue_vue_type_script_setup_true_lang_default, { provideDragContext, provideDragItemContext, useDragContext, useDragItemContext } from "./DragRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/drag/DragRoot.vue
+var DragRoot_default = DragRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DragRoot_default as default, provideDragContext, provideDragItemContext, useDragContext, useDragItemContext };