@ariakit/react-core 0.2.17 → 0.3.1

package/esm/__chunks/HCTAKPNS.js

@@ -0,0 +1,21 @@
+import {
+  useDisclosureStoreProps
+} from "./E6GADH6Y.js";
+import {
+  useStore
+} from "./XXO3VVQU.js";
+
+// src/dialog/dialog-store.ts
+import * as Core from "@ariakit/core/dialog/dialog-store";
+function useDialogStoreProps(store, update, props) {
+  return useDisclosureStoreProps(store, update, props);
+}
+function useDialogStore(props = {}) {
+  const [store, update] = useStore(Core.createDialogStore, props);
+  return useDialogStoreProps(store, update, props);
+}
+
+export {
+  useDialogStoreProps,
+  useDialogStore
+};

package/esm/__chunks/{3CJV7UYE.js → HGW6FZYU.js}

@@ -1,17 +1,20 @@
+import {
+  useCheckboxContext
+} from "./ICL2YIES.js";
 import {
   CheckboxCheckedContext
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./P4RGQGTG.js";
+} from "./LND6SMHN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./XXO3VVQU.js";
 import {
   useEvent,
   useMergeRefs,
@@ -56,12 +59,14 @@ var useCheckbox = createHook(
       "checked",
       "defaultChecked"
     ]);
-    var _a2;
-    const storeChecked = useStoreState(store, (state) => {
+    const context = useCheckboxContext();
+    store = store || context;
+    const [_checked, setChecked] = useState(defaultChecked != null ? defaultChecked : false);
+    const checked = useStoreState(store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
-      if (state.value === void 0)
-        return;
+      if ((state == null ? void 0 : state.value) === void 0)
+        return _checked;
       if (valueProp != null) {
         if (Array.isArray(state.value)) {
           const nonArrayValue = getNonArrayValue(valueProp);
@@ -75,8 +80,6 @@ var useCheckbox = createHook(
         return state.value;
       return false;
     });
-    const [_checked, setChecked] = useState(defaultChecked != null ? defaultChecked : false);
-    const checked = (_a2 = checkedProp != null ? checkedProp : storeChecked) != null ? _a2 : _checked;
     const ref = useRef(null);
     const tagName = useTagName(ref, props.as || "input");
     const nativeCheckbox = isNativeCheckbox(tagName, props.type);

package/esm/__chunks/HJHTMRDC.js

@@ -0,0 +1,25 @@
+import {
+  useHovercardStoreProps
+} from "./MA5WD4CD.js";
+import {
+  useStore,
+  useStoreProps
+} from "./XXO3VVQU.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/{4GZAUH66.js → HMYMEP6U.js}

@@ -1,14 +1,14 @@
 import {
   useButton
-} from "./O6CV6VRM.js";
+} from "./QPWEKAWF.js";
 import {
-  DialogContext
-} from "./LNHZLQEK.js";
+  useDialogScopedContext
+} from "./5YYGDU4E.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useEvent
 } from "./J7Q2EO23.js";
@@ -19,12 +19,12 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/dialog/dialog-dismiss.tsx
-import { useContext, useMemo } from "react";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var useDialogDismiss = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useContext(DialogContext);
+    const context = useDialogScopedContext();
     store = store || context;
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {

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/{P2MU7N5N.js → IZ6ZARCP.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 "./XXO3VVQU.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/{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/{CTVLGQZG.js → JGFZEURZ.js}

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

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

@@ -0,0 +1,21 @@
+import {
+  useCompositeStoreProps
+} from "./WGAKICTY.js";
+import {
+  useStore
+} from "./XXO3VVQU.js";
+
+// src/menu/menu-bar-store.ts
+import * as Core from "@ariakit/core/menu/menu-bar-store";
+function useMenuBarStoreProps(store, update, props) {
+  return useCompositeStoreProps(store, update, props);
+}
+function useMenuBarStore(props = {}) {
+  const [store, update] = useStore(Core.createMenuBarStore, props);
+  return useMenuBarStoreProps(store, update, props);
+}
+
+export {
+  useMenuBarStoreProps,
+  useMenuBarStore
+};

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

@@ -1,24 +1,24 @@
 import {
   useStore,
   useStoreProps
-} from "./P63NRZ4A.js";
+} from "./XXO3VVQU.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/{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/MA5WD4CD.js

@@ -0,0 +1,26 @@
+import {
+  usePopoverStoreProps
+} from "./XEZV3AK4.js";
+import {
+  useStore,
+  useStoreProps
+} from "./XXO3VVQU.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/{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), {