@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/checkbox/checkbox-checked-context.cjs

@@ -1,7 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _FO6MB5HFcjs = require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _ERFHNHONcjs = require('../__chunks/ERFHNHON.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
-exports.CheckboxCheckedContext = _FO6MB5HFcjs.CheckboxCheckedContext;
+
+exports.CheckboxCheckedContext = _ERFHNHONcjs.CheckboxCheckedContext;

package/cjs/checkbox/checkbox-checked-context.d.cts

@@ -0,0 +1 @@
+export declare const CheckboxCheckedContext: import("react").Context<boolean>;

package/cjs/checkbox/checkbox-context.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
-var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _KU7YLZWTcjs = require('../__chunks/KU7YLZWT.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
 
 
-exports.CheckboxContextProvider = _NER6RNCQcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _NER6RNCQcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _NER6RNCQcjs.useCheckboxContext; exports.useCheckboxProviderContext = _NER6RNCQcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _NER6RNCQcjs.useCheckboxScopedContext;
+
+exports.CheckboxContextProvider = _KU7YLZWTcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _KU7YLZWTcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _KU7YLZWTcjs.useCheckboxContext; exports.useCheckboxProviderContext = _KU7YLZWTcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _KU7YLZWTcjs.useCheckboxScopedContext;

package/cjs/checkbox/checkbox-context.d.cts

@@ -0,0 +1,19 @@
+import type { CheckboxStore } from "./checkbox-store.js";
+/**
+ * Returns the checkbox store from the nearest checkbox container.
+ * @example
+ * function Checkbox() {
+ *   const store = useCheckboxContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Checkbox must be wrapped in CheckboxProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useCheckboxContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const useCheckboxScopedContext: (onlyScoped?: boolean) => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const useCheckboxProviderContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const CheckboxContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxScopedContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/checkbox/checkbox-provider.cjs

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _ZIEW4CQOcjs = require('../__chunks/ZIEW4CQO.cjs');
 
+var _QXQFY7FWcjs = require('../__chunks/QXQFY7FW.cjs');
 
-var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _KU7YLZWTcjs = require('../__chunks/KU7YLZWT.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/checkbox/checkbox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function CheckboxProvider(props = {}) {
-  const store = _ZIEW4CQOcjs.useCheckboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NER6RNCQcjs.CheckboxContextProvider, { value: store, children: props.children });
+  const store = _QXQFY7FWcjs.useCheckboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KU7YLZWTcjs.CheckboxContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/checkbox/checkbox-provider.d.cts

@@ -0,0 +1,29 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { CheckboxStoreProps, CheckboxStoreValue } from "./checkbox-store.js";
+type Value = CheckboxStoreValue;
+/**
+ * Provides a checkbox store to its descendants. This is useful to create a
+ * group of checkboxes that share the same store.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * <CheckboxProvider defaultValue={["orange"]}>
+ *   <label>
+ *     <Checkbox value="apple" /> Apple
+ *   </label>
+ *   <label>
+ *     <Checkbox value="orange" /> Orange
+ *   </label>
+ *   <label>
+ *     <Checkbox value="mango" /> Mango
+ *   </label>
+ * </CheckboxProvider>
+ * ```
+ */
+export declare function CheckboxProvider<T extends Value = Value>(props: PickRequired<CheckboxProviderProps<T>, "value" | "defaultValue">): ReactElement;
+export declare function CheckboxProvider(props?: CheckboxProviderProps): ReactElement;
+export interface CheckboxProviderProps<T extends Value = Value> extends CheckboxStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/cjs/checkbox/checkbox-store.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ZIEW4CQOcjs = require('../__chunks/ZIEW4CQO.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _QXQFY7FWcjs = require('../__chunks/QXQFY7FW.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.useCheckboxStore = _ZIEW4CQOcjs.useCheckboxStore; exports.useCheckboxStoreProps = _ZIEW4CQOcjs.useCheckboxStoreProps;
+
+exports.useCheckboxStore = _QXQFY7FWcjs.useCheckboxStore; exports.useCheckboxStoreProps = _QXQFY7FWcjs.useCheckboxStoreProps;

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

@@ -0,0 +1,35 @@
+import * as Core from "@ariakit/core/checkbox/checkbox-store";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { Store } from "../utils/store.js";
+type Value = Core.CheckboxStoreValue;
+export declare function useCheckboxStoreProps<T extends Core.CheckboxStore>(store: T, update: () => void, props: CheckboxStoreProps): T;
+/**
+ * Creates a checkbox store.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * const checkbox = useCheckboxStore({ defaultValue: true });
+ * <Checkbox store={checkbox} />
+ * ```
+ */
+export declare function useCheckboxStore<T extends Value = Value>(props: PickRequired<CheckboxStoreProps<T>, "value" | "defaultValue">): CheckboxStore<T>;
+export declare function useCheckboxStore(props?: CheckboxStoreProps): CheckboxStore;
+export type CheckboxStoreValue = Core.CheckboxStoreValue;
+export type CheckboxStoreState<T extends Value = Value> = Core.CheckboxStoreState<T>;
+export type CheckboxStoreFunctions<T extends Value = Value> = Core.CheckboxStoreFunctions<T>;
+export interface CheckboxStoreOptions<T extends Value = Value> extends Core.CheckboxStoreOptions<T> {
+    /**
+     * A callback that gets called when the `value` state changes.
+     * @param value The new value.
+     * @example
+     * function MyCheckbox({ value, onChange }) {
+     *   const checkbox = useCheckboxStore({ value, setValue: onChange });
+     * }
+     */
+    setValue?: (value: CheckboxStoreState<T>["value"]) => void;
+}
+export interface CheckboxStoreProps<T extends Value = Value> extends CheckboxStoreOptions<T>, Core.CheckboxStoreProps<T> {
+}
+export interface CheckboxStore<T extends Value = Value> extends CheckboxStoreFunctions<T>, Store<Core.CheckboxStore<T>> {
+}
+export {};

package/cjs/checkbox/checkbox.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2H4Y2NEYcjs = require('../__chunks/2H4Y2NEY.cjs');
-require('../__chunks/NER6RNCQ.cjs');
-require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _UL3EZVAKcjs = require('../__chunks/UL3EZVAK.cjs');
+require('../__chunks/KU7YLZWT.cjs');
+require('../__chunks/ERFHNHON.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.Checkbox = _2H4Y2NEYcjs.Checkbox; exports.useCheckbox = _2H4Y2NEYcjs.useCheckbox;
+
+exports.Checkbox = _UL3EZVAKcjs.Checkbox; exports.useCheckbox = _UL3EZVAKcjs.useCheckbox;

package/cjs/checkbox/checkbox.d.cts

@@ -0,0 +1,79 @@
+import type { ChangeEvent, InputHTMLAttributes } from "react";
+import type { CommandOptions } from "../command/command.js";
+import type { As, Props } from "../utils/types.js";
+import type { CheckboxStore } from "./checkbox-store.js";
+/**
+ * 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
+ * @example
+ * ```jsx
+ * const props = useCheckbox({ render: <div /> });
+ * <Role {...props}>Accessible checkbox</Role>
+ * ```
+ */
+export declare const useCheckbox: import("../utils/types.js").Hook<CheckboxOptions<"input">>;
+/**
+ * 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
+ * @example
+ * ```jsx
+ * <Checkbox render={<div />}>Accessible checkbox</Checkbox>
+ * ```
+ */
+export declare const Checkbox: import("../utils/types.js").Component<CheckboxOptions<"input">>;
+export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<T> {
+    /**
+     * Object returned by the
+     * [`useCheckboxStore`](https://ariakit.org/reference/use-checkbox-store)
+     * hook. If not provided, the closest
+     * [`CheckboxProvider`](https://ariakit.org/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)
+     */
+    store?: CheckboxStore;
+    /**
+     * The native `name` attribute.
+     */
+    name?: string;
+    /**
+     * The value of the checkbox. This is useful when the same checkbox store is
+     * used for multiple `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)
+     * @example
+     * ```jsx
+     * <CheckboxProvider defaultValue={["Apple", "Orange"]}>
+     *   <Checkbox value="Apple" />
+     *   <Checkbox value="Orange" />
+     *   <Checkbox value="Watermelon" />
+     * </CheckboxProvider>
+     * ```
+     */
+    value?: InputHTMLAttributes<HTMLInputElement>["value"];
+    /**
+     * The default `checked` state of the checkbox. This prop is ignored if the
+     * `checked` or the `store` props are provided.
+     */
+    defaultChecked?: "mixed" | boolean;
+    /**
+     * The `checked` state of the checkbox. This will override the value inferred
+     * from `store` prop, if provided. This can be `"mixed"` to indicate that the
+     * checkbox is partially checked.
+     */
+    checked?: "mixed" | boolean;
+    /**
+     * A function that is called when the checkbox's `checked` store changes.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export type CheckboxProps<T extends As = "input"> = Props<CheckboxOptions<T>>;

package/cjs/checkbox/checkbox.d.ts

@@ -38,6 +38,10 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
      * - [Checkbox as button](https://ariakit.org/examples/checkbox-as-button)
      */
     store?: CheckboxStore;
+    /**
+     * The native `name` attribute.
+     */
+    name?: string;
     /**
      * The value of the checkbox. This is useful when the same checkbox store is
      * used for multiple `Checkbox` elements, in which case the value will be an

package/cjs/collection/collection-context.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
-var _NHZBX2RScjs = require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _JVORNAMDcjs = require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
 
 
-exports.CollectionContextProvider = _NHZBX2RScjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _NHZBX2RScjs.CollectionScopedContextProvider; exports.useCollectionContext = _NHZBX2RScjs.useCollectionContext; exports.useCollectionProviderContext = _NHZBX2RScjs.useCollectionProviderContext; exports.useCollectionScopedContext = _NHZBX2RScjs.useCollectionScopedContext;
+
+exports.CollectionContextProvider = _JVORNAMDcjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _JVORNAMDcjs.CollectionScopedContextProvider; exports.useCollectionContext = _JVORNAMDcjs.useCollectionContext; exports.useCollectionProviderContext = _JVORNAMDcjs.useCollectionProviderContext; exports.useCollectionScopedContext = _JVORNAMDcjs.useCollectionScopedContext;

package/cjs/collection/collection-context.d.cts

@@ -0,0 +1,34 @@
+import type { CollectionStore } from "./collection-store.js";
+/**
+ * Returns the collection store from the nearest collection container.
+ * @example
+ * function CollectionItem() {
+ *   const store = useCollectionContext();
+ *
+ *   if (!store) {
+ *     throw new Error("CollectionItem must be wrapped in CollectionProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useCollectionContext: () => CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined;
+export declare const useCollectionScopedContext: (onlyScoped?: boolean) => CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined;
+export declare const useCollectionProviderContext: () => CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined;
+export declare const CollectionContextProvider: (props: import("react").ProviderProps<CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CollectionScopedContextProvider: (props: import("react").ProviderProps<CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/collection/collection-item.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FMI5QF7Ncjs = require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _HY2NPBHWcjs = require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.CollectionItem = _FMI5QF7Ncjs.CollectionItem; exports.useCollectionItem = _FMI5QF7Ncjs.useCollectionItem;
+
+exports.CollectionItem = _HY2NPBHWcjs.CollectionItem; exports.useCollectionItem = _HY2NPBHWcjs.useCollectionItem;

package/cjs/collection/collection-item.d.cts

@@ -0,0 +1,55 @@
+import type { CollectionStoreItem } from "@ariakit/core/collection/collection-store";
+import type { As, Options, Props } from "../utils/types.js";
+import type { CollectionStore } from "./collection-store.js";
+/**
+ * Returns props to create a `CollectionItem` component. This hook will register
+ * 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
+ * @example
+ * ```jsx
+ * const store = useCollectionStore();
+ * const props = useCollectionItem({ store });
+ * <Role {...props}>Item</Role>
+ * ```
+ */
+export declare const useCollectionItem: import("../utils/types.js").Hook<CollectionItemOptions<"div">>;
+/**
+ * Renders an item in a collection. The collection store can be passed
+ * explicitly through the `store` prop or implicitly through the parent
+ * `Collection` component.
+ * @see https://ariakit.org/components/collection
+ * @example
+ * ```jsx
+ * const store = useCollectionStore();
+ * <CollectionItem store={store}>Item 1</CollectionItem>
+ * <CollectionItem store={store}>Item 2</CollectionItem>
+ * <CollectionItem store={store}>Item 3</CollectionItem>
+ * ```
+ */
+export declare const CollectionItem: import("../utils/types.js").Component<CollectionItemOptions<"div">>;
+export interface CollectionItemOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * Object returned by the `useCollectionStore` hook. If not provided, the
+     * parent `Collection` component's context will be used.
+     */
+    store?: CollectionStore;
+    /**
+     * Whether the item should be registered to the store.
+     * @default true
+     */
+    shouldRegisterItem?: boolean;
+    /**
+     * A memoized function that returns props that will be passed along with the
+     * item when it gets registered to the store.
+     * @example
+     * ```jsx
+     * const store = useCollectionStore();
+     * const getItem = useCallback((item) => ({ ...item, custom: true }), []);
+     * <CollectionItem store={store} getItem={getItem} />
+     * ```
+     */
+    getItem?: (props: CollectionStoreItem) => CollectionStoreItem;
+}
+export type CollectionItemProps<T extends As = "div"> = Props<CollectionItemOptions<T>>;

package/cjs/collection/collection-provider.cjs

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _76UBACFCcjs = require('../__chunks/76UBACFC.cjs');
 
+var _W23HEISMcjs = require('../__chunks/W23HEISM.cjs');
 
-var _NHZBX2RScjs = require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _JVORNAMDcjs = require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/collection/collection-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function CollectionProvider(props = {}) {
-  const store = _76UBACFCcjs.useCollectionStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NHZBX2RScjs.CollectionContextProvider, { value: store, children: props.children });
+  const store = _W23HEISMcjs.useCollectionStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JVORNAMDcjs.CollectionContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/collection/collection-provider.d.cts

@@ -0,0 +1,22 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { CollectionStoreItem, CollectionStoreProps } from "./collection-store.js";
+type Item = CollectionStoreItem;
+/**
+ * Provides a collection store to CollectionItem components.
+ * @see https://ariakit.org/components/collection
+ * @example
+ * ```jsx
+ * <CollectionProvider>
+ *   <CollectionItem />
+ *   <CollectionItem />
+ *   <CollectionItem />
+ * </CollectionProvider>
+ * ```
+ */
+export declare function CollectionProvider<T extends Item = Item>(props: PickRequired<CollectionProviderProps<T>, "items" | "defaultItems">): ReactElement;
+export declare function CollectionProvider(props?: CollectionProviderProps): ReactElement;
+export interface CollectionProviderProps<T extends Item = Item> extends CollectionStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/cjs/collection/collection-renderer.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
-var _J37FS72Ucjs = require('../__chunks/J37FS72U.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _VPDW6TOScjs = require('../__chunks/VPDW6TOS.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
 
-exports.CollectionRenderer = _J37FS72Ucjs.CollectionRenderer; exports.getCollectionRendererItem = _J37FS72Ucjs.getCollectionRendererItem; exports.getCollectionRendererItemId = _J37FS72Ucjs.getCollectionRendererItemId; exports.useCollectionRenderer = _J37FS72Ucjs.useCollectionRenderer;
+
+exports.CollectionRenderer = _VPDW6TOScjs.CollectionRenderer; exports.getCollectionRendererItem = _VPDW6TOScjs.getCollectionRendererItem; exports.getCollectionRendererItemId = _VPDW6TOScjs.getCollectionRendererItemId; exports.useCollectionRenderer = _VPDW6TOScjs.useCollectionRenderer;