@ariakit/core 0.3.5 → 0.3.7

package/cjs/menu/menu-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _XVR5QRC3cjs = require('../__chunks/XVR5QRC3.cjs');
-require('../__chunks/HOEZKRUM.cjs');
-require('../__chunks/MYTMMWXI.cjs');
-require('../__chunks/F6Q5QSXF.cjs');
+var _PD7XZBXCcjs = require('../__chunks/PD7XZBXC.cjs');
+require('../__chunks/7ZUFMSXJ.cjs');
+require('../__chunks/GZDVJEID.cjs');
+require('../__chunks/MEHGRTJ3.cjs');
 
 
-var _AR2VJ37Fcjs = require('../__chunks/AR2VJ37F.cjs');
-require('../__chunks/FFY2GSOG.cjs');
+var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
+require('../__chunks/JLC5A6WF.cjs');
 
 
 
@@ -17,12 +17,12 @@ require('../__chunks/FFY2GSOG.cjs');
 
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
 
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -42,10 +42,10 @@ function createMenuStore(_a = {}) {
     "menubar"
   ]);
   const parentIsMenubar = !!menubar && !parent;
-  const store = _FJSZTIOUcjs.mergeStore.call(void 0, 
+  const store = _46BH65MCcjs.mergeStore.call(void 0, 
     props.store,
-    _FJSZTIOUcjs.pick.call(void 0, parent, ["values"]),
-    _FJSZTIOUcjs.omit.call(void 0, combobox, [
+    _46BH65MCcjs.pick.call(void 0, parent, ["values"]),
+    _46BH65MCcjs.omit.call(void 0, combobox, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -53,9 +53,9 @@ function createMenuStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, store);
+  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store.getState();
-  const composite = _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     store,
     orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.orientation,
@@ -63,7 +63,7 @@ function createMenuStore(_a = {}) {
       "vertical"
     )
   }));
-  const hovercard = _XVR5QRC3cjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const hovercard = _PD7XZBXCcjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     store,
     placement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.placement,
@@ -86,18 +86,18 @@ function createMenuStore(_a = {}) {
       {}
     )
   });
