ropav 0.3.0 → 0.4.0

package/dist/composables/use-color-area.js

@@ -7,7 +7,7 @@ import { useLabels } from "./use-labels.js";
 import { setFormValue } from "../utils/form-value.js";
 import { useColorAreaGradient } from "./use-color-area-gradient.js";
 import { useMove } from "./use-move.js";
-import { computed, nextTick, onScopeDispose, shallowRef, toValue, watch } from "vue";
+import { computed, onScopeDispose, shallowRef, toValue, watch } from "vue";
 //#region src/composables/use-color-area.ts
 /**
 * A two dimensional colour control: two channels on two axes, one thumb, two hidden inputs.
@@ -68,10 +68,7 @@ var useColorArea = (options) => {
 		flush: "post",
 		immediate: true
 	});
-	useFormReset(inputXEl, () => state.defaultValue.value, (value) => {
-		state.setValue(value);
-		nextTick(reassert);
-	});
+	useFormReset(inputXEl, () => state.defaultValue.value, state.setValue);
 	/** Where the thumb is during a drag, in fractions of the area — not in pixels. */
 	let currentPosition = null;
 	/** The pointer that owns the interaction in flight, if any. */

package/dist/composables/use-color-channel-field-state.d.ts

@@ -1,6 +1,6 @@
-import type { Color, ColorChannel, ColorSpace } from "../utils/color-types";
-import type { ValidationBehavior } from "./use-form-validation-state";
-import type { NumberFieldState } from "./use-number-field-state";
+import type { Color, ColorChannel, ColorSpace } from "../utils/color-types.js";
+import type { ValidationBehavior } from "./use-form-validation-state.js";
+import type { NumberFieldState } from "./use-number-field-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseColorChannelFieldStateOptions {
     /** The channel the field edits. */

package/dist/composables/use-color-channel-field.d.ts

@@ -1,6 +1,6 @@
-import type { ColorChannelFieldState, UseColorChannelFieldStateOptions } from "./use-color-channel-field-state";
-import type { FieldIdsContext } from "./use-field-ids";
-import type { ValidationBehavior } from "./use-form-validation-state";
+import type { ColorChannelFieldState, UseColorChannelFieldStateOptions } from "./use-color-channel-field-state.js";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { ValidationBehavior } from "./use-form-validation-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseColorChannelFieldOptions extends UseColorChannelFieldStateOptions {
     id?: MaybeRefOrGetter<string | undefined>;

package/dist/composables/use-color-field-state.d.ts

