@ariakit/react-core 0.4.23 → 0.4.25

package/esm/checkbox/checkbox-check.d.ts

@@ -6,7 +6,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `CheckboxCheck` component, that's usually rendered
  * inside a `Checkbox` component.
- * @see https://ariakit.org/components/checkbox
+ * @see https://ariakit.com/components/checkbox
  * @example
  * ```jsx
  * const props = useCheckboxCheck({ checked: true });
@@ -16,14 +16,14 @@ type TagName = typeof TagName;
 export declare const useCheckboxCheck: import("../utils/types.ts").Hook<"span", CheckboxCheckOptions<"span">>;
 /**
  * Renders a checkmark icon when the
- * [`checked`](https://ariakit.org/reference/checkbox-check#checked) prop is
+ * [`checked`](https://ariakit.com/reference/checkbox-check#checked) prop is
  * `true`. The icon can be overridden by providing a different one as children.
  *
- * When rendered inside a [`Checkbox`](https://ariakit.org/reference/checkbox)
+ * When rendered inside a [`Checkbox`](https://ariakit.com/reference/checkbox)
  * component, the
- * [`checked`](https://ariakit.org/reference/checkbox-check#checked) prop is
+ * [`checked`](https://ariakit.com/reference/checkbox-check#checked) prop is
  * automatically derived from the context.
- * @see https://ariakit.org/components/checkbox
+ * @see https://ariakit.com/components/checkbox
  * @example
  * ```jsx
  * <CheckboxCheck checked />
