@ariakit/react-core 0.2.14 → 0.2.16

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 (203) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/cjs/__chunks/{GHDSJPDP.cjs → 2CBM6TG2.cjs} +9 -1
  3. package/cjs/__chunks/{JQNHOFVL.cjs → 4PH5LF7R.cjs} +4 -4
  4. package/cjs/__chunks/{IMHF4TCR.cjs → 5SFIKBWF.cjs} +2 -2
  5. package/cjs/__chunks/{XE2DJMCI.cjs → 6BAHKJ5K.cjs} +14 -20
  6. package/cjs/__chunks/{G2UVEERG.cjs → AHLK6SVF.cjs} +10 -10
  7. package/cjs/__chunks/{GICQ7PSP.cjs → BIJBAZHT.cjs} +2 -2
  8. package/cjs/__chunks/{AMRCH2Z5.cjs → BW4OCE2W.cjs} +4 -4
  9. package/cjs/__chunks/{ZWMVFMQY.cjs → CHVOMF22.cjs} +4 -4
  10. package/cjs/__chunks/{FWCSM5BC.cjs → CY7GQARX.cjs} +13 -13
  11. package/cjs/__chunks/{SIVNE3PR.cjs → ETK4FMZH.cjs} +12 -12
  12. package/cjs/__chunks/{FNDPLH5R.cjs → EVXAMK7D.cjs} +6 -8
  13. package/cjs/__chunks/{KD3RAGO6.cjs → EWI7RF64.cjs} +5 -5
  14. package/cjs/__chunks/{LE4VG2T4.cjs → EYVMZOCS.cjs} +8 -8
  15. package/cjs/__chunks/{O22LNQHS.cjs → FA3DXDDT.cjs} +2 -2
  16. package/cjs/__chunks/{JMBF4JHZ.cjs → FNKDTHTN.cjs} +4 -4
  17. package/cjs/__chunks/{LZV54A37.cjs → FVVV75ZK.cjs} +2 -2
  18. package/cjs/__chunks/{745H7MDU.cjs → GAQNLEPX.cjs} +6 -6
  19. package/cjs/__chunks/{FSADYSOP.cjs → HTEAWNBY.cjs} +14 -3
  20. package/cjs/__chunks/{HSFSIYIQ.cjs → JLC4GR5L.cjs} +2 -2
  21. package/cjs/__chunks/{HUVFPCMZ.cjs → KJBIRAH5.cjs} +24 -6
  22. package/cjs/__chunks/{OYXMXGQJ.cjs → KKAG47JR.cjs} +2 -2
  23. package/cjs/__chunks/{VBRBBWCP.cjs → NH6Q6YSM.cjs} +2 -2
  24. package/cjs/__chunks/{3MC2XJ5F.cjs → OHBR6IPU.cjs} +45 -33
  25. package/cjs/__chunks/{PRMEV7L5.cjs → PBJASQI6.cjs} +4 -4
  26. package/cjs/__chunks/{TFOIZV2V.cjs → PD5YFDLO.cjs} +3 -2
  27. package/cjs/__chunks/{IQIITEH3.cjs → QCWWP2P4.cjs} +2 -2
  28. package/cjs/__chunks/QW7NAUIX.cjs +113 -0
  29. package/cjs/__chunks/{63OBHNVT.cjs → VB7SPR3I.cjs} +7 -7
  30. package/cjs/__chunks/{LG6XOVBQ.cjs → VGBPLBUZ.cjs} +3 -3
  31. package/cjs/__chunks/{44MSVBJL.cjs → VKPXIX7D.cjs} +3 -3
  32. package/cjs/checkbox/checkbox-store.cjs +3 -3
  33. package/cjs/checkbox/checkbox.cjs +3 -3
  34. package/cjs/collection/collection-item.cjs +2 -2
  35. package/cjs/collection/collection-renderer.cjs +3 -3
  36. package/cjs/collection/collection-store.cjs +3 -3
  37. package/cjs/combobox/combobox-item.cjs +4 -4
  38. package/cjs/combobox/combobox-popover.cjs +12 -12
  39. package/cjs/combobox/combobox-store.cjs +11 -11
  40. package/cjs/combobox/combobox.cjs +3 -3
  41. package/cjs/composite/composite-container.cjs +3 -3
  42. package/cjs/composite/composite-item.cjs +4 -4
  43. package/cjs/composite/composite-overflow-disclosure.cjs +7 -6
  44. package/cjs/composite/composite-overflow-store.cjs +7 -7
  45. package/cjs/composite/composite-overflow.cjs +12 -12
  46. package/cjs/composite/composite-renderer.cjs +4 -4
  47. package/cjs/composite/composite-store.cjs +4 -4
  48. package/cjs/dialog/dialog-backdrop.cjs +6 -6
  49. package/cjs/dialog/dialog-store.cjs +4 -4
  50. package/cjs/dialog/dialog.cjs +11 -11
  51. package/cjs/dialog/utils/disable-accessibility-tree-outside.cjs +3 -3
  52. package/cjs/dialog/utils/disable-tree-outside.cjs +4 -4
  53. package/cjs/dialog/utils/mark-tree-outside.cjs +3 -3
  54. package/cjs/dialog/utils/use-hide-on-interact-outside.cjs +4 -4
  55. package/cjs/dialog/utils/use-hide-on-interact-outside.d.ts +1 -1
  56. package/cjs/dialog/utils/use-nested-dialogs.cjs +2 -2
  57. package/cjs/dialog/utils/walk-tree-outside.cjs +2 -2
  58. package/cjs/dialog/utils/walk-tree-outside.d.ts +1 -1
  59. package/cjs/disclosure/disclosure-store.cjs +3 -3
  60. package/cjs/focusable/focusable.d.ts +52 -13
  61. package/cjs/form/form-checkbox.cjs +8 -8
  62. package/cjs/form/form-description.cjs +2 -2
  63. package/cjs/form/form-error.cjs +2 -2
  64. package/cjs/form/form-field.cjs +3 -3
  65. package/cjs/form/form-input.cjs +3 -3
  66. package/cjs/form/form-label.cjs +2 -2
  67. package/cjs/form/form-push.cjs +2 -2
  68. package/cjs/form/form-radio.cjs +7 -7
  69. package/cjs/form/form-store.cjs +8 -8
  70. package/cjs/hovercard/hovercard-anchor.cjs +2 -2
  71. package/cjs/hovercard/hovercard-disclosure.cjs +12 -14
  72. package/cjs/hovercard/hovercard-store.cjs +6 -6
  73. package/cjs/hovercard/hovercard.cjs +13 -13
  74. package/cjs/menu/menu-bar-store.cjs +6 -6
  75. package/cjs/menu/menu-button.cjs +9 -6
  76. package/cjs/menu/menu-item-checkbox.cjs +9 -9
  77. package/cjs/menu/menu-item-radio.cjs +7 -7
  78. package/cjs/menu/menu-item.cjs +5 -5
  79. package/cjs/menu/menu-list.cjs +3 -3
  80. package/cjs/menu/menu-store.cjs +13 -13
  81. package/cjs/menu/menu.cjs +15 -15
  82. package/cjs/popover/popover-store.cjs +5 -5
  83. package/cjs/popover/popover.cjs +12 -12
  84. package/cjs/radio/radio-store.cjs +7 -7
  85. package/cjs/radio/radio.cjs +5 -5
  86. package/cjs/select/select-item.cjs +4 -4
  87. package/cjs/select/select-popover.cjs +12 -12
  88. package/cjs/select/select-renderer.cjs +7 -7
  89. package/cjs/select/select-store.cjs +11 -11
  90. package/cjs/tab/tab-panel.cjs +5 -5
  91. package/cjs/tab/tab-store.cjs +9 -9
  92. package/cjs/tab/tab.cjs +4 -4
  93. package/cjs/toolbar/toolbar-container.cjs +7 -7
  94. package/cjs/toolbar/toolbar-input.cjs +5 -5
  95. package/cjs/toolbar/toolbar-item.cjs +5 -5
  96. package/cjs/toolbar/toolbar-store.cjs +6 -6
  97. package/cjs/tooltip/tooltip-anchor.cjs +33 -20
  98. package/cjs/tooltip/tooltip-store.cjs +10 -10
  99. package/cjs/tooltip/tooltip.cjs +13 -13
  100. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  101. package/cjs/utils/store.cjs +2 -2
  102. package/esm/__chunks/{7J6H5Y2H.js → 432NLB7J.js} +2 -2
  103. package/esm/__chunks/{FV23EKJL.js → 5M4ITSXL.js} +3 -2
  104. package/esm/__chunks/{6RR2HJXR.js → 5PDNXTAR.js} +1 -1
  105. package/esm/__chunks/{QHXLY5NM.js → 5QHNNZNE.js} +1 -1
  106. package/esm/__chunks/{WEWVELT3.js → 6F6CCCKT.js} +1 -1
  107. package/esm/__chunks/{DCG3EYDE.js → 7SIWUER2.js} +2 -2
  108. package/esm/__chunks/{F6KX6FT7.js → CEBWVZJQ.js} +2 -2
  109. package/esm/__chunks/{DIA4OBYO.js → CU3AKJBN.js} +1 -1
  110. package/esm/__chunks/{5TTSBUCW.js → CYNFBMYS.js} +1 -1
  111. package/esm/__chunks/{4XWTU3WN.js → E5XSMSHD.js} +25 -7
  112. package/esm/__chunks/{6RGH36XF.js → EICJBDBV.js} +2 -2
  113. package/esm/__chunks/{WVP274TO.js → F6PEGR7W.js} +1 -1
  114. package/esm/__chunks/{WKNTOKYS.js → FSTINJD5.js} +1 -1
  115. package/esm/__chunks/{LUUMYNYQ.js → FW5SU7FV.js} +2 -2
  116. package/esm/__chunks/{CYJJUQU3.js → GDORSOK6.js} +1 -1
  117. package/esm/__chunks/{HCTED3MY.js → JD3UVZX5.js} +1 -1
  118. package/esm/__chunks/{HCZMY53N.js → LEBYH5FW.js} +13 -2
  119. package/esm/__chunks/{AR6DTI3S.js → NHPU54IO.js} +2 -2
  120. package/esm/__chunks/{RH5PYIJN.js → ORZC42PG.js} +5 -7
  121. package/esm/__chunks/{OEA63YXU.js → PLOINBVB.js} +14 -20
  122. package/esm/__chunks/{VKYM5S67.js → Q52PUUUL.js} +1 -1
  123. package/esm/__chunks/{HWFO52CA.js → QJUX534W.js} +2 -2
  124. package/esm/__chunks/{OOWNFOTF.js → QPTZ2G2N.js} +51 -28
  125. package/esm/__chunks/{NCSSU46J.js → R4VIEIUH.js} +1 -1
  126. package/esm/__chunks/{GADPWICI.js → TG7IDXTX.js} +38 -26
  127. package/esm/__chunks/{KRFS2JCI.js → TQ5BKSY4.js} +2 -2
  128. package/esm/__chunks/{C2N5FZMW.js → UKOZA6YP.js} +2 -2
  129. package/esm/__chunks/{HGFTMLQ7.js → VFNGSUSF.js} +13 -13
  130. package/esm/__chunks/{5PLAJI33.js → X5CHG5LF.js} +2 -2
  131. package/esm/__chunks/{I3PXTXPI.js → Y5XLHDDM.js} +9 -1
  132. package/esm/checkbox/checkbox-store.js +2 -2
  133. package/esm/checkbox/checkbox.js +2 -2
  134. package/esm/collection/collection-item.js +1 -1
  135. package/esm/collection/collection-renderer.js +2 -2
  136. package/esm/collection/collection-store.js +2 -2
  137. package/esm/combobox/combobox-item.js +3 -3
  138. package/esm/combobox/combobox-popover.js +11 -11
  139. package/esm/combobox/combobox-store.js +6 -6
  140. package/esm/combobox/combobox.js +3 -3
  141. package/esm/composite/composite-container.js +2 -2
  142. package/esm/composite/composite-item.js +3 -3
  143. package/esm/composite/composite-overflow-disclosure.js +6 -5
  144. package/esm/composite/composite-overflow-store.js +4 -4
  145. package/esm/composite/composite-overflow.js +11 -11
  146. package/esm/composite/composite-renderer.js +3 -3
  147. package/esm/composite/composite-store.js +3 -3
  148. package/esm/dialog/dialog-backdrop.js +5 -5
  149. package/esm/dialog/dialog-store.js +3 -3
  150. package/esm/dialog/dialog.js +10 -10
  151. package/esm/dialog/utils/disable-accessibility-tree-outside.js +2 -2
  152. package/esm/dialog/utils/disable-tree-outside.js +3 -3
  153. package/esm/dialog/utils/mark-tree-outside.js +2 -2
  154. package/esm/dialog/utils/use-hide-on-interact-outside.d.ts +1 -1
  155. package/esm/dialog/utils/use-hide-on-interact-outside.js +3 -3
  156. package/esm/dialog/utils/use-nested-dialogs.js +1 -1
  157. package/esm/dialog/utils/walk-tree-outside.d.ts +1 -1
  158. package/esm/dialog/utils/walk-tree-outside.js +1 -1
  159. package/esm/disclosure/disclosure-store.js +2 -2
  160. package/esm/focusable/focusable.d.ts +52 -13
  161. package/esm/form/form-checkbox.js +5 -5
  162. package/esm/form/form-description.js +1 -1
  163. package/esm/form/form-error.js +1 -1
  164. package/esm/form/form-field.js +2 -2
  165. package/esm/form/form-input.js +2 -2
  166. package/esm/form/form-label.js +1 -1
  167. package/esm/form/form-push.js +1 -1
  168. package/esm/form/form-radio.js +5 -5
  169. package/esm/form/form-store.js +2 -2
  170. package/esm/hovercard/hovercard-anchor.js +1 -1
  171. package/esm/hovercard/hovercard-disclosure.js +12 -14
  172. package/esm/hovercard/hovercard-store.js +5 -5
  173. package/esm/hovercard/hovercard.js +12 -12
  174. package/esm/menu/menu-bar-store.js +3 -3
  175. package/esm/menu/menu-button.js +7 -4
  176. package/esm/menu/menu-item-checkbox.js +6 -6
  177. package/esm/menu/menu-item-radio.js +5 -5
  178. package/esm/menu/menu-item.js +4 -4
  179. package/esm/menu/menu-list.js +2 -2
  180. package/esm/menu/menu-store.js +7 -7
  181. package/esm/menu/menu.js +13 -13
  182. package/esm/popover/popover-store.js +4 -4
  183. package/esm/popover/popover.js +11 -11
  184. package/esm/radio/radio-store.js +3 -3
  185. package/esm/radio/radio.js +4 -4
  186. package/esm/select/select-item.js +3 -3
  187. package/esm/select/select-popover.js +11 -11
  188. package/esm/select/select-renderer.js +3 -3
  189. package/esm/select/select-store.js +6 -6
  190. package/esm/tab/tab-panel.js +3 -3
  191. package/esm/tab/tab-store.js +3 -3
  192. package/esm/tab/tab.js +3 -3
  193. package/esm/toolbar/toolbar-container.js +5 -5
  194. package/esm/toolbar/toolbar-input.js +4 -4
  195. package/esm/toolbar/toolbar-item.js +4 -4
  196. package/esm/toolbar/toolbar-store.js +3 -3
  197. package/esm/tooltip/tooltip-anchor.js +34 -21
  198. package/esm/tooltip/tooltip-store.js +5 -5
  199. package/esm/tooltip/tooltip.js +12 -12
  200. package/esm/tsconfig.build.tsbuildinfo +1 -1
  201. package/esm/utils/store.js +1 -1
  202. package/package.json +2 -2
  203. package/cjs/__chunks/KLWT4P56.cjs +0 -90
