@ariakit/core 0.2.7 → 0.2.8

package/esm/__chunks/{SHUO6V52.js → A7IMXABC.js}

@@ -1,6 +1,8 @@
 import {
-  createStore
-} from "./FQL4TRMX.js";
+  batch,
+  createStore,
+  setup
+} from "./OGOHEUXI.js";
 import {
   chain,
   defaultValue
@@ -83,35 +85,32 @@ function createCollectionStore(props = {}) {
     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")
+  setup(collection, () => {
+    return batch(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/esm/__chunks/{XJGRXN57.js → COUCUJML.js}

@@ -1,9 +1,9 @@
 import {
   createPopoverStore
-} from "./LM4QG55U.js";
+} from "./SOCHV2LZ.js";
 import {
   createStore
-} from "./FQL4TRMX.js";
+} from "./OGOHEUXI.js";
 import {
   defaultValue
 } from "./WVTCK5PV.js";

package/esm/__chunks/{UWW2ZP3K.js → LNMWV6UV.js}

@@ -1,6 +1,6 @@
 import {
   createDisclosureStore
-} from "./L5RO76KW.js";
+} from "./WSKDP2MG.js";
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {

package/esm/__chunks/{FQL4TRMX.js → OGOHEUXI.js}

@@ -3,6 +3,7 @@ import {
   chain,
   getKeys,
   hasOwnProperty,
+  invariant,
   noop,
   omit,
   pick
@@ -13,6 +14,11 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/utils/store.ts
+function getInternal(store, key) {
+  const internals = store.__unstableInternals;
+  invariant(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 noop;
     if (!stores.length)
@@ -37,28 +43,25 @@ function createStore(initialState, ...stores) {
     const desyncs = getKeys(state).map(
       (key) => chain(
         ...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 (!hasOwnProperty(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 chain(...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(pick(state, keys), finalStore);
+  const storeOmit = (keys) => createStore(omit(state, keys), finalStore);
   const getState = () => state;
   const setState = (key, value) => {
     if (!hasOwnProperty(state, key))
@@ -115,21 +120,56 @@ function createStore(initialState, ...stores) {
       updatedKeys.clear();
     });
   };
-  const pick2 = (...keys) => createStore(pick(state, keys), finalStore);
-  const omit2 = (...keys) => createStore(omit(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;
@@ -144,5 +184,12 @@ function mergeStore(...stores) {
 
 export {
   createStore,
+  setup,
+  init,
+  subscribe,
+  sync,
+  batch,
+  omit2 as omit,
+  pick2 as pick,
   mergeStore
 };

package/esm/__chunks/{NRXA5QTV.js → ROY5BBHL.js}

@@ -1,9 +1,11 @@
 import {
   createCollectionStore
-} from "./SHUO6V52.js";
+} from "./A7IMXABC.js";
 import {
-  createStore
-} from "./FQL4TRMX.js";
+  createStore,
+  setup,
+  sync
+} from "./OGOHEUXI.js";
 import {
   defaultValue
 } from "./WVTCK5PV.js";
@@ -152,18 +154,16 @@ function createCompositeStore(props = {}) {
     focusShift: defaultValue(props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
   });
   const composite = createStore(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"]
-    )
+  setup(
+    composite,
+    () => sync(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/esm/__chunks/{LM4QG55U.js → SOCHV2LZ.js}

@@ -1,10 +1,11 @@
 import {
   createDialogStore
-} from "./UWW2ZP3K.js";
+} from "./LNMWV6UV.js";
 import {
   createStore,
-  mergeStore
-} from "./FQL4TRMX.js";
+  mergeStore,
+  omit
+} from "./OGOHEUXI.js";
 import {
   defaultValue
 } from "./WVTCK5PV.js";
@@ -23,13 +24,13 @@ function createPopoverStore(_a = {}) {
   ]);
   const store = mergeStore(
     props.store,
-    otherPopover == null ? void 0 : otherPopover.omit(
+    omit(otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
       "popoverElement",
       "disclosureElement"
-    )
+    ])
   );
   const syncState = store == null ? void 0 : store.getState();
   const dialog = createDialogStore(__spreadProps(__spreadValues({}, props), { store }));

package/esm/__chunks/{L5RO76KW.js → WSKDP2MG.js}

@@ -1,7 +1,10 @@
 import {
   createStore,
-  mergeStore
-} from "./FQL4TRMX.js";
+  mergeStore,
+  omit,
+  setup,
+  sync
+} from "./OGOHEUXI.js";
 import {
   defaultValue
 } from "./WVTCK5PV.js";
@@ -12,10 +15,9 @@ import {
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  var _a;
   const store = mergeStore(
     props.store,
-    (_a = props.disclosure) == null ? void 0 : _a.omit("contentElement", "disclosureElement")
+    omit(props.disclosure, ["contentElement", "disclosureElement"])
   );
   const syncState = store == null ? void 0 : store.getState();
   const open = defaultValue(
@@ -34,35 +36,29 @@ function createDisclosureStore(props = {}) {
     disclosureElement: defaultValue(syncState == null ? void 0 : syncState.disclosureElement, null)
   };
   const disclosure = createStore(initialState, store);
-  disclosure.setup(
-    () => disclosure.sync(
-      (state) => {
-        if (state.animated)
-          return;
-        disclosure.setState("animating", false);
-      },
-      ["animated", "animating"]
-    )
+  setup(
+    disclosure,
+    () => sync(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"]
-    )
+  setup(
+    disclosure,
+    () => sync(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"]
-    )
+  setup(
+    disclosure,
+    () => sync(disclosure, ["open", "animating"], (state) => {
+      disclosure.setState("mounted", state.open || state.animating);
+    })
   );
   return __spreadProps(__spreadValues({}, disclosure), {
     setOpen: (value) => disclosure.setState("open", value),

package/esm/checkbox/checkbox-store.js

@@ -1,6 +1,6 @@
 import {
   createStore
-} from "../__chunks/FQL4TRMX.js";
+} from "../__chunks/OGOHEUXI.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";

package/esm/collection/collection-store.js

@@ -1,7 +1,7 @@
 import {
   createCollectionStore
-} from "../__chunks/SHUO6V52.js";
-import "../__chunks/FQL4TRMX.js";
+} from "../__chunks/A7IMXABC.js";
+import "../__chunks/OGOHEUXI.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/O35LWD4W.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/combobox/combobox-store.d.ts

@@ -23,7 +23,7 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
      * Live examples:
      * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
-     * - [Filterable Combobox](https://ariakit.org/examples/combobox-matches)
+     * - [Combobox filtering](https://ariakit.org/examples/combobox-filtering)
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Textarea with inline

package/esm/combobox/combobox-store.js

@@ -1,16 +1,20 @@
 import {
   createPopoverStore
-} from "../__chunks/LM4QG55U.js";
-import "../__chunks/UWW2ZP3K.js";
-import "../__chunks/L5RO76KW.js";
+} from "../__chunks/SOCHV2LZ.js";
+import "../__chunks/LNMWV6UV.js";
+import "../__chunks/WSKDP2MG.js";
 import {
   createCompositeStore
-} from "../__chunks/NRXA5QTV.js";
-import "../__chunks/SHUO6V52.js";
+} from "../__chunks/ROY5BBHL.js";
+import "../__chunks/A7IMXABC.js";
 import {
+  batch,
   createStore,
-  mergeStore
-} from "../__chunks/FQL4TRMX.js";
+  mergeStore,
+  omit,
+  setup,
+  sync
+} from "../__chunks/OGOHEUXI.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";
@@ -38,15 +42,16 @@ function createComboboxStore(_a = {}) {
   ]);
   const store = mergeStore(
     props.store,
-    menu == null ? void 0 : menu.omit(
+    omit(menu, [
       "baseElement",
       "arrowElement",
       "anchorElement",
       "contentElement",
       "popoverElement",
-      "disclosureElement"
-    ),
-    select == null ? void 0 : select.omit(
+      "disclosureElement",
+      "anchorElement"
+    ]),
+    omit(select, [
       "value",
       "items",
       "renderedItems",
@@ -56,7 +61,7 @@ function createComboboxStore(_a = {}) {
       "contentElement",
       "popoverElement",
       "disclosureElement"
-    )
+    ])
   );
   const syncState = store.getState();
   const activeId = defaultValue(
@@ -110,50 +115,42 @@ function createComboboxStore(_a = {}) {
     activeValue: syncState.activeValue
   });
   const combobox = createStore(initialState, composite, popover, store);
-  combobox.setup(
-    () => combobox.sync(
-      (state) => {
-        if (!state.resetValueOnHide)
-          return;
-        if (state.mounted)
-          return;
-        combobox.setState("value", initialValue);
-      },
-      ["resetValueOnHide", "mounted"]
-    )
+  setup(
+    combobox,
+    () => sync(combobox, ["resetValueOnHide", "mounted"], (state) => {
+      if (!state.resetValueOnHide)
+        return;
+      if (state.mounted)
+        return;
+      combobox.setState("value", initialValue);
+    })
   );
-  combobox.setup(
-    () => combobox.syncBatch(
-      (state) => {
-        if (state.mounted)
-          return;
-        combobox.setState("activeId", activeId);
-        combobox.setState("moves", 0);
-      },
-      ["mounted"]
-    )
+  setup(
+    combobox,
+    () => batch(combobox, ["mounted"], (state) => {
+      if (state.mounted)
+        return;
+      combobox.setState("activeId", activeId);
+      combobox.setState("moves", 0);
+    })
   );
-  combobox.setup(
-    () => combobox.sync(
-      (state, prevState) => {
-        if (state.moves === prevState.moves) {
-          combobox.setState("activeValue", void 0);
-        }
-      },
-      ["moves", "activeId"]
-    )
+  setup(
+    combobox,
+    () => sync(combobox, ["moves", "activeId"], (state, prevState) => {
+      if (state.moves === prevState.moves) {
+        combobox.setState("activeValue", void 0);
+      }
+    })
   );
-  combobox.setup(
-    () => combobox.syncBatch(
-      (state, prev) => {
-        if (state.moves === prev.moves)
-          return;
-        const { activeId: activeId2 } = combobox.getState();
-        const activeItem = composite.item(activeId2);
-        combobox.setState("activeValue", activeItem == null ? void 0 : activeItem.value);
-      },
-      ["moves", "renderedItems"]
-    )
+  setup(
+    combobox,
+    () => batch(combobox, ["moves", "renderedItems"], (state, prev) => {
+      if (state.moves === prev.moves)
+        return;
+      const { activeId: activeId2 } = combobox.getState();
+      const activeItem = composite.item(activeId2);
+      combobox.setState("activeValue", activeItem == null ? void 0 : activeItem.value);
+    })
   );
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, popover), composite), combobox), {
     setValue: (value) => combobox.setState("value", value)

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

@@ -1,9 +1,9 @@
 import {
   createPopoverStore
-} from "../__chunks/LM4QG55U.js";
-import "../__chunks/UWW2ZP3K.js";
-import "../__chunks/L5RO76KW.js";
-import "../__chunks/FQL4TRMX.js";
+} from "../__chunks/SOCHV2LZ.js";
+import "../__chunks/LNMWV6UV.js";
+import "../__chunks/WSKDP2MG.js";
+import "../__chunks/OGOHEUXI.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 

package/esm/composite/composite-store.js

@@ -1,8 +1,8 @@
 import {
   createCompositeStore
-} from "../__chunks/NRXA5QTV.js";
-import "../__chunks/SHUO6V52.js";
-import "../__chunks/FQL4TRMX.js";
+} from "../__chunks/ROY5BBHL.js";
+import "../__chunks/A7IMXABC.js";
+import "../__chunks/OGOHEUXI.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/O35LWD4W.js";
 import "../__chunks/5XEKIOCW.js";

package/esm/dialog/dialog-store.js

@@ -1,8 +1,8 @@
 import {
   createDialogStore
-} from "../__chunks/UWW2ZP3K.js";
-import "../__chunks/L5RO76KW.js";
-import "../__chunks/FQL4TRMX.js";
+} from "../__chunks/LNMWV6UV.js";
+import "../__chunks/WSKDP2MG.js";
+import "../__chunks/OGOHEUXI.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 export {

package/esm/disclosure/disclosure-store.js

@@ -1,7 +1,7 @@
 import {
   createDisclosureStore
-} from "../__chunks/L5RO76KW.js";
-import "../__chunks/FQL4TRMX.js";
+} from "../__chunks/WSKDP2MG.js";
+import "../__chunks/OGOHEUXI.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 export {

package/esm/form/form-store.js

@@ -1,9 +1,9 @@
 import {
   createCollectionStore
-} from "../__chunks/SHUO6V52.js";
+} from "../__chunks/A7IMXABC.js";
 import {
   createStore
-} from "../__chunks/FQL4TRMX.js";
+} from "../__chunks/OGOHEUXI.js";
 import {
   applyState,
   defaultValue,