@vizejs/ui 0.426.3 → 0.428.0

package/dist/{dialog-trigger-ppGKikEP.mjs → dialog-trigger-C4AAQF_T.mjs}

@@ -1,14 +1,14 @@
-import { a as useDeterministicId, i as toDeterministicId, n as deriveDeterministicId } from "./deterministic-id-yMq4HfmS.mjs";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { a as useDeterministicId, i as toDeterministicId, n as deriveDeterministicId } from "./deterministic-id-bMmJU5xD.mjs";
 import { createContext } from "./context.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { useControllableState } from "./controllable-state.mjs";
-import { t as createDismissableLayer } from "./dismissable-layer-CpS07KUV.mjs";
-import { t as createFocusScope } from "./focus-scope-mEg8UoeE.mjs";
-import { t as createFocusGuards } from "./focus-guards-DSxiemx7.mjs";
-import { t as createInertOutside } from "./inert-outside-DOufBTyy.mjs";
-import { t as createScrollLock } from "./scroll-lock-BcmK0baN.mjs";
+import { t as createDismissableLayer } from "./dismissable-layer-B9LIsTUt.mjs";
+import { t as createFocusGuards } from "./focus-guards-VAqAT9Sx.mjs";
+import { t as createFocusScope } from "./focus-scope-C_LNbKmT.mjs";
+import { t as createInertOutside } from "./inert-outside-D6j-kH-9.mjs";
 import { t as portal_default } from "./portal-DeHaLxGL.mjs";
-import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, useTemplateRef, watch, withCtx } from "vue";
+import { t as createScrollLock } from "./scroll-lock-B2hstCJR.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, useTemplateRef, watch, withCtx } from "vue";
 //#region src/families/overlays/dialog/dialog-context.ts
 const dialogContext = createContext("Dialog");
 //#endregion
@@ -44,7 +44,11 @@ var dialog_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			default: true
 		}
 	},
