@ariakit/react-core 0.3.1 → 0.3.3

package/cjs/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/cjs/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/cjs/form/form-input.cjs

@@ -8,7 +8,7 @@ require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 
 
-var _BFLDQF3Lcjs = require('../__chunks/BFLDQF3L.cjs');
+var _GQAB4M3Bcjs = require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -50,7 +50,7 @@ var useFormInput = _Z5PUIG6Acjs.createHook.call(void 0,
     }, props), {
       onChange
     });
-    props = _BFLDQF3Lcjs.useFocusable.call(void 0, props);
+    props = _GQAB4M3Bcjs.useFocusable.call(void 0, props);
     props = _JJ22W2WScjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, name }, props));
     return props;
   }

package/cjs/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/cjs/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/cjs/form/form-provider.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZPTFLDSUcjs = require('../__chunks/ZPTFLDSU.cjs');
+var _2FBFVNEXcjs = require('../__chunks/2FBFVNEX.cjs');
 
 
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
-require('../__chunks/GCTYF2Y6.cjs');
+require('../__chunks/K5M7LOPE.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -15,7 +15,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/form/form-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function FormProvider(props = {}) {
-  const store = _ZPTFLDSUcjs.useFormStore.call(void 0, props);
+  const store = _2FBFVNEXcjs.useFormStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VLI66TFLcjs.FormContextProvider, { value: store, children: props.children });
 }
 

package/cjs/form/form-push.cjs

@@ -3,13 +3,13 @@
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _KMOIJMBFcjs = require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 
 
 var _FMI5QF7Ncjs = require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -103,7 +103,7 @@ var useFormPush = _Z5PUIG6Acjs.createHook.call(void 0,
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _ZQTMT453cjs.useButton.call(void 0, props);
+    props = _KMOIJMBFcjs.useButton.call(void 0, props);
     props = _FMI5QF7Ncjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }

package/cjs/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/cjs/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/cjs/form/form-radio.cjs

@@ -6,22 +6,22 @@ var _JJ22W2WScjs = require('../__chunks/JJ22W2WS.cjs');
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _ZJ4ICN62cjs = require('../__chunks/ZJ4ICN62.cjs');
+var _L4TB7MRWcjs = require('../__chunks/L4TB7MRW.cjs');
 require('../__chunks/FPNO6JL5.cjs');
-require('../__chunks/G33PRHOG.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/D3SPQ2OY.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -59,7 +59,7 @@ var useFormRadio = _Z5PUIG6Acjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _ZJ4ICN62cjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
+    props = _L4TB7MRWcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
     props = _JJ22W2WScjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/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/cjs/form/form-remove.cjs

@@ -3,10 +3,10 @@
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _KMOIJMBFcjs = require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -82,7 +82,7 @@ var useFormRemove = _Z5PUIG6Acjs.createHook.call(void 0,
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _ZQTMT453cjs.useButton.call(void 0, props);
+    props = _KMOIJMBFcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/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/cjs/form/form-reset.cjs

@@ -3,10 +3,10 @@
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _KMOIJMBFcjs = require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -35,7 +35,7 @@ var useFormReset = _Z5PUIG6Acjs.createHook.call(void 0,
       type: "reset",
       disabled: store.useState("submitting")
     }, props);
-    props = _ZQTMT453cjs.useButton.call(void 0, props);
+    props = _KMOIJMBFcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/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/cjs/form/form-store.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZPTFLDSUcjs = require('../__chunks/ZPTFLDSU.cjs');
-require('../__chunks/GCTYF2Y6.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _2FBFVNEXcjs = require('../__chunks/2FBFVNEX.cjs');
+require('../__chunks/K5M7LOPE.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useFormStore = _ZPTFLDSUcjs.useFormStore; exports.useFormStoreProps = _ZPTFLDSUcjs.useFormStoreProps;
+exports.useFormStore = _2FBFVNEXcjs.useFormStore; exports.useFormStoreProps = _2FBFVNEXcjs.useFormStoreProps;

package/cjs/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} />

package/cjs/form/form-submit.cjs

@@ -3,10 +3,10 @@
 var _VLI66TFLcjs = require('../__chunks/VLI66TFL.cjs');
 
 
-var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _KMOIJMBFcjs = require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -36,7 +36,7 @@ var useFormSubmit = _Z5PUIG6Acjs.createHook.call(void 0,
       type: "submit",
       disabled: store.useState("submitting")
     }, props);
-    props = _ZQTMT453cjs.useButton.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { accessibleWhenDisabled }));
+    props = _KMOIJMBFcjs.useButton.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { accessibleWhenDisabled }));
     return props;
   }
 );

package/cjs/form/form-submit.d.ts

@@ -28,8 +28,11 @@ export declare const useFormSubmit: import("../utils/types.js").Hook<FormSubmitO
 export declare const FormSubmit: import("../utils/types.js").Component<FormSubmitOptions<"button">>;
 export interface FormSubmitOptions<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/cjs/form/form.d.ts