@@ -1,25 +1,25 @@
1
1
  import {
2
2
  DialogBackdrop
3
- } from "./7J6H5Y2H.js";
3
+ } from "./432NLB7J.js";
4
4
  import {
5
5
  disableTreeOutside
6
- } from "./AR6DTI3S.js";
6
+ } from "./NHPU54IO.js";
7
7
  import {
8
8
  disableAccessibilityTreeOutside
9
- } from "./CYJJUQU3.js";
9
+ } from "./GDORSOK6.js";
10
10
  import {
11
11
  usePreventBodyScroll
12
12
  } from "./3LAWLNOX.js";
13
13
  import {
14
14
  useNestedDialogs
15
- } from "./OEA63YXU.js";
15
+ } from "./PLOINBVB.js";
16
16
  import {
17
17
  useHideOnInteractOutside
18
- } from "./4XWTU3WN.js";
18
+ } from "./E5XSMSHD.js";
19
19
  import {
20
20
  isElementMarked,
21
21
  markTreeOutside
22
- } from "./HCZMY53N.js";
22
+ } from "./LEBYH5FW.js";
23
23
  import {
24
24
  prependHiddenDismiss
25
25
  } from "./62DFK33R.js";
@@ -65,7 +65,7 @@ import {
65
65
  } from "./PNRLI7OV.js";
