@ariakit/react-core 0.3.11 → 0.3.13

package/cjs/tab/tab-list.cjs

@@ -5,11 +5,11 @@
 var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
 
 
-var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+var _R7ERL264cjs = require('../__chunks/R7ERL264.cjs');
+require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
@@ -48,7 +48,7 @@ var useTabList = _RNZNGEL4cjs.createHook.call(void 0, (_a) => {
     role: "tablist",
     "aria-orientation": orientation
   }, props);
-  props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _R7ERL264cjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
 var TabList = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {

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

@@ -18,7 +18,8 @@ import type { TabStore } from "./tab-store.js";
  */
 export declare const useTabList: import("../utils/types.js").Hook<TabListOptions<"div">>;
 /**
- * Renders a tab list element.
+ * Renders a composite tab list wrapper for
+ * [`Tab`](https://ariakit.org/reference/tab) elements.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {2-5}

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

@@ -18,7 +18,8 @@ import type { TabStore } from "./tab-store.js";
  */
 export declare const useTabList: import("../utils/types.js").Hook<TabListOptions<"div">>;
 /**
- * Renders a tab list element.
+ * Renders a composite tab list wrapper for
+ * [`Tab`](https://ariakit.org/reference/tab) elements.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {2-5}

package/cjs/tab/tab-panel.cjs

@@ -10,12 +10,12 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _TD5MOASJcjs = require('../__chunks/TD5MOASJ.cjs');
+var _YPVQYY4Jcjs = require('../__chunks/YPVQYY4J.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
 
 
-var _Z3GCTNW4cjs = require('../__chunks/Z3GCTNW4.cjs');
+var _VUEWHLYHcjs = require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
@@ -24,8 +24,8 @@ require('../__chunks/75KXQZJX.cjs');
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
 
-var _EGAIDKB5cjs = require('../__chunks/EGAIDKB5.cjs');
-require('../__chunks/B233QVZE.cjs');
+var _JAQJG42Rcjs = require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 
 
 
@@ -93,9 +93,9 @@ var useTabPanel = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    const disclosure = _EGAIDKB5cjs.useDisclosureStore.call(void 0, { open });
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable: !hasTabbableChildren }, props));
-    props = _TD5MOASJcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: disclosure }, props));
+    const disclosure = _JAQJG42Rcjs.useDisclosureStore.call(void 0, { open });
+    props = _VUEWHLYHcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable: !hasTabbableChildren }, props));
+    props = _YPVQYY4Jcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: disclosure }, props));
     props = _R5A2WTWBcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
     return props;
   }

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

@@ -18,7 +18,15 @@ import type { TabStore } from "./tab-store.js";
  */
 export declare const useTabPanel: import("../utils/types.js").Hook<TabPanelOptions<"div">>;
 /**
- * Renders a tab panel element.
+ * Renders a tab panel element that's controlled by a
+ * [`Tab`](https://ariakit.org/reference/tab) component.
+ *
+ * If the [`tabId`](https://ariakit.org/reference/tab-panel#tabid) prop isn't
+ * provided, the tab panel will automatically associate with a
+ * [`Tab`](https://ariakit.org/reference/tab) based on its position in the DOM.
+ * Alternatively, you can render a single tab panel with a dynamic
+ * [`tabId`](https://ariakit.org/reference/tab-panel#tabid) value pointing to
+ * the selected tab.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {6,7}
@@ -43,10 +51,19 @@ export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<
      */
     store?: TabStore;
     /**
-     * The id of the tab that controls this panel. By default, this value will
-     * be inferred based on the order of the tabs and the panels.
+     * The [`id`](https://ariakit.org/reference/tab#id) of the tab controlling
+     * this panel. This connection is used to assign the `aria-labelledby`
+     * attribute to the tab panel and to determine if the tab panel should be
+     * visible.
+     *
+     * This link is automatically established by matching the order of
+     * [`Tab`](https://ariakit.org/reference/tab) and
+     * [`TabPanel`](https://ariakit.org/reference/tab-panel) elements in the DOM.
+     * If you're rendering a single tab panel, this can be set to a dynamic value
+     * that refers to the selected tab.
      *
      * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      */
     tabId?: string | null;

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

@@ -18,7 +18,15 @@ import type { TabStore } from "./tab-store.js";
  */
 export declare const useTabPanel: import("../utils/types.js").Hook<TabPanelOptions<"div">>;
 /**
- * Renders a tab panel element.
+ * Renders a tab panel element that's controlled by a
+ * [`Tab`](https://ariakit.org/reference/tab) component.
+ *
+ * If the [`tabId`](https://ariakit.org/reference/tab-panel#tabid) prop isn't
+ * provided, the tab panel will automatically associate with a
+ * [`Tab`](https://ariakit.org/reference/tab) based on its position in the DOM.
+ * Alternatively, you can render a single tab panel with a dynamic
+ * [`tabId`](https://ariakit.org/reference/tab-panel#tabid) value pointing to
+ * the selected tab.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {6,7}
@@ -43,10 +51,19 @@ export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<
      */
     store?: TabStore;
     /**
-     * The id of the tab that controls this panel. By default, this value will
-     * be inferred based on the order of the tabs and the panels.
+     * The [`id`](https://ariakit.org/reference/tab#id) of the tab controlling
+     * this panel. This connection is used to assign the `aria-labelledby`
+     * attribute to the tab panel and to determine if the tab panel should be
+     * visible.
+     *
+     * This link is automatically established by matching the order of
+     * [`Tab`](https://ariakit.org/reference/tab) and
+     * [`TabPanel`](https://ariakit.org/reference/tab-panel) elements in the DOM.
+     * If you're rendering a single tab panel, this can be set to a dynamic value
+     * that refers to the selected tab.
      *
      * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      */
     tabId?: string | null;

package/cjs/tab/tab-provider.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WWU35JDJcjs = require('../__chunks/WWU35JDJ.cjs');
+var _3XQOWQTTcjs = require('../__chunks/3XQOWQTT.cjs');
 
 
 var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
-require('../__chunks/N6CR2VNN.cjs');
-require('../__chunks/DKOWT2IJ.cjs');
+require('../__chunks/LUL2YWZ3.cjs');
+require('../__chunks/CDNJPIEG.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -18,7 +18,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/tab/tab-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TabProvider(props = {}) {
-  const store = _WWU35JDJcjs.useTabStore.call(void 0, props);
+  const store = _3XQOWQTTcjs.useTabStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I65V32V2cjs.TabContextProvider, { value: store, children: props.children });
 }
 

