@octanejs/aria 0.0.49 → 0.0.50

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';
 

package/src/stately/color/useColorAreaState.tsx

@@ -14,11 +14,11 @@
 
 import { clamp, snapValueToStep } from '../utils/number';
 
-import { Color, ColorChannel, ColorSpace } from './types';
+import type { Color, ColorChannel, ColorSpace } from './types';
 import { normalizeColor, parseColor } from './Color';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useRef, useState } from '../../compat/react';
-import { ValueBase } from '@react-types/shared';
+import type { ValueBase } from '@react-types/shared';
 
 export interface ColorAreaProps extends Omit<ValueBase<string | Color>, 'onChange'> {
 	/**

package/src/stately/color/useColorChannelFieldState.tsx

@@ -1,8 +1,8 @@
 /** @jsxImportSource octane */
 // Ported from adobe/react-spectrum@1c84a49a1faf50b571c84e00bcf9c60b22ddd03e (packages/react-stately/src/color/useColorChannelFieldState.ts).
-import { Color, ColorChannel, ColorSpace } from './types';
-import { ColorFieldProps } from './useColorFieldState';
-import { NumberFieldState, useNumberFieldState } from '../numberfield/useNumberFieldState';
+import type { Color, ColorChannel, ColorSpace } from './types';
+import type { ColorFieldProps } from './useColorFieldState';
+import { type NumberFieldState, useNumberFieldState } from '../numberfield/useNumberFieldState';
 import { useColor } from './useColor';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useState } from '../../compat/react';

package/src/stately/color/useColorFieldState.tsx

@@ -12,8 +12,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { Color } from './types';
-import {
+import type { Color } from './types';
+import type {
 	FocusableProps,
 	HelpTextProps,
 	InputBase,
@@ -22,7 +22,7 @@ import {
 	Validation,
 	ValueBase,
 } from '@react-types/shared';
-import { FormValidationState, useFormValidationState } from '../form/useFormValidationState';
+import { type FormValidationState, useFormValidationState } from '../form/useFormValidationState';
 import { parseColor } from './Color';
 import { useColor } from './useColor';
 import { useControlledState } from '../utils/useControlledState';

package/src/stately/color/useColorPickerState.tsx

@@ -1,10 +1,10 @@
 /** @jsxImportSource octane */
 // Ported from adobe/react-spectrum@1c84a49a1faf50b571c84e00bcf9c60b22ddd03e (packages/react-stately/src/color/useColorPickerState.ts).
-import { Color } from './types';
+import type { Color } from './types';
 import { parseColor } from './Color';
 import { useColor } from './useColor';
 import { useControlledState } from '../utils/useControlledState';
-import { ValueBase } from '@react-types/shared';
+import type { ValueBase } from '@react-types/shared';
 
 export interface ColorPickerProps extends ValueBase<string | Color, Color> {}
 

package/src/stately/color/useColorSliderState.tsx

@@ -12,9 +12,9 @@
  * governing permissions and limitations under the License.
  */
 
-import { Color, ColorChannel, ColorSpace } from './types';
+import type { Color, ColorChannel, ColorSpace } from './types';
 import { normalizeColor, parseColor } from './Color';
-import { SliderProps, SliderState, useSliderState } from '../slider/useSliderState';
+import { type SliderProps, type SliderState, useSliderState } from '../slider/useSliderState';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useState } from '../../compat/react';
 

package/src/stately/color/useColorWheelState.tsx

@@ -12,11 +12,11 @@
  * governing permissions and limitations under the License.
  */
 
-import { Color } from './types';
+import type { Color } from './types';
 import { normalizeColor, parseColor } from './Color';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useRef, useState } from '../../compat/react';
