@ariakit/core 0.4.5 → 0.4.7

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

@@ -1,6 +1,6 @@
-import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 type Orientation = "horizontal" | "vertical" | "both";
 /**
  * Creates a composite store.
@@ -44,6 +44,10 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      * In both scenarios, the item in focus will carry the
      * [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
      * attribute.
+     *
+     * Live examples:
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default false
      */
     virtualFocus: boolean;
@@ -178,7 +182,7 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      *   arrow keys.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      */
     activeId: string | null | undefined;
 }

package/esm/composite/composite-store.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/VH2P7HEP.js";
+import "../__chunks/I2WJ7JBQ.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/R676XYVY.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   createCompositeStore

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

@@ -1,5 +1,5 @@
-import type { DisclosureStoreFunctions, DisclosureStoreOptions, DisclosureStoreState } from "../disclosure/disclosure-store.js";
-import type { Store, StoreProps } from "../utils/store.js";
+import type { DisclosureStoreFunctions, DisclosureStoreOptions, DisclosureStoreState } from "../disclosure/disclosure-store.ts";
+import type { Store, StoreProps } from "../utils/store.ts";
 /**
  * Creates a dialog store.
  */

package/esm/dialog/dialog-store.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   createDialogStore
-} from "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
+} from "../__chunks/NWACXGIN.js";
+import "../__chunks/KDSZSVV5.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

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

package/esm/disclosure/disclosure-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createDisclosureStore
-} from "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
+} from "../__chunks/KDSZSVV5.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

@@ -1,7 +1,7 @@
-import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { AnyObject, PickRequired, SetState, SetStateAction } from "../utils/types.js";
-import type { DeepMap, DeepPartial, Names, StringLike } from "./types.js";
+import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { AnyObject, PickRequired, SetState, SetStateAction } from "../utils/types.ts";
+import type { DeepMap, DeepPartial, Names, StringLike } from "./types.ts";
 type ErrorMessage = string | undefined | null;
 export declare function hasMessages(object: FormStoreValues): boolean;
 export declare function get<T>(values: FormStoreValues, path: StringLike | string[], defaultValue?: T): T;

package/esm/form/form-store.js