package/cjs/tab/tab-provider.d.cts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { TabStoreProps } from "./tab-store.js";
 /**
- * Provides a tab store to Tab components.
+ * Provides a tab store to [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { TabStoreProps } from "./tab-store.js";
 /**
- * Provides a tab store to Tab components.
+ * Provides a tab store to [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx

package/cjs/tab/tab-store.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _WWU35JDJcjs = require('../__chunks/WWU35JDJ.cjs');
-require('../__chunks/N6CR2VNN.cjs');
-require('../__chunks/DKOWT2IJ.cjs');
-require('../__chunks/B233QVZE.cjs');
+var _3XQOWQTTcjs = require('../__chunks/3XQOWQTT.cjs');
+require('../__chunks/LUL2YWZ3.cjs');
+require('../__chunks/CDNJPIEG.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useTabStore = _WWU35JDJcjs.useTabStore; exports.useTabStoreProps = _WWU35JDJcjs.useTabStoreProps;
+exports.useTabStore = _3XQOWQTTcjs.useTabStore; exports.useTabStoreProps = _3XQOWQTTcjs.useTabStoreProps;

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

@@ -11,11 +11,13 @@ export declare function useTabStoreProps<T extends Core.TabStore>(store: T, upda
     };
 };
 /**
- * Creates a tab store.
+ * Creates a tab store to control the state of
+ * [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx
  * const tab = useTabStore();
+ *
  * <TabList store={tab}>
  *   <Tab>Tab 1</Tab>
  *   <Tab>Tab 2</Tab>
@@ -34,8 +36,12 @@ export interface TabStoreFunctions extends Core.TabStoreFunctions, CompositeStor
 }
 export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOptions<TabStoreItem> {
     /**
-     * Function that will be called when the `selectedId` state changes.
-     * @param selectedId The new selected id.
+     * Function that will be called when the
+     * [`selectedId`](https://ariakit.org/reference/tab-provider#selectedid) state
+     * changes.
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      */
     setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
 }

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

@@ -11,11 +11,13 @@ export declare function useTabStoreProps<T extends Core.TabStore>(store: T, upda
     };
 };
 /**
- * Creates a tab store.
+ * Creates a tab store to control the state of
+ * [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx
  * const tab = useTabStore();
+ *
  * <TabList store={tab}>
  *   <Tab>Tab 1</Tab>
  *   <Tab>Tab 2</Tab>
@@ -34,8 +36,12 @@ export interface TabStoreFunctions extends Core.TabStoreFunctions, CompositeStor
 }
 export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOptions<TabStoreItem> {
     /**
-     * Function that will be called when the `selectedId` state changes.
-     * @param selectedId The new selected id.
+     * Function that will be called when the
+     * [`selectedId`](https://ariakit.org/reference/tab-provider#selectedid) state
+     * changes.
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      */
     setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
 }

