@octanejs/aria 0.0.48 → 0.0.50

package/src/components/Select.ts

@@ -505,7 +505,7 @@ export const SelectValue: <T>(props: SelectValueProps<T> & { ref?: any }) => any
 			...renderProps,
 			'data-placeholder': state.selectedItems.length === 0 || undefined,
 			// clear description and error message slots
-			children: createElement(TextContext.Provider, {
+			children: createElement(TextContext, {
 				value: undefined,
 				children: renderProps.children,
 			}),

package/src/components/SharedElementTransition.ts

@@ -35,7 +35,7 @@ export interface SharedElementTransitionProps {
 export function SharedElementTransition(props: SharedElementTransitionProps): any {
 	const slot = S('SharedElementTransition');
 	let ref = useRef<{ [name: string]: Snapshot }>({}, subSlot(slot, 'scope'));
-	return createElement(SharedElementContext.Provider, { value: ref, children: props.children });
+	return createElement(SharedElementContext, { value: ref, children: props.children });
 }
 
 export interface SharedElementRenderProps {

package/src/components/Table.ts

@@ -615,7 +615,7 @@ export function ResizableTableContainer(props: ResizableTableContainerProps & {
 		className: props.className || 'react-aria-ResizableTableContainer',
 		style: props.style,
 		onScroll: (props as any).onScroll,
-		children: createElement(ResizableTableContainerContext.Provider, {
+		children: createElement(ResizableTableContainerContext, {
 			value: ctx,
 			children: props.children,
 		}),
@@ -715,7 +715,7 @@ export function Table(props: TableProps): any {
 		subSlot(slot, 'options'),
 	);
 
-	let content = createElement(TableOptionsContext.Provider, {
+	let content = createElement(TableOptionsContext, {
 		value: ctx,
 		children: createElement(Collection, props as any),
 	});
@@ -2361,7 +2361,7 @@ export const Cell: (props: CellProps & { ref?: any }) => any = /*#__PURE__*/ cre
 			'data-level': row.level + 1,
 			'data-tree-column': cell.column!.key === state.treeColumn || undefined,
 			'data-disabled': isDisabled || undefined,
-			children: createElement(CollectionRendererContext.Provider, {
+			children: createElement(CollectionRendererContext, {
 				value: DefaultCollectionRenderer,
 				children: renderProps.children,
 			}),

package/src/components/TableLayout.tsx

@@ -14,9 +14,9 @@
 
 import {
 	TableLayout as BaseTableLayout,
-	TableLayoutProps,
+	type TableLayoutProps,
 } from '../upstream-exports/react-stately/useVirtualizerState';
-import { LayoutOptionsDelegate } from './Virtualizer';
+import type { LayoutOptionsDelegate } from './Virtualizer';
 import { TableColumnResizeStateContext } from './Table';
 import { useContext, useMemo } from '../compat/react';
 

package/src/components/Tabs.ts

@@ -471,7 +471,7 @@ export const Tab: (props: TabProps & { ref?: any }) => any = createLeafComponent
 			'data-focus-visible': isFocusVisible || undefined,
 			'data-pressed': isPressed || undefined,
 			'data-hovered': isHovered || undefined,
-			children: createElement(SelectionIndicatorContext.Provider, {
+			children: createElement(SelectionIndicatorContext, {
 				value: { isSelected },
 				children: renderProps.children,
 			}),
@@ -679,7 +679,7 @@ function TabPanelInner(
 				[TabsContext, null],
 				[TabListStateContext, null],
 			] as any,
-			children: createElement(CollectionRendererContext.Provider, {
+			children: createElement(CollectionRendererContext, {
 				value: DefaultCollectionRenderer,
 				children: renderProps.children,
 			}),

package/src/components/TagGroup.ts

@@ -134,7 +134,7 @@ export function TagGroup(props: TagGroupProps): any {
 	const slot = S('TagGroup');
 	let ref: any;
 	[props, ref] = useContextProps(props, (props as any).ref, TagGroupContext, subSlot(slot, 'ctx'));
-	return createElement(ListStateContext.Provider, {
+	return createElement(ListStateContext, {
 		value: null,
 		children: createElement(CollectionBuilder, {
 			content: props.children,

package/src/components/Toast.tsx

@@ -13,43 +13,43 @@
  */
 
 import {
-	AriaToastProps,
-	AriaToastRegionProps,
+	type AriaToastProps,
+	type AriaToastRegionProps,
 	useToast,
 	useToastRegion,
 } from '../upstream-exports/react-aria/useToast';
 
 import { ButtonContext } from './Button';
 import {
-	ClassNameOrFunction,
-	ContextValue,
+	type ClassNameOrFunction,
+	type ContextValue,
 	DEFAULT_SLOT,
 	dom,
-	DOMRenderProps,
+	type DOMRenderProps,
 	Provider,
-	RenderProps,
-	StyleRenderProps,
+	type RenderProps,
+	type StyleRenderProps,
 	useContextProps,
 	useRenderProps,
 } from './utils';
 import { createPortal, isChildrenBlock } from 'octane';
 import { filterDOMProps } from '../upstream-exports/react-aria/filterDOMProps';
-import { forwardRefType, GlobalDOMAttributes } from '@react-types/shared';
+import type { forwardRefType, GlobalDOMAttributes } from '@react-types/shared';
 import { mergeProps } from '../upstream-exports/react-aria/mergeProps';
 import {
-	QueuedToast,
+	type QueuedToast,
 	ToastQueue,
-	ToastState,
+	type ToastState,
 	useToastQueue,
 } from '../upstream-exports/react-stately/useToastState';
 import React, {
 	createContext,
-	ForwardedRef,
+	type ForwardedRef,
 	forwardRef,
-	HTMLAttributes,
-	JSX,
-	ReactElement,
-	ReactNode,
+	type HTMLAttributes,
+	type JSX,
+	type ReactElement,
+	type ReactNode,
 	useContext,
 } from '../compat/react';
 import { TextContext } from './Text';
@@ -142,7 +142,7 @@ const ToastRegion = /*#__PURE__*/ (forwardRef as any)(function ToastRegion<T>(
 	let DOMProps = filterDOMProps(props, { global: true });
 
 	let region = (
-		<ToastStateContext.Provider value={state}>
+		<ToastStateContext value={state}>
 			<dom.div
 				{...mergeProps(DOMProps, renderProps, regionProps, focusProps, hoverProps)}
 				dir={direction}
@@ -164,7 +164,7 @@ const ToastRegion = /*#__PURE__*/ (forwardRef as any)(function ToastRegion<T>(
 					props.children
 				)}
 			</dom.div>
-		</ToastStateContext.Provider>
+		</ToastStateContext>
 	);
 
 	return state.visibleToasts.length > 0 && portalContainer

package/src/components/ToggleButton.ts

@@ -139,7 +139,7 @@ export function ToggleButton(props: ToggleButtonProps): any {
 		'data-selected': isSelected || undefined,
 		'data-hovered': isHovered || undefined,
 		'data-focus-visible': isFocusVisible || undefined,
-		children: createElement(SelectionIndicatorContext.Provider, {
+		children: createElement(SelectionIndicatorContext, {
 			value: { isSelected },
 			children: renderProps.children,
 		}),

package/src/components/ToggleButtonGroup.ts

@@ -98,7 +98,7 @@ export function ToggleButtonGroup(props: ToggleButtonGroupProps): any {
 		slot: props.slot || undefined,
 		'data-orientation': props.orientation || 'horizontal',
 		'data-disabled': props.isDisabled || undefined,
-		children: createElement(ToggleGroupStateContext.Provider, {
+		children: createElement(ToggleGroupStateContext, {
 			value: state,
 			children: createElement(SharedElementTransition, { children: renderProps.children }),
 		}),

package/src/components/TokenField.tsx

@@ -13,15 +13,15 @@
  */
 
 import { isChildrenBlock, type OctaneNode } from 'octane';
-import { AriaTokenFieldProps } from '../upstream-exports/react-aria/useTokenField';
+import type { AriaTokenFieldProps } from '../upstream-exports/react-aria/useTokenField';
 import {
-	ClassNameOrFunction,
-	ContextValue,
+	type ClassNameOrFunction,
+	type ContextValue,
 	dom,
 	Provider,
-	RenderProps,
-	SlotProps,
-	StyleRenderProps,
+	type RenderProps,
+	type SlotProps,
+	type StyleRenderProps,
 	useContextProps,
 	useRenderProps,
 	useSlot,
@@ -30,26 +30,26 @@ import {
 import { createHideableComponent } from '../collections/Hidden';
 import { FieldInputContext } from './Autocomplete';
 import { filterDOMProps } from '../upstream-exports/react-aria/filterDOMProps';
-import { forwardRefType, GlobalDOMAttributes } from '@react-types/shared';
-import { HoverProps, useHover } from '../upstream-exports/react-aria/useHover';
+import type { forwardRefType, GlobalDOMAttributes } from '@react-types/shared';
+import { type HoverProps, useHover } from '../upstream-exports/react-aria/useHover';
 import { LabelContext } from './Label';
 import { mergeProps } from '../upstream-exports/react-aria/mergeProps';
 import { mergeRefs } from '../upstream-exports/react-aria/mergeRefs';
 import React, {
 	createContext,
-	ForwardedRef,
+	type ForwardedRef,
 	forwardRef,
-	HTMLAttributes,
+	type HTMLAttributes,
 	memo,
-	RefObject,
+	type RefObject,
 	useContext,
 	useMemo,
 } from '../compat/react';
 import { TextContext } from './Text';
 import {
-	TokenFieldState,
+	type TokenFieldState,
 	TokenFieldValue,
-	TokenSegment,
+	type TokenSegment,
 	useTokenFieldState,
 } from '../upstream-exports/react-stately/useTokenFieldState';
 import { useFocusRing } from '../upstream-exports/react-aria/useFocusRing';

package/src/components/Tooltip.ts

@@ -239,7 +239,7 @@ function TooltipInner(
 		'data-placement': placement ?? undefined,
 		'data-entering': isEntering || undefined,
 		'data-exiting': props.isExiting || undefined,
-		children: createElement(OverlayArrowContext.Provider, {
+		children: createElement(OverlayArrowContext, {
 			value: { ...arrowProps, placement, ref: arrowRef } as any,
 			children: renderProps.children,
 		}),

package/src/components/Tree.ts

@@ -765,7 +765,7 @@ export const TreeItemContent: (props: TreeItemContentProps) => any =
 				} as any,
 				subSlot(slot, 'render'),
 			);
-			return createElement(CollectionRendererContext.Provider, {
+			return createElement(CollectionRendererContext, {
 				value: DefaultCollectionRenderer,
 				children: renderProps.children,
 			});

package/src/components/Virtualizer.tsx

@@ -13,20 +13,26 @@
  */
 
 import {
-	CollectionBranchProps,
-	CollectionRenderer,
+	type CollectionBranchProps,
+	type CollectionRenderer,
 	CollectionRendererContext,
-	CollectionRootProps,
+	type CollectionRootProps,
 	renderAfterDropIndicators,
 } from './Collection';
-import { DropTargetDelegate, ItemDropTarget, Node } from '@react-types/shared';
+import type { DropTargetDelegate, ItemDropTarget, Node } from '@react-types/shared';
 import {
 	Layout,
 	ReusableView,
 	useVirtualizerState,
-	VirtualizerState,
+	type VirtualizerState,
 } from '../upstream-exports/react-stately/useVirtualizerState';
-import React, { createContext, JSX, ReactNode, useContext, useMemo } from '../compat/react';
+import React, {
+	createContext,
+	type JSX,
+	type ReactNode,
+	useContext,
+	useMemo,
+} from '../compat/react';
 import { useScrollView } from '../upstream-exports/react-aria/private/virtualizer/ScrollView';
 import { VirtualizerItem } from '../upstream-exports/react-aria/private/virtualizer/VirtualizerItem';
 
@@ -87,11 +93,11 @@ export function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {
 	);
 
 	return (
-		<CollectionRendererContext.Provider value={renderer}>
-			<VirtualizerOptionsContext.Provider value={{ layout, layoutOptions, shouldObserveItemSize }}>
+		<CollectionRendererContext value={renderer}>
+			<VirtualizerOptionsContext value={{ layout, layoutOptions, shouldObserveItemSize }}>
 				{children}
-			</VirtualizerOptionsContext.Provider>
-		</CollectionRendererContext.Provider>
+			</VirtualizerOptionsContext>
+		</CollectionRendererContext>
 	);
 }
 
@@ -141,9 +147,9 @@ function CollectionRoot({
 
 	return (
 		<div {...contentProps}>
-			<VirtualizerContext.Provider value={state}>
+			<VirtualizerContext value={state}>
 				{renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)}
-			</VirtualizerContext.Provider>
+			</VirtualizerContext>
 		</div>
 	);
 }

package/src/components/useDragAndDrop.tsx

@@ -13,43 +13,43 @@
  */
 
 import {
-	DropIndicatorProps as AriaDropIndicatorProps,
-	DropIndicatorAria,
-	DroppableCollectionOptions,
-	DroppableCollectionResult,
-	DroppableItemOptions,
-	DroppableItemResult,
+	type DropIndicatorProps as AriaDropIndicatorProps,
+	type DropIndicatorAria,
+	type DroppableCollectionOptions,
+	type DroppableCollectionResult,
+	type DroppableItemOptions,
+	type DroppableItemResult,
 	useDropIndicator,
 	useDroppableCollection,
 	useDroppableItem,
 } from '../upstream-exports/react-aria/useDroppableCollection';
 import {
-	DraggableCollectionOptions,
-	DraggableItemProps,
-	DraggableItemResult,
+	type DraggableCollectionOptions,
+	type DraggableItemProps,
+	type DraggableItemResult,
 	DragPreview,
 	useDraggableCollection,
 	useDraggableItem,
 } from '../upstream-exports/react-aria/useDraggableCollection';
-import {
+import type {
 	DraggableCollectionProps,
 	DroppableCollectionProps,
 	Key,
 	RefObject,
 } from '@react-types/shared';
 import {
-	DraggableCollectionState,
-	DraggableCollectionStateOptions,
+	type DraggableCollectionState,
+	type DraggableCollectionStateOptions,
 	useDraggableCollectionState,
 } from '../upstream-exports/react-stately/useDraggableCollectionState';
-import { DragItem, DropTarget, DropTargetDelegate } from '@react-types/shared';
+import type { DragItem, DropTarget, DropTargetDelegate } from '@react-types/shared';
 import {
-	DroppableCollectionState,
-	DroppableCollectionStateOptions,
+	type DroppableCollectionState,
+	type DroppableCollectionStateOptions,
 	useDroppableCollectionState,
 } from '../upstream-exports/react-stately/useDroppableCollectionState';
 import { isVirtualDragging } from '../upstream-exports/react-aria/private/dnd/DragManager';
-import { JSX, useMemo } from '../compat/react';
+import { type JSX, useMemo } from '../compat/react';
 import { ListDropTargetDelegate } from '../upstream-exports/react-aria/ListDropTargetDelegate';
 
 // Compatibility exports consumed by the existing collection component ports.

package/src/components/utils.ts

@@ -50,7 +50,7 @@ interface ProviderProps<Contexts extends readonly Context<any>[]> {
 	children: ReactNode;
 }
 
-// No hooks (Provider nests plain Context.Provider descriptors), so no slot threading. The
+// No hooks (Provider nests plain Context descriptors), so no slot threading. The
 // descriptor `{ value, children }` shape stays stable per values entry (see aria memory
 // octane-provider-children-shape-flip).
 export function Provider<const Contexts extends readonly Context<any>[]>(
@@ -58,7 +58,7 @@ export function Provider<const Contexts extends readonly Context<any>[]>(
 ): any {
 	let { values, children } = props;
 	for (let [Context, value] of values) {
-		children = createElement((Context as any).Provider, { value, children });
+		children = createElement(Context, { value, children });
 	}
 
 	return children;

package/src/datepicker/useDateField.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import {
+import type {
 	AriaLabelingProps,
 	DOMAttributes,
 	DOMProps,
@@ -21,17 +21,17 @@ import {
 	RefObject,
 	ValidationResult,
 } from '@react-types/shared';
-import { createFocusManager, FocusManager } from '../focus/FocusScope';
-import {
+import { createFocusManager, type FocusManager } from '../focus/FocusScope';
+import type {
 	DateFieldProps,
 	DateFieldState,
 	DateValue,
 } from '../upstream-exports/react-stately/useDateFieldState';
 import { filterDOMProps } from '../utils/filterDOMProps';
-import { InputHTMLAttributes, useEffect, useMemo, useRef } from '../compat/react';
+import { type InputHTMLAttributes, useEffect, useMemo, useRef } from '../compat/react';
 import intlMessages from '../intl/datepicker/index';
 import { mergeProps } from '../utils/mergeProps';
-import {
+import type {
 	TimeFieldState,
 	TimePickerProps,
 	TimeValue,

package/src/datepicker/useDatePicker.tsx

@@ -12,9 +12,9 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
-import { AriaDialogProps } from '../dialog/useDialog';
-import {
+import type { AriaButtonProps } from '../button/useButton';
+import type { AriaDialogProps } from '../dialog/useDialog';
+import type {
 	AriaLabelingProps,
 	DOMAttributes,
 	DOMProps,
@@ -24,9 +24,9 @@ import {
 	RefObject,
 	ValidationResult,
 } from '@react-types/shared';
-import { CalendarProps } from '../upstream-exports/react-stately/useCalendarState';
+import type { CalendarProps } from '../upstream-exports/react-stately/useCalendarState';
 import { createFocusManager } from '../focus/FocusScope';
-import {
+import type {
 	DatePickerProps,
 	DatePickerState,
 	DateValue,

package/src/datepicker/useDatePickerGroup.tsx

@@ -1,10 +1,10 @@
 /** @jsxImportSource octane */
 // Ported from adobe/react-spectrum@5ecb3333001313e83898cd07644227897e3bae1f (packages/react-aria/src/datepicker/useDatePickerGroup.ts).
 import { createFocusManager, getFocusableTreeWalker } from '../focus/FocusScope';
-import { DateFieldState } from '../upstream-exports/react-stately/useDateFieldState';
-import { DatePickerState } from '../upstream-exports/react-stately/useDatePickerState';
-import { DateRangePickerState } from '../upstream-exports/react-stately/useDateRangePickerState';
-import { DOMAttributes, FocusableElement, RefObject } from '@react-types/shared';
+import type { DateFieldState } from '../upstream-exports/react-stately/useDateFieldState';
+import type { DatePickerState } from '../upstream-exports/react-stately/useDatePickerState';
+import type { DateRangePickerState } from '../upstream-exports/react-stately/useDateRangePickerState';
+import type { DOMAttributes, FocusableElement, RefObject } from '@react-types/shared';
 import { getEventTarget } from '../utils/shadowdom/DOMFunctions';
 import { mergeProps } from '../utils/mergeProps';
 import { useKeyboard } from '../interactions/useKeyboard';

package/src/datepicker/useDateRangePicker.tsx

@@ -12,10 +12,10 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
-import { AriaDatePickerProps } from './useDatePicker';
-import { AriaDialogProps } from '../dialog/useDialog';
-import {
+import type { AriaButtonProps } from '../button/useButton';
+import type { AriaDatePickerProps } from './useDatePicker';
+import type { AriaDialogProps } from '../dialog/useDialog';
+import type {
 	AriaLabelingProps,
 	DOMAttributes,
 	DOMProps,
@@ -26,7 +26,7 @@ import {
 	ValidationResult,
 } from '@react-types/shared';
 import { createFocusManager } from '../focus/FocusScope';
-import {
+import type {
 	DateRange,
 	DateRangePickerProps,
 	DateRangePickerState,
@@ -42,7 +42,7 @@ import { focusManagerSymbol, roleSymbol } from './useDateField';
 import intlMessages from '../intl/datepicker/index';
 import { mergeProps } from '../utils/mergeProps';
 import { nodeContains } from '../utils/shadowdom/DOMFunctions';
-import { RangeCalendarProps } from '../upstream-exports/react-stately/useRangeCalendarState';
+import type { RangeCalendarProps } from '../upstream-exports/react-stately/useRangeCalendarState';
 import { useDatePickerGroup } from './useDatePickerGroup';
 import { useDescription } from '../utils/useDescription';
 import { useField } from '../label/useField';

package/src/datepicker/useDateSegment.tsx

@@ -13,15 +13,18 @@
  */
 
 import { CalendarDate, toCalendar } from '@internationalized/date';
-import { DateFieldState, DateSegment } from '../upstream-exports/react-stately/useDateFieldState';
+import type {
+	DateFieldState,
+	DateSegment,
+} from '../upstream-exports/react-stately/useDateFieldState';
 import { getActiveElement, nodeContains } from '../utils/shadowdom/DOMFunctions';
 import { getScrollParent } from '../utils/getScrollParent';
 import { hookData } from './useDateField';
 import { isIOS } from '../utils/platform';
 import { mergeProps } from '../utils/mergeProps';
 import { NumberParser } from '@internationalized/number';
-import React, { CSSProperties, useMemo, useRef } from '../compat/react';
-import { RefObject } from '@react-types/shared';
+import React, { type CSSProperties, useMemo, useRef } from '../compat/react';
+import type { RefObject } from '@react-types/shared';
 import { scrollIntoViewport } from '../utils/scrollIntoView';
 import { useDateFormatter } from '../i18n/useDateFormatter';
 import { useDisplayNames } from './useDisplayNames';

package/src/dnd/DragManager.tsx

@@ -15,7 +15,7 @@
 import { announce } from '../live-announcer/LiveAnnouncer';
 
 import { ariaHideOutside } from '../overlays/ariaHideOutside';
-import {
+import type {
 	DragEndEvent,
 	DragItem,
 	DropActivateEvent,
@@ -31,7 +31,7 @@ import { getActiveElement, getEventTarget, nodeContains } from '../utils/shadowd
 import { getDragModality, getTypes } from './utils';
 import { isVirtualClick, isVirtualPointerEvent } from '../utils/isVirtualEvent';
 import type { LocalizedStringFormatter } from '@internationalized/string';
-import { RefObject, useEffect, useState } from '../compat/react';
+import { type RefObject, useEffect, useState } from '../compat/react';
 
 let dropTargets = new Map<Element, DropTarget>();
 let dropItems = new Map<Element, DroppableItem>();

package/src/dnd/DragPreview.tsx

@@ -12,11 +12,11 @@
  * governing permissions and limitations under the License.
  */
 
-import { DragItem, DragPreviewRenderer } from '@react-types/shared';
+import type { DragItem, DragPreviewRenderer } from '@react-types/shared';
 import { flushSync } from 'octane';
 import React, {
-	ForwardedRef,
-	JSX,
+	type ForwardedRef,
+	type JSX,
 	useEffect,
 	useImperativeHandle,
 	useRef,

package/src/dnd/DropTargetKeyboardNavigation.tsx

@@ -1,6 +1,6 @@
 /** @jsxImportSource octane */
 // Ported from adobe/react-spectrum@1c84a49a1faf50b571c84e00bcf9c60b22ddd03e (packages/react-aria/src/dnd/DropTargetKeyboardNavigation.ts).
-import { Collection, DropTarget, Key, KeyboardDelegate, Node } from '@react-types/shared';
+import type { Collection, DropTarget, Key, KeyboardDelegate, Node } from '@react-types/shared';
 
 export function navigate(
 	keyboardDelegate: KeyboardDelegate,

package/src/dnd/ListDropTargetDelegate.tsx

@@ -1,6 +1,6 @@
 /** @jsxImportSource octane */
 // Ported from adobe/react-spectrum@1c84a49a1faf50b571c84e00bcf9c60b22ddd03e (packages/react-aria/src/dnd/ListDropTargetDelegate.ts).
-import {
+import type {
 	Direction,
 	DropTarget,
 	DropTargetDelegate,

package/src/dnd/constants.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { DropOperation } from '@react-types/shared';
+import type { DropOperation } from '@react-types/shared';
 
 export interface IDropOperation {
 	readonly none: 0;

package/src/dnd/useAutoScroll.tsx

@@ -16,7 +16,7 @@ import { getScrollParent } from '../utils/getScrollParent';
 
 import { isIOS, isWebKit } from '../utils/platform';
 import { isScrollable } from '../utils/isScrollable';
-import { RefObject } from '@react-types/shared';
+import type { RefObject } from '@react-types/shared';
 import { useCallback, useEffect, useRef } from '../compat/react';
 
 const AUTOSCROLL_AREA_SIZE = 20;

package/src/dnd/useClipboard.tsx

@@ -14,7 +14,7 @@
 
 import { chain } from '../utils/chain';
 
-import { DOMAttributes, DragItem, DropItem } from '@react-types/shared';
+import type { DOMAttributes, DragItem, DropItem } from '@react-types/shared';
 import { readFromDataTransfer, writeToDataTransfer } from './utils';
 import { useEffect, useRef } from '../compat/react';
 import { useEffectEvent } from '../utils/useEffectEvent';

package/src/dnd/useDrag.tsx

@@ -13,8 +13,8 @@ import { isIOS, isWebKit } from '../utils/platform';
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
-import {
+import type { AriaButtonProps } from '../button/useButton';
+import type {
 	DragEndEvent,
 	DragItem,
 	DragMoveEvent,
@@ -25,11 +25,11 @@ import {
 	RefObject,
 } from '@react-types/shared';
 import {
-	DragEvent,
-	HTMLAttributes,
-	KeyboardEvent,
-	MouseEvent,
-	PointerEvent,
+	type DragEvent,
+	type HTMLAttributes,
+	type KeyboardEvent,
+	type MouseEvent,
+	type PointerEvent,
 	useEffect,
 	useRef,
 	useState,