@ariakit/core 0.2.7 → 0.2.9

package/cjs/utils/store.d.ts

@@ -1,14 +1,30 @@
 import type { AnyObject, SetStateAction } from "./types.js";
+type Listener<S> = (state: S, prevState: S) => void | (() => void);
+type Sync<S, K extends keyof S> = (keys: K[] | null, listener: Listener<Pick<S, K>>) => () => void;
+type StoreSetup = (callback: () => void | (() => void)) => () => void;
+type StoreInit = () => () => void;
+type StoreSubscribe<S = State, K extends keyof S = keyof S> = Sync<S, K>;
+type StoreSync<S = State, K extends keyof S = keyof S> = Sync<S, K>;
+type StoreBatch<S = State, K extends keyof S = keyof S> = Sync<S, K>;
+type StorePick<S = State, K extends ReadonlyArray<keyof S> = ReadonlyArray<keyof S>> = (keys: K) => Store<Pick<S, K[number]>>;
+type StoreOmit<S = State, K extends ReadonlyArray<keyof S> = ReadonlyArray<keyof S>> = (keys: K) => Store<Omit<S, K[number]>>;
 /**
  * Creates a store.
  * @param initialState Initial state.
  * @param stores Stores to extend.
  */
-export declare function createStore<S extends State>(initialState: S, ...stores: Array<Partial<Store<Partial<S>>> | undefined>): Store<S>;
+export declare function createStore<S extends State>(initialState: S, ...stores: Array<Store<Partial<S>> | undefined>): Store<S>;
+export declare function setup<T extends Store>(store?: T, ...args: Parameters<StoreSetup>): T extends Store ? ReturnType<StoreSetup> : void;
+export declare function init<T extends Store>(store?: T, ...args: Parameters<StoreInit>): T extends Store ? ReturnType<StoreInit> : void;
+export declare function subscribe<T extends Store, K extends keyof StoreState<T>>(store?: T, ...args: Parameters<StoreSubscribe<StoreState<T>, K>>): T extends Store ? ReturnType<StoreSubscribe<StoreState<T>, K>> : void;
+export declare function sync<T extends Store, K extends keyof StoreState<T>>(store?: T, ...args: Parameters<StoreSync<StoreState<T>, K>>): T extends Store ? ReturnType<StoreSync<StoreState<T>, K>> : void;
+export declare function batch<T extends Store, K extends keyof StoreState<T>>(store?: T, ...args: Parameters<StoreBatch<StoreState<T>, K>>): T extends Store ? ReturnType<StoreBatch<StoreState<T>, K>> : void;
+export declare function omit<T extends Store, K extends ReadonlyArray<keyof StoreState<T>>>(store?: T, ...args: Parameters<StoreOmit<StoreState<T>, K>>): T extends Store ? ReturnType<StoreOmit<StoreState<T>, K>> : void;
+export declare function pick<T extends Store, K extends ReadonlyArray<keyof StoreState<T>>>(store?: T, ...args: Parameters<StorePick<StoreState<T>, K>>): T extends Store ? ReturnType<StorePick<StoreState<T>, K>> : void;
 /**
  * Merges multiple stores into a single store.
  */
-export declare function mergeStore<S extends State>(...stores: Array<Partial<Store<S>> | undefined>): Store<S>;
+export declare function mergeStore<S extends State>(...stores: Array<Store<S> | undefined>): Store<S>;
 /**
  * Store state type.
  */
@@ -33,23 +49,6 @@ export type StoreProps<S extends State = State> = {
 export type StoreState<T> = T extends {
     getState(): infer S;
 } ? S : never;
-/**
- * Store listener type.
- * @template S State type.
- */
-export type Listener<S> = (state: S, prevState: S) => void | (() => void);
-/**
- * Subscriber function type used by `sync`, `subscribe` and `effect`.
- * @template S State type.
- */
-export type Sync<S = State> = {
-    /**
-     * @param listener The listener function. It's called with the current state
-     * and the previous state as arguments and may return a cleanup function.
-     * @param keys Optional array of state keys to listen to.
-     */
-    <K extends keyof S = keyof S>(listener: Listener<Pick<S, K>>, keys?: K[]): () => void;
-};
 /**
  * Store.
  * @template S State type.
@@ -63,44 +62,5 @@ export interface Store<S = State> {
      * Sets a state value.
      */
     setState<K extends keyof S>(key: K, value: SetStateAction<S[K]>): void;
-    /**
-     * Register a callback function that's called when the store is initialized.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    setup: (callback: () => void | (() => void)) => () => void;
-    /**
-     * Function that should be called when the store is initialized.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    init: () => () => void;
-    /**
-     * Registers a listener function that's called immediately and synchronously
-     * whenever the store state changes.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    sync: Sync<S>;
-    /**
-     * Registers a listener function that's called after state changes in the
-     * store.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    subscribe: Sync<S>;
-    /**
-     * Registers a listener function that's called immediately and after a batch
-     * of state changes in the store.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    syncBatch: Sync<S>;
-    /**
-     * Creates a new store with a subset of the current store state and keeps them
-     * in sync.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    pick<K extends Array<keyof S>>(...keys: K): Store<Pick<S, K[number]>>;
-    /**
-     * Creates a new store with a subset of the current store state and keeps them
-     * in sync.
-     * @deprecated Experimental. This API may change in minor or patch releases.
-     */
-    omit<K extends Array<keyof S>>(...keys: K): Store<Omit<S, K[number]>>;
 }
+export {};

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