react-aria-components 1.14.0 → 1.15.1

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/dist/Breadcrumbs.main.js +3 -2
  2. package/dist/Breadcrumbs.main.js.map +1 -1
  3. package/dist/Breadcrumbs.mjs +4 -3
  4. package/dist/Breadcrumbs.module.js +4 -3
  5. package/dist/Breadcrumbs.module.js.map +1 -1
  6. package/dist/Button.main.js +1 -1
  7. package/dist/Button.main.js.map +1 -1
  8. package/dist/Button.mjs +2 -2
  9. package/dist/Button.module.js +2 -2
  10. package/dist/Button.module.js.map +1 -1
  11. package/dist/Calendar.main.js +11 -7
  12. package/dist/Calendar.main.js.map +1 -1
  13. package/dist/Calendar.mjs +12 -8
  14. package/dist/Calendar.module.js +12 -8
  15. package/dist/Calendar.module.js.map +1 -1
  16. package/dist/Checkbox.main.js +2 -2
  17. package/dist/Checkbox.main.js.map +1 -1
  18. package/dist/Checkbox.mjs +3 -3
  19. package/dist/Checkbox.module.js +3 -3
  20. package/dist/Checkbox.module.js.map +1 -1
  21. package/dist/ColorArea.main.js +1 -1
  22. package/dist/ColorArea.main.js.map +1 -1
  23. package/dist/ColorArea.mjs +2 -2
  24. package/dist/ColorArea.module.js +2 -2
  25. package/dist/ColorArea.module.js.map +1 -1
  26. package/dist/ColorField.main.js +7 -3
  27. package/dist/ColorField.main.js.map +1 -1
  28. package/dist/ColorField.mjs +8 -4
  29. package/dist/ColorField.module.js +8 -4
  30. package/dist/ColorField.module.js.map +1 -1
  31. package/dist/ColorSlider.main.js +1 -1
  32. package/dist/ColorSlider.main.js.map +1 -1
  33. package/dist/ColorSlider.mjs +2 -2
  34. package/dist/ColorSlider.module.js +2 -2
  35. package/dist/ColorSlider.module.js.map +1 -1
  36. package/dist/ColorSwatch.main.js +1 -1
  37. package/dist/ColorSwatch.main.js.map +1 -1
  38. package/dist/ColorSwatch.mjs +2 -2
  39. package/dist/ColorSwatch.module.js +2 -2
  40. package/dist/ColorSwatch.module.js.map +1 -1
  41. package/dist/ColorSwatchPicker.main.js +2 -0
  42. package/dist/ColorSwatchPicker.main.js.map +1 -1
  43. package/dist/ColorSwatchPicker.mjs +2 -0
  44. package/dist/ColorSwatchPicker.module.js +2 -0
  45. package/dist/ColorSwatchPicker.module.js.map +1 -1
  46. package/dist/ColorThumb.main.js +1 -1
  47. package/dist/ColorThumb.main.js.map +1 -1
  48. package/dist/ColorThumb.mjs +2 -2
  49. package/dist/ColorThumb.module.js +2 -2
  50. package/dist/ColorThumb.module.js.map +1 -1
  51. package/dist/ColorWheel.main.js +2 -2
  52. package/dist/ColorWheel.main.js.map +1 -1
  53. package/dist/ColorWheel.mjs +3 -3
  54. package/dist/ColorWheel.module.js +3 -3
  55. package/dist/ColorWheel.module.js.map +1 -1
  56. package/dist/ComboBox.main.js +2 -2
  57. package/dist/ComboBox.main.js.map +1 -1
  58. package/dist/ComboBox.mjs +3 -3
  59. package/dist/ComboBox.module.js +3 -3
  60. package/dist/ComboBox.module.js.map +1 -1
  61. package/dist/DateField.main.js +3 -3
  62. package/dist/DateField.main.js.map +1 -1
  63. package/dist/DateField.mjs +4 -4
  64. package/dist/DateField.module.js +4 -4
  65. package/dist/DateField.module.js.map +1 -1
  66. package/dist/DatePicker.main.js +2 -2
  67. package/dist/DatePicker.main.js.map +1 -1
  68. package/dist/DatePicker.mjs +3 -3
  69. package/dist/DatePicker.module.js +3 -3
  70. package/dist/DatePicker.module.js.map +1 -1
  71. package/dist/Dialog.main.js +2 -1
  72. package/dist/Dialog.main.js.map +1 -1
  73. package/dist/Dialog.mjs +3 -2
  74. package/dist/Dialog.module.js +3 -2
  75. package/dist/Dialog.module.js.map +1 -1
  76. package/dist/Disclosure.main.js +3 -3
  77. package/dist/Disclosure.main.js.map +1 -1
  78. package/dist/Disclosure.mjs +4 -4
  79. package/dist/Disclosure.module.js +4 -4
  80. package/dist/Disclosure.module.js.map +1 -1
  81. package/dist/DropZone.main.js +2 -3
  82. package/dist/DropZone.main.js.map +1 -1
  83. package/dist/DropZone.mjs +4 -5
  84. package/dist/DropZone.module.js +4 -5
  85. package/dist/DropZone.module.js.map +1 -1
  86. package/dist/Form.main.js +1 -1
  87. package/dist/Form.main.js.map +1 -1
  88. package/dist/Form.mjs +2 -2
  89. package/dist/Form.module.js +2 -2
  90. package/dist/Form.module.js.map +1 -1
  91. package/dist/GridList.main.js +16 -13
  92. package/dist/GridList.main.js.map +1 -1
  93. package/dist/GridList.mjs +17 -14
  94. package/dist/GridList.module.js +17 -14
  95. package/dist/GridList.module.js.map +1 -1
  96. package/dist/Group.main.js +1 -1
  97. package/dist/Group.main.js.map +1 -1
  98. package/dist/Group.mjs +2 -2
  99. package/dist/Group.module.js +2 -2
  100. package/dist/Group.module.js.map +1 -1
  101. package/dist/Header.main.js +1 -1
  102. package/dist/Header.main.js.map +1 -1
  103. package/dist/Header.mjs +2 -2
  104. package/dist/Header.module.js +2 -2
  105. package/dist/Header.module.js.map +1 -1
  106. package/dist/Heading.main.js +2 -2
  107. package/dist/Heading.main.js.map +1 -1
  108. package/dist/Heading.mjs +2 -2
  109. package/dist/Heading.module.js +2 -2
  110. package/dist/Heading.module.js.map +1 -1
  111. package/dist/HiddenDateInput.main.js +5 -1
  112. package/dist/HiddenDateInput.main.js.map +1 -1
  113. package/dist/HiddenDateInput.mjs +6 -2
  114. package/dist/HiddenDateInput.module.js +6 -2
  115. package/dist/HiddenDateInput.module.js.map +1 -1
  116. package/dist/Input.main.js +1 -1
  117. package/dist/Input.main.js.map +1 -1
  118. package/dist/Input.mjs +2 -2
  119. package/dist/Input.module.js +2 -2
  120. package/dist/Input.module.js.map +1 -1
  121. package/dist/Keyboard.main.js +1 -1
  122. package/dist/Keyboard.main.js.map +1 -1
  123. package/dist/Keyboard.mjs +2 -2
  124. package/dist/Keyboard.module.js +2 -2
  125. package/dist/Keyboard.module.js.map +1 -1
  126. package/dist/Label.main.js +2 -1
  127. package/dist/Label.main.js.map +1 -1
  128. package/dist/Label.mjs +3 -2
  129. package/dist/Label.module.js +3 -2
  130. package/dist/Label.module.js.map +1 -1
  131. package/dist/Link.main.js +3 -2
  132. package/dist/Link.main.js.map +1 -1
  133. package/dist/Link.mjs +4 -3
  134. package/dist/Link.module.js +4 -3
  135. package/dist/Link.module.js.map +1 -1
  136. package/dist/ListBox.main.js +13 -14
  137. package/dist/ListBox.main.js.map +1 -1
  138. package/dist/ListBox.mjs +14 -15
  139. package/dist/ListBox.module.js +14 -15
  140. package/dist/ListBox.module.js.map +1 -1
  141. package/dist/Menu.main.js +21 -8
  142. package/dist/Menu.main.js.map +1 -1
  143. package/dist/Menu.mjs +22 -9
  144. package/dist/Menu.module.js +22 -9
  145. package/dist/Menu.module.js.map +1 -1
  146. package/dist/Meter.main.js +1 -1
  147. package/dist/Meter.main.js.map +1 -1
  148. package/dist/Meter.mjs +2 -2
  149. package/dist/Meter.module.js +2 -2
  150. package/dist/Meter.module.js.map +1 -1
  151. package/dist/Modal.main.js +2 -2
  152. package/dist/Modal.main.js.map +1 -1
  153. package/dist/Modal.mjs +3 -3
  154. package/dist/Modal.module.js +3 -3
  155. package/dist/Modal.module.js.map +1 -1
  156. package/dist/NumberField.main.js +1 -1
  157. package/dist/NumberField.main.js.map +1 -1
  158. package/dist/NumberField.mjs +2 -2
  159. package/dist/NumberField.module.js +2 -2
  160. package/dist/NumberField.module.js.map +1 -1
  161. package/dist/OverlayArrow.main.js +1 -1
  162. package/dist/OverlayArrow.main.js.map +1 -1
  163. package/dist/OverlayArrow.mjs +2 -2
  164. package/dist/OverlayArrow.module.js +2 -2
  165. package/dist/OverlayArrow.module.js.map +1 -1
  166. package/dist/Popover.main.js +2 -2
  167. package/dist/Popover.main.js.map +1 -1
  168. package/dist/Popover.mjs +4 -4
  169. package/dist/Popover.module.js +4 -4
  170. package/dist/Popover.module.js.map +1 -1
  171. package/dist/ProgressBar.main.js +1 -1
  172. package/dist/ProgressBar.main.js.map +1 -1
  173. package/dist/ProgressBar.mjs +2 -2
  174. package/dist/ProgressBar.module.js +2 -2
  175. package/dist/ProgressBar.module.js.map +1 -1
  176. package/dist/RadioGroup.main.js +2 -2
  177. package/dist/RadioGroup.main.js.map +1 -1
  178. package/dist/RadioGroup.mjs +3 -3
  179. package/dist/RadioGroup.module.js +3 -3
  180. package/dist/RadioGroup.module.js.map +1 -1
  181. package/dist/SearchField.main.js +1 -1
  182. package/dist/SearchField.main.js.map +1 -1
  183. package/dist/SearchField.mjs +2 -2
  184. package/dist/SearchField.module.js +2 -2
  185. package/dist/SearchField.module.js.map +1 -1
  186. package/dist/Select.main.js +2 -2
  187. package/dist/Select.main.js.map +1 -1
  188. package/dist/Select.mjs +3 -3
  189. package/dist/Select.module.js +3 -3
  190. package/dist/Select.module.js.map +1 -1
  191. package/dist/Separator.main.js +3 -1
  192. package/dist/Separator.main.js.map +1 -1
  193. package/dist/Separator.mjs +4 -2
  194. package/dist/Separator.module.js +4 -2
  195. package/dist/Separator.module.js.map +1 -1
  196. package/dist/SharedElementTransition.main.js +3 -2
  197. package/dist/SharedElementTransition.main.js.map +1 -1
  198. package/dist/SharedElementTransition.mjs +4 -3
  199. package/dist/SharedElementTransition.module.js +4 -3
  200. package/dist/SharedElementTransition.module.js.map +1 -1
  201. package/dist/Slider.main.js +6 -5
  202. package/dist/Slider.main.js.map +1 -1
  203. package/dist/Slider.mjs +7 -6
  204. package/dist/Slider.module.js +7 -6
  205. package/dist/Slider.module.js.map +1 -1
  206. package/dist/Switch.main.js +1 -1
  207. package/dist/Switch.main.js.map +1 -1
  208. package/dist/Switch.mjs +2 -2
  209. package/dist/Switch.module.js +2 -2
  210. package/dist/Switch.module.js.map +1 -1
  211. package/dist/Table.main.js +30 -25
  212. package/dist/Table.main.js.map +1 -1
  213. package/dist/Table.mjs +31 -26
  214. package/dist/Table.module.js +31 -26
  215. package/dist/Table.module.js.map +1 -1
  216. package/dist/Tabs.main.js +13 -6
  217. package/dist/Tabs.main.js.map +1 -1
  218. package/dist/Tabs.mjs +14 -7
  219. package/dist/Tabs.module.js +14 -7
  220. package/dist/Tabs.module.js.map +1 -1
  221. package/dist/TagGroup.main.js +6 -5
  222. package/dist/TagGroup.main.js.map +1 -1
  223. package/dist/TagGroup.mjs +7 -6
  224. package/dist/TagGroup.module.js +7 -6
  225. package/dist/TagGroup.module.js.map +1 -1
  226. package/dist/Text.main.js +2 -1
  227. package/dist/Text.main.js.map +1 -1
  228. package/dist/Text.mjs +3 -2
  229. package/dist/Text.module.js +3 -2
  230. package/dist/Text.module.js.map +1 -1
  231. package/dist/TextArea.main.js +1 -1
  232. package/dist/TextArea.main.js.map +1 -1
  233. package/dist/TextArea.mjs +2 -2
  234. package/dist/TextArea.module.js +2 -2
  235. package/dist/TextArea.module.js.map +1 -1
  236. package/dist/TextField.main.js +1 -1
  237. package/dist/TextField.main.js.map +1 -1
  238. package/dist/TextField.mjs +2 -2
  239. package/dist/TextField.module.js +2 -2
  240. package/dist/TextField.module.js.map +1 -1
  241. package/dist/Toast.main.js +6 -4
  242. package/dist/Toast.main.js.map +1 -1
  243. package/dist/Toast.mjs +7 -5
  244. package/dist/Toast.module.js +7 -5
  245. package/dist/Toast.module.js.map +1 -1
  246. package/dist/ToggleButton.main.js +5 -2
  247. package/dist/ToggleButton.main.js.map +1 -1
  248. package/dist/ToggleButton.mjs +6 -3
  249. package/dist/ToggleButton.module.js +6 -3
  250. package/dist/ToggleButton.module.js.map +1 -1
  251. package/dist/ToggleButtonGroup.main.js +1 -1
  252. package/dist/ToggleButtonGroup.main.js.map +1 -1
  253. package/dist/ToggleButtonGroup.mjs +2 -2
  254. package/dist/ToggleButtonGroup.module.js +2 -2
  255. package/dist/ToggleButtonGroup.module.js.map +1 -1
  256. package/dist/Toolbar.main.js +1 -1
  257. package/dist/Toolbar.main.js.map +1 -1
  258. package/dist/Toolbar.mjs +2 -2
  259. package/dist/Toolbar.module.js +2 -2
  260. package/dist/Toolbar.module.js.map +1 -1
  261. package/dist/Tooltip.main.js +1 -1
  262. package/dist/Tooltip.main.js.map +1 -1
  263. package/dist/Tooltip.mjs +2 -2
  264. package/dist/Tooltip.module.js +2 -2
  265. package/dist/Tooltip.module.js.map +1 -1
  266. package/dist/Tree.main.js +6 -6
  267. package/dist/Tree.main.js.map +1 -1
  268. package/dist/Tree.mjs +7 -7
  269. package/dist/Tree.module.js +7 -7
  270. package/dist/Tree.module.js.map +1 -1
  271. package/dist/types.d.ts +121 -62
  272. package/dist/types.d.ts.map +1 -1
  273. package/dist/utils.main.js +41 -3
  274. package/dist/utils.main.js.map +1 -1
  275. package/dist/utils.mjs +42 -5
  276. package/dist/utils.module.js +42 -5
  277. package/dist/utils.module.js.map +1 -1
  278. package/package.json +24 -24
  279. package/src/Breadcrumbs.tsx +9 -6
  280. package/src/Button.tsx +4 -3
  281. package/src/Calendar.tsx +26 -20
  282. package/src/Checkbox.tsx +7 -6
  283. package/src/ColorArea.tsx +3 -2
  284. package/src/ColorField.tsx +18 -3
  285. package/src/ColorSlider.tsx +2 -1
  286. package/src/ColorSwatch.tsx +2 -1
  287. package/src/ColorSwatchPicker.tsx +2 -0
  288. package/src/ColorThumb.tsx +3 -3
  289. package/src/ColorWheel.tsx +4 -3
  290. package/src/ComboBox.tsx +3 -2
  291. package/src/DateField.tsx +5 -4
  292. package/src/DatePicker.tsx +3 -2
  293. package/src/Dialog.tsx +5 -4
  294. package/src/Disclosure.tsx +7 -6
  295. package/src/DropZone.tsx +5 -5
  296. package/src/Form.tsx +4 -4
  297. package/src/GridList.tsx +30 -23
  298. package/src/Group.tsx +10 -9
  299. package/src/Header.tsx +7 -5
  300. package/src/Heading.tsx +4 -4
  301. package/src/HiddenDateInput.tsx +10 -3
  302. package/src/Input.tsx +3 -2
  303. package/src/Keyboard.tsx +4 -2
  304. package/src/Label.tsx +4 -3
  305. package/src/Link.tsx +15 -12
  306. package/src/ListBox.tsx +23 -22
  307. package/src/Menu.tsx +32 -17
  308. package/src/Meter.tsx +3 -2
  309. package/src/Modal.tsx +5 -4
  310. package/src/NumberField.tsx +2 -1
  311. package/src/OverlayArrow.tsx +3 -2
  312. package/src/Popover.tsx +5 -4
  313. package/src/ProgressBar.tsx +3 -2
  314. package/src/RadioGroup.tsx +6 -5
  315. package/src/SearchField.tsx +3 -2
  316. package/src/Select.tsx +6 -5
  317. package/src/Separator.tsx +8 -5
  318. package/src/SharedElementTransition.tsx +4 -3
  319. package/src/Slider.tsx +9 -7
  320. package/src/Switch.tsx +11 -10
  321. package/src/Table.tsx +47 -36
  322. package/src/Tabs.tsx +23 -18
  323. package/src/TagGroup.tsx +16 -13
  324. package/src/Text.tsx +4 -3
  325. package/src/TextArea.tsx +3 -2
  326. package/src/TextField.tsx +4 -3
  327. package/src/Toast.tsx +15 -11
  328. package/src/ToggleButton.tsx +5 -4
  329. package/src/ToggleButtonGroup.tsx +3 -2
  330. package/src/Toolbar.tsx +3 -2
  331. package/src/Tooltip.tsx +3 -2
  332. package/src/Tree.tsx +18 -17
  333. package/src/utils.tsx +96 -10
