@ariakit/react-core 0.2.1 → 0.2.3

package/esm/__chunks/{K4JNSIDS.js → KXTECTTC.js}

@@ -12,7 +12,7 @@ import {
 import {
   useForkRef,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{RBUEJWRA.js → LMWFU6EQ.js}

@@ -4,7 +4,7 @@ import {
 } from "./DJESYNLE.js";
 import {
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 import { getDocument, getWindow } from "@ariakit/core/utils/dom";

package/esm/__chunks/{VLR7PUBG.js → N5KAEM7B.js}

@@ -1,6 +1,6 @@
 import {
   usePopoverDescription
-} from "./YD5EOSG3.js";
+} from "./EZKI7X4G.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{7DPLTL4U.js → NMKK3GWP.js}

@@ -10,7 +10,7 @@ import {
 import {
   useId,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{T3WBUAHU.js → NOIOBRWH.js}

@@ -1,6 +1,6 @@
 import {
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
 import {

package/esm/__chunks/{MEYEPL2D.js → NVLKN7BK.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

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

@@ -5,7 +5,7 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./UJIZKMKY.js";
+} from "./6MPOG72U.js";
 import {
   createComponent,
   createElement,
@@ -19,7 +19,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -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/{K5R24MFH.js → PXJHIBDO.js}

@@ -1,10 +1,11 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "./5PIH3SMS.js";
+} from "./T4YP7E6T.js";
 import {
-  useStore
-} from "./AV5WE37O.js";
+  useStore,
+  useStoreProps
+} from "./FY2SXATP.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";
@@ -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 → RDMLE7SJ.js}

@@ -4,10 +4,13 @@ import {
 } from "./HVBRRKV4.js";
 import {
   useCompositeTypeahead
-} from "./GRNO2YNE.js";
+} from "./ZYTXNZCP.js";
 import {
   useComposite
-} from "./JM74EEHT.js";
+} from "./YBDXDAKQ.js";
+import {
+  isHidden
+} from "./YJZ2FEUT.js";
 import {
   createComponent,
   createElement,
@@ -15,13 +18,13 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useStoreState
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   useEvent,
   useForkRef,
   useId,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -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/__chunks/{7SVOWQTM.js → SPQB36IP.js}

@@ -1,6 +1,6 @@
 import {
   useGroupLabel
-} from "./RGAE7WHK.js";
+} from "./XO22PNQJ.js";
 import {
   createComponent,
   createElement,

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

@@ -6,11 +6,11 @@ import {
 } from "./R35SLIEE.js";
 import {
   useDisclosureContent
-} from "./WYKPGIVG.js";
+} from "./YJZ2FEUT.js";
 import {
   useForkRef,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __spreadProps,
   __spreadValues
@@ -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/{T3IC7FMC.js → SUXGXJIC.js}

@@ -1,6 +1,6 @@
 import {
   useGroup
-} from "./PPIHKGNC.js";
+} from "./34WFGKVL.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/T2QG6N7V.js

@@ -0,0 +1,109 @@
+import {
+  ComboboxContext
+} from "./5VGBBGF5.js";
+import {
+  isHidden
+} from "./YJZ2FEUT.js";
+import {
+  useFocusable
+} from "./IMP6LK4U.js";
+import {
+  createComponent,
+  createElement,
+  createHook
+} from "./U2LXZPCY.js";
+import {
+  useEvent,
+  useForkRef,
+  useId,
+  useWrapElement
+} from "./JSNCZ2E2.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
+
+// src/combobox/combobox-list.tsx
+import { useRef } from "react";
+import { isFocusEventOutside } from "@ariakit/core/utils/events";
+import { jsx } from "react/jsx-runtime";
+var useComboboxList = createHook(
+  (_a) => {
+    var _b = _a, { store, focusable = true, alwaysVisible } = _b, props = __objRest(_b, ["store", "focusable", "alwaysVisible"]);
+    const ref = useRef(null);
+    const id = useId(props.id);
+    const onKeyDownProp = props.onKeyDown;
+    const onKeyDown = useEvent((event) => {
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+      if (event.defaultPrevented)
+        return;
+      if (event.key === "Escape") {
+        store.move(null);
+      }
+    });
+    const restoreVirtualFocus = useRef(false);
+    const onFocusVisibleProp = props.onFocusVisible;
+    const onFocusVisible = useEvent((event) => {
+      onFocusVisibleProp == null ? void 0 : onFocusVisibleProp(event);
+      if (event.defaultPrevented)
+        return;
+      if (event.type !== "focus")
+        return;
+      const { virtualFocus } = store.getState();
+      if (!virtualFocus)
+        return;
+      const { relatedTarget, currentTarget } = event;
+      if (relatedTarget && currentTarget.contains(relatedTarget))
+        return;
+      restoreVirtualFocus.current = true;
+      store.setState("virtualFocus", false);
+    });
+    const onBlurProp = props.onBlur;
+    const onBlur = useEvent((event) => {
+      onBlurProp == null ? void 0 : onBlurProp(event);
+      if (event.defaultPrevented)
+        return;
+      if (!restoreVirtualFocus.current)
+        return;
+      if (!isFocusEventOutside(event))
+        return;
+      restoreVirtualFocus.current = false;
+      store.setState("virtualFocus", true);
+    });
+    props = useWrapElement(
+      props,
+      (element) => /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: store, children: element }),
+      [store]
+    );
+    const mounted = store.useState("mounted");
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
+    props = __spreadProps(__spreadValues({
+      id,
+      hidden,
+      role: "listbox",
+      tabIndex: focusable ? -1 : void 0
+    }, props), {
+      ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
+      style,
+      onKeyDown,
+      onFocusVisible,
+      onBlur
+    });
+    props = useFocusable(__spreadValues({ focusable }, props));
+    return props;
+  }
+);
+var ComboboxList = createComponent((props) => {
+  const htmlProps = useComboboxList(props);
+  return createElement("div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  ComboboxList.displayName = "ComboboxList";
+}
+
+export {
+  useComboboxList,
+  ComboboxList
+};

package/esm/__chunks/{5PIH3SMS.js → T4YP7E6T.js}

@@ -1,11 +1,11 @@
 import {
   useDialogStoreOptions,
   useDialogStoreProps
-} from "./OBNQHP6V.js";
+} from "./5KT3GDTM.js";
 import {
   useStore,
   useStoreProps
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{V47YM6O6.js → U2FJPRXC.js}

@@ -1,6 +1,6 @@
 import {
   useDialogDismiss
-} from "./TTOXS6BI.js";
+} from "./K76RRXSE.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{UR3V2CXC.js → UCNIXL4N.js}

@@ -1,6 +1,6 @@
 import {
   useButton
-} from "./Q4TAYJGL.js";
+} from "./4UNPWQYT.js";
 import {
   createComponent,
   createElement,
@@ -11,7 +11,7 @@ import {
   useEvent,
   useForkRef,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{FYVEOR7R.js → URYSNCDU.js}

@@ -8,7 +8,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{NBC642OI.js → UYBDYDBM.js}

@@ -5,7 +5,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useForkRef
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{IMFOFYLN.js → UZWTAYHH.js}

@@ -3,7 +3,7 @@ import {
 } from "./P3I4MECH.js";
 import {
   useCollectionItem
-} from "./2VSLIXPB.js";
+} from "./CWGC7RDD.js";
 import {
   createElement,
   createHook,
@@ -14,7 +14,7 @@ import {
   useEvent,
   useForkRef,
   useId
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{BRUBRRXY.js → VPMBP3SV.js}

@@ -1,24 +1,28 @@
 import {
   useCompositeTypeahead
-} from "./GRNO2YNE.js";
+} from "./ZYTXNZCP.js";
 import {
   SelectContext
 } from "./EEVSGAZW.js";
 import {
   useComposite
-} from "./JM74EEHT.js";
+} from "./YBDXDAKQ.js";
+import {
+  isHidden
+} from "./YJZ2FEUT.js";
 import {
   createComponent,
   createElement,
   createHook
 } from "./U2LXZPCY.js";
 import {
+  useAttribute,
   useBooleanEvent,
   useEvent,
   useForkRef,
   useId,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -36,13 +40,15 @@ var useSelectList = createHook(
       resetOnEscape = true,
       hideOnEnter = true,
       focusOnMove = true,
-      composite = true
+      composite,
+      alwaysVisible
     } = _b, props = __objRest(_b, [
       "store",
       "resetOnEscape",
       "hideOnEnter",
       "focusOnMove",
-      "composite"
+      "composite",
+      "alwaysVisible"
     ]);
     const ref = useRef(null);
     const id = useId(props.id);
@@ -82,17 +88,21 @@ 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 hasCombobox = store.useState("combobox");
+    composite = composite != null ? composite : !hasCombobox;
     if (composite) {
-      props = __spreadValues({
-        role: "listbox",
-        "aria-multiselectable": multiSelectable ? true : void 0
-      }, props);
+      props = __spreadValues({ role: "listbox" }, props);
     }
+    const role = useAttribute(ref, "role", props.role);
+    const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
+    const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     props = __spreadProps(__spreadValues({
       id,
-      hidden: !mounted,
-      "aria-labelledby": labelId
+      "aria-labelledby": labelId,
+      "aria-multiselectable": ariaMultiSelectable,
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
       style,
@@ -107,7 +117,7 @@ var useSelectList = createHook(
       composite,
       focusOnMove: canFocusOnMove
     }));
-    props = useCompositeTypeahead(__spreadValues({ store }, props));
+    props = useCompositeTypeahead(__spreadValues({ store, typeahead: !hasCombobox }, props));
     return props;
   }
 );

package/esm/__chunks/{GHFGDKVL.js → XIW77V4E.js}

@@ -1,6 +1,6 @@
 import {
   usePopoverHeading
-} from "./THRMCR5V.js";
+} from "./A5P4XOHC.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{RGAE7WHK.js → XO22PNQJ.js}

