@ariakit/react-core 0.2.17 → 0.3.1

package/esm/select/select.js

@@ -1,31 +1,35 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/BO7WPTZZ.js";
-import "../__chunks/5I6BQS7D.js";
-import "../__chunks/LDJKN2ZV.js";
-import "../__chunks/O6CV6VRM.js";
-import "../__chunks/7PHM3O7I.js";
+} from "../__chunks/MXSIXS3C.js";
+import "../__chunks/TQ2YQL6O.js";
+import "../__chunks/7AFOF5E7.js";
+import "../__chunks/4FNI7F6H.js";
+import "../__chunks/QPWEKAWF.js";
 import {
   SelectArrow
-} from "../__chunks/AUUE7U2H.js";
-import "../__chunks/LVMO37QD.js";
+} from "../__chunks/WJZPOH5E.js";
+import "../__chunks/5HSRXC5S.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/F4XABKPL.js";
+} from "../__chunks/YVYWIVKG.js";
 import {
-  SelectContext
-} from "../__chunks/EEVSGAZW.js";
-import "../__chunks/P4RGQGTG.js";
+  SelectScopedContextProvider,
+  useSelectProviderContext
+} from "../__chunks/US4OMDIO.js";
+import "../__chunks/LND6SMHN.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/MYID4V27.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/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -43,6 +47,7 @@ import {
 import { useEffect, useMemo, useRef, useState } from "react";
 import { getPopupRole } from "@ariakit/core/utils/dom";
 import { queueBeforeEvent } from "@ariakit/core/utils/events";
+import { invariant } from "@ariakit/core/utils/misc";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function getSelectedValues(select) {
   return Array.from(select.selectedOptions).map((option) => option.value);
@@ -87,6 +92,12 @@ var useSelect = createHook(
       "toggleOnClick",
       "toggleOnPress"
     ]);
+    const context = useSelectProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
+    );
     toggleOnPress = toggleOnClick ? false : toggleOnPress;
     const onKeyDownProp = props.onKeyDown;
     const showOnKeyDownProp = useBooleanEvent(showOnKeyDown);
@@ -101,6 +112,8 @@ var useSelect = createHook(
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
+      if (!store)
+        return;
       const { orientation, items: items2, activeId } = store.getState();
       if (event.key === " " || event.key === "Enter") {
         if (toggleOnPressProp(event)) {
@@ -153,13 +166,13 @@ var useSelect = createHook(
         return;
       const element = event.currentTarget;
       queueBeforeEvent(element, "focusin", () => {
-        store.setDisclosureElement(element);
-        store.toggle();
+        store == null ? void 0 : store.setDisclosureElement(element);
+        store == null ? void 0 : store.toggle();
       });
     });
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(SelectContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(SelectScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const [autofill, setAutofill] = useState(false);
@@ -214,12 +227,12 @@ var useSelect = createHook(
               multiple: multiSelectable,
               onFocus: () => {
                 var _a2;
-                return (_a2 = store.getState().selectElement) == null ? void 0 : _a2.focus();
+                return (_a2 = store == null ? void 0 : store.getState().selectElement) == null ? void 0 : _a2.focus();
               },
               onChange: (event) => {
                 nativeSelectChangedRef.current = true;
                 setAutofill(true);
-                store.setValue(
+                store == null ? void 0 : store.setValue(
                   multiSelectable ? getSelectedValues(event.target) : event.target.value
                 );
               },

package/esm/separator/separator.js

@@ -1,8 +1,8 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/D3IXN5NP.js";
-import "../__chunks/NQJBHION.js";
+} from "../__chunks/J5LOLGUC.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -1,2 +1,19 @@
 import type { TabStore } from "./tab-store.js";
-export declare const TabContext: import("react").Context<TabStore | undefined>;
+/**
+ * Returns the tab store from the nearest tab container.
+ * @example
+ * function Tab() {
+ *   const store = useTabContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Tab must be wrapped in TabProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useTabContext: () => TabStore | undefined;
+export declare const useTabScopedContext: (onlyScoped?: boolean) => TabStore | undefined;
+export declare const useTabProviderContext: () => TabStore | undefined;
+export declare const TabContextProvider: (props: import("react").ProviderProps<TabStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const TabScopedContextProvider: (props: import("react").ProviderProps<TabStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/tab/tab-context.js

@@ -1,7 +1,20 @@
 import {
-  TabContext
-} from "../__chunks/UZKBEGMB.js";
+  TabContextProvider,
+  TabScopedContextProvider,
+  useTabContext,
+  useTabProviderContext,
+  useTabScopedContext
+} from "../__chunks/DL4RBG46.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 {
-  TabContext
+  TabContextProvider,
+  TabScopedContextProvider,
+  useTabContext,
+  useTabProviderContext,
+  useTabScopedContext
 };

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

@@ -36,6 +36,6 @@ export interface TabListOptions<T extends As = "div"> extends CompositeOptions<T
     /**
      * Object returned by the `useTabStore` hook.
      */
-    store: TabStore;
+    store?: TabStore;
 }
 export type TabListProps<T extends As = "div"> = Props<TabListOptions<T>>;

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/E6GADH6Y.js";
+import "../__chunks/XXO3VVQU.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/35WVCYXU.js";
+import {
+  TabContextProvider
+} from "../__chunks/DL4RBG46.js";
+import "../__chunks/WGAKICTY.js";
+import "../__chunks/NWDF5QDV.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/XXO3VVQU.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/35WVCYXU.js";
+import "../__chunks/WGAKICTY.js";
+import "../__chunks/NWDF5QDV.js";
+import "../__chunks/XXO3VVQU.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/72OJKUSZ.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/XXO3VVQU.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/IZ6ZARCP.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/RJEKIG5Y.js";
+import "../__chunks/72OJKUSZ.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/XXO3VVQU.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
 };