@ariakit/react-core 0.2.17 → 0.3.0

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

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HRWXWXMEcjs = require('../__chunks/HRWXWXME.cjs');
+var _EGFAX26Ucjs = require('../__chunks/EGFAX26U.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FMI5QF7N.cjs');
 
 
-var _ZK5KHSMPcjs = require('../__chunks/ZK5KHSMP.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
+var _HBZJ2UC5cjs = require('../__chunks/HBZJ2UC5.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/MPGRRS75.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 
 
 
@@ -31,7 +31,7 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/tab/tab.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useTab = _CWY2PHPRcjs.createHook.call(void 0, 
+var useTab = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -42,11 +42,11 @@ var useTab = _CWY2PHPRcjs.createHook.call(void 0,
       "accessibleWhenDisabled",
       "getItem"
     ]);
-    const context = _react.useContext.call(void 0, _HRWXWXMEcjs.TabContext);
+    const context = _HBZJ2UC5cjs.useTabScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       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 = _5WLTMVVQcjs.useId.call(void 0, );
     const id = props.id || defaultId;
@@ -83,7 +83,7 @@ var useTab = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _ZK5KHSMPcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _EGFAX26Ucjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       accessibleWhenDisabled,
@@ -93,9 +93,9 @@ var useTab = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var Tab = _CWY2PHPRcjs.createMemoComponent.call(void 0, (props) => {
+var Tab = _Z5PUIG6Acjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useTab(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Tab.displayName = "Tab";

package/cjs/toolbar/toolbar-container.cjs

@@ -1,23 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _KCH72A7Jcjs = require('../__chunks/KCH72A7J.cjs');
+var _PKAT32EScjs = require('../__chunks/PKAT32ES.cjs');
 
 
-var _BPAMJRUFcjs = require('../__chunks/BPAMJRUF.cjs');
-require('../__chunks/ZK5KHSMP.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
+var _E5YTMXPMcjs = require('../__chunks/E5YTMXPM.cjs');
+require('../__chunks/EGFAX26U.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+
+
+var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/MPGRRS75.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -26,18 +29,20 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/toolbar/toolbar-container.ts
-var useToolbarContainer = _CWY2PHPRcjs.createHook.call(void 0, 
+var useToolbarContainer = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _KCH72A7Jcjs.useCompositeContainer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _BPAMJRUFcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
+    store = store || context;
+    props = _PKAT32EScjs.useCompositeContainer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _E5YTMXPMcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarContainer = _CWY2PHPRcjs.createMemoComponent.call(void 0, 
+var ToolbarContainer = _Z5PUIG6Acjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useToolbarContainer(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/toolbar/toolbar-context.cjs

@@ -1,7 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _56QOFCPOcjs = require('../__chunks/56QOFCPO.cjs');
+
+
+
+
+var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.ToolbarContext = _56QOFCPOcjs.ToolbarContext;
+
+
+
+
+exports.ToolbarContextProvider = _WSW5XX7Fcjs.ToolbarContextProvider; exports.ToolbarScopedContextProvider = _WSW5XX7Fcjs.ToolbarScopedContextProvider; exports.useToolbarContext = _WSW5XX7Fcjs.useToolbarContext; exports.useToolbarProviderContext = _WSW5XX7Fcjs.useToolbarProviderContext; exports.useToolbarScopedContext = _WSW5XX7Fcjs.useToolbarScopedContext;

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

@@ -1,23 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GTZQOSRGcjs = require('../__chunks/GTZQOSRG.cjs');
+var _YJVXQQJ3cjs = require('../__chunks/YJVXQQJ3.cjs');
 
 
-var _BPAMJRUFcjs = require('../__chunks/BPAMJRUF.cjs');
-require('../__chunks/ZK5KHSMP.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
+var _E5YTMXPMcjs = require('../__chunks/E5YTMXPM.cjs');
+require('../__chunks/EGFAX26U.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+
+
+var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/MPGRRS75.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -26,18 +29,20 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/toolbar/toolbar-input.ts
-var useToolbarInput = _CWY2PHPRcjs.createHook.call(void 0, 
+var useToolbarInput = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _GTZQOSRGcjs.useCompositeInput.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _BPAMJRUFcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
+    store = store || context;
+    props = _YJVXQQJ3cjs.useCompositeInput.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _E5YTMXPMcjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarInput = _CWY2PHPRcjs.createMemoComponent.call(void 0, 
+var ToolbarInput = _Z5PUIG6Acjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useToolbarInput(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "input", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/toolbar/toolbar-item.cjs

@@ -1,21 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _BPAMJRUFcjs = require('../__chunks/BPAMJRUF.cjs');
-require('../__chunks/ZK5KHSMP.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
+var _E5YTMXPMcjs = require('../__chunks/E5YTMXPM.cjs');
+require('../__chunks/EGFAX26U.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FMI5QF7N.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/MPGRRS75.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.ToolbarItem = _BPAMJRUFcjs.ToolbarItem; exports.useToolbarItem = _BPAMJRUFcjs.useToolbarItem;
+exports.ToolbarItem = _E5YTMXPMcjs.ToolbarItem; exports.useToolbarItem = _E5YTMXPMcjs.useToolbarItem;

package/cjs/toolbar/toolbar-provider.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _E36HQN5Ucjs = require('../__chunks/E36HQN5U.cjs');
+require('../__chunks/RE3KB52D.cjs');
+require('../__chunks/KAZTJBAF.cjs');
+
+
+var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
+
+// src/toolbar/toolbar-provider.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ToolbarProvider(props = {}) {
+  const store = _E36HQN5Ucjs.useToolbarStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WSW5XX7Fcjs.ToolbarContextProvider, { value: store, children: props.children });
+}
+
+
+exports.ToolbarProvider = ToolbarProvider;

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

@@ -1,28 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ESIBWLXMcjs = require('../__chunks/ESIBWLXM.cjs');
-require('../__chunks/BQZLBPPT.cjs');
-require('../__chunks/5VOPA6D3.cjs');
+var _NFFY66XZcjs = require('../__chunks/NFFY66XZ.cjs');
+require('../__chunks/CYI34MDD.cjs');
 
 
+var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+
+
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+
+
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/toolbar/toolbar-separator.ts
-var useToolbarSeparator = _CWY2PHPRcjs.createHook.call(void 0, 
-  (props) => {
-    props = _ESIBWLXMcjs.useCompositeSeparator.call(void 0, props);
+var useToolbarSeparator = _Z5PUIG6Acjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
+    store = store || context;
+    props = _NFFY66XZcjs.useCompositeSeparator.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarSeparator = _CWY2PHPRcjs.createComponent.call(void 0, 
+var ToolbarSeparator = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useToolbarSeparator(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "hr", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/toolbar/toolbar-store.cjs

@@ -1,34 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _CRKIULULcjs = require('../__chunks/CRKIULUL.cjs');
-require('../__chunks/ATSMFQCO.cjs');
-
-
-var _MPGRRS75cjs = require('../__chunks/MPGRRS75.cjs');
+var _E36HQN5Ucjs = require('../__chunks/E36HQN5U.cjs');
+require('../__chunks/RE3KB52D.cjs');
+require('../__chunks/KAZTJBAF.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
-
-
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
-
-// src/toolbar/toolbar-store.ts
-var _toolbarstore = require('@ariakit/core/toolbar/toolbar-store'); var Core = _interopRequireWildcard(_toolbarstore);
-function useToolbarStoreOptions(props) {
-  return _CRKIULULcjs.useCompositeStoreOptions.call(void 0, props);
-}
-function useToolbarStoreProps(store, props) {
-  return _CRKIULULcjs.useCompositeStoreProps.call(void 0, store, props);
-}
-function useToolbarStore(props = {}) {
-  const options = useToolbarStoreOptions(props);
-  const store = _MPGRRS75cjs.useStore.call(void 0, 
-    () => Core.createToolbarStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
-  );
-  return useToolbarStoreProps(store, props);
-}
-
+require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useToolbarStore = useToolbarStore; exports.useToolbarStoreOptions = useToolbarStoreOptions; exports.useToolbarStoreProps = useToolbarStoreProps;
+exports.useToolbarStore = _E36HQN5Ucjs.useToolbarStore; exports.useToolbarStoreProps = _E36HQN5Ucjs.useToolbarStoreProps;

package/cjs/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

package/cjs/toolbar/toolbar.cjs

@@ -1,18 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _56QOFCPOcjs = require('../__chunks/56QOFCPO.cjs');
+var _6G5GJF5Qcjs = require('../__chunks/6G5GJF5Q.cjs');
+require('../__chunks/KLZID3QO.cjs');
 
 
-var _A764D2YKcjs = require('../__chunks/A764D2YK.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/5VOPA6D3.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+
+var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
+require('../__chunks/H7R5D2FR.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -23,27 +25,34 @@ require('../__chunks/7WUTS26Y.cjs');
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/toolbar/toolbar.tsx
+var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useToolbar = _CWY2PHPRcjs.createHook.call(void 0, (_a) => {
+var useToolbar = _Z5PUIG6Acjs.createHook.call(void 0, (_a) => {
   var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+  const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "Toolbar must receive a `store` prop or be wrapped in a ToolbarProvider component."
+  );
   const orientation = store.useState(
     (state) => state.orientation === "both" ? void 0 : state.orientation
   );
   props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _56QOFCPOcjs.ToolbarContext.Provider, { value: store, children: element }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WSW5XX7Fcjs.ToolbarScopedContextProvider, { value: store, children: element }),
     [store]
   );
   props = _72I2GWXFcjs.__spreadValues.call(void 0, {
     role: "toolbar",
     "aria-orientation": orientation
   }, props);
-  props = _A764D2YKcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+  props = _6G5GJF5Qcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var Toolbar = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Toolbar = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useToolbar(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Toolbar.displayName = "Toolbar";

package/cjs/toolbar/toolbar.d.ts

@@ -32,6 +32,6 @@ export interface ToolbarOptions<T extends As = "div"> extends CompositeOptions<T
     /**
      * Object returned by the `useToolbarStore` hook.
      */
-    store: ToolbarStore;
+    store?: ToolbarStore;
 }
 export type ToolbarProps<T extends As = "div"> = Props<ToolbarOptions<T>>;