@ariakit/react-core 0.1.7 → 0.1.8

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 (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/cjs/__chunks/{EEXWIKOB.cjs → IRSBF3C5.cjs} +20 -37
  3. package/cjs/__chunks/{FU76FHC2.cjs → JZRGYPLK.cjs} +2 -2
  4. package/cjs/__chunks/{QXXZLOZG.cjs → OMM6PC3A.cjs} +9 -39
  5. package/cjs/__chunks/{DCDTT7UY.cjs → YYKQBWQQ.cjs} +2 -2
  6. package/cjs/combobox/combobox-popover.cjs +7 -7
  7. package/cjs/composite/composite-overflow.cjs +7 -7
  8. package/cjs/dialog/dialog-backdrop.cjs +5 -3
  9. package/cjs/dialog/dialog-backdrop.d.ts +2 -2
  10. package/cjs/dialog/dialog.cjs +6 -6
  11. package/cjs/dialog/dialog.d.ts +2 -2
  12. package/cjs/dialog/utils/is-backdrop.cjs +21 -0
  13. package/cjs/dialog/utils/is-backdrop.d.ts +1 -0
  14. package/cjs/heading/heading-level.d.ts +1 -1
  15. package/cjs/hovercard/hovercard.cjs +8 -8
  16. package/cjs/menu/menu.cjs +8 -8
  17. package/cjs/popover/popover.cjs +7 -7
  18. package/cjs/select/select-popover.cjs +7 -7
  19. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  20. package/dialog/utils/is-backdrop/package.json +7 -0
  21. package/esm/__chunks/{3L2YBPR3.js → CXDKC5CW.js} +1 -1
  22. package/esm/__chunks/{TCX5FQUL.js → EMZ4NQG4.js} +19 -36
  23. package/esm/__chunks/{RVIGSXKO.js → JJHXFKMC.js} +1 -1
  24. package/esm/__chunks/{JXNLCNWG.js → ZFMAA4DD.js} +10 -40
  25. package/esm/combobox/combobox-popover.js +6 -6
  26. package/esm/composite/composite-overflow.js +6 -6
  27. package/esm/dialog/dialog-backdrop.d.ts +2 -2
  28. package/esm/dialog/dialog-backdrop.js +4 -2
  29. package/esm/dialog/dialog.d.ts +2 -2
  30. package/esm/dialog/dialog.js +5 -5
  31. package/esm/dialog/utils/is-backdrop.d.ts +1 -0
  32. package/esm/dialog/utils/is-backdrop.js +21 -0
  33. package/esm/heading/heading-level.d.ts +1 -1
  34. package/esm/hovercard/hovercard.js +7 -7
  35. package/esm/menu/menu.js +7 -7
  36. package/esm/popover/popover.js +6 -6
  37. package/esm/select/select-popover.js +6 -6
  38. package/esm/tsconfig.build.tsbuildinfo +1 -1
  39. package/package.json +5 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @ariakit/react-core
2
2
 
3
+ ## 0.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Fixed `DialogBackdrop` not including the `data-backdrop` attribute in the initial render, causing a flash of unstyled content when the dialog is initially open. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
8
+
9
+ - Fixed `Dialog` calling `hideOnInteractOutside` twice when clicking on the backdrop. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
10
+
11
+ - The built-in `DialogBackdrop` component is no longer focusable. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
12
+
13
+ - Call `autoFocusOnHide` and `autoFocusOnShow` with a `null` argument when there's no element to focus or the element is not focusable. This allows users to specify a fallback element to focus on hide or show. ([#2369](https://github.com/ariakit/ariakit/pull/2369))
14
+
3
15
  ## 0.1.7
4
16
 
5
17
  ### Patch Changes
@@ -1,6 +1,12 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _QXXZLOZGcjs = require('./QXXZLOZG.cjs');
3
+ var _OMM6PC3Acjs = require('./OMM6PC3A.cjs');
4
+
5
+
6
+ var _O45IXGJWcjs = require('./O45IXGJW.cjs');
7
+
8
+
9
+ var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
4
10
 
5
11
 
6
12
  var _QRAQT522cjs = require('./QRAQT522.cjs');
@@ -18,12 +24,6 @@ var _W32FX7DMcjs = require('./W32FX7DM.cjs');
18
24
  var _CARNFZQTcjs = require('./CARNFZQT.cjs');
19
25
 
20
26
 
21
- var _O45IXGJWcjs = require('./O45IXGJW.cjs');
22
-
23
-
24
- var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
25
-
26
-
27
27
  var _GHWBKA6Hcjs = require('./GHWBKA6H.cjs');
28
28
 
29
29
 
@@ -84,20 +84,12 @@ var _misc = require('@ariakit/core/utils/misc');
84
84
  var _platform = require('@ariakit/core/utils/platform');
85
85
  var _jsxruntime = require('react/jsx-runtime');
86
86
  var isSafariBrowser = _platform.isSafari.call(void 0, );
87
- function isBackdrop(dialog, element) {
88
- const id = dialog.id;
89
- if (!id)
90
- return;
91
- return element.getAttribute("data-backdrop") === id;
92
- }
93
87
  function isAlreadyFocusingAnotherElement(dialog) {
94
88
  const activeElement = _dom.getActiveElement.call(void 0, );
95
89
  if (!activeElement)
96
90
  return false;
97
91
  if (_dom.contains.call(void 0, dialog, activeElement))
98
92
  return false;
99
- if (isBackdrop(dialog, activeElement))
100
- return false;
101
93
  if (activeElement.hasAttribute("data-dialog"))
102
94
  return false;
103
95
  if (_focus.isFocusable.call(void 0, activeElement))
@@ -164,7 +156,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
164
156
  _E5VOJWDRcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
165
157
  const { wrapElement, nestedDialogs } = _NZYGNCZLcjs.useNestedDialogs.call(void 0, store);
166
158
  props = _NREUHWTUcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
167
- _react.useEffect.call(void 0, () => {
159
+ _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
168
160
  if (!open)
169
161
  return;
170
162
  const dialog = ref.current;
@@ -285,7 +277,8 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
285
277
  // receives focus.
286
278
  _focus.getFirstTabbableIn.call(void 0, contentElement, true, portal && preserveTabOrder) || // Finally, we fallback to the dialog element itself.
287
279
  contentElement;
288
- if (!autoFocusOnShowProp(element))
280
+ const isElementFocusable = _focus.isFocusable.call(void 0, element);
281
+ if (!autoFocusOnShowProp(isElementFocusable ? element : null))
289
282
  return;
290
283
  setAutoFocusEnabled(true);
291
284
  element.focus();
@@ -321,9 +314,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
321
314
  return;
322
315
  const { disclosureElement } = store.getState();
323
316
  let element = getElementFromProp(finalFocus) || disclosureElement;
324
- if (!element)
325
- return;
326
- if (element.id) {
317
+ if (element == null ? void 0 : element.id) {
327
318
  const doc = _dom.getDocument.call(void 0, element);
328
319
  const selector = `[aria-activedescendant="${element.id}"]`;
329
320
  const composite = doc.querySelector(selector);
@@ -331,7 +322,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
331
322
  element = composite;
332
323
  }
333
324
  }
334
- if (!_focus.isFocusable.call(void 0, element)) {
325
+ if (element && !_focus.isFocusable.call(void 0, element)) {
335
326
  const maybeParentDialog = _dom.closest.call(void 0, element, "[data-dialog]");
336
327
  if (maybeParentDialog && maybeParentDialog.id) {
337
328
  const doc = _dom.getDocument.call(void 0, maybeParentDialog);
@@ -342,15 +333,16 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
342
333
  }
343
334
  }
344
335
  }
345
- if (!_focus.isFocusable.call(void 0, element)) {
346
- if (!retry)
347
- return;
336
+ const isElementFocusable = element && _focus.isFocusable.call(void 0, element);
337
+ if (!isElementFocusable && retry) {
348
338
  requestAnimationFrame(() => focusOnHide(false));
349
339
  return;
350
340
  }
351
- if (!autoFocusOnHideProp(element))
341
+ if (!autoFocusOnHideProp(isElementFocusable ? element : null))
342
+ return;
343
+ if (!isElementFocusable)
352
344
  return;
353
- element.focus();
345
+ element == null ? void 0 : element.focus();
354
346
  };
355
347
  if (!open) {
356
348
  return focusOnHide();
@@ -406,13 +398,11 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
406
398
  (element) => {
407
399
  if (backdrop) {
408
400
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
409
- _QXXZLOZGcjs.DialogBackdrop,
401
+ _OMM6PC3Acjs.DialogBackdrop,
410
402
  {
411
403
  store,
412
404
  backdrop,
413
405
  backdropProps,
414
- hideOnInteractOutside,
415
- hideOnEscape,
416
406
  hidden: hiddenProp,
417
407
  children: element
418
408
  }
@@ -420,14 +410,7 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
420
410
  }
421
411
  return element;
422
412
  },
423
- [
424
- store,
425
- backdrop,
426
- backdropProps,
427
- hideOnInteractOutside,
428
- hideOnEscape,
429
- hiddenProp
430
- ]
413
+ [store, backdrop, backdropProps, hiddenProp]
431
414
  );
432
415
  const [headingId, setHeadingId] = _react.useState.call(void 0, );
433
416
  const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _EEXWIKOBcjs = require('./EEXWIKOB.cjs');
3
+ var _IRSBF3C5cjs = require('./IRSBF3C5.cjs');
4
4
 
5
5
 
6
6
  var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -99,7 +99,7 @@ var usePopover = _7NAIPZYNcjs.createHook.call(void 0,
99
99
  position: "relative"
100
100
  }, props.style)
101
101
  });
102
- props = _EEXWIKOBcjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
102
+ props = _IRSBF3C5cjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
103
103
  store,
104
104
  modal,
105
105
  preserveTabOrder,
@@ -1,14 +1,12 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
3
+ var _CARNFZQTcjs = require('./CARNFZQT.cjs');
4
4
 
5
5
 
6
6
  var _EM2PMFEWcjs = require('./EM2PMFEW.cjs');
7
7
 
8
8
 
9
9
 
10
-
11
-
12
10
  var _NREUHWTUcjs = require('./NREUHWTU.cjs');
13
11
 
14
12
 
@@ -17,15 +15,12 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
17
15
 
18
16
  // src/dialog/dialog-backdrop.tsx
19
17
  var _react = require('react');
20
- var _events = require('@ariakit/core/utils/events');
21
18
  var _misc = require('@ariakit/core/utils/misc');
22
19
  var _jsxruntime = require('react/jsx-runtime');
23
20
  function DialogBackdrop({
24
21
  store,
25
22
  backdrop,
26
23
  backdropProps,
27
- hideOnInteractOutside = true,
28
- hideOnEscape = true,
29
24
  hidden,
30
25
  children
31
26
  }) {
@@ -48,47 +43,22 @@ function DialogBackdrop({
48
43
  return;
49
44
  backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
50
45
  }, [contentElement]);
51
- const onClickProp = backdropProps == null ? void 0 : backdropProps.onClick;
52
- const hideOnInteractOutsideProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnInteractOutside);
53
- const mounted = store.useState("mounted");
54
- const previousMouseDownRef = _X2GXTE3Pcjs.usePreviousMouseDownRef.call(void 0, mounted);
55
- const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
56
- onClickProp == null ? void 0 : onClickProp(event);
57
- if (event.defaultPrevented)
58
- return;
59
- if (!_events.isSelfTarget.call(void 0, event))
60
- return;
61
- if (previousMouseDownRef.current !== event.currentTarget)
62
- return;
63
- if (!hideOnInteractOutsideProp(event))
64
- return;
65
- event.stopPropagation();
66
- store.hide();
67
- });
68
- const onKeyDownProp = backdropProps == null ? void 0 : backdropProps.onKeyDown;
69
- const hideOnEscapeProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnEscape);
70
- const onKeyDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
71
- onKeyDownProp == null ? void 0 : onKeyDownProp(event);
72
- if (event.defaultPrevented)
73
- return;
74
- if (event.key !== "Escape")
75
- return;
76
- if (!_events.isSelfTarget.call(void 0, event))
46
+ _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
47
+ const id = contentElement == null ? void 0 : contentElement.id;
48
+ if (!id)
77
49
  return;
