@ariakit/react-core 0.4.23 → 0.4.25

package/esm/combobox/combobox-separator.js

@@ -1,22 +1,23 @@
 "use client";
 import {
   useCompositeSeparator
-} from "../__chunks/YBRT277Q.js";
-import "../__chunks/P7VC6T3R.js";
+} from "../__chunks/I5KTQKBD.js";
+import "../__chunks/KQPI347I.js";
 import {
   useComboboxScopedContext
-} from "../__chunks/CVCFNOHX.js";
-import "../__chunks/JMU4N4M5.js";
-import "../__chunks/A62MDFCW.js";
-import "../__chunks/LVDQFHCH.js";
-import "../__chunks/AVVXDJMZ.js";
-import "../__chunks/SMPCIMZM.js";
+} from "../__chunks/H55QERR5.js";
+import "../__chunks/E4DZA6YM.js";
+import "../__chunks/W43ISTP6.js";
+import "../__chunks/SF4KD2LD.js";
+import "../__chunks/55FNNNML.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/FQHJBBMI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/combobox/combobox-separator.tsx

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

@@ -14,8 +14,8 @@ export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(stor
 };
 /**
  * Creates a combobox store to control the state of
- * [Combobox](https://ariakit.org/components/combobox) components.
- * @see https://ariakit.org/components/combobox
+ * [Combobox](https://ariakit.com/components/combobox) components.
+ * @see https://ariakit.com/components/combobox
  * @example
  * ```jsx
  * const combobox = useComboboxStore();
@@ -42,33 +42,33 @@ export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = C
 export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "tag" | "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
      * A callback that gets called when the
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * [`value`](https://ariakit.com/reference/combobox-provider#value) state
      * changes.
      *
      * Live examples:
      * - [Combobox with integrated
-     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
-     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     *   filter](https://ariakit.com/examples/combobox-filtering-integrated)
+     * - [ComboboxGroup](https://ariakit.com/examples/combobox-group)
+     * - [Combobox with links](https://ariakit.com/examples/combobox-links)
      * - [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)
+     *   Combobox](https://ariakit.com/examples/combobox-multiple)
+     * - [Menu with Combobox](https://ariakit.com/examples/menu-combobox)
+     * - [Select with Combobox](https://ariakit.com/examples/select-combobox)
      */
     setValue?: (value: ComboboxStoreState<T>["value"]) => void;
     /**
      * A callback that's invoked when the
-     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * [`selectedValue`](https://ariakit.com/reference/combobox-provider#selectedvalue)
      * state changes, typically when the user selects an item. This can be used to
      * implement behavior like `onSelect` or `onItemSelect`.
      *
      * Live examples:
      * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     *   Combobox](https://ariakit.com/examples/combobox-multiple)
      */
     setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
     /**
-     * A reference to a [tag store](https://ariakit.org/apis/use-tag-store). It's
+     * A reference to a [tag store](https://ariakit.com/apis/use-tag-store). It's
      * automatically set when rendering a combobox within a tag list.
      */
     tag?: TagStore | null;

package/esm/combobox/combobox-store.js

@@ -3,18 +3,18 @@ import {
   useComboboxStore,
   useComboboxStoreOptions,
   useComboboxStoreProps
-} from "../__chunks/SVN33SY6.js";
-import "../__chunks/XSIEPKGA.js";
-import "../__chunks/B6FLPFJM.js";
-import "../__chunks/IQYAUKXT.js";
-import "../__chunks/4NYSH4UO.js";
-import "../__chunks/WLZ6H5FH.js";
-import "../__chunks/GVAFFF2B.js";
-import "../__chunks/AVVXDJMZ.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/KQS2CH22.js";
+import "../__chunks/KR5NJL64.js";
+import "../__chunks/RPKQBJCW.js";
+import "../__chunks/ZJG6VNPS.js";
+import "../__chunks/EX4LS7ZU.js";
+import "../__chunks/FL7NPBCY.js";
+import "../__chunks/6S37ITHJ.js";
+import "../__chunks/55FNNNML.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   useComboboxStore,

