@ariakit/react-core 0.3.2 → 0.3.4

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

@@ -8,12 +8,12 @@ require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _LJBXMHCDcjs = require('../__chunks/LJBXMHCD.cjs');
-require('../__chunks/6UXB6PRK.cjs');
-require('../__chunks/E4C2KZA5.cjs');
-require('../__chunks/NATUYKIW.cjs');
-require('../__chunks/3ULNMLN7.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _3DILH277cjs = require('../__chunks/3DILH277.cjs');
+require('../__chunks/RU4K4ZH6.cjs');
+require('../__chunks/O6SYRTZH.cjs');
+require('../__chunks/ZZZ5MQHA.cjs');
+require('../__chunks/HSOKUBYY.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -21,7 +21,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/tooltip/tooltip-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TooltipProvider(props = {}) {
-  const store = _LJBXMHCDcjs.useTooltipStore.call(void 0, props);
+  const store = _3DILH277cjs.useTooltipStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UBRGEBVNcjs.TooltipContextProvider, { value: store, children: props.children });
 }
 

package/cjs/tooltip/tooltip-store.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _LJBXMHCDcjs = require('../__chunks/LJBXMHCD.cjs');
-require('../__chunks/6UXB6PRK.cjs');
-require('../__chunks/E4C2KZA5.cjs');
-require('../__chunks/NATUYKIW.cjs');
-require('../__chunks/3ULNMLN7.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _3DILH277cjs = require('../__chunks/3DILH277.cjs');
+require('../__chunks/RU4K4ZH6.cjs');
+require('../__chunks/O6SYRTZH.cjs');
+require('../__chunks/ZZZ5MQHA.cjs');
+require('../__chunks/HSOKUBYY.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useTooltipStore = _LJBXMHCDcjs.useTooltipStore; exports.useTooltipStoreProps = _LJBXMHCDcjs.useTooltipStoreProps;
+exports.useTooltipStore = _3DILH277cjs.useTooltipStore; exports.useTooltipStoreProps = _3DILH277cjs.useTooltipStoreProps;

package/cjs/tooltip/tooltip.cjs

@@ -1,19 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _WBPFHFAXcjs = require('../__chunks/WBPFHFAX.cjs');
+var _T222USYScjs = require('../__chunks/T222USYS.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/XOHN6PER.cjs');
-require('../__chunks/QEG5AJH6.cjs');
-require('../__chunks/HCQYEOCO.cjs');
-require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/DPLHWKRP.cjs');
+require('../__chunks/VAY4A33A.cjs');
+
+
+var _QFGI3BJEcjs = require('../__chunks/QFGI3BJE.cjs');
+require('../__chunks/R7CSCUVW.cjs');
+require('../__chunks/RWS2MAR2.cjs');
+require('../__chunks/DFFFHQVQ.cjs');
 require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/JKMBJCXA.cjs');
-require('../__chunks/INDMFBTS.cjs');
-require('../__chunks/NBCR3CLP.cjs');
+require('../__chunks/QK4GI6B3.cjs');
+require('../__chunks/COHI5HTS.cjs');
+require('../__chunks/F4RJLWZG.cjs');
 require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/PD5YFDLO.cjs');
+require('../__chunks/TLA46MN6.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/VTRMALP6.cjs');
 require('../__chunks/BWQVQDGC.cjs');
@@ -25,7 +27,7 @@ require('../__chunks/CKEXTQ2S.cjs');
 require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/5E5FKYEO.cjs');
+require('../__chunks/L2VQ4YLN.cjs');
 
 
 
@@ -34,7 +36,7 @@ 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/KSFAO77E.cjs');
 
@@ -42,8 +44,9 @@ require('../__chunks/KSFAO77E.cjs');
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/3ULNMLN7.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/ZZZ5MQHA.cjs');
+require('../__chunks/HSOKUBYY.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -90,7 +93,7 @@ var useTooltip = _Z5PUIG6Acjs.createHook.call(void 0,
       (state) => state.type === "description" ? "tooltip" : "none"
     );
     props = _72I2GWXFcjs.__spreadValues.call(void 0, { role }, props);
-    props = _WBPFHFAXcjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+    props = _T222USYScjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,
@@ -119,10 +122,13 @@ var useTooltip = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var Tooltip = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useTooltip(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
-});
+var Tooltip = _QFGI3BJEcjs.createDialogComponent.call(void 0, 
+  _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+    const htmlProps = useTooltip(props);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  }),
+  _UBRGEBVNcjs.useTooltipProviderContext
+);
 if (process.env.NODE_ENV !== "production") {
   Tooltip.displayName = "Tooltip";
 }

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