66
66
 
67
67
  // src/dialog/dialog.tsx
68
- import { useEffect, useRef, useState } from "react";
68
+ import { useCallback, useEffect, useRef, useState } from "react";
69
69
  import {
70
70
  closest,
71
71
  contains,
@@ -151,7 +151,7 @@ var useDialog = createHook(
151
151
  const contentElement = store.useState("contentElement");
152
152
  const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);
153
153
  usePreventBodyScroll(contentElement, id, preventBodyScroll && !hidden);
154
- useHideOnInteractOutside(store, hideOnInteractOutside);
154
+ useHideOnInteractOutside(store, hideOnInteractOutside, domReady);
155
155
  const { wrapElement, nestedDialogs } = useNestedDialogs(store);
156
156
  props = useWrapElement(props, wrapElement, [wrapElement]);
157
157
  useSafeLayoutEffect(() => {
@@ -166,7 +166,7 @@ var useDialog = createHook(
166
166
  if (dialog && contains(dialog, activeElement))
167
167
  return;
168
168
  store.setDisclosureElement(activeElement);
169
- }, [open]);
169
+ }, [open, store]);
170
170
  if (isSafariBrowser) {
171
171
  useEffect(() => {
172
172
  if (!mounted)
@@ -194,7 +194,7 @@ var useDialog = createHook(
194
194
  return () => {
195
195
  disclosureElement.removeEventListener("mousedown", onMouseDown);
196
196
  };
197
- }, [mounted]);
197
+ }, [mounted, store]);
198
198
  }
