@depup/react-aria-components 1.20.0-depup.0 → 1.21.0-depup.0

package/dist/private/TreeDropTargetDelegate.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/TreeDropTargetDelegate.ts"],"sourcesContent":["import {\n  Direction,\n  DropTarget,\n  DropTargetDelegate,\n  ItemDropTarget,\n  Key,\n  Node,\n  RootDropTarget\n} from '@react-types/shared';\n\ninterface TreeCollection<T> extends Iterable<Node<T>> {\n  getItem(key: Key): Node<T> | null;\n  getChildren?(key: Key): Iterable<Node<T>>;\n  getKeyAfter(key: Key): Key | null;\n  getKeyBefore(key: Key): Key | null;\n}\n\ninterface TreeState<T> {\n  collection: TreeCollection<T>;\n  expandedKeys: Set<Key>;\n}\n\ninterface PointerTracking {\n  lastY: number;\n  lastX: number;\n  yDirection: 'up' | 'down' | null;\n  xDirection: 'left' | 'right' | null;\n  boundaryContext: {\n    parentKey: Key;\n    lastSwitchY: number;\n    lastSwitchX: number;\n    preferredTargetIndex?: number;\n  } | null;\n}\n\nconst X_SWITCH_THRESHOLD = 10;\nconst Y_SWITCH_THRESHOLD = 5;\nexport class TreeDropTargetDelegate<T> {\n  private delegate: DropTargetDelegate | null = null;\n  private state: TreeState<T> | null = null;\n  private direction: Direction = 'ltr';\n  private pointerTracking: PointerTracking = {\n    lastY: 0,\n    lastX: 0,\n    yDirection: null,\n    xDirection: null,\n    boundaryContext: null\n  };\n\n  setup(delegate: DropTargetDelegate, state: TreeState<T>, direction: Direction): void {\n    this.delegate = delegate;\n    this.state = state;\n    this.direction = direction;\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): DropTarget | null {\n    let baseTarget = this.delegate!.getDropTargetFromPoint(x, y, isValidDropTarget);\n    if (!baseTarget || baseTarget.type === 'root') {\n      return baseTarget;\n    }\n\n    return this.resolveDropTarget(baseTarget, x, y, isValidDropTarget);\n  }\n\n  private resolveDropTarget(\n    target: ItemDropTarget,\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): RootDropTarget | ItemDropTarget | null {\n    let tracking = this.pointerTracking;\n\n    // Calculate movement directions\n    let deltaY = y - tracking.lastY;\n    let deltaX = x - tracking.lastX;\n    let currentYMovement: 'up' | 'down' | null = tracking.yDirection;\n    let currentXMovement: 'left' | 'right' | null = tracking.xDirection;\n\n    if (Math.abs(deltaY) > Y_SWITCH_THRESHOLD) {\n      currentYMovement = deltaY > 0 ? 'down' : 'up';\n      tracking.yDirection = currentYMovement;\n      tracking.lastY = y;\n    }\n\n    if (Math.abs(deltaX) > X_SWITCH_THRESHOLD) {\n      currentXMovement = deltaX > 0 ? 'right' : 'left';\n      tracking.xDirection = currentXMovement;\n      tracking.lastX = x;\n    }\n\n    // Normalize to 'after'\n    if (target.dropPosition === 'before') {\n      let keyBefore = this.state!.collection.getKeyBefore(target.key);\n\n      while (keyBefore != null) {\n        let node = this.state!.collection.getItem(keyBefore);\n        if (node?.type === 'item') {\n          break;\n        }\n        keyBefore = node?.parentKey ?? null;\n      }\n      if (keyBefore != null) {\n        let convertedTarget = {\n          type: 'item',\n          key: keyBefore,\n          dropPosition: 'after'\n        } as const;\n\n        if (isValidDropTarget(convertedTarget)) {\n          target = convertedTarget;\n        }\n      }\n    }\n\n    let potentialTargets = this.getPotentialTargets(target, isValidDropTarget);\n\n    if (potentialTargets.length === 0) {\n      return {type: 'root'};\n    }\n\n    let resolvedItemTarget: ItemDropTarget;\n    if (potentialTargets.length > 1) {\n      resolvedItemTarget = this.selectTarget(\n        potentialTargets,\n        target,\n        x,\n        y,\n        currentYMovement,\n        currentXMovement\n      );\n    } else {\n      resolvedItemTarget = potentialTargets[0];\n      // Reset boundary context since we're not in a boundary case\n      tracking.boundaryContext = null;\n    }\n\n    return resolvedItemTarget;\n  }\n\n  // Returns potential targets for an ambiguous drop position (e.g. after the last child of a parent, or after the parent itself)\n  // Ordered by level, from innermost to outermost.\n  private getPotentialTargets(\n    originalTarget: ItemDropTarget,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): ItemDropTarget[] {\n    if (originalTarget.dropPosition === 'on') {\n      return [originalTarget];\n    }\n\n    let target = originalTarget;\n    let collection = this.state!.collection;\n\n    let currentItem = collection.getItem(target.key);\n    while (currentItem && currentItem?.type !== 'item' && currentItem.nextKey != null) {\n      target.key = currentItem.nextKey;\n      currentItem = collection.getItem(currentItem.nextKey);\n    }\n\n    let potentialTargets = [target];\n\n    // If target has children and is expanded, use \"before first child\"\n    if (\n      currentItem &&\n      currentItem.hasChildNodes &&\n      this.state!.expandedKeys.has(currentItem.key) &&\n      collection.getChildren &&\n      target.dropPosition === 'after'\n    ) {\n      // Find the first item child (traverse keys directly instead of using collection.getChildren, which may only include cells).\n      let firstChildItemNode =\n        currentItem.firstChildKey != null ? collection.getItem(currentItem.firstChildKey) : null;\n      while (firstChildItemNode && firstChildItemNode.type !== 'item') {\n        firstChildItemNode =\n          firstChildItemNode.nextKey != null\n            ? collection.getItem(firstChildItemNode.nextKey)\n            : null;\n      }\n\n      if (firstChildItemNode?.type === 'item') {\n        const beforeFirstChildTarget = {\n          type: 'item',\n          key: firstChildItemNode.key,\n          dropPosition: 'before'\n        } as const;\n\n        if (isValidDropTarget(beforeFirstChildTarget)) {\n          return [beforeFirstChildTarget];\n        } else {\n          return [];\n        }\n      }\n    }\n\n    if (currentItem?.nextKey != null) {\n      return [originalTarget];\n    }\n\n    // Walk up the parent chain to find ancestors that are the last child at their level\n    let parentKey = currentItem?.parentKey;\n    let ancestorTargets: ItemDropTarget[] = [];\n\n    while (parentKey != null) {\n      let parentItem = collection.getItem(parentKey);\n      let nextItem = parentItem?.nextKey != null ? collection.getItem(parentItem.nextKey) : null;\n      let isLastChildAtLevel = !nextItem || nextItem.parentKey !== parentKey;\n\n      if (isLastChildAtLevel) {\n        let afterParentTarget = {\n          type: 'item',\n          key: parentKey,\n          dropPosition: 'after'\n        } as const;\n\n        if (isValidDropTarget(afterParentTarget)) {\n          ancestorTargets.push(afterParentTarget);\n        }\n        if (nextItem) {\n          break;\n        }\n      }\n\n      parentKey = parentItem?.parentKey;\n    }\n\n    if (ancestorTargets.length > 0) {\n      potentialTargets.push(...ancestorTargets);\n    }\n\n    // Handle converting \"after\" to \"before next\" for non-ambiguous cases\n    if (potentialTargets.length === 1) {\n      let nextKey = collection.getKeyAfter(target.key);\n      let nextNode = nextKey != null ? collection.getItem(nextKey) : null;\n      if (\n        nextKey != null &&\n        nextNode &&\n        currentItem &&\n        nextNode.level != null &&\n        currentItem.level != null &&\n        nextNode.level > currentItem.level\n      ) {\n        let beforeTarget = {\n          type: 'item',\n          key: nextKey,\n          dropPosition: 'before'\n        } as const;\n        if (isValidDropTarget(beforeTarget)) {\n          return [beforeTarget];\n        }\n      }\n    }\n\n    return potentialTargets.filter(isValidDropTarget);\n  }\n\n  private selectTarget(\n    potentialTargets: ItemDropTarget[],\n    originalTarget: ItemDropTarget,\n    x: number,\n    y: number,\n    currentYMovement: 'up' | 'down' | null,\n    currentXMovement: 'left' | 'right' | null\n  ): ItemDropTarget {\n    if (potentialTargets.length < 2) {\n      return potentialTargets[0];\n    }\n\n    let tracking = this.pointerTracking;\n    let currentItem = this.state!.collection.getItem(originalTarget.key);\n    let parentKey = currentItem?.parentKey;\n\n    if (parentKey == null) {\n      return potentialTargets[0];\n    }\n\n    // More than 1 potential target - use Y for initial target, then X for switching levels\n    // Initialize boundary context if needed\n    if (!tracking.boundaryContext || tracking.boundaryContext.parentKey !== parentKey) {\n      // If entering from below, start with outer-most\n      let initialTargetIndex = tracking.yDirection === 'up' ? potentialTargets.length - 1 : 0;\n      tracking.boundaryContext = {\n        parentKey,\n        preferredTargetIndex: initialTargetIndex,\n        lastSwitchY: y,\n        lastSwitchX: x\n      };\n    }\n\n    let boundaryContext = tracking.boundaryContext;\n    let distanceFromLastXSwitch = Math.abs(x - boundaryContext.lastSwitchX);\n    let distanceFromLastYSwitch = Math.abs(y - boundaryContext.lastSwitchY);\n\n    // Switch between targets based on Y movement\n    if (distanceFromLastYSwitch > Y_SWITCH_THRESHOLD && currentYMovement) {\n      let currentIndex = boundaryContext.preferredTargetIndex || 0;\n\n      if (currentYMovement === 'down' && currentIndex === 0) {\n        // Moving down from inner-most, switch to outer-most\n        boundaryContext.preferredTargetIndex = potentialTargets.length - 1;\n      } else if (currentYMovement === 'up' && currentIndex === potentialTargets.length - 1) {\n        // Moving up from outer-most, switch to inner-most\n        boundaryContext.preferredTargetIndex = 0;\n      }\n\n      // Reset x tracking so that moving diagonally doesn't cause flickering.\n      tracking.xDirection = null;\n    }\n\n    // X movement controls level selection\n    if (distanceFromLastXSwitch > X_SWITCH_THRESHOLD && currentXMovement) {\n      let currentTargetIndex = boundaryContext.preferredTargetIndex || 0;\n\n      if (currentXMovement === 'left') {\n        if (this.direction === 'ltr') {\n          // LTR: left = move to higher level in tree (increase index)\n          if (currentTargetIndex < potentialTargets.length - 1) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        } else {\n          // RTL: left = move to lower level in tree (decrease index)\n          if (currentTargetIndex > 0) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        }\n      } else if (currentXMovement === 'right') {\n        if (this.direction === 'ltr') {\n          // LTR: right = move to lower level in tree (decrease index)\n          if (currentTargetIndex > 0) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        } else {\n          // RTL: right = move to higher level in tree (increase index)\n          if (currentTargetIndex < potentialTargets.length - 1) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        }\n      }\n\n      // Reset y tracking so that moving diagonally doesn't cause flickering.\n      tracking.yDirection = null;\n    }\n\n    let targetIndex = Math.max(\n      0,\n      Math.min(boundaryContext.preferredTargetIndex || 0, potentialTargets.length - 1)\n    );\n    return potentialTargets[targetIndex];\n  }\n}\n"],"names":[],"version":3,"file":"TreeDropTargetDelegate.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/TreeDropTargetDelegate.ts"],"sourcesContent":["import {\n  Direction,\n  DropTarget,\n  DropTargetDelegate,\n  ItemDropTarget,\n  Key,\n  Node,\n  RootDropTarget\n} from '@react-types/shared';\n\ninterface TreeCollection<T> extends Iterable<Node<T>> {\n  getItem(key: Key): Node<T> | null;\n  getChildren?(key: Key): Iterable<Node<T>>;\n  getKeyAfter(key: Key): Key | null;\n  getKeyBefore(key: Key): Key | null;\n}\n\ninterface TreeState<T> {\n  collection: TreeCollection<T>;\n  expandedKeys: Set<Key>;\n}\n\ninterface PointerTracking {\n  lastY: number;\n  lastX: number;\n  yDirection: 'up' | 'down' | null;\n  xDirection: 'left' | 'right' | null;\n  boundaryContext: {\n    parentKey: Key;\n    lastSwitchY: number;\n    lastSwitchX: number;\n    preferredTargetIndex?: number;\n  } | null;\n}\n\nconst X_SWITCH_THRESHOLD = 10;\nconst Y_SWITCH_THRESHOLD = 5;\nexport class TreeDropTargetDelegate<T> {\n  private delegate: DropTargetDelegate | null = null;\n  private state: TreeState<T> | null = null;\n  private direction: Direction = 'ltr';\n  private pointerTracking: PointerTracking = {\n    lastY: 0,\n    lastX: 0,\n    yDirection: null,\n    xDirection: null,\n    boundaryContext: null\n  };\n\n  setup(delegate: DropTargetDelegate, state: TreeState<T>, direction: Direction): void {\n    this.delegate = delegate;\n    this.state = state;\n    this.direction = direction;\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): DropTarget | null {\n    let baseTarget = this.delegate!.getDropTargetFromPoint(x, y, isValidDropTarget);\n    if (!baseTarget || baseTarget.type === 'root') {\n      return baseTarget;\n    }\n\n    return this.resolveDropTarget(baseTarget, x, y, isValidDropTarget);\n  }\n\n  private resolveDropTarget(\n    target: ItemDropTarget,\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): RootDropTarget | ItemDropTarget | null {\n    let tracking = this.pointerTracking;\n\n    // Calculate movement directions\n    let deltaY = y - tracking.lastY;\n    let deltaX = x - tracking.lastX;\n    let currentYMovement: 'up' | 'down' | null = tracking.yDirection;\n    let currentXMovement: 'left' | 'right' | null = tracking.xDirection;\n\n    if (Math.abs(deltaY) > Y_SWITCH_THRESHOLD) {\n      currentYMovement = deltaY > 0 ? 'down' : 'up';\n      tracking.yDirection = currentYMovement;\n      tracking.lastY = y;\n    }\n\n    if (Math.abs(deltaX) > X_SWITCH_THRESHOLD) {\n      currentXMovement = deltaX > 0 ? 'right' : 'left';\n      tracking.xDirection = currentXMovement;\n      tracking.lastX = x;\n    }\n\n    // Normalize to 'after'\n    if (target.dropPosition === 'before') {\n      let keyBefore = this.state!.collection.getKeyBefore(target.key);\n\n      while (keyBefore != null) {\n        let node = this.state!.collection.getItem(keyBefore);\n        if (node?.type === 'item') {\n          break;\n        }\n        keyBefore = node?.parentKey ?? null;\n      }\n      if (keyBefore != null) {\n        let convertedTarget = {\n          type: 'item',\n          key: keyBefore,\n          dropPosition: 'after'\n        } as const;\n\n        if (isValidDropTarget(convertedTarget)) {\n          target = convertedTarget;\n        }\n      }\n    }\n\n    let potentialTargets = this.getPotentialTargets(target, isValidDropTarget);\n\n    if (potentialTargets.length === 0) {\n      return {type: 'root'};\n    }\n\n    let resolvedItemTarget: ItemDropTarget;\n    if (potentialTargets.length > 1) {\n      resolvedItemTarget = this.selectTarget(\n        potentialTargets,\n        target,\n        x,\n        y,\n        currentYMovement,\n        currentXMovement\n      );\n    } else {\n      resolvedItemTarget = potentialTargets[0];\n      // Reset boundary context since we're not in a boundary case\n      tracking.boundaryContext = null;\n    }\n\n    return resolvedItemTarget;\n  }\n\n  // Returns potential targets for an ambiguous drop position (e.g. after the last child of a parent, or after the parent itself)\n  // Ordered by level, from innermost to outermost.\n  private getPotentialTargets(\n    originalTarget: ItemDropTarget,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): ItemDropTarget[] {\n    if (originalTarget.dropPosition === 'on') {\n      return [originalTarget];\n    }\n\n    let target = originalTarget;\n    let collection = this.state!.collection;\n\n    let currentItem = collection.getItem(target.key);\n    while (currentItem && currentItem?.type !== 'item' && currentItem.nextKey != null) {\n      target.key = currentItem.nextKey;\n      currentItem = collection.getItem(currentItem.nextKey);\n    }\n\n    let potentialTargets = [target];\n\n    // If target has children and is expanded, use \"before first child\"\n    if (\n      currentItem &&\n      currentItem.hasChildNodes &&\n      this.state!.expandedKeys.has(currentItem.key) &&\n      collection.getChildren &&\n      target.dropPosition === 'after'\n    ) {\n      // Find the first item child (traverse keys directly instead of using collection.getChildren, which may only include cells).\n      let firstChildItemNode =\n        currentItem.firstChildKey != null ? collection.getItem(currentItem.firstChildKey) : null;\n      while (firstChildItemNode && firstChildItemNode.type !== 'item') {\n        firstChildItemNode =\n          firstChildItemNode.nextKey != null\n            ? collection.getItem(firstChildItemNode.nextKey)\n            : null;\n      }\n\n      if (firstChildItemNode?.type === 'item') {\n        const beforeFirstChildTarget = {\n          type: 'item',\n          key: firstChildItemNode.key,\n          dropPosition: 'before'\n        } as const;\n\n        if (isValidDropTarget(beforeFirstChildTarget)) {\n          return [beforeFirstChildTarget];\n        } else {\n          return [];\n        }\n      }\n    }\n\n    if (currentItem?.nextKey != null) {\n      return [originalTarget];\n    }\n\n    // Walk up the parent chain to find ancestors that are the last child at their level\n    let parentKey = currentItem?.parentKey;\n    let ancestorTargets: ItemDropTarget[] = [];\n\n    while (parentKey != null) {\n      let parentItem = collection.getItem(parentKey);\n      let nextItem = parentItem?.nextKey != null ? collection.getItem(parentItem.nextKey) : null;\n      let isLastChildAtLevel = !nextItem || nextItem.parentKey !== parentKey;\n\n      if (isLastChildAtLevel) {\n        // Only items can be drop targets. Ancestors such as a Table's <TableBody> or a\n        // <TreeSection> are part of the collection, but their keys are generated rather than\n        // provided by the user, so dropping \"after\" them is not something the user can handle.\n        if (parentItem?.type === 'item') {\n          let afterParentTarget = {\n            type: 'item',\n            key: parentKey,\n            dropPosition: 'after'\n          } as const;\n\n          if (isValidDropTarget(afterParentTarget)) {\n            ancestorTargets.push(afterParentTarget);\n          }\n        }\n        if (nextItem) {\n          break;\n        }\n      }\n\n      parentKey = parentItem?.parentKey;\n    }\n\n    if (ancestorTargets.length > 0) {\n      potentialTargets.push(...ancestorTargets);\n    }\n\n    // Handle converting \"after\" to \"before next\" for non-ambiguous cases\n    if (potentialTargets.length === 1) {\n      let nextKey = collection.getKeyAfter(target.key);\n      let nextNode = nextKey != null ? collection.getItem(nextKey) : null;\n      if (\n        nextKey != null &&\n        nextNode &&\n        currentItem &&\n        nextNode.level != null &&\n        currentItem.level != null &&\n        nextNode.level > currentItem.level\n      ) {\n        let beforeTarget = {\n          type: 'item',\n          key: nextKey,\n          dropPosition: 'before'\n        } as const;\n        if (isValidDropTarget(beforeTarget)) {\n          return [beforeTarget];\n        }\n      }\n    }\n\n    return potentialTargets.filter(isValidDropTarget);\n  }\n\n  private selectTarget(\n    potentialTargets: ItemDropTarget[],\n    originalTarget: ItemDropTarget,\n    x: number,\n    y: number,\n    currentYMovement: 'up' | 'down' | null,\n    currentXMovement: 'left' | 'right' | null\n  ): ItemDropTarget {\n    if (potentialTargets.length < 2) {\n      return potentialTargets[0];\n    }\n\n    let tracking = this.pointerTracking;\n    let currentItem = this.state!.collection.getItem(originalTarget.key);\n    let parentKey = currentItem?.parentKey;\n\n    if (parentKey == null) {\n      return potentialTargets[0];\n    }\n\n    // More than 1 potential target - use Y for initial target, then X for switching levels\n    // Initialize boundary context if needed\n    if (!tracking.boundaryContext || tracking.boundaryContext.parentKey !== parentKey) {\n      // If entering from below, start with outer-most\n      let initialTargetIndex = tracking.yDirection === 'up' ? potentialTargets.length - 1 : 0;\n      tracking.boundaryContext = {\n        parentKey,\n        preferredTargetIndex: initialTargetIndex,\n        lastSwitchY: y,\n        lastSwitchX: x\n      };\n    }\n\n    let boundaryContext = tracking.boundaryContext;\n    let distanceFromLastXSwitch = Math.abs(x - boundaryContext.lastSwitchX);\n    let distanceFromLastYSwitch = Math.abs(y - boundaryContext.lastSwitchY);\n\n    // Switch between targets based on Y movement\n    if (distanceFromLastYSwitch > Y_SWITCH_THRESHOLD && currentYMovement) {\n      let currentIndex = boundaryContext.preferredTargetIndex || 0;\n\n      if (currentYMovement === 'down' && currentIndex === 0) {\n        // Moving down from inner-most, switch to outer-most\n        boundaryContext.preferredTargetIndex = potentialTargets.length - 1;\n      } else if (currentYMovement === 'up' && currentIndex === potentialTargets.length - 1) {\n        // Moving up from outer-most, switch to inner-most\n        boundaryContext.preferredTargetIndex = 0;\n      }\n\n      // Reset x tracking so that moving diagonally doesn't cause flickering.\n      tracking.xDirection = null;\n    }\n\n    // X movement controls level selection\n    if (distanceFromLastXSwitch > X_SWITCH_THRESHOLD && currentXMovement) {\n      let currentTargetIndex = boundaryContext.preferredTargetIndex || 0;\n\n      if (currentXMovement === 'left') {\n        if (this.direction === 'ltr') {\n          // LTR: left = move to higher level in tree (increase index)\n          if (currentTargetIndex < potentialTargets.length - 1) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        } else {\n          // RTL: left = move to lower level in tree (decrease index)\n          if (currentTargetIndex > 0) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        }\n      } else if (currentXMovement === 'right') {\n        if (this.direction === 'ltr') {\n          // LTR: right = move to lower level in tree (decrease index)\n          if (currentTargetIndex > 0) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        } else {\n          // RTL: right = move to higher level in tree (increase index)\n          if (currentTargetIndex < potentialTargets.length - 1) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        }\n      }\n\n      // Reset y tracking so that moving diagonally doesn't cause flickering.\n      tracking.yDirection = null;\n    }\n\n    let targetIndex = Math.max(\n      0,\n      Math.min(boundaryContext.preferredTargetIndex || 0, potentialTargets.length - 1)\n    );\n    return potentialTargets[targetIndex];\n  }\n}\n"],"names":[],"version":3,"file":"TreeDropTargetDelegate.mjs.map"}

package/dist/types/exports/Menu.d.ts

@@ -1,7 +1,7 @@
 import 'client-only';
-export { Menu, MenuItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
+export { Menu, MenuItem, MenuLoadMoreItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
 export { Collection, type CollectionProps } from 'react-aria/Collection';
-export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
+export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuLoadMoreItemProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
 export type { Key, Selection, SelectionMode } from '@react-types/shared';
 export type { ListState } from 'react-stately/useListState';
 export type { RootMenuTriggerState } from 'react-stately/useMenuTriggerState';

package/dist/types/exports/NavigationTree.d.ts

@@ -0,0 +1,8 @@
+import 'client-only';
+export { NavigationTree, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeSection, NavigationTreeHeader, NavigationTreeContext } from '../src/NavigationTree';
+export type { NavigationTreeProps, NavigationTreeRenderProps, NavigationTreeItemProps, NavigationTreeItemRenderProps, NavigationTreeItemContentProps, NavigationTreeItemContentRenderProps, NavigationTreeSectionProps, NavigationTreeHeaderProps } from '../src/NavigationTree';
+export type { Key } from '@react-types/shared';
+export { Button } from '../src/Button';
+export type { ButtonProps, ButtonRenderProps } from '../src/Button';
+export { Link } from '../src/Link';
+export type { LinkProps, LinkRenderProps } from '../src/Link';

package/dist/types/exports/index.d.ts

@@ -35,7 +35,7 @@ export { Label, LabelContext } from '../src/Label';
 export { Link, LinkContext } from '../src/Link';
 export { PreviewTrigger } from '../src/PreviewTrigger';
 export { ListBoxLoadMoreItem, ListBox, ListBoxItem, ListBoxSection, ListBoxContext, ListStateContext } from '../src/ListBox';
-export { Menu, MenuItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
+export { Menu, MenuItem, MenuLoadMoreItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
 export { Meter, MeterContext } from '../src/Meter';
 export { Modal, ModalOverlay, ModalContext } from '../src/Modal';
 export { NumberField, NumberFieldContext, NumberFieldStateContext } from '../src/NumberField';
@@ -64,6 +64,7 @@ export { ToggleButton, ToggleButtonContext } from '../src/ToggleButton';
 export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext } from '../src/ToggleButtonGroup';
 export { Toolbar, ToolbarContext } from '../src/Toolbar';
 export { TooltipTrigger, Tooltip, TooltipTriggerStateContext, TooltipContext } from '../src/Tooltip';
+export { NavigationTree, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeSection, NavigationTreeHeader, NavigationTreeContext, NavigationTreeItemStateContext } from '../src/NavigationTree';
 export { TreeLoadMoreItem, Tree, TreeItem, TreeContext, TreeItemContent, TreeHeader, TreeSection, TreeStateContext } from '../src/Tree';
 export { useDrag } from 'react-aria/useDrag';
 export { useDrop, DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem } from 'react-aria/useDrop';
@@ -78,6 +79,7 @@ export { Focusable } from 'react-aria/Focusable';
 export { VisuallyHidden } from 'react-aria/VisuallyHidden';
 export { FormValidationContext } from 'react-stately/private/form/useFormValidationState';
 export { parseColor, getColorChannels } from 'react-stately/Color';
+export { setInteractionModality } from 'react-aria/useFocusVisible';
 export { ToastQueue as UNSTABLE_ToastQueue } from 'react-stately/useToastState';
 export { useListData } from 'react-stately/useListData';
 export { useTreeData } from 'react-stately/useTreeData';
@@ -121,7 +123,7 @@ export type { LabelProps } from '../src/Label';
 export type { LinkProps, LinkRenderProps } from '../src/Link';
 export type { PreviewTriggerProps } from '../src/PreviewTrigger';
 export type { ListBoxProps, ListBoxRenderProps, ListBoxItemProps, ListBoxItemRenderProps, ListBoxSectionProps, ListBoxLoadMoreItemProps } from '../src/ListBox';
-export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
+export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuLoadMoreItemProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
 export type { MeterProps, MeterRenderProps } from '../src/Meter';
 export type { ModalOverlayProps, ModalRenderProps } from '../src/Modal';
 export type { NumberFieldProps, NumberFieldRenderProps } from '../src/NumberField';
@@ -148,6 +150,7 @@ export type { ToggleButtonProps, ToggleButtonRenderProps } from '../src/ToggleBu
 export type { ToggleButtonGroupProps, ToggleButtonGroupRenderProps } from '../src/ToggleButtonGroup';
 export type { ToolbarProps, ToolbarRenderProps } from '../src/Toolbar';
 export type { TooltipProps, TooltipRenderProps, TooltipTriggerComponentProps } from '../src/Tooltip';
+export type { NavigationTreeProps, NavigationTreeRenderProps, NavigationTreeItemProps, NavigationTreeItemRenderProps, NavigationTreeItemContentProps, NavigationTreeItemContentRenderProps, NavigationTreeSectionProps, NavigationTreeHeaderProps } from '../src/NavigationTree';
 export type { TreeProps, TreeRenderProps, TreeEmptyStateRenderProps, TreeItemProps, TreeItemRenderProps, TreeItemContentProps, TreeItemContentRenderProps, TreeLoadMoreItemProps, TreeLoadMoreItemRenderProps } from '../src/Tree';
 export type { DragOptions, DragResult } from 'react-aria/useDrag';
 export type { DragAndDropHooks, DragAndDropOptions, DropIndicatorProps, DropIndicatorRenderProps } from '../src/useDragAndDrop';
@@ -156,7 +159,7 @@ export type { VirtualizerProps } from '../src/Virtualizer';
 export type { DateValue } from 'react-stately/useDateFieldState';
 export type { DateRange } from 'react-stately/useDateRangePickerState';
 export type { TimeValue } from 'react-stately/useTimeFieldState';
-export type { Key, Selection, SortDescriptor, SortDirection, SelectionMode, DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent } from '@react-types/shared';
+export type { Key, Selection, SortDescriptor, SortDirection, SelectionMode, DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent, FocusableElement, HoverEvent, KeyboardEvent } from '@react-types/shared';
 export type { CalendarState } from 'react-stately/useCalendarState';
 export type { RangeCalendarState } from 'react-stately/useRangeCalendarState';
 export type { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
@@ -173,6 +176,7 @@ export type { DateRangePickerState } from 'react-stately/useDateRangePickerState
 export type { DisclosureState } from 'react-stately/useDisclosureState';
 export type { DisclosureGroupState } from 'react-stately/useDisclosureGroupState';
 export type { ListState } from 'react-stately/useListState';
+export type { Modality } from 'react-aria/useFocusVisible';
 export type { NumberFieldState } from 'react-stately/useNumberFieldState';
 export type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState';
 export type { QueuedToast, ToastOptions, ToastState } from 'react-stately/useToastState';

package/dist/types/src/Breadcrumbs.d.ts

@@ -20,7 +20,7 @@ export declare const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsP
 /**
  * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
  */
-export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement | null;
 export interface BreadcrumbRenderProps {
     /**
      * Whether the breadcrumb is for the current page.
@@ -52,4 +52,4 @@ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'
 /**
  * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
  */
-export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement | null;

package/dist/types/src/Button.d.ts

@@ -62,5 +62,5 @@ export declare const ButtonContext: React.Context<ContextValue<ButtonContextValu
 /**
  * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
  */
-export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 export {};

package/dist/types/src/Calendar.d.ts

@@ -83,12 +83,12 @@ export declare const RangeCalendarStateContext: React.Context<RangeCalendarState
 /**
  * A calendar displays one or more date grids and allows users to select a single date.
  */
-export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 /**
  * A range calendar displays one or more date grids and allows users to select a contiguous range of
  * dates.
  */
-export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface CalendarCellRenderProps {
     /** The date that the cell represents. */
     date: CalendarDate;
@@ -214,7 +214,7 @@ export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', u
  * A calendar grid displays a single grid of days within a calendar or range calendar which
  * can be keyboard navigated and selected by the user.
  */
-export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
 export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
@@ -229,7 +229,7 @@ export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'the
 /**
  * A calendar grid header displays a row of week day names at the top of a month.
  */
-declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
 export { CalendarGridHeaderForwardRef as CalendarGridHeader };
 export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
     /**
@@ -259,7 +259,7 @@ export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody
 /**
  * A calendar grid body displays a grid of calendar cells within a month.
  */
-declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
 export { CalendarGridBodyForwardRef as CalendarGridBody };
 export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableCellElement> {
     /**
@@ -275,7 +275,7 @@ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps,
 /**
  * A calendar cell displays a date cell within a calendar grid which can be selected by the user.
  */
-export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement | null;
 export interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {
     /**
      * A function to render the year picker.

package/dist/types/src/Checkbox.d.ts

@@ -2,9 +2,9 @@ import { AriaCheckboxGroupProps } from 'react-aria/useCheckboxGroup';
 import { AriaCheckboxProps } from 'react-aria/useCheckbox';
 import { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
 import { ClassNameOrFunction, ContextValue, RACValidation, RenderProps, SlotProps } from './utils';
-import { GlobalDOMAttributes, RefObject } from '@react-types/shared';
+import { GlobalDOMAttributes } from '@react-types/shared';
 import { HoverEvents } from '@react-types/shared';
-import React from 'react';
+import React, { Ref } from 'react';
 export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
@@ -25,7 +25,7 @@ export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'val
     /**
      * A ref for the HTML input element.
      */
-    inputRef?: RefObject<HTMLInputElement | null>;
+    inputRef?: Ref<HTMLInputElement | null>;
 }
 export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxFieldRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /**
@@ -38,7 +38,7 @@ export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' |
     /**
      * A ref for the HTML input element.
      */
-    inputRef?: RefObject<HTMLInputElement | null>;
+    inputRef?: Ref<HTMLInputElement | null>;
 }
 export interface CheckboxButtonProps extends HoverEvents, RenderProps<CheckboxButtonRenderProps, 'label'>, SlotProps, GlobalDOMAttributes<HTMLLabelElement> {
     /**
@@ -188,19 +188,19 @@ export declare const CheckboxGroupStateContext: React.Context<CheckboxGroupState
 /**
  * A checkbox group allows a user to select multiple items from a list of options.
  */
-export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A checkbox allows a user to select an item, with support for validation and help text.
  */
-export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A checkbox allows a user to select multiple items from a list of individual items, or
  * to mark one individual item as selected.
  *
  * @deprecated Use CheckboxField + CheckboxButton instead.
  */
-export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
 /**
  * A checkbox button is the clickable area of a checkbox, including the indicator and label.
  */
-export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;

package/dist/types/src/Collection.d.ts

@@ -95,7 +95,7 @@ interface SectionContextValue {
 }
 export declare const SectionContext: React.Context<SectionContextValue | null>;
 /** @deprecated */
-export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
 export interface CollectionBranchProps {
     /** The collection of items to render. */
     collection: ICollection<Node<unknown>>;

package/dist/types/src/ComboBox.d.ts

@@ -65,7 +65,7 @@ export declare const ComboBoxStateContext: React.Context<ComboBoxState<any, Sele
  * A combo box combines a text input with a listbox, allowing users to filter a list of options to
  * items matching a query.
  */
-export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface ComboBoxValueRenderProps<T> {
     /**
      * Whether the value is a placeholder.
@@ -97,5 +97,5 @@ export declare const ComboBoxValueContext: React.Context<ContextValue<ComboBoxVa
  * selected. By default, the items are rendered as a comma separated list. Use the render function
  * to customize this.
  */
-export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export {};

package/dist/types/src/DateField.d.ts

@@ -63,12 +63,12 @@ export declare const TimeFieldStateContext: React.Context<TimeFieldState | null>
  * A date field allows users to enter and edit date and time values using a keyboard.
  * Each part of a date value is displayed in an individually editable segment.
  */
-export declare const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 /**
  * A time field allows users to enter and edit time values using a keyboard.
  * Each part of a time value is displayed in an individually editable segment.
  */
-export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface DateInputRenderProps {
     /**
      * Whether the date input is currently hovered with a mouse.
@@ -114,7 +114,7 @@ export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRen
 /**
  * A date input groups the editable date segments within a date field.
  */
-export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface DateSegmentRenderProps extends Omit<IDateSegment, 'isEditable'> {
     /**
      * Whether the segment is currently hovered with a mouse.
@@ -179,4 +179,4 @@ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 's
  * A date segment displays an individual unit of a date and time, and allows users to edit
  * the value by typing or using the arrow keys to increment and decrement.
  */
-export declare const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement | null;

package/dist/types/src/DatePicker.d.ts

@@ -85,9 +85,9 @@ export declare const DateRangePickerStateContext: React.Context<DateRangePickerS
  * A date picker combines a DateField and a Calendar popover to allow users to enter or select a
  * date and time value.
  */
-export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A date range picker combines two DateFields and a RangeCalendar popover to allow
  * users to enter or select a date and time range.
  */
-export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/types/src/Dialog.d.ts

@@ -25,8 +25,8 @@ export declare const OverlayTriggerStateContext: React.Context<OverlayTriggerSta
 /**
  * A DialogTrigger opens a dialog when a trigger element is pressed.
  */
-export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
+export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element | null;
 /**
  * A dialog is an overlay shown above other content in an application.
  */
-export declare const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;

package/dist/types/src/Disclosure.d.ts

@@ -76,7 +76,7 @@ export declare const DisclosureStateContext: React.Context<DisclosureState | nul
  * A disclosure is a collapsible section of content. It is composed of a a header with a heading and
  * trigger button, and a panel that contains the content.
  */
-export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface DisclosurePanelRenderProps {
     /**
      * Whether keyboard focus is within the disclosure panel.
@@ -107,4 +107,4 @@ export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderP
 /**
  * A DisclosurePanel provides the content for a disclosure.
  */
-export declare const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/types/src/GridList.d.ts

@@ -102,7 +102,7 @@ export declare const GridListContext: React.Context<ContextValue<GridListProps<a
  * A grid list displays a list of interactive items, with support for keyboard navigation,
  * single or multiple selection, and row actions.
  */
-export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface GridListItemRenderProps extends ItemRenderProps {
     /** The unique id of the item. */
     id?: Key;
@@ -156,13 +156,13 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
 /**
  * A GridListItem represents an individual item in a GridList.
  */
-export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
      * element.
      *
-     * @default 'react-aria-GridListLoadMoreItem'
+     * @default 'react-aria-GridListLoadingIndicator'
      */
     className?: string;
     /**
@@ -174,7 +174,7 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
      */
     isLoading?: boolean;
 }
-export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
@@ -187,9 +187,9 @@ export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps
 /**
  * A GridListSection represents a section within a GridList.
  */
-export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
 }
 export declare const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
 export declare const GridListHeaderInnerContext: React.Context<HTMLAttributes<HTMLElement> | null>;
-export declare const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/types/src/Group.d.ts

@@ -62,4 +62,4 @@ export declare const GroupContext: React.Context<ContextValue<GroupProps, HTMLDi
 /**
  * A group represents a set of related UI controls, and supports interactive states for styling.
  */
-export declare const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/types/src/Header.d.ts

@@ -3,4 +3,4 @@ import React, { HTMLAttributes } from 'react';
 export interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
 }
 export declare const HeaderContext: React.Context<ContextValue<HeaderProps, HTMLElement>>;
-export declare const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;

package/dist/types/src/Input.d.ts

@@ -51,4 +51,4 @@ export declare const InputContext: React.Context<ContextValue<InputProps, HTMLIn
 /**
  * An input allows a user to input text.
  */
-export declare const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/dist/types/src/Label.d.ts

@@ -4,4 +4,4 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, DOMRe
     elementType?: string;
 }
 export declare const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
-export declare const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;

package/dist/types/src/Link.d.ts

@@ -55,4 +55,4 @@ export declare const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnch
  * A link allows a user to navigate to another page or resource within a web page
  * or application.
  */
-export declare const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;

package/dist/types/src/ListBox.d.ts

@@ -89,7 +89,7 @@ export declare const ListStateContext: React.Context<ListState<any> | null>;
 /**
  * A listbox displays a list of options and allows a user to select one or more of them.
  */
-export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
@@ -102,7 +102,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<
 /**
  * A ListBoxSection represents a section within a ListBox.
  */
-export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export interface ListBoxItemRenderProps extends ItemRenderProps {
 }
 export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, KeyboardEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
@@ -135,13 +135,13 @@ export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxIt
 /**
  * A ListBoxItem represents an individual option in a ListBox.
  */
-export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
      * element.
      *
-     * @default 'react-aria-ListBoxLoadMoreItem'
+     * @default 'react-aria-ListBoxLoadingIndicator'
      */
     className?: string;
     /**
@@ -153,4 +153,4 @@ export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'c
      */
     isLoading?: boolean;
 }
-export declare const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/types/src/Menu.d.ts

@@ -1,8 +1,9 @@
 import { AriaMenuProps } from 'react-aria/useMenu';
 import { MenuTriggerProps as BaseMenuTriggerProps, RootMenuTriggerState } from 'react-stately/useMenuTriggerState';
-import { ClassNameOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, RenderProps, SlotProps, StyleRenderProps } from './utils';
+import { ClassNameOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, RenderProps, SlotProps, StyleProps, StyleRenderProps } from './utils';
 import { CollectionProps, ItemRenderProps, SectionProps } from './Collection';
 import { FocusEvents, GlobalDOMAttributes, HoverEvents, Key, LinkDOMProps, MultipleSelection, PressEvents } from '@react-types/shared';
+import { LoadMoreSentinelProps } from 'react-aria/private/utils/useLoadMoreSentinel';
 import React, { JSX, ReactElement, ReactNode } from 'react';
 import { TreeState } from 'react-stately/useTreeState';
 export declare const MenuContext: React.Context<ContextValue<MenuProps<any>, HTMLDivElement>>;
@@ -30,7 +31,7 @@ export interface SubmenuTriggerProps {
  *
  * @version alpha
  */
-export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface MenuRenderProps {
     /**
      * Whether the menu has no items and should display its empty state.
@@ -47,7 +48,7 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
      * @default 'react-aria-Menu'
      */
     className?: ClassNameOrFunction<MenuRenderProps>;
-    /** Provides content to display when there are no items in the list. */
+    /** Provides content to display when there are no items in the menu. */
     renderEmptyState?: () => ReactNode;
     /** Whether the menu should close when the menu item is selected. */
     shouldCloseOnSelect?: boolean;
@@ -55,7 +56,7 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
 /**
  * A menu displays a list of actions or options that a user can choose.
  */
-export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface MenuSectionProps<T> extends SectionProps<T>, Omit<MultipleSelection, 'disabledKeys'>, DOMRenderProps<'section', undefined> {
     /**
      * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
@@ -70,7 +71,7 @@ export interface MenuSectionProps<T> extends SectionProps<T>, Omit<MultipleSelec
 /**
  * A MenuSection represents a section within a Menu.
  */
-export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
 export interface MenuItemRenderProps extends ItemRenderProps {
     /**
      * Whether the item has a submenu.
@@ -114,4 +115,22 @@ export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRend
 /**
  * A MenuItem represents an individual action in a Menu.
  */
-export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
+export interface MenuLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-MenuLoadingIndicator'
+     */
+    className?: string;
+    /**
+     * The load more spinner to render when loading additional items.
+     */
+    children?: ReactNode;
+    /**
+     * Whether or not the loading spinner should be rendered or not.
+     */
+    isLoading?: boolean;
+}
+export declare const MenuLoadMoreItem: (props: MenuLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;