78
- if (!hideOnEscapeProp(event))
50
+ const backdrop2 = ref.current;
51
+ if (!backdrop2)
79
52
  return;
80
- store.hide();
81
- });
53
+ return _CARNFZQTcjs.markAncestor.call(void 0, backdrop2, id);
54
+ }, [contentElement]);
82
55
  const props = _EM2PMFEWcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
83
56
  store,
84
57
  id: void 0,
85
58
  role: "presentation",
86
- tabIndex: -1,
87
59
  hidden
88
60
  }, backdropProps), {
89
61
  ref: _NREUHWTUcjs.useForkRef.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
90
- onClick,
91
- onKeyDown,
92
62
  style: _6455U47Tcjs.__spreadValues.call(void 0, {
93
63
  position: "fixed",
94
64
  top: 0,
@@ -98,7 +68,7 @@ function DialogBackdrop({
98
68
  }, backdropProps == null ? void 0 : backdropProps.style)
99
69
  }));
100
70
  const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
101
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { "data-backdrop": contentElement == null ? void 0 : contentElement.id, children }));
71
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "", children }));
102
72
  }
103
73
 
104
74
 
@@ -5,7 +5,7 @@
5
5
  var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
6
6
 
7
7
 
8
- var _FU76FHC2cjs = require('./FU76FHC2.cjs');
8
+ var _JZRGYPLKcjs = require('./JZRGYPLK.cjs');
9
9
 
