@ariakit/react-core 0.2.17 → 0.3.0

package/esm/tab/tab-list.js

@@ -1,18 +1,20 @@
 import {
-  TabContext
-} from "../__chunks/UZKBEGMB.js";
+  TabScopedContextProvider,
+  useTabProviderContext
+} from "../__chunks/DL4RBG46.js";
 import {
   useComposite
-} from "../__chunks/AAVDGJD5.js";
+} from "../__chunks/HYNMOU7J.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";
@@ -23,15 +25,22 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/tab/tab-list.tsx
+import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var useTabList = createHook((_a) => {
   var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  const context = useTabProviderContext();
+  store = store || context;
+  invariant(
+    store,
+    process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
+  );
   const orientation = store.useState(
     (state) => state.orientation === "both" ? void 0 : state.orientation
   );
   props = useWrapElement(
     props,
-    (element) => /* @__PURE__ */ jsx(TabContext.Provider, { value: store, children: element }),
+    (element) => /* @__PURE__ */ jsx(TabScopedContextProvider, { value: store, children: element }),
     [store]
   );
   props = __spreadValues({

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

@@ -1,5 +1,5 @@
 import type { CollectionItemOptions } from "../collection/collection-item.js";
-import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.jsx";
 import type { FocusableOptions } from "../focusable/focusable.js";
 import type { As, Props } from "../utils/types.js";
 import type { TabStore } from "./tab-store.js";
@@ -36,7 +36,7 @@ export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<
     /**
      * Object returned by the `useTabStore` hook.
      */
-    store: TabStore;
+    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.

package/esm/tab/tab-panel.js

@@ -1,26 +1,34 @@
 import {
   useCollectionItem
-} from "../__chunks/VFNGSUSF.js";
-import "../__chunks/T3DJZG63.js";
+} from "../__chunks/XIA3HAXM.js";
+import {
+  TabScopedContextProvider,
+  useTabProviderContext
+} from "../__chunks/DL4RBG46.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
 import {
   useDisclosureContent
-} from "../__chunks/WHEEIXMF.js";
+} from "../__chunks/3D7ZB3CS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
 import {
   useFocusable
-} from "../__chunks/MYID4V27.js";
+} from "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useDisclosureStore
-} from "../__chunks/SWJ5EOOS.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
 import {
   useId,
-  useMergeRefs
+  useMergeRefs,
+  useWrapElement
 } from "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -29,12 +37,20 @@ import {
   __spreadValues
 } from "../__chunks/PNRLI7OV.js";
 
-// src/tab/tab-panel.ts
+// src/tab/tab-panel.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
 import { getAllTabbableIn } from "@ariakit/core/utils/focus";
+import { invariant } from "@ariakit/core/utils/misc";
+import { jsx } from "react/jsx-runtime";
 var useTabPanel = createHook(
   (_a) => {
     var _b = _a, { store, tabId: tabIdProp, getItem: getItemProp } = _b, props = __objRest(_b, ["store", "tabId", "getItem"]);
+    const context = useTabProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
+    );
     const ref = useRef(null);
     const id = useId(props.id);
     const [hasTabbableChildren, setHasTabbableChildren] = useState(false);
@@ -55,10 +71,15 @@ var useTabPanel = createHook(
       },
       [id, tabIdProp, getItemProp]
     );
