@ariakit/react-core 0.1.8 → 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 (151) hide show
  1. package/CHANGELOG.md +96 -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/{YYKQBWQQ.cjs → A6ZSQXNQ.cjs} +2 -2
  6. package/cjs/__chunks/{OMM6PC3A.cjs → D3EUPD6P.cjs} +15 -4
  7. package/cjs/__chunks/{IRSBF3C5.cjs → GOXUG4RX.cjs} +23 -18
  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 +9 -8
  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 +9 -8
  22. package/cjs/composite/composite.cjs +3 -3
  23. package/cjs/dialog/dialog-backdrop.cjs +3 -2
  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 +8 -7
  27. package/cjs/dialog/dialog.d.ts +19 -6
  28. package/cjs/form/form-radio.cjs +1 -1
  29. package/cjs/hovercard/hovercard-dismiss.cjs +1 -1
  30. package/cjs/hovercard/hovercard-store.cjs +3 -3
  31. package/cjs/hovercard/hovercard-store.d.ts +1 -13
  32. package/cjs/hovercard/hovercard.cjs +10 -9
  33. package/cjs/menu/menu-bar.cjs +3 -3
  34. package/cjs/menu/menu-button.cjs +8 -8
  35. package/cjs/menu/menu-dismiss.cjs +1 -1
  36. package/cjs/menu/menu-item-checkbox.cjs +1 -1
  37. package/cjs/menu/menu-item-radio.cjs +1 -1
  38. package/cjs/menu/menu-item.cjs +1 -1
  39. package/cjs/menu/menu-list.cjs +4 -4
  40. package/cjs/menu/menu-store.cjs +7 -7
  41. package/cjs/menu/menu-store.d.ts +0 -7
  42. package/cjs/menu/menu.cjs +18 -17
  43. package/cjs/popover/popover-disclosure.cjs +4 -4
  44. package/cjs/popover/popover-dismiss.cjs +1 -1
  45. package/cjs/popover/popover-store.cjs +2 -2
  46. package/cjs/popover/popover-store.d.ts +1 -13
  47. package/cjs/popover/popover.cjs +9 -8
  48. package/cjs/popover/popover.d.ts +96 -0
  49. package/cjs/portal/portal.cjs +2 -2
  50. package/cjs/radio/radio-group.cjs +3 -3
  51. package/cjs/radio/radio.cjs +1 -1
  52. package/cjs/role/role.cjs +3 -14
  53. package/cjs/select/select-item.cjs +1 -1
  54. package/cjs/select/select-list.cjs +4 -4
  55. package/cjs/select/select-popover.cjs +18 -17
  56. package/cjs/select/select-store.cjs +3 -3
  57. package/cjs/select/select-store.d.ts +0 -7
  58. package/cjs/select/select.cjs +5 -5
  59. package/cjs/tab/tab-list.cjs +3 -3
  60. package/cjs/tab/tab-panel.cjs +3 -3
  61. package/cjs/tab/tab.cjs +1 -1
  62. package/cjs/toolbar/toolbar-container.cjs +1 -1
  63. package/cjs/toolbar/toolbar-input.cjs +1 -1
  64. package/cjs/toolbar/toolbar-item.cjs +1 -1
  65. package/cjs/toolbar/toolbar.cjs +3 -3
  66. package/cjs/tooltip/tooltip-anchor.cjs +58 -28
  67. package/cjs/tooltip/tooltip-anchor.d.ts +2 -18
  68. package/cjs/tooltip/tooltip-store.cjs +4 -3
  69. package/cjs/tooltip/tooltip-store.d.ts +5 -17
  70. package/cjs/tooltip/tooltip.cjs +66 -67
  71. package/cjs/tooltip/tooltip.d.ts +6 -25
  72. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  73. package/esm/__chunks/{USCWE5QL.js → 2CA5JWPW.js} +28 -15
  74. package/esm/__chunks/5PIH3SMS.js +35 -0
  75. package/esm/__chunks/{PZK3B6LX.js → 776K5FXB.js} +1 -1
  76. package/esm/__chunks/{DQSQP4IL.js → GDDVBILZ.js} +1 -1
  77. package/esm/__chunks/{CXDKC5CW.js → HJWYYQGA.js} +1 -1
  78. package/esm/__chunks/{3FKA4P4C.js → K5R24MFH.js} +1 -1
  79. package/esm/__chunks/MLEIJKSM.js +363 -0
  80. package/esm/__chunks/{ZFMAA4DD.js → MR75RQGW.js} +16 -5
  81. package/esm/__chunks/{EMZ4NQG4.js → NAG6UD2X.js} +25 -20
  82. package/esm/__chunks/XIACQCPS.js +21 -0
  83. package/esm/combobox/combobox-item.js +1 -1
  84. package/esm/combobox/combobox-popover.js +8 -7
  85. package/esm/combobox/combobox-store.d.ts +0 -7
  86. package/esm/combobox/combobox-store.js +1 -1
  87. package/esm/combobox/combobox.js +2 -2
  88. package/esm/composite/composite-item.js +1 -1
  89. package/esm/composite/composite-overflow-disclosure.js +4 -4
  90. package/esm/composite/composite-overflow-store.d.ts +1 -13
  91. package/esm/composite/composite-overflow-store.js +1 -1
  92. package/esm/composite/composite-overflow.js +8 -7
  93. package/esm/composite/composite.js +2 -2
  94. package/esm/dialog/dialog-backdrop.d.ts +2 -5
  95. package/esm/dialog/dialog-backdrop.js +2 -1
  96. package/esm/dialog/dialog-dismiss.js +1 -1
  97. package/esm/dialog/dialog.d.ts +19 -6
  98. package/esm/dialog/dialog.js +7 -6
  99. package/esm/form/form-radio.js +1 -1
  100. package/esm/hovercard/hovercard-dismiss.js +1 -1
  101. package/esm/hovercard/hovercard-store.d.ts +1 -13
  102. package/esm/hovercard/hovercard-store.js +2 -2
  103. package/esm/hovercard/hovercard.js +9 -8
  104. package/esm/menu/menu-bar.js +2 -2
  105. package/esm/menu/menu-button.js +7 -7
  106. package/esm/menu/menu-dismiss.js +1 -1
  107. package/esm/menu/menu-item-checkbox.js +1 -1
  108. package/esm/menu/menu-item-radio.js +1 -1
  109. package/esm/menu/menu-item.js +1 -1
  110. package/esm/menu/menu-list.js +3 -3
  111. package/esm/menu/menu-store.d.ts +0 -7
  112. package/esm/menu/menu-store.js +5 -5
  113. package/esm/menu/menu.js +17 -16
  114. package/esm/popover/popover-disclosure.js +3 -3
  115. package/esm/popover/popover-dismiss.js +1 -1
  116. package/esm/popover/popover-store.d.ts +1 -13
  117. package/esm/popover/popover-store.js +1 -1
  118. package/esm/popover/popover.d.ts +96 -0
  119. package/esm/popover/popover.js +8 -7
  120. package/esm/portal/portal.js +1 -1
  121. package/esm/radio/radio-group.js +2 -2
  122. package/esm/radio/radio.js +1 -1
  123. package/esm/role/role.js +4 -15
  124. package/esm/select/select-item.js +1 -1
  125. package/esm/select/select-list.js +3 -3
  126. package/esm/select/select-popover.js +16 -15
  127. package/esm/select/select-store.d.ts +0 -7
  128. package/esm/select/select-store.js +1 -1
  129. package/esm/select/select.js +4 -4
  130. package/esm/tab/tab-list.js +2 -2
  131. package/esm/tab/tab-panel.js +3 -3
  132. package/esm/tab/tab.js +1 -1
  133. package/esm/toolbar/toolbar-container.js +1 -1
  134. package/esm/toolbar/toolbar-input.js +1 -1
  135. package/esm/toolbar/toolbar-item.js +1 -1
  136. package/esm/toolbar/toolbar.js +2 -2
  137. package/esm/tooltip/tooltip-anchor.d.ts +2 -18
  138. package/esm/tooltip/tooltip-anchor.js +59 -29
  139. package/esm/tooltip/tooltip-store.d.ts +5 -17
  140. package/esm/tooltip/tooltip-store.js +6 -5
  141. package/esm/tooltip/tooltip.d.ts +6 -25
  142. package/esm/tooltip/tooltip.js +67 -68
  143. package/esm/tsconfig.build.tsbuildinfo +1 -1
  144. package/package.json +3 -2
  145. package/cjs/__chunks/JZRGYPLK.cjs +0 -125
  146. package/esm/__chunks/JJHXFKMC.js +0 -125
  147. package/esm/__chunks/SHGWT5HV.js +0 -54
  148. package/cjs/__chunks/{OV363CW6.cjs → BDJYHP43.cjs} +2 -2
  149. package/cjs/__chunks/{5I6IQHKQ.cjs → BIPONQXE.cjs} +2 -2
  150. package/esm/__chunks/{OY5YT7OV.js → RTOWJJVI.js} +3 -3
  151. package/esm/__chunks/{6O3TZMB4.js → U2KSDJ3W.js} +3 -3
