@ariakit/react-core 0.3.3 → 0.3.4

package/cjs/tab/tab-list.d.ts

@@ -21,20 +21,25 @@ export declare const useTabList: import("../utils/types.js").Hook<TabListOptions
  * Renders a tab list element.
  * @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 {2-5}
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>Tab 1</Tab>
+ *     <Tab>Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel>Panel 1</TabPanel>
+ *   <TabPanel>Panel 2</TabPanel>
+ * </TabProvider>
  * ```
  */
 export declare const TabList: import("../utils/types.js").Component<TabListOptions<"div">>;
 export interface TabListOptions<T extends As = "div"> extends CompositeOptions<T> {
     /**
-     * Object returned by the `useTabStore` hook.
+     * Object returned by the
+     * [`useTabStore`](https://ariakit.org/reference/use-tab-store) hook. If not
+     * provided, the closest
+     * [`TabProvider`](https://ariakit.org/reference/tab-provider) component's
+     * context will be used.
      */
     store?: TabStore;
 }

package/cjs/tab/tab-panel.cjs

@@ -9,7 +9,7 @@ require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 
 
-var _5E5FKYEOcjs = require('../__chunks/5E5FKYEO.cjs');
+var _L2VQ4YLNcjs = require('../__chunks/L2VQ4YLN.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
 
@@ -23,8 +23,8 @@ require('../__chunks/LHHW5ZQP.cjs');
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _HRUFFILMcjs = require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+var _HSOKUBYYcjs = require('../__chunks/HSOKUBYY.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 
 
 
@@ -92,9 +92,9 @@ var useTabPanel = _Z5PUIG6Acjs.createHook.call(void 0,
     }, props), {
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    const disclosure = _HRUFFILMcjs.useDisclosureStore.call(void 0, { open });
+    const disclosure = _HSOKUBYYcjs.useDisclosureStore.call(void 0, { open });
     props = _GQAB4M3Bcjs.useFocusable.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { focusable: !hasTabbableChildren }, props));
-    props = _5E5FKYEOcjs.useDisclosureContent.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: disclosure }, props));
+    props = _L2VQ4YLNcjs.useDisclosureContent.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: disclosure }, props));
     props = _FMI5QF7Ncjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
     return props;
   }

package/cjs/tab/tab-panel.d.ts

@@ -21,20 +21,25 @@ export declare const useTabPanel: import("../utils/types.js").Hook<TabPanelOptio
  * Renders a tab panel element.
  * @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 {6,7}
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>Tab 1</Tab>
+ *     <Tab>Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel>Panel 1</TabPanel>
+ *   <TabPanel>Panel 2</TabPanel>
+ * </TabProvider>
  * ```
  */
 export declare const TabPanel: import("../utils/types.js").Component<TabPanelOptions<"div">>;
