@ariakit/react 0.4.4 → 0.4.6
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/CHANGELOG.md +81 -0
- package/cjs/__chunks/{TFWERKJZ.cjs → VOOPV6XK.cjs} +5 -1
- package/cjs/index.cjs +6 -2
- package/cjs/index.d.cts +26 -26
- package/cjs/index.d.ts +26 -26
- package/cjs/select.cjs +6 -2
- package/cjs/select.d.cts +4 -0
- package/cjs/select.d.ts +4 -0
- package/esm/__chunks/{GJRYH2AH.js → T4UOPNDF.js} +4 -0
- package/esm/index.d.ts +26 -26
- package/esm/index.js +5 -1
- package/esm/select.d.ts +4 -0
- package/esm/select.js +5 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,86 @@
|
|
|
1
1
|
# @ariakit/react
|
|
2
2
|
|
|
3
|
+
## 0.4.6
|
|
4
|
+
|
|
5
|
+
### Nested `SelectList`
|
|
6
|
+
|
|
7
|
+
The [`SelectList`](https://ariakit.org/reference/select-list) component can now be nested within a [`SelectPopover`](https://ariakit.org/reference/select-popover). This lets you render additional elements inside the popover without breaking the accessibility tree. The ARIA roles will be automatically adjusted to ensure a valid accessibility tree:
|
|
8
|
+
|
|
9
|
+
```jsx {6-9}
|
|
10
|
+
<SelectProvider>
|
|
11
|
+
<Select />
|
|
12
|
+
<SelectPopover>
|
|
13
|
+
<SelectHeading>Fruits</SelectHeading>
|
|
14
|
+
<SelectDismiss />
|
|
15
|
+
<SelectList>
|
|
16
|
+
<SelectItem value="Apple" />
|
|
17
|
+
<SelectItem value="Banana" />
|
|
18
|
+
</SelectList>
|
|
19
|
+
</SelectPopover>
|
|
20
|
+
</SelectProvider>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### New Select components
|
|
24
|
+
|
|
25
|
+
Two new components have been added to the [Select](https://ariakit.org/components/select) module: [`SelectHeading`](https://ariakit.org/reference/select-heading) and [`SelectDismiss`](https://ariakit.org/reference/select-dismiss).
|
|
26
|
+
|
|
27
|
+
You can use them alongside [`SelectList`](https://ariakit.org/reference/select-list) to add a heading and a dismiss button to the select popover:
|
|
28
|
+
|
|
29
|
+
```jsx {4,5}
|
|
30
|
+
<SelectProvider>
|
|
31
|
+
<Select />
|
|
32
|
+
<SelectPopover>
|
|
33
|
+
<SelectHeading>Fruits</SelectHeading>
|
|
34
|
+
<SelectDismiss />
|
|
35
|
+
<SelectList>
|
|
36
|
+
<SelectItem value="Apple" />
|
|
37
|
+
<SelectItem value="Banana" />
|
|
38
|
+
</SelectList>
|
|
39
|
+
</SelectPopover>
|
|
40
|
+
</SelectProvider>
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
### `--popover-transform-origin`
|
|
44
|
+
|
|
45
|
+
The [Popover](https://ariakit.org/components/popover) components now expose a [`--popover-transform-origin`](https://ariakit.org/guide/styling#--popover-transform-origin) CSS variable. You can use this to set the `transform-origin` property for the popover content element in relation to the anchor element:
|
|
46
|
+
|
|
47
|
+
```css
|
|
48
|
+
.popover {
|
|
49
|
+
transform-origin: var(--popover-transform-origin);
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
### Opening `SelectPopover` on click
|
|
54
|
+
|
|
55
|
+
To ensure uniformity across all dropdown buttons in the library, the [`SelectPopover`](https://ariakit.org/reference/select-popover) now opens when you click on the [`Select`](https://ariakit.org/reference/select) component, instead of on mouse/touch/pointer down.
|
|
56
|
+
|
|
57
|
+
This change also resolves a problem where the `:active` state wouldn't be triggered on the select button due to a focus change on mousedown.
|
|
58
|
+
|
|
59
|
+
### Other updates
|
|
60
|
+
|
|
61
|
+
- Fixed `ref` warning in React 19.
|
|
62
|
+
- Ensured [Combobox](https://ariakit.org/components/combobox) uses roving tabindex to manage focus on mobile Safari.
|
|
63
|
+
- Added a new `listElement` state to the Select store.
|
|
64
|
+
- Improved use of [Tab](https://ariakit.org/components/tab) components within [Select](https://ariakit.org/components/select) widgets.
|
|
65
|
+
- Fixed `data-focus-visible` being applied after a `blur` event.
|
|
66
|
+
- Fixed composite items not scrolling into view in Safari.
|
|
67
|
+
- Improved JSDocs.
|
|
68
|
+
- Updated dependencies: `@ariakit/react-core@0.4.6`
|
|
69
|
+
|
|
70
|
+
## 0.4.5
|
|
71
|
+
|
|
72
|
+
### Multi-selectable Combobox with inline autocomplete
|
|
73
|
+
|
|
74
|
+
When rendering a [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) with the [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) prop set to `"inline"` or `"both"`, the completion string will no longer be inserted into the input upon deselecting an item. This is because the completion string generally represents an addition action, whereas deselecting an item is a removal action.
|
|
75
|
+
|
|
76
|
+
### Other updates
|
|
77
|
+
|
|
78
|
+
- Updated [`Combobox`](https://ariakit.org/reference/combobox) to no longer use `ReactDOM.flushSync` when updating the value.
|
|
79
|
+
- Added new [`resetValueOnSelect`](https://ariakit.org/reference/combobox-item#resetvalueonselect) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
|
|
80
|
+
- Added new [`resetValue`](https://ariakit.org/reference/use-combobox-store#resetvalue) method to combobox store.
|
|
81
|
+
- Improved JSDocs.
|
|
82
|
+
- Updated dependencies: `@ariakit/react-core@0.4.5`
|
|
83
|
+
|
|
3
84
|
## 0.4.4
|
|
4
85
|
|
|
5
86
|
### Combobox `autoFocusOnHide` behavior
|
|
@@ -6,8 +6,10 @@ var _selectcontext = require('@ariakit/react-core/select/select-context');
|
|
|
6
6
|
var _select = require('@ariakit/react-core/select/select');
|
|
7
7
|
var _selectprovider = require('@ariakit/react-core/select/select-provider');
|
|
8
8
|
var _selectarrow = require('@ariakit/react-core/select/select-arrow');
|
|
9
|
+
var _selectdismiss = require('@ariakit/react-core/select/select-dismiss');
|
|
9
10
|
var _selectgrouplabel = require('@ariakit/react-core/select/select-group-label');
|
|
10
11
|
var _selectgroup = require('@ariakit/react-core/select/select-group');
|
|
12
|
+
var _selectheading = require('@ariakit/react-core/select/select-heading');
|
|
11
13
|
var _selectitemcheck = require('@ariakit/react-core/select/select-item-check');
|
|
12
14
|
var _selectitem = require('@ariakit/react-core/select/select-item');
|
|
13
15
|
var _selectlabel = require('@ariakit/react-core/select/select-label');
|
|
@@ -31,4 +33,6 @@ var _selectseparator = require('@ariakit/react-core/select/select-separator');
|
|
|
31
33
|
|
|
32
34
|
|
|
33
35
|
|
|
34
|
-
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
exports.useSelectStore = _selectstore.useSelectStore; exports.useSelectContext = _selectcontext.useSelectContext; exports.Select = _select.Select; exports.SelectProvider = _selectprovider.SelectProvider; exports.SelectArrow = _selectarrow.SelectArrow; exports.SelectDismiss = _selectdismiss.SelectDismiss; exports.SelectGroupLabel = _selectgrouplabel.SelectGroupLabel; exports.SelectGroup = _selectgroup.SelectGroup; exports.SelectHeading = _selectheading.SelectHeading; exports.SelectItemCheck = _selectitemcheck.SelectItemCheck; exports.SelectItem = _selectitem.SelectItem; exports.SelectLabel = _selectlabel.SelectLabel; exports.SelectList = _selectlist.SelectList; exports.SelectPopover = _selectpopover.SelectPopover; exports.SelectRow = _selectrow.SelectRow; exports.SelectSeparator = _selectseparator.SelectSeparator;
|
package/cjs/index.cjs
CHANGED
|
@@ -209,7 +209,9 @@ var _4DRZWAUWcjs = require('./__chunks/4DRZWAUW.cjs');
|
|
|
209
209
|
|
|
210
210
|
|
|
211
211
|
|
|
212
|
-
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
var _VOOPV6XKcjs = require('./__chunks/VOOPV6XK.cjs');
|
|
213
215
|
|
|
214
216
|
|
|
215
217
|
var _52YMFNS6cjs = require('./__chunks/52YMFNS6.cjs');
|
|
@@ -390,4 +392,6 @@ var _MGEVVWZXcjs = require('./__chunks/MGEVVWZX.cjs');
|
|
|
390
392
|
|
|
391
393
|
|
|
392
394
|
|
|
393
|
-
|
|
395
|
+
|
|
396
|
+
|
|
397
|
+
exports.Button = _T7R3LFWQcjs.Button; exports.Checkbox = _ZWRAL2AZcjs.Checkbox; exports.CheckboxCheck = _ZWRAL2AZcjs.CheckboxCheck; exports.CheckboxProvider = _ZWRAL2AZcjs.CheckboxProvider; exports.Collection = _TSWTQLOFcjs.Collection; exports.CollectionItem = _TSWTQLOFcjs.CollectionItem; exports.CollectionProvider = _TSWTQLOFcjs.CollectionProvider; exports.Combobox = _CVGFHVWYcjs.Combobox; exports.ComboboxCancel = _CVGFHVWYcjs.ComboboxCancel; exports.ComboboxDisclosure = _CVGFHVWYcjs.ComboboxDisclosure; exports.ComboboxGroup = _CVGFHVWYcjs.ComboboxGroup; exports.ComboboxGroupLabel = _CVGFHVWYcjs.ComboboxGroupLabel; exports.ComboboxItem = _CVGFHVWYcjs.ComboboxItem; exports.ComboboxItemCheck = _CVGFHVWYcjs.ComboboxItemCheck; exports.ComboboxItemValue = _CVGFHVWYcjs.ComboboxItemValue; exports.ComboboxLabel = _CVGFHVWYcjs.ComboboxLabel; exports.ComboboxList = _CVGFHVWYcjs.ComboboxList; exports.ComboboxPopover = _CVGFHVWYcjs.ComboboxPopover; exports.ComboboxProvider = _CVGFHVWYcjs.ComboboxProvider; exports.ComboboxRow = _CVGFHVWYcjs.ComboboxRow; exports.ComboboxSeparator = _CVGFHVWYcjs.ComboboxSeparator; exports.Command = _2QWYC6BDcjs.Command; exports.Composite = _ZBCIKQ4Ucjs.Composite; exports.CompositeGroup = _ZBCIKQ4Ucjs.CompositeGroup; exports.CompositeGroupLabel = _ZBCIKQ4Ucjs.CompositeGroupLabel; exports.CompositeHover = _ZBCIKQ4Ucjs.CompositeHover; exports.CompositeItem = _ZBCIKQ4Ucjs.CompositeItem; exports.CompositeProvider = _ZBCIKQ4Ucjs.CompositeProvider; exports.CompositeRow = _ZBCIKQ4Ucjs.CompositeRow; exports.CompositeSeparator = _ZBCIKQ4Ucjs.CompositeSeparator; exports.CompositeTypeahead = _ZBCIKQ4Ucjs.CompositeTypeahead; exports.Dialog = _HUE4LZQJcjs.Dialog; exports.DialogDescription = _HUE4LZQJcjs.DialogDescription; exports.DialogDisclosure = _HUE4LZQJcjs.DialogDisclosure; exports.DialogDismiss = _HUE4LZQJcjs.DialogDismiss; exports.DialogHeading = _HUE4LZQJcjs.DialogHeading; exports.DialogProvider = _HUE4LZQJcjs.DialogProvider; exports.Disclosure = _NLIOCXTHcjs.Disclosure; exports.DisclosureContent = _NLIOCXTHcjs.DisclosureContent; exports.DisclosureProvider = _NLIOCXTHcjs.DisclosureProvider; exports.FocusTrap = _SIWV3OIPcjs.FocusTrap; exports.FocusTrapRegion = _SIWV3OIPcjs.FocusTrapRegion; exports.Focusable = _YJ7JEKL2cjs.Focusable; exports.Form = _I7IJ62YOcjs.Form; exports.FormCheckbox = _I7IJ62YOcjs.FormCheckbox; exports.FormControl = _I7IJ62YOcjs.FormControl; exports.FormDescription = _I7IJ62YOcjs.FormDescription; exports.FormError = _I7IJ62YOcjs.FormError; exports.FormField = _I7IJ62YOcjs.FormField; exports.FormGroup = _I7IJ62YOcjs.FormGroup; exports.FormGroupLabel = _I7IJ62YOcjs.FormGroupLabel; exports.FormInput = _I7IJ62YOcjs.FormInput; exports.FormLabel = _I7IJ62YOcjs.FormLabel; exports.FormProvider = _I7IJ62YOcjs.FormProvider; exports.FormPush = _I7IJ62YOcjs.FormPush; exports.FormRadio = _I7IJ62YOcjs.FormRadio; exports.FormRadioGroup = _I7IJ62YOcjs.FormRadioGroup; exports.FormRemove = _I7IJ62YOcjs.FormRemove; exports.FormReset = _I7IJ62YOcjs.FormReset; exports.FormSubmit = _I7IJ62YOcjs.FormSubmit; exports.Group = _63DLTVY7cjs.Group; exports.GroupLabel = _63DLTVY7cjs.GroupLabel; exports.Heading = _M23CUEAIcjs.Heading; exports.HeadingLevel = _M23CUEAIcjs.HeadingLevel; exports.Hovercard = _JC7ZDNVDcjs.Hovercard; exports.HovercardAnchor = _JC7ZDNVDcjs.HovercardAnchor; exports.HovercardArrow = _JC7ZDNVDcjs.HovercardArrow; exports.HovercardDescription = _JC7ZDNVDcjs.HovercardDescription; exports.HovercardDisclosure = _JC7ZDNVDcjs.HovercardDisclosure; exports.HovercardDismiss = _JC7ZDNVDcjs.HovercardDismiss; exports.HovercardHeading = _JC7ZDNVDcjs.HovercardHeading; exports.HovercardProvider = _JC7ZDNVDcjs.HovercardProvider; exports.Menu = _YI65LVURcjs.Menu; exports.MenuArrow = _YI65LVURcjs.MenuArrow; exports.MenuBar = _YI65LVURcjs.MenuBar; exports.MenuBarProvider = _YI65LVURcjs.MenuBarProvider; exports.MenuButton = _YI65LVURcjs.MenuButton; exports.MenuButtonArrow = _YI65LVURcjs.MenuButtonArrow; exports.MenuDescription = _YI65LVURcjs.MenuDescription; exports.MenuDismiss = _YI65LVURcjs.MenuDismiss; exports.MenuGroup = _YI65LVURcjs.MenuGroup; exports.MenuGroupLabel = _YI65LVURcjs.MenuGroupLabel; exports.MenuHeading = _YI65LVURcjs.MenuHeading; exports.MenuItem = _YI65LVURcjs.MenuItem; exports.MenuItemCheck = _YI65LVURcjs.MenuItemCheck; exports.MenuItemCheckbox = _YI65LVURcjs.MenuItemCheckbox; exports.MenuItemRadio = _YI65LVURcjs.MenuItemRadio; exports.MenuList = _YI65LVURcjs.MenuList; exports.MenuProvider = _YI65LVURcjs.MenuProvider; exports.MenuSeparator = _YI65LVURcjs.MenuSeparator; exports.Menubar = _5IOHZ4I2cjs.Menubar; exports.MenubarProvider = _5IOHZ4I2cjs.MenubarProvider; exports.Popover = _PJJBBBFMcjs.Popover; exports.PopoverAnchor = _PJJBBBFMcjs.PopoverAnchor; exports.PopoverArrow = _PJJBBBFMcjs.PopoverArrow; exports.PopoverDescription = _PJJBBBFMcjs.PopoverDescription; exports.PopoverDisclosure = _PJJBBBFMcjs.PopoverDisclosure; exports.PopoverDisclosureArrow = _PJJBBBFMcjs.PopoverDisclosureArrow; exports.PopoverDismiss = _PJJBBBFMcjs.PopoverDismiss; exports.PopoverHeading = _PJJBBBFMcjs.PopoverHeading; exports.PopoverProvider = _PJJBBBFMcjs.PopoverProvider; exports.Portal = _2IQBZZWJcjs.Portal; exports.PortalContext = _2IQBZZWJcjs.PortalContext; exports.Radio = _MGEVVWZXcjs.Radio; exports.RadioGroup = _MGEVVWZXcjs.RadioGroup; exports.RadioProvider = _MGEVVWZXcjs.RadioProvider; exports.Role = _52YMFNS6cjs.Role; exports.Select = _VOOPV6XKcjs.Select; exports.SelectArrow = _VOOPV6XKcjs.SelectArrow; exports.SelectDismiss = _VOOPV6XKcjs.SelectDismiss; exports.SelectGroup = _VOOPV6XKcjs.SelectGroup; exports.SelectGroupLabel = _VOOPV6XKcjs.SelectGroupLabel; exports.SelectHeading = _VOOPV6XKcjs.SelectHeading; exports.SelectItem = _VOOPV6XKcjs.SelectItem; exports.SelectItemCheck = _VOOPV6XKcjs.SelectItemCheck; exports.SelectLabel = _VOOPV6XKcjs.SelectLabel; exports.SelectList = _VOOPV6XKcjs.SelectList; exports.SelectPopover = _VOOPV6XKcjs.SelectPopover; exports.SelectProvider = _VOOPV6XKcjs.SelectProvider; exports.SelectRow = _VOOPV6XKcjs.SelectRow; exports.SelectSeparator = _VOOPV6XKcjs.SelectSeparator; exports.Separator = _4DRZWAUWcjs.Separator; exports.Tab = _S2APY7WScjs.Tab; exports.TabList = _S2APY7WScjs.TabList; exports.TabPanel = _S2APY7WScjs.TabPanel; exports.TabProvider = _S2APY7WScjs.TabProvider; exports.Toolbar = _GSJINE7Ccjs.Toolbar; exports.ToolbarContainer = _GSJINE7Ccjs.ToolbarContainer; exports.ToolbarInput = _GSJINE7Ccjs.ToolbarInput; exports.ToolbarItem = _GSJINE7Ccjs.ToolbarItem; exports.ToolbarProvider = _GSJINE7Ccjs.ToolbarProvider; exports.ToolbarSeparator = _GSJINE7Ccjs.ToolbarSeparator; exports.Tooltip = _7QT6Q6FHcjs.Tooltip; exports.TooltipAnchor = _7QT6Q6FHcjs.TooltipAnchor; exports.TooltipArrow = _7QT6Q6FHcjs.TooltipArrow; exports.TooltipProvider = _7QT6Q6FHcjs.TooltipProvider; exports.VisuallyHidden = _YWA2TV5Zcjs.VisuallyHidden; exports.useCheckboxContext = _ZWRAL2AZcjs.useCheckboxContext; exports.useCheckboxStore = _ZWRAL2AZcjs.useCheckboxStore; exports.useCollectionContext = _TSWTQLOFcjs.useCollectionContext; exports.useCollectionStore = _TSWTQLOFcjs.useCollectionStore; exports.useComboboxContext = _CVGFHVWYcjs.useComboboxContext; exports.useComboboxStore = _CVGFHVWYcjs.useComboboxStore; exports.useCompositeContext = _ZBCIKQ4Ucjs.useCompositeContext; exports.useCompositeStore = _ZBCIKQ4Ucjs.useCompositeStore; exports.useDialogContext = _HUE4LZQJcjs.useDialogContext; exports.useDialogStore = _HUE4LZQJcjs.useDialogStore; exports.useDisclosureContext = _NLIOCXTHcjs.useDisclosureContext; exports.useDisclosureStore = _NLIOCXTHcjs.useDisclosureStore; exports.useFormContext = _I7IJ62YOcjs.useFormContext; exports.useFormStore = _I7IJ62YOcjs.useFormStore; exports.useHovercardContext = _JC7ZDNVDcjs.useHovercardContext; exports.useHovercardStore = _JC7ZDNVDcjs.useHovercardStore; exports.useMenuBarContext = _YI65LVURcjs.useMenuBarContext; exports.useMenuBarStore = _YI65LVURcjs.useMenuBarStore; exports.useMenuContext = _YI65LVURcjs.useMenuContext; exports.useMenuStore = _YI65LVURcjs.useMenuStore; exports.useMenubarContext = _5IOHZ4I2cjs.useMenubarContext; exports.useMenubarStore = _5IOHZ4I2cjs.useMenubarStore; exports.usePopoverContext = _PJJBBBFMcjs.usePopoverContext; exports.usePopoverStore = _PJJBBBFMcjs.usePopoverStore; exports.useRadioContext = _MGEVVWZXcjs.useRadioContext; exports.useRadioStore = _MGEVVWZXcjs.useRadioStore; exports.useSelectContext = _VOOPV6XKcjs.useSelectContext; exports.useSelectStore = _VOOPV6XKcjs.useSelectStore; exports.useTabContext = _S2APY7WScjs.useTabContext; exports.useTabStore = _S2APY7WScjs.useTabStore; exports.useToolbarContext = _GSJINE7Ccjs.useToolbarContext; exports.useToolbarStore = _GSJINE7Ccjs.useToolbarStore; exports.useTooltipContext = _7QT6Q6FHcjs.useTooltipContext; exports.useTooltipStore = _7QT6Q6FHcjs.useTooltipStore;
|
package/cjs/index.d.cts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export * from "./button.
|
|
2
|
-
export * from "./checkbox.
|
|
3
|
-
export * from "./collection.
|
|
4
|
-
export * from "./combobox.
|
|
5
|
-
export * from "./command.
|
|
6
|
-
export * from "./composite.
|
|
7
|
-
export * from "./dialog.
|
|
8
|
-
export * from "./disclosure.
|
|
9
|
-
export * from "./focus-trap.
|
|
10
|
-
export * from "./focusable.
|
|
11
|
-
export * from "./form.
|
|
12
|
-
export * from "./group.
|
|
13
|
-
export * from "./heading.
|
|
14
|
-
export * from "./hovercard.
|
|
15
|
-
export * from "./menu.
|
|
16
|
-
export * from "./menubar.
|
|
17
|
-
export * from "./popover.
|
|
18
|
-
export * from "./portal.
|
|
19
|
-
export * from "./radio.
|
|
20
|
-
export * from "./role.
|
|
21
|
-
export * from "./select.
|
|
22
|
-
export * from "./separator.
|
|
23
|
-
export * from "./tab.
|
|
24
|
-
export * from "./toolbar.
|
|
25
|
-
export * from "./tooltip.
|
|
26
|
-
export * from "./visually-hidden.
|
|
1
|
+
export * from "./button.ts";
|
|
2
|
+
export * from "./checkbox.ts";
|
|
3
|
+
export * from "./collection.ts";
|
|
4
|
+
export * from "./combobox.ts";
|
|
5
|
+
export * from "./command.ts";
|
|
6
|
+
export * from "./composite.ts";
|
|
7
|
+
export * from "./dialog.ts";
|
|
8
|
+
export * from "./disclosure.ts";
|
|
9
|
+
export * from "./focus-trap.ts";
|
|
10
|
+
export * from "./focusable.ts";
|
|
11
|
+
export * from "./form.ts";
|
|
12
|
+
export * from "./group.ts";
|
|
13
|
+
export * from "./heading.ts";
|
|
14
|
+
export * from "./hovercard.ts";
|
|
15
|
+
export * from "./menu.ts";
|
|
16
|
+
export * from "./menubar.ts";
|
|
17
|
+
export * from "./popover.ts";
|
|
18
|
+
export * from "./portal.ts";
|
|
19
|
+
export * from "./radio.ts";
|
|
20
|
+
export * from "./role.ts";
|
|
21
|
+
export * from "./select.ts";
|
|
22
|
+
export * from "./separator.ts";
|
|
23
|
+
export * from "./tab.ts";
|
|
24
|
+
export * from "./toolbar.ts";
|
|
25
|
+
export * from "./tooltip.ts";
|
|
26
|
+
export * from "./visually-hidden.ts";
|
package/cjs/index.d.ts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export * from "./button.
|
|
2
|
-
export * from "./checkbox.
|
|
3
|
-
export * from "./collection.
|
|
4
|
-
export * from "./combobox.
|
|
5
|
-
export * from "./command.
|
|
6
|
-
export * from "./composite.
|
|
7
|
-
export * from "./dialog.
|
|
8
|
-
export * from "./disclosure.
|
|
9
|
-
export * from "./focus-trap.
|
|
10
|
-
export * from "./focusable.
|
|
11
|
-
export * from "./form.
|
|
12
|
-
export * from "./group.
|
|
13
|
-
export * from "./heading.
|
|
14
|
-
export * from "./hovercard.
|
|
15
|
-
export * from "./menu.
|
|
16
|
-
export * from "./menubar.
|
|
17
|
-
export * from "./popover.
|
|
18
|
-
export * from "./portal.
|
|
19
|
-
export * from "./radio.
|
|
20
|
-
export * from "./role.
|
|
21
|
-
export * from "./select.
|
|
22
|
-
export * from "./separator.
|
|
23
|
-
export * from "./tab.
|
|
24
|
-
export * from "./toolbar.
|
|
25
|
-
export * from "./tooltip.
|
|
26
|
-
export * from "./visually-hidden.
|
|
1
|
+
export * from "./button.ts";
|
|
2
|
+
export * from "./checkbox.ts";
|
|
3
|
+
export * from "./collection.ts";
|
|
4
|
+
export * from "./combobox.ts";
|
|
5
|
+
export * from "./command.ts";
|
|
6
|
+
export * from "./composite.ts";
|
|
7
|
+
export * from "./dialog.ts";
|
|
8
|
+
export * from "./disclosure.ts";
|
|
9
|
+
export * from "./focus-trap.ts";
|
|
10
|
+
export * from "./focusable.ts";
|
|
11
|
+
export * from "./form.ts";
|
|
12
|
+
export * from "./group.ts";
|
|
13
|
+
export * from "./heading.ts";
|
|
14
|
+
export * from "./hovercard.ts";
|
|
15
|
+
export * from "./menu.ts";
|
|
16
|
+
export * from "./menubar.ts";
|
|
17
|
+
export * from "./popover.ts";
|
|
18
|
+
export * from "./portal.ts";
|
|
19
|
+
export * from "./radio.ts";
|
|
20
|
+
export * from "./role.ts";
|
|
21
|
+
export * from "./select.ts";
|
|
22
|
+
export * from "./separator.ts";
|
|
23
|
+
export * from "./tab.ts";
|
|
24
|
+
export * from "./toolbar.ts";
|
|
25
|
+
export * from "./tooltip.ts";
|
|
26
|
+
export * from "./visually-hidden.ts";
|
package/cjs/select.cjs
CHANGED
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
var _TFWERKJZcjs = require('./__chunks/TFWERKJZ.cjs');
|
|
18
17
|
|
|
19
18
|
|
|
19
|
+
var _VOOPV6XKcjs = require('./__chunks/VOOPV6XK.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -30,4 +30,8 @@ var _TFWERKJZcjs = require('./__chunks/TFWERKJZ.cjs');
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
exports.Select = _VOOPV6XKcjs.Select; exports.SelectArrow = _VOOPV6XKcjs.SelectArrow; exports.SelectDismiss = _VOOPV6XKcjs.SelectDismiss; exports.SelectGroup = _VOOPV6XKcjs.SelectGroup; exports.SelectGroupLabel = _VOOPV6XKcjs.SelectGroupLabel; exports.SelectHeading = _VOOPV6XKcjs.SelectHeading; exports.SelectItem = _VOOPV6XKcjs.SelectItem; exports.SelectItemCheck = _VOOPV6XKcjs.SelectItemCheck; exports.SelectLabel = _VOOPV6XKcjs.SelectLabel; exports.SelectList = _VOOPV6XKcjs.SelectList; exports.SelectPopover = _VOOPV6XKcjs.SelectPopover; exports.SelectProvider = _VOOPV6XKcjs.SelectProvider; exports.SelectRow = _VOOPV6XKcjs.SelectRow; exports.SelectSeparator = _VOOPV6XKcjs.SelectSeparator; exports.useSelectContext = _VOOPV6XKcjs.useSelectContext; exports.useSelectStore = _VOOPV6XKcjs.useSelectStore;
|
package/cjs/select.d.cts
CHANGED
|
@@ -3,8 +3,10 @@ export { useSelectContext } from "@ariakit/react-core/select/select-context";
|
|
|
3
3
|
export { Select } from "@ariakit/react-core/select/select";
|
|
4
4
|
export { SelectProvider } from "@ariakit/react-core/select/select-provider";
|
|
5
5
|
export { SelectArrow } from "@ariakit/react-core/select/select-arrow";
|
|
6
|
+
export { SelectDismiss } from "@ariakit/react-core/select/select-dismiss";
|
|
6
7
|
export { SelectGroupLabel } from "@ariakit/react-core/select/select-group-label";
|
|
7
8
|
export { SelectGroup } from "@ariakit/react-core/select/select-group";
|
|
9
|
+
export { SelectHeading } from "@ariakit/react-core/select/select-heading";
|
|
8
10
|
export { SelectItemCheck } from "@ariakit/react-core/select/select-item-check";
|
|
9
11
|
export { SelectItem } from "@ariakit/react-core/select/select-item";
|
|
10
12
|
export { SelectLabel } from "@ariakit/react-core/select/select-label";
|
|
@@ -16,8 +18,10 @@ export type { SelectStoreProps, SelectStoreState, SelectStore, } from "@ariakit/
|
|
|
16
18
|
export type { SelectOptions, SelectProps, } from "@ariakit/react-core/select/select";
|
|
17
19
|
export type { SelectProviderProps } from "@ariakit/react-core/select/select-provider";
|
|
18
20
|
export type { SelectArrowOptions, SelectArrowProps, } from "@ariakit/react-core/select/select-arrow";
|
|
21
|
+
export type { SelectDismissOptions, SelectDismissProps, } from "@ariakit/react-core/select/select-dismiss";
|
|
19
22
|
export type { SelectGroupLabelOptions, SelectGroupLabelProps, } from "@ariakit/react-core/select/select-group-label";
|
|
20
23
|
export type { SelectGroupOptions, SelectGroupProps, } from "@ariakit/react-core/select/select-group";
|
|
24
|
+
export type { SelectHeadingOptions, SelectHeadingProps, } from "@ariakit/react-core/select/select-heading";
|
|
21
25
|
export type { SelectItemCheckOptions, SelectItemCheckProps, } from "@ariakit/react-core/select/select-item-check";
|
|
22
26
|
export type { SelectItemOptions, SelectItemProps, } from "@ariakit/react-core/select/select-item";
|
|
23
27
|
export type { SelectLabelOptions, SelectLabelProps, } from "@ariakit/react-core/select/select-label";
|
package/cjs/select.d.ts
CHANGED
|
@@ -3,8 +3,10 @@ export { useSelectContext } from "@ariakit/react-core/select/select-context";
|
|
|
3
3
|
export { Select } from "@ariakit/react-core/select/select";
|
|
4
4
|
export { SelectProvider } from "@ariakit/react-core/select/select-provider";
|
|
5
5
|
export { SelectArrow } from "@ariakit/react-core/select/select-arrow";
|
|
6
|
+
export { SelectDismiss } from "@ariakit/react-core/select/select-dismiss";
|
|
6
7
|
export { SelectGroupLabel } from "@ariakit/react-core/select/select-group-label";
|
|
7
8
|
export { SelectGroup } from "@ariakit/react-core/select/select-group";
|
|
9
|
+
export { SelectHeading } from "@ariakit/react-core/select/select-heading";
|
|
8
10
|
export { SelectItemCheck } from "@ariakit/react-core/select/select-item-check";
|
|
9
11
|
export { SelectItem } from "@ariakit/react-core/select/select-item";
|
|
10
12
|
export { SelectLabel } from "@ariakit/react-core/select/select-label";
|
|
@@ -16,8 +18,10 @@ export type { SelectStoreProps, SelectStoreState, SelectStore, } from "@ariakit/
|
|
|
16
18
|
export type { SelectOptions, SelectProps, } from "@ariakit/react-core/select/select";
|
|
17
19
|
export type { SelectProviderProps } from "@ariakit/react-core/select/select-provider";
|
|
18
20
|
export type { SelectArrowOptions, SelectArrowProps, } from "@ariakit/react-core/select/select-arrow";
|
|
21
|
+
export type { SelectDismissOptions, SelectDismissProps, } from "@ariakit/react-core/select/select-dismiss";
|
|
19
22
|
export type { SelectGroupLabelOptions, SelectGroupLabelProps, } from "@ariakit/react-core/select/select-group-label";
|
|
20
23
|
export type { SelectGroupOptions, SelectGroupProps, } from "@ariakit/react-core/select/select-group";
|
|
24
|
+
export type { SelectHeadingOptions, SelectHeadingProps, } from "@ariakit/react-core/select/select-heading";
|
|
21
25
|
export type { SelectItemCheckOptions, SelectItemCheckProps, } from "@ariakit/react-core/select/select-item-check";
|
|
22
26
|
export type { SelectItemOptions, SelectItemProps, } from "@ariakit/react-core/select/select-item";
|
|
23
27
|
export type { SelectLabelOptions, SelectLabelProps, } from "@ariakit/react-core/select/select-label";
|
|
@@ -6,8 +6,10 @@ import { useSelectContext } from "@ariakit/react-core/select/select-context";
|
|
|
6
6
|
import { Select } from "@ariakit/react-core/select/select";
|
|
7
7
|
import { SelectProvider } from "@ariakit/react-core/select/select-provider";
|
|
8
8
|
import { SelectArrow } from "@ariakit/react-core/select/select-arrow";
|
|
9
|
+
import { SelectDismiss } from "@ariakit/react-core/select/select-dismiss";
|
|
9
10
|
import { SelectGroupLabel } from "@ariakit/react-core/select/select-group-label";
|
|
10
11
|
import { SelectGroup } from "@ariakit/react-core/select/select-group";
|
|
12
|
+
import { SelectHeading } from "@ariakit/react-core/select/select-heading";
|
|
11
13
|
import { SelectItemCheck } from "@ariakit/react-core/select/select-item-check";
|
|
12
14
|
import { SelectItem } from "@ariakit/react-core/select/select-item";
|
|
13
15
|
import { SelectLabel } from "@ariakit/react-core/select/select-label";
|
|
@@ -22,8 +24,10 @@ export {
|
|
|
22
24
|
Select,
|
|
23
25
|
SelectProvider,
|
|
24
26
|
SelectArrow,
|
|
27
|
+
SelectDismiss,
|
|
25
28
|
SelectGroupLabel,
|
|
26
29
|
SelectGroup,
|
|
30
|
+
SelectHeading,
|
|
27
31
|
SelectItemCheck,
|
|
28
32
|
SelectItem,
|
|
29
33
|
SelectLabel,
|
package/esm/index.d.ts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export * from "./button.
|
|
2
|
-
export * from "./checkbox.
|
|
3
|
-
export * from "./collection.
|
|
4
|
-
export * from "./combobox.
|
|
5
|
-
export * from "./command.
|
|
6
|
-
export * from "./composite.
|
|
7
|
-
export * from "./dialog.
|
|
8
|
-
export * from "./disclosure.
|
|
9
|
-
export * from "./focus-trap.
|
|
10
|
-
export * from "./focusable.
|
|
11
|
-
export * from "./form.
|
|
12
|
-
export * from "./group.
|
|
13
|
-
export * from "./heading.
|
|
14
|
-
export * from "./hovercard.
|
|
15
|
-
export * from "./menu.
|
|
16
|
-
export * from "./menubar.
|
|
17
|
-
export * from "./popover.
|
|
18
|
-
export * from "./portal.
|
|
19
|
-
export * from "./radio.
|
|
20
|
-
export * from "./role.
|
|
21
|
-
export * from "./select.
|
|
22
|
-
export * from "./separator.
|
|
23
|
-
export * from "./tab.
|
|
24
|
-
export * from "./toolbar.
|
|
25
|
-
export * from "./tooltip.
|
|
26
|
-
export * from "./visually-hidden.
|
|
1
|
+
export * from "./button.ts";
|
|
2
|
+
export * from "./checkbox.ts";
|
|
3
|
+
export * from "./collection.ts";
|
|
4
|
+
export * from "./combobox.ts";
|
|
5
|
+
export * from "./command.ts";
|
|
6
|
+
export * from "./composite.ts";
|
|
7
|
+
export * from "./dialog.ts";
|
|
8
|
+
export * from "./disclosure.ts";
|
|
9
|
+
export * from "./focus-trap.ts";
|
|
10
|
+
export * from "./focusable.ts";
|
|
11
|
+
export * from "./form.ts";
|
|
12
|
+
export * from "./group.ts";
|
|
13
|
+
export * from "./heading.ts";
|
|
14
|
+
export * from "./hovercard.ts";
|
|
15
|
+
export * from "./menu.ts";
|
|
16
|
+
export * from "./menubar.ts";
|
|
17
|
+
export * from "./popover.ts";
|
|
18
|
+
export * from "./portal.ts";
|
|
19
|
+
export * from "./radio.ts";
|
|
20
|
+
export * from "./role.ts";
|
|
21
|
+
export * from "./select.ts";
|
|
22
|
+
export * from "./separator.ts";
|
|
23
|
+
export * from "./tab.ts";
|
|
24
|
+
export * from "./toolbar.ts";
|
|
25
|
+
export * from "./tooltip.ts";
|
|
26
|
+
export * from "./visually-hidden.ts";
|
package/esm/index.js
CHANGED
|
@@ -197,8 +197,10 @@ import {
|
|
|
197
197
|
import {
|
|
198
198
|
Select,
|
|
199
199
|
SelectArrow,
|
|
200
|
+
SelectDismiss,
|
|
200
201
|
SelectGroup,
|
|
201
202
|
SelectGroupLabel,
|
|
203
|
+
SelectHeading,
|
|
202
204
|
SelectItem,
|
|
203
205
|
SelectItemCheck,
|
|
204
206
|
SelectLabel,
|
|
@@ -209,7 +211,7 @@ import {
|
|
|
209
211
|
SelectSeparator,
|
|
210
212
|
useSelectContext,
|
|
211
213
|
useSelectStore
|
|
212
|
-
} from "./__chunks/
|
|
214
|
+
} from "./__chunks/T4UOPNDF.js";
|
|
213
215
|
import {
|
|
214
216
|
Role
|
|
215
217
|
} from "./__chunks/VGHCPDMA.js";
|
|
@@ -330,8 +332,10 @@ export {
|
|
|
330
332
|
Role,
|
|
331
333
|
Select,
|
|
332
334
|
SelectArrow,
|
|
335
|
+
SelectDismiss,
|
|
333
336
|
SelectGroup,
|
|
334
337
|
SelectGroupLabel,
|
|
338
|
+
SelectHeading,
|
|
335
339
|
SelectItem,
|
|
336
340
|
SelectItemCheck,
|
|
337
341
|
SelectLabel,
|
package/esm/select.d.ts
CHANGED
|
@@ -3,8 +3,10 @@ export { useSelectContext } from "@ariakit/react-core/select/select-context";
|
|
|
3
3
|
export { Select } from "@ariakit/react-core/select/select";
|
|
4
4
|
export { SelectProvider } from "@ariakit/react-core/select/select-provider";
|
|
5
5
|
export { SelectArrow } from "@ariakit/react-core/select/select-arrow";
|
|
6
|
+
export { SelectDismiss } from "@ariakit/react-core/select/select-dismiss";
|
|
6
7
|
export { SelectGroupLabel } from "@ariakit/react-core/select/select-group-label";
|
|
7
8
|
export { SelectGroup } from "@ariakit/react-core/select/select-group";
|
|
9
|
+
export { SelectHeading } from "@ariakit/react-core/select/select-heading";
|
|
8
10
|
export { SelectItemCheck } from "@ariakit/react-core/select/select-item-check";
|
|
9
11
|
export { SelectItem } from "@ariakit/react-core/select/select-item";
|
|
10
12
|
export { SelectLabel } from "@ariakit/react-core/select/select-label";
|
|
@@ -16,8 +18,10 @@ export type { SelectStoreProps, SelectStoreState, SelectStore, } from "@ariakit/
|
|
|
16
18
|
export type { SelectOptions, SelectProps, } from "@ariakit/react-core/select/select";
|
|
17
19
|
export type { SelectProviderProps } from "@ariakit/react-core/select/select-provider";
|
|
18
20
|
export type { SelectArrowOptions, SelectArrowProps, } from "@ariakit/react-core/select/select-arrow";
|
|
21
|
+
export type { SelectDismissOptions, SelectDismissProps, } from "@ariakit/react-core/select/select-dismiss";
|
|
19
22
|
export type { SelectGroupLabelOptions, SelectGroupLabelProps, } from "@ariakit/react-core/select/select-group-label";
|
|
20
23
|
export type { SelectGroupOptions, SelectGroupProps, } from "@ariakit/react-core/select/select-group";
|
|
24
|
+
export type { SelectHeadingOptions, SelectHeadingProps, } from "@ariakit/react-core/select/select-heading";
|
|
21
25
|
export type { SelectItemCheckOptions, SelectItemCheckProps, } from "@ariakit/react-core/select/select-item-check";
|
|
22
26
|
export type { SelectItemOptions, SelectItemProps, } from "@ariakit/react-core/select/select-item";
|
|
23
27
|
export type { SelectLabelOptions, SelectLabelProps, } from "@ariakit/react-core/select/select-label";
|
package/esm/select.js
CHANGED
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Select,
|
|
4
4
|
SelectArrow,
|
|
5
|
+
SelectDismiss,
|
|
5
6
|
SelectGroup,
|
|
6
7
|
SelectGroupLabel,
|
|
8
|
+
SelectHeading,
|
|
7
9
|
SelectItem,
|
|
8
10
|
SelectItemCheck,
|
|
9
11
|
SelectLabel,
|
|
@@ -14,12 +16,14 @@ import {
|
|
|
14
16
|
SelectSeparator,
|
|
15
17
|
useSelectContext,
|
|
16
18
|
useSelectStore
|
|
17
|
-
} from "./__chunks/
|
|
19
|
+
} from "./__chunks/T4UOPNDF.js";
|
|
18
20
|
export {
|
|
19
21
|
Select,
|
|
20
22
|
SelectArrow,
|
|
23
|
+
SelectDismiss,
|
|
21
24
|
SelectGroup,
|
|
22
25
|
SelectGroupLabel,
|
|
26
|
+
SelectHeading,
|
|
23
27
|
SelectItem,
|
|
24
28
|
SelectItemCheck,
|
|
25
29
|
SelectLabel,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ariakit/react",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.6",
|
|
4
4
|
"description": "Toolkit for building accessible web apps with React",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"components"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@ariakit/react-core": "0.4.
|
|
40
|
+
"@ariakit/react-core": "0.4.6"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"react": "^17.0.0 || ^18.0.0",
|