@ariakit/react-core 0.1.7 → 0.2.0

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 (158) hide show
  1. package/CHANGELOG.md +108 -0
  2. package/cjs/__chunks/{XFZ3MEQZ.cjs → 27JG67F3.cjs} +3 -3
  3. package/cjs/__chunks/{ASQZCUUA.cjs → 4SZYU2PD.cjs} +2 -2
  4. package/cjs/__chunks/5P6HRGY6.cjs +21 -0
  5. package/cjs/__chunks/{DCDTT7UY.cjs → A6ZSQXNQ.cjs} +2 -2
  6. package/cjs/__chunks/{QXXZLOZG.cjs → D3EUPD6P.cjs} +22 -41
  7. package/cjs/__chunks/{EEXWIKOB.cjs → GOXUG4RX.cjs} +41 -53
  8. package/cjs/__chunks/{RHO5OVPE.cjs → GRL5KGV3.cjs} +2 -2
  9. package/cjs/__chunks/MHL3EECX.cjs +363 -0
  10. package/cjs/__chunks/{AUDANYMJ.cjs → W2XKIB23.cjs} +1 -20
  11. package/cjs/__chunks/{PFD4TS6B.cjs → WWDX5YPG.cjs} +28 -15
  12. package/cjs/combobox/combobox-item.cjs +1 -1
  13. package/cjs/combobox/combobox-popover.cjs +12 -11
  14. package/cjs/combobox/combobox-store.cjs +3 -3
  15. package/cjs/combobox/combobox-store.d.ts +0 -7
  16. package/cjs/combobox/combobox.cjs +3 -3
  17. package/cjs/composite/composite-item.cjs +1 -1
  18. package/cjs/composite/composite-overflow-disclosure.cjs +5 -5
  19. package/cjs/composite/composite-overflow-store.cjs +3 -3
  20. package/cjs/composite/composite-overflow-store.d.ts +1 -13
  21. package/cjs/composite/composite-overflow.cjs +12 -11
  22. package/cjs/composite/composite.cjs +3 -3
  23. package/cjs/dialog/dialog-backdrop.cjs +6 -3
  24. package/cjs/dialog/dialog-backdrop.d.ts +2 -5
  25. package/cjs/dialog/dialog-dismiss.cjs +1 -1
  26. package/cjs/dialog/dialog.cjs +11 -10
  27. package/cjs/dialog/dialog.d.ts +21 -8
  28. package/cjs/dialog/utils/is-backdrop.cjs +21 -0
  29. package/cjs/dialog/utils/is-backdrop.d.ts +1 -0
  30. package/cjs/form/form-radio.cjs +1 -1
  31. package/cjs/heading/heading-level.d.ts +1 -1
  32. package/cjs/hovercard/hovercard-dismiss.cjs +1 -1
  33. package/cjs/hovercard/hovercard-store.cjs +3 -3
  34. package/cjs/hovercard/hovercard-store.d.ts +1 -13
  35. package/cjs/hovercard/hovercard.cjs +13 -12
  36. package/cjs/menu/menu-bar.cjs +3 -3
  37. package/cjs/menu/menu-button.cjs +8 -8
  38. package/cjs/menu/menu-dismiss.cjs +1 -1
  39. package/cjs/menu/menu-item-checkbox.cjs +1 -1
  40. package/cjs/menu/menu-item-radio.cjs +1 -1
  41. package/cjs/menu/menu-item.cjs +1 -1
  42. package/cjs/menu/menu-list.cjs +4 -4
  43. package/cjs/menu/menu-store.cjs +7 -7
  44. package/cjs/menu/menu-store.d.ts +0 -7
  45. package/cjs/menu/menu.cjs +21 -20
  46. package/cjs/popover/popover-disclosure.cjs +4 -4
  47. package/cjs/popover/popover-dismiss.cjs +1 -1
  48. package/cjs/popover/popover-store.cjs +2 -2
  49. package/cjs/popover/popover-store.d.ts +1 -13
  50. package/cjs/popover/popover.cjs +12 -11
  51. package/cjs/popover/popover.d.ts +96 -0
  52. package/cjs/portal/portal.cjs +2 -2
  53. package/cjs/radio/radio-group.cjs +3 -3
  54. package/cjs/radio/radio.cjs +1 -1
  55. package/cjs/role/role.cjs +3 -14
  56. package/cjs/select/select-item.cjs +1 -1
  57. package/cjs/select/select-list.cjs +4 -4
  58. package/cjs/select/select-popover.cjs +21 -20
  59. package/cjs/select/select-store.cjs +3 -3
  60. package/cjs/select/select-store.d.ts +0 -7
  61. package/cjs/select/select.cjs +5 -5
  62. package/cjs/tab/tab-list.cjs +3 -3
  63. package/cjs/tab/tab-panel.cjs +3 -3
  64. package/cjs/tab/tab.cjs +1 -1
  65. package/cjs/toolbar/toolbar-container.cjs +1 -1
  66. package/cjs/toolbar/toolbar-input.cjs +1 -1
  67. package/cjs/toolbar/toolbar-item.cjs +1 -1
  68. package/cjs/toolbar/toolbar.cjs +3 -3
  69. package/cjs/tooltip/tooltip-anchor.cjs +58 -28
  70. package/cjs/tooltip/tooltip-anchor.d.ts +2 -18
  71. package/cjs/tooltip/tooltip-store.cjs +4 -3
  72. package/cjs/tooltip/tooltip-store.d.ts +5 -17
  73. package/cjs/tooltip/tooltip.cjs +66 -67
  74. package/cjs/tooltip/tooltip.d.ts +6 -25
  75. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  76. package/dialog/utils/is-backdrop/package.json +7 -0
  77. package/esm/__chunks/{USCWE5QL.js → 2CA5JWPW.js} +28 -15
  78. package/esm/__chunks/5PIH3SMS.js +35 -0
  79. package/esm/__chunks/{PZK3B6LX.js → 776K5FXB.js} +1 -1
  80. package/esm/__chunks/{DQSQP4IL.js → GDDVBILZ.js} +1 -1
  81. package/esm/__chunks/{3L2YBPR3.js → HJWYYQGA.js} +1 -1
  82. package/esm/__chunks/{3FKA4P4C.js → K5R24MFH.js} +1 -1
  83. package/esm/__chunks/MLEIJKSM.js +363 -0
  84. package/esm/__chunks/{JXNLCNWG.js → MR75RQGW.js} +25 -44
  85. package/esm/__chunks/{TCX5FQUL.js → NAG6UD2X.js} +43 -55
  86. package/esm/__chunks/XIACQCPS.js +21 -0
  87. package/esm/combobox/combobox-item.js +1 -1
  88. package/esm/combobox/combobox-popover.js +11 -10
  89. package/esm/combobox/combobox-store.d.ts +0 -7
  90. package/esm/combobox/combobox-store.js +1 -1
  91. package/esm/combobox/combobox.js +2 -2
  92. package/esm/composite/composite-item.js +1 -1
  93. package/esm/composite/composite-overflow-disclosure.js +4 -4
  94. package/esm/composite/composite-overflow-store.d.ts +1 -13
  95. package/esm/composite/composite-overflow-store.js +1 -1
  96. package/esm/composite/composite-overflow.js +11 -10
  97. package/esm/composite/composite.js +2 -2
  98. package/esm/dialog/dialog-backdrop.d.ts +2 -5
  99. package/esm/dialog/dialog-backdrop.js +5 -2
  100. package/esm/dialog/dialog-dismiss.js +1 -1
  101. package/esm/dialog/dialog.d.ts +21 -8
  102. package/esm/dialog/dialog.js +10 -9
  103. package/esm/dialog/utils/is-backdrop.d.ts +1 -0
  104. package/esm/dialog/utils/is-backdrop.js +21 -0
  105. package/esm/form/form-radio.js +1 -1
  106. package/esm/heading/heading-level.d.ts +1 -1
  107. package/esm/hovercard/hovercard-dismiss.js +1 -1
  108. package/esm/hovercard/hovercard-store.d.ts +1 -13
  109. package/esm/hovercard/hovercard-store.js +2 -2
  110. package/esm/hovercard/hovercard.js +12 -11
  111. package/esm/menu/menu-bar.js +2 -2
  112. package/esm/menu/menu-button.js +7 -7
  113. package/esm/menu/menu-dismiss.js +1 -1
  114. package/esm/menu/menu-item-checkbox.js +1 -1
  115. package/esm/menu/menu-item-radio.js +1 -1
  116. package/esm/menu/menu-item.js +1 -1
  117. package/esm/menu/menu-list.js +3 -3
  118. package/esm/menu/menu-store.d.ts +0 -7
  119. package/esm/menu/menu-store.js +5 -5
  120. package/esm/menu/menu.js +20 -19
  121. package/esm/popover/popover-disclosure.js +3 -3
  122. package/esm/popover/popover-dismiss.js +1 -1
  123. package/esm/popover/popover-store.d.ts +1 -13
  124. package/esm/popover/popover-store.js +1 -1
  125. package/esm/popover/popover.d.ts +96 -0
  126. package/esm/popover/popover.js +11 -10
  127. package/esm/portal/portal.js +1 -1
  128. package/esm/radio/radio-group.js +2 -2
  129. package/esm/radio/radio.js +1 -1
  130. package/esm/role/role.js +4 -15
  131. package/esm/select/select-item.js +1 -1
  132. package/esm/select/select-list.js +3 -3
  133. package/esm/select/select-popover.js +19 -18
  134. package/esm/select/select-store.d.ts +0 -7
  135. package/esm/select/select-store.js +1 -1
  136. package/esm/select/select.js +4 -4
  137. package/esm/tab/tab-list.js +2 -2
  138. package/esm/tab/tab-panel.js +3 -3
  139. package/esm/tab/tab.js +1 -1
  140. package/esm/toolbar/toolbar-container.js +1 -1
  141. package/esm/toolbar/toolbar-input.js +1 -1
  142. package/esm/toolbar/toolbar-item.js +1 -1
  143. package/esm/toolbar/toolbar.js +2 -2
  144. package/esm/tooltip/tooltip-anchor.d.ts +2 -18
  145. package/esm/tooltip/tooltip-anchor.js +59 -29
  146. package/esm/tooltip/tooltip-store.d.ts +5 -17
  147. package/esm/tooltip/tooltip-store.js +6 -5
  148. package/esm/tooltip/tooltip.d.ts +6 -25
  149. package/esm/tooltip/tooltip.js +67 -68
  150. package/esm/tsconfig.build.tsbuildinfo +1 -1
  151. package/package.json +7 -2
  152. package/cjs/__chunks/FU76FHC2.cjs +0 -125
  153. package/esm/__chunks/RVIGSXKO.js +0 -125
  154. package/esm/__chunks/SHGWT5HV.js +0 -54
  155. package/cjs/__chunks/{OV363CW6.cjs → BDJYHP43.cjs} +2 -2
  156. package/cjs/__chunks/{5I6IQHKQ.cjs → BIPONQXE.cjs} +2 -2
  157. package/esm/__chunks/{OY5YT7OV.js → RTOWJJVI.js} +3 -3
  158. package/esm/__chunks/{6O3TZMB4.js → U2KSDJ3W.js} +3 -3
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
2
2
 
