@ariakit/react-core 0.2.17 → 0.3.0

package/esm/__chunks/547DFODS.js

@@ -0,0 +1,26 @@
+import {
+  DialogContextProvider,
+  DialogScopedContextProvider
+} from "./5YYGDU4E.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/popover/popover-context.tsx
+var ctx = createStoreContext(
+  [DialogContextProvider],
+  [DialogScopedContextProvider]
+);
+var usePopoverContext = ctx.useContext;
+var usePopoverScopedContext = ctx.useScopedContext;
+var usePopoverProviderContext = ctx.useProviderContext;
+var PopoverContextProvider = ctx.ContextProvider;
+var PopoverScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  usePopoverContext,
+  usePopoverScopedContext,
+  usePopoverProviderContext,
+  PopoverContextProvider,
+  PopoverScopedContextProvider
+};

package/esm/__chunks/{Y5XLHDDM.js → 54DCICBS.js}

@@ -1,11 +1,14 @@
+import {
+  useHovercardProviderContext
+} from "./5DA3HK6G.js";
 import {
   useFocusable
-} from "./MYID4V27.js";
+} from "./M4OAD5XF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -21,15 +24,24 @@ import {
 // src/hovercard/hovercard-anchor.ts
 import { useEffect, useRef } from "react";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
