@ariakit/react-core 0.3.1 → 0.3.3

package/esm/dialog/utils/mark-tree-outside.d.ts

@@ -2,5 +2,5 @@ type Elements = Array<Element | null>;
 export declare function markElement(element: Element, id?: string): () => void;
 export declare function markAncestor(element: Element, id?: string): () => void;
 export declare function isElementMarked(element: Element, id?: string): boolean;
-export declare function markTreeOutside(dialogId: string, ...elements: Elements): () => void;
+export declare function markTreeOutside(id: string, elements: Elements): () => void;
 export {};

package/esm/dialog/utils/mark-tree-outside.js

@@ -3,9 +3,9 @@ import {
   markAncestor,
   markElement,
   markTreeOutside
-} from "../../__chunks/KGDYSCOM.js";
+} from "../../__chunks/FRKOFFMT.js";
 import "../../__chunks/IXXFVVA2.js";
-import "../../__chunks/5M4ITSXL.js";
+import "../../__chunks/VRCYQ6JX.js";
 import "../../__chunks/FW6QFGFT.js";
 import "../../__chunks/PNRLI7OV.js";
 export {

package/esm/dialog/utils/use-hide-on-interact-outside.js

@@ -1,9 +1,9 @@
 import {
   useHideOnInteractOutside
-} from "../../__chunks/HAVCR65N.js";
-import "../../__chunks/KGDYSCOM.js";
+} from "../../__chunks/7LB47D2O.js";
+import "../../__chunks/FRKOFFMT.js";
 import "../../__chunks/IXXFVVA2.js";
-import "../../__chunks/5M4ITSXL.js";
+import "../../__chunks/VRCYQ6JX.js";
 import "../../__chunks/7JNF6I52.js";
 import "../../__chunks/FW6QFGFT.js";
 import "../../__chunks/J7Q2EO23.js";

package/esm/dialog/utils/use-nested-dialogs.js

@@ -1,6 +1,6 @@
 import {
   useNestedDialogs
-} from "../../__chunks/PLOINBVB.js";
+} from "../../__chunks/HWJ7DGMR.js";
 import "../../__chunks/J7Q2EO23.js";
 import "../../__chunks/CP3U4HPL.js";
 import "../../__chunks/PNRLI7OV.js";

package/esm/dialog/utils/walk-tree-outside.d.ts

@@ -1,4 +1,5 @@
 type Elements = Array<Element | null>;
-export declare function isValidElement(element: Element, ignoredElements: Elements): boolean;
-export declare function walkTreeOutside(elements: Elements, callback: (element: Element, originalElement: Element) => void, ancestorCallback?: (element: Element, originalElement: Element) => void): void;
+export declare function isValidElement(id: string, element: Element, ignoredElements: Elements): boolean;
+export declare function walkTreeOutside(id: string, elements: Elements, callback: (element: Element, originalElement: Element) => void, ancestorCallback?: (element: Element, originalElement: Element) => void): void;
+export declare function createWalkTreeSnapshot(id: string, elements: Elements): () => void;
 export {};

package/esm/dialog/utils/walk-tree-outside.js

@@ -1,9 +1,12 @@
 import {
+  createWalkTreeSnapshot,
   isValidElement,
   walkTreeOutside
-} from "../../__chunks/5M4ITSXL.js";
+} from "../../__chunks/VRCYQ6JX.js";
+import "../../__chunks/FW6QFGFT.js";
 import "../../__chunks/PNRLI7OV.js";
 export {
+  createWalkTreeSnapshot,
   isValidElement,
   walkTreeOutside
 };

package/esm/disclosure/disclosure-content.d.ts

@@ -18,15 +18,20 @@ export declare const useDisclosureContent: import("../utils/types.js").Hook<Disc
  * @see https://ariakit.org/components/disclosure
  * @example
  * ```jsx
- * const disclosure = useDisclosureStore();
- * <Disclosure store={disclosure}>Disclosure</Disclosure>
- * <DisclosureContent store={disclosure}>Content</DisclosureContent>
+ * <DisclosureProvider>
+ *   <Disclosure>Disclosure</Disclosure>
+ *   <DisclosureContent>Content</DisclosureContent>
+ * </DisclosureProvider>
  * ```
  */
 export declare const DisclosureContent: import("../utils/types.js").Component<DisclosureContentOptions<"div">>;
 export interface DisclosureContentOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `useDisclosureStore` hook.