-	emits: ["update:open", "open-change"],
+	emits: [
+		"update:open",
+		"open-change",
+		"exit-complete"
+	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
 		const openState = useControllableState({
@@ -69,6 +73,73 @@ var dialog_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const triggerElement = shallowRef(null);
 		const overlayElement = shallowRef(null);
 		const contentElement = shallowRef(null);
+		const exiting = shallowRef(false);
+		let exitTimeout;
+		let exitVersion = 0;
+		let exitPending = false;
+		function clearExit() {
+			exitVersion += 1;
+			if (exitTimeout !== void 0) clearTimeout(exitTimeout);
+			exitTimeout = void 0;
+			exiting.value = false;
+			exitPending = false;
+		}
+		function finishExit() {
+			if (!exitPending) return;
+			clearExit();
+			emit("exit-complete");
+		}
+		function exitDuration(element) {
+			const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+			if (!style || style.animationName === "none") return 0;
+			const duration = Number.parseFloat(style.animationDuration);
+			const delay = Number.parseFloat(style.animationDelay);
+			const milliseconds = style.animationDuration.trim().endsWith("ms") ? duration : duration * 1e3;
+			const delayMilliseconds = style.animationDelay.trim().endsWith("ms") ? delay : delay * 1e3;
+			return Number.isFinite(milliseconds) ? Math.max(0, milliseconds + (delayMilliseconds || 0)) : 0;
+		}
+		function completeExit(event) {
+			if (!exiting.value || event.target !== event.currentTarget) return;
+			if (event.animationName !== "vize-ui-dialog-sheet-out") return;
+			finishExit();
+		}
+		function readContentElement() {
+			return contentElement.value;
+		}
+		watch(isOpen, (open, previous) => {
+			if (open) {
+				clearExit();
+				return;
+			}
+			if (!previous) return;
+			exitPending = true;
+			const element = readContentElement();
+			const style = element?.ownerDocument.defaultView?.getComputedStyle(element);
+			const reducedMotion = element?.ownerDocument.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+			if (!element || style?.getPropertyValue("--vize-ui-dialog-exit-enabled").trim() !== "1" || reducedMotion) {
+				const version = ++exitVersion;
+				nextTick(() => {
+					if (version === exitVersion) finishExit();
+				});
+				return;
+			}
+			exiting.value = true;
+			const version = ++exitVersion;
+			nextTick(() => {
+				nextTick(() => {
+					if (!exiting.value || version !== exitVersion) return;
+					const duration = exitDuration(element);
+					if (duration === 0) {
+						finishExit();
+						return;
+					}
+					exitTimeout = setTimeout(() => {
+						if (version === exitVersion) finishExit();
+					}, Math.min(duration + 80, 5e3));
+				});
+			});
+		}, { flush: "sync" });
+		onUnmounted(clearExit);
 		function setOpen(value, nativeEvent = null) {
 			const previous = isOpen.value;
 			const changed = openState.set(value);
@@ -84,11 +155,13 @@ var dialog_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			titleId,
 			descriptionId,
 			open: isOpen,
+			exiting,
 			modal: modalState,
 			state,
 			triggerElement,
 			overlayElement,
 			contentElement,
+			completeExit,
 			setOpen,
 			openDialog: (nativeEvent = null) => setOpen(true, nativeEvent),
 			close: (nativeEvent = null) => setOpen(false, nativeEvent),
@@ -191,7 +264,12 @@ var dialog_close_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-911db0ed"]]);
 //#endregion
 //#region src/families/overlays/dialog/dialog-content.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$3 = ["hidden", "data-state"];
+const _hoisted_1$3 = [
+	"hidden",
+	"inert",
+	"aria-hidden",
+	"data-state"
+];
 const _hoisted_2$1 = [
 	"id",
 	"role",
@@ -200,6 +278,7 @@ const _hoisted_2$1 = [
 	"aria-labelledby",
 	"aria-describedby",
 	"data-state",
+	"data-exiting",
 	"data-modal",
 	"data-top-layer"
 ];
@@ -291,10 +370,13 @@ var dialog_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const beforeGuard = useTemplateRef("beforeGuard");
 		const afterGuard = useTemplateRef("afterGuard");
 		const ownerDocument = shallowRef(null);
-		const present = computed(() => context.open.value || __props.forceMount);
+		const present = computed(() => context.open.value || context.exiting.value || __props.forceMount);
 		const guarded = computed(() => context.open.value && context.modal.value && __props.trapFocus);
-		const ariaLabelledbyValue = computed(() => __props.ariaLabel ? void 0 : __props.ariaLabelledby ?? context.titleId.value);
-		const ariaDescribedbyValue = computed(() => __props.ariaDescribedby ?? context.descriptionId.value);
+		const ariaLabelledbyValue = computed(() => {
+			if (__props.ariaLabel || __props.ariaLabelledby === null) return void 0;
+			return __props.ariaLabelledby ?? context.titleId.value;
+		});
+		const ariaDescribedbyValue = computed(() => __props.ariaDescribedby === null ? void 0 : __props.ariaDescribedby ?? context.descriptionId.value);
 		const slotState = computed(() => ({
 			modal: context.modal.value,
 			open: context.open.value,
@@ -400,7 +482,9 @@ var dialog_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				ref: host,
 				"data-vize-ui": "dialog-content-host",
 				part: "content-host",
-				hidden: present.value && unref(context).open.value ? void 0 : true,
+				hidden: unref(context).open.value || unref(context).exiting.value ? void 0 : true,
+				inert: unref(context).open.value ? void 0 : true,
+				"aria-hidden": unref(context).open.value ? void 0 : "true",
 				"data-state": unref(context).state.value
 			}, [
 				guarded.value ? (openBlock(), createElementBlock("span", mergeProps({
@@ -426,8 +510,10 @@ var dialog_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					"data-vize-ui": "dialog-content",
 					part: "content",
 					"data-state": unref(context).state.value,
+					"data-exiting": unref(context).exiting.value ? "true" : void 0,
 					"data-modal": unref(context).modal.value ? "true" : "false",
-					"data-top-layer": unref(dismissableLayer).isTopLayer.value ? "true" : "false"
+					"data-top-layer": unref(dismissableLayer).isTopLayer.value ? "true" : "false",
+					onAnimationend: _cache[0] || (_cache[0] = (...args) => unref(context).completeExit && unref(context).completeExit(...args))
 				}), [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 16, _hoisted_2$1)) : createCommentVNode("v-if", true),
 				guarded.value ? (openBlock(), createElementBlock("span", mergeProps({
 					key: 2,
@@ -479,7 +565,12 @@ var dialog_description_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 //#region src/families/overlays/dialog/dialog-overlay.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$2 = ["data-state"];
-const _hoisted_2 = ["hidden", "data-state"];
+const _hoisted_2 = [
+	"inert",
+	"hidden",
+	"data-state",
+	"data-exiting"
+];
 //#endregion
 //#region src/families/overlays/dialog/dialog-overlay.vue
 var dialog_overlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -492,7 +583,7 @@ var dialog_overlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 	setup(__props, { expose: __expose }) {
 		const context = dialogContext.use();
 		const element = useTemplateRef("element");
-		const present = computed(() => context.open.value || __props.forceMount);
+		const present = computed(() => context.open.value || context.exiting.value || __props.forceMount);
 		const slotState = computed(() => ({
 			modal: context.modal.value,
 			open: context.open.value,
@@ -521,11 +612,14 @@ var dialog_overlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				ref_key: "element",
 				ref: element,
 				"aria-hidden": "true",
+				inert: unref(context).open.value ? void 0 : true,
 				"data-vize-ui": "dialog-overlay",
 				part: "overlay",
-				hidden: unref(context).open.value ? void 0 : true,
-				"data-state": unref(context).state.value
-			}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 8, _hoisted_2)) : createCommentVNode("v-if", true)], 8, _hoisted_1$2);
+				hidden: unref(context).open.value || unref(context).exiting.value ? void 0 : true,
+				"data-state": unref(context).state.value,
+				"data-exiting": unref(context).exiting.value ? "true" : void 0,
+				style: normalizeStyle(unref(context).open.value ? void 0 : { pointerEvents: "none" })
+			}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 12, _hoisted_2)) : createCommentVNode("v-if", true)], 8, _hoisted_1$2);
 		};
 	}
 }), [["__scopeId", "data-v-3a1905dd"]]);
@@ -560,7 +654,7 @@ var dialog_portal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	},
 	setup(__props, { expose: __expose }) {
 		const context = dialogContext.use();
-		const present = computed(() => context.open.value || __props.forceMount);
+		const present = computed(() => context.open.value || context.exiting.value || __props.forceMount);
 		const slotState = computed(() => ({
 			modal: context.modal.value,
 			open: context.open.value,

package/dist/dialog.d.mts

@@ -1,2 +1,2 @@
-import { $o as _default$5, Qo as _default$6, Zo as _default$7, as as DialogAutoFocusEvent, cs as DialogDescriptionExpose, ds as DialogRole, es as _default$4, fs as DialogRootExpose, gs as DialogTriggerExpose, hs as DialogTitleExpose, is as _default, ls as DialogOverlayExpose, ms as DialogState, ns as _default$2, os as DialogCloseExpose, ps as DialogSlotState, rs as _default$1, ss as DialogContentExpose, ts as _default$3, us as DialogPortalExpose } from "./announcer-Dldh-8I4.mjs";
-export { _default as Dialog, _default as DialogRoot, type DialogAutoFocusEvent, _default$1 as DialogClose, type DialogCloseExpose, _default$2 as DialogContent, type DialogContentExpose, _default$3 as DialogDescription, type DialogDescriptionExpose, _default$4 as DialogOverlay, type DialogOverlayExpose, _default$5 as DialogPortal, type DialogPortalExpose, type DialogRole, type DialogRootExpose, type DialogSlotState, type DialogState, _default$6 as DialogTitle, type DialogTitleExpose, _default$7 as DialogTrigger, type DialogTriggerExpose };
+import { _v as DialogRootExpose, av as _default$4, bv as DialogTitleExpose, cv as _default$1, dv as DialogCloseExpose, ev as DialogContextValue, fv as DialogContentExpose, gv as DialogRole, hv as DialogPortalExpose, iv as _default$5, lv as _default, mv as DialogOverlayExpose, nv as _default$7, ov as _default$3, pv as DialogDescriptionExpose, rv as _default$6, sv as _default$2, tv as dialogContext, uv as DialogAutoFocusEvent, vv as DialogSlotState, xv as DialogTriggerExpose, yv as DialogState } from "./announcer-DWnr65Q8.mjs";
+export { _default as Dialog, _default as DialogRoot, type DialogAutoFocusEvent, _default$1 as DialogClose, type DialogCloseExpose, _default$2 as DialogContent, type DialogContentExpose, type DialogContextValue, _default$3 as DialogDescription, type DialogDescriptionExpose, _default$4 as DialogOverlay, type DialogOverlayExpose, _default$5 as DialogPortal, type DialogPortalExpose, type DialogRole, type DialogRootExpose, type DialogSlotState, type DialogState, _default$6 as DialogTitle, type DialogTitleExpose, _default$7 as DialogTrigger, type DialogTriggerExpose, dialogContext };

package/dist/dialog.mjs

@@ -1,2 +1,2 @@
-import { a as dialog_description_default, c as dialog_root_default, i as dialog_overlay_default, n as dialog_title_default, o as dialog_content_default, r as dialog_portal_default, s as dialog_close_default, t as dialog_trigger_default } from "./dialog-trigger-ppGKikEP.mjs";
-export { dialog_root_default as Dialog, dialog_root_default as DialogRoot, dialog_close_default as DialogClose, dialog_content_default as DialogContent, dialog_description_default as DialogDescription, dialog_overlay_default as DialogOverlay, dialog_portal_default as DialogPortal, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger };
+import { a as dialog_description_default, c as dialog_root_default, i as dialog_overlay_default, l as dialogContext, n as dialog_title_default, o as dialog_content_default, r as dialog_portal_default, s as dialog_close_default, t as dialog_trigger_default } from "./dialog-trigger-C4AAQF_T.mjs";
+export { dialog_root_default as Dialog, dialog_root_default as DialogRoot, dialog_close_default as DialogClose, dialog_content_default as DialogContent, dialog_description_default as DialogDescription, dialog_overlay_default as DialogOverlay, dialog_portal_default as DialogPortal, dialog_title_default as DialogTitle, dialog_trigger_default as DialogTrigger, dialogContext };

package/dist/direction-Cf38aD7c.mjs

@@ -0,0 +1,45 @@
+import { r as useResolvedDirection, t as directionContext } from "./direction-runtime-CiKR5uEp.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useTemplateRef, withCtx } from "vue";
+//#endregion
+//#region src/families/i18n/direction/direction-provider.vue
+var direction_provider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "direction-provider",
+	props: {
+		dir: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const resolved = useResolvedDirection(() => __props.dir);
+		const slotState = computed(() => ({ dir: resolved.value }));
+		directionContext.provide(resolved);
+		__expose({
+			dir: resolved,
+			element
+		});
+		return (_ctx, _cache) => {
+			return __props.as !== null ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				key: 0,
+				ref_key: "element",
+				ref: element,
+				dir: unref(resolved),
+				"data-vize-ui": "direction-provider",
+				part: "root"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, ["dir"])) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, slotState.value)), void 0, true);
+		};
+	}
+}), [["__scopeId", "data-v-61f78b69"]]);
+//#endregion
+export { direction_provider_default as t };