199
199
  const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
200
200
  // dialog is a modal. But the Portal component can't preserve the tab
@@ -309,16 +309,13 @@ var useDialog = createHook(
309
309
  setHasOpened(true);
310
310
  return () => setHasOpened(false);
311
311
  }, [open]);
312
- useSafeLayoutEffect(() => {
313
- if (!hasOpened)
314
- return;
315
- if (!mayAutoFocusOnHide)
316
- return;
317
- const dialog = ref.current;
318
- const focusOnHide = (retry = true) => {
312
+ const focusOnHide = useCallback(
313
+ (dialog, retry = true) => {
314
+ const { open: open2, disclosureElement } = store.getState();
315
+ if (open2)
316
+ return;
319
317
  if (isAlreadyFocusingAnotherElement(dialog))
320
318
  return;
321
- const { disclosureElement } = store.getState();
322
319
  let element = getElementFromProp(finalFocus) || disclosureElement;
323
320
  if (element == null ? void 0 : element.id) {
324
321
  const doc = getDocument(element);
@@ -341,7 +338,7 @@ var useDialog = createHook(
341
338
  }
342
339
  const isElementFocusable = element && isFocusable(element);
343
340
  if (!isElementFocusable && retry) {
344
- requestAnimationFrame(() => focusOnHide(false));
341
+ requestAnimationFrame(() => focusOnHide(dialog, false));
345
342
  return;
346
343
  }
347
344
  if (!autoFocusOnHideProp(isElementFocusable ? element : null))
@@ -349,12 +346,27 @@ var useDialog = createHook(
349
346
  if (!isElementFocusable)
350
347
  return;
351
348
  element == null ? void 0 : element.focus();
352
- };
353
- if (!open) {
354
- return focusOnHide();
355
- }
356
- return focusOnHide;
357
- }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
349
+ },
350
+ [store, finalFocus, autoFocusOnHideProp]
351
+ );
352
+ useEffect(() => {
353
+ if (open)
354
+ return;
355
+ if (!hasOpened)
356
+ return;
357
+ if (!mayAutoFocusOnHide)
358
+ return;
359
+ const dialog = ref.current;
360
+ focusOnHide(dialog);
361
+ }, [open, hasOpened, mayAutoFocusOnHide, focusOnHide]);
362
+ useEffect(() => {
363
+ if (!hasOpened)
364
+ return;
365
+ if (!mayAutoFocusOnHide)
366
+ return;
367
+ const dialog = ref.current;
368
+ return () => focusOnHide(dialog);
369
+ }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
358
370
  const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
359
371
  useEffect(() => {
360
372
  if (!domReady)
@@ -393,7 +405,7 @@ var useDialog = createHook(
393
405
  store.hide();
394
406
  };
395
407
  return addGlobalEventListener("keydown", onKeyDown);
396
- }, [mounted, domReady, hideOnEscapeProp]);
408
+ }, [mounted, domReady, store, hideOnEscapeProp]);
397
409
  props = useWrapElement(
398
410
  props,
399
411
  (element) => /* @__PURE__ */ jsx(HeadingLevel, { level: modal ? 1 : void 0, children: element }),
@@ -10,7 +10,7 @@ import {
10
10
  } from "./W5P7IKOU.js";
11
11
  import {
12
12
  useCompositeItem
13
- } from "./DCG3EYDE.js";
13
+ } from "./7SIWUER2.js";
14
14
  import {
15
15
  createElement,
16
16
  createHook,
@@ -18,7 +18,7 @@ import {
18
18
  } from "./NQJBHION.js";
19
19
  import {
20
20
  useStoreState
21
- } from "./OOWNFOTF.js";
21
+ } from "./QPTZ2G2N.js";
22
22
  import {
23
23
  useBooleanEvent,
24
24
  useEvent
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  usePopoverStoreOptions,
3
3
  usePopoverStoreProps
4
- } from "./6RGH36XF.js";
4
+ } from "./EICJBDBV.js";
5
5
  import {
6
6
  useStore,
7
7
  useStoreProps
8
- } from "./OOWNFOTF.js";
8
+ } from "./QPTZ2G2N.js";
9
9
  import {
10
10
  __spreadValues
11
11
  } from "./PNRLI7OV.js";
