@ariakit/core 0.3.6 → 0.3.8

package/cjs/combobox/combobox-store.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7ZUFMSXJcjs = require('../__chunks/7ZUFMSXJ.cjs');
-require('../__chunks/GZDVJEID.cjs');
-require('../__chunks/MEHGRTJ3.cjs');
+var _EFIT5L4Xcjs = require('../__chunks/EFIT5L4X.cjs');
+require('../__chunks/2LS4JJ4S.cjs');
+require('../__chunks/GJFZ5ZPP.cjs');
 
 
-var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
-require('../__chunks/JLC5A6WF.cjs');
+var _QAZ4PF7Scjs = require('../__chunks/QAZ4PF7S.cjs');
+require('../__chunks/ZQTYFYRS.cjs');
 
 
 
 
 
 
-var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
+var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
 
 
 var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -33,7 +33,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 var isSafariOnMobile = _YIUPKKEKcjs.isSafari.call(void 0, ) && _YIUPKKEKcjs.isTouchDevice.call(void 0, );
 function createComboboxStore(props = {}) {
   var _a;
-  _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const activeId = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.activeId,
@@ -41,7 +41,7 @@ function createComboboxStore(props = {}) {
     props.defaultActiveId,
     null
   );
-  const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const composite = _QAZ4PF7Scjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     activeId,
     includesBaseElement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
@@ -61,59 +61,80 @@ function createComboboxStore(props = {}) {
       !isSafariOnMobile
     )
   }));
-  const popover = _7ZUFMSXJcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _EFIT5L4Xcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     placement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.placement,
       syncState == null ? void 0 : syncState.placement,
       "bottom-start"
     )
   }));
-  const initialValue = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const value = _3UT5FE6Kcjs.defaultValue.call(void 0, 
     props.value,
     syncState == null ? void 0 : syncState.value,
     props.defaultValue,
     ""
   );
+  const selectedValue = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+    props.selectedValue,
+    syncState == null ? void 0 : syncState.selectedValue,
+    props.defaultSelectedValue,
+    ""
+  );
+  const multiSelectable = Array.isArray(selectedValue);
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
-    value: initialValue,
+    value,
+    selectedValue,
+    resetValueOnSelect: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+      props.resetValueOnSelect,
+      syncState == null ? void 0 : syncState.resetValueOnSelect,
+      multiSelectable
+    ),
     resetValueOnHide: _3UT5FE6Kcjs.defaultValue.call(void 0, 
       props.resetValueOnHide,
       syncState == null ? void 0 : syncState.resetValueOnHide,
-      false
+      multiSelectable
     ),
     activeValue: syncState == null ? void 0 : syncState.activeValue
   });
-  const combobox = _46BH65MCcjs.createStore.call(void 0, initialState, composite, popover, props.store);
-  _46BH65MCcjs.setup.call(void 0, 
+  const combobox = _2UK5WUJXcjs.createStore.call(void 0, initialState, composite, popover, props.store);
+  _2UK5WUJXcjs.setup.call(void 0, 
     combobox,
-    () => _46BH65MCcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
       if (!state.resetValueOnHide)
         return;
       if (state.mounted)
         return;
-      combobox.setState("value", initialValue);
+      combobox.setState("value", value);
+    })
+  );
+  _2UK5WUJXcjs.setup.call(void 0, 
+    combobox,
+    () => _2UK5WUJXcjs.sync.call(void 0, combobox, ["resetValueOnSelect", "selectedValue"], (state) => {
+      if (!state.resetValueOnSelect)
+        return;
+      combobox.setState("value", value);
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     combobox,
-    () => _46BH65MCcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
+    () => _2UK5WUJXcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
       if (state.mounted)
         return;
       combobox.setState("activeId", activeId);
       combobox.setState("moves", 0);
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     combobox,
-    () => _46BH65MCcjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
+    () => _2UK5WUJXcjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
       if (state.moves === prevState.moves) {
         combobox.setState("activeValue", void 0);
       }
     })
   );
-  _46BH65MCcjs.setup.call(void 0, 
+  _2UK5WUJXcjs.setup.call(void 0, 
     combobox,
-    () => _46BH65MCcjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
+    () => _2UK5WUJXcjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
       if (state.moves === prev.moves)
         return;
       const { activeId: activeId2 } = combobox.getState();
@@ -122,7 +143,8 @@ function createComboboxStore(props = {}) {
     })
   );
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, popover), composite), combobox), {
-    setValue: (value) => combobox.setState("value", value)
+    setValue: (value2) => combobox.setState("value", value2),
+    setSelectedValue: (selectedValue2) => combobox.setState("selectedValue", selectedValue2)
   });
 }
 

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

