@ariakit/react-core 0.3.2 → 0.3.4

package/esm/select/select.d.ts

@@ -19,44 +19,66 @@ export declare const useSelect: import("../utils/types.js").Hook<SelectOptions<"
  * Renders a select button.
  * @see https://ariakit.org/components/select
  * @example
- * ```jsx
- * const select = useSelectStore();
- * <Select store={select} />
- * <SelectPopover store={select}>
- *   <SelectItem value="Apple" />
- *   <SelectItem value="Orange" />
- * </SelectPopover>
+ * ```jsx {2}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
  * ```
  */
 export declare const Select: import("../utils/types.js").Component<SelectOptions<"button">>;
 export interface SelectOptions<T extends As = "button"> extends PopoverDisclosureOptions<T>, CompositeTypeaheadOptions<T>, Pick<SelectHTMLAttributes<HTMLSelectElement>, "name" | "form" | "required"> {
     /**
-     * Object returned by the `useSelectStore` hook.
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the closest
+     * [`SelectProvider`](https://ariakit.org/reference/select-provider)
+     * component's context will be used.
      */
     store?: SelectStore;
     /**
-     * Determines whether the select list will be shown when the user presses
-     * arrow keys while the select element is focused.
+     * Determines whether the
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
+     * will be shown when the user presses arrow keys while the select element is
+     * focused.
+     *
+     * Live examples:
+     * - [Select grid](https://ariakit.org/examples/select-grid)
      * @default true
      */
     showOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
     /**
-     * Determines whether pressing arrow keys will move the active item even
-     * when the select list is hidden.
+     * Determines whether pressing arrow keys will move the active item even when
+     * the [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
+     * is hidden.
      * @default false
      */
     moveOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
     /**
-     * Determines whether `store.toggle()` will be called on click. By default,
-     * the select list will be shown on press (on mouse down and on key down).
-     * If this prop is set to `true`, the select list will be shown on click
-     * instead.
+     * Determines whether
+     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) will be
+     * called on click. By default, the
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
+     * will be shown on press (on mouse down and on key down). If this prop is set
+     * to `true`, the [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
+     * will be shown on click instead.
      * @default false
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Determines whether pressing space, enter or mouse down will toggle the
-     * select list. This will be ignored if `toggleOnClick` is set to `true`.
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components.
+     * This prop will be ignored if
+     * [`toggleOnClick`](https://ariakit.org/reference/select#toggleonclick) is
+     * set to `true`.
      * @default true
      */
     toggleOnPress?: BooleanOrCallback<MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>>;

package/esm/select/select.js

@@ -1,10 +1,10 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/MXSIXS3C.js";
-import "../__chunks/TQ2YQL6O.js";
-import "../__chunks/7AFOF5E7.js";
+} from "../__chunks/HXYXHHNW.js";
+import "../__chunks/5EAW3TWZ.js";
+import "../__chunks/LRDCOOWL.js";
 import "../__chunks/4FNI7F6H.js";
-import "../__chunks/QPWEKAWF.js";
+import "../__chunks/TONP6TZ5.js";
 import {
   SelectArrow
 } from "../__chunks/WJZPOH5E.js";
@@ -16,14 +16,14 @@ import {
   SelectScopedContextProvider,
   useSelectProviderContext
 } from "../__chunks/US4OMDIO.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.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/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/esm/tab/tab-list.js

@@ -4,11 +4,11 @@ import {
 } from "../__chunks/DL4RBG46.js";
 import {
   useComposite
-} from "../__chunks/HYNMOU7J.js";
+} from "../__chunks/56TAEBRJ.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,

package/esm/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/esm/tab/tab-panel.js

@@ -9,12 +9,12 @@ import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import {
   useDisclosureContent
-} from "../__chunks/3D7ZB3CS.js";
+} from "../__chunks/KK6NPMOP.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
 import {
   useFocusable
-} from "../__chunks/M4OAD5XF.js";
+} from "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
@@ -23,8 +23,8 @@ import {
 } from "../__chunks/CFEUKV6C.js";
 import {
   useDisclosureStore
-} from "../__chunks/A2ONBKVT.js";
-import "../__chunks/XXO3VVQU.js";
+} from "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useId,
   useMergeRefs,

package/esm/tab/tab-provider.js

@@ -1,15 +1,15 @@
 import {
   useTabStore
-} from "../__chunks/35WVCYXU.js";
+} from "../__chunks/OAQFZVKH.js";
 import {
   TabContextProvider
 } from "../__chunks/DL4RBG46.js";
-import "../__chunks/WGAKICTY.js";
-import "../__chunks/NWDF5QDV.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/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/esm/tab/tab-store.js

@@ -1,10 +1,10 @@
 import {
   useTabStore,
   useTabStoreProps
-} from "../__chunks/35WVCYXU.js";
-import "../__chunks/WGAKICTY.js";
-import "../__chunks/NWDF5QDV.js";
-import "../__chunks/XXO3VVQU.js";
+} from "../__chunks/OAQFZVKH.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/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/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import {
   useTabScopedContext
@@ -9,14 +9,14 @@ import {
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.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/IZ6ZARCP.js";
+} from "../__chunks/ZYB5SMUW.js";
 import {
   useToolbarItem
-} from "../__chunks/RJEKIG5Y.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/LBTB6WEV.js";
+import "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import {
@@ -13,14 +13,14 @@ import {
 } from "../__chunks/IPFII6JW.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.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/RJEKIG5Y.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+} from "../__chunks/LBTB6WEV.js";
+import "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import {
@@ -13,14 +13,14 @@ import {
 } from "../__chunks/IPFII6JW.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.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,18 +1,18 @@
 import {
   ToolbarItem,
   useToolbarItem
-} from "../__chunks/RJEKIG5Y.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.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";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.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/VPTWELSR.js";
-import "../__chunks/WGAKICTY.js";
-import "../__chunks/NWDF5QDV.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/XXO3VVQU.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/VPTWELSR.js";
-import "../__chunks/WGAKICTY.js";
-import "../__chunks/NWDF5QDV.js";
-import "../__chunks/XXO3VVQU.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

@@ -1,26 +1,26 @@
 import {
   useComposite
-} from "../__chunks/HYNMOU7J.js";
+} from "../__chunks/56TAEBRJ.js";
 import "../__chunks/OXPV2NBK.js";
 import {
   useToolbarStore
-} from "../__chunks/VPTWELSR.js";
-import "../__chunks/WGAKICTY.js";
-import "../__chunks/NWDF5QDV.js";
+} from "../__chunks/AE5ABTKC.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
 import {
   ToolbarScopedContextProvider,
   useToolbarProviderContext
 } from "../__chunks/IPFII6JW.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";