@@ -9,7 +9,7 @@ import {
 import {
   useId,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{KNDB2OYV.js → XURV7VPV.js}

@@ -8,7 +8,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useEvent
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{JM74EEHT.js → YBDXDAKQ.js}

@@ -10,7 +10,7 @@ import {
 } from "./Z3X3QN6P.js";
 import {
   useFocusable
-} from "./K4QQOEEY.js";
+} from "./IMP6LK4U.js";
 import {
   createComponent,
   createElement,
@@ -22,7 +22,7 @@ import {
   useForkRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -308,7 +308,7 @@ var useComposite = createHook(
     const activeDescendant = store.useState(
       (state) => {
         var _a2;
-        return state.virtualFocus ? (_a2 = getEnabledItem(store, state.activeId)) == null ? void 0 : _a2.id : void 0;
+        return composite && state.virtualFocus ? (_a2 = getEnabledItem(store, state.activeId)) == null ? void 0 : _a2.id : void 0;
       }
     );
     props = __spreadProps(__spreadValues({

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

@@ -7,7 +7,7 @@ import {
   useForkRef,
   useId,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -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/{GRNO2YNE.js → ZYTXNZCP.js}

@@ -11,7 +11,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useEvent
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/button/button.js

@@ -1,12 +1,12 @@
 import {
   Button,
   useButton
-} from "../__chunks/Q4TAYJGL.js";
-import "../__chunks/5KLYDORO.js";
-import "../__chunks/K4QQOEEY.js";
+} from "../__chunks/4UNPWQYT.js";
+import "../__chunks/DNPURXZF.js";
+import "../__chunks/IMP6LK4U.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/U2LXZPCY.js";
-import "../__chunks/ASYR66PQ.js";
+import "../__chunks/JSNCZ2E2.js";
 import "../__chunks/SXC6BPOF.js";
 import "../__chunks/4BKCJXBM.js";
 export {

package/esm/checkbox/checkbox-store.js

@@ -2,9 +2,9 @@ import {
   useCheckboxStore,
   useCheckboxStoreOptions,
   useCheckboxStoreProps
-} from "../__chunks/KCAKBKAU.js";
-import "../__chunks/AV5WE37O.js";
-import "../__chunks/ASYR66PQ.js";
+} from "../__chunks/6RRCHXOA.js";
+import "../__chunks/FY2SXATP.js";
+import "../__chunks/JSNCZ2E2.js";
 import "../__chunks/SXC6BPOF.js";
 import "../__chunks/4BKCJXBM.js";
 export {