package/cjs/tab/tab.cjs

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
-require('../__chunks/DAJUUBUI.cjs');
+var _GSETTLOUcjs = require('../__chunks/GSETTLOU.cjs');
+require('../__chunks/OSTQZD2E.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 
 
 var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 
 
 
@@ -84,7 +84,7 @@ var useTab = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _GSETTLOUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       accessibleWhenDisabled,

package/cjs/tab/tab.d.cts

@@ -16,8 +16,8 @@ import type { TabStore } from "./tab-store.js";
  */
 export declare const useTab: import("../utils/types.js").Hook<TabOptions<"button">>;
 /**
- * Renders a tab element. The underlying element must be wrapped in a `TabList`
- * component.
+ * Renders a tab element inside a
+ * [`TabList`](https://ariakit.org/reference/tab-list) wrapper.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {3,4}

package/cjs/tab/tab.d.ts

@@ -16,8 +16,8 @@ import type { TabStore } from "./tab-store.js";
  */
 export declare const useTab: import("../utils/types.js").Hook<TabOptions<"button">>;
 /**
- * Renders a tab element. The underlying element must be wrapped in a `TabList`
- * component.
+ * Renders a tab element inside a
+ * [`TabList`](https://ariakit.org/reference/tab-list) wrapper.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {3,4}

package/cjs/toolbar/toolbar-container.cjs

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VQJ44BSYcjs = require('../__chunks/VQJ44BSY.cjs');
+var _JQS6X2I5cjs = require('../__chunks/JQS6X2I5.cjs');
 
 
-var _7EEAHTIWcjs = require('../__chunks/7EEAHTIW.cjs');
-require('../__chunks/3RUODFRU.cjs');
-require('../__chunks/DAJUUBUI.cjs');
+var _GMQZGKGVcjs = require('../__chunks/GMQZGKGV.cjs');
+require('../__chunks/GSETTLOU.cjs');
+require('../__chunks/OSTQZD2E.cjs');
 require('../__chunks/R5A2WTWB.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/6ZZYUFPW.cjs');
 
 
 var _LYIGAIJFcjs = require('../__chunks/LYIGAIJF.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -35,8 +35,8 @@ var useToolbarContainer = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _VQJ44BSYcjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _7EEAHTIWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _JQS6X2I5cjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _GMQZGKGVcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-container.d.cts

@@ -17,7 +17,7 @@ import type { ToolbarItemOptions } from "./toolbar-item.js";
  */
 export declare const useToolbarContainer: import("../utils/types.js").Hook<ToolbarContainerOptions<"div">>;
 /**
- * Renders a container for interactive widgets inside toolbar items.
+ * Renders a toolbar item that may contain interactive widgets inside.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2-4}

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

@@ -17,7 +17,7 @@ import type { ToolbarItemOptions } from "./toolbar-item.js";
  */
 export declare const useToolbarContainer: import("../utils/types.js").Hook<ToolbarContainerOptions<"div">>;
 /**
- * Renders a container for interactive widgets inside toolbar items.
+ * Renders a toolbar item that may contain interactive widgets inside.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2-4}

package/cjs/toolbar/toolbar-input.cjs

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FM5S6RADcjs = require('../__chunks/FM5S6RAD.cjs');
+var _XW252ITLcjs = require('../__chunks/XW252ITL.cjs');
 
 
-var _7EEAHTIWcjs = require('../__chunks/7EEAHTIW.cjs');
-require('../__chunks/3RUODFRU.cjs');
-require('../__chunks/DAJUUBUI.cjs');
+var _GMQZGKGVcjs = require('../__chunks/GMQZGKGV.cjs');
+require('../__chunks/GSETTLOU.cjs');
+require('../__chunks/OSTQZD2E.cjs');
 require('../__chunks/R5A2WTWB.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/6ZZYUFPW.cjs');
 
 
 var _LYIGAIJFcjs = require('../__chunks/LYIGAIJF.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -35,8 +35,8 @@ var useToolbarInput = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _FM5S6RADcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _7EEAHTIWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _XW252ITLcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _GMQZGKGVcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.d.cts

@@ -15,7 +15,8 @@ import type { ToolbarItemOptions } from "./toolbar-item.js";
  */
 export declare const useToolbarInput: import("../utils/types.js").Hook<ToolbarInputOptions<"input">>;
 /**
- * Renders an input as a toolbar item.
+ * Renders a text input as a toolbar item, maintaining arrow key navigation on
+ * the toolbar.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2}

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

@@ -15,7 +15,8 @@ import type { ToolbarItemOptions } from "./toolbar-item.js";
  */
 export declare const useToolbarInput: import("../utils/types.js").Hook<ToolbarInputOptions<"input">>;
 /**
- * Renders an input as a toolbar item.
+ * Renders a text input as a toolbar item, maintaining arrow key navigation on
+ * the toolbar.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2}

package/cjs/toolbar/toolbar-item.cjs

@@ -2,22 +2,22 @@
 
 
 
-var _7EEAHTIWcjs = require('../__chunks/7EEAHTIW.cjs');
-require('../__chunks/3RUODFRU.cjs');
-require('../__chunks/DAJUUBUI.cjs');
+var _GMQZGKGVcjs = require('../__chunks/GMQZGKGV.cjs');
+require('../__chunks/GSETTLOU.cjs');
+require('../__chunks/OSTQZD2E.cjs');
 require('../__chunks/R5A2WTWB.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/LYIGAIJF.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ToolbarItem = _7EEAHTIWcjs.ToolbarItem; exports.useToolbarItem = _7EEAHTIWcjs.useToolbarItem;
+exports.ToolbarItem = _GMQZGKGVcjs.ToolbarItem; exports.useToolbarItem = _GMQZGKGVcjs.useToolbarItem;

package/cjs/toolbar/toolbar-item.d.cts

@@ -15,7 +15,8 @@ import type { ToolbarStore } from "./toolbar-store.js";
  */
 export declare const useToolbarItem: import("../utils/types.js").Hook<ToolbarItemOptions<"button">>;
 /**
- * Renders an interactive element in a toolbar.
+ * Renders an interactive element inside a
+ * [`Toolbar`](https://ariakit.org/reference/toolbar).
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2}

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

@@ -15,7 +15,8 @@ import type { ToolbarStore } from "./toolbar-store.js";
  */
 export declare const useToolbarItem: import("../utils/types.js").Hook<ToolbarItemOptions<"button">>;
 /**
- * Renders an interactive element in a toolbar.
+ * Renders an interactive element inside a
+ * [`Toolbar`](https://ariakit.org/reference/toolbar).
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2}

package/cjs/toolbar/toolbar-provider.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _IGTX5NFAcjs = require('../__chunks/IGTX5NFA.cjs');
-require('../__chunks/N6CR2VNN.cjs');
-require('../__chunks/DKOWT2IJ.cjs');
+var _KIDFNQ4Ecjs = require('../__chunks/KIDFNQ4E.cjs');
+require('../__chunks/LUL2YWZ3.cjs');
+require('../__chunks/CDNJPIEG.cjs');
 
 
 var _LYIGAIJFcjs = require('../__chunks/LYIGAIJF.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -18,7 +18,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/toolbar/toolbar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ToolbarProvider(props = {}) {
-  const store = _IGTX5NFAcjs.useToolbarStore.call(void 0, props);
+  const store = _KIDFNQ4Ecjs.useToolbarStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LYIGAIJFcjs.ToolbarContextProvider, { value: store, children: props.children });
 }
 

package/cjs/toolbar/toolbar-provider.d.cts

@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
 import type { ToolbarStoreProps } from "./toolbar-store.js";
 /**
- * Provides a toolbar store to Toolbar components.
+ * Provides a toolbar store to [Toolbar](https://ariakit.org/components/toolbar)
+ * components.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx

package/cjs/toolbar/toolbar-provider.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
 import type { ToolbarStoreProps } from "./toolbar-store.js";
 /**
- * Provides a toolbar store to Toolbar components.
+ * Provides a toolbar store to [Toolbar](https://ariakit.org/components/toolbar)
+ * components.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx

package/cjs/toolbar/toolbar-separator.d.cts

@@ -17,7 +17,8 @@ import type { ToolbarStore } from "./toolbar-store.js";
  */
 export declare const useToolbarSeparator: import("../utils/types.js").Hook<ToolbarSeparatorOptions<"hr">>;
 /**
- * Renders a separator for toolbar items.
+ * Renders a divider between
+ * [`ToolbarItem`](https://ariakit.org/reference/toolbar-item) elements.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {3}

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

@@ -17,7 +17,8 @@ import type { ToolbarStore } from "./toolbar-store.js";
  */
 export declare const useToolbarSeparator: import("../utils/types.js").Hook<ToolbarSeparatorOptions<"hr">>;
 /**
- * Renders a separator for toolbar items.
+ * Renders a divider between
+ * [`ToolbarItem`](https://ariakit.org/reference/toolbar-item) elements.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {3}