@ariakit/react-core 0.2.1 → 0.2.2

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 (74) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/cjs/__chunks/{TUFFT567.cjs → 3PYHURJV.cjs} +14 -13
  3. package/cjs/__chunks/{O4HKL5U2.cjs → 6ZHI7XFH.cjs} +11 -5
  4. package/cjs/__chunks/{XUWGEELZ.cjs → HRJZKMQQ.cjs} +6 -4
  5. package/cjs/__chunks/{BICG74YF.cjs → JPNLVNZZ.cjs} +9 -7
  6. package/cjs/__chunks/{GF4T7RQS.cjs → KEDMIM4S.cjs} +2 -2
  7. package/cjs/__chunks/{YEPQHTB5.cjs → MEVO6SEA.cjs} +7 -3
  8. package/cjs/__chunks/{VGBJOLSN.cjs → MXZHML62.cjs} +2 -2
  9. package/cjs/__chunks/{27JG67F3.cjs → PX5ZR4IF.cjs} +6 -1
  10. package/cjs/__chunks/{6TNK3LOZ.cjs → SW4NPZER.cjs} +7 -3
  11. package/cjs/__chunks/{CKE57WQN.cjs → YTRQSQYO.cjs} +5 -5
  12. package/cjs/combobox/combobox-list.cjs +3 -2
  13. package/cjs/combobox/combobox-list.d.ts +2 -1
  14. package/cjs/combobox/combobox-popover.cjs +19 -8
  15. package/cjs/composite/composite-overflow.cjs +5 -5
  16. package/cjs/dialog/dialog-backdrop.cjs +3 -3
  17. package/cjs/dialog/dialog-backdrop.d.ts +2 -2
  18. package/cjs/dialog/dialog.cjs +4 -4
  19. package/cjs/disclosure/disclosure-content.cjs +4 -2
  20. package/cjs/disclosure/disclosure-content.d.ts +23 -0
  21. package/cjs/hovercard/hovercard-anchor.cjs +2 -2
  22. package/cjs/hovercard/hovercard-store.cjs +2 -2
  23. package/cjs/hovercard/hovercard.cjs +6 -6
  24. package/cjs/menu/menu-button.cjs +2 -2
  25. package/cjs/menu/menu-list.cjs +3 -2
  26. package/cjs/menu/menu-list.d.ts +2 -1
  27. package/cjs/menu/menu-store.cjs +3 -3
  28. package/cjs/menu/menu.cjs +14 -11
  29. package/cjs/popover/popover.cjs +5 -5
  30. package/cjs/select/select-list.cjs +3 -2
  31. package/cjs/select/select-list.d.ts +2 -1
  32. package/cjs/select/select-popover.cjs +8 -8
  33. package/cjs/tab/tab-panel.cjs +2 -2
  34. package/cjs/tooltip/tooltip-anchor.cjs +2 -3
  35. package/cjs/tooltip/tooltip-store.cjs +7 -3
  36. package/cjs/tooltip/tooltip.cjs +6 -6
  37. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  38. package/esm/__chunks/{BRUBRRXY.js → 5SUMII6J.js} +11 -5
  39. package/esm/__chunks/{VWIWDDTJ.js → BMIMIX2N.js} +4 -4
  40. package/esm/__chunks/{44D6W47E.js → EC5UVTWD.js} +5 -3
  41. package/esm/__chunks/{4GZHHNFX.js → K35D42HN.js} +7 -3
  42. package/esm/__chunks/{UJIZKMKY.js → K4BVBSSF.js} +1 -1
  43. package/esm/__chunks/{HJ244IIK.js → NC4VIH2L.js} +2 -2
  44. package/esm/__chunks/{WYKPGIVG.js → NRBO7PPT.js} +8 -6
  45. package/esm/__chunks/{VQ223ROI.js → Q4774GYW.js} +12 -11
  46. package/esm/__chunks/{K5R24MFH.js → QRJCFBOI.js} +7 -2
  47. package/esm/__chunks/{6JQLJMUQ.js → U5AZX35N.js} +7 -3
  48. package/esm/combobox/combobox-list.d.ts +2 -1
  49. package/esm/combobox/combobox-list.js +2 -1
  50. package/esm/combobox/combobox-popover.js +18 -7
  51. package/esm/composite/composite-overflow.js +4 -4
  52. package/esm/dialog/dialog-backdrop.d.ts +2 -2
  53. package/esm/dialog/dialog-backdrop.js +2 -2
  54. package/esm/dialog/dialog.js +3 -3
  55. package/esm/disclosure/disclosure-content.d.ts +23 -0
  56. package/esm/disclosure/disclosure-content.js +3 -1
  57. package/esm/hovercard/hovercard-anchor.js +1 -1
  58. package/esm/hovercard/hovercard-store.js +1 -1
  59. package/esm/hovercard/hovercard.js +5 -5
  60. package/esm/menu/menu-button.js +1 -1
  61. package/esm/menu/menu-list.d.ts +2 -1
  62. package/esm/menu/menu-list.js +2 -1
  63. package/esm/menu/menu-store.js +1 -1
  64. package/esm/menu/menu.js +12 -9
  65. package/esm/popover/popover.js +4 -4
  66. package/esm/select/select-list.d.ts +2 -1
  67. package/esm/select/select-list.js +2 -1
  68. package/esm/select/select-popover.js +8 -8
  69. package/esm/tab/tab-panel.js +1 -1
  70. package/esm/tooltip/tooltip-anchor.js +1 -2
  71. package/esm/tooltip/tooltip-store.js +7 -3
  72. package/esm/tooltip/tooltip.js +5 -5
  73. package/esm/tsconfig.build.tsbuildinfo +1 -1
  74. package/package.json +2 -2
