@ariakit/core 0.4.5 → 0.4.6

package/cjs/menubar/menubar-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MHZQJPY3cjs = require('../__chunks/MHZQJPY3.cjs');
-require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _B4AKUC4Scjs = require('../__chunks/B4AKUC4S.cjs');
+require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 require('../__chunks/B4LYZ4EM.cjs');
 require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createMenubarStore = _MHZQJPY3cjs.createMenubarStore;
+exports.createMenubarStore = _B4AKUC4Scjs.createMenubarStore;

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

@@ -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/cjs/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/cjs/popover/popover-store.d.cts

@@ -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/cjs/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/cjs/radio/radio-store.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -10,7 +10,7 @@ var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -22,7 +22,7 @@ function createRadioStore(_a = {}) {
   var props = _AV6KTKLEcjs.__objRest.call(void 0, _a, []);
   var _a2;
   const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
-  const composite = _KL74MAHBcjs.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), {
     focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {

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

@@ -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/cjs/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/cjs/select/select-store.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
 
 
 var _ULSPM3Y3cjs = require('../__chunks/ULSPM3Y3.cjs');
@@ -23,7 +23,7 @@ var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -53,7 +53,7 @@ function createSelectStore(_a = {}) {
   );
   _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store.getState();
-  const composite = _KL74MAHBcjs.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), {
     store,
     virtualFocus: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.virtualFocus,
@@ -98,8 +98,9 @@ function createSelectStore(_a = {}) {
       syncState.setValueOnMove,
       false
     ),
+    labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.labelElement, null),
     selectElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.selectElement, null),
-    labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.labelElement, null)
+    listElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.listElement, null)
   });
   const select = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, popover, store);
   _B4LYZ4EMcjs.setup.call(void 0, 
@@ -117,6 +118,14 @@ function createSelectStore(_a = {}) {
       select.setState("value", item.value);
     })
   );
+  _B4LYZ4EMcjs.setup.call(void 0, 
+    select,
+    () => _B4LYZ4EMcjs.sync.call(void 0, select, ["mounted"], (state) => {
+      if (state.mounted)
+        return;
+      select.setState("activeId", initialState.activeId);
+    })
+  );
   _B4LYZ4EMcjs.setup.call(void 0, 
     select,
     () => _B4LYZ4EMcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
@@ -157,8 +166,9 @@ function createSelectStore(_a = {}) {
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, 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)
   });
 }
 

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

@@ -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/cjs/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/cjs/tab/tab-store.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
 
 
-var _QD2A4YF6cjs = require('../__chunks/QD2A4YF6.cjs');
+var _4W3OYRR3cjs = require('../__chunks/4W3OYRR3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -16,8 +16,9 @@ require('../__chunks/ULSPM3Y3.cjs');
 var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
 
 
+
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -38,6 +39,8 @@ function createTabStore(_a = {}) {
     "renderedItems",
     "moves",
     "orientation",
+    "virtualFocus",
+    "includesBaseElement",
     "baseElement",
     "focusLoop",
     "focusShift",
@@ -49,7 +52,17 @@ function createTabStore(_a = {}) {
     _B4LYZ4EMcjs.omit.call(void 0, combobox, independentKeys)
   );
   const syncState = store == null ? void 0 : store.getState();
-  const composite = _KL74MAHBcjs.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), {
+    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, 
+      props.includesBaseElement,
+      syncState == null ? void 0 : syncState.includesBaseElement,
+      false
+    ),
     orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
@@ -57,13 +70,12 @@ function createTabStore(_a = {}) {
     ),
     focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
-  const panels = _QD2A4YF6cjs.createCollectionStore.call(void 0, );
+  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, 
       props.selectedId,
       syncState == null ? void 0 : syncState.selectedId,
-      props.defaultSelectedId,
-      void 0
+      props.defaultSelectedId
     ),
     selectOnMove: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.selectOnMove,
@@ -92,11 +104,11 @@ function createTabStore(_a = {}) {
   );
   _B4LYZ4EMcjs.setup.call(void 0, 
     tab,
-    () => _B4LYZ4EMcjs.batch.call(void 0, 
-      tab,
-      ["selectedId"],
-      (state) => tab.setState("activeId", state.selectedId)
-    )
+    () => _B4LYZ4EMcjs.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, 
     tab,
@@ -137,6 +149,27 @@ function createTabStore(_a = {}) {
       });
     })
   );
