@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/__chunks/JFOUIQSF.cjs

@@ -0,0 +1,193 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
+
+
+var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+
+
+
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/disclosure/disclosure-content.tsx
+var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+var _reactdom = require('react-dom');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+function afterTimeout(timeoutMs, cb) {
+  const timeoutId = setTimeout(cb, timeoutMs);
+  return () => clearTimeout(timeoutId);
+}
+function afterPaint(cb) {
+  let raf = requestAnimationFrame(() => {
+    raf = requestAnimationFrame(cb);
+  });
+  return () => cancelAnimationFrame(raf);
+}
+function parseCSSTime(...times) {
+  return times.join(", ").split(", ").reduce((longestTime, currentTimeString) => {
+    const multiplier = currentTimeString.endsWith("ms") ? 1 : 1e3;
+    const currentTime = parseFloat(currentTimeString || "0s") * multiplier;
+    if (currentTime > longestTime)
+      return currentTime;
+    return longestTime;
+  }, 0);
+}
+function isHidden(mounted, hidden, alwaysVisible) {
+  return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
+}
+var useDisclosureContent = _Q67LZMDTcjs.createHook.call(void 0, function useDisclosureContent2(_a) {
+  var _b = _a, { store, alwaysVisible } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
+  const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
+  );
+  const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+  const [transition, setTransition] = _react.useState.call(void 0, null);
+  const open = store.useState("open");
+  const mounted = store.useState("mounted");
+  const animated = store.useState("animated");
+  const contentElement = store.useState("contentElement");
+  const otherElement = _OLOZ5JT2cjs.useStoreState.call(void 0, store.disclosure, "contentElement");
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    let previousAnimated;
+    store == null ? void 0 : store.setState("animated", (animated2) => {
+      previousAnimated = animated2;
+      return true;
+    });
+    return () => {
+      if (previousAnimated === void 0)
+        return;
+      store == null ? void 0 : store.setState("animated", previousAnimated);
+    };
+  }, [store]);
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!animated)
+      return;
+    if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
+      setTransition(null);
+      return;
+    }
+    return afterPaint(() => {
+      setTransition(open ? "enter" : mounted ? "leave" : null);
+    });
+  }, [animated, contentElement, open, mounted]);
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!store)
+      return;
+    if (!animated)
+      return;
+    const stopAnimation = () => store == null ? void 0 : store.setState("animating", false);
+    const stopAnimationSync = () => _reactdom.flushSync.call(void 0, stopAnimation);
+    if (!transition || !contentElement) {
+      stopAnimation();
+      return;
+    }
+    if (transition === "leave" && open)
+      return;
+    if (transition === "enter" && !open)
+      return;
+    if (typeof animated === "number") {
+      const timeout2 = animated;
+      return afterTimeout(timeout2, stopAnimationSync);
+    }
+    const {
+      transitionDuration,
+      animationDuration,
+      transitionDelay,
+      animationDelay
+    } = getComputedStyle(contentElement);
+    const {
+      transitionDuration: transitionDuration2 = "0",
+      animationDuration: animationDuration2 = "0",
+      transitionDelay: transitionDelay2 = "0",
+      animationDelay: animationDelay2 = "0"
+    } = otherElement ? getComputedStyle(otherElement) : {};
+    const delay = parseCSSTime(
+      transitionDelay,
+      animationDelay,
+      transitionDelay2,
+      animationDelay2
+    );
+    const duration = parseCSSTime(
+      transitionDuration,
+      animationDuration,
+      transitionDuration2,
+      animationDuration2
+    );
+    const timeout = delay + duration;
+    if (!timeout) {
+      if (transition === "enter") {
+        store.setState("animated", false);
+      }
+      stopAnimation();
+      return;
+    }
+    const frameRate = 1e3 / 60;
+    const maxTimeout = Math.max(timeout - frameRate, 0);
+    return afterTimeout(maxTimeout, stopAnimationSync);
+  }, [store, animated, contentElement, otherElement, open, transition]);
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OLPMMKKOcjs.DialogScopedContextProvider, { value: store, children: element }),
+    [store]
+  );
+  const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+  const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    id,
+    "data-open": open || void 0,
+    "data-enter": transition === "enter" || void 0,
+    "data-leave": transition === "leave" || void 0,
+    hidden
+  }, props), {
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
+    style
+  });
+  return _misc.removeUndefinedValues.call(void 0, props);
+});
+var DisclosureContentImpl = _Q67LZMDTcjs.forwardRef.call(void 0, function DisclosureContentImpl2(props) {
+  const htmlProps = useDisclosureContent(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+var DisclosureContent = _Q67LZMDTcjs.forwardRef.call(void 0, function DisclosureContent2(_a) {
+  var _b = _a, {
+    unmountOnHide
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    "unmountOnHide"
+  ]);
+  const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
+  const store = props.store || context;
+  const mounted = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+    store,
+    (state) => !unmountOnHide || (state == null ? void 0 : state.mounted)
+  );
+  if (mounted === false)
+    return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DisclosureContentImpl, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props));
+});
+
+
+
+
+
+exports.isHidden = isHidden; exports.useDisclosureContent = useDisclosureContent; exports.DisclosureContent = DisclosureContent;

