@ariakit/react-core 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @ariakit/react-core
 
+## 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/{TUFFT567.cjs → 3PYHURJV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _XUWGEELZcjs = require('./XUWGEELZ.cjs');
+var _HRJZKMQQcjs = require('./HRJZKMQQ.cjs');
 
 
 var _O45IXGJWcjs = require('./O45IXGJW.cjs');
@@ -38,7 +38,8 @@ var _UVIQSLIVcjs = require('./UVIQSLIV.cjs');
 var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 
 
-var _BICG74YFcjs = require('./BICG74YF.cjs');
+
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
 
 
 var _FXWXPSLIcjs = require('./FXWXPSLI.cjs');
@@ -152,11 +153,8 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hiddenProp = props.hidden;
-    _QRAQT522cjs.usePreventBodyScroll.call(void 0, 
-      store,
-      (mounted || hiddenProp === false) && preventBodyScroll
-    );
+    const hidden = _JPNLVNZZcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+    _QRAQT522cjs.usePreventBodyScroll.call(void 0, store, preventBodyScroll && !hidden);
     _E5VOJWDRcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
     const { wrapElement, nestedDialogs } = _NZYGNCZLcjs.useNestedDialogs.call(void 0, store);
     props = _NREUHWTUcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
@@ -285,7 +283,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       if (!autoFocusOnShowProp(isElementFocusable ? element : null))
         return;
       setAutoFocusEnabled(true);
-      element.focus();
+      queueMicrotask(() => element.focus());
     }, [
       open,
       mayAutoFocusOnShow,
@@ -346,7 +344,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
           return;
         if (!isElementFocusable)
           return;
-        element == null ? void 0 : element.focus();
+        queueMicrotask(() => element == null ? void 0 : element.focus());
       };
       if (!open) {
         return focusOnHide();
@@ -396,18 +394,21 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
+    const hiddenProp = props.hidden;
+    const alwaysVisible = props.alwaysVisible;
     props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => {
         if (backdrop) {
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             backdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _XUWGEELZcjs.DialogBackdrop,
+              _HRJZKMQQcjs.DialogBackdrop,
               {
                 store,
                 backdrop,
                 backdropProps,
-                hidden: hiddenProp
+                hidden: hiddenProp,
+                alwaysVisible
               }
             ),
             element
@@ -415,7 +416,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
         }
         return element;
       },
-      [store, backdrop, backdropProps, hiddenProp]
+      [store, backdrop, backdropProps, hiddenProp, alwaysVisible]
     );
     const [headingId, setHeadingId] = _react.useState.call(void 0, );
     const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
@@ -437,7 +438,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
     props = _4OQMTZXWcjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _BICG74YFcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _JPNLVNZZcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     props = _FXWXPSLIcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
     props = _UVIQSLIVcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;

package/cjs/__chunks/{O4HKL5U2.cjs → 6ZHI7XFH.cjs}

@@ -9,6 +9,9 @@ var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
 var _7OTXWQQXcjs = require('./7OTXWQQX.cjs');
 
 
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
+
+
 
 
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
@@ -36,13 +39,15 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       resetOnEscape = true,
       hideOnEnter = true,
       focusOnMove = true,
-      composite = true
+      composite = true,
+      alwaysVisible
     } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
       "store",
       "resetOnEscape",
       "hideOnEnter",
       "focusOnMove",
-      "composite"
+      "composite",
+      "alwaysVisible"
     ]);
     const ref = _react.useRef.call(void 0, null);
     const id = _NREUHWTUcjs.useId.call(void 0, props.id);
@@ -82,7 +87,8 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       var _a2;
       return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
     });
-    const style = mounted ? props.style : _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" });
+    const hidden = _JPNLVNZZcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const style = hidden ? _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     if (composite) {
       props = _6455U47Tcjs.__spreadValues.call(void 0, {
         role: "listbox",
@@ -91,8 +97,8 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
     }
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
-      hidden: !mounted,
-      "aria-labelledby": labelId
+      "aria-labelledby": labelId,
+      hidden
     }, props), {
       ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, ref, props.ref),
       style,

