@ariakit/react-core 0.3.2 → 0.3.4

package/esm/tooltip/tooltip-anchor.d.ts

@@ -14,21 +14,26 @@ import type { TooltipStore } from "./tooltip-store.js";
  */
 export declare const useTooltipAnchor: import("../utils/types.js").Hook<TooltipAnchorOptions<"div">>;
 /**
- * Renders an element that will be labelled or described by a `Tooltip`
- * component. This component will also be used as the reference to position the
- * tooltip on the screen.
+ * Renders an element that will be described by a
+ * [`Tooltip`](https://ariakit.org/reference/tooltip) component. This component
+ * will also be used as the reference to position the tooltip on the screen.
  * @see https://ariakit.org/components/tooltip
  * @example
- * ```jsx
- * const tooltip = useTooltipStore();
- * <TooltipAnchor store={tooltip}>Anchor</TooltipAnchor>
- * <Tooltip store={tooltip}>Tooltip</Tooltip>
+ * ```jsx {2}
+ * <TooltipProvider>
+ *   <TooltipAnchor>Anchor</TooltipAnchor>
+ *   <Tooltip>Tooltip</Tooltip>
+ * </TooltipProvider>
  * ```
  */
 export declare const TooltipAnchor: import("../utils/types.js").Component<TooltipAnchorOptions<"div">>;
 export interface TooltipAnchorOptions<T extends As = "div"> extends HovercardAnchorOptions<T> {
     /**
-     * Object returned by the `useTooltipStore` hook.
+     * Object returned by the
+     * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
+     * If not provided, the closest
+     * [`TooltipProvider`](https://ariakit.org/reference/tooltip-provider)
+     * component's context will be used.
      */
     store?: TooltipStore;
 }

package/esm/tooltip/tooltip-anchor.js

@@ -1,6 +1,6 @@
 import {
   useHovercardAnchor
-} from "../__chunks/54DCICBS.js";
+} from "../__chunks/KXTLHNBI.js";
 import {
   useTooltipProviderContext
 } from "../__chunks/3QOG4FFB.js";
@@ -8,7 +8,7 @@ import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,

package/esm/tooltip/tooltip-arrow.d.ts

@@ -17,23 +17,29 @@ import type { TooltipStore } from "./tooltip-store.js";
  */
 export declare const useTooltipArrow: import("../utils/types.js").Hook<TooltipArrowOptions<"div">>;
 /**
- * Renders an arrow inside a `Tooltip` component.
+ * Renders an arrow inside a [`Tooltip`](https://ariakit.org/reference/tooltip)
+ * component.
  * @see https://ariakit.org/components/tooltip
  * @example
- * ```jsx
- * const tooltip = useTooltipStore();
- * <TooltipAnchor store={tooltip}>Anchor</TooltipAnchor>
- * <Tooltip store={tooltip}>
- *   <TooltipArrow />
- *   Tooltip
- * </Tooltip>
+ * ```jsx {4}
+ * <TooltipProvider>
+ *   <TooltipAnchor>Anchor</TooltipAnchor>
+ *   <Tooltip>
+ *     <TooltipArrow />
+ *     Tooltip
+ *   </Tooltip>
+ * </TooltipProvider>
  * ```
  */
 export declare const TooltipArrow: import("../utils/types.js").Component<TooltipArrowOptions<"div">>;
 export interface TooltipArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
     /**
-     * Object returned by the `useTooltipStore` hook. If not provided, the parent
-     * `Tooltip` component's context will be used.
+     * Object returned by the
+     * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
+     * If not provided, the closest
+     * [`Tooltip`](https://ariakit.org/reference/tooltip) or
+     * [`TooltipProvider`](https://ariakit.org/reference/tooltip-provider)
+     * components' context will be used.
      */
     store?: TooltipStore;
 }

package/esm/tooltip/tooltip-provider.js

@@ -8,12 +8,12 @@ import "../__chunks/56KWVYDN.js";
 import "../__chunks/CFEUKV6C.js";
 import {
   useTooltipStore
-} from "../__chunks/HZPJPDJY.js";
-import "../__chunks/UQFOL5I6.js";
-import "../__chunks/H2BG4QDT.js";
-import "../__chunks/UY3UQ4QI.js";
-import "../__chunks/A2ONBKVT.js";
-import "../__chunks/XXO3VVQU.js";
+} from "../__chunks/LFLKMTFW.js";
+import "../__chunks/6W46XYWY.js";
+import "../__chunks/QTZ67ALK.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/tooltip/tooltip-store.js

