@ariakit/react-core 0.2.16 → 0.3.0

package/esm/__chunks/HVG5WXKX.js

@@ -0,0 +1,61 @@
+import {
+  useCollectionStoreProps
+} from "./JEQRR7AL.js";
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.js";
+import {
+  useEvent
+} from "./J7Q2EO23.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./PNRLI7OV.js";
+
+// src/form/form-store.ts
+import { useCallback, useEffect, useMemo } from "react";
+import * as Core from "@ariakit/core/form/form-store";
+function useFormStoreProps(store, update, props) {
+  store = useCollectionStoreProps(store, update, props);
+  useStoreProps(store, props, "values", "setValues");
+  useStoreProps(store, props, "errors", "setErrors");
+  useStoreProps(store, props, "touched", "setTouched");
+  const useValue = useCallback(
+    (name) => store.useState(() => store.getValue(name)),
+    [store]
+  );
+  const useValidate = useCallback(
+    (callback) => {
+      callback = useEvent(callback);
+      const items = store.useState("items");
+      useEffect(() => store.onValidate(callback), [items, callback]);
+    },
+    [store]
+  );
+  const useSubmit = useCallback(
+    (callback) => {
+      callback = useEvent(callback);
+      const items = store.useState("items");
+      useEffect(() => store.onSubmit(callback), [items, callback]);
+    },
+    [store]
+  );
+  return useMemo(
+    () => __spreadProps(__spreadValues({}, store), {
+      useValue,
+      useValidate,
+      useSubmit
+    }),
+    []
+  );
+}
+function useFormStore(props = {}) {
+  const [store, update] = useStore(Core.createFormStore, props);
+  return useFormStoreProps(store, update, props);
+}
+
+export {
+  useFormStoreProps,
+  useFormStore
+};

package/esm/__chunks/{AAVDGJD5.js → HYNMOU7J.js}

@@ -6,16 +6,17 @@ import {
   silentlyFocused
 } from "./OXPV2NBK.js";
 import {
-  CompositeContext
-} from "./WJ37OVG2.js";
+  CompositeContextProvider,
+  useCompositeProviderContext
+} from "./5C7J4IAS.js";
 import {
   useFocusable
-} from "./MYID4V27.js";
+} from "./M4OAD5XF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -40,6 +41,7 @@ import {
   isSelfTarget
 } from "@ariakit/core/utils/events";
 import { focusIntoView, hasFocus } from "@ariakit/core/utils/focus";
+import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 function isGrid(items) {
   return items.some((item) => !!item.rowId);
@@ -130,11 +132,19 @@ var useComposite = createHook(
       "focusOnMove",
       "moveOnKeyPress"
     ]);
