@ariakit/react-core 0.2.17 → 0.3.0

package/esm/__chunks/NRFPH2ON.js

@@ -0,0 +1,26 @@
+import {
+  CompositeContextProvider,
+  CompositeScopedContextProvider
+} from "./5C7J4IAS.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/radio/radio-context.tsx
+var ctx = createStoreContext(
+  [CompositeContextProvider],
+  [CompositeScopedContextProvider]
+);
+var useRadioContext = ctx.useContext;
+var useRadioScopedContext = ctx.useScopedContext;
+var useRadioProviderContext = ctx.useProviderContext;
+var RadioContextProvider = ctx.ContextProvider;
+var RadioScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useRadioContext,
+  useRadioScopedContext,
+  useRadioProviderContext,
+  RadioContextProvider,
+  RadioScopedContextProvider
+};

package/esm/__chunks/{UVKFBOMX.js → NVEAMD2G.js}

@@ -1,17 +1,17 @@
 import {
-  RadioContext
-} from "./6I2PARRP.js";
+  useRadioContext
+} from "./NRFPH2ON.js";
 import {
   useCompositeItem
-} from "./FVD2NJZN.js";
+} from "./6TWF32ML.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./L3AX6U5E.js";
 import {
   useEvent,
   useId,
@@ -25,7 +25,7 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/radio/radio.ts
-import { useContext, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 function getIsChecked(value, storeValue) {
   if (storeValue === void 0)
     return;
@@ -40,15 +40,14 @@ function isNativeRadio(tagName, type) {
 var useRadio = createHook(
   (_a) => {
     var _b = _a, { store, value, checked } = _b, props = __objRest(_b, ["store", "value", "checked"]);
-    var _a2;
-    const context = useContext(RadioContext);
+    const context = useRadioContext();
     store = store || context;
     const id = useId(props.id);
     const ref = useRef(null);
-    const isChecked = (_a2 = useStoreState(
+    const isChecked = useStoreState(
       store,
-      (state) => checked != null ? checked : getIsChecked(value, state.value)
-    )) != null ? _a2 : checked;
+      (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
+    );
     useEffect(() => {
       if (!id)
         return;

package/esm/__chunks/{KME3EPVS.js → O5UELQLV.js}

@@ -1,24 +1,24 @@
 import {
-  MenuBarContext,
-  MenuContext
-} from "./HVBRRKV4.js";
+  MenuScopedContextProvider,
+  useMenuProviderContext
+} from "./2GC3IEM7.js";
 import {
   useCompositeTypeahead
-} from "./F4XABKPL.js";
+} from "./YVYWIVKG.js";
 import {
   useComposite
-} from "./AAVDGJD5.js";
+} from "./HYNMOU7J.js";
 import {
   isHidden
-} from "./WHEEIXMF.js";
+} from "./3D7ZB3CS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./L3AX6U5E.js";
 import {
   useEvent,
   useId,
@@ -32,14 +32,15 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/menu/menu-list.tsx
-import { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
+import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 function useAriaLabelledBy(_a) {
   var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const [id, setId] = useState(void 0);
   const label = props["aria-label"];
-  const disclosureElement = store.useState("disclosureElement");
-  const contentElement = store.useState("contentElement");
+  const disclosureElement = useStoreState(store, "disclosureElement");
+  const contentElement = useStoreState(store, "contentElement");
   useEffect(() => {
     const disclosure = disclosureElement;
     if (!disclosure)
@@ -58,9 +59,15 @@ function useAriaLabelledBy(_a) {
 }
 var useMenuList = createHook(
   (_a) => {
-    var _b = _a, { store, alwaysVisible, composite = true } = _b, props = __objRest(_b, ["store", "alwaysVisible", "composite"]);
-    const parentMenu = useContext(MenuContext);
-    const parentMenuBar = useContext(MenuBarContext);
+    var _b = _a, { store, alwaysVisible, composite } = _b, props = __objRest(_b, ["store", "alwaysVisible", "composite"]);
+    const context = useMenuProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
+    );
+    const parentMenu = store.parent;
+    const parentMenuBar = store.menubar;
     const hasParentMenu = !!parentMenu;
     const id = useId(props.id);
     const onKeyDownProp = props.onKeyDown;
@@ -71,9 +78,9 @@ var useMenuList = createHook(
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!useStoreState(
+    const isMenuBarHorizontal = useStoreState(
       parentMenuBar,
-      (state) => state.orientation !== "vertical"
+      (state) => !!state && state.orientation !== "vertical"
     );
     const onKeyDown = useEvent((event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
@@ -90,7 +97,7 @@ var useMenuList = createHook(
         if (action == null ? void 0 : action()) {
           event.stopPropagation();
           event.preventDefault();
-          return store.hide();
+          return store == null ? void 0 : store.hide();
         }
       }
       if (parentMenuBar) {
@@ -127,7 +134,7 @@ var useMenuList = createHook(
     });
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(MenuContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(MenuScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const ariaLabelledBy = useAriaLabelledBy(__spreadValues({ store }, props));
@@ -143,6 +150,8 @@ var useMenuList = createHook(
       style,
       onKeyDown
     });
+    const hasCombobox = !!store.combobox;
+    composite = composite != null ? composite : !hasCombobox;
     if (composite) {
       props = __spreadValues({
         role: "menu",
@@ -150,7 +159,7 @@ var useMenuList = createHook(
       }, props);
     }
     props = useComposite(__spreadValues({ store, composite }, props));
-    props = useCompositeTypeahead(__spreadValues({ store }, props));
+    props = useCompositeTypeahead(__spreadValues({ store, typeahead: !hasCombobox }, props));
     return props;
   }
 );

package/esm/__chunks/{M5I7AM4N.js → PGK6S5NC.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 
 // src/role/role.ts
 var elements = [

package/esm/__chunks/{WW4JQU6W.js → PH5SSOBF.js}

@@ -1,11 +1,11 @@
 import {
   useDialogHeading
-} from "./MEP5WKMB.js";
+} from "./IZ22SVTG.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 
 // src/popover/popover-heading.ts
 var usePopoverHeading = createHook((props) => {

package/esm/__chunks/{YSASCXX3.js → PTJJY26M.js}

@@ -1,11 +1,11 @@
 import {
   DialogDescriptionContext
-} from "./LNHZLQEK.js";
+} from "./5YYGDU4E.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useId,
   useSafeLayoutEffect

package/esm/__chunks/{43VDSLJP.js → QGZKN2N5.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useEvent
 } from "./J7Q2EO23.js";

package/esm/__chunks/{X3U3KZAU.js → QJMIKN5O.js}

@@ -1,20 +1,21 @@
 import {
   useCompositeTypeahead
-} from "./F4XABKPL.js";
+} from "./YVYWIVKG.js";
 import {
-  SelectContext
-} from "./EEVSGAZW.js";
+  SelectScopedContextProvider,
+  useSelectProviderContext
+} from "./US4OMDIO.js";
 import {
   useComposite
-} from "./AAVDGJD5.js";
+} from "./HYNMOU7J.js";
 import {
   isHidden
-} from "./WHEEIXMF.js";
+} from "./3D7ZB3CS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useAttribute,
   useBooleanEvent,
@@ -32,6 +33,7 @@ import {
 // src/select/select-list.tsx
 import { useEffect, useRef, useState } from "react";
 import { isSelfTarget } from "@ariakit/core/utils/events";
+import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var useSelectList = createHook(
   (_a) => {
@@ -50,6 +52,12 @@ var useSelectList = createHook(
       "composite",
       "alwaysVisible"
     ]);
+    const context = useSelectProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
+    );
     const ref = useRef(null);
     const id = useId(props.id);
     const value = store.useState("value");
@@ -70,25 +78,25 @@ var useSelectList = createHook(
       if (event.defaultPrevented)
         return;
       if (event.key === "Escape" && resetOnEscapeProp(event)) {
-        store.setValue(defaultValue);
+        store == null ? void 0 : store.setValue(defaultValue);
       }
       if (event.key === " " || event.key === "Enter") {
         if (isSelfTarget(event) && hideOnEnterProp(event)) {
           event.preventDefault();
-          store.hide();
+          store == null ? void 0 : store.hide();
         }
       }
     });
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(SelectContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(SelectScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const labelId = store.useState((state) => {
       var _a2;
       return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
     });
-    const hasCombobox = store.useState("combobox");
+    const hasCombobox = !!store.combobox;
     composite = composite != null ? composite : !hasCombobox;
     if (composite) {
       props = __spreadValues({ role: "listbox" }, props);

package/esm/__chunks/{XADDW7ND.js → QOBIUWMN.js}

@@ -2,23 +2,23 @@ import {
   hasExpandedMenuButton
 } from "./W7JXAQKF.js";
 import {
-  MenuBarContext,
-  MenuContext
-} from "./HVBRRKV4.js";
+  useMenuBarScopedContext,
+  useMenuScopedContext
+} from "./2GC3IEM7.js";
 import {
   useCompositeHover
-} from "./W5P7IKOU.js";
+} from "./XCH4OEEE.js";
 import {
   useCompositeItem
-} from "./FVD2NJZN.js";
+} from "./6TWF32ML.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./L3AX6U5E.js";
 import {
   useBooleanEvent,
   useEvent
@@ -30,7 +30,6 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/menu/menu-item.ts
-import { useContext } from "react";
 import { getPopupItemRole } from "@ariakit/core/utils/dom";
 import { isDownloading, isOpeningInNewTab } from "@ariakit/core/utils/events";
 import { invariant } from "@ariakit/core/utils/misc";
@@ -47,8 +46,8 @@ var useMenuItem = createHook(
       "preventScrollOnKeyDown",
       "focusOnHover"
     ]);
-    const menuContext = useContext(MenuContext);
-    const menuBarContext = useContext(MenuBarContext);
+    const menuContext = useMenuScopedContext(true);
+    const menuBarContext = useMenuBarScopedContext();
     store = store || menuContext || menuBarContext;
     invariant(
       store,

package/esm/__chunks/QP4RN5UY.js

@@ -0,0 +1,35 @@
+import {
+  CompositeContextProvider,
+  CompositeScopedContextProvider
+} from "./5C7J4IAS.js";
+import {
+  PopoverContextProvider,
+  PopoverScopedContextProvider
+} from "./547DFODS.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/combobox/combobox-context.tsx
+import { createContext } from "react";
+var ctx = createStoreContext(
+  [PopoverContextProvider, CompositeContextProvider],
+  [PopoverScopedContextProvider, CompositeScopedContextProvider]
+);
+var useComboboxContext = ctx.useContext;
+var useComboboxScopedContext = ctx.useScopedContext;
+var useComboboxProviderContext = ctx.useProviderContext;
+var ComboboxContextProvider = ctx.ContextProvider;
+var ComboboxScopedContextProvider = ctx.ScopedContextProvider;
+var ComboboxItemValueContext = createContext(
+  void 0
+);
+
+export {
+  useComboboxContext,
+  useComboboxScopedContext,
+  useComboboxProviderContext,
+  ComboboxContextProvider,
+  ComboboxScopedContextProvider,
+  ComboboxItemValueContext
+};

package/esm/__chunks/{O6CV6VRM.js → QPWEKAWF.js}

@@ -1,11 +1,11 @@
 import {
   useCommand
-} from "./P4RGQGTG.js";
+} from "./LND6SMHN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useMergeRefs,
   useTagName

package/esm/__chunks/{EJ3GIT5B.js → QW4PFVNF.js}

@@ -1,11 +1,11 @@
 import {
   useVisuallyHidden
-} from "./FL2AU7YJ.js";
+} from "./6XXSNRNX.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{IYNN2ZO5.js → REKKG4AV.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useWrapElement
 } from "./J7Q2EO23.js";

package/esm/__chunks/{6FRHNZA6.js → RO34XBHA.js}

@@ -1,11 +1,11 @@
 import {
   useGroupLabel
-} from "./CTVLGQZG.js";
+} from "./JGFZEURZ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest
 } from "./PNRLI7OV.js";

package/esm/__chunks/SNU4EYPS.js

@@ -0,0 +1,26 @@
+import {
+  usePopoverStoreProps
+} from "./DORFNB2S.js";
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.js";
+
+// src/hovercard/hovercard-store.ts
+import * as Core from "@ariakit/core/hovercard/hovercard-store";
+function useHovercardStoreProps(store, update, props) {
+  store = usePopoverStoreProps(store, update, props);
+  useStoreProps(store, props, "timeout");
+  useStoreProps(store, props, "showTimeout");
+  useStoreProps(store, props, "hideTimeout");
+  return store;
+}
+function useHovercardStore(props = {}) {
+  const [store, update] = useStore(Core.createHovercardStore, props);
+  return useHovercardStoreProps(store, update, props);
+}
+
+export {
+  useHovercardStoreProps,
+  useHovercardStore
+};

package/esm/__chunks/{5I6BQS7D.js → TQ2YQL6O.js}

@@ -1,11 +1,14 @@
 import {
   useDisclosure
-} from "./LDJKN2ZV.js";
+} from "./7AFOF5E7.js";
+import {
+  useDialogProviderContext
+} from "./5YYGDU4E.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest,
   __spreadValues
@@ -15,6 +18,8 @@ import {
 var useDialogDisclosure = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useDialogProviderContext();
+    store = store || context;
     props = useDisclosure(__spreadValues({ store }, props));
     return props;
   }

package/esm/__chunks/{6TMY6IFR.js → TUPK6PWU.js}

@@ -1,24 +1,24 @@
 import {
   useStore,
   useStoreProps
-} from "./P63NRZ4A.js";
+} from "./L3AX6U5E.js";
+import {
+  useUpdateEffect
+} from "./J7Q2EO23.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";
-function useCheckboxStoreOptions(_props) {
-  return {};
-}
-function useCheckboxStoreProps(store, props) {
+function useCheckboxStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.store]);
   useStoreProps(store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = useStore(() => Core.createCheckboxStore(props));
-  return useCheckboxStoreProps(store, props);
+  const [store, update] = useStore(Core.createCheckboxStore, props);
+  return useCheckboxStoreProps(store, update, props);
 }
 
 export {
-  useCheckboxStoreOptions,
   useCheckboxStoreProps,
   useCheckboxStore
 };

package/esm/__chunks/{P2MU7N5N.js → U47NFJA3.js}

@@ -2,16 +2,16 @@ import {
   selectTextField
 } from "./OXPV2NBK.js";
 import {
-  CompositeContext
-} from "./WJ37OVG2.js";
+  useCompositeContext
+} from "./5C7J4IAS.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./L3AX6U5E.js";
 import {
   useEvent,
   useMergeRefs
@@ -23,7 +23,7 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/composite/composite-container.ts
-import { useContext, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
 import { isFocusEventOutside, isSelfTarget } from "@ariakit/core/utils/events";
 import {
@@ -40,7 +40,7 @@ function getFirstTabbable(container) {
 var useCompositeContainer = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useContext(CompositeContext);
+    const context = useCompositeContext();
     store = store || context;
     const ref = useRef(null);
     const isOpenRef = useRef(false);

package/esm/__chunks/UHPQRTV4.js

@@ -0,0 +1,25 @@
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.js";
+import {
+  useUpdateEffect
+} from "./J7Q2EO23.js";
+
+// src/disclosure/disclosure-store.ts
+import * as Core from "@ariakit/core/disclosure/disclosure-store";
+function useDisclosureStoreProps(store, update, props, deps = []) {
+  useUpdateEffect(update, [props.store, props.disclosure, ...deps]);
+  useStoreProps(store, props, "open", "setOpen");
+  useStoreProps(store, props, "animated");
+  return store;
+}
+function useDisclosureStore(props = {}) {
+  const [store, update] = useStore(Core.createDisclosureStore, props);
+  return useDisclosureStoreProps(store, update, props);
+}
+
+export {
+  useDisclosureStoreProps,
+  useDisclosureStore
+};

package/esm/__chunks/US4OMDIO.js

@@ -0,0 +1,33 @@
+import {
+  CompositeContextProvider,
+  CompositeScopedContextProvider
+} from "./5C7J4IAS.js";
+import {
+  PopoverContextProvider,
+  PopoverScopedContextProvider
+} from "./547DFODS.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/select/select-context.tsx
+import { createContext } from "react";
+var ctx = createStoreContext(
+  [PopoverContextProvider, CompositeContextProvider],
+  [PopoverScopedContextProvider, CompositeScopedContextProvider]
+);
+var useSelectContext = ctx.useContext;
+var useSelectScopedContext = ctx.useScopedContext;
+var useSelectProviderContext = ctx.useProviderContext;
+var SelectContextProvider = ctx.ContextProvider;
+var SelectScopedContextProvider = ctx.ScopedContextProvider;
+var SelectItemCheckedContext = createContext(false);
+
+export {
+  useSelectContext,
+  useSelectScopedContext,
+  useSelectProviderContext,
+  SelectContextProvider,
+  SelectScopedContextProvider,
+  SelectItemCheckedContext
+};