@ariakit/react-core 0.2.17 → 0.3.1

package/esm/menu/menu-list.js

@@ -1,17 +1,22 @@
 import {
   MenuList,
   useMenuList
-} from "../__chunks/KME3EPVS.js";
-import "../__chunks/HVBRRKV4.js";
-import "../__chunks/F4XABKPL.js";
-import "../__chunks/AAVDGJD5.js";
+} from "../__chunks/VDTDCNMP.js";
+import "../__chunks/2GC3IEM7.js";
+import "../__chunks/YVYWIVKG.js";
+import "../__chunks/HYNMOU7J.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/WHEEIXMF.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/NQJBHION.js";
-import "../__chunks/P63NRZ4A.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/XXO3VVQU.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -0,0 +1,24 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { MenuStoreProps, MenuStoreValues } from "./menu-store.js";
+type Values = MenuStoreValues;
+/**
+ * Provides a menu store to Menu components.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <MenuProvider placement="top">
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
+ * ```
+ */
+export declare function MenuProvider<T extends Values = Values>(props: PickRequired<MenuProviderProps<T>, "values" | "defaultValues">): ReactElement;
+export declare function MenuProvider(props?: MenuProviderProps): ReactElement;
+export interface MenuProviderProps<T extends Values = Values> extends MenuStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/esm/menu/menu-provider.js

@@ -0,0 +1,34 @@
+import {
+  useMenuStore
+} from "../__chunks/6LKB3PXM.js";
+import {
+  MenuContextProvider
+} from "../__chunks/2GC3IEM7.js";
+import "../__chunks/QP4RN5UY.js";
+import "../__chunks/WGAKICTY.js";
+import "../__chunks/NWDF5QDV.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/MA5WD4CD.js";
+import "../__chunks/XEZV3AK4.js";
+import "../__chunks/HCTAKPNS.js";
+import "../__chunks/E6GADH6Y.js";
+import "../__chunks/XXO3VVQU.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
+
+// src/menu/menu-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function MenuProvider(props = {}) {
+  const store = useMenuStore(props);
+  return /* @__PURE__ */ jsx(MenuContextProvider, { value: store, children: props.children });
+}
+export {
+  MenuProvider
+};

package/esm/menu/menu-separator.js