@@ -1,22 +1,24 @@
 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 { SetState } from "../utils/types.js";
-type Item = CompositeStoreItem & {
-    value?: string;
-};
+import type { PickRequired, SetState } from "../utils/types.js";
+type MutableValue<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> = T extends string ? string : T;
 /**
  * Creates a combobox store.
  */
+export declare function createComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue>(props: PickRequired<ComboboxStoreProps<T>, "selectedValue" | "defaultSelectedValue">): ComboboxStore<T>;
 export declare function createComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
-export type ComboboxStoreItem = Item;
-export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverStoreState {
+export type ComboboxStoreSelectedValue = string | string[];
+export interface ComboboxStoreItem extends CompositeStoreItem {
+    value?: string;
+}
+export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
     /**
      * @default true
      */
     includesBaseElement: boolean;
     /**
-     * The input value.
+     * The combobox input value.
      *
      * Live examples:
      * - [Combobox with integrated
@@ -34,47 +36,88 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
      */
     activeValue: string | undefined;
     /**
-     * Whether to reset the value when the combobox popover is hidden.
+     * The value(s) of the currently selected item(s). This can be a string or an
+     * array of strings. If it's an array, the combobox is considered
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    selectedValue: MutableValue<T>;
+    /**
+     * Whether to reset the value when the combobox popover closes. This prop is
+     * automatically set to `true` by default if the combobox supports multiple
+     * selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      *
      * Live examples:
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
-     * @default false
      */
     resetValueOnHide: boolean;
-}
-export interface ComboboxStoreFunctions extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
-     * Sets the `value` state.
+     * Whether to reset the value when an item is selected. This prop is
+     * automatically set to `true` by default if the combobox supports multiple
+     * selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      *
      * Live examples:
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    resetValueOnSelect: boolean;
+}
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+    /**
+     * Sets the [`value`](https://ariakit.org/reference/combobox-provider#value)
+     * state.
+     *
+     * Live examples:
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @example
      * store.setValue("Hello world");
      * store.setValue((value) => value + "!");
      */
-    setValue: SetState<ComboboxStoreState["value"]>;
+    setValue: SetState<ComboboxStoreState<T>["value"]>;
+    /**
+     * Sets the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state.
+     */
+    setSelectedValue: SetState<ComboboxStoreState<T>["selectedValue"]>;
 }
-export interface ComboboxStoreOptions extends StoreOptions<ComboboxStoreState, "includesBaseElement" | "value" | "resetValueOnHide">, CompositeStoreOptions<Item>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions, StoreOptions<ComboboxStoreState<T>, "includesBaseElement" | "value" | "selectedValue" | "resetValueOnHide" | "resetValueOnSelect"> {
     /**
      * @default null
      */
-    defaultActiveId?: CompositeStoreOptions<Item>["activeId"];
+    defaultActiveId?: CompositeStoreOptions<ComboboxStoreItem>["activeId"];
     /**
-     * The combobox initial value.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * The initial value of the combobox input.
+     * @default ""
+     */
+    defaultValue?: ComboboxStoreState<T>["value"];
+    /**
+     * The initial value of the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state. This can be a string or an array of strings. If it's an array, the
+     * combobox is considered
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
      * @default ""
      */
-    defaultValue?: ComboboxStoreState["value"];
+    defaultSelectedValue?: ComboboxStoreState<T>["selectedValue"];
+}
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, StoreProps<ComboboxStoreState<T>> {
+}
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Store<ComboboxStoreState<T>> {
 }
-export type ComboboxStoreProps = ComboboxStoreOptions & StoreProps<ComboboxStoreState>;
-export type ComboboxStore = ComboboxStoreFunctions & Store<ComboboxStoreState>;
 export {};

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

@@ -1,22 +1,24 @@
 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 { SetState } from "../utils/types.js";
-type Item = CompositeStoreItem & {
-    value?: string;
-};
+import type { PickRequired, SetState } from "../utils/types.js";
+type MutableValue<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> = T extends string ? string : T;
 /**
  * Creates a combobox store.
  */