10
10
 
11
11
 
@@ -282,7 +282,7 @@ var useHovercard = _7NAIPZYNcjs.createHook.call(void 0,
282
282
  });
283
283
  props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
284
284
  props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
285
- props = _FU76FHC2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
285
+ props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
286
286
  hideOnEscape,
287
287
  store,
288
288
  modal,
@@ -4,17 +4,17 @@ var _OHRAT4C4cjs = require('../__chunks/OHRAT4C4.cjs');
4
4
  require('../__chunks/2WZVSPAI.cjs');
5
5
 
6
6
 
7
- var _FU76FHC2cjs = require('../__chunks/FU76FHC2.cjs');
8
- require('../__chunks/EEXWIKOB.cjs');
9
- require('../__chunks/QXXZLOZG.cjs');
7
+ var _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
8
+ require('../__chunks/IRSBF3C5.cjs');
9
+ require('../__chunks/OMM6PC3A.cjs');
10
+ require('../__chunks/O45IXGJW.cjs');
11
+ require('../__chunks/TVZPJJTX.cjs');
10
12
  require('../__chunks/QRAQT522.cjs');
11
13
  require('../__chunks/NZYGNCZL.cjs');
12
14
  require('../__chunks/E5VOJWDR.cjs');
15
+ require('../__chunks/56NPFF7P.cjs');
13
16
  require('../__chunks/W32FX7DM.cjs');