@@ -1,22 +1,38 @@
+import {
+  useMenuContext
+} from "../__chunks/2GC3IEM7.js";
 import {
   useCompositeSeparator
-} from "../__chunks/RY6ZOIHR.js";
-import "../__chunks/D3IXN5NP.js";
-import "../__chunks/WJ37OVG2.js";
+} from "../__chunks/JM3KBRED.js";
+import "../__chunks/J5LOLGUC.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.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/menu/menu-separator.ts
-var useMenuSeparator = createHook((props) => {
-  props = useCompositeSeparator(props);
-  return props;
-});
+var useMenuSeparator = createHook(
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useMenuContext();
+    store = store || context;
+    props = useCompositeSeparator(__spreadValues({ store }, props));
+    return props;
+  }
+);
 var MenuSeparator = createComponent((props) => {
   const htmlProps = useMenuSeparator(props);
   return createElement("hr", htmlProps);

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

@@ -1,45 +1,79 @@
 import * as Core from "@ariakit/core/menu/menu-store";
 import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
+import type { ComboboxStore } from "../combobox/combobox-store.js";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
 import type { Store } from "../utils/store.js";
+import type { MenuBarStore } from "./menu-bar-store.js";
 type Values = Core.MenuStoreValues;
-export declare function useMenuStoreOptions<T extends Values = Values>(props: MenuStoreProps<T>): {
-    values: T | undefined;
-    timeout: number;
-    placement: (("left" | "right" | "bottom" | "top") | "left-start" | "right-start" | "bottom-start" | "top-start" | "left-end" | "right-end" | "bottom-end" | "top-end") | undefined;
-    setOpen?: ((open: boolean) => void) | undefined;
-    defaultOpen?: boolean | undefined;
-    disclosure?: import("@ariakit/core/disclosure/disclosure-store").DisclosureStore | undefined;
-    open?: boolean | undefined;
-    animated?: number | boolean | undefined;
-    setItems?: BivariantCallback<(items: ({
+export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, update: () => void, props: MenuStoreProps): T & {
+    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
+        useState: {
+            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
+            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
+            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
+        };
+    }) | undefined;
+    parent: (MenuStoreFunctions<Core.MenuStoreValues> & Core.MenuStoreFunctions<Core.MenuStoreValues> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<Core.MenuStoreValues>> & {
+        useState: {
+            (): Core.MenuStoreState<Core.MenuStoreValues>;
+            <K_1 extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K_1): Core.MenuStoreState<Core.MenuStoreValues>[K_1];
+            <V_1>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V_1): V_1;
+        };
+    } & Core.MenuStoreFunctions<{
+        [x: string]: string | number | boolean | (string | number)[];
+    }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
+        [x: string]: string | number | boolean | (string | number)[];
+    }>>) | undefined;
+    menubar: (import("./menu-bar-store.js").MenuBarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
         id: string;
         element?: HTMLElement | null | undefined;
     } & {
         rowId?: string | undefined;
         disabled?: boolean | undefined;
         children?: string | undefined;
-    })[]) => void> | undefined;
-    defaultItems?: ({
+    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/composite/composite-store").CompositeStoreState<{
         id: string;
         element?: HTMLElement | null | undefined;
     } & {
         rowId?: string | undefined;
         disabled?: boolean | undefined;
         children?: string | undefined;
-    })[] | undefined;
-    items?: ({
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    })[] | undefined;
-};
-export declare function useMenuStoreProps<T extends Omit<MenuStore, "hideAll">>(store: T, props: MenuStoreProps): T & {
-    hideAll: () => void;
+    }>> & {
+        useState: {
+            (): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>;
+            <K_2 extends keyof import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>>(key: K_2): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>[K_2];
+            <V_2>(selector: (state: import("@ariakit/core/composite/composite-store").CompositeStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                rowId?: string | undefined;
+                disabled?: boolean | undefined;
+                children?: string | undefined;
+            }>) => V_2): V_2;
+        };
+    }) | undefined;
 };
 /**
  * Creates a menu store.
@@ -59,11 +93,7 @@ export declare function useMenuStore(props?: MenuStoreProps): MenuStore;
 export type MenuStoreValues = Core.MenuStoreValues;
 export interface MenuStoreState<T extends Values = Values> extends Core.MenuStoreState<T>, CompositeStoreState, HovercardStoreState {
 }
-export interface MenuStoreFunctions<T extends Values = Values> extends Core.MenuStoreFunctions<T>, CompositeStoreFunctions, HovercardStoreFunctions {
-    /**
-     * Hides the menu and all its parent menus.
-     */
-    hideAll: () => void;
+export interface MenuStoreFunctions<T extends Values = Values> extends Pick<MenuStoreOptions, "combobox" | "parent" | "menubar">, Omit<Core.MenuStoreFunctions<T>, "combobox" | "parent" | "menubar">, CompositeStoreFunctions, HovercardStoreFunctions {
 }
 export interface MenuStoreOptions<T extends Values = Values> extends Core.MenuStoreOptions<T>, CompositeStoreOptions, HovercardStoreOptions {
     /**
@@ -74,6 +104,26 @@ export interface MenuStoreOptions<T extends Values = Values> extends Core.MenuSt
      * const menu = useMenuStore({ values, setValues });
      */
     setValues?: BivariantCallback<(values: MenuStoreState<T>["values"]) => void>;
+    /**
+     * A reference to a combobox store. This is used when combining the combobox
+     * with a menu (e.g., dropdown menu with a search input). The stores will
+     * share the same state.
+     *
+     * Live examples:
+     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
+     */
+    combobox?: ComboboxStore;
+    /**
+     * A reference to a parent menu store. It's automatically set when nesting
+     * menus in the React tree. You should manually set this if menus aren't nested
+     * in the React tree.
+     */
+    parent?: MenuStore;
+    /**
+     * A reference to a menu bar store. It's automatically set when rendering
+     * menus inside a menu bar in the React tree.
+     */
+    menubar?: MenuBarStore;
 }
 export type MenuStoreProps<T extends Values = Values> = MenuStoreOptions<T> & Core.MenuStoreProps<T>;
 export type MenuStore<T extends Values = Values> = MenuStoreFunctions<T> & Store<Core.MenuStore<T>>;

