@ariakit/react-core 0.2.14 → 0.2.16

package/cjs/__chunks/{FSADYSOP.cjs → HTEAWNBY.cjs}

@@ -6,7 +6,7 @@ var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
 var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
-var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
+var _PD5YFDLOcjs = require('./PD5YFDLO.cjs');
 
 // src/dialog/utils/mark-tree-outside.ts
 var _misc = require('@ariakit/core/utils/misc');
@@ -15,12 +15,18 @@ function getPropertyName(id = "", ancestor = false) {
 }
 function markElement(element, id = "") {
   return _misc.chain.call(void 0, 
+    // Debug
+    // setAttribute(element, getPropertyName(), "true"),
+    // setAttribute(element, getPropertyName(id), "true"),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(), true),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(id), true)
   );
 }
 function markAncestor(element, id = "") {
   return _misc.chain.call(void 0, 
+    // Debug
+    // setAttribute(element, getPropertyName("", true), "true"),
+    // setAttribute(element, getPropertyName(id, true), "true"),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName("", true), true),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(id, true), true)
   );
@@ -41,14 +47,19 @@ function isElementMarked(element, id) {
 function markTreeOutside(dialogId, ...elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, 
+  _PD5YFDLOcjs.walkTreeOutside.call(void 0, 
     elements,
     (element) => {
       if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
         return;
       cleanups.unshift(markElement(element, dialogId));
     },
-    (ancestor) => cleanups.unshift(markAncestor(ancestor, dialogId))
+    (ancestor, element) => {
+      const isAnotherDialogAncestor = element.hasAttribute("data-dialog") && element.id !== dialogId;
+      if (isAnotherDialogAncestor)
+        return;
+      cleanups.unshift(markAncestor(ancestor, dialogId));
+    }
   );
   const restoreAccessibilityTree = () => {
     cleanups.forEach((fn) => fn());

package/cjs/__chunks/{HSFSIYIQ.cjs → JLC4GR5L.cjs}

@@ -18,7 +18,7 @@ var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _KLWT4P56cjs = require('./KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('./QW7NAUIX.cjs');
 
 
 
@@ -71,7 +71,7 @@ var useMenuList = _CWY2PHPRcjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_KLWT4P56cjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_QW7NAUIXcjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );

package/cjs/__chunks/{HUVFPCMZ.cjs → KJBIRAH5.cjs}

@@ -1,11 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _FSADYSOPcjs = require('./FSADYSOP.cjs');
+var _HTEAWNBYcjs = require('./HTEAWNBY.cjs');
 
 
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
 
 
+
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
 
@@ -47,10 +48,26 @@ function useEventOutside({
   store,
   type,
   listener,
-  capture
+  capture,
+  domReady
 }) {
   const callListener = _5WLTMVVQcjs.useEvent.call(void 0, listener);
   const open = store.useState("open");
+  const focusedRef = _react.useRef.call(void 0, false);
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!open)
+      return;
+    if (!domReady)
+      return;
+    const { contentElement } = store.getState();
+    if (!contentElement)
+      return;
+    const onFocus = () => {
+      focusedRef.current = true;
+    };
+    contentElement.addEventListener("focusin", onFocus, true);
+    return () => contentElement.removeEventListener("focusin", onFocus, true);
+  }, [store, open, domReady]);
   _react.useEffect.call(void 0, () => {
     if (!open)
       return;
@@ -71,7 +88,8 @@ function useEventOutside({
         return;
       if (isMouseEventOnDialog(event, contentElement))
         return;
-      if (!_FSADYSOPcjs.isElementMarked.call(void 0, target, contentElement.id))
+      const focused = focusedRef.current;
+      if (focused && !_HTEAWNBYcjs.isElementMarked.call(void 0, target, contentElement.id))
         return;
       callListener(event);
     };
@@ -84,10 +102,10 @@ function shouldHideOnInteractOutside(hideOnInteractOutside, event) {
   }
   return !!hideOnInteractOutside;
 }
-function useHideOnInteractOutside(store, hideOnInteractOutside) {
+function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
   const open = store.useState("open");
   const previousMouseDownRef = _X2GXTE3Pcjs.usePreviousMouseDownRef.call(void 0, open);
-  const props = { store, capture: true };
+  const props = { store, domReady, capture: true };
   useEventOutside(_72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
     type: "click",
     listener: (event) => {
@@ -97,7 +115,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside) {
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!_FSADYSOPcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
+      if (!_HTEAWNBYcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;

package/cjs/__chunks/{OYXMXGQJ.cjs → KKAG47JR.cjs}

@@ -11,7 +11,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _KLWT4P56cjs = require('./KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('./QW7NAUIX.cjs');
 
 
 
@@ -69,7 +69,7 @@ var useCompositeContainer = _CWY2PHPRcjs.createHook.call(void 0,
       isOpenRef.current = false;
       _focus.disableFocusIn.call(void 0, container);
     };
-    const renderedItems = _KLWT4P56cjs.useStoreState.call(void 0, store, "renderedItems");
+    const renderedItems = _QW7NAUIXcjs.useStoreState.call(void 0, store, "renderedItems");
     _react.useEffect.call(void 0, () => {
       const container = ref.current;
       if (!container)

package/cjs/__chunks/{VBRBBWCP.cjs → NH6Q6YSM.cjs}

@@ -3,7 +3,7 @@
 var _OTRABJ4Ycjs = require('./OTRABJ4Y.cjs');
 
 
-var _SIVNE3PRcjs = require('./SIVNE3PR.cjs');
+var _ETK4FMZHcjs = require('./ETK4FMZH.cjs');
 
 
 
@@ -113,7 +113,7 @@ var useFormField = _CWY2PHPRcjs.createHook.call(void 0,
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref),
       onBlur
     });
-    props = _SIVNE3PRcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
+    props = _ETK4FMZHcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
     return props;
   }
 );

package/cjs/__chunks/{3MC2XJ5F.cjs → OHBR6IPU.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JQNHOFVLcjs = require('./JQNHOFVL.cjs');
+var _4PH5LF7Rcjs = require('./4PH5LF7R.cjs');
 
 
-var _ZWMVFMQYcjs = require('./ZWMVFMQY.cjs');
+var _CHVOMF22cjs = require('./CHVOMF22.cjs');
 
 
-var _O22LNQHScjs = require('./O22LNQHS.cjs');
+var _FA3DXDDTcjs = require('./FA3DXDDT.cjs');
 
 
 var _F4UT5TWUcjs = require('./F4UT5TWU.cjs');
 
 
-var _XE2DJMCIcjs = require('./XE2DJMCI.cjs');
+var _6BAHKJ5Kcjs = require('./6BAHKJ5K.cjs');
 
 
-var _HUVFPCMZcjs = require('./HUVFPCMZ.cjs');
+var _KJBIRAH5cjs = require('./KJBIRAH5.cjs');
 
 
 
-var _FSADYSOPcjs = require('./FSADYSOP.cjs');
+var _HTEAWNBYcjs = require('./HTEAWNBY.cjs');
 
 
 var _W32FX7DMcjs = require('./W32FX7DM.cjs');
@@ -151,8 +151,8 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     const contentElement = store.useState("contentElement");
     const hidden = _SZTCN3SGcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
     _F4UT5TWUcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
-    _HUVFPCMZcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
-    const { wrapElement, nestedDialogs } = _XE2DJMCIcjs.useNestedDialogs.call(void 0, store);
+    _KJBIRAH5cjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
+    const { wrapElement, nestedDialogs } = _6BAHKJ5Kcjs.useNestedDialogs.call(void 0, store);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
     _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!open)
@@ -166,7 +166,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       if (dialog && _dom.contains.call(void 0, dialog, activeElement))
         return;
       store.setDisclosureElement(activeElement);
-    }, [open]);
+    }, [open, store]);
     if (isSafariBrowser) {
       _react.useEffect.call(void 0, () => {
         if (!mounted)
@@ -194,7 +194,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         return () => {
           disclosureElement.removeEventListener("mousedown", onMouseDown);
         };
-      }, [mounted]);
+      }, [mounted, store]);
     }
     const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
     // dialog is a modal. But the Portal component can't preserve the tab
@@ -234,17 +234,17 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
       ];
       if (!shouldDisableAccessibilityTree) {
-        return _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
+        return _HTEAWNBYcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
       }
       if (modal) {
         return _misc.chain.call(void 0, 
-          _FSADYSOPcjs.markTreeOutside.call(void 0, id, ...allElements),
-          _ZWMVFMQYcjs.disableTreeOutside.call(void 0, ...allElements)
+          _HTEAWNBYcjs.markTreeOutside.call(void 0, id, ...allElements),
+          _CHVOMF22cjs.disableTreeOutside.call(void 0, ...allElements)
         );
       }
       return _misc.chain.call(void 0, 
-        _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
-        _O22LNQHScjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
+        _HTEAWNBYcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
+        _FA3DXDDTcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
       );
     }, [
       domReady,
@@ -309,16 +309,13 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       setHasOpened(true);
       return () => setHasOpened(false);
     }, [open]);
