@ariakit/core 0.3.6 → 0.3.8

package/cjs/tab/tab-store.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
+var _QAZ4PF7Scjs = require('../__chunks/QAZ4PF7S.cjs');
 
 
-var _JLC5A6WFcjs = require('../__chunks/JLC5A6WF.cjs');
+var _ZQTYFYRScjs = require('../__chunks/ZQTYFYRS.cjs');
 
 
 
 
 
-var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
+var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -25,7 +25,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createTabStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _QAZ4PF7Scjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
@@ -33,7 +33,7 @@ function createTabStore(props = {}) {
     ),
     focusLoop: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
-  const panels = _JLC5A6WFcjs.createCollectionStore.call(void 0, );
+  const panels = _ZQTYFYRScjs.createCollectionStore.call(void 0, );
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
     selectedId: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.selectedId,
@@ -47,10 +47,10 @@ function createTabStore(props = {}) {
       true
     )
   });
-  const tab = _46BH65MCcjs.createStore.call(void 0, initialState, composite, props.store);
-  _46BH65MCcjs.setup.call(void 0, 
+  const tab = _2UK5WUJXcjs.createStore.call(void 0, initialState, composite, props.store);
+  _2UK5WUJXcjs.setup.call(void 0, 
     tab,
-    () => _46BH65MCcjs.sync.call(void 0, tab, ["moves"], () => {
+    () => _2UK5WUJXcjs.sync.call(void 0, tab, ["moves"], () => {
       const { activeId, selectOnMove } = tab.getState();
       if (!selectOnMove)
         return;
@@ -66,17 +66,17 @@ function createTabStore(props = {}) {
       tab.setState("selectedId", tabItem.id);
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     tab,
-    () => _46BH65MCcjs.batch.call(void 0, 
+    () => _2UK5WUJXcjs.batch.call(void 0, 
       tab,
       ["selectedId"],
       (state) => tab.setState("activeId", state.selectedId)
     )
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     tab,
-    () => _46BH65MCcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
       if (state.selectedId !== void 0)
         return;
       const { activeId, renderedItems } = tab.getState();
@@ -91,13 +91,13 @@ function createTabStore(props = {}) {
       }
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     tab,
-    () => _46BH65MCcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
       const tabs = state.renderedItems;
       if (!tabs.length)
         return;
-      return _46BH65MCcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
+      return _2UK5WUJXcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
         const items = state2.renderedItems;
         const hasOrphanPanels = items.some((panel) => !panel.tabId);
         if (!hasOrphanPanels)

package/cjs/tab/tab-store.d.cts

@@ -2,24 +2,22 @@ import type { CollectionStore, CollectionStoreItem } from "../collection/collect
 import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { SetState } from "../utils/types.js";
-type Item = CompositeStoreItem & {
+export declare function createTabStore(props?: TabStoreProps): TabStore;
+export interface TabStoreItem extends CompositeStoreItem {
     dimmed?: boolean;
-};
-type Panel = CollectionStoreItem & {
+}
+export interface TabStorePanel extends CollectionStoreItem {
     tabId?: string | null;
-};
-export declare function createTabStore(props?: TabStoreProps): TabStore;
-export type TabStoreItem = Item;
-export type TabStorePanel = Panel;
-export interface TabStoreState extends CompositeStoreState<Item> {
+}
+export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
     /**
      * @default "horizontal"
      */
-    orientation: CompositeStoreState<Item>["orientation"];
+    orientation: CompositeStoreState<TabStoreItem>["orientation"];
     /**
      * @default true
      */
-    focusLoop: CompositeStoreState<Item>["focusLoop"];
+    focusLoop: CompositeStoreState<TabStoreItem>["focusLoop"];
     /**
      * The id of the tab whose panel is currently visible. If it's `undefined`, it
      * will be automatically set to the first enabled tab.
@@ -38,7 +36,7 @@ export interface TabStoreState extends CompositeStoreState<Item> {
      */
     selectOnMove?: boolean;
 }
-export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
+export interface TabStoreFunctions extends CompositeStoreFunctions<TabStoreItem> {
     /**
      * Sets the `selectedId` state without moving focus. If you want to move focus,
      * use the `select` function instead.
@@ -59,7 +57,7 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
     /**
      * A collection store containing the tab panels.
      */
-    panels: CollectionStore<Panel>;
+    panels: CollectionStore<TabStorePanel>;
     /**
      * Selects the tab for the given id and moves focus to it. If you want to set
      * the `selectedId` state without moving focus, use the `setSelectedId`
@@ -75,13 +73,14 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
      */
     select: TabStore["move"];
 }
-export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<Item> {
+export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<TabStoreItem> {
     /**
      * The id of the tab whose panel is currently visible. If it's `undefined`, it
      * will be automatically set to the first enabled tab.
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }
-export type TabStoreProps = TabStoreOptions & StoreProps<TabStoreState>;
-export type TabStore = TabStoreFunctions & Store<TabStoreState>;
-export {};
+export interface TabStoreProps extends TabStoreOptions, StoreProps<TabStoreState> {
+}
+export interface TabStore extends TabStoreFunctions, Store<TabStoreState> {
+}

package/cjs/tab/tab-store.d.ts

@@ -2,24 +2,22 @@ import type { CollectionStore, CollectionStoreItem } from "../collection/collect
 import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { SetState } from "../utils/types.js";
-type Item = CompositeStoreItem & {
+export declare function createTabStore(props?: TabStoreProps): TabStore;
+export interface TabStoreItem extends CompositeStoreItem {
     dimmed?: boolean;
-};
-type Panel = CollectionStoreItem & {
+}
+export interface TabStorePanel extends CollectionStoreItem {
     tabId?: string | null;
-};
-export declare function createTabStore(props?: TabStoreProps): TabStore;
-export type TabStoreItem = Item;
-export type TabStorePanel = Panel;
-export interface TabStoreState extends CompositeStoreState<Item> {
+}
+export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
     /**
      * @default "horizontal"
      */
-    orientation: CompositeStoreState<Item>["orientation"];
+    orientation: CompositeStoreState<TabStoreItem>["orientation"];
     /**
      * @default true
      */
-    focusLoop: CompositeStoreState<Item>["focusLoop"];
+    focusLoop: CompositeStoreState<TabStoreItem>["focusLoop"];
     /**
      * The id of the tab whose panel is currently visible. If it's `undefined`, it
      * will be automatically set to the first enabled tab.
@@ -38,7 +36,7 @@ export interface TabStoreState extends CompositeStoreState<Item> {
      */
     selectOnMove?: boolean;
 }
-export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
+export interface TabStoreFunctions extends CompositeStoreFunctions<TabStoreItem> {
     /**
      * Sets the `selectedId` state without moving focus. If you want to move focus,
      * use the `select` function instead.
@@ -59,7 +57,7 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
     /**
      * A collection store containing the tab panels.
      */
-    panels: CollectionStore<Panel>;
+    panels: CollectionStore<TabStorePanel>;
     /**
      * Selects the tab for the given id and moves focus to it. If you want to set
      * the `selectedId` state without moving focus, use the `setSelectedId`
@@ -75,13 +73,14 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
      */
     select: TabStore["move"];
 }
-export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<Item> {
+export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<TabStoreItem> {
     /**
      * The id of the tab whose panel is currently visible. If it's `undefined`, it
      * will be automatically set to the first enabled tab.
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }
-export type TabStoreProps = TabStoreOptions & StoreProps<TabStoreState>;
-export type TabStore = TabStoreFunctions & Store<TabStoreState>;
-export {};
+export interface TabStoreProps extends TabStoreOptions, StoreProps<TabStoreState> {
+}
+export interface TabStore extends TabStoreFunctions, Store<TabStoreState> {
+}

package/cjs/toolbar/toolbar-store.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
-require('../__chunks/JLC5A6WF.cjs');
-require('../__chunks/46BH65MC.cjs');
+var _QAZ4PF7Scjs = require('../__chunks/QAZ4PF7S.cjs');
+require('../__chunks/ZQTYFYRS.cjs');
+require('../__chunks/2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -18,7 +18,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createToolbarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  return _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  return _QAZ4PF7Scjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,

package/cjs/toolbar/toolbar-store.d.cts

@@ -1,5 +1,5 @@
-import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreProps, CompositeStoreState } from "../composite/composite-store.js";
-import type { StoreOptions } from "../utils/store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 /**
  * Creates a toolbar store.
  */
@@ -14,8 +14,11 @@ export interface ToolbarStoreState extends CompositeStoreState {
      */
     focusLoop: CompositeStoreState["focusLoop"];
 }
-export type ToolbarStoreFunctions = CompositeStoreFunctions;
-export interface ToolbarStoreOptions extends StoreOptions<ToolbarStoreState, "orientation" | "focusLoop">, CompositeStoreOptions {
+export interface ToolbarStoreFunctions extends CompositeStoreFunctions {
+}
+export interface ToolbarStoreOptions extends CompositeStoreOptions, StoreOptions<ToolbarStoreState, "orientation" | "focusLoop"> {
+}
+export interface ToolbarStoreProps extends ToolbarStoreOptions, StoreProps<ToolbarStoreState> {
+}
+export interface ToolbarStore extends ToolbarStoreFunctions, Store<ToolbarStoreState> {
 }
-export type ToolbarStore = CompositeStore;
-export type ToolbarStoreProps = CompositeStoreProps;

package/cjs/toolbar/toolbar-store.d.ts

@@ -1,5 +1,5 @@
-import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreProps, CompositeStoreState } from "../composite/composite-store.js";
-import type { StoreOptions } from "../utils/store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 /**
  * Creates a toolbar store.
  */
@@ -14,8 +14,11 @@ export interface ToolbarStoreState extends CompositeStoreState {
      */
     focusLoop: CompositeStoreState["focusLoop"];
 }
-export type ToolbarStoreFunctions = CompositeStoreFunctions;
-export interface ToolbarStoreOptions extends StoreOptions<ToolbarStoreState, "orientation" | "focusLoop">, CompositeStoreOptions {
+export interface ToolbarStoreFunctions extends CompositeStoreFunctions {
+}
+export interface ToolbarStoreOptions extends CompositeStoreOptions, StoreOptions<ToolbarStoreState, "orientation" | "focusLoop"> {
+}
+export interface ToolbarStoreProps extends ToolbarStoreOptions, StoreProps<ToolbarStoreState> {
+}
+export interface ToolbarStore extends ToolbarStoreFunctions, Store<ToolbarStoreState> {
 }
-export type ToolbarStore = CompositeStore;
-export type ToolbarStoreProps = CompositeStoreProps;

package/cjs/tooltip/tooltip-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PD7XZBXCcjs = require('../__chunks/PD7XZBXC.cjs');
-require('../__chunks/7ZUFMSXJ.cjs');
-require('../__chunks/GZDVJEID.cjs');
-require('../__chunks/MEHGRTJ3.cjs');
+var _5SIVMOIDcjs = require('../__chunks/5SIVMOID.cjs');
+require('../__chunks/EFIT5L4X.cjs');
+require('../__chunks/2LS4JJ4S.cjs');
+require('../__chunks/GJFZ5ZPP.cjs');
 
 
-var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
+var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -20,7 +20,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createTooltipStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const hovercard = _PD7XZBXCcjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const hovercard = _5SIVMOIDcjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     placement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.placement,
       syncState == null ? void 0 : syncState.placement,
@@ -32,7 +32,7 @@ function createTooltipStore(props = {}) {
     type: _3UT5FE6Kcjs.defaultValue.call(void 0, props.type, syncState == null ? void 0 : syncState.type, "description"),
     skipTimeout: _3UT5FE6Kcjs.defaultValue.call(void 0, props.skipTimeout, syncState == null ? void 0 : syncState.skipTimeout, 300)
   });
-  const tooltip = _46BH65MCcjs.createStore.call(void 0, initialState, hovercard, props.store);
+  const tooltip = _2UK5WUJXcjs.createStore.call(void 0, initialState, hovercard, props.store);
   return _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, hovercard), tooltip);
 }
 

package/cjs/tooltip/tooltip-store.d.cts

@@ -23,7 +23,9 @@ export interface TooltipStoreState extends HovercardStoreState {
     hideTimeout?: HovercardStoreState["hideTimeout"];
 }
 export type TooltipStoreFunctions = HovercardStoreFunctions;
-export interface TooltipStoreOptions extends StoreOptions<TooltipStoreState, "type" | "placement" | "timeout" | "showTimeout" | "hideTimeout" | "skipTimeout">, HovercardStoreOptions {
+export interface TooltipStoreOptions extends HovercardStoreOptions, StoreOptions<TooltipStoreState, "type" | "placement" | "timeout" | "showTimeout" | "hideTimeout" | "skipTimeout"> {
+}
+export interface TooltipStoreProps extends TooltipStoreOptions, StoreProps<TooltipStoreState> {
+}
+export interface TooltipStore extends TooltipStoreFunctions, Store<TooltipStoreState> {
 }
-export type TooltipStoreProps = TooltipStoreOptions & StoreProps<TooltipStoreState>;
-export type TooltipStore = TooltipStoreFunctions & Store<TooltipStoreState>;

package/cjs/tooltip/tooltip-store.d.ts

@@ -23,7 +23,9 @@ export interface TooltipStoreState extends HovercardStoreState {
     hideTimeout?: HovercardStoreState["hideTimeout"];
 }
 export type TooltipStoreFunctions = HovercardStoreFunctions;
-export interface TooltipStoreOptions extends StoreOptions<TooltipStoreState, "type" | "placement" | "timeout" | "showTimeout" | "hideTimeout" | "skipTimeout">, HovercardStoreOptions {
+export interface TooltipStoreOptions extends HovercardStoreOptions, StoreOptions<TooltipStoreState, "type" | "placement" | "timeout" | "showTimeout" | "hideTimeout" | "skipTimeout"> {
+}
+export interface TooltipStoreProps extends TooltipStoreOptions, StoreProps<TooltipStoreState> {
+}
+export interface TooltipStore extends TooltipStoreFunctions, Store<TooltipStoreState> {
 }
-export type TooltipStoreProps = TooltipStoreOptions & StoreProps<TooltipStoreState>;
-export type TooltipStore = TooltipStoreFunctions & Store<TooltipStoreState>;

package/cjs/utils/store.cjs

@@ -10,7 +10,7 @@
 
 
 
-var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
+var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
 require('../__chunks/3UT5FE6K.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -24,4 +24,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.batch = _46BH65MCcjs.batch; exports.createStore = _46BH65MCcjs.createStore; exports.init = _46BH65MCcjs.init; exports.mergeStore = _46BH65MCcjs.mergeStore; exports.omit = _46BH65MCcjs.omit; exports.pick = _46BH65MCcjs.pick; exports.setup = _46BH65MCcjs.setup; exports.subscribe = _46BH65MCcjs.subscribe; exports.sync = _46BH65MCcjs.sync; exports.throwOnConflictingProps = _46BH65MCcjs.throwOnConflictingProps;
+exports.batch = _2UK5WUJXcjs.batch; exports.createStore = _2UK5WUJXcjs.createStore; exports.init = _2UK5WUJXcjs.init; exports.mergeStore = _2UK5WUJXcjs.mergeStore; exports.omit = _2UK5WUJXcjs.omit; exports.pick = _2UK5WUJXcjs.pick; exports.setup = _2UK5WUJXcjs.setup; exports.subscribe = _2UK5WUJXcjs.subscribe; exports.sync = _2UK5WUJXcjs.sync; exports.throwOnConflictingProps = _2UK5WUJXcjs.throwOnConflictingProps;

package/cjs/utils/store.d.cts

@@ -46,6 +46,9 @@ export type StoreOptions<S extends State, K extends keyof S> = Partial<Pick<S, K
 export type StoreProps<S extends State = State> = {
     /**
      * Another store object that will be kept in sync with the original store.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     store?: Store<Partial<S>>;
 };

package/cjs/utils/store.d.ts

@@ -46,6 +46,9 @@ export type StoreOptions<S extends State, K extends keyof S> = Partial<Pick<S, K
 export type StoreProps<S extends State = State> = {
     /**
      * Another store object that will be kept in sync with the original store.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     store?: Store<Partial<S>>;
 };

package/esm/__chunks/{ANO6WJO4.js → A2AGSVJO.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   createCompositeStore
-} from "./OGMLJYDV.js";
+} from "./CTZ2GQIZ.js";
 import {
   createStore
-} from "./E7OQVGGY.js";
+} from "./A2J4XZ5T.js";
 import {
   defaultValue
 } from "./I2VQ3XGR.js";

package/esm/__chunks/{E7OQVGGY.js → A2J4XZ5T.js}

@@ -24,7 +24,8 @@ function createStore(initialState, ...stores) {
   let state = initialState;
   let prevStateBatch = state;
   let lastUpdate = Symbol();
-  let initialized = false;
+  let destroy = noop;
+  const instances = /* @__PURE__ */ new Set();
   const updatedKeys = /* @__PURE__ */ new Set();
   const setups = /* @__PURE__ */ new Set();
   const listeners = /* @__PURE__ */ new Set();
@@ -36,11 +37,19 @@ function createStore(initialState, ...stores) {
     return () => setups.delete(callback);
   };
   const storeInit = () => {
-    if (initialized)
-      return noop;
     if (!stores.length)
       return noop;
-    initialized = true;
+    const initialized = instances.size;
+    const instance = Symbol();
+    instances.add(instance);
+    const maybeDestroy = () => {
+      instances.delete(instance);
+      if (instances.size)
+        return;
+      destroy();
+    };
+    if (initialized)
+      return maybeDestroy;
     const desyncs = getKeys(state).map(
       (key) => chain(
         ...stores.map((store) => {
@@ -65,9 +74,8 @@ function createStore(initialState, ...stores) {
     const teardowns = [];
     setups.forEach((setup2) => teardowns.push(setup2()));
     const cleanups = stores.map(init);
-    return chain(...desyncs, ...teardowns, ...cleanups, () => {
-      initialized = false;
-    });
+    destroy = chain(...desyncs, ...teardowns, ...cleanups);
+    return maybeDestroy;
   };
   const sub = (keys, listener, set = listeners) => {
     set.add(listener);

package/esm/__chunks/{OGMLJYDV.js → CTZ2GQIZ.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   createCollectionStore
-} from "./CCU5UHQ2.js";
+} from "./HMQYEBKF.js";
 import {
   createStore,
   setup,
   sync
-} from "./E7OQVGGY.js";
+} from "./A2J4XZ5T.js";
 import {
   defaultValue
 } from "./I2VQ3XGR.js";

package/esm/__chunks/{CCU5UHQ2.js → HMQYEBKF.js}

@@ -2,9 +2,10 @@
 import {
   batch,
   createStore,
+  init,
   setup,
   throwOnConflictingProps
-} from "./E7OQVGGY.js";
+} from "./A2J4XZ5T.js";
 import {
   chain,
   defaultValue
@@ -63,6 +64,9 @@ function getCommonParent(items) {
   }
   return getDocument(parentElement).body;
 }
+function getPrivateStore(store) {
+  return store == null ? void 0 : store.__unstablePrivateStore;
+}
 function createCollectionStore(props = {}) {
   var _a;
   throwOnConflictingProps(props, props.store);
@@ -78,9 +82,11 @@ function createCollectionStore(props = {}) {
     items,
     renderedItems: defaultValue(syncState == null ? void 0 : syncState.renderedItems, [])
   };
-  const privateStore = createStore({
-    renderedItems: initialState.renderedItems
-  });
+  const syncPrivateStore = getPrivateStore(props.store);
+  const privateStore = createStore(
+    { renderedItems: initialState.renderedItems },
+    syncPrivateStore
+  );
   const collection = createStore(initialState, props.store);
   const sortItems = () => {
     const state = privateStore.getState();
@@ -88,7 +94,8 @@ function createCollectionStore(props = {}) {
     privateStore.setState("renderedItems", renderedItems);
     collection.setState("renderedItems", renderedItems);
   };
-  setup(collection, () => {
+  setup(collection, () => init(privateStore));
+  setup(privateStore, () => {
     return batch(privateStore, ["renderedItems"], (state) => {
       let firstRun = true;
       let raf = requestAnimationFrame(sortItems);
@@ -172,7 +179,9 @@ function createCollectionStore(props = {}) {
         }
       }
       return item || null;
-    }
+    },
+    // @ts-expect-error Internal
+    __unstablePrivateStore: privateStore
   });
 }
 

package/esm/__chunks/{WY3EMTH6.js → J6JIOWCS.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   createDialogStore
-} from "./CL47ZAPY.js";
+} from "./LT2OYWRD.js";
 import {
   createStore,
   mergeStore,
   omit,
   throwOnConflictingProps
-} from "./E7OQVGGY.js";
+} from "./A2J4XZ5T.js";
 import {
   defaultValue
 } from "./I2VQ3XGR.js";

package/esm/__chunks/{CL47ZAPY.js → LT2OYWRD.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createDisclosureStore
-} from "./DYD4YNLE.js";
+} from "./NKLTHWCR.js";
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {

package/esm/__chunks/{DYD4YNLE.js → NKLTHWCR.js}

@@ -7,7 +7,7 @@ import {
   subscribe,
   sync,
   throwOnConflictingProps
-} from "./E7OQVGGY.js";
+} from "./A2J4XZ5T.js";
 import {
   defaultValue
 } from "./I2VQ3XGR.js";

package/esm/__chunks/{BXH3I7ML.js → T3DVYGXI.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   createPopoverStore
-} from "./WY3EMTH6.js";
+} from "./J6JIOWCS.js";
 import {
   createStore
-} from "./E7OQVGGY.js";
+} from "./A2J4XZ5T.js";
 import {
   defaultValue
 } from "./I2VQ3XGR.js";

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

@@ -1,13 +1,12 @@
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { PickRequired, SetState, ToPrimitive } from "../utils/types.js";
-type Value = boolean | string | number | Array<string | number>;
 /**
  * Creates a checkbox store.
  */
-export declare function createCheckboxStore<T extends Value = Value>(props: PickRequired<CheckboxStoreProps<T>, "value" | "defaultValue">): CheckboxStore<T>;
+export declare function createCheckboxStore<T extends CheckboxStoreValue = CheckboxStoreValue>(props: PickRequired<CheckboxStoreProps<T>, "value" | "defaultValue">): CheckboxStore<T>;
 export declare function createCheckboxStore(props?: CheckboxStoreProps): CheckboxStore;
-export type CheckboxStoreValue = Value;
-export interface CheckboxStoreState<T extends Value = Value> {
+export type CheckboxStoreValue = boolean | string | number | Array<string | number>;
+export interface CheckboxStoreState<T extends CheckboxStoreValue = CheckboxStoreValue> {
     /**
      * The checked state of the checkbox.
      *
@@ -16,7 +15,7 @@ export interface CheckboxStoreState<T extends Value = Value> {
      */
     value: ToPrimitive<T>;
 }
-export interface CheckboxStoreFunctions<T extends Value = Value> {
+export interface CheckboxStoreFunctions<T extends CheckboxStoreValue = CheckboxStoreValue> {
     /**
      * Sets the `value` state.
      * @example
@@ -25,7 +24,7 @@ export interface CheckboxStoreFunctions<T extends Value = Value> {
      */
     setValue: SetState<CheckboxStoreState<T>["value"]>;
 }
-export interface CheckboxStoreOptions<T extends Value = Value> extends StoreOptions<CheckboxStoreState<T>, "value"> {
+export interface CheckboxStoreOptions<T extends CheckboxStoreValue = CheckboxStoreValue> extends StoreOptions<CheckboxStoreState<T>, "value"> {
     /**
      * The default value of the checkbox.
      *
@@ -36,6 +35,7 @@ export interface CheckboxStoreOptions<T extends Value = Value> extends StoreOpti
      */
     defaultValue?: CheckboxStoreState<T>["value"];
 }
-export type CheckboxStoreProps<T extends Value = Value> = CheckboxStoreOptions<T> & StoreProps<CheckboxStoreState<T>>;
-export type CheckboxStore<T extends Value = Value> = CheckboxStoreFunctions<T> & Store<CheckboxStoreState<T>>;
-export {};
+export interface CheckboxStoreProps<T extends CheckboxStoreValue = CheckboxStoreValue> extends CheckboxStoreOptions<T>, StoreProps<CheckboxStoreState<T>> {
+}
+export interface CheckboxStore<T extends CheckboxStoreValue = CheckboxStoreValue> extends CheckboxStoreFunctions<T>, Store<CheckboxStoreState<T>> {
+}

package/esm/checkbox/checkbox-store.js

@@ -2,7 +2,7 @@
 import {
   createStore,
   throwOnConflictingProps
-} from "../__chunks/E7OQVGGY.js";
+} from "../__chunks/A2J4XZ5T.js";
 import {
   defaultValue
 } from "../__chunks/I2VQ3XGR.js";