package/esm/menu/menu-store.js

@@ -1,75 +1,27 @@
 import {
-  MenuBarContext,
-  MenuContext
-} from "../__chunks/HVBRRKV4.js";
-import {
-  useCompositeStoreOptions,
-  useCompositeStoreProps
-} from "../__chunks/7KULBIZY.js";
-import "../__chunks/RS7KBRGA.js";
-import {
-  useHovercardStoreOptions,
-  useHovercardStoreProps
-} from "../__chunks/LDICFO4C.js";
-import "../__chunks/3PKTK2K7.js";
-import "../__chunks/WC3GK4CL.js";
-import "../__chunks/SWJ5EOOS.js";
-import {
-  useStore,
-  useStoreProps,
-  useStoreState
-} from "../__chunks/P63NRZ4A.js";
+  useMenuStore,
+  useMenuStoreProps
+} from "../__chunks/6LKB3PXM.js";
+import "../__chunks/2GC3IEM7.js";
+import "../__chunks/QP4RN5UY.js";
+import "../__chunks/WGAKICTY.js";
+import "../__chunks/NWDF5QDV.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/MA5WD4CD.js";
+import "../__chunks/XEZV3AK4.js";
+import "../__chunks/HCTAKPNS.js";
+import "../__chunks/E6GADH6Y.js";
+import "../__chunks/XXO3VVQU.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../__chunks/PNRLI7OV.js";
-
-// src/menu/menu-store.ts
-import { useContext, useMemo } from "react";
-import * as Core from "@ariakit/core/menu/menu-store";
-function useMenuStoreOptions(props) {
-  var _a, _b, _c, _d, _e, _f;
-  const state = (_b = (_a = props.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a);
-  const parentMenu = useContext(MenuContext);
-  const parentMenuBar = useContext(MenuBarContext);
-  const placementProp = props.placement;
-  const placement = useStoreState(
-    parentMenu || parentMenuBar,
-    (state2) => placementProp || (state2.orientation === "vertical" ? "right-start" : "bottom-start")
-  );
-  const parentIsMenuBar = !!parentMenuBar && !parentMenu;
-  const timeout = parentIsMenuBar ? 0 : 150;
-  return __spreadProps(__spreadValues(__spreadValues({}, useCompositeStoreOptions(props)), useHovercardStoreOptions(props)), {
-    // TODO: Pass parent prop and remove these default values
-    values: (_d = (_c = props.values) != null ? _c : state == null ? void 0 : state.values) != null ? _d : props.defaultValues,
-    timeout: (_f = (_e = props.timeout) != null ? _e : state == null ? void 0 : state.timeout) != null ? _f : timeout,
-    placement
-  });
-}
-function useMenuStoreProps(store, props) {
-  const parentMenu = useContext(MenuContext);
-  store = useCompositeStoreProps(store, props);
-  store = useHovercardStoreProps(store, props);
-  useStoreProps(store, props, "values", "setValues");
-  return useMemo(
-    () => __spreadProps(__spreadValues({}, store), {
-      hideAll: () => {
-        store.hide();
-        parentMenu == null ? void 0 : parentMenu.hideAll();
-      }
-    }),
-    [store]
-  );
-}
-function useMenuStore(props = {}) {
-  const options = useMenuStoreOptions(props);
-  const store = useStore(() => Core.createMenuStore(__spreadValues(__spreadValues({}, props), options)));
-  return useMenuStoreProps(store, props);
-}
+import "../__chunks/PNRLI7OV.js";
 export {
   useMenuStore,
-  useMenuStoreOptions,
   useMenuStoreProps
 };

package/esm/menu/menu.js

@@ -1,54 +1,56 @@
 import {
   useMenuList
-} from "../__chunks/KME3EPVS.js";
+} from "../__chunks/VDTDCNMP.js";
 import {
-  MenuBarContext,
-  MenuContext
-} from "../__chunks/HVBRRKV4.js";
-import "../__chunks/F4XABKPL.js";
-import "../__chunks/AAVDGJD5.js";
+  useMenuProviderContext
+} from "../__chunks/2GC3IEM7.js";
+import "../__chunks/YVYWIVKG.js";
+import "../__chunks/HYNMOU7J.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
 import {
   useHovercard
-} from "../__chunks/24II2LYU.js";
+} from "../__chunks/YJPXO6F5.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/K5MSER23.js";
-import "../__chunks/SZIMOWLA.js";
-import "../__chunks/5IZLNERH.js";
-import "../__chunks/NHPU54IO.js";
-import "../__chunks/GDORSOK6.js";
-import "../__chunks/3LAWLNOX.js";
-import "../__chunks/CJI67A3R.js";
+import "../__chunks/RVGVDX6B.js";
+import "../__chunks/CJPLAYFB.js";
+import "../__chunks/NRLOAE2I.js";
 import "../__chunks/PLOINBVB.js";
