@ariakit/react-core 0.3.10 → 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.
Files changed (103) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/cjs/__chunks/{TTMCZ7ZN.cjs → 3RUODFRU.cjs} +15 -0
  3. package/cjs/__chunks/{UBME4GBY.cjs → 63WKH5OP.cjs} +2 -2
  4. package/cjs/__chunks/{SANV4XBF.cjs → 7EEAHTIW.cjs} +2 -2
  5. package/cjs/__chunks/{3KZQJDTV.cjs → APFV5PTX.cjs} +2 -2
  6. package/cjs/__chunks/{DHSZ2ZFJ.cjs → BKU5STIE.cjs} +2 -2
  7. package/cjs/__chunks/{PHZJAGWK.cjs → IAYTETYN.cjs} +2 -2
  8. package/cjs/__chunks/{CZOBQEIO.cjs → RM2WCNSU.cjs} +16 -22
  9. package/cjs/__chunks/{GF6NWLKX.cjs → WWU35JDJ.cjs} +6 -2
  10. package/cjs/__chunks/{UUTXBBHD.cjs → XAYQLYTN.cjs} +2 -2
  11. package/cjs/checkbox/checkbox-check.d.cts +6 -3
  12. package/cjs/checkbox/checkbox-check.d.ts +6 -3
  13. package/cjs/combobox/combobox-disclosure.cjs +3 -4
  14. package/cjs/combobox/combobox-item.cjs +2 -2
  15. package/cjs/combobox/combobox-item.d.cts +13 -1
  16. package/cjs/combobox/combobox-item.d.ts +13 -1
  17. package/cjs/combobox/combobox-popover.cjs +34 -5
  18. package/cjs/combobox/combobox-popover.d.cts +1 -1
  19. package/cjs/combobox/combobox-popover.d.ts +1 -1
  20. package/cjs/combobox/combobox.cjs +18 -6
  21. package/cjs/combobox/combobox.d.cts +26 -1
  22. package/cjs/combobox/combobox.d.ts +26 -1
  23. package/cjs/composite/composite-hover.d.cts +10 -1
  24. package/cjs/composite/composite-hover.d.ts +10 -1
  25. package/cjs/composite/composite-item.cjs +2 -2
  26. package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
  27. package/cjs/composite/composite.cjs +2 -2
  28. package/cjs/form/form-radio.cjs +3 -3
  29. package/cjs/menu/menu-bar.cjs +3 -3
  30. package/cjs/menu/menu-item-check.d.cts +14 -0
  31. package/cjs/menu/menu-item-check.d.ts +14 -0
  32. package/cjs/menu/menu-item-checkbox.cjs +3 -3
  33. package/cjs/menu/menu-item-radio.cjs +5 -5
  34. package/cjs/menu/menu-item.cjs +3 -3
  35. package/cjs/menu/menu-item.d.cts +8 -1
  36. package/cjs/menu/menu-item.d.ts +8 -1
  37. package/cjs/menu/menu-list.cjs +3 -3
  38. package/cjs/menu/menu-store.d.cts +2 -0
  39. package/cjs/menu/menu-store.d.ts +2 -0
  40. package/cjs/menu/menu.cjs +3 -3
  41. package/cjs/menubar/menubar.cjs +3 -3
  42. package/cjs/popover/popover.d.cts +2 -0
  43. package/cjs/popover/popover.d.ts +2 -0
  44. package/cjs/radio/radio-group.cjs +2 -2
  45. package/cjs/radio/radio.cjs +3 -3
  46. package/cjs/select/select-item.cjs +2 -2
  47. package/cjs/select/select-list.cjs +3 -3
  48. package/cjs/select/select-popover.cjs +3 -3
  49. package/cjs/tab/tab-list.cjs +2 -2
  50. package/cjs/tab/tab-provider.cjs +2 -2
  51. package/cjs/tab/tab-store.cjs +2 -2
  52. package/cjs/tab/tab.cjs +2 -2
  53. package/cjs/toolbar/toolbar-container.cjs +3 -3
  54. package/cjs/toolbar/toolbar-input.cjs +3 -3
  55. package/cjs/toolbar/toolbar-item.cjs +3 -3
  56. package/cjs/toolbar/toolbar.cjs +2 -2
  57. package/esm/__chunks/{FHDXHZLB.js → 57KNUQTI.js} +16 -22
  58. package/esm/__chunks/{UV2O3GRQ.js → 7D63S66W.js} +1 -1
  59. package/esm/__chunks/{TZJDOU75.js → 7R5VX7DV.js} +1 -1
  60. package/esm/__chunks/{GJYUMUMT.js → 7SHHFY4P.js} +1 -1
  61. package/esm/__chunks/{QEPSYGAQ.js → CVFC2LN3.js} +1 -1
  62. package/esm/__chunks/{DHHIMTTV.js → DENCHBDS.js} +1 -1
  63. package/esm/__chunks/{K5VQ2XTM.js → LZUSNDXA.js} +6 -2
  64. package/esm/__chunks/{P6VCQ6Q3.js → R2WNOXYG.js} +15 -0
  65. package/esm/__chunks/{UJUY6GAA.js → W2TTCKOE.js} +1 -1
  66. package/esm/checkbox/checkbox-check.d.ts +6 -3
  67. package/esm/combobox/combobox-disclosure.js +3 -4
  68. package/esm/combobox/combobox-item.d.ts +13 -1
  69. package/esm/combobox/combobox-item.js +1 -1
  70. package/esm/combobox/combobox-popover.d.ts +1 -1
  71. package/esm/combobox/combobox-popover.js +35 -6
  72. package/esm/combobox/combobox.d.ts +26 -1
  73. package/esm/combobox/combobox.js +17 -5
  74. package/esm/composite/composite-hover.d.ts +10 -1
  75. package/esm/composite/composite-item.js +1 -1
  76. package/esm/composite/composite-overflow-disclosure.js +1 -1
  77. package/esm/composite/composite.js +1 -1
  78. package/esm/form/form-radio.js +2 -2
  79. package/esm/menu/menu-bar.js +2 -2
  80. package/esm/menu/menu-item-check.d.ts +14 -0
  81. package/esm/menu/menu-item-checkbox.js +2 -2
  82. package/esm/menu/menu-item-radio.js +3 -3
  83. package/esm/menu/menu-item.d.ts +8 -1
  84. package/esm/menu/menu-item.js +2 -2
  85. package/esm/menu/menu-list.js +2 -2
  86. package/esm/menu/menu-store.d.ts +2 -0
  87. package/esm/menu/menu.js +2 -2
  88. package/esm/menubar/menubar.js +2 -2
  89. package/esm/popover/popover.d.ts +2 -0
  90. package/esm/radio/radio-group.js +1 -1
  91. package/esm/radio/radio.js +2 -2
  92. package/esm/select/select-item.js +1 -1
  93. package/esm/select/select-list.js +2 -2
  94. package/esm/select/select-popover.js +2 -2
  95. package/esm/tab/tab-list.js +1 -1
  96. package/esm/tab/tab-provider.js +1 -1
  97. package/esm/tab/tab-store.js +1 -1
  98. package/esm/tab/tab.js +1 -1
  99. package/esm/toolbar/toolbar-container.js +2 -2
  100. package/esm/toolbar/toolbar-input.js +2 -2
  101. package/esm/toolbar/toolbar-item.js +2 -2
  102. package/esm/toolbar/toolbar.js +1 -1
  103. package/package.json +2 -2