-  const menu = _FJSZTIOUcjs.createStore.call(void 0, initialState, composite, hovercard, store);
-  _FJSZTIOUcjs.setup.call(void 0, 
+  const menu = _46BH65MCcjs.createStore.call(void 0, initialState, composite, hovercard, store);
+  _46BH65MCcjs.setup.call(void 0, 
     menu,
-    () => _FJSZTIOUcjs.sync.call(void 0, menu, ["mounted"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, menu, ["mounted"], (state) => {
       if (state.mounted)
         return;
       menu.setState("activeId", null);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     menu,
-    () => _FJSZTIOUcjs.sync.call(void 0, parent, ["orientation"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, parent, ["orientation"], (state) => {
       menu.setState(
         "placement",
         state.orientation === "vertical" ? "right-start" : "bottom-start"

package/cjs/menubar/menubar-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _F5YZIIEAcjs = require('../__chunks/F5YZIIEA.cjs');
-require('../__chunks/AR2VJ37F.cjs');
-require('../__chunks/FFY2GSOG.cjs');
-require('../__chunks/FJSZTIOU.cjs');
+var _GXIZMD53cjs = require('../__chunks/GXIZMD53.cjs');
+require('../__chunks/6WBY3ZZM.cjs');
+require('../__chunks/JLC5A6WF.cjs');
+require('../__chunks/46BH65MC.cjs');
 require('../__chunks/3UT5FE6K.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createMenubarStore = _F5YZIIEAcjs.createMenubarStore;
+exports.createMenubarStore = _GXIZMD53cjs.createMenubarStore;

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

@@ -1,10 +1,16 @@
-import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreProps, CompositeStoreState } from "../composite/composite-store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { Store, StoreProps } from "../utils/store.js";
 /**
  * Creates a menu bar store.
  */
 export declare function createMenubarStore(props?: MenubarStoreProps): MenubarStore;
-export type MenubarStoreState = CompositeStoreState;
-export type MenubarStoreFunctions = CompositeStoreFunctions;
-export type MenubarStoreOptions = CompositeStoreOptions;
-export type MenubarStoreProps = CompositeStoreProps;
-export type MenubarStore = CompositeStore;
+export interface MenubarStoreState extends CompositeStoreState {
+}
+export interface MenubarStoreFunctions extends CompositeStoreFunctions {
+}
+export interface MenubarStoreOptions extends CompositeStoreOptions {
+}
+export interface MenubarStoreProps extends MenubarStoreOptions, StoreProps<MenubarStoreState> {
+}
+export interface MenubarStore extends MenubarStoreFunctions, Store<MenubarStoreState> {
+}

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

@@ -1,10 +1,16 @@
-import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreProps, CompositeStoreState } from "../composite/composite-store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { Store, StoreProps } from "../utils/store.js";
 /**
  * Creates a menu bar store.
  */
 export declare function createMenubarStore(props?: MenubarStoreProps): MenubarStore;
-export type MenubarStoreState = CompositeStoreState;
-export type MenubarStoreFunctions = CompositeStoreFunctions;
-export type MenubarStoreOptions = CompositeStoreOptions;
-export type MenubarStoreProps = CompositeStoreProps;
-export type MenubarStore = CompositeStore;
+export interface MenubarStoreState extends CompositeStoreState {
+}
+export interface MenubarStoreFunctions extends CompositeStoreFunctions {
+}
+export interface MenubarStoreOptions extends CompositeStoreOptions {
+}
+export interface MenubarStoreProps extends MenubarStoreOptions, StoreProps<MenubarStoreState> {
+}
+export interface MenubarStore extends MenubarStoreFunctions, Store<MenubarStoreState> {
+}

package/cjs/popover/popover-store.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HOEZKRUMcjs = require('../__chunks/HOEZKRUM.cjs');
-require('../__chunks/MYTMMWXI.cjs');
-require('../__chunks/F6Q5QSXF.cjs');
-require('../__chunks/FJSZTIOU.cjs');
+var _7ZUFMSXJcjs = require('../__chunks/7ZUFMSXJ.cjs');
+require('../__chunks/GZDVJEID.cjs');
+require('../__chunks/MEHGRTJ3.cjs');
+require('../__chunks/46BH65MC.cjs');
 require('../__chunks/3UT5FE6K.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createPopoverStore = _HOEZKRUMcjs.createPopoverStore;
+exports.createPopoverStore = _7ZUFMSXJcjs.createPopoverStore;

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

@@ -28,6 +28,9 @@ export interface PopoverStoreState extends DialogStoreState {
     currentPlacement: Placement;
     /**
      * The placement of the popover.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default "bottom"
      */
     placement: Placement;

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

@@ -28,6 +28,9 @@ export interface PopoverStoreState extends DialogStoreState {
     currentPlacement: Placement;
     /**
      * The placement of the popover.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default "bottom"
      */
     placement: Placement;

package/cjs/radio/radio-store.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AR2VJ37Fcjs = require('../__chunks/AR2VJ37F.cjs');
-require('../__chunks/FFY2GSOG.cjs');
+var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
+require('../__chunks/JLC5A6WF.cjs');
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.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 = _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     focusLoop: _3UT5FE6Kcjs.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()), {
@@ -33,7 +33,7 @@ function createRadioStore(_a = {}) {
       null
     )
   });
-  const radio = _FJSZTIOUcjs.createStore.call(void 0, initialState, composite, props.store);
+  const radio = _46BH65MCcjs.createStore.call(void 0, initialState, composite, props.store);
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), radio), {
     setValue: (value) => radio.setState("value", value)
   });

package/cjs/select/select-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HOEZKRUMcjs = require('../__chunks/HOEZKRUM.cjs');
-require('../__chunks/MYTMMWXI.cjs');
-require('../__chunks/F6Q5QSXF.cjs');
+var _7ZUFMSXJcjs = require('../__chunks/7ZUFMSXJ.cjs');
+require('../__chunks/GZDVJEID.cjs');
+require('../__chunks/MEHGRTJ3.cjs');
 
 
-var _AR2VJ37Fcjs = require('../__chunks/AR2VJ37F.cjs');
-require('../__chunks/FFY2GSOG.cjs');
+var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
+require('../__chunks/JLC5A6WF.cjs');
 
 
 
@@ -16,11 +16,11 @@ require('../__chunks/FFY2GSOG.cjs');
 
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 
 
 var _ULSPM3Y3cjs = require('../__chunks/ULSPM3Y3.cjs');
@@ -37,9 +37,9 @@ function createSelectStore(_a = {}) {
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "combobox"
   ]);
-  const store = _FJSZTIOUcjs.mergeStore.call(void 0, 
+  const store = _46BH65MCcjs.mergeStore.call(void 0, 
     props.store,
-    _FJSZTIOUcjs.omit.call(void 0, combobox, [
+    _46BH65MCcjs.omit.call(void 0, combobox, [
       "value",
       "items",
       "renderedItems",
@@ -51,9 +51,9 @@ function createSelectStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _FJSZTIOUcjs.throwOnConflictingProps.call(void 0, props, store);
+  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store.getState();
-  const composite = _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     store,
     virtualFocus: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.virtualFocus,
@@ -77,7 +77,7 @@ function createSelectStore(_a = {}) {
       "vertical"
     )
   }));
-  const popover = _HOEZKRUMcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _7ZUFMSXJcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     store,
     placement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.placement,
@@ -101,10 +101,10 @@ function createSelectStore(_a = {}) {
     selectElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState.selectElement, null),
     labelElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState.labelElement, null)
   });
-  const select = _FJSZTIOUcjs.createStore.call(void 0, initialState, composite, popover, store);
-  _FJSZTIOUcjs.setup.call(void 0, 
+  const select = _46BH65MCcjs.createStore.call(void 0, initialState, composite, popover, store);
+  _46BH65MCcjs.setup.call(void 0, 
     select,
-    () => _FJSZTIOUcjs.sync.call(void 0, select, ["value", "items"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, select, ["value", "items"], (state) => {
       if (state.value !== initialValue)
         return;
       if (!state.items.length)
@@ -117,9 +117,9 @@ function createSelectStore(_a = {}) {
       select.setState("value", item.value);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     select,
-    () => _FJSZTIOUcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
       if (combobox)
         return;
       if (state.mounted)
@@ -136,9 +136,9 @@ function createSelectStore(_a = {}) {
       select.setState("activeId", item.id);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     select,
-    () => _FJSZTIOUcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
+    () => _46BH65MCcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
       const { mounted, value, activeId } = select.getState();
       if (!state.setValueOnMove && mounted)
         return;

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

@@ -5,9 +5,9 @@ import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { PickRequired, SetState } from "../utils/types.js";
 type Value = string | string[];
 type MutableValue<T extends Value = Value> = T extends string ? string : T;
-type Item = CompositeStoreItem & {
+interface Item extends CompositeStoreItem {
     value?: string;
-};
+}
 export declare function createSelectStore<T extends Value = Value>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
 export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
 export type SelectStoreItem = Item;
@@ -27,18 +27,32 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
      * The select value.
      *
      * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
+     * - [Select with custom
+     *   items](https://ariakit.org/examples/select-item-custom)
+     * - [Multi-Select](https://ariakit.org/examples/select-multiple)
+     * - [Toolbar with Select](https://ariakit.org/examples/toolbar-select)
      */
     value: MutableValue<T>;
     /**
-     * Whether the select value should be set when the active item changes by
-     * moving (which usually happens when moving to an item using the keyboard).
+     * Whether the select
+     * [`value`](https://ariakit.org/reference/select-provider#value) should be
+     * set when the active item changes by moving (which usually happens when
+     * moving to an item using the keyboard).
+     *
+     * Live examples:
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
+     * - [Select with custom
+     *   items](https://ariakit.org/examples/select-item-custom)
      * @default false
      */
     setValueOnMove: boolean;
     /**
      * The select button element.
+     *
+     * Live examples:
+     * - [Form with Select](https://ariakit.org/examples/form-select)
      */
     selectElement: HTMLElement | null;
     /**
@@ -49,10 +63,6 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
 export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
      * Sets the `value` state.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * @example
      * store.setValue("Apple");
      * store.setValue(["Apple", "Banana"]);
@@ -73,21 +83,21 @@ export interface SelectStoreOptions<T extends Value = Value> extends StoreOption
      * A reference to a combobox store. This is used when combining the combobox
      * with a select (e.g., select with a search input). The stores will share the
      * same state.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      */
     combobox?: ComboboxStore | null;
     /**
      * The default value. If not set, the first non-disabled item will be used.
      *
      * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Animated Select](https://ariakit.org/examples/select-animated)
+     * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
+     * - [SelectGroup](https://ariakit.org/examples/select-group)
      */
     defaultValue?: SelectStoreState<T>["value"];
 }
-export type SelectStoreProps<T extends Value = Value> = SelectStoreOptions<T> & StoreProps<SelectStoreState<T>>;
-export type SelectStore<T extends Value = Value> = SelectStoreFunctions<T> & Store<SelectStoreState<T>>;
+export interface SelectStoreProps<T extends Value = Value> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
+}
+export interface SelectStore<T extends Value = Value> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
+}
 export {};

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

@@ -5,9 +5,9 @@ import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { PickRequired, SetState } from "../utils/types.js";
 type Value = string | string[];
 type MutableValue<T extends Value = Value> = T extends string ? string : T;
-type Item = CompositeStoreItem & {
+interface Item extends CompositeStoreItem {
     value?: string;
-};
+}
 export declare function createSelectStore<T extends Value = Value>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
 export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
 export type SelectStoreItem = Item;
@@ -27,18 +27,32 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
      * The select value.
      *
      * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
+     * - [Select with custom
+     *   items](https://ariakit.org/examples/select-item-custom)
+     * - [Multi-Select](https://ariakit.org/examples/select-multiple)
+     * - [Toolbar with Select](https://ariakit.org/examples/toolbar-select)
      */
     value: MutableValue<T>;
     /**
-     * Whether the select value should be set when the active item changes by
-     * moving (which usually happens when moving to an item using the keyboard).
+     * Whether the select
+     * [`value`](https://ariakit.org/reference/select-provider#value) should be
+     * set when the active item changes by moving (which usually happens when
+     * moving to an item using the keyboard).
+     *
+     * Live examples:
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
+     * - [Select with custom
+     *   items](https://ariakit.org/examples/select-item-custom)
      * @default false
      */
     setValueOnMove: boolean;
     /**
      * The select button element.
+     *
+     * Live examples:
+     * - [Form with Select](https://ariakit.org/examples/form-select)
      */
     selectElement: HTMLElement | null;
     /**
@@ -49,10 +63,6 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
 export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
      * Sets the `value` state.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * @example
      * store.setValue("Apple");
      * store.setValue(["Apple", "Banana"]);
@@ -73,21 +83,21 @@ export interface SelectStoreOptions<T extends Value = Value> extends StoreOption
      * A reference to a combobox store. This is used when combining the combobox
      * with a select (e.g., select with a search input). The stores will share the
      * same state.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      */
     combobox?: ComboboxStore | null;
     /**
      * The default value. If not set, the first non-disabled item will be used.
      *
      * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Animated Select](https://ariakit.org/examples/select-animated)
+     * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
+     * - [SelectGroup](https://ariakit.org/examples/select-group)
      */
     defaultValue?: SelectStoreState<T>["value"];
 }
-export type SelectStoreProps<T extends Value = Value> = SelectStoreOptions<T> & StoreProps<SelectStoreState<T>>;
-export type SelectStore<T extends Value = Value> = SelectStoreFunctions<T> & Store<SelectStoreState<T>>;
+export interface SelectStoreProps<T extends Value = Value> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
+}
+export interface SelectStore<T extends Value = Value> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
+}
 export {};

package/cjs/tab/tab-store.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AR2VJ37Fcjs = require('../__chunks/AR2VJ37F.cjs');
+var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
 
 
-var _FFY2GSOGcjs = require('../__chunks/FFY2GSOG.cjs');
+var _JLC5A6WFcjs = require('../__chunks/JLC5A6WF.cjs');
 
 
 
 
 
-var _FJSZTIOUcjs = require('../__chunks/FJSZTIOU.cjs');
+var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 
 
@@ -25,7 +25,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 function createTabStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
@@ -33,7 +33,7 @@ function createTabStore(props = {}) {
     ),
     focusLoop: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
-  const panels = _FFY2GSOGcjs.createCollectionStore.call(void 0, );
+  const panels = _JLC5A6WFcjs.createCollectionStore.call(void 0, );
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
     selectedId: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.selectedId,
@@ -47,10 +47,10 @@ function createTabStore(props = {}) {
       true
     )
   });
-  const tab = _FJSZTIOUcjs.createStore.call(void 0, initialState, composite, props.store);
-  _FJSZTIOUcjs.setup.call(void 0, 
+  const tab = _46BH65MCcjs.createStore.call(void 0, initialState, composite, props.store);
+  _46BH65MCcjs.setup.call(void 0, 
     tab,
-    () => _FJSZTIOUcjs.sync.call(void 0, tab, ["moves"], () => {
+    () => _46BH65MCcjs.sync.call(void 0, tab, ["moves"], () => {
       const { activeId, selectOnMove } = tab.getState();
       if (!selectOnMove)
         return;
@@ -66,17 +66,17 @@ function createTabStore(props = {}) {
       tab.setState("selectedId", tabItem.id);
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     tab,
-    () => _FJSZTIOUcjs.batch.call(void 0, 
+    () => _46BH65MCcjs.batch.call(void 0, 
       tab,
       ["selectedId"],
       (state) => tab.setState("activeId", state.selectedId)
     )
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     tab,
-    () => _FJSZTIOUcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
       if (state.selectedId !== void 0)
         return;
       const { activeId, renderedItems } = tab.getState();
@@ -91,13 +91,13 @@ function createTabStore(props = {}) {
       }
     })
   );
-  _FJSZTIOUcjs.setup.call(void 0, 
+  _46BH65MCcjs.setup.call(void 0, 
     tab,
-    () => _FJSZTIOUcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
+    () => _46BH65MCcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
       const tabs = state.renderedItems;
       if (!tabs.length)
         return;
-      return _FJSZTIOUcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
+      return _46BH65MCcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
         const items = state2.renderedItems;
         const hasOrphanPanels = items.some((panel) => !panel.tabId);
         if (!hasOrphanPanels)

package/cjs/toolbar/toolbar-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AR2VJ37Fcjs = require('../__chunks/AR2VJ37F.cjs');
-require('../__chunks/FFY2GSOG.cjs');
-require('../__chunks/FJSZTIOU.cjs');
+var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
+require('../__chunks/JLC5A6WF.cjs');
+require('../__chunks/46BH65MC.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
-require('../__chunks/FTB5CXVB.cjs');
+require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.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 _AR2VJ37Fcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  return _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,