package/cjs/__chunks/{XUWGEELZ.cjs → HRJZKMQQ.cjs}

@@ -6,7 +6,7 @@ var _CARNFZQTcjs = require('./CARNFZQT.cjs');
 var _245ESIYYcjs = require('./245ESIYY.cjs');
 
 
-var _BICG74YFcjs = require('./BICG74YF.cjs');
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
 
 
 
@@ -24,6 +24,7 @@ function DialogBackdrop({
   store,
   backdrop,
   backdropProps,
+  alwaysVisible,
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
@@ -57,12 +58,13 @@ function DialogBackdrop({
   backdropProps = _react.isValidElement.call(void 0, backdrop) ? _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     ref: "ref" in backdrop ? backdrop.ref : void 0
   }, backdrop.props), backdropProps) : backdropProps;
-  const props = _BICG74YFcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+  const props = _JPNLVNZZcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     store,
     id: void 0,
     role: "presentation",
-    hidden,
-    "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || ""
+    "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
+    alwaysVisible,
+    hidden
   }, backdropProps), {
     ref: _NREUHWTUcjs.useForkRef.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
     style: _6455U47Tcjs.__spreadValues.call(void 0, {

package/cjs/__chunks/{BICG74YF.cjs → JPNLVNZZ.cjs}

@@ -34,9 +34,12 @@ 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"]);
+    var _b = _a, { store, alwaysVisible } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
     const id = _NREUHWTUcjs.useId.call(void 0, props.id);
     const [transition, setTransition] = _react.useState.call(void 0, null);
     const open = store.useState("open");
@@ -82,15 +85,13 @@ 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),
       style
@@ -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/{GF4T7RQS.cjs → KEDMIM4S.cjs}

@@ -56,13 +56,13 @@ var useHovercardAnchor = _5U7AP6Y2cjs.createHook.call(void 0,
           return;
         if (!showOnHoverProp(event))
           return;
-        const { showTimeout } = store.getState();
+        const { showTimeout, timeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
           store.show();
-        }, showTimeout);
+        }, showTimeout != null ? showTimeout : timeout);
       }
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {

package/cjs/__chunks/{YEPQHTB5.cjs → MEVO6SEA.cjs}

@@ -10,6 +10,9 @@ var _NHKHREF4cjs = require('./NHKHREF4.cjs');
 var _7OTXWQQXcjs = require('./7OTXWQQX.cjs');
 
 
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
+
+
 
 
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
@@ -55,7 +58,7 @@ function useAriaLabelledBy(_a) {
 }
 var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, composite = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "composite"]);
+    var _b = _a, { store, alwaysVisible, composite = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible", "composite"]);
     const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
     const parentMenuBar = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuBarContext);
     const hasParentMenu = !!parentMenu;