@@ -3,7 +3,7 @@ import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/typ
3
3
  import type { CompositeOptions } from "../composite/composite.js";
4
4
  import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
5
5
  import type { As, Props } from "../utils/types.js";
6
- import type { ComboboxStore } from "./combobox-store.js";
6
+ import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
7
7
  /**
8
8
  * Returns props to create a `Combobox` component.
9
9
  * @see https://ariakit.org/components/combobox
@@ -70,6 +70,31 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
70
70
  * @default false
71
71
  */
72
72
  autoSelect?: boolean;
73
+ /**
74
+ * Function that takes the currently rendered items and returns the id of the
75
+ * item to be auto selected when the
76
+ * [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
77
+ * `true`.
78
+ *
79
+ * By default, the first enabled item is auto selected. This function is handy
80
+ * if you prefer a different item to be auto selected.
81
+ * @example
82
+ * ```jsx
83
+ * <Combobox
84
+ * autoSelect
85
+ * getAutoSelectId={(items) => {
86
+ * // Auto select the first enabled item with a value
87
+ * const item = items.find((item) => {
88
+ * if (item.disabled) return false;
89
+ * if (!item.value) return false;
90
+ * return true;
91
+ * });
92
+ * return item?.id;
93
+ * }}
94
+ * />
95
+ * ```
96
+ */
97
+ getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
73
98
  /**
74
99
  * Whether the items will be filtered based on
75
100
  * [`value`](https://ariakit.org/reference/combobox-provider#value) and
@@ -3,7 +3,7 @@ import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/typ
3
3
  import type { CompositeOptions } from "../composite/composite.js";
4
4
  import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
5
5
  import type { As, Props } from "../utils/types.js";
6
- import type { ComboboxStore } from "./combobox-store.js";
6
+ import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
7
7
  /**
8
8
  * Returns props to create a `Combobox` component.
9
9
  * @see https://ariakit.org/components/combobox
@@ -70,6 +70,31 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
70
70
  * @default false
71
71
  */