14
17
  require('../__chunks/CARNFZQT.cjs');
15
- require('../__chunks/O45IXGJW.cjs');
16
- require('../__chunks/TVZPJJTX.cjs');
17
- require('../__chunks/56NPFF7P.cjs');
18
18
  require('../__chunks/NR3SJH64.cjs');
19
19
  require('../__chunks/GHWBKA6H.cjs');
20
20
  require('../__chunks/EE6OIU6X.cjs');
@@ -61,7 +61,7 @@ var useComboboxPopover = _7NAIPZYNcjs.createHook.call(void 0,
61
61
  var _b = _a, { store, tabIndex, hideOnInteractOutside = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "tabIndex", "hideOnInteractOutside"]);
62
62
  const baseElement = store.useState("baseElement");
63
63
  props = _OHRAT4C4cjs.useComboboxList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
64
- props = _FU76FHC2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
64
+ props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
65
65
  store,
66
66
  autoFocusOnShow: false,
67
67
  autoFocusOnHide: false,
@@ -1,16 +1,16 @@
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 _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
4
+ require('../__chunks/IRSBF3C5.cjs');
5
+ require('../__chunks/OMM6PC3A.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');
@@ -83,7 +83,7 @@ var useCompositeOverflow = _7NAIPZYNcjs.createHook.call(void 0,
83
83
  }, props), {
84
84
  onFocus
85
85
  });
86
- props = _FU76FHC2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
86
+ props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
87
87
  store,
88
88
  backdropProps,