@@ -17,7 +17,7 @@ import {
17
17
  } from "./PNRLI7OV.js";
18
18
 
19
19
  // src/collection/collection-item.ts
20
- import { useCallback, useContext, useRef } from "react";
20
+ import { useContext, useEffect, useRef } from "react";
21
21
  import { identity } from "@ariakit/core/utils/misc";
22
22
  var useCollectionItem = createHook(
23
23
  (_a) => {
@@ -36,18 +36,18 @@ var useCollectionItem = createHook(
36
36
  const context = useContext(CollectionContext);
37
37
  store = store || context;
38
38
  const id = useId(props.id);
39
- const unrenderItem = useRef();
40
- const ref = useCallback(
41
- (element2) => {
42
- var _a2;
43
- if (!element2 || !id || !shouldRegisterItem) {
44
- return (_a2 = unrenderItem.current) == null ? void 0 : _a2.call(unrenderItem);
45
- }
46
- const item = getItem({ id, element: element2 });
47
- unrenderItem.current = store == null ? void 0 : store.renderItem(item);
48
- },
49
- [id, shouldRegisterItem, getItem, store]
50
- );
39
+ const ref = useRef(element);
40
+ useEffect(() => {
41
+ const element2 = ref.current;
42
+ if (!id)
43
+ return;
44
+ if (!element2)
45
+ return;
46
+ if (!shouldRegisterItem)
47
+ return;
48
+ const item = getItem({ id, element: element2 });
49
+ return store == null ? void 0 : store.renderItem(item);
50
+ }, [id, shouldRegisterItem, getItem, store]);
51
51
  props = __spreadProps(__spreadValues({}, props), {
52
52
  ref: useMergeRefs(ref, props.ref)
53
53
  });
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  useCollectionStoreOptions,
3
3
  useCollectionStoreProps
4
- } from "./WKNTOKYS.js";
4
+ } from "./FSTINJD5.js";
5
5
  import {
6
6
  useStore,
7
7
  useStoreProps
8
- } from "./OOWNFOTF.js";
8
+ } from "./QPTZ2G2N.js";
9
9
  import {
10
10
  __spreadValues
11
11
  } from "./PNRLI7OV.js";
@@ -24,6 +24,7 @@ import { addGlobalEventListener } from "@ariakit/core/utils/events";
24
24
  var useHovercardAnchor = createHook(
25
25
  (_a) => {
26
26
  var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
27
+ const mounted = store.useState("mounted");
27
28
  const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
28
29
  const showTimeoutRef = useRef(0);
29
30
  useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
@@ -66,7 +67,14 @@ var useHovercardAnchor = createHook(
66
67
  }
67
68
  );
68
69
  props = __spreadProps(__spreadValues({}, props), {
69
- ref: useMergeRefs(store.setAnchorElement, props.ref),
70
+ ref: useMergeRefs(
71
+ store.setAnchorElement,
72
+ // We need to set the anchor element as the hovercard disclosure
73
+ // disclosure element only when the hovercard is shown so it doesn't get
74
+ // assigned an arbitrary element by the dialog component.
75
+ mounted ? store.setDisclosureElement : void 0,
76
+ props.ref
77
+ ),
70
78
  onMouseMove
71
79
  });
72
80
  props = useFocusable(props);
@@ -2,8 +2,8 @@ import {
2
2
  useCheckboxStore,
3
3
  useCheckboxStoreOptions,
4
4
  useCheckboxStoreProps
5
- } from "../__chunks/5TTSBUCW.js";
6
- import "../__chunks/OOWNFOTF.js";
5
+ } from "../__chunks/CYNFBMYS.js";
6
+ import "../__chunks/QPTZ2G2N.js";
7
7
  import "../__chunks/J7Q2EO23.js";
8
8
  import "../__chunks/CP3U4HPL.js";
9
9
  import "../__chunks/PNRLI7OV.js";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  Checkbox,
3
3
  useCheckbox
4
- } from "../__chunks/NCSSU46J.js";
4
+ } from "../__chunks/R4VIEIUH.js";
5
5
  import "../__chunks/M5KYRTQG.js";
6
6
  import "../__chunks/P4RGQGTG.js";
7
7
  import "../__chunks/MYID4V27.js";
8
8
  import "../__chunks/BMLNRUFQ.js";
9
9
  import "../__chunks/NQJBHION.js";
10
- import "../__chunks/OOWNFOTF.js";
10
+ import "../__chunks/QPTZ2G2N.js";
11
11
  import "../__chunks/J7Q2EO23.js";
12
12
  import "../__chunks/CP3U4HPL.js";
13
13
  import "../__chunks/PNRLI7OV.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CollectionItem,
3
3
  useCollectionItem
4
- } from "../__chunks/HGFTMLQ7.js";
4
+ } from "../__chunks/VFNGSUSF.js";
5
5
  import "../__chunks/T3DJZG63.js";