package/dist/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, GlobalDOMAttributes, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, FocusableElement, FocusEvents, KeyboardEvents, Node, ValueBase, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, PressEvents, MultipleSelection, Orientation as _Orientation2, DisabledBehavior as _DisabledBehavior1, Expandable, SelectionMode as _SelectionMode2 } from "@react-types/shared";
2
- import React, { Context, CSSProperties, ForwardedRef, JSX, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, ReactElement, TextareaHTMLAttributes } from "react";
2
+ import React, { AnchorHTMLAttributes, Context, CSSProperties, DetailedHTMLProps, ForwardedRef, JSX, ReactElement, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes } from "react";
3
3
  import { FormProps as _FormProps1 } from "@react-types/form";
4
4
  import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaColorAreaProps, HoverProps, AriaColorFieldProps, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaColorSliderProps, AriaColorWheelOptions, AriaLinkOptions, AriaBreadcrumbsProps, AriaProgressBarProps, AriaButtonProps, AriaCalendarProps, AriaRangeCalendarProps, DateValue, AriaColorSwatchProps, DropIndicatorProps as _DropIndicatorProps1, DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragItem, DragPreview, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult, DropTarget, DropTargetDelegate as _DropTargetDelegate1, ListDropTargetDelegate, SeparatorProps as _SeparatorProps1, AriaListBoxProps, PlacementAxis, AriaPopoverProps, PositionProps, AriaMenuProps, AriaDialogProps, AriaComboBoxProps, AriaDateFieldProps, AriaTimeFieldProps, TimeValue, AriaDatePickerProps, AriaDateRangePickerProps, AriaDisclosureProps, LabelAriaProps, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSearchFieldProps, AriaSelectProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaTextFieldProps as _AriaTextFieldProps1, AriaToastProps, AriaToastRegionProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