package/esm/menu/menu.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useMenuList
3
- } from "../__chunks/6JQLJMUQ.js";
3
+ } from "../__chunks/U5AZX35N.js";
4
4
  import {
5
5
  MenuBarContext,
6
6
  MenuContext
@@ -11,11 +11,11 @@ import "../__chunks/OXPV2NBK.js";
11
11
  import "../__chunks/Z3X3QN6P.js";
12
12
  import {
13
13
  useHovercard
14
- } from "../__chunks/VWIWDDTJ.js";
14
+ } from "../__chunks/BMIMIX2N.js";
15
15
  import "../__chunks/X7FKJQME.js";
16
- import "../__chunks/UJIZKMKY.js";
17
- import "../__chunks/VQ223ROI.js";
18
- import "../__chunks/44D6W47E.js";
16
+ import "../__chunks/K4BVBSSF.js";
17
+ import "../__chunks/Q4774GYW.js";
18
+ import "../__chunks/EC5UVTWD.js";
19
19
  import "../__chunks/4H6H5RRM.js";
20
20
  import "../__chunks/7A3SODQV.js";
21
21
  import "../__chunks/RBUEJWRA.js";
@@ -35,7 +35,7 @@ import "../__chunks/LDDPB3PY.js";
35
35
  import "../__chunks/COQHFAEN.js";
36
36
  import "../__chunks/LNHZLQEK.js";
37
37
  import "../__chunks/R35SLIEE.js";
38
- import "../__chunks/WYKPGIVG.js";
38
+ import "../__chunks/NRBO7PPT.js";
39
39
  import "../__chunks/6GS36SYX.js";
40
40
  import "../__chunks/K4QQOEEY.js";
41
41
  import "../__chunks/BMLNRUFQ.js";
@@ -67,12 +67,14 @@ var useMenu = createHook(
67
67
  store,
68
68
  hideOnEscape = true,
69
69
  autoFocusOnShow = true,
70
- hideOnHoverOutside
70
+ hideOnHoverOutside,
71
+ alwaysVisible
71
72
  } = _b, props = __objRest(_b, [
72
73
  "store",
73
74
  "hideOnEscape",
74
75
  "autoFocusOnShow",
75
- "hideOnHoverOutside"
76
+ "hideOnHoverOutside",
77
+ "alwaysVisible"
76
78
  ]);
77
79
  const ref = useRef(null);
78
80
  const parentMenu = useContext(MenuContext);
@@ -99,7 +101,7 @@ var useMenu = createHook(
99
101
  onKeyDown
100
102
  });
101
103
  const _a2 = useMenuList(
102
- __spreadValues({ store }, props)
104
+ __spreadValues({ store, alwaysVisible }, props)
103
105
  ), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = __objRest(_a2, ["aria-labelledby"]);
104
106
  props = menuListProps;
105
107
  const [initialFocusRef, setInitialFocusRef] = useState();
