@ariakit/react-core 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @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
+
+- Added a `render` prop to all components as a more flexible alternative to `children` as a function. ([#2411](https://github.com/ariakit/ariakit/pull/2411))
+
 ## 0.2.0
 
 ### Minor Changes

package/cjs/__chunks/{5P6HRGY6.cjs → 245ESIYY.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 // src/role/role.ts
-var useRole = _7NAIPZYNcjs.createHook.call(void 0, (props) => {
+var useRole = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   return props;
 });
-var Role = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", props);
+var Role = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+  return _5U7AP6Y2cjs.createElement.call(void 0, "div", props);
 });
 if (process.env.NODE_ENV !== "production") {
   Role.displayName = "Role";

package/cjs/__chunks/{IVDDGJWU.cjs → 2Q23WNBJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _H4HQSH5Ncjs = require('./H4HQSH5N.cjs');
+var _MLFUSTBAcjs = require('./MLFUSTBA.cjs');
 
 
 var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
@@ -8,7 +8,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/composite/composite-separator.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useCompositeSeparator = _7NAIPZYNcjs.createHook.call(void 0, 
+var useCompositeSeparator = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
@@ -30,14 +30,14 @@ var useCompositeSeparator = _7NAIPZYNcjs.createHook.call(void 0,
     const orientation = store.useState(
       (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
     );
-    props = _H4HQSH5Ncjs.useSeparator.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { orientation }));
+    props = _MLFUSTBAcjs.useSeparator.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { orientation }));
     return props;
   }
 );
-var CompositeSeparator = _7NAIPZYNcjs.createComponent.call(void 0, 
+var CompositeSeparator = _5U7AP6Y2cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeSeparator(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "hr", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{GOXUG4RX.cjs → 3PYHURJV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _D3EUPD6Pcjs = require('./D3EUPD6P.cjs');
+var _HRJZKMQQcjs = require('./HRJZKMQQ.cjs');
 
 
 var _O45IXGJWcjs = require('./O45IXGJW.cjs');
@@ -24,13 +24,13 @@ var _W32FX7DMcjs = require('./W32FX7DM.cjs');
 var _CARNFZQTcjs = require('./CARNFZQT.cjs');
 
 
-var _GHWBKA6Hcjs = require('./GHWBKA6H.cjs');
+var _4OQMTZXWcjs = require('./4OQMTZXW.cjs');
 
 
 var _SOPRUU56cjs = require('./SOPRUU56.cjs');
 
 
-var _WWDX5YPGcjs = require('./WWDX5YPG.cjs');
+var _UVIQSLIVcjs = require('./UVIQSLIV.cjs');
 
 
 
@@ -38,15 +38,16 @@ var _WWDX5YPGcjs = require('./WWDX5YPG.cjs');
 var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 
 
-var _EM2PMFEWcjs = require('./EM2PMFEW.cjs');
 
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
 
-var _NVBNDB5Bcjs = require('./NVBNDB5B.cjs');
 
+var _FXWXPSLIcjs = require('./FXWXPSLI.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
@@ -106,7 +107,7 @@ function getElementFromProp(prop, focusable = false) {
     return _focus.isFocusable.call(void 0, element) ? element : null;
   return element;
 }
-var useDialog = _7NAIPZYNcjs.createHook.call(void 0, 
+var useDialog = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -152,11 +153,8 @@ var useDialog = _7NAIPZYNcjs.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 = _7NAIPZYNcjs.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 = _7NAIPZYNcjs.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 = _7NAIPZYNcjs.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, 
-              _D3EUPD6Pcjs.DialogBackdrop,
+              _HRJZKMQQcjs.DialogBackdrop,
               {
                 store,
                 backdrop,
                 backdropProps,
-                hidden: hiddenProp
+                hidden: hiddenProp,
+                alwaysVisible
               }
             ),
             element
@@ -415,7 +416,7 @@ var useDialog = _7NAIPZYNcjs.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, );
@@ -434,18 +435,18 @@ var useDialog = _7NAIPZYNcjs.createHook.call(void 0,
     }, props), {
       ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
     });
-    props = _GHWBKA6Hcjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    props = _4OQMTZXWcjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _EM2PMFEWcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _NVBNDB5Bcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
-    props = _WWDX5YPGcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+    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;
   }
 );
