@ariakit/react-core 0.3.3 → 0.3.4

package/esm/tab/tab.d.ts

@@ -20,21 +20,24 @@ export declare const useTab: import("../utils/types.js").Hook<TabOptions<"button
  * component.
  * @see https://ariakit.org/components/tab
  * @example
- * ```jsx
- * const tab = useTabStore();
- * <TabList store={tab}>
- *   <Tab>Tab 1</Tab>
- *   <Tab>Tab 2</Tab>
- * </TabList>
- * <TabPanel store={tab}>Panel 1</TabPanel>
- * <TabPanel store={tab}>Panel 2</TabPanel>
+ * ```jsx {3,4}
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>Tab 1</Tab>
+ *     <Tab>Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel>Panel 1</TabPanel>
+ *   <TabPanel>Panel 2</TabPanel>
+ * </TabProvider>
  * ```
  */
 export declare const Tab: import("../utils/types.js").Component<TabOptions<"button">>;
 export interface TabOptions<T extends As = "button"> extends CompositeItemOptions<T> {
     /**
-     * Object returned by the `useTabStore` hook. If not provided, the parent
-     * `TabList` component's context will be used.
+     * Object returned by the
+     * [`useTabStore`](https://ariakit.org/reference/use-tab-store) hook. If not
+     * provided, the closest [`TabList`](https://ariakit.org/reference/tab-list)
+     * component's context will be used.
      */
     store?: TabStore;
     /**

package/esm/tab/tab.js

@@ -1,7 +1,7 @@
 import {
   useCompositeItem
-} from "../__chunks/54J7EHCU.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import {
   useTabScopedContext
@@ -16,7 +16,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useEvent,
   useId

package/esm/toolbar/toolbar-container.d.ts

@@ -20,9 +20,8 @@ export declare const useToolbarContainer: import("../utils/types.js").Hook<Toolb
  * Renders a container for interactive widgets inside toolbar items.
  * @see https://ariakit.org/components/toolbar
  * @example
- * ```jsx
- * const toolbar = useToolbarStore();
- * <Toolbar store={toolbar}>
+ * ```jsx {2-4}
+ * <Toolbar>
  *   <ToolbarContainer>
  *     <input type="text" />
  *   </ToolbarContainer>
@@ -30,6 +29,6 @@ export declare const useToolbarContainer: import("../utils/types.js").Hook<Toolb
  * ```
  */
 export declare const ToolbarContainer: import("../utils/types.js").Component<ToolbarContainerOptions<"div">>;
-export interface ToolbarContainerOptions<T extends As = "div"> extends ToolbarItemOptions<T>, CompositeContainerOptions<T> {
+export interface ToolbarContainerOptions<T extends As = "div"> extends ToolbarItemOptions<T>, Omit<CompositeContainerOptions<T>, "store"> {
 }
 export type ToolbarContainerProps<T extends As = "div"> = Props<ToolbarContainerOptions<T>>;

package/esm/toolbar/toolbar-container.js

@@ -1,11 +1,11 @@
 import {
   useCompositeContainer
-} from "../__chunks/4LQJSTB3.js";
+} from "../__chunks/ZYB5SMUW.js";
 import {
   useToolbarItem
-} from "../__chunks/TWMREEKC.js";
-import "../__chunks/54J7EHCU.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/LBTB6WEV.js";
+import "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import {
@@ -20,7 +20,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

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

@@ -18,14 +18,13 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<ToolbarIn
  * Renders an input as a toolbar item.
  * @see https://ariakit.org/components/toolbar
  * @example
- * ```jsx
- * const toolbar = useToolbarStore();
- * <Toolbar store={toolbar}>
+ * ```jsx {2}
+ * <Toolbar>
  *   <ToolbarInput />
  * </Toolbar>
  * ```
  */
 export declare const ToolbarInput: import("../utils/types.js").Component<ToolbarInputOptions<"input">>;
-export interface ToolbarInputOptions<T extends As = "input"> extends ToolbarItemOptions<T>, CompositeInputOptions<T> {
+export interface ToolbarInputOptions<T extends As = "input"> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
 }
 export type ToolbarInputProps<T extends As = "input"> = Props<ToolbarInputOptions<T>>;

package/esm/toolbar/toolbar-input.js

@@ -3,9 +3,9 @@ import {
 } from "../__chunks/QGZKN2N5.js";
 import {
   useToolbarItem
-} from "../__chunks/TWMREEKC.js";
-import "../__chunks/54J7EHCU.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/LBTB6WEV.js";
+import "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import {
@@ -20,7 +20,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/toolbar/toolbar-item.d.ts

@@ -18,9 +18,8 @@ export declare const useToolbarItem: import("../utils/types.js").Hook<ToolbarIte
  * Renders an interactive element in a toolbar.
  * @see https://ariakit.org/components/toolbar
  * @example
- * ```jsx
- * const toolbar = useToolbarStore();
- * <Toolbar store={toolbar}>
+ * ```jsx {2}
+ * <Toolbar>
  *   <ToolbarItem>Item</ToolbarItem>
  * </Toolbar>
  * ```