@@ -0,0 +1,21 @@
1
+ import {
2
+ createComponent,
3
+ createElement,
4
+ createHook
5
+ } from "./5ETIGB6O.js";
6
+
7
+ // src/role/role.ts
8
+ var useRole = createHook((props) => {
9
+ return props;
10
+ });
11
+ var Role = createComponent((props) => {
12
+ return createElement("div", props);
13
+ });
14
+ if (process.env.NODE_ENV !== "production") {
15
+ Role.displayName = "Role";
16
+ }
17
+
18
+ export {
19
+ useRole,
20
+ Role
21
+ };
@@ -12,9 +12,9 @@ import "../__chunks/4QNHBDVS.js";
12
12
  import "../__chunks/X7UZWWYG.js";
13
13
  import "../__chunks/T3DJZG63.js";
14
14
  import "../__chunks/OXPV2NBK.js";
15
+ import "../__chunks/Z3X3QN6P.js";
15
16
  import "../__chunks/AGWM73EZ.js";
16
17
  import "../__chunks/BMLNRUFQ.js";
17
- import "../__chunks/Z3X3QN6P.js";
18
18
  import {
19
19
  createElement,
20
20
  createHook,
@@ -4,9 +4,9 @@ import {
4
4
  import "../__chunks/5VGBBGF5.js";
5
5
  import {
6
6
  usePopover
7
- } from "../__chunks/JJHXFKMC.js";
8
- import "../__chunks/EMZ4NQG4.js";
9
- import "../__chunks/ZFMAA4DD.js";
7
+ } from "../__chunks/MLEIJKSM.js";
8
+ import "../__chunks/NAG6UD2X.js";
9
+ import "../__chunks/MR75RQGW.js";
10
10
  import "../__chunks/4H6H5RRM.js";
11
11
  import "../__chunks/7A3SODQV.js";
12
12
  import "../__chunks/RBUEJWRA.js";
@@ -20,15 +20,16 @@ import "../__chunks/6WVG5KFF.js";
20
20
  import "../__chunks/ISPCL6N4.js";
21
21
  import "../__chunks/7JNF6I52.js";
22
22
  import "../__chunks/6OMX4H3W.js";
23
+ import "../__chunks/2CA5JWPW.js";
24
+ import "../__chunks/DIO64N2C.js";
25
+ import "../__chunks/LDDPB3PY.js";
23
26
  import "../__chunks/COQHFAEN.js";
24
27
  import "../__chunks/LNHZLQEK.js";
28
+ import "../__chunks/XIACQCPS.js";
29
+ import "../__chunks/6AJCHLAV.js";
25
30
  import "../__chunks/6GS36SYX.js";
26
31
  import "../__chunks/AGWM73EZ.js";
27
32
  import "../__chunks/BMLNRUFQ.js";
28
- import "../__chunks/USCWE5QL.js";
29
- import "../__chunks/DIO64N2C.js";
30
- import "../__chunks/LDDPB3PY.js";
31
- import "../__chunks/6AJCHLAV.js";
32
33
  import "../__chunks/JQEVJM46.js";
33
34
  import {
34
35
  createComponent,
@@ -3,13 +3,6 @@ import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreStat
3
3
  import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
4
4
  import type { Store } from "../utils/store.js";
5
5
  export declare function useComboboxStoreOptions(props: ComboboxStoreProps): {
6
- getAnchorRect: ((anchor: HTMLElement | null) => {
7
- x?: number | undefined;
8
- y?: number | undefined;
9
- width?: number | undefined;
10
- height?: number | undefined;
11
- } | null) | undefined;
12
- renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
13
6
  setOpen?: ((open: boolean) => void) | undefined;
14
7
  defaultOpen?: boolean | undefined;
15
8
  open?: boolean | undefined;
@@ -6,7 +6,7 @@ import "../__chunks/MEYEPL2D.js";
6
6
  import {
7
7
  usePopoverStoreOptions,
8
8
  usePopoverStoreProps
9
- } from "../__chunks/SHGWT5HV.js";
9
+ } from "../__chunks/5PIH3SMS.js";
10
10
  import "../__chunks/OBNQHP6V.js";
11
11
  import "../__chunks/HN4VMOUI.js";
12
12
  import {
@@ -3,11 +3,11 @@ import {
3
3
  } from "../__chunks/D6NPK2DL.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/OY5YT7OV.js";
6
+ } from "../__chunks/RTOWJJVI.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
+ import "../__chunks/Z3X3QN6P.js";
8
9
  import "../__chunks/AGWM73EZ.js";
9
10
  import "../__chunks/BMLNRUFQ.js";
10
- import "../__chunks/Z3X3QN6P.js";
11
11
  import {
12
12
  createComponent,
13
13
  createElement,
@@ -6,9 +6,9 @@ import "../__chunks/4QNHBDVS.js";
6
6
  import "../__chunks/X7UZWWYG.js";
7
7
  import "../__chunks/T3DJZG63.js";
8
8
  import "../__chunks/OXPV2NBK.js";
9
+ import "../__chunks/Z3X3QN6P.js";
9
10
  import "../__chunks/AGWM73EZ.js";
10
11
  import "../__chunks/BMLNRUFQ.js";
11
- import "../__chunks/Z3X3QN6P.js";
12
12
  import "../__chunks/5ETIGB6O.js";
13
13
  import "../__chunks/AV5WE37O.js";
14
14
  import "../__chunks/ASYR66PQ.js";
@@ -1,11 +1,10 @@
1
1
  import {
2
2
  usePopoverDisclosure
3
- } from "../__chunks/6O3TZMB4.js";
3
+ } from "../__chunks/U2KSDJ3W.js";
4
4
  import "../__chunks/LSTZ5Q72.js";
5
5
  import "../__chunks/24P2K6AU.js";
6
- import "../__chunks/OQUXG6FE.js";
7
- import "../__chunks/6GS36SYX.js";
8
6
  import "../__chunks/D6NPK2DL.js";
7
+ import "../__chunks/OQUXG6FE.js";
9
8
  import {
10
9
  useCompositeItem
11
10
  } from "../__chunks/M32DI6TL.js";
@@ -13,9 +12,10 @@ import "../__chunks/4QNHBDVS.js";
13
12
  import "../__chunks/X7UZWWYG.js";
14
13
  import "../__chunks/T3DJZG63.js";
15
14
  import "../__chunks/OXPV2NBK.js";
15
+ import "../__chunks/Z3X3QN6P.js";
16
+ import "../__chunks/6GS36SYX.js";
16
17
  import "../__chunks/AGWM73EZ.js";
17
18
  import "../__chunks/BMLNRUFQ.js";
18
- import "../__chunks/Z3X3QN6P.js";
19
19
  import {
20
20
  createComponent,
21
21
  createElement,
@@ -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,7 +1,7 @@
1
1
  import {
2
2
  usePopoverStoreOptions,
3
3
  usePopoverStoreProps
4
- } from "../__chunks/SHGWT5HV.js";
4
+ } from "../__chunks/5PIH3SMS.js";
5
5
  import "../__chunks/OBNQHP6V.js";
6
6
  import "../__chunks/HN4VMOUI.js";
7
7
  import {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  usePopover
3
- } from "../__chunks/JJHXFKMC.js";
4
- import "../__chunks/EMZ4NQG4.js";
5
- import "../__chunks/ZFMAA4DD.js";
3
+ } from "../__chunks/MLEIJKSM.js";
4
+ import "../__chunks/NAG6UD2X.js";
5
+ import "../__chunks/MR75RQGW.js";
6
6
  import "../__chunks/4H6H5RRM.js";
7
7
  import "../__chunks/7A3SODQV.js";
8
8
  import "../__chunks/RBUEJWRA.js";
@@ -16,15 +16,16 @@ import "../__chunks/6WVG5KFF.js";
16
16
  import "../__chunks/ISPCL6N4.js";
17
17
  import "../__chunks/7JNF6I52.js";
18
18
  import "../__chunks/6OMX4H3W.js";
19
+ import "../__chunks/2CA5JWPW.js";
20
+ import "../__chunks/DIO64N2C.js";
21
+ import "../__chunks/LDDPB3PY.js";
19
22
  import "../__chunks/COQHFAEN.js";
20
23
  import "../__chunks/LNHZLQEK.js";
24
+ import "../__chunks/XIACQCPS.js";
25
+ import "../__chunks/6AJCHLAV.js";
21
26
  import "../__chunks/6GS36SYX.js";
22
27
  import "../__chunks/AGWM73EZ.js";
23
28
  import "../__chunks/BMLNRUFQ.js";
24
- import "../__chunks/USCWE5QL.js";
25
- import "../__chunks/DIO64N2C.js";
26
- import "../__chunks/LDDPB3PY.js";
27
- import "../__chunks/6AJCHLAV.js";
28
29
  import "../__chunks/JQEVJM46.js";
29
30
  import {
30
31
  createComponent,
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  Composite,
3
3
  useComposite
4
- } from "../__chunks/OY5YT7OV.js";
4
+ } from "../__chunks/RTOWJJVI.js";
5
5
  import "../__chunks/OXPV2NBK.js";
