@ariakit/core 0.2.7 → 0.2.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ariakit/core
 
+## 0.2.9
+
+### Patch Changes
+
+- [`#2709`](https://github.com/ariakit/ariakit/pull/2709) Fixed `addGlobalEventListener` function when used in a document with sandbox iframes.
+
+## 0.2.8
+
+### Patch Changes
+
+- Removed private properties from the store object. ([#2706](https://github.com/ariakit/ariakit/pull/2706))
+
+  Instead of accessing `store.setup`, `store.sync`, `store.subscribe`, etc. directly, use the equivalent functions exported by the `@ariakit/core/utils/store` module.
+
 ## 0.2.7
 
 ### Patch Changes

package/cjs/__chunks/{ZXPKRPGY.cjs → DPHJ32KR.cjs}

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _K2LZWNNXcjs = require('./K2LZWNNX.cjs');
+var _PIEJYPN7cjs = require('./PIEJYPN7.cjs');
 
 
 
-var _5AWPMH4Scjs = require('./5AWPMH4S.cjs');
+
+var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -21,18 +22,18 @@ function createPopoverStore(_a = {}) {
   } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
     "popover"
   ]);
-  const store = _5AWPMH4Scjs.mergeStore.call(void 0, 
+  const store = _FS2K2N7Ucjs.mergeStore.call(void 0, 
     props.store,
-    otherPopover == null ? void 0 : otherPopover.omit(
+    _FS2K2N7Ucjs.omit.call(void 0, otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
       "popoverElement",
       "disclosureElement"
-    )
+    ])
   );
   const syncState = store == null ? void 0 : store.getState();
-  const dialog = _K2LZWNNXcjs.createDialogStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { store }));
+  const dialog = _PIEJYPN7cjs.createDialogStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { store }));
   const placement = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.placement,
     syncState == null ? void 0 : syncState.placement,
@@ -46,7 +47,7 @@ function createPopoverStore(_a = {}) {
     arrowElement: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
     rendered: Symbol("rendered")
   });