@@ -26,7 +26,11 @@ export declare const useForm: import("../utils/types.js").Hook<FormOptions<"form
 export declare const Form: import("../utils/types.js").Component<FormOptions<"form">>;
 export interface FormOptions<T extends As = "form"> extends Options<T> {
     /**
-     * Object returned by the `useFormStore` hook.
+     * Object returned by the
+     * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
+     * provided, the closest
+     * [`FormProvider`](https://ariakit.org/reference/form-provider) component's
+     * context will be used.
      */
     store?: FormStore;
     /**

package/cjs/hovercard/hovercard-anchor.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _HYYXXXEKcjs = require('../__chunks/HYYXXXEK.cjs');
+var _BSOHJE7Rcjs = require('../__chunks/BSOHJE7R.cjs');
 require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -15,4 +15,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.HovercardAnchor = _HYYXXXEKcjs.HovercardAnchor; exports.useHovercardAnchor = _HYYXXXEKcjs.useHovercardAnchor;
+exports.HovercardAnchor = _BSOHJE7Rcjs.HovercardAnchor; exports.useHovercardAnchor = _BSOHJE7Rcjs.useHovercardAnchor;

package/cjs/hovercard/hovercard-anchor.d.ts

@@ -16,19 +16,25 @@ import type { HovercardStore } from "./hovercard-store.js";
  */
 export declare const useHovercardAnchor: import("../utils/types.js").Hook<HovercardAnchorOptions<"a">>;
 /**
- * Renders an anchor element that will open a popover (`Hovercard`) on hover.
+ * Renders an anchor element that will open a
+ * [`Hovercard`](https://ariakit.org/reference/hovercard) popup on hover.
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <HovercardAnchor store={hovercard}>@username</HovercardAnchor>
- * <Hovercard store={hovercard}>Details</Hovercard>
+ * <HovercardProvider>
+ *   <HovercardAnchor>@username</HovercardAnchor>
+ *   <Hovercard>Details</Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const HovercardAnchor: import("../utils/types.js").Component<HovercardAnchorOptions<"a">>;
 export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * component's context will be used.
      */
     store?: HovercardStore;
     /**

package/cjs/hovercard/hovercard-arrow.d.ts

@@ -20,19 +20,24 @@ export declare const useHovercardArrow: import("../utils/types.js").Hook<Hoverca
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <HovercardAnchor store={hovercard}>@username</HovercardAnchor>
- * <Hovercard store={hovercard}>
- *   <HovercardArrow />
- *   Details
- * </Hovercard>
+ * <HovercardProvider>
+ *   <HovercardAnchor>@username</HovercardAnchor>
+ *   <Hovercard>
+ *     <HovercardArrow />
+ *     Details
+ *   </Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const HovercardArrow: import("../utils/types.js").Component<HovercardArrowOptions<"div">>;
 export interface HovercardArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook. If not provided, the
-     * parent `Hovercard` component's context will be used.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`Hovercard`](https://ariakit.org/reference/hovercard) or
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * components' context will be used.
      */
     store?: HovercardStore;
 }

package/cjs/hovercard/hovercard-description.d.ts

@@ -15,23 +15,28 @@ import type { HovercardStore } from "./hovercard-store.js";
  */
 export declare const useHovercardDescription: import("../utils/types.js").Hook<HovercardDescriptionOptions<"p">>;
 /**
- * Renders a description in a hovercard. This component must be wrapped with
- * `Hovercard` so the `aria-describedby` prop is properly set on the hovercard
- * element.
+ * Renders a description in a hovercard. This component must be wrapped within
+ * [`Hovercard`](https://ariakit.org/reference/hovercard) so the
+ * `aria-describedby` prop is properly set on the hovercard element.
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <Hovercard store={hovercard}>
- *   <HovercardDescription>Description</HovercardDescription>
- * </Hovercard>
+ * <HovercardProvider>
+ *   <Hovercard>
+ *     <HovercardDescription>Description</HovercardDescription>
+ *   </Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const HovercardDescription: import("../utils/types.js").Component<HovercardDescriptionOptions<"p">>;
 export interface HovercardDescriptionOptions<T extends As = "p"> extends PopoverDescriptionOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook. If not provided, the
-     * parent `Hovercard` component's context will be used.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`Hovercard`](https://ariakit.org/reference/hovercard) or
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * components' context will be used.
      */
     store?: HovercardStore;
 }

package/cjs/hovercard/hovercard-disclosure.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LCKU3TYWcjs = require('../__chunks/LCKU3TYW.cjs');
-require('../__chunks/JNVNPB37.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _VI6T32XIcjs = require('../__chunks/VI6T32XI.cjs');
+require('../__chunks/RXP7Z4XR.cjs');
+require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 
 
 var _Q6W7IWNJcjs = require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -130,7 +130,7 @@ var useHovercardDisclosure = _Z5PUIG6Acjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _LCKU3TYWcjs.useDialogDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _VI6T32XIcjs.useDialogDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/hovercard/hovercard-disclosure.d.ts

@@ -15,22 +15,28 @@ import type { HovercardStore } from "./hovercard-store.js";
  */
 export declare const useHovercardDisclosure: import("../utils/types.js").Hook<HovercardDisclosureOptions<"button">>;
 /**
- * Renders a hidden disclosure button that will be visible when the hovercard
- * anchor element (`HovercardAnchor`) receives keyboard focus. The user can then
- * navigate to the button to open the hovercard when using the keyboard.
+ * Renders a hidden disclosure button that will be visible when the
+ * [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) receives
+ * keyboard focus. The user can then navigate to the button to open the
+ * hovercard when using the keyboard.
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <HovercardAnchor store={hovercard}>@username</HovercardAnchor>
- * <HovercardDisclosure store={hovercard} />
- * <Hovercard store={hovercard}>Details</Hovercard>
+ * <HovercardProvider>
+ *   <HovercardAnchor>@username</HovercardAnchor>
+ *   <HovercardDisclosure />
+ *   <Hovercard>Details</Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const HovercardDisclosure: import("../utils/types.js").Component<HovercardDisclosureOptions<"button">>;
 export interface HovercardDisclosureOptions<T extends As = "button"> extends DialogDisclosureOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * component's context will be used.
      */
     store?: HovercardStore;
 }