react-aria-components 1.17.0 → 1.19.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.
- package/dist/exports/Autocomplete.cjs.map +1 -1
- package/dist/exports/Autocomplete.js.map +1 -1
- package/dist/exports/Autocomplete.mjs.map +1 -1
- package/dist/exports/Calendar.cjs +3 -0
- package/dist/exports/Calendar.cjs.map +1 -1
- package/dist/exports/Calendar.js +2 -2
- package/dist/exports/Calendar.js.map +1 -1
- package/dist/exports/Calendar.mjs +2 -2
- package/dist/exports/Calendar.mjs.map +1 -1
- package/dist/exports/Checkbox.cjs +8 -0
- package/dist/exports/Checkbox.cjs.map +1 -1
- package/dist/exports/Checkbox.js +6 -2
- package/dist/exports/Checkbox.js.map +1 -1
- package/dist/exports/Checkbox.mjs +6 -2
- package/dist/exports/Checkbox.mjs.map +1 -1
- package/dist/exports/CheckboxGroup.cjs.map +1 -1
- package/dist/exports/CheckboxGroup.js.map +1 -1
- package/dist/exports/CheckboxGroup.mjs.map +1 -1
- package/dist/exports/CollectionBuilder.cjs.map +1 -1
- package/dist/exports/CollectionBuilder.js.map +1 -1
- package/dist/exports/CollectionBuilder.mjs.map +1 -1
- package/dist/exports/ColorArea.cjs.map +1 -1
- package/dist/exports/ColorArea.js.map +1 -1
- package/dist/exports/ColorArea.mjs.map +1 -1
- package/dist/exports/ColorField.cjs.map +1 -1
- package/dist/exports/ColorField.js.map +1 -1
- package/dist/exports/ColorField.mjs.map +1 -1
- package/dist/exports/ColorPicker.cjs.map +1 -1
- package/dist/exports/ColorPicker.js.map +1 -1
- package/dist/exports/ColorPicker.mjs.map +1 -1
- package/dist/exports/ColorSlider.cjs.map +1 -1
- package/dist/exports/ColorSlider.js.map +1 -1
- package/dist/exports/ColorSlider.mjs.map +1 -1
- package/dist/exports/ColorSwatch.cjs.map +1 -1
- package/dist/exports/ColorSwatch.js.map +1 -1
- package/dist/exports/ColorSwatch.mjs.map +1 -1
- package/dist/exports/ColorSwatchPicker.cjs.map +1 -1
- package/dist/exports/ColorSwatchPicker.js.map +1 -1
- package/dist/exports/ColorSwatchPicker.mjs.map +1 -1
- package/dist/exports/ColorThumb.cjs.map +1 -1
- package/dist/exports/ColorThumb.js.map +1 -1
- package/dist/exports/ColorThumb.mjs.map +1 -1
- package/dist/exports/ColorWheel.cjs.map +1 -1
- package/dist/exports/ColorWheel.js.map +1 -1
- package/dist/exports/ColorWheel.mjs.map +1 -1
- package/dist/exports/ComboBox.cjs.map +1 -1
- package/dist/exports/ComboBox.js.map +1 -1
- package/dist/exports/ComboBox.mjs.map +1 -1
- package/dist/exports/DateField.cjs.map +1 -1
- package/dist/exports/DateField.js.map +1 -1
- package/dist/exports/DateField.mjs.map +1 -1
- package/dist/exports/DatePicker.cjs.map +1 -1
- package/dist/exports/DatePicker.js.map +1 -1
- package/dist/exports/DatePicker.mjs.map +1 -1
- package/dist/exports/DateRangePicker.cjs.map +1 -1
- package/dist/exports/DateRangePicker.js.map +1 -1
- package/dist/exports/DateRangePicker.mjs.map +1 -1
- package/dist/exports/Disclosure.cjs.map +1 -1
- package/dist/exports/Disclosure.js.map +1 -1
- package/dist/exports/Disclosure.mjs.map +1 -1
- package/dist/exports/DisclosureGroup.cjs.map +1 -1
- package/dist/exports/DisclosureGroup.js.map +1 -1
- package/dist/exports/DisclosureGroup.mjs.map +1 -1
- package/dist/exports/GridList.cjs.map +1 -1
- package/dist/exports/GridList.js.map +1 -1
- package/dist/exports/GridList.mjs.map +1 -1
- package/dist/exports/ListBox.cjs.map +1 -1
- package/dist/exports/ListBox.js.map +1 -1
- package/dist/exports/ListBox.mjs.map +1 -1
- package/dist/exports/Menu.cjs.map +1 -1
- package/dist/exports/Menu.js.map +1 -1
- package/dist/exports/Menu.mjs.map +1 -1
- package/dist/exports/RadioGroup.cjs +3 -0
- package/dist/exports/RadioGroup.cjs.map +1 -1
- package/dist/exports/RadioGroup.js +2 -2
- package/dist/exports/RadioGroup.js.map +1 -1
- package/dist/exports/RadioGroup.mjs +2 -2
- package/dist/exports/RadioGroup.mjs.map +1 -1
- package/dist/exports/RangeCalendar.cjs +3 -0
- package/dist/exports/RangeCalendar.cjs.map +1 -1
- package/dist/exports/RangeCalendar.js +2 -2
- package/dist/exports/RangeCalendar.js.map +1 -1
- package/dist/exports/RangeCalendar.mjs +2 -2
- package/dist/exports/RangeCalendar.mjs.map +1 -1
- package/dist/exports/Select.cjs.map +1 -1
- package/dist/exports/Select.js.map +1 -1
- package/dist/exports/Select.mjs.map +1 -1
- package/dist/exports/SharedElementTransition.cjs.map +1 -1
- package/dist/exports/SharedElementTransition.js.map +1 -1
- package/dist/exports/SharedElementTransition.mjs.map +1 -1
- package/dist/exports/Slider.cjs +2 -0
- package/dist/exports/Slider.cjs.map +1 -1
- package/dist/exports/Slider.js +2 -2
- package/dist/exports/Slider.js.map +1 -1
- package/dist/exports/Slider.mjs +2 -2
- package/dist/exports/Slider.mjs.map +1 -1
- package/dist/exports/Switch.cjs +8 -0
- package/dist/exports/Switch.cjs.map +1 -1
- package/dist/exports/Switch.js +6 -2
- package/dist/exports/Switch.js.map +1 -1
- package/dist/exports/Switch.mjs +6 -2
- package/dist/exports/Switch.mjs.map +1 -1
- package/dist/exports/Table.cjs +1 -0
- package/dist/exports/Table.cjs.map +1 -1
- package/dist/exports/Table.js +2 -2
- package/dist/exports/Table.js.map +1 -1
- package/dist/exports/Table.mjs +2 -2
- package/dist/exports/Table.mjs.map +1 -1
- package/dist/exports/Tabs.cjs.map +1 -1
- package/dist/exports/Tabs.js.map +1 -1
- package/dist/exports/Tabs.mjs.map +1 -1
- package/dist/exports/TagGroup.cjs.map +1 -1
- package/dist/exports/TagGroup.js.map +1 -1
- package/dist/exports/TagGroup.mjs.map +1 -1
- package/dist/exports/TimeField.cjs.map +1 -1
- package/dist/exports/TimeField.js.map +1 -1
- package/dist/exports/TimeField.mjs.map +1 -1
- package/dist/exports/Toast.cjs.map +1 -1
- package/dist/exports/Toast.js.map +1 -1
- package/dist/exports/Toast.mjs.map +1 -1
- package/dist/exports/ToggleButtonGroup.cjs.map +1 -1
- package/dist/exports/ToggleButtonGroup.js.map +1 -1
- package/dist/exports/ToggleButtonGroup.mjs.map +1 -1
- package/dist/exports/Tree.cjs.map +1 -1
- package/dist/exports/Tree.js.map +1 -1
- package/dist/exports/Tree.mjs.map +1 -1
- package/dist/exports/Virtualizer.cjs.map +1 -1
- package/dist/exports/Virtualizer.js.map +1 -1
- package/dist/exports/Virtualizer.mjs.map +1 -1
- package/dist/exports/index.cjs +19 -1
- package/dist/exports/index.cjs.map +1 -1
- package/dist/exports/index.js +11 -8
- package/dist/exports/index.js.map +1 -1
- package/dist/exports/index.mjs +11 -8
- package/dist/exports/index.mjs.map +1 -1
- package/dist/exports/useAsyncList.cjs.map +1 -1
- package/dist/exports/useAsyncList.js.map +1 -1
- package/dist/exports/useAsyncList.mjs.map +1 -1
- package/dist/exports/useDragAndDrop.cjs.map +1 -1
- package/dist/exports/useDragAndDrop.js.map +1 -1
- package/dist/exports/useDragAndDrop.mjs.map +1 -1
- package/dist/exports/useDrop.cjs.map +1 -1
- package/dist/exports/useDrop.js.map +1 -1
- package/dist/exports/useDrop.mjs.map +1 -1
- package/dist/private/Autocomplete.cjs.map +1 -1
- package/dist/private/Autocomplete.js.map +1 -1
- package/dist/private/Autocomplete.mjs.map +1 -1
- package/dist/private/Breadcrumbs.cjs.map +1 -1
- package/dist/private/Breadcrumbs.js.map +1 -1
- package/dist/private/Breadcrumbs.mjs.map +1 -1
- package/dist/private/Button.cjs.map +1 -1
- package/dist/private/Button.js.map +1 -1
- package/dist/private/Button.mjs.map +1 -1
- package/dist/private/Calendar.cjs +34 -2
- package/dist/private/Calendar.cjs.map +1 -1
- package/dist/private/Calendar.js +34 -5
- package/dist/private/Calendar.js.map +1 -1
- package/dist/private/Calendar.mjs +34 -5
- package/dist/private/Calendar.mjs.map +1 -1
- package/dist/private/Checkbox.cjs +104 -17
- package/dist/private/Checkbox.cjs.map +1 -1
- package/dist/private/Checkbox.js +102 -18
- package/dist/private/Checkbox.js.map +1 -1
- package/dist/private/Checkbox.mjs +102 -18
- package/dist/private/Checkbox.mjs.map +1 -1
- package/dist/private/Collection.cjs.map +1 -1
- package/dist/private/Collection.js.map +1 -1
- package/dist/private/Collection.mjs.map +1 -1
- package/dist/private/ColorArea.cjs.map +1 -1
- package/dist/private/ColorArea.js.map +1 -1
- package/dist/private/ColorArea.mjs.map +1 -1
- package/dist/private/ColorField.cjs.map +1 -1
- package/dist/private/ColorField.js.map +1 -1
- package/dist/private/ColorField.mjs.map +1 -1
- package/dist/private/ColorPicker.cjs.map +1 -1
- package/dist/private/ColorPicker.js.map +1 -1
- package/dist/private/ColorPicker.mjs.map +1 -1
- package/dist/private/ColorSlider.cjs.map +1 -1
- package/dist/private/ColorSlider.js.map +1 -1
- package/dist/private/ColorSlider.mjs.map +1 -1
- package/dist/private/ColorSwatch.cjs.map +1 -1
- package/dist/private/ColorSwatch.js.map +1 -1
- package/dist/private/ColorSwatch.mjs.map +1 -1
- package/dist/private/ColorSwatchPicker.cjs.map +1 -1
- package/dist/private/ColorSwatchPicker.js.map +1 -1
- package/dist/private/ColorSwatchPicker.mjs.map +1 -1
- package/dist/private/ColorThumb.cjs.map +1 -1
- package/dist/private/ColorThumb.js.map +1 -1
- package/dist/private/ColorThumb.mjs.map +1 -1
- package/dist/private/ColorWheel.cjs.map +1 -1
- package/dist/private/ColorWheel.js.map +1 -1
- package/dist/private/ColorWheel.mjs.map +1 -1
- package/dist/private/ComboBox.cjs +15 -3
- package/dist/private/ComboBox.cjs.map +1 -1
- package/dist/private/ComboBox.js +16 -4
- package/dist/private/ComboBox.js.map +1 -1
- package/dist/private/ComboBox.mjs +16 -4
- package/dist/private/ComboBox.mjs.map +1 -1
- package/dist/private/DateField.cjs.map +1 -1
- package/dist/private/DateField.js.map +1 -1
- package/dist/private/DateField.mjs.map +1 -1
- package/dist/private/DatePicker.cjs +0 -26
- package/dist/private/DatePicker.cjs.map +1 -1
- package/dist/private/DatePicker.js +1 -27
- package/dist/private/DatePicker.js.map +1 -1
- package/dist/private/DatePicker.mjs +1 -27
- package/dist/private/DatePicker.mjs.map +1 -1
- package/dist/private/Dialog.cjs +1 -17
- package/dist/private/Dialog.cjs.map +1 -1
- package/dist/private/Dialog.js +2 -18
- package/dist/private/Dialog.js.map +1 -1
- package/dist/private/Dialog.mjs +2 -18
- package/dist/private/Dialog.mjs.map +1 -1
- package/dist/private/Disclosure.cjs.map +1 -1
- package/dist/private/Disclosure.js.map +1 -1
- package/dist/private/Disclosure.mjs.map +1 -1
- package/dist/private/DragAndDrop.cjs +3 -3
- package/dist/private/DragAndDrop.cjs.map +1 -1
- package/dist/private/DragAndDrop.js +3 -3
- package/dist/private/DragAndDrop.js.map +1 -1
- package/dist/private/DragAndDrop.mjs +3 -3
- package/dist/private/DragAndDrop.mjs.map +1 -1
- package/dist/private/DropZone.cjs.map +1 -1
- package/dist/private/DropZone.js.map +1 -1
- package/dist/private/DropZone.mjs.map +1 -1
- package/dist/private/FieldError.cjs.map +1 -1
- package/dist/private/FieldError.js.map +1 -1
- package/dist/private/FieldError.mjs.map +1 -1
- package/dist/private/FileTrigger.cjs.map +1 -1
- package/dist/private/FileTrigger.js.map +1 -1
- package/dist/private/FileTrigger.mjs.map +1 -1
- package/dist/private/Form.cjs.map +1 -1
- package/dist/private/Form.js.map +1 -1
- package/dist/private/Form.mjs.map +1 -1
- package/dist/private/GridLayout.cjs +37 -0
- package/dist/private/GridLayout.cjs.map +1 -0
- package/dist/private/GridLayout.js +32 -0
- package/dist/private/GridLayout.js.map +1 -0
- package/dist/private/GridLayout.mjs +32 -0
- package/dist/private/GridLayout.mjs.map +1 -0
- package/dist/private/GridList.cjs +23 -5
- package/dist/private/GridList.cjs.map +1 -1
- package/dist/private/GridList.js +24 -6
- package/dist/private/GridList.js.map +1 -1
- package/dist/private/GridList.mjs +24 -6
- package/dist/private/GridList.mjs.map +1 -1
- package/dist/private/Group.cjs.map +1 -1
- package/dist/private/Group.js.map +1 -1
- package/dist/private/Group.mjs.map +1 -1
- package/dist/private/Header.cjs.map +1 -1
- package/dist/private/Header.js.map +1 -1
- package/dist/private/Header.mjs.map +1 -1
- package/dist/private/Heading.cjs.map +1 -1
- package/dist/private/Heading.js.map +1 -1
- package/dist/private/Heading.mjs.map +1 -1
- package/dist/private/HiddenDateInput.cjs +3 -3
- package/dist/private/HiddenDateInput.cjs.map +1 -1
- package/dist/private/HiddenDateInput.js +3 -3
- package/dist/private/HiddenDateInput.js.map +1 -1
- package/dist/private/HiddenDateInput.mjs +3 -3
- package/dist/private/HiddenDateInput.mjs.map +1 -1
- package/dist/private/Input.cjs.map +1 -1
- package/dist/private/Input.js.map +1 -1
- package/dist/private/Input.mjs.map +1 -1
- package/dist/private/Keyboard.cjs.map +1 -1
- package/dist/private/Keyboard.js.map +1 -1
- package/dist/private/Keyboard.mjs.map +1 -1
- package/dist/private/Label.cjs.map +1 -1
- package/dist/private/Label.js.map +1 -1
- package/dist/private/Label.mjs.map +1 -1
- package/dist/private/Link.cjs.map +1 -1
- package/dist/private/Link.js.map +1 -1
- package/dist/private/Link.mjs.map +1 -1
- package/dist/private/ListBox.cjs +6 -5
- package/dist/private/ListBox.cjs.map +1 -1
- package/dist/private/ListBox.js +6 -5
- package/dist/private/ListBox.js.map +1 -1
- package/dist/private/ListBox.mjs +6 -5
- package/dist/private/ListBox.mjs.map +1 -1
- package/dist/private/Menu.cjs +5 -15
- package/dist/private/Menu.cjs.map +1 -1
- package/dist/private/Menu.js +6 -16
- package/dist/private/Menu.js.map +1 -1
- package/dist/private/Menu.mjs +6 -16
- package/dist/private/Menu.mjs.map +1 -1
- package/dist/private/Meter.cjs.map +1 -1
- package/dist/private/Meter.js.map +1 -1
- package/dist/private/Meter.mjs.map +1 -1
- package/dist/private/Modal.cjs.map +1 -1
- package/dist/private/Modal.js.map +1 -1
- package/dist/private/Modal.mjs.map +1 -1
- package/dist/private/NumberField.cjs.map +1 -1
- package/dist/private/NumberField.js.map +1 -1
- package/dist/private/NumberField.mjs.map +1 -1
- package/dist/private/OverlayArrow.cjs.map +1 -1
- package/dist/private/OverlayArrow.js.map +1 -1
- package/dist/private/OverlayArrow.mjs.map +1 -1
- package/dist/private/Popover.cjs +17 -1
- package/dist/private/Popover.cjs.map +1 -1
- package/dist/private/Popover.js +19 -2
- package/dist/private/Popover.js.map +1 -1
- package/dist/private/Popover.mjs +18 -2
- package/dist/private/Popover.mjs.map +1 -1
- package/dist/private/ProgressBar.cjs.map +1 -1
- package/dist/private/ProgressBar.js.map +1 -1
- package/dist/private/ProgressBar.mjs.map +1 -1
- package/dist/private/RadioGroup.cjs +87 -7
- package/dist/private/RadioGroup.cjs.map +1 -1
- package/dist/private/RadioGroup.js +86 -9
- package/dist/private/RadioGroup.js.map +1 -1
- package/dist/private/RadioGroup.mjs +86 -9
- package/dist/private/RadioGroup.mjs.map +1 -1
- package/dist/private/SearchField.cjs.map +1 -1
- package/dist/private/SearchField.js.map +1 -1
- package/dist/private/SearchField.mjs.map +1 -1
- package/dist/private/Select.cjs +1 -17
- package/dist/private/Select.cjs.map +1 -1
- package/dist/private/Select.js +2 -18
- package/dist/private/Select.js.map +1 -1
- package/dist/private/Select.mjs +2 -18
- package/dist/private/Select.mjs.map +1 -1
- package/dist/private/SelectionIndicator.cjs.map +1 -1
- package/dist/private/SelectionIndicator.js.map +1 -1
- package/dist/private/SelectionIndicator.mjs.map +1 -1
- package/dist/private/Separator.cjs.map +1 -1
- package/dist/private/Separator.js.map +1 -1
- package/dist/private/Separator.mjs.map +1 -1
- package/dist/private/SharedElementTransition.cjs.map +1 -1
- package/dist/private/SharedElementTransition.js.map +1 -1
- package/dist/private/SharedElementTransition.mjs.map +1 -1
- package/dist/private/Slider.cjs +51 -1
- package/dist/private/Slider.cjs.map +1 -1
- package/dist/private/Slider.js +50 -2
- package/dist/private/Slider.js.map +1 -1
- package/dist/private/Slider.mjs +50 -2
- package/dist/private/Slider.mjs.map +1 -1
- package/dist/private/Switch.cjs +118 -4
- package/dist/private/Switch.cjs.map +1 -1
- package/dist/private/Switch.js +119 -7
- package/dist/private/Switch.js.map +1 -1
- package/dist/private/Switch.mjs +118 -7
- package/dist/private/Switch.mjs.map +1 -1
- package/dist/private/Table.cjs +115 -24
- package/dist/private/Table.cjs.map +1 -1
- package/dist/private/Table.js +116 -26
- package/dist/private/Table.js.map +1 -1
- package/dist/private/Table.mjs +116 -26
- package/dist/private/Table.mjs.map +1 -1
- package/dist/private/TableLayout.cjs.map +1 -1
- package/dist/private/TableLayout.js.map +1 -1
- package/dist/private/TableLayout.mjs.map +1 -1
- package/dist/private/Tabs.cjs +4 -3
- package/dist/private/Tabs.cjs.map +1 -1
- package/dist/private/Tabs.js +4 -3
- package/dist/private/Tabs.js.map +1 -1
- package/dist/private/Tabs.mjs +4 -3
- package/dist/private/Tabs.mjs.map +1 -1
- package/dist/private/TagGroup.cjs.map +1 -1
- package/dist/private/TagGroup.js.map +1 -1
- package/dist/private/TagGroup.mjs.map +1 -1
- package/dist/private/Text.cjs.map +1 -1
- package/dist/private/Text.js.map +1 -1
- package/dist/private/Text.mjs.map +1 -1
- package/dist/private/TextArea.cjs.map +1 -1
- package/dist/private/TextArea.js.map +1 -1
- package/dist/private/TextArea.mjs.map +1 -1
- package/dist/private/TextField.cjs.map +1 -1
- package/dist/private/TextField.js.map +1 -1
- package/dist/private/TextField.mjs.map +1 -1
- package/dist/private/Toast.cjs +2 -1
- package/dist/private/Toast.cjs.map +1 -1
- package/dist/private/Toast.js +2 -1
- package/dist/private/Toast.js.map +1 -1
- package/dist/private/Toast.mjs +2 -1
- package/dist/private/Toast.mjs.map +1 -1
- package/dist/private/ToggleButton.cjs.map +1 -1
- package/dist/private/ToggleButton.js.map +1 -1
- package/dist/private/ToggleButton.mjs.map +1 -1
- package/dist/private/ToggleButtonGroup.cjs.map +1 -1
- package/dist/private/ToggleButtonGroup.js.map +1 -1
- package/dist/private/ToggleButtonGroup.mjs.map +1 -1
- package/dist/private/Toolbar.cjs.map +1 -1
- package/dist/private/Toolbar.js.map +1 -1
- package/dist/private/Toolbar.mjs.map +1 -1
- package/dist/private/Tooltip.cjs.map +1 -1
- package/dist/private/Tooltip.js.map +1 -1
- package/dist/private/Tooltip.mjs.map +1 -1
- package/dist/private/Tree.cjs +18 -6
- package/dist/private/Tree.cjs.map +1 -1
- package/dist/private/Tree.js +19 -7
- package/dist/private/Tree.js.map +1 -1
- package/dist/private/Tree.mjs +19 -7
- package/dist/private/Tree.mjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.cjs +9 -4
- package/dist/private/TreeDropTargetDelegate.cjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.js +10 -4
- package/dist/private/TreeDropTargetDelegate.js.map +1 -1
- package/dist/private/TreeDropTargetDelegate.mjs +9 -4
- package/dist/private/TreeDropTargetDelegate.mjs.map +1 -1
- package/dist/private/Virtualizer.cjs.map +1 -1
- package/dist/private/Virtualizer.js.map +1 -1
- package/dist/private/Virtualizer.mjs.map +1 -1
- package/dist/private/useDragAndDrop.cjs.map +1 -1
- package/dist/private/useDragAndDrop.js.map +1 -1
- package/dist/private/useDragAndDrop.mjs.map +1 -1
- package/dist/private/utils.cjs.map +1 -1
- package/dist/private/utils.js.map +1 -1
- package/dist/private/utils.mjs.map +1 -1
- package/dist/types/exports/Calendar.d.ts +4 -3
- package/dist/types/exports/Checkbox.d.ts +7 -2
- package/dist/types/exports/RadioGroup.d.ts +2 -2
- package/dist/types/exports/RangeCalendar.d.ts +3 -2
- package/dist/types/exports/Slider.d.ts +2 -2
- package/dist/types/exports/Switch.d.ts +7 -2
- package/dist/types/exports/Table.d.ts +2 -2
- package/dist/types/exports/index.d.ts +15 -13
- package/dist/types/exports/useDragAndDrop.d.ts +1 -1
- package/dist/types/src/Autocomplete.d.ts +1 -1
- package/dist/types/src/Breadcrumbs.d.ts +13 -4
- package/dist/types/src/Button.d.ts +9 -1
- package/dist/types/src/Calendar.d.ts +93 -33
- package/dist/types/src/Checkbox.d.ts +93 -2
- package/dist/types/src/Collection.d.ts +17 -4
- package/dist/types/src/ColorArea.d.ts +6 -2
- package/dist/types/src/ColorField.d.ts +8 -1
- package/dist/types/src/ColorPicker.d.ts +4 -1
- package/dist/types/src/ColorSlider.d.ts +5 -1
- package/dist/types/src/ColorSwatch.d.ts +3 -1
- package/dist/types/src/ColorSwatchPicker.d.ts +7 -2
- package/dist/types/src/ColorThumb.d.ts +10 -2
- package/dist/types/src/ColorWheel.d.ts +7 -2
- package/dist/types/src/ComboBox.d.ts +24 -11
- package/dist/types/src/DateField.d.ts +29 -4
- package/dist/types/src/DatePicker.d.ts +15 -3
- package/dist/types/src/Dialog.d.ts +3 -1
- package/dist/types/src/Disclosure.d.ts +21 -5
- package/dist/types/src/DragAndDrop.d.ts +6 -2
- package/dist/types/src/DropZone.d.ts +8 -1
- package/dist/types/src/FieldError.d.ts +4 -1
- package/dist/types/src/FileTrigger.d.ts +2 -1
- package/dist/types/src/Form.d.ts +4 -1
- package/dist/types/src/GridLayout.d.ts +5 -0
- package/dist/types/src/GridList.d.ts +51 -13
- package/dist/types/src/Group.d.ts +9 -1
- package/dist/types/src/Heading.d.ts +12 -0
- package/dist/types/src/HiddenDateInput.d.ts +2 -1
- package/dist/types/src/Input.d.ts +8 -1
- package/dist/types/src/Link.d.ts +9 -1
- package/dist/types/src/ListBox.d.ts +35 -12
- package/dist/types/src/Menu.d.ts +22 -10
- package/dist/types/src/Meter.d.ts +4 -1
- package/dist/types/src/Modal.d.ts +9 -3
- package/dist/types/src/NumberField.d.ts +9 -2
- package/dist/types/src/OverlayArrow.d.ts +4 -1
- package/dist/types/src/Popover.d.ts +12 -3
- package/dist/types/src/ProgressBar.d.ts +5 -1
- package/dist/types/src/RadioGroup.d.ts +88 -2
- package/dist/types/src/SearchField.d.ts +8 -1
- package/dist/types/src/Select.d.ts +19 -6
- package/dist/types/src/SelectionIndicator.d.ts +7 -2
- package/dist/types/src/Separator.d.ts +5 -2
- package/dist/types/src/SharedElementTransition.d.ts +2 -0
- package/dist/types/src/Slider.d.ts +48 -4
- package/dist/types/src/Switch.d.ts +100 -3
- package/dist/types/src/Table.d.ts +138 -31
- package/dist/types/src/Tabs.d.ts +37 -12
- package/dist/types/src/TagGroup.d.ts +18 -7
- package/dist/types/src/TextArea.d.ts +3 -1
- package/dist/types/src/TextField.d.ts +7 -1
- package/dist/types/src/Toast.d.ts +13 -3
- package/dist/types/src/ToggleButton.d.ts +10 -3
- package/dist/types/src/ToggleButtonGroup.d.ts +7 -2
- package/dist/types/src/Toolbar.d.ts +6 -3
- package/dist/types/src/Tooltip.d.ts +13 -4
- package/dist/types/src/Tree.d.ts +52 -16
- package/dist/types/src/useDragAndDrop.d.ts +10 -4
- package/dist/types/src/utils.d.ts +109 -17
- package/package.json +9 -7
|
@@ -7,11 +7,13 @@ import React from 'react';
|
|
|
7
7
|
export interface ColorSliderRenderProps {
|
|
8
8
|
/**
|
|
9
9
|
* The orientation of the color slider.
|
|
10
|
+
*
|
|
10
11
|
* @selector [data-orientation="horizontal | vertical"]
|
|
11
12
|
*/
|
|
12
13
|
orientation: Orientation;
|
|
13
14
|
/**
|
|
14
15
|
* Whether the color slider is disabled.
|
|
16
|
+
*
|
|
15
17
|
* @selector [data-disabled]
|
|
16
18
|
*/
|
|
17
19
|
isDisabled: boolean;
|
|
@@ -22,7 +24,9 @@ export interface ColorSliderRenderProps {
|
|
|
22
24
|
}
|
|
23
25
|
export interface ColorSliderProps extends Omit<AriaColorSliderProps, 'label'>, RenderProps<ColorSliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
24
26
|
/**
|
|
25
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
27
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
28
|
+
* element. A function may be provided to compute the class based on component state.
|
|
29
|
+
*
|
|
26
30
|
* @default 'react-aria-ColorSlider'
|
|
27
31
|
*/
|
|
28
32
|
className?: ClassNameOrFunction<ColorSliderRenderProps>;
|
|
@@ -9,7 +9,9 @@ export interface ColorSwatchRenderProps {
|
|
|
9
9
|
}
|
|
10
10
|
export interface ColorSwatchProps extends AriaColorSwatchProps, StyleRenderProps<ColorSwatchRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
11
11
|
/**
|
|
12
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
12
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
13
|
+
* element. A function may be provided to compute the class based on component state.
|
|
14
|
+
*
|
|
13
15
|
* @default 'react-aria-ColorSwatch'
|
|
14
16
|
*/
|
|
15
17
|
className?: ClassNameOrFunction<ColorSwatchRenderProps>;
|
|
@@ -7,7 +7,9 @@ export interface ColorSwatchPickerRenderProps extends Omit<ListBoxRenderProps, '
|
|
|
7
7
|
}
|
|
8
8
|
export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, AriaLabelingProps, StyleRenderProps<ColorSwatchPickerRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
9
9
|
/**
|
|
10
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
10
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
11
|
+
* element. A function may be provided to compute the class based on component state.
|
|
12
|
+
*
|
|
11
13
|
* @default 'react-aria-ColorSwatchPicker'
|
|
12
14
|
*/
|
|
13
15
|
className?: ClassNameOrFunction<ColorSwatchPickerRenderProps>;
|
|
@@ -15,6 +17,7 @@ export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>
|
|
|
15
17
|
children?: ReactNode;
|
|
16
18
|
/**
|
|
17
19
|
* Whether the items are arranged in a stack or grid.
|
|
20
|
+
*
|
|
18
21
|
* @default 'grid'
|
|
19
22
|
*/
|
|
20
23
|
layout?: 'grid' | 'stack';
|
|
@@ -30,7 +33,9 @@ export interface ColorSwatchPickerItemRenderProps extends Omit<ListBoxItemRender
|
|
|
30
33
|
}
|
|
31
34
|
export interface ColorSwatchPickerItemProps extends RenderProps<ColorSwatchPickerItemRenderProps>, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
32
35
|
/**
|
|
33
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
36
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
37
|
+
* element. A function may be provided to compute the class based on component state.
|
|
38
|
+
*
|
|
34
39
|
* @default 'react-aria-ColorSwatchPickerItem'
|
|
35
40
|
*/
|
|
36
41
|
className?: ClassNameOrFunction<ColorSwatchPickerItemRenderProps>;
|
|
@@ -23,39 +23,47 @@ export interface ColorThumbRenderProps {
|
|
|
23
23
|
color: Color;
|
|
24
24
|
/**
|
|
25
25
|
* Whether this thumb is currently being dragged.
|
|
26
|
+
*
|
|
26
27
|
* @selector [data-dragging]
|
|
27
28
|
*/
|
|
28
29
|
isDragging: boolean;
|
|
29
30
|
/**
|
|
30
31
|
* Whether the thumb is currently hovered with a mouse.
|
|
32
|
+
*
|
|
31
33
|
* @selector [data-hovered]
|
|
32
34
|
*/
|
|
33
35
|
isHovered: boolean;
|
|
34
36
|
/**
|
|
35
37
|
* Whether the thumb is currently focused.
|
|
38
|
+
*
|
|
36
39
|
* @selector [data-focused]
|
|
37
40
|
*/
|
|
38
41
|
isFocused: boolean;
|
|
39
42
|
/**
|
|
40
43
|
* Whether the thumb is keyboard focused.
|
|
44
|
+
*
|
|
41
45
|
* @selector [data-focus-visible]
|
|
42
46
|
*/
|
|
43
47
|
isFocusVisible: boolean;
|
|
44
48
|
/**
|
|
45
49
|
* Whether the thumb is disabled.
|
|
50
|
+
*
|
|
46
51
|
* @selector [data-disabled]
|
|
47
52
|
*/
|
|
48
53
|
isDisabled: boolean;
|
|
49
54
|
}
|
|
50
55
|
export interface ColorThumbProps extends HoverEvents, RenderProps<ColorThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
51
56
|
/**
|
|
52
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
57
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
58
|
+
* element. A function may be provided to compute the class based on component state.
|
|
59
|
+
*
|
|
53
60
|
* @default 'react-aria-ColorThumb'
|
|
54
61
|
*/
|
|
55
62
|
className?: ClassNameOrFunction<ColorThumbRenderProps>;
|
|
56
63
|
}
|
|
57
64
|
/**
|
|
58
|
-
* A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to
|
|
65
|
+
* A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to
|
|
66
|
+
* adjust the color value.
|
|
59
67
|
*/
|
|
60
68
|
export declare const ColorThumb: React.ForwardRefExoticComponent<ColorThumbProps & React.RefAttributes<HTMLDivElement>>;
|
|
61
69
|
export {};
|
|
@@ -6,6 +6,7 @@ import React, { HTMLAttributes } from 'react';
|
|
|
6
6
|
export interface ColorWheelRenderProps {
|
|
7
7
|
/**
|
|
8
8
|
* Whether the color wheel is disabled.
|
|
9
|
+
*
|
|
9
10
|
* @selector [data-disabled]
|
|
10
11
|
*/
|
|
11
12
|
isDisabled: boolean;
|
|
@@ -16,7 +17,9 @@ export interface ColorWheelRenderProps {
|
|
|
16
17
|
}
|
|
17
18
|
export interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
18
19
|
/**
|
|
19
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
20
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
21
|
+
* element. A function may be provided to compute the class based on component state.
|
|
22
|
+
*
|
|
20
23
|
* @default 'react-aria-ColorWheel'
|
|
21
24
|
*/
|
|
22
25
|
className?: ClassNameOrFunction<ColorWheelRenderProps>;
|
|
@@ -31,7 +34,9 @@ export interface ColorWheelTrackRenderProps extends ColorWheelRenderProps {
|
|
|
31
34
|
}
|
|
32
35
|
export interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
33
36
|
/**
|
|
34
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
37
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
38
|
+
* element. A function may be provided to compute the class based on component state.
|
|
39
|
+
*
|
|
35
40
|
* @default 'react-aria-ColorWheelTrack'
|
|
36
41
|
*/
|
|
37
42
|
className?: ClassNameOrFunction<ColorWheelTrackRenderProps>;
|
|
@@ -7,41 +7,49 @@ type SelectionMode = 'single' | 'multiple';
|
|
|
7
7
|
export interface ComboBoxRenderProps {
|
|
8
8
|
/**
|
|
9
9
|
* Whether the combobox is currently open.
|
|
10
|
+
*
|
|
10
11
|
* @selector [data-open]
|
|
11
12
|
*/
|
|
12
13
|
isOpen: boolean;
|
|
13
14
|
/**
|
|
14
15
|
* Whether the combobox is disabled.
|
|
16
|
+
*
|
|
15
17
|
* @selector [data-disabled]
|
|
16
18
|
*/
|
|
17
19
|
isDisabled: boolean;
|
|
18
20
|
/**
|
|
19
21
|
* Whether the combobox is invalid.
|
|
22
|
+
*
|
|
20
23
|
* @selector [data-invalid]
|
|
21
24
|
*/
|
|
22
25
|
isInvalid: boolean;
|
|
23
26
|
/**
|
|
24
27
|
* Whether the combobox is required.
|
|
28
|
+
*
|
|
25
29
|
* @selector [data-required]
|
|
26
30
|
*/
|
|
27
31
|
isRequired: boolean;
|
|
28
32
|
/**
|
|
29
33
|
* Whether the combobox is read only.
|
|
34
|
+
*
|
|
30
35
|
* @selector [data-readonly]
|
|
31
36
|
*/
|
|
32
37
|
isReadOnly: boolean;
|
|
33
38
|
}
|
|
34
|
-
export interface ComboBoxProps<T
|
|
39
|
+
export interface ComboBoxProps<T, M extends SelectionMode = 'single'> extends Omit<AriaComboBoxProps<T, M>, 'children' | 'placeholder' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<ComboBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
35
40
|
/**
|
|
36
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
41
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
42
|
+
* element. A function may be provided to compute the class based on component state.
|
|
43
|
+
*
|
|
37
44
|
* @default 'react-aria-ComboBox'
|
|
38
45
|
*/
|
|
39
46
|
className?: ClassNameOrFunction<ComboBoxRenderProps>;
|
|
40
47
|
/** The filter function used to determine if a option should be included in the combo box list. */
|
|
41
48
|
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
42
49
|
/**
|
|
43
|
-
* Whether the text or key of the selected item is submitted as part of an HTML form.
|
|
44
|
-
*
|
|
50
|
+
* Whether the text or key of the selected item is submitted as part of an HTML form. When
|
|
51
|
+
* `allowsCustomValue` is `true`, this option does not apply and the text is always submitted.
|
|
52
|
+
*
|
|
45
53
|
* @default 'key'
|
|
46
54
|
*/
|
|
47
55
|
formValue?: 'text' | 'key';
|
|
@@ -51,12 +59,14 @@ export interface ComboBoxProps<T extends object, M extends SelectionMode = 'sing
|
|
|
51
59
|
export declare const ComboBoxContext: React.Context<ContextValue<ComboBoxProps<any, SelectionMode>, HTMLDivElement>>;
|
|
52
60
|
export declare const ComboBoxStateContext: React.Context<ComboBoxState<any, SelectionMode> | null>;
|
|
53
61
|
/**
|
|
54
|
-
* A combo box combines a text input with a listbox, allowing users to filter a list of options to
|
|
62
|
+
* A combo box combines a text input with a listbox, allowing users to filter a list of options to
|
|
63
|
+
* items matching a query.
|
|
55
64
|
*/
|
|
56
|
-
export declare const ComboBox: <T
|
|
65
|
+
export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
57
66
|
export interface ComboBoxValueRenderProps<T> {
|
|
58
67
|
/**
|
|
59
68
|
* Whether the value is a placeholder.
|
|
69
|
+
*
|
|
60
70
|
* @selector [data-placeholder]
|
|
61
71
|
*/
|
|
62
72
|
isPlaceholder: boolean;
|
|
@@ -67,9 +77,11 @@ export interface ComboBoxValueRenderProps<T> {
|
|
|
67
77
|
/** The state of the ComboBox. */
|
|
68
78
|
state: ComboBoxState<T, 'single' | 'multiple'>;
|
|
69
79
|
}
|
|
70
|
-
export interface ComboBoxValueProps<T
|
|
80
|
+
export interface ComboBoxValueProps<T> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<ComboBoxValueRenderProps<T>, 'div'> {
|
|
71
81
|
/**
|
|
72
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
82
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
83
|
+
* element. A function may be provided to compute the class based on component state.
|
|
84
|
+
*
|
|
73
85
|
* @default 'react-aria-ComboBoxValue'
|
|
74
86
|
*/
|
|
75
87
|
className?: ClassNameOrFunction<ComboBoxValueRenderProps<T>>;
|
|
@@ -78,8 +90,9 @@ export interface ComboBoxValueProps<T extends object> extends Omit<HTMLAttribute
|
|
|
78
90
|
}
|
|
79
91
|
export declare const ComboBoxValueContext: React.Context<ContextValue<ComboBoxValueProps<any>, HTMLDivElement>>;
|
|
80
92
|
/**
|
|
81
|
-
* ComboBoxValue renders the selected values of a ComboBox, or a placeholder if no value is
|
|
82
|
-
* By default, the items are rendered as a comma separated list. Use the render function
|
|
93
|
+
* ComboBoxValue renders the selected values of a ComboBox, or a placeholder if no value is
|
|
94
|
+
* selected. By default, the items are rendered as a comma separated list. Use the render function
|
|
95
|
+
* to customize this.
|
|
83
96
|
*/
|
|
84
|
-
export declare const ComboBoxValue: <T
|
|
97
|
+
export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
85
98
|
export {};
|
|
@@ -14,35 +14,43 @@ export interface DateFieldRenderProps {
|
|
|
14
14
|
state: DateFieldState;
|
|
15
15
|
/**
|
|
16
16
|
* Whether the date field is invalid.
|
|
17
|
+
*
|
|
17
18
|
* @selector [data-invalid]
|
|
18
19
|
*/
|
|
19
20
|
isInvalid: boolean;
|
|
20
21
|
/**
|
|
21
22
|
* Whether the date field is disabled.
|
|
23
|
+
*
|
|
22
24
|
* @selector [data-disabled]
|
|
23
25
|
*/
|
|
24
26
|
isDisabled: boolean;
|
|
25
27
|
/**
|
|
26
28
|
* Whether the date field is read only.
|
|
29
|
+
*
|
|
27
30
|
* @selector [data-readonly]
|
|
28
31
|
*/
|
|
29
32
|
isReadOnly: boolean;
|
|
30
33
|
/**
|
|
31
34
|
* Whether the date field is required.
|
|
35
|
+
*
|
|
32
36
|
* @selector [data-required]
|
|
33
37
|
*/
|
|
34
38
|
isRequired: boolean;
|
|
35
39
|
}
|
|
36
40
|
export interface DateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
37
41
|
/**
|
|
38
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
42
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
43
|
+
* element. A function may be provided to compute the class based on component state.
|
|
44
|
+
*
|
|
39
45
|
* @default 'react-aria-DateField'
|
|
40
46
|
*/
|
|
41
47
|
className?: ClassNameOrFunction<DateFieldRenderProps>;
|
|
42
48
|
}
|
|
43
49
|
export interface TimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
44
50
|
/**
|
|
45
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
51
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
52
|
+
* element. A function may be provided to compute the class based on component state.
|
|
53
|
+
*
|
|
46
54
|
* @default 'react-aria-TimeField'
|
|
47
55
|
*/
|
|
48
56
|
className?: ClassNameOrFunction<DateFieldRenderProps>;
|
|
@@ -64,33 +72,40 @@ export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> &
|
|
|
64
72
|
export interface DateInputRenderProps {
|
|
65
73
|
/**
|
|
66
74
|
* Whether the date input is currently hovered with a mouse.
|
|
75
|
+
*
|
|
67
76
|
* @selector [data-hovered]
|
|
68
77
|
*/
|
|
69
78
|
isHovered: boolean;
|
|
70
79
|
/**
|
|
71
80
|
* Whether an element within the date input is focused, either via a mouse or keyboard.
|
|
81
|
+
*
|
|
72
82
|
* @selector [data-focus-within]
|
|
73
83
|
*/
|
|
74
84
|
isFocusWithin: boolean;
|
|
75
85
|
/**
|
|
76
86
|
* Whether an element within the date input is keyboard focused.
|
|
87
|
+
*
|
|
77
88
|
* @selector [data-focus-visible]
|
|
78
89
|
*/
|
|
79
90
|
isFocusVisible: boolean;
|
|
80
91
|
/**
|
|
81
92
|
* Whether the date input is disabled.
|
|
93
|
+
*
|
|
82
94
|
* @selector [data-disabled]
|
|
83
95
|
*/
|
|
84
96
|
isDisabled: boolean;
|
|
85
97
|
/**
|
|
86
98
|
* Whether the date input is invalid.
|
|
99
|
+
*
|
|
87
100
|
* @selector [data-invalid]
|
|
88
101
|
*/
|
|
89
102
|
isInvalid: boolean;
|
|
90
103
|
}
|
|
91
104
|
export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
92
105
|
/**
|
|
93
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
106
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
107
|
+
* element. A function may be provided to compute the class based on component state.
|
|
108
|
+
*
|
|
94
109
|
* @default 'react-aria-DateInput'
|
|
95
110
|
*/
|
|
96
111
|
className?: ClassNameOrFunction<DateInputRenderProps>;
|
|
@@ -103,48 +118,58 @@ export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTM
|
|
|
103
118
|
export interface DateSegmentRenderProps extends Omit<IDateSegment, 'isEditable'> {
|
|
104
119
|
/**
|
|
105
120
|
* Whether the segment is currently hovered with a mouse.
|
|
121
|
+
*
|
|
106
122
|
* @selector [data-hovered]
|
|
107
123
|
*/
|
|
108
124
|
isHovered: boolean;
|
|
109
125
|
/**
|
|
110
126
|
* Whether the segment is focused, either via a mouse or keyboard.
|
|
127
|
+
*
|
|
111
128
|
* @selector [data-focused]
|
|
112
129
|
*/
|
|
113
130
|
isFocused: boolean;
|
|
114
131
|
/**
|
|
115
132
|
* Whether the segment is keyboard focused.
|
|
133
|
+
*
|
|
116
134
|
* @selector [data-focus-visible]
|
|
117
135
|
*/
|
|
118
136
|
isFocusVisible: boolean;
|
|
119
137
|
/**
|
|
120
138
|
* Whether the value is a placeholder.
|
|
139
|
+
*
|
|
121
140
|
* @selector [data-placeholder]
|
|
122
141
|
*/
|
|
123
142
|
isPlaceholder: boolean;
|
|
124
143
|
/**
|
|
125
144
|
* Whether the segment is read only.
|
|
145
|
+
*
|
|
126
146
|
* @selector [data-readonly]
|
|
127
147
|
*/
|
|
128
148
|
isReadOnly: boolean;
|
|
129
149
|
/**
|
|
130
150
|
* Whether the date field is disabled.
|
|
151
|
+
*
|
|
131
152
|
* @selector [data-disabled]
|
|
132
153
|
*/
|
|
133
154
|
isDisabled: boolean;
|
|
134
155
|
/**
|
|
135
156
|
* Whether the date field is in an invalid state.
|
|
157
|
+
*
|
|
136
158
|
* @selector [data-invalid]
|
|
137
159
|
*/
|
|
138
160
|
isInvalid: boolean;
|
|
139
161
|
/**
|
|
140
162
|
* The type of segment. Values include `literal`, `year`, `month`, `day`, etc.
|
|
163
|
+
*
|
|
141
164
|
* @selector [data-type="..."]
|
|
142
165
|
*/
|
|
143
166
|
type: DateSegmentType;
|
|
144
167
|
}
|
|
145
168
|
export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 'span'>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
|
|
146
169
|
/**
|
|
147
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
170
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
171
|
+
* element. A function may be provided to compute the class based on component state.
|
|
172
|
+
*
|
|
148
173
|
* @default 'react-aria-DateSegment'
|
|
149
174
|
*/
|
|
150
175
|
className?: ClassNameOrFunction<DateSegmentRenderProps>;
|
|
@@ -8,36 +8,43 @@ import React from 'react';
|
|
|
8
8
|
export interface DatePickerRenderProps {
|
|
9
9
|
/**
|
|
10
10
|
* Whether an element within the date picker is focused, either via a mouse or keyboard.
|
|
11
|
+
*
|
|
11
12
|
* @selector [data-focus-within]
|
|
12
13
|
*/
|
|
13
14
|
isFocusWithin: boolean;
|
|
14
15
|
/**
|
|
15
16
|
* Whether an element within the date picker is keyboard focused.
|
|
17
|
+
*
|
|
16
18
|
* @selector [data-focus-visible]
|
|
17
19
|
*/
|
|
18
20
|
isFocusVisible: boolean;
|
|
19
21
|
/**
|
|
20
22
|
* Whether the date picker is disabled.
|
|
23
|
+
*
|
|
21
24
|
* @selector [data-disabled]
|
|
22
25
|
*/
|
|
23
26
|
isDisabled: boolean;
|
|
24
27
|
/**
|
|
25
28
|
* Whether the date picker is read only.
|
|
29
|
+
*
|
|
26
30
|
* @selector [data-readonly]
|
|
27
31
|
*/
|
|
28
32
|
isReadOnly: boolean;
|
|
29
33
|
/**
|
|
30
34
|
* Whether the date picker is invalid.
|
|
35
|
+
*
|
|
31
36
|
* @selector [data-invalid]
|
|
32
37
|
*/
|
|
33
38
|
isInvalid: boolean;
|
|
34
39
|
/**
|
|
35
40
|
* Whether the date picker is required.
|
|
41
|
+
*
|
|
36
42
|
* @selector [data-required]
|
|
37
43
|
*/
|
|
38
44
|
isRequired: boolean;
|
|
39
45
|
/**
|
|
40
46
|
* Whether the date picker's popover is currently open.
|
|
47
|
+
*
|
|
41
48
|
* @selector [data-open]
|
|
42
49
|
*/
|
|
43
50
|
isOpen: boolean;
|
|
@@ -54,14 +61,18 @@ export interface DateRangePickerRenderProps extends Omit<DatePickerRenderProps,
|
|
|
54
61
|
}
|
|
55
62
|
export interface DatePickerProps<T extends DateValue> extends Omit<AriaDatePickerProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, Pick<DatePickerStateOptions<T>, 'shouldCloseOnSelect'>, RACValidation, RenderProps<DatePickerRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
56
63
|
/**
|
|
57
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
64
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
65
|
+
* element. A function may be provided to compute the class based on component state.
|
|
66
|
+
*
|
|
58
67
|
* @default 'react-aria-DatePicker'
|
|
59
68
|
*/
|
|
60
69
|
className?: ClassNameOrFunction<DatePickerRenderProps>;
|
|
61
70
|
}
|
|
62
71
|
export interface DateRangePickerProps<T extends DateValue> extends Omit<AriaDateRangePickerProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, Pick<DateRangePickerStateOptions<T>, 'shouldCloseOnSelect'>, RACValidation, RenderProps<DateRangePickerRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
63
72
|
/**
|
|
64
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
73
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
74
|
+
* element. A function may be provided to compute the class based on component state.
|
|
75
|
+
*
|
|
65
76
|
* @default 'react-aria-DateRangePicker'
|
|
66
77
|
*/
|
|
67
78
|
className?: ClassNameOrFunction<DateRangePickerRenderProps>;
|
|
@@ -71,7 +82,8 @@ export declare const DateRangePickerContext: React.Context<ContextValue<DateRang
|
|
|
71
82
|
export declare const DatePickerStateContext: React.Context<DatePickerState | null>;
|
|
72
83
|
export declare const DateRangePickerStateContext: React.Context<DateRangePickerState | null>;
|
|
73
84
|
/**
|
|
74
|
-
* A date picker combines a DateField and a Calendar popover to allow users to enter or select a
|
|
85
|
+
* A date picker combines a DateField and a Calendar popover to allow users to enter or select a
|
|
86
|
+
* date and time value.
|
|
75
87
|
*/
|
|
76
88
|
export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
77
89
|
/**
|
|
@@ -11,7 +11,9 @@ export interface DialogRenderProps {
|
|
|
11
11
|
}
|
|
12
12
|
export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, DOMRenderProps<'section', undefined>, GlobalDOMAttributes<HTMLElement> {
|
|
13
13
|
/**
|
|
14
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
14
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
15
|
+
* element.
|
|
16
|
+
*
|
|
15
17
|
* @default 'react-aria-Dialog'
|
|
16
18
|
*/
|
|
17
19
|
className?: string;
|
|
@@ -7,7 +7,9 @@ import { LabelAriaProps } from 'react-aria/useLabel';
|
|
|
7
7
|
import React, { ReactNode } from 'react';
|
|
8
8
|
export interface DisclosureGroupProps extends StatelyDisclosureGroupProps, RenderProps<DisclosureGroupRenderProps>, DOMProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
9
9
|
/**
|
|
10
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
10
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
11
|
+
* element. A function may be provided to compute the class based on component state.
|
|
12
|
+
*
|
|
11
13
|
* @default 'react-aria-DisclosureGroup'
|
|
12
14
|
*/
|
|
13
15
|
className?: ClassNameOrFunction<DisclosureGroupRenderProps>;
|
|
@@ -15,6 +17,7 @@ export interface DisclosureGroupProps extends StatelyDisclosureGroupProps, Rende
|
|
|
15
17
|
export interface DisclosureGroupRenderProps {
|
|
16
18
|
/**
|
|
17
19
|
* Whether the disclosure group is disabled.
|
|
20
|
+
*
|
|
18
21
|
* @selector [data-disabled]
|
|
19
22
|
*/
|
|
20
23
|
isDisabled: boolean;
|
|
@@ -31,26 +34,34 @@ export declare const DisclosureGroupStateContext: React.Context<DisclosureGroupS
|
|
|
31
34
|
export declare const DisclosureGroup: React.ForwardRefExoticComponent<DisclosureGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
35
|
export interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, RenderProps<DisclosureRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
33
36
|
/**
|
|
34
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
37
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
38
|
+
* element. A function may be provided to compute the class based on component state.
|
|
39
|
+
*
|
|
35
40
|
* @default 'react-aria-Disclosure'
|
|
36
41
|
*/
|
|
37
42
|
className?: ClassNameOrFunction<DisclosureRenderProps>;
|
|
38
|
-
/**
|
|
43
|
+
/**
|
|
44
|
+
* An id for the disclosure when used within a DisclosureGroup, matching the id used in
|
|
45
|
+
* `expandedKeys`.
|
|
46
|
+
*/
|
|
39
47
|
id?: Key;
|
|
40
48
|
}
|
|
41
49
|
export interface DisclosureRenderProps {
|
|
42
50
|
/**
|
|
43
51
|
* Whether the disclosure is expanded.
|
|
52
|
+
*
|
|
44
53
|
* @selector [data-expanded]
|
|
45
54
|
*/
|
|
46
55
|
isExpanded: boolean;
|
|
47
56
|
/**
|
|
48
57
|
* Whether the disclosure has keyboard focus.
|
|
58
|
+
*
|
|
49
59
|
* @selector [data-focus-visible-within]
|
|
50
60
|
*/
|
|
51
61
|
isFocusVisibleWithin: boolean;
|
|
52
62
|
/**
|
|
53
63
|
* Whether the disclosure is disabled.
|
|
64
|
+
*
|
|
54
65
|
* @selector [data-disabled]
|
|
55
66
|
*/
|
|
56
67
|
isDisabled: boolean;
|
|
@@ -62,24 +73,29 @@ export interface DisclosureRenderProps {
|
|
|
62
73
|
export declare const DisclosureContext: React.Context<ContextValue<DisclosureProps, HTMLDivElement>>;
|
|
63
74
|
export declare const DisclosureStateContext: React.Context<DisclosureState | null>;
|
|
64
75
|
/**
|
|
65
|
-
* A disclosure is a collapsible section of content. It is composed of a a header with a heading and
|
|
76
|
+
* A disclosure is a collapsible section of content. It is composed of a a header with a heading and
|
|
77
|
+
* trigger button, and a panel that contains the content.
|
|
66
78
|
*/
|
|
67
79
|
export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
68
80
|
export interface DisclosurePanelRenderProps {
|
|
69
81
|
/**
|
|
70
82
|
* Whether keyboard focus is within the disclosure panel.
|
|
83
|
+
*
|
|
71
84
|
* @selector [data-focus-visible-within]
|
|
72
85
|
*/
|
|
73
86
|
isFocusVisibleWithin: boolean;
|
|
74
87
|
}
|
|
75
88
|
export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderProps>, DOMProps, LabelAriaProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
76
89
|
/**
|
|
77
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
90
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
91
|
+
* element. A function may be provided to compute the class based on component state.
|
|
92
|
+
*
|
|
78
93
|
* @default 'react-aria-DisclosurePanel'
|
|
79
94
|
*/
|
|
80
95
|
className?: ClassNameOrFunction<DisclosurePanelRenderProps>;
|
|
81
96
|
/**
|
|
82
97
|
* The accessibility role for the disclosure's panel.
|
|
98
|
+
*
|
|
83
99
|
* @default 'group'
|
|
84
100
|
*/
|
|
85
101
|
role?: 'group' | 'region';
|
|
@@ -16,13 +16,16 @@ export declare const DropIndicatorContext: React.Context<DropIndicatorContextVal
|
|
|
16
16
|
export interface DropIndicatorRenderProps {
|
|
17
17
|
/**
|
|
18
18
|
* Whether the drop indicator is currently the active drop target.
|
|
19
|
+
*
|
|
19
20
|
* @selector [data-drop-target]
|
|
20
21
|
*/
|
|
21
22
|
isDropTarget: boolean;
|
|
22
23
|
}
|
|
23
24
|
export interface DropIndicatorProps extends Omit<AriaDropIndicatorProps, 'activateButtonRef'>, RenderProps<DropIndicatorRenderProps> {
|
|
24
25
|
/**
|
|
25
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
26
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
27
|
+
* element. A function may be provided to compute the class based on component state.
|
|
28
|
+
*
|
|
26
29
|
* @default 'react-aria-DropIndicator'
|
|
27
30
|
*/
|
|
28
31
|
className?: ClassNameOrFunction<DropIndicatorRenderProps>;
|
|
@@ -31,7 +34,8 @@ interface DropIndicatorContextValue {
|
|
|
31
34
|
render: (props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>) => ReactNode;
|
|
32
35
|
}
|
|
33
36
|
/**
|
|
34
|
-
* A DropIndicator is rendered between items in a collection to indicate where dropped data will be
|
|
37
|
+
* A DropIndicator is rendered between items in a collection to indicate where dropped data will be
|
|
38
|
+
* inserted.
|
|
35
39
|
*/
|
|
36
40
|
export declare const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
|
|
37
41
|
type RenderDropIndicatorRetValue = ((target: ItemDropTarget) => ReactNode | undefined) | undefined;
|
|
@@ -5,33 +5,40 @@ import React from 'react';
|
|
|
5
5
|
export interface DropZoneRenderProps {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the dropzone is currently hovered with a mouse.
|
|
8
|
+
*
|
|
8
9
|
* @selector [data-hovered]
|
|
9
10
|
*/
|
|
10
11
|
isHovered: boolean;
|
|
11
12
|
/**
|
|
12
13
|
* Whether the dropzone is focused, either via a mouse or keyboard.
|
|
14
|
+
*
|
|
13
15
|
* @selector [data-focused]
|
|
14
16
|
*/
|
|
15
17
|
isFocused: boolean;
|
|
16
18
|
/**
|
|
17
19
|
* Whether the dropzone is keyboard focused.
|
|
20
|
+
*
|
|
18
21
|
* @selector [data-focus-visible]
|
|
19
22
|
*/
|
|
20
23
|
isFocusVisible: boolean;
|
|
21
24
|
/**
|
|
22
25
|
* Whether the dropzone is the drop target.
|
|
26
|
+
*
|
|
23
27
|
* @selector [data-drop-target]
|
|
24
28
|
*/
|
|
25
29
|
isDropTarget: boolean;
|
|
26
30
|
/**
|
|
27
31
|
* Whether the dropzone is disabled.
|
|
32
|
+
*
|
|
28
33
|
* @selector [data-disabled]
|
|
29
34
|
*/
|
|
30
35
|
isDisabled: boolean;
|
|
31
36
|
}
|
|
32
37
|
export interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, HoverEvents, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
33
38
|
/**
|
|
34
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
39
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
40
|
+
* element. A function may be provided to compute the class based on component state.
|
|
41
|
+
*
|
|
35
42
|
* @default 'react-aria-DropZone'
|
|
36
43
|
*/
|
|
37
44
|
className?: ClassNameOrFunction<DropZoneRenderProps>;
|