@ariakit/react-core 0.1.4 → 0.1.5

package/esm/__chunks/{GEOALYS4.js → GLAECEAR.js}

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

package/esm/__chunks/{4RNONDN5.js → GM2BWWHD.js}

@@ -11,7 +11,7 @@ import {
 } from "./JE5NWDDX.js";
 import {
   useStoreState
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 import {
   useEvent,
   useForkRef,

package/esm/__chunks/{EJZ6BVXG.js → IIX2NU6T.js}

@@ -18,8 +18,6 @@ function useNestedDialogs(store, modal) {
   const context = useContext(NestedDialogsContext);
   const [openModals, setOpenModals] = useState([]);
   const [nestedDialogs, setNestedDialogs] = useState([]);
-  const open = store.useState("open");
-  const contentElement = store.useState("contentElement");
   const addDialog = useCallback(
     (dialog) => {
       return chain(
@@ -34,7 +32,7 @@ function useNestedDialogs(store, modal) {
         })()
       );
     },
-    [context.addDialog]
+    [context]
   );
   const showModal = useCallback(
     (dialog) => {
@@ -50,22 +48,32 @@ function useNestedDialogs(store, modal) {
         })()
       );
     },
-    [context.showModal]
+    [context]
   );
   useSafeLayoutEffect(() => {
-    if (!contentElement)
-      return;
-    return context.addDialog?.(contentElement);
-  }, [contentElement, context.addDialog]);
+    return store.sync(
+      (state) => {
+        if (!state.contentElement)
+          return;
+        return context.addDialog?.(state.contentElement);
+      },
+      ["contentElement"]
+    );
+  }, [store, context]);
   useSafeLayoutEffect(() => {
     if (!modal)
       return;
-    if (!open)
-      return;
-    if (!contentElement)
-      return;
-    return context.showModal?.(contentElement);
-  }, [modal, open, contentElement, context.showModal]);
+    return store.sync(
+      (state) => {
+        if (!state.open)
+          return;
+        if (!state.contentElement)
+          return;
+        return context.showModal?.(state.contentElement);
+      },
+      ["open", "contentElement"]
+    );
+  }, [store, modal, context]);
   useEffect(() => {
     return context.store?.syncBatch(
       (state) => {

package/esm/__chunks/{47TE2UD5.js → JCOAGXR2.js}

@@ -1,10 +1,10 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "./RSJJ72ZD.js";
+} from "./M6QENKOT.js";
 import {
   useStore
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

package/esm/__chunks/{WWZPDI2E.js → JIT55CHU.js}

@@ -24,7 +24,7 @@ import {
 } from "./FD7UP2TJ.js";
 import {
   useNestedDialogs
-} from "./EJZ6BVXG.js";
+} from "./IIX2NU6T.js";
 import {
   HeadingLevel
 } from "./6OMX4H3W.js";
@@ -38,7 +38,7 @@ import {
 } from "./5TGAWEHD.js";
 import {
   usePortal
-} from "./3OSYJZM5.js";
+} from "./MPZ7PKON.js";
 import {
   useDisclosureContent
 } from "./FFRIGW5T.js";

package/esm/__chunks/{WHN4PCW7.js → JOV72LYK.js}

@@ -3,7 +3,7 @@ import {
 } from "./SAVDGYCC.js";
 import {
   useCollectionItem
-} from "./OJNRBQKS.js";
+} from "./ON2AV7GH.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -19,6 +19,9 @@ import {
   createHook,
   createMemoComponent
 } from "./JE5NWDDX.js";
+import {
+  useStoreState
+} from "./LTH56VDS.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -36,7 +39,6 @@ import {
   isTextField
 } from "@ariakit/core/utils/dom";
 import { isPortalEvent, isSelfTarget } from "@ariakit/core/utils/events";
-import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 function isEditableElement(element) {
   if (element.isContentEditable)
@@ -144,14 +146,10 @@ var useCompositeItem = createHook(
   }) => {
     const context = useContext(CompositeContext);
     store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "CompositeItem must be wrapped in a Composite component"
-    );
     const id = useId(props.id);
     const ref = useRef(null);
     const row = useContext(CompositeRowContext);
-    const rowId = store.useState((state) => {
+    const rowId = useStoreState(store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!row?.baseElement)
@@ -274,7 +272,8 @@ var useCompositeItem = createHook(
         }
       }
     });