+import { invariant } from "@ariakit/core/utils/misc";
 var useHovercardAnchor = createHook(
   (_a) => {
     var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
+    const context = useHovercardProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
+    );
     const mounted = store.useState("mounted");
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     const showTimeoutRef = useRef(0);
     useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
     useEffect(() => {
       const onMouseLeave = (event) => {
+        if (!store)
+          return;
         const { anchorElement } = store.getState();
         if (!anchorElement)
           return;
@@ -45,7 +57,7 @@ var useHovercardAnchor = createHook(
     const isMouseMoving = useIsMouseMoving();
     const onMouseMove = useEvent(
       (event) => {
-        store.setAnchorElement(event.currentTarget);
+        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
         onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
         if (disabled)
           return;
@@ -55,6 +67,8 @@ var useHovercardAnchor = createHook(
           return;
         if (!isMouseMoving())
           return;
+        if (!store)
+          return;
         if (!showOnHoverProp(event))
           return;
         const { showTimeout, timeout } = store.getState();
@@ -62,7 +76,7 @@ var useHovercardAnchor = createHook(
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
-          store.show();
+          store == null ? void 0 : store.show();
         }, showTimeout != null ? showTimeout : timeout);
       }
     );

package/esm/__chunks/{P4CYWFUE.js → 552DU7SQ.js}

@@ -1,11 +1,14 @@
 import {
   useCompositeItem
-} from "./FVD2NJZN.js";
+} from "./6TWF32ML.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/56KWVYDN.js

@@ -0,0 +1,19 @@
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/disclosure/disclosure-context.tsx
+var ctx = createStoreContext();
+var useDisclosureContext = ctx.useContext;
+var useDisclosureScopedContext = ctx.useScopedContext;
+var useDisclosureProviderContext = ctx.useProviderContext;
+var DisclosureContextProvider = ctx.ContextProvider;
+var DisclosureScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useDisclosureContext,
+  useDisclosureScopedContext,
+  useDisclosureProviderContext,
+  DisclosureContextProvider,
+  DisclosureScopedContextProvider
+};

package/esm/__chunks/5C7J4IAS.js

@@ -0,0 +1,35 @@
+import {
+  CollectionContextProvider,
+  CollectionScopedContextProvider
+} from "./74KKBFVP.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/composite/composite-context.tsx
+import { createContext } from "react";
+var ctx = createStoreContext(
+  [CollectionContextProvider],
+  [CollectionScopedContextProvider]
+);
+var useCompositeContext = ctx.useContext;
+var useCompositeScopedContext = ctx.useScopedContext;
+var useCompositeProviderContext = ctx.useProviderContext;
+var CompositeContextProvider = ctx.ContextProvider;
+var CompositeScopedContextProvider = ctx.ScopedContextProvider;
+var CompositeItemContext = createContext(
+  void 0
+);
+var CompositeRowContext = createContext(
+  void 0
+);
+
+export {
+  useCompositeContext,
+  useCompositeScopedContext,
+  useCompositeProviderContext,
+  CompositeContextProvider,
+  CompositeScopedContextProvider,
+  CompositeItemContext,
+  CompositeRowContext
+};

package/esm/__chunks/5DA3HK6G.js

@@ -0,0 +1,26 @@
+import {
+  PopoverContextProvider,
+  PopoverScopedContextProvider
+} from "./547DFODS.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/hovercard/hovercard-context.tsx
+var ctx = createStoreContext(
+  [PopoverContextProvider],
+  [PopoverScopedContextProvider]
+);
+var useHovercardContext = ctx.useContext;
+var useHovercardScopedContext = ctx.useScopedContext;
+var useHovercardProviderContext = ctx.useProviderContext;
+var HovercardContextProvider = ctx.ContextProvider;
+var HovercardScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useHovercardContext,
+  useHovercardScopedContext,
+  useHovercardProviderContext,
+  HovercardContextProvider,
+  HovercardScopedContextProvider
+};

package/esm/__chunks/{LVMO37QD.js → 5HSRXC5S.js}

@@ -1,11 +1,11 @@
 import {
-  PopoverContext
-} from "./6GS36SYX.js";
+  usePopoverContext
+} from "./547DFODS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   __objRest,
   __spreadProps,
@@ -13,7 +13,7 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/popover/popover-disclosure-arrow.tsx
-import { useContext, useMemo } from "react";
+import { useMemo } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var pointsMap = {
@@ -25,11 +25,11 @@ var pointsMap = {
 var usePopoverDisclosureArrow = createHook(
   (_a) => {
     var _b = _a, { store, placement } = _b, props = __objRest(_b, ["store", "placement"]);
-    const context = useContext(PopoverContext);
+    const context = usePopoverContext();
     store = store || context;
     invariant(
       store,
-      process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component"
+      process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
     );
     const position = store.useState((state) => placement || state.placement);
     const dir = position.split("-")[0];

package/esm/__chunks/5YYGDU4E.js

@@ -0,0 +1,31 @@
+import {
+  DisclosureContextProvider,
+  DisclosureScopedContextProvider
+} from "./56KWVYDN.js";
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/dialog/dialog-context.tsx
+import { createContext } from "react";
+var ctx = createStoreContext(
+  [DisclosureContextProvider],
+  [DisclosureScopedContextProvider]
+);
+var useDialogContext = ctx.useContext;
+var useDialogScopedContext = ctx.useScopedContext;
+var useDialogProviderContext = ctx.useProviderContext;
+var DialogContextProvider = ctx.ContextProvider;
+var DialogScopedContextProvider = ctx.ScopedContextProvider;
+var DialogHeadingContext = createContext(void 0);
+var DialogDescriptionContext = createContext(void 0);
+
+export {
+  useDialogContext,
+  useDialogScopedContext,
+  useDialogProviderContext,
+  DialogContextProvider,
+  DialogScopedContextProvider,
+  DialogHeadingContext,
+  DialogDescriptionContext
+};

package/esm/__chunks/{3CJV7UYE.js → 665VBEVH.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 "./L3AX6U5E.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/{FVD2NJZN.js → 6TWF32ML.js}

@@ -1,27 +1,27 @@
 import {
   useCommand
-} from "./P4RGQGTG.js";
+} from "./LND6SMHN.js";
 import {
   useCollectionItem
-} from "./VFNGSUSF.js";
+} from "./XIA3HAXM.js";
 import {
   focusSilently,
   getEnabledItem,
   isItem
 } from "./OXPV2NBK.js";
 import {
-  CompositeContext,
   CompositeItemContext,
-  CompositeRowContext
-} from "./WJ37OVG2.js";
+  CompositeRowContext,
+  useCompositeContext
+} from "./5C7J4IAS.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./P63NRZ4A.js";
+} from "./L3AX6U5E.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -160,8 +160,7 @@ var useCompositeItem = createHook(
       "aria-setsize",
       "aria-posinset"
     ]);
