@ariakit/react-core 0.1.5 → 0.1.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ariakit/react-core
 
+## 0.1.6
+
+### Patch Changes
+
+- Added `FocusableContainer` component to control whether `Focusable` components inside it can be auto focused when they have the `autoFocus` prop. ([#2322](https://github.com/ariakit/ariakit/pull/2322))
+
+- Fixed `Select` component causing a scroll jump when it's dynamically rendered in a portal. ([#2322](https://github.com/ariakit/ariakit/pull/2322))
+
+- Fixed a bug where passing controlled props to a component store wouldn't always call the state setter with an updated value. ([#2328](https://github.com/ariakit/ariakit/pull/2328))
+
+- Fixed `Menu` not respecting `hidden={false}`. ([#2328](https://github.com/ariakit/ariakit/pull/2328))
+
+- Updated JSDocs.
+
+- Updated dependencies: `@ariakit/core@0.1.4`.
+
 ## 0.1.5
 
 ### Patch Changes

package/cjs/__chunks/{TZBXRN4U.cjs → 2G5G7FQE.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
+var _WMRNXISUcjs = require('./WMRNXISU.cjs');
 
 
 var _NKZKDBARcjs = require('./NKZKDBAR.cjs');
@@ -21,7 +21,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -149,7 +149,7 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const row = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeRowContext);
-    const rowId = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, (state) => {
+    const rowId = _SXSNI6QAcjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!_optionalChain([row, 'optionalAccess', _2 => _2.baseElement]))
@@ -272,7 +272,7 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _TQ3ZXPQLcjs.useStoreState.call(void 0, 
+    const baseElement = _SXSNI6QAcjs.useStoreState.call(void 0, 
       store,
       (state) => state.baseElement || void 0
     );
@@ -285,9 +285,9 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NVMBKFRBcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const isActiveItem = _SXSNI6QAcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
     const role = useRole(ref, props);
-    const virtualFocus = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const virtualFocus = _SXSNI6QAcjs.useStoreState.call(void 0, store, "virtualFocus");
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -296,7 +296,7 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = _TQ3ZXPQLcjs.useStoreState.call(void 0, 
+    const shouldTabIndex = _SXSNI6QAcjs.useStoreState.call(void 0, 
       store,
       (state) => !state.virtualFocus && isActiveItem
     );
@@ -311,7 +311,7 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     };
-    props = _EWCMH6G3cjs.useCommand.call(void 0, props);
+    props = _WMRNXISUcjs.useCommand.call(void 0, props);
     props = _NKZKDBARcjs.useCollectionItem.call(void 0, {
       store,
       ...props,

package/cjs/__chunks/{PZ72QR7P.cjs → 2WXUU3G6.cjs}

@@ -11,7 +11,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -63,7 +63,7 @@ var useCompositeContainer = _UYIFJ7U3cjs.createHook.call(void 0,
       isOpenRef.current = false;
       _focus.disableFocusIn.call(void 0, container);
     };
-    const renderedItems = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, "renderedItems");
+    const renderedItems = _SXSNI6QAcjs.useStoreState.call(void 0, store, "renderedItems");
     _react.useEffect.call(void 0, () => {
       const container = ref.current;
       if (!container)

package/cjs/__chunks/{GTWUFHVO.cjs → 3X3VOT2M.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
+var _WMRNXISUcjs = require('./WMRNXISU.cjs');
 
 
 
@@ -30,7 +30,7 @@ var useButton = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
     ...props,
     ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
   };
-  props = _EWCMH6G3cjs.useCommand.call(void 0, props);
+  props = _WMRNXISUcjs.useCommand.call(void 0, props);
   return props;
 });
 var Button = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {

package/cjs/__chunks/{GV5LATA3.cjs → 53UPJ72H.cjs}

@@ -7,7 +7,7 @@
 var _6622YWGRcjs = require('./6622YWGR.cjs');
 
 
-var _44UMDBZEcjs = require('./44UMDBZE.cjs');
+var _X5PL2AHYcjs = require('./X5PL2AHY.cjs');
 
 
 var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
@@ -308,7 +308,7 @@ var useComposite = _UYIFJ7U3cjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _44UMDBZEcjs.useFocusable.call(void 0, { focusable, ...props });
+    props = _X5PL2AHYcjs.useFocusable.call(void 0, { focusable, ...props });
     return props;
   }
 );

package/cjs/__chunks/{GSMEXLDS.cjs → 5ARECY7S.cjs}

@@ -3,28 +3,31 @@
 var _2ZU7T6CDcjs = require('./2ZU7T6CD.cjs');
 
 
-var _MWKUZW4Ecjs = require('./MWKUZW4E.cjs');
+var _CP6M4POZcjs = require('./CP6M4POZ.cjs');
 
 
-var _5EIZ4QQ7cjs = require('./5EIZ4QQ7.cjs');
+var _UK7WFIG4cjs = require('./UK7WFIG4.cjs');
 
 
-var _OKPDB2ZMcjs = require('./OKPDB2ZM.cjs');
+var _MWKUZW4Ecjs = require('./MWKUZW4E.cjs');
 
 
-var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
+var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
 
 
-var _ZNVMDYMMcjs = require('./ZNVMDYMM.cjs');
+var _5EIZ4QQ7cjs = require('./5EIZ4QQ7.cjs');
 
 
-var _CP6M4POZcjs = require('./CP6M4POZ.cjs');
+var _OKPDB2ZMcjs = require('./OKPDB2ZM.cjs');
 
 
-var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
+var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
 
 
-var _UK7WFIG4cjs = require('./UK7WFIG4.cjs');
+var _OISXSXPDcjs = require('./OISXSXPD.cjs');
+
+
+var _ZNVMDYMMcjs = require('./ZNVMDYMM.cjs');
 
 
 var _SOPRUU56cjs = require('./SOPRUU56.cjs');
@@ -35,7 +38,7 @@ var _SOPRUU56cjs = require('./SOPRUU56.cjs');
 var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 
 
-var _44UMDBZEcjs = require('./44UMDBZE.cjs');
+var _X5PL2AHYcjs = require('./X5PL2AHY.cjs');
 
 
 var _KUXCWMWWcjs = require('./KUXCWMWW.cjs');
@@ -256,6 +259,7 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
     }, [shouldDisableOutside, portal, portalNode, modal]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const autoFocusOnShowProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
+    const [autoFocusEnabled, setAutoFocusEnabled] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       if (!open)
         return;
@@ -284,6 +288,7 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
       _focus.getFirstTabbableIn.call(void 0, dialog, true, portal && preserveTabOrder) || dialog;
       if (!autoFocusOnShowProp(element))
         return;
+      setAutoFocusEnabled(true);
       element.focus();
     }, [
       contentElement,
@@ -442,8 +447,12 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
       ...props,
       ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
     };
+    props = _OISXSXPDcjs.useFocusableContainer.call(void 0, {
+      ...props,
+      autoFocusOnShow: autoFocusEnabled
+    });
     props = _SWSQUGVGcjs.useDisclosureContent.call(void 0, { store, ...props });
-    props = _44UMDBZEcjs.useFocusable.call(void 0, { ...props, focusable });
+    props = _X5PL2AHYcjs.useFocusable.call(void 0, { ...props, focusable });
     props = _KUXCWMWWcjs.usePortal.call(void 0, { portal, ...props, portalRef, preserveTabOrder });
     return props;
   }

package/cjs/__chunks/{LICOAFSX.cjs → 66TVVZQ7.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _22VQR3WCcjs = require('./22VQR3WC.cjs');
+var _WBMW454Mcjs = require('./WBMW454M.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -36,7 +36,7 @@ var usePopoverDisclosure = _UYIFJ7U3cjs.createHook.call(void 0,
       onClick
     };
     props = _BJTWNJAPcjs.usePopoverAnchor.call(void 0, { store, ...props });
-    props = _22VQR3WCcjs.useDialogDisclosure.call(void 0, { store, ...props });
+    props = _WBMW454Mcjs.useDialogDisclosure.call(void 0, { store, ...props });
     return props;
   }
 );

package/cjs/__chunks/{VSKE43XZ.cjs → 6THZKJIB.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _GTWUFHVOcjs = require('./GTWUFHVO.cjs');
+var _3X3VOT2Mcjs = require('./3X3VOT2M.cjs');
 
 
 
@@ -58,7 +58,7 @@ var useDisclosure = _UYIFJ7U3cjs.createHook.call(void 0,
       onMouseDown,
       onClick
     };
-    props = _GTWUFHVOcjs.useButton.call(void 0, props);
+    props = _3X3VOT2Mcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{DH774RHH.cjs → 7RBGKDQ5.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
+var _2G5G7FQEcjs = require('./2G5G7FQE.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 // src/toolbar/toolbar-item.ts
 var useToolbarItem = _UYIFJ7U3cjs.createHook.call(void 0, 
   ({ store, ...props }) => {
-    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { store, ...props });
+    props = _2G5G7FQEcjs.useCompositeItem.call(void 0, { store, ...props });
     return props;
   }
 );

package/cjs/__chunks/{J3TNGZSO.cjs → BSR35RJL.cjs}

@@ -10,7 +10,7 @@ var _F2O4M6DRcjs = require('./F2O4M6DR.cjs');
 var _TBYPXZ5Hcjs = require('./TBYPXZ5H.cjs');
 
 
-var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
+var _2G5G7FQEcjs = require('./2G5G7FQE.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -65,7 +65,7 @@ var useMenuItem = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _TQ3ZXPQLcjs.useStoreState.call(void 0, 
+    const contentElement = _SXSNI6QAcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -75,7 +75,7 @@ var useMenuItem = _UYIFJ7U3cjs.createHook.call(void 0,
       ...props,
       onClick
     };
-    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { store, preventScrollOnKeyDown, ...props });
+    props = _2G5G7FQEcjs.useCompositeItem.call(void 0, { store, preventScrollOnKeyDown, ...props });
     props = _TBYPXZ5Hcjs.useCompositeHover.call(void 0, {
       store,
       ...props,

package/cjs/__chunks/{UYAQKYEJ.cjs → BVCQMR5S.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _GSMEXLDScjs = require('./GSMEXLDS.cjs');
+var _5ARECY7Scjs = require('./5ARECY7S.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -90,7 +90,7 @@ var usePopover = _UYIFJ7U3cjs.createHook.call(void 0,
         ...props.style
       }
     };
-    props = _GSMEXLDScjs.useDialog.call(void 0, {
+    props = _5ARECY7Scjs.useDialog.call(void 0, {
       store,
       modal,
       preserveTabOrder,

package/cjs/__chunks/{M4ATEGE4.cjs → DSXWE3J4.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GWL7P7EGcjs = require('./GWL7P7EG.cjs');
+var _HSDQTR23cjs = require('./HSDQTR23.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = _UYIFJ7U3cjs.createHook.call(void 0, 
   (props) => {
-    props = _GWL7P7EGcjs.usePopoverDismiss.call(void 0, props);
+    props = _HSDQTR23cjs.usePopoverDismiss.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{WLSIWMKQ.cjs → DVEJQM2Q.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _44UMDBZEcjs = require('./44UMDBZE.cjs');
+var _X5PL2AHYcjs = require('./X5PL2AHY.cjs');
 
 
 
@@ -64,7 +64,7 @@ var useHovercardAnchor = _UYIFJ7U3cjs.createHook.call(void 0,
       ref: _5QY4WCTRcjs.useForkRef.call(void 0, store.setAnchorElement, props.ref),
       onMouseMove
     };
-    props = _44UMDBZEcjs.useFocusable.call(void 0, props);
+    props = _X5PL2AHYcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{63KDRM7J.cjs → F5U4P2DJ.cjs}

@@ -3,7 +3,7 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
+var _2G5G7FQEcjs = require('./2G5G7FQE.cjs');
 
 
 
@@ -11,7 +11,7 @@ var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -38,7 +38,7 @@ var useRadio = _UYIFJ7U3cjs.createHook.call(void 0,
     store = store || context;
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const isChecked = _nullishCoalesce(_TQ3ZXPQLcjs.useStoreState.call(void 0, 
+    const isChecked = _nullishCoalesce(_SXSNI6QAcjs.useStoreState.call(void 0, 
       store,
       (state) => _nullishCoalesce(checked, () => ( getIsChecked(value, state.value)))
     ), () => ( checked));
@@ -105,7 +105,7 @@ var useRadio = _UYIFJ7U3cjs.createHook.call(void 0,
       onClick,
       onFocus
     };
-    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { store, clickOnEnter: !nativeRadio, ...props });
+    props = _2G5G7FQEcjs.useCompositeItem.call(void 0, { store, clickOnEnter: !nativeRadio, ...props });
     return {
       value: nativeRadio ? value : void 0,
       checked: isChecked,

package/cjs/__chunks/{BJ6S3SB5.cjs → HRXM35NF.cjs}

@@ -1,11 +1,11 @@
 "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 _FJEN5XPEcjs = require('./FJEN5XPE.cjs');
+var _USA6K5CCcjs = require('./USA6K5CC.cjs');
 
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
@@ -16,29 +16,29 @@ function usePopoverStoreOptions(props) {
   const getAnchorRect = _5QY4WCTRcjs.useEvent.call(void 0, props.getAnchorRect);
   const renderCallback = _5QY4WCTRcjs.useEvent.call(void 0, props.renderCallback);
   return {
-    ..._FJEN5XPEcjs.useDialogStoreOptions.call(void 0, props),
+    ..._USA6K5CCcjs.useDialogStoreOptions.call(void 0, props),
     getAnchorRect: props.getAnchorRect ? getAnchorRect : void 0,
     renderCallback: props.renderCallback ? renderCallback : void 0
   };
 }
 function usePopoverStoreProps(store, props) {
-  store = _FJEN5XPEcjs.useDialogStoreProps.call(void 0, store, props);
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "placement");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "fixed");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "gutter");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "flip");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "shift");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "slide");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "overlap");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "sameWidth");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "fitViewport");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "arrowPadding");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "overflowPadding");
+  store = _USA6K5CCcjs.useDialogStoreProps.call(void 0, store, props);
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "placement");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "fixed");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "gutter");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "flip");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "shift");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "slide");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "overlap");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "sameWidth");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "fitViewport");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "arrowPadding");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "overflowPadding");
   return store;
 }
 function usePopoverStore(props = {}) {
   const options = usePopoverStoreOptions(props);
-  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
+  const store = _SXSNI6QAcjs.useStore.call(void 0, 
     () => Core.createPopoverStore({ ...props, ...options })
   );
   return usePopoverStoreProps(store, props);

package/cjs/__chunks/{GWL7P7EG.cjs → HSDQTR23.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _743OAGBPcjs = require('./743OAGBP.cjs');
+var _WUOKNX34cjs = require('./WUOKNX34.cjs');
 
 
 
@@ -9,7 +9,7 @@ var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
-  props = _743OAGBPcjs.useDialogDismiss.call(void 0, props);
+  props = _WUOKNX34cjs.useDialogDismiss.call(void 0, props);
   return props;
 });
 var PopoverDismiss = _UYIFJ7U3cjs.createComponent.call(void 0, 

package/cjs/__chunks/{KPYDIKOY.cjs → IBJDDWWU.cjs}

@@ -1,7 +1,7 @@
 "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 _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 // src/collection/collection-store.ts
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
@@ -9,12 +9,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
+  const store = _SXSNI6QAcjs.useStore.call(void 0, 
     () => Core.createCollectionStore({ ...props, ...options })
   );
   return useCollectionStoreProps(store, props);

package/cjs/__chunks/{EZLBMRYS.cjs → IONDNL4F.cjs}

@@ -1,32 +1,32 @@
 "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 _KPYDIKOYcjs = require('./KPYDIKOY.cjs');
+var _IBJDDWWUcjs = require('./IBJDDWWU.cjs');
 
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreOptions(props) {
-  return _KPYDIKOYcjs.useCollectionStoreOptions.call(void 0, props);
+  return _IBJDDWWUcjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useCompositeStoreProps(store, props) {
-  store = _KPYDIKOYcjs.useCollectionStoreProps.call(void 0, store, props);
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _IBJDDWWUcjs.useCollectionStoreProps.call(void 0, store, props);
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
-  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
+  const store = _SXSNI6QAcjs.useStore.call(void 0, 
     () => Core.createCompositeStore({ ...props, ...options })
   );
   return useCompositeStoreProps(store, props);

package/cjs/__chunks/{MAVPFWFV.cjs → K5PHY3H7.cjs}

@@ -6,7 +6,7 @@ var _W2ODSL37cjs = require('./W2ODSL37.cjs');
 var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
 
 
-var _GV5LATA3cjs = require('./GV5LATA3.cjs');
+var _53UPJ72Hcjs = require('./53UPJ72H.cjs');
 
 
 
@@ -88,7 +88,7 @@ var useSelectList = _UYIFJ7U3cjs.createHook.call(void 0,
     const canFocusOnMove = store.useState(
       (state) => state.open && !state.animating && focusOnMove
     );
-    props = _GV5LATA3cjs.useComposite.call(void 0, {
+    props = _53UPJ72Hcjs.useComposite.call(void 0, {
       store,
       ...props,
       composite,

package/cjs/__chunks/{ZS4MDBUW.cjs → K5YC5EZN.cjs}

@@ -7,7 +7,7 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 var _W2ODSL37cjs = require('./W2ODSL37.cjs');
 
 
-var _GV5LATA3cjs = require('./GV5LATA3.cjs');
+var _53UPJ72Hcjs = require('./53UPJ72H.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _GV5LATA3cjs = require('./GV5LATA3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -61,7 +61,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_TQ3ZXPQLcjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_SXSNI6QAcjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );
@@ -122,7 +122,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
     );
     const ariaLabelledBy = useAriaLabelledBy({ store, ...props });
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : { ...props.style, display: "none" };
+    const style = mounted && props.hidden !== true || props.hidden === false ? props.style : { ...props.style, display: "none" };
     props = {
       id,
       "aria-labelledby": ariaLabelledBy,
@@ -139,7 +139,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
         ...props
       };
     }
-    props = _GV5LATA3cjs.useComposite.call(void 0, { store, composite, ...props });
+    props = _53UPJ72Hcjs.useComposite.call(void 0, { store, composite, ...props });
     props = _W2ODSL37cjs.useCompositeTypeahead.call(void 0, { store, ...props });
     return props;
   }

package/cjs/__chunks/{SGWCIO3J.cjs → KFKFEB7D.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _UYAQKYEJcjs = require('./UYAQKYEJ.cjs');
+var _BVCQMR5Scjs = require('./BVCQMR5S.cjs');
 
 
 
@@ -268,7 +268,7 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
     };
     props = useAutoFocusOnHide({ store, ...props });
     props = useAutoFocusOnShow({ store, modal, ...props });
-    props = _UYAQKYEJcjs.usePopover.call(void 0, {
+    props = _BVCQMR5Scjs.usePopover.call(void 0, {
       hideOnEscape,
       store,
       modal,

package/cjs/__chunks/LHHW5ZQP.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/focusable/focusable-context.ts
+var _react = require('react');
+var FocusableContext = _react.createContext.call(void 0, true);
+
+
+
+exports.FocusableContext = FocusableContext;