@ariakit/react-core 0.3.3 → 0.3.4

package/cjs/utils/store.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _UHRHLHM2cjs = require('../__chunks/UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -10,4 +10,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useStore = _UHRHLHM2cjs.useStore; exports.useStoreProps = _UHRHLHM2cjs.useStoreProps; exports.useStoreState = _UHRHLHM2cjs.useStoreState;
+exports.useStore = _EVNF7KMTcjs.useStore; exports.useStoreProps = _EVNF7KMTcjs.useStoreProps; exports.useStoreState = _EVNF7KMTcjs.useStoreState;

package/cjs/utils/system.d.ts

@@ -27,7 +27,7 @@ export declare function memo<P, T extends React.FC<P>>(Component: T, propsAreEqu
  *
  * <Component customProp render={<button />} />
  */
-export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
+export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactNode): Component<O>;
 /**
  * Creates a type-safe component with the `as` prop, `React.forwardRef` and
  * `React.memo`.
@@ -46,7 +46,7 @@ export declare function createComponent<O extends Options>(render: (props: Props
  *
  * <Component customProp render={<button />} />
  */
-export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
+export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactNode): Component<O>;
 /**
  * Creates a React element that supports the `render` and `wrapElement` props.
  * @example

package/esm/__chunks/{DA5VDN5G.js → 2BTPJSKW.js}

@@ -10,7 +10,7 @@ import {
 } from "./56TAEBRJ.js";
 import {
   isHidden
-} from "./3D7ZB3CS.js";
+} from "./KK6NPMOP.js";
 import {
   createComponent,
   createElement,
@@ -18,7 +18,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useEvent,
   useId,

package/esm/__chunks/{2EIZAZYB.js → 2FIUKXIM.js}

@@ -7,7 +7,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{D6CHFQY5.js → 2Q7ASGJM.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{DX7BNVVX.js → 3FLPLDNL.js}

@@ -10,7 +10,7 @@ import {
 } from "./56TAEBRJ.js";
 import {
   isHidden
-} from "./3D7ZB3CS.js";
+} from "./KK6NPMOP.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{W5ZMSHVN.js → 3KBWC7LF.js}

@@ -1,6 +1,6 @@
 import {
   useButton
-} from "./D2BRO4YW.js";
+} from "./TONP6TZ5.js";
 import {
   useDialogScopedContext
 } from "./5YYGDU4E.js";

package/esm/__chunks/{X6F6ND2A.js → 3X3TLUHU.js}

@@ -3,14 +3,14 @@ import {
 } from "./QP4RN5UY.js";
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   usePopoverStoreProps
-} from "./DO6GQUCF.js";
+} from "./QTZ67ALK.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{3HY5ZQT3.js → 5EAW3TWZ.js}

@@ -1,6 +1,6 @@
 import {
   useDisclosure
-} from "./R6PKH666.js";
+} from "./LRDCOOWL.js";
 import {
   useDialogProviderContext
 } from "./5YYGDU4E.js";

package/esm/__chunks/{CSCFKBRS.js → 6F7MKZK2.js}

@@ -1,13 +1,13 @@
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   usePopoverStoreProps
-} from "./DO6GQUCF.js";
+} from "./QTZ67ALK.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/combobox/combobox-store.ts
 import * as Core from "@ariakit/core/combobox/combobox-store";

package/esm/__chunks/{JE342XIS.js → 6W46XYWY.js}

@@ -1,10 +1,10 @@
 import {
   usePopoverStoreProps
-} from "./DO6GQUCF.js";
+} from "./QTZ67ALK.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

package/esm/__chunks/{DHSMOVCA.js → AE5ABTKC.js}

@@ -1,9 +1,9 @@
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   useStore
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{XBIFFFUN.js → CAIAWNDV.js}

@@ -116,6 +116,7 @@ var useCommand = createHook(
       if (activeRef.current && isSpace) {
         activeRef.current = false;
         if (!isNativeClick(event)) {
+          event.preventDefault();
           setActive(false);
           const element = event.currentTarget;
           const _a2 = event, { view } = _a2, eventInit = __objRest(_a2, ["view"]);

package/esm/__chunks/{NQQVRTV2.js → DCODCZJS.js}

@@ -1,7 +1,7 @@
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./2EIZAZYB.js";
+} from "./2FIUKXIM.js";
 import {
   useCompositeContext
 } from "./5C7J4IAS.js";
@@ -11,7 +11,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useId
 } from "./J7Q2EO23.js";
@@ -105,7 +105,7 @@ function useCompositeRenderer(_a) {
     var _a2;
     if (!state)
       return props.items;
-    if ("mounted" in state && state.mounted)
+    if ("mounted" in state && !state.mounted)
       return 0;
     return (_a2 = props.items) != null ? _a2 : state.items;
   });

package/esm/__chunks/{OJDCQDIL.js → DE62M4L2.js}

@@ -3,7 +3,7 @@ import {
 } from "./NRFPH2ON.js";
 import {
   useCompositeItem
-} from "./54J7EHCU.js";
+} from "./IQXVWBXC.js";
 import {
   createElement,
   createHook,
@@ -11,7 +11,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useEvent,
   useId,

package/esm/__chunks/{O2VZZF7T.js → DLZTS5NV.js}

@@ -7,14 +7,14 @@ import {
 } from "./QP4RN5UY.js";
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   useHovercardStoreProps
-} from "./JE342XIS.js";
+} from "./6W46XYWY.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{GD5ZDP5D.js → E3ZC4HKO.js}

@@ -4,7 +4,7 @@ import {
 } from "./QP4RN5UY.js";
 import {
   isHidden
-} from "./3D7ZB3CS.js";
+} from "./KK6NPMOP.js";
 import {
   useFocusable
 } from "./YTHH33BK.js";

package/esm/__chunks/{4VQSZLZX.js → F7UYWUBJ.js}

@@ -5,7 +5,10 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./MNVQ65E5.js";
+} from "./H3CXUGYG.js";
+import {
+  createDialogComponent
+} from "./UXIMR4AS.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
@@ -63,33 +66,6 @@ function isMovingOnHovercard(target, card, anchor, nested) {
   }
   return false;
 }
-function useAutoFocusOnShow(_a) {
-  var _b = _a, {
-    store
-  } = _b, props = __objRest(_b, [
-    "store"
-  ]);
-  const open = store.useState("open");
-  const openRef = useLiveRef(open);
-  useEffect(() => {
-    if (!open) {
-      store.setAutoFocusOnShow(false);
-    }
-  }, [open, store]);
-  useEffect(
-    () => () => {
-      if (!openRef.current) {
-        store.setAutoFocusOnShow(false);
-      }
-    },
-    [store]
-  );
-  const modal = !!props.modal;
-  const autoFocusOnShow = store.useState(
-    (state) => modal || state.autoFocusOnShow
-  );
-  return __spreadValues({ autoFocusOnShow }, props);
-}
 function useAutoFocusOnHide(_a) {
   var _b = _a, {
     store
@@ -159,6 +135,7 @@ var useHovercard = createHook(
     const disablePointerEventsProp = useBooleanEvent(
       disablePointerEventsOnApproach
     );
+    const open = store.useState("open");
     const mounted = store.useState("mounted");
     useEffect(() => {
       if (!domReady)
@@ -248,6 +225,23 @@ var useHovercard = createHook(
         addGlobalEventListener("mouseleave", disableEvent, true)
       );
     }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);
+    useEffect(() => {
+      if (!domReady)
+        return;
+      if (open)
+        return;
+      store == null ? void 0 : store.setAutoFocusOnShow(false);
+    }, [store, domReady, open]);
+    const openRef = useLiveRef(open);
+    useEffect(() => {
+      if (!domReady)
+        return;
+      return () => {
+        if (!openRef.current) {
+          store == null ? void 0 : store.setAutoFocusOnShow(false);
+        }
+      };
+    }, [store, domReady]);
     const registerOnParent = useContext(NestedHovercardContext);
     useSafeLayoutEffect(() => {
       if (modal)
@@ -285,11 +279,14 @@ var useHovercard = createHook(
       ref: useMergeRefs(ref, props.ref)
     });
     props = useAutoFocusOnHide(__spreadValues({ store }, props));
-    props = useAutoFocusOnShow(__spreadValues({ store, modal }, props));
+    const autoFocusOnShow = store.useState(
+      (state) => modal || state.autoFocusOnShow
+    );
     props = usePopover(__spreadProps(__spreadValues({
       store,
       modal,
-      portal
+      portal,
+      autoFocusOnShow
     }, props), {
       portalRef,
       hideOnEscape(event) {
@@ -306,10 +303,13 @@ var useHovercard = createHook(
     return props;
   }
 );
-var Hovercard = createComponent((props) => {
-  const htmlProps = useHovercard(props);
-  return createElement("div", htmlProps);
-});
+var Hovercard = createDialogComponent(
+  createComponent((props) => {
+    const htmlProps = useHovercard(props);
+    return createElement("div", htmlProps);
+  }),
+  useHovercardProviderContext
+);
 if (process.env.NODE_ENV !== "production") {
   Hovercard.displayName = "Hovercard";
 }

package/esm/__chunks/{MNVQ65E5.js → H3CXUGYG.js}

@@ -1,6 +1,7 @@
 import {
+  createDialogComponent,
   useDialog
-} from "./YGEFENKI.js";
+} from "./UXIMR4AS.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
@@ -363,10 +364,13 @@ var usePopover = createHook(
     return props;
   }
 );
-var Popover = createComponent((props) => {
-  const htmlProps = usePopover(props);
-  return createElement("div", htmlProps);
-});
+var Popover = createDialogComponent(
+  createComponent((props) => {
+    const htmlProps = usePopover(props);
+    return createElement("div", htmlProps);
+  }),
+  usePopoverProviderContext
+);
 if (process.env.NODE_ENV !== "production") {
   Popover.displayName = "Popover";
 }

package/esm/__chunks/{XQCQJGZ3.js → HUAF5DID.js}

@@ -1,10 +1,10 @@
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/radio/radio-store.ts
 import * as Core from "@ariakit/core/radio/radio-store";

package/esm/__chunks/{SUD3LBWB.js → HXYXHHNW.js}

@@ -1,6 +1,6 @@
 import {
   useDialogDisclosure
-} from "./3HY5ZQT3.js";
+} from "./5EAW3TWZ.js";
 import {
   usePopoverAnchor
 } from "./4FNI7F6H.js";

package/esm/__chunks/{3T4UFIWO.js → I6Y4PDFW.js}

@@ -1,10 +1,10 @@
 import {
   useCollectionStoreProps
-} from "./C6MBVGZ2.js";
+} from "./YS46MLTR.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useEvent
 } from "./J7Q2EO23.js";

package/esm/__chunks/{YI522MHJ.js → IADMQBOS.js}

@@ -1,9 +1,9 @@
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   useStore
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/menu/menu-bar-store.ts
 import * as Core from "@ariakit/core/menu/menu-bar-store";

package/esm/__chunks/{54J7EHCU.js → IQXVWBXC.js}

@@ -1,6 +1,6 @@
 import {
   useCommand
-} from "./XBIFFFUN.js";
+} from "./CAIAWNDV.js";
 import {
   useCollectionItem
 } from "./XIA3HAXM.js";
@@ -21,7 +21,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{DJUMA466.js → IZFXPXHG.js}

@@ -1,9 +1,9 @@
 import {
   useDisclosureStoreProps
-} from "./BWOZSOC7.js";
+} from "./OD3JT64N.js";
 import {
   useStore
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/dialog/dialog-store.ts
 import * as Core from "@ariakit/core/dialog/dialog-store";

package/esm/__chunks/{G4QRTAYK.js → J2AZPLFF.js}

@@ -6,7 +6,7 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./XBIFFFUN.js";
+} from "./CAIAWNDV.js";
 import {
   createComponent,
   createElement,
@@ -14,7 +14,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useEvent,
   useMergeRefs,

package/esm/__chunks/{26JVBZKI.js → JRZOTPWS.js}

@@ -10,7 +10,7 @@ import {
 } from "./XCH4OEEE.js";
 import {
   useCompositeItem
-} from "./54J7EHCU.js";
+} from "./IQXVWBXC.js";
 import {
   createElement,
   createHook,
@@ -18,7 +18,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useBooleanEvent,
   useEvent

package/esm/__chunks/{3D7ZB3CS.js → KK6NPMOP.js}

@@ -9,6 +9,9 @@ import {
   createElement,
   createHook
 } from "./CFEUKV6C.js";
+import {
+  useStoreState
+} from "./WHAB4XD6.js";
 import {
   useId,
   useMergeRefs,
@@ -121,12 +124,26 @@ var useDisclosureContent = createHook(
     return props;
   }
 );
-var DisclosureContent = createComponent(
+var DisclosureContentImpl = createComponent(
   (props) => {
     const htmlProps = useDisclosureContent(props);
     return createElement("div", htmlProps);
   }
 );
+var DisclosureContent = createComponent(
+  (_a) => {
+    var _b = _a, { unmountOnHide } = _b, props = __objRest(_b, ["unmountOnHide"]);
+    const context = useDisclosureProviderContext();
+    const store = props.store || context;
+    const mounted = useStoreState(
+      store,
+      (state) => !unmountOnHide || (state == null ? void 0 : state.mounted)
+    );
+    if (mounted === false)
+      return null;
+    return /* @__PURE__ */ jsx(DisclosureContentImpl, __spreadValues({}, props));
+  }
+);
 if (process.env.NODE_ENV !== "production") {
   DisclosureContent.displayName = "DisclosureContent";
 }