+    const context = useCompositeProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
+    );
     const previousElementRef = useRef(null);
     const scheduleFocus = useScheduleFocus(store);
     const moves = store.useState("moves");
     useEffect(() => {
       var _a2;
+      if (!store)
+        return;
       if (!moves)
         return;
       if (!composite)
@@ -146,12 +156,14 @@ var useComposite = createHook(
       if (!itemElement)
         return;
       focusIntoView(itemElement);
-    }, [moves, composite, focusOnMove]);
+    }, [store, moves, composite, focusOnMove]);
     useSafeLayoutEffect(() => {
-      if (!composite)
+      if (!store)
         return;
       if (!moves)
         return;
+      if (!composite)
+        return;
       const { baseElement, activeId: activeId2 } = store.getState();
       const isSelfAcive = activeId2 === null;
       if (!isSelfAcive)
@@ -168,11 +180,13 @@ var useComposite = createHook(
       } else {
         baseElement.focus();
       }
-    }, [moves, composite]);
+    }, [store, moves, composite]);
     const activeId = store.useState("activeId");
     const virtualFocus = store.useState("virtualFocus");
     useSafeLayoutEffect(() => {
       var _a2;
+      if (!store)
+        return;
       if (!composite)
         return;
       if (!virtualFocus)
@@ -184,7 +198,7 @@ var useComposite = createHook(
       const activeElement = (_a2 = getEnabledItem(store, activeId)) == null ? void 0 : _a2.element;
       const relatedTarget = activeElement || getActiveElement(previousElement);
       fireBlurEvent(previousElement, { relatedTarget });
-    }, [activeId, virtualFocus, composite]);
+    }, [store, activeId, virtualFocus, composite]);
     const onKeyDownCapture = useKeyboardEventProxy(
       store,
       props.onKeyDownCapture,
@@ -200,6 +214,8 @@ var useComposite = createHook(
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented)
         return;
+      if (!store)
+        return;
       const { virtualFocus: virtualFocus2 } = store.getState();
       if (!virtualFocus2)
         return;
@@ -217,6 +233,8 @@ var useComposite = createHook(
         return;
       if (!composite)
         return;
+      if (!store)
+        return;
       const { relatedTarget } = event;
       const { virtualFocus: virtualFocus2 } = store.getState();
       if (virtualFocus2) {
@@ -233,6 +251,8 @@ var useComposite = createHook(
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
+      if (!store)
+        return;
       const { virtualFocus: virtualFocus2, activeId: activeId2 } = store.getState();
       if (!virtualFocus2)
         return;
@@ -264,6 +284,8 @@ var useComposite = createHook(
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
+      if (!store)
+        return;
       if (!isSelfTarget(event))
         return;
       const { orientation, items, renderedItems, activeId: activeId2 } = store.getState();
@@ -278,7 +300,7 @@ var useComposite = createHook(
           const item = items && findFirstEnabledItemInTheLastRow(items);
           return item == null ? void 0 : item.id;
         }
-        return store.last();
+        return store == null ? void 0 : store.last();
       };
       const keyMap = {
         ArrowUp: (grid || isVertical) && up,
@@ -303,15 +325,19 @@ var useComposite = createHook(
     });
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(CompositeContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(CompositeContextProvider, { value: store, children: element }),
       [store]
     );
-    const activeDescendant = store.useState(
-      (state) => {
-        var _a2;
-        return composite && state.virtualFocus ? (_a2 = getEnabledItem(store, state.activeId)) == null ? void 0 : _a2.id : void 0;
-      }
-    );
+    const activeDescendant = store.useState((state) => {
+      var _a2;
+      if (!store)
+        return;
+      if (!composite)
+        return;
+      if (!state.virtualFocus)
+        return;
+      return (_a2 = getEnabledItem(store, state.activeId)) == null ? void 0 : _a2.id;
+    });
     props = __spreadProps(__spreadValues({
       "aria-activedescendant": activeDescendant
     }, props), {

package/esm/__chunks/ICL2YIES.js

@@ -0,0 +1,19 @@
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/checkbox/checkbox-context.tsx
+var ctx = createStoreContext();
+var useCheckboxContext = ctx.useContext;
+var useCheckboxScopedContext = ctx.useScopedContext;
+var useCheckboxProviderContext = ctx.useProviderContext;
+var CheckboxContextProvider = ctx.ContextProvider;
+var CheckboxScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useCheckboxContext,
+  useCheckboxScopedContext,
+  useCheckboxProviderContext,
+  CheckboxContextProvider,
+  CheckboxScopedContextProvider
+};

package/esm/__chunks/{LL3AE4N4.js → IDYHJHXJ.js}

@@ -1,6 +1,6 @@
 import {
   FocusTrap
-} from "./EJ3GIT5B.js";
+} from "./QW4PFVNF.js";
 import {
   PortalContext
 } from "./LDDPB3PY.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect,

package/esm/__chunks/IPFII6JW.js

@@ -0,0 +1,26 @@
+import {
+  CompositeContextProvider,
+  CompositeScopedContextProvider
+} from "./5C7J4IAS.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/toolbar/toolbar-context.tsx
+var ctx = createStoreContext(
+  [CompositeContextProvider],
+  [CompositeScopedContextProvider]
+);
+var useToolbarContext = ctx.useContext;
+var useToolbarScopedContext = ctx.useScopedContext;
+var useToolbarProviderContext = ctx.useProviderContext;
+var ToolbarContextProvider = ctx.ContextProvider;
+var ToolbarScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useToolbarContext,
+  useToolbarScopedContext,
+  useToolbarProviderContext,
+  ToolbarContextProvider,
+  ToolbarScopedContextProvider
+};

package/esm/__chunks/{MEP5WKMB.js → IZ22SVTG.js}

@@ -1,14 +1,14 @@
 import {
   useHeading
-} from "./YAQX4NUA.js";
+} from "./FK7TLQA3.js";
 import {
   DialogHeadingContext
-} from "./LNHZLQEK.js";
+} from "./5YYGDU4E.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useId,
   useSafeLayoutEffect

package/esm/__chunks/{D3IXN5NP.js → J5LOLGUC.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{2NIRKFVH.js → JCUV76PT.js}

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

package/esm/__chunks/JEQRR7AL.js

@@ -0,0 +1,24 @@
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.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/{CTVLGQZG.js → JGFZEURZ.js}

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

package/esm/__chunks/JJMBJNG5.js

@@ -0,0 +1,55 @@
+import {
+  useMenuBarContext,
+  useMenuContext
+} from "./2GC3IEM7.js";
+import {
+  useComboboxProviderContext
+} from "./QP4RN5UY.js";
+import {
+  useCompositeStoreProps
+} from "./FGP6QO3O.js";
+import {
+  useHovercardStoreProps
+} from "./SNU4EYPS.js";
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.js";
+import {
+  useUpdateEffect
+} from "./J7Q2EO23.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./PNRLI7OV.js";
+
+// src/menu/menu-store.ts
+import * as Core from "@ariakit/core/menu/menu-store";
+function useMenuStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.combobox, props.parent, props.menubar]);
+  store = useCompositeStoreProps(store, update, props);
+  store = useHovercardStoreProps(store, update, props);
+  useStoreProps(store, props, "values", "setValues");
+  return Object.assign(store, {
+    combobox: props.combobox,
+    parent: props.parent,
+    menubar: props.menubar
+  });
+}
+function useMenuStore(props = {}) {
+  const parent = useMenuContext();
+  const menubar = useMenuBarContext();
+  const combobox = useComboboxProviderContext();
+  props = __spreadProps(__spreadValues({}, props), {
+    parent: props.parent !== void 0 ? props.parent : parent,
+    menubar: props.menubar !== void 0 ? props.menubar : menubar,
+    combobox: props.combobox !== void 0 ? props.combobox : combobox
+  });
+  const [store, update] = useStore(Core.createMenuStore, props);
+  return useMenuStoreProps(store, update, props);
+}
+
+export {
+  useMenuStoreProps,
+  useMenuStore
+};

