@ariakit/core 0.3.5 → 0.3.7

package/cjs/tooltip/tooltip-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _XVR5QRC3cjs = require('../__chunks/XVR5QRC3.cjs');
-require('../__chunks/HOEZKRUM.cjs');
-require('../__chunks/MYTMMWXI.cjs');
-require('../__chunks/F6Q5QSXF.cjs');
+var _PD7XZBXCcjs = require('../__chunks/PD7XZBXC.cjs');
+require('../__chunks/7ZUFMSXJ.cjs');
+require('../__chunks/GZDVJEID.cjs');
+require('../__chunks/MEHGRTJ3.cjs');
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.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 = _XVR5QRC3cjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const hovercard = _PD7XZBXCcjs.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 = _FJSZTIOUcjs.createStore.call(void 0, initialState, hovercard, props.store);
+  const tooltip = _46BH65MCcjs.createStore.call(void 0, initialState, hovercard, props.store);
   return _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, hovercard), tooltip);
 }
 

package/cjs/utils/dom.cjs

@@ -17,7 +17,8 @@
 
 
 
-var _FTB5CXVBcjs = require('../__chunks/FTB5CXVB.cjs');
+
+var _5F4DVUNScjs = require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -37,4 +38,5 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.canUseDOM = _FTB5CXVBcjs.canUseDOM; exports.closest = _FTB5CXVBcjs.closest; exports.contains = _FTB5CXVBcjs.contains; exports.getActiveElement = _FTB5CXVBcjs.getActiveElement; exports.getDocument = _FTB5CXVBcjs.getDocument; exports.getPopupItemRole = _FTB5CXVBcjs.getPopupItemRole; exports.getPopupRole = _FTB5CXVBcjs.getPopupRole; exports.getScrollingElement = _FTB5CXVBcjs.getScrollingElement; exports.getTextboxSelection = _FTB5CXVBcjs.getTextboxSelection; exports.getWindow = _FTB5CXVBcjs.getWindow; exports.isButton = _FTB5CXVBcjs.isButton; exports.isFrame = _FTB5CXVBcjs.isFrame; exports.isPartiallyHidden = _FTB5CXVBcjs.isPartiallyHidden; exports.isTextField = _FTB5CXVBcjs.isTextField; exports.isVisible = _FTB5CXVBcjs.isVisible; exports.matches = _FTB5CXVBcjs.matches; exports.scrollIntoViewIfNeeded = _FTB5CXVBcjs.scrollIntoViewIfNeeded;
+
+exports.canUseDOM = _5F4DVUNScjs.canUseDOM; exports.closest = _5F4DVUNScjs.closest; exports.contains = _5F4DVUNScjs.contains; exports.getActiveElement = _5F4DVUNScjs.getActiveElement; exports.getDocument = _5F4DVUNScjs.getDocument; exports.getPopupItemRole = _5F4DVUNScjs.getPopupItemRole; exports.getPopupRole = _5F4DVUNScjs.getPopupRole; exports.getScrollingElement = _5F4DVUNScjs.getScrollingElement; exports.getTextboxSelection = _5F4DVUNScjs.getTextboxSelection; exports.getWindow = _5F4DVUNScjs.getWindow; exports.isButton = _5F4DVUNScjs.isButton; exports.isFrame = _5F4DVUNScjs.isFrame; exports.isPartiallyHidden = _5F4DVUNScjs.isPartiallyHidden; exports.isTextField = _5F4DVUNScjs.isTextField; exports.isVisible = _5F4DVUNScjs.isVisible; exports.matches = _5F4DVUNScjs.matches; exports.scrollIntoViewIfNeeded = _5F4DVUNScjs.scrollIntoViewIfNeeded; exports.setSelectionRange = _5F4DVUNScjs.setSelectionRange;

package/cjs/utils/dom.d.cts

@@ -103,3 +103,12 @@ export declare function getScrollingElement(element?: Element | null): HTMLEleme
  * Determines whether an element is hidden or partially hidden in the viewport.
  */
 export declare function isPartiallyHidden(element: Element): boolean;