6
6
  import "../__chunks/NQJBHION.js";
7
7
  import "../__chunks/J7Q2EO23.js";
@@ -3,10 +3,10 @@ import {
3
3
  getCollectionRendererItem,
4
4
  getCollectionRendererItemId,
5
5
  useCollectionRenderer
6
- } from "../__chunks/6RR2HJXR.js";
6
+ } from "../__chunks/5PDNXTAR.js";
7
7
  import "../__chunks/T3DJZG63.js";
8
8
  import "../__chunks/NQJBHION.js";
9
- import "../__chunks/OOWNFOTF.js";
9
+ import "../__chunks/QPTZ2G2N.js";
10
10
  import "../__chunks/J7Q2EO23.js";
11
11
  import "../__chunks/CP3U4HPL.js";
12
12
  import "../__chunks/PNRLI7OV.js";
@@ -2,8 +2,8 @@ import {
2
2
  useCollectionStore,
3
3
  useCollectionStoreOptions,
4
4
  useCollectionStoreProps
5
- } from "../__chunks/WKNTOKYS.js";
6
- import "../__chunks/OOWNFOTF.js";
5
+ } from "../__chunks/FSTINJD5.js";
6
+ import "../__chunks/QPTZ2G2N.js";
7
7
  import "../__chunks/J7Q2EO23.js";
8
8
  import "../__chunks/CP3U4HPL.js";
9
9
  import "../__chunks/PNRLI7OV.js";
@@ -7,9 +7,9 @@ import {
7
7
  } from "../__chunks/W5P7IKOU.js";
8
8
  import {
9
9
  useCompositeItem
10
- } from "../__chunks/DCG3EYDE.js";
10
+ } from "../__chunks/7SIWUER2.js";
11
11
  import "../__chunks/P4RGQGTG.js";
12
- import "../__chunks/HGFTMLQ7.js";
12
+ import "../__chunks/VFNGSUSF.js";
13
13
  import "../__chunks/T3DJZG63.js";
14
14
  import "../__chunks/OXPV2NBK.js";
15
15
  import "../__chunks/WJ37OVG2.js";
@@ -20,7 +20,7 @@ import {
20
20
  createHook,
21
21
  createMemoComponent
22
22
  } from "../__chunks/NQJBHION.js";
23
- import "../__chunks/OOWNFOTF.js";
23
+ import "../__chunks/QPTZ2G2N.js";
24
24
  import {
25
25
  useBooleanEvent,
26
26
  useEvent,
@@ -4,23 +4,23 @@ import {
4
4
  import "../__chunks/5VGBBGF5.js";
5
5
  import {
6
6
  usePopover
7
- } from "../__chunks/DIA4OBYO.js";
8
- import "../__chunks/GADPWICI.js";
9
- import "../__chunks/7J6H5Y2H.js";
10
- import "../__chunks/AR6DTI3S.js";
11
- import "../__chunks/CYJJUQU3.js";
7
+ } from "../__chunks/CU3AKJBN.js";
8
+ import "../__chunks/TG7IDXTX.js";
9
+ import "../__chunks/432NLB7J.js";
10
+ import "../__chunks/NHPU54IO.js";
11
+ import "../__chunks/GDORSOK6.js";
12
12
  import "../__chunks/3LAWLNOX.js";
13
13
  import "../__chunks/CJI67A3R.js";
14
- import "../__chunks/OEA63YXU.js";
15
- import "../__chunks/4XWTU3WN.js";
16
- import "../__chunks/HCZMY53N.js";
14
+ import "../__chunks/PLOINBVB.js";
15
+ import "../__chunks/E5XSMSHD.js";
16
+ import "../__chunks/LEBYH5FW.js";
17
17
  import "../__chunks/IXXFVVA2.js";
18
18
  import "../__chunks/7JNF6I52.js";
19
19
  import "../__chunks/KOVUJERF.js";
20
20
  import "../__chunks/62DFK33R.js";
21
21
  import "../__chunks/FW6QFGFT.js";
22
22
  import "../__chunks/IYNN2ZO5.js";
23
- import "../__chunks/FV23EKJL.js";
23
+ import "../__chunks/5M4ITSXL.js";
24
24
  import "../__chunks/6OMX4H3W.js";
25
25
  import "../__chunks/LL3AE4N4.js";
26
26
  import "../__chunks/EJ3GIT5B.js";
@@ -38,8 +38,8 @@ import {
38
38
  createElement,
39
39
  createHook
40
40
  } from "../__chunks/NQJBHION.js";
41
- import "../__chunks/WVP274TO.js";
42
- import "../__chunks/OOWNFOTF.js";
41
+ import "../__chunks/F6PEGR7W.js";
42
+ import "../__chunks/QPTZ2G2N.js";
43
43
  import "../__chunks/J7Q2EO23.js";
44
44
  import "../__chunks/CP3U4HPL.js";
45
45
  import {
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  useCompositeStoreOptions,
3
3
  useCompositeStoreProps
4
- } from "../__chunks/5PLAJI33.js";
5
- import "../__chunks/WKNTOKYS.js";
4
+ } from "../__chunks/X5CHG5LF.js";
5
+ import "../__chunks/FSTINJD5.js";
6
6
  import {
7
7
  usePopoverStoreOptions,
8
8
  usePopoverStoreProps
9
- } from "../__chunks/6RGH36XF.js";
10
- import "../__chunks/LUUMYNYQ.js";
11
- import "../__chunks/WVP274TO.js";
9
+ } from "../__chunks/EICJBDBV.js";
10
+ import "../__chunks/FW5SU7FV.js";
11
+ import "../__chunks/F6PEGR7W.js";
12
12
  import {
13
13
  useStore,
14
14
  useStoreProps
15
- } from "../__chunks/OOWNFOTF.js";
15
+ } from "../__chunks/QPTZ2G2N.js";
16
16
  import "../__chunks/J7Q2EO23.js";
