@ariakit/react-core 0.3.3 → 0.3.5

package/cjs/__chunks/{ZHMGQCNX.cjs → ZDTJSOSW.cjs}

@@ -1,23 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _4K6QJIPXcjs = require('./4K6QJIPX.cjs');
 
+var _AH3CUB6Ncjs = require('./AH3CUB6N.cjs');
 
-var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
+var _KZA6P235cjs = require('./KZA6P235.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
 
 // src/popover/popover-arrow.tsx
 var _react = require('react');
@@ -35,7 +36,7 @@ var rotateMap = {
 function useComputedStyle(store) {
   const [style, setStyle] = _react.useState.call(void 0, );
   const contentElement = store.useState("contentElement");
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!contentElement)
       return;
     const win = _dom.getWindow.call(void 0, contentElement);
@@ -44,10 +45,10 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
-var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var usePopoverArrow = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, size = defaultSize } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "size"]);
-    const context = _AKOG5S2Tcjs.usePopoverContext.call(void 0, );
+    var _b = _a, { store, size = defaultSize } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "size"]);
+    const context = _KZA6P235cjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -64,17 +65,17 @@ var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0,
     const transform = rotateMap[dir];
     const children = _react.useMemo.call(void 0, 
       () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { transform, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _4K6QJIPXcjs.POPOVER_ARROW_PATH }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _4K6QJIPXcjs.POPOVER_ARROW_PATH })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _AH3CUB6Ncjs.POPOVER_ARROW_PATH }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _AH3CUB6Ncjs.POPOVER_ARROW_PATH })
       ] }) }),
       [transform]
     );
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       children,
       "aria-hidden": true
     }, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
-      style: _72I2GWXFcjs.__spreadValues.call(void 0, {
+      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
+      style: _WYXAWBLEcjs.__spreadValues.call(void 0, {
         // server side rendering
         position: "absolute",
         fontSize: size,
@@ -89,9 +90,9 @@ var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverArrow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var PopoverArrow = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverArrow(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverArrow.displayName = "PopoverArrow";

package/cjs/button/button.cjs

@@ -1,15 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KMOIJMBFcjs = require('../__chunks/KMOIJMBF.cjs');
-require('../__chunks/FXRXBA2Y.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _XCM6Y3AXcjs = require('../__chunks/XCM6Y3AX.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.Button = _KMOIJMBFcjs.Button; exports.useButton = _KMOIJMBFcjs.useButton;
+
+exports.Button = _XCM6Y3AXcjs.Button; exports.useButton = _XCM6Y3AXcjs.useButton;

package/cjs/button/button.d.cts

@@ -0,0 +1,26 @@
+import type { CommandOptions } from "../command/command.js";
+import type { As, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `Button` component. If the element is not a native
+ * button, the hook will return additional props to make sure it's accessible.
+ * @see https://ariakit.org/components/button
+ * @example
+ * ```jsx
+ * const props = useButton({ render: <div /> });
+ * <Role {...props}>Accessible button</Role>
+ * ```
+ */
+export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"button">>;
+/**
+ * Renders an accessible button element. If the underlying element is not a
+ * native button, this component will pass additional attributes to make sure
+ * it's accessible.
+ * @see https://ariakit.org/components/button
+ * @example
+ * ```jsx
+ * <Button render={<div />}>Accessible button</Button>
+ * ```
+ */
+export declare const Button: import("../utils/types.js").Component<ButtonOptions<"button">>;
+export type ButtonOptions<T extends As = "button"> = CommandOptions<T>;
+export type ButtonProps<T extends As = "button"> = Props<ButtonOptions<T>>;

package/cjs/checkbox/checkbox-check.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _P4F26HLTcjs = require('../__chunks/P4F26HLT.cjs');
-require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _Q4NPNRJZcjs = require('../__chunks/Q4NPNRJZ.cjs');
+require('../__chunks/ERFHNHON.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.CheckboxCheck = _P4F26HLTcjs.CheckboxCheck; exports.useCheckboxCheck = _P4F26HLTcjs.useCheckboxCheck;
+
+exports.CheckboxCheck = _Q4NPNRJZcjs.CheckboxCheck; exports.useCheckboxCheck = _Q4NPNRJZcjs.useCheckboxCheck;

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

@@ -0,0 +1,37 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { CheckboxStore } from "./checkbox-store.js";
+/**
+ * Returns props to create a `CheckboxCheck` component, that's usually rendered
+ * inside a `Checkbox` component.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * const props = useCheckboxCheck({ checked: true });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useCheckboxCheck: import("../utils/types.js").Hook<CheckboxCheckOptions<"span">>;
+/**
+ * Renders a check mark icon, usually inside a `Checkbox` component.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * <CheckboxCheck checked />
+ * ```
+ */
+export declare const CheckboxCheck: import("../utils/types.js").Component<CheckboxCheckOptions<"span">>;
+export interface CheckboxCheckOptions<T extends As = "span"> extends Options<T> {
+    /**
+     * Object returned by the `useCheckboxStore` hook. If not provided, the parent
+     * `Checkbox` component's context will be used. If the `checked` prop is
+     * provided, it will override this prop.
+     */
+    store?: CheckboxStore;
+    /**
+     * Whether the check mark should be shown. This value is automatically
+     * inferred from the `store` prop or the parent `Checkbox` component. Manually
+     * setting this prop will override the inferred value.
+     */
+    checked?: boolean;
+}
+export type CheckboxCheckProps<T extends As = "span"> = Props<CheckboxCheckOptions<T>>;

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 _ORDLD4QXcjs = require('../__chunks/ORDLD4QX.cjs');
 
+var _QXQFY7FWcjs = require('../__chunks/QXQFY7FW.cjs');
 
-var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.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 = _ORDLD4QXcjs.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 _ORDLD4QXcjs = require('../__chunks/ORDLD4QX.cjs');
-require('../__chunks/UHRHLHM2.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 = _ORDLD4QXcjs.useCheckboxStore; exports.useCheckboxStoreProps = _ORDLD4QXcjs.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 _H562FOJ4cjs = require('../__chunks/H562FOJ4.cjs');
-require('../__chunks/NER6RNCQ.cjs');
-require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/FXRXBA2Y.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.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 = _H562FOJ4cjs.Checkbox; exports.useCheckbox = _H562FOJ4cjs.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;