-    const baseElement = store.useState(
+    const baseElement = useStoreState(
+      store,
       (state) => state.baseElement || void 0
     );
     const providerValue = useMemo(
@@ -286,9 +285,9 @@ var useCompositeItem = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = store.useState((state) => state.activeId === id);
+    const isActiveItem = useStoreState(store, (state) => state.activeId === id);
     const role = useRole(ref, props);
-    const virtualFocus = store.useState("virtualFocus");
+    const virtualFocus = useStoreState(store, "virtualFocus");
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -297,7 +296,8 @@ var useCompositeItem = createHook(
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = store.useState(
+    const shouldTabIndex = useStoreState(
+      store,
       (state) => !state.virtualFocus && isActiveItem
     );
     props = {
@@ -306,7 +306,7 @@ var useCompositeItem = createHook(
       "data-active-item": isActiveItem ? "" : void 0,
       ...props,
       ref: useForkRef(ref, props.ref),
-      tabIndex: shouldTabIndex ? props.tabIndex : -1,
+      tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown

package/esm/__chunks/{YDNX3N4B.js → KTHONFWV.js}

@@ -10,7 +10,7 @@ import {
 } from "./DRSUYUM5.js";
 import {
   useCompositeItem
-} from "./WHN4PCW7.js";
+} from "./JOV72LYK.js";
 import {
   createElement,
   createHook,
@@ -18,7 +18,7 @@ import {
 } from "./JE5NWDDX.js";
 import {
   useStoreState
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 import {
   useBooleanEvent,
   useEvent
@@ -42,7 +42,7 @@ var useMenuItem = createHook(
     store = store || menuContext || menuBarContext;
     invariant(
       store,
-      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, MenuPopover or MenuBar component"
+      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or MenuBar component"
     );
     const onClickProp = props.onClick;
     const hideOnClickProp = useBooleanEvent(hideOnClick);

package/esm/__chunks/{4STD3S2Y.js → LBUPFIVF.js}

@@ -3,7 +3,7 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./WHN4PCW7.js";
+} from "./JOV72LYK.js";
 import {
   createElement,
   createHook,
@@ -11,7 +11,7 @@ import {
 } from "./JE5NWDDX.js";
 import {
   useStoreState
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 import {
   useEvent,
   useForkRef,

package/esm/__chunks/{6DAEYZ43.js → LTH56VDS.js}

@@ -60,12 +60,12 @@ function useStoreProps(store, props, key, setKey) {
 }
 function useStore(createStore) {
   const store = useLazyValue(createStore);
-  useSafeLayoutEffect(() => store.init(), []);
+  useSafeLayoutEffect(() => store.init(), [store]);
   const useState = useCallback(
     (keyOrSelector) => useStoreState(store, keyOrSelector),
-    []
+    [store]
   );
-  return useMemo(() => ({ ...store, useState }), []);
+  return useMemo(() => ({ ...store, useState }), [store, useState]);
 }
 
 export {

package/esm/__chunks/{RSJJ72ZD.js → M6QENKOT.js}

@@ -1,11 +1,11 @@
 import {
   useDialogStoreOptions,
   useDialogStoreProps
-} from "./OGTE6FGV.js";
+} from "./ND76WTDR.js";
 import {
   useStore,
   useStoreProps
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 import {
   useEvent
 } from "./B7MIN7YT.js";

package/esm/__chunks/{HRNQJHNJ.js → MAJ5ZZ2S.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";

package/esm/__chunks/{3OSYJZM5.js → MPZ7PKON.js}

@@ -122,7 +122,15 @@ var usePortal = createHook(
         if (!portal)
           return element;
         if (!portalNode) {
-          return /* @__PURE__ */ jsx("span", { ref: refProp, id: props.id, style: { position: "fixed" } });
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              ref: refProp,
+              id: props.id,
+              style: { position: "fixed" },
+              hidden: true
+            }
+          );
         }
         element = /* @__PURE__ */ jsxs(Fragment, { children: [
           preserveTabOrder && portalNode && /* @__PURE__ */ jsx(

package/esm/__chunks/{OGTE6FGV.js → ND76WTDR.js}

@@ -1,10 +1,10 @@
 import {
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "./OXIHLN45.js";
+} from "./YHRHKO5B.js";
 import {
   useStore
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 
 // src/dialog/dialog-store.ts
 import * as Core from "@ariakit/core/dialog/dialog-store";

package/esm/__chunks/{IW7LFTQE.js → NY7SYLNQ.js}

@@ -5,7 +5,7 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./GEOALYS4.js";
+} from "./GLAECEAR.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{OJNRBQKS.js → ON2AV7GH.js}

@@ -13,15 +13,11 @@ import {
 
 // src/collection/collection-item.ts
 import { useCallback, useContext, useRef } from "react";
-import { identity, invariant } from "@ariakit/core/utils/misc";
+import { identity } from "@ariakit/core/utils/misc";
 var useCollectionItem = createHook(
   ({ store, shouldRegisterItem = true, getItem = identity, ...props }) => {
     const context = useContext(CollectionContext);
     store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "CollectionItem must be wrapped in a Collection component"
-    );
     const id = useId(props.id);
     const unrenderItem = useRef();
     const ref = useCallback(

package/esm/__chunks/{CWHDUB4A.js → P4W76ES3.js}

@@ -1,6 +1,6 @@
 import {
   useCompositeItem
-} from "./WHN4PCW7.js";
+} from "./JOV72LYK.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{OXIHLN45.js → YHRHKO5B.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";

package/esm/__chunks/{2EP53RLR.js → ZCEPUYV7.js}

@@ -1,11 +1,11 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "./56XURSTF.js";
+} from "./36HCAR3M.js";
 import {
   useStore,
   useStoreProps
-} from "./6DAEYZ43.js";
+} from "./LTH56VDS.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";

package/esm/checkbox/checkbox-store.js

@@ -2,8 +2,8 @@ import {
   useCheckboxStore,
   useCheckboxStoreOptions,
   useCheckboxStoreProps
-} from "../__chunks/HRNQJHNJ.js";
-import "../__chunks/6DAEYZ43.js";
+} from "../__chunks/MAJ5ZZ2S.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/checkbox/checkbox.js

@@ -1,12 +1,12 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/4RNONDN5.js";
+} from "../__chunks/GM2BWWHD.js";
 import "../__chunks/M5KYRTQG.js";
 import "../__chunks/SAVDGYCC.js";
 import "../__chunks/5TGAWEHD.js";
 import "../__chunks/JE5NWDDX.js";
-import "../__chunks/6DAEYZ43.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/collection/collection-item.js

@@ -1,7 +1,7 @@
 import {
   CollectionItem,
   useCollectionItem
-} from "../__chunks/OJNRBQKS.js";
+} from "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/JE5NWDDX.js";
 import "../__chunks/B7MIN7YT.js";

package/esm/collection/collection-store.js

@@ -2,8 +2,8 @@ import {
   useCollectionStore,
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "../__chunks/56XURSTF.js";
-import "../__chunks/6DAEYZ43.js";
+} from "../__chunks/36HCAR3M.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/combobox/combobox-item.js

@@ -7,9 +7,9 @@ import {
 } from "../__chunks/DRSUYUM5.js";
 import {
   useCompositeItem
-} from "../__chunks/WHN4PCW7.js";
+} from "../__chunks/JOV72LYK.js";
 import "../__chunks/SAVDGYCC.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/STKLF26R.js";
 import "../__chunks/5TGAWEHD.js";
@@ -19,6 +19,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/JE5NWDDX.js";
+import "../__chunks/LTH56VDS.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/combobox/combobox-popover.js

@@ -4,8 +4,8 @@ import {
 import "../__chunks/5VGBBGF5.js";
 import {
   usePopover
-} from "../__chunks/GEOALYS4.js";
-import "../__chunks/WWZPDI2E.js";
+} from "../__chunks/GLAECEAR.js";
+import "../__chunks/JIT55CHU.js";
 import "../__chunks/4U6AOLE4.js";
 import "../__chunks/ARIIJA3Z.js";
 import "../__chunks/PU22SOKH.js";
@@ -16,13 +16,13 @@ import "../__chunks/HVXLVRRR.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/GWYHKM6Q.js";
 import "../__chunks/FD7UP2TJ.js";
-import "../__chunks/EJZ6BVXG.js";
+import "../__chunks/IIX2NU6T.js";
 import "../__chunks/6OMX4H3W.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/5TGAWEHD.js";
-import "../__chunks/3OSYJZM5.js";
+import "../__chunks/MPZ7PKON.js";
 import "../__chunks/NDTB3OGK.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/FFRIGW5T.js";

package/esm/combobox/combobox-store.js

@@ -1,18 +1,18 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/2EP53RLR.js";
-import "../__chunks/56XURSTF.js";
+} from "../__chunks/ZCEPUYV7.js";
+import "../__chunks/36HCAR3M.js";
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/RSJJ72ZD.js";
-import "../__chunks/OGTE6FGV.js";
-import "../__chunks/OXIHLN45.js";
+} from "../__chunks/M6QENKOT.js";
+import "../__chunks/ND76WTDR.js";
+import "../__chunks/YHRHKO5B.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/6DAEYZ43.js";
+} from "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 

package/esm/composite/composite-container.js

@@ -1,11 +1,11 @@
 import {
   CompositeContainer,
   useCompositeContainer
-} from "../__chunks/IACKFX3D.js";
+} from "../__chunks/7VB6U7Y2.js";
 import "../__chunks/STKLF26R.js";
 import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/JE5NWDDX.js";
-import "../__chunks/6DAEYZ43.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/composite/composite-item.js

@@ -1,14 +1,15 @@
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/WHN4PCW7.js";
+} from "../__chunks/JOV72LYK.js";
 import "../__chunks/SAVDGYCC.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/STKLF26R.js";
 import "../__chunks/5TGAWEHD.js";
 import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/JE5NWDDX.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/composite/composite-overflow-disclosure.js

@@ -8,9 +8,9 @@ import "../__chunks/6GS36SYX.js";
 import "../__chunks/RNWB46DZ.js";
 import {
   useCompositeItem
-} from "../__chunks/WHN4PCW7.js";
+} from "../__chunks/JOV72LYK.js";
 import "../__chunks/SAVDGYCC.js";
-import "../__chunks/OJNRBQKS.js";
+import "../__chunks/ON2AV7GH.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/STKLF26R.js";
 import "../__chunks/5TGAWEHD.js";
@@ -20,6 +20,7 @@ import {
   createElement,
   createHook
 } from "../__chunks/JE5NWDDX.js";
+import "../__chunks/LTH56VDS.js";
 import {
   useEvent,
   useForkRef

package/esm/composite/composite-overflow-store.js

@@ -1,12 +1,12 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/RSJJ72ZD.js";
-import "../__chunks/OGTE6FGV.js";
-import "../__chunks/OXIHLN45.js";
+} from "../__chunks/M6QENKOT.js";
+import "../__chunks/ND76WTDR.js";
+import "../__chunks/YHRHKO5B.js";
 import {
   useStore
-} from "../__chunks/6DAEYZ43.js";
+} from "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 

package/esm/composite/composite-overflow.js

@@ -1,7 +1,7 @@
 import {
   usePopover
-} from "../__chunks/GEOALYS4.js";
-import "../__chunks/WWZPDI2E.js";
+} from "../__chunks/GLAECEAR.js";
+import "../__chunks/JIT55CHU.js";
 import "../__chunks/4U6AOLE4.js";
 import "../__chunks/ARIIJA3Z.js";
 import "../__chunks/PU22SOKH.js";
@@ -12,13 +12,13 @@ import "../__chunks/HVXLVRRR.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/GWYHKM6Q.js";
 import "../__chunks/FD7UP2TJ.js";
-import "../__chunks/EJZ6BVXG.js";
+import "../__chunks/IIX2NU6T.js";
 import "../__chunks/6OMX4H3W.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/5TGAWEHD.js";
-import "../__chunks/3OSYJZM5.js";
+import "../__chunks/MPZ7PKON.js";
 import "../__chunks/NDTB3OGK.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/FFRIGW5T.js";

package/esm/composite/composite-store.js

@@ -2,9 +2,9 @@ import {
   useCompositeStore,
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/2EP53RLR.js";
-import "../__chunks/56XURSTF.js";
-import "../__chunks/6DAEYZ43.js";
+} from "../__chunks/ZCEPUYV7.js";
+import "../__chunks/36HCAR3M.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/dialog/dialog-store.js

@@ -2,9 +2,9 @@ import {
   useDialogStore,
   useDialogStoreOptions,
   useDialogStoreProps
-} from "../__chunks/OGTE6FGV.js";
-import "../__chunks/OXIHLN45.js";
-import "../__chunks/6DAEYZ43.js";
+} from "../__chunks/ND76WTDR.js";
+import "../__chunks/YHRHKO5B.js";
+import "../__chunks/LTH56VDS.js";
 import "../__chunks/B7MIN7YT.js";
 import "../__chunks/SXC6BPOF.js";
 export {

package/esm/dialog/dialog.js

@@ -1,7 +1,7 @@
 import {
   Dialog,
   useDialog
-} from "../__chunks/WWZPDI2E.js";
+} from "../__chunks/JIT55CHU.js";
 import "../__chunks/4U6AOLE4.js";
 import "../__chunks/ARIIJA3Z.js";
 import "../__chunks/PU22SOKH.js";
@@ -12,12 +12,12 @@ import "../__chunks/HVXLVRRR.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/GWYHKM6Q.js";
 import "../__chunks/FD7UP2TJ.js";
-import "../__chunks/EJZ6BVXG.js";
+import "../__chunks/IIX2NU6T.js";
 import "../__chunks/6OMX4H3W.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
 import "../__chunks/5TGAWEHD.js";
-import "../__chunks/3OSYJZM5.js";
+import "../__chunks/MPZ7PKON.js";
 import "../__chunks/NDTB3OGK.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/FFRIGW5T.js";