-    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (!hasOpened)
-        return;
-      if (!mayAutoFocusOnHide)
-        return;
-      const dialog = ref.current;
-      const focusOnHide = (retry = true) => {
+    const focusOnHide = _react.useCallback.call(void 0, 
+      (dialog, retry = true) => {
+        const { open: open2, disclosureElement } = store.getState();
+        if (open2)
+          return;
         if (isAlreadyFocusingAnotherElement(dialog))
           return;
-        const { disclosureElement } = store.getState();
         let element = getElementFromProp(finalFocus) || disclosureElement;
         if (element == null ? void 0 : element.id) {
           const doc = _dom.getDocument.call(void 0, element);
@@ -341,7 +338,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         }
         const isElementFocusable = element && _focus.isFocusable.call(void 0, element);
         if (!isElementFocusable && retry) {
-          requestAnimationFrame(() => focusOnHide(false));
+          requestAnimationFrame(() => focusOnHide(dialog, false));
           return;
         }
         if (!autoFocusOnHideProp(isElementFocusable ? element : null))
@@ -349,12 +346,27 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         if (!isElementFocusable)
           return;
         element == null ? void 0 : element.focus();
-      };
-      if (!open) {
-        return focusOnHide();
-      }
-      return focusOnHide;
-    }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
+      },
+      [store, finalFocus, autoFocusOnHideProp]
+    );
+    _react.useEffect.call(void 0, () => {
+      if (open)
+        return;
+      if (!hasOpened)
+        return;
+      if (!mayAutoFocusOnHide)
+        return;
+      const dialog = ref.current;
+      focusOnHide(dialog);
+    }, [open, hasOpened, mayAutoFocusOnHide, focusOnHide]);
+    _react.useEffect.call(void 0, () => {
+      if (!hasOpened)
+        return;
+      if (!mayAutoFocusOnHide)
+        return;
+      const dialog = ref.current;
+      return () => focusOnHide(dialog);
+    }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
     const hideOnEscapeProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnEscape);
     _react.useEffect.call(void 0, () => {
       if (!domReady)
@@ -369,7 +381,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         const dialog = ref.current;
         if (!dialog)
           return;
-        if (_FSADYSOPcjs.isElementMarked.call(void 0, dialog))
+        if (_HTEAWNBYcjs.isElementMarked.call(void 0, dialog))
           return;
         const target = event.target;
         if (!target)
@@ -393,7 +405,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         store.hide();
       };
       return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
-    }, [mounted, domReady, hideOnEscapeProp]);
+    }, [mounted, domReady, store, hideOnEscapeProp]);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
@@ -408,7 +420,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
           return element;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _JQNHOFVLcjs.DialogBackdrop,
