@ariakit/core 0.3.7 → 0.3.9

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

@@ -2,18 +2,28 @@ import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOpti
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { SetState } from "../utils/types.js";
 type Orientation = "horizontal" | "vertical" | "both";
-interface Item extends CollectionStoreItem {
-    rowId?: string;
-    disabled?: boolean;
-    children?: string;
-}
 /**
  * Creates a composite store.
  */
-export declare function createCompositeStore<T extends Item = Item>(props?: CompositeStoreProps<T>): CompositeStore<T>;
+export declare function createCompositeStore<T extends CompositeStoreItem = CompositeStoreItem>(props?: CompositeStoreProps<T>): CompositeStore<T>;
 export type CompositeStoreOrientation = Orientation;
-export type CompositeStoreItem = Item;
-export interface CompositeStoreState<T extends Item = Item> extends CollectionStoreState<T> {
+export interface CompositeStoreItem extends CollectionStoreItem {
+    /**
+     * The row id of the item. This is only used on two-dimensional composites
+     * (when using `CompositeRow`).
+     */
+    rowId?: string;
+    /**
+     * If enabled, the item will be disabled and users won't be able to focus it
+     * using arrow keys.
+     */
+    disabled?: boolean;
+    /**
+     * The item children. This can be used for typeahead purposes.
+     */
+    children?: string;
+}
+export interface CompositeStoreState<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreState<T> {
     /**
      * The composite element.
      */
@@ -101,8 +111,15 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      */
     moves: number;
     /**
-     * Indicates whether the composite element should be included in the focus
-     * order.
+     * Indicates if the composite element (such as `menu`, `combobox`, `listbox`,
+     * `toolbar`, etc.) should be part of the focus order. In other words, moving
+     * to the previous element when the first item is in focus will focus on the
+     * composite element itself. The same applies to the last item when moving to
+     * the next element.
+     *
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * @default false
      */
     includesBaseElement: boolean;
@@ -117,7 +134,7 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      */
     activeId: string | null | undefined;
 }
-export interface CompositeStoreFunctions<T extends Item = Item> extends CollectionStoreFunctions<T> {
+export interface CompositeStoreFunctions<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreFunctions<T> {
     /**
      * Sets the `baseElement`.
      */
@@ -188,7 +205,7 @@ export interface CompositeStoreFunctions<T extends Item = Item> extends Collecti
      */
     last: () => string | null | undefined;
 }
-export interface CompositeStoreOptions<T extends Item = Item> extends StoreOptions<CompositeStoreState<T>, "virtualFocus" | "orientation" | "rtl" | "focusLoop" | "focusWrap" | "focusShift" | "includesBaseElement" | "activeId">, CollectionStoreOptions<T> {
+export interface CompositeStoreOptions<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreOptions<T>, StoreOptions<CompositeStoreState<T>, "virtualFocus" | "orientation" | "rtl" | "focusLoop" | "focusWrap" | "focusShift" | "includesBaseElement" | "activeId"> {
     /**
      * The composite item id that should be active by default when the composite
      * widget is rendered. If `null`, the composite element itself will have focus
@@ -197,8 +214,8 @@ export interface CompositeStoreOptions<T extends Item = Item> extends StoreOptio
      */
     defaultActiveId?: CompositeStoreState<T>["activeId"];
 }
-export interface CompositeStoreProps<T extends Item = Item> extends CompositeStoreOptions<T>, StoreProps<CompositeStoreState<T>> {
+export interface CompositeStoreProps<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreOptions<T>, StoreProps<CompositeStoreState<T>> {
 }
-export interface CompositeStore<T extends Item = Item> extends CompositeStoreFunctions<T>, Store<CompositeStoreState<T>> {
+export interface CompositeStore<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreFunctions<T>, Store<CompositeStoreState<T>> {
 }
 export {};

package/esm/composite/composite-store.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/OGMLJYDV.js";
-import "../__chunks/CCU5UHQ2.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/DLX2AS6C.js";
+import "../__chunks/TLN4ALYH.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/DLOEKDPY.js";
 import "../__chunks/7PRQYBBV.js";

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

@@ -1,10 +1,16 @@
-import type { DisclosureStore, DisclosureStoreFunctions, DisclosureStoreOptions, DisclosureStoreProps, DisclosureStoreState } from "../disclosure/disclosure-store.js";
+import type { DisclosureStoreFunctions, DisclosureStoreOptions, DisclosureStoreState } from "../disclosure/disclosure-store.js";
+import type { Store, StoreProps } from "../utils/store.js";
 /**
  * Creates a dialog store.
  */
 export declare function createDialogStore(props?: DialogStoreProps): DialogStore;
-export type DialogStoreState = DisclosureStoreState;
-export type DialogStoreFunctions = DisclosureStoreFunctions;
-export type DialogStoreOptions = DisclosureStoreOptions;
-export type DialogStoreProps = DisclosureStoreProps;
-export type DialogStore = DisclosureStore;
+export interface DialogStoreState extends DisclosureStoreState {
+}
+export interface DialogStoreFunctions extends DisclosureStoreFunctions {
+}
+export interface DialogStoreOptions extends DisclosureStoreOptions {
+}
+export interface DialogStoreProps extends DialogStoreOptions, StoreProps<DialogStoreState> {
+}
+export interface DialogStore extends DialogStoreFunctions, Store<DialogStoreState> {
+}

package/esm/dialog/dialog-store.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   createDialogStore
-} from "../__chunks/CL47ZAPY.js";
-import "../__chunks/DYD4YNLE.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/LT2OYWRD.js";
+import "../__chunks/NKLTHWCR.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

@@ -123,5 +123,7 @@ export interface DisclosureStoreOptions extends StoreOptions<DisclosureStoreStat
      */
     disclosure?: DisclosureStore | null;
 }
-export type DisclosureStoreProps = DisclosureStoreOptions & StoreProps<DisclosureStoreState>;
-export type DisclosureStore = DisclosureStoreFunctions & Store<DisclosureStoreState>;
+export interface DisclosureStoreProps extends DisclosureStoreOptions, StoreProps<DisclosureStoreState> {
+}
+export interface DisclosureStore extends DisclosureStoreFunctions, Store<DisclosureStoreState> {
+}

package/esm/disclosure/disclosure-store.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   createDisclosureStore
-} from "../__chunks/DYD4YNLE.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/NKLTHWCR.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

@@ -2,23 +2,21 @@ import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOpti
 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";
-type Values = AnyObject;
 type ErrorMessage = string | undefined | null;
-type Item = CollectionStoreItem & {
-    type: "field" | "label" | "description" | "error" | "button";
-    name: string;
-};
-export declare function hasMessages(object: Values): boolean;
-export declare function get<T>(values: Values, path: StringLike | string[], defaultValue?: T): T;
+export declare function hasMessages(object: FormStoreValues): boolean;
+export declare function get<T>(values: FormStoreValues, path: StringLike | string[], defaultValue?: T): T;
 /**
  * Creates a form store.
  */
-export declare function createFormStore<T extends Values = Values>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
+export declare function createFormStore<T extends FormStoreValues = FormStoreValues>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
 export declare function createFormStore(props: FormStoreProps): FormStore;
 export type FormStoreCallback<T extends FormStoreState = FormStoreState> = (state: T) => void | Promise<void>;
-export type FormStoreValues = Values;
-export type FormStoreItem = Item;
-export interface FormStoreState<T extends Values = Values> extends CollectionStoreState<Item> {
+export type FormStoreValues = AnyObject;
+export interface FormStoreItem extends CollectionStoreItem {
+    type: "field" | "label" | "description" | "error" | "button";
+    name: string;
+}
+export interface FormStoreState<T extends FormStoreValues = FormStoreValues> extends CollectionStoreState<FormStoreItem> {
     /**
      * Form values.
      * @default {}
@@ -54,7 +52,7 @@ export interface FormStoreState<T extends Values = Values> extends CollectionSto
      */
     submitFailed: number;
 }
-export interface FormStoreFunctions<T extends Values = Values> extends CollectionStoreFunctions<Item> {
+export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues> extends CollectionStoreFunctions<FormStoreItem> {
     /**
      * An object containing the names of the form fields for type-safety.
      * @example
@@ -216,7 +214,7 @@ export interface FormStoreFunctions<T extends Values = Values> extends Collectio
      */
     reset: () => void;
 }
-export interface FormStoreOptions<T extends Values = Values> extends StoreOptions<FormStoreState<T>, "values" | "errors" | "touched">, CollectionStoreOptions<Item> {
+export interface FormStoreOptions<T extends FormStoreValues = FormStoreValues> extends CollectionStoreOptions<FormStoreItem>, StoreOptions<FormStoreState<T>, "values" | "errors" | "touched"> {
     /**
      * The default values of the form.
      * @default {}
@@ -231,6 +229,8 @@ export interface FormStoreOptions<T extends Values = Values> extends StoreOption
      */
     defaultTouched?: FormStoreState<T>["touched"];
 }
-export type FormStoreProps<T extends Values = Values> = FormStoreOptions<T> & StoreProps<FormStoreState<T>>;
-export type FormStore<T extends Values = Values> = FormStoreFunctions<T> & Store<FormStoreState<T>>;
+export interface FormStoreProps<T extends FormStoreValues = FormStoreValues> extends FormStoreOptions<T>, StoreProps<FormStoreState<T>> {
+}
+export interface FormStore<T extends FormStoreValues = FormStoreValues> extends FormStoreFunctions<T>, Store<FormStoreState<T>> {
+}
 export {};

package/esm/form/form-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/CCU5UHQ2.js";
+} from "../__chunks/TLN4ALYH.js";
 import {
   createStore,
   init,
   setup,
   throwOnConflictingProps
-} from "../__chunks/E7OQVGGY.js";
+} from "../__chunks/A2J4XZ5T.js";
 import {
   applyState,
   defaultValue,

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

@@ -19,15 +19,19 @@ export interface HovercardStoreState extends PopoverStoreState {
     timeout: number;
     /**
      * The amount of time in milliseconds to wait before **showing** the popover.
-     * It defaults to the value passed to `timeout`.
+     * It defaults to the value passed to
+     * [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout).
      *
      * Live examples:
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      */
     showTimeout?: number;
     /**
      * The amount of time in milliseconds to wait before **hiding** the popover.
-     * It defaults to the value passed to `timeout`.
+     * It defaults to the value passed to
+     * [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout).
      *
      * Live examples:
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
@@ -46,7 +50,9 @@ export interface HovercardStoreFunctions extends PopoverStoreFunctions {
      */
     setAutoFocusOnShow: SetState<HovercardStoreState["autoFocusOnShow"]>;
 }
-export interface HovercardStoreOptions extends StoreOptions<HovercardStoreState, "placement" | "timeout" | "showTimeout" | "hideTimeout">, PopoverStoreOptions {
+export interface HovercardStoreOptions extends PopoverStoreOptions, StoreOptions<HovercardStoreState, "placement" | "timeout" | "showTimeout" | "hideTimeout"> {
+}
+export interface HovercardStoreProps extends HovercardStoreOptions, StoreProps<HovercardStoreState> {
+}
+export interface HovercardStore extends HovercardStoreFunctions, Store<HovercardStoreState> {
 }
-export type HovercardStoreProps = HovercardStoreOptions & StoreProps<HovercardStoreState>;
-export type HovercardStore = HovercardStoreFunctions & Store<HovercardStoreState>;

package/esm/hovercard/hovercard-store.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/BXH3I7ML.js";
-import "../__chunks/WY3EMTH6.js";
-import "../__chunks/CL47ZAPY.js";
-import "../__chunks/DYD4YNLE.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/T3DVYGXI.js";
+import "../__chunks/J6JIOWCS.js";
+import "../__chunks/LT2OYWRD.js";
+import "../__chunks/NKLTHWCR.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

@@ -1,10 +1,16 @@
-import type { MenubarStore, MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreProps, MenubarStoreState } from "../menubar/menubar-store.js";
+import type { MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreState } from "../menubar/menubar-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 = MenubarStoreState;
-export type MenuBarStoreFunctions = MenubarStoreFunctions;
-export type MenuBarStoreOptions = MenubarStoreOptions;
-export type MenuBarStoreProps = MenubarStoreProps;
-export type MenuBarStore = MenubarStore;
+export interface MenuBarStoreState extends MenubarStoreState {
+}
+export interface MenuBarStoreFunctions extends MenubarStoreFunctions {
+}
+export interface MenuBarStoreOptions extends MenubarStoreOptions {
+}
+export interface MenuBarStoreProps extends MenuBarStoreOptions, StoreProps<MenuBarStoreState> {
+}
+export interface MenuBarStore extends MenuBarStoreFunctions, Store<MenuBarStoreState> {
+}

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/ANO6WJO4.js";
-import "../__chunks/OGMLJYDV.js";
-import "../__chunks/CCU5UHQ2.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/EZ2TTBAQ.js";
+import "../__chunks/DLX2AS6C.js";
+import "../__chunks/TLN4ALYH.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/DLOEKDPY.js";
 import "../__chunks/7PRQYBBV.js";

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

@@ -4,11 +4,10 @@ import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreStat
 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";
-type Values = Record<string, string | boolean | number | Array<string | number>>;
-export declare function createMenuStore<T extends Values = Values>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
+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>>;
-export interface MenuStoreState<T extends Values = Values> extends CompositeStoreState, HovercardStoreState {
+export interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreState, HovercardStoreState {
     /**
      * Determines the element that should be focused when the menu is opened.
      */
@@ -16,6 +15,10 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
     /**
      * A map of names and values that will be used by the `MenuItemCheckbox` and
      * `MenuItemRadio` components.
+     *
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      */
     values: T;
     /** @default "vertical" */
@@ -25,9 +28,13 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
     /** @default 0 */
     hideTimeout?: HovercardStoreState["hideTimeout"];
 }
-export interface MenuStoreFunctions<T extends Values = Values> extends Pick<MenuStoreOptions, "combobox" | "parent" | "menubar">, CompositeStoreFunctions, HovercardStoreFunctions {
+export interface MenuStoreFunctions<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreFunctions, HovercardStoreFunctions, Pick<MenuStoreOptions, "combobox" | "parent" | "menubar"> {
     /**
      * Hides the menu and all its parent menus.
+     *
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      */
     hideAll: () => void;
     /**
@@ -43,15 +50,17 @@ export interface MenuStoreFunctions<T extends Values = Values> extends Pick<Menu
     setValues: SetState<MenuStoreState<T>["values"]>;
     /**
      * Sets a specific menu value.
-     * @param name The name.
-     * @param value The value.
+     *
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * @example
      * store.setValue("watching", ["issues"]);
      * store.setValue("watching", (value) => [...value, "issues"]);
      */
     setValue: BivariantCallback<(name: string, value: SetStateAction<MenuStoreState<T>["values"][string]>) => void>;
 }
-export interface MenuStoreOptions<T extends Values = Values> extends StoreOptions<MenuStoreState<T>, "orientation" | "placement" | "hideTimeout" | "values">, CompositeStoreOptions, HovercardStoreOptions {
+export interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreOptions, HovercardStoreOptions, StoreOptions<MenuStoreState<T>, "orientation" | "placement" | "hideTimeout" | "values"> {
     /**
      * A reference to a combobox store. This is used when combining the combobox
      * with a menu (e.g., dropdown menu with a search input). The stores will
@@ -73,6 +82,7 @@ export interface MenuStoreOptions<T extends Values = Values> extends StoreOption
      */
     defaultValues?: MenuStoreState<T>["values"];
 }
-export type MenuStoreProps<T extends Values = Values> = MenuStoreOptions<T> & StoreProps<MenuStoreState<T>>;
-export type MenuStore<T extends Values = Values> = MenuStoreFunctions<T> & Store<MenuStoreState<T>>;
-export {};
+export interface MenuStoreProps<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreOptions<T>, StoreProps<MenuStoreState<T>> {
+}
+export interface MenuStore<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreFunctions<T>, Store<MenuStoreState<T>> {
+}

package/esm/menu/menu-store.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/BXH3I7ML.js";
-import "../__chunks/WY3EMTH6.js";
-import "../__chunks/CL47ZAPY.js";
-import "../__chunks/DYD4YNLE.js";
+} from "../__chunks/T3DVYGXI.js";
+import "../__chunks/J6JIOWCS.js";
+import "../__chunks/LT2OYWRD.js";
+import "../__chunks/NKLTHWCR.js";
 import {
   createCompositeStore
-} from "../__chunks/OGMLJYDV.js";
-import "../__chunks/CCU5UHQ2.js";
+} from "../__chunks/DLX2AS6C.js";
+import "../__chunks/TLN4ALYH.js";
 import {
   createStore,
   mergeStore,
@@ -17,7 +17,7 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/E7OQVGGY.js";
+} from "../__chunks/A2J4XZ5T.js";
 import {
   applyState,
   defaultValue

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

@@ -1,7 +1,7 @@
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store, StoreProps } from "../utils/store.js";
 /**
- * Creates a menu bar store.
+ * Creates a menubar store.
  */
 export declare function createMenubarStore(props?: MenubarStoreProps): MenubarStore;
 export interface MenubarStoreState extends CompositeStoreState {

package/esm/menubar/menubar-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/ANO6WJO4.js";
-import "../__chunks/OGMLJYDV.js";
-import "../__chunks/CCU5UHQ2.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/EZ2TTBAQ.js";
+import "../__chunks/DLX2AS6C.js";
+import "../__chunks/TLN4ALYH.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/DLOEKDPY.js";
 import "../__chunks/7PRQYBBV.js";

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

@@ -31,6 +31,8 @@ export interface PopoverStoreState extends DialogStoreState {
      *
      * Live examples:
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * @default "bottom"
      */
     placement: Placement;
@@ -60,13 +62,15 @@ export interface PopoverStoreFunctions extends DialogStoreFunctions {
      */
     render: () => void;
 }
-export interface PopoverStoreOptions extends StoreOptions<PopoverStoreState, "placement">, DialogStoreOptions {
+export interface PopoverStoreOptions extends DialogStoreOptions, StoreOptions<PopoverStoreState, "placement"> {
     /**
      * A reference to another popover store that's controlling another popover to
      * keep them in sync.
      */
     popover?: PopoverStore | null;
 }
-export type PopoverStoreProps = PopoverStoreOptions & StoreProps<PopoverStoreState>;
-export type PopoverStore = PopoverStoreFunctions & Store<PopoverStoreState>;
+export interface PopoverStoreProps extends PopoverStoreOptions, StoreProps<PopoverStoreState> {
+}
+export interface PopoverStore extends PopoverStoreFunctions, Store<PopoverStoreState> {
+}
 export {};

package/esm/popover/popover-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createPopoverStore
-} from "../__chunks/WY3EMTH6.js";
-import "../__chunks/CL47ZAPY.js";
-import "../__chunks/DYD4YNLE.js";
-import "../__chunks/E7OQVGGY.js";
+} from "../__chunks/J6JIOWCS.js";
+import "../__chunks/LT2OYWRD.js";
+import "../__chunks/NKLTHWCR.js";
+import "../__chunks/A2J4XZ5T.js";
 import "../__chunks/I2VQ3XGR.js";
 import "../__chunks/4R3V3JGP.js";
 export {

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

@@ -25,12 +25,14 @@ export interface RadioStoreFunctions extends CompositeStoreFunctions {
      */
     setValue: SetState<RadioStoreState["value"]>;
 }
-export interface RadioStoreOptions extends StoreOptions<RadioStoreState, "focusLoop" | "value">, CompositeStoreOptions {
+export interface RadioStoreOptions extends CompositeStoreOptions, StoreOptions<RadioStoreState, "focusLoop" | "value"> {
     /**
      * The default value of the radio group.
      * @default null
      */
     defaultValue?: RadioStoreState["value"];
 }
-export type RadioStoreProps = RadioStoreOptions & StoreProps<RadioStoreState>;
-export type RadioStore = RadioStoreFunctions & Store<RadioStoreState>;
+export interface RadioStoreProps extends RadioStoreOptions, StoreProps<RadioStoreState> {
+}
+export interface RadioStore extends RadioStoreFunctions, Store<RadioStoreState> {
+}

package/esm/radio/radio-store.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/OGMLJYDV.js";
-import "../__chunks/CCU5UHQ2.js";
+} from "../__chunks/DLX2AS6C.js";
+import "../__chunks/TLN4ALYH.js";
 import {
   createStore
-} from "../__chunks/E7OQVGGY.js";
+} from "../__chunks/A2J4XZ5T.js";
 import {
   defaultValue
 } from "../__chunks/I2VQ3XGR.js";

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

@@ -3,24 +3,22 @@ import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions
 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";
-type Value = string | string[];
-type MutableValue<T extends Value = Value> = T extends string ? string : T;
-interface Item extends CompositeStoreItem {
+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;
+export type SelectStoreValue = string | string[];
+export interface SelectStoreItem 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;
-export type SelectStoreValue = Value;
-export interface SelectStoreState<T extends Value = Value> extends CompositeStoreState<Item>, PopoverStoreState {
+export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreState<SelectStoreItem>, PopoverStoreState {
     /** @default true */
-    virtualFocus: CompositeStoreState<Item>["virtualFocus"];
+    virtualFocus: CompositeStoreState<SelectStoreItem>["virtualFocus"];
     /** @default false */
-    includesBaseElement: CompositeStoreState<Item>["includesBaseElement"];
+    includesBaseElement: CompositeStoreState<SelectStoreItem>["includesBaseElement"];
     /** @default null */
-    activeId: CompositeStoreState<Item>["activeId"];
+    activeId: CompositeStoreState<SelectStoreItem>["activeId"];
     /** @default "vertical" */
-    orientation: CompositeStoreState<Item>["orientation"];
+    orientation: CompositeStoreState<SelectStoreItem>["orientation"];
     /** @default "bottom-start" */
     placement: PopoverStoreState["placement"];
     /**
@@ -60,7 +58,7 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
      */
     labelElement: HTMLElement | null;
 }
-export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
+export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
     /**
      * Sets the `value` state.
      * @example
@@ -78,7 +76,7 @@ export interface SelectStoreFunctions<T extends Value = Value> extends Pick<Sele
      */
     setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
 }
-export interface SelectStoreOptions<T extends Value = Value> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "includesBaseElement" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<Item>, PopoverStoreOptions {
+export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions, StoreOptions<SelectStoreState<T>, "virtualFocus" | "includesBaseElement" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove"> {
     /**
      * 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
@@ -96,8 +94,8 @@ export interface SelectStoreOptions<T extends Value = Value> extends StoreOption
      */
     defaultValue?: SelectStoreState<T>["value"];
 }
-export interface SelectStoreProps<T extends Value = Value> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
+export interface SelectStoreProps<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
 }
-export interface SelectStore<T extends Value = Value> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
+export interface SelectStore<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
 }
 export {};