-  const popover = _5AWPMH4Scjs.createStore.call(void 0, initialState, dialog, store);
+  const popover = _FS2K2N7Ucjs.createStore.call(void 0, initialState, dialog, store);
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, dialog), popover), {
     setAnchorElement: (element) => popover.setState("anchorElement", element),
     setPopoverElement: (element) => popover.setState("popoverElement", element),

package/cjs/__chunks/{SXMUYOXB.cjs → F5DMXFQ2.cjs}

@@ -1,6 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5AWPMH4Scjs = require('./5AWPMH4S.cjs');
+
+
+var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
 
 
 
@@ -73,45 +75,42 @@ function createCollectionStore(props = {}) {
     items,
     renderedItems: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
   };
-  const privateStore = _5AWPMH4Scjs.createStore.call(void 0, {
+  const privateStore = _FS2K2N7Ucjs.createStore.call(void 0, {
     renderedItems: initialState.renderedItems
   });
-  const collection = _5AWPMH4Scjs.createStore.call(void 0, initialState, props.store);
+  const collection = _FS2K2N7Ucjs.createStore.call(void 0, initialState, props.store);
   const sortItems = () => {
     const state = privateStore.getState();
     const renderedItems = sortBasedOnDOMPosition(state.renderedItems);
     privateStore.setState("renderedItems", renderedItems);
     collection.setState("renderedItems", renderedItems);
   };
-  collection.setup(() => {
-    return privateStore.syncBatch(
-      (state) => {
-        let firstRun = true;
-        let raf = requestAnimationFrame(sortItems);
-        if (typeof IntersectionObserver !== "function")
+  _FS2K2N7Ucjs.setup.call(void 0, collection, () => {
+    return _FS2K2N7Ucjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
+      let firstRun = true;
+      let raf = requestAnimationFrame(sortItems);
+      if (typeof IntersectionObserver !== "function")
+        return;
+      const callback = () => {
+        if (firstRun) {
+          firstRun = false;
           return;
-        const callback = () => {
-          if (firstRun) {
-            firstRun = false;
-            return;
-          }
-          cancelAnimationFrame(raf);
-          raf = requestAnimationFrame(sortItems);
-        };
-        const root = getCommonParent(state.renderedItems);
-        const observer = new IntersectionObserver(callback, { root });
-        state.renderedItems.forEach((item) => {
-          if (!item.element)
-            return;
-          observer.observe(item.element);
-        });
-        return () => {
-          cancelAnimationFrame(raf);
-          observer.disconnect();
-        };
-      },
-      ["renderedItems"]
-    );
+        }
+        cancelAnimationFrame(raf);
+        raf = requestAnimationFrame(sortItems);
+      };
+      const root = getCommonParent(state.renderedItems);
+      const observer = new IntersectionObserver(callback, { root });
+      state.renderedItems.forEach((item) => {
+        if (!item.element)
+          return;
+        observer.observe(item.element);
+      });
+      return () => {
+        cancelAnimationFrame(raf);
+        observer.disconnect();
+      };
+    });
   });
   const mergeItem = (item, setItems, canDeleteFromMap = false) => {
     let prevItem;

package/cjs/__chunks/{5AWPMH4S.cjs → FS2K2N7U.cjs}

@@ -6,6 +6,7 @@
 
 
 
+
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
 
 
@@ -13,6 +14,11 @@ var _RCYVACJOcjs = require('./RCYVACJO.cjs');
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/utils/store.ts
+function getInternal(store, key) {
+  const internals = store.__unstableInternals;
+  _RCYVACJOcjs.invariant.call(void 0, internals, "Invalid store");
+  return internals[key];
+}
 function createStore(initialState, ...stores) {
   let state = initialState;
   let prevStateBatch = state;
@@ -24,11 +30,11 @@ function createStore(initialState, ...stores) {
   const listenersBatch = /* @__PURE__ */ new Set();
   const disposables = /* @__PURE__ */ new WeakMap();
   const listenerKeys = /* @__PURE__ */ new WeakMap();
-  const setup = (callback) => {
+  const storeSetup = (callback) => {
     setups.add(callback);
     return () => setups.delete(callback);
   };
-  const init = () => {
+  const storeInit = () => {
     if (initialized)
       return _RCYVACJOcjs.noop;
     if (!stores.length)
@@ -37,28 +43,25 @@ function createStore(initialState, ...stores) {
     const desyncs = _RCYVACJOcjs.getKeys.call(void 0, state).map(
       (key) => _RCYVACJOcjs.chain.call(void 0, 
         ...stores.map((store) => {
-          var _a, _b;
+          var _a;
           const storeState = (_a = store == null ? void 0 : store.getState) == null ? void 0 : _a.call(store);
           if (!storeState)
             return;
           if (!_RCYVACJOcjs.hasOwnProperty.call(void 0, storeState, key))
             return;
-          return (_b = store == null ? void 0 : store.sync) == null ? void 0 : _b.call(store, (state2) => setState(key, state2[key]), [key]);
+          return sync(store, [key], (state2) => setState(key, state2[key]));
         })
       )
     );
     const teardowns = [];
     setups.forEach((setup2) => teardowns.push(setup2()));
-    const cleanups = stores.map((store) => {
-      var _a;
-      return (_a = store == null ? void 0 : store.init) == null ? void 0 : _a.call(store);
-    });
+    const cleanups = stores.map(init);
     return _RCYVACJOcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups, () => {
       initialized = false;
     });
   };
-  const sub = (listener, keys, batch = false) => {
-    const set = batch ? listenersBatch : listeners;
+  const sub = (keys, listener, batch2 = false) => {
+    const set = batch2 ? listenersBatch : listeners;
     set.add(listener);
     listenerKeys.set(listener, keys);
     return () => {
@@ -69,15 +72,17 @@ function createStore(initialState, ...stores) {
       set.delete(listener);
     };
   };
-  const subscribe = (listener, keys) => sub(listener, keys);
-  const sync = (listener, keys) => {
+  const storeSubscribe = (keys, listener) => sub(keys, listener);
+  const storeSync = (keys, listener) => {
     disposables.set(listener, listener(state, state));
-    return sub(listener, keys);
+    return sub(keys, listener);
   };
-  const syncBatch = (listener, keys) => {
+  const storeBatch = (keys, listener) => {
     disposables.set(listener, listener(state, prevStateBatch));
-    return sub(listener, keys, true);
+    return sub(keys, listener, true);
   };
+  const storePick = (keys) => createStore(_RCYVACJOcjs.pick.call(void 0, state, keys), finalStore);
+  const storeOmit = (keys) => createStore(_RCYVACJOcjs.omit.call(void 0, state, keys), finalStore);
   const getState = () => state;
   const setState = (key, value) => {
     if (!_RCYVACJOcjs.hasOwnProperty.call(void 0, state, key))
@@ -115,21 +120,56 @@ function createStore(initialState, ...stores) {
       updatedKeys.clear();
     });
   };
-  const pick2 = (...keys) => createStore(_RCYVACJOcjs.pick.call(void 0, state, keys), finalStore);
-  const omit2 = (...keys) => createStore(_RCYVACJOcjs.omit.call(void 0, state, keys), finalStore);
   const finalStore = {
-    setup,
-    init,
-    subscribe,
-    sync,
-    syncBatch,
     getState,
     setState,
-    pick: pick2,
-    omit: omit2
+    __unstableInternals: {
+      setup: storeSetup,
+      init: storeInit,
+      subscribe: storeSubscribe,
+      sync: storeSync,
+      batch: storeBatch,
+      pick: storePick,
+      omit: storeOmit
+    }
   };
   return finalStore;
 }
+function setup(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "setup")(...args);
+}
+function init(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "init")(...args);
+}
+function subscribe(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "subscribe")(...args);
+}
+function sync(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "sync")(...args);
+}
+function batch(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "batch")(...args);
+}
+function omit2(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "omit")(...args);
+}
+function pick2(store, ...args) {
+  if (!store)
+    return;
+  return getInternal(store, "pick")(...args);
+}
 function mergeStore(...stores) {
   const initialState = stores.reduce((state, store2) => {
     var _a;
@@ -145,4 +185,11 @@ function mergeStore(...stores) {
 
 
 
-exports.createStore = createStore; exports.mergeStore = mergeStore;
+
+
+
+
+
+
+
+exports.createStore = createStore; exports.setup = setup; exports.init = init; exports.subscribe = subscribe; exports.sync = sync; exports.batch = batch; exports.omit = omit2; exports.pick = pick2; exports.mergeStore = mergeStore;

package/cjs/__chunks/{NVEPU4WA.cjs → MCCIH6SG.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZXPKRPGYcjs = require('./ZXPKRPGY.cjs');
+var _DPHJ32KRcjs = require('./DPHJ32KR.cjs');
 
 
-var _5AWPMH4Scjs = require('./5AWPMH4S.cjs');
+var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -16,7 +16,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 function createHovercardStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const popover = _ZXPKRPGYcjs.createPopoverStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _DPHJ32KRcjs.createPopoverStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
     placement: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.placement,
       syncState == null ? void 0 : syncState.placement,
@@ -30,7 +30,7 @@ function createHovercardStore(props = {}) {
     hideTimeout: _RCYVACJOcjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
     autoFocusOnShow: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
   });
-  const hovercard = _5AWPMH4Scjs.createStore.call(void 0, initialState, popover, props.store);
+  const hovercard = _FS2K2N7Ucjs.createStore.call(void 0, initialState, popover, props.store);
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, popover), hovercard), {
     setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
   });

package/cjs/__chunks/{PR7FUI5D.cjs → OQIG5VE3.cjs}

@@ -1,9 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _SXMUYOXBcjs = require('./SXMUYOXB.cjs');
+var _F5DMXFQ2cjs = require('./F5DMXFQ2.cjs');
 
 
-var _5AWPMH4Scjs = require('./5AWPMH4S.cjs');
+
+
+var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -121,7 +123,7 @@ function verticalizeItems(items) {
 function createCompositeStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const collection = _SXMUYOXBcjs.createCollectionStore.call(void 0, props);
+  const collection = _F5DMXFQ2cjs.createCollectionStore.call(void 0, props);
   const activeId = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
@@ -151,19 +153,17 @@ function createCompositeStore(props = {}) {
     focusWrap: _RCYVACJOcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
     focusShift: _RCYVACJOcjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
   });
-  const composite = _5AWPMH4Scjs.createStore.call(void 0, initialState, collection, props.store);
-  composite.setup(
-    () => composite.sync(
-      (state) => {
-        composite.setState("activeId", (activeId2) => {
-          var _a2;
-          if (activeId2 !== void 0)
-            return activeId2;
-          return (_a2 = findFirstEnabledItem(state.renderedItems)) == null ? void 0 : _a2.id;
-        });
-      },
-      ["renderedItems", "activeId"]
-    )
+  const composite = _FS2K2N7Ucjs.createStore.call(void 0, initialState, collection, props.store);
+  _FS2K2N7Ucjs.setup.call(void 0, 
+    composite,
+    () => _FS2K2N7Ucjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
+      composite.setState("activeId", (activeId2) => {
+        var _a2;
+        if (activeId2 !== void 0)
+          return activeId2;
+        return (_a2 = findFirstEnabledItem(state.renderedItems)) == null ? void 0 : _a2.id;
+      });
+    })
   );
   const getNextId = (items, orientation, hasNullItem, skip) => {
     var _a2, _b;

package/cjs/__chunks/{K2LZWNNX.cjs → PIEJYPN7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _RS4LBZRZcjs = require('./RS4LBZRZ.cjs');
+var _V7OHZPBOcjs = require('./V7OHZPBO.cjs');
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {
-  return _RS4LBZRZcjs.createDisclosureStore.call(void 0, props);
+  return _V7OHZPBOcjs.createDisclosureStore.call(void 0, props);
 }
 
 

package/cjs/__chunks/{RS4LBZRZ.cjs → V7OHZPBO.cjs}

@@ -1,7 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _5AWPMH4Scjs = require('./5AWPMH4S.cjs');
+
+
+
+var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -12,10 +15,9 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  var _a;
-  const store = _5AWPMH4Scjs.mergeStore.call(void 0, 
+  const store = _FS2K2N7Ucjs.mergeStore.call(void 0, 
     props.store,
-    (_a = props.disclosure) == null ? void 0 : _a.omit("contentElement", "disclosureElement")
+    _FS2K2N7Ucjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
   );
   const syncState = store == null ? void 0 : store.getState();
   const open = _RCYVACJOcjs.defaultValue.call(void 0, 
@@ -33,36 +35,30 @@ function createDisclosureStore(props = {}) {
     contentElement: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
     disclosureElement: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
   };
-  const disclosure = _5AWPMH4Scjs.createStore.call(void 0, initialState, store);
-  disclosure.setup(
-    () => disclosure.sync(
-      (state) => {
-        if (state.animated)
-          return;
-        disclosure.setState("animating", false);
-      },
-      ["animated", "animating"]
-    )
+  const disclosure = _FS2K2N7Ucjs.createStore.call(void 0, initialState, store);
+  _FS2K2N7Ucjs.setup.call(void 0, 
+    disclosure,
+    () => _FS2K2N7Ucjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+      if (state.animated)
+        return;
+      disclosure.setState("animating", false);
+    })
   );
-  disclosure.setup(
-    () => disclosure.sync(
-      (state, prev) => {
-        if (!state.animated)
-          return;
-        const mounting = state === prev;
-        const animating = mounting ? state.open : state.open !== prev.open;
-        disclosure.setState("animating", animating);
-      },
-      ["open", "animated"]
-    )
+  _FS2K2N7Ucjs.setup.call(void 0, 
+    disclosure,
+    () => _FS2K2N7Ucjs.sync.call(void 0, disclosure, ["open", "animated"], (state, prev) => {
+      if (!state.animated)
+        return;
+      const mounting = state === prev;
+      const animating = mounting ? state.open : state.open !== prev.open;
+      disclosure.setState("animating", animating);
+    })
   );
-  disclosure.setup(
-    () => disclosure.sync(
-      (state) => {
-        disclosure.setState("mounted", state.open || state.animating);
-      },
-      ["open", "animating"]
-    )
+  _FS2K2N7Ucjs.setup.call(void 0, 
+    disclosure,
+    () => _FS2K2N7Ucjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+      disclosure.setState("mounted", state.open || state.animating);
+    })
   );
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, disclosure), {
     setOpen: (value) => disclosure.setState("open", value),

package/cjs/checkbox/checkbox-store.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5AWPMH4Scjs = require('../__chunks/5AWPMH4S.cjs');
+var _FS2K2N7Ucjs = require('../__chunks/FS2K2N7U.cjs');
 
 
 var _RCYVACJOcjs = require('../__chunks/RCYVACJO.cjs');
@@ -21,7 +21,7 @@ function createCheckboxStore(props = {}) {
       false
     )
   };
-  const checkbox = _5AWPMH4Scjs.createStore.call(void 0, initialState, props.store);
+  const checkbox = _FS2K2N7Ucjs.createStore.call(void 0, initialState, props.store);
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, checkbox), {
     setValue: (value) => checkbox.setState("value", value)
   });

package/cjs/collection/collection-store.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _SXMUYOXBcjs = require('../__chunks/SXMUYOXB.cjs');
-require('../__chunks/5AWPMH4S.cjs');
+var _F5DMXFQ2cjs = require('../__chunks/F5DMXFQ2.cjs');
+require('../__chunks/FS2K2N7U.cjs');
 require('../__chunks/RCYVACJO.cjs');
 require('../__chunks/EXM2AW52.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.createCollectionStore = _SXMUYOXBcjs.createCollectionStore;
+exports.createCollectionStore = _F5DMXFQ2cjs.createCollectionStore;