@octanejs/aria 0.0.48 → 0.0.50

package/src/dnd/useDraggableCollection.tsx

@@ -12,9 +12,9 @@
  * governing permissions and limitations under the License.
  */
 
-import { DraggableCollectionState } from '../upstream-exports/react-stately/useDraggableCollectionState';
+import type { DraggableCollectionState } from '../upstream-exports/react-stately/useDraggableCollectionState';
 import { globalDndState, setDraggingCollectionRef } from './utils';
-import { RefObject } from '@react-types/shared';
+import type { RefObject } from '@react-types/shared';
 
 export interface DraggableCollectionOptions {}
 

package/src/dnd/useDraggableItem.tsx

@@ -12,17 +12,17 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
+import type { AriaButtonProps } from '../button/useButton';
 import {
 	clearGlobalDnDState,
 	isInternalDropOperation,
 	setDraggingKeys,
 	useDragModality,
 } from './utils';
-import { DraggableCollectionState } from '../upstream-exports/react-stately/useDraggableCollectionState';
-import { HTMLAttributes, KeyboardEvent } from '../compat/react';
+import type { DraggableCollectionState } from '../upstream-exports/react-stately/useDraggableCollectionState';
+import type { HTMLAttributes, KeyboardEvent } from '../compat/react';
 import intlMessages from '../intl/dnd/index';
-import { Key } from '@react-types/shared';
+import type { Key } from '@react-types/shared';
 import { useDescription } from '../utils/useDescription';
 import { useDrag } from './useDrag';
 import { useLocalizedStringFormatter } from '../i18n/useLocalizedStringFormatter';

package/src/dnd/useDrop.tsx

@@ -12,9 +12,9 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
+import type { AriaButtonProps } from '../button/useButton';
 