+    props = useWrapElement(
+      props,
+      (element) => /* @__PURE__ */ jsx(TabScopedContextProvider, { value: store, children: element }),
+      [store]
+    );
     const tabId = store.panels.useState(
       () => {
         var _a2;
-        return tabIdProp || ((_a2 = store.panels.item(id)) == null ? void 0 : _a2.tabId);
+        return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);
       }
     );
     const open = store.useState(

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import type { TabStoreProps } from "./tab-store.js";
+/**
+ * Provides a tab store to Tab components.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>For You</Tab>
+ *     <Tab>Following</Tab>
+ *   </TabList>
+ *   <TabPanel>For You</TabPanel>
+ *   <TabPanel>Following</TabPanel>
+ * </TabProvider>
+ * ```
+ */
+export declare function TabProvider(props?: TabProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface TabProviderProps extends TabStoreProps {
+    children?: ReactNode;
+}

package/esm/tab/tab-provider.js

@@ -0,0 +1,25 @@
+import {
+  useTabStore
+} from "../__chunks/B7CSN7VQ.js";
+import {
+  TabContextProvider
+} from "../__chunks/DL4RBG46.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
+
+// src/tab/tab-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function TabProvider(props = {}) {
+  const store = useTabStore(props);
+  return /* @__PURE__ */ jsx(TabContextProvider, { value: store, children: props.children });
+}
+export {
+  TabProvider
+};

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

@@ -2,23 +2,44 @@ import * as Core from "@ariakit/core/tab/tab-store";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store } from "../utils/store.js";
 type Item = Core.TabStoreItem;