+/**
+ * SelectionRange only works on a few types of input.
+ * Calling `setSelectionRange` on a unsupported input type may throw an error on certain browsers.
+ * To avoid it, we check if its type supports SelectionRange first.
+ * It will be a noop to non-supported types until we find a workaround.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
+ */
+export declare function setSelectionRange(element: HTMLInputElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;

package/cjs/utils/dom.d.ts

@@ -103,3 +103,12 @@ export declare function getScrollingElement(element?: Element | null): HTMLEleme
  * Determines whether an element is hidden or partially hidden in the viewport.
  */
 export declare function isPartiallyHidden(element: Element): boolean;
+/**
+ * SelectionRange only works on a few types of input.
+ * Calling `setSelectionRange` on a unsupported input type may throw an error on certain browsers.
+ * To avoid it, we check if its type supports SelectionRange first.
+ * It will be a noop to non-supported types until we find a workaround.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
+ */
+export declare function setSelectionRange(element: HTMLInputElement, ...args: Parameters<typeof HTMLInputElement.prototype.setSelectionRange>): void;

package/cjs/utils/events.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _G5EW4WEDcjs = require('../__chunks/G5EW4WED.cjs');
+var _YIUPKKEKcjs = require('../__chunks/YIUPKKEK.cjs');
 
 
-var _FTB5CXVBcjs = require('../__chunks/FTB5CXVB.cjs');
+var _5F4DVUNScjs = require('../__chunks/5F4DVUNS.cjs');
 
 
 
@@ -13,7 +13,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/utils/events.ts
 function isPortalEvent(event) {
   return Boolean(
-    event.currentTarget && !_FTB5CXVBcjs.contains.call(void 0, event.currentTarget, event.target)
+    event.currentTarget && !_5F4DVUNScjs.contains.call(void 0, event.currentTarget, event.target)
   );
 }
 function isSelfTarget(event) {
@@ -23,7 +23,7 @@ function isOpeningInNewTab(event) {
   const element = event.currentTarget;
   if (!element)
     return false;
-  const isAppleDevice = _G5EW4WEDcjs.isApple.call(void 0, );
+  const isAppleDevice = _YIUPKKEKcjs.isApple.call(void 0, );
   if (isAppleDevice && !event.metaKey)
     return false;
   if (!isAppleDevice && !event.ctrlKey)
@@ -81,7 +81,7 @@ function fireClickEvent(element, eventInit) {
 function isFocusEventOutside(event, container) {
   const containerElement = container || event.currentTarget;
   const relatedTarget = event.relatedTarget;
-  return !relatedTarget || !_FTB5CXVBcjs.contains.call(void 0, containerElement, relatedTarget);
+  return !relatedTarget || !_5F4DVUNScjs.contains.call(void 0, containerElement, relatedTarget);
 }
 function queueBeforeEvent(element, type, callback) {
   const raf = requestAnimationFrame(() => {

package/cjs/utils/focus.cjs

@@ -6,7 +6,7 @@
 
 
 
-var _FTB5CXVBcjs = require('../__chunks/FTB5CXVB.cjs');
+var _5F4DVUNScjs = require('../__chunks/5F4DVUNS.cjs');
 
 
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
@@ -18,11 +18,11 @@ function hasNegativeTabIndex(element) {
   return tabIndex < 0;
 }
 function isFocusable(element) {
-  if (!_FTB5CXVBcjs.matches.call(void 0, element, selector))
+  if (!_5F4DVUNScjs.matches.call(void 0, element, selector))
     return false;
-  if (!_FTB5CXVBcjs.isVisible.call(void 0, element))
+  if (!_5F4DVUNScjs.isVisible.call(void 0, element))
     return false;
-  if (_FTB5CXVBcjs.closest.call(void 0, element, "[inert]"))
+  if (_5F4DVUNScjs.closest.call(void 0, element, "[inert]"))
     return false;
   return true;
 }
@@ -44,7 +44,7 @@ function isTabbable(element) {
     return true;
   if (!("length" in radioGroup))
     return true;
-  const activeElement = _FTB5CXVBcjs.getActiveElement.call(void 0, element);
+  const activeElement = _5F4DVUNScjs.getActiveElement.call(void 0, element);
   if (!activeElement)
     return true;
   if (activeElement === element)
@@ -66,7 +66,7 @@ function getAllFocusableIn(container, includeContainer) {
   }
   const focusableElements = elements.filter(isFocusable);
   focusableElements.forEach((element, i) => {
-    if (_FTB5CXVBcjs.isFrame.call(void 0, element) && element.contentDocument) {
+    if (_5F4DVUNScjs.isFrame.call(void 0, element) && element.contentDocument) {
       const frameBody = element.contentDocument.body;
       focusableElements.splice(i, 1, ...getAllFocusableIn(frameBody));
     }
@@ -92,7 +92,7 @@ function getAllTabbableIn(container, includeContainer, fallbackToFocusable) {
     tabbableElements.unshift(container);
   }
   tabbableElements.forEach((element, i) => {
-    if (_FTB5CXVBcjs.isFrame.call(void 0, element) && element.contentDocument) {
+    if (_5F4DVUNScjs.isFrame.call(void 0, element) && element.contentDocument) {
       const frameBody = element.contentDocument.body;
       const allFrameTabbable = getAllTabbableIn(
         frameBody,
@@ -133,7 +133,7 @@ function getLastTabbable(fallbackToFocusable) {
   return getLastTabbableIn(document.body, false, fallbackToFocusable);
 }
 function getNextTabbableIn(container, includeContainer, fallbackToFirst, fallbackToFocusable) {
-  const activeElement = _FTB5CXVBcjs.getActiveElement.call(void 0, container);
+  const activeElement = _5F4DVUNScjs.getActiveElement.call(void 0, container);
   const allFocusable = getAllFocusableIn(container, includeContainer);
   const activeIndex = allFocusable.indexOf(activeElement);
   const nextFocusableElements = allFocusable.slice(activeIndex + 1);
@@ -148,7 +148,7 @@ function getNextTabbable(fallbackToFirst, fallbackToFocusable) {
   );
 }
 function getPreviousTabbableIn(container, includeContainer, fallbackToLast, fallbackToFocusable) {
-  const activeElement = _FTB5CXVBcjs.getActiveElement.call(void 0, container);
+  const activeElement = _5F4DVUNScjs.getActiveElement.call(void 0, container);
   const allFocusable = getAllFocusableIn(container, includeContainer).reverse();
   const activeIndex = allFocusable.indexOf(activeElement);
   const previousFocusableElements = allFocusable.slice(activeIndex + 1);
@@ -164,12 +164,12 @@ function getPreviousTabbable(fallbackToFirst, fallbackToFocusable) {
 }
 function getClosestFocusable(element) {
   while (element && !isFocusable(element)) {
-    element = _FTB5CXVBcjs.closest.call(void 0, element, selector);
+    element = _5F4DVUNScjs.closest.call(void 0, element, selector);
   }
   return element || null;
 }
 function hasFocus(element) {
-  const activeElement = _FTB5CXVBcjs.getActiveElement.call(void 0, element);
+  const activeElement = _5F4DVUNScjs.getActiveElement.call(void 0, element);
   if (!activeElement)
     return false;
   if (activeElement === element)
@@ -180,10 +180,10 @@ function hasFocus(element) {
   return activeDescendant === element.id;
 }
 function hasFocusWithin(element) {
-  const activeElement = _FTB5CXVBcjs.getActiveElement.call(void 0, element);
+  const activeElement = _5F4DVUNScjs.getActiveElement.call(void 0, element);
   if (!activeElement)
     return false;
-  if (_FTB5CXVBcjs.contains.call(void 0, element, activeElement))
+  if (_5F4DVUNScjs.contains.call(void 0, element, activeElement))
     return true;
   const activeDescendant = activeElement.getAttribute("aria-activedescendant");
   if (!activeDescendant)

package/cjs/utils/platform.cjs

@@ -5,8 +5,8 @@
 
 
 
-var _G5EW4WEDcjs = require('../__chunks/G5EW4WED.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+var _YIUPKKEKcjs = require('../__chunks/YIUPKKEK.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -14,4 +14,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.isApple = _G5EW4WEDcjs.isApple; exports.isFirefox = _G5EW4WEDcjs.isFirefox; exports.isMac = _G5EW4WEDcjs.isMac; exports.isSafari = _G5EW4WEDcjs.isSafari; exports.isTouchDevice = _G5EW4WEDcjs.isTouchDevice;
+exports.isApple = _YIUPKKEKcjs.isApple; exports.isFirefox = _YIUPKKEKcjs.isFirefox; exports.isMac = _YIUPKKEKcjs.isMac; exports.isSafari = _YIUPKKEKcjs.isSafari; exports.isTouchDevice = _YIUPKKEKcjs.isTouchDevice;

package/cjs/utils/store.cjs

@@ -10,7 +10,7 @@
 
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
 require('../__chunks/3UT5FE6K.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -24,4 +24,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.batch = _FJSZTIOUcjs.batch; exports.createStore = _FJSZTIOUcjs.createStore; exports.init = _FJSZTIOUcjs.init; exports.mergeStore = _FJSZTIOUcjs.mergeStore; exports.omit = _FJSZTIOUcjs.omit; exports.pick = _FJSZTIOUcjs.pick; exports.setup = _FJSZTIOUcjs.setup; exports.subscribe = _FJSZTIOUcjs.subscribe; exports.sync = _FJSZTIOUcjs.sync; exports.throwOnConflictingProps = _FJSZTIOUcjs.throwOnConflictingProps;
+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;

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/{6LSGADQM.js → ANO6WJO4.js}

@@ -1,7 +1,10 @@
 "use client";
 import {
   createCompositeStore
-} from "./5BWT4GY2.js";
+} from "./OGMLJYDV.js";
+import {
+  createStore
+} from "./E7OQVGGY.js";
 import {
   defaultValue
 } from "./I2VQ3XGR.js";
@@ -14,7 +17,7 @@ import {
 function createMenubarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  return createCompositeStore(__spreadProps(__spreadValues({}, props), {
+  const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
     orientation: defaultValue(
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
@@ -22,6 +25,9 @@ function createMenubarStore(props = {}) {
     ),
     focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
+  const initialState = __spreadValues({}, composite.getState());
+  const menubar = createStore(initialState, composite, props.store);
+  return __spreadValues(__spreadValues({}, composite), menubar);
 }
 
 export {

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

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

package/esm/__chunks/{6EMNXRG3.js → CCU5UHQ2.js}

@@ -4,14 +4,14 @@ import {
   createStore,
   setup,
   throwOnConflictingProps
-} from "./HJS6GJT4.js";
+} from "./E7OQVGGY.js";
 import {
   chain,
   defaultValue
 } from "./I2VQ3XGR.js";
 import {
   getDocument
-} from "./NIF7E7VE.js";
+} from "./DLOEKDPY.js";
 import {
   __spreadProps,
   __spreadValues

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

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

package/esm/__chunks/{NIF7E7VE.js → DLOEKDPY.js}

@@ -169,6 +169,11 @@ 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);
+  }
+}
 
 export {
   canUseDOM,
@@ -187,5 +192,6 @@ export {
   getTextboxSelection,
   scrollIntoViewIfNeeded,
   getScrollingElement,
-  isPartiallyHidden
+  isPartiallyHidden,
+  setSelectionRange
 };

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

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

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

@@ -50,17 +50,15 @@ function createStore(initialState, ...stores) {
             return;
           if (!hasOwnProperty(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/esm/__chunks/{5UJPJ37G.js → MHPO2BXA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   canUseDOM
-} from "./NIF7E7VE.js";
+} from "./DLOEKDPY.js";
 
 // src/utils/platform.ts
 function isTouchDevice() {

package/esm/__chunks/{5BWT4GY2.js → OGMLJYDV.js}

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

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

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

package/esm/checkbox/checkbox-store.js

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

package/esm/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/esm/collection/collection-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/6EMNXRG3.js";
-import "../__chunks/HJS6GJT4.js";
+} from "../__chunks/CCU5UHQ2.js";
+import "../__chunks/E7OQVGGY.js";
 import "../__chunks/I2VQ3XGR.js";
-import "../__chunks/NIF7E7VE.js";
+import "../__chunks/DLOEKDPY.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   createCollectionStore

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

@@ -1,25 +1,30 @@
 import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
-type Item = CompositeStoreItem & {
+import type { PickRequired, SetState } from "../utils/types.js";
+type Value = string | string[];
+type MutableValue<T extends Value = Value> = T extends string ? string : T;
+interface Item extends CompositeStoreItem {
     value?: string;
-};
+}
 /**
  * Creates a combobox store.
  */
+export declare function createComboboxStore<T extends Value = Value>(props: PickRequired<ComboboxStoreProps<T>, "selectedValue" | "defaultSelectedValue">): ComboboxStore<T>;
 export declare function createComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
 export type ComboboxStoreItem = Item;
-export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverStoreState {
+export type ComboboxStoreSelectedValue = Value;
+export interface ComboboxStoreState<T extends Value = Value> extends CompositeStoreState<Item>, PopoverStoreState {
     /**
      * @default true
      */
     includesBaseElement: boolean;
     /**
-     * The input value.
+     * The combobox input value.
      *
      * Live examples:
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Combobox filtering](https://ariakit.org/examples/combobox-filtering)
      * - [Multi-selectable
@@ -33,45 +38,88 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
      */
     activeValue: string | undefined;
     /**
-     * Whether to reset the value when the combobox popover is hidden.
+     * The value(s) of the currently selected item(s). This can be a string or an
+     * array of strings. If it's an array, the combobox is considered
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    selectedValue: MutableValue<T>;
+    /**
+     * Whether to reset the value when the combobox popover closes. This prop is
+     * automatically set to `true` by default if the combobox supports multiple
+     * selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      *
      * Live examples:
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
-     * @default false
+     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
+     * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
      */
     resetValueOnHide: boolean;
-}
-export interface ComboboxStoreFunctions extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
-     * Sets the `value` state.
+     * Whether to reset the value when an item is selected. This prop is
+     * automatically set to `true` by default if the combobox supports multiple
+     * selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      *
      * Live examples:
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    resetValueOnSelect: boolean;
+}
+export interface ComboboxStoreFunctions<T extends Value = Value> extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
+    /**
+     * Sets the [`value`](https://ariakit.org/reference/combobox-provider#value)
+     * state.
+     *
+     * Live examples:
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @example
      * store.setValue("Hello world");
      * store.setValue((value) => value + "!");
      */
-    setValue: SetState<ComboboxStoreState["value"]>;
+    setValue: SetState<ComboboxStoreState<T>["value"]>;
+    /**
+     * Sets the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state.
+     */
+    setSelectedValue: SetState<ComboboxStoreState<T>["selectedValue"]>;
 }
-export interface ComboboxStoreOptions extends StoreOptions<ComboboxStoreState, "includesBaseElement" | "value" | "resetValueOnHide">, CompositeStoreOptions<Item>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends Value = Value> extends StoreOptions<ComboboxStoreState<T>, "includesBaseElement" | "value" | "selectedValue" | "resetValueOnHide" | "resetValueOnSelect">, CompositeStoreOptions<Item>, PopoverStoreOptions {
     /**
      * @default null
      */
     defaultActiveId?: CompositeStoreOptions<Item>["activeId"];
     /**
-     * The combobox initial value.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * The initial value of the combobox input.
+     * @default ""
+     */
+    defaultValue?: ComboboxStoreState<T>["value"];
+    /**
+     * The initial value of the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state. This can be a string or an array of strings. If it's an array, the
+     * combobox is considered
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
      * @default ""
      */
-    defaultValue?: ComboboxStoreState["value"];
+    defaultSelectedValue?: ComboboxStoreState<T>["selectedValue"];
+}
+export interface ComboboxStoreProps<T extends Value = Value> extends ComboboxStoreOptions<T>, StoreProps<ComboboxStoreState<T>> {
+}
+export interface ComboboxStore<T extends Value = Value> extends ComboboxStoreFunctions<T>, Store<ComboboxStoreState<T>> {
 }
-export type ComboboxStoreProps = ComboboxStoreOptions & StoreProps<ComboboxStoreState>;
-export type ComboboxStore = ComboboxStoreFunctions & Store<ComboboxStoreState>;
 export {};