@@ -129,11 +132,12 @@ var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0,
     );
     const ariaLabelledBy = useAriaLabelledBy(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     const mounted = store.useState("mounted");
-    const style = 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 = _JPNLVNZZcjs.isHidden.call(void 0, 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,
       "aria-labelledby": ariaLabelledBy,
-      hidden: !mounted
+      hidden
     }, props), {
       ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
       style,

package/cjs/__chunks/{VGBJOLSN.cjs → MXZHML62.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TUFFT567cjs = require('./TUFFT567.cjs');
+var _3PYHURJVcjs = require('./3PYHURJV.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -337,7 +337,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _TUFFT567cjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _3PYHURJVcjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       modal,
       preserveTabOrder,

package/cjs/__chunks/{27JG67F3.cjs → PX5ZR4IF.cjs}

@@ -4,6 +4,7 @@
 var _W2XKIB23cjs = require('./W2XKIB23.cjs');
 
 
+
 var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
 
 
@@ -15,7 +16,11 @@ function useHovercardStoreOptions(props) {
   return _W2XKIB23cjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  return _W2XKIB23cjs.usePopoverStoreProps.call(void 0, store, props);
+  store = _W2XKIB23cjs.usePopoverStoreProps.call(void 0, store, props);
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "timeout");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);

package/cjs/__chunks/{6TNK3LOZ.cjs → SW4NPZER.cjs}

@@ -3,6 +3,9 @@
 var _2WZVSPAIcjs = require('./2WZVSPAI.cjs');
 
 
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
+
+
 
 
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
@@ -23,7 +26,7 @@ var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var useComboboxList = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    var _b = _a, { store, alwaysVisible } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
     const ref = _react.useRef.call(void 0, null);
     const id = _NREUHWTUcjs.useId.call(void 0, props.id);
     const onKeyDownProp = props.onKeyDown;
@@ -41,11 +44,12 @@ var useComboboxList = _5U7AP6Y2cjs.createHook.call(void 0,
       [store]
     );
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" });
+    const hidden = _JPNLVNZZcjs.isHidden.call(void 0, 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,
       role: "listbox",
-      hidden: !mounted
+      hidden
     }, props), {
       ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, ref, props.ref),
       style,

package/cjs/__chunks/{CKE57WQN.cjs → YTRQSQYO.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _VGBJOLSNcjs = require('./VGBJOLSN.cjs');
+var _MXZHML62cjs = require('./MXZHML62.cjs');
 
 
 
@@ -147,7 +147,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
         const isEscape = event.key === "Escape" && hideOnEscapeProp(event);
         const isControl = event.key === "Control" && hideOnControlProp(event);
         if (isEscape || isControl) {
-          store.hide();
+          requestAnimationFrame(store.hide);
         }
       });
     }, [store, open, hideOnEscapeProp, hideOnControlProp]);
@@ -169,7 +169,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       if (!element)
         return;
       const onMouseMove = (event) => {
-        const { anchorElement, hideTimeout } = store.getState();
+        const { anchorElement, hideTimeout, timeout } = store.getState();
         const enterPoint = enterPointRef.current;
         const target = event.target;
         const anchor = anchorElement;
@@ -198,7 +198,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
         hideTimeoutRef.current = window.setTimeout(() => {
           hideTimeoutRef.current = 0;
           store.hide();
-        }, hideTimeout);
+        }, hideTimeout != null ? hideTimeout : timeout);
       };
       return _misc.chain.call(void 0, 
         _events.addGlobalEventListener.call(void 0, "mousemove", onMouseMove, true),
@@ -282,7 +282,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
     });
     props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
-    props = _VGBJOLSNcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _MXZHML62cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       hideOnEscape,
       store,
       modal,

package/cjs/combobox/combobox-list.cjs

@@ -1,8 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _6TNK3LOZcjs = require('../__chunks/6TNK3LOZ.cjs');
+var _SW4NPZERcjs = require('../__chunks/SW4NPZER.cjs');
 require('../__chunks/2WZVSPAI.cjs');
