@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/__chunks/{GQAB4M3B.cjs → Z3GCTNW4.cjs}

@@ -1,21 +1,22 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
 
+var _75KXQZJXcjs = require('./75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/focusable/focusable.ts
 var _react = require('react');
@@ -32,6 +33,7 @@ var _events = require('@ariakit/core/utils/events');
 
 
 var _focus = require('@ariakit/core/utils/focus');
+var _misc = require('@ariakit/core/utils/misc');
 var _platform = require('@ariakit/core/utils/platform');
 var isSafariBrowser = _platform.isSafari.call(void 0, );
 var alwaysFocusVisibleInputTypes = [
@@ -107,7 +109,7 @@ function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled,
   return tabIndexProp || 0;
 }
 function useDisableEvent(onEvent, disabled) {
-  return _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+  return _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
     onEvent == null ? void 0 : onEvent(event);
     if (event.defaultPrevented)
       return;
@@ -135,14 +137,14 @@ function onGlobalKeyDown(event) {
     return;
   isKeyboardModality = true;
 }
-var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useFocusable = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       focusable = true,
       accessibleWhenDisabled,
       autoFocus,
       onFocusVisible
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "focusable",
       "accessibleWhenDisabled",
       "autoFocus",
@@ -176,7 +178,7 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
         };
       }, [focusable]);
     }
-    const disabled = focusable && props.disabled;
+    const disabled = focusable && _misc.disabledFromProps.call(void 0, props);
     const trulyDisabled = !!disabled && !accessibleWhenDisabled;
     const [focusVisible, setFocusVisible] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
@@ -214,7 +216,7 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
     );
     const onClickCapture = useDisableEvent(props.onClickCapture, disabled);
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -257,7 +259,7 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;
-    const onKeyDownCapture = _5WLTMVVQcjs.useEvent.call(void 0, 
+    const onKeyDownCapture = _EO6LS72Hcjs.useEvent.call(void 0, 
       (event) => {
         onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
@@ -279,7 +281,7 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
       }
     );
     const onFocusCaptureProp = props.onFocusCapture;
-    const onFocusCapture = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onFocusCapture = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -300,7 +302,7 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
       }
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (!focusable)
         return;
@@ -308,8 +310,8 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
         return;
       setFocusVisible(false);
     });
-    const autoFocusOnShow = _react.useContext.call(void 0, _LHHW5ZQPcjs.FocusableContext);
-    const autoFocusRef = _5WLTMVVQcjs.useEvent.call(void 0, (element) => {
+    const autoFocusOnShow = _react.useContext.call(void 0, _75KXQZJXcjs.FocusableContext);
+    const autoFocusRef = _EO6LS72Hcjs.useEvent.call(void 0, (element) => {
       if (!focusable)
         return;
       if (!autoFocus)
@@ -326,16 +328,16 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
         element.focus();
       });
     });
-    const tagName = _5WLTMVVQcjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as);
     const nativeTabbable = focusable && isNativeTabbable(tagName);
     const supportsDisabled = focusable && supportsDisabledAttribute(tagName);
-    const style = trulyDisabled ? _72I2GWXFcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style) : props.style;
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    const style = trulyDisabled ? _AV6KTKLEcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style) : props.style;
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "data-focus-visible": focusable && focusVisible ? "" : void 0,
       "data-autofocus": autoFocus ? true : void 0,
       "aria-disabled": disabled ? true : void 0
     }, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, autoFocusRef, props.ref),
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, autoFocusRef, props.ref),
       style,
       tabIndex: getTabIndex(
         focusable,
@@ -358,9 +360,9 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var Focusable = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Focusable = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   props = useFocusable(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", props);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", props);
 });
 if (process.env.NODE_ENV !== "production") {
   Focusable.displayName = "Focusable";

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 _EZKYHQVFcjs = require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.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 _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.Button = _EZKYHQVFcjs.Button; exports.useButton = _EZKYHQVFcjs.useButton;
+
+exports.Button = _5UTRYT6Ecjs.Button; exports.useButton = _5UTRYT6Ecjs.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 _T4KYZJUYcjs = require('../__chunks/T4KYZJUY.cjs');
+require('../__chunks/ERFHNHON.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.CheckboxCheck = _P4F26HLTcjs.CheckboxCheck; exports.useCheckboxCheck = _P4F26HLTcjs.useCheckboxCheck;
+
+exports.CheckboxCheck = _T4KYZJUYcjs.CheckboxCheck; exports.useCheckboxCheck = _T4KYZJUYcjs.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/AV6KTKLE.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 _63UPRTFZcjs = require('../__chunks/63UPRTFZ.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
-exports.CheckboxContextProvider = _NER6RNCQcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _NER6RNCQcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _NER6RNCQcjs.useCheckboxContext; exports.useCheckboxProviderContext = _NER6RNCQcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _NER6RNCQcjs.useCheckboxScopedContext;
+
+exports.CheckboxContextProvider = _63UPRTFZcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _63UPRTFZcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _63UPRTFZcjs.useCheckboxContext; exports.useCheckboxProviderContext = _63UPRTFZcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _63UPRTFZcjs.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 _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.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 _63UPRTFZcjs = require('../__chunks/63UPRTFZ.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.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 = _5GQV7KPQcjs.useCheckboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _63UPRTFZcjs.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 _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.useCheckboxStore = _ZIEW4CQOcjs.useCheckboxStore; exports.useCheckboxStoreProps = _ZIEW4CQOcjs.useCheckboxStoreProps;
+
+exports.useCheckboxStore = _5GQV7KPQcjs.useCheckboxStore; exports.useCheckboxStoreProps = _5GQV7KPQcjs.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 _BY6ER73Ucjs = require('../__chunks/BY6ER73U.cjs');
+require('../__chunks/63UPRTFZ.cjs');
+require('../__chunks/ERFHNHON.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.Checkbox = _2H4Y2NEYcjs.Checkbox; exports.useCheckbox = _2H4Y2NEYcjs.useCheckbox;
+
+exports.Checkbox = _BY6ER73Ucjs.Checkbox; exports.useCheckbox = _BY6ER73Ucjs.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 _BZTDJIVTcjs = require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
-exports.CollectionContextProvider = _NHZBX2RScjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _NHZBX2RScjs.CollectionScopedContextProvider; exports.useCollectionContext = _NHZBX2RScjs.useCollectionContext; exports.useCollectionProviderContext = _NHZBX2RScjs.useCollectionProviderContext; exports.useCollectionScopedContext = _NHZBX2RScjs.useCollectionScopedContext;
+
+exports.CollectionContextProvider = _BZTDJIVTcjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _BZTDJIVTcjs.CollectionScopedContextProvider; exports.useCollectionContext = _BZTDJIVTcjs.useCollectionContext; exports.useCollectionProviderContext = _BZTDJIVTcjs.useCollectionProviderContext; exports.useCollectionScopedContext = _BZTDJIVTcjs.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;