package/esm/__chunks/{RY6ZOIHR.js → JM3KBRED.js}

@@ -1,14 +1,14 @@
 import {
   useSeparator
-} from "./D3IXN5NP.js";
+} from "./J5LOLGUC.js";
 import {
-  CompositeContext
-} from "./WJ37OVG2.js";
+  useCompositeContext
+} from "./5C7J4IAS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest,
   __spreadProps,
@@ -16,16 +16,15 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/composite/composite-separator.ts
-import { useContext } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 var useCompositeSeparator = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useContext(CompositeContext);
+    const context = useCompositeContext();
     store = store || context;
     invariant(
       store,
-      process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component"
+      process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
     );
     const orientation = store.useState(
       (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"

package/esm/__chunks/KFYG52K5.js

@@ -0,0 +1,25 @@
+import {
+  useHovercardStoreProps
+} from "./SNU4EYPS.js";
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.js";
+
+// src/tooltip/tooltip-store.ts
+import * as Core from "@ariakit/core/tooltip/tooltip-store";
+function useTooltipStoreProps(store, update, props) {
+  store = useHovercardStoreProps(store, update, props);
+  useStoreProps(store, props, "type");
+  useStoreProps(store, props, "skipTimeout");
+  return store;
+}
+function useTooltipStore(props = {}) {
+  const [store, update] = useStore(Core.createTooltipStore, props);
+  return useTooltipStoreProps(store, update, props);
+}
+
+export {
+  useTooltipStoreProps,
+  useTooltipStore
+};

package/esm/__chunks/{QPTZ2G2N.js → L3AX6U5E.js}

@@ -1,5 +1,5 @@
 import {
-  useLazyValue,
+  useEvent,
   useLiveRef,
   useSafeLayoutEffect
 } from "./J7Q2EO23.js";
@@ -11,9 +11,10 @@ import {
 // src/utils/store.tsx
 import * as React from "react";
 import { hasOwnProperty, identity } from "@ariakit/core/utils/misc";
-import { batch, init, subscribe, sync } from "@ariakit/core/utils/store";
+import { init, subscribe, sync } from "@ariakit/core/utils/store";
 import { flushSync } from "react-dom";
-import { useSyncExternalStore } from "use-sync-external-store/shim/index.js";
+import useSyncExternalStoreExports from "use-sync-external-store/shim/index.js";
+var { useSyncExternalStore } = useSyncExternalStoreExports;
 var noopSubscribe = () => () => {
 };
 var inFlushSyncContext = false;
@@ -48,13 +49,13 @@ function useStoreState(store, keyOrSelector = identity) {
     [store]
   );
   const getSnapshot = () => {
-    if (!store)
-      return;
-    const state = store.getState();
-    const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
     const key = typeof keyOrSelector === "string" ? keyOrSelector : null;
+    const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
+    const state = store == null ? void 0 : store.getState();
     if (selector)
       return selector(state);
+    if (!state)
+      return;
     if (!key)
       return;
     if (!hasOwnProperty(state, key))
@@ -69,6 +70,7 @@ function useStoreProps(store, props, key, setKey) {
     value,
     setValue: setKey ? props[setKey] : void 0
   });
+  const canSyncValue = React.useRef(true);
   useSafeLayoutEffect(() => {
     let canFlushSync = false;
     queueMicrotask(() => {
@@ -82,28 +84,36 @@ function useStoreProps(store, props, key, setKey) {
         return;
       if (state[key] === value2)
         return;
+      canSyncValue.current = false;
       safeFlushSync(() => setValue(state[key]), canFlushSync);
     });
   }, [store, key]);
   useSafeLayoutEffect(() => {
-    return batch(store, [key], () => {
-      if (value === void 0)
+    if (value === void 0)
+      return;
+    canSyncValue.current = true;
+    return sync(store, [key], () => {
+      if (!canSyncValue.current)
         return;
       store.setState(key, value);
     });
-  }, [store, key, value]);
+  });
 }
-function useStore(createStore) {
-  const store = useLazyValue(createStore);
+function useStore(createStore, props) {
+  const [store, setStore] = React.useState(() => createStore(props));
   useSafeLayoutEffect(() => init(store), [store]);
-  const useState = React.useCallback(
+  const useState2 = React.useCallback(
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]
   );
-  return React.useMemo(
-    () => __spreadProps(__spreadValues({}, store), { useState }),
-    [store, useState]
+  const memoizedStore = React.useMemo(
+    () => __spreadProps(__spreadValues({}, store), { useState: useState2 }),
+    [store, useState2]
   );
+  const updateStore = useEvent(() => {
+    setStore((store2) => createStore(__spreadValues(__spreadValues({}, props), store2.getState())));
+  });
+  return [memoizedStore, updateStore];
 }
 
 export {

package/esm/__chunks/{P4RGQGTG.js → LND6SMHN.js}

@@ -1,11 +1,11 @@
 import {
   useFocusable
-} from "./MYID4V27.js";
+} from "./M4OAD5XF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useEvent,
   useMergeRefs,

package/esm/__chunks/{MYID4V27.js → M4OAD5XF.js}

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

package/esm/__chunks/{LOJQ7RPL.js → MHJWVBOP.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./2NIRKFVH.js";
+} from "./JCUV76PT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest
 } from "./PNRLI7OV.js";

package/esm/__chunks/{BO7WPTZZ.js → MXSIXS3C.js}

@@ -1,17 +1,18 @@
 import {
   useDialogDisclosure
-} from "./5I6BQS7D.js";
+} from "./TQ2YQL6O.js";
 import {
   usePopoverAnchor
-} from "./7PHM3O7I.js";
+} from "./4FNI7F6H.js";
 import {
-  PopoverContext
-} from "./6GS36SYX.js";
+  PopoverScopedContextProvider,
+  usePopoverProviderContext
+} from "./547DFODS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useEvent,
   useWrapElement
@@ -23,18 +24,25 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/popover/popover-disclosure.tsx
+import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var usePopoverDisclosure = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = usePopoverProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      store.setAnchorElement(event.currentTarget);
+      store == null ? void 0 : store.setAnchorElement(event.currentTarget);
       onClickProp == null ? void 0 : onClickProp(event);
     });
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(PopoverContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(PopoverScopedContextProvider, { value: store, children: element }),
       [store]
     );
     props = __spreadProps(__spreadValues({}, props), {