3
3
 
4
- var _AUDANYMJcjs = require('../__chunks/AUDANYMJ.cjs');
4
+ var _W2XKIB23cjs = require('../__chunks/W2XKIB23.cjs');
5
5
  require('../__chunks/RD47UJK7.cjs');
6
6
  require('../__chunks/P7TWEJ6I.cjs');
7
7
 
@@ -16,10 +16,10 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
16
16
  // src/composite/composite-overflow-store.ts
17
17
  var _compositeoverflowstore = require('@ariakit/core/composite/composite-overflow-store'); var Core = _interopRequireWildcard(_compositeoverflowstore);
18
18
  function useCompositeOverflowStoreOptions(props) {
19
- return _AUDANYMJcjs.usePopoverStoreOptions.call(void 0, props);
19
+ return _W2XKIB23cjs.usePopoverStoreOptions.call(void 0, props);
20
20
  }
21
21
  function useCompositeOverflowStoreProps(store, props) {
22
- return _AUDANYMJcjs.usePopoverStoreProps.call(void 0, store, props);
22
+ return _W2XKIB23cjs.usePopoverStoreProps.call(void 0, store, props);
23
23
  }
24
24
  function useCompositeOverflowStore(props = {}) {
25
25
  const options = useCompositeOverflowStoreOptions(props);
@@ -1,19 +1,7 @@
1
1
  import * as Core from "@ariakit/core/composite/composite-overflow-store";
2
2
  import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
3
3
  import type { Store } from "../utils/store.js";
4
- export declare function useCompositeOverflowStoreOptions(props: CompositeOverflowStoreProps): {
5
- getAnchorRect: ((anchor: HTMLElement | null) => {
6
- x?: number | undefined;
7
- y?: number | undefined;
8
- width?: number | undefined;
9
- height?: number | undefined;
10
- } | null) | undefined;
11
- renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
12
- setOpen?: ((open: boolean) => void) | undefined;
13
- defaultOpen?: boolean | undefined;
14
- open?: boolean | undefined;
15
- animated?: number | boolean | undefined;
16
- };
4
+ export declare function useCompositeOverflowStoreOptions(props: CompositeOverflowStoreProps): Partial<import("../disclosure/disclosure-store.js").DisclosureStoreOptions>;
17
5
  export declare function useCompositeOverflowStoreProps<T extends CompositeOverflowStore>(store: T, props: CompositeOverflowStoreProps): T;
18
6
  /**
19
7
  * Creates a composite overflow store.
@@ -1,30 +1,31 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _FU76FHC2cjs = require('../__chunks/FU76FHC2.cjs');
4
- require('../__chunks/EEXWIKOB.cjs');
5
- require('../__chunks/QXXZLOZG.cjs');
3
+ var _MHL3EECXcjs = require('../__chunks/MHL3EECX.cjs');
4
+ require('../__chunks/GOXUG4RX.cjs');
5
+ require('../__chunks/D3EUPD6P.cjs');
6
+ require('../__chunks/O45IXGJW.cjs');
7
+ require('../__chunks/TVZPJJTX.cjs');
6
8
  require('../__chunks/QRAQT522.cjs');
7
9
  require('../__chunks/NZYGNCZL.cjs');
8
10
  require('../__chunks/E5VOJWDR.cjs');
11
+ require('../__chunks/56NPFF7P.cjs');
9
12
  require('../__chunks/W32FX7DM.cjs');
10
13
  require('../__chunks/CARNFZQT.cjs');
11
- require('../__chunks/O45IXGJW.cjs');
12
- require('../__chunks/TVZPJJTX.cjs');
13
- require('../__chunks/56NPFF7P.cjs');
14
14
  require('../__chunks/NR3SJH64.cjs');
15
15
  require('../__chunks/GHWBKA6H.cjs');
16
16
  require('../__chunks/EE6OIU6X.cjs');
17
17
  require('../__chunks/X2GXTE3P.cjs');
18
18
  require('../__chunks/SOPRUU56.cjs');
19
+ require('../__chunks/WWDX5YPG.cjs');
20
+ require('../__chunks/C7Y26CUV.cjs');
21
+ require('../__chunks/NS56XHXG.cjs');
19
22
  require('../__chunks/CQSUIL2D.cjs');
20
23
  require('../__chunks/N2VCZZLP.cjs');
24
+ require('../__chunks/5P6HRGY6.cjs');
25
+ require('../__chunks/EM2PMFEW.cjs');
21
26
  require('../__chunks/W5PBA4D6.cjs');
22
27
  require('../__chunks/NVBNDB5B.cjs');
23
28
  require('../__chunks/LHHW5ZQP.cjs');
24
- require('../__chunks/PFD4TS6B.cjs');
25
- require('../__chunks/C7Y26CUV.cjs');
26
- require('../__chunks/NS56XHXG.cjs');
27
- require('../__chunks/EM2PMFEW.cjs');
28
29
  require('../__chunks/QTPUX3NM.cjs');
29
30
 
30
31
 
@@ -83,7 +84,7 @@ var useCompositeOverflow = _7NAIPZYNcjs.createHook.call(void 0,
83
84
  }, props), {
84
85
  onFocus
85
86
  });
86
- props = _FU76FHC2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
87
+ props = _MHL3EECXcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
87
88
  store,
88
89
  backdropProps,
89
90
  wrapperProps,
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _5I6IQHKQcjs = require('../__chunks/5I6IQHKQ.cjs');
4
+ var _BIPONQXEcjs = require('../__chunks/BIPONQXE.cjs');
5
5
  require('../__chunks/KLZID3QO.cjs');
6
+ require('../__chunks/NVMBKFRB.cjs');
6
7
  require('../__chunks/NVBNDB5B.cjs');
7
8
  require('../__chunks/LHHW5ZQP.cjs');
8
- require('../__chunks/NVMBKFRB.cjs');
9
9
  require('../__chunks/7NAIPZYN.cjs');
10
10
  require('../__chunks/NREUHWTU.cjs');
11
11
  require('../__chunks/2X5K3J7Y.cjs');
@@ -13,4 +13,4 @@ require('../__chunks/6455U47T.cjs');
13
13
 
14
14
 
15
15
 
16
- exports.Composite = _5I6IQHKQcjs.Composite; exports.useComposite = _5I6IQHKQcjs.useComposite;
16
+ exports.Composite = _BIPONQXEcjs.Composite; exports.useComposite = _BIPONQXEcjs.useComposite;
@@ -1,7 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _QXXZLOZGcjs = require('../__chunks/QXXZLOZG.cjs');
4
- require('../__chunks/X2GXTE3P.cjs');
3
+ var _D3EUPD6Pcjs = require('../__chunks/D3EUPD6P.cjs');
4
+ require('../__chunks/CARNFZQT.cjs');
5
+ require('../__chunks/NR3SJH64.cjs');
6
+ require('../__chunks/EE6OIU6X.cjs');
7
+ require('../__chunks/5P6HRGY6.cjs');
5
8
  require('../__chunks/EM2PMFEW.cjs');
6
9
  require('../__chunks/7NAIPZYN.cjs');
7
10
  require('../__chunks/NREUHWTU.cjs');
@@ -9,4 +12,4 @@ require('../__chunks/2X5K3J7Y.cjs');
9
12
  require('../__chunks/6455U47T.cjs');
10
13
 
11
14
 
12
- exports.DialogBackdrop = _QXXZLOZGcjs.DialogBackdrop;
15
+ exports.DialogBackdrop = _D3EUPD6Pcjs.DialogBackdrop;
@@ -1,7 +1,4 @@
1
- import type { ReactNode } from "react";
2
1
  import type { DialogProps } from "./dialog.js";
3
- type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hideOnInteractOutside" | "hideOnEscape" | "hidden"> & {
4
- children?: ReactNode;
5
- };
6
- export declare function DialogBackdrop({ store, backdrop, backdropProps, hideOnInteractOutside, hideOnEscape, hidden, children, }: DialogBackdropProps): JSX.Element;
2
+ type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hidden">;
3
+ export declare function DialogBackdrop({ store, backdrop, backdropProps, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
7
4
  export {};
@@ -3,8 +3,8 @@
3
3
 
4
4
  var _KJ6JFZDMcjs = require('../__chunks/KJ6JFZDM.cjs');
5
5
  require('../__chunks/2DVMVYK2.cjs');
6
- require('../__chunks/N2VCZZLP.cjs');
7
6
  require('../__chunks/DASOL6J2.cjs');
7
+ require('../__chunks/N2VCZZLP.cjs');
8
8
  require('../__chunks/NVBNDB5B.cjs');
9
9
  require('../__chunks/LHHW5ZQP.cjs');
10
10
  require('../__chunks/7NAIPZYN.cjs');
@@ -1,29 +1,30 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _EEXWIKOBcjs = require('../__chunks/EEXWIKOB.cjs');
5
- require('../__chunks/QXXZLOZG.cjs');
4
+ var _GOXUG4RXcjs = require('../__chunks/GOXUG4RX.cjs');
5
+ require('../__chunks/D3EUPD6P.cjs');
6
+ require('../__chunks/O45IXGJW.cjs');
7
+ require('../__chunks/TVZPJJTX.cjs');
6
8
  require('../__chunks/QRAQT522.cjs');
7
9
  require('../__chunks/NZYGNCZL.cjs');
8
10
  require('../__chunks/E5VOJWDR.cjs');
11
+ require('../__chunks/56NPFF7P.cjs');
9
12
  require('../__chunks/W32FX7DM.cjs');
10
13
  require('../__chunks/CARNFZQT.cjs');
11
- require('../__chunks/O45IXGJW.cjs');
12
- require('../__chunks/TVZPJJTX.cjs');
13
- require('../__chunks/56NPFF7P.cjs');
14
14
  require('../__chunks/NR3SJH64.cjs');
15
15
  require('../__chunks/GHWBKA6H.cjs');
16
16
  require('../__chunks/EE6OIU6X.cjs');
17
17
  require('../__chunks/X2GXTE3P.cjs');
18
18
  require('../__chunks/SOPRUU56.cjs');
19
+ require('../__chunks/WWDX5YPG.cjs');
20
+ require('../__chunks/C7Y26CUV.cjs');
21
+ require('../__chunks/NS56XHXG.cjs');
19
22
  require('../__chunks/CQSUIL2D.cjs');
20
23
  require('../__chunks/N2VCZZLP.cjs');
24
+ require('../__chunks/5P6HRGY6.cjs');
25
+ require('../__chunks/EM2PMFEW.cjs');
21
26
  require('../__chunks/NVBNDB5B.cjs');
22
27
  require('../__chunks/LHHW5ZQP.cjs');
23
- require('../__chunks/PFD4TS6B.cjs');
24
- require('../__chunks/C7Y26CUV.cjs');
25
- require('../__chunks/NS56XHXG.cjs');
26
- require('../__chunks/EM2PMFEW.cjs');
27
28
  require('../__chunks/QTPUX3NM.cjs');
28
29
  require('../__chunks/7NAIPZYN.cjs');
29
30
  require('../__chunks/NREUHWTU.cjs');
@@ -32,4 +33,4 @@ require('../__chunks/6455U47T.cjs');
32
33
 
33
34
 
34
35
 
35
- exports.Dialog = _EEXWIKOBcjs.Dialog; exports.useDialog = _EEXWIKOBcjs.useDialog;
36
+ exports.Dialog = _GOXUG4RXcjs.Dialog; exports.useDialog = _GOXUG4RXcjs.useDialog;
@@ -1,6 +1,6 @@
1
- import type { ComponentProps, ElementType, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
1
+ import type { ComponentPropsWithRef, ElementType, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
2
2
  import type { BooleanOrCallback } from "@ariakit/core/utils/types";
3
- import type { DisclosureContentOptions, DisclosureContentProps } from "../disclosure/disclosure-content.js";
3
+ import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
4
4
  import type { FocusableOptions } from "../focusable/focusable.js";
5
5
  import type { PortalOptions } from "../portal/portal.js";
6
6
  import type { As, Props } from "../utils/types.js";
@@ -49,17 +49,30 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
49
49
  /**
50
50
  * Determines whether there will be a backdrop behind the dialog. On modal
51
51
  * dialogs, this is `true` by default. Besides a `boolean`, this prop can also
52
- * be a React component that will be rendered as the backdrop.
52
+ * be a React component or JSX element that will be rendered as the backdrop.
53
+ *
54
+ * **If a custom component is used, it must accept ref and spread all props to
55
+ * its underlying DOM element**, the same way a native element would.
56
+ *
57
+ * Live examples:
58
+ * - [Animated Dialog](https://ariakit.org/examples/dialog-animated)
59
+ * - [Dialog with Framer
60
+ * Motion](https://ariakit.org/examples/dialog-framer-motion)
61
+ * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
62
+ * - [Nested Dialog](https://ariakit.org/examples/dialog-nested)
63
+ * - [Dialog with Next.js App
64
+ * Router](https://ariakit.org/examples/dialog-next-router)
53
65
  * @example
54
66
  * ```jsx
55
- * <Dialog backdrop={StyledBackdrop} />
67
+ * <Dialog backdrop={<div className="backdrop" />} />
56
68
  * ```
57
69
  */
58
- backdrop?: boolean | ElementType<ComponentProps<"div">>;
70
+ backdrop?: boolean | ReactElement<ComponentPropsWithRef<"div">> | ElementType<ComponentPropsWithRef<"div">>;
59
71
  /**
60
72
  * Props that will be passed to the backdrop element if `backdrop` is `true`.
73
+ * @deprecated Use the `backdrop` prop instead.
61
74
  */
62
- backdropProps?: Omit<DisclosureContentProps, "store">;
75
+ backdropProps?: ComponentPropsWithRef<"div">;
63
76
  /**
64
77
  * Determines whether the dialog will be hidden when the user presses the
65
78
  * Escape key.
@@ -96,7 +109,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
96
109
  * a different element to receive focus.
97
110
  * @default true
98
111
  */
99
- autoFocusOnShow?: BooleanOrCallback<HTMLElement>;
112
+ autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;
100
113
  /**
101
114
  * Determines whether an element outside of the dialog will be focused when
102
115
  * the dialog is hidden if another element hasn't been focused in the action
@@ -106,7 +119,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
106
119
  * element to be focused.
107
120
  * @default true
108
121
  */
109
- autoFocusOnHide?: BooleanOrCallback<HTMLElement>;
122
+ autoFocusOnHide?: BooleanOrCallback<HTMLElement | null>;
110
123
  /**
111
124
  * Specifies the element that will receive focus when the dialog is first
112
125
  * opened. It can be an `HTMLElement` or a `React.RefObject` with an
@@ -0,0 +1,21 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../__chunks/6455U47T.cjs');
2
+
3
+ // src/dialog/utils/is-backdrop.ts
4
+ function isBackdrop(element, dialog) {
5
+ if (!element)
6
+ return false;
7
+ const backdrop = element.getAttribute("data-backdrop");
8
+ if (backdrop == null)
9
+ return false;
10
+ if (backdrop === "")
11
+ return true;
12
+ if (backdrop === "true")
13
+ return true;
14
+ const id = dialog == null ? void 0 : dialog.id;
15
+ if (!id)
16
+ return false;
17
+ return backdrop === id;
18
+ }
19
+
20
+
21
+ exports.isBackdrop = isBackdrop;
@@ -0,0 +1 @@
1
+ export declare function isBackdrop(element?: Element | null, dialog?: HTMLElement | null): boolean;
@@ -13,9 +13,9 @@ require('../__chunks/DASOL6J2.cjs');
13
13
  require('../__chunks/3FTPSHLH.cjs');
14
14
  require('../__chunks/ZQAFJQIS.cjs');
15
15
  require('../__chunks/KLZID3QO.cjs');
16
+ require('../__chunks/NVMBKFRB.cjs');
16
17
  require('../__chunks/NVBNDB5B.cjs');
17
18
  require('../__chunks/LHHW5ZQP.cjs');
18
- require('../__chunks/NVMBKFRB.cjs');
19
19
 
20
20
 
21
21
 
@@ -14,7 +14,7 @@ import type { HeadingLevels } from "./utils.js";
14
14
  * </HeadingLevel>
15
15
  * ```
16
16
  */
17
- export declare function HeadingLevel({ level, children }: HeadingLevelProps): JSX.Element;
17
+ export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
18
18
  export type HeadingLevelProps = {
19
19
  /**
20
20
  * The heading level. By default, it'll increase the level by 1 based on the
@@ -5,8 +5,8 @@ var _4OKO2MSEcjs = require('../__chunks/4OKO2MSE.cjs');
5
5
  require('../__chunks/WA6EKMUL.cjs');
6
6
  require('../__chunks/KJ6JFZDM.cjs');
7
7
  require('../__chunks/2DVMVYK2.cjs');
8
- require('../__chunks/N2VCZZLP.cjs');
9
8
  require('../__chunks/DASOL6J2.cjs');
9
+ require('../__chunks/N2VCZZLP.cjs');
10
10
  require('../__chunks/NVBNDB5B.cjs');
11
11
  require('../__chunks/LHHW5ZQP.cjs');
12
12
  require('../__chunks/7NAIPZYN.cjs');
@@ -2,8 +2,8 @@
2
2
 
3
3
 
4
4
 
5
- var _XFZ3MEQZcjs = require('../__chunks/XFZ3MEQZ.cjs');
6
- require('../__chunks/AUDANYMJ.cjs');
5
+ var _27JG67F3cjs = require('../__chunks/27JG67F3.cjs');
6
+ require('../__chunks/W2XKIB23.cjs');
7
7
  require('../__chunks/RD47UJK7.cjs');
8
8
  require('../__chunks/P7TWEJ6I.cjs');
9
9
  require('../__chunks/F7HVNVHQ.cjs');
@@ -14,4 +14,4 @@ require('../__chunks/6455U47T.cjs');
14
14
 
15
15
 
16
16
 
17
- exports.useHovercardStore = _XFZ3MEQZcjs.useHovercardStore; exports.useHovercardStoreOptions = _XFZ3MEQZcjs.useHovercardStoreOptions; exports.useHovercardStoreProps = _XFZ3MEQZcjs.useHovercardStoreProps;
17
+ exports.useHovercardStore = _27JG67F3cjs.useHovercardStore; exports.useHovercardStoreOptions = _27JG67F3cjs.useHovercardStoreOptions; exports.useHovercardStoreProps = _27JG67F3cjs.useHovercardStoreProps;
@@ -1,19 +1,7 @@
1
1
  import * as Core from "@ariakit/core/hovercard/hovercard-store";
2
2
  import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
3
3
  import type { Store } from "../utils/store.js";
4
- export declare function useHovercardStoreOptions(props: HovercardStoreProps): {
5
- getAnchorRect: ((anchor: HTMLElement | null) => {
6
- x?: number | undefined;
7
- y?: number | undefined;
8
- width?: number | undefined;
9
- height?: number | undefined;
10
- } | null) | undefined;
11
- renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
12
- setOpen?: ((open: boolean) => void) | undefined;
13
- defaultOpen?: boolean | undefined;
14
- open?: boolean | undefined;
15
- animated?: number | boolean | undefined;
16
- };
4
+ export declare function useHovercardStoreOptions(props: HovercardStoreProps): Partial<import("../disclosure/disclosure-store.js").DisclosureStoreOptions>;
17
5
  export declare function useHovercardStoreProps<T extends HovercardStore>(store: T, props: HovercardStoreProps): T;
18
6
  /**
19
7
  * Creates a hovercard store.
@@ -1,33 +1,34 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _DCDTT7UYcjs = require('../__chunks/DCDTT7UY.cjs');
4
+ var _A6ZSQXNQcjs = require('../__chunks/A6ZSQXNQ.cjs');
5
5
  require('../__chunks/OLGMV24U.cjs');
6
- require('../__chunks/FU76FHC2.cjs');
7
- require('../__chunks/EEXWIKOB.cjs');
8
- require('../__chunks/QXXZLOZG.cjs');
6
+ require('../__chunks/MHL3EECX.cjs');
7
+ require('../__chunks/GOXUG4RX.cjs');
8
+ require('../__chunks/D3EUPD6P.cjs');
9
+ require('../__chunks/O45IXGJW.cjs');
10
+ require('../__chunks/TVZPJJTX.cjs');
9
11
  require('../__chunks/QRAQT522.cjs');
10
12
  require('../__chunks/NZYGNCZL.cjs');
11
13
  require('../__chunks/E5VOJWDR.cjs');
14
+ require('../__chunks/56NPFF7P.cjs');
12
15
  require('../__chunks/W32FX7DM.cjs');
13
16
  require('../__chunks/CARNFZQT.cjs');
14
- require('../__chunks/O45IXGJW.cjs');
15
- require('../__chunks/TVZPJJTX.cjs');
16
- require('../__chunks/56NPFF7P.cjs');
17
17
  require('../__chunks/NR3SJH64.cjs');
18
18
  require('../__chunks/GHWBKA6H.cjs');
19
19
  require('../__chunks/EE6OIU6X.cjs');
20
20
  require('../__chunks/X2GXTE3P.cjs');
21
21
  require('../__chunks/SOPRUU56.cjs');
22
+ require('../__chunks/WWDX5YPG.cjs');
23
+ require('../__chunks/C7Y26CUV.cjs');
24
+ require('../__chunks/NS56XHXG.cjs');
22
25
  require('../__chunks/CQSUIL2D.cjs');
23
26
  require('../__chunks/N2VCZZLP.cjs');
27
+ require('../__chunks/5P6HRGY6.cjs');
28
+ require('../__chunks/EM2PMFEW.cjs');
24
29
  require('../__chunks/W5PBA4D6.cjs');
25
30
  require('../__chunks/NVBNDB5B.cjs');
26
31
  require('../__chunks/LHHW5ZQP.cjs');
27
- require('../__chunks/PFD4TS6B.cjs');
28
- require('../__chunks/C7Y26CUV.cjs');
29
- require('../__chunks/NS56XHXG.cjs');
30
- require('../__chunks/EM2PMFEW.cjs');
31
32
  require('../__chunks/QTPUX3NM.cjs');
32
33
  require('../__chunks/7NAIPZYN.cjs');
33
34
  require('../__chunks/NREUHWTU.cjs');
@@ -36,4 +37,4 @@ require('../__chunks/6455U47T.cjs');
36
37
 
37
38
 
38
39
 
39
- exports.Hovercard = _DCDTT7UYcjs.Hovercard; exports.useHovercard = _DCDTT7UYcjs.useHovercard;
40
+ exports.Hovercard = _A6ZSQXNQcjs.Hovercard; exports.useHovercard = _A6ZSQXNQcjs.useHovercard;
@@ -3,11 +3,11 @@
3
3
  var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
4
4
 
5
5
 
6
- var _5I6IQHKQcjs = require('../__chunks/5I6IQHKQ.cjs');
6
+ var _BIPONQXEcjs = require('../__chunks/BIPONQXE.cjs');
7
7
  require('../__chunks/KLZID3QO.cjs');
8
+ require('../__chunks/NVMBKFRB.cjs');
8
9
  require('../__chunks/NVBNDB5B.cjs');
9
10
  require('../__chunks/LHHW5ZQP.cjs');
10
- require('../__chunks/NVMBKFRB.cjs');
11
11
 
12
12
 
13
13
 
@@ -41,7 +41,7 @@ var useMenuBar = _7NAIPZYNcjs.createHook.call(void 0,
41
41
  "aria-orientation": orientation
42
42
  }, props);
43
43
  }
44
- props = _5I6IQHKQcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, composite }, props));
44
+ props = _BIPONQXEcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, composite }, props));
45
45
  return props;
46
46
  }
47
47
  );
@@ -1,8 +1,5 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _5C3EJRAKcjs = require('../__chunks/5C3EJRAK.cjs');
4
-
5
-
6
3
 
7
4
  var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
8
5
 
@@ -10,20 +7,23 @@ var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
10
7
  var _KFXK3MNIcjs = require('../__chunks/KFXK3MNI.cjs');
11
8
 
12
9
 
13
- var _OV363CW6cjs = require('../__chunks/OV363CW6.cjs');
10
+ var _BDJYHP43cjs = require('../__chunks/BDJYHP43.cjs');
14
11
  require('../__chunks/WUH43WQ5.cjs');
15
12
  require('../__chunks/GE4P5OCB.cjs');
13
+ require('../__chunks/CCVWD45Y.cjs');
16
14
  require('../__chunks/2DVMVYK2.cjs');
17
15
 
18
16
 
19
17
  var _HVQRVCAScjs = require('../__chunks/HVQRVCAS.cjs');
20
- require('../__chunks/W5PBA4D6.cjs');
21
- require('../__chunks/CCVWD45Y.cjs');
18
+
19
+
20
+ var _5C3EJRAKcjs = require('../__chunks/5C3EJRAK.cjs');
22
21
  require('../__chunks/DASOL6J2.cjs');
23
22
  require('../__chunks/KLZID3QO.cjs');
23
+ require('../__chunks/NVMBKFRB.cjs');
24
+ require('../__chunks/W5PBA4D6.cjs');
24
25
  require('../__chunks/NVBNDB5B.cjs');
25
26
  require('../__chunks/LHHW5ZQP.cjs');
26
- require('../__chunks/NVMBKFRB.cjs');
27
27
 
28
28
 
29
29
 
@@ -156,7 +156,7 @@ var useMenuButton = _7NAIPZYNcjs.createHook.call(void 0,
156
156
  return parentIsMenuBar && _KFXK3MNIcjs.hasExpandedMenuButton.call(void 0, items);
157
157
  }
158
158
  }));
159
- props = _OV363CW6cjs.usePopoverDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
159
+ props = _BDJYHP43cjs.usePopoverDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
160
160
  store,
161
161
  toggleOnClick: !hasParentMenu,
162
162
  focusable,
@@ -4,8 +4,8 @@ var _4OKO2MSEcjs = require('../__chunks/4OKO2MSE.cjs');
4
4
  require('../__chunks/WA6EKMUL.cjs');
5
5
  require('../__chunks/KJ6JFZDM.cjs');
6
6
  require('../__chunks/2DVMVYK2.cjs');
7
- require('../__chunks/N2VCZZLP.cjs');
8
7
  require('../__chunks/DASOL6J2.cjs');
8
+ require('../__chunks/N2VCZZLP.cjs');
9
9
  require('../__chunks/NVBNDB5B.cjs');
10
10
  require('../__chunks/LHHW5ZQP.cjs');
11
11
 
@@ -18,9 +18,9 @@ require('../__chunks/DASOL6J2.cjs');
18
18
  require('../__chunks/3FTPSHLH.cjs');
19
19
  require('../__chunks/ZQAFJQIS.cjs');
20
20
  require('../__chunks/KLZID3QO.cjs');
21
+ require('../__chunks/NVMBKFRB.cjs');
21
22
  require('../__chunks/NVBNDB5B.cjs');
22
23
  require('../__chunks/LHHW5ZQP.cjs');
23
- require('../__chunks/NVMBKFRB.cjs');
24
24
 
25
25
 
26
26
 
@@ -16,9 +16,9 @@ require('../__chunks/DASOL6J2.cjs');
16
16
  require('../__chunks/3FTPSHLH.cjs');
17
17
  require('../__chunks/ZQAFJQIS.cjs');
18
18
  require('../__chunks/KLZID3QO.cjs');
19
+ require('../__chunks/NVMBKFRB.cjs');
19
20
  require('../__chunks/NVBNDB5B.cjs');
20
21
  require('../__chunks/LHHW5ZQP.cjs');
21
- require('../__chunks/NVMBKFRB.cjs');
22
22
 
23
23
 
24
24
 
@@ -10,9 +10,9 @@ require('../__chunks/DASOL6J2.cjs');
10
10
  require('../__chunks/3FTPSHLH.cjs');
11
11
  require('../__chunks/ZQAFJQIS.cjs');
12
12
  require('../__chunks/KLZID3QO.cjs');
13
+ require('../__chunks/NVMBKFRB.cjs');
13
14
  require('../__chunks/NVBNDB5B.cjs');
14
15
  require('../__chunks/LHHW5ZQP.cjs');
15
- require('../__chunks/NVMBKFRB.cjs');
16
16
  require('../__chunks/7NAIPZYN.cjs');
17
17
  require('../__chunks/F7HVNVHQ.cjs');
18
18
  require('../__chunks/NREUHWTU.cjs');
@@ -1,14 +1,14 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _RHO5OVPEcjs = require('../__chunks/RHO5OVPE.cjs');
4
+ var _GRL5KGV3cjs = require('../__chunks/GRL5KGV3.cjs');
5
5
  require('../__chunks/MPFAD3UK.cjs');
6
6
  require('../__chunks/HVQRVCAS.cjs');
7
- require('../__chunks/5I6IQHKQ.cjs');
7
+ require('../__chunks/BIPONQXE.cjs');
8
8
  require('../__chunks/KLZID3QO.cjs');
9
+ require('../__chunks/NVMBKFRB.cjs');
9
10
  require('../__chunks/NVBNDB5B.cjs');
10
11
  require('../__chunks/LHHW5ZQP.cjs');
11
- require('../__chunks/NVMBKFRB.cjs');
12
12
  require('../__chunks/7NAIPZYN.cjs');
13
13
  require('../__chunks/F7HVNVHQ.cjs');
14
14
  require('../__chunks/NREUHWTU.cjs');
@@ -17,4 +17,4 @@ require('../__chunks/6455U47T.cjs');
17
17
 
18
18
 
19
19
 
20
- exports.MenuList = _RHO5OVPEcjs.MenuList; exports.useMenuList = _RHO5OVPEcjs.useMenuList;
20
+ exports.MenuList = _GRL5KGV3cjs.MenuList; exports.useMenuList = _GRL5KGV3cjs.useMenuList;
@@ -1,17 +1,17 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
2
2
 
3
3
 
4
- var _XFZ3MEQZcjs = require('../__chunks/XFZ3MEQZ.cjs');
5
-
6
-
7
-
8
4
  var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
9
5
 
10
6
 
11
7
 
12
8
  var _EXKBMUPCcjs = require('../__chunks/EXKBMUPC.cjs');
13
9
  require('../__chunks/KZLZWIJN.cjs');
14
- require('../__chunks/AUDANYMJ.cjs');
10
+
11
+
12
+
13
+ var _27JG67F3cjs = require('../__chunks/27JG67F3.cjs');
14
+ require('../__chunks/W2XKIB23.cjs');
15
15
  require('../__chunks/RD47UJK7.cjs');
16
16
  require('../__chunks/P7TWEJ6I.cjs');
17
17
 
@@ -41,7 +41,7 @@ function useMenuStoreOptions(props) {
41
41
  );
42
42
  const parentIsMenuBar = !!parentMenuBar && !parentMenu;
43
43
  const timeout = parentIsMenuBar ? 0 : 150;
44
- return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, _EXKBMUPCcjs.useCompositeStoreOptions.call(void 0, props)), _XFZ3MEQZcjs.useHovercardStoreOptions.call(void 0, props)), {
44
+ return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, _EXKBMUPCcjs.useCompositeStoreOptions.call(void 0, props)), _27JG67F3cjs.useHovercardStoreOptions.call(void 0, props)), {
45
45
  // TODO: Pass parent prop and remove these default values
46
46
  values: (_d = (_c = props.values) != null ? _c : state == null ? void 0 : state.values) != null ? _d : props.defaultValues,
47
47
  timeout: (_f = (_e = props.timeout) != null ? _e : state == null ? void 0 : state.timeout) != null ? _f : timeout,
@@ -51,7 +51,7 @@ function useMenuStoreOptions(props) {
51
51
  function useMenuStoreProps(store, props) {
52
52
  const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
53
53
  store = _EXKBMUPCcjs.useCompositeStoreProps.call(void 0, store, props);
54
- store = _XFZ3MEQZcjs.useHovercardStoreProps.call(void 0, store, props);
54
+ store = _27JG67F3cjs.useHovercardStoreProps.call(void 0, store, props);
55
55
  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
56
56
  return _react.useMemo.call(void 0,
57
57
  () => _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, store), {
@@ -8,13 +8,6 @@ export declare function useMenuStoreOptions<T extends Values = Values>(props: Me
8
8
  values: T | undefined;
9
9
  timeout: number;
10
10
  placement: (("left" | "right" | "bottom" | "top") | "left-start" | "right-start" | "bottom-start" | "top-start" | "left-end" | "right-end" | "bottom-end" | "top-end") | undefined;
11
- getAnchorRect: ((anchor: HTMLElement | null) => {
12
- x?: number | undefined;
13
- y?: number | undefined;
14
- width?: number | undefined;
15
- height?: number | undefined;
16
- } | null) | undefined;
17
- renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
18
11
  setOpen?: ((open: boolean) => void) | undefined;
19
12
  defaultOpen?: boolean | undefined;
20
13
  open?: boolean | undefined;