@@ -1,20 +1,20 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/ABMC67JW.js";
+} from "../__chunks/I2WJ7JBQ.js";
 import {
   createStore,
   init,
   setup,
   throwOnConflictingProps
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/KLPDXTDE.js";
 import {
   applyState,
   defaultValue,
   isInteger,
   isObject
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/form/types.d.ts

@@ -1,11 +1,11 @@
-import type { AnyObject } from "../utils/types.js";
+import type { AnyObject } from "../utils/types.ts";
 /**
  * An object or primitive value that can be converted to a string.
  */
-export type StringLike = {
+export interface StringLike {
     toString: () => string;
     valueOf: () => string;
-};
+}
 /**
  * Maps through an object `T` or array and defines the leaf values to the given
  * type `V`.

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

@@ -1,6 +1,6 @@
-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";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 /**
  * Creates a hovercard store.
  */

package/esm/hovercard/hovercard-store.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/BRS7GKWU.js";
-import "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
+} from "../__chunks/E4HA32QI.js";
+import "../__chunks/SAZZJI72.js";
+import "../__chunks/NWACXGIN.js";
+import "../__chunks/KDSZSVV5.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
 import "../__chunks/4R3V3JGP.js";
 export {

package/esm/menu/menu-bar-store.d.ts

@@ -1,5 +1,5 @@
-import type { MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreState } from "../menubar/menubar-store.js";
-import type { Store, StoreProps } from "../utils/store.js";
+import type { MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreState } from "../menubar/menubar-store.ts";
+import type { Store, StoreProps } from "../utils/store.ts";
 /**
  * Creates a menu bar store.
  */

package/esm/menu/menu-bar-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/K7A7LTR3.js";
-import "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/RCLYDUHE.js";
+import "../__chunks/VH2P7HEP.js";
+import "../__chunks/I2WJ7JBQ.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/R676XYVY.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-bar-store.ts

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

@@ -1,9 +1,9 @@
-import type { ComboboxStore } from "../combobox/combobox-store.js";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.js";
-import type { MenuBarStore } from "./menu-bar-store.js";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.ts";
+import type { MenuBarStore } from "./menu-bar-store.ts";
 export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
 export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
 export type MenuStoreValues = Record<string, string | boolean | number | Array<string | number>>;

package/esm/menu/menu-store.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/BRS7GKWU.js";
+} from "../__chunks/E4HA32QI.js";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/VH2P7HEP.js";
+import "../__chunks/I2WJ7JBQ.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
+import "../__chunks/SAZZJI72.js";
+import "../__chunks/NWACXGIN.js";
+import "../__chunks/KDSZSVV5.js";
 import {
   createStore,
   mergeStore,
@@ -18,12 +18,12 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/KLPDXTDE.js";
 import {
   applyState,
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,

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

@@ -1,5 +1,5 @@
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreProps } from "../utils/store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store, StoreProps } from "../utils/store.ts";
 /**
  * Creates a menubar store.
  */

package/esm/menubar/menubar-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/K7A7LTR3.js";
-import "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/RCLYDUHE.js";
+import "../__chunks/VH2P7HEP.js";
+import "../__chunks/I2WJ7JBQ.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/R676XYVY.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   createMenubarStore

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

@@ -1,6 +1,6 @@
-import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 type BasePlacement = "top" | "bottom" | "left" | "right";
 type Placement = BasePlacement | `${BasePlacement}-start` | `${BasePlacement}-end`;
 /**

package/esm/popover/popover-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createPopoverStore
-} from "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
+} from "../__chunks/SAZZJI72.js";
+import "../__chunks/NWACXGIN.js";
+import "../__chunks/KDSZSVV5.js";
+import "../__chunks/KLPDXTDE.js";
 import "../__chunks/22HHDS5F.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

@@ -1,6 +1,6 @@
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 /**
  * Creates a radio store.
  */

package/esm/radio/radio-store.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/VH2P7HEP.js";
+import "../__chunks/I2WJ7JBQ.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   createStore
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/KLPDXTDE.js";
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,

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

@@ -1,8 +1,8 @@
-import type { ComboboxStore } from "../combobox/combobox-store.js";
-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 { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { PickRequired, SetState } from "../utils/types.ts";
 type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
 export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
 export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
@@ -46,6 +46,10 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
      * @default false
      */
     setValueOnMove: boolean;
+    /**
+     * The select label element.
+     */
+    labelElement: HTMLElement | null;
     /**
      * The select button element.
      *
@@ -54,9 +58,9 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
      */
     selectElement: HTMLElement | null;
     /**
-     * The select label element.
+     * The select list element.
      */
-    labelElement: HTMLElement | null;
+    listElement: HTMLElement | null;
 }
 export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
     /**
@@ -68,14 +72,18 @@ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreVa
      * store.setValue((value) => value === "Apple" ? "Banana" : "Apple"));
      */
     setValue: SetState<SelectStoreState<T>["value"]>;
+    /**
+     * Sets the `labelElement` state.
+     */
+    setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
     /**
      * Sets the `selectElement` state.
      */
     setSelectElement: SetState<SelectStoreState<T>["selectElement"]>;
     /**
-     * Sets the `labelElement` state.
+     * Sets the `listElement` state.
      */
-    setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
+    setListElement: SetState<SelectStoreState<T>["listElement"]>;
 }
 export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
     /**
@@ -94,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/esm/select/select-store.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/YVUNPQHS.js";
-import "../__chunks/ABMC67JW.js";
+} from "../__chunks/VH2P7HEP.js";
+import "../__chunks/I2WJ7JBQ.js";
 import {
   toArray
 } from "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
-} from "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
+} from "../__chunks/SAZZJI72.js";
+import "../__chunks/NWACXGIN.js";
+import "../__chunks/KDSZSVV5.js";
 import {
   batch,
   createStore,
@@ -19,11 +19,11 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/KLPDXTDE.js";
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/IUORCTET.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
   __objRest,
   __spreadProps,
@@ -98,8 +98,9 @@ function createSelectStore(_a = {}) {
       syncState.setValueOnMove,
       false
     ),
+    labelElement: defaultValue(syncState.labelElement, null),
     selectElement: defaultValue(syncState.selectElement, null),
-    labelElement: defaultValue(syncState.labelElement, null)
+    listElement: defaultValue(syncState.listElement, null)
   });
   const select = createStore(initialState, composite, popover, store);
   setup(
@@ -117,6 +118,14 @@ function createSelectStore(_a = {}) {
       select.setState("value", item.value);
     })
   );
+  setup(
+    select,
+    () => sync(select, ["mounted"], (state) => {
+      if (state.mounted)
+        return;
+      select.setState("activeId", initialState.activeId);
+    })
+  );
   setup(
     select,
     () => sync(select, ["mounted", "items", "value"], (state) => {
@@ -157,8 +166,9 @@ function createSelectStore(_a = {}) {
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), popover), select), {
     combobox,
     setValue: (value) => select.setState("value", value),
+    setLabelElement: (element) => select.setState("labelElement", element),
     setSelectElement: (element) => select.setState("selectElement", element),
-    setLabelElement: (element) => select.setState("labelElement", element)
+    setListElement: (element) => select.setState("listElement", element)
   });
 }
 export {

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

@@ -1,8 +1,9 @@
-import type { CollectionStore, CollectionStoreItem } from "../collection/collection-store.js";
-import type { ComboboxStore } from "../combobox/combobox-store.js";
-import type { CompositeStore, CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
-import type { SetState } from "../utils/types.js";
+import type { CollectionStore, CollectionStoreItem } from "../collection/collection-store.ts";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStore, CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { SelectStore } from "../select/select-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
+import type { SetState } from "../utils/types.ts";
 export declare function createTabStore({ composite: parentComposite, combobox, ...props }?: TabStoreProps): TabStore;
 export interface TabStoreItem extends CompositeStoreItem {
     dimmed?: boolean;
@@ -21,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;
@@ -85,7 +90,7 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * [Select](https://ariakit.org/components/select). The stores will share the
      * same state.
      */
-    composite?: CompositeStore | null;
+    composite?: CompositeStore | SelectStore | null;
     /**
      * A reference to a [combobox
      * store](https://ariakit.org/reference/use-combobox-store). This is used when
@@ -98,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"];
 }