+            _4PH5LF7Rcjs.DialogBackdrop,
             {
               store,
               backdrop,

package/cjs/__chunks/{PRMEV7L5.cjs → PBJASQI6.cjs}

@@ -10,7 +10,7 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 var _WWIZUBSBcjs = require('./WWIZUBSB.cjs');
 
 
-var _G2UVEERGcjs = require('./G2UVEERG.cjs');
+var _AHLK6SVFcjs = require('./AHLK6SVF.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _G2UVEERGcjs = require('./G2UVEERG.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _KLWT4P56cjs = require('./KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('./QW7NAUIX.cjs');
 
 
 
@@ -75,7 +75,7 @@ var useMenuItem = _CWY2PHPRcjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _KLWT4P56cjs.useStoreState.call(void 0, 
+    const contentElement = _QW7NAUIXcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -85,7 +85,7 @@ var useMenuItem = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _G2UVEERGcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _AHLK6SVFcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
     props = _WWIZUBSBcjs.useCompositeHover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{TFOIZV2V.cjs → PD5YFDLO.cjs}

@@ -20,12 +20,13 @@ function walkTreeOutside(elements, callback, ancestorCallback) {
       return maybeAncestor.contains(element);
     });
     const doc = _dom.getDocument.call(void 0, element);
+    const originalElement = element;
     while (element.parentElement && element !== doc.body) {
-      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement);
+      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement, originalElement);
       if (!hasAncestorAlready) {
         for (const child of element.parentElement.children) {
           if (isValidElement(child, elements)) {
-            callback(child);
+            callback(child, originalElement);
           }
         }
       }

package/cjs/__chunks/{IQIITEH3.cjs → QCWWP2P4.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _G2UVEERGcjs = require('./G2UVEERG.cjs');
+var _AHLK6SVFcjs = require('./AHLK6SVF.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var useToolbarItem = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _G2UVEERGcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AHLK6SVFcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/QW7NAUIX.cjs

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+
+var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
+
+
+
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+// src/utils/store.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _misc = require('@ariakit/core/utils/misc');
+var _store = require('@ariakit/core/utils/store');
+var _reactdom = require('react-dom');
+var _indexjs = require('use-sync-external-store/shim/index.js');
+var noopSubscribe = () => () => {
+};
+var inFlushSyncContext = false;
+function safeFlushSync(fn, canFlushSync = true) {
+  if (inFlushSyncContext || !canFlushSync) {
+    fn();
+    return;
+  }
+  inFlushSyncContext = true;
+  const originalError = console.error;
+  if (process.env.NODE_ENV !== "production") {
+    console.error = (msg) => {
+      if (msg.startsWith("Warning: flushSync"))
+        return;
+      originalError(msg);
+    };
+  }
+  try {
+    _reactdom.flushSync.call(void 0, fn);
+  } finally {
+    console.error = originalError;
+    inFlushSyncContext = false;
+  }
+}
+function useStoreState(store, keyOrSelector = _misc.identity) {
+  const storeSubscribe = React.useCallback(
+    (callback) => {
+      if (!store)
+        return noopSubscribe();
+      return _store.subscribe.call(void 0, store, null, callback);
+    },
+    [store]
+  );
+  const getSnapshot = () => {
+    if (!store)
+      return;
+    const state = store.getState();
+    const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
+    const key = typeof keyOrSelector === "string" ? keyOrSelector : null;
+    if (selector)
+      return selector(state);
+    if (!key)
+      return;
+    if (!_misc.hasOwnProperty.call(void 0, state, key))
+      return;
+    return state[key];
+  };
+  return _indexjs.useSyncExternalStore.call(void 0, storeSubscribe, getSnapshot, getSnapshot);
+}
+function useStoreProps(store, props, key, setKey) {
+  const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
+  const propsRef = _5WLTMVVQcjs.useLiveRef.call(void 0, {
+    value,
+    setValue: setKey ? props[setKey] : void 0
+  });
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+    let canFlushSync = false;
+    queueMicrotask(() => {
+      canFlushSync = true;
+    });
+    return _store.sync.call(void 0, store, [key], (state, prev) => {
+      const { value: value2, setValue } = propsRef.current;
+      if (!setValue)
+        return;
+      if (state[key] === prev[key])
+        return;
+      if (state[key] === value2)
+        return;
+      safeFlushSync(() => setValue(state[key]), canFlushSync);
+    });
+  }, [store, key]);
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+    return _store.batch.call(void 0, store, [key], () => {
+      if (value === void 0)
+        return;
+      store.setState(key, value);
+    });
+  }, [store, key, value]);
+}
+function useStore(createStore) {
+  const store = _5WLTMVVQcjs.useLazyValue.call(void 0, createStore);
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => _store.init.call(void 0, store), [store]);
+  const useState = React.useCallback(
+    (keyOrSelector) => useStoreState(store, keyOrSelector),
+    [store]
+  );
+  return React.useMemo(
+    () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { useState }),
+    [store, useState]
+  );
+}
+
+
+
+
+
+exports.useStoreState = useStoreState; exports.useStoreProps = useStoreProps; exports.useStore = useStore;

