@ariakit/core 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @ariakit/core
 
+## 0.3.7
+
+### Multi-selectable Combobox
+
+We've added support for the [Combobox](https://ariakit.org/components/combobox) with multiple selection capabilities using a new [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue) prop, along with [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue) and [`setSelectedValue`](https://ariakit.org/reference/combobox-provider#setselectedvalue).
+
+This works similarly to the [`value`](https://ariakit.org/reference/select-provider#value) prop on [Select](https://ariakit.org/components/select) components. If it receives an array, the combobox will allow multiple selections. By default, it's a string that represents the selected value in a single-select combobox.
+
+Check out the [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) example to see it in action.
+
+### Other updates
+
+- Added [`resetValueOnSelect`](https://ariakit.org/reference/combobox-provider#resetvalueonselect) state to [Combobox](https://ariakit.org/components/combobox) components.
+
+## 0.3.6
+
+- Fixed `setSelectionRange` error when used with [unsupported](https://html.spec.whatwg.org/multipage/input.html#concept-input-apply) input types.
+
 ## 0.3.5
 
 - Added new `menubar` module.

package/cjs/__chunks/{FJSZTIOU.cjs → 46BH65MC.cjs}

@@ -50,17 +50,15 @@ function createStore(initialState, ...stores) {
             return;
           if (!_3UT5FE6Kcjs.hasOwnProperty.call(void 0, storeState, key))
             return;
-          return sync(
-            store,
-            [key],
-            (state2) => setState(
+          return sync(store, [key], (state2) => {
+            setState(
               key,
               state2[key],
               // @ts-expect-error - Not public API. This is just to prevent
               // infinite loops.
               true
-            )
-          );
+            );
+          });
         })
       )
     );

package/cjs/__chunks/{FTB5CXVB.cjs → 5F4DVUNS.cjs}

@@ -169,6 +169,12 @@ function isPartiallyHidden(element) {
   const right = elementRect.right > scrollerRight;
   return top || left || bottom || right;
 }
+function setSelectionRange(element, ...args) {
+  if (/text|search|password|tel|url/i.test(element.type)) {
+    element.setSelectionRange(...args);
+  }
+}
+
 
 
 