-import {
+import type {
 	DOMAttributes,
 	DropActivateEvent,
 	DropEnterEvent,
@@ -26,7 +26,7 @@ import {
 	DragTypes as IDragTypes,
 	RefObject,
 } from '@react-types/shared';
-import { DragEvent, useRef, useState } from '../compat/react';
+import { type DragEvent, useRef, useState } from '../compat/react';
 import * as DragManager from './DragManager';
 import {
 	DragTypes,

package/src/dnd/useDropIndicator.tsx

@@ -13,10 +13,10 @@
  */
 
 import * as DragManager from './DragManager';
-import { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
-import { DropTarget, FocusableElement, Key, RefObject } from '@react-types/shared';
+import type { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
+import type { DropTarget, FocusableElement, Key, RefObject } from '@react-types/shared';
 import { getDroppableCollectionId } from './utils';
-import { HTMLAttributes } from '../compat/react';
+import type { HTMLAttributes } from '../compat/react';
 import intlMessages from '../intl/dnd/index';
 import { useDroppableItem } from './useDroppableItem';
 import { useId } from '../utils/useId';

package/src/dnd/useDroppableCollection.tsx

@@ -21,7 +21,7 @@ import {
 	isInternalDropOperation,
 	setDropCollectionRef,
 } from './utils';
-import {
+import type {
 	Collection,
 	DropEvent,
 	DropOperation,
@@ -36,8 +36,8 @@ import {
 	RefObject,
 } from '@react-types/shared';
 import * as DragManager from './DragManager';
-import { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
-import { HTMLAttributes, useCallback, useEffect, useRef } from '../compat/react';
+import type { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
+import { type HTMLAttributes, useCallback, useEffect, useRef } from '../compat/react';
 import { mergeProps } from '../utils/mergeProps';
 import { navigate } from './DropTargetKeyboardNavigation';
 import { setInteractionModality } from '../interactions/useFocusVisible';

package/src/dnd/useDroppableItem.tsx

@@ -13,15 +13,15 @@
  */
 
 import * as DragManager from './DragManager';
-import { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
-import { DropTarget, FocusableElement, RefObject } from '@react-types/shared';
+import type { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
+import type { DropTarget, FocusableElement, RefObject } from '@react-types/shared';
 import {
 	getDroppableCollectionRef,
 	getTypes,
 	globalDndState,
 	isInternalDropOperation,
 } from './utils';
-import { HTMLAttributes, useEffect } from '../compat/react';
+import { type HTMLAttributes, useEffect } from '../compat/react';
 import { useVirtualDrop } from './useVirtualDrop';
 
 export interface DroppableItemOptions {

package/src/dnd/useVirtualDrop.tsx

@@ -12,8 +12,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
-import { DOMAttributes } from '../compat/react';
+import type { AriaButtonProps } from '../button/useButton';
+import type { DOMAttributes } from '../compat/react';
 import * as DragManager from './DragManager';
 import intlMessages from '../intl/dnd/index';
 import { useDescription } from '../utils/useDescription';

package/src/dnd/utils.tsx

@@ -13,7 +13,7 @@
  */
 
 import { CUSTOM_DRAG_TYPE, DROP_OPERATION, GENERIC_TYPE, NATIVE_DRAG_TYPES } from './constants';
-import {
+import type {
 	DirectoryDropItem,
 	DragItem,
 	DragType,
@@ -24,7 +24,7 @@ import {
 	RefObject,
 	TextDropItem,
 } from '@react-types/shared';
-import { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
+import type { DroppableCollectionState } from '../upstream-exports/react-stately/useDroppableCollectionState';
 import { getInteractionModality, useInteractionModality } from '../interactions/useFocusVisible';
 
 interface DroppableCollectionMap {

package/src/focus/FocusScope.ts

@@ -238,7 +238,7 @@ export function FocusScope(props: FocusScopeProps): any {
 	);
 
 	return createElement(
-		FocusContext.Provider,
+		FocusContext,
 		{ value },
 		createElement('span', { 'data-focus-scope-start': true, hidden: true, ref: startRef }),
 		children,

package/src/grid/useGridCell.tsx

@@ -13,7 +13,7 @@ type DOMAttributes = Record<string, any>;
  * governing permissions and limitations under the License.
  */
 
-import { FocusableElement, Key, RefObject } from '@react-types/shared';
+import type { FocusableElement, Key, RefObject } from '@react-types/shared';
 import { withSlot } from 'octane';
 import { focusSafely } from '../interactions/focusSafely';
 import {
@@ -25,15 +25,15 @@ import {
 import { getFocusableTreeWalker } from '../focus/FocusScope';
 import { getOwnerDocument } from '../utils/domHelpers';
 import { getScrollParent } from '../utils/getScrollParent';
-import {
+import type {
 	IGridCollection as GridCollection,
 	GridNode,
 } from '../upstream-exports/react-stately/private/grid/GridCollection';
 import { gridMap } from './utils';
-import { GridState } from '../upstream-exports/react-stately/private/grid/useGridState';
+import type { GridState } from '../upstream-exports/react-stately/private/grid/useGridState';
 import { isFocusVisible } from '../interactions/useFocusVisible';
 import { mergeProps } from '../utils/mergeProps';
-import { KeyboardEvent as ReactKeyboardEvent, useRef } from '../compat/react';
+import { type KeyboardEvent as ReactKeyboardEvent, useRef } from '../compat/react';
 import { scrollIntoViewport } from '../utils/scrollIntoView';
 import { useLocale } from '../i18n/I18nProvider';
 import { useSelectableItem } from '../selection/useSelectableItem';

package/src/gridlist/useGridListItem.tsx

@@ -14,7 +14,13 @@ type DOMAttributes = Record<string, any>;
  */
 
 import { chain } from '../utils/chain';
-import { Collection, FocusableElement, Key, RefObject, Node as RSNode } from '@react-types/shared';
+import type {
+	Collection,
+	FocusableElement,
+	Key,
+	RefObject,
+	Node as RSNode,
+} from '@react-types/shared';
 import { focusSafely } from '../interactions/focusSafely';
 import {
 	getActiveElement,
@@ -26,13 +32,17 @@ import { getFocusableTreeWalker } from '../focus/FocusScope';
 import { getOwnerDocument } from '../utils/domHelpers';
 import { getRowId, listMap } from './utils';
 import { getScrollParent } from '../utils/getScrollParent';
-import { HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef } from '../compat/react';
+import {
+	type HTMLAttributes,
+	type KeyboardEvent as ReactKeyboardEvent,
+	useRef,
+} from '../compat/react';
 import { withSlot } from 'octane';
 import { isFocusVisible } from '../interactions/useFocusVisible';
 import type { ListState } from '../upstream-exports/react-stately/useListState';
 import { mergeProps } from '../utils/mergeProps';
 import { scrollIntoViewport } from '../utils/scrollIntoView';
-import { SelectableItemStates, useSelectableItem } from '../selection/useSelectableItem';
+import { type SelectableItemStates, useSelectableItem } from '../selection/useSelectableItem';
 import type { TreeState } from '../upstream-exports/react-stately/useTreeState';
 import { useLocale } from '../i18n/I18nProvider';
 import { useSlotId } from '../utils/useId';

package/src/i18n/I18nProvider.ts

@@ -48,7 +48,7 @@ function I18nProviderWithLocale(props: I18nProviderWithLocaleProps): any {
 		subSlot(slot, 'value'),
 	);
 
-	return createElement(I18nContext.Provider, { value, children });
+	return createElement(I18nContext, { value, children });
 }
 
 interface I18nProviderWithDefaultLocaleProps {
@@ -63,7 +63,7 @@ function I18nProviderWithDefaultLocale(props: I18nProviderWithDefaultLocaleProps
 	let { children } = props;
 	let defaultLocale = useDefaultLocale(subSlot(slot, 'default'));
 
-	return createElement(I18nContext.Provider, { value: defaultLocale, children });
+	return createElement(I18nContext, { value: defaultLocale, children });
 }
 
 /**

package/src/interactions/PressResponder.ts

@@ -44,11 +44,11 @@ export function PressResponder(allProps: PressResponderProps): any {
 	context.ref = useObjectRef(ref || prevContext?.ref, subSlot(slot, 'ref'));
 	useSyncRef(prevContext, context.ref, subSlot(slot, 'sync'));
 
-	return createElement(PressResponderContext.Provider, { value: context, children });
+	return createElement(PressResponderContext, { value: context, children });
 }
 
 export function ClearPressResponder({ children }: { children: any }): any {
 	const slot = S('ClearPressResponder');
 	let context = useMemo(() => ({ register: () => {} }), [], subSlot(slot, 'context'));
-	return createElement(PressResponderContext.Provider, { value: context as any, children });
+	return createElement(PressResponderContext, { value: context as any, children });
 }

package/src/interactions/context.ts

@@ -1,6 +1,6 @@
 // Ported from react-aria (source: .react-spectrum/packages/react-aria/src/interactions/context.ts).
 // octane adaptations: React.createContext → octane createContext (octane's Context is
-// callable-as-Provider, `.Provider` stays as an identity alias, so consumers are unchanged);
+// is itself the provider component);
 // React's MutableRefObject type → a local structural alias; `displayName` is stamped through
 // a cast (octane's Context type doesn't declare it, but the runtime reads it for diagnostics).
 import type { FocusableElement } from '@react-types/shared';

package/src/interactions/useContextMenu.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { HTMLAttributes, useRef } from '../compat/react';
+import { type HTMLAttributes, useRef } from '../compat/react';
 import { isIOS, isMac } from '../utils/platform';
 import { mergeProps } from '../utils/mergeProps';
 import { useLongPress } from './useLongPress';

package/src/interactions/useFocusable.ts

@@ -90,7 +90,7 @@ export function FocusableProvider(
 		ref: objRef,
 	};
 
-	return createElement(FocusableContext.Provider, { value: context, children });
+	return createElement(FocusableContext, { value: context, children });
 }
 
 export interface FocusableAria {

package/src/landmark/useLandmark.tsx

@@ -12,7 +12,12 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaLabelingProps, DOMAttributes, FocusableElement, RefObject } from '@react-types/shared';
+import type {
+	AriaLabelingProps,
+	DOMAttributes,
+	FocusableElement,
+	RefObject,
+} from '@react-types/shared';
 import { getEventTarget, nodeContains } from '../utils/shadowdom/DOMFunctions';
 import { useCallback, useEffect, useState } from '../compat/react';
 import { useLayoutEffect } from '../utils/useLayoutEffect';

package/src/menu/useMenuTrigger.tsx

@@ -14,18 +14,18 @@ type KeyboardEvent = BaseEvent<globalThis.KeyboardEvent>;
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
+import type { AriaButtonProps } from '../button/useButton';
 import { withSlot } from 'octane';
-import { AriaMenuOptions } from './useMenu';
-import { FocusableElement, FocusStrategy, RefObject } from '@react-types/shared';
+import type { AriaMenuOptions } from './useMenu';
+import type { FocusableElement, FocusStrategy, RefObject } from '@react-types/shared';
 import { focusWithoutScrolling } from '../utils/focusWithoutScrolling';
 import { getEventTarget } from '../utils/shadowdom/DOMFunctions';
 import intlMessages from '../intl/menu/index';
-import {
+import type {
 	MenuTriggerState,
 	MenuTriggerType,
 } from '../upstream-exports/react-stately/useMenuTriggerState';
-import { PressProps } from '../interactions/usePress';
+import type { PressProps } from '../interactions/usePress';
 import { useContextMenu } from '../interactions/useContextMenu';
 import { useEffect } from '../compat/react';
 import { useId } from '../utils/useId';

package/src/menu/useSubmenuTrigger.tsx

@@ -12,11 +12,17 @@
  * governing permissions and limitations under the License.
  */
 
-import { AriaMenuItemProps } from './useMenuItem';
+import type { AriaMenuItemProps } from './useMenuItem';
 import { withSlot } from 'octane';
-import { AriaMenuOptions } from './useMenu';
+import type { AriaMenuOptions } from './useMenu';
 import type { AriaPopoverProps } from '../overlays/usePopover';
-import { FocusableElement, FocusStrategy, Node, PressEvent, RefObject } from '@react-types/shared';
+import type {
+	FocusableElement,
+	FocusStrategy,
+	Node,
+	PressEvent,
+	RefObject,
+} from '@react-types/shared';
 import { focusWithoutScrolling } from '../utils/focusWithoutScrolling';
 import {
 	getActiveElement,

package/src/numberfield/useNumberField.tsx

@@ -25,8 +25,8 @@ type DOMAttributes = Record<string, any>;
  */
 
 import { announce } from '../live-announcer/LiveAnnouncer';
-import { AriaButtonProps } from '../button/useButton';
-import {
+import type { AriaButtonProps } from '../button/useButton';
+import type {
 	AriaLabelingProps,
 	DOMProps,
 	GroupDOMAttributes,
@@ -34,9 +34,9 @@ import {
 	ValidationResult,
 } from '@react-types/shared';
 import {
-	InputHTMLAttributes,
-	LabelHTMLAttributes,
-	RefObject,
+	type InputHTMLAttributes,
+	type LabelHTMLAttributes,
+	type RefObject,
 	useCallback,
 	useMemo,
 	useState,
@@ -47,7 +47,7 @@ import { getActiveElement, getEventTarget } from '../utils/shadowdom/DOMFunction
 import intlMessages from '../intl/numberfield/index';
 import { isAndroid, isIOS, isIPhone } from '../utils/platform';
 import { mergeProps } from '../utils/mergeProps';
-import {
+import type {
 	NumberFieldProps,
 	NumberFieldState,
 } from '../upstream-exports/react-stately/useNumberFieldState';

package/src/overlays/Overlay.ts

@@ -80,9 +80,9 @@ export function Overlay(props: OverlayProps): any {
 		});
 	}
 
-	contents = createElement(OverlayContext.Provider, {
+	contents = createElement(OverlayContext, {
 		value: contextValue as OverlayContextValue,
-		children: createElement(FocusableContext.Provider, {
+		children: createElement(FocusableContext, {
 			value: null,
 			children: createElement(ClearPressResponder, { children: contents }),
 		}),

package/src/overlays/PortalProvider.ts

@@ -24,7 +24,7 @@ export const PortalContext = createContext<PortalProviderContextValue>({});
 export function UNSAFE_PortalProvider(props: PortalProviderProps): any {
 	let { getContainer } = props;
 	let { getContainer: ctxGetContainer } = useUNSAFE_PortalContext();
-	return createElement(PortalContext.Provider, {
+	return createElement(PortalContext, {
 		value: {
 			getContainer: getContainer === null ? undefined : (getContainer ?? ctxGetContainer),
 		},

package/src/overlays/useModal.ts

@@ -71,7 +71,7 @@ export function ModalProvider(props: ModalProviderProps): any {
 		subSlot(slot, 'context'),
 	);
 
-	return createElement(Context.Provider, { value: context, children });
+	return createElement(Context, { value: context, children });
 }
 
 export interface ModalProviderAria {

package/src/overlays/useOverlay.tsx

@@ -13,7 +13,7 @@ type DOMAttributes = Record<string, any>;
  * governing permissions and limitations under the License.
  */
 
-import { RefObject } from '@react-types/shared';
+import type { RefObject } from '@react-types/shared';
 import { withSlot } from 'octane';
 import { getEventTarget } from '../utils/shadowdom/DOMFunctions';
 import { isElementInChildOfActiveScope } from '../focus/FocusScope';

package/src/radio/useRadioGroup.tsx

@@ -13,7 +13,7 @@ type DOMAttributes = Record<string, any>;
  * governing permissions and limitations under the License.
  */
 
-import {
+import type {
 	AriaLabelingProps,
 	AriaValidationProps,
 	DOMProps,
@@ -27,7 +27,7 @@ import { getFocusableTreeWalker } from '../focus/FocusScope';
 import { getOwnerWindow } from '../utils/domHelpers';
 import { mergeProps } from '../utils/mergeProps';
 import { radioGroupData } from './utils';
-import {
+import type {
 	RadioGroupProps,
 	RadioGroupState,
 } from '../upstream-exports/react-stately/useRadioGroupState';

package/src/searchfield/useSearchField.tsx

@@ -13,15 +13,15 @@ type DOMAttributes = Record<string, any>;
  * governing permissions and limitations under the License.
  */
 
-import { AriaButtonProps } from '../button/useButton';
+import type { AriaButtonProps } from '../button/useButton';
 import { withSlot } from 'octane';
-import { AriaTextFieldProps, useTextField } from '../textfield/useTextField';
-import { RefObject, ValidationResult } from '@react-types/shared';
-import { InputHTMLAttributes, LabelHTMLAttributes } from '../compat/react';
+import { type AriaTextFieldProps, useTextField } from '../textfield/useTextField';
+import type { RefObject, ValidationResult } from '@react-types/shared';
+import type { InputHTMLAttributes, LabelHTMLAttributes } from '../compat/react';
 import intlMessages from '../intl/searchfield/index';
 // @ts-ignore
 import { mergeProps } from '../utils/mergeProps';
-import {
+import type {
 	SearchFieldProps,
 	SearchFieldState,
 } from '../upstream-exports/react-stately/useSearchFieldState';

package/src/selection/useSelectableCollection.tsx

@@ -18,7 +18,7 @@ type DOMAttributes = Record<string, any>;
 import { CLEAR_FOCUS_EVENT, FOCUS_EVENT } from '../utils/constants';
 
 import { dispatchVirtualFocus, moveVirtualFocus } from '../focus/virtualFocus';
-import {
+import type {
 	FocusableElement,
 	FocusStrategy,
 	Key,
@@ -26,7 +26,7 @@ import {
 	RefObject,
 } from '@react-types/shared';
 import { flushSync, withSlot } from 'octane';
-import { FocusEvent, useEffect, useRef } from '../compat/react';
+import { type FocusEvent, useEffect, useRef } from '../compat/react';
 import { focusSafely } from '../interactions/focusSafely';
 import { focusWithoutScrolling } from '../utils/focusWithoutScrolling';
 import {
@@ -42,7 +42,7 @@ import { isCtrlKeyPressed } from '../utils/keyboard';
 import { isMac } from '../utils/platform';
 import { isTabbable } from '../utils/isFocusable';
 import { mergeProps } from '../utils/mergeProps';
-import { MultipleSelectionManager } from '../upstream-exports/react-stately/useMultipleSelectionState';
+import type { MultipleSelectionManager } from '../upstream-exports/react-stately/useMultipleSelectionState';
 import { scrollIntoView, scrollIntoViewport } from '../utils/scrollIntoView';
 import { useEvent } from '../utils/useEvent';
 import { useKeyboard } from '../interactions/useKeyboard';

package/src/slider/useSliderThumb.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource octane */
 type DOMAttributes = Record<string, any>;
 // Ported from adobe/react-spectrum@5ecb3333001313e83898cd07644227897e3bae1f (packages/react-aria/src/slider/useSliderThumb.ts).
-import {
+import type {
 	AriaLabelingProps,
 	AriaValidationProps,
 	DOMProps,
@@ -20,14 +20,14 @@ import { getSliderThumbId, sliderData } from './utils';
 import { mergeProps } from '../utils/mergeProps';
 import { withSlot } from 'octane';
 import React, {
-	ChangeEvent,
-	InputHTMLAttributes,
-	LabelHTMLAttributes,
+	type ChangeEvent,
+	type InputHTMLAttributes,
+	type LabelHTMLAttributes,
 	useCallback,
 	useEffect,
 	useRef,
 } from '../compat/react';
-import { SliderState } from '../upstream-exports/react-stately/useSliderState';
+import type { SliderState } from '../upstream-exports/react-stately/useSliderState';
 import { useFocusable } from '../interactions/useFocusable';
 import { useFormReset } from '../utils/useFormReset';
 import { useGlobalListeners } from '../utils/useGlobalListeners';

package/src/spinbutton/useSpinButton.tsx

@@ -16,8 +16,8 @@ type DOMAttributes = Record<string, any>;
 import { announce, clearAnnouncer } from '../live-announcer/LiveAnnouncer';
 import { withSlot } from 'octane';
 
-import { AriaButtonProps } from '../button/useButton';
-import { InputBase, RangeInputBase, Validation, ValueBase } from '@react-types/shared';
+import type { AriaButtonProps } from '../button/useButton';
+import type { InputBase, RangeInputBase, Validation, ValueBase } from '@react-types/shared';
 import intlMessages from '../intl/spinbutton/index';
 import { useCallback, useEffect, useRef, useState } from '../compat/react';
 import { useEffectEvent } from '../utils/useEffectEvent';

package/src/stately/calendar/types.tsx

@@ -15,11 +15,11 @@
 import {
 	CalendarDate,
 	CalendarDateTime,
-	DateDuration,
+	type DateDuration,
 	ZonedDateTime,
 } from '@internationalized/date';
-import { RangeValue, ValidationState } from '@react-types/shared';
-import { ReactNode } from '../../compat/react';
+import type { RangeValue, ValidationState } from '@react-types/shared';
+import type { ReactNode } from '../../compat/react';
 
 export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
 export type MappedDateValue<T> = T extends ZonedDateTime

package/src/stately/calendar/useCalendarState.tsx

@@ -23,10 +23,10 @@ import {
 	previousAvailableDate,
 } from './utils';
 import {
-	Calendar,
+	type Calendar,
 	CalendarDate,
-	CalendarIdentifier,
-	DateDuration,
+	type CalendarIdentifier,
+	type DateDuration,
 	DateFormatter,
 	endOfMonth,
 	endOfWeek,
@@ -41,7 +41,7 @@ import {
 	toCalendarDate,
 	today,
 } from '@internationalized/date';
-import {
+import type {
 	CalendarPropsBase,
 	CalendarSelectionMode,
 	CalendarState,
@@ -51,7 +51,7 @@ import {
 } from './types';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useState } from '../../compat/react';
-import { ValidationState, ValueBase } from '@react-types/shared';
+import type { ValidationState, ValueBase } from '@react-types/shared';
 
 export interface CalendarProps<T extends DateValue, M extends CalendarSelectionMode = 'single'>
 	extends

package/src/stately/calendar/useRangeCalendarState.tsx

@@ -14,18 +14,18 @@
 
 import { alignCenter, constrainValue, isInvalid, previousAvailableDate } from './utils';
 import {
-	Calendar,
+	type Calendar,
 	CalendarDate,
-	CalendarIdentifier,
-	DateDuration,
+	type CalendarIdentifier,
+	type DateDuration,
 	GregorianCalendar,
 	maxDate,
 	minDate,
 	toCalendar,
 	toCalendarDate,
 } from '@internationalized/date';
-import { CalendarPropsBase, DateValue, MappedDateValue, RangeCalendarState } from './types';
-import { RangeValue, ValidationState, ValueBase } from '@react-types/shared';
+import type { CalendarPropsBase, DateValue, MappedDateValue, RangeCalendarState } from './types';
+import type { RangeValue, ValidationState, ValueBase } from '@react-types/shared';
 import { useCalendarState } from './useCalendarState';
 import { useCallback, useMemo, useState } from '../../compat/react';
 import { useControlledState } from '../utils/useControlledState';

package/src/stately/calendar/utils.tsx

@@ -13,7 +13,7 @@
  */
 import {
 	CalendarDate,
-	DateDuration,
+	type DateDuration,
 	maxDate,
 	minDate,
 	startOfMonth,
@@ -21,7 +21,7 @@ import {
 	startOfYear,
 	toCalendarDate,
 } from '@internationalized/date';
-import { DateValue } from './types';
+import type { DateValue } from './types';
 
 export function isInvalid(
 	date: DateValue,

package/src/stately/color/Color.tsx

@@ -13,7 +13,7 @@
  */
 
 import { clamp, toFixedNumber } from '../utils/number';
-import {
+import type {
 	ColorAxes,
 	ColorChannel,
 	ColorChannelRange,

package/src/stately/color/useColor.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { Color } from './types';
+import type { Color } from './types';
 import { parseColor } from './Color';
 import { useMemo } from '../../compat/react';