+export declare function createComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue>(props: PickRequired<ComboboxStoreProps<T>, "selectedValue" | "defaultSelectedValue">): ComboboxStore<T>;
 export declare function createComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
-export type ComboboxStoreItem = Item;
-export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverStoreState {
+export type ComboboxStoreSelectedValue = string | string[];
+export interface ComboboxStoreItem extends CompositeStoreItem {
+    value?: string;
+}
+export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
     /**
      * @default true
      */
     includesBaseElement: boolean;
     /**
-     * The input value.
+     * The combobox input value.
      *
      * Live examples:
      * - [Combobox with integrated
@@ -34,47 +36,88 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
      */
     activeValue: string | undefined;
     /**
-     * Whether to reset the value when the combobox popover is hidden.
+     * The value(s) of the currently selected item(s). This can be a string or an
+     * array of strings. If it's an array, the combobox is considered
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    selectedValue: MutableValue<T>;
+    /**
+     * Whether to reset the value when the combobox popover closes. This prop is
+     * automatically set to `true` by default if the combobox supports multiple
+     * selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      *
      * Live examples:
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
-     * @default false
      */
     resetValueOnHide: boolean;
-}
-export interface ComboboxStoreFunctions extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
-     * Sets the `value` state.
+     * Whether to reset the value when an item is selected. This prop is
+     * automatically set to `true` by default if the combobox supports multiple
+     * selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      *
      * Live examples:
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    resetValueOnSelect: boolean;
+}
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+    /**
+     * Sets the [`value`](https://ariakit.org/reference/combobox-provider#value)
+     * state.
+     *
+     * Live examples:
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @example
      * store.setValue("Hello world");
      * store.setValue((value) => value + "!");
      */
-    setValue: SetState<ComboboxStoreState["value"]>;
+    setValue: SetState<ComboboxStoreState<T>["value"]>;
+    /**
+     * Sets the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state.
+     */
+    setSelectedValue: SetState<ComboboxStoreState<T>["selectedValue"]>;
 }
-export interface ComboboxStoreOptions extends StoreOptions<ComboboxStoreState, "includesBaseElement" | "value" | "resetValueOnHide">, CompositeStoreOptions<Item>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions, StoreOptions<ComboboxStoreState<T>, "includesBaseElement" | "value" | "selectedValue" | "resetValueOnHide" | "resetValueOnSelect"> {
     /**
      * @default null
      */
-    defaultActiveId?: CompositeStoreOptions<Item>["activeId"];
+    defaultActiveId?: CompositeStoreOptions<ComboboxStoreItem>["activeId"];
     /**
-     * The combobox initial value.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * The initial value of the combobox input.
+     * @default ""
+     */
+    defaultValue?: ComboboxStoreState<T>["value"];
+    /**
+     * The initial value of the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state. This can be a string or an array of strings. If it's an array, the
+     * combobox is considered
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
      * @default ""
      */
-    defaultValue?: ComboboxStoreState["value"];
+    defaultSelectedValue?: ComboboxStoreState<T>["selectedValue"];
+}
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, StoreProps<ComboboxStoreState<T>> {
+}
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Store<ComboboxStoreState<T>> {
 }
-export type ComboboxStoreProps = ComboboxStoreOptions & StoreProps<ComboboxStoreState>;
-export type ComboboxStore = ComboboxStoreFunctions & Store<ComboboxStoreState>;
 export {};