@@ -188,4 +194,4 @@ function isPartiallyHidden(element) {
 
 
 
-exports.canUseDOM = canUseDOM; exports.getDocument = getDocument; exports.getWindow = getWindow; exports.getActiveElement = getActiveElement; exports.contains = contains; exports.isFrame = isFrame; exports.isButton = isButton; exports.matches = matches; exports.isVisible = isVisible; exports.closest = closest; exports.isTextField = isTextField; exports.getPopupRole = getPopupRole; exports.getPopupItemRole = getPopupItemRole; exports.getTextboxSelection = getTextboxSelection; exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded; exports.getScrollingElement = getScrollingElement; exports.isPartiallyHidden = isPartiallyHidden;
+exports.canUseDOM = canUseDOM; exports.getDocument = getDocument; exports.getWindow = getWindow; exports.getActiveElement = getActiveElement; exports.contains = contains; exports.isFrame = isFrame; exports.isButton = isButton; exports.matches = matches; exports.isVisible = isVisible; exports.closest = closest; exports.isTextField = isTextField; exports.getPopupRole = getPopupRole; exports.getPopupItemRole = getPopupItemRole; exports.getTextboxSelection = getTextboxSelection; exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded; exports.getScrollingElement = getScrollingElement; exports.isPartiallyHidden = isPartiallyHidden; exports.setSelectionRange = setSelectionRange;

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FFY2GSOGcjs = require('./FFY2GSOG.cjs');
+var _JLC5A6WFcjs = require('./JLC5A6WF.cjs');
 
 
 
 
-var _FJSZTIOUcjs = require('./FJSZTIOU.cjs');
+var _46BH65MCcjs = require('./46BH65MC.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 = _FFY2GSOGcjs.createCollectionStore.call(void 0, props);
+  const collection = _JLC5A6WFcjs.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 = _FJSZTIOUcjs.createStore.call(void 0, initialState, collection, props.store);
-  _FJSZTIOUcjs.setup.call(void 0, 
+  const composite = _46BH65MCcjs.createStore.call(void 0, initialState, collection, props.store);
+  _46BH65MCcjs.setup.call(void 0, 
     composite,
-    () => _FJSZTIOUcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
       composite.setState("activeId", (activeId2) => {
         var _a2;
         if (activeId2 !== void 0)

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

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MYTMMWXIcjs = require('./MYTMMWXI.cjs');
+var _GZDVJEIDcjs = require('./GZDVJEID.cjs');
 
 
 
 
 
-var _FJSZTIOUcjs = require('./FJSZTIOU.cjs');
+var _46BH65MCcjs = require('./46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -24,9 +24,9 @@ function createPopoverStore(_a = {}) {
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "popover"
   ]);
-  const store = _FJSZTIOUcjs.mergeStore.call(void 0, 
+  const store = _46BH65MCcjs.mergeStore.call(void 0, 
     props.store,
-    _FJSZTIOUcjs.omit.call(void 0, otherPopover, [
+    _46BH65MCcjs.omit.call(void 0, otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -34,9 +34,9 @@ function createPopoverStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, store);
+  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const dialog = _MYTMMWXIcjs.createDialogStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { store }));
+  const dialog = _GZDVJEIDcjs.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 = _FJSZTIOUcjs.createStore.call(void 0, initialState, dialog, store);
+  const popover = _46BH65MCcjs.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/{F5YZIIEA.cjs → GXIZMD53.cjs}

@@ -1,7 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AR2VJ37Fcjs = require('./AR2VJ37F.cjs');
+var _6WBY3ZZMcjs = require('./6WBY3ZZM.cjs');
+
+
+var _46BH65MCcjs = require('./46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
@@ -14,7 +17,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 function createMenubarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  return _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _6WBY3ZZMcjs.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,
@@ -22,6 +25,9 @@ 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);
+  return _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), menubar);
 }
 
 

package/cjs/__chunks/{MYTMMWXI.cjs → GZDVJEID.cjs}

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

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

@@ -4,14 +4,14 @@
 
 
 
-var _FJSZTIOUcjs = require('./FJSZTIOU.cjs');
+var _46BH65MCcjs = require('./46BH65MC.cjs');
 
 
 
 var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
 
 
-var _FTB5CXVBcjs = require('./FTB5CXVB.cjs');
+var _5F4DVUNScjs = require('./5F4DVUNS.cjs');
 
 
 
@@ -61,11 +61,11 @@ function getCommonParent(items) {
     }
     parentElement = parentElement.parentElement;
   }
-  return _FTB5CXVBcjs.getDocument.call(void 0, parentElement).body;
+  return _5F4DVUNScjs.getDocument.call(void 0, parentElement).body;
 }
 function createCollectionStore(props = {}) {
   var _a;
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _46BH65MCcjs.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,18 +78,18 @@ function createCollectionStore(props = {}) {
     items,
     renderedItems: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
   };
-  const privateStore = _FJSZTIOUcjs.createStore.call(void 0, {
+  const privateStore = _46BH65MCcjs.createStore.call(void 0, {
     renderedItems: initialState.renderedItems
   });
-  const collection = _FJSZTIOUcjs.createStore.call(void 0, initialState, props.store);
+  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);
   };
-  _FJSZTIOUcjs.setup.call(void 0, collection, () => {
-    return _FJSZTIOUcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
+  _46BH65MCcjs.setup.call(void 0, collection, () => {
+    return _46BH65MCcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
       let firstRun = true;
       let raf = requestAnimationFrame(sortItems);
       if (typeof IntersectionObserver !== "function")

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

@@ -7,7 +7,7 @@
 
 
 
-var _FJSZTIOUcjs = require('./FJSZTIOU.cjs');
+var _46BH65MCcjs = require('./46BH65MC.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 = _FJSZTIOUcjs.mergeStore.call(void 0, 
+  const store = _46BH65MCcjs.mergeStore.call(void 0, 
     props.store,
-    _FJSZTIOUcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
+    _46BH65MCcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
   );
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, store);
+  _46BH65MCcjs.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 = _FJSZTIOUcjs.createStore.call(void 0, initialState, store);
-  _FJSZTIOUcjs.setup.call(void 0, 
+  const disclosure = _46BH65MCcjs.createStore.call(void 0, initialState, store);
+  _46BH65MCcjs.setup.call(void 0, 
     disclosure,
-    () => _FJSZTIOUcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
       if (state.animated)
         return;
       disclosure.setState("animating", false);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     disclosure,
-    () => _FJSZTIOUcjs.subscribe.call(void 0, disclosure, ["open"], () => {
+    () => _46BH65MCcjs.subscribe.call(void 0, disclosure, ["open"], () => {
       if (!disclosure.getState().animated)
         return;
       disclosure.setState("animating", true);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     disclosure,
-    () => _FJSZTIOUcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
       disclosure.setState("mounted", state.open || state.animating);
     })
   );

package/cjs/__chunks/{XVR5QRC3.cjs → PD7XZBXC.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HOEZKRUMcjs = require('./HOEZKRUM.cjs');
+var _7ZUFMSXJcjs = require('./7ZUFMSXJ.cjs');
 
 
-var _FJSZTIOUcjs = require('./FJSZTIOU.cjs');
+var _46BH65MCcjs = require('./46BH65MC.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 = _HOEZKRUMcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _7ZUFMSXJcjs.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 = _FJSZTIOUcjs.createStore.call(void 0, initialState, popover, props.store);
+  const hovercard = _46BH65MCcjs.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/{G5EW4WED.cjs → YIUPKKEK.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FTB5CXVBcjs = require('./FTB5CXVB.cjs');
+var _5F4DVUNScjs = require('./5F4DVUNS.cjs');
 
 // src/utils/platform.ts
 function isTouchDevice() {
-  return _FTB5CXVBcjs.canUseDOM && !!navigator.maxTouchPoints;
+  return _5F4DVUNScjs.canUseDOM && !!navigator.maxTouchPoints;
 }
 function isApple() {
-  if (!_FTB5CXVBcjs.canUseDOM)
+  if (!_5F4DVUNScjs.canUseDOM)
     return false;
   return /mac|iphone|ipad|ipod/i.test(navigator.platform);
 }
 function isSafari() {
-  return _FTB5CXVBcjs.canUseDOM && isApple() && /apple/i.test(navigator.vendor);
+  return _5F4DVUNScjs.canUseDOM && isApple() && /apple/i.test(navigator.vendor);
 }
 function isFirefox() {
-  return _FTB5CXVBcjs.canUseDOM && /firefox\//i.test(navigator.userAgent);
+  return _5F4DVUNScjs.canUseDOM && /firefox\//i.test(navigator.userAgent);
 }
 function isMac() {
-  return _FTB5CXVBcjs.canUseDOM && navigator.platform.startsWith("Mac") && !isTouchDevice();
+  return _5F4DVUNScjs.canUseDOM && navigator.platform.startsWith("Mac") && !isTouchDevice();
 }
 
 

package/cjs/checkbox/checkbox-store.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.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;
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _46BH65MCcjs.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 = _FJSZTIOUcjs.createStore.call(void 0, initialState, props.store);
+  const checkbox = _46BH65MCcjs.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/collection/collection-store.cjs

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

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

@@ -1,9 +1,9 @@
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { BivariantCallback } from "../utils/types.js";
-type Item = {
+interface Item {
     id: string;
     element?: HTMLElement | null;
-};
+}
 /**
  * Creates a collection store.
  */
@@ -60,6 +60,8 @@ export interface CollectionStoreOptions<T extends Item = Item> extends StoreOpti
      */
     defaultItems?: CollectionStoreState<T>["items"];
 }
-export type CollectionStoreProps<T extends Item = Item> = CollectionStoreOptions<T> & StoreProps<CollectionStoreState<T>>;
-export type CollectionStore<T extends Item = Item> = CollectionStoreFunctions<T> & Store<CollectionStoreState<T>>;
+export interface CollectionStoreProps<T extends Item = Item> extends CollectionStoreOptions<T>, StoreProps<CollectionStoreState<T>> {
+}
+export interface CollectionStore<T extends Item = Item> extends CollectionStoreFunctions<T>, Store<CollectionStoreState<T>> {
+}
 export {};

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

@@ -1,9 +1,9 @@
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { BivariantCallback } from "../utils/types.js";
-type Item = {
+interface Item {
     id: string;
     element?: HTMLElement | null;
-};
+}
 /**
  * Creates a collection store.
  */
@@ -60,6 +60,8 @@ export interface CollectionStoreOptions<T extends Item = Item> extends StoreOpti
      */
     defaultItems?: CollectionStoreState<T>["items"];
 }
-export type CollectionStoreProps<T extends Item = Item> = CollectionStoreOptions<T> & StoreProps<CollectionStoreState<T>>;
-export type CollectionStore<T extends Item = Item> = CollectionStoreFunctions<T> & Store<CollectionStoreState<T>>;
+export interface CollectionStoreProps<T extends Item = Item> extends CollectionStoreOptions<T>, StoreProps<CollectionStoreState<T>> {
+}
+export interface CollectionStore<T extends Item = Item> extends CollectionStoreFunctions<T>, Store<CollectionStoreState<T>> {
+}
 export {};

package/cjs/combobox/combobox-store.cjs

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HOEZKRUMcjs = require('../__chunks/HOEZKRUM.cjs');
-require('../__chunks/MYTMMWXI.cjs');
-require('../__chunks/F6Q5QSXF.cjs');
+var _7ZUFMSXJcjs = require('../__chunks/7ZUFMSXJ.cjs');
+require('../__chunks/GZDVJEID.cjs');
+require('../__chunks/MEHGRTJ3.cjs');
 
 
-var _AR2VJ37Fcjs = require('../__chunks/AR2VJ37F.cjs');
-require('../__chunks/FFY2GSOG.cjs');
+var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
+require('../__chunks/JLC5A6WF.cjs');
 
 
 
 
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
 
 
 
-var _G5EW4WEDcjs = require('../__chunks/G5EW4WED.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+var _YIUPKKEKcjs = require('../__chunks/YIUPKKEK.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -30,10 +30,10 @@ require('../__chunks/ULSPM3Y3.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-store.ts
-var isSafariOnMobile = _G5EW4WEDcjs.isSafari.call(void 0, ) && _G5EW4WEDcjs.isTouchDevice.call(void 0, );
+var isSafariOnMobile = _YIUPKKEKcjs.isSafari.call(void 0, ) && _YIUPKKEKcjs.isTouchDevice.call(void 0, );
 function createComboboxStore(props = {}) {
   var _a;
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const activeId = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.activeId,
@@ -41,7 +41,7 @@ function createComboboxStore(props = {}) {
     props.defaultActiveId,
     null
   );
-  const composite = _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     activeId,
     includesBaseElement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
@@ -61,59 +61,80 @@ function createComboboxStore(props = {}) {
       !isSafariOnMobile
     )
   }));
-  const popover = _HOEZKRUMcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _7ZUFMSXJcjs.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,
       "bottom-start"
     )
   }));
-  const initialValue = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const value = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.value,
     syncState == null ? void 0 : syncState.value,
     props.defaultValue,
     ""
   );
+  const selectedValue = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+    props.selectedValue,
+    syncState == null ? void 0 : syncState.selectedValue,
+    props.defaultSelectedValue,
+    ""
+  );
+  const multiSelectable = Array.isArray(selectedValue);
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
-    value: initialValue,
+    value,
+    selectedValue,
+    resetValueOnSelect: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+      props.resetValueOnSelect,
+      syncState == null ? void 0 : syncState.resetValueOnSelect,
+      multiSelectable
+    ),
     resetValueOnHide: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.resetValueOnHide,
       syncState == null ? void 0 : syncState.resetValueOnHide,
-      false
+      multiSelectable
     ),
     activeValue: syncState == null ? void 0 : syncState.activeValue
   });
-  const combobox = _FJSZTIOUcjs.createStore.call(void 0, initialState, composite, popover, props.store);
-  _FJSZTIOUcjs.setup.call(void 0, 
+  const combobox = _46BH65MCcjs.createStore.call(void 0, initialState, composite, popover, props.store);
+  _46BH65MCcjs.setup.call(void 0, 
     combobox,
-    () => _FJSZTIOUcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
       if (!state.resetValueOnHide)
         return;
       if (state.mounted)
         return;
-      combobox.setState("value", initialValue);
+      combobox.setState("value", value);
+    })
+  );
+  _46BH65MCcjs.setup.call(void 0, 
+    combobox,
+    () => _46BH65MCcjs.sync.call(void 0, combobox, ["resetValueOnSelect", "selectedValue"], (state) => {
+      if (!state.resetValueOnSelect)
+        return;
+      combobox.setState("value", value);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     combobox,
-    () => _FJSZTIOUcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
+    () => _46BH65MCcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
       if (state.mounted)
         return;
       combobox.setState("activeId", activeId);
       combobox.setState("moves", 0);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     combobox,
-    () => _FJSZTIOUcjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
+    () => _46BH65MCcjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
       if (state.moves === prevState.moves) {
         combobox.setState("activeValue", void 0);
       }
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     combobox,
-    () => _FJSZTIOUcjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
+    () => _46BH65MCcjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
       if (state.moves === prev.moves)
         return;
       const { activeId: activeId2 } = combobox.getState();
@@ -122,7 +143,8 @@ function createComboboxStore(props = {}) {
     })
   );
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, popover), composite), combobox), {
-    setValue: (value) => combobox.setState("value", value)
+    setValue: (value2) => combobox.setState("value", value2),
+    setSelectedValue: (selectedValue2) => combobox.setState("selectedValue", selectedValue2)
   });
 }