72
72
  autoSelect?: boolean;
73
+ /**
74
+ * Function that takes the currently rendered items and returns the id of the
75
+ * item to be auto selected when the
76
+ * [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
77
+ * `true`.
78
+ *
79
+ * By default, the first enabled item is auto selected. This function is handy
80
+ * if you prefer a different item to be auto selected.
81
+ * @example
82
+ * ```jsx
83
+ * <Combobox
84
+ * autoSelect
85
+ * getAutoSelectId={(items) => {
86
+ * // Auto select the first enabled item with a value
87
+ * const item = items.find((item) => {
88
+ * if (item.disabled) return false;
89
+ * if (!item.value) return false;
90
+ * return true;
91
+ * });
92
+ * return item?.id;
93
+ * }}
94
+ * />
95
+ * ```
96
+ */
97
+ getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
73
98
  /**
74
99
  * Whether the items will be filtered based on
75
100
  * [`value`](https://ariakit.org/reference/combobox-provider#value) and
@@ -43,7 +43,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
43
43
  */
44
44
  store?: CompositeStore;
45
45
  /**
46
- * Determines if the composite item should be focused on hover.
46
+ * Determines if the composite item should be _focused_ when hovered over.
47
+ *
48
+ * Note that the actual DOM focus will stay on the composite element. This
49
+ * item will get the
50
+ * [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
51
+ * attribute so it can be styled as if it's focused.
47
52
  *
48
53
  * Live examples:
49
54
  * - [Multi-selectable
@@ -53,6 +58,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
53
58
  * - [Textarea with inline
54
59
  * Combobox](https://ariakit.org/examples/combobox-textarea)
55
60
  * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
61
+ * - [Submenu with
62
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
56
63
  * @default true
57
64
  */
58
65
  focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -66,6 +73,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
66
73
  * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