-import { ValueBase } from '@react-types/shared';
+import type { ValueBase } from '@react-types/shared';
 
 export interface ColorWheelProps extends Omit<ValueBase<string | Color>, 'onChange'> {
 	/** Whether the ColorWheel is disabled. */

package/src/stately/data/useAsyncList.tsx

@@ -12,8 +12,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { createListActions, ListData, ListState } from './useListData';
-import { Key, LoadingState, Selection, SortDescriptor } from '@react-types/shared';
+import { createListActions, type ListData, type ListState } from './useListData';
+import type { Key, LoadingState, Selection, SortDescriptor } from '@react-types/shared';
 import { useEffect, useReducer, useRef } from '../../compat/react';
 
 export interface AsyncListOptions<T, C> {

package/src/stately/data/useListData.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { Key, Selection } from '@react-types/shared';
+import type { Key, Selection } from '@react-types/shared';
 import { useMemo, useState } from '../../compat/react';
 
 export interface ListOptions<T> {

package/src/stately/data/useTreeData.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { Key } from '@react-types/shared';
+import type { Key } from '@react-types/shared';
 import { useState } from '../../compat/react';
 
 export interface TreeOptions<T extends object> {

package/src/stately/datepicker/IncompleteDate.tsx

@@ -12,9 +12,14 @@
  * governing permissions and limitations under the License.
  */
 
-import { AnyDateTime, Calendar, CalendarDate, ZonedDateTime } from '@internationalized/date';
-import { DateSegmentType } from './useDateFieldState';
-import { DateValue } from './types';
+import {
+	type AnyDateTime,
+	type Calendar,
+	CalendarDate,
+	ZonedDateTime,
+} from '@internationalized/date';
+import type { DateSegmentType } from './useDateFieldState';
+import type { DateValue } from './types';
 
 type HourCycle = 'h12' | 'h11' | 'h23' | 'h24';
 

package/src/stately/datepicker/types.tsx

@@ -13,7 +13,7 @@
  */
 
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from '@internationalized/date';
-import {
+import type {
 	FocusableProps,
 	HelpTextProps,
 	InputBase,
@@ -22,8 +22,8 @@ import {
 	Validation,
 	ValueBase,
 } from '@react-types/shared';
-import { OverlayTriggerProps } from '../overlays/useOverlayTriggerState';
-import { PageBehavior } from '../calendar/types';
+import type { OverlayTriggerProps } from '../overlays/useOverlayTriggerState';
+import type { PageBehavior } from '../calendar/types';
 
 export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
 export type DateRange = RangeValue<DateValue>;

package/src/stately/datepicker/useDateFieldState.tsx

@@ -13,8 +13,8 @@
  */
 
 import {
-	Calendar,
-	CalendarIdentifier,
+	type Calendar,
+	type CalendarIdentifier,
 	DateFormatter,
 	GregorianCalendar,
 	isEqualCalendar,
@@ -23,20 +23,20 @@ import {
 import {
 	convertValue,
 	createPlaceholderDate,
-	FieldOptions,
-	FormatterOptions,
+	type FieldOptions,
+	type FormatterOptions,
 	getFormatOptions,
 	getValidationResult,
 	useDefaultProps,
 } from './utils';
-import { DatePickerProps, DateValue, Granularity, MappedDateValue } from './types';
-import { FormValidationState, useFormValidationState } from '../form/useFormValidationState';
+import type { DatePickerProps, DateValue, Granularity, MappedDateValue } from './types';
+import { type FormValidationState, useFormValidationState } from '../form/useFormValidationState';
 import { getPlaceholder } from './placeholders';
 import { IncompleteDate } from './IncompleteDate';
 import { NumberFormatter } from '@internationalized/number';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useState } from '../../compat/react';
-import { ValidationState } from '@react-types/shared';
+import type { ValidationState } from '@react-types/shared';
 
 export type DateSegmentType =
 	| 'era'

package/src/stately/datepicker/useDatePickerState.tsx

@@ -18,20 +18,23 @@ import {
 	toCalendarDate,
 	toCalendarDateTime,
 } from '@internationalized/date';
-import { DatePickerProps, DateValue, Granularity, MappedDateValue, TimeValue } from './types';
+import type { DatePickerProps, DateValue, Granularity, MappedDateValue, TimeValue } from './types';
 import {
-	FieldOptions,
-	FormatterOptions,
+	type FieldOptions,
+	type FormatterOptions,
 	getFormatOptions,
 	getPlaceholderTime,
 	getValidationResult,
 	useDefaultProps,
 } from './utils';
-import { FormValidationState, useFormValidationState } from '../form/useFormValidationState';
-import { OverlayTriggerState, useOverlayTriggerState } from '../overlays/useOverlayTriggerState';
+import { type FormValidationState, useFormValidationState } from '../form/useFormValidationState';
+import {
+	type OverlayTriggerState,
+	useOverlayTriggerState,
+} from '../overlays/useOverlayTriggerState';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useState } from '../../compat/react';
-import { ValidationState } from '@react-types/shared';
+import type { ValidationState } from '@react-types/shared';
 
 export interface DatePickerStateOptions<T extends DateValue> extends DatePickerProps<T> {
 	/**

package/src/stately/datepicker/useDateRangePickerState.tsx

@@ -13,7 +13,7 @@
  */
 
 import { DateFormatter, toCalendarDate, toCalendarDateTime } from '@internationalized/date';
-import {
+import type {
 	DateRange,
 	DateRangePickerProps,
 	DateValue,
@@ -22,16 +22,19 @@ import {
 	TimeValue,
 } from './types';
 import {
-	FieldOptions,
-	FormatterOptions,
+	type FieldOptions,
+	type FormatterOptions,
 	getFormatOptions,
 	getPlaceholderTime,
 	getRangeValidationResult,
 	useDefaultProps,
 } from './utils';
-import { FormValidationState, useFormValidationState } from '../form/useFormValidationState';
-import { OverlayTriggerState, useOverlayTriggerState } from '../overlays/useOverlayTriggerState';
-import { RangeValue, ValidationState } from '@react-types/shared';
+import { type FormValidationState, useFormValidationState } from '../form/useFormValidationState';
+import {
+	type OverlayTriggerState,
+	useOverlayTriggerState,
+} from '../overlays/useOverlayTriggerState';
+import type { RangeValue, ValidationState } from '@react-types/shared';
 import { useControlledState } from '../utils/useControlledState';
 import { useMemo, useState } from '../../compat/react';
 

package/src/stately/datepicker/useTimeFieldState.tsx

@@ -12,8 +12,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { DateFieldState, useDateFieldState } from './useDateFieldState';
-import { DateValue, MappedTimeValue, TimePickerProps, TimeValue } from './types';
+import { type DateFieldState, useDateFieldState } from './useDateFieldState';
+import type { DateValue, MappedTimeValue, TimePickerProps, TimeValue } from './types';
 import {
 	getLocalTimeZone,
 	GregorianCalendar,

package/src/stately/datepicker/utils.tsx

@@ -13,7 +13,7 @@
  */
 
 import {
-	Calendar,
+	type Calendar,
 	DateFormatter,
 	getLocalTimeZone,
 	now,
@@ -22,11 +22,11 @@ import {
 	toCalendarDate,
 	toCalendarDateTime,
 } from '@internationalized/date';
-import { DatePickerProps, DateValue, Granularity, TimeValue } from './types';
+import type { DatePickerProps, DateValue, Granularity, TimeValue } from './types';
 import i18nMessages from '../../intl/datepicker/index';
 import { LocalizedStringDictionary, LocalizedStringFormatter } from '@internationalized/string';
 import { mergeValidation, VALID_VALIDITY_STATE } from '../form/useFormValidationState';
-import { RangeValue, ValidationResult } from '@react-types/shared';
+import type { RangeValue, ValidationResult } from '@react-types/shared';
 import { useState } from '../../compat/react';
 
 const dictionary = new LocalizedStringDictionary(i18nMessages);

package/src/stately/dnd/useDraggableCollectionState.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import {
+import type {
 	Collection,
 	DraggableCollectionEndEvent,
 	DraggableCollectionProps,
@@ -25,7 +25,7 @@ import {
 	Node,
 	RefObject,
 } from '@react-types/shared';
-import { MultipleSelectionManager } from '../selection/types';
+import type { MultipleSelectionManager } from '../selection/types';
 import { useRef, useState } from '../../compat/react';
 
 export interface DraggableCollectionStateOptions<T = object> extends DraggableCollectionProps<T> {

package/src/stately/dnd/useDroppableCollectionState.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import {
+import type {
 	Collection,
 	DragTypes,
 	DropOperation,
@@ -22,7 +22,7 @@ import {
 	Key,
 	Node,
 } from '@react-types/shared';
-import { MultipleSelectionManager } from '../selection/types';
+import type { MultipleSelectionManager } from '../selection/types';
 import { useCallback, useRef, useState } from '../../compat/react';
 
 interface DropOperationEvent {

package/src/stately/layout/GridLayout.tsx

@@ -12,8 +12,14 @@
  * governing permissions and limitations under the License.
  */
 
-import { DropTarget, DropTargetDelegate, ItemDropTarget, Key, Node } from '@react-types/shared';
-import { InvalidationContext } from '../virtualizer/types';
+import type {
+	DropTarget,
+	DropTargetDelegate,
+	ItemDropTarget,
+	Key,
+	Node,
+} from '@react-types/shared';
+import type { InvalidationContext } from '../virtualizer/types';
 import { Layout } from '../virtualizer/Layout';
 import { LayoutInfo } from '../virtualizer/LayoutInfo';
 import { Rect } from '../virtualizer/Rect';

package/src/stately/layout/ListLayout.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import {
+import type {
 	Collection,
 	DropTarget,
 	DropTargetDelegate,
@@ -22,7 +22,7 @@ import {
 	Orientation,
 } from '@react-types/shared';
 import { getChildNodes } from '../collections/getChildNodes';
-import { InvalidationContext } from '../virtualizer/types';
+import type { InvalidationContext } from '../virtualizer/types';
 import { Layout } from '../virtualizer/Layout';
 import { LayoutInfo } from '../virtualizer/LayoutInfo';
 import { Rect } from '../virtualizer/Rect';

package/src/stately/layout/TableLayout.tsx

@@ -12,16 +12,16 @@
  * governing permissions and limitations under the License.
  */
 
-import { DropTarget, ItemDropTarget, Key } from '@react-types/shared';
+import type { DropTarget, ItemDropTarget, Key } from '@react-types/shared';
 import { getChildNodes } from '../collections/getChildNodes';
-import { GridNode } from '../grid/GridCollection';
-import { InvalidationContext } from '../virtualizer/types';
+import type { GridNode } from '../grid/GridCollection';
+import type { InvalidationContext } from '../virtualizer/types';
 import { LayoutInfo } from '../virtualizer/LayoutInfo';
-import { LayoutNode, ListLayout, ListLayoutOptions } from './ListLayout';
+import { type LayoutNode, ListLayout, type ListLayoutOptions } from './ListLayout';
 import { Point } from '../virtualizer/Point';
 import { Rect } from '../virtualizer/Rect';
 import { Size } from '../virtualizer/Size';
-import { ITableCollection as TableCollection } from '../table/TableCollection';
+import type { ITableCollection as TableCollection } from '../table/TableCollection';
 import { TableColumnLayout } from '../table/TableColumnLayout';
 
 export interface TableLayoutProps extends Omit<

package/src/stately/layout/WaterfallLayout.tsx

@@ -12,8 +12,14 @@
  * governing permissions and limitations under the License.
  */
 
-import { DropTarget, DropTargetDelegate, Key, LayoutDelegate, Node } from '@react-types/shared';
-import { InvalidationContext } from '../virtualizer/types';
+import type {
+	DropTarget,
+	DropTargetDelegate,
+	Key,
+	LayoutDelegate,
+	Node,
+} from '@react-types/shared';
+import type { InvalidationContext } from '../virtualizer/types';
 import { Layout } from '../virtualizer/Layout';
 import { LayoutInfo } from '../virtualizer/LayoutInfo';
 import { Point } from '../virtualizer/Point';

package/src/stately/tokenfield/useTokenFieldState.tsx

@@ -15,7 +15,7 @@
 import { TokenFieldValue } from './TokenFieldValue';
 import { useControlledState } from '../utils/useControlledState';
 import { useState } from '../../compat/react';
-import { ValueBase } from '@react-types/shared';
+import type { ValueBase } from '@react-types/shared';
 
 export interface TokenFieldProps<
 	T extends TokenFieldValue = TokenFieldValue,

package/src/stately/virtualizer/Layout.tsx

@@ -13,8 +13,8 @@ import type { ScrollAnchorInfo } from './ScrollAnchor';
  * governing permissions and limitations under the License.
  */
 
-import { InvalidationContext } from './types';
-import { ItemDropTarget, Key, LayoutDelegate, Node } from '@react-types/shared';
+import type { InvalidationContext } from './types';
+import type { ItemDropTarget, Key, LayoutDelegate, Node } from '@react-types/shared';
 import { LayoutInfo } from './LayoutInfo';
 import { Rect } from './Rect';
 import { Size } from './Size';

package/src/stately/virtualizer/LayoutInfo.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { Key } from '@react-types/shared';
+import type { Key } from '@react-types/shared';
 import { Rect } from './Rect';
 
 /**

package/src/stately/virtualizer/ReusableView.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { Key } from '@react-types/shared';
+import type { Key } from '@react-types/shared';
 import { LayoutInfo } from './LayoutInfo';
 import { Virtualizer } from './Virtualizer';
 

package/src/stately/virtualizer/ScrollAnchor.tsx

@@ -12,9 +12,9 @@
  * governing permissions and limitations under the License.
  */
 
-import { Key } from '@react-types/shared';
+import type { Key } from '@react-types/shared';
 import { LayoutInfo } from './LayoutInfo';
-import { Rect, RectCorner } from './Rect';
+import { Rect, type RectCorner } from './Rect';
 import { Size } from './Size';
 
 export type ScrollAnchorAxis = 'x' | 'y';

package/src/stately/virtualizer/Virtualizer.tsx

@@ -13,8 +13,8 @@
  */
 
 import { ChildView, ReusableView, RootView } from './ReusableView';
-import { Collection, Key } from '@react-types/shared';
-import {
+import type { Collection, Key } from '@react-types/shared';
+import type {
 	InvalidationContext,
 	Mutable,
 	VirtualizerDelegate,
@@ -26,7 +26,7 @@ import { LayoutInfo } from './LayoutInfo';
 import { OverscanManager } from './OverscanManager';
 import { Point } from './Point';
 import { Rect } from './Rect';
-import { ScrollAnchor, ScrollAnchorTracker } from './ScrollAnchor';
+import { type ScrollAnchor, ScrollAnchorTracker } from './ScrollAnchor';
 import { Size } from './Size';
 
 interface VirtualizerOptions<T extends object, V> {

package/src/stately/virtualizer/types.tsx

@@ -12,7 +12,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { Collection, Key } from '@react-types/shared';
+import type { Collection, Key } from '@react-types/shared';
 import { Layout } from './Layout';
 import { Rect } from './Rect';
 import { Size } from './Size';

package/src/stately/virtualizer/useVirtualizerState.tsx

@@ -12,8 +12,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { Collection, Key } from '@react-types/shared';
-import { InvalidationContext } from './types';
+import type { Collection, Key } from '@react-types/shared';
+import type { InvalidationContext } from './types';
 import { Layout } from './Layout';
 import React, { useCallback, useMemo, useRef, useState } from '../../compat/react';
 import { Rect } from './Rect';