@@ -28,8 +27,11 @@ export declare const useToolbarItem: import("../utils/types.js").Hook<ToolbarIte
 export declare const ToolbarItem: import("../utils/types.js").Component<ToolbarItemOptions<"button">>;
 export interface ToolbarItemOptions<T extends As = "button"> extends CompositeItemOptions<T> {
     /**
-     * Object returned by the `useToolbarStore` hook. If not provided, the parent
-     * `Toolbar` component's context will be used.
+     * Object returned by the
+     * [`useToolbarStore`](https://ariakit.org/reference/use-toolbar-store) hook.
+     * If not provided, the closest
+     * [`Toolbar`](https://ariakit.org/reference/toolbar) component's context will
+     * be used.
      */
     store?: ToolbarStore;
 }

package/esm/toolbar/toolbar-item.js

@@ -1,9 +1,9 @@
 import {
   ToolbarItem,
   useToolbarItem
-} from "../__chunks/TWMREEKC.js";
-import "../__chunks/54J7EHCU.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/LBTB6WEV.js";
+import "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/IPFII6JW.js";
@@ -12,7 +12,7 @@ import "../__chunks/74KKBFVP.js";
 import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/toolbar/toolbar-provider.js

@@ -1,15 +1,15 @@
 import {
   useToolbarStore
-} from "../__chunks/DHSMOVCA.js";
-import "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
+} from "../__chunks/AE5ABTKC.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
 import {
   ToolbarContextProvider
 } from "../__chunks/IPFII6JW.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/toolbar/toolbar-separator.d.ts

@@ -20,9 +20,8 @@ export declare const useToolbarSeparator: import("../utils/types.js").Hook<Toolb
  * Renders a separator for toolbar items.
  * @see https://ariakit.org/components/toolbar
  * @example
- * ```jsx
- * const toolbar = useToolbarStore();
- * <Toolbar store={toolbar}>
+ * ```jsx {3}
+ * <Toolbar>
  *   <ToolbarItem>Item 1</ToolbarItem>
  *   <ToolbarSeparator />
  *   <ToolbarItem>Item 2</ToolbarItem>
@@ -32,8 +31,11 @@ export declare const useToolbarSeparator: import("../utils/types.js").Hook<Toolb
 export declare const ToolbarSeparator: import("../utils/types.js").Component<ToolbarSeparatorOptions<"hr">>;
 export interface ToolbarSeparatorOptions<T extends As = "hr"> extends CompositeSeparatorOptions<T> {
     /**
-     * Object returned by the `useToolbarStore` hook. If not provided, the parent
-     * `Toolbar` component's context will be used.
+     * Object returned by the
+     * [`useToolbarStore`](https://ariakit.org/reference/use-toolbar-store) hook.
+     * If not provided, the closest
+     * [`Toolbar`](https://ariakit.org/reference/toolbar) component's context will
+     * be used.
      */
     store?: ToolbarStore;
 }

package/esm/toolbar/toolbar-store.js

@@ -1,10 +1,10 @@
 import {
   useToolbarStore,
   useToolbarStoreProps
-} from "../__chunks/DHSMOVCA.js";
-import "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
-import "../__chunks/4LP74VAP.js";
+} from "../__chunks/AE5ABTKC.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/toolbar/toolbar.d.ts

@@ -20,8 +20,7 @@ export declare const useToolbar: import("../utils/types.js").Hook<ToolbarOptions
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx
- * const toolbar = useToolbarStore();
- * <Toolbar store={toolbar}>
+ * <Toolbar>
  *   <ToolbarItem>Item 1</ToolbarItem>
  *   <ToolbarItem>Item 2</ToolbarItem>
  * </Toolbar>
@@ -30,7 +29,13 @@ export declare const useToolbar: import("../utils/types.js").Hook<ToolbarOptions
 export declare const Toolbar: import("../utils/types.js").Component<ToolbarOptions<"div">>;
 export interface ToolbarOptions<T extends As = "div"> extends CompositeOptions<T>, Pick<ToolbarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
     /**
-     * Object returned by the `useToolbarStore` hook.
+     * Object returned by the
+     * [`useToolbarStore`](https://ariakit.org/reference/use-toolbar-store) hook.
+     * If not provided, the closest
+     * [`ToolbarProvider`](https://ariakit.org/reference/toolbar-provider)
+     * component context will be used. If the component is not wrapped in a
+     * [`ToolbarProvider`](https://ariakit.org/reference/toolbar-provider)
+     * component, an internal store will be used.
      */
     store?: ToolbarStore;
 }

package/esm/toolbar/toolbar.js

@@ -4,9 +4,9 @@ import {
 import "../__chunks/OXPV2NBK.js";
 import {
   useToolbarStore
-} from "../__chunks/DHSMOVCA.js";
-import "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
+} from "../__chunks/AE5ABTKC.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
 import {
   ToolbarScopedContextProvider,
   useToolbarProviderContext
@@ -20,7 +20,7 @@ import {
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";

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-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/727IWAR7.js";
-import "../__chunks/JE342XIS.js";
-import "../__chunks/DO6GQUCF.js";
-import "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.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/727IWAR7.js";
-import "../__chunks/JE342XIS.js";
-import "../__chunks/DO6GQUCF.js";
-import "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.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,10 +1,12 @@
 import {
   useHovercard
-} from "../__chunks/4VQSZLZX.js";
+} from "../__chunks/F7UYWUBJ.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/MNVQ65E5.js";
-import "../__chunks/YGEFENKI.js";
-import "../__chunks/IAA7Y45N.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";
@@ -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
@@ -42,8 +44,9 @@ import {
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.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";
 }