package/esm/combobox/combobox-value.d.ts

@@ -2,17 +2,17 @@ import type { ReactNode } from "react";
 import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.ts";
 /**
  * Renders the current
- * [`value`](https://ariakit.org/reference/use-combobox-store#value) state in
- * the [combobox store](https://ariakit.org/reference/use-combobox-store).
+ * [`value`](https://ariakit.com/reference/use-combobox-store#value) state in
+ * the [combobox store](https://ariakit.com/reference/use-combobox-store).
  *
  * As a value component, it doesn't render any DOM elements and therefore
  * doesn't accept HTML props.
  *
  * It takes a
- * [`children`](https://ariakit.org/reference/combobox-value#children) function
+ * [`children`](https://ariakit.com/reference/combobox-value#children) function
  * that gets called with the current value as an argument. This can be used as
  * an uncontrolled API to render the combobox value in a custom way.
- * @see https://ariakit.org/components/combobox
+ * @see https://ariakit.com/components/combobox
  * @example
  * ```jsx {3-5}
  * <ComboboxProvider>
@@ -27,9 +27,9 @@ export declare function ComboboxValue({ store, children }?: ComboboxValueProps):
 export interface ComboboxValueProps {
     /**
      * Object returned by the
-     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * [`useComboboxStore`](https://ariakit.com/reference/use-combobox-store)
      * hook. If not provided, the closest
-     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * [`ComboboxProvider`](https://ariakit.com/reference/combobox-provider)
      * component's context will be used.
      */
     store?: ComboboxStore;

package/esm/combobox/combobox-value.js

@@ -1,14 +1,17 @@
 "use client";
 import {
   useComboboxContext
-} from "../__chunks/CVCFNOHX.js";
-import "../__chunks/JMU4N4M5.js";
-import "../__chunks/A62MDFCW.js";
-import "../__chunks/LVDQFHCH.js";
-import "../__chunks/AVVXDJMZ.js";
-import "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/H55QERR5.js";
+import "../__chunks/E4DZA6YM.js";
+import "../__chunks/W43ISTP6.js";
+import "../__chunks/SF4KD2LD.js";
+import "../__chunks/55FNNNML.js";
+import {
+  useStoreState
+} from "../__chunks/YAS7X7HB.js";
+import "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/combobox/combobox-value.tsx
@@ -20,7 +23,7 @@ function ComboboxValue({ store, children } = {}) {
     store,
     process.env.NODE_ENV !== "production" && "ComboboxValue must receive a `store` prop or be wrapped in a ComboboxProvider component."
   );
-  const value = store.useState("value");
+  const value = useStoreState(store, "value");
   if (children) {
     return children(value);
   }

package/esm/combobox/combobox.d.ts

@@ -8,7 +8,7 @@ declare const TagName = "input";
 type TagName = typeof TagName;
 /**
  * Returns props to create a `Combobox` component.
- * @see https://ariakit.org/components/combobox
+ * @see https://ariakit.com/components/combobox
  * @example
  * ```jsx
  * const store = useComboboxStore();
@@ -24,7 +24,7 @@ type TagName = typeof TagName;
 export declare const useCombobox: import("../utils/types.ts").Hook<"input", ComboboxOptions<"input">>;
 /**
  * Renders a combobox input element that can be used to filter a list of items.
- * @see https://ariakit.org/components/combobox
+ * @see https://ariakit.com/components/combobox
  * @example
  * ```jsx {2}
  * <ComboboxProvider>
@@ -41,9 +41,9 @@ export declare const Combobox: (props: ComboboxProps) => import("react").ReactEl
 export interface ComboboxOptions<T extends ElementType = TagName> extends CompositeOptions<T>, PopoverAnchorOptions<T> {
     /**
      * Object returned by the
-     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * [`useComboboxStore`](https://ariakit.com/reference/use-combobox-store)
      * hook. If not provided, the closest
-     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * [`ComboboxProvider`](https://ariakit.com/reference/combobox-provider)
      * component's context will be used.
      */
     store?: ComboboxStore;