package/cjs/__chunks/{63OBHNVT.cjs → VB7SPR3I.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _IMHF4TCRcjs = require('./IMHF4TCR.cjs');
+var _5SFIKBWFcjs = require('./5SFIKBWF.cjs');
 
 
 var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
@@ -11,7 +11,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _KLWT4P56cjs = require('./KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('./QW7NAUIX.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -67,7 +67,7 @@ function findLast(items) {
 function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
-    const itemId = _IMHF4TCRcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _5SFIKBWFcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
     if (itemId === id)
       return true;
     const object = getItemObject(item);
@@ -98,11 +98,11 @@ function useCompositeRenderer(_a) {
   var _a2;
   const context = _react.useContext.call(void 0, _5VOPA6D3cjs.CompositeContext);
   store = store || context;
-  const orientation = (_a2 = _KLWT4P56cjs.useStoreState.call(void 0, 
+  const orientation = (_a2 = _QW7NAUIXcjs.useStoreState.call(void 0, 
     store,
     (state) => (orientationProp != null ? orientationProp : state.orientation === "both") ? "vertical" : state.orientation
   )) != null ? _a2 : orientationProp;
-  const items = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
+  const items = _QW7NAUIXcjs.useStoreState.call(void 0, store, (state) => {
     var _a3;
     if ("mounted" in state && state.mounted)
       return 0;
@@ -135,7 +135,7 @@ function useCompositeRenderer(_a) {
       return -1;
     return findLast(items);
   }, [items]);
-  const activeId = _KLWT4P56cjs.useStoreState.call(void 0, store, "activeId");
+  const activeId = _QW7NAUIXcjs.useStoreState.call(void 0, store, "activeId");
   const activeIndex = _react.useMemo.call(void 0, () => {
     if (!id)
       return -1;
@@ -158,7 +158,7 @@ function useCompositeRenderer(_a) {
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _IMHF4TCRcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  return _5SFIKBWFcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,

package/cjs/__chunks/{LG6XOVBQ.cjs → VGBPLBUZ.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _KLWT4P56cjs = require('./KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('./QW7NAUIX.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
@@ -9,11 +9,11 @@ function useCheckboxStoreOptions(_props) {
   return {};
 }
 function useCheckboxStoreProps(store, props) {
-  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _QW7NAUIXcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _KLWT4P56cjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _QW7NAUIXcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{44MSVBJL.cjs → VKPXIX7D.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _KLWT4P56cjs = require('./KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('./QW7NAUIX.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -12,12 +12,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _QW7NAUIXcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _KLWT4P56cjs.useStore.call(void 0, 
+  const store = _QW7NAUIXcjs.useStore.call(void 0, 
     () => Core.createCollectionStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useCollectionStoreProps(store, props);

package/cjs/checkbox/checkbox-store.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _LG6XOVBQcjs = require('../__chunks/LG6XOVBQ.cjs');
-require('../__chunks/KLWT4P56.cjs');
+var _VGBPLBUZcjs = require('../__chunks/VGBPLBUZ.cjs');
+require('../__chunks/QW7NAUIX.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useCheckboxStore = _LG6XOVBQcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _LG6XOVBQcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _LG6XOVBQcjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _VGBPLBUZcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _VGBPLBUZcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _VGBPLBUZcjs.useCheckboxStoreProps;