+  let selectedIdFromSelectedValue = null;
+  _B4LYZ4EMcjs.setup.call(void 0, tab, () => {
+    const backupSelectedId = () => {
+      selectedIdFromSelectedValue = tab.getState().selectedId;
+    };
+    const restoreSelectedId = () => {
+      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)
+      );
+    }
+    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)
+    );
+  });
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), tab), {
     panels,
     setSelectedId: (id) => tab.setState("selectedId", id),

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

@@ -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

package/cjs/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

package/cjs/tag/tag-store.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -16,7 +16,7 @@ var _B4LYZ4EMcjs = require('../__chunks/B4LYZ4EM.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -26,7 +26,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createTagStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _KL74MAHBcjs.createCompositeStore.call(void 0, props);
+  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),

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

@@ -1,6 +1,6 @@
-import type { 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 { CompositeStoreFunctions, CompositeStoreItem, 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 tag store.
  */

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

@@ -1,6 +1,6 @@
-import type { 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 { CompositeStoreFunctions, CompositeStoreItem, 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 tag store.
  */

package/cjs/toolbar/toolbar-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KL74MAHBcjs = require('../__chunks/KL74MAHB.cjs');
-require('../__chunks/QD2A4YF6.cjs');
+var _3HYNC3XAcjs = require('../__chunks/3HYNC3XA.cjs');
+require('../__chunks/4W3OYRR3.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 require('../__chunks/B4LYZ4EM.cjs');
 
 
 var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
-require('../__chunks/IMYW2UAC.cjs');
+require('../__chunks/Q2WCPTYS.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createToolbarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  return _KL74MAHBcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  return _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/toolbar/toolbar-store.d.cts

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

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

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

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

@@ -1,5 +1,5 @@
-import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
 /**
  * Creates a tooltip store.
  */

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

@@ -1,5 +1,5 @@
-import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
-import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
+import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
 /**
  * Creates a tooltip store.
  */

package/cjs/utils/dom.cjs

@@ -18,9 +18,7 @@
 
 
 
-
-
-var _IMYW2UACcjs = require('../__chunks/IMYW2UAC.cjs');
+var _Q2WCPTYScjs = require('../__chunks/Q2WCPTYS.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -41,6 +39,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-
-
-exports.canUseDOM = _IMYW2UACcjs.canUseDOM; exports.closest = _IMYW2UACcjs.closest; exports.contains = _IMYW2UACcjs.contains; exports.getActiveElement = _IMYW2UACcjs.getActiveElement; exports.getDocument = _IMYW2UACcjs.getDocument; exports.getPopupItemRole = _IMYW2UACcjs.getPopupItemRole; exports.getPopupRole = _IMYW2UACcjs.getPopupRole; exports.getScrollingElement = _IMYW2UACcjs.getScrollingElement; exports.getTextboxSelection = _IMYW2UACcjs.getTextboxSelection; exports.getTextboxValue = _IMYW2UACcjs.getTextboxValue; exports.getWindow = _IMYW2UACcjs.getWindow; exports.isButton = _IMYW2UACcjs.isButton; exports.isFrame = _IMYW2UACcjs.isFrame; exports.isPartiallyHidden = _IMYW2UACcjs.isPartiallyHidden; exports.isTextField = _IMYW2UACcjs.isTextField; exports.isTextbox = _IMYW2UACcjs.isTextbox; exports.isVisible = _IMYW2UACcjs.isVisible; exports.matches = _IMYW2UACcjs.matches; exports.scrollIntoViewIfNeeded = _IMYW2UACcjs.scrollIntoViewIfNeeded; exports.setSelectionRange = _IMYW2UACcjs.setSelectionRange;
+exports.canUseDOM = _Q2WCPTYScjs.canUseDOM; exports.contains = _Q2WCPTYScjs.contains; exports.getActiveElement = _Q2WCPTYScjs.getActiveElement; exports.getDocument = _Q2WCPTYScjs.getDocument; exports.getPopupItemRole = _Q2WCPTYScjs.getPopupItemRole; exports.getPopupRole = _Q2WCPTYScjs.getPopupRole; exports.getScrollingElement = _Q2WCPTYScjs.getScrollingElement; exports.getTextboxSelection = _Q2WCPTYScjs.getTextboxSelection; exports.getTextboxValue = _Q2WCPTYScjs.getTextboxValue; exports.getWindow = _Q2WCPTYScjs.getWindow; exports.isButton = _Q2WCPTYScjs.isButton; exports.isFrame = _Q2WCPTYScjs.isFrame; exports.isPartiallyHidden = _Q2WCPTYScjs.isPartiallyHidden; exports.isTextField = _Q2WCPTYScjs.isTextField; exports.isTextbox = _Q2WCPTYScjs.isTextbox; exports.isVisible = _Q2WCPTYScjs.isVisible; exports.scrollIntoViewIfNeeded = _Q2WCPTYScjs.scrollIntoViewIfNeeded; exports.setSelectionRange = _Q2WCPTYScjs.setSelectionRange;

package/cjs/utils/dom.d.cts

@@ -1,4 +1,4 @@
-import type { AriaHasPopup, AriaRole } from "./types.js";
+import type { AriaHasPopup, AriaRole } from "./types.ts";
 /**
  * It's `true` if it is running in a browser environment or `false` if it is not
  * (SSR).
@@ -45,26 +45,10 @@ export declare function isButton(element: {
     tagName: string;
     type?: string;
 }): boolean;
-/**
- * Ponyfill for `Element.prototype.matches`
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
- */
-export declare function matches(element: Element, selectors: string): boolean;
 /**
  * Checks if the element is visible or not.
  */
 export declare function isVisible(element: Element): boolean;
-/**
- * Ponyfill for `Element.prototype.closest`
- * @example
- * closest(document.getElementById("id"), "div");
- * // same as
- * document.getElementById("id").closest("div");
- */
-export declare function closest<K extends keyof HTMLElementTagNameMap>(element: Element, selectors: K): HTMLElementTagNameMap[K];
-export declare function closest<K extends keyof SVGElementTagNameMap>(element: Element, selectors: K): SVGElementTagNameMap[K];
-export declare function closest<T extends Element = Element>(element: Element, selectors: string): T | null;
 /**
  * Check whether the given element is a text field, where text field is defined
  * by the ability to select within the input.