@ariakit/react-core 0.2.0 → 0.2.2

package/esm/__chunks/{PYEPYVON.js → NNCIS2B6.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useTagName

package/esm/__chunks/{6AJCHLAV.js → NRBO7PPT.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useId,
@@ -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/{5LA7CLO3.js → ODHF3YE7.js}

@@ -8,7 +8,7 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

package/esm/__chunks/{LSTZ5Q72.js → PI5KZQST.js}

@@ -1,11 +1,11 @@
 import {
   useDisclosure
-} from "./24P2K6AU.js";
+} from "./UR3V2CXC.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{ECY3BFPU.js → PPIHKGNC.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useWrapElement
 } from "./ASYR66PQ.js";

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

@@ -1,6 +1,6 @@
 import {
   DialogBackdrop
-} from "./MR75RQGW.js";
+} from "./EC5UVTWD.js";
 import {
   disableTreeOutside
 } from "./4H6H5RRM.js";
@@ -24,29 +24,30 @@ import {
 } from "./BH4YAZB2.js";
 import {
   useFocusableContainer
-} from "./6WVG5KFF.js";
+} from "./FYVEOR7R.js";
 import {
   HeadingLevel
 } from "./6OMX4H3W.js";
 import {
   usePortal
-} from "./2CA5JWPW.js";
+} from "./HNQXN4AI.js";
 import {
   DialogContext,
   DialogDescriptionContext,
   DialogHeadingContext
 } from "./LNHZLQEK.js";
 import {
+  isHidden,
   useDisclosureContent
-} from "./6AJCHLAV.js";
+} from "./NRBO7PPT.js";
 import {
   useFocusable
-} from "./AGWM73EZ.js";
+} from "./K4QQOEEY.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -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/{OQUXG6FE.js → Q4TAYJGL.js}

@@ -1,11 +1,11 @@
 import {
   useCommand
-} from "./4QNHBDVS.js";
+} from "./5KLYDORO.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useTagName

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/{XIACQCPS.js → R35SLIEE.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/role/role.ts
 var useRole = createHook((props) => {

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

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useId,
   useSafeLayoutEffect

package/esm/__chunks/{DIO64N2C.js → RIASES6X.js}

@@ -1,11 +1,11 @@
 import {
   useVisuallyHidden
-} from "./JQEVJM46.js";
+} from "./KMIAQUPF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{WQVVOKZA.js → RQE3AIUU.js}

@@ -1,6 +1,6 @@
 import {
   useHeading
-} from "./PYEPYVON.js";
+} from "./NNCIS2B6.js";
 import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useId,
   useSafeLayoutEffect

package/esm/__chunks/{MERE2IT6.js → S6KGTG3E.js}

@@ -1,11 +1,11 @@
 import {
   useCompositeItem
-} from "./M32DI6TL.js";
+} from "./X4UE5ZYC.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{AWLCMCCK.js → T3IC7FMC.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./ECY3BFPU.js";
+} from "./PPIHKGNC.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{MR7KGB6U.js → THRMCR5V.js}

@@ -1,11 +1,11 @@
 import {
   useDialogHeading
-} from "./WQVVOKZA.js";
+} from "./RQE3AIUU.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/popover/popover-heading.ts
 var usePopoverHeading = createHook((props) => {

package/esm/__chunks/{TSWOSEC5.js → TTOXS6BI.js}

@@ -1,6 +1,6 @@
 import {
   useButton
-} from "./OQUXG6FE.js";
+} from "./Q4TAYJGL.js";
 import {
   DialogContext
 } from "./LNHZLQEK.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent
 } from "./ASYR66PQ.js";

package/esm/__chunks/{5ETIGB6O.js → U2LXZPCY.js}

@@ -1,5 +1,6 @@
 import {
   __objRest,
+  __spreadProps,
   __spreadValues
 } from "./4BKCJXBM.js";
 
@@ -19,10 +20,12 @@ function createMemoComponent(render) {
   return memo(Role);
 }
 function createElement(Type, props) {
-  const _a = props, { as: As, wrapElement } = _a, rest = __objRest(_a, ["as", "wrapElement"]);
+  const _a = props, { as: As, wrapElement, render } = _a, rest = __objRest(_a, ["as", "wrapElement", "render"]);
   let element;
   if (As && typeof As !== "string") {
-    element = /* @__PURE__ */ jsx(As, __spreadValues({}, rest));
+    element = /* @__PURE__ */ jsx(As, __spreadProps(__spreadValues({}, rest), { render }));
+  } else if (render) {
+    element = render(rest);
   } else if (isRenderProp(props.children)) {
     const _b = rest, { children } = _b, otherProps = __objRest(_b, ["children"]);
     element = props.children(otherProps);

package/esm/__chunks/{GDDVBILZ.js → U5AZX35N.js}

@@ -4,15 +4,18 @@ import {
 } from "./HVBRRKV4.js";
 import {
   useCompositeTypeahead
-} from "./KSVEVAMH.js";
+} from "./GRNO2YNE.js";
 import {
   useComposite
-} from "./RTOWJJVI.js";
+} from "./JM74EEHT.js";
+import {
+  isHidden
+} from "./NRBO7PPT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";
@@ -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/{24P2K6AU.js → UR3V2CXC.js}