package/cjs/composite/composite-overflow-store.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7ZUFMSXJcjs = require('../__chunks/7ZUFMSXJ.cjs');
-require('../__chunks/GZDVJEID.cjs');
-require('../__chunks/MEHGRTJ3.cjs');
-require('../__chunks/46BH65MC.cjs');
+var _EFIT5L4Xcjs = require('../__chunks/EFIT5L4X.cjs');
+require('../__chunks/2LS4JJ4S.cjs');
+require('../__chunks/GJFZ5ZPP.cjs');
+require('../__chunks/2UK5WUJX.cjs');
 require('../__chunks/3UT5FE6K.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/composite/composite-overflow-store.ts
 function createCompositeOverflowStore(props = {}) {
-  return _7ZUFMSXJcjs.createPopoverStore.call(void 0, props);
+  return _EFIT5L4Xcjs.createPopoverStore.call(void 0, props);
 }
 
 

package/cjs/composite/composite-overflow-store.d.cts

@@ -1,10 +1,16 @@
-import type { PopoverStore, PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreProps, PopoverStoreState } from "../popover/popover-store.js";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { Store, StoreProps } from "../utils/store.js";
 /**
- * Creates a composite overflow store.
+ * Creates a compositeOverflow store.
  */
 export declare function createCompositeOverflowStore(props?: CompositeOverflowStoreProps): CompositeOverflowStore;
-export type CompositeOverflowStoreState = PopoverStoreState;
-export type CompositeOverflowStoreFunctions = PopoverStoreFunctions;
-export type CompositeOverflowStoreOptions = PopoverStoreOptions;
-export type CompositeOverflowStoreProps = PopoverStoreProps;
-export type CompositeOverflowStore = PopoverStore;
+export interface CompositeOverflowStoreState extends PopoverStoreState {
+}
+export interface CompositeOverflowStoreFunctions extends PopoverStoreFunctions {
+}
+export interface CompositeOverflowStoreOptions extends PopoverStoreOptions {
+}
+export interface CompositeOverflowStoreProps extends CompositeOverflowStoreOptions, StoreProps<CompositeOverflowStoreState> {
+}
+export interface CompositeOverflowStore extends CompositeOverflowStoreFunctions, Store<CompositeOverflowStoreState> {
+}

package/cjs/composite/composite-overflow-store.d.ts

@@ -1,10 +1,16 @@
-import type { PopoverStore, PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreProps, PopoverStoreState } from "../popover/popover-store.js";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { Store, StoreProps } from "../utils/store.js";
 /**
- * Creates a composite overflow store.
+ * Creates a compositeOverflow store.
  */
 export declare function createCompositeOverflowStore(props?: CompositeOverflowStoreProps): CompositeOverflowStore;
-export type CompositeOverflowStoreState = PopoverStoreState;
-export type CompositeOverflowStoreFunctions = PopoverStoreFunctions;
-export type CompositeOverflowStoreOptions = PopoverStoreOptions;
-export type CompositeOverflowStoreProps = PopoverStoreProps;
-export type CompositeOverflowStore = PopoverStore;
+export interface CompositeOverflowStoreState extends PopoverStoreState {
+}
+export interface CompositeOverflowStoreFunctions extends PopoverStoreFunctions {
+}
+export interface CompositeOverflowStoreOptions extends PopoverStoreOptions {
+}
+export interface CompositeOverflowStoreProps extends CompositeOverflowStoreOptions, StoreProps<CompositeOverflowStoreState> {
+}
+export interface CompositeOverflowStore extends CompositeOverflowStoreFunctions, Store<CompositeOverflowStoreState> {
+}

package/cjs/composite/composite-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
-require('../__chunks/JLC5A6WF.cjs');
-require('../__chunks/46BH65MC.cjs');
+var _QAZ4PF7Scjs = require('../__chunks/QAZ4PF7S.cjs');
+require('../__chunks/ZQTYFYRS.cjs');
+require('../__chunks/2UK5WUJX.cjs');
 require('../__chunks/3UT5FE6K.cjs');
 require('../__chunks/5F4DVUNS.cjs');
 require('../__chunks/ULSPM3Y3.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.createCompositeStore = _6WBY3ZZMcjs.createCompositeStore;
+exports.createCompositeStore = _QAZ4PF7Scjs.createCompositeStore;

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

@@ -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";
-type Item = 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.
      */
@@ -25,10 +35,6 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex).
      * DOM focus will remain on the composite element while its items receive
      * virtual focus.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * @default false
      */
     virtualFocus: boolean;
@@ -121,7 +127,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`.
      */
@@ -192,7 +198,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
@@ -201,6 +207,8 @@ export interface CompositeStoreOptions<T extends Item = Item> extends StoreOptio
      */
     defaultActiveId?: CompositeStoreState<T>["activeId"];
 }
-export type CompositeStoreProps<T extends Item = Item> = CompositeStoreOptions<T> & StoreProps<CompositeStoreState<T>>;
-export type CompositeStore<T extends Item = Item> = CompositeStoreFunctions<T> & Store<CompositeStoreState<T>>;
+export interface CompositeStoreProps<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreOptions<T>, StoreProps<CompositeStoreState<T>> {
+}
+export interface CompositeStore<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreFunctions<T>, Store<CompositeStoreState<T>> {
+}
 export {};