17
17
  import "../__chunks/CP3U4HPL.js";
18
18
  import {
@@ -271,9 +271,6 @@ var useCombobox = createHook(
271
271
  setCanInline(textInserted && caretAtEnd);
272
272
  }
273
273
  }
274
- if (showOnChangeProp(event)) {
275
- store.show();
276
- }
277
274
  if (setValueOnChangeProp(event)) {
278
275
  const isSameValue = value2 === store.getState().value;
279
276
  store.setValue(value2);
@@ -281,6 +278,9 @@ var useCombobox = createHook(
281
278
  forceValueUpdate();
282
279
  }
283
280
  }
281
+ if (showOnChangeProp(event)) {
282
+ store.show();
283
+ }
284
284
  if (!autoSelect || !canAutoSelectRef.current) {
285
285
  store.setActiveId(null);
286
286
  }
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  CompositeContainer,
3
3
  useCompositeContainer
4
- } from "../__chunks/VKYM5S67.js";
4
+ } from "../__chunks/Q52PUUUL.js";
5
5
  import "../__chunks/OXPV2NBK.js";
6
6
  import "../__chunks/WJ37OVG2.js";
7
7
  import "../__chunks/NQJBHION.js";
8
- import "../__chunks/OOWNFOTF.js";
8
+ import "../__chunks/QPTZ2G2N.js";
9
9
  import "../__chunks/J7Q2EO23.js";
10
10
  import "../__chunks/CP3U4HPL.js";
11
11
  import "../__chunks/PNRLI7OV.js";
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  CompositeItem,
3
3
  useCompositeItem
4
- } from "../__chunks/DCG3EYDE.js";
4
+ } from "../__chunks/7SIWUER2.js";
5
5
  import "../__chunks/P4RGQGTG.js";
6
- import "../__chunks/HGFTMLQ7.js";
6
+ import "../__chunks/VFNGSUSF.js";
7
7
  import "../__chunks/T3DJZG63.js";
8
8
  import "../__chunks/OXPV2NBK.js";
9
9
  import "../__chunks/WJ37OVG2.js";
10
10
  import "../__chunks/MYID4V27.js";
11
11
  import "../__chunks/BMLNRUFQ.js";
12
12
  import "../__chunks/NQJBHION.js";
13
- import "../__chunks/OOWNFOTF.js";
13
+ import "../__chunks/QPTZ2G2N.js";
14
14
  import "../__chunks/J7Q2EO23.js";
15
15
  import "../__chunks/CP3U4HPL.js";
16
16
  import "../__chunks/PNRLI7OV.js";
@@ -7,9 +7,9 @@ import "../__chunks/O6CV6VRM.js";
7
7
  import "../__chunks/7PHM3O7I.js";
8
8
  import {
9
9
  useCompositeItem
10
- } from "../__chunks/DCG3EYDE.js";
10
+ } from "../__chunks/7SIWUER2.js";
11
11
  import "../__chunks/P4RGQGTG.js";
12
- import "../__chunks/HGFTMLQ7.js";
12
+ import "../__chunks/VFNGSUSF.js";
13
13
  import "../__chunks/T3DJZG63.js";
14
14
  import "../__chunks/OXPV2NBK.js";
15
15
  import "../__chunks/WJ37OVG2.js";
@@ -21,7 +21,7 @@ import {
21
21
  createElement,
22
22
  createHook
23
23
  } from "../__chunks/NQJBHION.js";