67
74
  * - [Combobox with integrated
68
75
  * filter](https://ariakit.org/examples/combobox-filtering-integrated)
76
+ * - [Submenu with
77
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
69
78
  */
70
79
  blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
71
80
  }
@@ -43,7 +43,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
43
43
  */
44
44
  store?: CompositeStore;
45
45
  /**
46
- * Determines if the composite item should be focused on hover.
46
+ * Determines if the composite item should be _focused_ when hovered over.
47
+ *
48
+ * Note that the actual DOM focus will stay on the composite element. This
49
+ * item will get the
50
+ * [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
51
+ * attribute so it can be styled as if it's focused.
47
52
  *
48
53
  * Live examples:
49
54
  * - [Multi-selectable
@@ -53,6 +58,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
53
58
  * - [Textarea with inline
54
59
  * Combobox](https://ariakit.org/examples/combobox-textarea)
55
60
  * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
61
+ * - [Submenu with
62
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
56
63
  * @default true
57
64
  */
58
65
  focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -66,6 +73,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
66
73
  * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
67
74
  * - [Combobox with integrated
68
75
  * filter](https://ariakit.org/examples/combobox-filtering-integrated)
76
+ * - [Submenu with
77
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
69
78
  */
70
79
  blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
71
80
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- var _TTMCZ7ZNcjs = require('../__chunks/TTMCZ7ZN.cjs');
5
+ var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
6
6
  require('../__chunks/DAJUUBUI.cjs');
7
7
  require('../__chunks/R5A2WTWB.cjs');
8
8
  require('../__chunks/RV3PHHWM.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
18
18
 
19
19
 
20
20
 
21
- exports.CompositeItem = _TTMCZ7ZNcjs.CompositeItem; exports.useCompositeItem = _TTMCZ7ZNcjs.useCompositeItem;
21
+ exports.CompositeItem = _3RUODFRUcjs.CompositeItem; exports.useCompositeItem = _3RUODFRUcjs.useCompositeItem;
@@ -8,7 +8,7 @@ require('../__chunks/3QW6ELTG.cjs');
8
8
  require('../__chunks/5UTRYT6E.cjs');
9
9
 
10
10
 
11
- var _TTMCZ7ZNcjs = require('../__chunks/TTMCZ7ZN.cjs');
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');
@@ -69,7 +69,7 @@ var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) =
69
69
  onFocus,
70
70
  onBlur
71
71
  });
72
- props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
72
+ props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
73
73
  props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
74
74
  return props;
75
75
  });
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
5
+ var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
6
6
  require('../__chunks/RV3PHHWM.cjs');
7
7
  require('../__chunks/UZNYSPKP.cjs');
8
8
  require('../__chunks/BZTDJIVT.cjs');
@@ -15,4 +15,4 @@ require('../__chunks/AV6KTKLE.cjs');
15
15
 
16
16
 
17
17
 
18
- exports.Composite = _CZOBQEIOcjs.Composite; exports.useComposite = _CZOBQEIOcjs.useComposite;
18
+ exports.Composite = _RM2WCNSUcjs.Composite; exports.useComposite = _RM2WCNSUcjs.useComposite;
@@ -7,9 +7,9 @@ var _VCDQISP7cjs = require('../__chunks/VCDQISP7.cjs');
7
7
  var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
8
8
 
9
9
 
10
- var _PHZJAGWKcjs = require('../__chunks/PHZJAGWK.cjs');
10
+ var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
11
11
  require('../__chunks/HEEQY4DZ.cjs');
12
- require('../__chunks/TTMCZ7ZN.cjs');
12
+ require('../__chunks/3RUODFRU.cjs');
13
13
  require('../__chunks/DAJUUBUI.cjs');
14
14
  require('../__chunks/R5A2WTWB.cjs');
15
15
  require('../__chunks/RV3PHHWM.cjs');
@@ -60,7 +60,7 @@ var useFormRadio = _RNZNGEL4cjs.createHook.call(void 0,
60
60
  checked,
61
61
  onChange
62
62
  });
63
- props = _PHZJAGWKcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
63
+ props = _IAYTETYNcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
64
64
  props = _VCDQISP7cjs.useFormField.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
65
65
  store,
66
66
  name,
@@ -1,10 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _3KZQJDTVcjs = require('../__chunks/3KZQJDTV.cjs');
4
+ var _APFV5PTXcjs = require('../__chunks/APFV5PTX.cjs');
5
5
  require('../__chunks/7LBZXSLY.cjs');
6
6
  require('../__chunks/7KFYPSJO.cjs');
7
- require('../__chunks/CZOBQEIO.cjs');
7
+ require('../__chunks/RM2WCNSU.cjs');
8
8
  require('../__chunks/RV3PHHWM.cjs');
9
9
  require('../__chunks/N6CR2VNN.cjs');
10
10
  require('../__chunks/DKOWT2IJ.cjs');
@@ -24,7 +24,7 @@ require('../__chunks/AV6KTKLE.cjs');
24
24
 
25
25
  // src/menu/menu-bar.tsx
26
26
  var useMenuBar = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
