@ariakit/react 0.4.7 → 0.4.9
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 +61 -0
- package/cjs/__chunks/HA4BU37Q.cjs +8 -0
- package/cjs/__chunks/{CVGFHVWY.cjs → P3NYJSPB.cjs} +3 -1
- package/cjs/combobox.cjs +4 -2
- package/cjs/combobox.d.cts +2 -0
- package/cjs/combobox.d.ts +2 -0
- package/cjs/index.cjs +27 -21
- package/cjs/index.d.cts +1 -0
- package/cjs/index.d.ts +1 -0
- package/cjs/store.cjs +7 -0
- package/cjs/store.d.cts +1 -0
- package/cjs/store.d.ts +1 -0
- package/esm/__chunks/{L4M2Z5VM.js → KRAVG5ZJ.js} +3 -1
- package/esm/__chunks/NV5BVS3O.js +8 -0
- package/esm/combobox.d.ts +2 -0
- package/esm/combobox.js +3 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +34 -28
- package/esm/store.d.ts +1 -0
- package/esm/store.js +7 -0
- package/package.json +9 -2
- package/readme.md +5 -0
- package/store/package.json +8 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,66 @@
|
|
|
1
1
|
# @ariakit/react
|
|
2
2
|
|
|
3
|
+
## 0.4.9
|
|
4
|
+
|
|
5
|
+
### New `useStoreState` hook
|
|
6
|
+
|
|
7
|
+
The [`useStoreState`](https://ariakit.org/reference/use-store-state) hook is now part of the public API. Previously used internally by dynamic `useState` hooks from Ariakit store objects, it is now available in the `@ariakit/react` package to ensure compatibility with the new React Compiler.
|
|
8
|
+
|
|
9
|
+
The following snippets are equivalent:
|
|
10
|
+
|
|
11
|
+
```js
|
|
12
|
+
const combobox = useComboboxStore();
|
|
13
|
+
const value = combobox.useState("value");
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
```js
|
|
17
|
+
const combobox = useComboboxStore();
|
|
18
|
+
const value = useStoreState(combobox, "value");
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Besides working better with the new React Compiler, [`useStoreState`](https://ariakit.org/reference/use-store-state) is more flexible than `store.useState` as it accepts a store that is `null` or `undefined`, in which case the returned value will be `undefined`. This is useful when you're reading a store from a context that may not always be available:
|
|
22
|
+
|
|
23
|
+
```js
|
|
24
|
+
const combobox = useComboboxContext();
|
|
25
|
+
const value = useStoreState(combobox, "value");
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
### New `ComboboxValue` component
|
|
29
|
+
|
|
30
|
+
A [`ComboboxValue`](https://ariakit.org/reference/combobox-value) component is now available. This _value_ component displays the current value of the combobox input without rendering any DOM elements or taking any HTML props. You can optionally pass a function as a child returning any React node based on the current value:
|
|
31
|
+
|
|
32
|
+
```jsx
|
|
33
|
+
<ComboboxProvider>
|
|
34
|
+
<Combobox />
|
|
35
|
+
<ComboboxValue>{(value) => `Current value: ${value}`}</ComboboxValue>
|
|
36
|
+
</ComboboxProvider>
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
### `aria-selected` on composite items
|
|
40
|
+
|
|
41
|
+
Composite items like [`ComboboxItem`](https://ariakit.org/reference/combobox-item) no longer have the `aria-selected` attribute automatically set when focused. This attribute was previously used to address an old bug in Google Chrome, but it's no longer needed. Now, it's only set when the item is actually selected, such as in a select widget or a multi-selectable combobox.
|
|
42
|
+
|
|
43
|
+
This change shouldn't affect most users since the `aria-selected` attribute is not part of the public API and is not recommended as a [CSS selector](https://ariakit.org/guide/styling#css-selectors) (use [`[data-active-item]`](https://ariakit.org/guide/styling#data-active-item) instead). However, if you have snapshot tests, you may need to update them.
|
|
44
|
+
|
|
45
|
+
### Other updates
|
|
46
|
+
|
|
47
|
+
- Added [`userValue`](https://ariakit.org/reference/combobox-item-value#uservalue) prop to [`ComboboxItemValue`](https://ariakit.org/reference/combobox-item-value).
|
|
48
|
+
- Improved JSDocs.
|
|
49
|
+
- Updated dependencies: `@ariakit/react-core@0.4.9`
|
|
50
|
+
|
|
51
|
+
## 0.4.8
|
|
52
|
+
|
|
53
|
+
### Accessing selected tabs when disabled
|
|
54
|
+
|
|
55
|
+
A [Tab](https://ariakit.org/components/tab) component that is both selected and disabled will now remain accessible to keyboard focus even if the [`accessibleWhenDisabled`](https://ariakit.org/reference/tab#accessiblewhendisabled) prop is set to `false`. This ensures users can navigate to other tabs using the keyboard.
|
|
56
|
+
|
|
57
|
+
### Other updates
|
|
58
|
+
|
|
59
|
+
- Fixed [Dialog](https://ariakit.org/components/dialog) to prevent smooth scrolling on hide.
|
|
60
|
+
- Fixed [Hovercard](https://ariakit.org/components/hovercard) unexpectedly hiding when scrolling in Safari.
|
|
61
|
+
- Improved JSDocs.
|
|
62
|
+
- Updated dependencies: `@ariakit/react-core@0.4.8`
|
|
63
|
+
|
|
3
64
|
## 0.4.7
|
|
4
65
|
|
|
5
66
|
### New `SelectValue` component
|
|
@@ -17,6 +17,7 @@ var _comboboxlist = require('@ariakit/react-core/combobox/combobox-list');
|
|
|
17
17
|
var _comboboxpopover = require('@ariakit/react-core/combobox/combobox-popover');
|
|
18
18
|
var _comboboxrow = require('@ariakit/react-core/combobox/combobox-row');
|
|
19
19
|
var _comboboxseparator = require('@ariakit/react-core/combobox/combobox-separator');
|
|
20
|
+
var _comboboxvalue = require('@ariakit/react-core/combobox/combobox-value');
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
|
|
@@ -35,4 +36,5 @@ var _comboboxseparator = require('@ariakit/react-core/combobox/combobox-separato
|
|
|
35
36
|
|
|
36
37
|
|
|
37
38
|
|
|
38
|
-
|
|
39
|
+
|
|
40
|
+
exports.useComboboxStore = _comboboxstore.useComboboxStore; exports.useComboboxContext = _comboboxcontext.useComboboxContext; exports.Combobox = _combobox.Combobox; exports.ComboboxProvider = _comboboxprovider.ComboboxProvider; exports.ComboboxCancel = _comboboxcancel.ComboboxCancel; exports.ComboboxDisclosure = _comboboxdisclosure.ComboboxDisclosure; exports.ComboboxGroupLabel = _comboboxgrouplabel.ComboboxGroupLabel; exports.ComboboxGroup = _comboboxgroup.ComboboxGroup; exports.ComboboxItemCheck = _comboboxitemcheck.ComboboxItemCheck; exports.ComboboxItemValue = _comboboxitemvalue.ComboboxItemValue; exports.ComboboxItem = _comboboxitem.ComboboxItem; exports.ComboboxLabel = _comboboxlabel.ComboboxLabel; exports.ComboboxList = _comboboxlist.ComboboxList; exports.ComboboxPopover = _comboboxpopover.ComboboxPopover; exports.ComboboxRow = _comboboxrow.ComboboxRow; exports.ComboboxSeparator = _comboboxseparator.ComboboxSeparator; exports.ComboboxValue = _comboboxvalue.ComboboxValue;
|
package/cjs/combobox.cjs
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var _CVGFHVWYcjs = require('./__chunks/CVGFHVWY.cjs');
|
|
20
19
|
|
|
20
|
+
var _P3NYJSPBcjs = require('./__chunks/P3NYJSPB.cjs');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
@@ -34,4 +34,6 @@ var _CVGFHVWYcjs = require('./__chunks/CVGFHVWY.cjs');
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
exports.Combobox = _P3NYJSPBcjs.Combobox; exports.ComboboxCancel = _P3NYJSPBcjs.ComboboxCancel; exports.ComboboxDisclosure = _P3NYJSPBcjs.ComboboxDisclosure; exports.ComboboxGroup = _P3NYJSPBcjs.ComboboxGroup; exports.ComboboxGroupLabel = _P3NYJSPBcjs.ComboboxGroupLabel; exports.ComboboxItem = _P3NYJSPBcjs.ComboboxItem; exports.ComboboxItemCheck = _P3NYJSPBcjs.ComboboxItemCheck; exports.ComboboxItemValue = _P3NYJSPBcjs.ComboboxItemValue; exports.ComboboxLabel = _P3NYJSPBcjs.ComboboxLabel; exports.ComboboxList = _P3NYJSPBcjs.ComboboxList; exports.ComboboxPopover = _P3NYJSPBcjs.ComboboxPopover; exports.ComboboxProvider = _P3NYJSPBcjs.ComboboxProvider; exports.ComboboxRow = _P3NYJSPBcjs.ComboboxRow; exports.ComboboxSeparator = _P3NYJSPBcjs.ComboboxSeparator; exports.ComboboxValue = _P3NYJSPBcjs.ComboboxValue; exports.useComboboxContext = _P3NYJSPBcjs.useComboboxContext; exports.useComboboxStore = _P3NYJSPBcjs.useComboboxStore;
|
package/cjs/combobox.d.cts
CHANGED
|
@@ -14,6 +14,7 @@ export { ComboboxList } from "@ariakit/react-core/combobox/combobox-list";
|
|
|
14
14
|
export { ComboboxPopover } from "@ariakit/react-core/combobox/combobox-popover";
|
|
15
15
|
export { ComboboxRow } from "@ariakit/react-core/combobox/combobox-row";
|
|
16
16
|
export { ComboboxSeparator } from "@ariakit/react-core/combobox/combobox-separator";
|
|
17
|
+
export { ComboboxValue } from "@ariakit/react-core/combobox/combobox-value";
|
|
17
18
|
export type { ComboboxStore, ComboboxStoreProps, ComboboxStoreState, } from "@ariakit/react-core/combobox/combobox-store";
|
|
18
19
|
export type { ComboboxOptions, ComboboxProps, } from "@ariakit/react-core/combobox/combobox";
|
|
19
20
|
export type { ComboboxProviderProps } from "@ariakit/react-core/combobox/combobox-provider";
|
|
@@ -29,3 +30,4 @@ export type { ComboboxListOptions, ComboboxListProps, } from "@ariakit/react-cor
|
|
|
29
30
|
export type { ComboboxPopoverOptions, ComboboxPopoverProps, } from "@ariakit/react-core/combobox/combobox-popover";
|
|
30
31
|
export type { ComboboxRowOptions, ComboboxRowProps, } from "@ariakit/react-core/combobox/combobox-row";
|
|
31
32
|
export type { ComboboxSeparatorOptions, ComboboxSeparatorProps, } from "@ariakit/react-core/combobox/combobox-separator";
|
|
33
|
+
export type { ComboboxValueProps } from "@ariakit/react-core/combobox/combobox-value";
|
package/cjs/combobox.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export { ComboboxList } from "@ariakit/react-core/combobox/combobox-list";
|
|
|
14
14
|
export { ComboboxPopover } from "@ariakit/react-core/combobox/combobox-popover";
|
|
15
15
|
export { ComboboxRow } from "@ariakit/react-core/combobox/combobox-row";
|
|
16
16
|
export { ComboboxSeparator } from "@ariakit/react-core/combobox/combobox-separator";
|
|
17
|
+
export { ComboboxValue } from "@ariakit/react-core/combobox/combobox-value";
|
|
17
18
|
export type { ComboboxStore, ComboboxStoreProps, ComboboxStoreState, } from "@ariakit/react-core/combobox/combobox-store";
|
|
18
19
|
export type { ComboboxOptions, ComboboxProps, } from "@ariakit/react-core/combobox/combobox";
|
|
19
20
|
export type { ComboboxProviderProps } from "@ariakit/react-core/combobox/combobox-provider";
|
|
@@ -29,3 +30,4 @@ export type { ComboboxListOptions, ComboboxListProps, } from "@ariakit/react-cor
|
|
|
29
30
|
export type { ComboboxPopoverOptions, ComboboxPopoverProps, } from "@ariakit/react-core/combobox/combobox-popover";
|
|
30
31
|
export type { ComboboxRowOptions, ComboboxRowProps, } from "@ariakit/react-core/combobox/combobox-row";
|
|
31
32
|
export type { ComboboxSeparatorOptions, ComboboxSeparatorProps, } from "@ariakit/react-core/combobox/combobox-separator";
|
|
33
|
+
export type { ComboboxValueProps } from "@ariakit/react-core/combobox/combobox-value";
|
package/cjs/index.cjs
CHANGED
|
@@ -5,52 +5,50 @@
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _TSWTQLOFcjs = require('./__chunks/TSWTQLOF.cjs');
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
|
13
12
|
|
|
14
13
|
|
|
15
|
-
var _ZWRAL2AZcjs = require('./__chunks/ZWRAL2AZ.cjs');
|
|
16
14
|
|
|
17
15
|
|
|
18
|
-
var _T7R3LFWQcjs = require('./__chunks/T7R3LFWQ.cjs');
|
|
19
16
|
|
|
20
17
|
|
|
21
18
|
|
|
22
19
|
|
|
20
|
+
var _P3NYJSPBcjs = require('./__chunks/P3NYJSPB.cjs');
|
|
23
21
|
|
|
24
22
|
|
|
25
23
|
|
|
26
24
|
|
|
27
25
|
|
|
28
26
|
|
|
27
|
+
var _TSWTQLOFcjs = require('./__chunks/TSWTQLOF.cjs');
|
|
29
28
|
|
|
30
29
|
|
|
31
30
|
|
|
32
31
|
|
|
33
32
|
|
|
34
33
|
|
|
34
|
+
var _ZWRAL2AZcjs = require('./__chunks/ZWRAL2AZ.cjs');
|
|
35
35
|
|
|
36
36
|
|
|
37
|
+
var _T7R3LFWQcjs = require('./__chunks/T7R3LFWQ.cjs');
|
|
37
38
|
|
|
38
39
|
|
|
39
|
-
var _I7IJ62YOcjs = require('./__chunks/I7IJ62YO.cjs');
|
|
40
40
|
|
|
41
|
+
var _63DLTVY7cjs = require('./__chunks/63DLTVY7.cjs');
|
|
41
42
|
|
|
42
|
-
var _YJ7JEKL2cjs = require('./__chunks/YJ7JEKL2.cjs');
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var _SIWV3OIPcjs = require('./__chunks/SIWV3OIP.cjs');
|
|
47
46
|
|
|
48
47
|
|
|
49
48
|
|
|
50
49
|
|
|
51
50
|
|
|
52
51
|
|
|
53
|
-
var _NLIOCXTHcjs = require('./__chunks/NLIOCXTH.cjs');
|
|
54
52
|
|
|
55
53
|
|
|
56
54
|
|
|
@@ -60,23 +58,24 @@ var _NLIOCXTHcjs = require('./__chunks/NLIOCXTH.cjs');
|
|
|
60
58
|
|
|
61
59
|
|
|
62
60
|
|
|
63
|
-
var _HUE4LZQJcjs = require('./__chunks/HUE4LZQJ.cjs');
|
|
64
61
|
|
|
62
|
+
var _I7IJ62YOcjs = require('./__chunks/I7IJ62YO.cjs');
|
|
65
63
|
|
|
66
64
|
|
|
65
|
+
var _YJ7JEKL2cjs = require('./__chunks/YJ7JEKL2.cjs');
|
|
67
66
|
|
|
68
67
|
|
|
69
68
|
|
|
69
|
+
var _SIWV3OIPcjs = require('./__chunks/SIWV3OIP.cjs');
|
|
70
70
|
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
var
|
|
76
|
+
var _NLIOCXTHcjs = require('./__chunks/NLIOCXTH.cjs');
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
var _2QWYC6BDcjs = require('./__chunks/2QWYC6BD.cjs');
|
|
80
79
|
|
|
81
80
|
|
|
82
81
|
|
|
@@ -84,6 +83,7 @@ var _2QWYC6BDcjs = require('./__chunks/2QWYC6BD.cjs');
|
|
|
84
83
|
|
|
85
84
|
|
|
86
85
|
|
|
86
|
+
var _HUE4LZQJcjs = require('./__chunks/HUE4LZQJ.cjs');
|
|
87
87
|
|
|
88
88
|
|
|
89
89
|
|
|
@@ -94,7 +94,19 @@ var _2QWYC6BDcjs = require('./__chunks/2QWYC6BD.cjs');
|
|
|
94
94
|
|
|
95
95
|
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
var _ZBCIKQ4Ucjs = require('./__chunks/ZBCIKQ4U.cjs');
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
var _2QWYC6BDcjs = require('./__chunks/2QWYC6BD.cjs');
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
var _MGEVVWZXcjs = require('./__chunks/MGEVVWZX.cjs');
|
|
98
110
|
|
|
99
111
|
|
|
100
112
|
|
|
@@ -160,10 +172,6 @@ var _JC7ZDNVDcjs = require('./__chunks/JC7ZDNVD.cjs');
|
|
|
160
172
|
var _M23CUEAIcjs = require('./__chunks/M23CUEAI.cjs');
|
|
161
173
|
|
|
162
174
|
|
|
163
|
-
|
|
164
|
-
var _63DLTVY7cjs = require('./__chunks/63DLTVY7.cjs');
|
|
165
|
-
|
|
166
|
-
|
|
167
175
|
var _YWA2TV5Zcjs = require('./__chunks/YWA2TV5Z.cjs');
|
|
168
176
|
|
|
169
177
|
|
|
@@ -193,6 +201,9 @@ var _GSJINE7Ccjs = require('./__chunks/GSJINE7C.cjs');
|
|
|
193
201
|
var _S2APY7WScjs = require('./__chunks/S2APY7WS.cjs');
|
|
194
202
|
|
|
195
203
|
|
|
204
|
+
var _HA4BU37Qcjs = require('./__chunks/HA4BU37Q.cjs');
|
|
205
|
+
|
|
206
|
+
|
|
196
207
|
var _4DRZWAUWcjs = require('./__chunks/4DRZWAUW.cjs');
|
|
197
208
|
|
|
198
209
|
|
|
@@ -222,11 +233,6 @@ var _52YMFNS6cjs = require('./__chunks/52YMFNS6.cjs');
|
|
|
222
233
|
|
|
223
234
|
|
|
224
235
|
|
|
225
|
-
var _MGEVVWZXcjs = require('./__chunks/MGEVVWZX.cjs');
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
236
|
|
|
231
237
|
|
|
232
238
|
|
|
@@ -396,4 +402,4 @@ var _MGEVVWZXcjs = require('./__chunks/MGEVVWZX.cjs');
|
|
|
396
402
|
|
|
397
403
|
|
|
398
404
|
|
|
399
|
-
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 =
|
|
405
|
+
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 = _P3NYJSPBcjs.Combobox; exports.ComboboxCancel = _P3NYJSPBcjs.ComboboxCancel; exports.ComboboxDisclosure = _P3NYJSPBcjs.ComboboxDisclosure; exports.ComboboxGroup = _P3NYJSPBcjs.ComboboxGroup; exports.ComboboxGroupLabel = _P3NYJSPBcjs.ComboboxGroupLabel; exports.ComboboxItem = _P3NYJSPBcjs.ComboboxItem; exports.ComboboxItemCheck = _P3NYJSPBcjs.ComboboxItemCheck; exports.ComboboxItemValue = _P3NYJSPBcjs.ComboboxItemValue; exports.ComboboxLabel = _P3NYJSPBcjs.ComboboxLabel; exports.ComboboxList = _P3NYJSPBcjs.ComboboxList; exports.ComboboxPopover = _P3NYJSPBcjs.ComboboxPopover; exports.ComboboxProvider = _P3NYJSPBcjs.ComboboxProvider; exports.ComboboxRow = _P3NYJSPBcjs.ComboboxRow; exports.ComboboxSeparator = _P3NYJSPBcjs.ComboboxSeparator; exports.ComboboxValue = _P3NYJSPBcjs.ComboboxValue; 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 = _5OCKTLQFcjs.Select; exports.SelectArrow = _5OCKTLQFcjs.SelectArrow; exports.SelectDismiss = _5OCKTLQFcjs.SelectDismiss; exports.SelectGroup = _5OCKTLQFcjs.SelectGroup; exports.SelectGroupLabel = _5OCKTLQFcjs.SelectGroupLabel; exports.SelectHeading = _5OCKTLQFcjs.SelectHeading; exports.SelectItem = _5OCKTLQFcjs.SelectItem; exports.SelectItemCheck = _5OCKTLQFcjs.SelectItemCheck; exports.SelectLabel = _5OCKTLQFcjs.SelectLabel; exports.SelectList = _5OCKTLQFcjs.SelectList; exports.SelectPopover = _5OCKTLQFcjs.SelectPopover; exports.SelectProvider = _5OCKTLQFcjs.SelectProvider; exports.SelectRow = _5OCKTLQFcjs.SelectRow; exports.SelectSeparator = _5OCKTLQFcjs.SelectSeparator; exports.SelectValue = _5OCKTLQFcjs.SelectValue; 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 = _P3NYJSPBcjs.useComboboxContext; exports.useComboboxStore = _P3NYJSPBcjs.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 = _5OCKTLQFcjs.useSelectContext; exports.useSelectStore = _5OCKTLQFcjs.useSelectStore; exports.useStoreState = _HA4BU37Qcjs.useStoreState; 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
package/cjs/index.d.ts
CHANGED
package/cjs/store.cjs
ADDED
package/cjs/store.d.cts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useStoreState } from "@ariakit/react-core/utils/store";
|
package/cjs/store.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useStoreState } from "@ariakit/react-core/utils/store";
|
|
@@ -17,6 +17,7 @@ import { ComboboxList } from "@ariakit/react-core/combobox/combobox-list";
|
|
|
17
17
|
import { ComboboxPopover } from "@ariakit/react-core/combobox/combobox-popover";
|
|
18
18
|
import { ComboboxRow } from "@ariakit/react-core/combobox/combobox-row";
|
|
19
19
|
import { ComboboxSeparator } from "@ariakit/react-core/combobox/combobox-separator";
|
|
20
|
+
import { ComboboxValue } from "@ariakit/react-core/combobox/combobox-value";
|
|
20
21
|
|
|
21
22
|
export {
|
|
22
23
|
useComboboxStore,
|
|
@@ -34,5 +35,6 @@ export {
|
|
|
34
35
|
ComboboxList,
|
|
35
36
|
ComboboxPopover,
|
|
36
37
|
ComboboxRow,
|
|
37
|
-
ComboboxSeparator
|
|
38
|
+
ComboboxSeparator,
|
|
39
|
+
ComboboxValue
|
|
38
40
|
};
|
package/esm/combobox.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export { ComboboxList } from "@ariakit/react-core/combobox/combobox-list";
|
|
|
14
14
|
export { ComboboxPopover } from "@ariakit/react-core/combobox/combobox-popover";
|
|
15
15
|
export { ComboboxRow } from "@ariakit/react-core/combobox/combobox-row";
|
|
16
16
|
export { ComboboxSeparator } from "@ariakit/react-core/combobox/combobox-separator";
|
|
17
|
+
export { ComboboxValue } from "@ariakit/react-core/combobox/combobox-value";
|
|
17
18
|
export type { ComboboxStore, ComboboxStoreProps, ComboboxStoreState, } from "@ariakit/react-core/combobox/combobox-store";
|
|
18
19
|
export type { ComboboxOptions, ComboboxProps, } from "@ariakit/react-core/combobox/combobox";
|
|
19
20
|
export type { ComboboxProviderProps } from "@ariakit/react-core/combobox/combobox-provider";
|
|
@@ -29,3 +30,4 @@ export type { ComboboxListOptions, ComboboxListProps, } from "@ariakit/react-cor
|
|
|
29
30
|
export type { ComboboxPopoverOptions, ComboboxPopoverProps, } from "@ariakit/react-core/combobox/combobox-popover";
|
|
30
31
|
export type { ComboboxRowOptions, ComboboxRowProps, } from "@ariakit/react-core/combobox/combobox-row";
|
|
31
32
|
export type { ComboboxSeparatorOptions, ComboboxSeparatorProps, } from "@ariakit/react-core/combobox/combobox-separator";
|
|
33
|
+
export type { ComboboxValueProps } from "@ariakit/react-core/combobox/combobox-value";
|
package/esm/combobox.js
CHANGED
|
@@ -14,9 +14,10 @@ import {
|
|
|
14
14
|
ComboboxProvider,
|
|
15
15
|
ComboboxRow,
|
|
16
16
|
ComboboxSeparator,
|
|
17
|
+
ComboboxValue,
|
|
17
18
|
useComboboxContext,
|
|
18
19
|
useComboboxStore
|
|
19
|
-
} from "./__chunks/
|
|
20
|
+
} from "./__chunks/KRAVG5ZJ.js";
|
|
20
21
|
export {
|
|
21
22
|
Combobox,
|
|
22
23
|
ComboboxCancel,
|
|
@@ -32,6 +33,7 @@ export {
|
|
|
32
33
|
ComboboxProvider,
|
|
33
34
|
ComboboxRow,
|
|
34
35
|
ComboboxSeparator,
|
|
36
|
+
ComboboxValue,
|
|
35
37
|
useComboboxContext,
|
|
36
38
|
useComboboxStore
|
|
37
39
|
};
|
package/esm/index.d.ts
CHANGED
package/esm/index.js
CHANGED
|
@@ -1,4 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Combobox,
|
|
4
|
+
ComboboxCancel,
|
|
5
|
+
ComboboxDisclosure,
|
|
6
|
+
ComboboxGroup,
|
|
7
|
+
ComboboxGroupLabel,
|
|
8
|
+
ComboboxItem,
|
|
9
|
+
ComboboxItemCheck,
|
|
10
|
+
ComboboxItemValue,
|
|
11
|
+
ComboboxLabel,
|
|
12
|
+
ComboboxList,
|
|
13
|
+
ComboboxPopover,
|
|
14
|
+
ComboboxProvider,
|
|
15
|
+
ComboboxRow,
|
|
16
|
+
ComboboxSeparator,
|
|
17
|
+
ComboboxValue,
|
|
18
|
+
useComboboxContext,
|
|
19
|
+
useComboboxStore
|
|
20
|
+
} from "./__chunks/KRAVG5ZJ.js";
|
|
2
21
|
import {
|
|
3
22
|
Collection,
|
|
4
23
|
CollectionItem,
|
|
@@ -16,6 +35,10 @@ import {
|
|
|
16
35
|
import {
|
|
17
36
|
Button
|
|
18
37
|
} from "./__chunks/LI3X5M2M.js";
|
|
38
|
+
import {
|
|
39
|
+
Group,
|
|
40
|
+
GroupLabel
|
|
41
|
+
} from "./__chunks/ZL4AJIDL.js";
|
|
19
42
|
import {
|
|
20
43
|
Form,
|
|
21
44
|
FormCheckbox,
|
|
@@ -78,23 +101,12 @@ import {
|
|
|
78
101
|
Command
|
|
79
102
|
} from "./__chunks/3IMSX6M3.js";
|
|
80
103
|
import {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
ComboboxItemCheck,
|
|
88
|
-
ComboboxItemValue,
|
|
89
|
-
ComboboxLabel,
|
|
90
|
-
ComboboxList,
|
|
91
|
-
ComboboxPopover,
|
|
92
|
-
ComboboxProvider,
|
|
93
|
-
ComboboxRow,
|
|
94
|
-
ComboboxSeparator,
|
|
95
|
-
useComboboxContext,
|
|
96
|
-
useComboboxStore
|
|
97
|
-
} from "./__chunks/L4M2Z5VM.js";
|
|
104
|
+
Radio,
|
|
105
|
+
RadioGroup,
|
|
106
|
+
RadioProvider,
|
|
107
|
+
useRadioContext,
|
|
108
|
+
useRadioStore
|
|
109
|
+
} from "./__chunks/KPNBOGNT.js";
|
|
98
110
|
import {
|
|
99
111
|
Portal,
|
|
100
112
|
PortalContext
|
|
@@ -158,10 +170,6 @@ import {
|
|
|
158
170
|
Heading,
|
|
159
171
|
HeadingLevel
|
|
160
172
|
} from "./__chunks/WA3BE3AY.js";
|
|
161
|
-
import {
|
|
162
|
-
Group,
|
|
163
|
-
GroupLabel
|
|
164
|
-
} from "./__chunks/ZL4AJIDL.js";
|
|
165
173
|
import {
|
|
166
174
|
VisuallyHidden
|
|
167
175
|
} from "./__chunks/6OHDLPN7.js";
|
|
@@ -191,6 +199,9 @@ import {
|
|
|
191
199
|
useTabContext,
|
|
192
200
|
useTabStore
|
|
193
201
|
} from "./__chunks/C7PAEXNA.js";
|
|
202
|
+
import {
|
|
203
|
+
useStoreState
|
|
204
|
+
} from "./__chunks/NV5BVS3O.js";
|
|
194
205
|
import {
|
|
195
206
|
Separator
|
|
196
207
|
} from "./__chunks/JBAWBCWC.js";
|
|
@@ -216,13 +227,6 @@ import {
|
|
|
216
227
|
import {
|
|
217
228
|
Role
|
|
218
229
|
} from "./__chunks/VGHCPDMA.js";
|
|
219
|
-
import {
|
|
220
|
-
Radio,
|
|
221
|
-
RadioGroup,
|
|
222
|
-
RadioProvider,
|
|
223
|
-
useRadioContext,
|
|
224
|
-
useRadioStore
|
|
225
|
-
} from "./__chunks/KPNBOGNT.js";
|
|
226
230
|
export {
|
|
227
231
|
Button,
|
|
228
232
|
Checkbox,
|
|
@@ -245,6 +249,7 @@ export {
|
|
|
245
249
|
ComboboxProvider,
|
|
246
250
|
ComboboxRow,
|
|
247
251
|
ComboboxSeparator,
|
|
252
|
+
ComboboxValue,
|
|
248
253
|
Command,
|
|
249
254
|
Composite,
|
|
250
255
|
CompositeGroup,
|
|
@@ -390,6 +395,7 @@ export {
|
|
|
390
395
|
useRadioStore,
|
|
391
396
|
useSelectContext,
|
|
392
397
|
useSelectStore,
|
|
398
|
+
useStoreState,
|
|
393
399
|
useTabContext,
|
|
394
400
|
useTabStore,
|
|
395
401
|
useToolbarContext,
|
package/esm/store.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useStoreState } from "@ariakit/react-core/utils/store";
|
package/esm/store.js
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ariakit/react",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.9",
|
|
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.9"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
@@ -79,6 +79,13 @@
|
|
|
79
79
|
"default": "./cjs/tab.cjs"
|
|
80
80
|
}
|
|
81
81
|
},
|
|
82
|
+
"./store": {
|
|
83
|
+
"import": "./esm/store.js",
|
|
84
|
+
"require": {
|
|
85
|
+
"types": "./cjs/store.d.cts",
|
|
86
|
+
"default": "./cjs/store.cjs"
|
|
87
|
+
}
|
|
88
|
+
},
|
|
82
89
|
"./separator": {
|
|
83
90
|
"import": "./esm/separator.js",
|
|
84
91
|
"require": {
|
package/readme.md
CHANGED