-export declare function useTabStoreOptions(props: TabStoreProps): Partial<import("../collection/collection-store.js").CollectionStoreOptions<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-} & {
-    dimmed?: boolean | undefined;
-}>>;
-export declare function useTabStoreProps<T extends Store<Core.TabStore>>(store: T, props: TabStoreProps): T & {
-    panels: Store<import("@ariakit/core/collection/collection-store").CollectionStore<{
+export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
+    panels: import("@ariakit/core/collection/collection-store").CollectionStoreFunctions<{
         id: string;
         element?: HTMLElement | null | undefined;
     } & {
         tabId?: string | null | undefined;
-    }>>;
+    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+        id: string;
+        element?: HTMLElement | null | undefined;
+    } & {
+        tabId?: string | null | undefined;
+    }>> & {
+        useState: {
+            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>;
+            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>[K];
+            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>) => V): V;
+        };
+    };
 };
 /**
  * Creates a tab store.

package/esm/tab/tab-store.js

@@ -1,39 +1,14 @@
 import {
-  useCompositeStoreOptions,
-  useCompositeStoreProps
-} from "../__chunks/7KULBIZY.js";
-import "../__chunks/RS7KBRGA.js";
-import {
-  useStore,
-  useStoreProps
-} from "../__chunks/P63NRZ4A.js";
+  useTabStore,
+  useTabStoreProps
+} from "../__chunks/B7CSN7VQ.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/PNRLI7OV.js";
-
-// src/tab/tab-store.ts
-import { useMemo } from "react";
-import * as Core from "@ariakit/core/tab/tab-store";
-function useTabStoreOptions(props) {
-  return useCompositeStoreOptions(props);
-}
-function useTabStoreProps(store, props) {
-  store = useCompositeStoreProps(store, props);
-  useStoreProps(store, props, "selectedId", "setSelectedId");
-  useStoreProps(store, props, "selectOnMove");
-  const panels = useStore(() => store.panels);
-  return useMemo(() => __spreadProps(__spreadValues({}, store), { panels }), []);
-}
-function useTabStore(props = {}) {
-  const options = useTabStoreOptions(props);
-  const store = useStore(() => Core.createTabStore(__spreadValues(__spreadValues({}, props), options)));
-  return useTabStoreProps(store, props);
-}
+import "../__chunks/PNRLI7OV.js";
 export {
   useTabStore,
-  useTabStoreOptions,
   useTabStoreProps
 };

package/esm/tab/tab.js

@@ -1,22 +1,22 @@
-import {
-  TabContext
-} from "../__chunks/UZKBEGMB.js";
 import {
   useCompositeItem
-} from "../__chunks/FVD2NJZN.js";
-import "../__chunks/P4RGQGTG.js";
-import "../__chunks/VFNGSUSF.js";
-import "../__chunks/T3DJZG63.js";
+} from "../__chunks/6TWF32ML.js";
+import "../__chunks/LND6SMHN.js";
+import "../__chunks/XIA3HAXM.js";
+import {
+  useTabScopedContext
+} from "../__chunks/DL4RBG46.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/NQJBHION.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
 import {
   useEvent,
   useId
@@ -29,7 +29,7 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/tab/tab.ts
-import { useCallback, useContext } from "react";
+import { useCallback } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useTab = createHook(
   (_a) => {
@@ -42,11 +42,11 @@ var useTab = createHook(
       "accessibleWhenDisabled",
       "getItem"
     ]);
-    const context = useContext(TabContext);
+    const context = useTabScopedContext();
     store = store || context;
     invariant(
       store,
-      process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component"
+      process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
     );
     const defaultId = useId();
     const id = props.id || defaultId;

package/esm/toolbar/toolbar-container.js

@@ -1,23 +1,26 @@
 import {
   useCompositeContainer
-} from "../__chunks/P2MU7N5N.js";
+} from "../__chunks/U47NFJA3.js";
 import {
   useToolbarItem
-} from "../__chunks/P4CYWFUE.js";
-import "../__chunks/FVD2NJZN.js";
-import "../__chunks/P4RGQGTG.js";
-import "../__chunks/VFNGSUSF.js";
-import "../__chunks/T3DJZG63.js";
+} from "../__chunks/552DU7SQ.js";
+import "../__chunks/6TWF32ML.js";
+import "../__chunks/LND6SMHN.js";
+import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/MYID4V27.js";
+import {
+  useToolbarContext
+} from "../__chunks/IPFII6JW.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/NQJBHION.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -29,6 +32,8 @@ import {
 var useToolbarContainer = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useToolbarContext();
+    store = store || context;
     props = useCompositeContainer(__spreadValues({ store }, props));
     props = useToolbarItem(__spreadValues({ store }, props));
     return props;

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

@@ -1,2 +1,19 @@
 import type { ToolbarStore } from "./toolbar-store.js";
-export declare const ToolbarContext: import("react").Context<ToolbarStore | undefined>;
+/**
+ * Returns the toolbar store from the nearest toolbar container.
+ * @example
+ * function ToolbarItem() {
+ *   const store = useToolbarContext();
+ *
+ *   if (!store) {
+ *     throw new Error("ToolbarItem must be wrapped in ToolbarProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useToolbarContext: () => ToolbarStore | undefined;
+export declare const useToolbarScopedContext: (onlyScoped?: boolean) => ToolbarStore | undefined;
+export declare const useToolbarProviderContext: () => ToolbarStore | undefined;
+export declare const ToolbarContextProvider: (props: import("react").ProviderProps<ToolbarStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarScopedContextProvider: (props: import("react").ProviderProps<ToolbarStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/toolbar/toolbar-context.js

@@ -1,7 +1,20 @@
 import {
-  ToolbarContext
-} from "../__chunks/DFUIIKXE.js";
+  ToolbarContextProvider,
+  ToolbarScopedContextProvider,
+  useToolbarContext,
+  useToolbarProviderContext,
+  useToolbarScopedContext
+} from "../__chunks/IPFII6JW.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";
 export {
-  ToolbarContext
+  ToolbarContextProvider,
+  ToolbarScopedContextProvider,
+  useToolbarContext,
+  useToolbarProviderContext,
+  useToolbarScopedContext
 };

package/esm/toolbar/toolbar-input.js

@@ -1,23 +1,26 @@
 import {
   useCompositeInput
-} from "../__chunks/43VDSLJP.js";
+} from "../__chunks/QGZKN2N5.js";
 import {
   useToolbarItem
-} from "../__chunks/P4CYWFUE.js";
-import "../__chunks/FVD2NJZN.js";
-import "../__chunks/P4RGQGTG.js";
-import "../__chunks/VFNGSUSF.js";
-import "../__chunks/T3DJZG63.js";
+} from "../__chunks/552DU7SQ.js";
+import "../__chunks/6TWF32ML.js";
+import "../__chunks/LND6SMHN.js";
+import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/MYID4V27.js";
+import {
+  useToolbarContext
+} from "../__chunks/IPFII6JW.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/NQJBHION.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -29,6 +32,8 @@ import {
 var useToolbarInput = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useToolbarContext();
+    store = store || context;
     props = useCompositeInput(__spreadValues({ store }, props));
     props = useToolbarItem(__spreadValues({ store }, props));
     return props;

package/esm/toolbar/toolbar-item.js

@@ -1,17 +1,18 @@
 import {
   ToolbarItem,
   useToolbarItem
-} from "../__chunks/P4CYWFUE.js";
-import "../__chunks/FVD2NJZN.js";
-import "../__chunks/P4RGQGTG.js";
-import "../__chunks/VFNGSUSF.js";
-import "../__chunks/T3DJZG63.js";
+} from "../__chunks/552DU7SQ.js";
+import "../__chunks/6TWF32ML.js";
+import "../__chunks/LND6SMHN.js";
+import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/IPFII6JW.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/NQJBHION.js";
-import "../__chunks/P63NRZ4A.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import type { ToolbarStoreProps } from "./toolbar-store.js";
+/**
+ * Provides a toolbar store to Toolbar components.
+ * @see https://ariakit.org/components/toolbar
+ * @example
+ * ```jsx
+ * <ToolbarProvider>
+ *   <Toolbar>
+ *     <ToolbarItem />
+ *     <ToolbarItem />
+ *     <ToolbarItem />
+ *   </Toolbar>
+ * </ToolbarProvider>
+ * ```
+ */
+export declare function ToolbarProvider(props?: ToolbarProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface ToolbarProviderProps extends ToolbarStoreProps {
+    children?: ReactNode;
+}

package/esm/toolbar/toolbar-provider.js

@@ -0,0 +1,25 @@
+import {
+  useToolbarStore
+} from "../__chunks/AAS6MDEM.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import {
+  ToolbarContextProvider
+} from "../__chunks/IPFII6JW.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/L3AX6U5E.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
+
+// src/toolbar/toolbar-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function ToolbarProvider(props = {}) {
+  const store = useToolbarStore(props);
+  return /* @__PURE__ */ jsx(ToolbarContextProvider, { value: store, children: props.children });
+}
+export {
+  ToolbarProvider
+};