-import "../__chunks/E5XSMSHD.js";
-import "../__chunks/LEBYH5FW.js";
+import "../__chunks/HAVCR65N.js";
+import "../__chunks/62DFK33R.js";
+import "../__chunks/KGDYSCOM.js";
+import "../__chunks/XASENZA4.js";
+import "../__chunks/X5VV5CBA.js";
+import "../__chunks/KOVUJERF.js";
 import "../__chunks/IXXFVVA2.js";
+import "../__chunks/5M4ITSXL.js";
 import "../__chunks/7JNF6I52.js";
-import "../__chunks/KOVUJERF.js";
-import "../__chunks/62DFK33R.js";
+import "../__chunks/3LGVTTHD.js";
 import "../__chunks/FW6QFGFT.js";
-import "../__chunks/IYNN2ZO5.js";
-import "../__chunks/5M4ITSXL.js";
+import "../__chunks/CJI67A3R.js";
+import "../__chunks/REKKG4AV.js";
 import "../__chunks/6OMX4H3W.js";
-import "../__chunks/LL3AE4N4.js";
-import "../__chunks/EJ3GIT5B.js";
+import "../__chunks/IDYHJHXJ.js";
+import "../__chunks/QW4PFVNF.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
-import "../__chunks/LNHZLQEK.js";
-import "../__chunks/M5I7AM4N.js";
-import "../__chunks/WHEEIXMF.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/PGK6S5NC.js";
+import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/5DA3HK6G.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/FL2AU7YJ.js";
+import "../__chunks/6XXSNRNX.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
-import "../__chunks/SWJ5EOOS.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/CFEUKV6C.js";
+import "../__chunks/E6GADH6Y.js";
+import "../__chunks/XXO3VVQU.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -62,8 +64,9 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/menu/menu.ts
-import { createRef, useContext, useEffect, useRef, useState } from "react";
+import { createRef, useEffect, useRef, useState } from "react";
 import { hasFocusWithin } from "@ariakit/core/utils/focus";
