@ariakit/react-core 0.3.9 → 0.3.11
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 +67 -0
- package/cjs/__chunks/{WK7AZPHS.cjs → 2GETDAIQ.cjs} +4 -4
- package/cjs/__chunks/{OT6DC3ML.cjs → 36QK2QLE.cjs} +2 -2
- package/cjs/__chunks/{PFQ3IPWT.cjs → 3RUODFRU.cjs} +16 -1
- package/cjs/__chunks/{UBME4GBY.cjs → 63WKH5OP.cjs} +2 -2
- package/cjs/__chunks/{S6WUBPBB.cjs → 65LGW5LY.cjs} +4 -2
- package/cjs/__chunks/{KIGOGBFU.cjs → 7EEAHTIW.cjs} +2 -2
- package/cjs/__chunks/{3KZQJDTV.cjs → APFV5PTX.cjs} +2 -2
- package/cjs/__chunks/{VIETWH5C.cjs → BKU5STIE.cjs} +2 -2
- package/cjs/__chunks/{HHZJ6KYW.cjs → IAYTETYN.cjs} +2 -2
- package/cjs/__chunks/{WABPFCL3.cjs → NVHGMKAE.cjs} +7 -5
- package/cjs/__chunks/{CZOBQEIO.cjs → RM2WCNSU.cjs} +16 -22
- package/cjs/__chunks/{GF6NWLKX.cjs → WWU35JDJ.cjs} +6 -2
- package/cjs/__chunks/{UUTXBBHD.cjs → XAYQLYTN.cjs} +2 -2
- package/cjs/checkbox/checkbox-check.d.cts +6 -3
- package/cjs/checkbox/checkbox-check.d.ts +6 -3
- package/cjs/collection/collection-renderer.d.cts +0 -1
- package/cjs/collection/collection-renderer.d.ts +0 -1
- package/cjs/combobox/combobox-disclosure.cjs +3 -4
- package/cjs/combobox/combobox-item.cjs +5 -3
- package/cjs/combobox/combobox-item.d.cts +13 -1
- package/cjs/combobox/combobox-item.d.ts +13 -1
- package/cjs/combobox/combobox-popover.cjs +39 -10
- package/cjs/combobox/combobox-popover.d.cts +1 -1
- package/cjs/combobox/combobox-popover.d.ts +1 -1
- package/cjs/combobox/combobox.cjs +18 -6
- package/cjs/combobox/combobox.d.cts +26 -1
- package/cjs/combobox/combobox.d.ts +26 -1
- package/cjs/composite/composite-hover.d.cts +10 -1
- package/cjs/composite/composite-hover.d.ts +10 -1
- package/cjs/composite/composite-item.cjs +2 -2
- package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
- package/cjs/composite/composite-overflow.cjs +4 -4
- package/cjs/composite/composite-renderer.d.cts +0 -1
- package/cjs/composite/composite-renderer.d.ts +0 -1
- package/cjs/composite/composite.cjs +2 -2
- package/cjs/dialog/dialog.cjs +3 -3
- package/cjs/form/form-radio.cjs +3 -3
- package/cjs/hovercard/hovercard.cjs +5 -5
- package/cjs/menu/menu-bar.cjs +3 -3
- package/cjs/menu/menu-item-check.d.cts +14 -0
- package/cjs/menu/menu-item-check.d.ts +14 -0
- package/cjs/menu/menu-item-checkbox.cjs +3 -3
- package/cjs/menu/menu-item-radio.cjs +5 -5
- package/cjs/menu/menu-item.cjs +3 -3
- package/cjs/menu/menu-item.d.cts +8 -1
- package/cjs/menu/menu-item.d.ts +8 -1
- package/cjs/menu/menu-list.cjs +3 -3
- package/cjs/menu/menu-store.d.cts +2 -0
- package/cjs/menu/menu-store.d.ts +2 -0
- package/cjs/menu/menu.cjs +43 -15
- package/cjs/menubar/menubar.cjs +3 -3
- package/cjs/popover/popover.cjs +4 -4
- package/cjs/popover/popover.d.cts +2 -0
- package/cjs/popover/popover.d.ts +2 -0
- package/cjs/portal/portal.cjs +2 -2
- package/cjs/radio/radio-group.cjs +2 -2
- package/cjs/radio/radio.cjs +3 -3
- package/cjs/select/select-item.cjs +2 -2
- package/cjs/select/select-list.cjs +3 -3
- package/cjs/select/select-popover.cjs +8 -8
- package/cjs/tab/tab-list.cjs +2 -2
- package/cjs/tab/tab-provider.cjs +2 -2
- package/cjs/tab/tab-store.cjs +2 -2
- package/cjs/tab/tab.cjs +2 -2
- package/cjs/toolbar/toolbar-container.cjs +3 -3
- package/cjs/toolbar/toolbar-input.cjs +3 -3
- package/cjs/toolbar/toolbar-item.cjs +3 -3
- package/cjs/toolbar/toolbar.cjs +2 -2
- package/cjs/tooltip/tooltip.cjs +6 -6
- package/esm/__chunks/{FHDXHZLB.js → 57KNUQTI.js} +16 -22
- package/esm/__chunks/{UV2O3GRQ.js → 7D63S66W.js} +1 -1
- package/esm/__chunks/{TZJDOU75.js → 7R5VX7DV.js} +1 -1
- package/esm/__chunks/{6HKEBMMA.js → 7SHHFY4P.js} +1 -1
- package/esm/__chunks/{BJR5BFSV.js → CVFC2LN3.js} +1 -1
- package/esm/__chunks/{DHHIMTTV.js → DENCHBDS.js} +1 -1
- package/esm/__chunks/{E3XM3D67.js → JPXNJYSO.js} +4 -2
- package/esm/__chunks/{K5VQ2XTM.js → LZUSNDXA.js} +6 -2
- package/esm/__chunks/{PFM7J2TR.js → PDVJHECS.js} +1 -1
- package/esm/__chunks/{YGCD7HIZ.js → R2WNOXYG.js} +16 -1
- package/esm/__chunks/{2WETNHXU.js → SXPADS2D.js} +5 -3
- package/esm/__chunks/{2ECHI3ER.js → W2TTCKOE.js} +1 -1
- package/esm/__chunks/{HQ7YVNMA.js → WEU2EOWJ.js} +2 -2
- package/esm/checkbox/checkbox-check.d.ts +6 -3
- package/esm/collection/collection-renderer.d.ts +0 -1
- package/esm/combobox/combobox-disclosure.js +3 -4
- package/esm/combobox/combobox-item.d.ts +13 -1
- package/esm/combobox/combobox-item.js +4 -2
- package/esm/combobox/combobox-popover.d.ts +1 -1
- package/esm/combobox/combobox-popover.js +38 -9
- package/esm/combobox/combobox.d.ts +26 -1
- package/esm/combobox/combobox.js +17 -5
- package/esm/composite/composite-hover.d.ts +10 -1
- package/esm/composite/composite-item.js +1 -1
- package/esm/composite/composite-overflow-disclosure.js +1 -1
- package/esm/composite/composite-overflow.js +3 -3
- package/esm/composite/composite-renderer.d.ts +0 -1
- package/esm/composite/composite.js +1 -1
- package/esm/dialog/dialog.js +2 -2
- package/esm/form/form-radio.js +2 -2
- package/esm/hovercard/hovercard.js +4 -4
- package/esm/menu/menu-bar.js +2 -2
- package/esm/menu/menu-item-check.d.ts +14 -0
- package/esm/menu/menu-item-checkbox.js +2 -2
- package/esm/menu/menu-item-radio.js +3 -3
- package/esm/menu/menu-item.d.ts +8 -1
- package/esm/menu/menu-item.js +2 -2
- package/esm/menu/menu-list.js +2 -2
- package/esm/menu/menu-store.d.ts +2 -0
- package/esm/menu/menu.js +41 -13
- package/esm/menubar/menubar.js +2 -2
- package/esm/popover/popover.d.ts +2 -0
- package/esm/popover/popover.js +3 -3
- package/esm/portal/portal.js +1 -1
- package/esm/radio/radio-group.js +1 -1
- package/esm/radio/radio.js +2 -2
- package/esm/select/select-item.js +1 -1
- package/esm/select/select-list.js +2 -2
- package/esm/select/select-popover.js +5 -5
- package/esm/tab/tab-list.js +1 -1
- package/esm/tab/tab-provider.js +1 -1
- package/esm/tab/tab-store.js +1 -1
- package/esm/tab/tab.js +1 -1
- package/esm/toolbar/toolbar-container.js +2 -2
- package/esm/toolbar/toolbar-input.js +2 -2
- package/esm/toolbar/toolbar-item.js +2 -2
- package/esm/toolbar/toolbar.js +1 -1
- package/esm/tooltip/tooltip.js +4 -4
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -9,10 +9,10 @@ var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
|
|
|
9
9
|
require('../__chunks/7LBZXSLY.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
|
|
13
13
|
require('../__chunks/HEEQY4DZ.cjs');
|
|
14
14
|
require('../__chunks/IPYAEPOT.cjs');
|
|
15
|
-
require('../__chunks/
|
|
15
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
16
16
|
require('../__chunks/DAJUUBUI.cjs');
|
|
17
17
|
require('../__chunks/R5A2WTWB.cjs');
|
|
18
18
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -96,7 +96,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
96
96
|
props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
97
97
|
role: "menuitemradio"
|
|
98
98
|
}, props);
|
|
99
|
-
props =
|
|
99
|
+
props = _IAYTETYNcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
100
100
|
name,
|
|
101
101
|
value,
|
|
102
102
|
checked: isChecked,
|
|
@@ -110,7 +110,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
112
|
}, props));
|
|
113
|
-
props =
|
|
113
|
+
props = _BKU5STIEcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
|
|
114
114
|
return props;
|
|
115
115
|
}
|
|
116
116
|
);
|
package/cjs/menu/menu-item.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
|
|
6
6
|
require('../__chunks/NGEKJJDH.cjs');
|
|
7
7
|
require('../__chunks/7LBZXSLY.cjs');
|
|
8
8
|
require('../__chunks/IPYAEPOT.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
10
10
|
require('../__chunks/DAJUUBUI.cjs');
|
|
11
11
|
require('../__chunks/R5A2WTWB.cjs');
|
|
12
12
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
exports.MenuItem =
|
|
29
|
+
exports.MenuItem = _BKU5STIEcjs.MenuItem; exports.useMenuItem = _BKU5STIEcjs.useMenuItem;
|
package/cjs/menu/menu-item.d.cts
CHANGED
|
@@ -50,7 +50,14 @@ export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOpti
|
|
|
50
50
|
*/
|
|
51
51
|
store?: MenubarStore | MenuStore;
|
|
52
52
|
/**
|
|
53
|
-
* Whether to hide the menu when
|
|
53
|
+
* Whether to hide the menu when a menu item is clicked. This prop won't be
|
|
54
|
+
* invoked if the click is on a link and modifier keys are used to open the
|
|
55
|
+
* link in a new tab or download it.
|
|
56
|
+
*
|
|
57
|
+
* Live examples:
|
|
58
|
+
* - [Submenu with
|
|
59
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
60
|
+
* - [Sliding Menu](https://ariakit.org/examples/menu-slide)
|
|
54
61
|
* @default true
|
|
55
62
|
*/
|
|
56
63
|
hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
|
package/cjs/menu/menu-item.d.ts
CHANGED
|
@@ -50,7 +50,14 @@ export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOpti
|
|
|
50
50
|
*/
|
|
51
51
|
store?: MenubarStore | MenuStore;
|
|
52
52
|
/**
|
|
53
|
-
* Whether to hide the menu when
|
|
53
|
+
* Whether to hide the menu when a menu item is clicked. This prop won't be
|
|
54
|
+
* invoked if the click is on a link and modifier keys are used to open the
|
|
55
|
+
* link in a new tab or download it.
|
|
56
|
+
*
|
|
57
|
+
* Live examples:
|
|
58
|
+
* - [Submenu with
|
|
59
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
60
|
+
* - [Sliding Menu](https://ariakit.org/examples/menu-slide)
|
|
54
61
|
* @default true
|
|
55
62
|
*/
|
|
56
63
|
hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
|
package/cjs/menu/menu-list.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _63WKH5OPcjs = require('../__chunks/63WKH5OP.cjs');
|
|
6
6
|
require('../__chunks/NGEKJJDH.cjs');
|
|
7
7
|
require('../__chunks/7LBZXSLY.cjs');
|
|
8
8
|
require('../__chunks/FQZOOWMH.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
10
10
|
require('../__chunks/RV3PHHWM.cjs');
|
|
11
11
|
require('../__chunks/UZNYSPKP.cjs');
|
|
12
12
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -25,4 +25,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
exports.MenuList =
|
|
28
|
+
exports.MenuList = _63WKH5OPcjs.MenuList; exports.useMenuList = _63WKH5OPcjs.useMenuList;
|
|
@@ -36,6 +36,8 @@ export interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues> e
|
|
|
36
36
|
*
|
|
37
37
|
* Live examples:
|
|
38
38
|
* - [MenuItemCheckbox](https://ariakit.org/examples/menu-item-checkbox)
|
|
39
|
+
* - [Submenu with
|
|
40
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
39
41
|
*/
|
|
40
42
|
setValues?: BivariantCallback<(values: MenuStoreState<T>["values"]) => void>;
|
|
41
43
|
/**
|
package/cjs/menu/menu-store.d.ts
CHANGED
|
@@ -36,6 +36,8 @@ export interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues> e
|
|
|
36
36
|
*
|
|
37
37
|
* Live examples:
|
|
38
38
|
* - [MenuItemCheckbox](https://ariakit.org/examples/menu-item-checkbox)
|
|
39
|
+
* - [Submenu with
|
|
40
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
39
41
|
*/
|
|
40
42
|
setValues?: BivariantCallback<(values: MenuStoreState<T>["values"]) => void>;
|
|
41
43
|
/**
|
package/cjs/menu/menu.cjs
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _63WKH5OPcjs = require('../__chunks/63WKH5OP.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
|
|
8
8
|
require('../__chunks/7LBZXSLY.cjs');
|
|
9
9
|
require('../__chunks/FQZOOWMH.cjs');
|
|
10
|
-
require('../__chunks/
|
|
10
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
11
11
|
require('../__chunks/RV3PHHWM.cjs');
|
|
12
12
|
require('../__chunks/UZNYSPKP.cjs');
|
|
13
13
|
require('../__chunks/BZTDJIVT.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _2GETDAIQcjs = require('../__chunks/2GETDAIQ.cjs');
|
|
17
17
|
require('../__chunks/KXQOQQ5B.cjs');
|
|
18
|
-
require('../__chunks/
|
|
18
|
+
require('../__chunks/NVHGMKAE.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
|
|
22
22
|
require('../__chunks/RTT4XR27.cjs');
|
|
23
23
|
require('../__chunks/NKR65BKC.cjs');
|
|
24
24
|
require('../__chunks/PZL34OVO.cjs');
|
|
@@ -35,7 +35,7 @@ require('../__chunks/5GTNIPQ6.cjs');
|
|
|
35
35
|
require('../__chunks/V24PR4PW.cjs');
|
|
36
36
|
require('../__chunks/7566TIRW.cjs');
|
|
37
37
|
require('../__chunks/J3OG6T3B.cjs');
|
|
38
|
-
require('../__chunks/
|
|
38
|
+
require('../__chunks/65LGW5LY.cjs');
|
|
39
39
|
require('../__chunks/XB3G2EO2.cjs');
|
|
40
40
|
require('../__chunks/CVD2AZE2.cjs');
|
|
41
41
|
require('../__chunks/2BIO7R5N.cjs');
|
|
@@ -55,7 +55,9 @@ require('../__chunks/R66IWXK6.cjs');
|
|
|
55
55
|
var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
|
|
56
56
|
require('../__chunks/HRKRTCJC.cjs');
|
|
57
57
|
require('../__chunks/EGAIDKB5.cjs');
|
|
58
|
-
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
var _B233QVZEcjs = require('../__chunks/B233QVZE.cjs');
|
|
59
61
|
|
|
60
62
|
|
|
61
63
|
var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
|
|
@@ -104,7 +106,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
104
106
|
props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
105
107
|
ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
|
|
106
108
|
});
|
|
107
|
-
const _a2 =
|
|
109
|
+
const _a2 = _63WKH5OPcjs.useMenuList.call(void 0,
|
|
108
110
|
_AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props)
|
|
109
111
|
), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = _AV6KTKLEcjs.__objRest.call(void 0, _a2, ["aria-labelledby"]);
|
|
110
112
|
props = menuListProps;
|
|
@@ -143,7 +145,32 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
143
145
|
const modal = hasParentMenu ? false : modalProp;
|
|
144
146
|
const mayAutoFocusOnShow = !!autoFocusOnShow;
|
|
145
147
|
const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
|
|
146
|
-
|
|
148
|
+
const contentElement = _B233QVZEcjs.useStoreState.call(void 0,
|
|
149
|
+
store.combobox || store,
|
|
150
|
+
"contentElement"
|
|
151
|
+
);
|
|
152
|
+
const parentContentElement = _B233QVZEcjs.useStoreState.call(void 0,
|
|
153
|
+
(parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
|
|
154
|
+
"contentElement"
|
|
155
|
+
);
|
|
156
|
+
const preserveTabOrderAnchor = _react.useMemo.call(void 0, () => {
|
|
157
|
+
if (!parentContentElement)
|
|
158
|
+
return;
|
|
159
|
+
if (!contentElement)
|
|
160
|
+
return;
|
|
161
|
+
const role = contentElement.getAttribute("role");
|
|
162
|
+
const parentRole = parentContentElement.getAttribute("role");
|
|
163
|
+
const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
|
|
164
|
+
if (parentIsMenuOrMenubar && role === "menu")
|
|
165
|
+
return;
|
|
166
|
+
return parentContentElement;
|
|
167
|
+
}, [contentElement, parentContentElement]);
|
|
168
|
+
if (preserveTabOrderAnchor !== void 0) {
|
|
169
|
+
props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
170
|
+
preserveTabOrderAnchor
|
|
171
|
+
}, props);
|
|
172
|
+
}
|
|
173
|
+
props = _2GETDAIQcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
147
174
|
store,
|
|
148
175
|
alwaysVisible,
|
|
149
176
|
initialFocus: initialFocusRef,
|
|
@@ -156,9 +183,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
156
183
|
return true;
|
|
157
184
|
},
|
|
158
185
|
hideOnHoverOutside: (event) => {
|
|
159
|
-
|
|
160
|
-
return true;
|
|
161
|
-
const { disclosureElement, activeId } = store.getState();
|
|
186
|
+
const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
|
|
162
187
|
const getHideOnHoverOutside = () => {
|
|
163
188
|
if (typeof hideOnHoverOutside === "function") {
|
|
164
189
|
return hideOnHoverOutside(event);
|
|
@@ -186,8 +211,11 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
186
211
|
_events.fireEvent.call(void 0, disclosureElement, "mouseout", event);
|
|
187
212
|
if (!_focus.hasFocusWithin.call(void 0, disclosureElement))
|
|
188
213
|
return true;
|
|
189
|
-
|
|
190
|
-
|
|
214
|
+
requestAnimationFrame(() => {
|
|
215
|
+
if (_focus.hasFocusWithin.call(void 0, disclosureElement))
|
|
216
|
+
return;
|
|
217
|
+
store == null ? void 0 : store.hide();
|
|
218
|
+
});
|
|
191
219
|
return false;
|
|
192
220
|
},
|
|
193
221
|
modal,
|
|
@@ -200,7 +228,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
200
228
|
return props;
|
|
201
229
|
}
|
|
202
230
|
);
|
|
203
|
-
var Menu =
|
|
231
|
+
var Menu = _36QK2QLEcjs.createDialogComponent.call(void 0,
|
|
204
232
|
_RNZNGEL4cjs.createComponent.call(void 0, (props) => {
|
|
205
233
|
const htmlProps = useMenu(props);
|
|
206
234
|
return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
|
package/cjs/menubar/menubar.cjs
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _APFV5PTXcjs = require('../__chunks/APFV5PTX.cjs');
|
|
6
6
|
require('../__chunks/7LBZXSLY.cjs');
|
|
7
7
|
require('../__chunks/7KFYPSJO.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/N6CR2VNN.cjs');
|
|
11
11
|
require('../__chunks/DKOWT2IJ.cjs');
|
|
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
exports.Menubar =
|
|
24
|
+
exports.Menubar = _APFV5PTXcjs.Menubar; exports.useMenubar = _APFV5PTXcjs.useMenubar;
|
package/cjs/popover/popover.cjs
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../__chunks/
|
|
5
|
+
var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
|
|
6
|
+
require('../__chunks/36QK2QLE.cjs');
|
|
7
7
|
require('../__chunks/RTT4XR27.cjs');
|
|
8
8
|
require('../__chunks/NKR65BKC.cjs');
|
|
9
9
|
require('../__chunks/PZL34OVO.cjs');
|
|
@@ -20,7 +20,7 @@ require('../__chunks/5GTNIPQ6.cjs');
|
|
|
20
20
|
require('../__chunks/V24PR4PW.cjs');
|
|
21
21
|
require('../__chunks/7566TIRW.cjs');
|
|
22
22
|
require('../__chunks/J3OG6T3B.cjs');
|
|
23
|
-
require('../__chunks/
|
|
23
|
+
require('../__chunks/65LGW5LY.cjs');
|
|
24
24
|
require('../__chunks/XB3G2EO2.cjs');
|
|
25
25
|
require('../__chunks/CVD2AZE2.cjs');
|
|
26
26
|
require('../__chunks/2BIO7R5N.cjs');
|
|
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
exports.Popover =
|
|
45
|
+
exports.Popover = _NVHGMKAEcjs.Popover; exports.usePopover = _NVHGMKAEcjs.usePopover;
|
|
@@ -100,6 +100,8 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
|
|
|
100
100
|
*
|
|
101
101
|
* Live examples:
|
|
102
102
|
* - [Menubar](https://ariakit.org/components/menubar)
|
|
103
|
+
* - [Submenu with
|
|
104
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
103
105
|
* @default false
|
|
104
106
|
*/
|
|
105
107
|
overlap?: boolean;
|
package/cjs/popover/popover.d.ts
CHANGED
|
@@ -100,6 +100,8 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
|
|
|
100
100
|
*
|
|
101
101
|
* Live examples:
|
|
102
102
|
* - [Menubar](https://ariakit.org/components/menubar)
|
|
103
|
+
* - [Submenu with
|
|
104
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
103
105
|
* @default false
|
|
104
106
|
*/
|
|
105
107
|
overlap?: boolean;
|
package/cjs/portal/portal.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _65LGW5LYcjs = require('../__chunks/65LGW5LY.cjs');
|
|
6
6
|
require('../__chunks/XB3G2EO2.cjs');
|
|
7
7
|
require('../__chunks/CVD2AZE2.cjs');
|
|
8
8
|
require('../__chunks/R66IWXK6.cjs');
|
|
@@ -13,4 +13,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
exports.Portal =
|
|
16
|
+
exports.Portal = _65LGW5LYcjs.Portal; exports.usePortal = _65LGW5LYcjs.usePortal;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _HEEQY4DZcjs = require('../__chunks/HEEQY4DZ.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/UZNYSPKP.cjs');
|
|
11
11
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -45,7 +45,7 @@ var useRadioGroup = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
45
45
|
props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
46
46
|
role: "radiogroup"
|
|
47
47
|
}, props);
|
|
48
|
-
props =
|
|
48
|
+
props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
49
49
|
return props;
|
|
50
50
|
}
|
|
51
51
|
);
|
package/cjs/radio/radio.cjs
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
|
|
6
6
|
require('../__chunks/HEEQY4DZ.cjs');
|
|
7
|
-
require('../__chunks/
|
|
7
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
8
8
|
require('../__chunks/DAJUUBUI.cjs');
|
|
9
9
|
require('../__chunks/R5A2WTWB.cjs');
|
|
10
10
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
exports.Radio =
|
|
23
|
+
exports.Radio = _IAYTETYNcjs.Radio; exports.useRadio = _IAYTETYNcjs.useRadio;
|
|
@@ -8,7 +8,7 @@ var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
|
|
|
8
8
|
var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
|
|
12
12
|
require('../__chunks/DAJUUBUI.cjs');
|
|
13
13
|
require('../__chunks/R5A2WTWB.cjs');
|
|
14
14
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -152,7 +152,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
152
152
|
autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
|
|
153
153
|
onClick
|
|
154
154
|
});
|
|
155
|
-
props =
|
|
155
|
+
props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
156
156
|
store,
|
|
157
157
|
getItem,
|
|
158
158
|
preventScrollOnKeyDown
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _XAYQLYTNcjs = require('../__chunks/XAYQLYTN.cjs');
|
|
6
6
|
require('../__chunks/FQZOOWMH.cjs');
|
|
7
7
|
require('../__chunks/2WCJJQSK.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/UZNYSPKP.cjs');
|
|
11
11
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -23,4 +23,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
exports.SelectList =
|
|
26
|
+
exports.SelectList = _XAYQLYTNcjs.SelectList; exports.useSelectList = _XAYQLYTNcjs.useSelectList;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _XAYQLYTNcjs = require('../__chunks/XAYQLYTN.cjs');
|
|
5
5
|
require('../__chunks/FQZOOWMH.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
10
10
|
require('../__chunks/RV3PHHWM.cjs');
|
|
11
11
|
require('../__chunks/UZNYSPKP.cjs');
|
|
12
12
|
require('../__chunks/BZTDJIVT.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
|
|
19
19
|
require('../__chunks/RTT4XR27.cjs');
|
|
20
20
|
require('../__chunks/NKR65BKC.cjs');
|
|
21
21
|
require('../__chunks/PZL34OVO.cjs');
|
|
@@ -32,7 +32,7 @@ require('../__chunks/5GTNIPQ6.cjs');
|
|
|
32
32
|
require('../__chunks/V24PR4PW.cjs');
|
|
33
33
|
require('../__chunks/7566TIRW.cjs');
|
|
34
34
|
require('../__chunks/J3OG6T3B.cjs');
|
|
35
|
-
require('../__chunks/
|
|
35
|
+
require('../__chunks/65LGW5LY.cjs');
|
|
36
36
|
require('../__chunks/XB3G2EO2.cjs');
|
|
37
37
|
require('../__chunks/CVD2AZE2.cjs');
|
|
38
38
|
require('../__chunks/2BIO7R5N.cjs');
|
|
@@ -65,12 +65,12 @@ var useSelectPopover = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
65
65
|
var _b = _a, { store, alwaysVisible } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
|
|
66
66
|
const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
|
|
67
67
|
store = store || context;
|
|
68
|
-
props =
|
|
69
|
-
props =
|
|
68
|
+
props = _XAYQLYTNcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
|
|
69
|
+
props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
|
|
70
70
|
return props;
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
|
-
var SelectPopover =
|
|
73
|
+
var SelectPopover = _36QK2QLEcjs.createDialogComponent.call(void 0,
|
|
74
74
|
_RNZNGEL4cjs.createComponent.call(void 0, (props) => {
|
|
75
75
|
const htmlProps = useSelectPopover(props);
|
|
76
76
|
return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
|
package/cjs/tab/tab-list.cjs
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/UZNYSPKP.cjs');
|
|
11
11
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -48,7 +48,7 @@ var useTabList = _RNZNGEL4cjs.createHook.call(void 0, (_a) => {
|
|
|
48
48
|
role: "tablist",
|
|
49
49
|
"aria-orientation": orientation
|
|
50
50
|
}, props);
|
|
51
|
-
props =
|
|
51
|
+
props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
52
52
|
return props;
|
|
53
53
|
});
|
|
54
54
|
var TabList = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
|
package/cjs/tab/tab-provider.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _WWU35JDJcjs = require('../__chunks/WWU35JDJ.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
|
|
@@ -18,7 +18,7 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
18
18
|
// src/tab/tab-provider.tsx
|
|
19
19
|
var _jsxruntime = require('react/jsx-runtime');
|
|
20
20
|
function TabProvider(props = {}) {
|
|
21
|
-
const store =
|
|
21
|
+
const store = _WWU35JDJcjs.useTabStore.call(void 0, props);
|
|
22
22
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I65V32V2cjs.TabContextProvider, { value: store, children: props.children });
|
|
23
23
|
}
|
|
24
24
|
|
package/cjs/tab/tab-store.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _WWU35JDJcjs = require('../__chunks/WWU35JDJ.cjs');
|
|
6
6
|
require('../__chunks/N6CR2VNN.cjs');
|
|
7
7
|
require('../__chunks/DKOWT2IJ.cjs');
|
|
8
8
|
require('../__chunks/B233QVZE.cjs');
|
|
@@ -12,4 +12,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
exports.useTabStore =
|
|
15
|
+
exports.useTabStore = _WWU35JDJcjs.useTabStore; exports.useTabStoreProps = _WWU35JDJcjs.useTabStoreProps;
|
package/cjs/tab/tab.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
|
|
5
5
|
require('../__chunks/DAJUUBUI.cjs');
|
|
6
6
|
require('../__chunks/R5A2WTWB.cjs');
|
|
7
7
|
|
|
@@ -84,7 +84,7 @@ var useTab = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
84
84
|
}, props), {
|
|
85
85
|
onClick
|
|
86
86
|
});
|
|
87
|
-
props =
|
|
87
|
+
props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
88
88
|
store
|
|
89
89
|
}, props), {
|
|
90
90
|
accessibleWhenDisabled,
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
var _VQJ44BSYcjs = require('../__chunks/VQJ44BSY.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
7
|
+
var _7EEAHTIWcjs = require('../__chunks/7EEAHTIW.cjs');
|
|
8
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
9
9
|
require('../__chunks/DAJUUBUI.cjs');
|
|
10
10
|
require('../__chunks/R5A2WTWB.cjs');
|
|
11
11
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -36,7 +36,7 @@ var useToolbarContainer = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
36
36
|
const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
|
|
37
37
|
store = store || context;
|
|
38
38
|
props = _VQJ44BSYcjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
39
|
-
props =
|
|
39
|
+
props = _7EEAHTIWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
40
40
|
return props;
|
|
41
41
|
}
|
|
42
42
|
);
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
var _FM5S6RADcjs = require('../__chunks/FM5S6RAD.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
7
|
+
var _7EEAHTIWcjs = require('../__chunks/7EEAHTIW.cjs');
|
|
8
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
9
9
|
require('../__chunks/DAJUUBUI.cjs');
|
|
10
10
|
require('../__chunks/R5A2WTWB.cjs');
|
|
11
11
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -36,7 +36,7 @@ var useToolbarInput = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
36
36
|
const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
|
|
37
37
|
store = store || context;
|
|
38
38
|
props = _FM5S6RADcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
39
|
-
props =
|
|
39
|
+
props = _7EEAHTIWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
40
40
|
return props;
|
|
41
41
|
}
|
|
42
42
|
);
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../__chunks/
|
|
5
|
+
var _7EEAHTIWcjs = require('../__chunks/7EEAHTIW.cjs');
|
|
6
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
7
7
|
require('../__chunks/DAJUUBUI.cjs');
|
|
8
8
|
require('../__chunks/R5A2WTWB.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
exports.ToolbarItem =
|
|
23
|
+
exports.ToolbarItem = _7EEAHTIWcjs.ToolbarItem; exports.useToolbarItem = _7EEAHTIWcjs.useToolbarItem;
|
package/cjs/toolbar/toolbar.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
|
|
5
5
|
require('../__chunks/RV3PHHWM.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
@@ -69,7 +69,7 @@ var useToolbar = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
69
69
|
role: "toolbar",
|
|
70
70
|
"aria-orientation": orientation
|
|
71
71
|
}, props);
|
|
72
|
-
props =
|
|
72
|
+
props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
73
73
|
return props;
|
|
74
74
|
}
|
|
75
75
|
);
|