@ariakit/core 0.4.4 → 0.4.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @ariakit/core
 
+## 0.4.6
+
+- Ensured [Combobox](https://ariakit.org/components/combobox) uses roving tabindex to manage focus on mobile Safari.
+- Added a new `listElement` state to the Select store.
+- Removed unnecessary utility functions: `closest`, `matches`.
+- Improved use of [Tab](https://ariakit.org/components/tab) components within [Select](https://ariakit.org/components/select) widgets.
+- Improved JSDocs.
+
+## 0.4.5
+
+- Added new `undo` utils.
+- Added new experimental Tag components.
+- Added DOM utils: `isTextbox`, `getTextboxValue`.
+- Added event function: `getInputType`.
+- Added new [`resetValue`](https://ariakit.org/reference/use-combobox-store#resetvalue) method to combobox store.
+- Improved JSDocs.
+
 ## 0.4.4
 
 ### Combobox `autoFocusOnHide` behavior

package/cjs/__chunks/{Y7KNI5NS.cjs → 3HYNC3XA.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FFZYCAXAcjs = require('./FFZYCAXA.cjs');
+var _4W3OYRR3cjs = require('./4W3OYRR3.cjs');
 
 
 
+var _ULSPM3Y3cjs = require('./ULSPM3Y3.cjs');
 
-var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _ULSPM3Y3cjs = require('./ULSPM3Y3.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.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 = _FFZYCAXAcjs.createCollectionStore.call(void 0, props);
+  const collection = _4W3OYRR3cjs.createCollectionStore.call(void 0, props);
   const activeId = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,

package/cjs/__chunks/{FFZYCAXA.cjs → 4W3OYRR3.cjs}

@@ -12,7 +12,7 @@ var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
-var _UKR6TQI3cjs = require('./UKR6TQI3.cjs');
+var _Q2WCPTYScjs = require('./Q2WCPTYS.cjs');
 
 
 
@@ -62,7 +62,7 @@ function getCommonParent(items) {
     }
     parentElement = parentElement.parentElement;
   }
-  return _UKR6TQI3cjs.getDocument.call(void 0, parentElement).body;
+  return _Q2WCPTYScjs.getDocument.call(void 0, parentElement).body;
 }
 function getPrivateStore(store) {
   return store == null ? void 0 : store.__unstablePrivateStore;

package/cjs/__chunks/{SU2BSHGB.cjs → B4AKUC4S.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Y7KNI5NScjs = require('./Y7KNI5NS.cjs');
+var _3HYNC3XAcjs = require('./3HYNC3XA.cjs');
 
 
 var _B4LYZ4EMcjs = require('./B4LYZ4EM.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 = _Y7KNI5NScjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _3HYNC3XAcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,

package/cjs/__chunks/{7DU6YMLQ.cjs → D7M2PCAQ.cjs}

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

package/cjs/__chunks/LPDHSEHU.cjs

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/utils/undo.ts
+function createUndoCallback(callback) {
+  return async () => {
+    const redo = await (callback == null ? void 0 : callback());
+    return createUndoCallback(async () => {
+      await (redo == null ? void 0 : redo());
+      return callback;
+    });
+  };
+}
+var UndoManager = createUndoManager();
+function createUndoManager({
+  limit = 100
+} = {}) {
+  const undoStack = [];
+  let redoStack = [];
+  let currentGroup = null;
+  const canUndo = () => undoStack.length > 0;
+  const canRedo = () => redoStack.length > 0;
+  const undo = async () => {
+    var _a;
+    if (!canUndo())
+      return;
+    currentGroup = null;
+    redoStack.push(await ((_a = undoStack.pop()) == null ? void 0 : _a()));
+  };
+  const redo = async () => {
+    var _a;
+    if (!canRedo())
+      return;
+    currentGroup = null;
+    undoStack.push(await ((_a = redoStack.pop()) == null ? void 0 : _a()));
+  };
+  const execute = async (callback, group) => {
+    if (!callback)
+      return;
+    while (undoStack.length > limit) {
+      undoStack.shift();
+    }
+    const sameGroup = group === currentGroup;
+    currentGroup = group != null ? group : null;
+    const nextIndex = sameGroup ? Math.max(0, undoStack.length - 1) : undoStack.length;
+    const undoCallback = await callback();
+    if (!undoCallback)
+      return;
+    redoStack = [];
+    const currentUndo = undoStack[nextIndex];
+    undoStack[nextIndex] = createUndoCallback(async () => {
+      await (undoCallback == null ? void 0 : undoCallback());
+      const currentRedo = await (currentUndo == null ? void 0 : currentUndo());
+      return async () => {
+        await (currentRedo == null ? void 0 : currentRedo());
+        await (callback == null ? void 0 : callback());
+      };
+    });
+  };
+  return {
+    canUndo,
+    canRedo,
+    undo,
+    redo,
+    execute
+  };
+}
+
+
+
+
+exports.UndoManager = UndoManager; exports.createUndoManager = createUndoManager;

package/cjs/__chunks/{UKR6TQI3.cjs → Q2WCPTYS.cjs}

@@ -57,29 +57,13 @@ var buttonInputTypes = [
   "reset",
   "submit"
 ];
-function matches(element, selectors) {
-  if ("matches" in element) {
-    return element.matches(selectors);
-  }
-  if ("msMatchesSelector" in element) {
-    return element.msMatchesSelector(selectors);
-  }
-  return element.webkitMatchesSelector(selectors);
-}
 function isVisible(element) {
+  if (typeof element.checkVisibility === "function") {
+    return element.checkVisibility();
+  }
   const htmlElement = element;
   return htmlElement.offsetWidth > 0 || htmlElement.offsetHeight > 0 || element.getClientRects().length > 0;
 }
-function closest(element, selectors) {
-  if ("closest" in element)
-    return element.closest(selectors);
-  do {
-    if (matches(element, selectors))
-      return element;
-    element = element.parentElement || element.parentNode;
-  } while (element !== null && element.nodeType === 1);
-  return null;
-}
 function isTextField(element) {
   try {
     const isTextInput = element instanceof HTMLInputElement && element.selectionStart !== null;
@@ -89,26 +73,19 @@ function isTextField(element) {
     return false;
   }
 }
-function getPopupRole(element, fallback) {
-  const allowedPopupRoles = ["dialog", "menu", "listbox", "tree", "grid"];
-  const role = element == null ? void 0 : element.getAttribute("role");
-  if (role && allowedPopupRoles.indexOf(role) !== -1) {
-    return role;
-  }
-  return fallback;
+function isTextbox(element) {
+  return element.isContentEditable || isTextField(element);
 }
-function getPopupItemRole(element, fallback) {
-  var _a;
-  const itemRoleByPopupRole = {
-    menu: "menuitem",
-    listbox: "option",
-    tree: "treeitem"
-  };
-  const popupRole = getPopupRole(element);
-  if (!popupRole)
-    return fallback;
-  const key = popupRole;
-  return (_a = itemRoleByPopupRole[key]) != null ? _a : fallback;
+function getTextboxValue(element) {
+  if (isTextField(element)) {
+    return element.value;
+  }
+  if (element.isContentEditable) {
+    const range = getDocument(element).createRange();
+    range.selectNodeContents(element);
+    return range.toString();
+  }
+  return "";
 }
 function getTextboxSelection(element) {
   let start = 0;
@@ -130,6 +107,27 @@ function getTextboxSelection(element) {
   }
   return { start, end };
 }
+function getPopupRole(element, fallback) {
+  const allowedPopupRoles = ["dialog", "menu", "listbox", "tree", "grid"];
+  const role = element == null ? void 0 : element.getAttribute("role");
+  if (role && allowedPopupRoles.indexOf(role) !== -1) {
+    return role;
+  }
+  return fallback;
+}
+function getPopupItemRole(element, fallback) {
+  var _a;
+  const itemRoleByPopupRole = {
+    menu: "menuitem",
+    listbox: "option",
+    tree: "treeitem"
+  };
+  const popupRole = getPopupRole(element);
+  if (!popupRole)
+    return fallback;
+  const key = popupRole;
+  return (_a = itemRoleByPopupRole[key]) != null ? _a : fallback;
+}
 function scrollIntoViewIfNeeded(element, arg) {
   if (isPartiallyHidden(element) && "scrollIntoView" in element) {
     element.scrollIntoView(arg);
@@ -193,4 +191,4 @@ function setSelectionRange(element, ...args) {
 
 
 
-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;
+exports.canUseDOM = canUseDOM; exports.getDocument = getDocument; exports.getWindow = getWindow; exports.getActiveElement = getActiveElement; exports.contains = contains; exports.isFrame = isFrame; exports.isButton = isButton; exports.isVisible = isVisible; exports.isTextField = isTextField; exports.isTextbox = isTextbox; exports.getTextboxValue = getTextboxValue; exports.getTextboxSelection = getTextboxSelection; exports.getPopupRole = getPopupRole; exports.getPopupItemRole = getPopupItemRole; exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded; exports.getScrollingElement = getScrollingElement; exports.isPartiallyHidden = isPartiallyHidden; exports.setSelectionRange = setSelectionRange;

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

@@ -1,5 +1,5 @@
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { PickRequired, SetState, ToPrimitive } from "../utils/types.js";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { PickRequired, SetState, ToPrimitive } from "../utils/types.ts";
 /**
  * Creates a checkbox store.
  */

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

@@ -1,5 +1,5 @@
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { PickRequired, SetState, ToPrimitive } from "../utils/types.js";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { PickRequired, SetState, ToPrimitive } from "../utils/types.ts";
 /**
  * Creates a checkbox store.
  */

package/cjs/collection/collection-store.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FFZYCAXAcjs = require('../__chunks/FFZYCAXA.cjs');
+var _4W3OYRR3cjs = require('../__chunks/4W3OYRR3.cjs');
 require('../__chunks/B4LYZ4EM.cjs');
 require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/UKR6TQI3.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createCollectionStore = _FFZYCAXAcjs.createCollectionStore;
+exports.createCollectionStore = _4W3OYRR3cjs.createCollectionStore;

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

@@ -1,5 +1,5 @@
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { BivariantCallback } from "../utils/types.js";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { BivariantCallback } from "../utils/types.ts";
 /**
  * Creates a collection store.
  */

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

@@ -1,5 +1,5 @@
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { BivariantCallback } from "../utils/types.js";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { BivariantCallback } from "../utils/types.ts";
 /**
  * Creates a collection store.
  */

package/cjs/combobox/combobox-store.cjs

@@ -1,13 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
+require('../__chunks/ULSPM3Y3.cjs');
+
+
 var _5JEQEZFRcjs = require('../__chunks/5JEQEZFR.cjs');
 require('../__chunks/LTLFSC4X.cjs');
 require('../__chunks/AETQC2AR.cjs');
 
 
-var _Y7KNI5NScjs = require('../__chunks/Y7KNI5NS.cjs');
-require('../__chunks/FFZYCAXA.cjs');
 
 
 
@@ -17,30 +20,38 @@ require('../__chunks/FFZYCAXA.cjs');
 var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
 
 
+
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
 
 
-var _7DU6YMLQcjs = require('../__chunks/7DU6YMLQ.cjs');
-require('../__chunks/UKR6TQI3.cjs');
-require('../__chunks/ULSPM3Y3.cjs');
+
+var _D7M2PCAQcjs = require('../__chunks/D7M2PCAQ.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
+
 
 
 
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-store.ts
-var isSafariOnMobile = _7DU6YMLQcjs.isSafari.call(void 0, ) && matchMedia("(hover:none)").matches;
-function createComboboxStore(props = {}) {
-  var _a;
-  _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, props.store);
-  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+var isTouchSafari = _D7M2PCAQcjs.isSafari.call(void 0, ) && _D7M2PCAQcjs.isTouchDevice.call(void 0, );
+function createComboboxStore(_a = {}) {
+  var _b = _a, {
+    tag
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    "tag"
+  ]);
+  const store = _B4LYZ4EMcjs.mergeStore.call(void 0, props.store, _B4LYZ4EMcjs.pick.call(void 0, tag, ["value", "rtl"]));
+  _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, store);
+  const tagState = tag == null ? void 0 : tag.getState();
+  const syncState = store == null ? void 0 : store.getState();
   const activeId = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId,
     null
   );
-  const composite = _Y7KNI5NScjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _3HYNC3XAcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     activeId,
     includesBaseElement: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.includesBaseElement,
@@ -57,7 +68,7 @@ function createComboboxStore(props = {}) {
     virtualFocus: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.virtualFocus,
       syncState == null ? void 0 : syncState.virtualFocus,
-      !isSafariOnMobile
+      true
     )
   }));
   const popover = _5JEQEZFRcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
@@ -76,6 +87,7 @@ function createComboboxStore(props = {}) {
   const selectedValue = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.selectedValue,
     syncState == null ? void 0 : syncState.selectedValue,
+    tagState == null ? void 0 : tagState.values,
     props.defaultSelectedValue,
     ""
   );
@@ -91,11 +103,33 @@ function createComboboxStore(props = {}) {
     resetValueOnHide: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.resetValueOnHide,
       syncState == null ? void 0 : syncState.resetValueOnHide,
-      multiSelectable
+      multiSelectable && !tag
     ),
     activeValue: syncState == null ? void 0 : syncState.activeValue
   });
-  const combobox = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, popover, props.store);
+  const combobox = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, popover, store);
+  if (isTouchSafari) {
+    _B4LYZ4EMcjs.setup.call(void 0, 
+      combobox,
+      () => _B4LYZ4EMcjs.sync.call(void 0, combobox, ["virtualFocus"], () => {
+        combobox.setState("virtualFocus", false);
+      })
+    );
+  }
+  _B4LYZ4EMcjs.setup.call(void 0, combobox, () => {
+    if (!tag)
+      return;
+    return _EEDWPDM2cjs.chain.call(void 0, 
+      _B4LYZ4EMcjs.sync.call(void 0, combobox, ["selectedValue"], (state) => {
+        if (!Array.isArray(state.selectedValue))
+          return;
+        tag.setValues(state.selectedValue);
+      }),
+      _B4LYZ4EMcjs.sync.call(void 0, tag, ["values"], (state) => {
+        combobox.setState("selectedValue", state.values);
+      })
+    );
+  });
   _B4LYZ4EMcjs.setup.call(void 0, 
     combobox,
     () => _B4LYZ4EMcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
@@ -106,14 +140,6 @@ function createComboboxStore(props = {}) {
       combobox.setState("value", value);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
-    combobox,
-    () => _B4LYZ4EMcjs.sync.call(void 0, combobox, ["resetValueOnSelect", "selectedValue"], (state) => {
-      if (!state.resetValueOnSelect)
-        return;
-      combobox.setState("value", value);
-    })
-  );
   _B4LYZ4EMcjs.setup.call(void 0, 
     combobox,
     () => _B4LYZ4EMcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
@@ -142,7 +168,9 @@ 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), {
+    tag,
     setValue: (value2) => combobox.setState("value", value2),
+    resetValue: () => combobox.setState("value", initialState.value),
     setSelectedValue: (selectedValue2) => combobox.setState("selectedValue", selectedValue2)
   });
 }

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

@@ -1,7 +1,8 @@
-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 { PickRequired, SetState } from "../utils/types.js";
+import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { TagStore } from "../tag/tag-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { PickRequired, SetState } from "../utils/types.ts";
 type MutableValue<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> = T extends string ? string : T;
 /**
  * Creates a combobox store.
@@ -80,14 +81,14 @@ export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = Combo
      * or
      * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
      * props are arrays.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * @deprecated Use the
+     * [`resetValueOnSelect`](https://ariakit.org/reference/combobox-item#resetvalueonselect)
+     * prop on [`ComboboxItem`](https://ariakit.org/reference/combobox-item)
+     * instead.
      */
     resetValueOnSelect: boolean;
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Pick<ComboboxStoreOptions<T>, "tag">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
     /**
      * Sets the [`value`](https://ariakit.org/reference/combobox-provider#value)
      * state.
@@ -100,6 +101,11 @@ export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = C
      * store.setValue((value) => value + "!");
      */
     setValue: SetState<ComboboxStoreState<T>["value"]>;
+    /**
+     * Resets the [`value`](https://ariakit.org/reference/combobox-provider#value)
+     * state to its initial value.
+     */
+    resetValue: () => void;
     /**
      * Sets the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
@@ -124,6 +130,11 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      * @default ""
      */
     defaultSelectedValue?: ComboboxStoreState<T>["selectedValue"];
+    /**
+     * A reference to a tag store. This is used when rendering a combobox within a
+     * tag list. The stores will share the same state.
+     */
+    tag?: TagStore | null;
 }
 export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, StoreProps<ComboboxStoreState<T>> {
 }

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

@@ -1,7 +1,8 @@
-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 { PickRequired, SetState } from "../utils/types.js";
+import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { TagStore } from "../tag/tag-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { PickRequired, SetState } from "../utils/types.ts";
 type MutableValue<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> = T extends string ? string : T;
 /**
  * Creates a combobox store.
@@ -80,14 +81,14 @@ export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = Combo
      * or
      * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
      * props are arrays.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * @deprecated Use the
+     * [`resetValueOnSelect`](https://ariakit.org/reference/combobox-item#resetvalueonselect)
+     * prop on [`ComboboxItem`](https://ariakit.org/reference/combobox-item)
+     * instead.
      */
     resetValueOnSelect: boolean;
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Pick<ComboboxStoreOptions<T>, "tag">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
     /**
      * Sets the [`value`](https://ariakit.org/reference/combobox-provider#value)
      * state.
@@ -100,6 +101,11 @@ export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = C
      * store.setValue((value) => value + "!");
      */
     setValue: SetState<ComboboxStoreState<T>["value"]>;
+    /**
+     * Resets the [`value`](https://ariakit.org/reference/combobox-provider#value)
+     * state to its initial value.
+     */
+    resetValue: () => void;
     /**
      * Sets the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
@@ -124,6 +130,11 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      * @default ""
      */
     defaultSelectedValue?: ComboboxStoreState<T>["selectedValue"];
+    /**
+     * A reference to a tag store. This is used when rendering a combobox within a
+     * tag list. The stores will share the same state.
+     */
+    tag?: TagStore | null;
 }
 export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, StoreProps<ComboboxStoreState<T>> {
 }

package/cjs/composite/composite-overflow-store.d.cts

@@ -1,5 +1,5 @@
-import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
-import type { Store, StoreProps } from "../utils/store.js";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { Store, StoreProps } from "../utils/store.ts";
 /**
  * Creates a compositeOverflow store.
  */

package/cjs/composite/composite-overflow-store.d.ts

@@ -1,5 +1,5 @@
-import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
-import type { Store, StoreProps } from "../utils/store.js";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { Store, StoreProps } from "../utils/store.ts";
 /**
  * Creates a compositeOverflow store.
  */

package/cjs/composite/composite-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Y7KNI5NScjs = require('../__chunks/Y7KNI5NS.cjs');
-require('../__chunks/FFZYCAXA.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
+require('../__chunks/ULSPM3Y3.cjs');
 require('../__chunks/B4LYZ4EM.cjs');
 require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/UKR6TQI3.cjs');
-require('../__chunks/ULSPM3Y3.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createCompositeStore = _Y7KNI5NScjs.createCompositeStore;
+exports.createCompositeStore = _3HYNC3XAcjs.createCompositeStore;