react-aria-components 1.16.0 → 1.17.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/.gitignore +8 -0
- package/Autocomplete/package.json +5 -0
- package/Breadcrumbs/package.json +5 -0
- package/Button/package.json +5 -0
- package/Calendar/package.json +5 -0
- package/Checkbox/package.json +5 -0
- package/CheckboxGroup/package.json +5 -0
- package/Collection/package.json +5 -0
- package/CollectionBuilder/package.json +5 -0
- package/ColorArea/package.json +5 -0
- package/ColorField/package.json +5 -0
- package/ColorPicker/package.json +5 -0
- package/ColorSlider/package.json +5 -0
- package/ColorSwatch/package.json +5 -0
- package/ColorSwatchPicker/package.json +5 -0
- package/ColorThumb/package.json +5 -0
- package/ColorWheel/package.json +5 -0
- package/ComboBox/package.json +5 -0
- package/DateField/package.json +5 -0
- package/DatePicker/package.json +5 -0
- package/DateRangePicker/package.json +5 -0
- package/Dialog/package.json +5 -0
- package/Disclosure/package.json +5 -0
- package/DisclosureGroup/package.json +5 -0
- package/DropZone/package.json +5 -0
- package/FieldError/package.json +5 -0
- package/FileTrigger/package.json +5 -0
- package/Focusable/package.json +5 -0
- package/Form/package.json +5 -0
- package/GridList/package.json +5 -0
- package/Group/package.json +5 -0
- package/Header/package.json +5 -0
- package/Heading/package.json +5 -0
- package/I18nProvider/package.json +5 -0
- package/Input/package.json +5 -0
- package/Keyboard/package.json +5 -0
- package/Label/package.json +5 -0
- package/Link/package.json +5 -0
- package/ListBox/package.json +5 -0
- package/Menu/package.json +5 -0
- package/Meter/package.json +5 -0
- package/Modal/package.json +5 -0
- package/NumberField/package.json +5 -0
- package/Popover/package.json +5 -0
- package/Pressable/package.json +5 -0
- package/ProgressBar/package.json +5 -0
- package/RadioGroup/package.json +5 -0
- package/RangeCalendar/package.json +5 -0
- package/SearchField/package.json +5 -0
- package/Select/package.json +5 -0
- package/SelectionIndicator/package.json +5 -0
- package/Separator/package.json +5 -0
- package/SharedElementTransition/package.json +5 -0
- package/Slider/package.json +5 -0
- package/Switch/package.json +5 -0
- package/Table/package.json +5 -0
- package/Tabs/package.json +5 -0
- package/TagGroup/package.json +5 -0
- package/Text/package.json +5 -0
- package/TextArea/package.json +5 -0
- package/TextField/package.json +5 -0
- package/TimeField/package.json +5 -0
- package/Toast/package.json +5 -0
- package/ToggleButton/package.json +5 -0
- package/ToggleButtonGroup/package.json +5 -0
- package/Toolbar/package.json +5 -0
- package/Tooltip/package.json +5 -0
- package/Tree/package.json +5 -0
- package/Virtualizer/package.json +5 -0
- package/VisuallyHidden/package.json +5 -0
- package/composeRenderProps/package.json +5 -0
- package/dist/exports/Autocomplete.cjs +33 -0
- package/dist/exports/Autocomplete.cjs.map +1 -0
- package/dist/exports/Autocomplete.js +23 -0
- package/dist/exports/Autocomplete.js.map +1 -0
- package/dist/exports/Autocomplete.mjs +23 -0
- package/dist/exports/Autocomplete.mjs.map +1 -0
- package/dist/exports/Breadcrumbs.cjs +31 -0
- package/dist/exports/Breadcrumbs.cjs.map +1 -0
- package/dist/exports/Breadcrumbs.js +23 -0
- package/dist/exports/Breadcrumbs.js.map +1 -0
- package/dist/exports/Breadcrumbs.mjs +23 -0
- package/dist/exports/Breadcrumbs.mjs.map +1 -0
- package/dist/exports/Button.cjs +27 -0
- package/dist/exports/Button.cjs.map +1 -0
- package/dist/exports/Button.js +21 -0
- package/dist/exports/Button.js.map +1 -0
- package/dist/exports/Button.mjs +21 -0
- package/dist/exports/Button.mjs.map +1 -0
- package/dist/exports/Calendar.cjs +42 -0
- package/dist/exports/Calendar.cjs.map +1 -0
- package/dist/exports/Calendar.js +27 -0
- package/dist/exports/Calendar.js.map +1 -0
- package/dist/exports/Calendar.mjs +27 -0
- package/dist/exports/Calendar.mjs.map +1 -0
- package/dist/exports/Checkbox.cjs +27 -0
- package/dist/exports/Checkbox.cjs.map +1 -0
- package/dist/exports/Checkbox.js +21 -0
- package/dist/exports/Checkbox.js.map +1 -0
- package/dist/exports/Checkbox.mjs +21 -0
- package/dist/exports/Checkbox.mjs.map +1 -0
- package/dist/exports/CheckboxGroup.cjs +39 -0
- package/dist/exports/CheckboxGroup.cjs.map +1 -0
- package/dist/exports/CheckboxGroup.js +27 -0
- package/dist/exports/CheckboxGroup.js.map +1 -0
- package/dist/exports/CheckboxGroup.mjs +27 -0
- package/dist/exports/CheckboxGroup.mjs.map +1 -0
- package/dist/exports/Collection.cjs +26 -0
- package/dist/exports/Collection.cjs.map +1 -0
- package/dist/exports/Collection.js +21 -0
- package/dist/exports/Collection.js.map +1 -0
- package/dist/exports/Collection.mjs +21 -0
- package/dist/exports/Collection.mjs.map +1 -0
- package/dist/exports/CollectionBuilder.cjs +32 -0
- package/dist/exports/CollectionBuilder.cjs.map +1 -0
- package/dist/exports/CollectionBuilder.js +23 -0
- package/dist/exports/CollectionBuilder.js.map +1 -0
- package/dist/exports/CollectionBuilder.mjs +23 -0
- package/dist/exports/CollectionBuilder.mjs.map +1 -0
- package/dist/exports/ColorArea.cjs +35 -0
- package/dist/exports/ColorArea.cjs.map +1 -0
- package/dist/exports/ColorArea.js +25 -0
- package/dist/exports/ColorArea.js.map +1 -0
- package/dist/exports/ColorArea.mjs +25 -0
- package/dist/exports/ColorArea.mjs.map +1 -0
- package/dist/exports/ColorField.cjs +44 -0
- package/dist/exports/ColorField.cjs.map +1 -0
- package/dist/exports/ColorField.js +31 -0
- package/dist/exports/ColorField.js.map +1 -0
- package/dist/exports/ColorField.mjs +31 -0
- package/dist/exports/ColorField.mjs.map +1 -0
- package/dist/exports/ColorPicker.cjs +32 -0
- package/dist/exports/ColorPicker.cjs.map +1 -0
- package/dist/exports/ColorPicker.js +23 -0
- package/dist/exports/ColorPicker.js.map +1 -0
- package/dist/exports/ColorPicker.mjs +23 -0
- package/dist/exports/ColorPicker.mjs.map +1 -0
- package/dist/exports/ColorSlider.cjs +39 -0
- package/dist/exports/ColorSlider.cjs.map +1 -0
- package/dist/exports/ColorSlider.js +27 -0
- package/dist/exports/ColorSlider.js.map +1 -0
- package/dist/exports/ColorSlider.mjs +27 -0
- package/dist/exports/ColorSlider.mjs.map +1 -0
- package/dist/exports/ColorSwatch.cjs +31 -0
- package/dist/exports/ColorSwatch.cjs.map +1 -0
- package/dist/exports/ColorSwatch.js +23 -0
- package/dist/exports/ColorSwatch.js.map +1 -0
- package/dist/exports/ColorSwatch.mjs +23 -0
- package/dist/exports/ColorSwatch.mjs.map +1 -0
- package/dist/exports/ColorSwatchPicker.cjs +35 -0
- package/dist/exports/ColorSwatchPicker.cjs.map +1 -0
- package/dist/exports/ColorSwatchPicker.js +25 -0
- package/dist/exports/ColorSwatchPicker.js.map +1 -0
- package/dist/exports/ColorSwatchPicker.mjs +25 -0
- package/dist/exports/ColorSwatchPicker.mjs.map +1 -0
- package/dist/exports/ColorThumb.cjs +30 -0
- package/dist/exports/ColorThumb.cjs.map +1 -0
- package/dist/exports/ColorThumb.js +23 -0
- package/dist/exports/ColorThumb.js.map +1 -0
- package/dist/exports/ColorThumb.mjs +23 -0
- package/dist/exports/ColorThumb.mjs.map +1 -0
- package/dist/exports/ColorWheel.cjs +37 -0
- package/dist/exports/ColorWheel.cjs.map +1 -0
- package/dist/exports/ColorWheel.js +25 -0
- package/dist/exports/ColorWheel.js.map +1 -0
- package/dist/exports/ColorWheel.mjs +25 -0
- package/dist/exports/ColorWheel.mjs.map +1 -0
- package/dist/exports/ComboBox.cjs +60 -0
- package/dist/exports/ComboBox.cjs.map +1 -0
- package/dist/exports/ComboBox.js +39 -0
- package/dist/exports/ComboBox.js.map +1 -0
- package/dist/exports/ComboBox.mjs +39 -0
- package/dist/exports/ComboBox.mjs.map +1 -0
- package/dist/exports/DateField.cjs +39 -0
- package/dist/exports/DateField.cjs.map +1 -0
- package/dist/exports/DateField.js +27 -0
- package/dist/exports/DateField.js.map +1 -0
- package/dist/exports/DateField.mjs +27 -0
- package/dist/exports/DateField.mjs.map +1 -0
- package/dist/exports/DatePicker.cjs +58 -0
- package/dist/exports/DatePicker.cjs.map +1 -0
- package/dist/exports/DatePicker.js +37 -0
- package/dist/exports/DatePicker.js.map +1 -0
- package/dist/exports/DatePicker.mjs +37 -0
- package/dist/exports/DatePicker.mjs.map +1 -0
- package/dist/exports/DateRangePicker.cjs +58 -0
- package/dist/exports/DateRangePicker.cjs.map +1 -0
- package/dist/exports/DateRangePicker.js +37 -0
- package/dist/exports/DateRangePicker.js.map +1 -0
- package/dist/exports/DateRangePicker.mjs +37 -0
- package/dist/exports/DateRangePicker.mjs.map +1 -0
- package/dist/exports/Dialog.cjs +32 -0
- package/dist/exports/Dialog.cjs.map +1 -0
- package/dist/exports/Dialog.js +23 -0
- package/dist/exports/Dialog.js.map +1 -0
- package/dist/exports/Dialog.mjs +23 -0
- package/dist/exports/Dialog.mjs.map +1 -0
- package/dist/exports/Disclosure.cjs +35 -0
- package/dist/exports/Disclosure.cjs.map +1 -0
- package/dist/exports/Disclosure.js +25 -0
- package/dist/exports/Disclosure.js.map +1 -0
- package/dist/exports/Disclosure.mjs +25 -0
- package/dist/exports/Disclosure.mjs.map +1 -0
- package/dist/exports/DisclosureGroup.cjs +37 -0
- package/dist/exports/DisclosureGroup.cjs.map +1 -0
- package/dist/exports/DisclosureGroup.js +25 -0
- package/dist/exports/DisclosureGroup.js.map +1 -0
- package/dist/exports/DisclosureGroup.mjs +25 -0
- package/dist/exports/DisclosureGroup.mjs.map +1 -0
- package/dist/exports/DropZone.cjs +30 -0
- package/dist/exports/DropZone.cjs.map +1 -0
- package/dist/exports/DropZone.js +23 -0
- package/dist/exports/DropZone.js.map +1 -0
- package/dist/exports/DropZone.mjs +23 -0
- package/dist/exports/DropZone.mjs.map +1 -0
- package/dist/exports/FieldError.cjs +27 -0
- package/dist/exports/FieldError.cjs.map +1 -0
- package/dist/exports/FieldError.js +21 -0
- package/dist/exports/FieldError.js.map +1 -0
- package/dist/exports/FieldError.mjs +21 -0
- package/dist/exports/FieldError.mjs.map +1 -0
- package/dist/exports/FileTrigger.cjs +29 -0
- package/dist/exports/FileTrigger.cjs.map +1 -0
- package/dist/exports/FileTrigger.js +23 -0
- package/dist/exports/FileTrigger.js.map +1 -0
- package/dist/exports/FileTrigger.mjs +23 -0
- package/dist/exports/FileTrigger.mjs.map +1 -0
- package/dist/exports/Focusable.cjs +12 -0
- package/dist/exports/Focusable.cjs.map +1 -0
- package/dist/exports/Focusable.js +7 -0
- package/dist/exports/Focusable.js.map +1 -0
- package/dist/exports/Focusable.mjs +7 -0
- package/dist/exports/Focusable.mjs.map +1 -0
- package/dist/exports/Form.cjs +27 -0
- package/dist/exports/Form.cjs.map +1 -0
- package/dist/exports/Form.js +21 -0
- package/dist/exports/Form.js.map +1 -0
- package/dist/exports/Form.mjs +21 -0
- package/dist/exports/Form.mjs.map +1 -0
- package/dist/exports/GridList.cjs +47 -0
- package/dist/exports/GridList.cjs.map +1 -0
- package/dist/exports/GridList.js +31 -0
- package/dist/exports/GridList.js.map +1 -0
- package/dist/exports/GridList.mjs +31 -0
- package/dist/exports/GridList.mjs.map +1 -0
- package/dist/exports/Group.cjs +27 -0
- package/dist/exports/Group.cjs.map +1 -0
- package/dist/exports/Group.js +21 -0
- package/dist/exports/Group.js.map +1 -0
- package/dist/exports/Group.mjs +21 -0
- package/dist/exports/Group.mjs.map +1 -0
- package/dist/exports/Header.cjs +27 -0
- package/dist/exports/Header.cjs.map +1 -0
- package/dist/exports/Header.js +21 -0
- package/dist/exports/Header.js.map +1 -0
- package/dist/exports/Header.mjs +21 -0
- package/dist/exports/Header.mjs.map +1 -0
- package/dist/exports/Heading.cjs +27 -0
- package/dist/exports/Heading.cjs.map +1 -0
- package/dist/exports/Heading.js +21 -0
- package/dist/exports/Heading.js.map +1 -0
- package/dist/exports/Heading.mjs +21 -0
- package/dist/exports/Heading.mjs.map +1 -0
- package/dist/exports/I18nProvider.cjs +14 -0
- package/dist/exports/I18nProvider.cjs.map +1 -0
- package/dist/exports/I18nProvider.js +7 -0
- package/dist/exports/I18nProvider.js.map +1 -0
- package/dist/exports/I18nProvider.mjs +7 -0
- package/dist/exports/I18nProvider.mjs.map +1 -0
- package/dist/exports/Input.cjs +27 -0
- package/dist/exports/Input.cjs.map +1 -0
- package/dist/exports/Input.js +21 -0
- package/dist/exports/Input.js.map +1 -0
- package/dist/exports/Input.mjs +21 -0
- package/dist/exports/Input.mjs.map +1 -0
- package/dist/exports/Keyboard.cjs +27 -0
- package/dist/exports/Keyboard.cjs.map +1 -0
- package/dist/exports/Keyboard.js +21 -0
- package/dist/exports/Keyboard.js.map +1 -0
- package/dist/exports/Keyboard.mjs +21 -0
- package/dist/exports/Keyboard.mjs.map +1 -0
- package/dist/exports/Label.cjs +27 -0
- package/dist/exports/Label.cjs.map +1 -0
- package/dist/exports/Label.js +21 -0
- package/dist/exports/Label.js.map +1 -0
- package/dist/exports/Label.mjs +21 -0
- package/dist/exports/Label.mjs.map +1 -0
- package/dist/exports/Link.cjs +27 -0
- package/dist/exports/Link.cjs.map +1 -0
- package/dist/exports/Link.js +21 -0
- package/dist/exports/Link.js.map +1 -0
- package/dist/exports/Link.mjs +21 -0
- package/dist/exports/Link.mjs.map +1 -0
- package/dist/exports/ListBox.cjs +43 -0
- package/dist/exports/ListBox.cjs.map +1 -0
- package/dist/exports/ListBox.js +29 -0
- package/dist/exports/ListBox.js.map +1 -0
- package/dist/exports/ListBox.mjs +29 -0
- package/dist/exports/ListBox.mjs.map +1 -0
- package/dist/exports/Menu.cjs +57 -0
- package/dist/exports/Menu.cjs.map +1 -0
- package/dist/exports/Menu.js +37 -0
- package/dist/exports/Menu.js.map +1 -0
- package/dist/exports/Menu.mjs +37 -0
- package/dist/exports/Menu.mjs.map +1 -0
- package/dist/exports/Meter.cjs +29 -0
- package/dist/exports/Meter.cjs.map +1 -0
- package/dist/exports/Meter.js +23 -0
- package/dist/exports/Meter.js.map +1 -0
- package/dist/exports/Meter.mjs +23 -0
- package/dist/exports/Meter.mjs.map +1 -0
- package/dist/exports/Modal.cjs +41 -0
- package/dist/exports/Modal.cjs.map +1 -0
- package/dist/exports/Modal.js +29 -0
- package/dist/exports/Modal.js.map +1 -0
- package/dist/exports/Modal.mjs +29 -0
- package/dist/exports/Modal.mjs.map +1 -0
- package/dist/exports/NumberField.cjs +46 -0
- package/dist/exports/NumberField.cjs.map +1 -0
- package/dist/exports/NumberField.js +33 -0
- package/dist/exports/NumberField.js.map +1 -0
- package/dist/exports/NumberField.mjs +33 -0
- package/dist/exports/NumberField.mjs.map +1 -0
- package/dist/exports/Popover.cjs +37 -0
- package/dist/exports/Popover.cjs.map +1 -0
- package/dist/exports/Popover.js +27 -0
- package/dist/exports/Popover.js.map +1 -0
- package/dist/exports/Popover.mjs +27 -0
- package/dist/exports/Popover.mjs.map +1 -0
- package/dist/exports/Pressable.cjs +12 -0
- package/dist/exports/Pressable.cjs.map +1 -0
- package/dist/exports/Pressable.js +7 -0
- package/dist/exports/Pressable.js.map +1 -0
- package/dist/exports/Pressable.mjs +7 -0
- package/dist/exports/Pressable.mjs.map +1 -0
- package/dist/exports/ProgressBar.cjs +30 -0
- package/dist/exports/ProgressBar.cjs.map +1 -0
- package/dist/exports/ProgressBar.js +23 -0
- package/dist/exports/ProgressBar.js.map +1 -0
- package/dist/exports/ProgressBar.mjs +23 -0
- package/dist/exports/ProgressBar.mjs.map +1 -0
- package/dist/exports/RadioGroup.cjs +42 -0
- package/dist/exports/RadioGroup.cjs.map +1 -0
- package/dist/exports/RadioGroup.js +29 -0
- package/dist/exports/RadioGroup.js.map +1 -0
- package/dist/exports/RadioGroup.mjs +29 -0
- package/dist/exports/RadioGroup.mjs.map +1 -0
- package/dist/exports/RangeCalendar.cjs +42 -0
- package/dist/exports/RangeCalendar.cjs.map +1 -0
- package/dist/exports/RangeCalendar.js +27 -0
- package/dist/exports/RangeCalendar.js.map +1 -0
- package/dist/exports/RangeCalendar.mjs +27 -0
- package/dist/exports/RangeCalendar.mjs.map +1 -0
- package/dist/exports/SearchField.cjs +42 -0
- package/dist/exports/SearchField.cjs.map +1 -0
- package/dist/exports/SearchField.js +31 -0
- package/dist/exports/SearchField.js.map +1 -0
- package/dist/exports/SearchField.mjs +31 -0
- package/dist/exports/SearchField.mjs.map +1 -0
- package/dist/exports/Select.cjs +54 -0
- package/dist/exports/Select.cjs.map +1 -0
- package/dist/exports/Select.js +35 -0
- package/dist/exports/Select.js.map +1 -0
- package/dist/exports/Select.mjs +35 -0
- package/dist/exports/Select.mjs.map +1 -0
- package/dist/exports/SelectionIndicator.cjs +27 -0
- package/dist/exports/SelectionIndicator.cjs.map +1 -0
- package/dist/exports/SelectionIndicator.js +21 -0
- package/dist/exports/SelectionIndicator.js.map +1 -0
- package/dist/exports/SelectionIndicator.mjs +21 -0
- package/dist/exports/SelectionIndicator.mjs.map +1 -0
- package/dist/exports/Separator.cjs +27 -0
- package/dist/exports/Separator.cjs.map +1 -0
- package/dist/exports/Separator.js +21 -0
- package/dist/exports/Separator.js.map +1 -0
- package/dist/exports/Separator.mjs +21 -0
- package/dist/exports/Separator.mjs.map +1 -0
- package/dist/exports/SharedElementTransition.cjs +27 -0
- package/dist/exports/SharedElementTransition.cjs.map +1 -0
- package/dist/exports/SharedElementTransition.js +21 -0
- package/dist/exports/SharedElementTransition.js.map +1 -0
- package/dist/exports/SharedElementTransition.mjs +21 -0
- package/dist/exports/SharedElementTransition.mjs.map +1 -0
- package/dist/exports/Slider.cjs +36 -0
- package/dist/exports/Slider.cjs.map +1 -0
- package/dist/exports/Slider.js +23 -0
- package/dist/exports/Slider.js.map +1 -0
- package/dist/exports/Slider.mjs +23 -0
- package/dist/exports/Slider.mjs.map +1 -0
- package/dist/exports/Switch.cjs +27 -0
- package/dist/exports/Switch.cjs.map +1 -0
- package/dist/exports/Switch.js +21 -0
- package/dist/exports/Switch.js.map +1 -0
- package/dist/exports/Switch.mjs +21 -0
- package/dist/exports/Switch.mjs.map +1 -0
- package/dist/exports/Table.cjs +50 -0
- package/dist/exports/Table.cjs.map +1 -0
- package/dist/exports/Table.js +29 -0
- package/dist/exports/Table.js.map +1 -0
- package/dist/exports/Table.mjs +29 -0
- package/dist/exports/Table.mjs.map +1 -0
- package/dist/exports/Tabs.cjs +35 -0
- package/dist/exports/Tabs.cjs.map +1 -0
- package/dist/exports/Tabs.js +23 -0
- package/dist/exports/Tabs.js.map +1 -0
- package/dist/exports/Tabs.mjs +23 -0
- package/dist/exports/Tabs.mjs.map +1 -0
- package/dist/exports/TagGroup.cjs +45 -0
- package/dist/exports/TagGroup.cjs.map +1 -0
- package/dist/exports/TagGroup.js +31 -0
- package/dist/exports/TagGroup.js.map +1 -0
- package/dist/exports/TagGroup.mjs +31 -0
- package/dist/exports/TagGroup.mjs.map +1 -0
- package/dist/exports/Text.cjs +27 -0
- package/dist/exports/Text.cjs.map +1 -0
- package/dist/exports/Text.js +21 -0
- package/dist/exports/Text.js.map +1 -0
- package/dist/exports/Text.mjs +21 -0
- package/dist/exports/Text.mjs.map +1 -0
- package/dist/exports/TextArea.cjs +27 -0
- package/dist/exports/TextArea.cjs.map +1 -0
- package/dist/exports/TextArea.js +21 -0
- package/dist/exports/TextArea.js.map +1 -0
- package/dist/exports/TextArea.mjs +21 -0
- package/dist/exports/TextArea.mjs.map +1 -0
- package/dist/exports/TextField.cjs +42 -0
- package/dist/exports/TextField.cjs.map +1 -0
- package/dist/exports/TextField.js +31 -0
- package/dist/exports/TextField.js.map +1 -0
- package/dist/exports/TextField.mjs +31 -0
- package/dist/exports/TextField.mjs.map +1 -0
- package/dist/exports/TimeField.cjs +39 -0
- package/dist/exports/TimeField.cjs.map +1 -0
- package/dist/exports/TimeField.js +27 -0
- package/dist/exports/TimeField.js.map +1 -0
- package/dist/exports/TimeField.mjs +27 -0
- package/dist/exports/TimeField.mjs.map +1 -0
- package/dist/exports/Toast.cjs +39 -0
- package/dist/exports/Toast.cjs.map +1 -0
- package/dist/exports/Toast.js +27 -0
- package/dist/exports/Toast.js.map +1 -0
- package/dist/exports/Toast.mjs +27 -0
- package/dist/exports/Toast.mjs.map +1 -0
- package/dist/exports/ToggleButton.cjs +27 -0
- package/dist/exports/ToggleButton.cjs.map +1 -0
- package/dist/exports/ToggleButton.js +21 -0
- package/dist/exports/ToggleButton.js.map +1 -0
- package/dist/exports/ToggleButton.mjs +21 -0
- package/dist/exports/ToggleButton.mjs.map +1 -0
- package/dist/exports/ToggleButtonGroup.cjs +34 -0
- package/dist/exports/ToggleButtonGroup.cjs.map +1 -0
- package/dist/exports/ToggleButtonGroup.js +25 -0
- package/dist/exports/ToggleButtonGroup.js.map +1 -0
- package/dist/exports/ToggleButtonGroup.mjs +25 -0
- package/dist/exports/ToggleButtonGroup.mjs.map +1 -0
- package/dist/exports/Toolbar.cjs +27 -0
- package/dist/exports/Toolbar.cjs.map +1 -0
- package/dist/exports/Toolbar.js +21 -0
- package/dist/exports/Toolbar.js.map +1 -0
- package/dist/exports/Toolbar.mjs +21 -0
- package/dist/exports/Toolbar.mjs.map +1 -0
- package/dist/exports/Tooltip.cjs +35 -0
- package/dist/exports/Tooltip.cjs.map +1 -0
- package/dist/exports/Tooltip.js +25 -0
- package/dist/exports/Tooltip.js.map +1 -0
- package/dist/exports/Tooltip.mjs +25 -0
- package/dist/exports/Tooltip.mjs.map +1 -0
- package/dist/exports/Tree.cjs +42 -0
- package/dist/exports/Tree.cjs.map +1 -0
- package/dist/exports/Tree.js +27 -0
- package/dist/exports/Tree.js.map +1 -0
- package/dist/exports/Tree.mjs +27 -0
- package/dist/exports/Tree.mjs.map +1 -0
- package/dist/exports/Virtualizer.cjs +39 -0
- package/dist/exports/Virtualizer.cjs.map +1 -0
- package/dist/exports/Virtualizer.js +25 -0
- package/dist/exports/Virtualizer.js.map +1 -0
- package/dist/exports/Virtualizer.mjs +25 -0
- package/dist/exports/Virtualizer.mjs.map +1 -0
- package/dist/exports/VisuallyHidden.cjs +12 -0
- package/dist/exports/VisuallyHidden.cjs.map +1 -0
- package/dist/exports/VisuallyHidden.js +7 -0
- package/dist/exports/VisuallyHidden.js.map +1 -0
- package/dist/exports/VisuallyHidden.mjs +7 -0
- package/dist/exports/VisuallyHidden.mjs.map +1 -0
- package/dist/exports/composeRenderProps.cjs +12 -0
- package/dist/exports/composeRenderProps.cjs.map +1 -0
- package/dist/exports/composeRenderProps.js +7 -0
- package/dist/exports/composeRenderProps.js.map +1 -0
- package/dist/exports/composeRenderProps.mjs +7 -0
- package/dist/exports/composeRenderProps.mjs.map +1 -0
- package/dist/exports/index.cjs +450 -0
- package/dist/exports/index.cjs.map +1 -0
- package/dist/exports/index.js +181 -0
- package/dist/exports/index.js.map +1 -0
- package/dist/exports/index.mjs +181 -0
- package/dist/exports/index.mjs.map +1 -0
- package/dist/exports/slots.cjs +29 -0
- package/dist/exports/slots.cjs.map +1 -0
- package/dist/exports/slots.js +21 -0
- package/dist/exports/slots.js.map +1 -0
- package/dist/exports/slots.mjs +21 -0
- package/dist/exports/slots.mjs.map +1 -0
- package/dist/exports/useAsyncList.cjs +12 -0
- package/dist/exports/useAsyncList.cjs.map +1 -0
- package/dist/exports/useAsyncList.js +7 -0
- package/dist/exports/useAsyncList.js.map +1 -0
- package/dist/exports/useAsyncList.mjs +7 -0
- package/dist/exports/useAsyncList.mjs.map +1 -0
- package/dist/exports/useDrag.cjs +12 -0
- package/dist/exports/useDrag.cjs.map +1 -0
- package/dist/exports/useDrag.js +7 -0
- package/dist/exports/useDrag.js.map +1 -0
- package/dist/exports/useDrag.mjs +7 -0
- package/dist/exports/useDrag.mjs.map +1 -0
- package/dist/exports/useDragAndDrop.cjs +36 -0
- package/dist/exports/useDragAndDrop.cjs.map +1 -0
- package/dist/exports/useDragAndDrop.js +24 -0
- package/dist/exports/useDragAndDrop.js.map +1 -0
- package/dist/exports/useDragAndDrop.mjs +24 -0
- package/dist/exports/useDragAndDrop.mjs.map +1 -0
- package/dist/exports/useDrop.cjs +16 -0
- package/dist/exports/useDrop.cjs.map +1 -0
- package/dist/exports/useDrop.js +7 -0
- package/dist/exports/useDrop.js.map +1 -0
- package/dist/exports/useDrop.mjs +7 -0
- package/dist/exports/useDrop.mjs.map +1 -0
- package/dist/exports/useListData.cjs +12 -0
- package/dist/exports/useListData.cjs.map +1 -0
- package/dist/exports/useListData.js +7 -0
- package/dist/exports/useListData.js.map +1 -0
- package/dist/exports/useListData.mjs +7 -0
- package/dist/exports/useListData.mjs.map +1 -0
- package/dist/exports/useRenderProps.cjs +12 -0
- package/dist/exports/useRenderProps.cjs.map +1 -0
- package/dist/exports/useRenderProps.js +7 -0
- package/dist/exports/useRenderProps.js.map +1 -0
- package/dist/exports/useRenderProps.mjs +7 -0
- package/dist/exports/useRenderProps.mjs.map +1 -0
- package/dist/exports/useTreeData.cjs +12 -0
- package/dist/exports/useTreeData.cjs.map +1 -0
- package/dist/exports/useTreeData.js +7 -0
- package/dist/exports/useTreeData.js.map +1 -0
- package/dist/exports/useTreeData.mjs +7 -0
- package/dist/exports/useTreeData.mjs.map +1 -0
- package/dist/private/Autocomplete.cjs +80 -0
- package/dist/private/Autocomplete.cjs.map +1 -0
- package/dist/private/Autocomplete.js +67 -0
- package/dist/private/Autocomplete.js.map +1 -0
- package/dist/private/Autocomplete.mjs +67 -0
- package/dist/private/Autocomplete.mjs.map +1 -0
- package/dist/private/Breadcrumbs.cjs +108 -0
- package/dist/private/Breadcrumbs.cjs.map +1 -0
- package/dist/private/Breadcrumbs.js +98 -0
- package/dist/private/Breadcrumbs.js.map +1 -0
- package/dist/private/Breadcrumbs.mjs +97 -0
- package/dist/private/Breadcrumbs.mjs.map +1 -0
- package/dist/private/Button.cjs +131 -0
- package/dist/private/Button.cjs.map +1 -0
- package/dist/private/Button.js +121 -0
- package/dist/private/Button.js.map +1 -0
- package/dist/private/Button.mjs +121 -0
- package/dist/private/Button.mjs.map +1 -0
- package/dist/private/Calendar.cjs +375 -0
- package/dist/private/Calendar.cjs.map +1 -0
- package/dist/private/Calendar.js +359 -0
- package/dist/private/Calendar.js.map +1 -0
- package/dist/private/Calendar.mjs +356 -0
- package/dist/private/Calendar.mjs.map +1 -0
- package/dist/private/Checkbox.cjs +202 -0
- package/dist/private/Checkbox.cjs.map +1 -0
- package/dist/private/Checkbox.js +191 -0
- package/dist/private/Checkbox.js.map +1 -0
- package/dist/private/Checkbox.mjs +189 -0
- package/dist/private/Checkbox.mjs.map +1 -0
- package/dist/private/Collection.cjs +107 -0
- package/dist/private/Collection.cjs.map +1 -0
- package/dist/private/Collection.js +93 -0
- package/dist/private/Collection.js.map +1 -0
- package/dist/private/Collection.mjs +93 -0
- package/dist/private/Collection.mjs.map +1 -0
- package/dist/private/ColorArea.cjs +82 -0
- package/dist/private/ColorArea.cjs.map +1 -0
- package/dist/private/ColorArea.js +71 -0
- package/dist/private/ColorArea.js.map +1 -0
- package/dist/private/ColorArea.mjs +71 -0
- package/dist/private/ColorArea.mjs.map +1 -0
- package/dist/private/ColorField.cjs +167 -0
- package/dist/private/ColorField.cjs.map +1 -0
- package/dist/private/ColorField.js +159 -0
- package/dist/private/ColorField.js.map +1 -0
- package/dist/private/ColorField.mjs +156 -0
- package/dist/private/ColorField.mjs.map +1 -0
- package/dist/private/ColorPicker.cjs +108 -0
- package/dist/private/ColorPicker.cjs.map +1 -0
- package/dist/private/ColorPicker.js +97 -0
- package/dist/private/ColorPicker.js.map +1 -0
- package/dist/private/ColorPicker.mjs +97 -0
- package/dist/private/ColorPicker.mjs.map +1 -0
- package/dist/private/ColorSlider.cjs +114 -0
- package/dist/private/ColorSlider.cjs.map +1 -0
- package/dist/private/ColorSlider.js +103 -0
- package/dist/private/ColorSlider.js.map +1 -0
- package/dist/private/ColorSlider.mjs +103 -0
- package/dist/private/ColorSlider.mjs.map +1 -0
- package/dist/private/ColorSwatch.cjs +46 -0
- package/dist/private/ColorSwatch.cjs.map +1 -0
- package/dist/private/ColorSwatch.js +36 -0
- package/dist/private/ColorSwatch.js.map +1 -0
- package/dist/private/ColorSwatch.mjs +36 -0
- package/dist/private/ColorSwatch.mjs.map +1 -0
- package/dist/private/ColorSwatchPicker.cjs +106 -0
- package/dist/private/ColorSwatchPicker.cjs.map +1 -0
- package/dist/private/ColorSwatchPicker.js +99 -0
- package/dist/private/ColorSwatchPicker.js.map +1 -0
- package/dist/private/ColorSwatchPicker.mjs +99 -0
- package/dist/private/ColorSwatchPicker.mjs.map +1 -0
- package/dist/private/ColorThumb.cjs +71 -0
- package/dist/private/ColorThumb.cjs.map +1 -0
- package/dist/private/ColorThumb.js +61 -0
- package/dist/private/ColorThumb.js.map +1 -0
- package/dist/private/ColorThumb.mjs +61 -0
- package/dist/private/ColorThumb.mjs.map +1 -0
- package/dist/private/ColorWheel.cjs +102 -0
- package/dist/private/ColorWheel.cjs.map +1 -0
- package/dist/private/ColorWheel.js +89 -0
- package/dist/private/ColorWheel.js.map +1 -0
- package/dist/private/ColorWheel.mjs +89 -0
- package/dist/private/ColorWheel.mjs.map +1 -0
- package/dist/private/ComboBox.cjs +327 -0
- package/dist/private/ComboBox.cjs.map +1 -0
- package/dist/private/ComboBox.js +322 -0
- package/dist/private/ComboBox.js.map +1 -0
- package/dist/private/ComboBox.mjs +314 -0
- package/dist/private/ComboBox.mjs.map +1 -0
- package/dist/private/DateField.cjs +373 -0
- package/dist/private/DateField.cjs.map +1 -0
- package/dist/private/DateField.js +359 -0
- package/dist/private/DateField.js.map +1 -0
- package/dist/private/DateField.mjs +357 -0
- package/dist/private/DateField.mjs.map +1 -0
- package/dist/private/DatePicker.cjs +350 -0
- package/dist/private/DatePicker.cjs.map +1 -0
- package/dist/private/DatePicker.js +338 -0
- package/dist/private/DatePicker.js.map +1 -0
- package/dist/private/DatePicker.mjs +336 -0
- package/dist/private/DatePicker.mjs.map +1 -0
- package/dist/private/Dialog.cjs +175 -0
- package/dist/private/Dialog.cjs.map +1 -0
- package/dist/private/Dialog.js +163 -0
- package/dist/private/Dialog.js.map +1 -0
- package/dist/private/Dialog.mjs +163 -0
- package/dist/private/Dialog.mjs.map +1 -0
- package/dist/private/Disclosure.cjs +180 -0
- package/dist/private/Disclosure.cjs.map +1 -0
- package/dist/private/Disclosure.js +167 -0
- package/dist/private/Disclosure.js.map +1 -0
- package/dist/private/Disclosure.mjs +166 -0
- package/dist/private/Disclosure.mjs.map +1 -0
- package/dist/private/DragAndDrop.cjs +97 -0
- package/dist/private/DragAndDrop.cjs.map +1 -0
- package/dist/private/DragAndDrop.js +90 -0
- package/dist/private/DragAndDrop.js.map +1 -0
- package/dist/private/DragAndDrop.mjs +84 -0
- package/dist/private/DragAndDrop.mjs.map +1 -0
- package/dist/private/DropZone.cjs +147 -0
- package/dist/private/DropZone.cjs.map +1 -0
- package/dist/private/DropZone.js +145 -0
- package/dist/private/DropZone.js.map +1 -0
- package/dist/private/DropZone.mjs +141 -0
- package/dist/private/DropZone.mjs.map +1 -0
- package/dist/private/FieldError.cjs +63 -0
- package/dist/private/FieldError.cjs.map +1 -0
- package/dist/private/FieldError.js +53 -0
- package/dist/private/FieldError.js.map +1 -0
- package/dist/private/FieldError.mjs +53 -0
- package/dist/private/FieldError.mjs.map +1 -0
- package/dist/private/FileTrigger.cjs +63 -0
- package/dist/private/FileTrigger.cjs.map +1 -0
- package/dist/private/FileTrigger.js +55 -0
- package/dist/private/FileTrigger.js.map +1 -0
- package/dist/private/FileTrigger.mjs +54 -0
- package/dist/private/FileTrigger.mjs.map +1 -0
- package/dist/private/Form.cjs +49 -0
- package/dist/private/Form.cjs.map +1 -0
- package/dist/private/Form.js +39 -0
- package/dist/private/Form.js.map +1 -0
- package/dist/private/Form.mjs +39 -0
- package/dist/private/Form.mjs.map +1 -0
- package/dist/private/GridList.cjs +615 -0
- package/dist/private/GridList.cjs.map +1 -0
- package/dist/private/GridList.js +600 -0
- package/dist/private/GridList.js.map +1 -0
- package/dist/private/GridList.mjs +599 -0
- package/dist/private/GridList.mjs.map +1 -0
- package/dist/private/Group.cjs +75 -0
- package/dist/private/Group.cjs.map +1 -0
- package/dist/private/Group.js +66 -0
- package/dist/private/Group.js.map +1 -0
- package/dist/private/Group.mjs +65 -0
- package/dist/private/Group.mjs.map +1 -0
- package/dist/private/Header.cjs +42 -0
- package/dist/private/Header.cjs.map +1 -0
- package/dist/private/Header.js +32 -0
- package/dist/private/Header.js.map +1 -0
- package/dist/private/Header.mjs +32 -0
- package/dist/private/Header.mjs.map +1 -0
- package/dist/private/Heading.cjs +40 -0
- package/dist/private/Heading.cjs.map +1 -0
- package/dist/private/Heading.js +30 -0
- package/dist/private/Heading.js.map +1 -0
- package/dist/private/Heading.mjs +30 -0
- package/dist/private/Heading.mjs.map +1 -0
- package/dist/private/HiddenDateInput.cjs +126 -0
- package/dist/private/HiddenDateInput.cjs.map +1 -0
- package/dist/private/HiddenDateInput.js +117 -0
- package/dist/private/HiddenDateInput.js.map +1 -0
- package/dist/private/HiddenDateInput.mjs +117 -0
- package/dist/private/HiddenDateInput.mjs.map +1 -0
- package/dist/private/Input.cjs +76 -0
- package/dist/private/Input.cjs.map +1 -0
- package/dist/private/Input.js +66 -0
- package/dist/private/Input.js.map +1 -0
- package/dist/private/Input.mjs +66 -0
- package/dist/private/Input.mjs.map +1 -0
- package/dist/private/Keyboard.cjs +38 -0
- package/dist/private/Keyboard.cjs.map +1 -0
- package/dist/private/Keyboard.js +28 -0
- package/dist/private/Keyboard.js.map +1 -0
- package/dist/private/Keyboard.mjs +28 -0
- package/dist/private/Keyboard.mjs.map +1 -0
- package/dist/private/Label.cjs +43 -0
- package/dist/private/Label.cjs.map +1 -0
- package/dist/private/Label.js +33 -0
- package/dist/private/Label.js.map +1 -0
- package/dist/private/Label.mjs +33 -0
- package/dist/private/Label.mjs.map +1 -0
- package/dist/private/Link.cjs +78 -0
- package/dist/private/Link.cjs.map +1 -0
- package/dist/private/Link.js +68 -0
- package/dist/private/Link.js.map +1 -0
- package/dist/private/Link.mjs +68 -0
- package/dist/private/Link.mjs.map +1 -0
- package/dist/private/ListBox.cjs +505 -0
- package/dist/private/ListBox.cjs.map +1 -0
- package/dist/private/ListBox.js +492 -0
- package/dist/private/ListBox.js.map +1 -0
- package/dist/private/ListBox.mjs +491 -0
- package/dist/private/ListBox.mjs.map +1 -0
- package/dist/private/Menu.cjs +475 -0
- package/dist/private/Menu.cjs.map +1 -0
- package/dist/private/Menu.js +461 -0
- package/dist/private/Menu.js.map +1 -0
- package/dist/private/Menu.mjs +459 -0
- package/dist/private/Menu.mjs.map +1 -0
- package/dist/private/Meter.cjs +74 -0
- package/dist/private/Meter.cjs.map +1 -0
- package/dist/private/Meter.js +64 -0
- package/dist/private/Meter.js.map +1 -0
- package/dist/private/Meter.mjs +64 -0
- package/dist/private/Meter.mjs.map +1 -0
- package/dist/private/Modal.cjs +212 -0
- package/dist/private/Modal.cjs.map +1 -0
- package/dist/private/Modal.js +201 -0
- package/dist/private/Modal.js.map +1 -0
- package/dist/private/Modal.mjs +201 -0
- package/dist/private/Modal.mjs.map +1 -0
- package/dist/private/NumberField.cjs +150 -0
- package/dist/private/NumberField.cjs.map +1 -0
- package/dist/private/NumberField.js +140 -0
- package/dist/private/NumberField.js.map +1 -0
- package/dist/private/NumberField.mjs +139 -0
- package/dist/private/NumberField.mjs.map +1 -0
- package/dist/private/OverlayArrow.cjs +64 -0
- package/dist/private/OverlayArrow.cjs.map +1 -0
- package/dist/private/OverlayArrow.js +54 -0
- package/dist/private/OverlayArrow.js.map +1 -0
- package/dist/private/OverlayArrow.mjs +54 -0
- package/dist/private/OverlayArrow.mjs.map +1 -0
- package/dist/private/Popover.cjs +208 -0
- package/dist/private/Popover.cjs.map +1 -0
- package/dist/private/Popover.js +200 -0
- package/dist/private/Popover.js.map +1 -0
- package/dist/private/Popover.mjs +198 -0
- package/dist/private/Popover.mjs.map +1 -0
- package/dist/private/ProgressBar.cjs +75 -0
- package/dist/private/ProgressBar.cjs.map +1 -0
- package/dist/private/ProgressBar.js +65 -0
- package/dist/private/ProgressBar.js.map +1 -0
- package/dist/private/ProgressBar.mjs +65 -0
- package/dist/private/ProgressBar.mjs.map +1 -0
- package/dist/private/RadioGroup.cjs +195 -0
- package/dist/private/RadioGroup.cjs.map +1 -0
- package/dist/private/RadioGroup.js +183 -0
- package/dist/private/RadioGroup.js.map +1 -0
- package/dist/private/RadioGroup.mjs +182 -0
- package/dist/private/RadioGroup.mjs.map +1 -0
- package/dist/private/SearchField.cjs +139 -0
- package/dist/private/SearchField.cjs.map +1 -0
- package/dist/private/SearchField.js +130 -0
- package/dist/private/SearchField.js.map +1 -0
- package/dist/private/SearchField.mjs +129 -0
- package/dist/private/SearchField.mjs.map +1 -0
- package/dist/private/Select.cjs +326 -0
- package/dist/private/Select.cjs.map +1 -0
- package/dist/private/Select.js +327 -0
- package/dist/private/Select.js.map +1 -0
- package/dist/private/Select.mjs +317 -0
- package/dist/private/Select.mjs.map +1 -0
- package/dist/private/SelectionIndicator.cjs +45 -0
- package/dist/private/SelectionIndicator.cjs.map +1 -0
- package/dist/private/SelectionIndicator.js +35 -0
- package/dist/private/SelectionIndicator.js.map +1 -0
- package/dist/private/SelectionIndicator.mjs +35 -0
- package/dist/private/SelectionIndicator.mjs.map +1 -0
- package/dist/private/Separator.cjs +77 -0
- package/dist/private/Separator.cjs.map +1 -0
- package/dist/private/Separator.js +65 -0
- package/dist/private/Separator.js.map +1 -0
- package/dist/private/Separator.mjs +67 -0
- package/dist/private/Separator.mjs.map +1 -0
- package/dist/private/SharedElementTransition.cjs +140 -0
- package/dist/private/SharedElementTransition.cjs.map +1 -0
- package/dist/private/SharedElementTransition.js +130 -0
- package/dist/private/SharedElementTransition.js.map +1 -0
- package/dist/private/SharedElementTransition.mjs +130 -0
- package/dist/private/SharedElementTransition.mjs.map +1 -0
- package/dist/private/Slider.cjs +230 -0
- package/dist/private/Slider.cjs.map +1 -0
- package/dist/private/Slider.js +214 -0
- package/dist/private/Slider.js.map +1 -0
- package/dist/private/Slider.mjs +214 -0
- package/dist/private/Slider.mjs.map +1 -0
- package/dist/private/Switch.cjs +101 -0
- package/dist/private/Switch.cjs.map +1 -0
- package/dist/private/Switch.js +91 -0
- package/dist/private/Switch.js.map +1 -0
- package/dist/private/Switch.mjs +91 -0
- package/dist/private/Switch.mjs.map +1 -0
- package/dist/private/Table.cjs +1350 -0
- package/dist/private/Table.cjs.map +1 -0
- package/dist/private/Table.js +1340 -0
- package/dist/private/Table.js.map +1 -0
- package/dist/private/Table.mjs +1333 -0
- package/dist/private/Table.mjs.map +1 -0
- package/dist/private/TableLayout.cjs +38 -0
- package/dist/private/TableLayout.cjs.map +1 -0
- package/dist/private/TableLayout.js +33 -0
- package/dist/private/TableLayout.js.map +1 -0
- package/dist/private/TableLayout.mjs +33 -0
- package/dist/private/TableLayout.mjs.map +1 -0
- package/dist/private/Tabs.cjs +352 -0
- package/dist/private/Tabs.cjs.map +1 -0
- package/dist/private/Tabs.js +335 -0
- package/dist/private/Tabs.js.map +1 -0
- package/dist/private/Tabs.mjs +337 -0
- package/dist/private/Tabs.mjs.map +1 -0
- package/dist/private/TagGroup.cjs +266 -0
- package/dist/private/TagGroup.cjs.map +1 -0
- package/dist/private/TagGroup.js +254 -0
- package/dist/private/TagGroup.js.map +1 -0
- package/dist/private/TagGroup.mjs +253 -0
- package/dist/private/TagGroup.mjs.map +1 -0
- package/dist/private/Text.cjs +41 -0
- package/dist/private/Text.cjs.map +1 -0
- package/dist/private/Text.js +31 -0
- package/dist/private/Text.js.map +1 -0
- package/dist/private/Text.mjs +31 -0
- package/dist/private/Text.mjs.map +1 -0
- package/dist/private/TextArea.cjs +61 -0
- package/dist/private/TextArea.cjs.map +1 -0
- package/dist/private/TextArea.js +51 -0
- package/dist/private/TextArea.js.map +1 -0
- package/dist/private/TextArea.mjs +51 -0
- package/dist/private/TextArea.mjs.map +1 -0
- package/dist/private/TextField.cjs +144 -0
- package/dist/private/TextField.cjs.map +1 -0
- package/dist/private/TextField.js +135 -0
- package/dist/private/TextField.js.map +1 -0
- package/dist/private/TextField.mjs +134 -0
- package/dist/private/TextField.mjs.map +1 -0
- package/dist/private/Toast.cjs +197 -0
- package/dist/private/Toast.cjs.map +1 -0
- package/dist/private/Toast.js +184 -0
- package/dist/private/Toast.js.map +1 -0
- package/dist/private/Toast.mjs +184 -0
- package/dist/private/Toast.mjs.map +1 -0
- package/dist/private/ToggleButton.cjs +104 -0
- package/dist/private/ToggleButton.cjs.map +1 -0
- package/dist/private/ToggleButton.js +94 -0
- package/dist/private/ToggleButton.js.map +1 -0
- package/dist/private/ToggleButton.mjs +94 -0
- package/dist/private/ToggleButton.mjs.map +1 -0
- package/dist/private/ToggleButtonGroup.cjs +68 -0
- package/dist/private/ToggleButtonGroup.cjs.map +1 -0
- package/dist/private/ToggleButtonGroup.js +57 -0
- package/dist/private/ToggleButtonGroup.js.map +1 -0
- package/dist/private/ToggleButtonGroup.mjs +57 -0
- package/dist/private/ToggleButtonGroup.mjs.map +1 -0
- package/dist/private/Toolbar.cjs +57 -0
- package/dist/private/Toolbar.cjs.map +1 -0
- package/dist/private/Toolbar.js +47 -0
- package/dist/private/Toolbar.js.map +1 -0
- package/dist/private/Toolbar.mjs +47 -0
- package/dist/private/Toolbar.mjs.map +1 -0
- package/dist/private/Tooltip.cjs +140 -0
- package/dist/private/Tooltip.cjs.map +1 -0
- package/dist/private/Tooltip.js +128 -0
- package/dist/private/Tooltip.js.map +1 -0
- package/dist/private/Tooltip.mjs +128 -0
- package/dist/private/Tooltip.mjs.map +1 -0
- package/dist/private/Tree.cjs +845 -0
- package/dist/private/Tree.cjs.map +1 -0
- package/dist/private/Tree.js +831 -0
- package/dist/private/Tree.js.map +1 -0
- package/dist/private/Tree.mjs +829 -0
- package/dist/private/Tree.mjs.map +1 -0
- package/dist/private/TreeDropTargetDelegate.cjs +214 -0
- package/dist/private/TreeDropTargetDelegate.cjs.map +1 -0
- package/dist/private/TreeDropTargetDelegate.js +209 -0
- package/dist/private/TreeDropTargetDelegate.js.map +1 -0
- package/dist/private/TreeDropTargetDelegate.mjs +209 -0
- package/dist/private/TreeDropTargetDelegate.mjs.map +1 -0
- package/dist/private/Virtualizer.cjs +138 -0
- package/dist/private/Virtualizer.cjs.map +1 -0
- package/dist/private/Virtualizer.js +131 -0
- package/dist/private/Virtualizer.js.map +1 -0
- package/dist/private/Virtualizer.mjs +129 -0
- package/dist/private/Virtualizer.mjs.map +1 -0
- package/dist/private/intl/ar-AE.cjs +9 -0
- package/dist/private/intl/ar-AE.cjs.map +1 -0
- package/dist/private/intl/ar-AE.js +11 -0
- package/dist/private/intl/ar-AE.js.map +1 -0
- package/dist/private/intl/ar-AE.mjs +11 -0
- package/dist/private/intl/ar-AE.mjs.map +1 -0
- package/dist/private/intl/bg-BG.cjs +9 -0
- package/dist/private/intl/bg-BG.cjs.map +1 -0
- package/dist/private/intl/bg-BG.js +11 -0
- package/dist/private/intl/bg-BG.js.map +1 -0
- package/dist/private/intl/bg-BG.mjs +11 -0
- package/dist/private/intl/bg-BG.mjs.map +1 -0
- package/dist/private/intl/cs-CZ.cjs +9 -0
- package/dist/private/intl/cs-CZ.cjs.map +1 -0
- package/dist/private/intl/cs-CZ.js +11 -0
- package/dist/private/intl/cs-CZ.js.map +1 -0
- package/dist/private/intl/cs-CZ.mjs +11 -0
- package/dist/private/intl/cs-CZ.mjs.map +1 -0
- package/dist/private/intl/da-DK.cjs +9 -0
- package/dist/private/intl/da-DK.cjs.map +1 -0
- package/dist/private/intl/da-DK.js +11 -0
- package/dist/private/intl/da-DK.js.map +1 -0
- package/dist/private/intl/da-DK.mjs +11 -0
- package/dist/private/intl/da-DK.mjs.map +1 -0
- package/dist/private/intl/de-DE.cjs +9 -0
- package/dist/private/intl/de-DE.cjs.map +1 -0
- package/dist/private/intl/de-DE.js +11 -0
- package/dist/private/intl/de-DE.js.map +1 -0
- package/dist/private/intl/de-DE.mjs +11 -0
- package/dist/private/intl/de-DE.mjs.map +1 -0
- package/dist/private/intl/el-GR.cjs +9 -0
- package/dist/private/intl/el-GR.cjs.map +1 -0
- package/dist/private/intl/el-GR.js +11 -0
- package/dist/private/intl/el-GR.js.map +1 -0
- package/dist/private/intl/el-GR.mjs +11 -0
- package/dist/private/intl/el-GR.mjs.map +1 -0
- package/dist/private/intl/en-US.cjs +9 -0
- package/dist/private/intl/en-US.cjs.map +1 -0
- package/dist/private/intl/en-US.js +11 -0
- package/dist/private/intl/en-US.js.map +1 -0
- package/dist/private/intl/en-US.mjs +11 -0
- package/dist/private/intl/en-US.mjs.map +1 -0
- package/dist/private/intl/es-ES.cjs +9 -0
- package/dist/private/intl/es-ES.cjs.map +1 -0
- package/dist/private/intl/es-ES.js +11 -0
- package/dist/private/intl/es-ES.js.map +1 -0
- package/dist/private/intl/es-ES.mjs +11 -0
- package/dist/private/intl/es-ES.mjs.map +1 -0
- package/dist/private/intl/et-EE.cjs +9 -0
- package/dist/private/intl/et-EE.cjs.map +1 -0
- package/dist/private/intl/et-EE.js +11 -0
- package/dist/private/intl/et-EE.js.map +1 -0
- package/dist/private/intl/et-EE.mjs +11 -0
- package/dist/private/intl/et-EE.mjs.map +1 -0
- package/dist/private/intl/fi-FI.cjs +9 -0
- package/dist/private/intl/fi-FI.cjs.map +1 -0
- package/dist/private/intl/fi-FI.js +11 -0
- package/dist/private/intl/fi-FI.js.map +1 -0
- package/dist/private/intl/fi-FI.mjs +11 -0
- package/dist/private/intl/fi-FI.mjs.map +1 -0
- package/dist/private/intl/fr-FR.cjs +9 -0
- package/dist/private/intl/fr-FR.cjs.map +1 -0
- package/dist/private/intl/fr-FR.js +11 -0
- package/dist/private/intl/fr-FR.js.map +1 -0
- package/dist/private/intl/fr-FR.mjs +11 -0
- package/dist/private/intl/fr-FR.mjs.map +1 -0
- package/dist/private/intl/he-IL.cjs +9 -0
- package/dist/private/intl/he-IL.cjs.map +1 -0
- package/dist/private/intl/he-IL.js +11 -0
- package/dist/private/intl/he-IL.js.map +1 -0
- package/dist/private/intl/he-IL.mjs +11 -0
- package/dist/private/intl/he-IL.mjs.map +1 -0
- package/dist/private/intl/hr-HR.cjs +9 -0
- package/dist/private/intl/hr-HR.cjs.map +1 -0
- package/dist/private/intl/hr-HR.js +11 -0
- package/dist/private/intl/hr-HR.js.map +1 -0
- package/dist/private/intl/hr-HR.mjs +11 -0
- package/dist/private/intl/hr-HR.mjs.map +1 -0
- package/dist/private/intl/hu-HU.cjs +9 -0
- package/dist/private/intl/hu-HU.cjs.map +1 -0
- package/dist/private/intl/hu-HU.js +11 -0
- package/dist/private/intl/hu-HU.js.map +1 -0
- package/dist/private/intl/hu-HU.mjs +11 -0
- package/dist/private/intl/hu-HU.mjs.map +1 -0
- package/dist/private/intl/it-IT.cjs +9 -0
- package/dist/private/intl/it-IT.cjs.map +1 -0
- package/dist/private/intl/it-IT.js +11 -0
- package/dist/private/intl/it-IT.js.map +1 -0
- package/dist/private/intl/it-IT.mjs +11 -0
- package/dist/private/intl/it-IT.mjs.map +1 -0
- package/dist/private/intl/ja-JP.cjs +9 -0
- package/dist/private/intl/ja-JP.cjs.map +1 -0
- package/dist/private/intl/ja-JP.js +11 -0
- package/dist/private/intl/ja-JP.js.map +1 -0
- package/dist/private/intl/ja-JP.mjs +11 -0
- package/dist/private/intl/ja-JP.mjs.map +1 -0
- package/dist/private/intl/ko-KR.cjs +9 -0
- package/dist/private/intl/ko-KR.cjs.map +1 -0
- package/dist/private/intl/ko-KR.js +11 -0
- package/dist/private/intl/ko-KR.js.map +1 -0
- package/dist/private/intl/ko-KR.mjs +11 -0
- package/dist/private/intl/ko-KR.mjs.map +1 -0
- package/dist/private/intl/lt-LT.cjs +9 -0
- package/dist/private/intl/lt-LT.cjs.map +1 -0
- package/dist/private/intl/lt-LT.js +11 -0
- package/dist/private/intl/lt-LT.js.map +1 -0
- package/dist/private/intl/lt-LT.mjs +11 -0
- package/dist/private/intl/lt-LT.mjs.map +1 -0
- package/dist/private/intl/lv-LV.cjs +9 -0
- package/dist/private/intl/lv-LV.cjs.map +1 -0
- package/dist/private/intl/lv-LV.js +11 -0
- package/dist/private/intl/lv-LV.js.map +1 -0
- package/dist/private/intl/lv-LV.mjs +11 -0
- package/dist/private/intl/lv-LV.mjs.map +1 -0
- package/dist/private/intl/nb-NO.cjs +9 -0
- package/dist/private/intl/nb-NO.cjs.map +1 -0
- package/dist/private/intl/nb-NO.js +11 -0
- package/dist/private/intl/nb-NO.js.map +1 -0
- package/dist/private/intl/nb-NO.mjs +11 -0
- package/dist/private/intl/nb-NO.mjs.map +1 -0
- package/dist/private/intl/nl-NL.cjs +9 -0
- package/dist/private/intl/nl-NL.cjs.map +1 -0
- package/dist/private/intl/nl-NL.js +11 -0
- package/dist/private/intl/nl-NL.js.map +1 -0
- package/dist/private/intl/nl-NL.mjs +11 -0
- package/dist/private/intl/nl-NL.mjs.map +1 -0
- package/dist/private/intl/pl-PL.cjs +9 -0
- package/dist/private/intl/pl-PL.cjs.map +1 -0
- package/dist/private/intl/pl-PL.js +11 -0
- package/dist/private/intl/pl-PL.js.map +1 -0
- package/dist/private/intl/pl-PL.mjs +11 -0
- package/dist/private/intl/pl-PL.mjs.map +1 -0
- package/dist/private/intl/pt-BR.cjs +9 -0
- package/dist/private/intl/pt-BR.cjs.map +1 -0
- package/dist/private/intl/pt-BR.js +11 -0
- package/dist/private/intl/pt-BR.js.map +1 -0
- package/dist/private/intl/pt-BR.mjs +11 -0
- package/dist/private/intl/pt-BR.mjs.map +1 -0
- package/dist/private/intl/pt-PT.cjs +9 -0
- package/dist/private/intl/pt-PT.cjs.map +1 -0
- package/dist/private/intl/pt-PT.js +11 -0
- package/dist/private/intl/pt-PT.js.map +1 -0
- package/dist/private/intl/pt-PT.mjs +11 -0
- package/dist/private/intl/pt-PT.mjs.map +1 -0
- package/dist/private/intl/ro-RO.cjs +9 -0
- package/dist/private/intl/ro-RO.cjs.map +1 -0
- package/dist/private/intl/ro-RO.js +11 -0
- package/dist/private/intl/ro-RO.js.map +1 -0
- package/dist/private/intl/ro-RO.mjs +11 -0
- package/dist/private/intl/ro-RO.mjs.map +1 -0
- package/dist/private/intl/ru-RU.cjs +9 -0
- package/dist/private/intl/ru-RU.cjs.map +1 -0
- package/dist/private/intl/ru-RU.js +11 -0
- package/dist/private/intl/ru-RU.js.map +1 -0
- package/dist/private/intl/ru-RU.mjs +11 -0
- package/dist/private/intl/ru-RU.mjs.map +1 -0
- package/dist/private/intl/sk-SK.cjs +9 -0
- package/dist/private/intl/sk-SK.cjs.map +1 -0
- package/dist/private/intl/sk-SK.js +11 -0
- package/dist/private/intl/sk-SK.js.map +1 -0
- package/dist/private/intl/sk-SK.mjs +11 -0
- package/dist/private/intl/sk-SK.mjs.map +1 -0
- package/dist/private/intl/sl-SI.cjs +9 -0
- package/dist/private/intl/sl-SI.cjs.map +1 -0
- package/dist/private/intl/sl-SI.js +11 -0
- package/dist/private/intl/sl-SI.js.map +1 -0
- package/dist/private/intl/sl-SI.mjs +11 -0
- package/dist/private/intl/sl-SI.mjs.map +1 -0
- package/dist/private/intl/sr-SP.cjs +9 -0
- package/dist/private/intl/sr-SP.cjs.map +1 -0
- package/dist/private/intl/sr-SP.js +11 -0
- package/dist/private/intl/sr-SP.js.map +1 -0
- package/dist/private/intl/sr-SP.mjs +11 -0
- package/dist/private/intl/sr-SP.mjs.map +1 -0
- package/dist/private/intl/sv-SE.cjs +9 -0
- package/dist/private/intl/sv-SE.cjs.map +1 -0
- package/dist/private/intl/sv-SE.js +11 -0
- package/dist/private/intl/sv-SE.js.map +1 -0
- package/dist/private/intl/sv-SE.mjs +11 -0
- package/dist/private/intl/sv-SE.mjs.map +1 -0
- package/dist/private/intl/tr-TR.cjs +9 -0
- package/dist/private/intl/tr-TR.cjs.map +1 -0
- package/dist/private/intl/tr-TR.js +11 -0
- package/dist/private/intl/tr-TR.js.map +1 -0
- package/dist/private/intl/tr-TR.mjs +11 -0
- package/dist/private/intl/tr-TR.mjs.map +1 -0
- package/dist/private/intl/uk-UA.cjs +9 -0
- package/dist/private/intl/uk-UA.cjs.map +1 -0
- package/dist/private/intl/uk-UA.js +11 -0
- package/dist/private/intl/uk-UA.js.map +1 -0
- package/dist/private/intl/uk-UA.mjs +11 -0
- package/dist/private/intl/uk-UA.mjs.map +1 -0
- package/dist/private/intl/zh-CN.cjs +9 -0
- package/dist/private/intl/zh-CN.cjs.map +1 -0
- package/dist/private/intl/zh-CN.js +11 -0
- package/dist/private/intl/zh-CN.js.map +1 -0
- package/dist/private/intl/zh-CN.mjs +11 -0
- package/dist/private/intl/zh-CN.mjs.map +1 -0
- package/dist/private/intl/zh-TW.cjs +9 -0
- package/dist/private/intl/zh-TW.cjs.map +1 -0
- package/dist/private/intl/zh-TW.js +11 -0
- package/dist/private/intl/zh-TW.js.map +1 -0
- package/dist/private/intl/zh-TW.mjs +11 -0
- package/dist/private/intl/zh-TW.mjs.map +1 -0
- package/dist/private/intlStrings.cjs +108 -0
- package/dist/private/intlStrings.cjs.map +1 -0
- package/dist/private/intlStrings.js +110 -0
- package/dist/private/intlStrings.js.map +1 -0
- package/dist/private/intlStrings.mjs +110 -0
- package/dist/private/intlStrings.mjs.map +1 -0
- package/dist/private/useDragAndDrop.cjs +82 -0
- package/dist/private/useDragAndDrop.cjs.map +1 -0
- package/dist/private/useDragAndDrop.js +77 -0
- package/dist/private/useDragAndDrop.js.map +1 -0
- package/dist/private/useDragAndDrop.mjs +77 -0
- package/dist/private/useDragAndDrop.mjs.map +1 -0
- package/dist/private/utils.cjs +211 -0
- package/dist/private/utils.cjs.map +1 -0
- package/dist/private/utils.js +194 -0
- package/dist/private/utils.js.map +1 -0
- package/dist/private/utils.mjs +194 -0
- package/dist/private/utils.mjs.map +1 -0
- package/dist/types/exports/Autocomplete.d.ts +6 -0
- package/dist/types/exports/Breadcrumbs.d.ts +6 -0
- package/dist/types/exports/Button.d.ts +4 -0
- package/dist/types/exports/Calendar.d.ts +10 -0
- package/dist/types/exports/Checkbox.d.ts +4 -0
- package/dist/types/exports/CheckboxGroup.d.ts +11 -0
- package/dist/types/exports/Collection.d.ts +3 -0
- package/dist/types/exports/CollectionBuilder.d.ts +4 -0
- package/dist/types/exports/ColorArea.d.ts +8 -0
- package/dist/types/exports/ColorField.d.ts +15 -0
- package/dist/types/exports/ColorPicker.d.ts +6 -0
- package/dist/types/exports/ColorSlider.d.ts +10 -0
- package/dist/types/exports/ColorSwatch.d.ts +5 -0
- package/dist/types/exports/ColorSwatchPicker.d.ts +7 -0
- package/dist/types/exports/ColorThumb.d.ts +5 -0
- package/dist/types/exports/ColorWheel.d.ts +8 -0
- package/dist/types/exports/ComboBox.d.ts +23 -0
- package/dist/types/exports/DateField.d.ts +11 -0
- package/dist/types/exports/DatePicker.d.ts +21 -0
- package/dist/types/exports/DateRangePicker.d.ts +22 -0
- package/dist/types/exports/Dialog.d.ts +6 -0
- package/dist/types/exports/Disclosure.d.ts +8 -0
- package/dist/types/exports/DisclosureGroup.d.ts +10 -0
- package/dist/types/exports/DropZone.d.ts +5 -0
- package/dist/types/exports/FieldError.d.ts +4 -0
- package/dist/types/exports/FileTrigger.d.ts +4 -0
- package/dist/types/exports/Focusable.d.ts +1 -0
- package/dist/types/exports/Form.d.ts +3 -0
- package/dist/types/exports/GridList.d.ts +14 -0
- package/dist/types/exports/Group.d.ts +3 -0
- package/dist/types/exports/Header.d.ts +3 -0
- package/dist/types/exports/Heading.d.ts +3 -0
- package/dist/types/exports/I18nProvider.d.ts +2 -0
- package/dist/types/exports/Input.d.ts +3 -0
- package/dist/types/exports/Keyboard.d.ts +2 -0
- package/dist/types/exports/Label.d.ts +3 -0
- package/dist/types/exports/Link.d.ts +3 -0
- package/dist/types/exports/ListBox.d.ts +12 -0
- package/dist/types/exports/Menu.d.ts +19 -0
- package/dist/types/exports/Meter.d.ts +5 -0
- package/dist/types/exports/Modal.d.ts +10 -0
- package/dist/types/exports/NumberField.d.ts +17 -0
- package/dist/types/exports/Popover.d.ts +9 -0
- package/dist/types/exports/Pressable.d.ts +1 -0
- package/dist/types/exports/ProgressBar.d.ts +5 -0
- package/dist/types/exports/RadioGroup.d.ts +13 -0
- package/dist/types/exports/RangeCalendar.d.ts +11 -0
- package/dist/types/exports/SearchField.d.ts +15 -0
- package/dist/types/exports/Select.d.ts +19 -0
- package/dist/types/exports/SelectionIndicator.d.ts +3 -0
- package/dist/types/exports/Separator.d.ts +3 -0
- package/dist/types/exports/SharedElementTransition.d.ts +3 -0
- package/dist/types/exports/Slider.d.ts +6 -0
- package/dist/types/exports/Switch.d.ts +4 -0
- package/dist/types/exports/Table.d.ts +12 -0
- package/dist/types/exports/Tabs.d.ts +7 -0
- package/dist/types/exports/TagGroup.d.ts +13 -0
- package/dist/types/exports/Text.d.ts +3 -0
- package/dist/types/exports/TextArea.d.ts +3 -0
- package/dist/types/exports/TextField.d.ts +14 -0
- package/dist/types/exports/TimeField.d.ts +11 -0
- package/dist/types/exports/Toast.d.ts +9 -0
- package/dist/types/exports/ToggleButton.d.ts +4 -0
- package/dist/types/exports/ToggleButtonGroup.d.ts +9 -0
- package/dist/types/exports/Toolbar.d.ts +3 -0
- package/dist/types/exports/Tooltip.d.ts +7 -0
- package/dist/types/exports/Tree.d.ts +11 -0
- package/dist/types/exports/Virtualizer.d.ts +7 -0
- package/dist/types/exports/VisuallyHidden.d.ts +2 -0
- package/dist/types/exports/composeRenderProps.d.ts +1 -0
- package/dist/types/exports/index.d.ts +189 -0
- package/dist/types/exports/slots.d.ts +3 -0
- package/dist/types/exports/useAsyncList.d.ts +2 -0
- package/dist/types/exports/useDrag.d.ts +2 -0
- package/dist/types/exports/useDragAndDrop.d.ts +5 -0
- package/dist/types/exports/useDrop.d.ts +1 -0
- package/dist/types/exports/useListData.d.ts +2 -0
- package/dist/types/exports/useRenderProps.d.ts +2 -0
- package/dist/types/exports/useTreeData.d.ts +2 -0
- package/dist/types/src/Autocomplete.d.ts +26 -0
- package/dist/types/src/Breadcrumbs.d.ts +46 -0
- package/dist/types/src/Button.d.ts +58 -0
- package/dist/types/src/Calendar.d.ts +242 -0
- package/dist/types/src/Checkbox.d.ts +115 -0
- package/dist/types/src/Collection.d.ts +121 -0
- package/dist/types/src/ColorArea.d.ts +29 -0
- package/dist/types/src/ColorField.d.ts +60 -0
- package/dist/types/src/ColorPicker.d.ts +19 -0
- package/dist/types/src/ColorSlider.d.ts +35 -0
- package/dist/types/src/ColorSwatch.d.ts +21 -0
- package/dist/types/src/ColorSwatchPicker.d.ts +42 -0
- package/dist/types/src/ColorThumb.d.ts +61 -0
- package/dist/types/src/ColorWheel.d.ts +46 -0
- package/dist/types/src/ComboBox.d.ts +85 -0
- package/dist/types/src/DateField.d.ts +157 -0
- package/dist/types/src/DatePicker.d.ts +81 -0
- package/dist/types/src/Dialog.d.ts +30 -0
- package/dist/types/src/Disclosure.d.ts +94 -0
- package/dist/types/src/DragAndDrop.d.ts +40 -0
- package/dist/types/src/DropZone.d.ts +43 -0
- package/dist/types/src/FieldError.d.ts +23 -0
- package/dist/types/src/FileTrigger.d.ts +32 -0
- package/dist/types/src/Form.d.ts +23 -0
- package/dist/types/src/GridList.d.ts +146 -0
- package/dist/types/src/Group.d.ts +57 -0
- package/dist/types/src/Header.d.ts +6 -0
- package/dist/types/src/Heading.d.ts +7 -0
- package/dist/types/src/HiddenDateInput.d.ts +28 -0
- package/dist/types/src/Input.d.ts +47 -0
- package/dist/types/src/Keyboard.d.ts +6 -0
- package/dist/types/src/Label.d.ts +7 -0
- package/dist/types/src/Link.d.ts +50 -0
- package/dist/types/src/ListBox.d.ts +133 -0
- package/dist/types/src/Menu.d.ts +105 -0
- package/dist/types/src/Meter.d.ts +27 -0
- package/dist/types/src/Modal.d.ts +51 -0
- package/dist/types/src/NumberField.d.ts +44 -0
- package/dist/types/src/OverlayArrow.d.ts +28 -0
- package/dist/types/src/Popover.d.ts +78 -0
- package/dist/types/src/ProgressBar.d.ts +33 -0
- package/dist/types/src/RadioGroup.d.ts +113 -0
- package/dist/types/src/SearchField.d.ts +48 -0
- package/dist/types/src/Select.d.ts +88 -0
- package/dist/types/src/SelectionIndicator.d.ts +17 -0
- package/dist/types/src/Separator.d.ts +21 -0
- package/dist/types/src/SharedElementTransition.d.ts +31 -0
- package/dist/types/src/Slider.d.ts +121 -0
- package/dist/types/src/Switch.d.ts +63 -0
- package/dist/types/src/Table.d.ts +405 -0
- package/dist/types/src/TableLayout.d.ts +5 -0
- package/dist/types/src/Tabs.d.ts +157 -0
- package/dist/types/src/TagGroup.d.ts +85 -0
- package/dist/types/src/Text.d.ts +7 -0
- package/dist/types/src/TextArea.d.ts +16 -0
- package/dist/types/src/TextField.d.ts +40 -0
- package/dist/types/src/Toast.d.ts +84 -0
- package/dist/types/src/ToggleButton.d.ts +32 -0
- package/dist/types/src/ToggleButtonGroup.d.ts +34 -0
- package/dist/types/src/Toolbar.d.ts +24 -0
- package/dist/types/src/Tooltip.d.ts +74 -0
- package/dist/types/src/Tree.d.ts +164 -0
- package/dist/types/src/TreeDropTargetDelegate.d.ts +23 -0
- package/dist/types/src/Virtualizer.d.ts +26 -0
- package/dist/types/src/useDragAndDrop.d.ts +68 -0
- package/dist/types/src/utils.d.ts +127 -0
- package/i18n/ar-AE.js +1 -1
- package/i18n/ar-AE.mjs +1 -1
- package/i18n/bg-BG.js +1 -1
- package/i18n/bg-BG.mjs +1 -1
- package/i18n/cs-CZ.js +1 -1
- package/i18n/cs-CZ.mjs +1 -1
- package/i18n/da-DK.js +1 -1
- package/i18n/da-DK.mjs +1 -1
- package/i18n/de-DE.js +1 -1
- package/i18n/de-DE.mjs +1 -1
- package/i18n/el-GR.js +1 -1
- package/i18n/el-GR.mjs +1 -1
- package/i18n/en-US.js +1 -1
- package/i18n/en-US.mjs +1 -1
- package/i18n/es-ES.js +1 -1
- package/i18n/es-ES.mjs +1 -1
- package/i18n/et-EE.js +1 -1
- package/i18n/et-EE.mjs +1 -1
- package/i18n/fi-FI.js +1 -1
- package/i18n/fi-FI.mjs +1 -1
- package/i18n/fr-FR.js +1 -1
- package/i18n/fr-FR.mjs +1 -1
- package/i18n/he-IL.js +1 -1
- package/i18n/he-IL.mjs +1 -1
- package/i18n/hr-HR.js +1 -1
- package/i18n/hr-HR.mjs +1 -1
- package/i18n/hu-HU.js +1 -1
- package/i18n/hu-HU.mjs +1 -1
- package/i18n/index.js +2 -2
- package/i18n/index.mjs +2 -2
- package/i18n/it-IT.js +1 -1
- package/i18n/it-IT.mjs +1 -1
- package/i18n/ja-JP.js +1 -1
- package/i18n/ja-JP.mjs +1 -1
- package/i18n/ko-KR.js +1 -1
- package/i18n/ko-KR.mjs +1 -1
- package/i18n/lt-LT.js +1 -1
- package/i18n/lt-LT.mjs +1 -1
- package/i18n/lv-LV.js +1 -1
- package/i18n/lv-LV.mjs +1 -1
- package/i18n/nb-NO.js +1 -1
- package/i18n/nb-NO.mjs +1 -1
- package/i18n/nl-NL.js +1 -1
- package/i18n/nl-NL.mjs +1 -1
- package/i18n/pl-PL.js +1 -1
- package/i18n/pl-PL.mjs +1 -1
- package/i18n/pt-BR.js +1 -1
- package/i18n/pt-BR.mjs +1 -1
- package/i18n/pt-PT.js +1 -1
- package/i18n/pt-PT.mjs +1 -1
- package/i18n/ro-RO.js +1 -1
- package/i18n/ro-RO.mjs +1 -1
- package/i18n/ru-RU.js +1 -1
- package/i18n/ru-RU.mjs +1 -1
- package/i18n/sk-SK.js +1 -1
- package/i18n/sk-SK.mjs +1 -1
- package/i18n/sl-SI.js +1 -1
- package/i18n/sl-SI.mjs +1 -1
- package/i18n/sr-SP.js +1 -1
- package/i18n/sr-SP.mjs +1 -1
- package/i18n/sv-SE.js +1 -1
- package/i18n/sv-SE.mjs +1 -1
- package/i18n/tr-TR.js +1 -1
- package/i18n/tr-TR.mjs +1 -1
- package/i18n/uk-UA.js +1 -1
- package/i18n/uk-UA.mjs +1 -1
- package/i18n/zh-CN.js +1 -1
- package/i18n/zh-CN.mjs +1 -1
- package/i18n/zh-TW.js +1 -1
- package/i18n/zh-TW.mjs +1 -1
- package/package.json +66 -44
- package/slots/package.json +5 -0
- package/useAsyncList/package.json +5 -0
- package/useDrag/package.json +5 -0
- package/useDragAndDrop/package.json +5 -0
- package/useDrop/package.json +5 -0
- package/useListData/package.json +5 -0
- package/useRenderProps/package.json +5 -0
- package/useTreeData/package.json +5 -0
- package/dist/Autocomplete.main.js +0 -78
- package/dist/Autocomplete.main.js.map +0 -1
- package/dist/Autocomplete.mjs +0 -67
- package/dist/Autocomplete.module.js +0 -67
- package/dist/Autocomplete.module.js.map +0 -1
- package/dist/Breadcrumbs.main.js +0 -103
- package/dist/Breadcrumbs.main.js.map +0 -1
- package/dist/Breadcrumbs.mjs +0 -92
- package/dist/Breadcrumbs.module.js +0 -92
- package/dist/Breadcrumbs.module.js.map +0 -1
- package/dist/Button.main.js +0 -123
- package/dist/Button.main.js.map +0 -1
- package/dist/Button.mjs +0 -113
- package/dist/Button.module.js +0 -113
- package/dist/Button.module.js.map +0 -1
- package/dist/Calendar.main.js +0 -364
- package/dist/Calendar.main.js.map +0 -1
- package/dist/Calendar.mjs +0 -345
- package/dist/Calendar.module.js +0 -345
- package/dist/Calendar.module.js.map +0 -1
- package/dist/Checkbox.main.js +0 -188
- package/dist/Checkbox.main.js.map +0 -1
- package/dist/Checkbox.mjs +0 -176
- package/dist/Checkbox.module.js +0 -176
- package/dist/Checkbox.module.js.map +0 -1
- package/dist/Collection.main.js +0 -105
- package/dist/Collection.main.js.map +0 -1
- package/dist/Collection.mjs +0 -91
- package/dist/Collection.module.js +0 -91
- package/dist/Collection.module.js.map +0 -1
- package/dist/ColorArea.main.js +0 -80
- package/dist/ColorArea.main.js.map +0 -1
- package/dist/ColorArea.mjs +0 -70
- package/dist/ColorArea.module.js +0 -70
- package/dist/ColorArea.module.js.map +0 -1
- package/dist/ColorField.main.js +0 -168
- package/dist/ColorField.main.js.map +0 -1
- package/dist/ColorField.mjs +0 -158
- package/dist/ColorField.module.js +0 -158
- package/dist/ColorField.module.js.map +0 -1
- package/dist/ColorPicker.main.js +0 -102
- package/dist/ColorPicker.main.js.map +0 -1
- package/dist/ColorPicker.mjs +0 -91
- package/dist/ColorPicker.module.js +0 -91
- package/dist/ColorPicker.module.js.map +0 -1
- package/dist/ColorSlider.main.js +0 -112
- package/dist/ColorSlider.main.js.map +0 -1
- package/dist/ColorSlider.mjs +0 -102
- package/dist/ColorSlider.module.js +0 -102
- package/dist/ColorSlider.module.js.map +0 -1
- package/dist/ColorSwatch.main.js +0 -44
- package/dist/ColorSwatch.main.js.map +0 -1
- package/dist/ColorSwatch.mjs +0 -34
- package/dist/ColorSwatch.module.js +0 -34
- package/dist/ColorSwatch.module.js.map +0 -1
- package/dist/ColorSwatchPicker.main.js +0 -102
- package/dist/ColorSwatchPicker.main.js.map +0 -1
- package/dist/ColorSwatchPicker.mjs +0 -95
- package/dist/ColorSwatchPicker.module.js +0 -95
- package/dist/ColorSwatchPicker.module.js.map +0 -1
- package/dist/ColorThumb.main.js +0 -67
- package/dist/ColorThumb.main.js.map +0 -1
- package/dist/ColorThumb.mjs +0 -57
- package/dist/ColorThumb.module.js +0 -57
- package/dist/ColorThumb.module.js.map +0 -1
- package/dist/ColorWheel.main.js +0 -102
- package/dist/ColorWheel.main.js.map +0 -1
- package/dist/ColorWheel.mjs +0 -90
- package/dist/ColorWheel.module.js +0 -90
- package/dist/ColorWheel.module.js.map +0 -1
- package/dist/ComboBox.main.js +0 -322
- package/dist/ComboBox.main.js.map +0 -1
- package/dist/ComboBox.mjs +0 -309
- package/dist/ComboBox.module.js +0 -309
- package/dist/ComboBox.module.js.map +0 -1
- package/dist/DateField.main.js +0 -361
- package/dist/DateField.main.js.map +0 -1
- package/dist/DateField.mjs +0 -345
- package/dist/DateField.module.js +0 -345
- package/dist/DateField.module.js.map +0 -1
- package/dist/DatePicker.main.js +0 -342
- package/dist/DatePicker.main.js.map +0 -1
- package/dist/DatePicker.mjs +0 -328
- package/dist/DatePicker.module.js +0 -328
- package/dist/DatePicker.module.js.map +0 -1
- package/dist/Dialog.main.js +0 -167
- package/dist/Dialog.main.js.map +0 -1
- package/dist/Dialog.mjs +0 -155
- package/dist/Dialog.module.js +0 -155
- package/dist/Dialog.module.js.map +0 -1
- package/dist/Disclosure.main.js +0 -171
- package/dist/Disclosure.main.js.map +0 -1
- package/dist/Disclosure.mjs +0 -157
- package/dist/Disclosure.module.js +0 -157
- package/dist/Disclosure.module.js.map +0 -1
- package/dist/DragAndDrop.main.js +0 -103
- package/dist/DragAndDrop.main.js.map +0 -1
- package/dist/DragAndDrop.mjs +0 -90
- package/dist/DragAndDrop.module.js +0 -90
- package/dist/DragAndDrop.module.js.map +0 -1
- package/dist/DropZone.main.js +0 -127
- package/dist/DropZone.main.js.map +0 -1
- package/dist/DropZone.mjs +0 -121
- package/dist/DropZone.module.js +0 -121
- package/dist/DropZone.module.js.map +0 -1
- package/dist/FieldError.main.js +0 -61
- package/dist/FieldError.main.js.map +0 -1
- package/dist/FieldError.mjs +0 -51
- package/dist/FieldError.module.js +0 -51
- package/dist/FieldError.module.js.map +0 -1
- package/dist/FileTrigger.main.js +0 -60
- package/dist/FileTrigger.main.js.map +0 -1
- package/dist/FileTrigger.mjs +0 -51
- package/dist/FileTrigger.module.js +0 -51
- package/dist/FileTrigger.module.js.map +0 -1
- package/dist/Form.main.js +0 -49
- package/dist/Form.main.js.map +0 -1
- package/dist/Form.mjs +0 -39
- package/dist/Form.module.js +0 -39
- package/dist/Form.module.js.map +0 -1
- package/dist/GridList.main.js +0 -589
- package/dist/GridList.main.js.map +0 -1
- package/dist/GridList.mjs +0 -573
- package/dist/GridList.module.js +0 -573
- package/dist/GridList.module.js.map +0 -1
- package/dist/Group.main.js +0 -72
- package/dist/Group.main.js.map +0 -1
- package/dist/Group.mjs +0 -62
- package/dist/Group.module.js +0 -62
- package/dist/Group.module.js.map +0 -1
- package/dist/Header.main.js +0 -40
- package/dist/Header.main.js.map +0 -1
- package/dist/Header.mjs +0 -30
- package/dist/Header.module.js +0 -30
- package/dist/Header.module.js.map +0 -1
- package/dist/Heading.main.js +0 -40
- package/dist/Heading.main.js.map +0 -1
- package/dist/Heading.mjs +0 -31
- package/dist/Heading.module.js +0 -31
- package/dist/Heading.module.js.map +0 -1
- package/dist/HiddenDateInput.main.js +0 -126
- package/dist/HiddenDateInput.main.js.map +0 -1
- package/dist/HiddenDateInput.mjs +0 -117
- package/dist/HiddenDateInput.module.js +0 -117
- package/dist/HiddenDateInput.module.js.map +0 -1
- package/dist/Input.main.js +0 -72
- package/dist/Input.main.js.map +0 -1
- package/dist/Input.mjs +0 -62
- package/dist/Input.module.js +0 -62
- package/dist/Input.module.js.map +0 -1
- package/dist/Keyboard.main.js +0 -38
- package/dist/Keyboard.main.js.map +0 -1
- package/dist/Keyboard.mjs +0 -28
- package/dist/Keyboard.module.js +0 -28
- package/dist/Keyboard.module.js.map +0 -1
- package/dist/Label.main.js +0 -43
- package/dist/Label.main.js.map +0 -1
- package/dist/Label.mjs +0 -33
- package/dist/Label.module.js +0 -33
- package/dist/Label.module.js.map +0 -1
- package/dist/Link.main.js +0 -72
- package/dist/Link.main.js.map +0 -1
- package/dist/Link.mjs +0 -62
- package/dist/Link.module.js +0 -62
- package/dist/Link.module.js.map +0 -1
- package/dist/ListBox.main.js +0 -477
- package/dist/ListBox.main.js.map +0 -1
- package/dist/ListBox.mjs +0 -463
- package/dist/ListBox.module.js +0 -463
- package/dist/ListBox.module.js.map +0 -1
- package/dist/Menu.main.js +0 -459
- package/dist/Menu.main.js.map +0 -1
- package/dist/Menu.mjs +0 -443
- package/dist/Menu.module.js +0 -443
- package/dist/Menu.module.js.map +0 -1
- package/dist/Meter.main.js +0 -72
- package/dist/Meter.main.js.map +0 -1
- package/dist/Meter.mjs +0 -62
- package/dist/Meter.module.js +0 -62
- package/dist/Meter.module.js.map +0 -1
- package/dist/Modal.main.js +0 -191
- package/dist/Modal.main.js.map +0 -1
- package/dist/Modal.mjs +0 -180
- package/dist/Modal.module.js +0 -180
- package/dist/Modal.module.js.map +0 -1
- package/dist/NumberField.main.js +0 -147
- package/dist/NumberField.main.js.map +0 -1
- package/dist/NumberField.mjs +0 -136
- package/dist/NumberField.module.js +0 -136
- package/dist/NumberField.module.js.map +0 -1
- package/dist/OverlayArrow.main.js +0 -64
- package/dist/OverlayArrow.main.js.map +0 -1
- package/dist/OverlayArrow.mjs +0 -54
- package/dist/OverlayArrow.module.js +0 -54
- package/dist/OverlayArrow.module.js.map +0 -1
- package/dist/Popover.main.js +0 -196
- package/dist/Popover.main.js.map +0 -1
- package/dist/Popover.mjs +0 -186
- package/dist/Popover.module.js +0 -186
- package/dist/Popover.module.js.map +0 -1
- package/dist/ProgressBar.main.js +0 -73
- package/dist/ProgressBar.main.js.map +0 -1
- package/dist/ProgressBar.mjs +0 -63
- package/dist/ProgressBar.module.js +0 -63
- package/dist/ProgressBar.module.js.map +0 -1
- package/dist/RSPContexts.main.js +0 -37
- package/dist/RSPContexts.main.js.map +0 -1
- package/dist/RSPContexts.mjs +0 -25
- package/dist/RSPContexts.module.js +0 -25
- package/dist/RSPContexts.module.js.map +0 -1
- package/dist/RadioGroup.main.js +0 -184
- package/dist/RadioGroup.main.js.map +0 -1
- package/dist/RadioGroup.mjs +0 -171
- package/dist/RadioGroup.module.js +0 -171
- package/dist/RadioGroup.module.js.map +0 -1
- package/dist/SearchField.main.js +0 -140
- package/dist/SearchField.main.js.map +0 -1
- package/dist/SearchField.mjs +0 -130
- package/dist/SearchField.module.js +0 -130
- package/dist/SearchField.module.js.map +0 -1
- package/dist/Select.main.js +0 -324
- package/dist/Select.main.js.map +0 -1
- package/dist/Select.mjs +0 -315
- package/dist/Select.module.js +0 -315
- package/dist/Select.module.js.map +0 -1
- package/dist/SelectionIndicator.main.js +0 -45
- package/dist/SelectionIndicator.main.js.map +0 -1
- package/dist/SelectionIndicator.mjs +0 -35
- package/dist/SelectionIndicator.module.js +0 -35
- package/dist/SelectionIndicator.module.js.map +0 -1
- package/dist/Separator.main.js +0 -71
- package/dist/Separator.main.js.map +0 -1
- package/dist/Separator.mjs +0 -61
- package/dist/Separator.module.js +0 -61
- package/dist/Separator.module.js.map +0 -1
- package/dist/SharedElementTransition.main.js +0 -140
- package/dist/SharedElementTransition.main.js.map +0 -1
- package/dist/SharedElementTransition.mjs +0 -130
- package/dist/SharedElementTransition.module.js +0 -130
- package/dist/SharedElementTransition.module.js.map +0 -1
- package/dist/Slider.main.js +0 -220
- package/dist/Slider.main.js.map +0 -1
- package/dist/Slider.mjs +0 -204
- package/dist/Slider.module.js +0 -204
- package/dist/Slider.module.js.map +0 -1
- package/dist/Switch.main.js +0 -89
- package/dist/Switch.main.js.map +0 -1
- package/dist/Switch.mjs +0 -79
- package/dist/Switch.module.js +0 -79
- package/dist/Switch.module.js.map +0 -1
- package/dist/Table.main.js +0 -1171
- package/dist/Table.main.js.map +0 -1
- package/dist/Table.mjs +0 -1154
- package/dist/Table.module.js +0 -1154
- package/dist/Table.module.js.map +0 -1
- package/dist/TableLayout.main.js +0 -38
- package/dist/TableLayout.main.js.map +0 -1
- package/dist/TableLayout.mjs +0 -33
- package/dist/TableLayout.module.js +0 -33
- package/dist/TableLayout.module.js.map +0 -1
- package/dist/Tabs.main.js +0 -330
- package/dist/Tabs.main.js.map +0 -1
- package/dist/Tabs.mjs +0 -315
- package/dist/Tabs.module.js +0 -315
- package/dist/Tabs.module.js.map +0 -1
- package/dist/TagGroup.main.js +0 -255
- package/dist/TagGroup.main.js.map +0 -1
- package/dist/TagGroup.mjs +0 -242
- package/dist/TagGroup.module.js +0 -242
- package/dist/TagGroup.module.js.map +0 -1
- package/dist/Text.main.js +0 -41
- package/dist/Text.main.js.map +0 -1
- package/dist/Text.mjs +0 -31
- package/dist/Text.module.js +0 -31
- package/dist/Text.module.js.map +0 -1
- package/dist/TextArea.main.js +0 -57
- package/dist/TextArea.main.js.map +0 -1
- package/dist/TextArea.mjs +0 -47
- package/dist/TextArea.module.js +0 -47
- package/dist/TextArea.module.js.map +0 -1
- package/dist/TextField.main.js +0 -145
- package/dist/TextField.main.js.map +0 -1
- package/dist/TextField.mjs +0 -135
- package/dist/TextField.module.js +0 -135
- package/dist/TextField.module.js.map +0 -1
- package/dist/Toast.main.js +0 -183
- package/dist/Toast.main.js.map +0 -1
- package/dist/Toast.mjs +0 -170
- package/dist/Toast.module.js +0 -170
- package/dist/Toast.module.js.map +0 -1
- package/dist/ToggleButton.main.js +0 -96
- package/dist/ToggleButton.main.js.map +0 -1
- package/dist/ToggleButton.mjs +0 -86
- package/dist/ToggleButton.module.js +0 -86
- package/dist/ToggleButton.module.js.map +0 -1
- package/dist/ToggleButtonGroup.main.js +0 -66
- package/dist/ToggleButtonGroup.main.js.map +0 -1
- package/dist/ToggleButtonGroup.mjs +0 -55
- package/dist/ToggleButtonGroup.module.js +0 -55
- package/dist/ToggleButtonGroup.module.js.map +0 -1
- package/dist/Toolbar.main.js +0 -55
- package/dist/Toolbar.main.js.map +0 -1
- package/dist/Toolbar.mjs +0 -45
- package/dist/Toolbar.module.js +0 -45
- package/dist/Toolbar.module.js.map +0 -1
- package/dist/Tooltip.main.js +0 -132
- package/dist/Tooltip.main.js.map +0 -1
- package/dist/Tooltip.mjs +0 -120
- package/dist/Tooltip.module.js +0 -120
- package/dist/Tooltip.module.js.map +0 -1
- package/dist/Tree.main.js +0 -834
- package/dist/Tree.main.js.map +0 -1
- package/dist/Tree.mjs +0 -818
- package/dist/Tree.module.js +0 -818
- package/dist/Tree.module.js.map +0 -1
- package/dist/TreeDropTargetDelegate.main.js +0 -216
- package/dist/TreeDropTargetDelegate.main.js.map +0 -1
- package/dist/TreeDropTargetDelegate.mjs +0 -211
- package/dist/TreeDropTargetDelegate.module.js +0 -211
- package/dist/TreeDropTargetDelegate.module.js.map +0 -1
- package/dist/Virtualizer.main.js +0 -135
- package/dist/Virtualizer.main.js.map +0 -1
- package/dist/Virtualizer.mjs +0 -126
- package/dist/Virtualizer.module.js +0 -126
- package/dist/Virtualizer.module.js.map +0 -1
- package/dist/ar-AE.main.js +0 -9
- package/dist/ar-AE.main.js.map +0 -1
- package/dist/ar-AE.mjs +0 -11
- package/dist/ar-AE.module.js +0 -11
- package/dist/ar-AE.module.js.map +0 -1
- package/dist/bg-BG.main.js +0 -9
- package/dist/bg-BG.main.js.map +0 -1
- package/dist/bg-BG.mjs +0 -11
- package/dist/bg-BG.module.js +0 -11
- package/dist/bg-BG.module.js.map +0 -1
- package/dist/cs-CZ.main.js +0 -9
- package/dist/cs-CZ.main.js.map +0 -1
- package/dist/cs-CZ.mjs +0 -11
- package/dist/cs-CZ.module.js +0 -11
- package/dist/cs-CZ.module.js.map +0 -1
- package/dist/da-DK.main.js +0 -9
- package/dist/da-DK.main.js.map +0 -1
- package/dist/da-DK.mjs +0 -11
- package/dist/da-DK.module.js +0 -11
- package/dist/da-DK.module.js.map +0 -1
- package/dist/de-DE.main.js +0 -9
- package/dist/de-DE.main.js.map +0 -1
- package/dist/de-DE.mjs +0 -11
- package/dist/de-DE.module.js +0 -11
- package/dist/de-DE.module.js.map +0 -1
- package/dist/el-GR.main.js +0 -9
- package/dist/el-GR.main.js.map +0 -1
- package/dist/el-GR.mjs +0 -11
- package/dist/el-GR.module.js +0 -11
- package/dist/el-GR.module.js.map +0 -1
- package/dist/en-US.main.js +0 -9
- package/dist/en-US.main.js.map +0 -1
- package/dist/en-US.mjs +0 -11
- package/dist/en-US.module.js +0 -11
- package/dist/en-US.module.js.map +0 -1
- package/dist/es-ES.main.js +0 -9
- package/dist/es-ES.main.js.map +0 -1
- package/dist/es-ES.mjs +0 -11
- package/dist/es-ES.module.js +0 -11
- package/dist/es-ES.module.js.map +0 -1
- package/dist/et-EE.main.js +0 -9
- package/dist/et-EE.main.js.map +0 -1
- package/dist/et-EE.mjs +0 -11
- package/dist/et-EE.module.js +0 -11
- package/dist/et-EE.module.js.map +0 -1
- package/dist/fi-FI.main.js +0 -9
- package/dist/fi-FI.main.js.map +0 -1
- package/dist/fi-FI.mjs +0 -11
- package/dist/fi-FI.module.js +0 -11
- package/dist/fi-FI.module.js.map +0 -1
- package/dist/fr-FR.main.js +0 -9
- package/dist/fr-FR.main.js.map +0 -1
- package/dist/fr-FR.mjs +0 -11
- package/dist/fr-FR.module.js +0 -11
- package/dist/fr-FR.module.js.map +0 -1
- package/dist/he-IL.main.js +0 -9
- package/dist/he-IL.main.js.map +0 -1
- package/dist/he-IL.mjs +0 -11
- package/dist/he-IL.module.js +0 -11
- package/dist/he-IL.module.js.map +0 -1
- package/dist/hr-HR.main.js +0 -9
- package/dist/hr-HR.main.js.map +0 -1
- package/dist/hr-HR.mjs +0 -11
- package/dist/hr-HR.module.js +0 -11
- package/dist/hr-HR.module.js.map +0 -1
- package/dist/hu-HU.main.js +0 -9
- package/dist/hu-HU.main.js.map +0 -1
- package/dist/hu-HU.mjs +0 -11
- package/dist/hu-HU.module.js +0 -11
- package/dist/hu-HU.module.js.map +0 -1
- package/dist/import.mjs +0 -161
- package/dist/intlStrings.main.js +0 -108
- package/dist/intlStrings.main.js.map +0 -1
- package/dist/intlStrings.mjs +0 -110
- package/dist/intlStrings.module.js +0 -110
- package/dist/intlStrings.module.js.map +0 -1
- package/dist/it-IT.main.js +0 -9
- package/dist/it-IT.main.js.map +0 -1
- package/dist/it-IT.mjs +0 -11
- package/dist/it-IT.module.js +0 -11
- package/dist/it-IT.module.js.map +0 -1
- package/dist/ja-JP.main.js +0 -9
- package/dist/ja-JP.main.js.map +0 -1
- package/dist/ja-JP.mjs +0 -11
- package/dist/ja-JP.module.js +0 -11
- package/dist/ja-JP.module.js.map +0 -1
- package/dist/ko-KR.main.js +0 -9
- package/dist/ko-KR.main.js.map +0 -1
- package/dist/ko-KR.mjs +0 -11
- package/dist/ko-KR.module.js +0 -11
- package/dist/ko-KR.module.js.map +0 -1
- package/dist/lt-LT.main.js +0 -9
- package/dist/lt-LT.main.js.map +0 -1
- package/dist/lt-LT.mjs +0 -11
- package/dist/lt-LT.module.js +0 -11
- package/dist/lt-LT.module.js.map +0 -1
- package/dist/lv-LV.main.js +0 -9
- package/dist/lv-LV.main.js.map +0 -1
- package/dist/lv-LV.mjs +0 -11
- package/dist/lv-LV.module.js +0 -11
- package/dist/lv-LV.module.js.map +0 -1
- package/dist/main.js +0 -430
- package/dist/main.js.map +0 -1
- package/dist/module.js +0 -161
- package/dist/module.js.map +0 -1
- package/dist/nb-NO.main.js +0 -9
- package/dist/nb-NO.main.js.map +0 -1
- package/dist/nb-NO.mjs +0 -11
- package/dist/nb-NO.module.js +0 -11
- package/dist/nb-NO.module.js.map +0 -1
- package/dist/nl-NL.main.js +0 -9
- package/dist/nl-NL.main.js.map +0 -1
- package/dist/nl-NL.mjs +0 -11
- package/dist/nl-NL.module.js +0 -11
- package/dist/nl-NL.module.js.map +0 -1
- package/dist/pl-PL.main.js +0 -9
- package/dist/pl-PL.main.js.map +0 -1
- package/dist/pl-PL.mjs +0 -11
- package/dist/pl-PL.module.js +0 -11
- package/dist/pl-PL.module.js.map +0 -1
- package/dist/pt-BR.main.js +0 -9
- package/dist/pt-BR.main.js.map +0 -1
- package/dist/pt-BR.mjs +0 -11
- package/dist/pt-BR.module.js +0 -11
- package/dist/pt-BR.module.js.map +0 -1
- package/dist/pt-PT.main.js +0 -9
- package/dist/pt-PT.main.js.map +0 -1
- package/dist/pt-PT.mjs +0 -11
- package/dist/pt-PT.module.js +0 -11
- package/dist/pt-PT.module.js.map +0 -1
- package/dist/ro-RO.main.js +0 -9
- package/dist/ro-RO.main.js.map +0 -1
- package/dist/ro-RO.mjs +0 -11
- package/dist/ro-RO.module.js +0 -11
- package/dist/ro-RO.module.js.map +0 -1
- package/dist/ru-RU.main.js +0 -9
- package/dist/ru-RU.main.js.map +0 -1
- package/dist/ru-RU.mjs +0 -11
- package/dist/ru-RU.module.js +0 -11
- package/dist/ru-RU.module.js.map +0 -1
- package/dist/sk-SK.main.js +0 -9
- package/dist/sk-SK.main.js.map +0 -1
- package/dist/sk-SK.mjs +0 -11
- package/dist/sk-SK.module.js +0 -11
- package/dist/sk-SK.module.js.map +0 -1
- package/dist/sl-SI.main.js +0 -9
- package/dist/sl-SI.main.js.map +0 -1
- package/dist/sl-SI.mjs +0 -11
- package/dist/sl-SI.module.js +0 -11
- package/dist/sl-SI.module.js.map +0 -1
- package/dist/sr-SP.main.js +0 -9
- package/dist/sr-SP.main.js.map +0 -1
- package/dist/sr-SP.mjs +0 -11
- package/dist/sr-SP.module.js +0 -11
- package/dist/sr-SP.module.js.map +0 -1
- package/dist/sv-SE.main.js +0 -9
- package/dist/sv-SE.main.js.map +0 -1
- package/dist/sv-SE.mjs +0 -11
- package/dist/sv-SE.module.js +0 -11
- package/dist/sv-SE.module.js.map +0 -1
- package/dist/tr-TR.main.js +0 -9
- package/dist/tr-TR.main.js.map +0 -1
- package/dist/tr-TR.mjs +0 -11
- package/dist/tr-TR.module.js +0 -11
- package/dist/tr-TR.module.js.map +0 -1
- package/dist/types.d.ts +0 -3764
- package/dist/types.d.ts.map +0 -1
- package/dist/uk-UA.main.js +0 -9
- package/dist/uk-UA.main.js.map +0 -1
- package/dist/uk-UA.mjs +0 -11
- package/dist/uk-UA.module.js +0 -11
- package/dist/uk-UA.module.js.map +0 -1
- package/dist/useDragAndDrop.main.js +0 -74
- package/dist/useDragAndDrop.main.js.map +0 -1
- package/dist/useDragAndDrop.mjs +0 -69
- package/dist/useDragAndDrop.module.js +0 -69
- package/dist/useDragAndDrop.module.js.map +0 -1
- package/dist/utils.main.js +0 -205
- package/dist/utils.main.js.map +0 -1
- package/dist/utils.mjs +0 -188
- package/dist/utils.module.js +0 -188
- package/dist/utils.module.js.map +0 -1
- package/dist/zh-CN.main.js +0 -9
- package/dist/zh-CN.main.js.map +0 -1
- package/dist/zh-CN.mjs +0 -11
- package/dist/zh-CN.module.js +0 -11
- package/dist/zh-CN.module.js.map +0 -1
- package/dist/zh-TW.main.js +0 -9
- package/dist/zh-TW.main.js.map +0 -1
- package/dist/zh-TW.mjs +0 -11
- package/dist/zh-TW.module.js +0 -11
- package/dist/zh-TW.module.js.map +0 -1
- package/src/Autocomplete.tsx +0 -64
- package/src/Breadcrumbs.tsx +0 -137
- package/src/Button.tsx +0 -185
- package/src/Calendar.tsx +0 -620
- package/src/Checkbox.tsx +0 -282
- package/src/Collection.tsx +0 -225
- package/src/ColorArea.tsx +0 -89
- package/src/ColorField.tsx +0 -243
- package/src/ColorPicker.tsx +0 -63
- package/src/ColorSlider.tsx +0 -110
- package/src/ColorSwatch.tsx +0 -54
- package/src/ColorSwatchPicker.tsx +0 -125
- package/src/ColorThumb.tsx +0 -108
- package/src/ColorWheel.tsx +0 -122
- package/src/ComboBox.tsx +0 -325
- package/src/DateField.tsx +0 -425
- package/src/DatePicker.tsx +0 -334
- package/src/Dialog.tsx +0 -159
- package/src/Disclosure.tsx +0 -259
- package/src/DragAndDrop.tsx +0 -115
- package/src/DropZone.tsx +0 -145
- package/src/FieldError.tsx +0 -57
- package/src/FileTrigger.tsx +0 -79
- package/src/Form.tsx +0 -52
- package/src/GridList.tsx +0 -678
- package/src/Group.tsx +0 -114
- package/src/Header.tsx +0 -28
- package/src/Heading.tsx +0 -31
- package/src/HiddenDateInput.tsx +0 -152
- package/src/Input.tsx +0 -113
- package/src/Keyboard.tsx +0 -23
- package/src/Label.tsx +0 -29
- package/src/Link.tsx +0 -115
- package/src/ListBox.tsx +0 -577
- package/src/Menu.tsx +0 -496
- package/src/Meter.tsx +0 -93
- package/src/Modal.tsx +0 -262
- package/src/NumberField.tsx +0 -152
- package/src/OverlayArrow.tsx +0 -91
- package/src/Popover.tsx +0 -267
- package/src/ProgressBar.tsx +0 -101
- package/src/RSPContexts.ts +0 -52
- package/src/RadioGroup.tsx +0 -273
- package/src/SearchField.tsx +0 -152
- package/src/Select.tsx +0 -356
- package/src/SelectionIndicator.tsx +0 -46
- package/src/Separator.tsx +0 -76
- package/src/SharedElementTransition.tsx +0 -186
- package/src/Slider.tsx +0 -310
- package/src/Switch.tsx +0 -146
- package/src/Table.tsx +0 -1597
- package/src/TableLayout.ts +0 -28
- package/src/Tabs.tsx +0 -495
- package/src/TagGroup.tsx +0 -310
- package/src/Text.tsx +0 -28
- package/src/TextArea.tsx +0 -65
- package/src/TextField.tsx +0 -148
- package/src/Toast.tsx +0 -248
- package/src/ToggleButton.tsx +0 -103
- package/src/ToggleButtonGroup.tsx +0 -90
- package/src/Toolbar.tsx +0 -69
- package/src/Tooltip.tsx +0 -187
- package/src/Tree.tsx +0 -1066
- package/src/TreeDropTargetDelegate.ts +0 -308
- package/src/Virtualizer.tsx +0 -174
- package/src/index.ts +0 -160
- package/src/useDragAndDrop.tsx +0 -150
- package/src/utils.tsx +0 -351
package/dist/types.d.ts
DELETED
|
@@ -1,3764 +0,0 @@
|
|
|
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 _SelectionMode3 } from "@react-types/shared";
|
|
2
|
-
import React, { AnchorHTMLAttributes, Context, CSSProperties, DetailedHTMLProps, ForwardedRef, JSX, ReactElement, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes } from "react";
|
|
3
|
-
import { FormProps as _FormProps1 } from "@react-types/form";
|
|
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
|
-
import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, Collection, Node as _Node1, SelectionBehavior, SelectionMode as _SelectionMode2, 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";
|
|
6
|
-
import { AriaTextFieldProps } from "@react-aria/textfield";
|
|
7
|
-
import { AriaAutocompleteProps } from "@react-aria/autocomplete";
|
|
8
|
-
import { AutocompleteState } from "@react-stately/autocomplete";
|
|
9
|
-
import { CalendarDate, CalendarIdentifier, DateDuration, Calendar as _Calendar1 } from "@internationalized/date";
|
|
10
|
-
import { DateValue as _DateValue1 } from "@react-types/calendar";
|
|
11
|
-
import { LoadMoreSentinelProps } from "@react-aria/utils";
|
|
12
|
-
import { TableColumnResizeState } from "@react-stately/table";
|
|
13
|
-
import { ColumnSize, ColumnStaticSize, TableProps as _TableProps1 } from "@react-types/table";
|
|
14
|
-
import { Layout } from "@react-stately/virtualizer";
|
|
15
|
-
import { TableLayout as _TableLayout1, TableLayoutProps } from "@react-stately/layout";
|
|
16
|
-
import { AriaToolbarProps } from "@react-aria/toolbar";
|
|
17
|
-
export const DEFAULT_SLOT: unique symbol;
|
|
18
|
-
interface SlottedValue<T> {
|
|
19
|
-
slots?: Record<string | symbol, T>;
|
|
20
|
-
}
|
|
21
|
-
type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;
|
|
22
|
-
export type ContextValue<T, E> = SlottedContextValue<WithRef<T, E>>;
|
|
23
|
-
type ProviderValue<T> = [Context<T>, T];
|
|
24
|
-
type ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L> = [ProviderValue<A>] | [ProviderValue<A>, ProviderValue<B>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>, ProviderValue<K>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>, ProviderValue<K>, ProviderValue<L>];
|
|
25
|
-
interface ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L> {
|
|
26
|
-
values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L>;
|
|
27
|
-
children: ReactNode;
|
|
28
|
-
}
|
|
29
|
-
export function Provider<A, B, C, D, E, F, G, H, I, J, K, L>({ values, children }: ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L>): JSX.Element;
|
|
30
|
-
interface StyleProps {
|
|
31
|
-
/** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. */
|
|
32
|
-
className?: string;
|
|
33
|
-
/** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. */
|
|
34
|
-
style?: CSSProperties;
|
|
35
|
-
}
|
|
36
|
-
interface DOMProps extends StyleProps, _DOMProps1 {
|
|
37
|
-
/** The children of the component. */
|
|
38
|
-
children?: ReactNode;
|
|
39
|
-
}
|
|
40
|
-
type ClassNameOrFunction<T> = string | ((values: T & {
|
|
41
|
-
defaultClassName: string | undefined;
|
|
42
|
-
}) => string);
|
|
43
|
-
type StyleOrFunction<T> = CSSProperties | ((values: T & {
|
|
44
|
-
defaultStyle: CSSProperties;
|
|
45
|
-
}) => CSSProperties | undefined);
|
|
46
|
-
export interface StyleRenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends DOMRenderProps<E, T> {
|
|
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
|
-
className?: ClassNameOrFunction<T>;
|
|
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. */
|
|
50
|
-
style?: StyleOrFunction<T>;
|
|
51
|
-
}
|
|
52
|
-
type ChildrenOrFunction<T> = ReactNode | ((values: T & {
|
|
53
|
-
defaultChildren: ReactNode | undefined;
|
|
54
|
-
}) => ReactNode);
|
|
55
|
-
export interface RenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends StyleRenderProps<T, E> {
|
|
56
|
-
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
57
|
-
children?: ChildrenOrFunction<T>;
|
|
58
|
-
}
|
|
59
|
-
interface RenderPropsHookOptions<T, E extends keyof React.JSX.IntrinsicElements> extends RenderProps<T, E>, _DOMProps1, AriaLabelingProps {
|
|
60
|
-
values: T;
|
|
61
|
-
defaultChildren?: ReactNode;
|
|
62
|
-
defaultClassName?: string;
|
|
63
|
-
defaultStyle?: CSSProperties;
|
|
64
|
-
}
|
|
65
|
-
interface RenderPropsHookRetVal<T, E extends keyof React.JSX.IntrinsicElements> {
|
|
66
|
-
className?: string;
|
|
67
|
-
style?: CSSProperties;
|
|
68
|
-
children?: ReactNode;
|
|
69
|
-
'data-rac': string;
|
|
70
|
-
render?: DOMRenderFunction<E, T>;
|
|
71
|
-
}
|
|
72
|
-
export function useRenderProps<T, E extends keyof React.JSX.IntrinsicElements>(props: RenderPropsHookOptions<T, E>): RenderPropsHookRetVal<T, E>;
|
|
73
|
-
/**
|
|
74
|
-
* A helper function that accepts a user-provided render prop value (either a static value or a function),
|
|
75
|
-
* and combines it with another value to create a final result.
|
|
76
|
-
*/
|
|
77
|
-
export function composeRenderProps<T, U, V extends T>(value: T extends any ? (T | ((renderProps: U) => V)) : never, wrap: (prevValue: T, renderProps: U) => V): (renderProps: U) => V;
|
|
78
|
-
type WithRef<T, E> = T & {
|
|
79
|
-
ref?: ForwardedRef<E>;
|
|
80
|
-
};
|
|
81
|
-
export interface SlotProps {
|
|
82
|
-
/**
|
|
83
|
-
* A slot name for the component. Slots allow the component to receive props from a parent component.
|
|
84
|
-
* An explicit `null` value indicates that the local props completely override all props received from a parent.
|
|
85
|
-
*/
|
|
86
|
-
slot?: string | null;
|
|
87
|
-
}
|
|
88
|
-
export function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null): T | null | undefined;
|
|
89
|
-
export function useContextProps<T, U extends SlotProps, E extends Element>(props: T & SlotProps, ref: ForwardedRef<E> | undefined, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>];
|
|
90
|
-
interface RACValidation {
|
|
91
|
-
/**
|
|
92
|
-
* Whether to use native HTML form validation to prevent form submission
|
|
93
|
-
* when the value is missing or invalid, or mark the field as required
|
|
94
|
-
* or invalid via ARIA.
|
|
95
|
-
* @default 'native'
|
|
96
|
-
*/
|
|
97
|
-
validationBehavior?: 'native' | 'aria';
|
|
98
|
-
}
|
|
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> {
|
|
132
|
-
elementType?: string;
|
|
133
|
-
}
|
|
134
|
-
export const TextContext: React.Context<ContextValue<TextProps, HTMLElement>>;
|
|
135
|
-
export const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
|
|
136
|
-
export const FieldErrorContext: React.Context<ValidationResult | null>;
|
|
137
|
-
export interface FieldErrorRenderProps extends ValidationResult {
|
|
138
|
-
}
|
|
139
|
-
export interface FieldErrorProps extends RenderProps<FieldErrorRenderProps>, _DOMProps1, GlobalDOMAttributes<HTMLDivElement> {
|
|
140
|
-
/**
|
|
141
|
-
* 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.
|
|
142
|
-
* @default 'react-aria-FieldError'
|
|
143
|
-
*/
|
|
144
|
-
className?: ClassNameOrFunction<FieldErrorRenderProps>;
|
|
145
|
-
}
|
|
146
|
-
/**
|
|
147
|
-
* A FieldError displays validation errors for a form field.
|
|
148
|
-
*/
|
|
149
|
-
export const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLElement>>;
|
|
150
|
-
export interface FormProps extends _FormProps1, DOMProps, DOMRenderProps<'form', undefined>, GlobalDOMAttributes<HTMLFormElement> {
|
|
151
|
-
/**
|
|
152
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
153
|
-
* @default 'react-aria-Form'
|
|
154
|
-
*/
|
|
155
|
-
className?: string;
|
|
156
|
-
/**
|
|
157
|
-
* Whether to use native HTML form validation to prevent form submission
|
|
158
|
-
* when a field value is missing or invalid, or mark fields as required
|
|
159
|
-
* or invalid via ARIA.
|
|
160
|
-
* @default 'native'
|
|
161
|
-
*/
|
|
162
|
-
validationBehavior?: 'aria' | 'native';
|
|
163
|
-
}
|
|
164
|
-
export const FormContext: React.Context<ContextValue<FormProps, HTMLFormElement>>;
|
|
165
|
-
/**
|
|
166
|
-
* A form is a group of inputs that allows users to submit data to a server,
|
|
167
|
-
* with support for providing field validation errors.
|
|
168
|
-
*/
|
|
169
|
-
export const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
|
|
170
|
-
export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, DOMRenderProps<'label', undefined> {
|
|
171
|
-
elementType?: string;
|
|
172
|
-
}
|
|
173
|
-
export const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
|
|
174
|
-
export const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
175
|
-
export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
176
|
-
/**
|
|
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.
|
|
178
|
-
* @default 'react-aria-CheckboxGroup'
|
|
179
|
-
*/
|
|
180
|
-
className?: ClassNameOrFunction<CheckboxGroupRenderProps>;
|
|
181
|
-
}
|
|
182
|
-
export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
183
|
-
/**
|
|
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.
|
|
185
|
-
* @default 'react-aria-Checkbox'
|
|
186
|
-
*/
|
|
187
|
-
className?: ClassNameOrFunction<CheckboxRenderProps>;
|
|
188
|
-
/**
|
|
189
|
-
* A ref for the HTML input element.
|
|
190
|
-
*/
|
|
191
|
-
inputRef?: RefObject<HTMLInputElement | null>;
|
|
192
|
-
}
|
|
193
|
-
export interface CheckboxGroupRenderProps {
|
|
194
|
-
/**
|
|
195
|
-
* Whether the checkbox group is disabled.
|
|
196
|
-
* @selector [data-disabled]
|
|
197
|
-
*/
|
|
198
|
-
isDisabled: boolean;
|
|
199
|
-
/**
|
|
200
|
-
* Whether the checkbox group is read only.
|
|
201
|
-
* @selector [data-readonly]
|
|
202
|
-
*/
|
|
203
|
-
isReadOnly: boolean;
|
|
204
|
-
/**
|
|
205
|
-
* Whether the checkbox group is required.
|
|
206
|
-
* @selector [data-required]
|
|
207
|
-
*/
|
|
208
|
-
isRequired: boolean;
|
|
209
|
-
/**
|
|
210
|
-
* Whether the checkbox group is invalid.
|
|
211
|
-
* @selector [data-invalid]
|
|
212
|
-
*/
|
|
213
|
-
isInvalid: boolean;
|
|
214
|
-
/**
|
|
215
|
-
* State of the checkbox group.
|
|
216
|
-
*/
|
|
217
|
-
state: CheckboxGroupState;
|
|
218
|
-
}
|
|
219
|
-
export interface CheckboxRenderProps {
|
|
220
|
-
/**
|
|
221
|
-
* Whether the checkbox is selected.
|
|
222
|
-
* @selector [data-selected]
|
|
223
|
-
*/
|
|
224
|
-
isSelected: boolean;
|
|
225
|
-
/**
|
|
226
|
-
* Whether the checkbox is indeterminate.
|
|
227
|
-
* @selector [data-indeterminate]
|
|
228
|
-
*/
|
|
229
|
-
isIndeterminate: boolean;
|
|
230
|
-
/**
|
|
231
|
-
* Whether the checkbox is currently hovered with a mouse.
|
|
232
|
-
* @selector [data-hovered]
|
|
233
|
-
*/
|
|
234
|
-
isHovered: boolean;
|
|
235
|
-
/**
|
|
236
|
-
* Whether the checkbox is currently in a pressed state.
|
|
237
|
-
* @selector [data-pressed]
|
|
238
|
-
*/
|
|
239
|
-
isPressed: boolean;
|
|
240
|
-
/**
|
|
241
|
-
* Whether the checkbox is focused, either via a mouse or keyboard.
|
|
242
|
-
* @selector [data-focused]
|
|
243
|
-
*/
|
|
244
|
-
isFocused: boolean;
|
|
245
|
-
/**
|
|
246
|
-
* Whether the checkbox is keyboard focused.
|
|
247
|
-
* @selector [data-focus-visible]
|
|
248
|
-
*/
|
|
249
|
-
isFocusVisible: boolean;
|
|
250
|
-
/**
|
|
251
|
-
* Whether the checkbox is disabled.
|
|
252
|
-
* @selector [data-disabled]
|
|
253
|
-
*/
|
|
254
|
-
isDisabled: boolean;
|
|
255
|
-
/**
|
|
256
|
-
* Whether the checkbox is read only.
|
|
257
|
-
* @selector [data-readonly]
|
|
258
|
-
*/
|
|
259
|
-
isReadOnly: boolean;
|
|
260
|
-
/**
|
|
261
|
-
* Whether the checkbox invalid.
|
|
262
|
-
* @selector [data-invalid]
|
|
263
|
-
*/
|
|
264
|
-
isInvalid: boolean;
|
|
265
|
-
/**
|
|
266
|
-
* Whether the checkbox is required.
|
|
267
|
-
* @selector [data-required]
|
|
268
|
-
*/
|
|
269
|
-
isRequired: boolean;
|
|
270
|
-
}
|
|
271
|
-
export const CheckboxGroupContext: React.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
|
|
272
|
-
export const CheckboxGroupStateContext: React.Context<CheckboxGroupState | null>;
|
|
273
|
-
/**
|
|
274
|
-
* A checkbox group allows a user to select multiple items from a list of options.
|
|
275
|
-
*/
|
|
276
|
-
export const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
277
|
-
/**
|
|
278
|
-
* A checkbox allows a user to select multiple items from a list of individual items, or
|
|
279
|
-
* to mark one individual item as selected.
|
|
280
|
-
*/
|
|
281
|
-
export const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
282
|
-
export interface ColorThumbRenderProps {
|
|
283
|
-
/**
|
|
284
|
-
* The selected color, excluding the alpha channel.
|
|
285
|
-
*/
|
|
286
|
-
color: Color;
|
|
287
|
-
/**
|
|
288
|
-
* Whether this thumb is currently being dragged.
|
|
289
|
-
* @selector [data-dragging]
|
|
290
|
-
*/
|
|
291
|
-
isDragging: boolean;
|
|
292
|
-
/**
|
|
293
|
-
* Whether the thumb is currently hovered with a mouse.
|
|
294
|
-
* @selector [data-hovered]
|
|
295
|
-
*/
|
|
296
|
-
isHovered: boolean;
|
|
297
|
-
/**
|
|
298
|
-
* Whether the thumb is currently focused.
|
|
299
|
-
* @selector [data-focused]
|
|
300
|
-
*/
|
|
301
|
-
isFocused: boolean;
|
|
302
|
-
/**
|
|
303
|
-
* Whether the thumb is keyboard focused.
|
|
304
|
-
* @selector [data-focus-visible]
|
|
305
|
-
*/
|
|
306
|
-
isFocusVisible: boolean;
|
|
307
|
-
/**
|
|
308
|
-
* Whether the thumb is disabled.
|
|
309
|
-
* @selector [data-disabled]
|
|
310
|
-
*/
|
|
311
|
-
isDisabled: boolean;
|
|
312
|
-
}
|
|
313
|
-
export interface ColorThumbProps extends _HoverEvents1, RenderProps<ColorThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
314
|
-
/**
|
|
315
|
-
* 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.
|
|
316
|
-
* @default 'react-aria-ColorThumb'
|
|
317
|
-
*/
|
|
318
|
-
className?: ClassNameOrFunction<ColorThumbRenderProps>;
|
|
319
|
-
}
|
|
320
|
-
/**
|
|
321
|
-
* A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to adjust the color value.
|
|
322
|
-
*/
|
|
323
|
-
export const ColorThumb: React.ForwardRefExoticComponent<ColorThumbProps & React.RefAttributes<HTMLDivElement>>;
|
|
324
|
-
export interface ColorAreaRenderProps {
|
|
325
|
-
/**
|
|
326
|
-
* Whether the color area is disabled.
|
|
327
|
-
* @selector [data-disabled]
|
|
328
|
-
*/
|
|
329
|
-
isDisabled: boolean;
|
|
330
|
-
/**
|
|
331
|
-
* State of the color area.
|
|
332
|
-
*/
|
|
333
|
-
state: ColorAreaState;
|
|
334
|
-
}
|
|
335
|
-
export interface ColorAreaProps extends AriaColorAreaProps, RenderProps<ColorAreaRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
336
|
-
/**
|
|
337
|
-
* 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.
|
|
338
|
-
* @default 'react-aria-ColorArea'
|
|
339
|
-
*/
|
|
340
|
-
className?: ClassNameOrFunction<ColorAreaRenderProps>;
|
|
341
|
-
}
|
|
342
|
-
export const ColorAreaStateContext: React.Context<ColorAreaState | null>;
|
|
343
|
-
/**
|
|
344
|
-
* A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
|
|
345
|
-
*/
|
|
346
|
-
export const ColorArea: React.ForwardRefExoticComponent<ColorAreaProps & React.RefAttributes<HTMLDivElement>>;
|
|
347
|
-
export interface GroupRenderProps {
|
|
348
|
-
/**
|
|
349
|
-
* Whether the group is currently hovered with a mouse.
|
|
350
|
-
* @selector [data-hovered]
|
|
351
|
-
*/
|
|
352
|
-
isHovered: boolean;
|
|
353
|
-
/**
|
|
354
|
-
* Whether an element within the group is focused, either via a mouse or keyboard.
|
|
355
|
-
* @selector [data-focus-within]
|
|
356
|
-
*/
|
|
357
|
-
isFocusWithin: boolean;
|
|
358
|
-
/**
|
|
359
|
-
* Whether an element within the group is keyboard focused.
|
|
360
|
-
* @selector [data-focus-visible]
|
|
361
|
-
*/
|
|
362
|
-
isFocusVisible: boolean;
|
|
363
|
-
/**
|
|
364
|
-
* Whether the group is disabled.
|
|
365
|
-
* @selector [data-disabled]
|
|
366
|
-
*/
|
|
367
|
-
isDisabled: boolean;
|
|
368
|
-
/**
|
|
369
|
-
* Whether the group is invalid.
|
|
370
|
-
* @selector [data-invalid]
|
|
371
|
-
*/
|
|
372
|
-
isInvalid: boolean;
|
|
373
|
-
}
|
|
374
|
-
export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'render' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
|
|
375
|
-
/**
|
|
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.
|
|
377
|
-
* @default 'react-aria-Group'
|
|
378
|
-
*/
|
|
379
|
-
className?: ClassNameOrFunction<GroupRenderProps>;
|
|
380
|
-
/** Whether the group is disabled. */
|
|
381
|
-
isDisabled?: boolean;
|
|
382
|
-
/** Whether the group is invalid. */
|
|
383
|
-
isInvalid?: boolean;
|
|
384
|
-
/** Whether the group is read only. */
|
|
385
|
-
isReadOnly?: boolean;
|
|
386
|
-
/**
|
|
387
|
-
* An accessibility role for the group. By default, this is set to `'group'`.
|
|
388
|
-
* Use `'region'` when the contents of the group is important enough to be
|
|
389
|
-
* included in the page table of contents. Use `'presentation'` if the group
|
|
390
|
-
* is visual only and does not represent a semantic grouping of controls.
|
|
391
|
-
* @default 'group'
|
|
392
|
-
*/
|
|
393
|
-
role?: 'group' | 'region' | 'presentation';
|
|
394
|
-
}
|
|
395
|
-
export const GroupContext: React.Context<ContextValue<GroupProps, HTMLDivElement>>;
|
|
396
|
-
/**
|
|
397
|
-
* A group represents a set of related UI controls, and supports interactive states for styling.
|
|
398
|
-
*/
|
|
399
|
-
export const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
400
|
-
export interface InputRenderProps {
|
|
401
|
-
/**
|
|
402
|
-
* Whether the input is currently hovered with a mouse.
|
|
403
|
-
* @selector [data-hovered]
|
|
404
|
-
*/
|
|
405
|
-
isHovered: boolean;
|
|
406
|
-
/**
|
|
407
|
-
* Whether the input is focused, either via a mouse or keyboard.
|
|
408
|
-
* @selector [data-focused]
|
|
409
|
-
*/
|
|
410
|
-
isFocused: boolean;
|
|
411
|
-
/**
|
|
412
|
-
* Whether the input is keyboard focused.
|
|
413
|
-
* @selector [data-focus-visible]
|
|
414
|
-
*/
|
|
415
|
-
isFocusVisible: boolean;
|
|
416
|
-
/**
|
|
417
|
-
* Whether the input is disabled.
|
|
418
|
-
* @selector [data-disabled]
|
|
419
|
-
*/
|
|
420
|
-
isDisabled: boolean;
|
|
421
|
-
/**
|
|
422
|
-
* Whether the input is invalid.
|
|
423
|
-
* @selector [data-invalid]
|
|
424
|
-
*/
|
|
425
|
-
isInvalid: boolean;
|
|
426
|
-
}
|
|
427
|
-
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'input'> {
|
|
428
|
-
/**
|
|
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.
|
|
430
|
-
* @default 'react-aria-Input'
|
|
431
|
-
*/
|
|
432
|
-
className?: ClassNameOrFunction<InputRenderProps>;
|
|
433
|
-
/**
|
|
434
|
-
* Temporary text that occupies the text input when it is empty.
|
|
435
|
-
* See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder).
|
|
436
|
-
*/
|
|
437
|
-
placeholder?: string;
|
|
438
|
-
}
|
|
439
|
-
export const InputContext: React.Context<ContextValue<InputProps, HTMLInputElement>>;
|
|
440
|
-
/**
|
|
441
|
-
* An input allows a user to input text.
|
|
442
|
-
*/
|
|
443
|
-
export const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
|
|
444
|
-
export interface ColorFieldRenderProps {
|
|
445
|
-
/**
|
|
446
|
-
* Whether the color field is disabled.
|
|
447
|
-
* @selector [data-disabled]
|
|
448
|
-
*/
|
|
449
|
-
isDisabled: boolean;
|
|
450
|
-
/**
|
|
451
|
-
* Whether the color field is invalid.
|
|
452
|
-
* @selector [data-invalid]
|
|
453
|
-
*/
|
|
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;
|
|
465
|
-
/**
|
|
466
|
-
* The color channel that this field edits, or "hex" if no `channel` prop is set.
|
|
467
|
-
* @selector [data-channel="hex | hue | saturation | ..."]
|
|
468
|
-
*/
|
|
469
|
-
channel: ColorChannel | 'hex';
|
|
470
|
-
/**
|
|
471
|
-
* State of the color field.
|
|
472
|
-
*/
|
|
473
|
-
state: ColorFieldState;
|
|
474
|
-
}
|
|
475
|
-
export interface ColorFieldProps extends Omit<AriaColorFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<ColorFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
476
|
-
/**
|
|
477
|
-
* 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.
|
|
478
|
-
* @default 'react-aria-ColorField'
|
|
479
|
-
*/
|
|
480
|
-
className?: ClassNameOrFunction<ColorFieldRenderProps>;
|
|
481
|
-
/**
|
|
482
|
-
* The color channel that this field edits. If not provided,
|
|
483
|
-
* the color is edited as a hex value.
|
|
484
|
-
*/
|
|
485
|
-
channel?: ColorChannel;
|
|
486
|
-
/**
|
|
487
|
-
* The color space that the color field operates in if a `channel` prop is provided.
|
|
488
|
-
* If no `channel` is provided, the color field always displays the color as an RGB hex value.
|
|
489
|
-
*/
|
|
490
|
-
colorSpace?: ColorSpace;
|
|
491
|
-
}
|
|
492
|
-
export const ColorFieldStateContext: React.Context<ColorFieldState | null>;
|
|
493
|
-
/**
|
|
494
|
-
* A color field allows users to edit a hex color or individual color channel value.
|
|
495
|
-
*/
|
|
496
|
-
export const ColorField: React.ForwardRefExoticComponent<ColorFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
497
|
-
export interface SliderProps<T = number | number[]> extends Omit<AriaSliderProps<T>, 'label'>, RenderProps<SliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
498
|
-
/**
|
|
499
|
-
* 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.
|
|
500
|
-
* @default 'react-aria-Slider'
|
|
501
|
-
*/
|
|
502
|
-
className?: ClassNameOrFunction<SliderRenderProps>;
|
|
503
|
-
/**
|
|
504
|
-
* The display format of the value label.
|
|
505
|
-
*/
|
|
506
|
-
formatOptions?: Intl.NumberFormatOptions;
|
|
507
|
-
}
|
|
508
|
-
export const SliderContext: React.Context<ContextValue<SliderProps<number | number[]>, HTMLDivElement>>;
|
|
509
|
-
export const SliderStateContext: React.Context<SliderState | null>;
|
|
510
|
-
export const SliderTrackContext: React.Context<ContextValue<SliderTrackContextValue, HTMLDivElement>>;
|
|
511
|
-
export const SliderOutputContext: React.Context<ContextValue<SliderOutputContextValue, HTMLOutputElement>>;
|
|
512
|
-
export interface SliderRenderProps {
|
|
513
|
-
/**
|
|
514
|
-
* The orientation of the slider.
|
|
515
|
-
* @selector [data-orientation="horizontal | vertical"]
|
|
516
|
-
*/
|
|
517
|
-
orientation: Orientation;
|
|
518
|
-
/**
|
|
519
|
-
* Whether the slider is disabled.
|
|
520
|
-
* @selector [data-disabled]
|
|
521
|
-
*/
|
|
522
|
-
isDisabled: boolean;
|
|
523
|
-
/**
|
|
524
|
-
* State of the slider.
|
|
525
|
-
*/
|
|
526
|
-
state: SliderState;
|
|
527
|
-
}
|
|
528
|
-
/**
|
|
529
|
-
* A slider allows a user to select one or more values within a range.
|
|
530
|
-
*/
|
|
531
|
-
export const Slider: <T extends number | number[]>(props: SliderProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
532
|
-
export interface SliderOutputProps extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {
|
|
533
|
-
/**
|
|
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.
|
|
535
|
-
* @default 'react-aria-SliderOutput'
|
|
536
|
-
*/
|
|
537
|
-
className?: ClassNameOrFunction<SliderRenderProps>;
|
|
538
|
-
}
|
|
539
|
-
interface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>, SliderOutputProps {
|
|
540
|
-
}
|
|
541
|
-
/**
|
|
542
|
-
* A slider output displays the current value of a slider as text.
|
|
543
|
-
*/
|
|
544
|
-
export const SliderOutput: (props: SliderOutputProps & React.RefAttributes<HTMLOutputElement>) => React.ReactElement | null;
|
|
545
|
-
export interface SliderTrackRenderProps extends SliderRenderProps {
|
|
546
|
-
/**
|
|
547
|
-
* Whether the slider track is currently hovered with a mouse.
|
|
548
|
-
* @selector [data-hovered]
|
|
549
|
-
*/
|
|
550
|
-
isHovered: boolean;
|
|
551
|
-
}
|
|
552
|
-
export interface SliderTrackProps extends HoverEvents, RenderProps<SliderTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
553
|
-
/**
|
|
554
|
-
* 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.
|
|
555
|
-
* @default 'react-aria-SliderTrack'
|
|
556
|
-
*/
|
|
557
|
-
className?: ClassNameOrFunction<SliderTrackRenderProps>;
|
|
558
|
-
}
|
|
559
|
-
interface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>, SliderTrackProps {
|
|
560
|
-
}
|
|
561
|
-
/**
|
|
562
|
-
* A slider track is a container for one or more slider thumbs.
|
|
563
|
-
*/
|
|
564
|
-
export const SliderTrack: (props: SliderTrackProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
565
|
-
export interface SliderThumbRenderProps {
|
|
566
|
-
/**
|
|
567
|
-
* State of the slider.
|
|
568
|
-
*/
|
|
569
|
-
state: SliderState;
|
|
570
|
-
/**
|
|
571
|
-
* Whether this thumb is currently being dragged.
|
|
572
|
-
* @selector [data-dragging]
|
|
573
|
-
*/
|
|
574
|
-
isDragging: boolean;
|
|
575
|
-
/**
|
|
576
|
-
* Whether the thumb is currently hovered with a mouse.
|
|
577
|
-
* @selector [data-hovered]
|
|
578
|
-
*/
|
|
579
|
-
isHovered: boolean;
|
|
580
|
-
/**
|
|
581
|
-
* Whether the thumb is currently focused.
|
|
582
|
-
* @selector [data-focused]
|
|
583
|
-
*/
|
|
584
|
-
isFocused: boolean;
|
|
585
|
-
/**
|
|
586
|
-
* Whether the thumb is keyboard focused.
|
|
587
|
-
* @selector [data-focus-visible]
|
|
588
|
-
*/
|
|
589
|
-
isFocusVisible: boolean;
|
|
590
|
-
/**
|
|
591
|
-
* Whether the thumb is disabled.
|
|
592
|
-
* @selector [data-disabled]
|
|
593
|
-
*/
|
|
594
|
-
isDisabled: boolean;
|
|
595
|
-
}
|
|
596
|
-
export interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'label' | 'validationState'>, HoverEvents, RenderProps<SliderThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
597
|
-
/**
|
|
598
|
-
* 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.
|
|
599
|
-
* @default 'react-aria-SliderThumb'
|
|
600
|
-
*/
|
|
601
|
-
className?: ClassNameOrFunction<SliderThumbRenderProps>;
|
|
602
|
-
/**
|
|
603
|
-
* A ref for the HTML input element.
|
|
604
|
-
*/
|
|
605
|
-
inputRef?: RefObject<HTMLInputElement | null>;
|
|
606
|
-
}
|
|
607
|
-
/**
|
|
608
|
-
* A slider thumb represents an individual value that the user can adjust within a slider track.
|
|
609
|
-
*/
|
|
610
|
-
export const SliderThumb: (props: SliderThumbProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
611
|
-
export interface ColorSliderRenderProps {
|
|
612
|
-
/**
|
|
613
|
-
* The orientation of the color slider.
|
|
614
|
-
* @selector [data-orientation="horizontal | vertical"]
|
|
615
|
-
*/
|
|
616
|
-
orientation: Orientation;
|
|
617
|
-
/**
|
|
618
|
-
* Whether the color slider is disabled.
|
|
619
|
-
* @selector [data-disabled]
|
|
620
|
-
*/
|
|
621
|
-
isDisabled: boolean;
|
|
622
|
-
/**
|
|
623
|
-
* State of the color slider.
|
|
624
|
-
*/
|
|
625
|
-
state: ColorSliderState;
|
|
626
|
-
}
|
|
627
|
-
export interface ColorSliderProps extends Omit<AriaColorSliderProps, 'label'>, RenderProps<ColorSliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
628
|
-
/**
|
|
629
|
-
* 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.
|
|
630
|
-
* @default 'react-aria-ColorSlider'
|
|
631
|
-
*/
|
|
632
|
-
className?: ClassNameOrFunction<ColorSliderRenderProps>;
|
|
633
|
-
}
|
|
634
|
-
export const ColorSliderStateContext: React.Context<ColorSliderState | null>;
|
|
635
|
-
/**
|
|
636
|
-
* A color slider allows users to adjust an individual channel of a color value.
|
|
637
|
-
*/
|
|
638
|
-
export const ColorSlider: React.ForwardRefExoticComponent<ColorSliderProps & React.RefAttributes<HTMLDivElement>>;
|
|
639
|
-
export interface ColorWheelRenderProps {
|
|
640
|
-
/**
|
|
641
|
-
* Whether the color wheel is disabled.
|
|
642
|
-
* @selector [data-disabled]
|
|
643
|
-
*/
|
|
644
|
-
isDisabled: boolean;
|
|
645
|
-
/**
|
|
646
|
-
* State of the color wheel.
|
|
647
|
-
*/
|
|
648
|
-
state: ColorWheelState;
|
|
649
|
-
}
|
|
650
|
-
export interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
651
|
-
/**
|
|
652
|
-
* 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.
|
|
653
|
-
* @default 'react-aria-ColorWheel'
|
|
654
|
-
*/
|
|
655
|
-
className?: ClassNameOrFunction<ColorWheelRenderProps>;
|
|
656
|
-
}
|
|
657
|
-
export const ColorWheelStateContext: React.Context<ColorWheelState | null>;
|
|
658
|
-
/**
|
|
659
|
-
* A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.
|
|
660
|
-
*/
|
|
661
|
-
export const ColorWheel: React.ForwardRefExoticComponent<ColorWheelProps & React.RefAttributes<HTMLDivElement>>;
|
|
662
|
-
export interface ColorWheelTrackRenderProps extends ColorWheelRenderProps {
|
|
663
|
-
}
|
|
664
|
-
export interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
665
|
-
/**
|
|
666
|
-
* 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.
|
|
667
|
-
* @default 'react-aria-ColorWheelTrack'
|
|
668
|
-
*/
|
|
669
|
-
className?: ClassNameOrFunction<ColorWheelTrackRenderProps>;
|
|
670
|
-
}
|
|
671
|
-
interface ColorWheelTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, StyleRenderProps<ColorWheelTrackRenderProps> {
|
|
672
|
-
}
|
|
673
|
-
export const ColorWheelTrackContext: React.Context<ContextValue<ColorWheelTrackContextValue, HTMLDivElement>>;
|
|
674
|
-
/**
|
|
675
|
-
* A color wheel track renders a circular gradient track.
|
|
676
|
-
*/
|
|
677
|
-
export const ColorWheelTrack: React.ForwardRefExoticComponent<ColorWheelTrackProps & React.RefAttributes<HTMLDivElement>>;
|
|
678
|
-
export interface HeadingProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'h1', undefined> {
|
|
679
|
-
level?: number;
|
|
680
|
-
}
|
|
681
|
-
export const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
682
|
-
export const CheckboxContext: Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
|
|
683
|
-
export const ColorAreaContext: Context<ContextValue<Partial<ColorAreaProps>, HTMLDivElement>>;
|
|
684
|
-
export const ColorFieldContext: Context<ContextValue<ColorFieldProps, HTMLDivElement>>;
|
|
685
|
-
export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>, HTMLDivElement>>;
|
|
686
|
-
export const ColorWheelContext: Context<ContextValue<Partial<ColorWheelProps>, HTMLDivElement>>;
|
|
687
|
-
export const HeadingContext: Context<ContextValue<HeadingProps, HTMLHeadingElement>>;
|
|
688
|
-
export interface SelectableCollectionContextValue<T> extends _DOMProps1, AriaLabelingProps {
|
|
689
|
-
filter?: (nodeTextValue: string, node: Node<T>) => boolean;
|
|
690
|
-
/** Whether the collection items should use virtual focus instead of being focused directly. */
|
|
691
|
-
shouldUseVirtualFocus?: boolean;
|
|
692
|
-
/** Whether typeahead is disabled. */
|
|
693
|
-
disallowTypeAhead?: boolean;
|
|
694
|
-
}
|
|
695
|
-
interface FieldInputContextValue<T = FocusableElement> extends _DOMProps1, FocusEvents<T>, KeyboardEvents, Pick<ValueBase<string>, 'onChange' | 'value'>, Pick<AriaTextFieldProps, 'enterKeyHint' | 'aria-controls' | 'aria-autocomplete' | 'aria-activedescendant' | 'spellCheck' | 'autoCorrect' | 'autoComplete'> {
|
|
696
|
-
}
|
|
697
|
-
export const SelectableCollectionContext: Context<ContextValue<SelectableCollectionContextValue<any>, HTMLElement>>;
|
|
698
|
-
export const FieldInputContext: Context<ContextValue<FieldInputContextValue<FocusableElement>, FocusableElement>>;
|
|
699
|
-
export interface AutocompleteProps<T = object> extends AriaAutocompleteProps<T>, SlotProps {
|
|
700
|
-
}
|
|
701
|
-
export const AutocompleteContext: React.Context<SlottedContextValue<Partial<AutocompleteProps<any>>>>;
|
|
702
|
-
export const AutocompleteStateContext: React.Context<AutocompleteState | null>;
|
|
703
|
-
/**
|
|
704
|
-
* An autocomplete allows users to search or filter a list of suggestions.
|
|
705
|
-
*/
|
|
706
|
-
export function Autocomplete<T extends object>(props: AutocompleteProps<T>): JSX.Element;
|
|
707
|
-
interface CollectionProps<T> extends Omit<CollectionBase<T>, 'children'> {
|
|
708
|
-
/** The contents of the collection. */
|
|
709
|
-
children?: ReactNode | ((item: T) => ReactNode);
|
|
710
|
-
/** Values that should invalidate the item cache when using dynamic collections. */
|
|
711
|
-
dependencies?: ReadonlyArray<any>;
|
|
712
|
-
}
|
|
713
|
-
interface ItemRenderProps {
|
|
714
|
-
/**
|
|
715
|
-
* Whether the item is currently hovered with a mouse.
|
|
716
|
-
* @selector [data-hovered]
|
|
717
|
-
*/
|
|
718
|
-
isHovered: boolean;
|
|
719
|
-
/**
|
|
720
|
-
* Whether the item is currently in a pressed state.
|
|
721
|
-
* @selector [data-pressed]
|
|
722
|
-
*/
|
|
723
|
-
isPressed: boolean;
|
|
724
|
-
/**
|
|
725
|
-
* Whether the item is currently selected.
|
|
726
|
-
* @selector [data-selected]
|
|
727
|
-
*/
|
|
728
|
-
isSelected: boolean;
|
|
729
|
-
/**
|
|
730
|
-
* Whether the item is currently focused.
|
|
731
|
-
* @selector [data-focused]
|
|
732
|
-
*/
|
|
733
|
-
isFocused: boolean;
|
|
734
|
-
/**
|
|
735
|
-
* Whether the item is currently keyboard focused.
|
|
736
|
-
* @selector [data-focus-visible]
|
|
737
|
-
*/
|
|
738
|
-
isFocusVisible: boolean;
|
|
739
|
-
/**
|
|
740
|
-
* Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may
|
|
741
|
-
* not be focused. Dependent on `disabledKeys` and `disabledBehavior`.
|
|
742
|
-
* @selector [data-disabled]
|
|
743
|
-
*/
|
|
744
|
-
isDisabled: boolean;
|
|
745
|
-
/**
|
|
746
|
-
* The type of selection that is allowed in the collection.
|
|
747
|
-
* @selector [data-selection-mode="single | multiple"]
|
|
748
|
-
*/
|
|
749
|
-
selectionMode: _SelectionMode2;
|
|
750
|
-
/** The selection behavior for the collection. */
|
|
751
|
-
selectionBehavior: SelectionBehavior;
|
|
752
|
-
/**
|
|
753
|
-
* Whether the item allows dragging.
|
|
754
|
-
* @note This property is only available in collection components that support drag and drop.
|
|
755
|
-
* @selector [data-allows-dragging]
|
|
756
|
-
*/
|
|
757
|
-
allowsDragging?: boolean;
|
|
758
|
-
/**
|
|
759
|
-
* Whether the item is currently being dragged.
|
|
760
|
-
* @note This property is only available in collection components that support drag and drop.
|
|
761
|
-
* @selector [data-dragging]
|
|
762
|
-
*/
|
|
763
|
-
isDragging?: boolean;
|
|
764
|
-
/**
|
|
765
|
-
* Whether the item is currently an active drop target.
|
|
766
|
-
* @note This property is only available in collection components that support drag and drop.
|
|
767
|
-
* @selector [data-drop-target]
|
|
768
|
-
*/
|
|
769
|
-
isDropTarget?: boolean;
|
|
770
|
-
}
|
|
771
|
-
export interface SectionProps<T> extends Omit<_SectionProps1<T>, 'children' | 'title'>, StyleProps, GlobalDOMAttributes<HTMLElement> {
|
|
772
|
-
/** The unique id of the section. */
|
|
773
|
-
id?: Key;
|
|
774
|
-
/** The object value that this section represents. When using dynamic collections, this is set automatically. */
|
|
775
|
-
value?: T;
|
|
776
|
-
/** Static child items or a function to render children. */
|
|
777
|
-
children?: ReactNode | ((item: T) => ReactElement);
|
|
778
|
-
/** Values that should invalidate the item cache when using dynamic collections. */
|
|
779
|
-
dependencies?: ReadonlyArray<any>;
|
|
780
|
-
}
|
|
781
|
-
/** @deprecated */
|
|
782
|
-
export const Section: <T extends object>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
|
|
783
|
-
interface CollectionBranchProps {
|
|
784
|
-
/** The collection of items to render. */
|
|
785
|
-
collection: Collection<_Node1<unknown>>;
|
|
786
|
-
/** The parent node of the items to render. */
|
|
787
|
-
parent: _Node1<unknown>;
|
|
788
|
-
/** A function that renders a drop indicator between items. */
|
|
789
|
-
renderDropIndicator?: (target: ItemDropTarget) => ReactNode;
|
|
790
|
-
}
|
|
791
|
-
interface CollectionRootProps extends HTMLAttributes<HTMLElement> {
|
|
792
|
-
/** The collection of items to render. */
|
|
793
|
-
collection: Collection<_Node1<unknown>>;
|
|
794
|
-
/** A set of keys for items that should always be persisted in the DOM. */
|
|
795
|
-
persistedKeys?: Set<Key> | null;
|
|
796
|
-
/** A ref to the scroll container for the collection. */
|
|
797
|
-
scrollRef?: RefObject<HTMLElement | null>;
|
|
798
|
-
/** A function that renders a drop indicator between items. */
|
|
799
|
-
renderDropIndicator?: (target: ItemDropTarget) => ReactNode;
|
|
800
|
-
}
|
|
801
|
-
export interface CollectionRenderer {
|
|
802
|
-
/** Whether this is a virtualized collection. */
|
|
803
|
-
isVirtualized?: boolean;
|
|
804
|
-
/** A delegate object that provides layout information for items in the collection. */
|
|
805
|
-
layoutDelegate?: LayoutDelegate;
|
|
806
|
-
/** A delegate object that provides drop targets for pointer coordinates within the collection. */
|
|
807
|
-
dropTargetDelegate?: DropTargetDelegate;
|
|
808
|
-
/** A component that renders the root collection items. */
|
|
809
|
-
CollectionRoot: React.ComponentType<CollectionRootProps>;
|
|
810
|
-
/** A component that renders the child collection items. */
|
|
811
|
-
CollectionBranch: React.ComponentType<CollectionBranchProps>;
|
|
812
|
-
}
|
|
813
|
-
export const DefaultCollectionRenderer: CollectionRenderer;
|
|
814
|
-
export const CollectionRendererContext: React.Context<CollectionRenderer>;
|
|
815
|
-
export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, Omit<RenderProps<LinkRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'span', LinkRenderProps>, SlotProps, _DOMProps1, Omit<GlobalDOMAttributes<HTMLAnchorElement>, 'onClick'> {
|
|
816
|
-
/**
|
|
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.
|
|
818
|
-
* @default 'react-aria-Link'
|
|
819
|
-
*/
|
|
820
|
-
className?: ClassNameOrFunction<LinkRenderProps>;
|
|
821
|
-
}
|
|
822
|
-
export interface LinkRenderProps {
|
|
823
|
-
/**
|
|
824
|
-
* Whether the link is the current item within a list.
|
|
825
|
-
* @selector [data-current]
|
|
826
|
-
*/
|
|
827
|
-
isCurrent: boolean;
|
|
828
|
-
/**
|
|
829
|
-
* Whether the link is currently hovered with a mouse.
|
|
830
|
-
* @selector [data-hovered]
|
|
831
|
-
*/
|
|
832
|
-
isHovered: boolean;
|
|
833
|
-
/**
|
|
834
|
-
* Whether the link is currently in a pressed state.
|
|
835
|
-
* @selector [data-pressed]
|
|
836
|
-
*/
|
|
837
|
-
isPressed: boolean;
|
|
838
|
-
/**
|
|
839
|
-
* Whether the link is focused, either via a mouse or keyboard.
|
|
840
|
-
* @selector [data-focused]
|
|
841
|
-
*/
|
|
842
|
-
isFocused: boolean;
|
|
843
|
-
/**
|
|
844
|
-
* Whether the link is keyboard focused.
|
|
845
|
-
* @selector [data-focus-visible]
|
|
846
|
-
*/
|
|
847
|
-
isFocusVisible: boolean;
|
|
848
|
-
/**
|
|
849
|
-
* Whether the link is disabled.
|
|
850
|
-
* @selector [data-disabled]
|
|
851
|
-
*/
|
|
852
|
-
isDisabled: boolean;
|
|
853
|
-
}
|
|
854
|
-
export const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnchorElement>>;
|
|
855
|
-
/**
|
|
856
|
-
* A link allows a user to navigate to another page or resource within a web page
|
|
857
|
-
* or application.
|
|
858
|
-
*/
|
|
859
|
-
export const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
|
|
860
|
-
export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, DOMRenderProps<'ol', undefined>, GlobalDOMAttributes<HTMLOListElement> {
|
|
861
|
-
/**
|
|
862
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
863
|
-
* @default 'react-aria-Breadcrumbs'
|
|
864
|
-
*/
|
|
865
|
-
className?: string;
|
|
866
|
-
/** Whether the breadcrumbs are disabled. */
|
|
867
|
-
isDisabled?: boolean;
|
|
868
|
-
/** Handler that is called when a breadcrumb is clicked. */
|
|
869
|
-
onAction?: (key: Key) => void;
|
|
870
|
-
}
|
|
871
|
-
export const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>;
|
|
872
|
-
/**
|
|
873
|
-
* Breadcrumbs display a hierarchy of links to the current page or resource in an application.
|
|
874
|
-
*/
|
|
875
|
-
export const Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement | null;
|
|
876
|
-
export interface BreadcrumbRenderProps {
|
|
877
|
-
/**
|
|
878
|
-
* Whether the breadcrumb is for the current page.
|
|
879
|
-
* @selector [data-current]
|
|
880
|
-
*/
|
|
881
|
-
isCurrent: boolean;
|
|
882
|
-
/**
|
|
883
|
-
* Whether the breadcrumb is disabled.
|
|
884
|
-
* @selector [data-disabled]
|
|
885
|
-
*/
|
|
886
|
-
isDisabled: boolean;
|
|
887
|
-
}
|
|
888
|
-
export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'>, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
|
|
889
|
-
/**
|
|
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.
|
|
891
|
-
* @default 'react-aria-Breadcrumb'
|
|
892
|
-
*/
|
|
893
|
-
className?: ClassNameOrFunction<BreadcrumbRenderProps>;
|
|
894
|
-
/** A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed. */
|
|
895
|
-
id?: Key;
|
|
896
|
-
}
|
|
897
|
-
/**
|
|
898
|
-
* A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
|
|
899
|
-
*/
|
|
900
|
-
export const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement | null;
|
|
901
|
-
export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'label'>, RenderProps<ProgressBarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
902
|
-
/**
|
|
903
|
-
* 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.
|
|
904
|
-
* @default 'react-aria-ProgressBar'
|
|
905
|
-
*/
|
|
906
|
-
className?: ClassNameOrFunction<ProgressBarRenderProps>;
|
|
907
|
-
}
|
|
908
|
-
export interface ProgressBarRenderProps {
|
|
909
|
-
/**
|
|
910
|
-
* The value as a percentage between the minimum and maximum.
|
|
911
|
-
*/
|
|
912
|
-
percentage: number | undefined;
|
|
913
|
-
/**
|
|
914
|
-
* A formatted version of the value.
|
|
915
|
-
* @selector [aria-valuetext]
|
|
916
|
-
*/
|
|
917
|
-
valueText: string | undefined;
|
|
918
|
-
/**
|
|
919
|
-
* Whether the progress bar is indeterminate.
|
|
920
|
-
* @selector :not([aria-valuenow])
|
|
921
|
-
*/
|
|
922
|
-
isIndeterminate: boolean;
|
|
923
|
-
}
|
|
924
|
-
export const ProgressBarContext: React.Context<ContextValue<ProgressBarProps, HTMLDivElement>>;
|
|
925
|
-
/**
|
|
926
|
-
* Progress bars show either determinate or indeterminate progress of an operation
|
|
927
|
-
* over time.
|
|
928
|
-
*/
|
|
929
|
-
export const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
930
|
-
export interface ButtonRenderProps {
|
|
931
|
-
/**
|
|
932
|
-
* Whether the button is currently hovered with a mouse.
|
|
933
|
-
* @selector [data-hovered]
|
|
934
|
-
*/
|
|
935
|
-
isHovered: boolean;
|
|
936
|
-
/**
|
|
937
|
-
* Whether the button is currently in a pressed state.
|
|
938
|
-
* @selector [data-pressed]
|
|
939
|
-
*/
|
|
940
|
-
isPressed: boolean;
|
|
941
|
-
/**
|
|
942
|
-
* Whether the button is focused, either via a mouse or keyboard.
|
|
943
|
-
* @selector [data-focused]
|
|
944
|
-
*/
|
|
945
|
-
isFocused: boolean;
|
|
946
|
-
/**
|
|
947
|
-
* Whether the button is keyboard focused.
|
|
948
|
-
* @selector [data-focus-visible]
|
|
949
|
-
*/
|
|
950
|
-
isFocusVisible: boolean;
|
|
951
|
-
/**
|
|
952
|
-
* Whether the button is disabled.
|
|
953
|
-
* @selector [data-disabled]
|
|
954
|
-
*/
|
|
955
|
-
isDisabled: boolean;
|
|
956
|
-
/**
|
|
957
|
-
* Whether the button is currently in a pending state.
|
|
958
|
-
* @selector [data-pending]
|
|
959
|
-
*/
|
|
960
|
-
isPending: boolean;
|
|
961
|
-
}
|
|
962
|
-
export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
|
|
963
|
-
/**
|
|
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.
|
|
965
|
-
* @default 'react-aria-Button'
|
|
966
|
-
*/
|
|
967
|
-
className?: ClassNameOrFunction<ButtonRenderProps>;
|
|
968
|
-
/**
|
|
969
|
-
* Whether the button is in a pending state. This disables press and hover events
|
|
970
|
-
* while retaining focusability, and announces the pending state to screen readers.
|
|
971
|
-
*/
|
|
972
|
-
isPending?: boolean;
|
|
973
|
-
}
|
|
974
|
-
interface ButtonContextValue extends ButtonProps {
|
|
975
|
-
isPressed?: boolean;
|
|
976
|
-
}
|
|
977
|
-
export const ButtonContext: React.Context<ContextValue<ButtonContextValue, HTMLButtonElement>>;
|
|
978
|
-
/**
|
|
979
|
-
* A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
|
|
980
|
-
*/
|
|
981
|
-
export const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
|
|
982
|
-
export interface CalendarRenderProps {
|
|
983
|
-
/**
|
|
984
|
-
* Whether the calendar is disabled.
|
|
985
|
-
* @selector [data-disabled]
|
|
986
|
-
*/
|
|
987
|
-
isDisabled: boolean;
|
|
988
|
-
/**
|
|
989
|
-
* State of the calendar.
|
|
990
|
-
*/
|
|
991
|
-
state: CalendarState;
|
|
992
|
-
/**
|
|
993
|
-
* Whether the calendar is invalid.
|
|
994
|
-
* @selector [data-invalid]
|
|
995
|
-
*/
|
|
996
|
-
isInvalid: boolean;
|
|
997
|
-
}
|
|
998
|
-
export interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'state'> {
|
|
999
|
-
/**
|
|
1000
|
-
* State of the range calendar.
|
|
1001
|
-
*/
|
|
1002
|
-
state: RangeCalendarState;
|
|
1003
|
-
}
|
|
1004
|
-
export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1005
|
-
/**
|
|
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.
|
|
1007
|
-
* @default 'react-aria-Calendar'
|
|
1008
|
-
*/
|
|
1009
|
-
className?: ClassNameOrFunction<CalendarRenderProps>;
|
|
1010
|
-
/**
|
|
1011
|
-
* The amount of days that will be displayed at once. This affects how pagination works.
|
|
1012
|
-
* @default {months: 1}
|
|
1013
|
-
*/
|
|
1014
|
-
visibleDuration?: DateDuration;
|
|
1015
|
-
/**
|
|
1016
|
-
* A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
|
|
1017
|
-
* object for a given calendar identifier. If not provided, the `createCalendar` function
|
|
1018
|
-
* from `@internationalized/date` will be used.
|
|
1019
|
-
*/
|
|
1020
|
-
createCalendar?: (identifier: CalendarIdentifier) => _Calendar1;
|
|
1021
|
-
}
|
|
1022
|
-
export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1023
|
-
/**
|
|
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.
|
|
1025
|
-
* @default 'react-aria-RangeCalendar'
|
|
1026
|
-
*/
|
|
1027
|
-
className?: ClassNameOrFunction<RangeCalendarRenderProps>;
|
|
1028
|
-
/**
|
|
1029
|
-
* The amount of days that will be displayed at once. This affects how pagination works.
|
|
1030
|
-
* @default {months: 1}
|
|
1031
|
-
*/
|
|
1032
|
-
visibleDuration?: DateDuration;
|
|
1033
|
-
/**
|
|
1034
|
-
* A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
|
|
1035
|
-
* object for a given calendar identifier. If not provided, the `createCalendar` function
|
|
1036
|
-
* from `@internationalized/date` will be used.
|
|
1037
|
-
*/
|
|
1038
|
-
createCalendar?: (identifier: CalendarIdentifier) => _Calendar1;
|
|
1039
|
-
}
|
|
1040
|
-
export const CalendarContext: React.Context<ContextValue<CalendarProps<any>, HTMLDivElement>>;
|
|
1041
|
-
export const RangeCalendarContext: React.Context<ContextValue<RangeCalendarProps<any>, HTMLDivElement>>;
|
|
1042
|
-
export const CalendarStateContext: React.Context<CalendarState | null>;
|
|
1043
|
-
export const RangeCalendarStateContext: React.Context<RangeCalendarState<_DateValue1> | null>;
|
|
1044
|
-
/**
|
|
1045
|
-
* A calendar displays one or more date grids and allows users to select a single date.
|
|
1046
|
-
*/
|
|
1047
|
-
export const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1048
|
-
/**
|
|
1049
|
-
* A range calendar displays one or more date grids and allows users to select a contiguous range of dates.
|
|
1050
|
-
*/
|
|
1051
|
-
export const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1052
|
-
export interface CalendarCellRenderProps {
|
|
1053
|
-
/** The date that the cell represents. */
|
|
1054
|
-
date: CalendarDate;
|
|
1055
|
-
/** The day number formatted according to the current locale. */
|
|
1056
|
-
formattedDate: string;
|
|
1057
|
-
/**
|
|
1058
|
-
* Whether the cell is currently hovered with a mouse.
|
|
1059
|
-
* @selector [data-hovered]
|
|
1060
|
-
*/
|
|
1061
|
-
isHovered: boolean;
|
|
1062
|
-
/**
|
|
1063
|
-
* Whether the cell is currently being pressed.
|
|
1064
|
-
* @selector [data-pressed]
|
|
1065
|
-
*/
|
|
1066
|
-
isPressed: boolean;
|
|
1067
|
-
/**
|
|
1068
|
-
* Whether the cell is selected.
|
|
1069
|
-
* @selector [data-selected]
|
|
1070
|
-
*/
|
|
1071
|
-
isSelected: boolean;
|
|
1072
|
-
/**
|
|
1073
|
-
* Whether the cell is the first date in a range selection.
|
|
1074
|
-
* @selector [data-selection-start]
|
|
1075
|
-
*/
|
|
1076
|
-
isSelectionStart: boolean;
|
|
1077
|
-
/**
|
|
1078
|
-
* Whether the cell is the last date in a range selection.
|
|
1079
|
-
* @selector [data-selection-end]
|
|
1080
|
-
*/
|
|
1081
|
-
isSelectionEnd: boolean;
|
|
1082
|
-
/**
|
|
1083
|
-
* Whether the cell is focused.
|
|
1084
|
-
* @selector [data-focused]
|
|
1085
|
-
*/
|
|
1086
|
-
isFocused: boolean;
|
|
1087
|
-
/**
|
|
1088
|
-
* Whether the cell is keyboard focused.
|
|
1089
|
-
* @selector [data-focus-visible]
|
|
1090
|
-
*/
|
|
1091
|
-
isFocusVisible: boolean;
|
|
1092
|
-
/**
|
|
1093
|
-
* Whether the cell is disabled, according to the calendar's `minValue`, `maxValue`, and `isDisabled` props.
|
|
1094
|
-
* Disabled dates are not focusable, and cannot be selected by the user. They are typically
|
|
1095
|
-
* displayed with a dimmed appearance.
|
|
1096
|
-
* @selector [data-disabled]
|
|
1097
|
-
*/
|
|
1098
|
-
isDisabled: boolean;
|
|
1099
|
-
/**
|
|
1100
|
-
* Whether the cell is outside the visible range of the calendar.
|
|
1101
|
-
* For example, dates before the first day of a month in the same week.
|
|
1102
|
-
* @selector [data-outside-visible-range]
|
|
1103
|
-
*/
|
|
1104
|
-
isOutsideVisibleRange: boolean;
|
|
1105
|
-
/**
|
|
1106
|
-
* Whether the cell is outside the current month.
|
|
1107
|
-
* @selector [data-outside-month]
|
|
1108
|
-
*/
|
|
1109
|
-
isOutsideMonth: boolean;
|
|
1110
|
-
/**
|
|
1111
|
-
* Whether the cell is unavailable, according to the calendar's `isDateUnavailable` prop. Unavailable dates remain
|
|
1112
|
-
* focusable, but cannot be selected by the user. They should be displayed with a visual affordance to indicate they
|
|
1113
|
-
* are unavailable, such as a different color or a strikethrough.
|
|
1114
|
-
*
|
|
1115
|
-
* Note that because they are focusable, unavailable dates must meet a 4.5:1 color contrast ratio,
|
|
1116
|
-
* [as defined by WCAG](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html).
|
|
1117
|
-
*
|
|
1118
|
-
* @selector [data-unavailable]
|
|
1119
|
-
*/
|
|
1120
|
-
isUnavailable: boolean;
|
|
1121
|
-
/**
|
|
1122
|
-
* Whether the cell is part of an invalid selection.
|
|
1123
|
-
* @selector [data-invalid]
|
|
1124
|
-
*/
|
|
1125
|
-
isInvalid: boolean;
|
|
1126
|
-
/**
|
|
1127
|
-
* Whether the cell is today.
|
|
1128
|
-
* @selector [data-today]
|
|
1129
|
-
*/
|
|
1130
|
-
isToday: boolean;
|
|
1131
|
-
}
|
|
1132
|
-
export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', undefined>, GlobalDOMAttributes<HTMLTableElement> {
|
|
1133
|
-
/**
|
|
1134
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1135
|
-
* @default 'react-aria-CalendarGrid'
|
|
1136
|
-
*/
|
|
1137
|
-
className?: string;
|
|
1138
|
-
/**
|
|
1139
|
-
* Either a function to render calendar cells for each date in the month,
|
|
1140
|
-
* or children containing a `<CalendarGridHeader>`` and `<CalendarGridBody>`
|
|
1141
|
-
* when additional customization is needed.
|
|
1142
|
-
*/
|
|
1143
|
-
children?: ReactElement | ReactElement[] | ((date: CalendarDate) => ReactElement);
|
|
1144
|
-
/**
|
|
1145
|
-
* An offset from the beginning of the visible date range that this
|
|
1146
|
-
* CalendarGrid should display. Useful when displaying more than one
|
|
1147
|
-
* month at a time.
|
|
1148
|
-
*/
|
|
1149
|
-
offset?: DateDuration;
|
|
1150
|
-
/**
|
|
1151
|
-
* The style of weekday names to display in the calendar grid header,
|
|
1152
|
-
* e.g. single letter, abbreviation, or full day name.
|
|
1153
|
-
* @default "narrow"
|
|
1154
|
-
*/
|
|
1155
|
-
weekdayStyle?: 'narrow' | 'short' | 'long';
|
|
1156
|
-
}
|
|
1157
|
-
/**
|
|
1158
|
-
* A calendar grid displays a single grid of days within a calendar or range calendar which
|
|
1159
|
-
* can be keyboard navigated and selected by the user.
|
|
1160
|
-
*/
|
|
1161
|
-
export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
|
|
1162
|
-
export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
1163
|
-
/**
|
|
1164
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1165
|
-
* @default 'react-aria-CalendarGridHeader'
|
|
1166
|
-
*/
|
|
1167
|
-
className?: string;
|
|
1168
|
-
/** A function to render a `<CalendarHeaderCell>` for a weekday name. */
|
|
1169
|
-
children: (day: string) => ReactElement;
|
|
1170
|
-
}
|
|
1171
|
-
/**
|
|
1172
|
-
* A calendar grid header displays a row of week day names at the top of a month.
|
|
1173
|
-
*/
|
|
1174
|
-
export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
1175
|
-
export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
1176
|
-
/**
|
|
1177
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1178
|
-
* @default 'react-aria-CalendarHeaderCell'
|
|
1179
|
-
*/
|
|
1180
|
-
className?: string;
|
|
1181
|
-
}
|
|
1182
|
-
/**
|
|
1183
|
-
* A calendar header cell displays a week day name at the top of a column within a calendar.
|
|
1184
|
-
*/
|
|
1185
|
-
export const CalendarHeaderCell: React.ForwardRefExoticComponent<CalendarHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
1186
|
-
export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
1187
|
-
/**
|
|
1188
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1189
|
-
* @default 'react-aria-CalendarGridBody'
|
|
1190
|
-
*/
|
|
1191
|
-
className?: string;
|
|
1192
|
-
/** A function to render a `<CalendarCell>` for a given date. */
|
|
1193
|
-
children: (date: CalendarDate) => ReactElement;
|
|
1194
|
-
}
|
|
1195
|
-
/**
|
|
1196
|
-
* A calendar grid body displays a grid of calendar cells within a month.
|
|
1197
|
-
*/
|
|
1198
|
-
export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
1199
|
-
export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, _HoverEvents1, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
1200
|
-
/**
|
|
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.
|
|
1202
|
-
* @default 'react-aria-CalendarCell'
|
|
1203
|
-
*/
|
|
1204
|
-
className?: ClassNameOrFunction<CalendarCellRenderProps>;
|
|
1205
|
-
/** The date to render in the cell. */
|
|
1206
|
-
date: CalendarDate;
|
|
1207
|
-
}
|
|
1208
|
-
/**
|
|
1209
|
-
* A calendar cell displays a date cell within a calendar grid which can be selected by the user.
|
|
1210
|
-
*/
|
|
1211
|
-
export const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement | null;
|
|
1212
|
-
export interface ColorSwatchRenderProps {
|
|
1213
|
-
/** The color of the swatch. */
|
|
1214
|
-
color: Color;
|
|
1215
|
-
}
|
|
1216
|
-
export interface ColorSwatchProps extends AriaColorSwatchProps, StyleRenderProps<ColorSwatchRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1217
|
-
/**
|
|
1218
|
-
* 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.
|
|
1219
|
-
* @default 'react-aria-ColorSwatch'
|
|
1220
|
-
*/
|
|
1221
|
-
className?: ClassNameOrFunction<ColorSwatchRenderProps>;
|
|
1222
|
-
}
|
|
1223
|
-
export const ColorSwatchContext: React.Context<ContextValue<ColorSwatchProps, HTMLDivElement>>;
|
|
1224
|
-
/**
|
|
1225
|
-
* A ColorSwatch displays a preview of a selected color.
|
|
1226
|
-
*/
|
|
1227
|
-
export const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
|
|
1228
|
-
interface DraggableCollectionStateOpts<T = object> extends Omit<DraggableCollectionStateOptions<T>, 'getItems'> {
|
|
1229
|
-
}
|
|
1230
|
-
interface DragHooks<T = object> {
|
|
1231
|
-
useDraggableCollectionState?: (props: DraggableCollectionStateOpts<T>) => DraggableCollectionState;
|
|
1232
|
-
useDraggableCollection?: (props: DraggableCollectionOptions, state: DraggableCollectionState, ref: RefObject<HTMLElement | null>) => void;
|
|
1233
|
-
useDraggableItem?: (props: DraggableItemProps, state: DraggableCollectionState) => DraggableItemResult;
|
|
1234
|
-
DragPreview?: typeof DragPreview;
|
|
1235
|
-
renderDragPreview?: (items: DragItem[]) => JSX.Element | {
|
|
1236
|
-
element: JSX.Element;
|
|
1237
|
-
x: number;
|
|
1238
|
-
y: number;
|
|
1239
|
-
};
|
|
1240
|
-
isVirtualDragging?: () => boolean;
|
|
1241
|
-
}
|
|
1242
|
-
interface DropHooks {
|
|
1243
|
-
useDroppableCollectionState?: (props: DroppableCollectionStateOptions) => DroppableCollectionState;
|
|
1244
|
-
useDroppableCollection?: (props: DroppableCollectionOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DroppableCollectionResult;
|
|
1245
|
-
useDroppableItem?: (options: DroppableItemOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DroppableItemResult;
|
|
1246
|
-
useDropIndicator?: (props: _DropIndicatorProps1, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DropIndicatorAria;
|
|
1247
|
-
renderDropIndicator?: (target: DropTarget) => JSX.Element;
|
|
1248
|
-
dropTargetDelegate?: _DropTargetDelegate1;
|
|
1249
|
-
ListDropTargetDelegate: typeof ListDropTargetDelegate;
|
|
1250
|
-
}
|
|
1251
|
-
export type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;
|
|
1252
|
-
interface DragAndDrop<T = object> {
|
|
1253
|
-
/** Drag and drop hooks for the collection element. */
|
|
1254
|
-
dragAndDropHooks: DragAndDropHooks<T>;
|
|
1255
|
-
}
|
|
1256
|
-
export interface DragAndDropOptions<T = object> extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {
|
|
1257
|
-
/**
|
|
1258
|
-
* A function that returns the items being dragged. If not specified, we assume that the collection is not draggable.
|
|
1259
|
-
* @default () => []
|
|
1260
|
-
*/
|
|
1261
|
-
getItems?: (keys: Set<Key>, items: T[]) => DragItem[];
|
|
1262
|
-
/**
|
|
1263
|
-
* A function that renders a drag preview, which is shown under the user's cursor while dragging.
|
|
1264
|
-
* By default, a copy of the dragged element is rendered.
|
|
1265
|
-
*/
|
|
1266
|
-
renderDragPreview?: (items: DragItem[]) => JSX.Element | {
|
|
1267
|
-
element: JSX.Element;
|
|
1268
|
-
x: number;
|
|
1269
|
-
y: number;
|
|
1270
|
-
};
|
|
1271
|
-
/**
|
|
1272
|
-
* A function that renders a drop indicator element between two items in a collection.
|
|
1273
|
-
* This should render a `<DropIndicator>` element. If this function is not provided, a
|
|
1274
|
-
* default DropIndicator is provided.
|
|
1275
|
-
*/
|
|
1276
|
-
renderDropIndicator?: (target: DropTarget) => JSX.Element;
|
|
1277
|
-
/** A custom delegate object that provides drop targets for pointer coordinates within the collection. */
|
|
1278
|
-
dropTargetDelegate?: _DropTargetDelegate1;
|
|
1279
|
-
/** Whether the drag and drop events should be disabled. */
|
|
1280
|
-
isDisabled?: boolean;
|
|
1281
|
-
}
|
|
1282
|
-
/**
|
|
1283
|
-
* Provides the hooks required to enable drag and drop behavior for a drag and drop compatible collection component.
|
|
1284
|
-
*/
|
|
1285
|
-
export function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T>;
|
|
1286
|
-
interface DragAndDropContextValue {
|
|
1287
|
-
dragAndDropHooks?: DragAndDropHooks;
|
|
1288
|
-
dragState?: DraggableCollectionState;
|
|
1289
|
-
dropState?: DroppableCollectionState;
|
|
1290
|
-
}
|
|
1291
|
-
export const DragAndDropContext: React.Context<DragAndDropContextValue>;
|
|
1292
|
-
export const DropIndicatorContext: React.Context<DropIndicatorContextValue | null>;
|
|
1293
|
-
export interface DropIndicatorRenderProps {
|
|
1294
|
-
/**
|
|
1295
|
-
* Whether the drop indicator is currently the active drop target.
|
|
1296
|
-
* @selector [data-drop-target]
|
|
1297
|
-
*/
|
|
1298
|
-
isDropTarget: boolean;
|
|
1299
|
-
}
|
|
1300
|
-
export interface DropIndicatorProps extends Omit<_DropIndicatorProps1, 'activateButtonRef'>, RenderProps<DropIndicatorRenderProps> {
|
|
1301
|
-
/**
|
|
1302
|
-
* 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.
|
|
1303
|
-
* @default 'react-aria-DropIndicator'
|
|
1304
|
-
*/
|
|
1305
|
-
className?: ClassNameOrFunction<DropIndicatorRenderProps>;
|
|
1306
|
-
}
|
|
1307
|
-
interface DropIndicatorContextValue {
|
|
1308
|
-
render: (props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>) => ReactNode;
|
|
1309
|
-
}
|
|
1310
|
-
/**
|
|
1311
|
-
* A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.
|
|
1312
|
-
*/
|
|
1313
|
-
export const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
|
|
1314
|
-
export 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;
|
|
1318
|
-
export interface SharedElementTransitionProps {
|
|
1319
|
-
children: ReactNode;
|
|
1320
|
-
}
|
|
1321
|
-
/**
|
|
1322
|
-
* A scope for SharedElements, which animate between parents.
|
|
1323
|
-
*/
|
|
1324
|
-
export function SharedElementTransition(props: SharedElementTransitionProps): React.JSX.Element;
|
|
1325
|
-
export interface SharedElementRenderProps {
|
|
1326
|
-
/**
|
|
1327
|
-
* Whether the element is currently entering.
|
|
1328
|
-
* @selector [data-entering]
|
|
1329
|
-
*/
|
|
1330
|
-
isEntering: boolean;
|
|
1331
|
-
/**
|
|
1332
|
-
* Whether the element is currently exiting.
|
|
1333
|
-
* @selector [data-exiting]
|
|
1334
|
-
*/
|
|
1335
|
-
isExiting: boolean;
|
|
1336
|
-
}
|
|
1337
|
-
interface SharedElementPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>, RenderProps<SharedElementRenderProps> {
|
|
1338
|
-
}
|
|
1339
|
-
export interface SharedElementProps extends SharedElementPropsBase {
|
|
1340
|
-
name: string;
|
|
1341
|
-
isVisible?: boolean;
|
|
1342
|
-
}
|
|
1343
|
-
/**
|
|
1344
|
-
* An element that animates between its old and new position when moving between parents.
|
|
1345
|
-
*/
|
|
1346
|
-
export const SharedElement: React.ForwardRefExoticComponent<SharedElementProps & React.RefAttributes<HTMLDivElement>>;
|
|
1347
|
-
export interface SelectionIndicatorProps extends SharedElementPropsBase {
|
|
1348
|
-
/**
|
|
1349
|
-
* 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.
|
|
1350
|
-
* @default 'react-aria-SelectionIndicator'
|
|
1351
|
-
*/
|
|
1352
|
-
className?: ClassNameOrFunction<SharedElementRenderProps>;
|
|
1353
|
-
/** Whether the SelectionIndicator is visible. This is usually set automatically by the parent component. */
|
|
1354
|
-
isSelected?: boolean;
|
|
1355
|
-
}
|
|
1356
|
-
export const SelectionIndicatorContext: React.Context<ContextValue<SelectionIndicatorProps, HTMLDivElement>>;
|
|
1357
|
-
/**
|
|
1358
|
-
* An animated indicator of selection state within a group of items.
|
|
1359
|
-
*/
|
|
1360
|
-
export const SelectionIndicator: React.ForwardRefExoticComponent<SelectionIndicatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
1361
|
-
export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, DOMRenderProps<'hr' | 'div', undefined>, GlobalDOMAttributes<HTMLElement> {
|
|
1362
|
-
/**
|
|
1363
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1364
|
-
* @default 'react-aria-Separator'
|
|
1365
|
-
*/
|
|
1366
|
-
className?: string;
|
|
1367
|
-
}
|
|
1368
|
-
export const SeparatorContext: React.Context<ContextValue<SeparatorProps, HTMLElement>>;
|
|
1369
|
-
/**
|
|
1370
|
-
* A separator is a visual divider between two groups of content, e.g. groups of menu items or sections of a page.
|
|
1371
|
-
*/
|
|
1372
|
-
export const Separator: (props: SeparatorProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1373
|
-
export interface ListBoxRenderProps {
|
|
1374
|
-
/**
|
|
1375
|
-
* Whether the listbox has no items and should display its empty state.
|
|
1376
|
-
* @selector [data-empty]
|
|
1377
|
-
*/
|
|
1378
|
-
isEmpty: boolean;
|
|
1379
|
-
/**
|
|
1380
|
-
* Whether the listbox is currently focused.
|
|
1381
|
-
* @selector [data-focused]
|
|
1382
|
-
*/
|
|
1383
|
-
isFocused: boolean;
|
|
1384
|
-
/**
|
|
1385
|
-
* Whether the listbox is currently keyboard focused.
|
|
1386
|
-
* @selector [data-focus-visible]
|
|
1387
|
-
*/
|
|
1388
|
-
isFocusVisible: boolean;
|
|
1389
|
-
/**
|
|
1390
|
-
* Whether the listbox is currently the active drop target.
|
|
1391
|
-
* @selector [data-drop-target]
|
|
1392
|
-
*/
|
|
1393
|
-
isDropTarget: boolean;
|
|
1394
|
-
/**
|
|
1395
|
-
* Whether the items are arranged in a stack or grid.
|
|
1396
|
-
* @selector [data-layout="stack | grid"]
|
|
1397
|
-
*/
|
|
1398
|
-
layout: 'stack' | 'grid';
|
|
1399
|
-
/**
|
|
1400
|
-
* State of the listbox.
|
|
1401
|
-
*/
|
|
1402
|
-
state: ListState<unknown>;
|
|
1403
|
-
}
|
|
1404
|
-
export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'children' | 'label'>, CollectionProps<T>, StyleRenderProps<ListBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1405
|
-
/**
|
|
1406
|
-
* 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.
|
|
1407
|
-
* @default 'react-aria-ListBox'
|
|
1408
|
-
*/
|
|
1409
|
-
className?: ClassNameOrFunction<ListBoxRenderProps>;
|
|
1410
|
-
/**
|
|
1411
|
-
* How multiple selection should behave in the collection.
|
|
1412
|
-
* @default "toggle"
|
|
1413
|
-
*/
|
|
1414
|
-
selectionBehavior?: SelectionBehavior;
|
|
1415
|
-
/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the ListBox. */
|
|
1416
|
-
dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
|
|
1417
|
-
/** Provides content to display when there are no items in the list. */
|
|
1418
|
-
renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
|
|
1419
|
-
/**
|
|
1420
|
-
* Whether the items are arranged in a stack or grid.
|
|
1421
|
-
* @default 'stack'
|
|
1422
|
-
*/
|
|
1423
|
-
layout?: 'stack' | 'grid';
|
|
1424
|
-
/**
|
|
1425
|
-
* The primary orientation of the items. Usually this is the
|
|
1426
|
-
* direction that the collection scrolls.
|
|
1427
|
-
* @default 'vertical'
|
|
1428
|
-
*/
|
|
1429
|
-
orientation?: _Orientation1;
|
|
1430
|
-
}
|
|
1431
|
-
export const ListBoxContext: React.Context<ContextValue<ListBoxProps<any>, HTMLDivElement>>;
|
|
1432
|
-
export const ListStateContext: React.Context<ListState<any> | null>;
|
|
1433
|
-
/**
|
|
1434
|
-
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
1435
|
-
*/
|
|
1436
|
-
export const ListBox: <T extends object>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1437
|
-
export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
|
|
1438
|
-
/**
|
|
1439
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1440
|
-
* @default 'react-aria-ListBoxSection'
|
|
1441
|
-
*/
|
|
1442
|
-
className?: string;
|
|
1443
|
-
}
|
|
1444
|
-
/**
|
|
1445
|
-
* A ListBoxSection represents a section within a ListBox.
|
|
1446
|
-
*/
|
|
1447
|
-
export const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1448
|
-
export interface ListBoxItemRenderProps extends ItemRenderProps {
|
|
1449
|
-
}
|
|
1450
|
-
export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, KeyboardEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1451
|
-
/**
|
|
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.
|
|
1453
|
-
* @default 'react-aria-ListBoxItem'
|
|
1454
|
-
*/
|
|
1455
|
-
className?: ClassNameOrFunction<ListBoxItemRenderProps>;
|
|
1456
|
-
/** The unique id of the item. */
|
|
1457
|
-
id?: Key;
|
|
1458
|
-
/** The object value that this item represents. When using dynamic collections, this is set automatically. */
|
|
1459
|
-
value?: T;
|
|
1460
|
-
/** A string representation of the item's contents, used for features like typeahead. */
|
|
1461
|
-
textValue?: string;
|
|
1462
|
-
/** An accessibility label for this item. */
|
|
1463
|
-
'aria-label'?: string;
|
|
1464
|
-
/** Whether the item is disabled. */
|
|
1465
|
-
isDisabled?: boolean;
|
|
1466
|
-
/**
|
|
1467
|
-
* Handler that is called when a user performs an action on the item. The exact user event depends on
|
|
1468
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
1469
|
-
*/
|
|
1470
|
-
onAction?: () => void;
|
|
1471
|
-
}
|
|
1472
|
-
/**
|
|
1473
|
-
* A ListBoxItem represents an individual option in a ListBox.
|
|
1474
|
-
*/
|
|
1475
|
-
export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1476
|
-
export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
1477
|
-
/**
|
|
1478
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1479
|
-
* @default 'react-aria-ListBoxLoadMoreItem'
|
|
1480
|
-
*/
|
|
1481
|
-
className?: string;
|
|
1482
|
-
/**
|
|
1483
|
-
* The load more spinner to render when loading additional items.
|
|
1484
|
-
*/
|
|
1485
|
-
children?: ReactNode;
|
|
1486
|
-
/**
|
|
1487
|
-
* Whether or not the loading spinner should be rendered or not.
|
|
1488
|
-
*/
|
|
1489
|
-
isLoading?: boolean;
|
|
1490
|
-
}
|
|
1491
|
-
export const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1492
|
-
export interface ColorSwatchPickerRenderProps extends Omit<ListBoxRenderProps, 'isDropTarget'> {
|
|
1493
|
-
}
|
|
1494
|
-
export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, AriaLabelingProps, StyleRenderProps<ColorSwatchPickerRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
1495
|
-
/**
|
|
1496
|
-
* 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.
|
|
1497
|
-
* @default 'react-aria-ColorSwatchPicker'
|
|
1498
|
-
*/
|
|
1499
|
-
className?: ClassNameOrFunction<ColorSwatchPickerRenderProps>;
|
|
1500
|
-
/** The children of the ColorSwatchPicker. */
|
|
1501
|
-
children?: ReactNode;
|
|
1502
|
-
/**
|
|
1503
|
-
* Whether the items are arranged in a stack or grid.
|
|
1504
|
-
* @default 'grid'
|
|
1505
|
-
*/
|
|
1506
|
-
layout?: 'grid' | 'stack';
|
|
1507
|
-
}
|
|
1508
|
-
export const ColorSwatchPickerContext: React.Context<ContextValue<ColorSwatchPickerProps, HTMLDivElement>>;
|
|
1509
|
-
/**
|
|
1510
|
-
* A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
|
|
1511
|
-
*/
|
|
1512
|
-
export const ColorSwatchPicker: React.ForwardRefExoticComponent<ColorSwatchPickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
1513
|
-
export interface ColorSwatchPickerItemRenderProps extends Omit<ListBoxItemRenderProps, 'selectionMode' | 'selectionBehavior'> {
|
|
1514
|
-
/** The color of the swatch. */
|
|
1515
|
-
color: Color;
|
|
1516
|
-
}
|
|
1517
|
-
export interface ColorSwatchPickerItemProps extends RenderProps<ColorSwatchPickerItemRenderProps>, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1518
|
-
/**
|
|
1519
|
-
* 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.
|
|
1520
|
-
* @default 'react-aria-ColorSwatchPickerItem'
|
|
1521
|
-
*/
|
|
1522
|
-
className?: ClassNameOrFunction<ColorSwatchPickerItemRenderProps>;
|
|
1523
|
-
/** The color of the swatch. */
|
|
1524
|
-
color: string | Color;
|
|
1525
|
-
/** Whether the color swatch is disabled. */
|
|
1526
|
-
isDisabled?: boolean;
|
|
1527
|
-
}
|
|
1528
|
-
export const ColorSwatchPickerItem: React.ForwardRefExoticComponent<ColorSwatchPickerItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
1529
|
-
export interface ColorPickerRenderProps {
|
|
1530
|
-
/** The currently selected color. */
|
|
1531
|
-
color: Color;
|
|
1532
|
-
}
|
|
1533
|
-
export interface ColorPickerProps extends _ColorPickerProps1, SlotProps {
|
|
1534
|
-
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
1535
|
-
children: ChildrenOrFunction<ColorPickerRenderProps>;
|
|
1536
|
-
}
|
|
1537
|
-
export const ColorPickerContext: React.Context<SlottedContextValue<ColorPickerProps>>;
|
|
1538
|
-
export const ColorPickerStateContext: React.Context<ColorPickerState | null>;
|
|
1539
|
-
/**
|
|
1540
|
-
* A ColorPicker synchronizes a color value between multiple React Aria color components.
|
|
1541
|
-
* It simplifies building color pickers with customizable layouts via composition.
|
|
1542
|
-
*/
|
|
1543
|
-
export function ColorPicker(props: ColorPickerProps): JSX.Element;
|
|
1544
|
-
export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>, RenderProps<OverlayArrowRenderProps>, _DOMProps1 {
|
|
1545
|
-
/**
|
|
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.
|
|
1547
|
-
* @default 'react-aria-OverlayArrow'
|
|
1548
|
-
*/
|
|
1549
|
-
className?: ClassNameOrFunction<OverlayArrowRenderProps>;
|
|
1550
|
-
}
|
|
1551
|
-
export interface OverlayArrowRenderProps {
|
|
1552
|
-
/**
|
|
1553
|
-
* The placement of the overlay relative to the trigger.
|
|
1554
|
-
* @selector [data-placement="left | right | top | bottom"]
|
|
1555
|
-
*/
|
|
1556
|
-
placement: PlacementAxis | null;
|
|
1557
|
-
}
|
|
1558
|
-
/**
|
|
1559
|
-
* An OverlayArrow renders a custom arrow element relative to an overlay element
|
|
1560
|
-
* such as a popover or tooltip such that it aligns with a trigger element.
|
|
1561
|
-
*/
|
|
1562
|
-
export const OverlayArrow: (props: OverlayArrowProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1563
|
-
export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1564
|
-
/**
|
|
1565
|
-
* 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.
|
|
1566
|
-
* @default 'react-aria-Popover'
|
|
1567
|
-
*/
|
|
1568
|
-
className?: ClassNameOrFunction<PopoverRenderProps>;
|
|
1569
|
-
/**
|
|
1570
|
-
* The name of the component that triggered the popover. This is reflected on the element
|
|
1571
|
-
* as the `data-trigger` attribute, and can be used to provide specific
|
|
1572
|
-
* styles for the popover depending on which element triggered it.
|
|
1573
|
-
*/
|
|
1574
|
-
trigger?: string;
|
|
1575
|
-
/**
|
|
1576
|
-
* The ref for the element which the popover positions itself with respect to.
|
|
1577
|
-
*
|
|
1578
|
-
* When used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,
|
|
1579
|
-
* this is set automatically. It is only required when used standalone.
|
|
1580
|
-
*/
|
|
1581
|
-
triggerRef?: RefObject<Element | null>;
|
|
1582
|
-
/**
|
|
1583
|
-
* Whether the popover is currently performing an entry animation.
|
|
1584
|
-
*/
|
|
1585
|
-
isEntering?: boolean;
|
|
1586
|
-
/**
|
|
1587
|
-
* Whether the popover is currently performing an exit animation.
|
|
1588
|
-
*/
|
|
1589
|
-
isExiting?: boolean;
|
|
1590
|
-
/**
|
|
1591
|
-
* The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.
|
|
1592
|
-
* @default document.body
|
|
1593
|
-
* @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.
|
|
1594
|
-
*/
|
|
1595
|
-
UNSTABLE_portalContainer?: Element;
|
|
1596
|
-
/**
|
|
1597
|
-
* The additional offset applied along the main axis between the element and its
|
|
1598
|
-
* anchor element.
|
|
1599
|
-
* @default 8
|
|
1600
|
-
*/
|
|
1601
|
-
offset?: number;
|
|
1602
|
-
}
|
|
1603
|
-
export interface PopoverRenderProps {
|
|
1604
|
-
/**
|
|
1605
|
-
* The name of the component that triggered the popover, e.g. "DialogTrigger" or "ComboBox".
|
|
1606
|
-
* @selector [data-trigger="..."]
|
|
1607
|
-
*/
|
|
1608
|
-
trigger: string | null;
|
|
1609
|
-
/**
|
|
1610
|
-
* The placement of the popover relative to the trigger.
|
|
1611
|
-
* @selector [data-placement="left | right | top | bottom"]
|
|
1612
|
-
*/
|
|
1613
|
-
placement: PlacementAxis | null;
|
|
1614
|
-
/**
|
|
1615
|
-
* Whether the popover is currently entering. Use this to apply animations.
|
|
1616
|
-
* @selector [data-entering]
|
|
1617
|
-
*/
|
|
1618
|
-
isEntering: boolean;
|
|
1619
|
-
/**
|
|
1620
|
-
* Whether the popover is currently exiting. Use this to apply animations.
|
|
1621
|
-
* @selector [data-exiting]
|
|
1622
|
-
*/
|
|
1623
|
-
isExiting: boolean;
|
|
1624
|
-
}
|
|
1625
|
-
interface PopoverContextValue extends PopoverProps {
|
|
1626
|
-
/** Contexts to clear. */
|
|
1627
|
-
clearContexts?: Context<any>[];
|
|
1628
|
-
}
|
|
1629
|
-
export const PopoverContext: React.Context<ContextValue<PopoverContextValue, HTMLElement>>;
|
|
1630
|
-
/**
|
|
1631
|
-
* A popover is an overlay element positioned relative to a trigger.
|
|
1632
|
-
*/
|
|
1633
|
-
export const Popover: (props: PopoverProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1634
|
-
interface KeyboardProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'kbd', undefined> {
|
|
1635
|
-
}
|
|
1636
|
-
export const KeyboardContext: React.Context<ContextValue<KeyboardProps, HTMLElement>>;
|
|
1637
|
-
export const Keyboard: React.ForwardRefExoticComponent<KeyboardProps & React.RefAttributes<HTMLElement>>;
|
|
1638
|
-
export const MenuContext: React.Context<ContextValue<MenuProps<any>, HTMLDivElement>>;
|
|
1639
|
-
export const MenuStateContext: React.Context<TreeState<any> | null>;
|
|
1640
|
-
export const RootMenuTriggerStateContext: React.Context<RootMenuTriggerState | null>;
|
|
1641
|
-
export interface MenuTriggerProps extends _MenuTriggerProps1 {
|
|
1642
|
-
children: ReactNode;
|
|
1643
|
-
}
|
|
1644
|
-
export function MenuTrigger(props: MenuTriggerProps): JSX.Element;
|
|
1645
|
-
export interface SubmenuTriggerProps {
|
|
1646
|
-
/**
|
|
1647
|
-
* The contents of the SubmenuTrigger. The first child should be an Item (the trigger) and the second child should be the Popover (for the submenu).
|
|
1648
|
-
*/
|
|
1649
|
-
children: ReactElement[];
|
|
1650
|
-
/**
|
|
1651
|
-
* The delay time in milliseconds for the submenu to appear after hovering over the trigger.
|
|
1652
|
-
* @default 200
|
|
1653
|
-
*/
|
|
1654
|
-
delay?: number;
|
|
1655
|
-
}
|
|
1656
|
-
/**
|
|
1657
|
-
* A submenu trigger is used to wrap a submenu's trigger item and the submenu itself.
|
|
1658
|
-
*
|
|
1659
|
-
* @version alpha
|
|
1660
|
-
*/
|
|
1661
|
-
export const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1662
|
-
interface MenuRenderProps {
|
|
1663
|
-
/**
|
|
1664
|
-
* Whether the menu has no items and should display its empty state.
|
|
1665
|
-
* @selector [data-empty]
|
|
1666
|
-
*/
|
|
1667
|
-
isEmpty: boolean;
|
|
1668
|
-
}
|
|
1669
|
-
export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<MenuRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1670
|
-
/**
|
|
1671
|
-
* 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.
|
|
1672
|
-
* @default 'react-aria-Menu'
|
|
1673
|
-
*/
|
|
1674
|
-
className?: ClassNameOrFunction<MenuRenderProps>;
|
|
1675
|
-
/** Provides content to display when there are no items in the list. */
|
|
1676
|
-
renderEmptyState?: () => ReactNode;
|
|
1677
|
-
/** Whether the menu should close when the menu item is selected. */
|
|
1678
|
-
shouldCloseOnSelect?: boolean;
|
|
1679
|
-
}
|
|
1680
|
-
/**
|
|
1681
|
-
* A menu displays a list of actions or options that a user can choose.
|
|
1682
|
-
*/
|
|
1683
|
-
export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1684
|
-
export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection, DOMRenderProps<'section', undefined> {
|
|
1685
|
-
/**
|
|
1686
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1687
|
-
* @default 'react-aria-MenuSection'
|
|
1688
|
-
*/
|
|
1689
|
-
className?: string;
|
|
1690
|
-
/** Whether the menu should close when the menu item is selected. */
|
|
1691
|
-
shouldCloseOnSelect?: boolean;
|
|
1692
|
-
}
|
|
1693
|
-
/**
|
|
1694
|
-
* A MenuSection represents a section within a Menu.
|
|
1695
|
-
*/
|
|
1696
|
-
export const MenuSection: <T extends object>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
|
|
1697
|
-
export interface MenuItemRenderProps extends ItemRenderProps {
|
|
1698
|
-
/**
|
|
1699
|
-
* Whether the item has a submenu.
|
|
1700
|
-
*
|
|
1701
|
-
* @selector [data-has-submenu]
|
|
1702
|
-
*/
|
|
1703
|
-
hasSubmenu: boolean;
|
|
1704
|
-
/**
|
|
1705
|
-
* Whether the item's submenu is open.
|
|
1706
|
-
*
|
|
1707
|
-
* @selector [data-open]
|
|
1708
|
-
*/
|
|
1709
|
-
isOpen: boolean;
|
|
1710
|
-
}
|
|
1711
|
-
export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', MenuItemRenderProps>, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1712
|
-
/**
|
|
1713
|
-
* 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.
|
|
1714
|
-
* @default 'react-aria-MenuItem'
|
|
1715
|
-
*/
|
|
1716
|
-
className?: ClassNameOrFunction<MenuItemRenderProps>;
|
|
1717
|
-
/** The unique id of the item. */
|
|
1718
|
-
id?: Key;
|
|
1719
|
-
/** The object value that this item represents. When using dynamic collections, this is set automatically. */
|
|
1720
|
-
value?: T;
|
|
1721
|
-
/** A string representation of the item's contents, used for features like typeahead. */
|
|
1722
|
-
textValue?: string;
|
|
1723
|
-
/** An accessibility label for this item. */
|
|
1724
|
-
'aria-label'?: string;
|
|
1725
|
-
/** Whether the item is disabled. */
|
|
1726
|
-
isDisabled?: boolean;
|
|
1727
|
-
/** Handler that is called when the item is selected. */
|
|
1728
|
-
onAction?: () => void;
|
|
1729
|
-
/** Whether the menu should close when the menu item is selected. */
|
|
1730
|
-
shouldCloseOnSelect?: boolean;
|
|
1731
|
-
}
|
|
1732
|
-
/**
|
|
1733
|
-
* A MenuItem represents an individual action in a Menu.
|
|
1734
|
-
*/
|
|
1735
|
-
export const MenuItem: <T extends object>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1736
|
-
export interface DialogTriggerProps extends OverlayTriggerProps {
|
|
1737
|
-
children: ReactNode;
|
|
1738
|
-
}
|
|
1739
|
-
export interface DialogRenderProps {
|
|
1740
|
-
close: () => void;
|
|
1741
|
-
}
|
|
1742
|
-
export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, DOMRenderProps<'section', undefined>, GlobalDOMAttributes<HTMLElement> {
|
|
1743
|
-
/**
|
|
1744
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1745
|
-
* @default 'react-aria-Dialog'
|
|
1746
|
-
*/
|
|
1747
|
-
className?: string;
|
|
1748
|
-
/** Children of the dialog. A function may be provided to access a function to close the dialog. */
|
|
1749
|
-
children?: ReactNode | ((opts: DialogRenderProps) => ReactNode);
|
|
1750
|
-
}
|
|
1751
|
-
export const DialogContext: React.Context<ContextValue<DialogProps, HTMLElement>>;
|
|
1752
|
-
export const OverlayTriggerStateContext: React.Context<OverlayTriggerState | null>;
|
|
1753
|
-
/**
|
|
1754
|
-
* A DialogTrigger opens a dialog when a trigger element is pressed.
|
|
1755
|
-
*/
|
|
1756
|
-
export function DialogTrigger(props: DialogTriggerProps): JSX.Element;
|
|
1757
|
-
/**
|
|
1758
|
-
* A dialog is an overlay shown above other content in an application.
|
|
1759
|
-
*/
|
|
1760
|
-
export const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1761
|
-
type SelectionMode = 'single' | 'multiple';
|
|
1762
|
-
export interface ComboBoxRenderProps {
|
|
1763
|
-
/**
|
|
1764
|
-
* Whether the combobox is currently open.
|
|
1765
|
-
* @selector [data-open]
|
|
1766
|
-
*/
|
|
1767
|
-
isOpen: boolean;
|
|
1768
|
-
/**
|
|
1769
|
-
* Whether the combobox is disabled.
|
|
1770
|
-
* @selector [data-disabled]
|
|
1771
|
-
*/
|
|
1772
|
-
isDisabled: boolean;
|
|
1773
|
-
/**
|
|
1774
|
-
* Whether the combobox is invalid.
|
|
1775
|
-
* @selector [data-invalid]
|
|
1776
|
-
*/
|
|
1777
|
-
isInvalid: boolean;
|
|
1778
|
-
/**
|
|
1779
|
-
* Whether the combobox is required.
|
|
1780
|
-
* @selector [data-required]
|
|
1781
|
-
*/
|
|
1782
|
-
isRequired: boolean;
|
|
1783
|
-
}
|
|
1784
|
-
export interface ComboBoxProps<T extends object, M extends SelectionMode = 'single'> extends Omit<AriaComboBoxProps<T, M>, 'children' | 'placeholder' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<ComboBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1785
|
-
/**
|
|
1786
|
-
* 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.
|
|
1787
|
-
* @default 'react-aria-ComboBox'
|
|
1788
|
-
*/
|
|
1789
|
-
className?: ClassNameOrFunction<ComboBoxRenderProps>;
|
|
1790
|
-
/** The filter function used to determine if a option should be included in the combo box list. */
|
|
1791
|
-
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
1792
|
-
/**
|
|
1793
|
-
* Whether the text or key of the selected item is submitted as part of an HTML form.
|
|
1794
|
-
* When `allowsCustomValue` is `true`, this option does not apply and the text is always submitted.
|
|
1795
|
-
* @default 'key'
|
|
1796
|
-
*/
|
|
1797
|
-
formValue?: 'text' | 'key';
|
|
1798
|
-
/** Whether the combo box allows the menu to be open when the collection is empty. */
|
|
1799
|
-
allowsEmptyCollection?: boolean;
|
|
1800
|
-
}
|
|
1801
|
-
export const ComboBoxContext: React.Context<ContextValue<ComboBoxProps<any, SelectionMode>, HTMLDivElement>>;
|
|
1802
|
-
export const ComboBoxStateContext: React.Context<ComboBoxState<any, SelectionMode> | null>;
|
|
1803
|
-
/**
|
|
1804
|
-
* A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
|
|
1805
|
-
*/
|
|
1806
|
-
export const ComboBox: <T extends object, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1807
|
-
export interface ComboBoxValueRenderProps<T> {
|
|
1808
|
-
/**
|
|
1809
|
-
* Whether the value is a placeholder.
|
|
1810
|
-
* @selector [data-placeholder]
|
|
1811
|
-
*/
|
|
1812
|
-
isPlaceholder: boolean;
|
|
1813
|
-
/** The object values of the currently selected items. */
|
|
1814
|
-
selectedItems: (T | null)[];
|
|
1815
|
-
/** The textValue of the currently selected items. */
|
|
1816
|
-
selectedText: string;
|
|
1817
|
-
/** The state of the ComboBox. */
|
|
1818
|
-
state: ComboBoxState<T, 'single' | 'multiple'>;
|
|
1819
|
-
}
|
|
1820
|
-
export interface ComboBoxValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<ComboBoxValueRenderProps<T>, 'div'> {
|
|
1821
|
-
/**
|
|
1822
|
-
* 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.
|
|
1823
|
-
* @default 'react-aria-ComboBoxValue'
|
|
1824
|
-
*/
|
|
1825
|
-
className?: ClassNameOrFunction<ComboBoxValueRenderProps<T>>;
|
|
1826
|
-
/** A value to display when no items are selected. */
|
|
1827
|
-
placeholder?: ReactNode;
|
|
1828
|
-
}
|
|
1829
|
-
export const ComboBoxValueContext: React.Context<ContextValue<ComboBoxValueProps<any>, HTMLDivElement>>;
|
|
1830
|
-
/**
|
|
1831
|
-
* ComboBoxValue renders the selected values of a ComboBox, or a placeholder if no value is selected.
|
|
1832
|
-
* By default, the items are rendered as a comma separated list. Use the render function to customize this.
|
|
1833
|
-
*/
|
|
1834
|
-
export const ComboBoxValue: <T extends object>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1835
|
-
export interface DateFieldRenderProps {
|
|
1836
|
-
/**
|
|
1837
|
-
* State of the date field.
|
|
1838
|
-
*/
|
|
1839
|
-
state: DateFieldState;
|
|
1840
|
-
/**
|
|
1841
|
-
* Whether the date field is invalid.
|
|
1842
|
-
* @selector [data-invalid]
|
|
1843
|
-
*/
|
|
1844
|
-
isInvalid: boolean;
|
|
1845
|
-
/**
|
|
1846
|
-
* Whether the date field is disabled.
|
|
1847
|
-
* @selector [data-disabled]
|
|
1848
|
-
*/
|
|
1849
|
-
isDisabled: boolean;
|
|
1850
|
-
/**
|
|
1851
|
-
* Whether the date field is read only.
|
|
1852
|
-
* @selector [data-readonly]
|
|
1853
|
-
*/
|
|
1854
|
-
isReadOnly: boolean;
|
|
1855
|
-
/**
|
|
1856
|
-
* Whether the date field is required.
|
|
1857
|
-
* @selector [data-required]
|
|
1858
|
-
*/
|
|
1859
|
-
isRequired: boolean;
|
|
1860
|
-
}
|
|
1861
|
-
export interface DateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1862
|
-
/**
|
|
1863
|
-
* 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.
|
|
1864
|
-
* @default 'react-aria-DateField'
|
|
1865
|
-
*/
|
|
1866
|
-
className?: ClassNameOrFunction<DateFieldRenderProps>;
|
|
1867
|
-
}
|
|
1868
|
-
export interface TimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1869
|
-
/**
|
|
1870
|
-
* 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.
|
|
1871
|
-
* @default 'react-aria-TimeField'
|
|
1872
|
-
*/
|
|
1873
|
-
className?: ClassNameOrFunction<DateFieldRenderProps>;
|
|
1874
|
-
}
|
|
1875
|
-
export const DateFieldContext: React.Context<ContextValue<DateFieldProps<any>, HTMLDivElement>>;
|
|
1876
|
-
export const TimeFieldContext: React.Context<ContextValue<TimeFieldProps<any>, HTMLDivElement>>;
|
|
1877
|
-
export const DateFieldStateContext: React.Context<DateFieldState | null>;
|
|
1878
|
-
export const TimeFieldStateContext: React.Context<TimeFieldState | null>;
|
|
1879
|
-
/**
|
|
1880
|
-
* A date field allows users to enter and edit date and time values using a keyboard.
|
|
1881
|
-
* Each part of a date value is displayed in an individually editable segment.
|
|
1882
|
-
*/
|
|
1883
|
-
export const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1884
|
-
/**
|
|
1885
|
-
* A time field allows users to enter and edit time values using a keyboard.
|
|
1886
|
-
* Each part of a time value is displayed in an individually editable segment.
|
|
1887
|
-
*/
|
|
1888
|
-
export const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1889
|
-
export interface DateInputRenderProps {
|
|
1890
|
-
/**
|
|
1891
|
-
* Whether the date input is currently hovered with a mouse.
|
|
1892
|
-
* @selector [data-hovered]
|
|
1893
|
-
*/
|
|
1894
|
-
isHovered: boolean;
|
|
1895
|
-
/**
|
|
1896
|
-
* Whether an element within the date input is focused, either via a mouse or keyboard.
|
|
1897
|
-
* @selector [data-focus-within]
|
|
1898
|
-
*/
|
|
1899
|
-
isFocusWithin: boolean;
|
|
1900
|
-
/**
|
|
1901
|
-
* Whether an element within the date input is keyboard focused.
|
|
1902
|
-
* @selector [data-focus-visible]
|
|
1903
|
-
*/
|
|
1904
|
-
isFocusVisible: boolean;
|
|
1905
|
-
/**
|
|
1906
|
-
* Whether the date input is disabled.
|
|
1907
|
-
* @selector [data-disabled]
|
|
1908
|
-
*/
|
|
1909
|
-
isDisabled: boolean;
|
|
1910
|
-
/**
|
|
1911
|
-
* Whether the date input is invalid.
|
|
1912
|
-
* @selector [data-invalid]
|
|
1913
|
-
*/
|
|
1914
|
-
isInvalid: boolean;
|
|
1915
|
-
}
|
|
1916
|
-
export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
1917
|
-
/**
|
|
1918
|
-
* 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.
|
|
1919
|
-
* @default 'react-aria-DateInput'
|
|
1920
|
-
*/
|
|
1921
|
-
className?: ClassNameOrFunction<DateInputRenderProps>;
|
|
1922
|
-
children: (segment: _DateSegment1) => ReactElement;
|
|
1923
|
-
}
|
|
1924
|
-
/**
|
|
1925
|
-
* A date input groups the editable date segments within a date field.
|
|
1926
|
-
*/
|
|
1927
|
-
export const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1928
|
-
export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'> {
|
|
1929
|
-
/**
|
|
1930
|
-
* Whether the segment is currently hovered with a mouse.
|
|
1931
|
-
* @selector [data-hovered]
|
|
1932
|
-
*/
|
|
1933
|
-
isHovered: boolean;
|
|
1934
|
-
/**
|
|
1935
|
-
* Whether the segment is focused, either via a mouse or keyboard.
|
|
1936
|
-
* @selector [data-focused]
|
|
1937
|
-
*/
|
|
1938
|
-
isFocused: boolean;
|
|
1939
|
-
/**
|
|
1940
|
-
* Whether the segment is keyboard focused.
|
|
1941
|
-
* @selector [data-focus-visible]
|
|
1942
|
-
*/
|
|
1943
|
-
isFocusVisible: boolean;
|
|
1944
|
-
/**
|
|
1945
|
-
* Whether the value is a placeholder.
|
|
1946
|
-
* @selector [data-placeholder]
|
|
1947
|
-
*/
|
|
1948
|
-
isPlaceholder: boolean;
|
|
1949
|
-
/**
|
|
1950
|
-
* Whether the segment is read only.
|
|
1951
|
-
* @selector [data-readonly]
|
|
1952
|
-
*/
|
|
1953
|
-
isReadOnly: boolean;
|
|
1954
|
-
/**
|
|
1955
|
-
* Whether the date field is disabled.
|
|
1956
|
-
* @selector [data-disabled]
|
|
1957
|
-
*/
|
|
1958
|
-
isDisabled: boolean;
|
|
1959
|
-
/**
|
|
1960
|
-
* Whether the date field is in an invalid state.
|
|
1961
|
-
* @selector [data-invalid]
|
|
1962
|
-
*/
|
|
1963
|
-
isInvalid: boolean;
|
|
1964
|
-
/**
|
|
1965
|
-
* The type of segment. Values include `literal`, `year`, `month`, `day`, etc.
|
|
1966
|
-
* @selector [data-type="..."]
|
|
1967
|
-
*/
|
|
1968
|
-
type: DateSegmentType;
|
|
1969
|
-
}
|
|
1970
|
-
export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 'span'>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
|
|
1971
|
-
/**
|
|
1972
|
-
* 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.
|
|
1973
|
-
* @default 'react-aria-DateSegment'
|
|
1974
|
-
*/
|
|
1975
|
-
className?: ClassNameOrFunction<DateSegmentRenderProps>;
|
|
1976
|
-
segment: _DateSegment1;
|
|
1977
|
-
}
|
|
1978
|
-
/**
|
|
1979
|
-
* A date segment displays an individual unit of a date and time, and allows users to edit
|
|
1980
|
-
* the value by typing or using the arrow keys to increment and decrement.
|
|
1981
|
-
*/
|
|
1982
|
-
export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement | null;
|
|
1983
|
-
export interface DatePickerRenderProps {
|
|
1984
|
-
/**
|
|
1985
|
-
* Whether an element within the date picker is focused, either via a mouse or keyboard.
|
|
1986
|
-
* @selector [data-focus-within]
|
|
1987
|
-
*/
|
|
1988
|
-
isFocusWithin: boolean;
|
|
1989
|
-
/**
|
|
1990
|
-
* Whether an element within the date picker is keyboard focused.
|
|
1991
|
-
* @selector [data-focus-visible]
|
|
1992
|
-
*/
|
|
1993
|
-
isFocusVisible: boolean;
|
|
1994
|
-
/**
|
|
1995
|
-
* Whether the date picker is disabled.
|
|
1996
|
-
* @selector [data-disabled]
|
|
1997
|
-
*/
|
|
1998
|
-
isDisabled: boolean;
|
|
1999
|
-
/**
|
|
2000
|
-
* Whether the date picker is read only.
|
|
2001
|
-
* @selector [data-readonly]
|
|
2002
|
-
*/
|
|
2003
|
-
isReadOnly: boolean;
|
|
2004
|
-
/**
|
|
2005
|
-
* Whether the date picker is invalid.
|
|
2006
|
-
* @selector [data-invalid]
|
|
2007
|
-
*/
|
|
2008
|
-
isInvalid: boolean;
|
|
2009
|
-
/**
|
|
2010
|
-
* Whether the date picker is required.
|
|
2011
|
-
* @selector [data-required]
|
|
2012
|
-
*/
|
|
2013
|
-
isRequired: boolean;
|
|
2014
|
-
/**
|
|
2015
|
-
* Whether the date picker's popover is currently open.
|
|
2016
|
-
* @selector [data-open]
|
|
2017
|
-
*/
|
|
2018
|
-
isOpen: boolean;
|
|
2019
|
-
/**
|
|
2020
|
-
* State of the date picker.
|
|
2021
|
-
*/
|
|
2022
|
-
state: DatePickerState;
|
|
2023
|
-
}
|
|
2024
|
-
export interface DateRangePickerRenderProps extends Omit<DatePickerRenderProps, 'state'> {
|
|
2025
|
-
/**
|
|
2026
|
-
* State of the date range picker.
|
|
2027
|
-
*/
|
|
2028
|
-
state: DateRangePickerState;
|
|
2029
|
-
}
|
|
2030
|
-
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> {
|
|
2031
|
-
/**
|
|
2032
|
-
* 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.
|
|
2033
|
-
* @default 'react-aria-DatePicker'
|
|
2034
|
-
*/
|
|
2035
|
-
className?: ClassNameOrFunction<DatePickerRenderProps>;
|
|
2036
|
-
}
|
|
2037
|
-
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> {
|
|
2038
|
-
/**
|
|
2039
|
-
* 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.
|
|
2040
|
-
* @default 'react-aria-DateRangePicker'
|
|
2041
|
-
*/
|
|
2042
|
-
className?: ClassNameOrFunction<DateRangePickerRenderProps>;
|
|
2043
|
-
}
|
|
2044
|
-
export const DatePickerContext: React.Context<ContextValue<DatePickerProps<any>, HTMLDivElement>>;
|
|
2045
|
-
export const DateRangePickerContext: React.Context<ContextValue<DateRangePickerProps<any>, HTMLDivElement>>;
|
|
2046
|
-
export const DatePickerStateContext: React.Context<DatePickerState | null>;
|
|
2047
|
-
export const DateRangePickerStateContext: React.Context<DateRangePickerState | null>;
|
|
2048
|
-
/**
|
|
2049
|
-
* A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.
|
|
2050
|
-
*/
|
|
2051
|
-
export const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2052
|
-
/**
|
|
2053
|
-
* A date range picker combines two DateFields and a RangeCalendar popover to allow
|
|
2054
|
-
* users to enter or select a date and time range.
|
|
2055
|
-
*/
|
|
2056
|
-
export const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2057
|
-
export interface DisclosureGroupProps extends _DisclosureGroupProps1, RenderProps<DisclosureGroupRenderProps>, _DOMProps1, GlobalDOMAttributes<HTMLDivElement> {
|
|
2058
|
-
/**
|
|
2059
|
-
* 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.
|
|
2060
|
-
* @default 'react-aria-DisclosureGroup'
|
|
2061
|
-
*/
|
|
2062
|
-
className?: ClassNameOrFunction<DisclosureGroupRenderProps>;
|
|
2063
|
-
}
|
|
2064
|
-
export interface DisclosureGroupRenderProps {
|
|
2065
|
-
/**
|
|
2066
|
-
* Whether the disclosure group is disabled.
|
|
2067
|
-
* @selector [data-disabled]
|
|
2068
|
-
*/
|
|
2069
|
-
isDisabled: boolean;
|
|
2070
|
-
/**
|
|
2071
|
-
* State of the disclosure group.
|
|
2072
|
-
*/
|
|
2073
|
-
state: DisclosureGroupState;
|
|
2074
|
-
}
|
|
2075
|
-
export const DisclosureGroupStateContext: React.Context<DisclosureGroupState | null>;
|
|
2076
|
-
/**
|
|
2077
|
-
* A DisclosureGroup is a grouping of related disclosures, sometimes called an accordion.
|
|
2078
|
-
* It supports both single and multiple expanded items.
|
|
2079
|
-
*/
|
|
2080
|
-
export const DisclosureGroup: React.ForwardRefExoticComponent<DisclosureGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
2081
|
-
export interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, RenderProps<DisclosureRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2082
|
-
/**
|
|
2083
|
-
* 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.
|
|
2084
|
-
* @default 'react-aria-Disclosure'
|
|
2085
|
-
*/
|
|
2086
|
-
className?: ClassNameOrFunction<DisclosureRenderProps>;
|
|
2087
|
-
/** An id for the disclosure when used within a DisclosureGroup, matching the id used in `expandedKeys`. */
|
|
2088
|
-
id?: Key;
|
|
2089
|
-
}
|
|
2090
|
-
export interface DisclosureRenderProps {
|
|
2091
|
-
/**
|
|
2092
|
-
* Whether the disclosure is expanded.
|
|
2093
|
-
* @selector [data-expanded]
|
|
2094
|
-
*/
|
|
2095
|
-
isExpanded: boolean;
|
|
2096
|
-
/**
|
|
2097
|
-
* Whether the disclosure has keyboard focus.
|
|
2098
|
-
* @selector [data-focus-visible-within]
|
|
2099
|
-
*/
|
|
2100
|
-
isFocusVisibleWithin: boolean;
|
|
2101
|
-
/**
|
|
2102
|
-
* Whether the disclosure is disabled.
|
|
2103
|
-
* @selector [data-disabled]
|
|
2104
|
-
*/
|
|
2105
|
-
isDisabled: boolean;
|
|
2106
|
-
/**
|
|
2107
|
-
* State of the disclosure.
|
|
2108
|
-
*/
|
|
2109
|
-
state: DisclosureState;
|
|
2110
|
-
}
|
|
2111
|
-
export const DisclosureContext: React.Context<ContextValue<DisclosureProps, HTMLDivElement>>;
|
|
2112
|
-
export const DisclosureStateContext: React.Context<DisclosureState | null>;
|
|
2113
|
-
/**
|
|
2114
|
-
* A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.
|
|
2115
|
-
*/
|
|
2116
|
-
export const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2117
|
-
export interface DisclosurePanelRenderProps {
|
|
2118
|
-
/**
|
|
2119
|
-
* Whether keyboard focus is within the disclosure panel.
|
|
2120
|
-
* @selector [data-focus-visible-within]
|
|
2121
|
-
*/
|
|
2122
|
-
isFocusVisibleWithin: boolean;
|
|
2123
|
-
}
|
|
2124
|
-
export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderProps>, _DOMProps1, LabelAriaProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2125
|
-
/**
|
|
2126
|
-
* 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.
|
|
2127
|
-
* @default 'react-aria-DisclosurePanel'
|
|
2128
|
-
*/
|
|
2129
|
-
className?: ClassNameOrFunction<DisclosurePanelRenderProps>;
|
|
2130
|
-
/**
|
|
2131
|
-
* The accessibility role for the disclosure's panel.
|
|
2132
|
-
* @default 'group'
|
|
2133
|
-
*/
|
|
2134
|
-
role?: 'group' | 'region';
|
|
2135
|
-
/**
|
|
2136
|
-
* The children of the component.
|
|
2137
|
-
*/
|
|
2138
|
-
children: ReactNode;
|
|
2139
|
-
}
|
|
2140
|
-
/**
|
|
2141
|
-
* A DisclosurePanel provides the content for a disclosure.
|
|
2142
|
-
*/
|
|
2143
|
-
export const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2144
|
-
export interface DropZoneRenderProps {
|
|
2145
|
-
/**
|
|
2146
|
-
* Whether the dropzone is currently hovered with a mouse.
|
|
2147
|
-
* @selector [data-hovered]
|
|
2148
|
-
*/
|
|
2149
|
-
isHovered: boolean;
|
|
2150
|
-
/**
|
|
2151
|
-
* Whether the dropzone is focused, either via a mouse or keyboard.
|
|
2152
|
-
* @selector [data-focused]
|
|
2153
|
-
*/
|
|
2154
|
-
isFocused: boolean;
|
|
2155
|
-
/**
|
|
2156
|
-
* Whether the dropzone is keyboard focused.
|
|
2157
|
-
* @selector [data-focus-visible]
|
|
2158
|
-
*/
|
|
2159
|
-
isFocusVisible: boolean;
|
|
2160
|
-
/**
|
|
2161
|
-
* Whether the dropzone is the drop target.
|
|
2162
|
-
* @selector [data-drop-target]
|
|
2163
|
-
*/
|
|
2164
|
-
isDropTarget: boolean;
|
|
2165
|
-
/**
|
|
2166
|
-
* Whether the dropzone is disabled.
|
|
2167
|
-
* @selector [data-disabled]
|
|
2168
|
-
*/
|
|
2169
|
-
isDisabled: boolean;
|
|
2170
|
-
}
|
|
2171
|
-
export interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, _HoverEvents1, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2172
|
-
/**
|
|
2173
|
-
* 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.
|
|
2174
|
-
* @default 'react-aria-DropZone'
|
|
2175
|
-
*/
|
|
2176
|
-
className?: ClassNameOrFunction<DropZoneRenderProps>;
|
|
2177
|
-
}
|
|
2178
|
-
export const DropZoneContext: React.Context<ContextValue<DropZoneProps, HTMLDivElement>>;
|
|
2179
|
-
/**
|
|
2180
|
-
* A drop zone is an area into which one or multiple objects can be dragged and dropped.
|
|
2181
|
-
*/
|
|
2182
|
-
export const DropZone: React.ForwardRefExoticComponent<DropZoneProps & React.RefAttributes<HTMLDivElement>>;
|
|
2183
|
-
export interface FileTriggerProps extends GlobalDOMAttributes<HTMLInputElement> {
|
|
2184
|
-
/**
|
|
2185
|
-
* Specifies what mime type of files are allowed.
|
|
2186
|
-
*/
|
|
2187
|
-
acceptedFileTypes?: ReadonlyArray<string>;
|
|
2188
|
-
/**
|
|
2189
|
-
* Whether multiple files can be selected.
|
|
2190
|
-
*/
|
|
2191
|
-
allowsMultiple?: boolean;
|
|
2192
|
-
/**
|
|
2193
|
-
* Specifies the use of a media capture mechanism to capture the media on the spot.
|
|
2194
|
-
*/
|
|
2195
|
-
defaultCamera?: 'user' | 'environment';
|
|
2196
|
-
/**
|
|
2197
|
-
* Handler when a user selects a file.
|
|
2198
|
-
*/
|
|
2199
|
-
onSelect?: (files: FileList | null) => void;
|
|
2200
|
-
/**
|
|
2201
|
-
* The children of the component.
|
|
2202
|
-
*/
|
|
2203
|
-
children?: ReactNode;
|
|
2204
|
-
/**
|
|
2205
|
-
* Enables the selection of directories instead of individual files.
|
|
2206
|
-
*/
|
|
2207
|
-
acceptDirectory?: boolean;
|
|
2208
|
-
}
|
|
2209
|
-
/**
|
|
2210
|
-
* A FileTrigger allows a user to access the file system with any pressable React Aria or React Spectrum component, or custom components built with usePress.
|
|
2211
|
-
*/
|
|
2212
|
-
export const FileTrigger: React.ForwardRefExoticComponent<FileTriggerProps & React.RefAttributes<HTMLInputElement>>;
|
|
2213
|
-
export interface GridListRenderProps {
|
|
2214
|
-
/**
|
|
2215
|
-
* Whether the list has no items and should display its empty state.
|
|
2216
|
-
* @selector [data-empty]
|
|
2217
|
-
*/
|
|
2218
|
-
isEmpty: boolean;
|
|
2219
|
-
/**
|
|
2220
|
-
* Whether the grid list is currently focused.
|
|
2221
|
-
* @selector [data-focused]
|
|
2222
|
-
*/
|
|
2223
|
-
isFocused: boolean;
|
|
2224
|
-
/**
|
|
2225
|
-
* Whether the grid list is currently keyboard focused.
|
|
2226
|
-
* @selector [data-focus-visible]
|
|
2227
|
-
*/
|
|
2228
|
-
isFocusVisible: boolean;
|
|
2229
|
-
/**
|
|
2230
|
-
* Whether the grid list is currently the active drop target.
|
|
2231
|
-
* @selector [data-drop-target]
|
|
2232
|
-
*/
|
|
2233
|
-
isDropTarget: boolean;
|
|
2234
|
-
/**
|
|
2235
|
-
* Whether the items are arranged in a stack or grid.
|
|
2236
|
-
* @selector [data-layout="stack | grid"]
|
|
2237
|
-
*/
|
|
2238
|
-
layout: 'stack' | 'grid';
|
|
2239
|
-
/**
|
|
2240
|
-
* State of the grid list.
|
|
2241
|
-
*/
|
|
2242
|
-
state: ListState<unknown>;
|
|
2243
|
-
}
|
|
2244
|
-
export interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2245
|
-
/**
|
|
2246
|
-
* 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.
|
|
2247
|
-
* @default 'react-aria-GridList'
|
|
2248
|
-
*/
|
|
2249
|
-
className?: ClassNameOrFunction<GridListRenderProps>;
|
|
2250
|
-
/**
|
|
2251
|
-
* Whether typeahead navigation is disabled.
|
|
2252
|
-
* @default false
|
|
2253
|
-
*/
|
|
2254
|
-
disallowTypeAhead?: boolean;
|
|
2255
|
-
/**
|
|
2256
|
-
* How multiple selection should behave in the collection.
|
|
2257
|
-
* @default "toggle"
|
|
2258
|
-
*/
|
|
2259
|
-
selectionBehavior?: SelectionBehavior;
|
|
2260
|
-
/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the GridList. */
|
|
2261
|
-
dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
|
|
2262
|
-
/** Provides content to display when there are no items in the list. */
|
|
2263
|
-
renderEmptyState?: (props: GridListRenderProps) => ReactNode;
|
|
2264
|
-
/**
|
|
2265
|
-
* Whether the items are arranged in a stack or grid.
|
|
2266
|
-
* @default 'stack'
|
|
2267
|
-
*/
|
|
2268
|
-
layout?: 'stack' | 'grid';
|
|
2269
|
-
}
|
|
2270
|
-
export const GridListContext: React.Context<ContextValue<GridListProps<any>, HTMLDivElement>>;
|
|
2271
|
-
/**
|
|
2272
|
-
* A grid list displays a list of interactive items, with support for keyboard navigation,
|
|
2273
|
-
* single or multiple selection, and row actions.
|
|
2274
|
-
*/
|
|
2275
|
-
export const GridList: <T extends object>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2276
|
-
export interface GridListItemRenderProps extends ItemRenderProps {
|
|
2277
|
-
/** The unique id of the item. */
|
|
2278
|
-
id?: Key;
|
|
2279
|
-
/**
|
|
2280
|
-
* State of the grid list.
|
|
2281
|
-
*/
|
|
2282
|
-
state: ListState<unknown>;
|
|
2283
|
-
}
|
|
2284
|
-
export interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
2285
|
-
/**
|
|
2286
|
-
* 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.
|
|
2287
|
-
* @default 'react-aria-GridListItem'
|
|
2288
|
-
*/
|
|
2289
|
-
className?: ClassNameOrFunction<GridListItemRenderProps>;
|
|
2290
|
-
/** The unique id of the item. */
|
|
2291
|
-
id?: Key;
|
|
2292
|
-
/** The object value that this item represents. When using dynamic collections, this is set automatically. */
|
|
2293
|
-
value?: T;
|
|
2294
|
-
/** A string representation of the item's contents, used for features like typeahead. */
|
|
2295
|
-
textValue?: string;
|
|
2296
|
-
/** Whether the item is disabled. */
|
|
2297
|
-
isDisabled?: boolean;
|
|
2298
|
-
/**
|
|
2299
|
-
* Handler that is called when a user performs an action on the item. The exact user event depends on
|
|
2300
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
2301
|
-
*/
|
|
2302
|
-
onAction?: () => void;
|
|
2303
|
-
}
|
|
2304
|
-
/**
|
|
2305
|
-
* A GridListItem represents an individual item in a GridList.
|
|
2306
|
-
*/
|
|
2307
|
-
export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2308
|
-
export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
2309
|
-
/**
|
|
2310
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2311
|
-
* @default 'react-aria-GridListLoadMoreItem'
|
|
2312
|
-
*/
|
|
2313
|
-
className?: string;
|
|
2314
|
-
/**
|
|
2315
|
-
* The load more spinner to render when loading additional items.
|
|
2316
|
-
*/
|
|
2317
|
-
children?: ReactNode;
|
|
2318
|
-
/**
|
|
2319
|
-
* Whether or not the loading spinner should be rendered or not.
|
|
2320
|
-
*/
|
|
2321
|
-
isLoading?: boolean;
|
|
2322
|
-
}
|
|
2323
|
-
export const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2324
|
-
export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
|
|
2325
|
-
/**
|
|
2326
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2327
|
-
* @default 'react-aria-GridListSection'
|
|
2328
|
-
*/
|
|
2329
|
-
className?: string;
|
|
2330
|
-
}
|
|
2331
|
-
/**
|
|
2332
|
-
* A GridListSection represents a section within a GridList.
|
|
2333
|
-
*/
|
|
2334
|
-
export const GridListSection: <T extends object>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2335
|
-
interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
|
|
2336
|
-
}
|
|
2337
|
-
export const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
|
|
2338
|
-
export const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2339
|
-
export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2340
|
-
/**
|
|
2341
|
-
* 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.
|
|
2342
|
-
* @default 'react-aria-Meter'
|
|
2343
|
-
*/
|
|
2344
|
-
className?: ClassNameOrFunction<MeterRenderProps>;
|
|
2345
|
-
}
|
|
2346
|
-
export interface MeterRenderProps {
|
|
2347
|
-
/**
|
|
2348
|
-
* The value as a percentage between the minimum and maximum.
|
|
2349
|
-
*/
|
|
2350
|
-
percentage: number;
|
|
2351
|
-
/**
|
|
2352
|
-
* A formatted version of the value.
|
|
2353
|
-
* @selector [aria-valuetext]
|
|
2354
|
-
*/
|
|
2355
|
-
valueText: string | undefined;
|
|
2356
|
-
}
|
|
2357
|
-
export const MeterContext: React.Context<ContextValue<MeterProps, HTMLDivElement>>;
|
|
2358
|
-
/**
|
|
2359
|
-
* A meter represents a quantity within a known range, or a fractional value.
|
|
2360
|
-
*/
|
|
2361
|
-
export const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2362
|
-
export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2363
|
-
/**
|
|
2364
|
-
* 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.
|
|
2365
|
-
* @default 'react-aria-ModalOverlay'
|
|
2366
|
-
*/
|
|
2367
|
-
className?: ClassNameOrFunction<ModalRenderProps>;
|
|
2368
|
-
/**
|
|
2369
|
-
* Whether the modal is currently performing an entry animation.
|
|
2370
|
-
*/
|
|
2371
|
-
isEntering?: boolean;
|
|
2372
|
-
/**
|
|
2373
|
-
* Whether the modal is currently performing an exit animation.
|
|
2374
|
-
*/
|
|
2375
|
-
isExiting?: boolean;
|
|
2376
|
-
/**
|
|
2377
|
-
* The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.
|
|
2378
|
-
* @default document.body
|
|
2379
|
-
* @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.
|
|
2380
|
-
*/
|
|
2381
|
-
UNSTABLE_portalContainer?: Element;
|
|
2382
|
-
}
|
|
2383
|
-
export const ModalContext: React.Context<ContextValue<ModalOverlayProps, HTMLDivElement>>;
|
|
2384
|
-
export interface ModalRenderProps {
|
|
2385
|
-
/**
|
|
2386
|
-
* Whether the modal is currently entering. Use this to apply animations.
|
|
2387
|
-
* @selector [data-entering]
|
|
2388
|
-
*/
|
|
2389
|
-
isEntering: boolean;
|
|
2390
|
-
/**
|
|
2391
|
-
* Whether the modal is currently exiting. Use this to apply animations.
|
|
2392
|
-
* @selector [data-exiting]
|
|
2393
|
-
*/
|
|
2394
|
-
isExiting: boolean;
|
|
2395
|
-
/**
|
|
2396
|
-
* State of the modal.
|
|
2397
|
-
*/
|
|
2398
|
-
state: OverlayTriggerState;
|
|
2399
|
-
}
|
|
2400
|
-
/**
|
|
2401
|
-
* A modal is an overlay element which blocks interaction with elements outside it.
|
|
2402
|
-
*/
|
|
2403
|
-
export const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2404
|
-
/**
|
|
2405
|
-
* A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.
|
|
2406
|
-
*/
|
|
2407
|
-
export const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2408
|
-
export interface NumberFieldRenderProps {
|
|
2409
|
-
/**
|
|
2410
|
-
* Whether the number field is disabled.
|
|
2411
|
-
* @selector [data-disabled]
|
|
2412
|
-
*/
|
|
2413
|
-
isDisabled: boolean;
|
|
2414
|
-
/**
|
|
2415
|
-
* Whether the number field is invalid.
|
|
2416
|
-
* @selector [data-invalid]
|
|
2417
|
-
*/
|
|
2418
|
-
isInvalid: boolean;
|
|
2419
|
-
/**
|
|
2420
|
-
* Whether the number field is required.
|
|
2421
|
-
* @selector [data-required]
|
|
2422
|
-
*/
|
|
2423
|
-
isRequired: boolean;
|
|
2424
|
-
/**
|
|
2425
|
-
* State of the number field.
|
|
2426
|
-
*/
|
|
2427
|
-
state: NumberFieldState;
|
|
2428
|
-
}
|
|
2429
|
-
export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<NumberFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2430
|
-
/**
|
|
2431
|
-
* 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.
|
|
2432
|
-
* @default 'react-aria-NumberField'
|
|
2433
|
-
*/
|
|
2434
|
-
className?: ClassNameOrFunction<NumberFieldRenderProps>;
|
|
2435
|
-
}
|
|
2436
|
-
export const NumberFieldContext: React.Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
|
|
2437
|
-
export const NumberFieldStateContext: React.Context<NumberFieldState | null>;
|
|
2438
|
-
/**
|
|
2439
|
-
* A number field allows a user to enter a number, and increment or decrement the value using stepper buttons.
|
|
2440
|
-
*/
|
|
2441
|
-
export const NumberField: (props: NumberFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2442
|
-
export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<RadioGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2443
|
-
/**
|
|
2444
|
-
* 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.
|
|
2445
|
-
* @default 'react-aria-RadioGroup'
|
|
2446
|
-
*/
|
|
2447
|
-
className?: ClassNameOrFunction<RadioGroupRenderProps>;
|
|
2448
|
-
}
|
|
2449
|
-
export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
2450
|
-
/**
|
|
2451
|
-
* 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.
|
|
2452
|
-
* @default 'react-aria-Radio'
|
|
2453
|
-
*/
|
|
2454
|
-
className?: ClassNameOrFunction<RadioRenderProps>;
|
|
2455
|
-
/**
|
|
2456
|
-
* A ref for the HTML input element.
|
|
2457
|
-
*/
|
|
2458
|
-
inputRef?: RefObject<HTMLInputElement | null>;
|
|
2459
|
-
}
|
|
2460
|
-
export interface RadioGroupRenderProps {
|
|
2461
|
-
/**
|
|
2462
|
-
* The orientation of the radio group.
|
|
2463
|
-
* @selector [data-orientation="horizontal | vertical"]
|
|
2464
|
-
*/
|
|
2465
|
-
orientation: Orientation;
|
|
2466
|
-
/**
|
|
2467
|
-
* Whether the radio group is disabled.
|
|
2468
|
-
* @selector [data-disabled]
|
|
2469
|
-
*/
|
|
2470
|
-
isDisabled: boolean;
|
|
2471
|
-
/**
|
|
2472
|
-
* Whether the radio group is read only.
|
|
2473
|
-
* @selector [data-readonly]
|
|
2474
|
-
*/
|
|
2475
|
-
isReadOnly: boolean;
|
|
2476
|
-
/**
|
|
2477
|
-
* Whether the radio group is required.
|
|
2478
|
-
* @selector [data-required]
|
|
2479
|
-
*/
|
|
2480
|
-
isRequired: boolean;
|
|
2481
|
-
/**
|
|
2482
|
-
* Whether the radio group is invalid.
|
|
2483
|
-
* @selector [data-invalid]
|
|
2484
|
-
*/
|
|
2485
|
-
isInvalid: boolean;
|
|
2486
|
-
/**
|
|
2487
|
-
* State of the radio group.
|
|
2488
|
-
*/
|
|
2489
|
-
state: RadioGroupState;
|
|
2490
|
-
}
|
|
2491
|
-
export interface RadioRenderProps {
|
|
2492
|
-
/**
|
|
2493
|
-
* Whether the radio is selected.
|
|
2494
|
-
* @selector [data-selected]
|
|
2495
|
-
*/
|
|
2496
|
-
isSelected: boolean;
|
|
2497
|
-
/**
|
|
2498
|
-
* Whether the radio is currently hovered with a mouse.
|
|
2499
|
-
* @selector [data-hovered]
|
|
2500
|
-
*/
|
|
2501
|
-
isHovered: boolean;
|
|
2502
|
-
/**
|
|
2503
|
-
* Whether the radio is currently in a pressed state.
|
|
2504
|
-
* @selector [data-pressed]
|
|
2505
|
-
*/
|
|
2506
|
-
isPressed: boolean;
|
|
2507
|
-
/**
|
|
2508
|
-
* Whether the radio is focused, either via a mouse or keyboard.
|
|
2509
|
-
* @selector [data-focused]
|
|
2510
|
-
*/
|
|
2511
|
-
isFocused: boolean;
|
|
2512
|
-
/**
|
|
2513
|
-
* Whether the radio is keyboard focused.
|
|
2514
|
-
* @selector [data-focus-visible]
|
|
2515
|
-
*/
|
|
2516
|
-
isFocusVisible: boolean;
|
|
2517
|
-
/**
|
|
2518
|
-
* Whether the radio is disabled.
|
|
2519
|
-
* @selector [data-disabled]
|
|
2520
|
-
*/
|
|
2521
|
-
isDisabled: boolean;
|
|
2522
|
-
/**
|
|
2523
|
-
* Whether the radio is read only.
|
|
2524
|
-
* @selector [data-readonly]
|
|
2525
|
-
*/
|
|
2526
|
-
isReadOnly: boolean;
|
|
2527
|
-
/**
|
|
2528
|
-
* Whether the radio is invalid.
|
|
2529
|
-
* @selector [data-invalid]
|
|
2530
|
-
*/
|
|
2531
|
-
isInvalid: boolean;
|
|
2532
|
-
/**
|
|
2533
|
-
* Whether the checkbox is required.
|
|
2534
|
-
* @selector [data-required]
|
|
2535
|
-
*/
|
|
2536
|
-
isRequired: boolean;
|
|
2537
|
-
}
|
|
2538
|
-
export const RadioGroupContext: React.Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
|
|
2539
|
-
export const RadioContext: React.Context<ContextValue<Partial<RadioProps>, HTMLLabelElement>>;
|
|
2540
|
-
export const RadioGroupStateContext: React.Context<RadioGroupState | null>;
|
|
2541
|
-
/**
|
|
2542
|
-
* A radio group allows a user to select a single item from a list of mutually exclusive options.
|
|
2543
|
-
*/
|
|
2544
|
-
export const RadioGroup: (props: RadioGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2545
|
-
/**
|
|
2546
|
-
* A radio represents an individual option within a radio group.
|
|
2547
|
-
*/
|
|
2548
|
-
export const Radio: (props: RadioProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
2549
|
-
export interface SearchFieldRenderProps {
|
|
2550
|
-
/**
|
|
2551
|
-
* Whether the search field is empty.
|
|
2552
|
-
* @selector [data-empty]
|
|
2553
|
-
*/
|
|
2554
|
-
isEmpty: boolean;
|
|
2555
|
-
/**
|
|
2556
|
-
* Whether the search field is disabled.
|
|
2557
|
-
* @selector [data-disabled]
|
|
2558
|
-
*/
|
|
2559
|
-
isDisabled: boolean;
|
|
2560
|
-
/**
|
|
2561
|
-
* Whether the search field is invalid.
|
|
2562
|
-
* @selector [data-invalid]
|
|
2563
|
-
*/
|
|
2564
|
-
isInvalid: boolean;
|
|
2565
|
-
/**
|
|
2566
|
-
* Whether the search field is read only.
|
|
2567
|
-
* @selector [data-readonly]
|
|
2568
|
-
*/
|
|
2569
|
-
isReadOnly: boolean;
|
|
2570
|
-
/**
|
|
2571
|
-
* Whether the search field is required.
|
|
2572
|
-
* @selector [data-required]
|
|
2573
|
-
*/
|
|
2574
|
-
isRequired: boolean;
|
|
2575
|
-
/**
|
|
2576
|
-
* State of the search field.
|
|
2577
|
-
*/
|
|
2578
|
-
state: SearchFieldState;
|
|
2579
|
-
}
|
|
2580
|
-
export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<SearchFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2581
|
-
/**
|
|
2582
|
-
* 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.
|
|
2583
|
-
* @default 'react-aria-SearchField'
|
|
2584
|
-
*/
|
|
2585
|
-
className?: ClassNameOrFunction<SearchFieldRenderProps>;
|
|
2586
|
-
}
|
|
2587
|
-
export const SearchFieldContext: React.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
|
|
2588
|
-
/**
|
|
2589
|
-
* A search field allows a user to enter and clear a search query.
|
|
2590
|
-
*/
|
|
2591
|
-
export const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2592
|
-
type _SelectionMode1 = 'single' | 'multiple';
|
|
2593
|
-
export interface SelectRenderProps {
|
|
2594
|
-
/**
|
|
2595
|
-
* Whether the select is focused, either via a mouse or keyboard.
|
|
2596
|
-
* @selector [data-focused]
|
|
2597
|
-
*/
|
|
2598
|
-
isFocused: boolean;
|
|
2599
|
-
/**
|
|
2600
|
-
* Whether the select is keyboard focused.
|
|
2601
|
-
* @selector [data-focus-visible]
|
|
2602
|
-
*/
|
|
2603
|
-
isFocusVisible: boolean;
|
|
2604
|
-
/**
|
|
2605
|
-
* Whether the select is disabled.
|
|
2606
|
-
* @selector [data-disabled]
|
|
2607
|
-
*/
|
|
2608
|
-
isDisabled: boolean;
|
|
2609
|
-
/**
|
|
2610
|
-
* Whether the select is currently open.
|
|
2611
|
-
* @selector [data-open]
|
|
2612
|
-
*/
|
|
2613
|
-
isOpen: boolean;
|
|
2614
|
-
/**
|
|
2615
|
-
* Whether the select is invalid.
|
|
2616
|
-
* @selector [data-invalid]
|
|
2617
|
-
*/
|
|
2618
|
-
isInvalid: boolean;
|
|
2619
|
-
/**
|
|
2620
|
-
* Whether the select is required.
|
|
2621
|
-
* @selector [data-required]
|
|
2622
|
-
*/
|
|
2623
|
-
isRequired: boolean;
|
|
2624
|
-
}
|
|
2625
|
-
export interface SelectProps<T extends object = {}, M extends _SelectionMode1 = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2626
|
-
/**
|
|
2627
|
-
* 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.
|
|
2628
|
-
* @default 'react-aria-Select'
|
|
2629
|
-
*/
|
|
2630
|
-
className?: ClassNameOrFunction<SelectRenderProps>;
|
|
2631
|
-
/**
|
|
2632
|
-
* Temporary text that occupies the select when it is empty.
|
|
2633
|
-
* @default 'Select an item' (localized)
|
|
2634
|
-
*/
|
|
2635
|
-
placeholder?: string;
|
|
2636
|
-
}
|
|
2637
|
-
export const SelectContext: React.Context<ContextValue<SelectProps<any, _SelectionMode1>, HTMLDivElement>>;
|
|
2638
|
-
export const SelectStateContext: React.Context<SelectState<unknown, _SelectionMode1> | null>;
|
|
2639
|
-
/**
|
|
2640
|
-
* A select displays a collapsible list of options and allows a user to select one of them.
|
|
2641
|
-
*/
|
|
2642
|
-
export const Select: <T extends object = {}, M extends _SelectionMode1 = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2643
|
-
export interface SelectValueRenderProps<T> {
|
|
2644
|
-
/**
|
|
2645
|
-
* Whether the value is a placeholder.
|
|
2646
|
-
* @selector [data-placeholder]
|
|
2647
|
-
*/
|
|
2648
|
-
isPlaceholder: boolean;
|
|
2649
|
-
/**
|
|
2650
|
-
* The object value of the first selected item.
|
|
2651
|
-
* @deprecated
|
|
2652
|
-
*/
|
|
2653
|
-
selectedItem: T | null;
|
|
2654
|
-
/** The object values of the currently selected items. */
|
|
2655
|
-
selectedItems: (T | null)[];
|
|
2656
|
-
/** The textValue of the currently selected items. */
|
|
2657
|
-
selectedText: string;
|
|
2658
|
-
/** The state of the select. */
|
|
2659
|
-
state: SelectState<T, 'single' | 'multiple'>;
|
|
2660
|
-
}
|
|
2661
|
-
export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>, 'span'> {
|
|
2662
|
-
/**
|
|
2663
|
-
* 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.
|
|
2664
|
-
* @default 'react-aria-SelectValue'
|
|
2665
|
-
*/
|
|
2666
|
-
className?: ClassNameOrFunction<SelectValueRenderProps<T>>;
|
|
2667
|
-
}
|
|
2668
|
-
export const SelectValueContext: React.Context<ContextValue<SelectValueProps<any>, HTMLSpanElement>>;
|
|
2669
|
-
/**
|
|
2670
|
-
* SelectValue renders the current value of a Select, or a placeholder if no value is selected.
|
|
2671
|
-
* It is usually placed within the button element.
|
|
2672
|
-
*/
|
|
2673
|
-
export const SelectValue: <T extends object>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement | null;
|
|
2674
|
-
export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
2675
|
-
/**
|
|
2676
|
-
* 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.
|
|
2677
|
-
* @default 'react-aria-Switch'
|
|
2678
|
-
*/
|
|
2679
|
-
className?: ClassNameOrFunction<SwitchRenderProps>;
|
|
2680
|
-
/**
|
|
2681
|
-
* A ref for the HTML input element.
|
|
2682
|
-
*/
|
|
2683
|
-
inputRef?: RefObject<HTMLInputElement | null>;
|
|
2684
|
-
}
|
|
2685
|
-
export interface SwitchRenderProps {
|
|
2686
|
-
/**
|
|
2687
|
-
* Whether the switch is selected.
|
|
2688
|
-
* @selector [data-selected]
|
|
2689
|
-
*/
|
|
2690
|
-
isSelected: boolean;
|
|
2691
|
-
/**
|
|
2692
|
-
* Whether the switch is currently hovered with a mouse.
|
|
2693
|
-
* @selector [data-hovered]
|
|
2694
|
-
*/
|
|
2695
|
-
isHovered: boolean;
|
|
2696
|
-
/**
|
|
2697
|
-
* Whether the switch is currently in a pressed state.
|
|
2698
|
-
* @selector [data-pressed]
|
|
2699
|
-
*/
|
|
2700
|
-
isPressed: boolean;
|
|
2701
|
-
/**
|
|
2702
|
-
* Whether the switch is focused, either via a mouse or keyboard.
|
|
2703
|
-
* @selector [data-focused]
|
|
2704
|
-
*/
|
|
2705
|
-
isFocused: boolean;
|
|
2706
|
-
/**
|
|
2707
|
-
* Whether the switch is keyboard focused.
|
|
2708
|
-
* @selector [data-focus-visible]
|
|
2709
|
-
*/
|
|
2710
|
-
isFocusVisible: boolean;
|
|
2711
|
-
/**
|
|
2712
|
-
* Whether the switch is disabled.
|
|
2713
|
-
* @selector [data-disabled]
|
|
2714
|
-
*/
|
|
2715
|
-
isDisabled: boolean;
|
|
2716
|
-
/**
|
|
2717
|
-
* Whether the switch is read only.
|
|
2718
|
-
* @selector [data-readonly]
|
|
2719
|
-
*/
|
|
2720
|
-
isReadOnly: boolean;
|
|
2721
|
-
/**
|
|
2722
|
-
* State of the switch.
|
|
2723
|
-
*/
|
|
2724
|
-
state: ToggleState;
|
|
2725
|
-
}
|
|
2726
|
-
export const SwitchContext: React.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
|
|
2727
|
-
/**
|
|
2728
|
-
* A switch allows a user to turn a setting on or off.
|
|
2729
|
-
*/
|
|
2730
|
-
export const Switch: (props: SwitchProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
2731
|
-
export interface ResizableTableContainerProps extends DOMProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
2732
|
-
/**
|
|
2733
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2734
|
-
* @default 'react-aria-ResizableTableContainer'
|
|
2735
|
-
*/
|
|
2736
|
-
className?: string;
|
|
2737
|
-
/**
|
|
2738
|
-
* Handler that is called when a user starts a column resize.
|
|
2739
|
-
*/
|
|
2740
|
-
onResizeStart?: (widths: Map<Key, ColumnSize>) => void;
|
|
2741
|
-
/**
|
|
2742
|
-
* Handler that is called when a user performs a column resize.
|
|
2743
|
-
* Can be used with the width property on columns to put the column widths into
|
|
2744
|
-
* a controlled state.
|
|
2745
|
-
*/
|
|
2746
|
-
onResize?: (widths: Map<Key, ColumnSize>) => void;
|
|
2747
|
-
/**
|
|
2748
|
-
* Handler that is called after a user performs a column resize.
|
|
2749
|
-
* Can be used to store the widths of columns for another future session.
|
|
2750
|
-
*/
|
|
2751
|
-
onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;
|
|
2752
|
-
}
|
|
2753
|
-
export const ResizableTableContainer: React.ForwardRefExoticComponent<ResizableTableContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
2754
|
-
export const TableContext: React.Context<ContextValue<TableProps, HTMLDivElement | HTMLTableElement>>;
|
|
2755
|
-
export const TableStateContext: React.Context<TableState<any> | null>;
|
|
2756
|
-
export const TableColumnResizeStateContext: React.Context<TableColumnResizeState<unknown> | null>;
|
|
2757
|
-
export interface TableRenderProps {
|
|
2758
|
-
/**
|
|
2759
|
-
* Whether the table is currently focused.
|
|
2760
|
-
* @selector [data-focused]
|
|
2761
|
-
*/
|
|
2762
|
-
isFocused: boolean;
|
|
2763
|
-
/**
|
|
2764
|
-
* Whether the table is currently keyboard focused.
|
|
2765
|
-
* @selector [data-focus-visible]
|
|
2766
|
-
*/
|
|
2767
|
-
isFocusVisible: boolean;
|
|
2768
|
-
/**
|
|
2769
|
-
* Whether the table is currently the active drop target.
|
|
2770
|
-
* @selector [data-drop-target]
|
|
2771
|
-
*/
|
|
2772
|
-
isDropTarget: boolean;
|
|
2773
|
-
/**
|
|
2774
|
-
* State of the table.
|
|
2775
|
-
*/
|
|
2776
|
-
state: TableState<unknown>;
|
|
2777
|
-
}
|
|
2778
|
-
export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps, 'table' | 'div'>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
|
|
2779
|
-
/**
|
|
2780
|
-
* 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.
|
|
2781
|
-
* @default 'react-aria-Table'
|
|
2782
|
-
*/
|
|
2783
|
-
className?: ClassNameOrFunction<TableRenderProps>;
|
|
2784
|
-
/** The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows. */
|
|
2785
|
-
children?: ReactNode;
|
|
2786
|
-
/**
|
|
2787
|
-
* How multiple selection should behave in the collection.
|
|
2788
|
-
* @default "toggle"
|
|
2789
|
-
*/
|
|
2790
|
-
selectionBehavior?: SelectionBehavior;
|
|
2791
|
-
/**
|
|
2792
|
-
* Whether `disabledKeys` applies to all interactions, or only selection.
|
|
2793
|
-
* @default "all"
|
|
2794
|
-
*/
|
|
2795
|
-
disabledBehavior?: DisabledBehavior;
|
|
2796
|
-
/** Handler that is called when a user performs an action on the row. */
|
|
2797
|
-
onRowAction?: (key: Key) => void;
|
|
2798
|
-
/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the Table. */
|
|
2799
|
-
dragAndDropHooks?: DragAndDropHooks;
|
|
2800
|
-
}
|
|
2801
|
-
/**
|
|
2802
|
-
* A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys,
|
|
2803
|
-
* and optionally supports row selection and sorting.
|
|
2804
|
-
*/
|
|
2805
|
-
export const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement | HTMLTableElement>>;
|
|
2806
|
-
interface TableOptionsContextValue {
|
|
2807
|
-
/** The type of selection that is allowed in the table. */
|
|
2808
|
-
selectionMode: _SelectionMode2;
|
|
2809
|
-
/** The selection behavior for the table. If selectionMode is `"none"`, this will be `null`. */
|
|
2810
|
-
selectionBehavior: SelectionBehavior | null;
|
|
2811
|
-
/** Whether the table allows empty selection. */
|
|
2812
|
-
disallowEmptySelection: boolean;
|
|
2813
|
-
/** Whether the table allows rows to be dragged. */
|
|
2814
|
-
allowsDragging: boolean;
|
|
2815
|
-
}
|
|
2816
|
-
/**
|
|
2817
|
-
* Returns options from the parent `<Table>` component.
|
|
2818
|
-
*/
|
|
2819
|
-
export function useTableOptions(): TableOptionsContextValue;
|
|
2820
|
-
interface TableHeaderRenderProps {
|
|
2821
|
-
/**
|
|
2822
|
-
* Whether the table header is currently hovered with a mouse.
|
|
2823
|
-
* @selector [data-hovered]
|
|
2824
|
-
*/
|
|
2825
|
-
isHovered: boolean;
|
|
2826
|
-
}
|
|
2827
|
-
export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps, 'thead' | 'div'>, _HoverEvents1, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
2828
|
-
/**
|
|
2829
|
-
* 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.
|
|
2830
|
-
* @default 'react-aria-TableHeader'
|
|
2831
|
-
*/
|
|
2832
|
-
className?: ClassNameOrFunction<TableHeaderRenderProps>;
|
|
2833
|
-
/** A list of table columns. */
|
|
2834
|
-
columns?: Iterable<T>;
|
|
2835
|
-
/** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
|
|
2836
|
-
children?: ReactNode | ((item: T) => ReactElement);
|
|
2837
|
-
/** Values that should invalidate the column cache when using dynamic collections. */
|
|
2838
|
-
dependencies?: ReadonlyArray<any>;
|
|
2839
|
-
}
|
|
2840
|
-
/**
|
|
2841
|
-
* A header within a `<Table>`, containing the table columns.
|
|
2842
|
-
*/
|
|
2843
|
-
export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement | null;
|
|
2844
|
-
export interface ColumnRenderProps {
|
|
2845
|
-
/**
|
|
2846
|
-
* Whether the column is currently hovered with a mouse.
|
|
2847
|
-
* @selector [data-hovered]
|
|
2848
|
-
*/
|
|
2849
|
-
isHovered: boolean;
|
|
2850
|
-
/**
|
|
2851
|
-
* Whether the column is currently in a pressed state.
|
|
2852
|
-
* @selector [data-pressed]
|
|
2853
|
-
*/
|
|
2854
|
-
isPressed: boolean;
|
|
2855
|
-
/**
|
|
2856
|
-
* Whether the column is currently focused.
|
|
2857
|
-
* @selector [data-focused]
|
|
2858
|
-
*/
|
|
2859
|
-
isFocused: boolean;
|
|
2860
|
-
/**
|
|
2861
|
-
* Whether the column is currently keyboard focused.
|
|
2862
|
-
* @selector [data-focus-visible]
|
|
2863
|
-
*/
|
|
2864
|
-
isFocusVisible: boolean;
|
|
2865
|
-
/**
|
|
2866
|
-
* Whether the column allows sorting.
|
|
2867
|
-
* @selector [data-allows-sorting]
|
|
2868
|
-
*/
|
|
2869
|
-
allowsSorting: boolean;
|
|
2870
|
-
/**
|
|
2871
|
-
* The current sort direction.
|
|
2872
|
-
* @selector [data-sort-direction="ascending | descending"]
|
|
2873
|
-
*/
|
|
2874
|
-
sortDirection: SortDirection | undefined;
|
|
2875
|
-
/**
|
|
2876
|
-
* Whether the column is currently being resized.
|
|
2877
|
-
* @selector [data-resizing]
|
|
2878
|
-
*/
|
|
2879
|
-
isResizing: boolean;
|
|
2880
|
-
/**
|
|
2881
|
-
* Triggers sorting for this column in the given direction.
|
|
2882
|
-
*/
|
|
2883
|
-
sort(direction: SortDirection): void;
|
|
2884
|
-
/**
|
|
2885
|
-
* Starts column resizing if the table is contained in a `<ResizableTableContainer>` element.
|
|
2886
|
-
*/
|
|
2887
|
-
startResize(): void;
|
|
2888
|
-
}
|
|
2889
|
-
export interface ColumnProps extends RenderProps<ColumnRenderProps, 'th' | 'div'>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
2890
|
-
/**
|
|
2891
|
-
* 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.
|
|
2892
|
-
* @default 'react-aria-Column'
|
|
2893
|
-
*/
|
|
2894
|
-
className?: ClassNameOrFunction<ColumnRenderProps>;
|
|
2895
|
-
/** The unique id of the column. */
|
|
2896
|
-
id?: Key;
|
|
2897
|
-
/** Whether the column allows sorting. */
|
|
2898
|
-
allowsSorting?: boolean;
|
|
2899
|
-
/** Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be announced by assistive technology during row navigation. */
|
|
2900
|
-
isRowHeader?: boolean;
|
|
2901
|
-
/** A string representation of the column's contents, used for accessibility announcements. */
|
|
2902
|
-
textValue?: string;
|
|
2903
|
-
/** The width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
2904
|
-
width?: ColumnSize | null;
|
|
2905
|
-
/** The default width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
2906
|
-
defaultWidth?: ColumnSize | null;
|
|
2907
|
-
/** The minimum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
2908
|
-
minWidth?: ColumnStaticSize | null;
|
|
2909
|
-
/** The maximum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
|
|
2910
|
-
maxWidth?: ColumnStaticSize | null;
|
|
2911
|
-
}
|
|
2912
|
-
/**
|
|
2913
|
-
* A column within a `<Table>`.
|
|
2914
|
-
*/
|
|
2915
|
-
export const Column: (props: ColumnProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement | null;
|
|
2916
|
-
export interface ColumnResizerRenderProps {
|
|
2917
|
-
/**
|
|
2918
|
-
* Whether the resizer is currently hovered with a mouse.
|
|
2919
|
-
* @selector [data-hovered]
|
|
2920
|
-
*/
|
|
2921
|
-
isHovered: boolean;
|
|
2922
|
-
/**
|
|
2923
|
-
* Whether the resizer is currently focused.
|
|
2924
|
-
* @selector [data-focused]
|
|
2925
|
-
*/
|
|
2926
|
-
isFocused: boolean;
|
|
2927
|
-
/**
|
|
2928
|
-
* Whether the resizer is currently keyboard focused.
|
|
2929
|
-
* @selector [data-focus-visible]
|
|
2930
|
-
*/
|
|
2931
|
-
isFocusVisible: boolean;
|
|
2932
|
-
/**
|
|
2933
|
-
* Whether the resizer is currently being resized.
|
|
2934
|
-
* @selector [data-resizing]
|
|
2935
|
-
*/
|
|
2936
|
-
isResizing: boolean;
|
|
2937
|
-
/**
|
|
2938
|
-
* The direction that the column is currently resizable.
|
|
2939
|
-
* @selector [data-resizable-direction="right | left | both"]
|
|
2940
|
-
*/
|
|
2941
|
-
resizableDirection: 'right' | 'left' | 'both';
|
|
2942
|
-
}
|
|
2943
|
-
export interface ColumnResizerProps extends _HoverEvents1, RenderProps<ColumnResizerRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
2944
|
-
/**
|
|
2945
|
-
* 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.
|
|
2946
|
-
* @default 'react-aria-ColumnResizer'
|
|
2947
|
-
*/
|
|
2948
|
-
className?: ClassNameOrFunction<ColumnResizerRenderProps>;
|
|
2949
|
-
/** A custom accessibility label for the resizer. */
|
|
2950
|
-
'aria-label'?: string;
|
|
2951
|
-
}
|
|
2952
|
-
export const ColumnResizer: React.ForwardRefExoticComponent<ColumnResizerProps & React.RefAttributes<HTMLDivElement>>;
|
|
2953
|
-
export interface TableBodyRenderProps {
|
|
2954
|
-
/**
|
|
2955
|
-
* Whether the table body has no rows and should display its empty state.
|
|
2956
|
-
* @selector [data-empty]
|
|
2957
|
-
*/
|
|
2958
|
-
isEmpty: boolean;
|
|
2959
|
-
/**
|
|
2960
|
-
* Whether the Table is currently the active drop target.
|
|
2961
|
-
* @selector [data-drop-target]
|
|
2962
|
-
*/
|
|
2963
|
-
isDropTarget: boolean;
|
|
2964
|
-
}
|
|
2965
|
-
export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps, 'tbody' | 'div'>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
2966
|
-
/**
|
|
2967
|
-
* 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.
|
|
2968
|
-
* @default 'react-aria-TableBody'
|
|
2969
|
-
*/
|
|
2970
|
-
className?: ClassNameOrFunction<TableBodyRenderProps>;
|
|
2971
|
-
/** Provides content to display when there are no rows in the table. */
|
|
2972
|
-
renderEmptyState?: (props: TableBodyRenderProps) => ReactNode;
|
|
2973
|
-
}
|
|
2974
|
-
/**
|
|
2975
|
-
* The body of a `<Table>`, containing the table rows.
|
|
2976
|
-
*/
|
|
2977
|
-
export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement | null;
|
|
2978
|
-
export interface RowRenderProps extends ItemRenderProps {
|
|
2979
|
-
/** Whether the row's children have keyboard focus. */
|
|
2980
|
-
isFocusVisibleWithin: boolean;
|
|
2981
|
-
/** The unique id of the row. */
|
|
2982
|
-
id?: Key;
|
|
2983
|
-
}
|
|
2984
|
-
export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'div'>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
|
|
2985
|
-
/**
|
|
2986
|
-
* 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.
|
|
2987
|
-
* @default 'react-aria-Row'
|
|
2988
|
-
*/
|
|
2989
|
-
className?: ClassNameOrFunction<RowRenderProps>;
|
|
2990
|
-
/** A list of columns used when dynamically rendering cells. */
|
|
2991
|
-
columns?: Iterable<T>;
|
|
2992
|
-
/** The cells within the row. Supports static items or a function for dynamic rendering. */
|
|
2993
|
-
children?: ReactNode | ((item: T) => ReactElement);
|
|
2994
|
-
/** The object value that this row represents. When using dynamic collections, this is set automatically. */
|
|
2995
|
-
value?: T;
|
|
2996
|
-
/** Values that should invalidate the cell cache when using dynamic collections. */
|
|
2997
|
-
dependencies?: ReadonlyArray<any>;
|
|
2998
|
-
/** A string representation of the row's contents, used for features like typeahead. */
|
|
2999
|
-
textValue?: string;
|
|
3000
|
-
/** Whether the row is disabled. */
|
|
3001
|
-
isDisabled?: boolean;
|
|
3002
|
-
/**
|
|
3003
|
-
* Handler that is called when a user performs an action on the row. The exact user event depends on
|
|
3004
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
3005
|
-
*/
|
|
3006
|
-
onAction?: () => void;
|
|
3007
|
-
/** The unique id of the row. */
|
|
3008
|
-
id?: Key;
|
|
3009
|
-
}
|
|
3010
|
-
/**
|
|
3011
|
-
* A row within a `<Table>`.
|
|
3012
|
-
*/
|
|
3013
|
-
export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableRowElement>) => ReactElement | null;
|
|
3014
|
-
export interface CellRenderProps {
|
|
3015
|
-
/**
|
|
3016
|
-
* Whether the cell is currently in a pressed state.
|
|
3017
|
-
* @selector [data-pressed]
|
|
3018
|
-
*/
|
|
3019
|
-
isPressed: boolean;
|
|
3020
|
-
/**
|
|
3021
|
-
* Whether the cell is currently focused.
|
|
3022
|
-
* @selector [data-focused]
|
|
3023
|
-
*/
|
|
3024
|
-
isFocused: boolean;
|
|
3025
|
-
/**
|
|
3026
|
-
* Whether the cell is currently keyboard focused.
|
|
3027
|
-
* @selector [data-focus-visible]
|
|
3028
|
-
*/
|
|
3029
|
-
isFocusVisible: boolean;
|
|
3030
|
-
/**
|
|
3031
|
-
* Whether the cell is currently hovered with a mouse.
|
|
3032
|
-
* @selector [data-hovered]
|
|
3033
|
-
*/
|
|
3034
|
-
isHovered: boolean;
|
|
3035
|
-
/**
|
|
3036
|
-
* Whether the parent row is currently selected.
|
|
3037
|
-
* @selector [data-selected]
|
|
3038
|
-
*/
|
|
3039
|
-
isSelected: boolean;
|
|
3040
|
-
/**
|
|
3041
|
-
* The unique id of the cell.
|
|
3042
|
-
**/
|
|
3043
|
-
id?: Key;
|
|
3044
|
-
/**
|
|
3045
|
-
* The index of the column that this cell belongs to. Respects col spanning.
|
|
3046
|
-
*/
|
|
3047
|
-
columnIndex?: number | null;
|
|
3048
|
-
}
|
|
3049
|
-
export interface CellProps extends RenderProps<CellRenderProps, 'td' | 'div'>, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
3050
|
-
/**
|
|
3051
|
-
* 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.
|
|
3052
|
-
* @default 'react-aria-Cell'
|
|
3053
|
-
*/
|
|
3054
|
-
className?: ClassNameOrFunction<CellRenderProps>;
|
|
3055
|
-
/** The unique id of the cell. */
|
|
3056
|
-
id?: Key;
|
|
3057
|
-
/** A string representation of the cell's contents, used for features like typeahead. */
|
|
3058
|
-
textValue?: string;
|
|
3059
|
-
/** Indicates how many columns the data cell spans. */
|
|
3060
|
-
colSpan?: number;
|
|
3061
|
-
}
|
|
3062
|
-
/**
|
|
3063
|
-
* A cell within a table row.
|
|
3064
|
-
*/
|
|
3065
|
-
export const Cell: (props: CellProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement | null;
|
|
3066
|
-
export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'tr' | 'div', undefined>, GlobalDOMAttributes<HTMLTableRowElement> {
|
|
3067
|
-
/**
|
|
3068
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
3069
|
-
* @default 'react-aria-TableLoadMoreItem'
|
|
3070
|
-
*/
|
|
3071
|
-
className?: string;
|
|
3072
|
-
/**
|
|
3073
|
-
* The load more spinner to render when loading additional items.
|
|
3074
|
-
*/
|
|
3075
|
-
children?: ReactNode;
|
|
3076
|
-
/**
|
|
3077
|
-
* Whether or not the loading spinner should be rendered or not.
|
|
3078
|
-
*/
|
|
3079
|
-
isLoading?: boolean;
|
|
3080
|
-
}
|
|
3081
|
-
export const TableLoadMoreItem: (props: TableLoadMoreItemProps & React.RefAttributes<HTMLTableRowElement>) => ReactElement | null;
|
|
3082
|
-
interface LayoutOptionsDelegate<O> {
|
|
3083
|
-
useLayoutOptions?(): O;
|
|
3084
|
-
}
|
|
3085
|
-
interface ILayout<O> extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {
|
|
3086
|
-
}
|
|
3087
|
-
interface LayoutClass<O> {
|
|
3088
|
-
new (): ILayout<O>;
|
|
3089
|
-
}
|
|
3090
|
-
export interface VirtualizerProps<O> {
|
|
3091
|
-
/** The child collection to virtualize (e.g. ListBox, GridList, or Table). */
|
|
3092
|
-
children: ReactNode;
|
|
3093
|
-
/** The layout object that determines the position and size of the visible elements. */
|
|
3094
|
-
layout: LayoutClass<O> | ILayout<O>;
|
|
3095
|
-
/** Options for the layout. */
|
|
3096
|
-
layoutOptions?: O;
|
|
3097
|
-
}
|
|
3098
|
-
/**
|
|
3099
|
-
* A Virtualizer renders a scrollable collection of data using customizable layouts.
|
|
3100
|
-
* It supports very large collections by only rendering visible items to the DOM, reusing
|
|
3101
|
-
* them as the user scrolls.
|
|
3102
|
-
*/
|
|
3103
|
-
export function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element;
|
|
3104
|
-
export class TableLayout<T, O extends TableLayoutProps = TableLayoutProps> extends _TableLayout1<T, O> implements LayoutOptionsDelegate<TableLayoutProps> {
|
|
3105
|
-
useLayoutOptions(): TableLayoutProps;
|
|
3106
|
-
}
|
|
3107
|
-
export interface TabsProps extends Omit<AriaTabListProps<any>, 'items' | 'children'>, RenderProps<TabsRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
3108
|
-
/**
|
|
3109
|
-
* 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.
|
|
3110
|
-
* @default 'react-aria-Tabs'
|
|
3111
|
-
*/
|
|
3112
|
-
className?: ClassNameOrFunction<TabsRenderProps>;
|
|
3113
|
-
}
|
|
3114
|
-
export interface TabsRenderProps {
|
|
3115
|
-
/**
|
|
3116
|
-
* The orientation of the tabs.
|
|
3117
|
-
* @selector [data-orientation="horizontal | vertical"]
|
|
3118
|
-
*/
|
|
3119
|
-
orientation: Orientation;
|
|
3120
|
-
}
|
|
3121
|
-
export interface TabListProps<T> extends StyleRenderProps<TabListRenderProps>, AriaLabelingProps, Omit<CollectionProps<T>, 'disabledKeys'>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3122
|
-
/**
|
|
3123
|
-
* 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.
|
|
3124
|
-
* @default 'react-aria-TabList'
|
|
3125
|
-
*/
|
|
3126
|
-
className?: ClassNameOrFunction<TabListRenderProps>;
|
|
3127
|
-
}
|
|
3128
|
-
export interface TabListRenderProps {
|
|
3129
|
-
/**
|
|
3130
|
-
* The orientation of the tab list.
|
|
3131
|
-
* @selector [data-orientation="horizontal | vertical"]
|
|
3132
|
-
*/
|
|
3133
|
-
orientation: Orientation;
|
|
3134
|
-
/**
|
|
3135
|
-
* State of the tab list.
|
|
3136
|
-
*/
|
|
3137
|
-
state: TabListState<unknown>;
|
|
3138
|
-
}
|
|
3139
|
-
export interface TabProps extends Omit<RenderProps<TabRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3140
|
-
/**
|
|
3141
|
-
* 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.
|
|
3142
|
-
* @default 'react-aria-Tab'
|
|
3143
|
-
*/
|
|
3144
|
-
className?: ClassNameOrFunction<TabRenderProps>;
|
|
3145
|
-
/** The unique id of the tab. */
|
|
3146
|
-
id?: Key;
|
|
3147
|
-
/** Whether the tab is disabled. */
|
|
3148
|
-
isDisabled?: boolean;
|
|
3149
|
-
}
|
|
3150
|
-
export interface TabRenderProps {
|
|
3151
|
-
/**
|
|
3152
|
-
* Whether the tab is currently hovered with a mouse.
|
|
3153
|
-
* @selector [data-hovered]
|
|
3154
|
-
*/
|
|
3155
|
-
isHovered: boolean;
|
|
3156
|
-
/**
|
|
3157
|
-
* Whether the tab is currently in a pressed state.
|
|
3158
|
-
* @selector [data-pressed]
|
|
3159
|
-
*/
|
|
3160
|
-
isPressed: boolean;
|
|
3161
|
-
/**
|
|
3162
|
-
* Whether the tab is currently selected.
|
|
3163
|
-
* @selector [data-selected]
|
|
3164
|
-
*/
|
|
3165
|
-
isSelected: boolean;
|
|
3166
|
-
/**
|
|
3167
|
-
* Whether the tab is currently focused.
|
|
3168
|
-
* @selector [data-focused]
|
|
3169
|
-
*/
|
|
3170
|
-
isFocused: boolean;
|
|
3171
|
-
/**
|
|
3172
|
-
* Whether the tab is currently keyboard focused.
|
|
3173
|
-
* @selector [data-focus-visible]
|
|
3174
|
-
*/
|
|
3175
|
-
isFocusVisible: boolean;
|
|
3176
|
-
/**
|
|
3177
|
-
* Whether the tab is disabled.
|
|
3178
|
-
* @selector [data-disabled]
|
|
3179
|
-
*/
|
|
3180
|
-
isDisabled: boolean;
|
|
3181
|
-
}
|
|
3182
|
-
export interface TabPanelProps extends AriaTabPanelProps, RenderProps<TabPanelRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3183
|
-
/**
|
|
3184
|
-
* 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.
|
|
3185
|
-
* @default 'react-aria-TabPanel'
|
|
3186
|
-
*/
|
|
3187
|
-
className?: ClassNameOrFunction<TabPanelRenderProps>;
|
|
3188
|
-
/**
|
|
3189
|
-
* Whether to mount the tab panel in the DOM even when it is not currently selected.
|
|
3190
|
-
* Inactive tab panels are inert and cannot be interacted with. They must be styled appropriately so this is clear to the user visually.
|
|
3191
|
-
* @default false
|
|
3192
|
-
*/
|
|
3193
|
-
shouldForceMount?: boolean;
|
|
3194
|
-
}
|
|
3195
|
-
export interface TabPanelRenderProps {
|
|
3196
|
-
/**
|
|
3197
|
-
* Whether the tab panel is currently focused.
|
|
3198
|
-
* @selector [data-focused]
|
|
3199
|
-
*/
|
|
3200
|
-
isFocused: boolean;
|
|
3201
|
-
/**
|
|
3202
|
-
* Whether the tab panel is currently keyboard focused.
|
|
3203
|
-
* @selector [data-focus-visible]
|
|
3204
|
-
*/
|
|
3205
|
-
isFocusVisible: boolean;
|
|
3206
|
-
/**
|
|
3207
|
-
* Whether the tab panel is currently non-interactive. This occurs when the
|
|
3208
|
-
* `shouldForceMount` prop is true, and the corresponding tab is not selected.
|
|
3209
|
-
* @selector [data-inert]
|
|
3210
|
-
*/
|
|
3211
|
-
isInert: boolean;
|
|
3212
|
-
/**
|
|
3213
|
-
* Whether the tab panel is currently entering. Use this to apply animations.
|
|
3214
|
-
* @selector [data-entering]
|
|
3215
|
-
*/
|
|
3216
|
-
isEntering: boolean;
|
|
3217
|
-
/**
|
|
3218
|
-
* Whether the tab panel is currently exiting. Use this to apply animations.
|
|
3219
|
-
* @selector [data-exiting]
|
|
3220
|
-
*/
|
|
3221
|
-
isExiting: boolean;
|
|
3222
|
-
/**
|
|
3223
|
-
* State of the tab list.
|
|
3224
|
-
*/
|
|
3225
|
-
state: TabListState<unknown>;
|
|
3226
|
-
}
|
|
3227
|
-
export const TabsContext: React.Context<ContextValue<TabsProps, HTMLDivElement>>;
|
|
3228
|
-
export const TabListStateContext: React.Context<TabListState<object> | null>;
|
|
3229
|
-
/**
|
|
3230
|
-
* Tabs organize content into multiple sections and allow users to navigate between them.
|
|
3231
|
-
*/
|
|
3232
|
-
export const Tabs: (props: TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3233
|
-
/**
|
|
3234
|
-
* A TabList is used within Tabs to group tabs that a user can switch between.
|
|
3235
|
-
* The ids of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
|
|
3236
|
-
*/
|
|
3237
|
-
export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3238
|
-
/**
|
|
3239
|
-
* A Tab provides a title for an individual item within a TabList.
|
|
3240
|
-
*/
|
|
3241
|
-
export const Tab: (props: TabProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3242
|
-
export interface TabPanelsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3243
|
-
/**
|
|
3244
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
3245
|
-
* @default 'react-aria-TabPanels'
|
|
3246
|
-
*/
|
|
3247
|
-
className?: string;
|
|
3248
|
-
}
|
|
3249
|
-
/**
|
|
3250
|
-
* Groups multiple `<TabPanel>` elements, and provides CSS variables for animated transitions.
|
|
3251
|
-
*/
|
|
3252
|
-
export const TabPanels: <T extends object>(props: TabPanelsProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3253
|
-
/**
|
|
3254
|
-
* A TabPanel provides the content for a tab.
|
|
3255
|
-
*/
|
|
3256
|
-
export const TabPanel: (props: TabPanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3257
|
-
export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3258
|
-
/**
|
|
3259
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
3260
|
-
* @default 'react-aria-TagGroup'
|
|
3261
|
-
*/
|
|
3262
|
-
className?: string;
|
|
3263
|
-
}
|
|
3264
|
-
export interface TagListRenderProps {
|
|
3265
|
-
/**
|
|
3266
|
-
* Whether the tag list has no items and should display its empty state.
|
|
3267
|
-
* @selector [data-empty]
|
|
3268
|
-
*/
|
|
3269
|
-
isEmpty: boolean;
|
|
3270
|
-
/**
|
|
3271
|
-
* Whether the tag list is currently focused.
|
|
3272
|
-
* @selector [data-focused]
|
|
3273
|
-
*/
|
|
3274
|
-
isFocused: boolean;
|
|
3275
|
-
/**
|
|
3276
|
-
* Whether the tag list is currently keyboard focused.
|
|
3277
|
-
* @selector [data-focus-visible]
|
|
3278
|
-
*/
|
|
3279
|
-
isFocusVisible: boolean;
|
|
3280
|
-
/**
|
|
3281
|
-
* State of the TagGroup.
|
|
3282
|
-
*/
|
|
3283
|
-
state: ListState<unknown>;
|
|
3284
|
-
}
|
|
3285
|
-
export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps, 'div'>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3286
|
-
/**
|
|
3287
|
-
* 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.
|
|
3288
|
-
* @default 'react-aria-TagList'
|
|
3289
|
-
*/
|
|
3290
|
-
className?: ClassNameOrFunction<TagListRenderProps>;
|
|
3291
|
-
/** Provides content to display when there are no items in the tag list. */
|
|
3292
|
-
renderEmptyState?: (props: TagListRenderProps) => ReactNode;
|
|
3293
|
-
}
|
|
3294
|
-
export const TagGroupContext: React.Context<ContextValue<TagGroupProps, HTMLDivElement>>;
|
|
3295
|
-
export const TagListContext: React.Context<ContextValue<TagListProps<any>, HTMLDivElement>>;
|
|
3296
|
-
/**
|
|
3297
|
-
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
|
|
3298
|
-
*/
|
|
3299
|
-
export const TagGroup: (props: TagGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3300
|
-
/**
|
|
3301
|
-
* A tag list is a container for tags within a TagGroup.
|
|
3302
|
-
*/
|
|
3303
|
-
export const TagList: <T extends object>(props: TagListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3304
|
-
export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> {
|
|
3305
|
-
/**
|
|
3306
|
-
* Whether the tag group allows items to be removed.
|
|
3307
|
-
* @selector [data-allows-removing]
|
|
3308
|
-
*/
|
|
3309
|
-
allowsRemoving: boolean;
|
|
3310
|
-
}
|
|
3311
|
-
export interface TagProps extends RenderProps<TagRenderProps, 'div'>, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3312
|
-
/**
|
|
3313
|
-
* 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.
|
|
3314
|
-
* @default 'react-aria-Tag'
|
|
3315
|
-
*/
|
|
3316
|
-
className?: ClassNameOrFunction<TagRenderProps>;
|
|
3317
|
-
/** A unique id for the tag. */
|
|
3318
|
-
id?: Key;
|
|
3319
|
-
/**
|
|
3320
|
-
* A string representation of the tags's contents, used for accessibility.
|
|
3321
|
-
* Required if children is not a plain text string.
|
|
3322
|
-
*/
|
|
3323
|
-
textValue?: string;
|
|
3324
|
-
/** Whether the tag is disabled. */
|
|
3325
|
-
isDisabled?: boolean;
|
|
3326
|
-
}
|
|
3327
|
-
/**
|
|
3328
|
-
* A Tag is an individual item within a TagList.
|
|
3329
|
-
*/
|
|
3330
|
-
export const Tag: (props: TagProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3331
|
-
export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'textarea'> {
|
|
3332
|
-
/**
|
|
3333
|
-
* 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.
|
|
3334
|
-
* @default 'react-aria-TextArea'
|
|
3335
|
-
*/
|
|
3336
|
-
className?: ClassNameOrFunction<InputRenderProps>;
|
|
3337
|
-
}
|
|
3338
|
-
export const TextAreaContext: React.Context<ContextValue<TextAreaProps, HTMLTextAreaElement>>;
|
|
3339
|
-
/**
|
|
3340
|
-
* A textarea allows a user to input mult-line text.
|
|
3341
|
-
*/
|
|
3342
|
-
export const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
3343
|
-
export interface TextFieldRenderProps {
|
|
3344
|
-
/**
|
|
3345
|
-
* Whether the text field is disabled.
|
|
3346
|
-
* @selector [data-disabled]
|
|
3347
|
-
*/
|
|
3348
|
-
isDisabled: boolean;
|
|
3349
|
-
/**
|
|
3350
|
-
* Whether the value is invalid.
|
|
3351
|
-
* @selector [data-invalid]
|
|
3352
|
-
*/
|
|
3353
|
-
isInvalid: boolean;
|
|
3354
|
-
/**
|
|
3355
|
-
* Whether the text field is read only.
|
|
3356
|
-
* @selector [data-readonly]
|
|
3357
|
-
*/
|
|
3358
|
-
isReadOnly: boolean;
|
|
3359
|
-
/**
|
|
3360
|
-
* Whether the text field is required.
|
|
3361
|
-
* @selector [data-required]
|
|
3362
|
-
*/
|
|
3363
|
-
isRequired: boolean;
|
|
3364
|
-
}
|
|
3365
|
-
export interface TextFieldProps extends Omit<_AriaTextFieldProps1, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'render' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3366
|
-
/**
|
|
3367
|
-
* 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.
|
|
3368
|
-
* @default 'react-aria-TextField'
|
|
3369
|
-
*/
|
|
3370
|
-
className?: ClassNameOrFunction<TextFieldRenderProps>;
|
|
3371
|
-
/** Whether the value is invalid. */
|
|
3372
|
-
isInvalid?: boolean;
|
|
3373
|
-
}
|
|
3374
|
-
export const TextFieldContext: React.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
|
|
3375
|
-
/**
|
|
3376
|
-
* A text field allows a user to enter a plain text value with a keyboard.
|
|
3377
|
-
*/
|
|
3378
|
-
export const TextField: (props: TextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3379
|
-
export const UNSTABLE_ToastStateContext: React.Context<ToastState<any> | null>;
|
|
3380
|
-
export interface ToastRegionRenderProps<T> {
|
|
3381
|
-
/** A list of all currently visible toasts. */
|
|
3382
|
-
visibleToasts: QueuedToast<T>[];
|
|
3383
|
-
/**
|
|
3384
|
-
* Whether the toast region is currently hovered with a mouse.
|
|
3385
|
-
* @selector [data-hovered]
|
|
3386
|
-
*/
|
|
3387
|
-
isHovered: boolean;
|
|
3388
|
-
/**
|
|
3389
|
-
* Whether the toast region is currently focused.
|
|
3390
|
-
* @selector [data-focused]
|
|
3391
|
-
*/
|
|
3392
|
-
isFocused: boolean;
|
|
3393
|
-
/**
|
|
3394
|
-
* Whether the toast region is keyboard focused.
|
|
3395
|
-
* @selector [data-focus-visible]
|
|
3396
|
-
*/
|
|
3397
|
-
isFocusVisible: boolean;
|
|
3398
|
-
}
|
|
3399
|
-
export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3400
|
-
/**
|
|
3401
|
-
* 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.
|
|
3402
|
-
* @default 'react-aria-ToastRegion'
|
|
3403
|
-
*/
|
|
3404
|
-
className?: ClassNameOrFunction<ToastRegionRenderProps<T>>;
|
|
3405
|
-
/** The queue of toasts to display. */
|
|
3406
|
-
queue: ToastQueue<T>;
|
|
3407
|
-
/** A function to render each toast, or children containing a `<ToastList>`. */
|
|
3408
|
-
children: ReactNode | ((renderProps: {
|
|
3409
|
-
toast: QueuedToast<T>;
|
|
3410
|
-
}) => ReactElement);
|
|
3411
|
-
}
|
|
3412
|
-
/**
|
|
3413
|
-
* A ToastRegion displays one or more toast notifications.
|
|
3414
|
-
*/
|
|
3415
|
-
export const UNSTABLE_ToastRegion: <T>(props: ToastRegionProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
3416
|
-
export interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children' | 'render'>, DOMRenderProps<'ol', ToastRegionRenderProps<T>> {
|
|
3417
|
-
/** A function to render each toast. */
|
|
3418
|
-
children: (renderProps: {
|
|
3419
|
-
toast: QueuedToast<T>;
|
|
3420
|
-
}) => ReactElement;
|
|
3421
|
-
}
|
|
3422
|
-
export const UNSTABLE_ToastList: <T>(props: ToastListProps<T> & React.RefAttributes<HTMLOListElement>) => ReactElement | null;
|
|
3423
|
-
export interface ToastRenderProps<T> {
|
|
3424
|
-
/**
|
|
3425
|
-
* The toast object to display.
|
|
3426
|
-
*/
|
|
3427
|
-
toast: QueuedToast<T>;
|
|
3428
|
-
/**
|
|
3429
|
-
* Whether the toast is currently focused.
|
|
3430
|
-
* @selector [data-focused]
|
|
3431
|
-
*/
|
|
3432
|
-
isFocused: boolean;
|
|
3433
|
-
/**
|
|
3434
|
-
* Whether the toast is keyboard focused.
|
|
3435
|
-
* @selector [data-focus-visible]
|
|
3436
|
-
*/
|
|
3437
|
-
isFocusVisible: boolean;
|
|
3438
|
-
}
|
|
3439
|
-
export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3440
|
-
/**
|
|
3441
|
-
* 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.
|
|
3442
|
-
* @default 'react-aria-Toast'
|
|
3443
|
-
*/
|
|
3444
|
-
className?: ClassNameOrFunction<ToastRenderProps<T>>;
|
|
3445
|
-
}
|
|
3446
|
-
/**
|
|
3447
|
-
* A Toast displays a brief, temporary notification of actions, errors, or other events in an application.
|
|
3448
|
-
*/
|
|
3449
|
-
export const UNSTABLE_Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
3450
|
-
interface ToastContentProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'div', undefined> {
|
|
3451
|
-
}
|
|
3452
|
-
/**
|
|
3453
|
-
* ToastContent wraps the main content of a toast notification.
|
|
3454
|
-
*/
|
|
3455
|
-
export const UNSTABLE_ToastContent: React.ForwardRefExoticComponent<ToastContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
3456
|
-
export interface ToggleButtonGroupRenderProps {
|
|
3457
|
-
/**
|
|
3458
|
-
* The orientation of the toggle button group.
|
|
3459
|
-
* @selector [data-orientation="horizontal | vertical"]
|
|
3460
|
-
*/
|
|
3461
|
-
orientation: _Orientation2;
|
|
3462
|
-
/**
|
|
3463
|
-
* Whether the toggle button group is disabled.
|
|
3464
|
-
* @selector [data-disabled]
|
|
3465
|
-
*/
|
|
3466
|
-
isDisabled: boolean;
|
|
3467
|
-
/**
|
|
3468
|
-
* State of the toggle button group.
|
|
3469
|
-
*/
|
|
3470
|
-
state: ToggleGroupState;
|
|
3471
|
-
}
|
|
3472
|
-
export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
3473
|
-
/**
|
|
3474
|
-
* 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.
|
|
3475
|
-
* @default 'react-aria-ToggleButtonGroup'
|
|
3476
|
-
*/
|
|
3477
|
-
className?: ClassNameOrFunction<ToggleButtonGroupRenderProps>;
|
|
3478
|
-
}
|
|
3479
|
-
export const ToggleButtonGroupContext: React.Context<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>;
|
|
3480
|
-
export const ToggleGroupStateContext: React.Context<ToggleGroupState | null>;
|
|
3481
|
-
/**
|
|
3482
|
-
* A toggle button group allows a user to toggle multiple options, with single or multiple selection.
|
|
3483
|
-
*/
|
|
3484
|
-
export const ToggleButtonGroup: (props: ToggleButtonGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3485
|
-
export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {
|
|
3486
|
-
/**
|
|
3487
|
-
* Whether the button is currently selected.
|
|
3488
|
-
* @selector [data-selected]
|
|
3489
|
-
*/
|
|
3490
|
-
isSelected: boolean;
|
|
3491
|
-
/**
|
|
3492
|
-
* State of the toggle button.
|
|
3493
|
-
*/
|
|
3494
|
-
state: ToggleState;
|
|
3495
|
-
}
|
|
3496
|
-
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3497
|
-
/**
|
|
3498
|
-
* 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.
|
|
3499
|
-
* @default 'react-aria-ToggleButton'
|
|
3500
|
-
*/
|
|
3501
|
-
className?: ClassNameOrFunction<ToggleButtonRenderProps>;
|
|
3502
|
-
/** When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used standalone, a DOM id. */
|
|
3503
|
-
id?: Key;
|
|
3504
|
-
}
|
|
3505
|
-
export const ToggleButtonContext: React.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
|
|
3506
|
-
/**
|
|
3507
|
-
* A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.
|
|
3508
|
-
*/
|
|
3509
|
-
export const ToggleButton: (props: ToggleButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
|
|
3510
|
-
export interface ToolbarRenderProps {
|
|
3511
|
-
/**
|
|
3512
|
-
* The current orientation of the toolbar.
|
|
3513
|
-
* @selector [data-orientation]
|
|
3514
|
-
*/
|
|
3515
|
-
orientation: _Orientation2;
|
|
3516
|
-
}
|
|
3517
|
-
export interface ToolbarProps extends AriaToolbarProps, SlotProps, RenderProps<ToolbarRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3518
|
-
/**
|
|
3519
|
-
* 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.
|
|
3520
|
-
* @default 'react-aria-Toolbar'
|
|
3521
|
-
*/
|
|
3522
|
-
className?: ClassNameOrFunction<ToolbarRenderProps>;
|
|
3523
|
-
}
|
|
3524
|
-
export const ToolbarContext: React.Context<ContextValue<ToolbarProps, HTMLDivElement>>;
|
|
3525
|
-
/**
|
|
3526
|
-
* A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or checkboxes,
|
|
3527
|
-
* with arrow key navigation.
|
|
3528
|
-
*/
|
|
3529
|
-
export const Toolbar: (props: ToolbarProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3530
|
-
export interface TooltipTriggerComponentProps extends TooltipTriggerProps {
|
|
3531
|
-
children: ReactNode;
|
|
3532
|
-
}
|
|
3533
|
-
export interface TooltipProps extends PositionProps, Pick<AriaPositionProps, 'arrowBoundaryOffset'>, OverlayTriggerProps, AriaLabelingProps, RenderProps<TooltipRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3534
|
-
/**
|
|
3535
|
-
* 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.
|
|
3536
|
-
* @default 'react-aria-Tooltip'
|
|
3537
|
-
*/
|
|
3538
|
-
className?: ClassNameOrFunction<TooltipRenderProps>;
|
|
3539
|
-
/**
|
|
3540
|
-
* The ref for the element which the tooltip positions itself with respect to.
|
|
3541
|
-
*
|
|
3542
|
-
* When used within a TooltipTrigger this is set automatically. It is only required when used standalone.
|
|
3543
|
-
*/
|
|
3544
|
-
triggerRef?: RefObject<Element | null>;
|
|
3545
|
-
/**
|
|
3546
|
-
* Whether the tooltip is currently performing an entry animation.
|
|
3547
|
-
*/
|
|
3548
|
-
isEntering?: boolean;
|
|
3549
|
-
/**
|
|
3550
|
-
* Whether the tooltip is currently performing an exit animation.
|
|
3551
|
-
*/
|
|
3552
|
-
isExiting?: boolean;
|
|
3553
|
-
/**
|
|
3554
|
-
* The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.
|
|
3555
|
-
* @default document.body
|
|
3556
|
-
* @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.
|
|
3557
|
-
*/
|
|
3558
|
-
UNSTABLE_portalContainer?: Element;
|
|
3559
|
-
/**
|
|
3560
|
-
* The placement of the tooltip with respect to the trigger.
|
|
3561
|
-
* @default 'top'
|
|
3562
|
-
*/
|
|
3563
|
-
placement?: Placement;
|
|
3564
|
-
}
|
|
3565
|
-
export interface TooltipRenderProps {
|
|
3566
|
-
/**
|
|
3567
|
-
* The placement of the tooltip relative to the trigger.
|
|
3568
|
-
* @selector [data-placement="left | right | top | bottom"]
|
|
3569
|
-
*/
|
|
3570
|
-
placement: PlacementAxis | null;
|
|
3571
|
-
/**
|
|
3572
|
-
* Whether the tooltip is currently entering. Use this to apply animations.
|
|
3573
|
-
* @selector [data-entering]
|
|
3574
|
-
*/
|
|
3575
|
-
isEntering: boolean;
|
|
3576
|
-
/**
|
|
3577
|
-
* Whether the tooltip is currently exiting. Use this to apply animations.
|
|
3578
|
-
* @selector [data-exiting]
|
|
3579
|
-
*/
|
|
3580
|
-
isExiting: boolean;
|
|
3581
|
-
/**
|
|
3582
|
-
* State of the tooltip.
|
|
3583
|
-
*/
|
|
3584
|
-
state: TooltipTriggerState;
|
|
3585
|
-
}
|
|
3586
|
-
export const TooltipTriggerStateContext: React.Context<TooltipTriggerState | null>;
|
|
3587
|
-
export const TooltipContext: React.Context<ContextValue<TooltipProps, HTMLDivElement>>;
|
|
3588
|
-
/**
|
|
3589
|
-
* TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
|
|
3590
|
-
* the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
|
|
3591
|
-
* relative to the trigger.
|
|
3592
|
-
*/
|
|
3593
|
-
export function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element;
|
|
3594
|
-
/**
|
|
3595
|
-
* A tooltip displays a description of an element on hover or focus.
|
|
3596
|
-
*/
|
|
3597
|
-
export const Tooltip: (props: TooltipProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3598
|
-
export interface TreeRenderProps {
|
|
3599
|
-
/**
|
|
3600
|
-
* Whether the tree has no items and should display its empty state.
|
|
3601
|
-
* @selector [data-empty]
|
|
3602
|
-
*/
|
|
3603
|
-
isEmpty: boolean;
|
|
3604
|
-
/**
|
|
3605
|
-
* Whether the tree is currently focused.
|
|
3606
|
-
* @selector [data-focused]
|
|
3607
|
-
*/
|
|
3608
|
-
isFocused: boolean;
|
|
3609
|
-
/**
|
|
3610
|
-
* Whether the tree is currently keyboard focused.
|
|
3611
|
-
* @selector [data-focus-visible]
|
|
3612
|
-
*/
|
|
3613
|
-
isFocusVisible: boolean;
|
|
3614
|
-
/**
|
|
3615
|
-
* The type of selection that is allowed in the collection.
|
|
3616
|
-
* @selector [data-selection-mode="single | multiple"]
|
|
3617
|
-
*/
|
|
3618
|
-
selectionMode: _SelectionMode3;
|
|
3619
|
-
/**
|
|
3620
|
-
* Whether the tree allows dragging.
|
|
3621
|
-
* @selector [data-allows-dragging]
|
|
3622
|
-
*/
|
|
3623
|
-
allowsDragging: boolean;
|
|
3624
|
-
/**
|
|
3625
|
-
* State of the tree.
|
|
3626
|
-
*/
|
|
3627
|
-
state: TreeState<unknown>;
|
|
3628
|
-
}
|
|
3629
|
-
interface TreeEmptyStateRenderProps extends Omit<TreeRenderProps, 'isEmpty'> {
|
|
3630
|
-
}
|
|
3631
|
-
export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, MultipleSelection, CollectionProps<T>, StyleRenderProps<TreeRenderProps>, SlotProps, Expandable, GlobalDOMAttributes<HTMLDivElement> {
|
|
3632
|
-
/**
|
|
3633
|
-
* 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.
|
|
3634
|
-
* @default 'react-aria-Tree'
|
|
3635
|
-
*/
|
|
3636
|
-
className?: ClassNameOrFunction<TreeRenderProps>;
|
|
3637
|
-
/**
|
|
3638
|
-
* How multiple selection should behave in the tree.
|
|
3639
|
-
* @default "toggle"
|
|
3640
|
-
*/
|
|
3641
|
-
selectionBehavior?: SelectionBehavior;
|
|
3642
|
-
/** Provides content to display when there are no items in the list. */
|
|
3643
|
-
renderEmptyState?: (props: TreeEmptyStateRenderProps) => ReactNode;
|
|
3644
|
-
/**
|
|
3645
|
-
* Whether `disabledKeys` applies to all interactions, or only selection.
|
|
3646
|
-
* @default 'all'
|
|
3647
|
-
*/
|
|
3648
|
-
disabledBehavior?: _DisabledBehavior1;
|
|
3649
|
-
/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the Tree. */
|
|
3650
|
-
dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
|
|
3651
|
-
}
|
|
3652
|
-
export const TreeContext: React.Context<ContextValue<TreeProps<any>, HTMLDivElement>>;
|
|
3653
|
-
export const TreeStateContext: React.Context<TreeState<any> | null>;
|
|
3654
|
-
/**
|
|
3655
|
-
* A tree provides users with a way to navigate nested hierarchical information, with support for keyboard navigation
|
|
3656
|
-
* and selection.
|
|
3657
|
-
*/
|
|
3658
|
-
export const Tree: <T extends object>(props: TreeProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3659
|
-
export interface TreeItemRenderProps extends ItemRenderProps {
|
|
3660
|
-
/**
|
|
3661
|
-
* Whether the tree item is expanded.
|
|
3662
|
-
* @selector [data-expanded]
|
|
3663
|
-
*/
|
|
3664
|
-
isExpanded: boolean;
|
|
3665
|
-
/**
|
|
3666
|
-
* Whether the tree item has child tree items.
|
|
3667
|
-
* @selector [data-has-child-items]
|
|
3668
|
-
*/
|
|
3669
|
-
hasChildItems: boolean;
|
|
3670
|
-
/**
|
|
3671
|
-
* What level the tree item has within the tree.
|
|
3672
|
-
* @selector [data-level="number"]
|
|
3673
|
-
*/
|
|
3674
|
-
level: number;
|
|
3675
|
-
/**
|
|
3676
|
-
* Whether the tree item's children have keyboard focus.
|
|
3677
|
-
* @selector [data-focus-visible-within]
|
|
3678
|
-
*/
|
|
3679
|
-
isFocusVisibleWithin: boolean;
|
|
3680
|
-
/** The state of the tree. */
|
|
3681
|
-
state: TreeState<unknown>;
|
|
3682
|
-
/** The unique id of the tree row. */
|
|
3683
|
-
id: Key;
|
|
3684
|
-
}
|
|
3685
|
-
export interface TreeItemContentRenderProps extends TreeItemRenderProps {
|
|
3686
|
-
}
|
|
3687
|
-
export interface TreeItemContentProps {
|
|
3688
|
-
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
3689
|
-
children: ChildrenOrFunction<TreeItemContentRenderProps>;
|
|
3690
|
-
}
|
|
3691
|
-
export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<Element>) => React.ReactElement | null;
|
|
3692
|
-
export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Pick<AriaTreeItemOptions, 'hasChildItems'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3693
|
-
/**
|
|
3694
|
-
* 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.
|
|
3695
|
-
* @default 'react-aria-TreeItem'
|
|
3696
|
-
*/
|
|
3697
|
-
className?: ClassNameOrFunction<TreeItemRenderProps>;
|
|
3698
|
-
/** The unique id of the tree row. */
|
|
3699
|
-
id?: Key;
|
|
3700
|
-
/** The object value that this tree item represents. When using dynamic collections, this is set automatically. */
|
|
3701
|
-
value?: T;
|
|
3702
|
-
/** A string representation of the tree item's contents, used for features like typeahead. */
|
|
3703
|
-
textValue: string;
|
|
3704
|
-
/** An accessibility label for this tree item. */
|
|
3705
|
-
'aria-label'?: string;
|
|
3706
|
-
/** The content of the tree item along with any nested children. Supports static nested tree items or use of a Collection to dynamically render nested tree items. */
|
|
3707
|
-
children: ReactNode;
|
|
3708
|
-
/** Whether the item is disabled. */
|
|
3709
|
-
isDisabled?: boolean;
|
|
3710
|
-
/**
|
|
3711
|
-
* Handler that is called when a user performs an action on this tree item. The exact user event depends on
|
|
3712
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
3713
|
-
*/
|
|
3714
|
-
onAction?: () => void;
|
|
3715
|
-
}
|
|
3716
|
-
/**
|
|
3717
|
-
* A TreeItem represents an individual item in a Tree.
|
|
3718
|
-
*/
|
|
3719
|
-
export const TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3720
|
-
export interface TreeLoadMoreItemRenderProps {
|
|
3721
|
-
/**
|
|
3722
|
-
* What level the tree item has within the tree.
|
|
3723
|
-
* @selector [data-level]
|
|
3724
|
-
*/
|
|
3725
|
-
level: number;
|
|
3726
|
-
}
|
|
3727
|
-
export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, RenderProps<TreeLoadMoreItemRenderProps> {
|
|
3728
|
-
/**
|
|
3729
|
-
* 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.
|
|
3730
|
-
* @default 'react-aria-TreeLoadMoreItem'
|
|
3731
|
-
*/
|
|
3732
|
-
className?: ClassNameOrFunction<TreeLoadMoreItemRenderProps>;
|
|
3733
|
-
/**
|
|
3734
|
-
* The load more spinner to render when loading additional items.
|
|
3735
|
-
*/
|
|
3736
|
-
children?: ChildrenOrFunction<TreeLoadMoreItemRenderProps>;
|
|
3737
|
-
/**
|
|
3738
|
-
* Whether or not the loading spinner should be rendered or not.
|
|
3739
|
-
*/
|
|
3740
|
-
isLoading?: boolean;
|
|
3741
|
-
}
|
|
3742
|
-
export const TreeLoadMoreItem: <T extends object>(props: TreeLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3743
|
-
interface _GridListSectionProps1<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
|
|
3744
|
-
}
|
|
3745
|
-
/**
|
|
3746
|
-
* A TreeSection represents a section within a Tree.
|
|
3747
|
-
*/
|
|
3748
|
-
export const TreeSection: <T extends object>(props: _GridListSectionProps1<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
3749
|
-
export const TreeHeader: (props: GridListHeaderProps) => ReactNode;
|
|
3750
|
-
export { Collection, createLeafComponent, createBranchComponent, CollectionBuilder } from '@react-aria/collections';
|
|
3751
|
-
export { useDrag, useDrop } from '@react-aria/dnd';
|
|
3752
|
-
export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, isRTL, useLocale, useFilter, Pressable, Focusable, VisuallyHidden } from 'react-aria';
|
|
3753
|
-
export { FormValidationContext, parseColor, getColorChannels, ToastQueue as UNSTABLE_ToastQueue, useListData, useTreeData, useAsyncList } from 'react-stately';
|
|
3754
|
-
export { ListLayout, GridLayout, WaterfallLayout } from '@react-stately/layout';
|
|
3755
|
-
export { Layout, LayoutInfo, Size, Rect, Point } from '@react-stately/virtualizer';
|
|
3756
|
-
export type { DragOptions, DragResult } from '@react-aria/dnd';
|
|
3757
|
-
export type { DateValue, DateRange, TimeValue } from 'react-aria';
|
|
3758
|
-
export type { DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent } from 'react-aria';
|
|
3759
|
-
export type { CalendarState, CheckboxGroupState, Color, ColorAreaState, ColorFieldState, ColorFormat, ColorPickerState, ColorSliderState, ColorSpace, ColorWheelState, ComboBoxState, DateFieldState, DatePickerState, DateRangePickerState, DisclosureState, DisclosureGroupState, Key, ListState, NumberFieldState, OverlayTriggerState, QueuedToast, RadioGroupState, RangeCalendarState, RootMenuTriggerState, SearchFieldState, Selection, SelectState, SliderState, SortDescriptor, SortDirection, SelectionMode, TableState, TabListState, TimeFieldState, ToastOptions, ToastState, ToggleGroupState, ToggleState, TooltipTriggerState, TreeState, ListData, TreeData, AsyncListData } from 'react-stately';
|
|
3760
|
-
export type { AutocompleteState } from '@react-stately/autocomplete';
|
|
3761
|
-
export type { ListLayoutOptions, GridLayoutOptions, WaterfallLayoutOptions } from '@react-stately/layout';
|
|
3762
|
-
export type { RangeValue, ValidationResult, RouterConfig } from '@react-types/shared';
|
|
3763
|
-
|
|
3764
|
-
//# sourceMappingURL=types.d.ts.map
|