27
- return _3KZQJDTVcjs.useMenubar.call(void 0, props);
27
+ return _APFV5PTXcjs.useMenubar.call(void 0, props);
28
28
  });
29
29
  var MenuBar = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
30
30
  const htmlProps = useMenuBar(props);
@@ -40,5 +40,19 @@ export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<Checkb
40
40
  * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
41
41
  */
42
42
  store?: MenuStore;
43
+ /**
44
+ * Determines if the check mark should be displayed. This value is automatically
45
+ * derived from the parent
46
+ * [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio) or
47
+ * [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox)
48
+ * component.
49
+ *
50
+ * Manually setting this prop will supersede the derived value.
51
+ *
52
+ * Live examples:
53
+ * - [Submenu with
54
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
55
+ */
56
+ checked?: CheckboxCheckOptions<T>["checked"];
43
57
  }
44
58
  export type MenuItemCheckProps<T extends As = "span"> = Props<MenuItemCheckOptions<T>>;
@@ -40,5 +40,19 @@ export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<Checkb
40
40
  * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
41
41
  */
42
42
  store?: MenuStore;
43
+ /**
44
+ * Determines if the check mark should be displayed. This value is automatically
45
+ * derived from the parent
46
+ * [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio) or
47
+ * [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox)
48
+ * component.
49
+ *
50
+ * Manually setting this prop will supersede the derived value.
51
+ *
52
+ * Live examples:
53
+ * - [Submenu with
54
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
55
+ */
56
+ checked?: CheckboxCheckOptions<T>["checked"];
43
57
  }
44
58
  export type MenuItemCheckProps<T extends As = "span"> = Props<MenuItemCheckOptions<T>>;
@@ -8,14 +8,14 @@ require('../__chunks/63UPRTFZ.cjs');
8
8
  var _VSDH37LIcjs = require('../__chunks/VSDH37LI.cjs');
9
9
 
10
10
 
11
- var _DHSZ2ZFJcjs = require('../__chunks/DHSZ2ZFJ.cjs');
11
+ var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
12
12
 
13
13
 
14
14
  var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
15
15
  require('../__chunks/7LBZXSLY.cjs');
16
16
  require('../__chunks/IPYAEPOT.cjs');
17
17
  require('../__chunks/ERFHNHON.cjs');
18
- require('../__chunks/TTMCZ7ZN.cjs');
18
+ require('../__chunks/3RUODFRU.cjs');
19
19
  require('../__chunks/DAJUUBUI.cjs');
20
20
  require('../__chunks/R5A2WTWB.cjs');
21
21
  require('../__chunks/RV3PHHWM.cjs');
@@ -136,7 +136,7 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
136
136
  value,
137
137
  checked
138
138
  }, props));
139
- props = _DHSZ2ZFJcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
139
+ props = _BKU5STIEcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
140
140
  return props;
141
141
  }
142
142
  );
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _DHSZ2ZFJcjs = require('../__chunks/DHSZ2ZFJ.cjs');
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 _PHZJAGWKcjs = require('../__chunks/PHZJAGWK.cjs');
12
+ var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
13
13
  require('../__chunks/HEEQY4DZ.cjs');
14
14
  require('../__chunks/IPYAEPOT.cjs');
15
- require('../__chunks/TTMCZ7ZN.cjs');
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 = _PHZJAGWKcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
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 = _DHSZ2ZFJcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
113
+ props = _BKU5STIEcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
114
114
  return props;
115
115
  }