package/esm/toolbar/toolbar-separator.js

@@ -1,21 +1,31 @@
 import {
   useCompositeSeparator
-} from "../__chunks/RY6ZOIHR.js";
-import "../__chunks/D3IXN5NP.js";
-import "../__chunks/WJ37OVG2.js";
+} from "../__chunks/JM3KBRED.js";
+import "../__chunks/J5LOLGUC.js";
+import {
+  useToolbarContext
+} from "../__chunks/IPFII6JW.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/PNRLI7OV.js";
 
 // src/toolbar/toolbar-separator.ts
 var useToolbarSeparator = createHook(
-  (props) => {
-    props = useCompositeSeparator(props);
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useToolbarContext();
+    store = store || context;
+    props = useCompositeSeparator(__spreadValues({ store }, props));
     return props;
   }
 );

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

@@ -1,15 +1,7 @@
 import * as Core from "@ariakit/core/toolbar/toolbar-store";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useToolbarStoreOptions(props: ToolbarStoreProps): Partial<import("../collection/collection-store.js").CollectionStoreOptions<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}>>;
-export declare function useToolbarStoreProps<T extends ToolbarStore>(store: T, props: ToolbarStoreProps): T;
+export declare function useToolbarStoreProps<T extends Core.ToolbarStore>(store: T, update: () => void, props: ToolbarStoreProps): T;
 /**
  * Creates a toolbar store.
  * @see https://ariakit.org/components/toolbar