@@ -1,5 +1,5 @@
-import type { Color } from "../utils/color-types";
-import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state";
+import type { Color } from "../utils/color-types.js";
+import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseColorFieldStateOptions {
     /** Controlled colour. A string is parsed; one that will not parse is treated as absent. */

package/dist/composables/use-color-field.d.ts

@@ -1,6 +1,6 @@
-import type { ColorFieldState, UseColorFieldStateOptions } from "./use-color-field-state";
-import type { FieldIdsContext } from "./use-field-ids";
-import type { TextFieldHandlers } from "./use-text-field";
+import type { ColorFieldState, UseColorFieldStateOptions } from "./use-color-field-state.js";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { TextFieldHandlers } from "./use-text-field.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseColorFieldOptions extends UseColorFieldStateOptions {
     id?: MaybeRefOrGetter<string | undefined>;

package/dist/composables/use-color-field.js

@@ -5,7 +5,7 @@ import { useFormattedTextField } from "./use-formatted-text-field.js";
 import { useScrollWheel } from "./use-scroll-wheel.js";
 import { useSpinButton } from "./use-spin-button.js";
 import { useTextField } from "./use-text-field.js";
-import { computed, nextTick, shallowRef, toValue, watch } from "vue";
+import { computed, shallowRef, toValue, watch } from "vue";
 //#region src/composables/use-color-field.ts
 /**
 * Behaviour and accessibility for a hex colour field, ported from React Aria's
@@ -86,10 +86,7 @@ var useColorField = (options = {}) => {
 		setInputValue: state.setInputValue,
 		validate: state.validate
 	});
-	useFormReset(field.element, () => state.defaultColorValue.value, (value) => {
-		state.setColorValue(value);
-		nextTick(reassert);
-	});
+	useFormReset(field.element, () => state.defaultColorValue.value, state.setColorValue);
 	/**
 	* Whether the input has focus, which gates the wheel.
 	*

package/dist/composables/use-color-picker-state.d.ts

@@ -1,4 +1,4 @@
-import type { Color } from "../utils/color-types";
+import type { Color } from "../utils/color-types.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseColorPickerStateOptions {
     /** Current colour. A string is parsed. */

package/dist/composables/use-color-slider-state.d.ts

@@ -1,5 +1,5 @@
-import type { Color, ColorChannel, ColorSpace } from "../utils/color-types";
-import type { SliderOrientation, SliderState } from "./use-slider-state";
+import type { Color, ColorChannel, ColorSpace } from "../utils/color-types.js";
+import type { SliderOrientation, SliderState } from "./use-slider-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseColorSliderStateOptions {
     /** The channel the slider drives. */

package/dist/composables/use-color-slider.d.ts

@@ -1,7 +1,7 @@
-import type { Color, ColorChannel } from "../utils/color-types";
-import type { ColorSliderState } from "./use-color-slider-state";
-import type { SliderGroupAttrs, SliderOutputAttrs } from "./use-slider";
-import type { SliderThumbInputAttrs, UseSliderThumbReturn } from "./use-slider-thumb";
+import type { Color, ColorChannel } from "../utils/color-types.js";
+import type { ColorSliderState } from "./use-color-slider-state.js";
+import type { SliderGroupAttrs, SliderOutputAttrs } from "./use-slider.js";
+import type { SliderThumbInputAttrs, UseSliderThumbReturn } from "./use-slider-thumb.js";
 import type { CSSProperties, ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 export interface UseColorSliderOptions {
     state: ColorSliderState;

package/dist/composables/use-color-swatch.d.ts

@@ -1,4 +1,4 @@
-import type { Color } from "../utils/color-types";
+import type { Color } from "../utils/color-types.js";
 import type { ComputedRef, MaybeRefOrGetter, StyleValue } from "vue";
 export interface UseColorSwatchOptions {
     /** A labelling id supplied by the caller, prepended to the swatch's own. */

package/dist/composables/use-combo-box-state.d.ts

@@ -1,8 +1,8 @@
-import type { CollectionKey, UseCollectionReturn } from "./use-collection";
-import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state";
-import type { FocusStrategy, MenuTriggerState } from "./use-overlay-trigger-state";
-import type { SelectSelectionMode, SelectedItem, SelectedValue } from "./use-select-state";
-import type { DisabledBehavior, UseSelectionManagerReturn } from "./use-selection-manager";
+import type { CollectionKey, UseCollectionReturn } from "./use-collection.js";
+import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state.js";
+import type { FocusStrategy, MenuTriggerState } from "./use-overlay-trigger-state.js";
+import type { SelectSelectionMode, SelectedItem, SelectedValue } from "./use-select-state.js";
+import type { DisabledBehavior, UseSelectionManagerReturn } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /**
  * What made the popover open, which decides whether it shows every option or only the matches.

package/dist/composables/use-combo-box.d.ts

@@ -1,10 +1,10 @@
-import type { PressResponder } from "./press-responder";
-import type { UseComboBoxStateReturn } from "./use-combo-box-state";
-import type { FieldIdsContext } from "./use-field-ids";
-import type { ValidationResult } from "./use-form-validation-state";
-import type { UseListKeyboardReturn } from "./use-list-keyboard";
-import type { TriggerAriaAttributes } from "./use-overlay-trigger";
-import type { TextFieldControlContext } from "./use-text-field";
+import type { PressResponder } from "./press-responder.js";
+import type { UseComboBoxStateReturn } from "./use-combo-box-state.js";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { ValidationResult } from "./use-form-validation-state.js";
+import type { UseListKeyboardReturn } from "./use-list-keyboard.js";
+import type { TriggerAriaAttributes } from "./use-overlay-trigger.js";
+import type { TextFieldControlContext } from "./use-text-field.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseComboBoxOptions {
     /**

package/dist/composables/use-date-field-state.d.ts

@@ -1,10 +1,10 @@
-import type { FieldOptions, FormatterOptions, Granularity, MaxGranularity } from "../utils/date-format";
-import type { DateSegmentType, SegmentLimits } from "../utils/incomplete-date";
-import type { FormValidationState, ValidationBehavior } from "./use-form-validation-state";
+import type { FieldOptions, FormatterOptions, Granularity, MaxGranularity } from "../utils/date-format.js";
+import type { DateSegmentType, SegmentLimits } from "../utils/incomplete-date.js";
+import type { FormValidationState, ValidationBehavior } from "./use-form-validation-state.js";
 import type { Calendar, CalendarIdentifier, DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 import { DateFormatter } from "@internationalized/date";
-import { IncompleteDate } from "../utils/incomplete-date";
+import { IncompleteDate } from "../utils/incomplete-date.js";
 export interface DateSegment extends Partial<SegmentLimits> {
     /** Which part of the date this is. */
     type: DateSegmentType;

package/dist/composables/use-date-field.d.ts

@@ -1,8 +1,8 @@
-import type { FocusManager } from "../utils/focus";
-import type { DateFieldState } from "./use-date-field-state";
-import type { FieldIdsContext } from "./use-field-ids";
-import type { UsePressHandlers } from "./use-press";
-import type { TimeFieldState } from "./use-time-field-state";
+import type { FocusManager } from "../utils/focus.js";
+import type { DateFieldState } from "./use-date-field-state.js";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { UsePressHandlers } from "./use-press.js";
+import type { TimeFieldState } from "./use-time-field-state.js";
 import type { ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 /** What a segment needs from the field it belongs to. */
 export interface DateFieldSegmentInfo {

package/dist/composables/use-date-picker-group.d.ts

@@ -1,5 +1,5 @@
-import type { FocusManager } from "../utils/focus";
-import type { UsePressHandlers } from "./use-press";
+import type { FocusManager } from "../utils/focus.js";
+import type { UsePressHandlers } from "./use-press.js";
 import type { MaybeRefOrGetter } from "vue";
 export interface UseDatePickerGroupOptions {
     /** The element focus moves around inside. A getter, because it does not exist yet at setup. */

package/dist/composables/use-date-picker-state.d.ts

@@ -1,6 +1,6 @@
-import type { FieldOptions, FormatterOptions, Granularity, TimeValue } from "../utils/date-format";
-import type { FormValidationState, ValidationBehavior } from "./use-form-validation-state";
-import type { OverlayTriggerState } from "./use-overlay-trigger-state";
+import type { FieldOptions, FormatterOptions, Granularity, TimeValue } from "../utils/date-format.js";
+import type { FormValidationState, ValidationBehavior } from "./use-form-validation-state.js";
+import type { OverlayTriggerState } from "./use-overlay-trigger-state.js";
 import type { CalendarDate, DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 import { DateFormatter } from "@internationalized/date";

package/dist/composables/use-date-picker.d.ts

@@ -1,10 +1,10 @@
-import type { DayOfWeek } from "../utils/calendar";
-import type { FocusManager } from "../utils/focus";
-import type { PageBehavior } from "./use-calendar-state";
-import type { DatePickerState } from "./use-date-picker-state";
-import type { FieldIdsContext } from "./use-field-ids";
-import type { FormValidationState } from "./use-form-validation-state";
-import type { UsePressHandlers } from "./use-press";
+import type { DayOfWeek } from "../utils/calendar.js";
+import type { FocusManager } from "../utils/focus.js";
+import type { PageBehavior } from "./use-calendar-state.js";
+import type { DatePickerState } from "./use-date-picker-state.js";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { FormValidationState } from "./use-form-validation-state.js";
+import type { UsePressHandlers } from "./use-press.js";
 import type { DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDatePickerOptions {

package/dist/composables/use-date-range-picker-state.d.ts

@@ -1,7 +1,7 @@
-import type { FieldOptions, FormatterOptions, Granularity, TimeValue } from "../utils/date-format";
-import type { DateRange } from "./use-calendar";
-import type { FormValidationState, ValidationBehavior } from "./use-form-validation-state";
-import type { OverlayTriggerState } from "./use-overlay-trigger-state";
+import type { FieldOptions, FormatterOptions, Granularity, TimeValue } from "../utils/date-format.js";
+import type { DateRange } from "./use-calendar.js";
+import type { FormValidationState, ValidationBehavior } from "./use-form-validation-state.js";
+import type { OverlayTriggerState } from "./use-overlay-trigger-state.js";
 import type { DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 import { DateFormatter } from "@internationalized/date";

package/dist/composables/use-date-range-picker.d.ts

@@ -1,10 +1,10 @@
-import type { DayOfWeek } from "../utils/calendar";
-import type { FocusManager } from "../utils/focus";
-import type { PageBehavior } from "./use-calendar-state";
-import type { DateRangePickerState } from "./use-date-range-picker-state";
-import type { FieldIdsContext } from "./use-field-ids";
-import type { FormValidationState } from "./use-form-validation-state";
-import type { UsePressHandlers } from "./use-press";
+import type { DayOfWeek } from "../utils/calendar.js";
+import type { FocusManager } from "../utils/focus.js";
+import type { PageBehavior } from "./use-calendar-state.js";
+import type { DateRangePickerState } from "./use-date-range-picker-state.js";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { FormValidationState } from "./use-form-validation-state.js";
+import type { UsePressHandlers } from "./use-press.js";
 import type { DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDateRangePickerOptions {

package/dist/composables/use-date-segment.d.ts

@@ -1,5 +1,5 @@
-import type { FocusManager } from "../utils/focus";
-import type { DateFieldState, DateSegment } from "./use-date-field-state";
+import type { FocusManager } from "../utils/focus.js";
+import type { DateFieldState, DateSegment } from "./use-date-field-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDateSegmentOptions {
     /** The segment this is behaviour for. A getter, because the field rebuilds them on every edit. */

package/dist/composables/use-default-date-props.d.ts

@@ -1,4 +1,4 @@
-import type { Granularity } from "../utils/date-format";
+import type { Granularity } from "../utils/date-format.js";
 import type { DateValue } from "@internationalized/date";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface DefaultDateProps {

package/dist/composables/use-dialog-trigger.d.ts

@@ -1,5 +1,5 @@
-import type { PressResponder } from "./press-responder";
-import type { OverlayTriggerState } from "./use-overlay-trigger-state";
+import type { PressResponder } from "./press-responder.js";
+import type { OverlayTriggerState } from "./use-overlay-trigger-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDialogTriggerOptions {
     isDisabled?: MaybeRefOrGetter<boolean | undefined>;

package/dist/composables/use-disclosure-group-navigation.d.ts

@@ -1,4 +1,4 @@
-import type { DisclosureKey } from "./use-disclosure-group";
+import type { DisclosureKey } from "./use-disclosure-group.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDisclosureGroupNavigationOptions {
     /** Whether more than one item can be expanded at a time. */

package/dist/composables/use-dnd-persisted-keys.d.ts

@@ -1,6 +1,6 @@
-import type { CollectionKey } from "./use-collection";
-import type { DragAndDropHooks } from "./use-drag-and-drop";
-import type { UseDroppableCollectionStateReturn } from "./use-droppable-collection-state";
+import type { CollectionKey } from "./use-collection.js";
+import type { DragAndDropHooks } from "./use-drag-and-drop.js";
+import type { UseDroppableCollectionStateReturn } from "./use-droppable-collection-state.js";
 import type { ComputedRef } from "vue";
 /**
  * The keys a virtualized collection has to keep rendered while a drag is in flight, ported from

package/dist/composables/use-drag-and-drop.d.ts

@@ -1,14 +1,14 @@
-import type { DragItem, DragKey, DragPreviewRenderer, DragType, DragTypes, DraggableCollectionEndEvent, DraggableCollectionStartEvent, DropOperation, DropTarget, DropTargetDelegate, DroppableCollectionActivateEvent, DroppableCollectionDropEvent, DroppableCollectionInsertDropEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, ItemDropTarget } from "../utils/dnd-types";
+import type { DragItem, DragKey, DragPreviewRenderer, DragType, DragTypes, DraggableCollectionEndEvent, DraggableCollectionStartEvent, DropOperation, DropTarget, DropTargetDelegate, DroppableCollectionActivateEvent, DroppableCollectionDropEvent, DroppableCollectionInsertDropEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, ItemDropTarget } from "../utils/dnd-types.js";
 import type { MaybeRefOrGetter } from "vue";
-import { ListDropTargetDelegate } from "../utils/dnd-list-drop-target-delegate";
-import { isVirtualDragging } from "./drag-manager";
-import { useDraggableCollection } from "./use-draggable-collection";
-import { useDraggableCollectionState } from "./use-draggable-collection-state";
-import { useDraggableItem } from "./use-draggable-item";
-import { useDropIndicator } from "./use-drop-indicator";
-import { useDroppableCollection } from "./use-droppable-collection";
-import { useDroppableCollectionState } from "./use-droppable-collection-state";
-import { useDroppableItem } from "./use-droppable-item";
+import { ListDropTargetDelegate } from "../utils/dnd-list-drop-target-delegate.js";
+import { isVirtualDragging } from "./drag-manager.js";
+import { useDraggableCollection } from "./use-draggable-collection.js";
+import { useDraggableCollectionState } from "./use-draggable-collection-state.js";
+import { useDraggableItem } from "./use-draggable-item.js";
+import { useDropIndicator } from "./use-drop-indicator.js";
+import { useDroppableCollection } from "./use-droppable-collection.js";
+import { useDroppableCollectionState } from "./use-droppable-collection-state.js";
+import { useDroppableItem } from "./use-droppable-item.js";
 export interface DragAndDropOptions {
     /**
      * The items to put on the drag, for the keys being dragged.

package/dist/composables/use-drag.d.ts

@@ -1,5 +1,5 @@
-import type { DragEndEvent, DragItem, DragMoveEvent, DragPreviewRenderer, DragStartEvent, DropOperation } from "../utils/dnd-types";
-import type { PressEvent } from "./use-press";
+import type { DragEndEvent, DragItem, DragMoveEvent, DragPreviewRenderer, DragStartEvent, DropOperation } from "../utils/dnd-types.js";
+import type { PressEvent } from "./use-press.js";
 import type { ComputedRef, MaybeRefOrGetter, ShallowRef } from "vue";
 export interface UseDragOptions {
     /** The items being dragged, read when the drag starts. */

package/dist/composables/use-draggable-collection-state.d.ts

@@ -1,5 +1,5 @@
-import type { DragCollection, DragItem, DragKey, DragMoveEvent, DragPreviewRenderer, DragStartEvent, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DropOperation } from "../utils/dnd-types";
-import type { UseSelectionManagerReturn } from "./use-selection-manager";
+import type { DragCollection, DragItem, DragKey, DragMoveEvent, DragPreviewRenderer, DragStartEvent, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DropOperation } from "../utils/dnd-types.js";
+import type { UseSelectionManagerReturn } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter, ShallowRef } from "vue";
 export interface UseDraggableCollectionStateOptions<T = unknown> {
     collection: DragCollection<T>;

package/dist/composables/use-draggable-collection.d.ts

@@ -1,4 +1,4 @@
-import type { UseDraggableCollectionStateReturn } from "./use-draggable-collection-state";
+import type { UseDraggableCollectionStateReturn } from "./use-draggable-collection-state.js";
 import type { ShallowRef } from "vue";
 /**
  * Marks this collection as the one a drag came from, ported from React Aria's

package/dist/composables/use-draggable-item.d.ts

@@ -1,7 +1,7 @@
-import type { DragKey } from "../utils/dnd-types";
-import type { UseDragHandlers } from "./use-drag";
-import type { UseDraggableCollectionStateReturn } from "./use-draggable-collection-state";
-import type { PressEvent } from "./use-press";
+import type { DragKey } from "../utils/dnd-types.js";
+import type { UseDragHandlers } from "./use-drag.js";
+import type { UseDraggableCollectionStateReturn } from "./use-draggable-collection-state.js";
+import type { PressEvent } from "./use-press.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseDraggableItemOptions {
     key: DragKey;

package/dist/composables/use-drawer-drag.d.ts

@@ -1,4 +1,4 @@
-import type { DrawerPlacement } from "../components/drawer/drawer.types";
+import type { DrawerPlacement } from "../components/drawer/drawer.types.js";
 import type { MaybeRefOrGetter } from "vue";
 export interface UseDrawerDragOptions {
     /** The panel that moves. */

package/dist/composables/use-drop-indicator.d.ts

@@ -1,5 +1,5 @@
-import type { UseDroppableCollectionStateReturn } from "./use-droppable-collection-state";
-import type { UseDroppableItemOptions } from "./use-droppable-item";
+import type { UseDroppableCollectionStateReturn } from "./use-droppable-collection-state.js";
+import type { UseDroppableItemOptions } from "./use-droppable-item.js";
 import type { ComputedRef, ShallowRef } from "vue";
 export type UseDropIndicatorOptions = UseDroppableItemOptions;
 export interface UseDropIndicatorReturn {

package/dist/composables/use-drop.d.ts

@@ -1,4 +1,4 @@
-import type { DragTypes, DropActivateEvent, DropEnterEvent, DropEvent, DropExitEvent, DropMoveEvent, DropOperation } from "../utils/dnd-types";
+import type { DragTypes, DropActivateEvent, DropEnterEvent, DropEvent, DropExitEvent, DropMoveEvent, DropOperation } from "../utils/dnd-types.js";
 import type { ComputedRef, MaybeRefOrGetter, ShallowRef } from "vue";
 export interface UseDropOptions {
     /** The drop target element. */

package/dist/composables/use-droppable-collection-state.d.ts

@@ -1,5 +1,5 @@
-import type { DragCollection, DragKey, DragType, DragTypes, DropOperation, DropTarget, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, ItemDropTarget } from "../utils/dnd-types";
-import type { UseSelectionManagerReturn } from "./use-selection-manager";
+import type { DragCollection, DragKey, DragType, DragTypes, DropOperation, DropTarget, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, ItemDropTarget } from "../utils/dnd-types.js";
+import type { UseSelectionManagerReturn } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** Everything the validity matrix needs to judge one candidate drop. */
 export interface DropOperationEvent {

package/dist/composables/use-droppable-collection.d.ts

@@ -1,6 +1,6 @@
-import type { DragKey, DragKeyboardDelegate, DropTargetDelegate, DroppableCollectionActivateEvent } from "../utils/dnd-types";
-import type { UseDropHandlers } from "./use-drop";
-import type { UseDroppableCollectionStateOptions, UseDroppableCollectionStateReturn } from "./use-droppable-collection-state";
+import type { DragKey, DragKeyboardDelegate, DropTargetDelegate, DroppableCollectionActivateEvent } from "../utils/dnd-types.js";
+import type { UseDropHandlers } from "./use-drop.js";
+import type { UseDroppableCollectionStateOptions, UseDroppableCollectionStateReturn } from "./use-droppable-collection-state.js";
 import type { ComputedRef, ShallowRef } from "vue";
 /** Extra keys a collection's keyboard delegate may offer beyond the drag navigation ones. */
 export interface DroppableCollectionKeyboardDelegate extends DragKeyboardDelegate {

package/dist/composables/use-droppable-item.d.ts

@@ -1,5 +1,5 @@
-import type { DropTarget } from "../utils/dnd-types";
-import type { UseDroppableCollectionStateReturn } from "./use-droppable-collection-state";
+import type { DropTarget } from "../utils/dnd-types.js";
+import type { UseDroppableCollectionStateReturn } from "./use-droppable-collection-state.js";
 import type { ComputedRef, ShallowRef } from "vue";
 export interface UseDroppableItemOptions {
     /** The position within the collection this element stands for. */

package/dist/composables/use-enter-exit.js

@@ -1,4 +1,5 @@
-import { computed, nextTick, onScopeDispose, shallowRef, toValue, watch } from "vue";
+import { createAnimationSettleWaiter } from "../utils/animation-settled.js";
+import { computed, onScopeDispose, shallowRef, toValue, watch } from "vue";
 //#region src/composables/use-enter-exit.ts
 /**
 * Keep an element mounted until its exit animation has finished, ported from React Aria's
@@ -30,54 +31,23 @@ var useEnterExit = (options) => {
 	const isReady = computed(() => toValue(options.isReady) ?? true);
 	const isEntering = computed(() => entering.value && isReady.value);
 	const isExiting = computed(() => exitState.value === "exiting");
-	let cancelled = false;
 	/**
-	* The latest wait of each phase, so a superseded one cannot resolve over the top of it.
-	*
-	* One counter per phase rather than one shared: entry and exit are waited for independently, and
-	* a single counter meant an exit beginning while the entry was still animating invalidated that
-	* entry's wait for good. Nothing ever cleared the entry state after that, and the element stayed
-	* at the first frame of its entry animation — scaled down and fully transparent, so an overlay
-	* closed and reopened quickly became invisible until it was destroyed.
+	* A waiter per phase rather than one shared, because entry and exit are waited for
+	* independently. Sharing one meant an exit beginning while the entry was still animating
+	* superseded that entry's wait for good. Nothing ever cleared the entry state after that, and
+	* the element stayed at the first frame of its entry animation — scaled down and fully
+	* transparent, so an overlay closed and reopened quickly became invisible until it was
+	* destroyed.
 	*/
-	const generations = {
-		entering: 0,
-		exiting: 0
-	};
-	/**
-	* Resolve once every animation running on the element has settled.
-	*
-	* The animations are read a tick after being asked for, not straight away: the state that
-	* triggers them is rendered as an attribute, and reading before that attribute is in the DOM
-	* finds no animations at all — which would clear the state again and leave the animation never
-	* playing.
-	*/
-	const whenSettled = (phase, onEnd) => {
-		const current = ++generations[phase];
-		nextTick(() => {
-			if (cancelled || current !== generations[phase]) return;
-			const element = getElement();
-			if (!element || typeof element.getAnimations !== "function") {
-				onEnd();
-				return;
-			}
-			const animations = element.getAnimations();
-			if (animations.length === 0) {
-				onEnd();
-				return;
-			}
-			Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
-				if (!cancelled && current === generations[phase]) onEnd();
-			});
-		});
-	};
+	const entry = createAnimationSettleWaiter(getElement);
+	const exit = createAnimationSettleWaiter(getElement);
 	watch([isEntering, () => getElement()], ([active]) => {
 		if (!active) return;
 		const element = getElement();
 		if (element && typeof element.getAnimations === "function") {
 			for (const animation of element.getAnimations()) if (typeof CSSTransition !== "undefined" && animation instanceof CSSTransition) animation.cancel();
 		}
-		whenSettled("entering", () => {
+		entry.whenSettled(() => {
 			entering.value = false;
 		});
 	}, {
@@ -94,7 +64,7 @@ var useEnterExit = (options) => {
 	}, { flush: "sync" });
 	watch([isExiting, () => getElement()], ([active]) => {
 		if (!active) return;
-		whenSettled("exiting", () => {
+		exit.whenSettled(() => {
 			if (exitState.value === "exiting") exitState.value = "closed";
 		});
 	}, {
@@ -102,7 +72,8 @@ var useEnterExit = (options) => {
 		immediate: true
 	});
 	onScopeDispose(() => {
-		cancelled = true;
+		entry.cancel();
+		exit.cancel();
 	}, true);
 	return {
 		isEntering,

package/dist/composables/use-form-validation.d.ts

@@ -1,4 +1,4 @@
-import type { FormValidationState, ValidatableElement } from "./use-form-validation-state";
+import type { FormValidationState, ValidatableElement } from "./use-form-validation-state.js";
 import type { MaybeRefOrGetter, Ref } from "vue";
 export interface UseFormValidationOptions {
     /** Called instead of focusing the element when a failed submit lands on this field. */

package/dist/composables/use-grid-keyboard.d.ts

@@ -1,7 +1,7 @@
-import type { CollectionKey } from "./use-collection";
-import type { ListKeyboardLayoutDelegate } from "./use-list-keyboard";
-import type { UseSelectionManagerReturn } from "./use-selection-manager";
-import type { UseTableCollectionReturn } from "./use-table-collection";
+import type { CollectionKey } from "./use-collection.js";
+import type { ListKeyboardLayoutDelegate } from "./use-list-keyboard.js";
+import type { UseSelectionManagerReturn } from "./use-selection-manager.js";
+import type { UseTableCollectionReturn } from "./use-table-collection.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /**
  * Where focus sits in a grid.

package/dist/composables/use-grid-selection-announcement.d.ts

@@ -1,5 +1,5 @@
-import type { UseCollectionReturn } from "./use-collection";
-import type { UseSelectionManagerReturn } from "./use-selection-manager";
+import type { UseCollectionReturn } from "./use-collection.js";
+import type { UseSelectionManagerReturn } from "./use-selection-manager.js";
 export interface UseGridSelectionAnnouncementOptions {
     collection: UseCollectionReturn;
     selection: UseSelectionManagerReturn;

package/dist/composables/use-input-otp.d.ts

@@ -1,4 +1,4 @@
-import type { PushPasswordManagerStrategy } from "./use-password-manager-badge";
+import type { PushPasswordManagerStrategy } from "./use-password-manager-badge.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** Ready-made patterns for the three code alphabets almost every one-time code uses. */
 export declare const REGEXP_ONLY_DIGITS = "^\\d+$";

package/dist/composables/use-list-data.d.ts

@@ -1,5 +1,5 @@
-import type { CollectionKey } from "./use-collection";
-import type { CollectionSelection } from "./use-selection-manager";
+import type { CollectionKey } from "./use-collection.js";
+import type { CollectionSelection } from "./use-selection-manager.js";
 import type { ComputedRef } from "vue";
 export interface UseListDataOptions<T> {
     /** Initial items in the list. */

package/dist/composables/use-list-keyboard.d.ts

@@ -1,6 +1,6 @@
-import type { Rect, Size } from "../utils/virtualizer-geometry";
-import type { CollectionKey, UseCollectionReturn } from "./use-collection";
-import type { UseSelectionManagerReturn } from "./use-selection-manager";
+import type { Rect, Size } from "../utils/virtualizer-geometry.js";
+import type { CollectionKey, UseCollectionReturn } from "./use-collection.js";
+import type { UseSelectionManagerReturn } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export type ListOrientation = "horizontal" | "vertical";
 /**

package/dist/composables/use-locale.d.ts

@@ -1,4 +1,4 @@
-import type { Locale } from "../utils/locale";
+import type { Locale } from "../utils/locale.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /**
  * The locale an ancestor has chosen, or `null` when nobody has and the browser's own should win.

package/dist/composables/use-long-press.d.ts

@@ -1,4 +1,4 @@
-import type { PressEvent, UsePressHandlers } from "./use-press";
+import type { PressEvent, UsePressHandlers } from "./use-press.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** How long the press has to be held before it counts as a long press. */
 export declare const LONG_PRESS_THRESHOLD_MS = 500;

package/dist/composables/use-menu-trigger.d.ts

@@ -1,6 +1,6 @@
-import type { PressResponder } from "./press-responder";
-import type { OverlayType } from "./use-overlay-trigger";
-import type { FocusStrategy, MenuTriggerState } from "./use-overlay-trigger-state";
+import type { PressResponder } from "./press-responder.js";
+import type { OverlayType } from "./use-overlay-trigger.js";
+import type { FocusStrategy, MenuTriggerState } from "./use-overlay-trigger-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** How the menu is opened. */
 export type MenuTriggerType = "press" | "longPress";