@@ -33,7 +33,7 @@ export declare const CheckboxCheck: (props: CheckboxCheckProps) => import("react
 export interface CheckboxCheckOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
-     * [`useCheckboxStore`](https://ariakit.org/reference/use-checkbox-store)
+     * [`useCheckboxStore`](https://ariakit.com/reference/use-checkbox-store)
      * hook.
      */
     store?: CheckboxStore;
@@ -44,7 +44,7 @@ export interface CheckboxCheckOptions<_T extends ElementType = TagName> extends
      *
      * Live examples:
      * - [Submenu with
-     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     *   Combobox](https://ariakit.com/examples/menu-nested-combobox)
      */
     checked?: boolean;
 }

package/esm/checkbox/checkbox-check.js

@@ -2,10 +2,10 @@
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/HOITXJDS.js";
+} from "../__chunks/FIDRI34N.js";
 import "../__chunks/EYKMH5G5.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   CheckboxCheck,

package/esm/checkbox/checkbox-context.js

@@ -5,9 +5,9 @@ import {
   useCheckboxContext,
   useCheckboxProviderContext,
   useCheckboxScopedContext
-} from "../__chunks/ZVXT4QFT.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/GOWR535L.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   CheckboxContextProvider,

package/esm/checkbox/checkbox-provider.d.ts

@@ -7,7 +7,7 @@ type Value = CheckboxStoreValue;
  * creating a group of checkboxes that share the same state. `CheckboxProvider`
  * can efficiently manage the value of a checkbox, whether it's a single string,
  * number, or boolean value, or an array of such values.
- * @see https://ariakit.org/components/checkbox
+ * @see https://ariakit.com/components/checkbox
  * @example
  * ```jsx
  * <CheckboxProvider defaultValue={["orange"]}>

package/esm/checkbox/checkbox-provider.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   useCheckboxStore
-} from "../__chunks/ALZMXNL4.js";
+} from "../__chunks/IO2WX73N.js";
 import {
   CheckboxContextProvider
-} from "../__chunks/ZVXT4QFT.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/GOWR535L.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/checkbox/checkbox-provider.tsx

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

@@ -1,11 +1,11 @@
 import * as Core from "@ariakit/core/checkbox/checkbox-store";
-import type { PickRequired } from "@ariakit/core/utils/types";
+import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
 import type { Store } from "../utils/store.tsx";
 export declare function useCheckboxStoreProps<T extends Core.CheckboxStore>(store: T, update: () => void, props: CheckboxStoreProps): T;
 /**
  * Creates a checkbox store to conveniently manage a checkbox value,
  * whether it's a string, number, boolean, or an array of strings or numbers.
- * @see https://ariakit.org/components/checkbox
+ * @see https://ariakit.com/components/checkbox
  * @example
  * ```jsx
  * const checkbox = useCheckboxStore({ defaultValue: true });
@@ -20,14 +20,14 @@ export type CheckboxStoreFunctions<T extends CheckboxStoreValue = CheckboxStoreV
 export interface CheckboxStoreOptions<T extends CheckboxStoreValue = CheckboxStoreValue> extends Core.CheckboxStoreOptions<T> {
     /**
      * A callback that gets called when the
-     * [`value`](https://ariakit.org/reference/checkbox-provider#value) state
+     * [`value`](https://ariakit.com/reference/checkbox-provider#value) state
      * changes.
      * @example
      * function MyCheckbox({ value, onChange }) {
      *   const checkbox = useCheckboxStore({ value, setValue: onChange });
      * }
      */
-    setValue?: (value: CheckboxStoreState<T>["value"]) => void;
+    setValue?: BivariantCallback<(value: CheckboxStoreState<T>["value"]) => void>;
 }
 export interface CheckboxStoreProps<T extends CheckboxStoreValue = CheckboxStoreValue> extends CheckboxStoreOptions<T>, Core.CheckboxStoreProps<T> {
 }

package/esm/checkbox/checkbox-store.js

@@ -2,9 +2,9 @@
 import {
   useCheckboxStore,
   useCheckboxStoreProps
-} from "../__chunks/ALZMXNL4.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/IO2WX73N.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   useCheckboxStore,

package/esm/checkbox/checkbox.d.ts

@@ -8,7 +8,7 @@ type TagName = typeof TagName;
  * Returns props to create a `Checkbox` component. If the element is not a
  * native checkbox, the hook will return additional props to make sure it's
  * accessible.
- * @see https://ariakit.org/components/checkbox
+ * @see https://ariakit.com/components/checkbox
  * @example
  * ```jsx
  * const props = useCheckbox({ render: <div /> });
@@ -20,7 +20,7 @@ export declare const useCheckbox: import("../utils/types.ts").Hook<"input", Chec
  * Renders an accessible checkbox element. If the underlying element is not a
  * native checkbox, this component will pass additional attributes to make sure
  * it's accessible.
- * @see https://ariakit.org/components/checkbox
+ * @see https://ariakit.com/components/checkbox
  * @example
  * ```jsx
  * <Checkbox render={<div />}>Accessible checkbox</Checkbox>
@@ -30,31 +30,31 @@ export declare const Checkbox: (props: CheckboxProps) => import("react").ReactEl
 export interface CheckboxOptions<T extends ElementType = TagName> extends CommandOptions<T> {
     /**
      * Object returned by the
-     * [`useCheckboxStore`](https://ariakit.org/reference/use-checkbox-store)
+     * [`useCheckboxStore`](https://ariakit.com/reference/use-checkbox-store)
      * hook. If not provided, the closest
-     * [`CheckboxProvider`](https://ariakit.org/reference/checkbox-provider)
+     * [`CheckboxProvider`](https://ariakit.com/reference/checkbox-provider)
      * component's context will be used. Otherwise, the component will fall back
      * to an internal store.
      *
      * Live examples:
-     * - [Checkbox as button](https://ariakit.org/examples/checkbox-as-button)
+     * - [Checkbox as button](https://ariakit.com/examples/checkbox-as-button)
      */
     store?: CheckboxStore;
     /**
      * The native `name` attribute.
      *
      * Live examples:
-     * - [MenuItemCheckbox](https://ariakit.org/examples/menu-item-checkbox)
+     * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)
      */
     name?: string;
     /**
      * The value of the checkbox. This is useful when the same checkbox store is
-     * used for multiple [`Checkbox`](https://ariakit.org/reference/checkbox)
+     * used for multiple [`Checkbox`](https://ariakit.com/reference/checkbox)
      * elements, in which case the value will be an array of checked values.
      *
      * Live examples:
-     * - [Checkbox group](https://ariakit.org/examples/checkbox-group)
-     * - [MenuItemCheckbox](https://ariakit.org/examples/menu-item-checkbox)
+     * - [Checkbox group](https://ariakit.com/examples/checkbox-group)
+     * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)
      * @example
      * ```jsx "value"
      * <CheckboxProvider defaultValue={["Apple", "Orange"]}>
@@ -67,13 +67,13 @@ export interface CheckboxOptions<T extends ElementType = TagName> extends Comman
     value?: ComponentPropsWithoutRef<TagName>["value"];
     /**
      * The default checked state of the checkbox. This prop is ignored if the
-     * [`checked`](https://ariakit.org/reference/checkbox#checked) or the
-     * [`store`](https://ariakit.org/reference/checkbox#store) props are provided.
+     * [`checked`](https://ariakit.com/reference/checkbox#checked) or the
+     * [`store`](https://ariakit.com/reference/checkbox#store) props are provided.
      */
     defaultChecked?: "mixed" | boolean;
     /**
      * The checked state of the checkbox. This will override the value inferred
-     * from [`store`](https://ariakit.org/reference/checkbox#store) prop, if
+     * from [`store`](https://ariakit.com/reference/checkbox#store) prop, if
      * provided. This can be `"mixed"` to indicate that the checkbox is partially
      * checked.
      */

package/esm/checkbox/checkbox.js

@@ -2,15 +2,15 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/I7KWAPMF.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/JQAYMPOA.js";
+import "../__chunks/GHQLK2M5.js";
+import "../__chunks/GR523XJ6.js";
 import "../__chunks/SWN3JYXT.js";
 import "../__chunks/EYKMH5G5.js";
-import "../__chunks/ZVXT4QFT.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+import "../__chunks/GOWR535L.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   Checkbox,

package/esm/collection/collection-context.js

@@ -5,9 +5,9 @@ import {
   useCollectionContext,
   useCollectionProviderContext,
   useCollectionScopedContext
-} from "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   CollectionContextProvider,

package/esm/collection/collection-item-offscreen.d.ts

@@ -3,15 +3,15 @@ import type { Props } from "../utils/types.ts";
 import * as Base from "./collection-item.tsx";
 declare const TagName = "div";
 type TagName = typeof TagName;
-export declare function useCollectionItemOffscreen<T extends ElementType, P extends CollectionItemProps<T>>({ offscreenBehavior, offscreenRoot, ...props }: P): {
+export declare function useCollectionItemOffscreen<T extends ElementType, P extends CollectionItemProps<T>>({ offscreenMode, offscreenRoot, ...props }: P): {
     id: string | undefined;
     active: boolean;
     ref: RefCallback<HTMLDivElement>;
     "data-offscreen": true | undefined;
 };
-export declare const CollectionItem: ({ offscreenBehavior, offscreenRoot, ...props }: CollectionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CollectionItem: ({ offscreenMode, offscreenRoot, ...props }: CollectionItemProps) => import("react/jsx-runtime").JSX.Element;
 export interface CollectionItemOptions<T extends ElementType = TagName> extends Base.CollectionItemOptions<T> {
-    offscreenBehavior?: "active" | "passive" | "lazy";
+    offscreenMode?: "active" | "passive" | "lazy";
     offscreenRoot?: HTMLElement | RefObject<HTMLElement | null> | ((element: HTMLElement) => HTMLElement | null) | null;
 }
 export type CollectionItemProps<T extends ElementType = TagName> = Props<T, CollectionItemOptions<T>>;

package/esm/collection/collection-item-offscreen.js

@@ -2,12 +2,12 @@
 import {
   CollectionItem,
   useCollectionItemOffscreen
-} from "../__chunks/FMNW3QQI.js";
-import "../__chunks/JG4VNI52.js";
-import "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/LK4QFB5Q.js";
+import "../__chunks/XEQCSYLV.js";
+import "../__chunks/IKWLDXMV.js";
+import "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   CollectionItem,

package/esm/collection/collection-item.d.ts

@@ -9,7 +9,7 @@ type TagName = typeof TagName;
  * the item in the collection store. If this hook is used in a component that is
  * wrapped by `Collection` or a component that implements `useCollection`,
  * there's no need to explicitly pass the `store` prop.
- * @see https://ariakit.org/components/collection
+ * @see https://ariakit.com/components/collection
  * @example
  * ```jsx
  * const store = useCollectionStore();
@@ -21,10 +21,10 @@ export declare const useCollectionItem: import("../utils/types.ts").Hook<"div",
 /**
  * Renders an item in a collection. The collection store can be passed
  * explicitly through the
- * [`store`](https://ariakit.org/reference/collection-item#store) prop or
+ * [`store`](https://ariakit.com/reference/collection-item#store) prop or
  * implicitly through the parent
- * [`Collection`](https://ariakit.org/reference/collection) component.
- * @see https://ariakit.org/components/collection
+ * [`Collection`](https://ariakit.com/reference/collection) component.
+ * @see https://ariakit.com/components/collection
  * @example
  * ```jsx
  * const store = useCollectionStore();
@@ -37,14 +37,14 @@ export declare const CollectionItem: (props: CollectionItemProps) => import("rea
 export interface CollectionItemOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
-     * [`useCollectionStore`](https://ariakit.org/reference/use-collection-store)
+     * [`useCollectionStore`](https://ariakit.com/reference/use-collection-store)
      * hook. If not provided, the closest
-     * [`Collection`](https://ariakit.org/reference/collection) or
-     * [`CollectionProvider`](https://ariakit.org/reference/collection-provider)
+     * [`Collection`](https://ariakit.com/reference/collection) or
+     * [`CollectionProvider`](https://ariakit.com/reference/collection-provider)
      * components' context will be used.
      *
      * Live examples:
-     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)
      */
     store?: CollectionStore;
     /**
@@ -53,11 +53,11 @@ export interface CollectionItemOptions<_T extends ElementType = TagName> extends
      * will be automatically generated.
      *
      * Live examples:
-     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
-     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
-     * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
+     * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)
+     * - [Tab with React Router](https://ariakit.com/examples/tab-react-router)
+     * - [Animated TabPanel](https://ariakit.com/examples/tab-panel-animated)
      * - [Select with Combobox and
-     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
+     *   Tabs](https://ariakit.com/examples/select-combobox-tab)
      */
     id?: string;
     /**

package/esm/collection/collection-item.js

@@ -2,10 +2,10 @@
 import {
   CollectionItem,
   useCollectionItem
-} from "../__chunks/Z2O3VLAQ.js";
-import "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/IKWLDXMV.js";
+import "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   CollectionItem,

package/esm/collection/collection-provider.d.ts

@@ -3,8 +3,8 @@ import type { ReactElement, ReactNode } from "react";
 import type { CollectionStoreItem, CollectionStoreProps } from "./collection-store.ts";
 /**
  * Provides a collection store to
- * [`CollectionItem`](https://ariakit.org/reference/collection-item) components.
- * @see https://ariakit.org/components/collection
+ * [`CollectionItem`](https://ariakit.com/reference/collection-item) components.
+ * @see https://ariakit.com/components/collection
  * @example
  * ```jsx
  * <CollectionProvider>

package/esm/collection/collection-provider.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   useCollectionStore
-} from "../__chunks/GVAFFF2B.js";
-import "../__chunks/Q5W46E73.js";
+} from "../__chunks/6S37ITHJ.js";
+import "../__chunks/YAS7X7HB.js";
 import {
   CollectionContextProvider
-} from "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/collection/collection-provider.tsx

package/esm/collection/collection-renderer.d.ts

@@ -328,15 +328,15 @@ export type CollectionRendererItemProps<T extends Item, P extends BaseItemProps
 export interface CollectionRendererOptions<T extends Item = any> extends Options {
     /**
      * Object returned by the
-     * [`useCollectionStore`](https://ariakit.org/reference/use-collection-store)
+     * [`useCollectionStore`](https://ariakit.com/reference/use-collection-store)
      * hook. If not provided, the closest
-     * [Collection](https://ariakit.org/components/collection) component's
+     * [Collection](https://ariakit.com/components/collection) component's
      * context will be used.
      *
      * The store
-     * [`items`](https://ariakit.org/reference/use-collection-store#items) state
+     * [`items`](https://ariakit.com/reference/use-collection-store#items) state
      * will be used to render the items if the
-     * [`items`](https://ariakit.org/reference/collection-items#items) prop is not
+     * [`items`](https://ariakit.com/reference/collection-items#items) prop is not
      * provided.
      */
     store?: CollectionStore<T extends CollectionStoreItem ? T : CollectionStoreItem>;

package/esm/collection/collection-renderer.js

@@ -4,11 +4,11 @@ import {
   getCollectionRendererItem,
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "../__chunks/WZTAEGYN.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/SMPCIMZM.js";
-import "../__chunks/GWSL6KNJ.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/YVLKMAG2.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/FQHJBBMI.js";
+import "../__chunks/TVXRYIJB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   CollectionRenderer,

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

@@ -4,8 +4,8 @@ import type { Store } from "../utils/store.tsx";
 export declare function useCollectionStoreProps<T extends Core.CollectionStore>(store: T, update: () => void, props: CollectionStoreProps): T;
 /**
  * Creates a collection store to control
- * [Collection](https://ariakit.org/components/collection) components.
- * @see https://ariakit.org/components/collection
+ * [Collection](https://ariakit.com/components/collection) components.
+ * @see https://ariakit.com/components/collection
  * @example
  * ```jsx
  * const collection = useCollectionStore();
@@ -28,7 +28,7 @@ export interface CollectionStoreFunctions<T extends CollectionStoreItem = Collec
 export interface CollectionStoreOptions<T extends CollectionStoreItem = CollectionStoreItem> extends Core.CollectionStoreOptions<T> {
     /**
      * A callback that gets called when the
-     * [`items`](https://ariakit.org/reference/collection-provider#items) state
+     * [`items`](https://ariakit.com/reference/collection-provider#items) state
      * changes.
      * @example
      * const [items, setItems] = useState([]);

package/esm/collection/collection-store.js

@@ -2,9 +2,9 @@
 import {
   useCollectionStore,
   useCollectionStoreProps
-} from "../__chunks/GVAFFF2B.js";
-import "../__chunks/Q5W46E73.js";
-import "../__chunks/KPHZR4MB.js";
+} from "../__chunks/6S37ITHJ.js";
+import "../__chunks/YAS7X7HB.js";
+import "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 export {
   useCollectionStore,

package/esm/collection/collection.d.ts

@@ -7,7 +7,7 @@ type TagName = typeof TagName;
  * Returns props to create a `Collection` component. It receives the collection
  * store through the `store` prop and provides context for `CollectionItem`
  * components.
- * @see https://ariakit.org/components/collection
+ * @see https://ariakit.com/components/collection
  * @example
  * ```jsx
  * const collection = useCollectionStore();
@@ -22,10 +22,10 @@ type TagName = typeof TagName;
 export declare const useCollection: import("../utils/types.ts").Hook<"div", CollectionOptions<"div">>;
 /**
  * Renders a simple wrapper for collection items. It accepts a collection store
- * through the [`store`](https://ariakit.org/reference/collection#store) prop
+ * through the [`store`](https://ariakit.com/reference/collection#store) prop
  * and provides context for
- * [`CollectionItem`](https://ariakit.org/reference/collection-item) components.
- * @see https://ariakit.org/components/collection
+ * [`CollectionItem`](https://ariakit.com/reference/collection-item) components.
+ * @see https://ariakit.com/components/collection
  * @example
  * ```jsx
  * const collection = useCollectionStore();
@@ -40,9 +40,9 @@ export declare const Collection: (props: CollectionProps) => import("react").Rea
 export interface CollectionOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
-     * [`useCollectionStore`](https://ariakit.org/reference/use-collection-store)
+     * [`useCollectionStore`](https://ariakit.com/reference/use-collection-store)
      * hook. If not provided, the closest
-     * [`CollectionProvider`](https://ariakit.org/reference/collection-provider)
+     * [`CollectionProvider`](https://ariakit.com/reference/collection-provider)
      * component's context will be used.
      */
     store?: CollectionStore;

package/esm/collection/collection.js

@@ -2,15 +2,15 @@
 import {
   CollectionScopedContextProvider,
   useCollectionProviderContext
-} from "../__chunks/SMPCIMZM.js";
+} from "../__chunks/FQHJBBMI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GWSL6KNJ.js";
+} from "../__chunks/TVXRYIJB.js";
 import {
   useWrapElement
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/collection/collection.tsx

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

@@ -7,7 +7,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxCancel` component that clears the combobox
  * input when clicked.
- * @see https://ariakit.org/components/combobox
+ * @see https://ariakit.com/components/combobox
  * @example
  * ```jsx
  * const store = useComboboxStore();
@@ -20,7 +20,7 @@ export declare const useComboboxCancel: import("../utils/types.ts").Hook<"button
 /**
  * Renders a combobox cancel button that clears the combobox input value when
  * clicked.
- * @see https://ariakit.org/components/combobox
+ * @see https://ariakit.com/components/combobox
  * @example
  * ```jsx {3}
  * <ComboboxProvider>
@@ -38,9 +38,9 @@ export declare const ComboboxCancel: (props: ComboboxCancelProps) => import("rea
 export interface ComboboxCancelOptions<T extends ElementType = TagName> extends ButtonOptions<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;
@@ -49,7 +49,7 @@ export interface ComboboxCancelOptions<T extends ElementType = TagName> extends
      * empty.
      *
      * Live examples:
-     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)
      * @default false
      */
     hideWhenEmpty?: boolean;

package/esm/combobox/combobox-cancel.js

@@ -1,27 +1,30 @@
 "use client";
 import {
   useComboboxProviderContext
-} from "../__chunks/CVCFNOHX.js";
-import "../__chunks/JMU4N4M5.js";
-import "../__chunks/A62MDFCW.js";
-import "../__chunks/LVDQFHCH.js";
-import "../__chunks/AVVXDJMZ.js";
+} from "../__chunks/H55QERR5.js";
+import "../__chunks/E4DZA6YM.js";
+import "../__chunks/W43ISTP6.js";
+import "../__chunks/SF4KD2LD.js";
+import "../__chunks/55FNNNML.js";
 import {
   useButton
-} from "../__chunks/HMKTUWOU.js";
-import "../__chunks/PZ3OL7I2.js";
-import "../__chunks/U6HHPQDW.js";
+} from "../__chunks/MJ6VZL5N.js";
+import "../__chunks/GHQLK2M5.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 {
   useEvent,
   useWrapElement
-} from "../__chunks/KPHZR4MB.js";
+} from "../__chunks/CEM7J6TT.js";
 import "../__chunks/YXGXYGQX.js";
 
 // src/combobox/combobox-cancel.tsx
@@ -64,11 +67,11 @@ var useComboboxCancel = createHook(
       store == null ? void 0 : store.setValue("");
       store == null ? void 0 : store.move(null);
     });
-    const comboboxId = store.useState((state) => {
+    const comboboxId = useStoreState(store, (state) => {
       var _a;
       return (_a = state.baseElement) == null ? void 0 : _a.id;
     });
-    const empty = store.useState((state) => state.value === "");
+    const empty = useStoreState(store, (state) => state.value === "");
     props = useWrapElement(
       props,
       (element) => {