@depup/react-aria-components 1.19.0-depup.27 → 1.21.0-depup.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (333) hide show
  1. package/NavigationTree/package.json +5 -0
  2. package/PreviewTrigger/package.json +5 -0
  3. package/README.md +2 -2
  4. package/TokenField/package.json +5 -0
  5. package/changes.json +1 -1
  6. package/dist/exports/GridList.cjs.map +1 -1
  7. package/dist/exports/GridList.js.map +1 -1
  8. package/dist/exports/GridList.mjs.map +1 -1
  9. package/dist/exports/Menu.cjs +1 -0
  10. package/dist/exports/Menu.cjs.map +1 -1
  11. package/dist/exports/Menu.js +2 -2
  12. package/dist/exports/Menu.js.map +1 -1
  13. package/dist/exports/Menu.mjs +2 -2
  14. package/dist/exports/Menu.mjs.map +1 -1
  15. package/dist/exports/NavigationTree.cjs +37 -0
  16. package/dist/exports/NavigationTree.cjs.map +1 -0
  17. package/dist/exports/NavigationTree.js +25 -0
  18. package/dist/exports/NavigationTree.js.map +1 -0
  19. package/dist/exports/NavigationTree.mjs +25 -0
  20. package/dist/exports/NavigationTree.mjs.map +1 -0
  21. package/dist/exports/PreviewTrigger.cjs +26 -0
  22. package/dist/exports/PreviewTrigger.cjs.map +1 -0
  23. package/dist/exports/PreviewTrigger.js +21 -0
  24. package/dist/exports/PreviewTrigger.js.map +1 -0
  25. package/dist/exports/PreviewTrigger.mjs +21 -0
  26. package/dist/exports/PreviewTrigger.mjs.map +1 -0
  27. package/dist/exports/TokenField.cjs +31 -0
  28. package/dist/exports/TokenField.cjs.map +1 -0
  29. package/dist/exports/TokenField.js +21 -0
  30. package/dist/exports/TokenField.js.map +1 -0
  31. package/dist/exports/TokenField.mjs +21 -0
  32. package/dist/exports/TokenField.mjs.map +1 -0
  33. package/dist/exports/Tree.cjs.map +1 -1
  34. package/dist/exports/Tree.js.map +1 -1
  35. package/dist/exports/Tree.mjs.map +1 -1
  36. package/dist/exports/index.cjs +25 -0
  37. package/dist/exports/index.cjs.map +1 -1
  38. package/dist/exports/index.js +12 -2
  39. package/dist/exports/index.js.map +1 -1
  40. package/dist/exports/index.mjs +12 -2
  41. package/dist/exports/index.mjs.map +1 -1
  42. package/dist/private/Checkbox.cjs.map +1 -1
  43. package/dist/private/Checkbox.js.map +1 -1
  44. package/dist/private/Checkbox.mjs.map +1 -1
  45. package/dist/private/ComboBox.cjs +21 -2
  46. package/dist/private/ComboBox.cjs.map +1 -1
  47. package/dist/private/ComboBox.js +21 -2
  48. package/dist/private/ComboBox.js.map +1 -1
  49. package/dist/private/ComboBox.mjs +21 -2
  50. package/dist/private/ComboBox.mjs.map +1 -1
  51. package/dist/private/Dialog.cjs +21 -1
  52. package/dist/private/Dialog.cjs.map +1 -1
  53. package/dist/private/Dialog.js +21 -1
  54. package/dist/private/Dialog.js.map +1 -1
  55. package/dist/private/Dialog.mjs +21 -1
  56. package/dist/private/Dialog.mjs.map +1 -1
  57. package/dist/private/DragAndDrop.cjs +1 -0
  58. package/dist/private/DragAndDrop.cjs.map +1 -1
  59. package/dist/private/DragAndDrop.js +1 -0
  60. package/dist/private/DragAndDrop.js.map +1 -1
  61. package/dist/private/DragAndDrop.mjs +1 -0
  62. package/dist/private/DragAndDrop.mjs.map +1 -1
  63. package/dist/private/DropZone.cjs +5 -2
  64. package/dist/private/DropZone.cjs.map +1 -1
  65. package/dist/private/DropZone.js +5 -3
  66. package/dist/private/DropZone.js.map +1 -1
  67. package/dist/private/DropZone.mjs +5 -2
  68. package/dist/private/DropZone.mjs.map +1 -1
  69. package/dist/private/FileTrigger.cjs +1 -0
  70. package/dist/private/FileTrigger.cjs.map +1 -1
  71. package/dist/private/FileTrigger.js +1 -0
  72. package/dist/private/FileTrigger.js.map +1 -1
  73. package/dist/private/FileTrigger.mjs +1 -0
  74. package/dist/private/FileTrigger.mjs.map +1 -1
  75. package/dist/private/GridLayout.cjs +3 -1
  76. package/dist/private/GridLayout.cjs.map +1 -1
  77. package/dist/private/GridLayout.js +3 -1
  78. package/dist/private/GridLayout.js.map +1 -1
  79. package/dist/private/GridLayout.mjs +3 -1
  80. package/dist/private/GridLayout.mjs.map +1 -1
  81. package/dist/private/GridList.cjs +12 -1
  82. package/dist/private/GridList.cjs.map +1 -1
  83. package/dist/private/GridList.js +12 -1
  84. package/dist/private/GridList.js.map +1 -1
  85. package/dist/private/GridList.mjs +12 -1
  86. package/dist/private/GridList.mjs.map +1 -1
  87. package/dist/private/ListBox.cjs +9 -1
  88. package/dist/private/ListBox.cjs.map +1 -1
  89. package/dist/private/ListBox.js +9 -1
  90. package/dist/private/ListBox.js.map +1 -1
  91. package/dist/private/ListBox.mjs +9 -1
  92. package/dist/private/ListBox.mjs.map +1 -1
  93. package/dist/private/Menu.cjs +59 -2
  94. package/dist/private/Menu.cjs.map +1 -1
  95. package/dist/private/Menu.js +60 -4
  96. package/dist/private/Menu.js.map +1 -1
  97. package/dist/private/Menu.mjs +60 -4
  98. package/dist/private/Menu.mjs.map +1 -1
  99. package/dist/private/Meter.cjs +2 -1
  100. package/dist/private/Meter.cjs.map +1 -1
  101. package/dist/private/Meter.js +2 -1
  102. package/dist/private/Meter.js.map +1 -1
  103. package/dist/private/Meter.mjs +2 -1
  104. package/dist/private/Meter.mjs.map +1 -1
  105. package/dist/private/Modal.cjs +2 -0
  106. package/dist/private/Modal.cjs.map +1 -1
  107. package/dist/private/Modal.js +2 -0
  108. package/dist/private/Modal.js.map +1 -1
  109. package/dist/private/Modal.mjs +2 -0
  110. package/dist/private/Modal.mjs.map +1 -1
  111. package/dist/private/NavigationTree.cjs +272 -0
  112. package/dist/private/NavigationTree.cjs.map +1 -0
  113. package/dist/private/NavigationTree.js +258 -0
  114. package/dist/private/NavigationTree.js.map +1 -0
  115. package/dist/private/NavigationTree.mjs +257 -0
  116. package/dist/private/NavigationTree.mjs.map +1 -0
  117. package/dist/private/Popover.cjs +34 -9
  118. package/dist/private/Popover.cjs.map +1 -1
  119. package/dist/private/Popover.js +34 -9
  120. package/dist/private/Popover.js.map +1 -1
  121. package/dist/private/Popover.mjs +34 -9
  122. package/dist/private/Popover.mjs.map +1 -1
  123. package/dist/private/PreviewTrigger.cjs +88 -0
  124. package/dist/private/PreviewTrigger.cjs.map +1 -0
  125. package/dist/private/PreviewTrigger.js +80 -0
  126. package/dist/private/PreviewTrigger.js.map +1 -0
  127. package/dist/private/PreviewTrigger.mjs +79 -0
  128. package/dist/private/PreviewTrigger.mjs.map +1 -0
  129. package/dist/private/ProgressBar.cjs +6 -1
  130. package/dist/private/ProgressBar.cjs.map +1 -1
  131. package/dist/private/ProgressBar.js +6 -1
  132. package/dist/private/ProgressBar.js.map +1 -1
  133. package/dist/private/ProgressBar.mjs +6 -1
  134. package/dist/private/ProgressBar.mjs.map +1 -1
  135. package/dist/private/RadioGroup.cjs.map +1 -1
  136. package/dist/private/RadioGroup.js.map +1 -1
  137. package/dist/private/RadioGroup.mjs.map +1 -1
  138. package/dist/private/Select.cjs.map +1 -1
  139. package/dist/private/Select.js.map +1 -1
  140. package/dist/private/Select.mjs.map +1 -1
  141. package/dist/private/Switch.cjs +8 -2
  142. package/dist/private/Switch.cjs.map +1 -1
  143. package/dist/private/Switch.js +9 -3
  144. package/dist/private/Switch.js.map +1 -1
  145. package/dist/private/Switch.mjs +9 -3
  146. package/dist/private/Switch.mjs.map +1 -1
  147. package/dist/private/Table.cjs +26 -14
  148. package/dist/private/Table.cjs.map +1 -1
  149. package/dist/private/Table.js +26 -14
  150. package/dist/private/Table.js.map +1 -1
  151. package/dist/private/Table.mjs +26 -14
  152. package/dist/private/Table.mjs.map +1 -1
  153. package/dist/private/TableLayout.cjs +3 -1
  154. package/dist/private/TableLayout.cjs.map +1 -1
  155. package/dist/private/TableLayout.js +3 -1
  156. package/dist/private/TableLayout.js.map +1 -1
  157. package/dist/private/TableLayout.mjs +3 -1
  158. package/dist/private/TableLayout.mjs.map +1 -1
  159. package/dist/private/TagGroup.cjs +1 -0
  160. package/dist/private/TagGroup.cjs.map +1 -1
  161. package/dist/private/TagGroup.js +1 -0
  162. package/dist/private/TagGroup.js.map +1 -1
  163. package/dist/private/TagGroup.mjs +1 -0
  164. package/dist/private/TagGroup.mjs.map +1 -1
  165. package/dist/private/Text.cjs +3 -1
  166. package/dist/private/Text.cjs.map +1 -1
  167. package/dist/private/Text.js +4 -2
  168. package/dist/private/Text.js.map +1 -1
  169. package/dist/private/Text.mjs +4 -2
  170. package/dist/private/Text.mjs.map +1 -1
  171. package/dist/private/ToggleButton.cjs.map +1 -1
  172. package/dist/private/ToggleButton.js.map +1 -1
  173. package/dist/private/ToggleButton.mjs.map +1 -1
  174. package/dist/private/TokenField.cjs +235 -0
  175. package/dist/private/TokenField.cjs.map +1 -0
  176. package/dist/private/TokenField.js +225 -0
  177. package/dist/private/TokenField.js.map +1 -0
  178. package/dist/private/TokenField.mjs +223 -0
  179. package/dist/private/TokenField.mjs.map +1 -0
  180. package/dist/private/Tooltip.cjs +10 -2
  181. package/dist/private/Tooltip.cjs.map +1 -1
  182. package/dist/private/Tooltip.js +10 -2
  183. package/dist/private/Tooltip.js.map +1 -1
  184. package/dist/private/Tooltip.mjs +10 -2
  185. package/dist/private/Tooltip.mjs.map +1 -1
  186. package/dist/private/Tree.cjs +11 -1
  187. package/dist/private/Tree.cjs.map +1 -1
  188. package/dist/private/Tree.js +11 -1
  189. package/dist/private/Tree.js.map +1 -1
  190. package/dist/private/Tree.mjs +11 -1
  191. package/dist/private/Tree.mjs.map +1 -1
  192. package/dist/private/TreeDropTargetDelegate.cjs +11 -6
  193. package/dist/private/TreeDropTargetDelegate.cjs.map +1 -1
  194. package/dist/private/TreeDropTargetDelegate.js +11 -6
  195. package/dist/private/TreeDropTargetDelegate.js.map +1 -1
  196. package/dist/private/TreeDropTargetDelegate.mjs +11 -6
  197. package/dist/private/TreeDropTargetDelegate.mjs.map +1 -1
  198. package/dist/private/Virtualizer.cjs +18 -16
  199. package/dist/private/Virtualizer.cjs.map +1 -1
  200. package/dist/private/Virtualizer.js +18 -16
  201. package/dist/private/Virtualizer.js.map +1 -1
  202. package/dist/private/Virtualizer.mjs +18 -16
  203. package/dist/private/Virtualizer.mjs.map +1 -1
  204. package/dist/private/useDragAndDrop.cjs +7 -0
  205. package/dist/private/useDragAndDrop.cjs.map +1 -1
  206. package/dist/private/useDragAndDrop.js +7 -0
  207. package/dist/private/useDragAndDrop.js.map +1 -1
  208. package/dist/private/useDragAndDrop.mjs +7 -0
  209. package/dist/private/useDragAndDrop.mjs.map +1 -1
  210. package/dist/private/utils.cjs.map +1 -1
  211. package/dist/private/utils.js.map +1 -1
  212. package/dist/private/utils.mjs.map +1 -1
  213. package/dist/types/exports/GridList.d.ts +1 -1
  214. package/dist/types/exports/Menu.d.ts +2 -2
  215. package/dist/types/exports/NavigationTree.d.ts +8 -0
  216. package/dist/types/exports/PreviewTrigger.d.ts +3 -0
  217. package/dist/types/exports/TokenField.d.ts +5 -0
  218. package/dist/types/exports/Tree.d.ts +1 -1
  219. package/dist/types/exports/index.d.ts +14 -5
  220. package/dist/types/src/Breadcrumbs.d.ts +2 -2
  221. package/dist/types/src/Button.d.ts +1 -1
  222. package/dist/types/src/Calendar.d.ts +6 -6
  223. package/dist/types/src/Checkbox.d.ts +8 -8
  224. package/dist/types/src/Collection.d.ts +1 -1
  225. package/dist/types/src/ComboBox.d.ts +6 -3
  226. package/dist/types/src/DateField.d.ts +4 -4
  227. package/dist/types/src/DatePicker.d.ts +2 -2
  228. package/dist/types/src/Dialog.d.ts +2 -2
  229. package/dist/types/src/Disclosure.d.ts +2 -2
  230. package/dist/types/src/GridList.d.ts +18 -7
  231. package/dist/types/src/Group.d.ts +1 -1
  232. package/dist/types/src/Header.d.ts +1 -1
  233. package/dist/types/src/Input.d.ts +1 -1
  234. package/dist/types/src/Label.d.ts +1 -1
  235. package/dist/types/src/Link.d.ts +1 -1
  236. package/dist/types/src/ListBox.d.ts +6 -6
  237. package/dist/types/src/Menu.d.ts +25 -6
  238. package/dist/types/src/Meter.d.ts +1 -1
  239. package/dist/types/src/Modal.d.ts +2 -2
  240. package/dist/types/src/NavigationTree.d.ts +80 -0
  241. package/dist/types/src/NumberField.d.ts +1 -1
  242. package/dist/types/src/OverlayArrow.d.ts +1 -1
  243. package/dist/types/src/Popover.d.ts +8 -1
  244. package/dist/types/src/PreviewTrigger.d.ts +23 -0
  245. package/dist/types/src/RadioGroup.d.ts +8 -8
  246. package/dist/types/src/SearchField.d.ts +1 -1
  247. package/dist/types/src/Select.d.ts +3 -3
  248. package/dist/types/src/Separator.d.ts +1 -1
  249. package/dist/types/src/Slider.d.ts +5 -5
  250. package/dist/types/src/Switch.d.ts +7 -7
  251. package/dist/types/src/Table.d.ts +32 -8
  252. package/dist/types/src/Tabs.d.ts +5 -5
  253. package/dist/types/src/TagGroup.d.ts +3 -3
  254. package/dist/types/src/Text.d.ts +1 -1
  255. package/dist/types/src/TextField.d.ts +1 -1
  256. package/dist/types/src/Toast.d.ts +3 -3
  257. package/dist/types/src/ToggleButton.d.ts +1 -1
  258. package/dist/types/src/ToggleButtonGroup.d.ts +1 -1
  259. package/dist/types/src/TokenField.d.ts +111 -0
  260. package/dist/types/src/Toolbar.d.ts +1 -1
  261. package/dist/types/src/Tooltip.d.ts +1 -1
  262. package/dist/types/src/Tree.d.ts +12 -10
  263. package/dist/types/src/Virtualizer.d.ts +4 -0
  264. package/dist/types/src/utils.d.ts +19 -5
  265. package/i18n/ar-AE.js +1 -1
  266. package/i18n/ar-AE.mjs +1 -1
  267. package/i18n/bg-BG.js +1 -1
  268. package/i18n/bg-BG.mjs +1 -1
  269. package/i18n/cs-CZ.js +1 -1
  270. package/i18n/cs-CZ.mjs +1 -1
  271. package/i18n/da-DK.js +1 -1
  272. package/i18n/da-DK.mjs +1 -1
  273. package/i18n/de-DE.js +1 -1
  274. package/i18n/de-DE.mjs +1 -1
  275. package/i18n/el-GR.js +1 -1
  276. package/i18n/el-GR.mjs +1 -1
  277. package/i18n/en-US.js +1 -1
  278. package/i18n/en-US.mjs +1 -1
  279. package/i18n/es-ES.js +1 -1
  280. package/i18n/es-ES.mjs +1 -1
  281. package/i18n/et-EE.js +1 -1
  282. package/i18n/et-EE.mjs +1 -1
  283. package/i18n/fi-FI.js +1 -1
  284. package/i18n/fi-FI.mjs +1 -1
  285. package/i18n/fr-FR.js +1 -1
  286. package/i18n/fr-FR.mjs +1 -1
  287. package/i18n/he-IL.js +1 -1
  288. package/i18n/he-IL.mjs +1 -1
  289. package/i18n/hr-HR.js +1 -1
  290. package/i18n/hr-HR.mjs +1 -1
  291. package/i18n/hu-HU.js +1 -1
  292. package/i18n/hu-HU.mjs +1 -1
  293. package/i18n/it-IT.js +1 -1
  294. package/i18n/it-IT.mjs +1 -1
  295. package/i18n/ja-JP.js +1 -1
  296. package/i18n/ja-JP.mjs +1 -1
  297. package/i18n/ko-KR.js +1 -1
  298. package/i18n/ko-KR.mjs +1 -1
  299. package/i18n/lt-LT.js +1 -1
  300. package/i18n/lt-LT.mjs +1 -1
  301. package/i18n/lv-LV.js +1 -1
  302. package/i18n/lv-LV.mjs +1 -1
  303. package/i18n/nb-NO.js +1 -1
  304. package/i18n/nb-NO.mjs +1 -1
  305. package/i18n/nl-NL.js +1 -1
  306. package/i18n/nl-NL.mjs +1 -1
  307. package/i18n/pl-PL.js +1 -1
  308. package/i18n/pl-PL.mjs +1 -1
  309. package/i18n/pt-BR.js +1 -1
  310. package/i18n/pt-BR.mjs +1 -1
  311. package/i18n/pt-PT.js +1 -1
  312. package/i18n/pt-PT.mjs +1 -1
  313. package/i18n/ro-RO.js +1 -1
  314. package/i18n/ro-RO.mjs +1 -1
  315. package/i18n/ru-RU.js +1 -1
  316. package/i18n/ru-RU.mjs +1 -1
  317. package/i18n/sk-SK.js +1 -1
  318. package/i18n/sk-SK.mjs +1 -1
  319. package/i18n/sl-SI.js +1 -1
  320. package/i18n/sl-SI.mjs +1 -1
  321. package/i18n/sr-SP.js +1 -1
  322. package/i18n/sr-SP.mjs +1 -1
  323. package/i18n/sv-SE.js +1 -1
  324. package/i18n/sv-SE.mjs +1 -1
  325. package/i18n/tr-TR.js +1 -1
  326. package/i18n/tr-TR.mjs +1 -1
  327. package/i18n/uk-UA.js +1 -1
  328. package/i18n/uk-UA.mjs +1 -1
  329. package/i18n/zh-CN.js +1 -1
  330. package/i18n/zh-CN.mjs +1 -1
  331. package/i18n/zh-TW.js +1 -1
  332. package/i18n/zh-TW.mjs +1 -1
  333. package/package.json +33 -31
