@ariakit/core 0.3.7 → 0.3.9

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @ariakit/core
 
+## 0.3.9
+
+- Fixed `Maximum update depth exceeded` warning when rendering multiple collection items on the page.
+- Improved JSDocs.
+
+## 0.3.8
+
+- Fixed [`CollectionItem`](https://ariakit.org/reference/collection-item) elements getting out of order when composing stores.
+- Fixed unmounted [`SelectPopover`](https://ariakit.org/reference/select-popover) not re-opening when its [`open`](https://ariakit.org/reference/select-provider#open) state is initially set to `true`.
+- Fixed TypeScript build errors.
+
 ## 0.3.7
 
 ### Multi-selectable Combobox

package/cjs/__chunks/{GZDVJEID.cjs → 2LS4JJ4S.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MEHGRTJ3cjs = require('./MEHGRTJ3.cjs');
+var _GJFZ5ZPPcjs = require('./GJFZ5ZPP.cjs');
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {
-  return _MEHGRTJ3cjs.createDisclosureStore.call(void 0, props);
+  return _GJFZ5ZPPcjs.createDisclosureStore.call(void 0, props);
 }
 
 

package/cjs/__chunks/{46BH65MC.cjs → 2UK5WUJX.cjs}

@@ -24,7 +24,8 @@ function createStore(initialState, ...stores) {
   let state = initialState;
   let prevStateBatch = state;
   let lastUpdate = Symbol();
-  let initialized = false;
+  let destroy = _3UT5FE6Kcjs.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 _3UT5FE6Kcjs.noop;
     if (!stores.length)
       return _3UT5FE6Kcjs.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 = _3UT5FE6Kcjs.getKeys.call(void 0, state).map(
       (key) => _3UT5FE6Kcjs.chain.call(void 0, 
         ...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 _3UT5FE6Kcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups, () => {
-      initialized = false;
-    });
+    destroy = _3UT5FE6Kcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups);
+    return maybeDestroy;
   };
   const sub = (keys, listener, set = listeners) => {
     set.add(listener);

package/cjs/__chunks/{PD7XZBXC.cjs → 5SIVMOID.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7ZUFMSXJcjs = require('./7ZUFMSXJ.cjs');
+var _EFIT5L4Xcjs = require('./EFIT5L4X.cjs');
 
 
-var _46BH65MCcjs = require('./46BH65MC.cjs');
+var _2UK5WUJXcjs = require('./2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -17,7 +17,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 function createHovercardStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const popover = _7ZUFMSXJcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _EFIT5L4Xcjs.createPopoverStore.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,
@@ -31,7 +31,7 @@ function createHovercardStore(props = {}) {
     hideTimeout: _3UT5FE6Kcjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
     autoFocusOnShow: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
   });
-  const hovercard = _46BH65MCcjs.createStore.call(void 0, initialState, popover, props.store);
+  const hovercard = _2UK5WUJXcjs.createStore.call(void 0, initialState, popover, props.store);
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, popover), hovercard), {
     setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
   });

package/cjs/__chunks/{7ZUFMSXJ.cjs → EFIT5L4X.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _GZDVJEIDcjs = require('./GZDVJEID.cjs');
+var _2LS4JJ4Scjs = require('./2LS4JJ4S.cjs');
 
 
 
 
 
-var _46BH65MCcjs = require('./46BH65MC.cjs');
+var _2UK5WUJXcjs = require('./2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -24,9 +24,9 @@ function createPopoverStore(_a = {}) {
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "popover"
   ]);
-  const store = _46BH65MCcjs.mergeStore.call(void 0, 
+  const store = _2UK5WUJXcjs.mergeStore.call(void 0, 
     props.store,
-    _46BH65MCcjs.omit.call(void 0, otherPopover, [
+    _2UK5WUJXcjs.omit.call(void 0, otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -34,9 +34,9 @@ function createPopoverStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, store);
+  _2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const dialog = _GZDVJEIDcjs.createDialogStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { store }));
+  const dialog = _2LS4JJ4Scjs.createDialogStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { store }));
   const placement = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.placement,
     syncState == null ? void 0 : syncState.placement,
@@ -50,7 +50,7 @@ function createPopoverStore(_a = {}) {
     arrowElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
     rendered: Symbol("rendered")
   });
-  const popover = _46BH65MCcjs.createStore.call(void 0, initialState, dialog, store);
+  const popover = _2UK5WUJXcjs.createStore.call(void 0, initialState, dialog, store);
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, dialog), popover), {
     setAnchorElement: (element) => popover.setState("anchorElement", element),
     setPopoverElement: (element) => popover.setState("popoverElement", element),

package/cjs/__chunks/{MEHGRTJ3.cjs → GJFZ5ZPP.cjs}

@@ -7,7 +7,7 @@
 
 
 
-var _46BH65MCcjs = require('./46BH65MC.cjs');
+var _2UK5WUJXcjs = require('./2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -18,11 +18,11 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  const store = _46BH65MCcjs.mergeStore.call(void 0, 
+  const store = _2UK5WUJXcjs.mergeStore.call(void 0, 
     props.store,
-    _46BH65MCcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
+    _2UK5WUJXcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
   );
-  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, store);
+  _2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
   const open = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.open,
@@ -39,26 +39,26 @@ function createDisclosureStore(props = {}) {
     contentElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
     disclosureElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
   };
-  const disclosure = _46BH65MCcjs.createStore.call(void 0, initialState, store);
-  _46BH65MCcjs.setup.call(void 0, 
+  const disclosure = _2UK5WUJXcjs.createStore.call(void 0, initialState, store);
+  _2UK5WUJXcjs.setup.call(void 0, 
     disclosure,
-    () => _46BH65MCcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
       if (state.animated)
         return;
       disclosure.setState("animating", false);
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     disclosure,
-    () => _46BH65MCcjs.subscribe.call(void 0, disclosure, ["open"], () => {
+    () => _2UK5WUJXcjs.subscribe.call(void 0, disclosure, ["open"], () => {
       if (!disclosure.getState().animated)
         return;
       disclosure.setState("animating", true);
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     disclosure,
-    () => _46BH65MCcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
       disclosure.setState("mounted", state.open || state.animating);
     })
   );

package/cjs/__chunks/{6WBY3ZZM.cjs → JNFZSNOI.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _JLC5A6WFcjs = require('./JLC5A6WF.cjs');
+var _UCLKUBNPcjs = require('./UCLKUBNP.cjs');
 
 
 
 
-var _46BH65MCcjs = require('./46BH65MC.cjs');
+var _2UK5WUJXcjs = require('./2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -124,7 +124,7 @@ function verticalizeItems(items) {
 function createCompositeStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const collection = _JLC5A6WFcjs.createCollectionStore.call(void 0, props);
+  const collection = _UCLKUBNPcjs.createCollectionStore.call(void 0, props);
   const activeId = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
@@ -154,10 +154,10 @@ function createCompositeStore(props = {}) {
     focusWrap: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
     focusShift: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
   });
-  const composite = _46BH65MCcjs.createStore.call(void 0, initialState, collection, props.store);
-  _46BH65MCcjs.setup.call(void 0, 
+  const composite = _2UK5WUJXcjs.createStore.call(void 0, initialState, collection, props.store);
+  _2UK5WUJXcjs.setup.call(void 0, 
     composite,
-    () => _46BH65MCcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
       composite.setState("activeId", (activeId2) => {
         var _a2;
         if (activeId2 !== void 0)

package/cjs/__chunks/{JLC5A6WF.cjs → UCLKUBNP.cjs}

@@ -4,7 +4,8 @@
 
 
 
-var _46BH65MCcjs = require('./46BH65MC.cjs');
+
+var _2UK5WUJXcjs = require('./2UK5WUJX.cjs');
 
 
 
@@ -63,9 +64,12 @@ function getCommonParent(items) {
   }
   return _5F4DVUNScjs.getDocument.call(void 0, parentElement).body;
 }
+function getPrivateStore(store) {
+  return store == null ? void 0 : store.__unstablePrivateStore;
+}
 function createCollectionStore(props = {}) {
   var _a;
-  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const items = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.items,
@@ -78,37 +82,41 @@ function createCollectionStore(props = {}) {
     items,
     renderedItems: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
   };
-  const privateStore = _46BH65MCcjs.createStore.call(void 0, {
-    renderedItems: initialState.renderedItems
-  });
-  const collection = _46BH65MCcjs.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);
-  };
-  _46BH65MCcjs.setup.call(void 0, collection, () => {
-    return _46BH65MCcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
+  const syncPrivateStore = getPrivateStore(props.store);
+  const privateStore = _2UK5WUJXcjs.createStore.call(void 0, 
+    { renderedItems: initialState.renderedItems },
+    syncPrivateStore
+  );
+  const collection = _2UK5WUJXcjs.createStore.call(void 0, initialState, props.store);
+  _2UK5WUJXcjs.setup.call(void 0, collection, () => _2UK5WUJXcjs.init.call(void 0, privateStore));
+  _2UK5WUJXcjs.setup.call(void 0, privateStore, () => {
+    return _2UK5WUJXcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
       let firstRun = true;
-      let raf = requestAnimationFrame(sortItems);
-      if (typeof IntersectionObserver !== "function")
-        return;
-      const callback = () => {
+      const raf = requestAnimationFrame(() => {
+        const { renderedItems } = collection.getState();
+        if (state.renderedItems === renderedItems)
+          return;
+        const sortedItems = sortBasedOnDOMPosition(state.renderedItems);
+        privateStore.setState("renderedItems", sortedItems);
+        collection.setState("renderedItems", sortedItems);
+      });
+      if (typeof IntersectionObserver !== "function") {
+        return () => cancelAnimationFrame(raf);
+      }
+      const ioCallback = () => {
         if (firstRun) {
           firstRun = false;
           return;
         }
-        cancelAnimationFrame(raf);
-        raf = requestAnimationFrame(sortItems);
+        privateStore.setState("renderedItems", [...state.renderedItems]);
       };
       const root = getCommonParent(state.renderedItems);
-      const observer = new IntersectionObserver(callback, { root });
-      state.renderedItems.forEach((item) => {
+      const observer = new IntersectionObserver(ioCallback, { root });
+      for (const item of state.renderedItems) {
         if (!item.element)
-          return;
+          continue;
         observer.observe(item.element);
-      });
+      }
       return () => {
         cancelAnimationFrame(raf);
         observer.disconnect();
@@ -172,7 +180,9 @@ function createCollectionStore(props = {}) {
         }
       }
       return item || null;
-    }
+    },
+    // @ts-expect-error Internal
+    __unstablePrivateStore: privateStore
   });
 }
 

package/cjs/__chunks/{GXIZMD53.cjs → UTICNXST.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _6WBY3ZZMcjs = require('./6WBY3ZZM.cjs');
+var _JNFZSNOIcjs = require('./JNFZSNOI.cjs');
 
 
-var _46BH65MCcjs = require('./46BH65MC.cjs');
+var _2UK5WUJXcjs = require('./2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -17,7 +17,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 function createMenubarStore(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 = _JNFZSNOIcjs.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,
@@ -26,7 +26,7 @@ function createMenubarStore(props = {}) {
     focusLoop: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
   const initialState = _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState());
-  const menubar = _46BH65MCcjs.createStore.call(void 0, initialState, composite, props.store);
+  const menubar = _2UK5WUJXcjs.createStore.call(void 0, initialState, composite, props.store);
   return _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), menubar);
 }
 

package/cjs/checkbox/checkbox-store.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
+var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -14,7 +14,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/checkbox/checkbox-store.ts
 function createCheckboxStore(props = {}) {
   var _a;
-  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const initialState = {
     value: _3UT5FE6Kcjs.defaultValue.call(void 0, 
@@ -24,7 +24,7 @@ function createCheckboxStore(props = {}) {
       false
     )
   };
-  const checkbox = _46BH65MCcjs.createStore.call(void 0, initialState, props.store);
+  const checkbox = _2UK5WUJXcjs.createStore.call(void 0, initialState, props.store);
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, checkbox), {
     setValue: (value) => checkbox.setState("value", value)
   });

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

@@ -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/cjs/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/cjs/collection/collection-store.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _JLC5A6WFcjs = require('../__chunks/JLC5A6WF.cjs');
-require('../__chunks/46BH65MC.cjs');
+var _UCLKUBNPcjs = require('../__chunks/UCLKUBNP.cjs');
+require('../__chunks/2UK5WUJX.cjs');
 require('../__chunks/3UT5FE6K.cjs');
 require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createCollectionStore = _JLC5A6WFcjs.createCollectionStore;
+exports.createCollectionStore = _UCLKUBNPcjs.createCollectionStore;

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

@@ -1,15 +1,20 @@
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { BivariantCallback } from "../utils/types.js";
-interface Item {
-    id: string;
-    element?: HTMLElement | null;
-}
 /**
  * Creates a collection store.
  */
-export declare function createCollectionStore<T extends Item = Item>(props?: CollectionStoreProps<T>): CollectionStore<T>;
-export type CollectionStoreItem = Item;
-export interface CollectionStoreState<T extends Item = Item> {
+export declare function createCollectionStore<T extends CollectionStoreItem = CollectionStoreItem>(props?: CollectionStoreProps<T>): CollectionStore<T>;
+export interface CollectionStoreItem {
+    /**
+     * The id of the item.
+     */
+    id: string;
+    /**
+     * The item HTML element. This is automatically set when the item is rendered.
+     */
+    element?: HTMLElement | null;
+}
+export interface CollectionStoreState<T extends CollectionStoreItem = CollectionStoreItem> {
     /**
      * Lists all the items with their meta data. This state is automatically
      * updated when an item is registered or unregistered with the `registerItem`
@@ -24,7 +29,7 @@ export interface CollectionStoreState<T extends Item = Item> {
      */
     renderedItems: T[];
 }
-export interface CollectionStoreFunctions<T extends Item = Item> {
+export interface CollectionStoreFunctions<T extends CollectionStoreItem = CollectionStoreItem> {
     /**
      * Registers an item in the collection. This function returns a cleanup
      * function that unregisters the item.
@@ -53,15 +58,14 @@ export interface CollectionStoreFunctions<T extends Item = Item> {
      */
     item: (id: string | null | undefined) => T | null;
 }
-export interface CollectionStoreOptions<T extends Item = Item> extends StoreOptions<CollectionStoreState<T>, "items"> {
+export interface CollectionStoreOptions<T extends CollectionStoreItem = CollectionStoreItem> extends StoreOptions<CollectionStoreState<T>, "items"> {
     /**
      * The defaut value for the `items` state.
      * @default []
      */
     defaultItems?: CollectionStoreState<T>["items"];
 }
-export interface CollectionStoreProps<T extends Item = Item> extends CollectionStoreOptions<T>, StoreProps<CollectionStoreState<T>> {
+export interface CollectionStoreProps<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreOptions<T>, StoreProps<CollectionStoreState<T>> {
 }
-export interface CollectionStore<T extends Item = Item> extends CollectionStoreFunctions<T>, Store<CollectionStoreState<T>> {
+export interface CollectionStore<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreFunctions<T>, Store<CollectionStoreState<T>> {
 }
-export {};

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

@@ -1,15 +1,20 @@
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { BivariantCallback } from "../utils/types.js";
-interface Item {
-    id: string;
-    element?: HTMLElement | null;
-}
 /**
  * Creates a collection store.
  */
-export declare function createCollectionStore<T extends Item = Item>(props?: CollectionStoreProps<T>): CollectionStore<T>;
-export type CollectionStoreItem = Item;
-export interface CollectionStoreState<T extends Item = Item> {
+export declare function createCollectionStore<T extends CollectionStoreItem = CollectionStoreItem>(props?: CollectionStoreProps<T>): CollectionStore<T>;
+export interface CollectionStoreItem {
+    /**
+     * The id of the item.
+     */
+    id: string;
+    /**
+     * The item HTML element. This is automatically set when the item is rendered.
+     */
+    element?: HTMLElement | null;
+}
+export interface CollectionStoreState<T extends CollectionStoreItem = CollectionStoreItem> {
     /**
      * Lists all the items with their meta data. This state is automatically
      * updated when an item is registered or unregistered with the `registerItem`
@@ -24,7 +29,7 @@ export interface CollectionStoreState<T extends Item = Item> {
      */
     renderedItems: T[];
 }
-export interface CollectionStoreFunctions<T extends Item = Item> {
+export interface CollectionStoreFunctions<T extends CollectionStoreItem = CollectionStoreItem> {
     /**
      * Registers an item in the collection. This function returns a cleanup
      * function that unregisters the item.
@@ -53,15 +58,14 @@ export interface CollectionStoreFunctions<T extends Item = Item> {
      */
     item: (id: string | null | undefined) => T | null;
 }
-export interface CollectionStoreOptions<T extends Item = Item> extends StoreOptions<CollectionStoreState<T>, "items"> {
+export interface CollectionStoreOptions<T extends CollectionStoreItem = CollectionStoreItem> extends StoreOptions<CollectionStoreState<T>, "items"> {
     /**
      * The defaut value for the `items` state.
      * @default []
      */
     defaultItems?: CollectionStoreState<T>["items"];
 }
-export interface CollectionStoreProps<T extends Item = Item> extends CollectionStoreOptions<T>, StoreProps<CollectionStoreState<T>> {
+export interface CollectionStoreProps<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreOptions<T>, StoreProps<CollectionStoreState<T>> {
 }
-export interface CollectionStore<T extends Item = Item> extends CollectionStoreFunctions<T>, Store<CollectionStoreState<T>> {
+export interface CollectionStore<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreFunctions<T>, Store<CollectionStoreState<T>> {
 }
-export {};