6
+ import "../__chunks/Z3X3QN6P.js";
6
7
  import "../__chunks/AGWM73EZ.js";
7
8
  import "../__chunks/BMLNRUFQ.js";
8
- import "../__chunks/Z3X3QN6P.js";
9
9
  import "../__chunks/5ETIGB6O.js";
10
10
  import "../__chunks/ASYR66PQ.js";
11
11
  import "../__chunks/SXC6BPOF.js";
@@ -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" | "hidden"> & {
4
- children?: ReactNode;
5
- };
6
- export declare function DialogBackdrop({ store, backdrop, backdropProps, hidden, children, }: DialogBackdropProps): import("react/jsx-runtime").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 {};
@@ -1,9 +1,10 @@
1
1
  import {
2
2
  DialogBackdrop
3
- } from "../__chunks/ZFMAA4DD.js";
3
+ } from "../__chunks/MR75RQGW.js";
4
4
  import "../__chunks/BH4YAZB2.js";
5
5
  import "../__chunks/DJESYNLE.js";
6
6
  import "../__chunks/ISPCL6N4.js";
7
+ import "../__chunks/XIACQCPS.js";
7
8
  import "../__chunks/6AJCHLAV.js";
8
9
  import "../__chunks/5ETIGB6O.js";
9
10
  import "../__chunks/ASYR66PQ.js";