89
89
  wrapperProps,
@@ -1,7 +1,9 @@
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 _OMM6PC3Acjs = require('../__chunks/OMM6PC3A.cjs');
4
+ require('../__chunks/CARNFZQT.cjs');
5
+ require('../__chunks/NR3SJH64.cjs');
6
+ require('../__chunks/EE6OIU6X.cjs');
5
7
  require('../__chunks/EM2PMFEW.cjs');
6
8
  require('../__chunks/7NAIPZYN.cjs');
7
9
  require('../__chunks/NREUHWTU.cjs');
@@ -9,4 +11,4 @@ require('../__chunks/2X5K3J7Y.cjs');
9
11
  require('../__chunks/6455U47T.cjs');
10
12
 
11
13
 
12
- exports.DialogBackdrop = _QXXZLOZGcjs.DialogBackdrop;
14
+ exports.DialogBackdrop = _OMM6PC3Acjs.DialogBackdrop;
@@ -1,7 +1,7 @@
1
1
  import type { ReactNode } from "react";
2
2
  import type { DialogProps } from "./dialog.js";
3
- type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hideOnInteractOutside" | "hideOnEscape" | "hidden"> & {
3
+ type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hidden"> & {
4
4
  children?: ReactNode;
5
5
  };
6
- export declare function DialogBackdrop({ store, backdrop, backdropProps, hideOnInteractOutside, hideOnEscape, hidden, children, }: DialogBackdropProps): JSX.Element;
6
+ export declare function DialogBackdrop({ store, backdrop, backdropProps, hidden, children, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element;
7
7
  export {};
@@ -1,16 +1,16 @@
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 _IRSBF3C5cjs = require('../__chunks/IRSBF3C5.cjs');
5
+ require('../__chunks/OMM6PC3A.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');
@@ -32,4 +32,4 @@ require('../__chunks/6455U47T.cjs');
32
32
 
33
33
 
34
34
 
35
- exports.Dialog = _EEXWIKOBcjs.Dialog; exports.useDialog = _EEXWIKOBcjs.useDialog;
35
+ exports.Dialog = _IRSBF3C5cjs.Dialog; exports.useDialog = _IRSBF3C5cjs.useDialog;
@@ -96,7 +96,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
96
96
  * a different element to receive focus.
97
97
  * @default true
98
98
  */
99
- autoFocusOnShow?: BooleanOrCallback<HTMLElement>;
99
+ autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;
100
100
  /**
101
101
  * Determines whether an element outside of the dialog will be focused when
102
102
  * the dialog is hidden if another element hasn't been focused in the action
@@ -106,7 +106,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
106
106
  * element to be focused.
107
107
  * @default true
108
108
  */
109
- autoFocusOnHide?: BooleanOrCallback<HTMLElement>;
109
+ autoFocusOnHide?: BooleanOrCallback<HTMLElement | null>;
110
110
  /**
111
111
  * Specifies the element that will receive focus when the dialog is first
112
112
  * 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;
@@ -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
@@ -1,19 +1,19 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _DCDTT7UYcjs = require('../__chunks/DCDTT7UY.cjs');
4
+ var _YYKQBWQQcjs = require('../__chunks/YYKQBWQQ.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/JZRGYPLK.cjs');
7
+ require('../__chunks/IRSBF3C5.cjs');
8
+ require('../__chunks/OMM6PC3A.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');
@@ -36,4 +36,4 @@ require('../__chunks/6455U47T.cjs');
36
36
 
37
37
 
38
38
 
39
- exports.Hovercard = _DCDTT7UYcjs.Hovercard; exports.useHovercard = _DCDTT7UYcjs.useHovercard;
39
+ exports.Hovercard = _YYKQBWQQcjs.Hovercard; exports.useHovercard = _YYKQBWQQcjs.useHovercard;
package/cjs/menu/menu.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _DCDTT7UYcjs = require('../__chunks/DCDTT7UY.cjs');
3
+ var _YYKQBWQQcjs = require('../__chunks/YYKQBWQQ.cjs');
4
4
  require('../__chunks/OLGMV24U.cjs');
5
5
 
6
6
 
@@ -9,17 +9,17 @@ var _RHO5OVPEcjs = require('../__chunks/RHO5OVPE.cjs');
9
9
 
10
10
 
11
11
  var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
12
- require('../__chunks/FU76FHC2.cjs');
13
- require('../__chunks/EEXWIKOB.cjs');
14
- require('../__chunks/QXXZLOZG.cjs');
12
+ require('../__chunks/JZRGYPLK.cjs');
13
+ require('../__chunks/IRSBF3C5.cjs');
14
+ require('../__chunks/OMM6PC3A.cjs');
15
+ require('../__chunks/O45IXGJW.cjs');
16
+ require('../__chunks/TVZPJJTX.cjs');
15
17
  require('../__chunks/QRAQT522.cjs');
16
18
  require('../__chunks/NZYGNCZL.cjs');
17
19
  require('../__chunks/E5VOJWDR.cjs');
20
+ require('../__chunks/56NPFF7P.cjs');
18
21
  require('../__chunks/W32FX7DM.cjs');
19
22
  require('../__chunks/CARNFZQT.cjs');
20
- require('../__chunks/O45IXGJW.cjs');
21
- require('../__chunks/TVZPJJTX.cjs');
22
- require('../__chunks/56NPFF7P.cjs');
23
23
  require('../__chunks/NR3SJH64.cjs');
24
24
  require('../__chunks/GHWBKA6H.cjs');
25
25
  require('../__chunks/EE6OIU6X.cjs');
@@ -137,7 +137,7 @@ var useMenu = _7NAIPZYNcjs.createHook.call(void 0,
137
137
  }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
138
138
  const mayAutoFocusOnShow = !!autoFocusOnShow;
139
139
  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
140
- props = _DCDTT7UYcjs.useHovercard.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
140
+ props = _YYKQBWQQcjs.useHovercard.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
141
141
  store,
142
142
  initialFocus: initialFocusRef,
143
143
  autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal
@@ -1,17 +1,17 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _FU76FHC2cjs = require('../__chunks/FU76FHC2.cjs');
5
- require('../__chunks/EEXWIKOB.cjs');
6
- require('../__chunks/QXXZLOZG.cjs');
4
+ var _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
5
+ require('../__chunks/IRSBF3C5.cjs');
6
+ require('../__chunks/OMM6PC3A.cjs');
7
+ require('../__chunks/O45IXGJW.cjs');
8
+ require('../__chunks/TVZPJJTX.cjs');
7
9
  require('../__chunks/QRAQT522.cjs');
8
10
  require('../__chunks/NZYGNCZL.cjs');
9
11
  require('../__chunks/E5VOJWDR.cjs');
12
+ require('../__chunks/56NPFF7P.cjs');
10
13
  require('../__chunks/W32FX7DM.cjs');
11
14
  require('../__chunks/CARNFZQT.cjs');
12
- require('../__chunks/O45IXGJW.cjs');
13
- require('../__chunks/TVZPJJTX.cjs');
14
- require('../__chunks/56NPFF7P.cjs');
15
15
  require('../__chunks/NR3SJH64.cjs');
16
16
  require('../__chunks/GHWBKA6H.cjs');
17
17
  require('../__chunks/EE6OIU6X.cjs');
@@ -34,4 +34,4 @@ require('../__chunks/6455U47T.cjs');
34
34
 
35
35
 
36
36
 
37
- exports.Popover = _FU76FHC2cjs.Popover; exports.usePopover = _FU76FHC2cjs.usePopover;
37
+ exports.Popover = _JZRGYPLKcjs.Popover; exports.usePopover = _JZRGYPLKcjs.usePopover;
@@ -1,16 +1,16 @@
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 _JZRGYPLKcjs = require('../__chunks/JZRGYPLK.cjs');
4
+ require('../__chunks/IRSBF3C5.cjs');
5
+ require('../__chunks/OMM6PC3A.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');
@@ -51,7 +51,7 @@ var useSelectPopover = _7NAIPZYNcjs.createHook.call(void 0,
51
51
  (_a) => {
52
52
  var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
53
53
  props = _ASQZCUUAcjs.useSelectList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
54
- props = _FU76FHC2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
54
+ props = _JZRGYPLKcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
55
55
  return props;
56
56
  }
57
57
  );