@@ -140,6 +142,7 @@ var useMenu = createHook(
140
142
  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
141
143
  props = useHovercard(__spreadProps(__spreadValues({
142
144
  store,
145
+ alwaysVisible,
143
146
  initialFocus: initialFocusRef,
144
147
  autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal
145
148
  }, props), {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Popover,
3
3
  usePopover
4
- } from "../__chunks/UJIZKMKY.js";
5
- import "../__chunks/VQ223ROI.js";
6
- import "../__chunks/44D6W47E.js";
4
+ } from "../__chunks/K4BVBSSF.js";
5
+ import "../__chunks/Q4774GYW.js";
6
+ import "../__chunks/EC5UVTWD.js";
7
7
  import "../__chunks/4H6H5RRM.js";
8
8
  import "../__chunks/7A3SODQV.js";
9
9
  import "../__chunks/RBUEJWRA.js";
@@ -23,7 +23,7 @@ import "../__chunks/LDDPB3PY.js";
23
23
  import "../__chunks/COQHFAEN.js";
24
24
  import "../__chunks/LNHZLQEK.js";
25
25
  import "../__chunks/R35SLIEE.js";
26
- import "../__chunks/WYKPGIVG.js";
26
+ import "../__chunks/NRBO7PPT.js";
27
27
  import "../__chunks/6GS36SYX.js";
28
28
  import "../__chunks/K4QQOEEY.js";
29
29
  import "../__chunks/BMLNRUFQ.js";
@@ -2,6 +2,7 @@ import type { KeyboardEvent } from "react";
2
2
  import type { BooleanOrCallback } from "@ariakit/core/utils/types";
3
3
  import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
4
4
  import type { CompositeOptions } from "../composite/composite.js";
5
+ import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
5
6
  import type { As, Props } from "../utils/types.js";
6
7
  import type { SelectStore } from "./select-store.js";
7
8
  /**
@@ -35,7 +36,7 @@ export declare const useSelectList: import("../utils/types.js").Hook<SelectListO
35
36
  * ```
36
37
  */
37
38
  export declare const SelectList: import("../utils/types.js").Component<SelectListOptions<"div">>;
38
- export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T> {
39
+ export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
39
40
  /**
40
41
  * Object returned by the `useSelectStore` hook.
41
42
  */
@@ -1,12 +1,13 @@
1
1
  import {
2
2
  SelectList,
3
3
  useSelectList
4
- } from "../__chunks/BRUBRRXY.js";
4
+ } from "../__chunks/5SUMII6J.js";
5
5
  import "../__chunks/GRNO2YNE.js";
6
6
  import "../__chunks/EEVSGAZW.js";
7
7
  import "../__chunks/JM74EEHT.js";
8
8
  import "../__chunks/OXPV2NBK.js";
9
9
  import "../__chunks/Z3X3QN6P.js";
10
+ import "../__chunks/NRBO7PPT.js";
10
11
  import "../__chunks/K4QQOEEY.js";
11
12
  import "../__chunks/BMLNRUFQ.js";
12
13
  import "../__chunks/U2LXZPCY.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useSelectList
3
- } from "../__chunks/BRUBRRXY.js";
3
+ } from "../__chunks/5SUMII6J.js";
4
4
  import "../__chunks/GRNO2YNE.js";
5
5
  import "../__chunks/EEVSGAZW.js";
6
6
  import "../__chunks/JM74EEHT.js";
@@ -8,9 +8,9 @@ import "../__chunks/OXPV2NBK.js";
8
8
  import "../__chunks/Z3X3QN6P.js";
9
9
  import {
10
10
  usePopover
11
- } from "../__chunks/UJIZKMKY.js";
12
- import "../__chunks/VQ223ROI.js";
13
- import "../__chunks/44D6W47E.js";
11
+ } from "../__chunks/K4BVBSSF.js";
12
+ import "../__chunks/Q4774GYW.js";
13
+ import "../__chunks/EC5UVTWD.js";
14
14
  import "../__chunks/4H6H5RRM.js";
15
15
  import "../__chunks/7A3SODQV.js";
16
16
  import "../__chunks/RBUEJWRA.js";
@@ -30,7 +30,7 @@ import "../__chunks/LDDPB3PY.js";
30
30
  import "../__chunks/COQHFAEN.js";
31
31
  import "../__chunks/LNHZLQEK.js";
32
32
  import "../__chunks/R35SLIEE.js";
33
- import "../__chunks/WYKPGIVG.js";
33
+ import "../__chunks/NRBO7PPT.js";
34
34
  import "../__chunks/6GS36SYX.js";