24
- import "../__chunks/OOWNFOTF.js";
24
+ import "../__chunks/QPTZ2G2N.js";
25
25
  import {
26
26
  useEvent,
27
27
  useMergeRefs
@@ -35,14 +35,15 @@ import {
35
35
 
36
36
  // src/composite/composite-overflow-disclosure.ts
37
37
  import { useEffect, useRef, useState } from "react";
38
+ import { sync } from "@ariakit/core/utils/store";
38
39
  var useCompositeOverflowDisclosure = createHook((_a) => {
39
40
  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
40
41
  const ref = useRef(null);
41
42
  const [shouldRegisterItem, setShouldRegisterItem] = useState(false);
42
43
  useEffect(() => {
43
- return store.sync(() => {
44
+ return sync(store, ["disclosureElement"], () => {
44
45
  store.setDisclosureElement(ref.current);
45
- }, ["disclosureElement"]);
46
+ });
46
47
  }, [store]);
47
48
  const onFocusProp = props.onFocus;
48
49
  const onFocus = useEvent((event) => {
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  usePopoverStoreOptions,
3
3
  usePopoverStoreProps
4
- } from "../__chunks/6RGH36XF.js";
5
- import "../__chunks/LUUMYNYQ.js";
6
- import "../__chunks/WVP274TO.js";
4
+ } from "../__chunks/EICJBDBV.js";
5
+ import "../__chunks/FW5SU7FV.js";
6
+ import "../__chunks/F6PEGR7W.js";
7
7
  import {
8
8
  useStore
9
- } from "../__chunks/OOWNFOTF.js";
9
+ } from "../__chunks/QPTZ2G2N.js";
10
10
  import "../__chunks/J7Q2EO23.js";
11
11
  import "../__chunks/CP3U4HPL.js";
12
12
  import {
@@ -1,22 +1,22 @@
1
1
  import {
2
2
  usePopover
3
- } from "../__chunks/DIA4OBYO.js";
4
- import "../__chunks/GADPWICI.js";
5
- import "../__chunks/7J6H5Y2H.js";
6
- import "../__chunks/AR6DTI3S.js";
7
- import "../__chunks/CYJJUQU3.js";
3
+ } from "../__chunks/CU3AKJBN.js";
4
+ import "../__chunks/TG7IDXTX.js";
5
+ import "../__chunks/432NLB7J.js";
6
+ import "../__chunks/NHPU54IO.js";
7
+ import "../__chunks/GDORSOK6.js";
8
8
  import "../__chunks/3LAWLNOX.js";
9
9
  import "../__chunks/CJI67A3R.js";
10
- import "../__chunks/OEA63YXU.js";
11
- import "../__chunks/4XWTU3WN.js";
12
- import "../__chunks/HCZMY53N.js";
10
+ import "../__chunks/PLOINBVB.js";
11
+ import "../__chunks/E5XSMSHD.js";
12
+ import "../__chunks/LEBYH5FW.js";
13
13
  import "../__chunks/IXXFVVA2.js";
14
14
  import "../__chunks/7JNF6I52.js";
15
15
  import "../__chunks/KOVUJERF.js";
16
16
  import "../__chunks/62DFK33R.js";
17
17
  import "../__chunks/FW6QFGFT.js";
18
18
  import "../__chunks/IYNN2ZO5.js";
19
- import "../__chunks/FV23EKJL.js";
19
+ import "../__chunks/5M4ITSXL.js";
20
20
  import "../__chunks/6OMX4H3W.js";
21
21
  import "../__chunks/LL3AE4N4.js";
22
22
  import "../__chunks/EJ3GIT5B.js";
@@ -34,8 +34,8 @@ import {
34
34
  createElement,
35
35
  createHook
36
36
  } from "../__chunks/NQJBHION.js";
37
- import "../__chunks/WVP274TO.js";
38
- import "../__chunks/OOWNFOTF.js";
37
+ import "../__chunks/F6PEGR7W.js";
38
+ import "../__chunks/QPTZ2G2N.js";
39
39
  import {
40
40
  useEvent
41
41
  } from "../__chunks/J7Q2EO23.js";
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  CompositeRenderer,
3
3
  useCompositeRenderer
4
- } from "../__chunks/F6KX6FT7.js";
4
+ } from "../__chunks/CEBWVZJQ.js";
5
5
  import {
6
6
  getCollectionRendererItem,
7
7
  getCollectionRendererItemId
8
- } from "../__chunks/6RR2HJXR.js";
8
+ } from "../__chunks/5PDNXTAR.js";
9
9
  import "../__chunks/T3DJZG63.js";
10
10
  import "../__chunks/WJ37OVG2.js";
11
11
  import "../__chunks/NQJBHION.js";
12
- import "../__chunks/OOWNFOTF.js";
12
+ import "../__chunks/QPTZ2G2N.js";
13
13
  import "../__chunks/J7Q2EO23.js";
14
14
  import "../__chunks/CP3U4HPL.js";
15
15
  import "../__chunks/PNRLI7OV.js";
@@ -2,9 +2,9 @@ import {
2
2
  useCompositeStore,
3
3
  useCompositeStoreOptions,
4
4
  useCompositeStoreProps
5
- } from "../__chunks/5PLAJI33.js";
6
- import "../__chunks/WKNTOKYS.js";
7
- import "../__chunks/OOWNFOTF.js";
5
+ } from "../__chunks/X5CHG5LF.js";
6
+ import "../__chunks/FSTINJD5.js";
7
+ import "../__chunks/QPTZ2G2N.js";
8
8
  import "../__chunks/J7Q2EO23.js";
9
9
  import "../__chunks/CP3U4HPL.js";
10
10
  import "../__chunks/PNRLI7OV.js";
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  DialogBackdrop
3
- } from "../__chunks/7J6H5Y2H.js";
4
- import "../__chunks/HCZMY53N.js";
3
+ } from "../__chunks/432NLB7J.js";
4
+ import "../__chunks/LEBYH5FW.js";
5
5
  import "../__chunks/IXXFVVA2.js";
6
6
  import "../__chunks/FW6QFGFT.js";
7
- import "../__chunks/FV23EKJL.js";
7
+ import "../__chunks/5M4ITSXL.js";
8
8
  import "../__chunks/M5I7AM4N.js";
9
9
  import "../__chunks/WHEEIXMF.js";
10
10
  import "../__chunks/NQJBHION.js";
11
- import "../__chunks/WVP274TO.js";
12
- import "../__chunks/OOWNFOTF.js";
11
+ import "../__chunks/F6PEGR7W.js";
12
+ import "../__chunks/QPTZ2G2N.js";
13
13
  import "../__chunks/J7Q2EO23.js";
14
14
  import "../__chunks/CP3U4HPL.js";
15
15
  import "../__chunks/PNRLI7OV.js";
@@ -2,9 +2,9 @@ import {
2
2
  useDialogStore,
3
3
  useDialogStoreOptions,
4
4
  useDialogStoreProps
5
- } from "../__chunks/LUUMYNYQ.js";
6
- import "../__chunks/WVP274TO.js";
7
- import "../__chunks/OOWNFOTF.js";
5
+ } from "../__chunks/FW5SU7FV.js";
6
+ import "../__chunks/F6PEGR7W.js";
7
+ import "../__chunks/QPTZ2G2N.js";
8
8
  import "../__chunks/J7Q2EO23.js";
9
9
  import "../__chunks/CP3U4HPL.js";
10
10
  import "../__chunks/PNRLI7OV.js";