@@ -1,12 +1,12 @@
 import {
   useTooltipStore,
   useTooltipStoreProps
-} from "../__chunks/HZPJPDJY.js";
-import "../__chunks/UQFOL5I6.js";
-import "../__chunks/H2BG4QDT.js";
-import "../__chunks/UY3UQ4QI.js";
-import "../__chunks/A2ONBKVT.js";
-import "../__chunks/XXO3VVQU.js";
+} from "../__chunks/LFLKMTFW.js";
+import "../__chunks/6W46XYWY.js";
+import "../__chunks/QTZ67ALK.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/tooltip/tooltip.d.ts

@@ -17,16 +17,21 @@ export declare const useTooltip: import("../utils/types.js").Hook<TooltipOptions
  * Renders a tooltip element.
  * @see https://ariakit.org/components/tooltip
  * @example
- * ```jsx
- * const tooltip = useTooltipStore();
- * <TooltipAnchor store={tooltip}>Anchor</TooltipAnchor>
- * <Tooltip store={tooltip}>Tooltip</Tooltip>
+ * ```jsx {3}
+ * <TooltipProvider>
+ *   <TooltipAnchor>Anchor</TooltipAnchor>
+ *   <Tooltip>Tooltip</Tooltip>
+ * </TooltipProvider>
  * ```
  */
 export declare const Tooltip: import("../utils/types.js").Component<TooltipOptions<"div">>;
 export interface TooltipOptions<T extends As = "div"> extends HovercardOptions<T> {
     /**
-     * Object returned by the `useTooltipStore` hook.
+     * Object returned by the
+     * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
+     * If not provided, the closest
+     * [`TooltipProvider`](https://ariakit.org/reference/tooltip-provider)
+     * component's context will be used.
      */
     store?: TooltipStore;
     /** @default true */

package/esm/tooltip/tooltip.js

@@ -1,19 +1,21 @@
 import {
   useHovercard
-} from "../__chunks/34JEM52B.js";
+} from "../__chunks/F7UYWUBJ.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/GP4UGJIZ.js";
-import "../__chunks/4RP654JS.js";
-import "../__chunks/W575AF63.js";
-import "../__chunks/PLOINBVB.js";
-import "../__chunks/HAVCR65N.js";
+import "../__chunks/H3CXUGYG.js";
+import {
+  createDialogComponent
+} from "../__chunks/UXIMR4AS.js";
+import "../__chunks/NXB7YL3C.js";
+import "../__chunks/HWJ7DGMR.js";
+import "../__chunks/7LB47D2O.js";
 import "../__chunks/62DFK33R.js";
-import "../__chunks/KGDYSCOM.js";
-import "../__chunks/XASENZA4.js";
-import "../__chunks/X5VV5CBA.js";
+import "../__chunks/FRKOFFMT.js";
+import "../__chunks/EGOOWJGN.js";
+import "../__chunks/7VWXICM7.js";
 import "../__chunks/KOVUJERF.js";
 import "../__chunks/IXXFVVA2.js";
-import "../__chunks/5M4ITSXL.js";
+import "../__chunks/VRCYQ6JX.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/3LGVTTHD.js";
 import "../__chunks/FW6QFGFT.js";
@@ -25,7 +27,7 @@ import "../__chunks/QW4PFVNF.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/PGK6S5NC.js";
-import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/KK6NPMOP.js";
 import {
   TooltipScopedContextProvider,
   useTooltipProviderContext
@@ -34,7 +36,7 @@ import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/6XXSNRNX.js";
 import {
@@ -42,8 +44,9 @@ import {
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/A2ONBKVT.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";
@@ -119,10 +122,13 @@ var useTooltip = createHook(
     return props;
   }
 );
-var Tooltip = createComponent((props) => {
-  const htmlProps = useTooltip(props);
-  return createElement("div", htmlProps);
-});
+var Tooltip = createDialogComponent(
+  createComponent((props) => {
+    const htmlProps = useTooltip(props);
+    return createElement("div", htmlProps);
+  }),
+  useTooltipProviderContext
+);
 if (process.env.NODE_ENV !== "production") {
   Tooltip.displayName = "Tooltip";
 }