+require('../__chunks/JPNLVNZZ.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
@@ -10,4 +11,4 @@ require('../__chunks/6455U47T.cjs');
 
 
 
-exports.ComboboxList = _6TNK3LOZcjs.ComboboxList; exports.useComboboxList = _6TNK3LOZcjs.useComboboxList;
+exports.ComboboxList = _SW4NPZERcjs.ComboboxList; exports.useComboboxList = _SW4NPZERcjs.useComboboxList;

package/cjs/combobox/combobox-list.d.ts

@@ -1,3 +1,4 @@
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
 import type { As, Options, Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
 /**
@@ -33,7 +34,7 @@ export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxL
  * ```
  */
 export declare const ComboboxList: import("../utils/types.js").Component<ComboboxListOptions<"div">>;
-export interface ComboboxListOptions<T extends As = "div"> extends Options<T> {
+export interface ComboboxListOptions<T extends As = "div"> extends Options<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
     /**
      * Object returned by the `useComboboxStore` hook.
      */

package/cjs/combobox/combobox-popover.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6TNK3LOZcjs = require('../__chunks/6TNK3LOZ.cjs');
+var _SW4NPZERcjs = require('../__chunks/SW4NPZER.cjs');
 require('../__chunks/2WZVSPAI.cjs');
 
 
-var _VGBJOLSNcjs = require('../__chunks/VGBJOLSN.cjs');
-require('../__chunks/TUFFT567.cjs');
-require('../__chunks/XUWGEELZ.cjs');
+var _MXZHML62cjs = require('../__chunks/MXZHML62.cjs');
+require('../__chunks/3PYHURJV.cjs');
+require('../__chunks/HRJZKMQQ.cjs');
 require('../__chunks/O45IXGJW.cjs');
 require('../__chunks/TVZPJJTX.cjs');
 require('../__chunks/QRAQT522.cjs');
@@ -26,7 +26,7 @@ require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
 require('../__chunks/245ESIYY.cjs');
-require('../__chunks/BICG74YF.cjs');
+require('../__chunks/JPNLVNZZ.cjs');
 require('../__chunks/W5PBA4D6.cjs');
 require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
@@ -59,11 +59,22 @@ function isController(target, ...ids) {
 }
 var useComboboxPopover = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, tabIndex, hideOnInteractOutside = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "tabIndex", "hideOnInteractOutside"]);
+    var _b = _a, {
+      store,
+      tabIndex,
+      alwaysVisible,
+      hideOnInteractOutside = true
+    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+      "store",
+      "tabIndex",
+      "alwaysVisible",
+      "hideOnInteractOutside"
+    ]);
     const baseElement = store.useState("baseElement");
-    props = _6TNK3LOZcjs.useComboboxList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _VGBJOLSNcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _SW4NPZERcjs.useComboboxList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _MXZHML62cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
+      alwaysVisible,
       autoFocusOnShow: false,
       autoFocusOnHide: false,
       finalFocus: baseElement

package/cjs/composite/composite-overflow.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VGBJOLSNcjs = require('../__chunks/VGBJOLSN.cjs');
-require('../__chunks/TUFFT567.cjs');
-require('../__chunks/XUWGEELZ.cjs');
+var _MXZHML62cjs = require('../__chunks/MXZHML62.cjs');
+require('../__chunks/3PYHURJV.cjs');
+require('../__chunks/HRJZKMQQ.cjs');
 require('../__chunks/O45IXGJW.cjs');
 require('../__chunks/TVZPJJTX.cjs');
 require('../__chunks/QRAQT522.cjs');
@@ -22,7 +22,7 @@ require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
 require('../__chunks/245ESIYY.cjs');
-require('../__chunks/BICG74YF.cjs');
+require('../__chunks/JPNLVNZZ.cjs');
 require('../__chunks/W5PBA4D6.cjs');
 require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
@@ -84,7 +84,7 @@ var useCompositeOverflow = _5U7AP6Y2cjs.createHook.call(void 0,
     }, props), {
       onFocus
     });
-    props = _VGBJOLSNcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _MXZHML62cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       backdropProps,
       wrapperProps,

package/cjs/dialog/dialog-backdrop.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _XUWGEELZcjs = require('../__chunks/XUWGEELZ.cjs');
+var _HRJZKMQQcjs = require('../__chunks/HRJZKMQQ.cjs');
 require('../__chunks/CARNFZQT.cjs');
 require('../__chunks/NR3SJH64.cjs');
 require('../__chunks/EE6OIU6X.cjs');
 require('../__chunks/245ESIYY.cjs');