@@ -3,8 +3,8 @@ import {
3
3
  useDialogDismiss
4
4
  } from "../__chunks/TSWOSEC5.js";
5
5
  import "../__chunks/OQUXG6FE.js";
6
- import "../__chunks/LNHZLQEK.js";
7
6
  import "../__chunks/4QNHBDVS.js";
7
+ import "../__chunks/LNHZLQEK.js";
8
8
  import "../__chunks/AGWM73EZ.js";
9
9
  import "../__chunks/BMLNRUFQ.js";
10
10
  import "../__chunks/5ETIGB6O.js";
@@ -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.
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  Dialog,
3
3
  useDialog
4
- } from "../__chunks/EMZ4NQG4.js";
5
- import "../__chunks/ZFMAA4DD.js";
4
+ } from "../__chunks/NAG6UD2X.js";
5
+ import "../__chunks/MR75RQGW.js";
6
6
  import "../__chunks/4H6H5RRM.js";
7
7
  import "../__chunks/7A3SODQV.js";
8
8
  import "../__chunks/RBUEJWRA.js";
@@ -16,14 +16,15 @@ import "../__chunks/6WVG5KFF.js";
16
16
  import "../__chunks/ISPCL6N4.js";
17
17
  import "../__chunks/7JNF6I52.js";
