@ariakit/core 0.4.6 → 0.4.8

package/cjs/select/select-store.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
-require('../__chunks/4W3OYRR3.cjs');
+var _PW36G76Lcjs = require('../__chunks/PW36G76L.cjs');
+require('../__chunks/CCI5VM7E.cjs');
 
 
 var _ULSPM3Y3cjs = require('../__chunks/ULSPM3Y3.cjs');
 
 
-var _5JEQEZFRcjs = require('../__chunks/5JEQEZFR.cjs');
-require('../__chunks/LTLFSC4X.cjs');
-require('../__chunks/AETQC2AR.cjs');
+var _H6ZQSQQLcjs = require('../__chunks/H6ZQSQQL.cjs');
+require('../__chunks/N667HVED.cjs');
+require('../__chunks/QLWAGBAQ.cjs');
 
 
 
@@ -19,27 +19,27 @@ require('../__chunks/AETQC2AR.cjs');
 
 
 
-var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
 
 
-var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/Q2WCPTYS.cjs');
+var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
+require('../__chunks/7WYII4AN.cjs');
 
 
 
 
-var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
 
 // src/select/select-store.ts
 function createSelectStore(_a = {}) {
   var _b = _a, {
     combobox
-  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
     "combobox"
   ]);
-  const store = _B4LYZ4EMcjs.mergeStore.call(void 0, 
+  const store = _3QF3ODTRcjs.mergeStore.call(void 0, 
     props.store,
-    _B4LYZ4EMcjs.omit.call(void 0, combobox, [
+    _3QF3ODTRcjs.omit.call(void 0, combobox, [
       "value",
       "items",
       "renderedItems",
@@ -51,119 +51,106 @@ function createSelectStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, store);
+  _3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store.getState();
-  const composite = _3HYNC3XAcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
     store,
-    virtualFocus: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    virtualFocus: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.virtualFocus,
       syncState.virtualFocus,
       true
     ),
-    includesBaseElement: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.includesBaseElement,
       syncState.includesBaseElement,
       false
     ),
-    activeId: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    activeId: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.activeId,
       syncState.activeId,
       props.defaultActiveId,
       null
     ),
-    orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    orientation: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState.orientation,
       "vertical"
     )
   }));
-  const popover = _5JEQEZFRcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _H6ZQSQQLcjs.createPopoverStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
     store,
-    placement: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    placement: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.placement,
       syncState.placement,
       "bottom-start"
     )
   }));
   const initialValue = new String("");
-  const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
-    value: _EEDWPDM2cjs.defaultValue.call(void 0, 
+  const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
+    value: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.value,
       syncState.value,
       props.defaultValue,
       initialValue
     ),
-    setValueOnMove: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    setValueOnMove: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.setValueOnMove,
       syncState.setValueOnMove,
       false
     ),
-    labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.labelElement, null),
-    selectElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.selectElement, null),
-    listElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.listElement, null)
+    labelElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState.labelElement, null),
+    selectElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState.selectElement, null),
+    listElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState.listElement, null)
   });