package/esm/__chunks/{TWMREEKC.js → LBTB6WEV.js}

@@ -1,6 +1,6 @@
 import {
   useCompositeItem
-} from "./54J7EHCU.js";
+} from "./IQXVWBXC.js";
 import {
   useToolbarContext
 } from "./IPFII6JW.js";

package/esm/__chunks/{727IWAR7.js → LFLKMTFW.js}

@@ -1,10 +1,10 @@
 import {
   useHovercardStoreProps
-} from "./JE342XIS.js";
+} from "./6W46XYWY.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{R6PKH666.js → LRDCOOWL.js}

@@ -1,6 +1,6 @@
 import {
   useButton
-} from "./D2BRO4YW.js";
+} from "./TONP6TZ5.js";
 import {
   useDisclosureProviderContext
 } from "./56KWVYDN.js";

package/esm/__chunks/{IAA7Y45N.js → NXB7YL3C.js}

@@ -6,10 +6,10 @@ import {
 } from "./PGK6S5NC.js";
 import {
   useDisclosureContent
-} from "./3D7ZB3CS.js";
+} from "./KK6NPMOP.js";
 import {
   useDisclosureStore
-} from "./BWOZSOC7.js";
+} from "./OD3JT64N.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect

package/esm/__chunks/{KIYX5CLX.js → OAQFZVKH.js}

@@ -1,10 +1,10 @@
 import {
   useCompositeStoreProps
-} from "./EZ23JQKA.js";
+} from "./WRZGD4DH.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{BWOZSOC7.js → OD3JT64N.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{5QIDAYL3.js → OQUFN5QO.js}

@@ -1,6 +1,6 @@
 import {
   usePopoverDismiss
-} from "./T5VBGHBO.js";
+} from "./WNHMGHG5.js";
 import {
   useHovercardScopedContext
 } from "./5DA3HK6G.js";

package/esm/__chunks/{DO6GQUCF.js → QTZ67ALK.js}

@@ -1,10 +1,10 @@
 import {
   useDialogStoreProps
-} from "./DJUMA466.js";
+} from "./IZFXPXHG.js";
 import {
   useStore,
   useStoreProps
-} from "./4LP74VAP.js";
+} from "./WHAB4XD6.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{D2BRO4YW.js → TONP6TZ5.js}

@@ -1,6 +1,6 @@
 import {
   useCommand
-} from "./XBIFFFUN.js";
+} from "./CAIAWNDV.js";
 import {
   createComponent,
   createElement,