@ariakit/core 0.4.4 → 0.4.6

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

@@ -1,39 +1,50 @@
 "use client";
+import {
+  createCompositeStore
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
 } from "../__chunks/MFZZDIHG.js";
 import "../__chunks/5RJNXXU2.js";
 import "../__chunks/WCKXDMU7.js";
-import {
-  createCompositeStore
-} from "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
 import {
   batch,
   createStore,
+  mergeStore,
+  pick,
   setup,
   sync,
   throwOnConflictingProps
 } from "../__chunks/R676XYVY.js";
 import {
+  chain,
   defaultValue
 } from "../__chunks/22HHDS5F.js";
 import {
-  isSafari
-} from "../__chunks/VDNATJW2.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.js";
+  isSafari,
+  isTouchDevice
+} from "../__chunks/CLSHHUGK.js";
+import "../__chunks/I2NJJ3XW.js";
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
 // src/combobox/combobox-store.ts
-var isSafariOnMobile = isSafari() && matchMedia("(hover:none)").matches;
-function createComboboxStore(props = {}) {
-  var _a;
-  throwOnConflictingProps(props, props.store);
-  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+var isTouchSafari = isSafari() && isTouchDevice();
+function createComboboxStore(_a = {}) {
+  var _b = _a, {
+    tag
+  } = _b, props = __objRest(_b, [
+    "tag"
+  ]);
+  const store = mergeStore(props.store, pick(tag, ["value", "rtl"]));
+  throwOnConflictingProps(props, store);
+  const tagState = tag == null ? void 0 : tag.getState();
+  const syncState = store == null ? void 0 : store.getState();
   const activeId = defaultValue(
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
@@ -57,7 +68,7 @@ function createComboboxStore(props = {}) {
     virtualFocus: defaultValue(
       props.virtualFocus,
       syncState == null ? void 0 : syncState.virtualFocus,
-      !isSafariOnMobile
+      true
     )
   }));
   const popover = createPopoverStore(__spreadProps(__spreadValues({}, props), {
@@ -76,6 +87,7 @@ function createComboboxStore(props = {}) {
   const selectedValue = defaultValue(
     props.selectedValue,
     syncState == null ? void 0 : syncState.selectedValue,
+    tagState == null ? void 0 : tagState.values,
     props.defaultSelectedValue,
     ""
   );
@@ -91,11 +103,33 @@ function createComboboxStore(props = {}) {
     resetValueOnHide: defaultValue(
       props.resetValueOnHide,
       syncState == null ? void 0 : syncState.resetValueOnHide,
-      multiSelectable
+      multiSelectable && !tag
     ),
     activeValue: syncState == null ? void 0 : syncState.activeValue
   });
-  const combobox = createStore(initialState, composite, popover, props.store);
+  const combobox = createStore(initialState, composite, popover, store);
+  if (isTouchSafari) {
+    setup(
+      combobox,
+      () => sync(combobox, ["virtualFocus"], () => {
+        combobox.setState("virtualFocus", false);
+      })
+    );
+  }
+  setup(combobox, () => {
+    if (!tag)
+      return;
+    return chain(
+      sync(combobox, ["selectedValue"], (state) => {
+        if (!Array.isArray(state.selectedValue))
+          return;
+        tag.setValues(state.selectedValue);
+      }),
+      sync(tag, ["values"], (state) => {
+        combobox.setState("selectedValue", state.values);
+      })
+    );
+  });
   setup(
     combobox,
     () => sync(combobox, ["resetValueOnHide", "mounted"], (state) => {
@@ -106,14 +140,6 @@ function createComboboxStore(props = {}) {
       combobox.setState("value", value);
     })
   );
-  setup(
-    combobox,
-    () => sync(combobox, ["resetValueOnSelect", "selectedValue"], (state) => {
-      if (!state.resetValueOnSelect)
-        return;
-      combobox.setState("value", value);
-    })
-  );
   setup(
     combobox,
     () => batch(combobox, ["mounted"], (state) => {
@@ -142,7 +168,9 @@ function createComboboxStore(props = {}) {
     })
   );
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, popover), composite), combobox), {
+    tag,
     setValue: (value2) => combobox.setState("value", value2),
+    resetValue: () => combobox.setState("value", initialState.value),
     setSelectedValue: (selectedValue2) => combobox.setState("selectedValue", selectedValue2)
   });
 }

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

package/esm/composite/composite-store.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import "../__chunks/7PRQYBBV.js";
 import "../__chunks/R676XYVY.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.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/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/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,7 +1,7 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/URUD7X4C.js";
+} from "../__chunks/EQPTKGFA.js";
 import {
   createStore,
   init,
@@ -14,7 +14,7 @@ import {
   isInteger,
   isObject
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.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/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/PXYVPXSS.js";
-import "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
+} from "../__chunks/P3MTNH46.js";
+import "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import "../__chunks/7PRQYBBV.js";
 import "../__chunks/R676XYVY.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.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

@@ -2,13 +2,14 @@
 import {
   createHovercardStore
 } from "../__chunks/BRS7GKWU.js";
+import {
+  createCompositeStore
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import "../__chunks/7PRQYBBV.js";
 import "../__chunks/MFZZDIHG.js";
 import "../__chunks/5RJNXXU2.js";
 import "../__chunks/WCKXDMU7.js";
-import {
-  createCompositeStore
-} from "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
 import {
   createStore,
   mergeStore,
@@ -22,8 +23,7 @@ import {
   applyState,
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.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/PXYVPXSS.js";
-import "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
+} from "../__chunks/P3MTNH46.js";
+import "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import "../__chunks/7PRQYBBV.js";
 import "../__chunks/R676XYVY.js";
 import "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.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/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/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import "../__chunks/7PRQYBBV.js";
 import {
   createStore
 } from "../__chunks/R676XYVY.js";
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import "../__chunks/7PRQYBBV.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 {
     /**

package/esm/select/select-store.js

@@ -1,13 +1,16 @@
 "use client";
+import {
+  createCompositeStore
+} from "../__chunks/PBSSD2DM.js";
+import "../__chunks/EQPTKGFA.js";
+import {
+  toArray
+} from "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
 } from "../__chunks/MFZZDIHG.js";
 import "../__chunks/5RJNXXU2.js";
 import "../__chunks/WCKXDMU7.js";
-import {
-  createCompositeStore
-} from "../__chunks/2H5K47H4.js";
-import "../__chunks/URUD7X4C.js";
 import {
   batch,
   createStore,
@@ -20,10 +23,7 @@ import {
 import {
   defaultValue
 } from "../__chunks/22HHDS5F.js";
-import "../__chunks/RRSZHCH6.js";
-import {
-  toArray
-} from "../__chunks/7PRQYBBV.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;
@@ -85,7 +86,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