package/dist/direction-runtime-CiKR5uEp.mjs

@@ -0,0 +1,25 @@
+import { createContext } from "./context.mjs";
+import { computed, toValue } from "vue";
+//#region src/families/i18n/direction/direction-runtime.ts
+/**
+* Writing-direction context. `DirectionProvider` and `LocaleProvider` publish it;
+* direction-aware families read it through {@link useResolvedDirection}.
+*/
+const directionContext = createContext("Direction");
+/** Normalize an arbitrary `dir` value to a supported direction, or `undefined`. */
+function toDirection(value) {
+	return value === "ltr" || value === "rtl" ? value : void 0;
+}
+/**
+* Resolve a component's writing direction.
+*
+* Precedence: the component's own `dir` prop, then the nearest provided direction,
+* then `"ltr"`. The document's `dir` attribute is intentionally not read, so server
+* and client resolve identically and hydration stays stable.
+*/
+function useResolvedDirection(local) {
+	const provided = directionContext.useOptional();
+	return computed(() => toDirection(toValue(local)) ?? provided?.value ?? "ltr");
+}
+//#endregion
+export { toDirection as n, useResolvedDirection as r, directionContext as t };

package/dist/direction.d.mts

@@ -0,0 +1,2 @@
+import { cS as directionContext, dS as _default, fS as Direction, lS as toDirection, mS as DirectionSlotState, pS as DirectionProviderExpose, uS as useResolvedDirection } from "./announcer-DWnr65Q8.mjs";
+export { type Direction, _default as DirectionProvider, type DirectionProviderExpose, type DirectionSlotState, directionContext, toDirection, useResolvedDirection };

