@ariakit/react-core 0.2.1 → 0.2.2

package/esm/__chunks/{BRUBRRXY.js → 5SUMII6J.js}

@@ -7,6 +7,9 @@ import {
 import {
   useComposite
 } from "./JM74EEHT.js";
+import {
+  isHidden
+} from "./NRBO7PPT.js";
 import {
   createComponent,
   createElement,
@@ -36,13 +39,15 @@ var useSelectList = createHook(
       resetOnEscape = true,
       hideOnEnter = true,
       focusOnMove = true,
-      composite = true
+      composite = true,
+      alwaysVisible
     } = _b, props = __objRest(_b, [
       "store",
       "resetOnEscape",
       "hideOnEnter",
       "focusOnMove",
-      "composite"
+      "composite",
+      "alwaysVisible"
     ]);
     const ref = useRef(null);
     const id = useId(props.id);
@@ -82,7 +87,8 @@ var useSelectList = createHook(
       var _a2;
       return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
     });
-    const style = mounted ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     if (composite) {
       props = __spreadValues({
         role: "listbox",
@@ -91,8 +97,8 @@ var useSelectList = createHook(
     }
     props = __spreadProps(__spreadValues({
       id,
-      hidden: !mounted,
-      "aria-labelledby": labelId
+      "aria-labelledby": labelId,
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
       style,

package/esm/__chunks/{VWIWDDTJ.js → BMIMIX2N.js}

@@ -5,7 +5,7 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./UJIZKMKY.js";
+} from "./K4BVBSSF.js";
 import {
   createComponent,
   createElement,
@@ -147,7 +147,7 @@ var useHovercard = createHook(
         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 = createHook(
       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 = createHook(
         hideTimeoutRef.current = window.setTimeout(() => {
           hideTimeoutRef.current = 0;
           store.hide();
-        }, hideTimeout);
+        }, hideTimeout != null ? hideTimeout : timeout);
       };
       return chain(
         addGlobalEventListener("mousemove", onMouseMove, true),

package/esm/__chunks/{44D6W47E.js → EC5UVTWD.js}

@@ -6,7 +6,7 @@ import {
 } from "./R35SLIEE.js";
 import {
   useDisclosureContent
-} from "./WYKPGIVG.js";
+} from "./NRBO7PPT.js";
 import {
   useForkRef,
   useSafeLayoutEffect
@@ -24,6 +24,7 @@ function DialogBackdrop({
   store,
   backdrop,
   backdropProps,
+  alwaysVisible,
   hidden
 }) {
   const ref = useRef(null);
@@ -61,8 +62,9 @@ function DialogBackdrop({
     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: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
     style: __spreadValues({

package/esm/__chunks/{4GZHHNFX.js → K35D42HN.js}

@@ -1,6 +1,9 @@
 import {
   ComboboxContext
 } from "./5VGBBGF5.js";
+import {
+  isHidden
+} from "./NRBO7PPT.js";
 import {
   createComponent,
   createElement,
@@ -23,7 +26,7 @@ import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var useComboboxList = createHook(
   (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
     const ref = useRef(null);
     const id = useId(props.id);
     const onKeyDownProp = props.onKeyDown;
@@ -41,11 +44,12 @@ var useComboboxList = createHook(
       [store]
     );
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     props = __spreadProps(__spreadValues({
       id,
       role: "listbox",
-      hidden: !mounted
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
       style,

package/esm/__chunks/{UJIZKMKY.js → K4BVBSSF.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./VQ223ROI.js";
+} from "./Q4774GYW.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";

package/esm/__chunks/{HJ244IIK.js → NC4VIH2L.js}

@@ -56,13 +56,13 @@ var useHovercardAnchor = createHook(
           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 = __spreadProps(__spreadValues({}, props), {

package/esm/__chunks/{WYKPGIVG.js → NRBO7PPT.js}

@@ -34,9 +34,12 @@ function parseCSSTime(...times) {
     return longestTime;
   }, 0);
 }
+function isHidden(mounted, hidden, alwaysVisible) {
+  return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
+}
 var useDisclosureContent = createHook(
   (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
     const id = useId(props.id);
     const [transition, setTransition] = useState(null);
     const open = store.useState("open");
@@ -82,15 +85,13 @@ var useDisclosureContent = createHook(
         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 : __spreadProps(__spreadValues({}, props.style), { display: "none" })
-    );
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     props = __spreadProps(__spreadValues({
       id,
       "data-enter": transition === "enter" ? "" : void 0,
       "data-leave": transition === "leave" ? "" : void 0,
-      hidden: !mounted
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, props.ref),
       style
@@ -109,6 +110,7 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 export {
+  isHidden,
   useDisclosureContent,
   DisclosureContent
 };

package/esm/__chunks/{VQ223ROI.js → Q4774GYW.js}

@@ -1,6 +1,6 @@
 import {
   DialogBackdrop
-} from "./44D6W47E.js";
+} from "./EC5UVTWD.js";
 import {
   disableTreeOutside
 } from "./4H6H5RRM.js";
@@ -37,8 +37,9 @@ import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
 import {
+  isHidden,
   useDisclosureContent
-} from "./WYKPGIVG.js";
+} from "./NRBO7PPT.js";
 import {
   useFocusable
 } from "./K4QQOEEY.js";
@@ -152,11 +153,8 @@ var useDialog = createHook(
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hiddenProp = props.hidden;
-    usePreventBodyScroll(
-      store,
-      (mounted || hiddenProp === false) && preventBodyScroll
-    );
+    const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);
+    usePreventBodyScroll(store, preventBodyScroll && !hidden);
     useHideOnInteractOutside(store, hideOnInteractOutside);
     const { wrapElement, nestedDialogs } = useNestedDialogs(store);
     props = useWrapElement(props, wrapElement, [wrapElement]);
@@ -285,7 +283,7 @@ var useDialog = createHook(
       if (!autoFocusOnShowProp(isElementFocusable ? element : null))
         return;
       setAutoFocusEnabled(true);
-      element.focus();
+      queueMicrotask(() => element.focus());
     }, [
       open,
       mayAutoFocusOnShow,
@@ -346,7 +344,7 @@ var useDialog = createHook(
           return;
         if (!isElementFocusable)
           return;
-        element == null ? void 0 : element.focus();
+        queueMicrotask(() => element == null ? void 0 : element.focus());
       };
       if (!open) {
         return focusOnHide();
@@ -396,6 +394,8 @@ var useDialog = createHook(
       (element) => /* @__PURE__ */ jsx(HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
+    const hiddenProp = props.hidden;
+    const alwaysVisible = props.alwaysVisible;
     props = useWrapElement(
       props,
       (element) => {
@@ -407,7 +407,8 @@ var useDialog = createHook(
                 store,
                 backdrop,
                 backdropProps,
-                hidden: hiddenProp
+                hidden: hiddenProp,
+                alwaysVisible
               }
             ),
             element
@@ -415,7 +416,7 @@ var useDialog = createHook(
         }
         return element;
       },
-      [store, backdrop, backdropProps, hiddenProp]
+      [store, backdrop, backdropProps, hiddenProp, alwaysVisible]
     );
     const [headingId, setHeadingId] = useState();
     const [descriptionId, setDescriptionId] = useState();

package/esm/__chunks/{K5R24MFH.js → QRJCFBOI.js}

@@ -3,7 +3,8 @@ import {
   usePopoverStoreProps
 } from "./5PIH3SMS.js";
 import {
-  useStore
+  useStore,
+  useStoreProps
 } from "./AV5WE37O.js";
 import {
   __spreadValues
@@ -15,7 +16,11 @@ function useHovercardStoreOptions(props) {
   return usePopoverStoreOptions(props);
 }
 function useHovercardStoreProps(store, props) {
-  return usePopoverStoreProps(store, props);
+  store = usePopoverStoreProps(store, props);
+  useStoreProps(store, props, "timeout");
+  useStoreProps(store, props, "showTimeout");
+  useStoreProps(store, props, "hideTimeout");
+  return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);

package/esm/__chunks/{6JQLJMUQ.js → U5AZX35N.js}

@@ -8,6 +8,9 @@ import {
 import {
   useComposite
 } from "./JM74EEHT.js";
+import {
+  isHidden
+} from "./NRBO7PPT.js";
 import {
   createComponent,
   createElement,
@@ -55,7 +58,7 @@ function useAriaLabelledBy(_a) {
 }
 var useMenuList = createHook(
   (_a) => {
-    var _b = _a, { store, composite = true } = _b, props = __objRest(_b, ["store", "composite"]);
+    var _b = _a, { store, alwaysVisible, composite = true } = _b, props = __objRest(_b, ["store", "alwaysVisible", "composite"]);
     const parentMenu = useContext(MenuContext);
     const parentMenuBar = useContext(MenuBarContext);
     const hasParentMenu = !!parentMenu;
@@ -129,11 +132,12 @@ var useMenuList = createHook(
     );
     const ariaLabelledBy = useAriaLabelledBy(__spreadValues({ store }, props));
     const mounted = store.useState("mounted");
-    const style = mounted && props.hidden !== true || props.hidden === false ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     props = __spreadProps(__spreadValues({
       id,
       "aria-labelledby": ariaLabelledBy,
-      hidden: !mounted
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, props.ref),
       style,

package/esm/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/esm/combobox/combobox-list.js

@@ -1,8 +1,9 @@
 import {
   ComboboxList,
   useComboboxList
-} from "../__chunks/4GZHHNFX.js";
+} from "../__chunks/K35D42HN.js";
 import "../__chunks/5VGBBGF5.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/U2LXZPCY.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/combobox/combobox-popover.js

@@ -1,12 +1,12 @@
 import {
   useComboboxList
-} from "../__chunks/4GZHHNFX.js";
+} from "../__chunks/K35D42HN.js";
 import "../__chunks/5VGBBGF5.js";
 import {
   usePopover
-} from "../__chunks/UJIZKMKY.js";
-import "../__chunks/VQ223ROI.js";
-import "../__chunks/44D6W47E.js";
+} from "../__chunks/K4BVBSSF.js";
+import "../__chunks/Q4774GYW.js";
+import "../__chunks/EC5UVTWD.js";
 import "../__chunks/4H6H5RRM.js";
 import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
@@ -26,7 +26,7 @@ import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/R35SLIEE.js";
-import "../__chunks/WYKPGIVG.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
@@ -59,11 +59,22 @@ function isController(target, ...ids) {
 }
 var useComboboxPopover = createHook(
   (_a) => {
-    var _b = _a, { store, tabIndex, hideOnInteractOutside = true } = _b, props = __objRest(_b, ["store", "tabIndex", "hideOnInteractOutside"]);
+    var _b = _a, {
+      store,
+      tabIndex,
+      alwaysVisible,
+      hideOnInteractOutside = true
+    } = _b, props = __objRest(_b, [
+      "store",
+      "tabIndex",
+      "alwaysVisible",
+      "hideOnInteractOutside"
+    ]);
     const baseElement = store.useState("baseElement");
-    props = useComboboxList(__spreadValues({ store }, props));
+    props = useComboboxList(__spreadValues({ store, alwaysVisible }, props));
     props = usePopover(__spreadProps(__spreadValues({
       store,
+      alwaysVisible,
       autoFocusOnShow: false,
       autoFocusOnHide: false,
       finalFocus: baseElement

package/esm/composite/composite-overflow.js

@@ -1,8 +1,8 @@
 import {
   usePopover
-} from "../__chunks/UJIZKMKY.js";
-import "../__chunks/VQ223ROI.js";
-import "../__chunks/44D6W47E.js";
+} from "../__chunks/K4BVBSSF.js";
+import "../__chunks/Q4774GYW.js";
+import "../__chunks/EC5UVTWD.js";
 import "../__chunks/4H6H5RRM.js";
 import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
@@ -22,7 +22,7 @@ import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/R35SLIEE.js";
-import "../__chunks/WYKPGIVG.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";

package/esm/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/esm/dialog/dialog-backdrop.js

@@ -1,11 +1,11 @@
 import {
   DialogBackdrop
-} from "../__chunks/44D6W47E.js";
+} from "../__chunks/EC5UVTWD.js";
 import "../__chunks/BH4YAZB2.js";
 import "../__chunks/DJESYNLE.js";
 import "../__chunks/ISPCL6N4.js";
 import "../__chunks/R35SLIEE.js";
-import "../__chunks/WYKPGIVG.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/U2LXZPCY.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/dialog/dialog.js

@@ -1,8 +1,8 @@
 import {
   Dialog,
   useDialog
-} from "../__chunks/VQ223ROI.js";
-import "../__chunks/44D6W47E.js";
+} from "../__chunks/Q4774GYW.js";
+import "../__chunks/EC5UVTWD.js";
 import "../__chunks/4H6H5RRM.js";
 import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
@@ -22,7 +22,7 @@ import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/R35SLIEE.js";
-import "../__chunks/WYKPGIVG.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/KMIAQUPF.js";

package/esm/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/esm/disclosure/disclosure-content.js

@@ -1,12 +1,14 @@
 import {
   DisclosureContent,
+  isHidden,
   useDisclosureContent
-} from "../__chunks/WYKPGIVG.js";
+} from "../__chunks/NRBO7PPT.js";
 import "../__chunks/U2LXZPCY.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   DisclosureContent,
+  isHidden,
   useDisclosureContent
 };

package/esm/hovercard/hovercard-anchor.js

@@ -1,7 +1,7 @@
 import {
   HovercardAnchor,
   useHovercardAnchor
-} from "../__chunks/HJ244IIK.js";
+} from "../__chunks/NC4VIH2L.js";
 import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/U2LXZPCY.js";

package/esm/hovercard/hovercard-store.js

@@ -2,7 +2,7 @@ import {
   useHovercardStore,
   useHovercardStoreOptions,
   useHovercardStoreProps
-} from "../__chunks/K5R24MFH.js";
+} from "../__chunks/QRJCFBOI.js";
 import "../__chunks/5PIH3SMS.js";
 import "../__chunks/OBNQHP6V.js";
 import "../__chunks/HN4VMOUI.js";

package/esm/hovercard/hovercard.js

@@ -1,11 +1,11 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/VWIWDDTJ.js";
+} from "../__chunks/BMIMIX2N.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/UJIZKMKY.js";
-import "../__chunks/VQ223ROI.js";
-import "../__chunks/44D6W47E.js";
+import "../__chunks/K4BVBSSF.js";
+import "../__chunks/Q4774GYW.js";
+import "../__chunks/EC5UVTWD.js";
 import "../__chunks/4H6H5RRM.js";
 import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
@@ -25,7 +25,7 @@ import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/R35SLIEE.js";
-import "../__chunks/WYKPGIVG.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";

package/esm/menu/menu-button.js

@@ -17,7 +17,7 @@ import {
 } from "../__chunks/GRNO2YNE.js";
 import {
   useHovercardAnchor
-} from "../__chunks/HJ244IIK.js";
+} from "../__chunks/NC4VIH2L.js";
 import "../__chunks/5KLYDORO.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/Z3X3QN6P.js";

package/esm/menu/menu-list.d.ts

@@ -1,5 +1,6 @@
 import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
 import type { CompositeOptions } from "../composite/composite.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
 import type { As, Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
 /**
@@ -31,7 +32,7 @@ export declare const useMenuList: import("../utils/types.js").Hook<MenuListOptio
  * ```
  */
 export declare const MenuList: import("../utils/types.js").Component<MenuListOptions<"div">>;
-export interface MenuListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T> {
+export interface MenuListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
     /**
      * Object returned by the `useMenuStore` hook.
      */

package/esm/menu/menu-list.js

@@ -1,12 +1,13 @@
 import {
   MenuList,
   useMenuList
-} from "../__chunks/6JQLJMUQ.js";
+} from "../__chunks/U5AZX35N.js";
 import "../__chunks/HVBRRKV4.js";
 import "../__chunks/GRNO2YNE.js";
 import "../__chunks/JM74EEHT.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/Z3X3QN6P.js";
+import "../__chunks/NRBO7PPT.js";
 import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/U2LXZPCY.js";

package/esm/menu/menu-store.js

@@ -10,7 +10,7 @@ import "../__chunks/MEYEPL2D.js";
 import {
   useHovercardStoreOptions,
   useHovercardStoreProps
-} from "../__chunks/K5R24MFH.js";
+} from "../__chunks/QRJCFBOI.js";
 import "../__chunks/5PIH3SMS.js";
 import "../__chunks/OBNQHP6V.js";
 import "../__chunks/HN4VMOUI.js";