-require('../__chunks/BICG74YF.cjs');
+require('../__chunks/JPNLVNZZ.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
-exports.DialogBackdrop = _XUWGEELZcjs.DialogBackdrop;
+exports.DialogBackdrop = _HRJZKMQQcjs.DialogBackdrop;

package/cjs/dialog/dialog-backdrop.d.ts

@@ -1,4 +1,4 @@
 import type { DialogProps } from "./dialog.js";
-type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hidden">;
-export declare function DialogBackdrop({ store, backdrop, backdropProps, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
+type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "alwaysVisible" | "hidden">;
+export declare function DialogBackdrop({ store, backdrop, backdropProps, alwaysVisible, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/cjs/dialog/dialog.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _TUFFT567cjs = require('../__chunks/TUFFT567.cjs');
-require('../__chunks/XUWGEELZ.cjs');
+var _3PYHURJVcjs = require('../__chunks/3PYHURJV.cjs');
+require('../__chunks/HRJZKMQQ.cjs');
 require('../__chunks/O45IXGJW.cjs');
 require('../__chunks/TVZPJJTX.cjs');
 require('../__chunks/QRAQT522.cjs');
@@ -22,7 +22,7 @@ require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
 require('../__chunks/245ESIYY.cjs');
-require('../__chunks/BICG74YF.cjs');
+require('../__chunks/JPNLVNZZ.cjs');
 require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/VYKCWICK.cjs');
@@ -33,4 +33,4 @@ require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Dialog = _TUFFT567cjs.Dialog; exports.useDialog = _TUFFT567cjs.useDialog;
+exports.Dialog = _3PYHURJVcjs.Dialog; exports.useDialog = _3PYHURJVcjs.useDialog;

package/cjs/disclosure/disclosure-content.cjs

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _BICG74YFcjs = require('../__chunks/BICG74YF.cjs');
+
+var _JPNLVNZZcjs = require('../__chunks/JPNLVNZZ.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
@@ -9,4 +10,5 @@ require('../__chunks/6455U47T.cjs');
 
 
 
-exports.DisclosureContent = _BICG74YFcjs.DisclosureContent; exports.useDisclosureContent = _BICG74YFcjs.useDisclosureContent;
+
+exports.DisclosureContent = _JPNLVNZZcjs.DisclosureContent; exports.isHidden = _JPNLVNZZcjs.isHidden; exports.useDisclosureContent = _JPNLVNZZcjs.useDisclosureContent;

package/cjs/disclosure/disclosure-content.d.ts

@@ -1,5 +1,6 @@
 import type { As, Options, Props } from "../utils/types.js";
 import type { DisclosureStore } from "./disclosure-store.js";
+export declare function isHidden(mounted: boolean, hidden?: boolean | null, alwaysVisible?: boolean | null): boolean;
 /**
  * Returns props to create a `DislosureContent` component.
  * @see https://ariakit.org/components/disclosure
@@ -28,5 +29,27 @@ export interface DisclosureContentOptions<T extends As = "div"> extends Options<
      * Object returned by the `useDisclosureStore` hook.
      */
     store: DisclosureStore;
+    /**
+     * Determines whether the content element should remain visible even when the
+     * `open` state is `false`. If this prop is set to `true`, the `hidden` prop
+     * and the `display: none` style will not be applied, unless explicitly set
+     * otherwise.
+     *
+     * This prop is particularly useful when using third-party animation libraries
+     * such as Framer Motion or React Spring, where the element needs to be
+     * visible for exit animations to work.
+     *
+     * Live examples:
+     * - [Dialog with Framer
+     *   Motion](https://ariakit.org/examples/dialog-framer-motion)
+     * - [Menu with Framer
+     *   Motion](https://ariakit.org/examples/menu-framer-motion)
+     * - [Tooltip with Framer
+     *   Motion](https://ariakit.org/examples/tooltip-framer-motion)
+     * - [Dialog with details &
+     *   summary](https://ariakit.org/examples/dialog-details)
+     * @default false
+     */
+    alwaysVisible?: boolean;
 }
 export type DisclosureContentProps<T extends As = "div"> = Props<DisclosureContentOptions<T>>;

package/cjs/hovercard/hovercard-anchor.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _GF4T7RQScjs = require('../__chunks/GF4T7RQS.cjs');
+var _KEDMIM4Scjs = require('../__chunks/KEDMIM4S.cjs');
 require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/6455U47T.cjs');
 
 
 
-exports.HovercardAnchor = _GF4T7RQScjs.HovercardAnchor; exports.useHovercardAnchor = _GF4T7RQScjs.useHovercardAnchor;
+exports.HovercardAnchor = _KEDMIM4Scjs.HovercardAnchor; exports.useHovercardAnchor = _KEDMIM4Scjs.useHovercardAnchor;