18
18
  import "../__chunks/6OMX4H3W.js";
19
+ import "../__chunks/2CA5JWPW.js";
20
+ import "../__chunks/DIO64N2C.js";
21
+ import "../__chunks/LDDPB3PY.js";
19
22
  import "../__chunks/COQHFAEN.js";
20
23
  import "../__chunks/LNHZLQEK.js";
24
+ import "../__chunks/XIACQCPS.js";
25
+ import "../__chunks/6AJCHLAV.js";
21
26
  import "../__chunks/AGWM73EZ.js";
22
27
  import "../__chunks/BMLNRUFQ.js";
23
- import "../__chunks/USCWE5QL.js";
24
- import "../__chunks/DIO64N2C.js";
25
- import "../__chunks/LDDPB3PY.js";
26
- import "../__chunks/6AJCHLAV.js";
27
28
  import "../__chunks/JQEVJM46.js";
28
29
  import "../__chunks/5ETIGB6O.js";
29
30
  import "../__chunks/ASYR66PQ.js";
@@ -13,9 +13,9 @@ import "../__chunks/4QNHBDVS.js";
13
13
  import "../__chunks/X7UZWWYG.js";
14
14
  import "../__chunks/T3DJZG63.js";
15
15
  import "../__chunks/OXPV2NBK.js";