35
35
  import "../__chunks/K4QQOEEY.js";
36
36
  import "../__chunks/BMLNRUFQ.js";
@@ -50,9 +50,9 @@ import {
50
50
  // src/select/select-popover.ts
51
51
  var useSelectPopover = createHook(
52
52
  (_a) => {
53
- var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
54
- props = useSelectList(__spreadValues({ store }, props));
55
- props = usePopover(__spreadValues({ store }, props));
53
+ var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
54
+ props = useSelectList(__spreadValues({ store, alwaysVisible }, props));
55
+ props = usePopover(__spreadValues({ store, alwaysVisible }, props));
56
56
  return props;
57
57
  }
58
58
  );
@@ -4,7 +4,7 @@ import {
4
4
  import "../__chunks/T3DJZG63.js";
5
5
  import {
6
6
  useDisclosureContent
7
- } from "../__chunks/WYKPGIVG.js";
7
+ } from "../__chunks/NRBO7PPT.js";
8
8
  import {
9
9
  useFocusable
10
10
  } from "../__chunks/K4QQOEEY.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useHovercardAnchor
3
- } from "../__chunks/HJ244IIK.js";
3
+ } from "../__chunks/NC4VIH2L.js";
4
4
  import "../__chunks/K4QQOEEY.js";
5
5
  import "../__chunks/BMLNRUFQ.js";
6
6
  import {
@@ -73,7 +73,6 @@ var useTooltipAnchor = createHook(
73
73
  return (_a2 = state.contentElement) == null ? void 0 : _a2.id;
74
74
  });
75
75
  props = __spreadProps(__spreadValues({
76
- tabIndex: 0,
77
76
  "aria-labelledby": type === "label" ? contentId : void 0,
78
77
  "aria-describedby": type === "description" ? contentId : void 0
79
78
  }, props), {
@@ -1,12 +1,13 @@
1
1
  import {
2
2
  useHovercardStoreOptions,
3
3
  useHovercardStoreProps
4
- } from "../__chunks/K5R24MFH.js";
4
+ } from "../__chunks/QRJCFBOI.js";
5
5
  import "../__chunks/5PIH3SMS.js";
6
6
  import "../__chunks/OBNQHP6V.js";
7
7
  import "../__chunks/HN4VMOUI.js";
8
8
  import {
9
- useStore
9
+ useStore,
10
+ useStoreProps
10
11
  } from "../__chunks/AV5WE37O.js";
11
12
  import "../__chunks/ASYR66PQ.js";
12
13
  import "../__chunks/SXC6BPOF.js";
@@ -20,7 +21,10 @@ function useTooltipStoreOptions(props) {
20
21
  return useHovercardStoreOptions(props);
21
22
  }
22
23
  function useTooltipStoreProps(store, props) {
23
- return useHovercardStoreProps(store, props);
24
+ store = useHovercardStoreProps(store, props);
25
+ useStoreProps(store, props, "type");
26
+ useStoreProps(store, props, "skipTimeout");
27
+ return store;
24
28
  }
25
29
  function useTooltipStore(props = {}) {
26
30
  const options = useTooltipStoreOptions(props);
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  useHovercard
3
- } from "../__chunks/VWIWDDTJ.js";
3
+ } from "../__chunks/BMIMIX2N.js";
4
4
  import "../__chunks/X7FKJQME.js";
5
- import "../__chunks/UJIZKMKY.js";
6
- import "../__chunks/VQ223ROI.js";
7
- import "../__chunks/44D6W47E.js";
5
+ import "../__chunks/K4BVBSSF.js";
6
+ import "../__chunks/Q4774GYW.js";
7
+ import "../__chunks/EC5UVTWD.js";
8
8
  import "../__chunks/4H6H5RRM.js";
9
9
  import "../__chunks/7A3SODQV.js";
10
10
  import "../__chunks/RBUEJWRA.js";
@@ -24,7 +24,7 @@ import "../__chunks/LDDPB3PY.js";
24
24
  import "../__chunks/COQHFAEN.js";
25
25
  import "../__chunks/LNHZLQEK.js";
26
26
  import "../__chunks/R35SLIEE.js";
27
- import "../__chunks/WYKPGIVG.js";
27
+ import "../__chunks/NRBO7PPT.js";
28
28
  import "../__chunks/6GS36SYX.js";
29
29
  import {
30
30
  TooltipContext