-    var _a2;
-    const context = useContext(CompositeContext);
+    const context = useCompositeContext();
     store = store || context;
     const id = useId(props.id);
     const ref = useRef(null);
@@ -169,6 +168,8 @@ var useCompositeItem = createHook(
     const rowId = useStoreState(store, (state) => {
       if (rowIdProp)
         return rowIdProp;
+      if (!state)
+        return;
       if (!(row == null ? void 0 : row.baseElement))
         return;
       if (row.baseElement !== state.baseElement)
@@ -290,7 +291,7 @@ var useCompositeItem = createHook(
     });
     const baseElement = useStoreState(
       store,
-      (state) => state.baseElement || void 0
+      (state) => (state == null ? void 0 : state.baseElement) || void 0
     );
     const providerValue = useMemo(
       () => ({ id, baseElement }),
@@ -301,7 +302,10 @@ var useCompositeItem = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = useStoreState(store, (state) => state.activeId === id);
+    const isActiveItem = useStoreState(
+      store,
+      (state) => !!state && state.activeId === id
+    );
     const virtualFocus = useStoreState(store, "virtualFocus");
     const role = useRole(ref, props);
     let ariaSelected;
@@ -315,6 +319,8 @@ var useCompositeItem = createHook(
     const ariaSetSize = useStoreState(store, (state) => {
       if (ariaSetSizeProp != null)
         return ariaSetSizeProp;
+      if (!state)
+        return;
       if (!(row == null ? void 0 : row.ariaSetSize))
         return;
       if (row.baseElement !== state.baseElement)
@@ -324,6 +330,8 @@ var useCompositeItem = createHook(
     const ariaPosInSet = useStoreState(store, (state) => {
       if (ariaPosInSetProp != null)
         return ariaPosInSetProp;
+      if (!state)
+        return;
       if (!(row == null ? void 0 : row.ariaPosInSet))
         return;
       if (row.baseElement !== state.baseElement)
@@ -333,11 +341,11 @@ var useCompositeItem = createHook(
       );
       return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
     });
-    const isTabbable = (_a2 = useStoreState(store, (state) => {
-      if (!state.renderedItems.length)
+    const isTabbable = useStoreState(store, (state) => {
+      if (!(state == null ? void 0 : state.renderedItems.length))
         return true;
       return !state.virtualFocus && state.activeId === id;
-    })) != null ? _a2 : true;
+    });
     props = __spreadProps(__spreadValues({
       id,
       "aria-selected": ariaSelected,

package/esm/__chunks/6X2TPJLY.js

@@ -0,0 +1,21 @@
+import {
+  useDisclosureStoreProps
+} from "./UHPQRTV4.js";
+import {
+  useStore
+} from "./L3AX6U5E.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/{FL2AU7YJ.js → 6XXSNRNX.js}

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

package/esm/__chunks/74KKBFVP.js

@@ -0,0 +1,19 @@
+import {
+  createStoreContext
+} from "./CFEUKV6C.js";
+
+// src/collection/collection-context.tsx
+var ctx = createStoreContext();
+var useCollectionContext = ctx.useContext;
+var useCollectionScopedContext = ctx.useScopedContext;
+var useCollectionProviderContext = ctx.useProviderContext;
+var CollectionContextProvider = ctx.ContextProvider;
+var CollectionScopedContextProvider = ctx.ScopedContextProvider;
+
+export {
+  useCollectionContext,
+  useCollectionScopedContext,
+  useCollectionProviderContext,
+  CollectionContextProvider,
+  CollectionScopedContextProvider
+};

package/esm/__chunks/{LDJKN2ZV.js → 7AFOF5E7.js}

@@ -1,11 +1,14 @@
 import {
   useButton
-} from "./O6CV6VRM.js";
+} from "./QPWEKAWF.js";
+import {
+  useDisclosureProviderContext
+} from "./56KWVYDN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -19,9 +22,16 @@ import {
 
 // src/disclosure/disclosure.ts
 import { useEffect, useRef, useState } from "react";
+import { invariant } from "@ariakit/core/utils/misc";
 var useDisclosure = createHook(
   (_a) => {
     var _b = _a, { store, toggleOnClick = true } = _b, props = __objRest(_b, ["store", "toggleOnClick"]);
+    const context = useDisclosureProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component."
+    );
     const ref = useRef(null);
     const [expanded, setExpanded] = useState(false);
     const disclosureElement = store.useState("disclosureElement");
@@ -29,21 +39,21 @@ var useDisclosure = createHook(
     useEffect(() => {
       let isCurrentDisclosure = disclosureElement === ref.current;
       if (!disclosureElement || !disclosureElement.isConnected) {
-        store.setDisclosureElement(ref.current);
+        store == null ? void 0 : store.setDisclosureElement(ref.current);
         isCurrentDisclosure = true;
       }
       setExpanded(open && isCurrentDisclosure);
     }, [disclosureElement, open]);
     const onMouseDownProp = props.onMouseDown;
     const onMouseDown = useEvent((event) => {
-      store.setDisclosureElement(event.currentTarget);
+      store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
     });
     const onClickProp = props.onClick;
     const toggleOnClickProp = useBooleanEvent(toggleOnClick);
     const isDuplicate = "data-disclosure" in props;
     const onClick = useEvent((event) => {
-      store.setDisclosureElement(event.currentTarget);
+      store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -51,7 +61,7 @@ var useDisclosure = createHook(
         return;
       if (!toggleOnClickProp(event))
         return;
-      store.toggle();
+      store == null ? void 0 : store.toggle();
     });
     const contentElement = store.useState("contentElement");
     props = __spreadProps(__spreadValues({

package/esm/__chunks/{IZVL3EAG.js → 7VC364FM.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverHeading
-} from "./WW4JQU6W.js";
+} from "./PH5SSOBF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
 
 // src/hovercard/hovercard-heading.ts
 var useHovercardHeading = createHook(

package/esm/__chunks/AAS6MDEM.js

@@ -0,0 +1,21 @@
+import {
+  useCompositeStoreProps
+} from "./FGP6QO3O.js";
+import {
+  useStore
+} from "./L3AX6U5E.js";
+
+// src/toolbar/toolbar-store.ts
+import * as Core from "@ariakit/core/toolbar/toolbar-store";
+function useToolbarStoreProps(store, update, props) {
+  return useCompositeStoreProps(store, update, props);
+}
+function useToolbarStore(props = {}) {
+  const [store, update] = useStore(Core.createToolbarStore, props);
+  return useToolbarStoreProps(store, update, props);
+}
+
+export {
+  useToolbarStoreProps,
+  useToolbarStore
+};

package/esm/__chunks/{5WJWIOBD.js → AYWP3ZW6.js}

@@ -1,16 +1,26 @@
 import {
   usePopoverDismiss
-} from "./HRXPFA6C.js";
+} from "./4JNX5L5C.js";
+import {
+  useHovercardScopedContext
+} from "./5DA3HK6G.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./NQJBHION.js";
+} from "./CFEUKV6C.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./PNRLI7OV.js";
 
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = createHook(
-  (props) => {
-    props = usePopoverDismiss(props);
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useHovercardScopedContext();
+    store = store || context;
+    props = usePopoverDismiss(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/B7CSN7VQ.js

@@ -0,0 +1,31 @@
+import {
+  useCompositeStoreProps
+} from "./FGP6QO3O.js";
+import {
+  useStore,
+  useStoreProps
+} from "./L3AX6U5E.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./PNRLI7OV.js";
+
+// src/tab/tab-store.ts
+import { useMemo } from "react";
+import * as Core from "@ariakit/core/tab/tab-store";
+function useTabStoreProps(store, update, props) {
+  store = useCompositeStoreProps(store, update, props);
+  useStoreProps(store, props, "selectedId", "setSelectedId");
+  useStoreProps(store, props, "selectOnMove");
+  const [panels] = useStore(() => store.panels, {});
+  return useMemo(() => __spreadProps(__spreadValues({}, store), { panels }), []);
+}
+function useTabStore(props = {}) {
+  const [store, update] = useStore(Core.createTabStore, props);
+  return useTabStoreProps(store, update, props);
+}
+
+export {
+  useTabStoreProps,
+  useTabStore
+};