5
5
  import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, Collection, Node as _Node1, SelectionBehavior, SelectionMode as _SelectionMode1, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation as _Orientation1, ColorPickerState, ColorPickerProps as _ColorPickerProps1, OverlayTriggerProps, MenuTriggerProps as _MenuTriggerProps1, RootMenuTriggerState, TreeState, OverlayTriggerState, ComboBoxState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, TimeFieldState, DatePickerState, DatePickerStateOptions, DateRangePickerState, DateRangePickerStateOptions, DisclosureGroupState, DisclosureState, DisclosureGroupProps as _DisclosureGroupProps1, NumberFieldState, RadioGroupState, SearchFieldState, SelectState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, QueuedToast, ToastQueue, ToastState, ToggleGroupState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
@@ -43,7 +43,7 @@ type ClassNameOrFunction<T> = string | ((values: T & {
43
43
  type StyleOrFunction<T> = CSSProperties | ((values: T & {
44
44
  defaultStyle: CSSProperties;
45
45
  }) => CSSProperties | undefined);
46
- export interface StyleRenderProps<T> {
46
+ export interface StyleRenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends DOMRenderProps<E, T> {
47
47
  /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
48
48
  className?: ClassNameOrFunction<T>;
49
49
  /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
@@ -52,23 +52,24 @@ export interface StyleRenderProps<T> {
52
52
  type ChildrenOrFunction<T> = ReactNode | ((values: T & {
53
53
  defaultChildren: ReactNode | undefined;
54
54
  }) => ReactNode);
55
- export interface RenderProps<T> extends StyleRenderProps<T> {
55
+ export interface RenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends StyleRenderProps<T, E> {
56
56
  /** The children of the component. A function may be provided to alter the children based on component state. */
57
57
  children?: ChildrenOrFunction<T>;
58
58
  }
59
- interface RenderPropsHookOptions<T> extends RenderProps<T>, _DOMProps1, AriaLabelingProps {
59
+ interface RenderPropsHookOptions<T, E extends keyof React.JSX.IntrinsicElements> extends RenderProps<T, E>, _DOMProps1, AriaLabelingProps {
60
60
  values: T;
61
61
  defaultChildren?: ReactNode;
62
62
  defaultClassName?: string;
63
63
  defaultStyle?: CSSProperties;
64
64
  }
65
- interface RenderPropsHookRetVal {
65
+ interface RenderPropsHookRetVal<T, E extends keyof React.JSX.IntrinsicElements> {
66
66
  className?: string;
67
67
  style?: CSSProperties;
68
68
  children?: ReactNode;
69
69
  'data-rac': string;
70
+ render?: DOMRenderFunction<E, T>;
70
71
  }
71
- export function useRenderProps<T>(props: RenderPropsHookOptions<T>): RenderPropsHookRetVal;
72
+ export function useRenderProps<T, E extends keyof React.JSX.IntrinsicElements>(props: RenderPropsHookOptions<T, E>): RenderPropsHookRetVal<T, E>;
72
73
  /**
73
74
  * A helper function that accepts a user-provided render prop value (either a static value or a function),
74
75
  * and combines it with another value to create a final result.
@@ -95,7 +96,39 @@ interface RACValidation {
95
96
  */
96
97
  validationBehavior?: 'native' | 'aria';
97
98
  }
98
- export interface TextProps extends HTMLAttributes<HTMLElement> {
99
+ type DOMRenderFunction<E extends keyof React.JSX.IntrinsicElements, T> = (props: React.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
100
+ interface DOMRenderProps<E extends keyof React.JSX.IntrinsicElements, T> {
101
+ /**
102
+ * Overrides the default DOM element with a custom render function.
103
+ * This allows rendering existing components with built-in styles and behaviors
104
+ * such as router links, animation libraries, and pre-styled components.
105
+ *
106
+ * Requirements:
107
+ *
108
+ * * You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).
109
+ * * Only a single root DOM element can be rendered (no fragments).
110
+ * * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
111
+ */
112
+ render?: DOMRenderFunction<E, T>;
113
+ }
114
+ type LinkWithRequiredHref = Required<Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
115
+ interface PossibleLinkDOMRenderProps<Fallback extends keyof React.JSX.IntrinsicElements, T> {
116
+ /**
117
+ * Overrides the default DOM element with a custom render function.
118
+ * This allows rendering existing components with built-in styles and behaviors
119
+ * such as router links, animation libraries, and pre-styled components.
120
+ *
121
+ * Note: You can check if `'href' in props` in order to tell whether to render an `<a>` element.
122
+ *
123
+ * Requirements:
124
+ *
125
+ * * You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).
126
+ * * Only a single root DOM element can be rendered (no fragments).
127
+ * * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
128
+ */
129
+ render?: (props: DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement> | React.JSX.IntrinsicElements[Fallback], renderProps: T) => ReactElement;
130
+ }
131
+ export interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {
99
132
  elementType?: string;
100
133
  }
101
134
  export const TextContext: React.Context<ContextValue<TextProps, HTMLElement>>;
@@ -114,7 +147,7 @@ export interface FieldErrorProps extends RenderProps<FieldErrorRenderProps>, _DO
114
147
  * A FieldError displays validation errors for a form field.
115
148
  */
116
149
  export const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLElement>>;
117
- export interface FormProps extends _FormProps1, DOMProps, GlobalDOMAttributes<HTMLFormElement> {
150
+ export interface FormProps extends _FormProps1, DOMProps, DOMRenderProps<'form', undefined>, GlobalDOMAttributes<HTMLFormElement> {
118
151
  /**
119
152
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
120
153
  * @default 'react-aria-Form'
@@ -134,19 +167,19 @@ export const FormContext: React.Context<ContextValue<FormProps, HTMLFormElement>
134
167
  * with support for providing field validation errors.
135
168
  */
136
169
  export const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
137
- export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
170
+ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, DOMRenderProps<'label', undefined> {
138
171
  elementType?: string;
139
172
  }
140
173
  export const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
141
174
  export const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
142
- export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
175
+ export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
143
176
  /**
144
177
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
145
178
  * @default 'react-aria-CheckboxGroup'
146
179
  */
147
180
  className?: ClassNameOrFunction<CheckboxGroupRenderProps>;
148
181
  }
149
- export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
182
+ export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
150
183
  /**
151
184
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
152
185
  * @default 'react-aria-Checkbox'
@@ -338,7 +371,7 @@ export interface GroupRenderProps {
338
371
  */
339
372
  isInvalid: boolean;
340
373
  }
341
- export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
374
+ export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'render' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
342
375
  /**
343
376
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
344
377
  * @default 'react-aria-Group'
@@ -391,7 +424,7 @@ export interface InputRenderProps {
391
424
  */
392
425
  isInvalid: boolean;
393
426
  }
394
- export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps> {
427
+ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'input'> {
395
428
  /**
396
429
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
397
430
  * @default 'react-aria-Input'
@@ -419,6 +452,16 @@ export interface ColorFieldRenderProps {
419
452
  * @selector [data-invalid]
420
453
  */
421
454
  isInvalid: boolean;
455
+ /**
456
+ * Whether the color field is read only.
457
+ * @selector [data-readonly]
458
+ */
459
+ isReadOnly: boolean;
460
+ /**
461
+ * Whether the color field is required.
462
+ * @selector [data-required]
463
+ */
464
+ isRequired: boolean;
422
465
  /**
423
466
  * The color channel that this field edits, or "hex" if no `channel` prop is set.
424
467
  * @selector [data-channel="hex | hue | saturation | ..."]
@@ -486,7 +529,7 @@ export interface SliderRenderProps {
486
529
  * A slider allows a user to select one or more values within a range.
487
530
  */
488
531
  export const Slider: <T extends number | number[]>(props: SliderProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
489
- export interface SliderOutputProps extends RenderProps<SliderRenderProps>, GlobalDOMAttributes<HTMLOutputElement> {
532
+ export interface SliderOutputProps extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {
490
533
  /**
491
534
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
492
535
  * @default 'react-aria-SliderOutput'
@@ -632,7 +675,7 @@ export const ColorWheelTrackContext: React.Context<ContextValue<ColorWheelTrackC
632
675
  * A color wheel track renders a circular gradient track.
633
676
  */
634
677
  export const ColorWheelTrack: React.ForwardRefExoticComponent<ColorWheelTrackProps & React.RefAttributes<HTMLDivElement>>;
635
- export interface HeadingProps extends HTMLAttributes<HTMLElement> {
678
+ export interface HeadingProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'h1', undefined> {
636
679
  level?: number;
637
680
  }
638
681
  export const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
@@ -769,7 +812,7 @@ export interface CollectionRenderer {
769
812
  }
770
813
  export const DefaultCollectionRenderer: CollectionRenderer;
771
814
  export const CollectionRendererContext: React.Context<CollectionRenderer>;
772
- export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, RenderProps<LinkRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLAnchorElement>, 'onClick'> {
815
+ export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, Omit<RenderProps<LinkRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'span', LinkRenderProps>, SlotProps, _DOMProps1, Omit<GlobalDOMAttributes<HTMLAnchorElement>, 'onClick'> {
773
816
  /**
774
817
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
775
818
  * @default 'react-aria-Link'
@@ -814,7 +857,7 @@ export const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnchorElemen
814
857
  * or application.
815
858
  */
816
859
  export const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
817
- export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLOListElement> {
860
+ export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, DOMRenderProps<'ol', undefined>, GlobalDOMAttributes<HTMLOListElement> {
818
861
  /**
819
862
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
820
863
  * @default 'react-aria-Breadcrumbs'
@@ -842,7 +885,7 @@ export interface BreadcrumbRenderProps {
842
885
  */
843
886
  isDisabled: boolean;
844
887
  }
845
- export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
888
+ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'>, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
846
889
  /**
847
890
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
848
891
  * @default 'react-aria-Breadcrumb'
@@ -916,7 +959,7 @@ export interface ButtonRenderProps {
916
959
  */
917
960
  isPending: boolean;
918
961
  }
919
- export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
962
+ export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
920
963
  /**
921
964
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
922
965
  * @default 'react-aria-Button'
@@ -958,7 +1001,7 @@ export interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'sta
958
1001
  */
959
1002
  state: RangeCalendarState;
960
1003
  }
961
- export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
1004
+ export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
962
1005
  /**
963
1006
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
964
1007
  * @default 'react-aria-Calendar'
@@ -976,7 +1019,7 @@ export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarPro
976
1019
  */
977
1020
  createCalendar?: (identifier: CalendarIdentifier) => _Calendar1;
978
1021
  }
979
- export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
1022
+ export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
980
1023
  /**
981
1024
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
982
1025
  * @default 'react-aria-RangeCalendar'
@@ -1086,7 +1129,7 @@ export interface CalendarCellRenderProps {
1086
1129
  */
1087
1130
  isToday: boolean;
1088
1131
  }
1089
- export interface CalendarGridProps extends StyleProps, GlobalDOMAttributes<HTMLTableElement> {
1132
+ export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', undefined>, GlobalDOMAttributes<HTMLTableElement> {
1090
1133
  /**
1091
1134
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1092
1135
  * @default 'react-aria-CalendarGrid'
@@ -1116,7 +1159,7 @@ export interface CalendarGridProps extends StyleProps, GlobalDOMAttributes<HTMLT
1116
1159
  * can be keyboard navigated and selected by the user.
1117
1160
  */
1118
1161
  export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
1119
- export interface CalendarGridHeaderProps extends StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
1162
+ export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
1120
1163
  /**
1121
1164
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1122
1165
  * @default 'react-aria-CalendarGridHeader'
@@ -1129,7 +1172,7 @@ export interface CalendarGridHeaderProps extends StyleProps, GlobalDOMAttributes
1129
1172
  * A calendar grid header displays a row of week day names at the top of a month.
1130
1173
  */
1131
1174
  export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
1132
- export interface CalendarHeaderCellProps extends DOMProps, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
1175
+ export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
1133
1176
  /**
1134
1177
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1135
1178
  * @default 'react-aria-CalendarHeaderCell'
@@ -1140,7 +1183,7 @@ export interface CalendarHeaderCellProps extends DOMProps, GlobalDOMAttributes<H
1140
1183
  * A calendar header cell displays a week day name at the top of a column within a calendar.
1141
1184
  */
1142
1185
  export const CalendarHeaderCell: React.ForwardRefExoticComponent<CalendarHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
1143
- export interface CalendarGridBodyProps extends StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
1186
+ export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
1144
1187
  /**
1145
1188
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1146
1189
  * @default 'react-aria-CalendarGridBody'
@@ -1153,7 +1196,7 @@ export interface CalendarGridBodyProps extends StyleProps, GlobalDOMAttributes<H
1153
1196
  * A calendar grid body displays a grid of calendar cells within a month.
1154
1197
  */
1155
1198
  export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
1156
- export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>, _HoverEvents1, GlobalDOMAttributes<HTMLTableCellElement> {
1199
+ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, _HoverEvents1, GlobalDOMAttributes<HTMLTableCellElement> {
1157
1200
  /**
1158
1201
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
1159
1202
  * @default 'react-aria-CalendarCell'
@@ -1268,8 +1311,10 @@ interface DropIndicatorContextValue {
1268
1311
  * A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.
1269
1312
  */
1270
1313
  export const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
1271
- export const HeaderContext: React.Context<ContextValue<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
1272
- export const Header: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
1314
+ interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
1315
+ }
1316
+ export const HeaderContext: React.Context<ContextValue<HeaderProps, HTMLElement>>;
1317
+ export const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
1273
1318
  export interface SharedElementTransitionProps {
1274
1319
  children: ReactNode;
1275
1320
  }
@@ -1313,7 +1358,7 @@ export const SelectionIndicatorContext: React.Context<ContextValue<SelectionIndi
1313
1358
  * An animated indicator of selection state within a group of items.
1314
1359
  */
1315
1360
  export const SelectionIndicator: React.ForwardRefExoticComponent<SelectionIndicatorProps & React.RefAttributes<HTMLDivElement>>;
1316
- export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
1361
+ export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, DOMRenderProps<'hr' | 'div', undefined>, GlobalDOMAttributes<HTMLElement> {
1317
1362
  /**
1318
1363
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1319
1364
  * @default 'react-aria-Separator'
@@ -1389,7 +1434,7 @@ export const ListStateContext: React.Context<ListState<any> | null>;
1389
1434
  * A listbox displays a list of options and allows a user to select one or more of them.
1390
1435
  */
1391
1436
  export const ListBox: <T extends object>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
1392
- export interface ListBoxSectionProps<T> extends SectionProps<T> {
1437
+ export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
1393
1438
  /**
1394
1439
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1395
1440
  * @default 'react-aria-ListBoxSection'
@@ -1402,7 +1447,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T> {
1402
1447
  export const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
1403
1448
  export interface ListBoxItemRenderProps extends ItemRenderProps {
1404
1449
  }
1405
- export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
1450
+ export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
1406
1451
  /**
1407
1452
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
1408
1453
  * @default 'react-aria-ListBoxItem'
@@ -1428,7 +1473,7 @@ export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRen
1428
1473
  * A ListBoxItem represents an individual option in a ListBox.
1429
1474
  */
1430
1475
  export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
1431
- export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
1476
+ export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
1432
1477
  /**
1433
1478
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1434
1479
  * @default 'react-aria-ListBoxLoadMoreItem'
@@ -1496,7 +1541,7 @@ export const ColorPickerStateContext: React.Context<ColorPickerState | null>;
1496
1541
  * It simplifies building color pickers with customizable layouts via composition.
1497
1542
  */
1498
1543
  export function ColorPicker(props: ColorPickerProps): JSX.Element;
1499
- export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>, RenderProps<OverlayArrowRenderProps>, _DOMProps1 {
1544
+ export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>, RenderProps<OverlayArrowRenderProps>, _DOMProps1 {
1500
1545
  /**
1501
1546
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
1502
1547
  * @default 'react-aria-OverlayArrow'
@@ -1627,17 +1672,21 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
1627
1672
  className?: ClassNameOrFunction<MenuRenderProps>;
1628
1673
  /** Provides content to display when there are no items in the list. */
1629
1674
  renderEmptyState?: () => ReactNode;
1675
+ /** Whether the menu should close when the menu item is selected. */
1676
+ shouldCloseOnSelect?: boolean;
1630
1677
  }
1631
1678
  /**
1632
1679
  * A menu displays a list of actions or options that a user can choose.
1633
1680
  */
1634
1681
  export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
1635
- export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection {
1682
+ export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection, DOMRenderProps<'section', undefined> {
1636
1683
  /**
1637
1684
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1638
1685
  * @default 'react-aria-MenuSection'
1639
1686
  */
1640
1687
  className?: string;
1688
+ /** Whether the menu should close when the menu item is selected. */
1689
+ shouldCloseOnSelect?: boolean;
1641
1690
  }
1642
1691
  /**
1643
1692
  * A MenuSection represents a section within a Menu.
@@ -1657,7 +1706,7 @@ export interface MenuItemRenderProps extends ItemRenderProps {
1657
1706
  */
1658
1707
  isOpen: boolean;
1659
1708
  }
1660
- export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
1709
+ export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', MenuItemRenderProps>, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
1661
1710
  /**
1662
1711
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
1663
1712
  * @default 'react-aria-MenuItem'
@@ -1675,6 +1724,8 @@ export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderPro
1675
1724
  isDisabled?: boolean;
1676
1725
  /** Handler that is called when the item is selected. */
1677
1726
  onAction?: () => void;
1727
+ /** Whether the menu should close when the menu item is selected. */
1728
+ shouldCloseOnSelect?: boolean;
1678
1729
  }
1679
1730
  /**
1680
1731
  * A MenuItem represents an individual action in a Menu.
@@ -1686,7 +1737,7 @@ export interface DialogTriggerProps extends OverlayTriggerProps {
1686
1737
  export interface DialogRenderProps {
1687
1738
  close: () => void;
1688
1739
  }
1689
- export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
1740
+ export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, DOMRenderProps<'section', undefined>, GlobalDOMAttributes<HTMLElement> {
1690
1741
  /**
1691
1742
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
1692
1743
  * @default 'react-aria-Dialog'
@@ -1880,7 +1931,7 @@ export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'
1880
1931
  */
1881
1932
  type: DateSegmentType;
1882
1933
  }
1883
- export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
1934
+ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 'span'>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
1884
1935
  /**
1885
1936
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
1886
1937
  * @default 'react-aria-DateSegment'
@@ -2207,7 +2258,7 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
2207
2258
  * A GridListItem represents an individual item in a GridList.
2208
2259
  */
2209
2260
  export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
2210
- export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
2261
+ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
2211
2262
  /**
2212
2263
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
2213
2264
  * @default 'react-aria-GridListLoadMoreItem'
@@ -2223,7 +2274,7 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
2223
2274
  isLoading?: boolean;
2224
2275
  }
2225
2276
  export const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
2226
- export interface GridListSectionProps<T> extends SectionProps<T> {
2277
+ export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
2227
2278
  /**
2228
2279
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
2229
2280
  * @default 'react-aria-GridListSection'
@@ -2234,8 +2285,10 @@ export interface GridListSectionProps<T> extends SectionProps<T> {
2234
2285
  * A GridListSection represents a section within a GridList.
2235
2286
  */
2236
2287
  export const GridListSection: <T extends object>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
2237
- export const GridListHeaderContext: React.Context<ContextValue<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
2238
- export const GridListHeader: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
2288
+ interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
2289
+ }
2290
+ export const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
2291
+ export const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
2239
2292
  export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
2240
2293
  /**
2241
2294
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
@@ -2346,7 +2399,7 @@ export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' |
2346
2399
  */
2347
2400
  className?: ClassNameOrFunction<RadioGroupRenderProps>;
2348
2401
  }
2349
- export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
2402
+ export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
2350
2403
  /**
2351
2404
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2352
2405
  * @default 'react-aria-Radio'
@@ -2558,7 +2611,7 @@ export interface SelectValueRenderProps<T> {
2558
2611
  /** The state of the select. */
2559
2612
  state: SelectState<T, 'single' | 'multiple'>;
2560
2613
  }
2561
- export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>> {
2614
+ export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>, 'span'> {
2562
2615
  /**
2563
2616
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2564
2617
  * @default 'react-aria-SelectValue'
@@ -2571,7 +2624,7 @@ export const SelectValueContext: React.Context<ContextValue<SelectValueProps<any
2571
2624
  * It is usually placed within the button element.
2572
2625
  */
2573
2626
  export const SelectValue: <T extends object>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement | null;
2574
- export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
2627
+ export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
2575
2628
  /**
2576
2629
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2577
2630
  * @default 'react-aria-Switch'
@@ -2628,7 +2681,7 @@ export const SwitchContext: React.Context<ContextValue<SwitchProps, HTMLLabelEle
2628
2681
  * A switch allows a user to turn a setting on or off.
2629
2682
  */
2630
2683
  export const Switch: (props: SwitchProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
2631
- export interface ResizableTableContainerProps extends DOMProps, GlobalDOMAttributes<HTMLDivElement> {
2684
+ export interface ResizableTableContainerProps extends DOMProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
2632
2685
  /**
2633
2686
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
2634
2687
  * @default 'react-aria-ResizableTableContainer'
@@ -2675,7 +2728,7 @@ export interface TableRenderProps {
2675
2728
  */
2676
2729
  state: TableState<unknown>;
2677
2730
  }
2678
- export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
2731
+ export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps, 'table' | 'div'>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
2679
2732
  /**
2680
2733
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2681
2734
  * @default 'react-aria-Table'
@@ -2724,7 +2777,7 @@ interface TableHeaderRenderProps {
2724
2777
  */
2725
2778
  isHovered: boolean;
2726
2779
  }
2727
- export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps>, _HoverEvents1, GlobalDOMAttributes<HTMLTableSectionElement> {
2780
+ export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps, 'thead' | 'div'>, _HoverEvents1, GlobalDOMAttributes<HTMLTableSectionElement> {
2728
2781
  /**
2729
2782
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2730
2783
  * @default 'react-aria-TableHeader'
@@ -2786,7 +2839,7 @@ export interface ColumnRenderProps {
2786
2839
  */
2787
2840
  startResize(): void;
2788
2841
  }
2789
- export interface ColumnProps extends RenderProps<ColumnRenderProps>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
2842
+ export interface ColumnProps extends RenderProps<ColumnRenderProps, 'th' | 'div'>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
2790
2843
  /**
2791
2844
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2792
2845
  * @default 'react-aria-Column'
@@ -2862,7 +2915,7 @@ export interface TableBodyRenderProps {
2862
2915
  */
2863
2916
  isDropTarget: boolean;
2864
2917
  }
2865
- export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps>, GlobalDOMAttributes<HTMLTableSectionElement> {
2918
+ export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps, 'tbody' | 'div'>, GlobalDOMAttributes<HTMLTableSectionElement> {
2866
2919
  /**
2867
2920
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2868
2921
  * @default 'react-aria-TableBody'
@@ -2881,7 +2934,7 @@ export interface RowRenderProps extends ItemRenderProps {
2881
2934
  /** The unique id of the row. */
2882
2935
  id?: Key;
2883
2936
  }
2884
- export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
2937
+ export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'div'>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
2885
2938
  /**
2886
2939
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2887
2940
  * @default 'react-aria-Row'
@@ -2941,8 +2994,12 @@ export interface CellRenderProps {
2941
2994
  * The unique id of the cell.
2942
2995
  **/
2943
2996
  id?: Key;
2997
+ /**
2998
+ * The index of the column that this cell belongs to. Respects col spanning.
2999
+ */
3000
+ columnIndex?: number | null;
2944
3001
  }
2945
- export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttributes<HTMLTableCellElement> {
3002
+ export interface CellProps extends RenderProps<CellRenderProps, 'td' | 'div'>, GlobalDOMAttributes<HTMLTableCellElement> {
2946
3003
  /**
2947
3004
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
2948
3005
  * @default 'react-aria-Cell'
@@ -2959,7 +3016,7 @@ export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttrib
2959
3016
  * A cell within a table row.
2960
3017
  */
2961
3018
  export const Cell: (props: CellProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement | null;
2962
- export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLTableRowElement> {
3019
+ export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'tr' | 'div', undefined>, GlobalDOMAttributes<HTMLTableRowElement> {
2963
3020
  /**
2964
3021
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
2965
3022
  * @default 'react-aria-TableLoadMoreItem'
@@ -3032,7 +3089,7 @@ export interface TabListRenderProps {
3032
3089
  */
3033
3090
  state: TabListState<unknown>;
3034
3091
  }
3035
- export interface TabProps extends RenderProps<TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
3092
+ export interface TabProps extends Omit<RenderProps<TabRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
3036
3093
  /**
3037
3094
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
3038
3095
  * @default 'react-aria-Tab'
@@ -3135,7 +3192,7 @@ export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttri
3135
3192
  * A Tab provides a title for an individual item within a TabList.
3136
3193
  */
3137
3194
  export const Tab: (props: TabProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
3138
- export interface TabPanelsProps<T> extends CollectionProps<T>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
3195
+ export interface TabPanelsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
3139
3196
  /**
3140
3197
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
3141
3198
  * @default 'react-aria-TabPanels'
@@ -3150,7 +3207,7 @@ export const TabPanels: <T extends object>(props: TabPanelsProps<T> & React.RefA
3150
3207
  * A TabPanel provides the content for a tab.
3151
3208
  */
3152
3209
  export const TabPanel: (props: TabPanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
3153
- export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
3210
+ export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
3154
3211
  /**
3155
3212
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
3156
3213
  * @default 'react-aria-TagGroup'
@@ -3178,7 +3235,7 @@ export interface TagListRenderProps {
3178
3235
  */
3179
3236
  state: ListState<unknown>;
3180
3237
  }
3181
- export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
3238
+ export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps, 'div'>, GlobalDOMAttributes<HTMLDivElement> {
3182
3239
  /**
3183
3240
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
3184
3241
  * @default 'react-aria-TagList'
@@ -3204,7 +3261,7 @@ export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' |
3204
3261
  */
3205
3262
  allowsRemoving: boolean;
3206
3263
  }
3207
- export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
3264
+ export interface TagProps extends RenderProps<TagRenderProps, 'div'>, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
3208
3265
  /**
3209
3266
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
3210
3267
  * @default 'react-aria-Tag'
@@ -3224,7 +3281,7 @@ export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _Ho
3224
3281
  * A Tag is an individual item within a TagList.
3225
3282
  */
3226
3283
  export const Tag: (props: TagProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
3227
- export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps> {
3284
+ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'textarea'> {
3228
3285
  /**
3229
3286
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
3230
3287
  * @default 'react-aria-TextArea'
@@ -3258,7 +3315,7 @@ export interface TextFieldRenderProps {
3258
3315
  */
3259
3316
  isRequired: boolean;
3260
3317
  }
3261
- export interface TextFieldProps extends Omit<_AriaTextFieldProps1, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
3318
+ export interface TextFieldProps extends Omit<_AriaTextFieldProps1, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'render' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
3262
3319
  /**
3263
3320
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
3264
3321
  * @default 'react-aria-TextField'
@@ -3309,7 +3366,7 @@ export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderPr
3309
3366
  * A ToastRegion displays one or more toast notifications.
3310
3367
  */
3311
3368
  export const UNSTABLE_ToastRegion: <T>(props: ToastRegionProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
3312
- export interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children'> {
3369
+ export interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children' | 'render'>, DOMRenderProps<'ol', ToastRegionRenderProps<T>> {
3313
3370
  /** A function to render each toast. */
3314
3371
  children: (renderProps: {
3315
3372
  toast: QueuedToast<T>;
@@ -3343,10 +3400,12 @@ export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRende
3343
3400
  * A Toast displays a brief, temporary notification of actions, errors, or other events in an application.
3344
3401
  */
3345
3402
  export const UNSTABLE_Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
3403
+ interface ToastContentProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'div', undefined> {
3404
+ }
3346
3405
  /**
3347
3406
  * ToastContent wraps the main content of a toast notification.
3348
3407
  */
3349
- export const UNSTABLE_ToastContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>>;
3408
+ export const UNSTABLE_ToastContent: React.ForwardRefExoticComponent<ToastContentProps & React.RefAttributes<HTMLDivElement>>;
3350
3409
  export interface ToggleButtonGroupRenderProps {
3351
3410
  /**
3352
3411
  * The orientation of the toggle button group.
@@ -3387,7 +3446,7 @@ export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPend
3387
3446
  */
3388
3447
  state: ToggleState;
3389
3448
  }
3390
- export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
3449
+ export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
3391
3450
  /**
3392
3451
  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
3393
3452
  * @default 'react-aria-ToggleButton'