-var Dialog = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+var Dialog = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useDialog(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Dialog.displayName = "Dialog";

package/cjs/__chunks/{GHWBKA6H.cjs → 4OQMTZXW.cjs}

@@ -5,7 +5,7 @@ var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 var _NREUHWTUcjs = require('./NREUHWTU.cjs');
@@ -15,7 +15,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/focusable/focusable-container.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useFocusableContainer = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFocusableContainer = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { autoFocusOnShow = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
     props = _NREUHWTUcjs.useWrapElement.call(void 0, 
@@ -26,10 +26,10 @@ var useFocusableContainer = _7NAIPZYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var FocusableContainer = _7NAIPZYNcjs.createComponent.call(void 0, 
+var FocusableContainer = _5U7AP6Y2cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFocusableContainer(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{7NAIPZYN.cjs → 5U7AP6Y2.cjs}

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/utils/system.tsx
@@ -19,10 +20,12 @@ function createMemoComponent(render) {
   return _react.memo.call(void 0, Role);
 }
 function createElement(Type, props) {
-  const _a = props, { as: As, wrapElement } = _a, rest = _6455U47Tcjs.__objRest.call(void 0, _a, ["as", "wrapElement"]);
+  const _a = props, { as: As, wrapElement, render } = _a, rest = _6455U47Tcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
   let element;
   if (As && typeof As !== "string") {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _6455U47Tcjs.__spreadValues.call(void 0, {}, rest));
+    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, rest), { render }));
+  } else if (render) {
+    element = render(rest);
   } else if (isRenderProp(props.children)) {
     const _b = rest, { children } = _b, otherProps = _6455U47Tcjs.__objRest.call(void 0, _b, ["children"]);
     element = props.children(otherProps);

package/cjs/__chunks/{GE4P5OCB.cjs → 5Z5H5L5K.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _2DVMVYK2cjs = require('./2DVMVYK2.cjs');
+var _UXA5NJZKcjs = require('./UXA5NJZK.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
@@ -20,7 +20,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/disclosure/disclosure.ts
 var _react = require('react');
-var useDisclosure = _7NAIPZYNcjs.createHook.call(void 0, 
+var useDisclosure = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, toggleOnClick = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "toggleOnClick"]);
     const ref = _react.useRef.call(void 0, null);
@@ -64,13 +64,13 @@ var useDisclosure = _7NAIPZYNcjs.createHook.call(void 0,
       onMouseDown,
       onClick
     });
-    props = _2DVMVYK2cjs.useButton.call(void 0, props);
+    props = _UXA5NJZKcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var Disclosure = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+var Disclosure = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useDisclosure(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Disclosure.displayName = "Disclosure";

package/cjs/__chunks/{SN6W6IRB.cjs → 6KWLOLVX.cjs}

@@ -5,7 +5,7 @@ var _CQSUIL2Dcjs = require('./CQSUIL2D.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
@@ -17,7 +17,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/heading/heading.ts
 var _react = require('react');
-var useHeading = _7NAIPZYNcjs.createHook.call(void 0, (props) => {
+var useHeading = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
   const level = _react.useContext.call(void 0, _CQSUIL2Dcjs.HeadingContext) || 1;
   const as = `h${level}`;
@@ -35,9 +35,9 @@ var useHeading = _7NAIPZYNcjs.createHook.call(void 0, (props) => {
   });
   return props;
 });
-var Heading = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+var Heading = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHeading(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "h1", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "h1", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Heading.displayName = "Heading";

package/cjs/__chunks/{LIP53P4I.cjs → 6TVCCUBQ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DASOL6J2cjs = require('./DASOL6J2.cjs');
+var _Y7U2HALIcjs = require('./Y7U2HALI.cjs');
 
 
-var _3FTPSHLHcjs = require('./3FTPSHLH.cjs');
+var _VBOBU7EMcjs = require('./VBOBU7EM.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
@@ -141,7 +141,7 @@ function supportsAriaSelected(role) {
     return true;
   return false;
 }
-var useCompositeItem = _7NAIPZYNcjs.createHook.call(void 0, 
+var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -322,8 +322,8 @@ var useCompositeItem = _7NAIPZYNcjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     });
-    props = _DASOL6J2cjs.useCommand.call(void 0, props);
-    props = _3FTPSHLHcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _Y7U2HALIcjs.useCommand.call(void 0, props);
+    props = _VBOBU7EMcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,
@@ -332,10 +332,10 @@ var useCompositeItem = _7NAIPZYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var CompositeItem = _7NAIPZYNcjs.createMemoComponent.call(void 0, 
+var CompositeItem = _5U7AP6Y2cjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeItem(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{WUH43WQ5.cjs → 6WOA5DE3.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GE4P5OCBcjs = require('./GE4P5OCB.cjs');
+var _5Z5H5L5Kcjs = require('./5Z5H5L5K.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/dialog/dialog-disclosure.ts
-var useDialogDisclosure = _7NAIPZYNcjs.createHook.call(void 0, 
+var useDialogDisclosure = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _GE4P5OCBcjs.useDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _5Z5H5L5Kcjs.useDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var DialogDisclosure = _7NAIPZYNcjs.createComponent.call(void 0, 
+var DialogDisclosure = _5U7AP6Y2cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useDialogDisclosure(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{4SZYU2PD.cjs → 6ZHI7XFH.cjs}

@@ -1,17 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HVQRVCAScjs = require('./HVQRVCAS.cjs');
+var _NHKHREF4cjs = require('./NHKHREF4.cjs');
 
 
 var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
 
 
-var _BIPONQXEcjs = require('./BIPONQXE.cjs');
+var _7OTXWQQXcjs = require('./7OTXWQQX.cjs');
 
 
+var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+
+
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
@@ -29,20 +32,22 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _jsxruntime = require('react/jsx-runtime');
-var useSelectList = _7NAIPZYNcjs.createHook.call(void 0, 
+var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
       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 = _7NAIPZYNcjs.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 = _7NAIPZYNcjs.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,
@@ -101,19 +107,19 @@ var useSelectList = _7NAIPZYNcjs.createHook.call(void 0,
     const canFocusOnMove = store.useState(
       (state) => state.open && !state.animating && focusOnMove
     );
-    props = _BIPONQXEcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _7OTXWQQXcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       composite,
       focusOnMove: canFocusOnMove
     }));
-    props = _HVQRVCAScjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NHKHREF4cjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectList = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+var SelectList = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectList(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectList.displayName = "SelectList";

package/cjs/__chunks/{A2LEUR7G.cjs → 7JOKVLDG.cjs}

@@ -8,7 +8,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
@@ -37,7 +37,7 @@ function getFirstTabbable(container) {
   _focus.disableFocusIn.call(void 0, container);
   return tabbable;
 }
-var useCompositeContainer = _7NAIPZYNcjs.createHook.call(void 0, 
+var useCompositeContainer = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
@@ -174,9 +174,9 @@ var useCompositeContainer = _7NAIPZYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var CompositeContainer = _7NAIPZYNcjs.createMemoComponent.call(void 0, (props) => {
+var CompositeContainer = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useCompositeContainer(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   CompositeContainer.displayName = "CompositeContainer";

package/cjs/__chunks/{BIPONQXE.cjs → 7OTXWQQX.cjs}

@@ -10,12 +10,12 @@ var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
-var _NVBNDB5Bcjs = require('./NVBNDB5B.cjs');
+var _FXWXPSLIcjs = require('./FXWXPSLI.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
@@ -117,7 +117,7 @@ function useScheduleFocus(store) {
   }, [activeItem, scheduled]);
   return schedule;
 }
-var useComposite = _7NAIPZYNcjs.createHook.call(void 0, 
+var useComposite = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -325,13 +325,13 @@ var useComposite = _7NAIPZYNcjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _NVBNDB5Bcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _FXWXPSLIcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );
-var Composite = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+var Composite = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useComposite(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Composite.displayName = "Composite";

package/cjs/__chunks/{WB27Q34H.cjs → AQDOFA26.cjs}

@@ -5,7 +5,7 @@ var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 
 
 
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 var _NREUHWTUcjs = require('./NREUHWTU.cjs');
@@ -31,7 +31,7 @@ function getValueLength(element) {
   }
   return 0;
 }
-var useCompositeInput = _7NAIPZYNcjs.createHook.call(void 0, 
+var useCompositeInput = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const onKeyDownCaptureProp = props.onKeyDownCapture;
@@ -69,10 +69,10 @@ var useCompositeInput = _7NAIPZYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var CompositeInput = _7NAIPZYNcjs.createComponent.call(void 0, 
+var CompositeInput = _5U7AP6Y2cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeInput(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "input", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {