@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/form/form.d.cts

@@ -0,0 +1,67 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { FormStore } from "./form-store.js";
+/**
+ * Returns props to create a `Form` component.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const store = useFormStore();
+ * const props = useForm({ store, render: <form /> });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useForm: import("../utils/types.js").Hook<FormOptions<"form">>;
+/**
+ * Renders a form element.
+ * @see https://ariakit.org/components/form
+ * @example
+ * ```jsx
+ * const form = useFormStore({ defaultValues: { username: "johndoe" } });
+ * <Form store={form}>
+ *   <FormLabel name={form.names.username}>Username</FormLabel>
+ *   <FormInput name={form.names.username} />
+ * </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`](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;
+    /**
+     * Whether the form should trigger the validation callbacks when values
+     * change.
+     * @default true
+     */
+    validateOnChange?: boolean;
+    /**
+     * Whether the form should trigger the validation callbacks when form fields
+     * are blurred.
+     * @default true
+     */
+    validateOnBlur?: boolean;
+    /**
+     * Whether the form store should be reset when the form element gets
+     * unmounted.
+     * @default false
+     */
+    resetOnUnmount?: boolean;
+    /**
+     * Whether the form store should be reset when the form gets successfully
+     * submitted.
+     * @default true
+     */
+    resetOnSubmit?: boolean;
+    /**
+     * Whether the form should automatically focus the first invalid field when
+     * the form gets submitted.
+     * @default true
+     */
+    autoFocusOnSubmit?: boolean;
+}
+export type FormProps<T extends As = "form"> = Props<FormOptions<T>>;

package/cjs/group/group-label-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 _K56WQU76cjs = require('../__chunks/K56WQU76.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _FE3YCURHcjs = require('../__chunks/FE3YCURH.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
-exports.GroupLabelContext = _K56WQU76cjs.GroupLabelContext;
+
+exports.GroupLabelContext = _FE3YCURHcjs.GroupLabelContext;

package/cjs/group/group-label-context.d.cts

@@ -0,0 +1,2 @@
+import type { SetState } from "@ariakit/core/utils/types";
+export declare const GroupLabelContext: import("react").Context<SetState<string | undefined> | undefined>;

package/cjs/group/group-label.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TDUVWW2Fcjs = require('../__chunks/TDUVWW2F.cjs');
-require('../__chunks/K56WQU76.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _QQCFY3MBcjs = require('../__chunks/QQCFY3MB.cjs');
+require('../__chunks/FE3YCURH.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.GroupLabel = _TDUVWW2Fcjs.GroupLabel; exports.useGroupLabel = _TDUVWW2Fcjs.useGroupLabel;
+
+exports.GroupLabel = _QQCFY3MBcjs.GroupLabel; exports.useGroupLabel = _QQCFY3MBcjs.useGroupLabel;

package/cjs/group/group-label.d.cts

@@ -0,0 +1,28 @@
+import type { As, Options, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `GroupLabel` component. This hook must be used in a
+ * component that's wrapped with `Group` so the `aria-labelledby` prop is
+ * properly set on the group element.
+ * @see https://ariakit.org/components/group
+ * @example
+ * ```jsx
+ * // This component must be wrapped with Group
+ * const props = useGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useGroupLabel: import("../utils/types.js").Hook<GroupLabelOptions<"div">>;
+/**
+ * Renders a label in a group. This component must be wrapped with `Group` so
+ * the `aria-labelledby` prop is properly set on the group element.
+ * @see https://ariakit.org/components/group
+ * @example
+ * ```jsx
+ * <Group>
+ *   <GroupLabel>Label</GroupLabel>
+ * </Group>
+ * ```
+ */
+export declare const GroupLabel: import("../utils/types.js").Component<GroupLabelOptions<"div">>;
+export type GroupLabelOptions<T extends As = "div"> = Options<T>;
+export type GroupLabelProps<T extends As = "div"> = Props<GroupLabelOptions<T>>;

package/cjs/group/group.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ZMSJUL55cjs = require('../__chunks/ZMSJUL55.cjs');
-require('../__chunks/K56WQU76.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _KSAZE5E2cjs = require('../__chunks/KSAZE5E2.cjs');
+require('../__chunks/FE3YCURH.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.Group = _ZMSJUL55cjs.Group; exports.useGroup = _ZMSJUL55cjs.useGroup;
+
+exports.Group = _KSAZE5E2cjs.Group; exports.useGroup = _KSAZE5E2cjs.useGroup;

package/cjs/group/group.d.cts

@@ -0,0 +1,22 @@
+import type { As, Options, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `Group` component.
+ * @see https://ariakit.org/components/group
+ * @example
+ * ```jsx
+ * const props = useGroup();
+ * <Role {...props}>Group</Role>
+ * ```
+ */
+export declare const useGroup: import("../utils/types.js").Hook<GroupOptions<"div">>;
+/**
+ * Renders a group element.
+ * @see https://ariakit.org/components/group
+ * @example
+ * ```jsx
+ * <Group>Group</Group>
+ * ```
+ */
+export declare const Group: import("../utils/types.js").Component<GroupOptions<"div">>;
+export type GroupOptions<T extends As = "div"> = Options<T>;
+export type GroupProps<T extends As = "div"> = Props<GroupOptions<T>>;

package/cjs/heading/heading-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 _CQSUIL2Dcjs = require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _2BIO7R5Ncjs = require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
-exports.HeadingContext = _CQSUIL2Dcjs.HeadingContext;
+
+exports.HeadingContext = _2BIO7R5Ncjs.HeadingContext;

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

@@ -0,0 +1,2 @@
+import type { HeadingLevels } from "./utils.js";
+export declare const HeadingContext: import("react").Context<0 | HeadingLevels>;

package/cjs/heading/heading-level.cjs

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _SOPRUU56cjs = require('../__chunks/SOPRUU56.cjs');
-require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _J3OG6T3Bcjs = require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
-exports.HeadingLevel = _SOPRUU56cjs.HeadingLevel;
+
+exports.HeadingLevel = _J3OG6T3Bcjs.HeadingLevel;

package/cjs/heading/heading-level.d.cts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+import type { HeadingLevels } from "./utils.js";
+/**
+ * A component that sets the heading level for the children. It doesn't render
+ * any HTML element, just sets the `level` prop on the context.
+ * @see https://ariakit.org/components/heading
+ * @example
+ * ```jsx
+ * <HeadingLevel>
+ *   <Heading>Heading 1</Heading>
+ *   <HeadingLevel>
+ *     <Heading>Heading 2</Heading>
+ *   </HeadingLevel>
+ * </HeadingLevel>
+ * ```
+ */
+export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
+export type HeadingLevelProps = {
+    /**
+     * The heading level. By default, it'll increase the level by 1 based on the
+     * context.
+     */
+    level?: HeadingLevels;
+    children?: ReactNode;
+};

package/cjs/heading/heading.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FGAN5BEKcjs = require('../__chunks/FGAN5BEK.cjs');
-require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _TK6GOI2Vcjs = require('../__chunks/TK6GOI2V.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.Heading = _FGAN5BEKcjs.Heading; exports.useHeading = _FGAN5BEKcjs.useHeading;
+
+exports.Heading = _TK6GOI2Vcjs.Heading; exports.useHeading = _TK6GOI2Vcjs.useHeading;

package/cjs/heading/heading.d.cts

@@ -0,0 +1,34 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { HeadingLevels } from "./utils.js";
+type HeadingElements = `h${HeadingLevels}`;
+/**
+ * Returns props to create a `Heading` component. The element type (or the
+ * `aria-level` prop, if the element type is not a native heading) is determined
+ * by the context level provided by the parent `HeadingLevel` component.
+ * @see https://ariakit.org/components/heading
+ * @example
+ * ```jsx
+ * const props = useHeading();
+ * <Role {...props}>Heading</Role>
+ * ```
+ */
+export declare const useHeading: import("../utils/types.js").Hook<HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
+/**
+ * Renders a heading element. The element type (or the `aria-level` prop, if the
+ * element type is not a native heading) is determined by the context level
+ * provided by the parent `HeadingLevel` component.
+ * @see https://ariakit.org/components/heading
+ * @example
+ * ```jsx
+ * <HeadingLevel>
+ *   <Heading>Heading 1</Heading>
+ *   <HeadingLevel>
+ *     <Heading>Heading 2</Heading>
+ *   </HeadingLevel>
+ * </HeadingLevel>
+ * ```
+ */
+export declare const Heading: import("../utils/types.js").Component<HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
+export type HeadingOptions<T extends As = HeadingElements> = Options<T>;
+export type HeadingProps<T extends As = HeadingElements> = Props<HeadingOptions<T>>;
+export {};

package/cjs/heading/utils.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";"use client";

package/cjs/heading/utils.d.cts

@@ -0,0 +1 @@
+export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;

package/cjs/hovercard/hovercard-anchor.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _BSOHJE7Rcjs = require('../__chunks/BSOHJE7R.cjs');
-require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.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 _35LC5W3Mcjs = require('../__chunks/35LC5W3M.cjs');
+require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.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.HovercardAnchor = _BSOHJE7Rcjs.HovercardAnchor; exports.useHovercardAnchor = _BSOHJE7Rcjs.useHovercardAnchor;
+
+exports.HovercardAnchor = _35LC5W3Mcjs.HovercardAnchor; exports.useHovercardAnchor = _35LC5W3Mcjs.useHovercardAnchor;

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

@@ -0,0 +1,46 @@
+import type { MouseEvent as ReactMouseEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { FocusableOptions } from "../focusable/focusable.js";
+import type { As, Props } from "../utils/types.js";
+import type { HovercardStore } from "./hovercard-store.js";
+/**
+ * Returns props to create a `HovercardAnchor` component.
+ * @see https://ariakit.org/components/hovercard
+ * @example
+ * ```jsx
+ * const store = useHovercardStore();
+ * const props = useHovercardAnchor({ store });
+ * <Role {...props} render={<a />}>@username</Role>
+ * <Hovercard store={store}>Details</Hovercard>
+ * ```
+ */
+export declare const useHovercardAnchor: import("../utils/types.js").Hook<HovercardAnchorOptions<"a">>;
+/**
+ * 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
+ * <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`](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;
+    /**
+     * Whether to show the hovercard on mouse move.
+     * @default true
+     */
+    showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+}
+export type HovercardAnchorProps<T extends As = "a"> = Props<HovercardAnchorOptions<T>>;

package/cjs/hovercard/hovercard-arrow.cjs

@@ -1,39 +1,40 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _ZHMGQCNXcjs = require('../__chunks/ZHMGQCNX.cjs');
-require('../__chunks/4K6QJIPX.cjs');
 
+var _AZV52Y77cjs = require('../__chunks/AZV52Y77.cjs');
+require('../__chunks/AH3CUB6N.cjs');
 
-var _Q6W7IWNJcjs = require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _3W6FH6JKcjs = require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/hovercard/hovercard-arrow.ts
-var useHovercardArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useHovercardArrow = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _Q6W7IWNJcjs.useHovercardContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _3W6FH6JKcjs.useHovercardContext.call(void 0, );
     store = store || context;
-    props = _ZHMGQCNXcjs.usePopoverArrow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AZV52Y77cjs.usePopoverArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var HovercardArrow = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var HovercardArrow = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useHovercardArrow(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,44 @@
+import type { PopoverArrowOptions } from "../popover/popover-arrow.js";
+import type { As, Props } from "../utils/types.js";
+import type { HovercardStore } from "./hovercard-store.js";
+/**
+ * Returns props to create a `HovercardArrow` component.
+ * @see https://ariakit.org/components/hovercard
+ * @example
+ * ```jsx
+ * const store = useHovercardStore();
+ * const props = useHovercardArrow({ store });
+ * <Hovercard store={store}>
+ *   <Role {...props} />
+ *   Details
+ * </Hovercard>
+ * ```
+ */
+export declare const useHovercardArrow: import("../utils/types.js").Hook<HovercardArrowOptions<"div">>;
+/**
+ * Renders an arrow element in a hovercard.
+ * @see https://ariakit.org/components/hovercard
+ * @example
+ * ```jsx
+ * <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`](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;
+}
+export type HovercardArrowProps<T extends As = "div"> = Props<HovercardArrowOptions<T>>;

package/cjs/hovercard/hovercard-context.cjs

@@ -1,21 +1,22 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
-var _Q6W7IWNJcjs = require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _3W6FH6JKcjs = require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
-exports.HovercardContextProvider = _Q6W7IWNJcjs.HovercardContextProvider; exports.HovercardScopedContextProvider = _Q6W7IWNJcjs.HovercardScopedContextProvider; exports.useHovercardContext = _Q6W7IWNJcjs.useHovercardContext; exports.useHovercardProviderContext = _Q6W7IWNJcjs.useHovercardProviderContext; exports.useHovercardScopedContext = _Q6W7IWNJcjs.useHovercardScopedContext;
+
+exports.HovercardContextProvider = _3W6FH6JKcjs.HovercardContextProvider; exports.HovercardScopedContextProvider = _3W6FH6JKcjs.HovercardScopedContextProvider; exports.useHovercardContext = _3W6FH6JKcjs.useHovercardContext; exports.useHovercardProviderContext = _3W6FH6JKcjs.useHovercardProviderContext; exports.useHovercardScopedContext = _3W6FH6JKcjs.useHovercardScopedContext;

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

@@ -0,0 +1,19 @@
+import type { HovercardStore } from "./hovercard-store.js";
+/**
+ * Returns the hovercard store from the nearest hovercard container.
+ * @example
+ * function Hovercard() {
+ *   const store = useHovercardContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Hovercard must be wrapped in HovercardProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useHovercardContext: () => HovercardStore | undefined;
+export declare const useHovercardScopedContext: (onlyScoped?: boolean) => HovercardStore | undefined;
+export declare const useHovercardProviderContext: () => HovercardStore | undefined;
+export declare const HovercardContextProvider: (props: import("react").ProviderProps<HovercardStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const HovercardScopedContextProvider: (props: import("react").ProviderProps<HovercardStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/hovercard/hovercard-description.cjs

@@ -1,16 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _SQPRIHDRcjs = require('../__chunks/SQPRIHDR.cjs');
-require('../__chunks/TFIVWWWL.cjs');
-require('../__chunks/OQROAZRY.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _ACTXAOA6cjs = require('../__chunks/ACTXAOA6.cjs');
+require('../__chunks/KRB7URW5.cjs');
+require('../__chunks/62JWM3VQ.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.HovercardDescription = _SQPRIHDRcjs.HovercardDescription; exports.useHovercardDescription = _SQPRIHDRcjs.useHovercardDescription;
+
+exports.HovercardDescription = _ACTXAOA6cjs.HovercardDescription; exports.useHovercardDescription = _ACTXAOA6cjs.useHovercardDescription;

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

@@ -0,0 +1,43 @@
+import type { PopoverDescriptionOptions } from "../popover/popover-description.js";
+import type { As, Props } from "../utils/types.js";
+import type { HovercardStore } from "./hovercard-store.js";
+/**
+ * Returns props to create a `HovercardDescription` component. This hook must be
+ * used in a component that's wrapped with `Hovercard` so the `aria-describedby`
+ * prop is properly set on the hovercard element.
+ * @see https://ariakit.org/components/hovercard
+ * @example
+ * ```jsx
+ * // This component must be wrapped with Hovercard
+ * const props = useHovercardDescription();
+ * <Role {...props}>Description</Role>
+ * ```
+ */
+export declare const useHovercardDescription: import("../utils/types.js").Hook<HovercardDescriptionOptions<"p">>;
+/**
+ * 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
+ * <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`](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;
+}
+export type HovercardDescriptionProps<T extends As = "p"> = Props<HovercardDescriptionOptions<T>>;