16
+ import "../__chunks/Z3X3QN6P.js";
16
17
  import "../__chunks/AGWM73EZ.js";
17
18
  import "../__chunks/BMLNRUFQ.js";
18
- import "../__chunks/Z3X3QN6P.js";
19
19
  import {
20
20
  createElement,
21
21
  createHook,
@@ -5,8 +5,8 @@ import {
5
5
  import "../__chunks/PIRVQZZN.js";
6
6
  import "../__chunks/TSWOSEC5.js";
7
7
  import "../__chunks/OQUXG6FE.js";
8
- import "../__chunks/LNHZLQEK.js";
9
8
  import "../__chunks/4QNHBDVS.js";
9
+ import "../__chunks/LNHZLQEK.js";
10
10
  import "../__chunks/AGWM73EZ.js";
11
11
  import "../__chunks/BMLNRUFQ.js";
12
12
  import "../__chunks/5ETIGB6O.js";
@@ -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.
@@ -2,8 +2,8 @@ import {
2
2
  useHovercardStore,
3
3
  useHovercardStoreOptions,
4
4
  useHovercardStoreProps
5
- } from "../__chunks/3FKA4P4C.js";
6
- import "../__chunks/SHGWT5HV.js";
5
+ } from "../__chunks/K5R24MFH.js";
6
+ import "../__chunks/5PIH3SMS.js";
7
7
  import "../__chunks/OBNQHP6V.js";
8
8
  import "../__chunks/HN4VMOUI.js";
9
9
  import "../__chunks/AV5WE37O.js";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  Hovercard,
3
3
  useHovercard
4
- } from "../__chunks/CXDKC5CW.js";
4
+ } from "../__chunks/HJWYYQGA.js";
5
5
  import "../__chunks/X7FKJQME.js";
6
- import "../__chunks/JJHXFKMC.js";
7
- import "../__chunks/EMZ4NQG4.js";
8
- import "../__chunks/ZFMAA4DD.js";
6
+ import "../__chunks/MLEIJKSM.js";
7
+ import "../__chunks/NAG6UD2X.js";
8
+ import "../__chunks/MR75RQGW.js";
9
9
  import "../__chunks/4H6H5RRM.js";
10
10
  import "../__chunks/7A3SODQV.js";
11
11
  import "../__chunks/RBUEJWRA.js";
@@ -19,15 +19,16 @@ import "../__chunks/6WVG5KFF.js";
19
19
  import "../__chunks/ISPCL6N4.js";
20
20
  import "../__chunks/7JNF6I52.js";
21
21
  import "../__chunks/6OMX4H3W.js";
22
+ import "../__chunks/2CA5JWPW.js";
23
+ import "../__chunks/DIO64N2C.js";
24
+ import "../__chunks/LDDPB3PY.js";
22
25
  import "../__chunks/COQHFAEN.js";
23
26
  import "../__chunks/LNHZLQEK.js";
27
+ import "../__chunks/XIACQCPS.js";
28
+ import "../__chunks/6AJCHLAV.js";
24
29
  import "../__chunks/6GS36SYX.js";
25
30
  import "../__chunks/AGWM73EZ.js";
26
31
  import "../__chunks/BMLNRUFQ.js";
27
- import "../__chunks/USCWE5QL.js";
28
- import "../__chunks/DIO64N2C.js";
29
- import "../__chunks/LDDPB3PY.js";
30
- import "../__chunks/6AJCHLAV.js";
31
32
  import "../__chunks/JQEVJM46.js";
32
33
  import "../__chunks/5ETIGB6O.js";
33
34
  import "../__chunks/ASYR66PQ.js";
@@ -3,11 +3,11 @@ import {
3
3
  } from "../__chunks/HVBRRKV4.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/OY5YT7OV.js";
6
+ } from "../__chunks/RTOWJJVI.js";
7
7
  import "../__chunks/OXPV2NBK.js";
8
+ import "../__chunks/Z3X3QN6P.js";
8
9
  import "../__chunks/AGWM73EZ.js";
9
10
  import "../__chunks/BMLNRUFQ.js";