+import { invariant } from "@ariakit/core/utils/misc";
 var useMenu = createHook(
   (_a) => {
     var _b = _a, {
@@ -79,9 +82,15 @@ var useMenu = createHook(
       "hideOnHoverOutside",
       "alwaysVisible"
     ]);
+    const context = useMenuProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
+    );
     const ref = useRef(null);
-    const parentMenu = useContext(MenuContext);
-    const parentMenuBar = useContext(MenuBarContext);
+    const parentMenu = store.parent;
+    const parentMenuBar = store.menubar;
     const hasParentMenu = !!parentMenu;
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
     const onKeyDownProp = props.onKeyDown;
@@ -96,7 +105,7 @@ var useMenu = createHook(
         if (!hasParentMenu) {
           event.stopPropagation();
         }
-        return store.hide();
+        return store == null ? void 0 : store.hide();
       }
     });
     props = __spreadProps(__spreadValues({}, props), {
@@ -161,8 +170,7 @@ var useMenu = createHook(
         }
         if (!parentIsMenuBar)
           return false;
-        const { disclosureElement } = store.getState();
-        const disclosure = disclosureElement;
+        const disclosure = store == null ? void 0 : store.getState().disclosureElement;
         if (!disclosure)
           return true;
         if (hasFocusWithin(disclosure))

package/esm/popover/popover-anchor.d.ts

@@ -28,6 +28,6 @@ export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
     /**
      * Object returned by the `usePopoverStore` hook.
      */
-    store: PopoverStore;
+    store?: PopoverStore;
 }
 export type PopoverAnchorProps<T extends As = "div"> = Props<PopoverAnchorOptions<T>>;

package/esm/popover/popover-anchor.js

@@ -1,8 +1,11 @@
 import {
   PopoverAnchor,
   usePopoverAnchor
-} from "../__chunks/7PHM3O7I.js";
-import "../__chunks/NQJBHION.js";
+} from "../__chunks/4FNI7F6H.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/popover/popover-arrow.js

@@ -1,10 +1,12 @@
 import {
   PopoverArrow,
   usePopoverArrow
-} from "../__chunks/SWPAMWUW.js";
+} from "../__chunks/3AVEDDB7.js";
 import "../__chunks/GM7XQV7F.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/NQJBHION.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -1,2 +1,19 @@
 import type { PopoverStore } from "./popover-store.js";
-export declare const PopoverContext: import("react").Context<PopoverStore | undefined>;
+/**
+ * Returns the popover store from the nearest popover container.
+ * @example
+ * function Popover() {
+ *   const store = usePopoverContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Popover must be wrapped in PopoverProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const usePopoverContext: () => PopoverStore | undefined;
+export declare const usePopoverScopedContext: (onlyScoped?: boolean) => PopoverStore | undefined;
+export declare const usePopoverProviderContext: () => PopoverStore | undefined;
+export declare const PopoverContextProvider: (props: import("react").ProviderProps<PopoverStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverScopedContextProvider: (props: import("react").ProviderProps<PopoverStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/popover/popover-context.js

@@ -1,7 +1,20 @@
 import {
-  PopoverContext
-} from "../__chunks/6GS36SYX.js";
+  PopoverContextProvider,
+  PopoverScopedContextProvider,
+  usePopoverContext,
+  usePopoverProviderContext,
+  usePopoverScopedContext
+} from "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";
 export {
-  PopoverContext
+  PopoverContextProvider,
+  PopoverScopedContextProvider,
+  usePopoverContext,
+  usePopoverProviderContext,
+  usePopoverScopedContext
 };

package/esm/popover/popover-description.js

@@ -1,10 +1,11 @@
 import {
   PopoverDescription,
   usePopoverDescription
-} from "../__chunks/SRHDWRFI.js";
-import "../__chunks/YSASCXX3.js";
-import "../__chunks/LNHZLQEK.js";
-import "../__chunks/NQJBHION.js";
+} from "../__chunks/DJJWAII5.js";
+import "../__chunks/PTJJY26M.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/popover/popover-disclosure-arrow.js

@@ -1,9 +1,11 @@
 import {
   PopoverDisclosureArrow,
   usePopoverDisclosureArrow
-} from "../__chunks/LVMO37QD.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/NQJBHION.js";
+} from "../__chunks/5HSRXC5S.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";