@ariakit/react-core 0.4.11 → 0.4.13

package/CHANGELOG.md

@@ -1,5 +1,77 @@
 # @ariakit/react-core
 
+## 0.4.13
+
+### Accessible composite widgets with invalid `activeId`
+
+We've improved the logic for composite widgets such as [Tabs](https://ariakit.org/components/tab) and [Toolbar](https://ariakit.org/components/toolbar) when the [`activeId`](https://ariakit.org/reference/composite-provider#activeid) state points to an element that is disabled or missing from the DOM. This can happen if an item is dynamically removed, disabled, or lazily rendered, potentially making the composite widget inaccessible to keyboard users.
+
+Now, when the [`activeId`](https://ariakit.org/reference/composite-provider#activeid) state is invalid, all composite items will remain tabbable, enabling users to <kbd>Tab</kbd> into the composite widget. Once a composite item receives focus or the element referenced by the [`activeId`](https://ariakit.org/reference/composite-provider#activeid) state becomes available, the roving tabindex behavior is restored.
+
+### Other updates
+
+- Fixed regression in [`focusShift`](https://ariakit.org/reference/composite-provider#focusshift).
+- Fixed [Radio](https://ariakit.org/components/radio) to prevent `onChange` from triggering on radios that are already checked.
+- Fixed [`DisclosureContent`](https://ariakit.org/reference/disclosure-content) setting an incorrect `animating` state value during enter animations.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.12`
+
+## 0.4.12
+
+### Tab panels with scroll restoration
+
+Ariakit now supports scroll restoration for the [`TabPanel`](https://ariakit.org/reference/tab-panel) component. This allows you to control whether and how the scroll position is restored when switching tabs.
+
+To enable scroll restoration, use the new [`scrollRestoration`](https://ariakit.org/reference/tab-panel#scrollrestoration) prop:
+
+```jsx
+// Restores the scroll position of the tab panel element when switching tabs
+<TabPanel scrollRestoration />
+```
+
+By default, the scroll position is restored when switching tabs. You can set it to `"reset"` to return the scroll position to the top of the tab panel when changing tabs. Use the [`scrollElement`](https://ariakit.org/reference/tab-panel#scrollelement) prop to specify a different scrollable element:
+
+```jsx
+// Resets the scroll position of a different scrollable element
+<div className="overflow-auto">
+  <TabPanel
+    scrollRestoration="reset"
+    scrollElement={(panel) => panel.parentElement}
+  />
+</div>
+```
+
+### Full height dialogs and on-screen virtual keyboards
+
+A new [`--dialog-viewport-height`](https://ariakit.org/guide/styling#--dialog-viewport-height) CSS variable has been added to the [Dialog](https://ariakit.org/components/dialog) component. This variable exposes the height of the visual viewport, considering the space taken by virtual keyboards on mobile devices. Use this CSS variable when you have input fields in your dialog to ensure it always fits within the visual viewport:
+
+```css
+.dialog {
+  max-height: var(--dialog-viewport-height, 100dvh);
+}
+```
+
+### Overriding composite state for specific methods
+
+The [`next`](https://ariakit.org/reference/use-composite-store#next), [`previous`](https://ariakit.org/reference/use-composite-store#previous), [`up`](https://ariakit.org/reference/use-composite-store#up), and [`down`](https://ariakit.org/reference/use-composite-store#down) methods of the [composite store](https://ariakit.org/reference/use-composite-store) now accept an object as the first argument to override the composite state for that specific method. For example, you can pass a different [`activeId`](https://ariakit.org/reference/use-composite-store#activeid) value to the [`next`](https://ariakit.org/reference/use-composite-store#next) method so it returns the next item based on that value rather than the current active item in the composite store:
+
+```js
+const store = useCompositeStore({ defaultActiveId: "item1" });
+const item3 = store.next({ activeId: "item2" });
+```
+
+It's important to note that the composite state is not modified when using this feature. The state passed to these methods is used solely for that specific method call.
+
+### Other updates
+
+- Fixed the ability to <kbd>Tab</kbd> out of a nested [Menu](https://ariakit.org/components/menu) within a modal [Dialog](https://ariakit.org/components/dialog).
+- Fixed CJS build on Next.js.
+- Enhanced performance on [Dialog](https://ariakit.org/components/dialog) backdrops.
+- Updated the `useAttribute` hook to handle cases when the attribute is removed from the element.
+- Fixed [`Tab`](https://ariakit.org/reference/tab) to pass the [`rowId`](https://ariakit.org/reference/tab#rowid) prop when used with other composite widgets.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.11`
+
 ## 0.4.11
 
 ### Tabs inside animated Combobox or Select

package/cjs/__chunks/{SDBASOGF.cjs → 2BYHFNPP.cjs}

@@ -1,18 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
+var _VZG3Q4VAcjs = require('./VZG3Q4VA.cjs');
 
-var _C55AGIGAcjs = require('./C55AGIGA.cjs');
 
-
-var _DMH7HONVcjs = require('./DMH7HONV.cjs');
+var _Y7UE4JBRcjs = require('./Y7UE4JBR.cjs');
 
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreProps(store, update, props) {
-  return _C55AGIGAcjs.useDisclosureStoreProps.call(void 0, store, update, props);
+  return _VZG3Q4VAcjs.useDisclosureStoreProps.call(void 0, store, update, props);
 }
 function useDialogStore(props = {}) {
-  const [store, update] = _DMH7HONVcjs.useStore.call(void 0, Core.createDialogStore, props);
+  const [store, update] = _Y7UE4JBRcjs.useStore.call(void 0, Core.createDialogStore, props);
   return useDialogStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{3MQN464L.cjs → 2P3WACML.cjs}

@@ -1,17 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _UJOJUNICcjs = require('./UJOJUNIC.cjs');
 
-var _32EK4BGYcjs = require('./32EK4BGY.cjs');
 
-
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
 // src/composite/composite-context.tsx
 var _react = require('react');
-var ctx = _M5IWBORBcjs.createStoreContext.call(void 0, 
-  [_32EK4BGYcjs.CollectionContextProvider],
-  [_32EK4BGYcjs.CollectionScopedContextProvider]
+var ctx = _MFAH5VLWcjs.createStoreContext.call(void 0, 
+  [_UJOJUNICcjs.CollectionContextProvider],
+  [_UJOJUNICcjs.CollectionScopedContextProvider]
 );
 var useCompositeContext = ctx.useContext;
 var useCompositeScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{OZFFK5VS.cjs → 2XWRXJTW.cjs}

@@ -1,22 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _V7JASX7Scjs = require('./V7JASX7S.cjs');
 
-var _NMKMMUORcjs = require('./NMKMMUOR.cjs');
 
+var _FHMITJ2Icjs = require('./FHMITJ2I.cjs');
 
-var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
 
+var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
 
-var _MTP72GGYcjs = require('./MTP72GGY.cjs');
 
+var _AQ2LO7WVcjs = require('./AQ2LO7WV.cjs');
 
-var _OVBWMHNOcjs = require('./OVBWMHNO.cjs');
 
+var _YVOQ2BCBcjs = require('./YVOQ2BCB.cjs');
 
 
 
 
-var _YS72JDSEcjs = require('./YS72JDSE.cjs');
+
+var _4SKDRUBRcjs = require('./4SKDRUBR.cjs');
 
 // src/dialog/utils/disable-tree.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -24,24 +26,24 @@ var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
 function disableTree(element, ignoredElements) {
   if (!("style" in element)) return _misc.noop;
-  if (_6IUEXB4Lcjs.supportsInert.call(void 0, )) {
-    return _YS72JDSEcjs.setProperty.call(void 0, element, "inert", true);
+  if (_56NPFF7Pcjs.supportsInert.call(void 0, )) {
+    return _4SKDRUBRcjs.setProperty.call(void 0, element, "inert", true);
   }
   const tabbableElements = _focus.getAllTabbableIn.call(void 0, element, true);
   const enableElements = tabbableElements.map((element2) => {
     if (ignoredElements == null ? void 0 : ignoredElements.some((el) => el && _dom.contains.call(void 0, el, element2))) return _misc.noop;
-    const restoreFocusMethod = _YS72JDSEcjs.orchestrate.call(void 0, element2, "focus", () => {
+    const restoreFocusMethod = _4SKDRUBRcjs.orchestrate.call(void 0, element2, "focus", () => {
       element2.focus = _misc.noop;
       return () => {
         delete element2.focus;
       };
     });
-    return _misc.chain.call(void 0, _YS72JDSEcjs.setAttribute.call(void 0, element2, "tabindex", "-1"), restoreFocusMethod);
+    return _misc.chain.call(void 0, _4SKDRUBRcjs.setAttribute.call(void 0, element2, "tabindex", "-1"), restoreFocusMethod);
   });
   return _misc.chain.call(void 0, 
     ...enableElements,
-    _NMKMMUORcjs.hideElementFromAccessibilityTree.call(void 0, element),
-    _YS72JDSEcjs.assignStyle.call(void 0, element, {
+    _FHMITJ2Icjs.hideElementFromAccessibilityTree.call(void 0, element),
+    _4SKDRUBRcjs.assignStyle.call(void 0, element, {
       pointerEvents: "none",
       userSelect: "none",
       cursor: "default"
@@ -51,17 +53,18 @@ function disableTree(element, ignoredElements) {
 function disableTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  _OVBWMHNOcjs.walkTreeOutside.call(void 0, 
+  _YVOQ2BCBcjs.walkTreeOutside.call(void 0, 
     id,
     elements,
     (element) => {
-      if (_MTP72GGYcjs.isBackdrop.call(void 0, element, ...ids)) return;
+      if (_AQ2LO7WVcjs.isBackdrop.call(void 0, element, ...ids)) return;
+      if (_V7JASX7Scjs.isFocusTrap.call(void 0, element, ...ids)) return;
       cleanups.unshift(disableTree(element, elements));
     },
     (element) => {
       if (!element.hasAttribute("role")) return;
       if (elements.some((el) => el && _dom.contains.call(void 0, el, element))) return;
-      cleanups.unshift(_YS72JDSEcjs.setAttribute.call(void 0, element, "role", "none"));
+      cleanups.unshift(_4SKDRUBRcjs.setAttribute.call(void 0, element, "role", "none"));
     }
   );
   const restoreTreeOutside = () => {

package/cjs/__chunks/3MUWK7XK.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _O7N5RMXZcjs = require('./O7N5RMXZ.cjs');
+
+
+var _P66OGEAYcjs = require('./P66OGEAY.cjs');
+
+
+
+
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
+
+
+
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
+
+// src/select/select-arrow.tsx
+var TagName = "span";
+var useSelectArrow = _MFAH5VLWcjs.createHook.call(void 0, 
+  function useSelectArrow2(_a) {
+    var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _P66OGEAYcjs.useSelectContext.call(void 0, );
+    store = store || context;
+    props = _O7N5RMXZcjs.usePopoverDisclosureArrow.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var SelectArrow = _MFAH5VLWcjs.forwardRef.call(void 0, function SelectArrow2(props) {
+  const htmlProps = useSelectArrow(props);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useSelectArrow = useSelectArrow; exports.SelectArrow = SelectArrow;

package/cjs/__chunks/{AH3CUB6N.cjs → 4K6QJIPX.cjs}

@@ -1,6 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-// src/popover/popover-arrow-path.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/popover/popover-arrow-path.ts
 var POPOVER_ARROW_PATH = "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z";
 
 

package/cjs/__chunks/{UALZQVMV.cjs → 4RLNADFK.cjs}

@@ -1,44 +1,43 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _LSQ5XROEcjs = require('./LSQ5XROE.cjs');
 
-var _I4CNIETUcjs = require('./I4CNIETU.cjs');
 
+var _E3JIN4WHcjs = require('./E3JIN4WH.cjs');
 
-var _HHTQYHYLcjs = require('./HHTQYHYL.cjs');
 
 
 
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/dialog/dialog-disclosure.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "button";
-var useDialogDisclosure = _M5IWBORBcjs.createHook.call(void 0, 
+var useDialogDisclosure = _MFAH5VLWcjs.createHook.call(void 0, 
   function useDialogDisclosure2(_a) {
-    var _b = _a, { store } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _HHTQYHYLcjs.useDialogProviderContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _E3JIN4WHcjs.useDialogProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
     );
     const contentElement = store.useState("contentElement");
-    props = _3IVNQNIVcjs.__spreadValues.call(void 0, {
+    props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
     }, props);
-    props = _I4CNIETUcjs.useDisclosure.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
+    props = _LSQ5XROEcjs.useDisclosure.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var DialogDisclosure = _M5IWBORBcjs.forwardRef.call(void 0, function DialogDisclosure2(props) {
+var DialogDisclosure = _MFAH5VLWcjs.forwardRef.call(void 0, function DialogDisclosure2(props) {
   const htmlProps = useDialogDisclosure(props);
-  return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{YS72JDSE.cjs → 4SKDRUBR.cjs}

@@ -1,6 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-// src/dialog/utils/orchestrate.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/orchestrate.ts
 var cleanups = /* @__PURE__ */ new WeakMap();
 function orchestrate(element, key, setup) {
   if (!cleanups.has(element)) {

package/cjs/__chunks/{25QVT5IO.cjs → 4ZYQLOON.cjs}

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
+var _L6CLLK7Rcjs = require('./L6CLLK7R.cjs');
 
-var _3HGFVGHBcjs = require('./3HGFVGHB.cjs');
 
+var _WHHEJNY4cjs = require('./WHHEJNY4.cjs');
 
-var _OLYNI57Ecjs = require('./OLYNI57E.cjs');
 
+var _O2OGPECXcjs = require('./O2OGPECX.cjs');
 
-var _MYUTK2J2cjs = require('./MYUTK2J2.cjs');
 
 
+var _RREOTJCIcjs = require('./RREOTJCI.cjs');
 
-var _ZBR3CZBXcjs = require('./ZBR3CZBX.cjs');
 
 
 
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
 
 
 
@@ -27,13 +27,12 @@ var _M5IWBORBcjs = require('./M5IWBORB.cjs');
 
 
 
+var _TM5Y6AJUcjs = require('./TM5Y6AJU.cjs');
 
-var _WT6AUJWVcjs = require('./WT6AUJWV.cjs');
 
 
 
-
-var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/hovercard/hovercard.tsx
 var _dom = require('@ariakit/core/utils/dom');
@@ -68,7 +67,7 @@ function isMovingOnHovercard(target, card, anchor, nested) {
 function useAutoFocusOnHide(_a) {
   var _b = _a, {
     store
-  } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
     "store"
   ]);
   const [autoFocusOnHide, setAutoFocusOnHide] = _react.useState.call(void 0, false);
@@ -79,7 +78,7 @@ function useAutoFocusOnHide(_a) {
     }
   }, [mounted]);
   const onFocusProp = props.onFocus;
-  const onFocus = _WT6AUJWVcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _TM5Y6AJUcjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented) return;
     setAutoFocusOnHide(true);
@@ -90,7 +89,7 @@ function useAutoFocusOnHide(_a) {
       finalFocusRef.current = state.anchorElement;
     });
   }, []);
-  props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+  props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
     autoFocusOnHide,
     finalFocus: finalFocusRef
   }, props), {
@@ -99,7 +98,7 @@ function useAutoFocusOnHide(_a) {
   return props;
 }
 var NestedHovercardContext = _react.createContext.call(void 0, null);
-var useHovercard = _M5IWBORBcjs.createHook.call(void 0, 
+var useHovercard = _MFAH5VLWcjs.createHook.call(void 0, 
   function useHovercard2(_a) {
     var _b = _a, {
       store,
@@ -108,7 +107,7 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
       hideOnEscape = true,
       hideOnHoverOutside = true,
       disablePointerEventsOnApproach = !!hideOnHoverOutside
-    } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
       "store",
       "modal",
       "portal",
@@ -116,7 +115,7 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
       "hideOnHoverOutside",
       "disablePointerEventsOnApproach"
     ]);
-    const context = _ZBR3CZBXcjs.useHovercardProviderContext.call(void 0, );
+    const context = _RREOTJCIcjs.useHovercardProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -126,12 +125,12 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
     const [nestedHovercards, setNestedHovercards] = _react.useState.call(void 0, []);
     const hideTimeoutRef = _react.useRef.call(void 0, 0);
     const enterPointRef = _react.useRef.call(void 0, null);
-    const { portalRef, domReady } = _WT6AUJWVcjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const isMouseMoving = _WT6AUJWVcjs.useIsMouseMoving.call(void 0, );
+    const { portalRef, domReady } = _TM5Y6AJUcjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const isMouseMoving = _TM5Y6AJUcjs.useIsMouseMoving.call(void 0, );
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
+    const hideOnHoverOutsideProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = _WT6AUJWVcjs.useBooleanEvent.call(void 0, 
+    const disablePointerEventsProp = _TM5Y6AJUcjs.useBooleanEvent.call(void 0, 
       disablePointerEventsOnApproach
     );
     const open = store.useState("open");
@@ -150,16 +149,16 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
         const [target] = event.composedPath();
         const anchor = anchorElement;
         if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {
-          enterPointRef.current = target && anchor && _dom.contains.call(void 0, anchor, target) ? _3HGFVGHBcjs.getEventPoint.call(void 0, event) : null;
+          enterPointRef.current = target && anchor && _dom.contains.call(void 0, anchor, target) ? _L6CLLK7Rcjs.getEventPoint.call(void 0, event) : null;
           window.clearTimeout(hideTimeoutRef.current);
           hideTimeoutRef.current = 0;
           return;
         }
         if (hideTimeoutRef.current) return;
         if (enterPoint) {
-          const currentPoint = _3HGFVGHBcjs.getEventPoint.call(void 0, event);
-          const polygon = _3HGFVGHBcjs.getElementPolygon.call(void 0, element, enterPoint);
-          if (_3HGFVGHBcjs.isPointInPolygon.call(void 0, currentPoint, polygon)) {
+          const currentPoint = _L6CLLK7Rcjs.getEventPoint.call(void 0, event);
+          const polygon = _L6CLLK7Rcjs.getElementPolygon.call(void 0, element, enterPoint);
+          if (_L6CLLK7Rcjs.isPointInPolygon.call(void 0, currentPoint, polygon)) {
             enterPointRef.current = currentPoint;
             if (!disablePointerEventsProp(event)) return;
             event.preventDefault();
@@ -197,8 +196,8 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
         if (!element) return;
         const enterPoint = enterPointRef.current;
         if (!enterPoint) return;
-        const polygon = _3HGFVGHBcjs.getElementPolygon.call(void 0, element, enterPoint);
-        if (_3HGFVGHBcjs.isPointInPolygon.call(void 0, _3HGFVGHBcjs.getEventPoint.call(void 0, event), polygon)) {
+        const polygon = _L6CLLK7Rcjs.getElementPolygon.call(void 0, element, enterPoint);
+        if (_L6CLLK7Rcjs.isPointInPolygon.call(void 0, _L6CLLK7Rcjs.getEventPoint.call(void 0, event), polygon)) {
           if (!disablePointerEventsProp(event)) return;
           event.preventDefault();
           event.stopPropagation();
@@ -217,7 +216,7 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
       if (open) return;
       store == null ? void 0 : store.setAutoFocusOnShow(false);
     }, [store, domReady, open]);
-    const openRef = _WT6AUJWVcjs.useLiveRef.call(void 0, open);
+    const openRef = _TM5Y6AJUcjs.useLiveRef.call(void 0, open);
     _react.useEffect.call(void 0, () => {
       if (!domReady) return;
       return () => {
@@ -227,7 +226,7 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
       };
     }, [store, domReady]);
     const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
-    _WT6AUJWVcjs.useSafeLayoutEffect.call(void 0, () => {
+    _TM5Y6AJUcjs.useSafeLayoutEffect.call(void 0, () => {
       if (modal) return;
       if (!portal) return;
       if (!mounted) return;
@@ -249,19 +248,19 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
       },
       [registerOnParent]
     );
-    props = _WT6AUJWVcjs.useWrapElement.call(void 0, 
+    props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZBR3CZBXcjs.HovercardScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }) }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RREOTJCIcjs.HovercardScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }) }),
       [store, registerNestedHovercard]
     );
-    props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _WT6AUJWVcjs.useMergeRefs.call(void 0, ref, props.ref)
+    props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
+      ref: _TM5Y6AJUcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = useAutoFocusOnHide(_3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
+    props = useAutoFocusOnHide(_7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _OLYNI57Ecjs.usePopover.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
+    props = _WHHEJNY4cjs.usePopover.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -281,12 +280,12 @@ var useHovercard = _M5IWBORBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _MYUTK2J2cjs.createDialogComponent.call(void 0, 
-  _M5IWBORBcjs.forwardRef.call(void 0, function Hovercard2(props) {
+var Hovercard = _O2OGPECXcjs.createDialogComponent.call(void 0, 
+  _MFAH5VLWcjs.forwardRef.call(void 0, function Hovercard2(props) {
     const htmlProps = useHovercard(props);
-    return _M5IWBORBcjs.createElement.call(void 0, TagName, htmlProps);
+    return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _ZBR3CZBXcjs.useHovercardProviderContext
+  _RREOTJCIcjs.useHovercardProviderContext
 );
 
 

package/cjs/__chunks/{6IUEXB4L.cjs → 56NPFF7P.cjs}

@@ -1,6 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-// src/dialog/utils/supports-inert.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/supports-inert.ts
 function supportsInert() {
   return "inert" in HTMLElement.prototype;
 }

package/cjs/__chunks/{HEJFPAL3.cjs → 5EJQOBUA.cjs}

@@ -1,21 +1,20 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
+var _Y7UE4JBRcjs = require('./Y7UE4JBR.cjs');
 
-var _DMH7HONVcjs = require('./DMH7HONV.cjs');
 
-
-var _WT6AUJWVcjs = require('./WT6AUJWV.cjs');
+var _TM5Y6AJUcjs = require('./TM5Y6AJU.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
 function useCheckboxStoreProps(store, update, props) {
-  _WT6AUJWVcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _DMH7HONVcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _TM5Y6AJUcjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _Y7UE4JBRcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const [store, update] = _DMH7HONVcjs.useStore.call(void 0, Core.createCheckboxStore, props);
+  const [store, update] = _Y7UE4JBRcjs.useStore.call(void 0, Core.createCheckboxStore, props);
   return useCheckboxStoreProps(store, update, props);
 }
 

package/cjs/__chunks/5UGU5HIQ.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _T3QB4FR3cjs = require('./T3QB4FR3.cjs');
+
+
+
+
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
+
+
+var _TM5Y6AJUcjs = require('./TM5Y6AJU.cjs');
+
+
+var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
+
+// src/focusable/focusable-container.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useFocusableContainer = _MFAH5VLWcjs.createHook.call(void 0, function useFocusableContainer2(_a) {
+  var _b = _a, { autoFocusOnShow = true } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
+  props = _TM5Y6AJUcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _T3QB4FR3cjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
+    [autoFocusOnShow]
+  );
+  return props;
+});
+var FocusableContainer = _MFAH5VLWcjs.forwardRef.call(void 0, function FocusableContainer2(props) {
+  const htmlProps = useFocusableContainer(props);
+  return _MFAH5VLWcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useFocusableContainer = useFocusableContainer; exports.FocusableContainer = FocusableContainer;

package/cjs/__chunks/{AMARRBCF.cjs → 5X5VM34K.cjs}

@@ -1,16 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _E3JIN4WHcjs = require('./E3JIN4WH.cjs');
 
-var _HHTQYHYLcjs = require('./HHTQYHYL.cjs');
 
-
-var _M5IWBORBcjs = require('./M5IWBORB.cjs');
+var _MFAH5VLWcjs = require('./MFAH5VLW.cjs');
 
 // src/popover/popover-context.tsx
-var ctx = _M5IWBORBcjs.createStoreContext.call(void 0, 
-  [_HHTQYHYLcjs.DialogContextProvider],
-  [_HHTQYHYLcjs.DialogScopedContextProvider]
+var ctx = _MFAH5VLWcjs.createStoreContext.call(void 0, 
+  [_E3JIN4WHcjs.DialogContextProvider],
+  [_E3JIN4WHcjs.DialogScopedContextProvider]
 );
 var usePopoverContext = ctx.useContext;
 var usePopoverScopedContext = ctx.useScopedContext;