10
- import "../__chunks/Z3X3QN6P.js";
11
11
  import {
12
12
  createComponent,
13
13
  createElement,
@@ -1,6 +1,3 @@
1
- import {
2
- useHovercardAnchor
3
- } from "../__chunks/65MJJ4BW.js";
4
1
  import {
5
2
  MenuBarContext,
6
3
  MenuContext
@@ -10,20 +7,23 @@ import {
10
7
  } from "../__chunks/W7JXAQKF.js";
11
8
  import {
12
9
  usePopoverDisclosure
13
- } from "../__chunks/6O3TZMB4.js";
10
+ } from "../__chunks/U2KSDJ3W.js";
14
11
  import "../__chunks/LSTZ5Q72.js";
15
12
  import "../__chunks/24P2K6AU.js";
13
+ import "../__chunks/D6NPK2DL.js";
16
14
  import "../__chunks/OQUXG6FE.js";
17
15
  import {
18
16
  useCompositeTypeahead
19
17
  } from "../__chunks/KSVEVAMH.js";
20
- import "../__chunks/6GS36SYX.js";
21
- import "../__chunks/D6NPK2DL.js";
18
+ import {
19
+ useHovercardAnchor
20
+ } from "../__chunks/65MJJ4BW.js";
22
21
  import "../__chunks/4QNHBDVS.js";
23
22
  import "../__chunks/OXPV2NBK.js";
23
+ import "../__chunks/Z3X3QN6P.js";
24
+ import "../__chunks/6GS36SYX.js";
24
25
  import "../__chunks/AGWM73EZ.js";
25
26
  import "../__chunks/BMLNRUFQ.js";
26
- import "../__chunks/Z3X3QN6P.js";
27
27
  import {
28
28
  createComponent,
29
29
  createElement,
@@ -4,8 +4,8 @@ import {
4
4
  import "../__chunks/PIRVQZZN.js";
5
5
  import "../__chunks/TSWOSEC5.js";
6
6
  import "../__chunks/OQUXG6FE.js";
7
- import "../__chunks/LNHZLQEK.js";
8
7
  import "../__chunks/4QNHBDVS.js";
8
+ import "../__chunks/LNHZLQEK.js";
9
9
  import "../__chunks/AGWM73EZ.js";
10
10
  import "../__chunks/BMLNRUFQ.js";
11
11
  import {
@@ -18,9 +18,9 @@ import "../__chunks/4QNHBDVS.js";
18
18
  import "../__chunks/X7UZWWYG.js";
19
19
  import "../__chunks/T3DJZG63.js";
20
20
  import "../__chunks/OXPV2NBK.js";
21
+ import "../__chunks/Z3X3QN6P.js";
21
22
  import "../__chunks/AGWM73EZ.js";
22
23
  import "../__chunks/BMLNRUFQ.js";
23
- import "../__chunks/Z3X3QN6P.js";
24
24
  import {
25
25
  createElement,
26
26
  createHook,
@@ -16,9 +16,9 @@ import "../__chunks/4QNHBDVS.js";
16
16
  import "../__chunks/X7UZWWYG.js";
17
17
  import "../__chunks/T3DJZG63.js";
18
18
  import "../__chunks/OXPV2NBK.js";
19
+ import "../__chunks/Z3X3QN6P.js";
19
20
  import "../__chunks/AGWM73EZ.js";
20
21
  import "../__chunks/BMLNRUFQ.js";
21
- import "../__chunks/Z3X3QN6P.js";
22
22
  import {
23
23
  createElement,
24
24
  createHook,
@@ -10,9 +10,9 @@ import "../__chunks/4QNHBDVS.js";
10
10
  import "../__chunks/X7UZWWYG.js";
11
11
  import "../__chunks/T3DJZG63.js";
12
12
  import "../__chunks/OXPV2NBK.js";
13
+ import "../__chunks/Z3X3QN6P.js";
13
14
  import "../__chunks/AGWM73EZ.js";
14
15
  import "../__chunks/BMLNRUFQ.js";
15
- import "../__chunks/Z3X3QN6P.js";
16
16
  import "../__chunks/5ETIGB6O.js";
17
17
  import "../__chunks/AV5WE37O.js";
18
18
  import "../__chunks/ASYR66PQ.js";
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  MenuList,
3
3
  useMenuList
4
- } from "../__chunks/DQSQP4IL.js";
4
+ } from "../__chunks/GDDVBILZ.js";
5
5
  import "../__chunks/HVBRRKV4.js";
6
6
  import "../__chunks/KSVEVAMH.js";
7
- import "../__chunks/OY5YT7OV.js";
7
+ import "../__chunks/RTOWJJVI.js";
8
8
  import "../__chunks/OXPV2NBK.js";
9
+ import "../__chunks/Z3X3QN6P.js";
9
10
  import "../__chunks/AGWM73EZ.js";
10
11
  import "../__chunks/BMLNRUFQ.js";
11
- import "../__chunks/Z3X3QN6P.js";
12
12
  import "../__chunks/5ETIGB6O.js";
13
13
  import "../__chunks/AV5WE37O.js";
14
14
  import "../__chunks/ASYR66PQ.js";
@@ -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;
@@ -1,7 +1,3 @@
1
- import {
2
- useHovercardStoreOptions,
3
- useHovercardStoreProps
4
- } from "../__chunks/3FKA4P4C.js";
5
1
  import {
6
2
  MenuBarContext,
7
3
  MenuContext
@@ -11,7 +7,11 @@ import {
11
7
  useCompositeStoreProps
12
8
  } from "../__chunks/SSM4B45D.js";
13
9
  import "../__chunks/MEYEPL2D.js";
14
- import "../__chunks/SHGWT5HV.js";
10
+ import {
11
+ useHovercardStoreOptions,
12
+ useHovercardStoreProps
13
+ } from "../__chunks/K5R24MFH.js";
14
+ import "../__chunks/5PIH3SMS.js";
15
15
  import "../__chunks/OBNQHP6V.js";
16
16
  import "../__chunks/HN4VMOUI.js";
17
17
  import {
package/esm/menu/menu.js CHANGED
@@ -1,17 +1,21 @@
1
- import {
2
- useHovercard
3
- } from "../__chunks/CXDKC5CW.js";
4
- import "../__chunks/X7FKJQME.js";
5
1
  import {
6
2
  useMenuList
7
- } from "../__chunks/DQSQP4IL.js";
3
+ } from "../__chunks/GDDVBILZ.js";
8
4
  import {
9
5
  MenuBarContext,
10
6
  MenuContext
11
7
  } from "../__chunks/HVBRRKV4.js";
12
- import "../__chunks/JJHXFKMC.js";
13
- import "../__chunks/EMZ4NQG4.js";
14
- import "../__chunks/ZFMAA4DD.js";
8
+ import "../__chunks/KSVEVAMH.js";
9
+ import "../__chunks/RTOWJJVI.js";
10
+ import "../__chunks/OXPV2NBK.js";
11
+ import "../__chunks/Z3X3QN6P.js";
12
+ import {
13
+ useHovercard
14
+ } from "../__chunks/HJWYYQGA.js";
15
+ import "../__chunks/X7FKJQME.js";
16
+ import "../__chunks/MLEIJKSM.js";
17
+ import "../__chunks/NAG6UD2X.js";
18
+ import "../__chunks/MR75RQGW.js";
15
19
  import "../__chunks/4H6H5RRM.js";
16
20
  import "../__chunks/7A3SODQV.js";
17
21
  import "../__chunks/RBUEJWRA.js";
@@ -25,19 +29,16 @@ import "../__chunks/6WVG5KFF.js";
25
29
  import "../__chunks/ISPCL6N4.js";
26
30
  import "../__chunks/7JNF6I52.js";
27
31
  import "../__chunks/6OMX4H3W.js";
32
+ import "../__chunks/2CA5JWPW.js";
33
+ import "../__chunks/DIO64N2C.js";
34
+ import "../__chunks/LDDPB3PY.js";
28
35
  import "../__chunks/COQHFAEN.js";
29
36
  import "../__chunks/LNHZLQEK.js";
30
- import "../__chunks/KSVEVAMH.js";
37
+ import "../__chunks/XIACQCPS.js";
38
+ import "../__chunks/6AJCHLAV.js";
31
39
  import "../__chunks/6GS36SYX.js";
32
- import "../__chunks/OY5YT7OV.js";
33
- import "../__chunks/OXPV2NBK.js";
34
40
  import "../__chunks/AGWM73EZ.js";
35
41
  import "../__chunks/BMLNRUFQ.js";
36
- import "../__chunks/Z3X3QN6P.js";
37
- import "../__chunks/USCWE5QL.js";
38
- import "../__chunks/DIO64N2C.js";
39
- import "../__chunks/LDDPB3PY.js";
40
- import "../__chunks/6AJCHLAV.js";
41
42
  import "../__chunks/JQEVJM46.js";
42
43
  import {
43
44
  createComponent,