-export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<T>, CollectionItemOptions<T>, Omit<DisclosureContentOptions<T>, "store"> {
+export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<T>, CollectionItemOptions<T>, Omit<DisclosureContentOptions<T>, "store" | "unmountOnHide"> {
     /**
-     * Object returned by the `useTabStore` hook.
+     * Object returned by the
+     * [`useTabStore`](https://ariakit.org/reference/use-tab-store) hook. If not
+     * provided, the closest
+     * [`TabProvider`](https://ariakit.org/reference/tab-provider) component's
+     * context will be used.
      */
     store?: TabStore;
     /**

package/cjs/tab/tab-provider.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NPP6EMNEcjs = require('../__chunks/NPP6EMNE.cjs');
+var _4QHHTATPcjs = require('../__chunks/4QHHTATP.cjs');
 
 
 var _HBZJ2UC5cjs = require('../__chunks/HBZJ2UC5.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -17,7 +17,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/tab/tab-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TabProvider(props = {}) {
-  const store = _NPP6EMNEcjs.useTabStore.call(void 0, props);
+  const store = _4QHHTATPcjs.useTabStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HBZJ2UC5cjs.TabContextProvider, { value: store, children: props.children });
 }
 

package/cjs/tab/tab-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NPP6EMNEcjs = require('../__chunks/NPP6EMNE.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+var _4QHHTATPcjs = require('../__chunks/4QHHTATP.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useTabStore = _NPP6EMNEcjs.useTabStore; exports.useTabStoreProps = _NPP6EMNEcjs.useTabStoreProps;
+exports.useTabStore = _4QHHTATPcjs.useTabStore; exports.useTabStoreProps = _4QHHTATPcjs.useTabStoreProps;

package/cjs/tab/tab-store.d.ts

@@ -66,13 +66,6 @@ export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOpt
     /**
      * Function that will be called when the `selectedId` state changes.
      * @param selectedId The new selected id.
-     * @example
-     * function Tabs({ visibleTab, onTabChange }) {
-     *   const tab = useTabStore({
-     *     selectedId: visibleTab,
-     *     setSelectedId: onTabChange,
-     *   });
-     * }
      */
     setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
 }

package/cjs/tab/tab.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _D3SPQ2OYcjs = require('../__chunks/D3SPQ2OY.cjs');
-require('../__chunks/FXRXBA2Y.cjs');
+var _GUWJ7VTOcjs = require('../__chunks/GUWJ7VTO.cjs');
+require('../__chunks/HWZH54NB.cjs');
 require('../__chunks/FMI5QF7N.cjs');
 
 
@@ -16,7 +16,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 
 
 
@@ -83,7 +83,7 @@ var useTab = _Z5PUIG6Acjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _D3SPQ2OYcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _GUWJ7VTOcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       accessibleWhenDisabled,

package/cjs/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/cjs/toolbar/toolbar-container.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZKEGT5BQcjs = require('../__chunks/ZKEGT5BQ.cjs');
+var _UK2DHDQUcjs = require('../__chunks/UK2DHDQU.cjs');
 
 
-var _HADU3YYRcjs = require('../__chunks/HADU3YYR.cjs');
-require('../__chunks/D3SPQ2OY.cjs');
-require('../__chunks/FXRXBA2Y.cjs');
+var _ZQZC54NScjs = require('../__chunks/ZQZC54NS.cjs');
+require('../__chunks/GUWJ7VTO.cjs');
+require('../__chunks/HWZH54NB.cjs');
 require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
 
@@ -20,7 +20,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -34,8 +34,8 @@ var useToolbarContainer = _Z5PUIG6Acjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _ZKEGT5BQcjs.useCompositeContainer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _HADU3YYRcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _UK2DHDQUcjs.useCompositeContainer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _ZQZC54NScjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

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

@@ -3,9 +3,9 @@
 var _YJVXQQJ3cjs = require('../__chunks/YJVXQQJ3.cjs');
 
 
-var _HADU3YYRcjs = require('../__chunks/HADU3YYR.cjs');
-require('../__chunks/D3SPQ2OY.cjs');
-require('../__chunks/FXRXBA2Y.cjs');
+var _ZQZC54NScjs = require('../__chunks/ZQZC54NS.cjs');
+require('../__chunks/GUWJ7VTO.cjs');
+require('../__chunks/HWZH54NB.cjs');
 require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
 
@@ -20,7 +20,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -35,7 +35,7 @@ var useToolbarInput = _Z5PUIG6Acjs.createHook.call(void 0,
     const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
     store = store || context;
     props = _YJVXQQJ3cjs.useCompositeInput.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _HADU3YYRcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _ZQZC54NScjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/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/cjs/toolbar/toolbar-item.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _HADU3YYRcjs = require('../__chunks/HADU3YYR.cjs');
-require('../__chunks/D3SPQ2OY.cjs');
-require('../__chunks/FXRXBA2Y.cjs');
+var _ZQZC54NScjs = require('../__chunks/ZQZC54NS.cjs');
+require('../__chunks/GUWJ7VTO.cjs');
+require('../__chunks/HWZH54NB.cjs');
 require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/WSW5XX7F.cjs');
@@ -12,11 +12,11 @@ require('../__chunks/NHZBX2RS.cjs');
 require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.ToolbarItem = _HADU3YYRcjs.ToolbarItem; exports.useToolbarItem = _HADU3YYRcjs.useToolbarItem;
+exports.ToolbarItem = _ZQZC54NScjs.ToolbarItem; exports.useToolbarItem = _ZQZC54NScjs.useToolbarItem;

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

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZA36X7UQcjs = require('../__chunks/ZA36X7UQ.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.cjs');
+var _VVU2UQJ2cjs = require('../__chunks/VVU2UQJ2.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.cjs');
 
 
 var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -17,7 +17,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/toolbar/toolbar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ToolbarProvider(props = {}) {
-  const store = _ZA36X7UQcjs.useToolbarStore.call(void 0, props);
+  const store = _VVU2UQJ2cjs.useToolbarStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WSW5XX7Fcjs.ToolbarContextProvider, { value: store, children: props.children });
 }
 

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

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZA36X7UQcjs = require('../__chunks/ZA36X7UQ.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+var _VVU2UQJ2cjs = require('../__chunks/VVU2UQJ2.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useToolbarStore = _ZA36X7UQcjs.useToolbarStore; exports.useToolbarStoreProps = _ZA36X7UQcjs.useToolbarStoreProps;
+exports.useToolbarStore = _VVU2UQJ2cjs.useToolbarStore; exports.useToolbarStoreProps = _VVU2UQJ2cjs.useToolbarStoreProps;

package/cjs/toolbar/toolbar.cjs

@@ -4,9 +4,9 @@ var _SELCJFCBcjs = require('../__chunks/SELCJFCB.cjs');
 require('../__chunks/KLZID3QO.cjs');
 
 
-var _ZA36X7UQcjs = require('../__chunks/ZA36X7UQ.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.cjs');
+var _VVU2UQJ2cjs = require('../__chunks/VVU2UQJ2.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.cjs');
 
 
 
@@ -20,7 +20,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 
 
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/UHRHLHM2.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -49,7 +49,7 @@ var useToolbar = _Z5PUIG6Acjs.createHook.call(void 0,
     ]);
     const context = _WSW5XX7Fcjs.useToolbarProviderContext.call(void 0, );
     storeProp = storeProp || context;
-    const store = _ZA36X7UQcjs.useToolbarStore.call(void 0, {
+    const store = _VVU2UQJ2cjs.useToolbarStore.call(void 0, {
       store: storeProp,
       orientation: orientationProp,
       virtualFocus,

package/cjs/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/cjs/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/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 _JQKZHT3Kcjs = require('../__chunks/JQKZHT3K.cjs');
-require('../__chunks/HIGZ476M.cjs');
-require('../__chunks/Z6EBOLR5.cjs');
-require('../__chunks/3MYGLY4O.cjs');
-require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.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 = _JQKZHT3Kcjs.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 });
 }