@ariakit/react-core 0.2.17 → 0.3.1

package/esm/__chunks/NJS632IW.js

@@ -0,0 +1,26 @@
+import {
+  CollectionContextProvider,
+  CollectionScopedContextProvider
+} from "./74KKBFVP.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/form/form-context.tsx
+var ctx = createStoreContext(
+  [CollectionContextProvider],
+  [CollectionScopedContextProvider]
+);
+var useFormContext = ctx.useContext;
+var useFormScopedContext = ctx.useScopedContext;
+var useFormProviderContext = ctx.useProviderContext;
+var FormContextProvider = ctx.ContextProvider;
+var FormScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useFormContext,
+  useFormScopedContext,
+  useFormProviderContext,
+  FormContextProvider,
+  FormScopedContextProvider
+};

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/{5IZLNERH.js → NRLOAE2I.js}

@@ -1,15 +1,15 @@
 import {
   markAncestor
-} from "./LEBYH5FW.js";
+} from "./KGDYSCOM.js";
 import {
   Role
-} from "./M5I7AM4N.js";
+} from "./PGK6S5NC.js";
 import {
   useDisclosureContent
-} from "./WHEEIXMF.js";
+} from "./3D7ZB3CS.js";
 import {
   useDisclosureStore
-} from "./SWJ5EOOS.js";
+} from "./E6GADH6Y.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect

package/esm/__chunks/NWDF5QDV.js

@@ -0,0 +1,24 @@
+import {
+  useStore,
+  useStoreProps
+} from "./XXO3VVQU.js";
+import {
+  useUpdateEffect
+} from "./J7Q2EO23.js";
+
+// src/collection/collection-store.ts
+import * as Core from "@ariakit/core/collection/collection-store";
+function useCollectionStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.store]);
+  useStoreProps(store, props, "items", "setItems");
+  return store;
+}
+function useCollectionStore(props = {}) {
+  const [store, update] = useStore(Core.createCollectionStore, props);
+  return useCollectionStoreProps(store, update, props);
+}
+
+export {
+  useCollectionStoreProps,
+  useCollectionStore
+};

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/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/R3N4R7UZ.js

@@ -0,0 +1,29 @@
+import {
+  useCompositeStoreProps
+} from "./WGAKICTY.js";
+import {
+  usePopoverStoreProps
+} from "./XEZV3AK4.js";
+import {
+  useStore,
+  useStoreProps
+} from "./XXO3VVQU.js";
+
+// src/combobox/combobox-store.ts
+import * as Core from "@ariakit/core/combobox/combobox-store";
+function useComboboxStoreProps(store, update, props) {
+  store = usePopoverStoreProps(store, update, props);
+  store = useCompositeStoreProps(store, update, props);
+  useStoreProps(store, props, "value", "setValue");
+  useStoreProps(store, props, "resetValueOnHide");
+  return store;
+}
+function useComboboxStore(props = {}) {
+  const [store, update] = useStore(Core.createComboboxStore, props);
+  return useComboboxStoreProps(store, update, props);
+}
+
+export {
+  useComboboxStoreProps,
+  useComboboxStore
+};

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

@@ -1,17 +1,17 @@
 import {
-  RadioContext
-} from "./6I2PARRP.js";
+  useRadioContext
+} from "./NRFPH2ON.js";
 import {
   useCompositeItem
-} from "./FVD2NJZN.js";
+} from "./72OJKUSZ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./XXO3VVQU.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/RA2AAYOC.js

@@ -0,0 +1,43 @@
+import {
+  useComboboxProviderContext
+} from "./QP4RN5UY.js";
+import {
+  useCompositeStoreProps
+} from "./WGAKICTY.js";
+import {
+  usePopoverStoreProps
+} from "./XEZV3AK4.js";
+import {
+  useStore,
+  useStoreProps
+} from "./XXO3VVQU.js";
+import {
+  useUpdateEffect
+} from "./J7Q2EO23.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./PNRLI7OV.js";
+
+// src/select/select-store.ts
+import * as Core from "@ariakit/core/select/select-store";
+function useSelectStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.combobox]);
+  store = useCompositeStoreProps(store, update, props);
+  store = usePopoverStoreProps(store, update, props);
+  useStoreProps(store, props, "value", "setValue");
+  return Object.assign(store, { combobox: props.combobox });
+}
+function useSelectStore(props = {}) {
+  const combobox = useComboboxProviderContext();
+  props = __spreadProps(__spreadValues({}, props), {
+    combobox: props.combobox !== void 0 ? props.combobox : combobox
+  });
+  const [store, update] = useStore(Core.createSelectStore, props);
+  return useSelectStoreProps(store, update, props);
+}
+
+export {
+  useSelectStoreProps,
+  useSelectStore
+};

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/{P4CYWFUE.js → RJEKIG5Y.js}

@@ -1,11 +1,14 @@
 import {
   useCompositeItem
-} from "./FVD2NJZN.js";
+} from "./72OJKUSZ.js";
+import {
+  useToolbarContext
+} from "./IPFII6JW.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest,
   __spreadValues
@@ -15,6 +18,8 @@ import {
 var useToolbarItem = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useToolbarContext();
+    store = store || context;
     props = useCompositeItem(__spreadValues({ store }, props));
     return props;
   }

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/{K5MSER23.js → RVGVDX6B.js}

@@ -1,14 +1,15 @@
 import {
   useDialog
-} from "./SZIMOWLA.js";
+} from "./CJPLAYFB.js";
 import {
-  PopoverContext
-} from "./6GS36SYX.js";
+  PopoverScopedContextProvider,
+  usePopoverProviderContext
+} from "./547DFODS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useEvent,
   usePortalRef,
@@ -191,6 +192,12 @@ var usePopover = createHook(
       "getAnchorRect",
       "updatePosition"
     ]);
+    const context = usePopoverProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "Popover must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
     const arrowElement = store.useState("arrowElement");
     const anchorElement = store.useState("anchorElement");
     const popoverElement = store.useState("popoverElement");
@@ -230,7 +237,7 @@ var usePopover = createHook(
           strategy: fixed ? "fixed" : "absolute",
           middleware
         });
-        store.setState("currentPlacement", pos.placement);
+        store == null ? void 0 : store.setState("currentPlacement", pos.placement);
         setPositioned(true);
         const x = roundByDPR(pos.x);
         const y = roundByDPR(pos.y);
@@ -322,7 +329,7 @@ var usePopover = createHook(
             left: 0,
             width: "max-content"
           }, wrapperProps == null ? void 0 : wrapperProps.style),
-          ref: store.setPopoverElement,
+          ref: store == null ? void 0 : store.setPopoverElement,
           children: element
         })
       ),
@@ -330,7 +337,7 @@ var usePopover = createHook(
     );
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(PopoverContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(PopoverScopedContextProvider, { value: store, children: element }),
       [store]
     );
     props = __spreadProps(__spreadValues({

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/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
+};