@@ -33,8 +33,9 @@ export { createLeafComponent, createBranchComponent, CollectionBuilder } from 'r
33
33
  export { Keyboard, KeyboardContext } from '../src/Keyboard';
34
34
  export { Label, LabelContext } from '../src/Label';
35
35
  export { Link, LinkContext } from '../src/Link';
36
+ export { PreviewTrigger } from '../src/PreviewTrigger';
36
37
  export { ListBoxLoadMoreItem, ListBox, ListBoxItem, ListBoxSection, ListBoxContext, ListStateContext } from '../src/ListBox';
37
- export { Menu, MenuItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
38
+ export { Menu, MenuItem, MenuLoadMoreItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
38
39
  export { Meter, MeterContext } from '../src/Meter';
39
40
  export { Modal, ModalOverlay, ModalContext } from '../src/Modal';
40
41
  export { NumberField, NumberFieldContext, NumberFieldStateContext } from '../src/NumberField';
@@ -56,11 +57,14 @@ export { TagGroup, TagGroupContext, TagList, TagListContext, Tag } from '../src/
56
57
  export { Text, TextContext } from '../src/Text';
57
58
  export { TextArea, TextAreaContext } from '../src/TextArea';
58
59
  export { TextField, TextFieldContext } from '../src/TextField';
60
+ export { TokenField, TokenInput, Token, TokenFieldContext } from '../src/TokenField';
61
+ export { TokenFieldValue } from 'react-stately/useTokenFieldState';
59
62
  export { UNSTABLE_Toast, UNSTABLE_ToastList, UNSTABLE_ToastRegion, UNSTABLE_ToastContent, UNSTABLE_ToastStateContext } from '../src/Toast';
60
63
  export { ToggleButton, ToggleButtonContext } from '../src/ToggleButton';
61
64
  export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext } from '../src/ToggleButtonGroup';
62
65
  export { Toolbar, ToolbarContext } from '../src/Toolbar';
63
66
  export { TooltipTrigger, Tooltip, TooltipTriggerStateContext, TooltipContext } from '../src/Tooltip';
67
+ export { NavigationTree, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeSection, NavigationTreeHeader, NavigationTreeContext, NavigationTreeItemStateContext } from '../src/NavigationTree';
64
68
  export { TreeLoadMoreItem, Tree, TreeItem, TreeContext, TreeItemContent, TreeHeader, TreeSection, TreeStateContext } from '../src/Tree';
65
69
  export { useDrag } from 'react-aria/useDrag';
66
70
  export { useDrop, DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem } from 'react-aria/useDrop';
@@ -75,6 +79,7 @@ export { Focusable } from 'react-aria/Focusable';
75
79
  export { VisuallyHidden } from 'react-aria/VisuallyHidden';
76
80
  export { FormValidationContext } from 'react-stately/private/form/useFormValidationState';
77
81
  export { parseColor, getColorChannels } from 'react-stately/Color';
82
+ export { setInteractionModality } from 'react-aria/useFocusVisible';
78
83
  export { ToastQueue as UNSTABLE_ToastQueue } from 'react-stately/useToastState';
79
84
  export { useListData } from 'react-stately/useListData';
80
85
  export { useTreeData } from 'react-stately/useTreeData';
@@ -108,7 +113,7 @@ export type { DropZoneProps, DropZoneRenderProps } from '../src/DropZone';
108
113
  export type { FieldErrorProps, FieldErrorRenderProps } from '../src/FieldError';
109
114
  export type { FileTriggerProps } from '../src/FileTrigger';
110
115
  export type { FormProps } from '../src/Form';
111
- export type { GridListProps, GridListRenderProps, GridListItemProps, GridListItemRenderProps, GridListLoadMoreItemProps, GridListSectionProps } from '../src/GridList';
116
+ export type { GridListHeaderProps, GridListProps, GridListRenderProps, GridListItemProps, GridListItemRenderProps, GridListLoadMoreItemProps, GridListSectionProps } from '../src/GridList';
112
117
  export type { GroupProps, GroupRenderProps } from '../src/Group';
113
118
  export type { HeaderProps } from '../src/Header';
114
119
  export type { HeadingProps } from '../src/Heading';
@@ -116,8 +121,9 @@ export type { InputProps, InputRenderProps } from '../src/Input';
116
121
  export type { SectionProps, CollectionRenderer } from '../src/Collection';
117
122
  export type { LabelProps } from '../src/Label';
118
123
  export type { LinkProps, LinkRenderProps } from '../src/Link';
124
+ export type { PreviewTriggerProps } from '../src/PreviewTrigger';
119
125
  export type { ListBoxProps, ListBoxRenderProps, ListBoxItemProps, ListBoxItemRenderProps, ListBoxSectionProps, ListBoxLoadMoreItemProps } from '../src/ListBox';
120
- export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
126
+ export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuLoadMoreItemProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
121
127
  export type { MeterProps, MeterRenderProps } from '../src/Meter';
122
128
  export type { ModalOverlayProps, ModalRenderProps } from '../src/Modal';
123
129
  export type { NumberFieldProps, NumberFieldRenderProps } from '../src/NumberField';
@@ -137,21 +143,23 @@ export type { TabListProps, TabListRenderProps, TabPanelsProps, TabPanelProps, T
137
143
  export type { TagGroupProps, TagListProps, TagListRenderProps, TagProps, TagRenderProps } from '../src/TagGroup';
138
144
  export type { TextAreaProps } from '../src/TextArea';
139
145
  export type { TextFieldProps, TextFieldRenderProps } from '../src/TextField';
146
+ export type { TokenFieldProps, TokenFieldRenderProps, TokenInputProps, TokenInputRenderProps, TokenProps, TokenRenderProps } from '../src/TokenField';
140
147
  export type { TextProps } from '../src/Text';
141
148
  export type { ToastRegionProps, ToastListProps, ToastRegionRenderProps, ToastProps, ToastRenderProps } from '../src/Toast';
142
149
  export type { ToggleButtonProps, ToggleButtonRenderProps } from '../src/ToggleButton';
143
150
  export type { ToggleButtonGroupProps, ToggleButtonGroupRenderProps } from '../src/ToggleButtonGroup';
144
151
  export type { ToolbarProps, ToolbarRenderProps } from '../src/Toolbar';
145
152
  export type { TooltipProps, TooltipRenderProps, TooltipTriggerComponentProps } from '../src/Tooltip';
153
+ export type { NavigationTreeProps, NavigationTreeRenderProps, NavigationTreeItemProps, NavigationTreeItemRenderProps, NavigationTreeItemContentProps, NavigationTreeItemContentRenderProps, NavigationTreeSectionProps, NavigationTreeHeaderProps } from '../src/NavigationTree';
146
154
  export type { TreeProps, TreeRenderProps, TreeEmptyStateRenderProps, TreeItemProps, TreeItemRenderProps, TreeItemContentProps, TreeItemContentRenderProps, TreeLoadMoreItemProps, TreeLoadMoreItemRenderProps } from '../src/Tree';
147
155
  export type { DragOptions, DragResult } from 'react-aria/useDrag';
148
156
  export type { DragAndDropHooks, DragAndDropOptions, DropIndicatorProps, DropIndicatorRenderProps } from '../src/useDragAndDrop';
149
- export type { ContextValue, RenderProps, SlotProps, StyleRenderProps } from '../src/utils';
157
+ export type { ContextValue, RenderProps, SlotProps, StyleRenderProps, DOMRenderProps, PossibleLinkDOMRenderProps, DOMRenderFunction, ClassNameOrFunction, StyleOrFunction, ChildrenOrFunction } from '../src/utils';
150
158
  export type { VirtualizerProps } from '../src/Virtualizer';
151
159
  export type { DateValue } from 'react-stately/useDateFieldState';
152
160
  export type { DateRange } from 'react-stately/useDateRangePickerState';
153
161
  export type { TimeValue } from 'react-stately/useTimeFieldState';
154
- 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';
162
+ 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';
155
163
  export type { CalendarState } from 'react-stately/useCalendarState';
156
164
  export type { RangeCalendarState } from 'react-stately/useRangeCalendarState';
157
165
  export type { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
@@ -168,6 +176,7 @@ export type { DateRangePickerState } from 'react-stately/useDateRangePickerState
168
176
  export type { DisclosureState } from 'react-stately/useDisclosureState';
169
177
  export type { DisclosureGroupState } from 'react-stately/useDisclosureGroupState';
170
178
  export type { ListState } from 'react-stately/useListState';
179
+ export type { Modality } from 'react-aria/useFocusVisible';
171
180
  export type { NumberFieldState } from 'react-stately/useNumberFieldState';
172
181
  export type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState';
173
182
  export type { QueuedToast, ToastOptions, ToastState } from 'react-stately/useToastState';
@@ -20,7 +20,7 @@ export declare const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsP
20
20
  /**
21
21
  * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
22
22
  */
23
- export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
23
+ export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement | null;
24
24
  export interface BreadcrumbRenderProps {
25
25
  /**
26
26
  * Whether the breadcrumb is for the current page.
@@ -52,4 +52,4 @@ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'
52
52
  /**
53
53
  * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
54
54
  */
55
- export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
55
+ export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement | null;
@@ -62,5 +62,5 @@ export declare const ButtonContext: React.Context<ContextValue<ButtonContextValu
62
62
  /**
63
63
  * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
64
64
  */
65
- export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
65
+ export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
66
66
  export {};
@@ -83,12 +83,12 @@ export declare const RangeCalendarStateContext: React.Context<RangeCalendarState
83
83
  /**
84
84
  * A calendar displays one or more date grids and allows users to select a single date.
85
85
  */
86
- 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;
86
+ export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
87
87
  /**
88
88
  * A range calendar displays one or more date grids and allows users to select a contiguous range of
89
89
  * dates.
90
90
  */
91
- export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
91
+ export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
92
92
  export interface CalendarCellRenderProps {
93
93
  /** The date that the cell represents. */
94
94
  date: CalendarDate;
@@ -214,7 +214,7 @@ export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', u
214
214
  * A calendar grid displays a single grid of days within a calendar or range calendar which
215
215
  * can be keyboard navigated and selected by the user.
216
216
  */
217
- export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
217
+ export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
218
218
  export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
219
219
  /**
220
220
  * 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
229
229
  /**
230
230
  * A calendar grid header displays a row of week day names at the top of a month.
231
231
  */
232
- declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
232
+ declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
233
233
  export { CalendarGridHeaderForwardRef as CalendarGridHeader };
234
234
  export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
235
235
  /**
@@ -259,7 +259,7 @@ export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody
259
259
  /**
260
260
  * A calendar grid body displays a grid of calendar cells within a month.
261
261
  */
262
- declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
262
+ declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
263
263
  export { CalendarGridBodyForwardRef as CalendarGridBody };
264
264
  export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableCellElement> {
265
265
  /**
@@ -275,7 +275,7 @@ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps,
275
275
  /**
276
276
  * A calendar cell displays a date cell within a calendar grid which can be selected by the user.
277
277
  */
278
- export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
278
+ export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement | null;
279
279
  export interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {
280
280
  /**
281
281
  * A function to render the year picker.
@@ -2,9 +2,9 @@ import { AriaCheckboxGroupProps } from 'react-aria/useCheckboxGroup';
2
2
  import { AriaCheckboxProps } from 'react-aria/useCheckbox';
3
3
  import { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
4
4
  import { ClassNameOrFunction, ContextValue, RACValidation, RenderProps, SlotProps } from './utils';
5
- import { GlobalDOMAttributes, RefObject } from '@react-types/shared';
5
+ import { GlobalDOMAttributes } from '@react-types/shared';
6
6
  import { HoverEvents } from '@react-types/shared';
7
- import React from 'react';
7
+ import React, { Ref } from 'react';
8
8
  export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
9
9
  /**
10
10
  * 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
25
25
  /**
26
26
  * A ref for the HTML input element.
27
27
  */
28
- inputRef?: RefObject<HTMLInputElement | null>;
28
+ inputRef?: Ref<HTMLInputElement | null>;
29
29
  }
30
30
  export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxFieldRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
31
31
  /**
@@ -38,7 +38,7 @@ export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' |
38
38
  /**
39
39
  * A ref for the HTML input element.
40
40
  */
41
- inputRef?: RefObject<HTMLInputElement | null>;
41
+ inputRef?: Ref<HTMLInputElement | null>;
42
42
  }
43
43
  export interface CheckboxButtonProps extends HoverEvents, RenderProps<CheckboxButtonRenderProps, 'label'>, SlotProps, GlobalDOMAttributes<HTMLLabelElement> {
44
44
  /**
@@ -188,19 +188,19 @@ export declare const CheckboxGroupStateContext: React.Context<CheckboxGroupState
188
188
  /**
189
189
  * A checkbox group allows a user to select multiple items from a list of options.
190
190
  */
191
- export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
191
+ export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
192
192
  /**
193
193
  * A checkbox allows a user to select an item, with support for validation and help text.
194
194
  */
195
- export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
195
+ export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
196
196
  /**
197
197
  * A checkbox allows a user to select multiple items from a list of individual items, or
198
198
  * to mark one individual item as selected.
199
199
  *
200
200
  * @deprecated Use CheckboxField + CheckboxButton instead.
201
201
  */
202
- export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
202
+ export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
203
203
  /**
204
204
  * A checkbox button is the clickable area of a checkbox, including the indicator and label.
205
205
  */
206
- export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
206
+ export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
@@ -95,7 +95,7 @@ interface SectionContextValue {
95
95
  }
96
96
  export declare const SectionContext: React.Context<SectionContextValue | null>;
97
97
  /** @deprecated */
98
- export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
98
+ export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
99
99
  export interface CollectionBranchProps {
100
100
  /** The collection of items to render. */
101
101
  collection: ICollection<Node<unknown>>;
@@ -44,7 +44,10 @@ export interface ComboBoxProps<T, M extends SelectionMode = 'single'> extends Om
44
44
  * @default 'react-aria-ComboBox'
45
45
  */
46
46
  className?: ClassNameOrFunction<ComboBoxRenderProps>;
47
- /** The filter function used to determine if a option should be included in the combo box list. */
47
+ /**
48
+ * The filter function used to determine if an option should be included in the combo box list.
49
+ * By default, a language-sensitive "contains" filter from `useFilter` is used.
50
+ */
48
51
  defaultFilter?: (textValue: string, inputValue: string) => boolean;
49
52
  /**
50
53
  * Whether the text or key of the selected item is submitted as part of an HTML form. When
@@ -62,7 +65,7 @@ export declare const ComboBoxStateContext: React.Context<ComboBoxState<any, Sele
62
65
  * A combo box combines a text input with a listbox, allowing users to filter a list of options to
63
66
  * items matching a query.
64
67
  */
65
- export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
68
+ export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
66
69
  export interface ComboBoxValueRenderProps<T> {
67
70
  /**
68
71
  * Whether the value is a placeholder.
@@ -94,5 +97,5 @@ export declare const ComboBoxValueContext: React.Context<ContextValue<ComboBoxVa
94
97
  * selected. By default, the items are rendered as a comma separated list. Use the render function
95
98
  * to customize this.
96
99
  */
97
- export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
100
+ export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
98
101
  export {};
@@ -63,12 +63,12 @@ export declare const TimeFieldStateContext: React.Context<TimeFieldState | null>
63
63
  * A date field allows users to enter and edit date and time values using a keyboard.
64
64
  * Each part of a date value is displayed in an individually editable segment.
65
65
  */
66
- export declare const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
66
+ export declare const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
67
67
  /**
68
68
  * A time field allows users to enter and edit time values using a keyboard.
69
69
  * Each part of a time value is displayed in an individually editable segment.
70
70
  */
71
- export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
71
+ export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
72
72
  export interface DateInputRenderProps {
73
73
  /**
74
74
  * Whether the date input is currently hovered with a mouse.
@@ -114,7 +114,7 @@ export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRen
114
114
  /**
115
115
  * A date input groups the editable date segments within a date field.
116
116
  */
117
- export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
117
+ export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
118
118
  export interface DateSegmentRenderProps extends Omit<IDateSegment, 'isEditable'> {
119
119
  /**
120
120
  * Whether the segment is currently hovered with a mouse.
@@ -179,4 +179,4 @@ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 's
179
179
  * A date segment displays an individual unit of a date and time, and allows users to edit
180
180
  * the value by typing or using the arrow keys to increment and decrement.
181
181
  */
182
- export declare const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
182
+ export declare const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement | null;
@@ -85,9 +85,9 @@ export declare const DateRangePickerStateContext: React.Context<DateRangePickerS
85
85
  * A date picker combines a DateField and a Calendar popover to allow users to enter or select a
86
86
  * date and time value.
87
87
  */
88
- export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
88
+ export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
89
89
  /**
90
90
  * A date range picker combines two DateFields and a RangeCalendar popover to allow
91
91
  * users to enter or select a date and time range.
92
92
  */
93
- export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
93
+ export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
@@ -25,8 +25,8 @@ export declare const OverlayTriggerStateContext: React.Context<OverlayTriggerSta
25
25
  /**
26
26
  * A DialogTrigger opens a dialog when a trigger element is pressed.
27
27
  */
28
- export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
28
+ export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element | null;
29
29
  /**
30
30
  * A dialog is an overlay shown above other content in an application.
31
31
  */
32
- export declare const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
32
+ export declare const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
@@ -76,7 +76,7 @@ export declare const DisclosureStateContext: React.Context<DisclosureState | nul
76
76
  * A disclosure is a collapsible section of content. It is composed of a a header with a heading and
77
77
  * trigger button, and a panel that contains the content.
78
78
  */
79
- export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
79
+ export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
80
80
  export interface DisclosurePanelRenderProps {
81
81
  /**
82
82
  * Whether keyboard focus is within the disclosure panel.
@@ -107,4 +107,4 @@ export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderP
107
107
  /**
108
108
  * A DisclosurePanel provides the content for a disclosure.
109
109
  */
110
- export declare const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
110
+ export declare const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
@@ -102,7 +102,7 @@ export declare const GridListContext: React.Context<ContextValue<GridListProps<a
102
102
  * A grid list displays a list of interactive items, with support for keyboard navigation,
103
103
  * single or multiple selection, and row actions.
104
104
  */
105
- export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
105
+ export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
106
106
  export interface GridListItemRenderProps extends ItemRenderProps {
107
107
  /** The unique id of the item. */
108
108
  id?: Key;
@@ -141,17 +141,28 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
141
141
  * on the collection's `selectionBehavior` prop and the interaction modality.
142
142
  */
143
143
  onAction?: () => void;
144
+ /**
145
+ * Whether the row or its first focusable child element should be focused when navigating
146
+ * to the row. Defaults to 'row'.
147
+ */
148
+ focusMode?: 'child' | 'row';
149
+ /**
150
+ * Whether the row should support arrow key navigation even when the containing collection uses
151
+ * tab keyboard navigation. Allows users to navigate between rows with arrow keys while
152
+ * focus is on an interactive child element within the row.
153
+ */
154
+ allowsArrowNavigation?: boolean;
144
155
  }
145
156
  /**
146
157
  * A GridListItem represents an individual item in a GridList.
147
158
  */
148
- export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
149
- export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
159
+ export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
160
+ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
150
161
  /**
151
162
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
152
163
  * element.
153
164
  *
154
- * @default 'react-aria-GridListLoadMoreItem'
165
+ * @default 'react-aria-GridListLoadingIndicator'
155
166
  */
156
167
  className?: string;
157
168
  /**
@@ -163,7 +174,7 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
163
174
  */
164
175
  isLoading?: boolean;
165
176
  }
166
- export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
177
+ export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
167
178
  export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
168
179
  /**
169
180
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
@@ -176,9 +187,9 @@ export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps
176
187
  /**
177
188
  * A GridListSection represents a section within a GridList.
178
189
  */
179
- export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
190
+ export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
180
191
  export interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
181
192
  }
182
193
  export declare const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
183
194
  export declare const GridListHeaderInnerContext: React.Context<HTMLAttributes<HTMLElement> | null>;
184
- export declare const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
195
+ export declare const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
@@ -62,4 +62,4 @@ export declare const GroupContext: React.Context<ContextValue<GroupProps, HTMLDi
62
62
  /**
63
63
  * A group represents a set of related UI controls, and supports interactive states for styling.
64
64
  */
65
- export declare const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
65
+ export declare const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
@@ -3,4 +3,4 @@ import React, { HTMLAttributes } from 'react';
3
3
  export interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
4
4
  }
5
5
  export declare const HeaderContext: React.Context<ContextValue<HeaderProps, HTMLElement>>;
6
- export declare const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
6
+ export declare const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
@@ -51,4 +51,4 @@ export declare const InputContext: React.Context<ContextValue<InputProps, HTMLIn
51
51
  /**
52
52
  * An input allows a user to input text.
53
53
  */
54
- export declare const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
54
+ export declare const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
@@ -4,4 +4,4 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, DOMRe
4
4
  elementType?: string;
5
5
  }
6
6
  export declare const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
7
- export declare const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
7
+ export declare const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
@@ -55,4 +55,4 @@ export declare const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnch
55
55
  * A link allows a user to navigate to another page or resource within a web page
56
56
  * or application.
57
57
  */
58
- export declare const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
58
+ export declare const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
@@ -89,7 +89,7 @@ export declare const ListStateContext: React.Context<ListState<any> | null>;
89
89
  /**
90
90
  * A listbox displays a list of options and allows a user to select one or more of them.
91
91
  */
92
- export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
92
+ export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
93
93
  export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
94
94
  /**
95
95
  * 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<
102
102
  /**
103
103
  * A ListBoxSection represents a section within a ListBox.
104
104
  */
105
- export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
105
+ export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
106
106
  export interface ListBoxItemRenderProps extends ItemRenderProps {
107
107
  }
108
108
  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
135
135
  /**
136
136
  * A ListBoxItem represents an individual option in a ListBox.
137
137
  */
138
- export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
139
- export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
138
+ export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
139
+ export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
140
140
  /**
141
141
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
142
142
  * element.
143
143
  *
144
- * @default 'react-aria-ListBoxLoadMoreItem'
144
+ * @default 'react-aria-ListBoxLoadingIndicator'
145
145
  */
146
146
  className?: string;
147
147
  /**
@@ -153,4 +153,4 @@ export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'c
153
153
  */
154
154
  isLoading?: boolean;
155
155
  }
156
- export declare const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
156
+ export declare const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
@@ -1,8 +1,9 @@
1
1
  import { AriaMenuProps } from 'react-aria/useMenu';
2
2
  import { MenuTriggerProps as BaseMenuTriggerProps, RootMenuTriggerState } from 'react-stately/useMenuTriggerState';
3
- import { ClassNameOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, RenderProps, SlotProps, StyleRenderProps } from './utils';
3
+ import { ClassNameOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, RenderProps, SlotProps, StyleProps, StyleRenderProps } from './utils';
4
4
  import { CollectionProps, ItemRenderProps, SectionProps } from './Collection';
5
5
  import { FocusEvents, GlobalDOMAttributes, HoverEvents, Key, LinkDOMProps, MultipleSelection, PressEvents } from '@react-types/shared';
6
+ import { LoadMoreSentinelProps } from 'react-aria/private/utils/useLoadMoreSentinel';
6
7
  import React, { JSX, ReactElement, ReactNode } from 'react';
7
8
  import { TreeState } from 'react-stately/useTreeState';
8
9
  export declare const MenuContext: React.Context<ContextValue<MenuProps<any>, HTMLDivElement>>;
@@ -30,7 +31,7 @@ export interface SubmenuTriggerProps {
30
31
  *
31
32
  * @version alpha
32
33
  */
33
- export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
34
+ export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
34
35
  export interface MenuRenderProps {
35
36
  /**
36
37
  * 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
47
48
  * @default 'react-aria-Menu'
48
49
  */
49
50
  className?: ClassNameOrFunction<MenuRenderProps>;
50
- /** Provides content to display when there are no items in the list. */
51
+ /** Provides content to display when there are no items in the menu. */
51
52
  renderEmptyState?: () => ReactNode;
52
53
  /** Whether the menu should close when the menu item is selected. */
53
54
  shouldCloseOnSelect?: boolean;
@@ -55,7 +56,7 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
55
56
  /**
56
57
  * A menu displays a list of actions or options that a user can choose.
57
58
  */
58
- export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
59
+ export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
59
60
  export interface MenuSectionProps<T> extends SectionProps<T>, Omit<MultipleSelection, 'disabledKeys'>, DOMRenderProps<'section', undefined> {
60
61
  /**
61
62
  * 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
70
71
  /**
71
72
  * A MenuSection represents a section within a Menu.
72
73
  */
73
- export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
74
+ export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
74
75
  export interface MenuItemRenderProps extends ItemRenderProps {
75
76
  /**
76
77
  * Whether the item has a submenu.
@@ -114,4 +115,22 @@ export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRend
114
115
  /**
115
116
  * A MenuItem represents an individual action in a Menu.
116
117
  */
117
- export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
118
+ export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
119
+ export interface MenuLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
120
+ /**
121
+ * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
122
+ * element.
123
+ *
124
+ * @default 'react-aria-MenuLoadingIndicator'
125
+ */
126
+ className?: string;
127
+ /**
128
+ * The load more spinner to render when loading additional items.
129
+ */
130
+ children?: ReactNode;
131
+ /**
132
+ * Whether or not the loading spinner should be rendered or not.
133
+ */
134
+ isLoading?: boolean;
135
+ }
136
+ export declare const MenuLoadMoreItem: (props: MenuLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
@@ -27,4 +27,4 @@ export declare const MeterContext: React.Context<ContextValue<MeterProps, HTMLDi
27
27
  /**
28
28
  * A meter represents a quantity within a known range, or a fractional value.
29
29
  */
30
- export declare const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
30
+ export declare const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
@@ -50,8 +50,8 @@ export interface ModalRenderProps {
50
50
  /**
51
51
  * A modal is an overlay element which blocks interaction with elements outside it.
52
52
  */
53
- export declare const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
53
+ export declare const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
54
54
  /**
55
55
  * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.
56
56
  */
57
- export declare const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
57
+ export declare const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;