@ariakit/react-core 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @ariakit/react-core
 
+## 0.2.3
+
+### Patch Changes
+
+- Updated the `SelectPopover` component so the `composite` and `typeahead` props are automatically set to `false` when combining it with a `Combobox` component using the `combobox` prop from the select store. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+  This means you'll not need to explicitly pass `composite={false}` when building a [Select with Combobox](https://ariakit.org/examples/select-combobox) component.
+
+- The `ComboboxItem` component will now register itself on the combobox store even when the combobox is closed. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `Combobox` with `virtualFocus` set to `true` (default) always reseting the focus when using VoiceOver and Safari to navigate through the items. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `autoComplete` prop type on `Combobox` conflicting with the native `autoComplete` prop. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+  It's now possible to extend props from `InputHTMLAttributes` without having to `Omit` the `autoComplete` prop.
+
+- The `SelectList` and `SelectPopover` components will now automatically render the `aria-multiselectable` attribute even when the `composite` prop is set to `false`, but only when the underlying element has a composite role. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `Composite` rendering the `aria-activedescendant` attribute even when the `composite` prop was set to `false`. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `Focusable` triggering focus visible when pressing the <kbd>Alt</kbd>/<kbd>Option</kbd> key. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Added `useAttribute` hook.
+
+- Fixed `activeId` state on `Tab` not updating correctly when setting `selectedId` with the Next.js App Router. ([#2443](https://github.com/ariakit/ariakit/pull/2443))
+
+- Updated dependencies: `@ariakit/core@0.2.2`.
+
+## 0.2.2
+
+### Patch Changes
+
+- Added `alwaysVisible` prop to `DisclosureContent` and derived components to allow the content to be visible even when the `open` state is `false`. ([#2438](https://github.com/ariakit/ariakit/pull/2438))
+
+- Fixed `useHovercardStore` and `useTooltipStore` not updating the state when the `timeout`, `showTimeout` or `hideTimeout` props changed. ([#2421](https://github.com/ariakit/ariakit/pull/2421))
+
+- Fixed `useTooltipStore` not updating the state when the `type` or `skipTimeout` props changed. ([#2421](https://github.com/ariakit/ariakit/pull/2421))
+
+- Fixed `Dialog` moving focus on show and hide too early. ([#2421](https://github.com/ariakit/ariakit/pull/2421))
+
+- Fixed `Hovercard` and `Tooltip` hiding too early when pressing the `Escape` key. ([#2421](https://github.com/ariakit/ariakit/pull/2421))
+
+- Removed unnecessary `tabIndex={0}` prop from `TooltipAnchor`. ([#2421](https://github.com/ariakit/ariakit/pull/2421))
+
+- Updated dependencies: `@ariakit/core@0.2.1`.
+
 ## 0.2.1
 
 ### Patch Changes

package/cjs/__chunks/{NDSXP6H3.cjs → 2FJ6ZUEI.cjs}

@@ -5,7 +5,7 @@
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -17,7 +17,7 @@ var usePopoverAnchor = _5U7AP6Y2cjs.createHook.call(void 0,
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, store.setAnchorElement, props.ref)
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, store.setAnchorElement, props.ref)
     });
     return props;
   }

package/cjs/__chunks/{27JG67F3.cjs → 2K2XAWDW.cjs}

@@ -1,10 +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 _W2XKIB23cjs = require('./W2XKIB23.cjs');
+var _KLDLNJX5cjs = require('./KLDLNJX5.cjs');
 
 
-var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -12,14 +13,18 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreOptions(props) {
-  return _W2XKIB23cjs.usePopoverStoreOptions.call(void 0, props);
+  return _KLDLNJX5cjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  return _W2XKIB23cjs.usePopoverStoreProps.call(void 0, store, props);
+  store = _KLDLNJX5cjs.usePopoverStoreProps.call(void 0, store, props);
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "timeout");
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _F7HVNVHQcjs.useStore.call(void 0, 
+  const store = _3YYDY5FNcjs.useStore.call(void 0, 
     () => Core.createHovercardStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useHovercardStoreProps(store, props);

package/cjs/__chunks/{UGGV7MMI.cjs → 3ERZHKX3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _C4JVXWWXcjs = require('./C4JVXWWX.cjs');
+var _UUTPFHTKcjs = require('./UUTPFHTK.cjs');
 
 
 
@@ -14,7 +14,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var useCompositeGroup = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _C4JVXWWXcjs.useGroup.call(void 0, props);
+    props = _UUTPFHTKcjs.useGroup.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{F7HVNVHQ.cjs → 3YYDY5FN.cjs}

@@ -2,8 +2,7 @@
 
 
 
-
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -38,11 +37,11 @@ function useStoreState(store, keyOrSelector = _misc.identity) {
 }
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
-  const propsRef = _NREUHWTUcjs.useLiveRef.call(void 0, {
+  const propsRef = _K4FBPMJ3cjs.useLiveRef.call(void 0, {
     value,
     setValue: setKey ? props[setKey] : void 0
   });
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(
       (state, prev) => {
         const { value: value2, setValue } = propsRef.current;
@@ -57,23 +56,17 @@ function useStoreProps(store, props, key, setKey) {
       [key]
     );
   }, [store, key]);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(() => {
-      const { value: value2 } = propsRef.current;
-      if (value2 === void 0)
+      if (value === void 0)
         return;
-      store.setState(key, value2);
+      store.setState(key, value);
     }, [key]);
-  }, [store, key]);
-  _NREUHWTUcjs.useUpdateLayoutEffect.call(void 0, () => {
-    if (value === void 0)
-      return;
-    store.setState(key, value);
   }, [store, key, value]);
 }
 function useStore(createStore) {
-  const store = _NREUHWTUcjs.useLazyValue.call(void 0, createStore);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
+  const store = _K4FBPMJ3cjs.useLazyValue.call(void 0, createStore);
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
   const useState = _react.useCallback.call(void 0, 
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]

package/cjs/__chunks/{FYQRNJDC.cjs → 4AU4RS63.cjs}

@@ -9,7 +9,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -18,8 +18,8 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var _react = require('react');
 var useGroupLabel = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   const setLabelId = _react.useContext.call(void 0, _K56WQU76cjs.GroupLabelContext);
-  const id = _NREUHWTUcjs.useId.call(void 0, props.id);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     setLabelId == null ? void 0 : setLabelId(id);
     return () => setLabelId == null ? void 0 : setLabelId(void 0);
   }, [setLabelId, id]);

package/cjs/__chunks/{6TVCCUBQ.cjs → 4BX4RTYL.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _Y7U2HALIcjs = require('./Y7U2HALI.cjs');
+var _NWDBHXX3cjs = require('./NWDBHXX3.cjs');
 
 
-var _VBOBU7EMcjs = require('./VBOBU7EM.cjs');
+var _N56WBDNXcjs = require('./N56WBDNX.cjs');
 
 
 
@@ -21,7 +21,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
-var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 
 
@@ -29,7 +29,7 @@ var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -113,7 +113,7 @@ function targetIsAnotherItem(event, store) {
 function useRole(ref, props) {
   const roleProp = props.role;
   const [role, setRole] = _react.useState.call(void 0, roleProp);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     const element = ref.current;
     if (!element)
       return;
@@ -158,10 +158,10 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
     ]);
     const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
     store = store || context;
-    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+    const id = _K4FBPMJ3cjs.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 = _F7HVNVHQcjs.useStoreState.call(void 0, store, (state) => {
+    const rowId = _3YYDY5FNcjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!(row == null ? void 0 : row.baseElement))
@@ -187,7 +187,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
     );
     const onFocusProp = props.onFocus;
     const hasFocusedComposite = _react.useRef.call(void 0, false);
-    const onFocus = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onFocus = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
@@ -220,7 +220,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onBlurCaptureProp = props.onBlurCapture;
-    const onBlurCapture = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onBlurCapture = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -232,9 +232,9 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const preventScrollOnKeyDownProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
-    const moveOnKeyPressProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    const onKeyDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const preventScrollOnKeyDownProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
+    const moveOnKeyPressProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -283,7 +283,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _F7HVNVHQcjs.useStoreState.call(void 0, 
+    const baseElement = _3YYDY5FNcjs.useStoreState.call(void 0, 
       store,
       (state) => state.baseElement || void 0
     );
@@ -291,14 +291,14 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       () => ({ id, baseElement }),
       [id, baseElement]
     );
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NVMBKFRBcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _F7HVNVHQcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const isActiveItem = _3YYDY5FNcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
     const role = useRole(ref, props);
-    const virtualFocus = _F7HVNVHQcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const virtualFocus = _3YYDY5FNcjs.useStoreState.call(void 0, store, "virtualFocus");
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -307,7 +307,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = _F7HVNVHQcjs.useStoreState.call(void 0, 
+    const shouldTabIndex = _3YYDY5FNcjs.useStoreState.call(void 0, 
       store,
       (state) => !state.virtualFocus && isActiveItem
     );
@@ -316,14 +316,14 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem ? "" : void 0
     }, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
       tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
     });
-    props = _Y7U2HALIcjs.useCommand.call(void 0, props);
-    props = _VBOBU7EMcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _NWDBHXX3cjs.useCommand.call(void 0, props);
+    props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,

package/cjs/__chunks/{M72BOABW.cjs → 4JASPVMD.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 _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
@@ -9,11 +9,11 @@ function useCheckboxStoreOptions(_props) {
   return {};
 }
 function useCheckboxStoreProps(store, props) {
-  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _F7HVNVHQcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _3YYDY5FNcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{QRAQT522.cjs → 4OHV3LC4.cjs}

@@ -4,7 +4,7 @@
 var _NR3SJH64cjs = require('./NR3SJH64.cjs');
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -16,7 +16,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(store, enabled) {
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     if (!enabled)
       return;
     const { contentElement } = store.getState();

package/cjs/__chunks/{ZA6MER6N.cjs → 55X3CDKF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MBATFYDIcjs = require('./MBATFYDI.cjs');
+var _GFQJMZI7cjs = require('./GFQJMZI7.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 // src/hovercard/hovercard-heading.ts
 var useHovercardHeading = _5U7AP6Y2cjs.createHook.call(void 0, 
   (props) => {
-    props = _MBATFYDIcjs.usePopoverHeading.call(void 0, props);
+    props = _GFQJMZI7cjs.usePopoverHeading.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{BICG74YF.cjs → 5YBLVTWK.cjs}

@@ -7,7 +7,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -34,16 +34,19 @@ function parseCSSTime(...times) {
     return longestTime;
   }, 0);
 }
+function isHidden(mounted, hidden, alwaysVisible) {
+  return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
+}
 var useDisclosureContent = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+    var _b = _a, { store, alwaysVisible } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
+    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
     const [transition, setTransition] = _react.useState.call(void 0, null);
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const animated = store.useState("animated");
     const contentElement = store.useState("contentElement");
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!animated)
         return;
       if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
@@ -54,7 +57,7 @@ var useDisclosureContent = _5U7AP6Y2cjs.createHook.call(void 0,
         setTransition(open ? "enter" : "leave");
       });
     }, [animated, contentElement, open]);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!animated)
         return;
       if (!contentElement)
@@ -82,17 +85,15 @@ var useDisclosureContent = _5U7AP6Y2cjs.createHook.call(void 0,
         return;
       return afterTimeout(timeoutMs, store.stopAnimation);
     }, [animated, contentElement, open, transition]);
-    const style = (
-      // TODO: props.hidden !== true see combobox-textarea example
-      mounted && props.hidden !== true || props.hidden === false ? props.style : _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" })
-    );
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
       "data-enter": transition === "enter" ? "" : void 0,
       "data-leave": transition === "leave" ? "" : void 0,
-      hidden: !mounted
+      hidden
     }, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
       style
     });
     return props;
@@ -111,4 +112,5 @@ if (process.env.NODE_ENV !== "production") {
 
 
 
-exports.useDisclosureContent = useDisclosureContent; exports.DisclosureContent = DisclosureContent;
+
+exports.isHidden = isHidden; exports.useDisclosureContent = useDisclosureContent; exports.DisclosureContent = DisclosureContent;

package/cjs/__chunks/{RD47UJK7.cjs → 6KI2UL43.cjs}

@@ -1,10 +1,10 @@
 "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 _P7TWEJ6Icjs = require('./P7TWEJ6I.cjs');
+var _BCIVI2SCcjs = require('./BCIVI2SC.cjs');
 
 
-var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -12,14 +12,14 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _P7TWEJ6Icjs.useDisclosureStoreOptions.call(void 0, props);
+  return _BCIVI2SCcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _P7TWEJ6Icjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _BCIVI2SCcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _F7HVNVHQcjs.useStore.call(void 0, 
+  const store = _3YYDY5FNcjs.useStore.call(void 0, 
     () => Core.createDialogStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useDialogStoreProps(store, props);