-  const select = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, popover, store);
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  const select = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, popover, store);
+  _3QF3ODTRcjs.setup.call(void 0, 
     select,
-    () => _B4LYZ4EMcjs.sync.call(void 0, select, ["value", "items"], (state) => {
-      if (state.value !== initialValue)
-        return;
-      if (!state.items.length)
-        return;
+    () => _3QF3ODTRcjs.sync.call(void 0, select, ["value", "items"], (state) => {
+      if (state.value !== initialValue) return;
+      if (!state.items.length) return;
       const item = state.items.find(
         (item2) => !item2.disabled && item2.value != null
       );
-      if ((item == null ? void 0 : item.value) == null)
-        return;
+      if ((item == null ? void 0 : item.value) == null) return;
       select.setState("value", item.value);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _3QF3ODTRcjs.setup.call(void 0, 
     select,
-    () => _B4LYZ4EMcjs.sync.call(void 0, select, ["mounted"], (state) => {
-      if (state.mounted)
-        return;
+    () => _3QF3ODTRcjs.sync.call(void 0, select, ["mounted"], (state) => {
+      if (state.mounted) return;
       select.setState("activeId", initialState.activeId);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _3QF3ODTRcjs.setup.call(void 0, 
     select,
-    () => _B4LYZ4EMcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
-      if (combobox)
-        return;
-      if (state.mounted)
-        return;
+    () => _3QF3ODTRcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
+      if (combobox) return;
+      if (state.mounted) return;
       const values = _ULSPM3Y3cjs.toArray.call(void 0, state.value);
       const lastValue = values[values.length - 1];
-      if (lastValue == null)
-        return;
+      if (lastValue == null) return;
       const item = state.items.find(
         (item2) => !item2.disabled && item2.value === lastValue
       );
-      if (!item)
-        return;
+      if (!item) return;
       select.setState("activeId", item.id);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _3QF3ODTRcjs.setup.call(void 0, 
     select,
-    () => _B4LYZ4EMcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
+    () => _3QF3ODTRcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
       const { mounted, value, activeId } = select.getState();
-      if (!state.setValueOnMove && mounted)
-        return;
-      if (Array.isArray(value))
-        return;
-      if (!state.moves)
-        return;
-      if (!activeId)
-        return;
+      if (!state.setValueOnMove && mounted) return;
+      if (Array.isArray(value)) return;
+      if (!state.moves) return;
+      if (!activeId) return;
       const item = composite.item(activeId);
-      if (!item || item.disabled || item.value == null)
-        return;
+      if (!item || item.disabled || item.value == null) return;
       select.setState("value", item.value);
     })
   );
-  return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
+  return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
     combobox,
     setValue: (value) => select.setState("value", value),
     setLabelElement: (element) => select.setState("labelElement", element),

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

@@ -102,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
      * - [SelectGroup](https://ariakit.org/examples/select-group)
      * - [Select with Next.js App
      *   Router](https://ariakit.org/examples/select-next-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultValue?: SelectStoreState<T>["value"];
 }

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

@@ -102,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
      * - [SelectGroup](https://ariakit.org/examples/select-group)
      * - [Select with Next.js App
      *   Router](https://ariakit.org/examples/select-next-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultValue?: SelectStoreState<T>["value"];
 }

package/cjs/tab/tab-store.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+var _PW36G76Lcjs = require('../__chunks/PW36G76L.cjs');
 
 
-var _4W3OYRR3cjs = require('../__chunks/4W3OYRR3.cjs');
+var _CCI5VM7Ecjs = require('../__chunks/CCI5VM7E.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -13,24 +13,24 @@ require('../__chunks/ULSPM3Y3.cjs');
 
 
 
-var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
 
 
 
-var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/Q2WCPTYS.cjs');
+var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
+require('../__chunks/7WYII4AN.cjs');
 
 
 
 
-var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
 
 // src/tab/tab-store.ts
 function createTabStore(_a = {}) {
   var _b = _a, {
     composite: parentComposite,
     combobox
-  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
     "composite",
     "combobox"
   ]);
@@ -46,75 +46,68 @@ function createTabStore(_a = {}) {
     "focusShift",
     "focusWrap"
   ];
-  const store = _B4LYZ4EMcjs.mergeStore.call(void 0, 
+  const store = _3QF3ODTRcjs.mergeStore.call(void 0, 
     props.store,
-    _B4LYZ4EMcjs.omit.call(void 0, parentComposite, independentKeys),
-    _B4LYZ4EMcjs.omit.call(void 0, combobox, independentKeys)
+    _3QF3ODTRcjs.omit.call(void 0, parentComposite, independentKeys),
+    _3QF3ODTRcjs.omit.call(void 0, combobox, independentKeys)
   );
   const syncState = store == null ? void 0 : store.getState();
-  const composite = _3HYNC3XAcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
     store,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`
     // when the activeId state is null, which could be the case when rendering
     // combobox with tab.
-    includesBaseElement: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.includesBaseElement,
       syncState == null ? void 0 : syncState.includesBaseElement,
       false
     ),
-    orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    orientation: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
       "horizontal"
     ),
-    focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+    focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
-  const panels = _4W3OYRR3cjs.createCollectionStore.call(void 0, );
-  const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
-    selectedId: _EEDWPDM2cjs.defaultValue.call(void 0, 
+  const panels = _CCI5VM7Ecjs.createCollectionStore.call(void 0, );
+  const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), {
+    selectedId: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.selectedId,
       syncState == null ? void 0 : syncState.selectedId,
       props.defaultSelectedId
     ),
-    selectOnMove: _EEDWPDM2cjs.defaultValue.call(void 0, 
+    selectOnMove: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.selectOnMove,
       syncState == null ? void 0 : syncState.selectOnMove,
       true
     )
   });
-  const tab = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, store);
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  const tab = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, store);
+  _3QF3ODTRcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tab, ["moves"], () => {
+    () => _3QF3ODTRcjs.sync.call(void 0, tab, ["moves"], () => {
       const { activeId, selectOnMove } = tab.getState();
-      if (!selectOnMove)
-        return;
-      if (!activeId)
-        return;
+      if (!selectOnMove) return;
+      if (!activeId) return;
       const tabItem = composite.item(activeId);
-      if (!tabItem)
-        return;
-      if (tabItem.dimmed)
-        return;
-      if (tabItem.disabled)
-        return;
+      if (!tabItem) return;
+      if (tabItem.dimmed) return;
+      if (tabItem.disabled) return;
       tab.setState("selectedId", tabItem.id);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _3QF3ODTRcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
-      if (parentComposite && state.selectedId === prev.selectedId)
-        return;
+    () => _3QF3ODTRcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
+      if (parentComposite && state.selectedId === prev.selectedId) return;
       tab.setState("activeId", state.selectedId);
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _3QF3ODTRcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
-      if (state.selectedId !== void 0)
-        return;
+    () => _3QF3ODTRcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
+      if (state.selectedId !== void 0) return;
       const { activeId, renderedItems } = tab.getState();
       const tabItem = composite.item(activeId);
       if (tabItem && !tabItem.disabled && !tabItem.dimmed) {
@@ -127,30 +120,26 @@ function createTabStore(_a = {}) {
       }
     })
   );
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  _3QF3ODTRcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
+    () => _3QF3ODTRcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
       const tabs = state.renderedItems;
-      if (!tabs.length)
-        return;
-      return _B4LYZ4EMcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
+      if (!tabs.length) return;
+      return _3QF3ODTRcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
         const items = state2.renderedItems;
         const hasOrphanPanels = items.some((panel) => !panel.tabId);
-        if (!hasOrphanPanels)
-          return;
+        if (!hasOrphanPanels) return;
         items.forEach((panel, i) => {
-          if (panel.tabId)
-            return;
+          if (panel.tabId) return;
           const tabItem = tabs[i];
-          if (!tabItem)
-            return;
-          panels.renderItem(_AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
+          if (!tabItem) return;
+          panels.renderItem(_3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
         });
       });
     })
   );
   let selectedIdFromSelectedValue = null;
-  _B4LYZ4EMcjs.setup.call(void 0, tab, () => {
+  _3QF3ODTRcjs.setup.call(void 0, tab, () => {
     const backupSelectedId = () => {
       selectedIdFromSelectedValue = tab.getState().selectedId;
     };
@@ -158,19 +147,18 @@ function createTabStore(_a = {}) {
       tab.setState("selectedId", selectedIdFromSelectedValue);
     };
     if (parentComposite && "setSelectElement" in parentComposite) {
-      return _EEDWPDM2cjs.chain.call(void 0, 
-        _B4LYZ4EMcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId),
-        _B4LYZ4EMcjs.sync.call(void 0, parentComposite, ["open"], restoreSelectedId)
+      return _BTUHABP4cjs.chain.call(void 0, 
+        _3QF3ODTRcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId),
+        _3QF3ODTRcjs.sync.call(void 0, parentComposite, ["open"], restoreSelectedId)
       );
     }
-    if (!combobox)
-      return;
-    return _EEDWPDM2cjs.chain.call(void 0, 
-      _B4LYZ4EMcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId),
-      _B4LYZ4EMcjs.sync.call(void 0, combobox, ["open"], restoreSelectedId)
+    if (!combobox) return;
+    return _BTUHABP4cjs.chain.call(void 0, 
+      _3QF3ODTRcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId),
+      _3QF3ODTRcjs.sync.call(void 0, combobox, ["open"], restoreSelectedId)
     );
   });
-  return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), tab), {
+  return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), tab), {
     panels,
     setSelectedId: (id) => tab.setState("selectedId", id),
     select: (id) => {

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

@@ -22,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Determines if the tab should be selected when it receives focus. If set to
-     * `false`, the tab will only be selected upon clicking, not when
-     * using arrow keys to shift focus.
+     * `false`, the tab will only be selected upon clicking, not when using arrow
+     * keys to shift focus.
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default true
      */
     selectOnMove?: boolean;
@@ -99,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * will be automatically set to the first enabled tab.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }

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

@@ -22,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Determines if the tab should be selected when it receives focus. If set to
-     * `false`, the tab will only be selected upon clicking, not when
-     * using arrow keys to shift focus.
+     * `false`, the tab will only be selected upon clicking, not when using arrow
+     * keys to shift focus.
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default true
      */
     selectOnMove?: boolean;
@@ -99,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * will be automatically set to the first enabled tab.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }

package/cjs/tag/tag-store.cjs

@@ -1,67 +1,64 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
-require('../__chunks/4W3OYRR3.cjs');
+var _PW36G76Lcjs = require('../__chunks/PW36G76L.cjs');
+require('../__chunks/CCI5VM7E.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
-var _LPDHSEHUcjs = require('../__chunks/LPDHSEHU.cjs');
+var _7CES7GVEcjs = require('../__chunks/7CES7GVE.cjs');
 
 
 
 
-var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
+var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
 
 
 
-var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/Q2WCPTYS.cjs');
+var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
+require('../__chunks/7WYII4AN.cjs');
 
 
 
-var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
 
 // src/tag/tag-store.ts
 function createTagStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _3HYNC3XAcjs.createCompositeStore.call(void 0, props);
-  const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
-    inputElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.inputElement, null),
-    labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.labelElement, null),
-    value: _EEDWPDM2cjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, ""),
-    values: _EEDWPDM2cjs.defaultValue.call(void 0, 
+  const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, props);
+  const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), {
+    inputElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.inputElement, null),
+    labelElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.labelElement, null),
+    value: _BTUHABP4cjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, ""),
+    values: _BTUHABP4cjs.defaultValue.call(void 0, 
       props.values,
       syncState == null ? void 0 : syncState.values,
       props.defaultValues,
       []
     )
   });
-  const tag = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, props.store);
-  _B4LYZ4EMcjs.setup.call(void 0, 
+  const tag = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, props.store);
+  _3QF3ODTRcjs.setup.call(void 0, 
     tag,
-    () => _B4LYZ4EMcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
-      if (!state.inputElement)
-        return;
-      if (state.activeId !== void 0)
-        return;
+    () => _3QF3ODTRcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
+      if (!state.inputElement) return;
+      if (state.activeId !== void 0) return;
       tag.setState("activeId", state.inputElement.id);
     })
   );
   const setValues = (values) => {
     const { values: previousValues } = tag.getState();
-    _LPDHSEHUcjs.UndoManager.execute(() => {
+    _7CES7GVEcjs.UndoManager.execute(() => {
       let changed = true;
       tag.setState("values", (prev) => {
-        const next = _EEDWPDM2cjs.applyState.call(void 0, values, prev);
+        const next = _BTUHABP4cjs.applyState.call(void 0, values, prev);
         if (next === prev) {
           changed = false;
         }
         return next;
       });
-      if (!changed)
-        return;
+      if (!changed) return;
       return () => {
         var _a2;
         tag.setState("values", previousValues);
@@ -69,7 +66,7 @@ function createTagStore(props = {}) {
       };
     });
   };
-  return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), tag), {
+  return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), tag), {
     setInputElement: (inputElement) => tag.setState("inputElement", inputElement),
     setLabelElement: (labelElement) => tag.setState("labelElement", labelElement),
     setValue: (value) => tag.setState("value", value),
@@ -77,8 +74,7 @@ function createTagStore(props = {}) {
     setValues,
     addValue: (value) => {
       setValues((values) => {
-        if (values.includes(value))
-          return values;
+        if (values.includes(value)) return values;
         return [...values, value];
       });
     },