116
116
  );
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _DHSZ2ZFJcjs = require('../__chunks/DHSZ2ZFJ.cjs');
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/TTMCZ7ZN.cjs');
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 = _DHSZ2ZFJcjs.MenuItem; exports.useMenuItem = _DHSZ2ZFJcjs.useMenuItem;
29
+ exports.MenuItem = _BKU5STIEcjs.MenuItem; exports.useMenuItem = _BKU5STIEcjs.useMenuItem;
@@ -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 the menu item is clicked.
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>>;
@@ -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 the menu item is clicked.
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>>;
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _UBME4GBYcjs = require('../__chunks/UBME4GBY.cjs');
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/CZOBQEIO.cjs');
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 = _UBME4GBYcjs.MenuList; exports.useMenuList = _UBME4GBYcjs.useMenuList;
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
  /**
@@ -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,13 +1,13 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _UBME4GBYcjs = require('../__chunks/UBME4GBY.cjs');
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/CZOBQEIO.cjs');
10
+ require('../__chunks/RM2WCNSU.cjs');
11
11
  require('../__chunks/RV3PHHWM.cjs');
12
12
  require('../__chunks/UZNYSPKP.cjs');
13
13
  require('../__chunks/BZTDJIVT.cjs');
@@ -106,7 +106,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
106
106
  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
107
107
  ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
108
108
  });
109
- const _a2 = _UBME4GBYcjs.useMenuList.call(void 0,
109
+ const _a2 = _63WKH5OPcjs.useMenuList.call(void 0,
110
110
  _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props)
111
111
  ), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = _AV6KTKLEcjs.__objRest.call(void 0, _a2, ["aria-labelledby"]);
112
112
  props = menuListProps;
@@ -2,10 +2,10 @@
2
2
 
3
3
 
4
4
 
5
- var _3KZQJDTVcjs = require('../__chunks/3KZQJDTV.cjs');
5
+ var _APFV5PTXcjs = require('../__chunks/APFV5PTX.cjs');
6
6
  require('../__chunks/7LBZXSLY.cjs');
7
7
  require('../__chunks/7KFYPSJO.cjs');
8
- require('../__chunks/CZOBQEIO.cjs');
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 = _3KZQJDTVcjs.Menubar; exports.useMenubar = _3KZQJDTVcjs.useMenubar;
24
+ exports.Menubar = _APFV5PTXcjs.Menubar; exports.useMenubar = _APFV5PTXcjs.useMenubar;
@@ -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;
@@ -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;
@@ -5,7 +5,7 @@
5
5
  var _HEEQY4DZcjs = require('../__chunks/HEEQY4DZ.cjs');
6
6
 
7
7
 
8
- var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
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 = _CZOBQEIOcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
48
+ props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
49
49
  return props;
50
50
  }
51
51
  );
@@ -2,9 +2,9 @@
2
2
 
3
3
 
4
4
 
5
- var _PHZJAGWKcjs = require('../__chunks/PHZJAGWK.cjs');
5
+ var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
6
6
  require('../__chunks/HEEQY4DZ.cjs');
7
- require('../__chunks/TTMCZ7ZN.cjs');
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 = _PHZJAGWKcjs.Radio; exports.useRadio = _PHZJAGWKcjs.useRadio;
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 _TTMCZ7ZNcjs = require('../__chunks/TTMCZ7ZN.cjs');
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 = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
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 _UUTXBBHDcjs = require('../__chunks/UUTXBBHD.cjs');
5
+ var _XAYQLYTNcjs = require('../__chunks/XAYQLYTN.cjs');
6
6
  require('../__chunks/FQZOOWMH.cjs');
7
7
  require('../__chunks/2WCJJQSK.cjs');
8
- require('../__chunks/CZOBQEIO.cjs');
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 = _UUTXBBHDcjs.SelectList; exports.useSelectList = _UUTXBBHDcjs.useSelectList;
26
+ exports.SelectList = _XAYQLYTNcjs.SelectList; exports.useSelectList = _XAYQLYTNcjs.useSelectList;
@@ -1,12 +1,12 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _UUTXBBHDcjs = require('../__chunks/UUTXBBHD.cjs');
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/CZOBQEIO.cjs');
9
+ require('../__chunks/RM2WCNSU.cjs');
10
10
  require('../__chunks/RV3PHHWM.cjs');
11
11
  require('../__chunks/UZNYSPKP.cjs');
12
12
  require('../__chunks/BZTDJIVT.cjs');
@@ -65,7 +65,7 @@ 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 = _UUTXBBHDcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
68
+ props = _XAYQLYTNcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
69
69
  props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
70
70
  return props;
71
71
  }
@@ -5,7 +5,7 @@
5
5
  var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
6
6
 
7
7
 
8
- var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
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 = _CZOBQEIOcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, 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) => {