package/dist/direction.mjs

@@ -0,0 +1,3 @@
+import { n as toDirection, r as useResolvedDirection, t as directionContext } from "./direction-runtime-CiKR5uEp.mjs";
+import { t as direction_provider_default } from "./direction-Cf38aD7c.mjs";
+export { direction_provider_default as DirectionProvider, directionContext, toDirection, useResolvedDirection };

package/dist/{dismissable-layer-CpS07KUV.mjs → dismissable-layer-B9LIsTUt.mjs}

@@ -1,4 +1,4 @@
-import { getCurrentInstance, getCurrentScope, onMounted, onScopeDispose, shallowReadonly, shallowRef, toValue, watch } from "vue";
+import { getCurrentScope, hasInjectionContext, onMounted, onScopeDispose, shallowReadonly, shallowRef, toValue, watch } from "vue";
 //#region src/families/overlays/dismissable-layer/dismissable-layer-internal.ts
 const optionDiagnostic = "VIZE_UI_DISMISSABLE_LAYER_OPTION";
 const rootDiagnostic = "VIZE_UI_DISMISSABLE_LAYER_ROOT";
@@ -479,7 +479,7 @@ function createDismissableLayer(options) {
 function useDismissableLayer(options) {
 	if (!getCurrentScope()) throw new Error(`${setupDiagnostic}: use inside component setup or an active effect scope`);
 	const controller = createDismissableLayer(options);
-	if (getCurrentInstance()) onMounted(controller.activate);
+	if (hasInjectionContext()) onMounted(controller.activate);
 	else controller.activate();
 	onScopeDispose(controller.dispose);
 	return controller;

package/dist/dismissable-layer.mjs

@@ -1,2 +1,2 @@
-import { n as useDismissableLayer, t as createDismissableLayer } from "./dismissable-layer-CpS07KUV.mjs";
+import { n as useDismissableLayer, t as createDismissableLayer } from "./dismissable-layer-B9LIsTUt.mjs";
 export { createDismissableLayer, useDismissableLayer };

package/dist/{drag-and-drop-controller-types-DoTSR_aM.d.mts → drag-and-drop-controller-types-oM5xTtD2.d.mts}

@@ -1,114 +1,6 @@
+import { d as DropIndicatorState, f as DropTargetEvent, l as DragStartEvent, m as DropTargetRect, n as DragAnnouncements, o as DragMoveEvent, r as DragEndEvent, s as DragPayload, u as DropEdge } from "./drag-and-drop-types-D8VBO4ku.mjs";
 import { MaybeRefOrGetter, ShallowRef } from "vue";
 
-//#region src/families/interaction/drag-and-drop/drag-and-drop-types.d.ts
-/** Input families that can own a drag session. */
-type DragPointerType = "keyboard" | "mouse" | "pen" | "pointer" | "touch";
-/** Drop position relative to a target, used for indicators and placeholders. */
-type DropEdge = "bottom" | "inside" | "left" | "right" | "top";
-/** Lifecycle phases emitted by a drag-and-drop controller. */
-type DragEventType = "dragend" | "dragmove" | "dragstart";
-/** Target-scoped phases delivered to drop-target callbacks. */
-type DropTargetEventType = "drop" | "dropenter" | "dropleave" | "dropmove";
-/** Serializable, axis-aligned CSS pixel rectangle. */
-interface DropTargetRect {
-  readonly bottom: number;
-  readonly left: number;
-  readonly right: number;
-  readonly top: number;
-}
-/** Typed payload transferred from a drag source to a drop target. */
-interface DragPayload<Data = unknown> {
-  /** Consumer-defined discriminant such as a MIME type or model name. */
-  readonly kind: string;
-  /** Structured payload delivered verbatim to accepting drop targets. */
-  readonly data: Data;
-  /** Optional plain-text projection for clipboard and data-transfer adapters. */
-  readonly plainText?: string;
-}
-/** Immutable snapshot shared by every drag lifecycle phase. */
-interface DragLifecycleEvent<Data = unknown, Type extends DragEventType = DragEventType> {
-  /** Lifecycle phase represented by this immutable snapshot. */
-  readonly type: Type;
-  /** Input family that owns this session. */
-  readonly pointerType: DragPointerType;
-  /** Key of the source that owns this session. */
-  readonly sourceKey: string;
-  /** Payload resolved when the session started, or `null` when none was declared. */
-  readonly payload: DragPayload<Data> | null;
-  /** Key of the drop target currently under the drag, or `null`. */
-  readonly targetKey: string | null;
-  /** Drop edge resolved for the current target, or `null`. */
-  readonly edge: DropEdge | null;
-  /** Client coordinates when supplied by pointing hardware. */
-  readonly x: number | null;
-  readonly y: number | null;
-  /** Native event responsible for this phase, or `null` for manual settlement. */
-  readonly originalEvent: Event | null;
-  /** Whether the session settled without a drop. Always `false` before `dragend`. */
-  readonly isCanceled: boolean;
-}
-/** Snapshot emitted once when a session starts. */
-type DragStartEvent<Data = unknown> = DragLifecycleEvent<Data, "dragstart">;
-/** Snapshot emitted for movement and target changes inside a session. */
-type DragMoveEvent<Data = unknown> = DragLifecycleEvent<Data, "dragmove">;
-/** Snapshot emitted after a session drops or cancels. */
-type DragEndEvent<Data = unknown> = DragLifecycleEvent<Data, "dragend">;
-/** Immutable snapshot delivered to one drop target's callbacks. */
-interface DropTargetEvent<Data = unknown> {
-  /** Target-scoped phase represented by this immutable snapshot. */
-  readonly type: DropTargetEventType;
-  /** Key of the target receiving this phase. */
-  readonly targetKey: string;
-  /** Key of the source that owns the session. */
-  readonly sourceKey: string;
-  /** Input family that owns the session. */
-  readonly pointerType: DragPointerType;
-  /** Payload resolved when the session started, or `null` when none was declared. */
-  readonly payload: DragPayload<Data> | null;
-  /** Drop edge resolved against this target, or `null` after leaving. */
-  readonly edge: DropEdge | null;
-  /** Client coordinates when supplied by pointing hardware. */
-  readonly x: number | null;
-  readonly y: number | null;
-  /** Native event responsible for this phase, or `null` for manual settlement. */
-  readonly originalEvent: Event | null;
-}
-/** Reactive indicator state for the target currently under the drag. */
-interface DropIndicatorState {
-  /** Key of the target the indicator belongs to. */
-  readonly targetKey: string;
-  /** Drop edge the indicator represents. */
-  readonly edge: DropEdge;
-  /** Full target rectangle for placeholder geometry, or `null` when unmeasurable. */
-  readonly rect: DropTargetRect | null;
-  /** Zero-thickness line rectangle along the edge; `null` for `"inside"` drops. */
-  readonly line: DropTargetRect | null;
-}
-/** Context handed to announcement builders before speaking to assistive tech. */
-interface DragAnnouncementContext<Data = unknown> {
-  readonly pointerType: DragPointerType;
-  readonly sourceKey: string;
-  readonly sourceLabel: string;
-  readonly payload: DragPayload<Data> | null;
-  readonly targetKey: string | null;
-  readonly targetLabel: string | null;
-  /** One-based position of the current target among valid targets, or `null`. */
-  readonly targetIndex: number | null;
-  readonly targetCount: number | null;
-  readonly edge: DropEdge | null;
-}
-/** Localizable builders for grab, move, drop, and cancel announcements. */
-interface DragAnnouncements<Data = unknown> {
-  /** Spoken when a session starts. Return `null` to stay silent. */
-  readonly grab?: (context: DragAnnouncementContext<Data>) => string | null;
-  /** Spoken when the drag enters a target or its edge changes. */
-  readonly move?: (context: DragAnnouncementContext<Data>) => string | null;
-  /** Spoken after a completed drop. */
-  readonly drop?: (context: DragAnnouncementContext<Data>) => string | null;
-  /** Spoken after a canceled session. */
-  readonly cancel?: (context: DragAnnouncementContext<Data>) => string | null;
-}
-//#endregion
 //#region src/families/interaction/drag-and-drop/drag-and-drop-controller-types.d.ts
 /** Edge-proximity auto-scroll configuration for pointer sessions. */
 interface DragAutoScrollOptions {
@@ -301,4 +193,4 @@ interface DragAndDropController<Data = unknown> {
   readonly dispose: () => void;
 }
 //#endregion
-export { DropTargetRect as S, DragStartEvent as _, DragSourceProps as a, DropTargetEvent as b, DropTargetRegistration as c, DragEndEvent as d, DragEventType as f, DragPointerType as g, DragPayload as h, DragSourceOptions as i, DragAnnouncementContext as l, DragMoveEvent as m, DragAndDropOptions as n, DragSourceRegistration as o, DragLifecycleEvent as p, DragAutoScrollOptions as r, DropTargetOptions as s, DragAndDropController as t, DragAnnouncements as u, DropEdge as v, DropTargetEventType as x, DropIndicatorState as y };
+export { DragSourceProps as a, DropTargetRegistration as c, DragSourceOptions as i, DragAndDropOptions as n, DragSourceRegistration as o, DragAutoScrollOptions as r, DropTargetOptions as s, DragAndDropController as t };

package/dist/drag-and-drop-types-D8VBO4ku.d.mts

@@ -0,0 +1,110 @@
+//#region src/families/interaction/drag-and-drop/drag-and-drop-types.d.ts
+/** Input families that can own a drag session. */
+type DragPointerType = "keyboard" | "mouse" | "pen" | "pointer" | "touch";
+/** Drop position relative to a target, used for indicators and placeholders. */
+type DropEdge = "bottom" | "inside" | "left" | "right" | "top";
+/** Lifecycle phases emitted by a drag-and-drop controller. */
+type DragEventType = "dragend" | "dragmove" | "dragstart";
+/** Target-scoped phases delivered to drop-target callbacks. */
+type DropTargetEventType = "drop" | "dropenter" | "dropleave" | "dropmove";
+/** Serializable, axis-aligned CSS pixel rectangle. */
+interface DropTargetRect {
+  readonly bottom: number;
+  readonly left: number;
+  readonly right: number;
+  readonly top: number;
+}
+/** Typed payload transferred from a drag source to a drop target. */
+interface DragPayload<Data = unknown> {
+  /** Consumer-defined discriminant such as a MIME type or model name. */
+  readonly kind: string;
+  /** Structured payload delivered verbatim to accepting drop targets. */
+  readonly data: Data;
+  /** Optional plain-text projection for clipboard and data-transfer adapters. */
+  readonly plainText?: string;
+}
+/** Immutable snapshot shared by every drag lifecycle phase. */
+interface DragLifecycleEvent<Data = unknown, Type extends DragEventType = DragEventType> {
+  /** Lifecycle phase represented by this immutable snapshot. */
+  readonly type: Type;
+  /** Input family that owns this session. */
+  readonly pointerType: DragPointerType;
+  /** Key of the source that owns this session. */
+  readonly sourceKey: string;
+  /** Payload resolved when the session started, or `null` when none was declared. */
+  readonly payload: DragPayload<Data> | null;
+  /** Key of the drop target currently under the drag, or `null`. */
+  readonly targetKey: string | null;
+  /** Drop edge resolved for the current target, or `null`. */
+  readonly edge: DropEdge | null;
+  /** Client coordinates when supplied by pointing hardware. */
+  readonly x: number | null;
+  readonly y: number | null;
+  /** Native event responsible for this phase, or `null` for manual settlement. */
+  readonly originalEvent: Event | null;
+  /** Whether the session settled without a drop. Always `false` before `dragend`. */
+  readonly isCanceled: boolean;
+}
+/** Snapshot emitted once when a session starts. */
+type DragStartEvent<Data = unknown> = DragLifecycleEvent<Data, "dragstart">;
+/** Snapshot emitted for movement and target changes inside a session. */
+type DragMoveEvent<Data = unknown> = DragLifecycleEvent<Data, "dragmove">;
+/** Snapshot emitted after a session drops or cancels. */
+type DragEndEvent<Data = unknown> = DragLifecycleEvent<Data, "dragend">;
+/** Immutable snapshot delivered to one drop target's callbacks. */
+interface DropTargetEvent<Data = unknown> {
+  /** Target-scoped phase represented by this immutable snapshot. */
+  readonly type: DropTargetEventType;
+  /** Key of the target receiving this phase. */
+  readonly targetKey: string;
+  /** Key of the source that owns the session. */
+  readonly sourceKey: string;
+  /** Input family that owns the session. */
+  readonly pointerType: DragPointerType;
+  /** Payload resolved when the session started, or `null` when none was declared. */
+  readonly payload: DragPayload<Data> | null;
+  /** Drop edge resolved against this target, or `null` after leaving. */
+  readonly edge: DropEdge | null;
+  /** Client coordinates when supplied by pointing hardware. */
+  readonly x: number | null;
+  readonly y: number | null;
+  /** Native event responsible for this phase, or `null` for manual settlement. */
+  readonly originalEvent: Event | null;
+}
+/** Reactive indicator state for the target currently under the drag. */
+interface DropIndicatorState {
+  /** Key of the target the indicator belongs to. */
+  readonly targetKey: string;
+  /** Drop edge the indicator represents. */
+  readonly edge: DropEdge;
+  /** Full target rectangle for placeholder geometry, or `null` when unmeasurable. */
+  readonly rect: DropTargetRect | null;
+  /** Zero-thickness line rectangle along the edge; `null` for `"inside"` drops. */
+  readonly line: DropTargetRect | null;
+}
+/** Context handed to announcement builders before speaking to assistive tech. */
+interface DragAnnouncementContext<Data = unknown> {
+  readonly pointerType: DragPointerType;
+  readonly sourceKey: string;
+  readonly sourceLabel: string;
+  readonly payload: DragPayload<Data> | null;
+  readonly targetKey: string | null;
+  readonly targetLabel: string | null;
+  /** One-based position of the current target among valid targets, or `null`. */
+  readonly targetIndex: number | null;
+  readonly targetCount: number | null;
+  readonly edge: DropEdge | null;
+}
+/** Localizable builders for grab, move, drop, and cancel announcements. */
+interface DragAnnouncements<Data = unknown> {
+  /** Spoken when a session starts. Return `null` to stay silent. */
+  readonly grab?: (context: DragAnnouncementContext<Data>) => string | null;
+  /** Spoken when the drag enters a target or its edge changes. */
+  readonly move?: (context: DragAnnouncementContext<Data>) => string | null;
+  /** Spoken after a completed drop. */
+  readonly drop?: (context: DragAnnouncementContext<Data>) => string | null;
+  /** Spoken after a canceled session. */
+  readonly cancel?: (context: DragAnnouncementContext<Data>) => string | null;
+}
+//#endregion
+export { DragLifecycleEvent as a, DragPointerType as c, DropIndicatorState as d, DropTargetEvent as f, DragEventType as i, DragStartEvent as l, DropTargetRect as m, DragAnnouncements as n, DragMoveEvent as o, DropTargetEventType as p, DragEndEvent as r, DragPayload as s, DragAnnouncementContext as t, DropEdge as u };

package/dist/{drag-and-drop-CagE25Kt.d.mts → drag-and-drop-yh1y-FD_.d.mts}

@@ -1,4 +1,5 @@
-import { h as DragPayload, n as DragAndDropOptions, t as DragAndDropController, u as DragAnnouncements } from "./drag-and-drop-controller-types-DoTSR_aM.mjs";
+import { n as DragAnnouncements, s as DragPayload } from "./drag-and-drop-types-D8VBO4ku.mjs";
+import { n as DragAndDropOptions, t as DragAndDropController } from "./drag-and-drop-controller-types-oM5xTtD2.mjs";
 
 //#region src/families/interaction/drag-and-drop/drag-and-drop-announce.d.ts
 /** Built-in English announcement builders; consumers override to localize. */

package/dist/drag-and-drop.d.mts

@@ -1,3 +1,4 @@
-import { S as DropTargetRect, _ as DragStartEvent, a as DragSourceProps, b as DropTargetEvent, c as DropTargetRegistration, d as DragEndEvent, f as DragEventType, g as DragPointerType, h as DragPayload, i as DragSourceOptions, l as DragAnnouncementContext, m as DragMoveEvent, n as DragAndDropOptions, o as DragSourceRegistration, p as DragLifecycleEvent, r as DragAutoScrollOptions, s as DropTargetOptions, t as DragAndDropController, u as DragAnnouncements, v as DropEdge, x as DropTargetEventType, y as DropIndicatorState } from "./drag-and-drop-controller-types-DoTSR_aM.mjs";
-import { a as readDragTransfer, c as defaultDragAnnouncements, i as readClipboardTransfer, n as useDragAndDrop, o as writeClipboardTransfer, r as DRAG_TRANSFER_TYPE, s as writeDragTransfer, t as createDragAndDrop } from "./drag-and-drop-CagE25Kt.mjs";
+import { a as DragLifecycleEvent, c as DragPointerType, d as DropIndicatorState, f as DropTargetEvent, i as DragEventType, l as DragStartEvent, m as DropTargetRect, n as DragAnnouncements, o as DragMoveEvent, p as DropTargetEventType, r as DragEndEvent, s as DragPayload, t as DragAnnouncementContext, u as DropEdge } from "./drag-and-drop-types-D8VBO4ku.mjs";
+import { a as DragSourceProps, c as DropTargetRegistration, i as DragSourceOptions, n as DragAndDropOptions, o as DragSourceRegistration, r as DragAutoScrollOptions, s as DropTargetOptions, t as DragAndDropController } from "./drag-and-drop-controller-types-oM5xTtD2.mjs";
+import { a as readDragTransfer, c as defaultDragAnnouncements, i as readClipboardTransfer, n as useDragAndDrop, o as writeClipboardTransfer, r as DRAG_TRANSFER_TYPE, s as writeDragTransfer, t as createDragAndDrop } from "./drag-and-drop-yh1y-FD_.mjs";
 export { DRAG_TRANSFER_TYPE, type DragAndDropController, type DragAndDropOptions, type DragAnnouncementContext, type DragAnnouncements, type DragAutoScrollOptions, type DragEndEvent, type DragEventType, type DragLifecycleEvent, type DragMoveEvent, type DragPayload, type DragPointerType, type DragSourceOptions, type DragSourceProps, type DragSourceRegistration, type DragStartEvent, type DropEdge, type DropIndicatorState, type DropTargetEvent, type DropTargetEventType, type DropTargetOptions, type DropTargetRect, type DropTargetRegistration, createDragAndDrop, defaultDragAnnouncements, readClipboardTransfer, readDragTransfer, useDragAndDrop, writeClipboardTransfer, writeDragTransfer };

package/dist/drag-and-drop.mjs

@@ -1,2 +1,2 @@
-import { a as readDragTransfer, h as defaultDragAnnouncements, i as readClipboardTransfer, n as useDragAndDrop, o as writeClipboardTransfer, r as DRAG_TRANSFER_TYPE, s as writeDragTransfer, t as createDragAndDrop } from "./drag-and-drop-BjYgWGcG.mjs";
+import { a as readDragTransfer, h as defaultDragAnnouncements, i as readClipboardTransfer, n as useDragAndDrop, o as writeClipboardTransfer, r as DRAG_TRANSFER_TYPE, s as writeDragTransfer, t as createDragAndDrop } from "./drag-and-drop-C-nn7Yum.mjs";
 export { DRAG_TRANSFER_TYPE, createDragAndDrop, defaultDragAnnouncements, readClipboardTransfer, readDragTransfer, useDragAndDrop, writeClipboardTransfer, writeDragTransfer };