@@ -1,11 +1,11 @@
 import {
   useButton
-} from "./OQUXG6FE.js";
+} from "./Q4TAYJGL.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,

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

@@ -1,11 +1,11 @@
 import {
   useDialogDismiss
-} from "./TSWOSEC5.js";
+} from "./TTOXS6BI.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = createHook((props) => {

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

@@ -1,11 +1,11 @@
 import {
   usePopoverDescription
-} from "./RXTFLI35.js";
+} from "./YD5EOSG3.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/hovercard/hovercard-description.ts
 var useHovercardDescription = createHook(

package/esm/__chunks/{M32DI6TL.js → X4UE5ZYC.js}

@@ -1,9 +1,9 @@
 import {
   useCommand
-} from "./4QNHBDVS.js";
+} from "./5KLYDORO.js";
 import {
   useCollectionItem
-} from "./X7UZWWYG.js";
+} from "./2VSLIXPB.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -18,7 +18,7 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

package/esm/__chunks/{UGXJ5IN7.js → Y2V2DFHD.js}

@@ -5,7 +5,7 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{RXTFLI35.js → YD5EOSG3.js}

@@ -1,11 +1,11 @@
 import {
   useDialogDescription
-} from "./4JRG3QNR.js";
+} from "./GQ73PJK4.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/popover/popover-description.ts
 var usePopoverDescription = createHook(

package/esm/__chunks/{YEBR6RK7.js → YRBSOIWS.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDismiss
-} from "./PIRVQZZN.js";
+} from "./V47YM6O6.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = createHook(

package/esm/button/button.js

@@ -1,11 +1,11 @@
 import {
   Button,
   useButton
-} from "../__chunks/OQUXG6FE.js";
-import "../__chunks/4QNHBDVS.js";
-import "../__chunks/AGWM73EZ.js";
+} from "../__chunks/Q4TAYJGL.js";
+import "../__chunks/5KLYDORO.js";
+import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/5ETIGB6O.js";
+import "../__chunks/U2LXZPCY.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
 import "../__chunks/4BKCJXBM.js";

package/esm/checkbox/checkbox-check.js

@@ -1,9 +1,9 @@
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/XHOWZOKI.js";
+} from "../__chunks/KEY2FZYW.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/5ETIGB6O.js";
+import "../__chunks/U2LXZPCY.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   CheckboxCheck,

package/esm/checkbox/checkbox.js

@@ -1,12 +1,12 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/HFDCAETG.js";
+} from "../__chunks/C2EK56NQ.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/4QNHBDVS.js";
-import "../__chunks/AGWM73EZ.js";
+import "../__chunks/5KLYDORO.js";
+import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/5ETIGB6O.js";
+import "../__chunks/U2LXZPCY.js";
 import "../__chunks/AV5WE37O.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/collection/collection-item.js

@@ -1,9 +1,9 @@
 import {
   CollectionItem,
   useCollectionItem
-} from "../__chunks/X7UZWWYG.js";
+} from "../__chunks/2VSLIXPB.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/5ETIGB6O.js";
+import "../__chunks/U2LXZPCY.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
 import "../__chunks/4BKCJXBM.js";

package/esm/collection/collection.js

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/5ETIGB6O.js";
+} from "../__chunks/U2LXZPCY.js";
 import {
   useWrapElement
 } from "../__chunks/ASYR66PQ.js";

package/esm/combobox/combobox-cancel.js

@@ -1,14 +1,14 @@
 import {
   useButton
-} from "../__chunks/OQUXG6FE.js";
-import "../__chunks/4QNHBDVS.js";
-import "../__chunks/AGWM73EZ.js";
+} from "../__chunks/Q4TAYJGL.js";
+import "../__chunks/5KLYDORO.js";
+import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/5ETIGB6O.js";
+} from "../__chunks/U2LXZPCY.js";
 import {
   useEvent
 } from "../__chunks/ASYR66PQ.js";

package/esm/combobox/combobox-disclosure.js

@@ -1,16 +1,16 @@
 import {
   useDialogDisclosure
-} from "../__chunks/LSTZ5Q72.js";
-import "../__chunks/24P2K6AU.js";
-import "../__chunks/OQUXG6FE.js";
-import "../__chunks/4QNHBDVS.js";
-import "../__chunks/AGWM73EZ.js";
+} from "../__chunks/PI5KZQST.js";
+import "../__chunks/UR3V2CXC.js";
+import "../__chunks/Q4TAYJGL.js";
+import "../__chunks/5KLYDORO.js";
+import "../__chunks/K4QQOEEY.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/5ETIGB6O.js";
+} from "../__chunks/U2LXZPCY.js";
 import {
   useEvent
 } from "../__chunks/ASYR66PQ.js";

package/esm/combobox/combobox-group-label.js

@@ -1,13 +1,13 @@
 import {
   useCompositeGroupLabel
-} from "../__chunks/HWXCBMWZ.js";
-import "../__chunks/JNCKMFIN.js";
+} from "../__chunks/7SVOWQTM.js";
+import "../__chunks/RGAE7WHK.js";
 import "../__chunks/F5VAC7MB.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/5ETIGB6O.js";
+} from "../__chunks/U2LXZPCY.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
 import "../__chunks/4BKCJXBM.js";