@@ -51,13 +51,13 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * Determines if the first enabled item will be automatically focused when the
      * combobox input value changes. If set to `true` or `"always"`, the exact
      * behavior hinges on the value of the
-     * [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) prop:
-     * - If [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
+     * [`autoComplete`](https://ariakit.com/reference/combobox#autocomplete) prop:
+     * - If [`autoComplete`](https://ariakit.com/reference/combobox#autocomplete)
      *   is `both` or `inline`, the first enabled item is automatically focused as
      *   the user types in the input. The value gets appended with the completion
      *   string if it matches. The inline completion string will be highlighted
      *   and selected.
-     * - If [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
+     * - If [`autoComplete`](https://ariakit.com/reference/combobox#autocomplete)
      *   is `list` or `none`, the first enabled item is automatically focused as
      *   the user types in the input, but the input value is not appended with the
      *   item value.
@@ -66,25 +66,25 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * combobox list opens, not just when the input value changes.
      *
      * To change which item gets auto-selected, use the
-     * [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid)
+     * [`getAutoSelectId`](https://ariakit.com/reference/combobox#getautoselectid)
      * prop.
      *
      * Live examples:
      * - [Command Menu with
-     *   Tabs](https://ariakit.org/examples/dialog-combobox-tab-command-menu)
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
-     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)
+     * - [ComboboxGroup](https://ariakit.com/examples/combobox-group)
+     * - [Combobox with links](https://ariakit.com/examples/combobox-links)
      * - [Textarea with inline
-     *   Combobox](https://ariakit.org/examples/combobox-textarea)
-     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
-     * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
+     *   Combobox](https://ariakit.com/examples/combobox-textarea)
+     * - [Menu with Combobox](https://ariakit.com/examples/menu-combobox)
+     * - [Select with Combobox](https://ariakit.com/examples/select-combobox)
      * @default false
      */
     autoSelect?: boolean | "always";
     /**
      * Function that takes the currently rendered items and returns the id of the
      * item to be auto selected when the
-     * [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
+     * [`autoSelect`](https://ariakit.com/reference/combobox#autoselect) prop is
      * `true`.
      *
      * By default, the first enabled item is auto selected. This function is handy
@@ -109,14 +109,14 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
     getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
     /**
      * Whether the items will be filtered based on
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) and
+     * [`value`](https://ariakit.com/reference/combobox-provider#value) and
      * whether the input value will temporarily change based on the active item.
      *
      * This prop is based on the standard
      * [`aria-autocomplete`](https://w3c.github.io/aria/#aria-autocomplete)
      * attribute, accepting the same values:
      * - `list` (default): indicates that the items will be dynamically rendered
-     *   based on [`value`](https://ariakit.org/reference/combobox-provider#value)
+     *   based on [`value`](https://ariakit.com/reference/combobox-provider#value)
      *   and the input value will _not_ change based on the active item. The
      *   filtering logic must be implemented by the consumer of this component.
      * - `inline`: indicates that the items are static, that is, they won't be
@@ -124,7 +124,7 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      *   item. Ariakit will automatically provide the inline autocompletion
      *   behavior.
      * - `both`: indicates that the items will be dynamically rendered based on
-     *   [`value`](https://ariakit.org/reference/combobox-provider#value) and the
+     *   [`value`](https://ariakit.com/reference/combobox-provider#value) and the
      *   input value will temporarily change based on the active item. The
      *   filtering logic must be implemented by the consumer of this component,
      *   whereas Ariakit will automatically provide the inline autocompletion
@@ -133,7 +133,7 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      *   on the active item.
      *
      * Live examples:
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [ComboboxGroup](https://ariakit.com/examples/combobox-group)
      * @default "list"
      */
     autoComplete?: StringWithValue<Required<AriaAttributes>["aria-autocomplete"]>;
@@ -141,19 +141,19 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * Determines if the highlighted item should lose focus when the user clicks
      * on the combobox input element. By default, this prop's value is set
      * according to the
-     * [`includesBaseElement`](https://ariakit.org/reference/combobox-provider#includesbaseelement)
+     * [`includesBaseElement`](https://ariakit.com/reference/combobox-provider#includesbaseelement)
      * value.
      */
     blurActiveItemOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Specifies the minimum character count the input value should have before
-     * the [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
-     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * the [`ComboboxList`](https://ariakit.com/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.com/reference/combobox-popover)
      * components are displayed.
      *
-     * The [`showOnChange`](https://ariakit.org/reference/combobox#showonchange),
-     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick), and
-     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * The [`showOnChange`](https://ariakit.com/reference/combobox#showonchange),
+     * [`showOnClick`](https://ariakit.com/reference/combobox#showonclick), and
+     * [`showOnKeyPress`](https://ariakit.com/reference/combobox#showonkeypress)
      * props allow you to tailor the behavior for each unique event.
      * @default 0
      * @example
@@ -166,13 +166,13 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      */
     showMinLength?: number;
     /**
-     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
-     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * Whether the [`ComboboxList`](https://ariakit.com/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.com/reference/combobox-popover)
      * components should be shown when the input value changes.
      *
      * Live examples:
      * - [Textarea with inline
-     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     *   Combobox](https://ariakit.com/examples/combobox-textarea)
      * @default true
      * @example
      * ```jsx
@@ -181,23 +181,23 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      */
     showOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
     /**
-     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
-     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * Whether the [`ComboboxList`](https://ariakit.com/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.com/reference/combobox-popover)
      * components should be shown when the input is clicked.
      * @deprecated Use
-     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick)
+     * [`showOnClick`](https://ariakit.com/reference/combobox#showonclick)
      * instead.
      * @default true
      */
     showOnMouseDown?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
-     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * Whether the [`ComboboxList`](https://ariakit.com/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.com/reference/combobox-popover)
      * components should be shown when the input is clicked.
      *
      * Live examples:
      * - [Textarea with inline
-     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     *   Combobox](https://ariakit.com/examples/combobox-textarea)
      * @default true
      * @example
      * ```jsx
@@ -206,25 +206,25 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      */
     showOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
-     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * Whether the [`ComboboxList`](https://ariakit.com/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.com/reference/combobox-popover)
      * components should be shown when the user presses the arrow up or down keys
      * while focusing on the combobox input element.
      * @deprecated Use
-     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * [`showOnKeyPress`](https://ariakit.com/reference/combobox#showonkeypress)
      * instead.
      * @default true
      */
     showOnKeyDown?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
     /**
-     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
-     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * Whether the [`ComboboxList`](https://ariakit.com/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.com/reference/combobox-popover)
      * components should be shown when the user presses the arrow up or down keys
      * while focusing on the combobox input element.
      *
      * Live examples:
      * - [Textarea with inline
-     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     *   Combobox](https://ariakit.com/examples/combobox-textarea)
      * @default true
      * @example
      * ```jsx
@@ -234,27 +234,27 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
     showOnKeyPress?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
     /**
      * Whether the combobox
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * [`value`](https://ariakit.com/reference/combobox-provider#value) state
      * should be updated when the input value changes. This is useful if you want
      * to customize how the store
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) is updated
+     * [`value`](https://ariakit.com/reference/combobox-provider#value) is updated
      * based on the input element's value.
      *
      * Live examples:
      * - [Textarea with inline
-     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     *   Combobox](https://ariakit.com/examples/combobox-textarea)
      * @default true
      */
     setValueOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
     /**
      * Whether the combobox
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * [`value`](https://ariakit.com/reference/combobox-provider#value) state
      * should be updated when the combobox input element gets clicked. This
      * usually only applies when
-     * [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) is
+     * [`autoComplete`](https://ariakit.com/reference/combobox#autocomplete) is
      * `both` or `inline`, because the input value will temporarily change based
      * on the active item and the store
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) will not
+     * [`value`](https://ariakit.com/reference/combobox-provider#value) will not
      * be updated until the user confirms the selection.
      * @default true
      */

package/esm/combobox/combobox.js

@@ -1,26 +1,29 @@
 "use client";
 import {
   useComposite
-} from "../__chunks/ZMWF7ASR.js";
+} from "../__chunks/6PX47O7P.js";
 import {
   usePopoverAnchor
-} from "../__chunks/4POTBZ2J.js";
-import "../__chunks/5VQZOHHZ.js";
+} from "../__chunks/BLCLYOQG.js";
+import "../__chunks/7NJRHOSP.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/CVCFNOHX.js";
-import "../__chunks/JMU4N4M5.js";
-import "../__chunks/A62MDFCW.js";
-import "../__chunks/LVDQFHCH.js";
-import "../__chunks/AVVXDJMZ.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/H55QERR5.js";
+import "../__chunks/E4DZA6YM.js";
+import "../__chunks/W43ISTP6.js";
+import "../__chunks/SF4KD2LD.js";
+import "../__chunks/55FNNNML.js";
+import "../__chunks/GR523XJ6.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/SMPCIMZM.js";
+import {
+  useStoreState
+} from "../__chunks/YAS7X7HB.js";
+import "../__chunks/FQHJBBMI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/TVXRYIJB.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -30,7 +33,7 @@ import {
   useSafeLayoutEffect,
   useUpdateEffect,
   useUpdateLayoutEffect
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/combobox/combobox.tsx
@@ -108,7 +111,8 @@ var useCombobox = createHook(
     const [valueUpdated, forceValueUpdate] = useForceUpdate();
     const canAutoSelectRef = useRef(false);
     const composingRef = useRef(false);
-    const autoSelect = store.useState(
+    const autoSelect = useStoreState(
+      store,
       (state) => state.virtualFocus && autoSelectProp
     );
     const inline = autoComplete === "inline" || autoComplete === "both";
@@ -117,14 +121,14 @@ var useCombobox = createHook(
       if (!inline) return;
       setCanInline(true);
     }, [inline]);
-    const storeValue = store.useState("value");
+    const storeValue = useStoreState(store, "value");
     const prevSelectedValueRef = useRef(void 0);
     useEffect(() => {
       return sync(store, ["selectedValue", "activeId"], (_, prev) => {
         prevSelectedValueRef.current = prev.selectedValue;
       });
-    }, []);
-    const inlineActiveValue = store.useState((state) => {
+    }, [store]);
+    const inlineActiveValue = useStoreState(store, (state) => {
       var _a;
       if (!inline) return;
       if (!canInline) return;
@@ -134,9 +138,9 @@ var useCombobox = createHook(
       }
       return state.activeValue;
     });
-    const items = store.useState("renderedItems");
-    const open = store.useState("open");
-    const contentElement = store.useState("contentElement");
+    const items = useStoreState(store, "renderedItems");
+    const open = useStoreState(store, "open");
+    const contentElement = useStoreState(store, "contentElement");
     const value = useMemo(() => {
       if (!inline) return storeValue;
       if (!canInline) return storeValue;
@@ -203,6 +207,8 @@ var useCombobox = createHook(
     const scrollingElementRef = useRef(null);
     const getAutoSelectIdProp = useEvent(getAutoSelectId);
     const autoSelectIdRef = useRef(null);
+    const userScrolledRef = useRef(false);
+    const isAutoScrollingRef = useRef(false);
     useEffect(() => {
       if (!open) return;
       if (!contentElement) return;
@@ -211,8 +217,12 @@ var useCombobox = createHook(
       scrollingElementRef.current = scrollingElement;
       const onUserScroll = () => {
         canAutoSelectRef.current = false;
+        userScrolledRef.current = true;
       };
       const onScroll = () => {
+        if (!isAutoScrollingRef.current) {
+          userScrolledRef.current = true;
+        }
         if (!store) return;
         if (!canAutoSelectRef.current) return;
         const { activeId } = store.getState();
@@ -231,6 +241,7 @@ var useCombobox = createHook(
       };
     }, [open, contentElement, store]);
     useSafeLayoutEffect(() => {
+      userScrolledRef.current = false;
       if (!storeValue) return;
       if (composingRef.current) return;
       canAutoSelectRef.current = true;
@@ -239,13 +250,14 @@ var useCombobox = createHook(
       if (autoSelect !== "always" && open) return;
       canAutoSelectRef.current = open;
     }, [autoSelect, open]);
-    const resetValueOnSelect = store.useState("resetValueOnSelect");
+    const resetValueOnSelect = useStoreState(store, "resetValueOnSelect");
     useUpdateEffect(() => {
       var _a, _b;
       const canAutoSelect = canAutoSelectRef.current;
       if (!store) return;
       if (!open) return;
-      if (!canAutoSelect && !resetValueOnSelect) return;
+      if (!canAutoSelect && (!resetValueOnSelect || userScrolledRef.current))
+        return;
       const { baseElement, contentElement: contentElement2, activeId } = store.getState();
       if (baseElement && !hasFocus(baseElement)) return;
       if (contentElement2 == null ? void 0 : contentElement2.hasAttribute("data-placing")) {
@@ -261,7 +273,11 @@ var useCombobox = createHook(
       } else {
         const element = (_b = store.item(activeId || store.first())) == null ? void 0 : _b.element;
         if (element && "scrollIntoView" in element) {
+          isAutoScrollingRef.current = true;
           element.scrollIntoView({ block: "nearest", inline: "nearest" });
+          requestAnimationFrame(() => {
+            isAutoScrollingRef.current = false;
+          });
         }
       }
       return;
@@ -404,9 +420,11 @@ var useCombobox = createHook(
     });
     const id = useId(props.id);
     const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
-    const isActiveItem = store.useState((state) => state.activeId === null);
+    const isActiveItem = useStoreState(
+      store,
+      (state) => state.activeId === null
+    );
     props = {
-      id,
       role: "combobox",
       "aria-autocomplete": ariaAutoComplete,
       "aria-haspopup": getPopupRole(contentElement, "listbox"),
@@ -415,6 +433,7 @@ var useCombobox = createHook(
       "data-active-item": isActiveItem || void 0,
       value,
       ...props,
+      id,
       ref: useMergeRefs(ref, props.ref),
       onChange,
       onCompositionEnd,

package/esm/command/command.d.ts

@@ -7,7 +7,7 @@ type TagName = typeof TagName;
  * Returns props to create a `Command` component. If the element is not a native
  * clickable element (like a button), this hook will return additional props to
  * make sure it's accessible.
- * @see https://ariakit.org/components/command
+ * @see https://ariakit.com/components/command
  * @example
  * ```jsx
  * const props = useCommand({ render: <div /> });
@@ -17,16 +17,16 @@ type TagName = typeof TagName;
 export declare const useCommand: import("../utils/types.ts").Hook<"button", CommandOptions<"button">>;
 /**
  * Renders a clickable element, which is a `button` by default, and inherits
- * features from the [`Focusable`](https://ariakit.org/reference/focusable)
+ * features from the [`Focusable`](https://ariakit.com/reference/focusable)
  * component.
  *
  * If the base element isn't a native clickable one, this component will provide
  * extra attributes and event handlers to ensure accessibility. It can be
  * activated with the keyboard using the
- * [`clickOnEnter`](https://ariakit.org/reference/command#clickonenter) and
- * [`clickOnSpace`](https://ariakit.org/reference/command#clickonspace)
+ * [`clickOnEnter`](https://ariakit.com/reference/command#clickonenter) and
+ * [`clickOnSpace`](https://ariakit.com/reference/command#clickonspace)
  * props. Both are set to `true` by default.
- * @see https://ariakit.org/components/command
+ * @see https://ariakit.com/components/command
  * @example
  * ```jsx
  * <Command>Button</Command>