package/cjs/__chunks/{LFHNPG2L.cjs → JH5Y3M4V.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('./5UTRYT6E.cjs');
+var _MMDU7VRJcjs = require('./MMDU7VRJ.cjs');
 
 
-var _S6UU7NA4cjs = require('./S6UU7NA4.cjs');
+var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -25,11 +25,12 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/disclosure/disclosure.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
+var TagName = "button";
 var symbol = Symbol("disclosure");
-var useDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useDisclosure = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useDisclosure2(_a) {
     var _b = _a, { store, toggleOnClick = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "toggleOnClick"]);
-    const context = _S6UU7NA4cjs.useDisclosureProviderContext.call(void 0, );
+    const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -69,17 +70,14 @@ var useDisclosure = _RNZNGEL4cjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _MMDU7VRJcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var Disclosure = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Disclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function Disclosure2(props) {
   const htmlProps = useDisclosure(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Disclosure.displayName = "Disclosure";
-}
 
 
 

package/cjs/__chunks/JOJAOQVQ.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _PVRCH7FUcjs = require('./PVRCH7FU.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+// src/popover/popover-heading.ts
+var TagName = "h1";
+var usePopoverHeading = _Q67LZMDTcjs.createHook.call(void 0, 
+  function usePopoverHeading2(props) {
+    props = _PVRCH7FUcjs.useDialogHeading.call(void 0, props);
+    return props;
+  }
+);
+var PopoverHeading = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverHeading2(props) {
+  const htmlProps = usePopoverHeading(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.usePopoverHeading = usePopoverHeading; exports.PopoverHeading = PopoverHeading;

package/cjs/__chunks/{QCG6J6X5.cjs → K5V42RR6.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LFHNPG2Lcjs = require('./LFHNPG2L.cjs');
+var _JH5Y3M4Vcjs = require('./JH5Y3M4V.cjs');
 
 
-var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
+var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -18,10 +18,11 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/dialog/dialog-disclosure.ts
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
-var useDialogDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "button";
+var useDialogDisclosure = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useDialogDisclosure2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _F2A2ZQDBcjs.useDialogProviderContext.call(void 0, );
+    const context = _OLPMMKKOcjs.useDialogProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -31,19 +32,14 @@ var useDialogDisclosure = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
     }, props);
-    props = _LFHNPG2Lcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _JH5Y3M4Vcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var DialogDisclosure = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useDialogDisclosure(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  DialogDisclosure.displayName = "DialogDisclosure";
-}
+var DialogDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function DialogDisclosure2(props) {
+  const htmlProps = useDialogDisclosure(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

package/cjs/__chunks/{AZV52Y77.cjs → LTCHZ5L3.cjs}

@@ -4,12 +4,12 @@
 var _AH3CUB6Ncjs = require('./AH3CUB6N.cjs');
 
 
-var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -25,6 +25,7 @@ var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
 var defaultSize = 30;
 var halfDefaultSize = defaultSize / 2;
 var rotateMap = {
@@ -45,10 +46,10 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
-var usePopoverArrow = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var usePopoverArrow = _Q67LZMDTcjs.createHook.call(void 0, 
+  function usePopoverArrow2(_a) {
     var _b = _a, { store, size = defaultSize } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "size"]);
-    const context = _UVBBMANLcjs.usePopoverContext.call(void 0, );
+    const context = _FNVFJ5AFcjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -87,16 +88,13 @@ var usePopoverArrow = _RNZNGEL4cjs.createHook.call(void 0,
         strokeWidth
       }, props.style)
     });
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var PopoverArrow = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var PopoverArrow = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverArrow2(props) {
   const htmlProps = usePopoverArrow(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  PopoverArrow.displayName = "PopoverArrow";
-}
 
 
 

package/cjs/__chunks/{7ZVTEFD7.cjs → LTD4F7TZ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('./5UTRYT6E.cjs');
+var _MMDU7VRJcjs = require('./MMDU7VRJ.cjs');
 
 
-var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
+var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -22,10 +22,11 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/dialog/dialog-dismiss.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useDialogDismiss = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "button";
+var useDialogDismiss = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useDialogDismiss2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _F2A2ZQDBcjs.useDialogScopedContext.call(void 0, );
+    const context = _OLPMMKKOcjs.useDialogScopedContext.call(void 0, );
     store = store || context;
     const onClickProp = props.onClick;
     const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
@@ -62,17 +63,14 @@ var useDialogDismiss = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _MMDU7VRJcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var DialogDismiss = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var DialogDismiss = _Q67LZMDTcjs.forwardRef.call(void 0, function DialogDismiss2(props) {
   const htmlProps = useDialogDismiss(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  DialogDismiss.displayName = "DialogDismiss";
-}
 
 
 

package/cjs/__chunks/M327EENO.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _JOJAOQVQcjs = require('./JOJAOQVQ.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+// src/hovercard/hovercard-heading.ts
+var TagName = "h1";
+var useHovercardHeading = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useHovercardHeading2(props) {
+    props = _JOJAOQVQcjs.usePopoverHeading.call(void 0, props);
+    return props;
+  }
+);
+var HovercardHeading = _Q67LZMDTcjs.forwardRef.call(void 0, function HovercardHeading2(props) {
+  const htmlProps = useHovercardHeading(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useHovercardHeading = useHovercardHeading; exports.HovercardHeading = HovercardHeading;

package/cjs/__chunks/{3W6FH6JK.cjs → M5PQIWTW.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/hovercard/hovercard-context.tsx
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
-  [_UVBBMANLcjs.PopoverContextProvider],
-  [_UVBBMANLcjs.PopoverScopedContextProvider]
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, 
+  [_FNVFJ5AFcjs.PopoverContextProvider],
+  [_FNVFJ5AFcjs.PopoverScopedContextProvider]
 );
 var useHovercardContext = ctx.useContext;
 var useHovercardScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{NNINKJTT.cjs → MLHQHZEA.cjs}

@@ -1,21 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NGEKJJDHcjs = require('./NGEKJJDH.cjs');
+var _HD6KOF3Gcjs = require('./HD6KOF3G.cjs');
 
 
-var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
+var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
 
 
-var _IPYAEPOTcjs = require('./IPYAEPOT.cjs');
+var _JAG4YGQZcjs = require('./JAG4YGQZ.cjs');
 
 
-var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
+var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
@@ -34,6 +35,7 @@ var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
+var TagName = "div";
 function menuHasFocus(baseElement, items, currentTarget) {
   var _a;
   if (!baseElement)
@@ -57,8 +59,8 @@ function menuHasFocus(baseElement, items, currentTarget) {
     return true;
   return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
 }
-var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuItem2(_a) {
     var _b = _a, {
       store,
       hideOnClick = true,
@@ -72,8 +74,8 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const menuContext = _NGEKJJDHcjs.useMenuScopedContext.call(void 0, true);
-    const menubarContext = _7LBZXSLYcjs.useMenubarScopedContext.call(void 0, );
+    const menuContext = _HD6KOF3Gcjs.useMenuScopedContext.call(void 0, true);
+    const menubarContext = _GAHLF3OIcjs.useMenubarScopedContext.call(void 0, );
     store = store || menuContext || menubarContext;
     _misc.invariant.call(void 0, 
       store,
@@ -110,8 +112,11 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
-    props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+      store,
+      preventScrollOnKeyDown
+    }, props));
+    props = _JAG4YGQZcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       focusOnHover(event) {
@@ -150,13 +155,12 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var MenuItem = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
-  const htmlProps = useMenuItem(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  MenuItem.displayName = "MenuItem";
-}
+var MenuItem = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function MenuItem2(props) {
+    const htmlProps = useMenuItem(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
 
 
 

package/cjs/__chunks/MMDU7VRJ.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _ZMTZTMRScjs = require('./ZMTZTMRS.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/button/button.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var TagName = "button";
+var useButton = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useButton2(props) {
+    const ref = _react.useRef.call(void 0, null);
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, TagName);
+    const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
+      () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
+    );
+    _react.useEffect.call(void 0, () => {
+      if (!ref.current)
+        return;
+      setIsNativeButton(_dom.isButton.call(void 0, ref.current));
+    }, []);
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+      role: !isNativeButton && tagName !== "a" ? "button" : void 0
+    }, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
+    });
+    props = _ZMTZTMRScjs.useCommand.call(void 0, props);
+    return props;
+  }
+);
+var Button = _Q67LZMDTcjs.forwardRef.call(void 0, function Button2(props) {
+  const htmlProps = useButton(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useButton = useButton; exports.Button = Button;