+     * Object returned by the
+     * [`useDisclosureStore`](https://ariakit.org/reference/use-disclosure-store)
+     * hook. If not provided, the closest
+     * [`DisclosureProvider`](https://ariakit.org/reference/disclosure-provider)
+     * component's context will be used.
      */
     store?: DisclosureStore;
     /**

package/esm/disclosure/disclosure-provider.js

@@ -4,8 +4,8 @@ import {
 import "../__chunks/CFEUKV6C.js";
 import {
   useDisclosureStore
-} from "../__chunks/E6GADH6Y.js";
-import "../__chunks/XXO3VVQU.js";
+} from "../__chunks/BWOZSOC7.js";
+import "../__chunks/4LP74VAP.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -1,7 +1,6 @@
-import type { DependencyList } from "react";
 import * as Core from "@ariakit/core/disclosure/disclosure-store";
 import type { Store } from "../utils/store.js";
-export declare function useDisclosureStoreProps<T extends Core.DisclosureStore>(store: T, update: () => void, props: DisclosureStoreProps, deps?: DependencyList): T;
+export declare function useDisclosureStoreProps<T extends Core.DisclosureStore>(store: T, update: () => void, props: DisclosureStoreProps): T;
 /**
  * Creates a disclosure store.
  * @see https://ariakit.org/components/disclosure

package/esm/disclosure/disclosure-store.js

@@ -1,8 +1,8 @@
 import {
   useDisclosureStore,
   useDisclosureStoreProps
-} from "../__chunks/E6GADH6Y.js";
-import "../__chunks/XXO3VVQU.js";
+} from "../__chunks/BWOZSOC7.js";
+import "../__chunks/4LP74VAP.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/disclosure/disclosure.d.ts

@@ -21,20 +21,27 @@ export declare const useDisclosure: import("../utils/types.js").Hook<DisclosureO
  * @see https://ariakit.org/components/disclosure
  * @example
  * ```jsx
- * const disclosure = useDisclosureStore();
- * <Disclosure store={disclosure}>Disclosure</Disclosure>
- * <DisclosureContent store={disclosure}>Content</DisclosureContent>
+ * <DisclosureProvider>
+ *   <Disclosure>Disclosure</Disclosure>
+ *   <DisclosureContent>Content</DisclosureContent>
+ * </DisclosureProvider>
  * ```
  */
 export declare const Disclosure: import("../utils/types.js").Component<DisclosureOptions<"button">>;
 export interface DisclosureOptions<T extends As = "button"> extends ButtonOptions<T> {
     /**
-     * Object returned by the `useDisclosureStore` hook.
+     * Object returned by the
+     * [`useDisclosureStore`](https://ariakit.org/reference/use-disclosure-store)
+     * hook. If not provided, the closest
+     * [`DisclosureProvider`](https://ariakit.org/reference/disclosure-provider)
+     * component's context will be used.
      */
     store?: DisclosureStore;
     /**
-     * Determines whether `store.toggle()` will be called on click. This is useful
-     * if you want to handle the toggle logic yourself.
+     * Determines whether
+     * [`toggle`](https://ariakit.org/reference/use-disclosure-store#toggle) will
+     * be called on click. This is useful if you want to handle the toggle logic
+     * yourself.
      * @default true
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;

package/esm/disclosure/disclosure.js

@@ -1,11 +1,11 @@
 import {
   Disclosure,
   useDisclosure
-} from "../__chunks/7AFOF5E7.js";
-import "../__chunks/QPWEKAWF.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/R6PKH666.js";
+import "../__chunks/D2BRO4YW.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";

package/esm/focusable/focusable.js

@@ -1,7 +1,7 @@
 import {
   Focusable,
   useFocusable
-} from "../__chunks/M4OAD5XF.js";
+} from "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";

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

@@ -22,7 +22,11 @@ export declare const useFormCheckbox: import("../utils/types.js").Hook<FormCheck
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { acceptTerms: false } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     acceptTerms: false,
+ *   },
+ * });
  * <Form store={form}>
  *   <label>
  *     <FormCheckbox name={form.names.acceptTerms} />

package/esm/form/form-checkbox.js

@@ -6,23 +6,23 @@ import {
 } from "../__chunks/NJS632IW.js";
 import {
   useCheckbox
-} from "../__chunks/HGW6FZYU.js";
+} from "../__chunks/G4QRTAYK.js";
 import {
   useCheckboxStore
-} from "../__chunks/KZMKUBQH.js";
+} from "../__chunks/D6CHFQY5.js";
 import "../__chunks/ICL2YIES.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/4LP74VAP.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/form/form-description.d.ts

@@ -22,7 +22,11 @@ export declare const useFormDescription: import("../utils/types.js").Hook<FormDe
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { password: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     password: "",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormLabel name={form.names.password}>Password</FormLabel>
  *   <FormInput name={form.names.password} type="password" />
@@ -35,8 +39,11 @@ export declare const useFormDescription: import("../utils/types.js").Hook<FormDe
 export declare const FormDescription: import("../utils/types.js").Component<FormDescriptionOptions<"div">>;
 export interface FormDescriptionOptions<T extends As = "div"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/esm/form/form-error.d.ts

@@ -30,7 +30,11 @@ export declare const useFormError: import("../utils/types.js").Hook<FormErrorOpt
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { email: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     email: "",
+ *   },
+ * });
  *
  * form.useValidate(() => {
  *   if (!form.values.email) {
@@ -48,8 +52,11 @@ export declare const useFormError: import("../utils/types.js").Hook<FormErrorOpt
 export declare const FormError: import("../utils/types.js").Component<FormErrorOptions<"div">>;
 export interface FormErrorOptions<T extends As = "div"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/esm/form/form-field.d.ts

@@ -30,21 +30,26 @@ import type { FormStore } from "./form-store.js";
  */
 export declare const useFormField: import("../utils/types.js").Hook<FormFieldOptions<"input">>;
 /**
- * Renders a form field. Unlike `FormInput`, this component doesn't
- * automatically pass the `value` and `onChange` props down to the underlying
- * element. This is so we can use it not only for native form elements but also
- * for custom components whose value is not controlled by the native `value` and
- * `onChange` props.
+ * Renders a form field. Unlike
+ * [`FormInput`](https://ariakit.org/reference/form-input), this component
+ * doesn't automatically pass the `value` and `onChange` props down to the
+ * underlying element. This is so we can use it not only for native form
+ * elements but also for custom components whose value is not controlled by the
+ * native `value` and `onChange` props.
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { content: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     content: "",
+ *   },
+ * });
+ *
  * const value = form.useValue(form.names.content);
  *
  * <Form store={form}>
  *   <FormLabel name={form.names.content}>Content</FormLabel>
  *   <FormField
- *     {...props}
  *     value={value}
  *     onChange={(value) => form.setValue(form.names.content, value)}
  *     render={<Editor />}
@@ -55,8 +60,11 @@ export declare const useFormField: import("../utils/types.js").Hook<FormFieldOpt
 export declare const FormField: import("../utils/types.js").Component<FormFieldOptions<"input">>;
 export interface FormFieldOptions<T extends As = "input"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/esm/form/form-group-label.d.ts

@@ -16,8 +16,8 @@ import type { FormStore } from "./form-store.js";
 export declare const useFormGroupLabel: import("../utils/types.js").Hook<FormGroupLabelOptions<"div">>;
 /**
  * Renders a label in a form group. This component must be wrapped with
- * `FormGroup` so the `aria-labelledby` prop is properly set on the form group
- * element.
+ * [`FormGroup`](https://ariakit.org/reference/form-group) so the
+ * `aria-labelledby` prop is properly set on the form group element.
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
@@ -41,8 +41,11 @@ export declare const useFormGroupLabel: import("../utils/types.js").Hook<FormGro
 export declare const FormGroupLabel: import("../utils/types.js").Component<FormGroupLabelOptions<"div">>;
 export interface FormGroupLabelOptions<T extends As = "div"> extends GroupLabelOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
 }

package/esm/form/form-group.d.ts

@@ -41,8 +41,11 @@ export declare const useFormGroup: import("../utils/types.js").Hook<FormGroupOpt
 export declare const FormGroup: import("../utils/types.js").Component<FormGroupOptions<"div">>;
 export interface FormGroupOptions<T extends As = "div"> extends GroupOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
 }

package/esm/form/form-input.d.ts

@@ -18,13 +18,18 @@ import type { FormFieldOptions } from "./form-field.js";
  */
 export declare const useFormInput: import("../utils/types.js").Hook<FormInputOptions<"input">>;
 /**
- * Renders a form input. Unlike `FormField`, this component passes the `value`
- * and `onChange` props down to the underlying element that can be a native
- * input, select or textarea elements.
+ * Renders a form input. Unlike
+ * [`FormField`](https://ariakit.org/reference/form-field), this component
+ * passes the `value` and `onChange` props down to the underlying element that
+ * can be a native input, select or textarea elements.
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { email: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     email: "",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormLabel name={form.names.email}>Email</FormLabel>
  *   <FormInput name={form.names.email} />

package/esm/form/form-input.js

@@ -8,7 +8,7 @@ import "../__chunks/XIA3HAXM.js";
 import "../__chunks/74KKBFVP.js";
 import {
   useFocusable
-} from "../__chunks/M4OAD5XF.js";
+} from "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,

package/esm/form/form-label.d.ts

@@ -29,7 +29,11 @@ export declare const useFormLabel: import("../utils/types.js").Hook<FormLabelOpt
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { email: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     email: "",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormLabel name={form.names.email}>Email</Role>
  *   <FormInput name={form.names.email} />
@@ -39,8 +43,11 @@ export declare const useFormLabel: import("../utils/types.js").Hook<FormLabelOpt
 export declare const FormLabel: import("../utils/types.js").Component<FormLabelOptions<"label">>;
 export interface FormLabelOptions<T extends As = "label"> extends CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/esm/form/form-provider.js

@@ -1,13 +1,13 @@
 import {
   useFormStore
-} from "../__chunks/FBTQUSIH.js";
+} from "../__chunks/3T4UFIWO.js";
 import {
   FormContextProvider
 } from "../__chunks/NJS632IW.js";
-import "../__chunks/NWDF5QDV.js";
+import "../__chunks/C6MBVGZ2.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/4LP74VAP.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/form/form-push.d.ts

@@ -55,8 +55,11 @@ export declare const useFormPush: import("../utils/types.js").Hook<FormPushOptio
 export declare const FormPush: import("../utils/types.js").Component<FormPushOptions<"button">>;
 export interface FormPushOptions<T extends As = "button"> extends ButtonOptions<T>, CollectionItemOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/esm/form/form-push.js

@@ -3,13 +3,13 @@ import {
 } from "../__chunks/NJS632IW.js";
 import {
   useButton
-} from "../__chunks/QPWEKAWF.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/D2BRO4YW.js";
+import "../__chunks/XBIFFFUN.js";
 import {
   useCollectionItem
 } from "../__chunks/XIA3HAXM.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,

package/esm/form/form-radio-group.d.ts

@@ -23,7 +23,11 @@ export declare const useFormRadioGroup: import("../utils/types.js").Hook<FormRad
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { color: "red" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     color: "red",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormRadioGroup>
  *     <FormGroupLabel>Favorite color</FormGroupLabel>

package/esm/form/form-radio.d.ts

@@ -26,7 +26,11 @@ export declare const useFormRadio: import("../utils/types.js").Hook<FormRadioOpt
  * @see https://ariakit.org/components/form
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { char: "a" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     char: "a",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormRadioGroup>
  *     <FormGroupLabel>Favorite character</FormGroupLabel>

package/esm/form/form-radio.js

@@ -6,22 +6,22 @@ import {
 } from "../__chunks/NJS632IW.js";
 import {
   useRadio
-} from "../__chunks/R4FKKQYI.js";
+} from "../__chunks/OJDCQDIL.js";
 import "../__chunks/NRFPH2ON.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/54J7EHCU.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/4LP74VAP.js";
 import {
   useEvent
 } from "../__chunks/J7Q2EO23.js";

package/esm/form/form-remove.d.ts

@@ -54,8 +54,11 @@ export declare const useFormRemove: import("../utils/types.js").Hook<FormRemoveO
 export declare const FormRemove: import("../utils/types.js").Component<FormRemoveOptions<"button">>;
 export interface FormRemoveOptions<T extends As = "button"> extends ButtonOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
     /**

package/esm/form/form-remove.js

@@ -3,10 +3,10 @@ import {
 } from "../__chunks/NJS632IW.js";
 import {
   useButton
-} from "../__chunks/QPWEKAWF.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/D2BRO4YW.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,

package/esm/form/form-reset.d.ts

@@ -20,6 +20,7 @@ export declare const useFormReset: import("../utils/types.js").Hook<FormResetOpt
  * @example
  * ```jsx
  * const form = useFormStore();
+ *
  * <Form store={form}>
  *   <FormReset>Reset</FormReset>
  * </Form>
@@ -28,8 +29,11 @@ export declare const useFormReset: import("../utils/types.js").Hook<FormResetOpt
 export declare const FormReset: import("../utils/types.js").Component<FormResetOptions<"button">>;
 export interface FormResetOptions<T extends As = "button"> extends ButtonOptions<T> {
     /**
-     * Object returned by the `useFormStore` hook. If not provided, the parent
-     * `Form` component's context will be used.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest [`Form`](https://ariakit.org/reference/form) or
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) components'
+     * context will be used.
      */
     store?: FormStore;
 }

package/esm/form/form-reset.js

@@ -3,10 +3,10 @@ import {
 } from "../__chunks/NJS632IW.js";
 import {
   useButton
-} from "../__chunks/QPWEKAWF.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/D2BRO4YW.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,

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

@@ -14,7 +14,11 @@ export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" |
  * Creates a form store.
  * @example
  * ```jsx
- * const form = useFormStore({ defaultValues: { email: "" } });
+ * const form = useFormStore({
+ *   defaultValues: {
+ *     email: "",
+ *   },
+ * });
  * <Form store={form}>
  *   <FormLabel name={form.names.email}>Email</FormLabel>
  *   <FormInput name={form.names.email} />