@ariakit/react-components 0.1.1 → 0.1.2

package/dist/hovercard/hovercard-disclosure.js

@@ -3,7 +3,7 @@ import { useDialogDisclosure } from "../dialog/dialog-disclosure.js";
 import { useVisuallyHidden } from "../visually-hidden/visually-hidden.js";
 import { useHovercardProviderContext } from "./hovercard-context.js";
 import { createElement, createHook, forwardRef, useEvent, useMergeRefs } from "@ariakit/react-utils";
-import { addGlobalEventListener, contains, invariant } from "@ariakit/utils";
+import { addGlobalEventListener, contains, invariant, isElement, isNode } from "@ariakit/utils";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { sync } from "@ariakit/store";
@@ -24,19 +24,19 @@ const TagName = "button";
 const useHovercardDisclosure = createHook(function useHovercardDisclosure({ store, ...props }) {
 	const context = useHovercardProviderContext();
 	store = store || context;
-	invariant(store, "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component.");
 	const [visible, setVisible] = useState(false);
 	useEffect(() => {
 		if (!visible) return;
 		const onBlur = (event) => {
 			if (!store) return;
 			const nextActiveElement = event.relatedTarget;
-			if (nextActiveElement) {
+			if (isNode(nextActiveElement)) {
 				const { anchorElement: anchor, popoverElement: popover, disclosureElement: disclosure } = store.getState();
 				if (anchor && contains(anchor, nextActiveElement)) return;
 				if (popover && contains(popover, nextActiveElement)) return;
 				if (disclosure && contains(disclosure, nextActiveElement)) return;
-				if (nextActiveElement.hasAttribute("data-focus-trap")) return;
+				if (isElement(nextActiveElement) && nextActiveElement.hasAttribute("data-focus-trap")) return;
 			}
 			setVisible(false);
 		};

package/dist/hovercard/hovercard-disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard-disclosure.js","names":[],"sources":["../../src/hovercard/hovercard-disclosure.tsx"],"sourcesContent":["import {\n  useEvent,\n  useMergeRefs,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport { contains, addGlobalEventListener, invariant } from \"@ariakit/utils\";\nimport type {\n  ElementType,\n  MouseEvent,\n  FocusEvent as ReactFocusEvent,\n} from \"react\";\nimport { useEffect, useState } from \"react\";\nimport type { DialogDisclosureOptions } from \"../dialog/dialog-disclosure.tsx\";\nimport { useDialogDisclosure } from \"../dialog/dialog-disclosure.tsx\";\nimport { useVisuallyHidden } from \"../visually-hidden/visually-hidden.tsx\";\nimport { useHovercardProviderContext } from \"./hovercard-context.tsx\";\nimport type { HovercardStore } from \"./hovercard-store.ts\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `HovercardDisclosure` component.\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx\n * const store = useHovercardStore();\n * const props = useHovercardDisclosure({ store });\n * <HovercardAnchor store={store}>@username</HovercardAnchor>\n * <Role {...props} />\n * <Hovercard store={store}>Details</Hovercard>\n * ```\n */\nexport const useHovercardDisclosure = createHook<\n  TagName,\n  HovercardDisclosureOptions\n>(function useHovercardDisclosure({ store, ...props }) {\n  const context = useHovercardProviderContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component.\",\n  );\n\n  const [visible, setVisible] = useState(false);\n\n  // Listens to blur events on the whole document and hides the hovercard\n  // disclosure if either the hovercard, the anchor or the disclosure button\n  // itself loses focus.\n  useEffect(() => {\n    if (!visible) return;\n    const onBlur = (event: FocusEvent) => {\n      if (!store) return;\n      const nextActiveElement = event.relatedTarget as Element | null;\n      if (nextActiveElement) {\n        const {\n          anchorElement: anchor,\n          popoverElement: popover,\n          disclosureElement: disclosure,\n        } = store.getState();\n        if (anchor && contains(anchor, nextActiveElement)) return;\n        if (popover && contains(popover, nextActiveElement)) return;\n        if (disclosure && contains(disclosure, nextActiveElement)) return;\n        // When the portal prop is set to true on the Hovercard component,\n        // it's going to render focus trap elements outside of the portal.\n        // These elements may transfer focus to the disclosure button, so we\n        // also ignore them here.\n        if (nextActiveElement.hasAttribute(\"data-focus-trap\")) return;\n      }\n      setVisible(false);\n    };\n    return addGlobalEventListener(\"focusout\", onBlur, true);\n  }, [visible, store]);\n\n  // Shows the hovercard disclosure when the anchor receives keyboard focus.\n  useEffect(() => {\n    return sync(store, [\"anchorElement\"], (state) => {\n      const anchor = state.anchorElement;\n      if (!anchor) return;\n      const observer = new MutationObserver(() => {\n        if (!anchor.hasAttribute(\"data-focus-visible\")) return;\n        setVisible(true);\n      });\n      observer.observe(anchor, { attributeFilter: [\"data-focus-visible\"] });\n      return () => observer.disconnect();\n    });\n  }, [store]);\n\n  const onClickProp = props.onClick;\n\n  // By default, hovercards don't receive focus when they are shown. When the\n  // disclosure element is clicked, though, we want it to behave like a\n  // popover, so we set the autoFocusOnShow prop to true.\n  const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n    onClickProp?.(event);\n    if (event.defaultPrevented) return;\n    store?.setAutoFocusOnShow(true);\n  });\n\n  const onFocusProp = props.onFocus;\n\n  // Since the disclosure button is only visually hidden, it may receive focus\n  // when the user tabs to it. So we make sure it's visible when that happens.\n  const onFocus = useEvent((event: ReactFocusEvent<HTMLType>) => {\n    onFocusProp?.(event);\n    if (event.defaultPrevented) return;\n    setVisible(true);\n  });\n\n  const { style } = useVisuallyHidden();\n\n  if (!visible) {\n    props = {\n      ...props,\n      style: {\n        ...style,\n        ...props.style,\n      },\n    };\n  }\n\n  const children = (\n    <svg\n      display=\"block\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      viewBox=\"0 0 16 16\"\n      height=\"1em\"\n      width=\"1em\"\n    >\n      <polyline points=\"4,6 8,10 12,6\" />\n    </svg>\n  );\n\n  props = {\n    children,\n    ...props,\n    ref: useMergeRefs(store.setDisclosureElement, props.ref),\n    onClick,\n    onFocus,\n  };\n\n  props = useDialogDisclosure({ store, ...props });\n\n  return props;\n});\n\n/**\n * Renders a hidden disclosure button that will be visible when the\n * [`HovercardAnchor`](https://ariakit.com/reference/hovercard-anchor) receives\n * keyboard focus. The user can then navigate to the button to open the\n * hovercard when using the keyboard.\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx {3}\n * <HovercardProvider>\n *   <HovercardAnchor>@username</HovercardAnchor>\n *   <HovercardDisclosure />\n *   <Hovercard>Details</Hovercard>\n * </HovercardProvider>\n * ```\n */\nexport const HovercardDisclosure = forwardRef(function HovercardDisclosure(\n  props: HovercardDisclosureProps,\n) {\n  const htmlProps = useHovercardDisclosure(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface HovercardDisclosureOptions<\n  T extends ElementType = TagName,\n> extends DialogDisclosureOptions<T> {\n  /**\n   * Object returned by the\n   * [`useHovercardStore`](https://ariakit.com/reference/use-hovercard-store)\n   * hook. If not provided, the closest\n   * [`HovercardProvider`](https://ariakit.com/reference/hovercard-provider)\n   * component's context will be used.\n   */\n  store?: HovercardStore;\n}\n\nexport type HovercardDisclosureProps<T extends ElementType = TagName> = Props<\n  T,\n  HovercardDisclosureOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MA0CE,yBAAgB,WAAA,SAA4B,uBAAA,EAAA,OAAA,GAAA,SAAA;CAC5C,MAAA,UAAQ,4BAAS;CAEjB,QAAA,SAGI;CAGJ,UAAO,OAAS,iGAA4B;CAK5C,MAAA,CAAA,SAAgB,cAAA,SAAA,KAAA;iBACA;EACd,IAAA,CAAA,SAAM;QACC,UAAO,UAAA;GACZ,IAAA,CAAA,OAAM;GACN,MAAI,oBAAmB,MAAA;OACrB,mBACE;IAIF,MAAI,EAAA,eAAmB,QAAQ,gBAAA,SAAoB,mBAAA,eAAA,MAAA,SAAA;IACnD,IAAI,UAAA,SAAW,QAAS,iBAAS,GAAiB;IAClD,IAAI,WAAA,SAAc,SAAS,iBAAY,GAAA;IAKvC,IAAI,cAAA,SAAkB,YAAa,iBAAoB,GAAA;IACzD,IAAA,kBAAA,aAAA,iBAAA,GAAA;GACA;GACF,WAAA,KAAA;EACA;EACF,OAAI,uBAAe,YAAA,QAAA,IAAA;CAGnB,GAAA,CAAA,SAAA,KAAgB,CAAA;iBACF;SACJ,KAAA,OAAS,CAAA,eAAM,IAAA,UAAA;GACrB,MAAK,SAAQ,MAAA;GACb,IAAA,CAAA,QAAM;SACC,WAAO,IAAA,uBAAa;IACzB,IAAA,CAAA,OAAW,aAAI,oBAAA,GAAA;IAChB,WAAA,IAAA;GACD,CAAA;GACA,SAAA,QAAa,QAAS,EAAA,iBAAW,CAAA,oBAAA,EAAA,CAAA;GAClC,aAAA,SAAA,WAAA;EACH,CAAA;CAEA,GAAA,CAAA,KAAM,CAAA;CAKN,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAO,kBAAmB;EAC3B,OAAA,mBAAA,IAAA;CAED,CAAA;CAIA,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAA,kBAAe;EAChB,WAAA,IAAA;CAED,CAAA;CAEA,MAAK,EAAA,UACH,kBAAQ;KACH,CAAA,SAAA,QAAA;EACH,GAAA;SACK;GACH,GAAG;GACL,GAAA,MAAA;EACF;CAmBF;SACE;YAfU,oBAAA,OAAA;GACR,SAAK;GACL,MAAA;GACA,QAAA;GACA,eAAA;GACA,gBAAa;GACb,aAAQ;GACR,SAAO;GACP,QAAM;;GAOD,UAAA,oBAAA,YAAA,EAAA,QAAA,gBAAA,CAAA;EACP,CAAA;EACA,GAAA;EACA,KAAA,aAAA,MAAA,sBAAA,MAAA,GAAA;EACA;EACF;CAEA;SAA8B,oBAAA;EAAO;EAAU,GAAA;CAE/C,CAAA;CACD,OAAA;;;;;;;;;;;;;;;;;MAqBC,sBAAqB,WADH,SAAA,oBACqB,OAAA;CACxC,OAAA,cAAA,SAAA,uBAAA,KAAA,CAAA"}
+{"version":3,"file":"hovercard-disclosure.js","names":[],"sources":["../../src/hovercard/hovercard-disclosure.tsx"],"sourcesContent":["import {\n  useEvent,\n  useMergeRefs,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport {\n  contains,\n  addGlobalEventListener,\n  invariant,\n  isElement,\n  isNode,\n} from \"@ariakit/utils\";\nimport type {\n  ElementType,\n  MouseEvent,\n  FocusEvent as ReactFocusEvent,\n} from \"react\";\nimport { useEffect, useState } from \"react\";\nimport type { DialogDisclosureOptions } from \"../dialog/dialog-disclosure.tsx\";\nimport { useDialogDisclosure } from \"../dialog/dialog-disclosure.tsx\";\nimport { useVisuallyHidden } from \"../visually-hidden/visually-hidden.tsx\";\nimport { useHovercardProviderContext } from \"./hovercard-context.tsx\";\nimport type { HovercardStore } from \"./hovercard-store.ts\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `HovercardDisclosure` component.\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx\n * const store = useHovercardStore();\n * const props = useHovercardDisclosure({ store });\n * <HovercardAnchor store={store}>@username</HovercardAnchor>\n * <Role {...props} />\n * <Hovercard store={store}>Details</Hovercard>\n * ```\n */\nexport const useHovercardDisclosure = createHook<\n  TagName,\n  HovercardDisclosureOptions\n>(function useHovercardDisclosure({ store, ...props }) {\n  const context = useHovercardProviderContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component.\",\n  );\n\n  const [visible, setVisible] = useState(false);\n\n  // Listens to blur events on the whole document and hides the hovercard\n  // disclosure if either the hovercard, the anchor or the disclosure button\n  // itself loses focus.\n  useEffect(() => {\n    if (!visible) return;\n    const onBlur = (event: FocusEvent) => {\n      if (!store) return;\n      const nextActiveElement = event.relatedTarget;\n      // `isNode` rather than `isElement` so non-element nodes keep working with\n      // `contains` (as before); a non-node relatedTarget (e.g. window) would\n      // make `contains` throw, so it falls through to hiding the disclosure.\n      if (isNode(nextActiveElement)) {\n        const {\n          anchorElement: anchor,\n          popoverElement: popover,\n          disclosureElement: disclosure,\n        } = store.getState();\n        if (anchor && contains(anchor, nextActiveElement)) return;\n        if (popover && contains(popover, nextActiveElement)) return;\n        if (disclosure && contains(disclosure, nextActiveElement)) return;\n        // When the portal prop is set to true on the Hovercard component,\n        // it's going to render focus trap elements outside of the portal.\n        // These elements may transfer focus to the disclosure button, so we\n        // also ignore them here.\n        if (\n          isElement(nextActiveElement) &&\n          nextActiveElement.hasAttribute(\"data-focus-trap\")\n        ) {\n          return;\n        }\n      }\n      setVisible(false);\n    };\n    return addGlobalEventListener(\"focusout\", onBlur, true);\n  }, [visible, store]);\n\n  // Shows the hovercard disclosure when the anchor receives keyboard focus.\n  useEffect(() => {\n    return sync(store, [\"anchorElement\"], (state) => {\n      const anchor = state.anchorElement;\n      if (!anchor) return;\n      const observer = new MutationObserver(() => {\n        if (!anchor.hasAttribute(\"data-focus-visible\")) return;\n        setVisible(true);\n      });\n      observer.observe(anchor, { attributeFilter: [\"data-focus-visible\"] });\n      return () => observer.disconnect();\n    });\n  }, [store]);\n\n  const onClickProp = props.onClick;\n\n  // By default, hovercards don't receive focus when they are shown. When the\n  // disclosure element is clicked, though, we want it to behave like a\n  // popover, so we set the autoFocusOnShow prop to true.\n  const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n    onClickProp?.(event);\n    if (event.defaultPrevented) return;\n    store?.setAutoFocusOnShow(true);\n  });\n\n  const onFocusProp = props.onFocus;\n\n  // Since the disclosure button is only visually hidden, it may receive focus\n  // when the user tabs to it. So we make sure it's visible when that happens.\n  const onFocus = useEvent((event: ReactFocusEvent<HTMLType>) => {\n    onFocusProp?.(event);\n    if (event.defaultPrevented) return;\n    setVisible(true);\n  });\n\n  const { style } = useVisuallyHidden();\n\n  if (!visible) {\n    props = {\n      ...props,\n      style: {\n        ...style,\n        ...props.style,\n      },\n    };\n  }\n\n  const children = (\n    <svg\n      display=\"block\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      viewBox=\"0 0 16 16\"\n      height=\"1em\"\n      width=\"1em\"\n    >\n      <polyline points=\"4,6 8,10 12,6\" />\n    </svg>\n  );\n\n  props = {\n    children,\n    ...props,\n    ref: useMergeRefs(store.setDisclosureElement, props.ref),\n    onClick,\n    onFocus,\n  };\n\n  props = useDialogDisclosure({ store, ...props });\n\n  return props;\n});\n\n/**\n * Renders a hidden disclosure button that will be visible when the\n * [`HovercardAnchor`](https://ariakit.com/reference/hovercard-anchor) receives\n * keyboard focus. The user can then navigate to the button to open the\n * hovercard when using the keyboard.\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx {3}\n * <HovercardProvider>\n *   <HovercardAnchor>@username</HovercardAnchor>\n *   <HovercardDisclosure />\n *   <Hovercard>Details</Hovercard>\n * </HovercardProvider>\n * ```\n */\nexport const HovercardDisclosure = forwardRef(function HovercardDisclosure(\n  props: HovercardDisclosureProps,\n) {\n  const htmlProps = useHovercardDisclosure(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface HovercardDisclosureOptions<\n  T extends ElementType = TagName,\n> extends DialogDisclosureOptions<T> {\n  /**\n   * Object returned by the\n   * [`useHovercardStore`](https://ariakit.com/reference/use-hovercard-store)\n   * hook. If not provided, the closest\n   * [`HovercardProvider`](https://ariakit.com/reference/hovercard-provider)\n   * component's context will be used.\n   */\n  store?: HovercardStore;\n}\n\nexport type HovercardDisclosureProps<T extends ElementType = TagName> = Props<\n  T,\n  HovercardDisclosureOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAgDE,yBAAgB,WAAA,SAA4B,uBAAA,EAAA,OAAA,GAAA,SAAA;CAC5C,MAAA,UAAQ,4BAAS;CAEjB,QAAA,SAEE;CAIF,UAAO,OAAS,QAAA,IAAA,aAAuB,gBAAK,iGAAA;CAK5C,MAAA,CAAA,SAAgB,cAAA,SAAA,KAAA;iBACA;EACd,IAAA,CAAA,SAAM;QACC,UAAO,UAAA;GACZ,IAAA,CAAA,OAAM;GAIN,MAAI,oBAAO,MAAoB;OAC7B,OACE,iBAAe,GAAA;IAIjB,MAAI,EAAA,eAAmB,QAAQ,gBAAA,SAAoB,mBAAA,eAAA,MAAA,SAAA;IACnD,IAAI,UAAA,SAAW,QAAS,iBAAS,GAAiB;IAClD,IAAI,WAAA,SAAc,SAAS,iBAAY,GAAA;IAKvC,IACE,cAAU,SAAA,YACV,iBAAkB,GAAA;IAItB,IAAA,UAAA,iBAAA,KAAA,kBAAA,aAAA,iBAAA,GAAA;GACA;GACF,WAAA,KAAA;EACA;EACF,OAAI,uBAAe,YAAA,QAAA,IAAA;CAGnB,GAAA,CAAA,SAAA,KAAgB,CAAA;iBACF;SACJ,KAAA,OAAS,CAAA,eAAM,IAAA,UAAA;GACrB,MAAK,SAAQ,MAAA;GACb,IAAA,CAAA,QAAM;SACC,WAAO,IAAA,uBAAa;IACzB,IAAA,CAAA,OAAW,aAAI,oBAAA,GAAA;IAChB,WAAA,IAAA;GACD,CAAA;GACA,SAAA,QAAa,QAAS,EAAA,iBAAW,CAAA,oBAAA,EAAA,CAAA;GAClC,aAAA,SAAA,WAAA;EACH,CAAA;CAEA,GAAA,CAAA,KAAM,CAAA;CAKN,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAO,kBAAmB;EAC3B,OAAA,mBAAA,IAAA;CAED,CAAA;CAIA,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAA,kBAAe;EAChB,WAAA,IAAA;CAED,CAAA;CAEA,MAAK,EAAA,UACH,kBAAQ;KACH,CAAA,SAAA,QAAA;EACH,GAAA;SACK;GACH,GAAG;GACL,GAAA,MAAA;EACF;CAmBF;SACE;YAfU,oBAAA,OAAA;GACR,SAAK;GACL,MAAA;GACA,QAAA;GACA,eAAA;GACA,gBAAa;GACb,aAAQ;GACR,SAAO;GACP,QAAM;;GAOD,UAAA,oBAAA,YAAA,EAAA,QAAA,gBAAA,CAAA;EACP,CAAA;EACA,GAAA;EACA,KAAA,aAAA,MAAA,sBAAA,MAAA,GAAA;EACA;EACF;CAEA;SAA8B,oBAAA;EAAO;EAAU,GAAA;CAE/C,CAAA;CACD,OAAA;;;;;;;;;;;;;;;;;MAqBC,sBAAqB,WADH,SAAA,oBACqB,OAAA;CACxC,OAAA,cAAA,SAAA,uBAAA,KAAA,CAAA"}

package/dist/hovercard/hovercard-dismiss.d.ts

@@ -1,5 +1,5 @@
 import { t as HovercardStore } from "../hovercard-store-gIeoQEn_.js";
-import { n as PopoverDismissOptions } from "../popover-dismiss-DPeI6Zse.js";
+import { n as PopoverDismissOptions } from "../popover-dismiss-CQFvuLzJ.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -32,7 +32,7 @@ declare const useHovercardDismiss: import("@ariakit/react-utils").Hook<"button",
  * </HovercardProvider>
  * ```
  */
-declare const HovercardDismiss: (props: HovercardDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const HovercardDismiss: (props: HovercardDismissProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface HovercardDismissOptions<T extends ElementType = TagName> extends PopoverDismissOptions<T> {
   /**
    * Object returned by the

package/dist/hovercard/hovercard-dismiss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard-dismiss.d.ts","names":["Props","ElementType","PopoverDismissOptions","HovercardStore","TagName","useHovercardDismiss","HovercardDismissOptions","Hook","HovercardDismiss","HovercardDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/hovercard/hovercard-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF8B;;;;AACtC;AAAA;;;;AACQ;AAa7B;;AAf2D,cAetCC,mBAAAA,iCAAoDE,IAAAA,WAAeD,uBAAuB;;AAAA;AAc/G;;;;;;;;;AAAyJ;AACzJ;cADqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAArDZ;;;;;;;;EAS/Ca,KAAAA,GAAQX,cAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}
+{"version":3,"file":"hovercard-dismiss.d.ts","names":["Props","ElementType","PopoverDismissOptions","HovercardStore","TagName","useHovercardDismiss","HovercardDismissOptions","Hook","HovercardDismiss","HovercardDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/hovercard/hovercard-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF8B;;;;AACtC;AAAA;;;;AACQ;AAa7B;;AAf2D,cAetCC,mBAAAA,iCAAoDE,IAAAA,WAAeD,uBAAuB;;AAAA;AAc/G;;;;;;;;;AAA6J;AAC7J;cADqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAArDZ;;;;;;;;EAS/Ca,KAAAA,GAAQX,cAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}

package/dist/hovercard/hovercard-heading.d.ts

@@ -1,5 +1,5 @@
 import { t as HovercardStore } from "../hovercard-store-gIeoQEn_.js";
-import { n as PopoverHeadingOptions } from "../popover-heading-DGsr6D5W.js";
+import { n as PopoverHeadingOptions } from "../popover-heading-DC8rYnwo.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -33,7 +33,7 @@ declare const useHovercardHeading: import("@ariakit/react-utils").Hook<"h1", Hov
  * </HovercardProvider>
  * ```
  */
-declare const HovercardHeading: (props: HovercardHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const HovercardHeading: (props: HovercardHeadingProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface HovercardHeadingOptions<T extends ElementType = TagName> extends PopoverHeadingOptions<T> {
   /**
    * Object returned by the

package/dist/hovercard/hovercard-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard-heading.d.ts","names":["Props","ElementType","PopoverHeadingOptions","HovercardStore","TagName","useHovercardHeading","HovercardHeadingOptions","Hook","HovercardHeading","HovercardHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/hovercard/hovercard-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF8B;;;;AACtC;AAAA;;;;AACQ;AAa7B;;AAf2D,cAetCC,mBAAAA,iCAAoDE,IAAAA,OAAWD,uBAAuB;;AAAA;AAe3G;;;;;;;;;AAAyJ;AACzJ;;cADqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAAvCT;;;;;;;;EAS7DU,KAAAA,GAAQX,cAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}
+{"version":3,"file":"hovercard-heading.d.ts","names":["Props","ElementType","PopoverHeadingOptions","HovercardStore","TagName","useHovercardHeading","HovercardHeadingOptions","Hook","HovercardHeading","HovercardHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/hovercard/hovercard-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF8B;;;;AACtC;AAAA;;;;AACQ;AAa7B;;AAf2D,cAetCC,mBAAAA,iCAAoDE,IAAAA,OAAWD,uBAAuB;;AAAA;AAe3G;;;;;;;;;AAA6J;AAC7J;;cADqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAAvCT;;;;;;;;EAS7DU,KAAAA,GAAQX,cAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}

package/dist/hovercard/hovercard.d.ts

@@ -1,4 +1,4 @@
-import { n as PopoverOptions } from "../popover-CCqiRKqg.js";
+import { n as PopoverOptions } from "../popover-B9PxE5iP.js";
 import { t as HovercardStore } from "../hovercard-store-gIeoQEn_.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";

package/dist/hovercard/hovercard.js

@@ -16,7 +16,7 @@ function isMovingOnHovercard(target, card, anchor, nested) {
 	if (!target) return false;
 	if (contains(card, target)) return true;
 	if (anchor && contains(anchor, target)) return true;
-	if (nested?.some((card) => isMovingOnHovercard(target, card, anchor))) return true;
+	if (nested?.some((card) => hasFocusWithin(card) || contains(card, target))) return true;
 	return false;
 }
 function useAutoFocusOnHide({ store, ...props }) {
@@ -60,7 +60,7 @@ const NestedHovercardContext = createContext(null);
 const useHovercard = createHook(function useHovercard({ store, modal = false, portal = modal, hideOnEscape = true, hideOnHoverOutside = true, disablePointerEventsOnApproach = !!hideOnHoverOutside, ...props }) {
 	const context = useHovercardProviderContext();
 	store = store || context;
-	invariant(store, "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component.");
 	const ref = useRef(null);
 	const [nestedHovercards, setNestedHovercards] = useState([]);
 	const hideTimeoutRef = useRef(0);

package/dist/hovercard/hovercard.js.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard.js","names":[],"sources":["../../src/hovercard/hovercard.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  useIsMouseMoving,\n  useLiveRef,\n  useMergeRefs,\n  usePortalRef,\n  useSafeLayoutEffect,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport {\n  contains,\n  addGlobalEventListener,\n  hasFocusWithin,\n  chain,\n  invariant,\n  isFalsyBooleanCallback,\n} from \"@ariakit/utils\";\nimport type { BooleanOrCallback } from \"@ariakit/utils\";\nimport type { ElementType, FocusEvent } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDialogComponent } from \"../dialog/dialog.tsx\";\nimport type { PopoverOptions } from \"../popover/popover.tsx\";\nimport { usePopover } from \"../popover/popover.tsx\";\nimport {\n  HovercardScopedContextProvider,\n  useHovercardProviderContext,\n} from \"./hovercard-context.tsx\";\nimport type { HovercardStore } from \"./hovercard-store.ts\";\nimport type { Point } from \"./utils/polygon.ts\";\nimport {\n  getElementPolygon,\n  getEventPoint,\n  isPointInPolygon,\n} from \"./utils/polygon.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\nfunction isMovingOnHovercard(\n  target: Node | null | undefined,\n  card: HTMLElement,\n  anchor: HTMLElement | null,\n  nested?: HTMLElement[],\n) {\n  // The hovercard element has focus so we should keep it visible.\n  if (hasFocusWithin(card)) return true;\n  if (!target) return false;\n  // The mouse is moving on an element inside the hovercard.\n  if (contains(card, target)) return true;\n  // The mouse is moving on an element inside the anchor element.\n  if (anchor && contains(anchor, target)) return true;\n  // The mouse is moving on an element inside a nested hovercard.\n  if (nested?.some((card) => isMovingOnHovercard(target, card, anchor))) {\n    return true;\n  }\n  return false;\n}\n\n// When the hovercard element has focus, we should move focus back to the anchor\n// element when the hovercard gets hidden (or unmounted).\nfunction useAutoFocusOnHide({\n  store,\n  ...props\n}: HovercardProps & { store: HovercardStore }) {\n  const [autoFocusOnHide, setAutoFocusOnHide] = useState(false);\n  const mounted = useStoreState(store, \"mounted\");\n\n  // Resets autoFocusOnHide\n  useEffect(() => {\n    if (!mounted) {\n      setAutoFocusOnHide(false);\n    }\n  }, [mounted]);\n\n  const onFocusProp = props.onFocus;\n\n  const onFocus = useEvent((event: FocusEvent<HTMLType>) => {\n    onFocusProp?.(event);\n    if (event.defaultPrevented) return;\n    setAutoFocusOnHide(true);\n  });\n\n  // TODO: Maybe use state.anchorElement directly?\n  const finalFocusRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    return sync(store, [\"anchorElement\"], (state) => {\n      finalFocusRef.current = state.anchorElement;\n    });\n  }, [store]);\n\n  props = {\n    autoFocusOnHide,\n    finalFocus: finalFocusRef,\n    ...props,\n    onFocus,\n  };\n\n  return props;\n}\n\nconst NestedHovercardContext = createContext<\n  ((element: HTMLElement) => () => void) | null\n>(null);\n\n/**\n * Returns props to create a `Hovercard` component.\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx\n * const store = useHovercardStore();\n * const props = useHovercard({ store });\n * <HovercardAnchor store={store}>@username</HovercardAnchor>\n * <Role {...props}>Details</Role>\n * ```\n */\nexport const useHovercard = createHook<TagName, HovercardOptions>(\n  function useHovercard({\n    store,\n    modal = false,\n    portal = modal,\n    hideOnEscape = true,\n    hideOnHoverOutside = true,\n    disablePointerEventsOnApproach = !!hideOnHoverOutside,\n    ...props\n  }) {\n    const context = useHovercardProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component.\",\n    );\n\n    const ref = useRef<HTMLType>(null);\n    const [nestedHovercards, setNestedHovercards] = useState<HTMLElement[]>([]);\n    const hideTimeoutRef = useRef(0);\n    const enterPointRef = useRef<Point | null>(null);\n    const { portalRef, domReady } = usePortalRef(portal, props.portalRef);\n\n    const isMouseMoving = useIsMouseMoving();\n\n    const mayHideOnHoverOutside = !!hideOnHoverOutside;\n    const hideOnHoverOutsideProp = useBooleanEvent(hideOnHoverOutside);\n    const mayDisablePointerEvents = !!disablePointerEventsOnApproach;\n    const disablePointerEventsProp = useBooleanEvent(\n      disablePointerEventsOnApproach,\n    );\n\n    const open = useStoreState(store, \"open\");\n    const mounted = useStoreState(store, \"mounted\");\n\n    // Checks whether the mouse is moving toward the hovercard. If not, hide the\n    // card after a short delay (hideTimeout).\n    useEffect(() => {\n      if (!domReady) return;\n      if (!mounted) return;\n      if (!mayHideOnHoverOutside && !mayDisablePointerEvents) return;\n      const element = ref.current;\n      if (!element) return;\n      const onMouseMove = (event: MouseEvent) => {\n        if (!store) return;\n        if (!isMouseMoving()) return;\n        const { anchorElement, hideTimeout, timeout } = store.getState();\n        const enterPoint = enterPointRef.current;\n        const [target] = event.composedPath() as Node[];\n        const anchor = anchorElement;\n        // Checks whether the hovercard element has focus or the mouse is moving\n        // through valid hovercard elements.\n        if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {\n          // While the mouse is moving over the anchor element while the hover\n          // card is open, keep track of the mouse position so we can use the\n          // last point before the mouse leaves the anchor element.\n          enterPointRef.current =\n            target && anchor && contains(anchor, target)\n              ? getEventPoint(event)\n              : null;\n          window.clearTimeout(hideTimeoutRef.current);\n          hideTimeoutRef.current = 0;\n          return;\n        }\n        // If there's already a scheduled timeout to hide the hovercard, we do\n        // nothing.\n        if (hideTimeoutRef.current) return;\n        // Enter point will be null when the user hovers over the hovercard\n        // element.\n        if (enterPoint) {\n          const currentPoint = getEventPoint(event);\n          const polygon = getElementPolygon(element, enterPoint);\n          // If the current event's mouse position is inside the transit\n          // polygon, this means that the mouse is moving toward the hover card,\n          // so we disable this event. This is necessary because the mousemove\n          // event may trigger focus on other elements and close the hovercard.\n          if (isPointInPolygon(currentPoint, polygon)) {\n            // Refreshes the enter point.\n            enterPointRef.current = currentPoint;\n            if (!disablePointerEventsProp(event)) return;\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n        }\n        if (!hideOnHoverOutsideProp(event)) return;\n        // Otherwise, hide the hovercard after a short delay (hideTimeout).\n        hideTimeoutRef.current = window.setTimeout(() => {\n          hideTimeoutRef.current = 0;\n          store?.hide();\n        }, hideTimeout ?? timeout);\n      };\n      return chain(addGlobalEventListener(\"mousemove\", onMouseMove, true), () =>\n        clearTimeout(hideTimeoutRef.current),\n      );\n    }, [\n      store,\n      isMouseMoving,\n      domReady,\n      mounted,\n      mayHideOnHoverOutside,\n      mayDisablePointerEvents,\n      nestedHovercards,\n      disablePointerEventsProp,\n      hideOnHoverOutsideProp,\n    ]);\n\n    // Disable mouse events while the mouse is moving toward the hovercard. This\n    // is necessary because these events may trigger focus on other elements and\n    // close the hovercard while the user is moving the mouse toward it.\n    useEffect(() => {\n      if (!domReady) return;\n      if (!mounted) return;\n      if (!mayDisablePointerEvents) return;\n      const disableEvent = (event: MouseEvent) => {\n        const element = ref.current;\n        if (!element) return;\n        const enterPoint = enterPointRef.current;\n        if (!enterPoint) return;\n        const polygon = getElementPolygon(element, enterPoint);\n        if (isPointInPolygon(getEventPoint(event), polygon)) {\n          if (!disablePointerEventsProp(event)) return;\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      };\n      return chain(\n        // Note: we may need to add pointer events here in the future.\n        addGlobalEventListener(\"mouseenter\", disableEvent, true),\n        addGlobalEventListener(\"mouseover\", disableEvent, true),\n        addGlobalEventListener(\"mouseout\", disableEvent, true),\n        addGlobalEventListener(\"mouseleave\", disableEvent, true),\n      );\n    }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);\n\n    // The autoFocusOnShow state will be set to true when the hovercard\n    // disclosure element is clicked. We have to reset it to false when the\n    // hovercard element gets hidden.\n    useEffect(() => {\n      if (!domReady) return;\n      if (open) return;\n      store?.setAutoFocusOnShow(false);\n    }, [store, domReady, open]);\n\n    // On unmount as well.\n    const openRef = useLiveRef(open);\n    useEffect(() => {\n      if (!domReady) return;\n      return () => {\n        // oxlint-disable-next-line exhaustive-deps\n        if (!openRef.current) {\n          store?.setAutoFocusOnShow(false);\n        }\n      };\n      // This cleanup intentionally reads the live ref so it can observe the\n      // latest open state at unmount time.\n      // oxlint-disable-next-line exhaustive-deps\n    }, [store, domReady]);\n\n    const registerOnParent = useContext(NestedHovercardContext);\n\n    // Register the hovercard as a nested hovercard on the parent hovercard if\n    // it's not a modal, is portal and is mounted. We don't need to register\n    // non-portal hovercards because they will be captured by the contains\n    // function in the isMovingOnHovercard function above. This must be a layout\n    // effect so we don't lose mouse move events right after the nested\n    // hovercard has been mounted (for example, a submenu that's overlapping its\n    // menu button and we keep moving the mouse while the submenu is due to\n    // open).\n    useSafeLayoutEffect(() => {\n      if (modal) return;\n      if (!portal) return;\n      if (!mounted) return;\n      if (!domReady) return;\n      const element = ref.current;\n      if (!element) return;\n      return registerOnParent?.(element);\n    }, [modal, portal, mounted, domReady]);\n\n    const registerNestedHovercard = useCallback(\n      (element: any) => {\n        setNestedHovercards((prevElements) => [...prevElements, element]);\n        const parentUnregister = registerOnParent?.(element);\n        return () => {\n          setNestedHovercards((prevElements) =>\n            prevElements.filter((item) => item !== element),\n          );\n          parentUnregister?.();\n        };\n      },\n      [registerOnParent],\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <HovercardScopedContextProvider value={store}>\n          <NestedHovercardContext.Provider value={registerNestedHovercard}>\n            {element}\n          </NestedHovercardContext.Provider>\n        </HovercardScopedContextProvider>\n      ),\n      [store, registerNestedHovercard],\n    );\n\n    props = {\n      ...props,\n      ref: useMergeRefs(ref, props.ref),\n    };\n\n    props = useAutoFocusOnHide({ store, ...props });\n\n    // If the hovercard is modal, we should always autoFocus on show.\n    const autoFocusOnShow = useStoreState(\n      store,\n      (state) => modal || state.autoFocusOnShow,\n    );\n\n    props = usePopover({\n      store,\n      modal,\n      portal,\n      autoFocusOnShow,\n      ...props,\n      portalRef,\n      hideOnEscape(event) {\n        if (isFalsyBooleanCallback(hideOnEscape, event)) return false;\n        // Hide again on the next frame to avoid the popover being shown again\n        // when the user presses the escape key and trigger focusVisible on the\n        // anchor element (which is the case of tooltip anchor).\n        requestAnimationFrame(() => {\n          requestAnimationFrame(() => {\n            store?.hide();\n          });\n        });\n        return true;\n      },\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a hovercard element, which is a popover that's usually made visible\n * by hovering the mouse cursor over a\n * [`HovercardAnchor`](https://ariakit.com/reference/hovercard-anchor).\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx {3}\n * <HovercardProvider>\n *   <HovercardAnchor>@username</HovercardAnchor>\n *   <Hovercard>Details</Hovercard>\n * </HovercardProvider>\n * ```\n */\nexport const Hovercard = createDialogComponent(\n  forwardRef(function Hovercard(props: HovercardProps) {\n    const htmlProps = useHovercard(props);\n    return createElement(TagName, htmlProps);\n  }),\n  useHovercardProviderContext,\n);\n\nexport interface HovercardOptions<\n  T extends ElementType = TagName,\n> extends PopoverOptions<T> {\n  /**\n   * Object returned by the\n   * [`useHovercardStore`](https://ariakit.com/reference/use-hovercard-store)\n   * hook. If not provided, the closest\n   * [`HovercardProvider`](https://ariakit.com/reference/hovercard-provider)\n   * component's context will be used.\n   */\n  store?: HovercardStore;\n  /**\n   * Determines whether the popover should hide when the mouse leaves the\n   * popover or the anchor element and there's no _hover intent_, meaning, the\n   * mouse isn't moving toward the popover.\n   *\n   * This can be either a boolean or a callback receiving the mouse move event\n   * that initiated the behavior. The callback should return a boolean.\n   *\n   * **Note**: This behavior won't be triggered when the popover or any of its\n   * descendants are in focus.\n   * @default true\n   */\n  hideOnHoverOutside?: BooleanOrCallback<MouseEvent>;\n  /**\n   * Determines if the pointer events outside of the popover and its anchor\n   * element should be disabled during _hover intent_, that is, when the mouse\n   * is moving toward the popover.\n   *\n   * This is required as these external events may trigger focus on other\n   * elements and close the popover while the user is attempting to hover over\n   * it.\n   *\n   * This can be either a boolean or a callback receiving the mouse event\n   * happening during hover intent. The callback should return a boolean.\n   * @default true\n   */\n  disablePointerEventsOnApproach?: BooleanOrCallback<MouseEvent>;\n  /**\n   * @default false\n   */\n  modal?: PopoverOptions<T>[\"modal\"];\n}\n\nexport type HovercardProps<T extends ElementType = TagName> = Props<\n  T,\n  HovercardOptions<T>\n>;\n"],"mappings":"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"}
+{"version":3,"file":"hovercard.js","names":[],"sources":["../../src/hovercard/hovercard.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  useIsMouseMoving,\n  useLiveRef,\n  useMergeRefs,\n  usePortalRef,\n  useSafeLayoutEffect,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport {\n  contains,\n  addGlobalEventListener,\n  hasFocusWithin,\n  chain,\n  invariant,\n  isFalsyBooleanCallback,\n} from \"@ariakit/utils\";\nimport type { BooleanOrCallback } from \"@ariakit/utils\";\nimport type { ElementType, FocusEvent } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDialogComponent } from \"../dialog/dialog.tsx\";\nimport type { PopoverOptions } from \"../popover/popover.tsx\";\nimport { usePopover } from \"../popover/popover.tsx\";\nimport {\n  HovercardScopedContextProvider,\n  useHovercardProviderContext,\n} from \"./hovercard-context.tsx\";\nimport type { HovercardStore } from \"./hovercard-store.ts\";\nimport type { Point } from \"./utils/polygon.ts\";\nimport {\n  getElementPolygon,\n  getEventPoint,\n  isPointInPolygon,\n} from \"./utils/polygon.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\nfunction isMovingOnHovercard(\n  target: Node | null | undefined,\n  card: HTMLElement,\n  anchor: HTMLElement | null,\n  nested?: HTMLElement[],\n) {\n  // The hovercard element has focus so we should keep it visible.\n  if (hasFocusWithin(card)) return true;\n  if (!target) return false;\n  // The mouse is moving on an element inside the hovercard.\n  if (contains(card, target)) return true;\n  // The mouse is moving on an element inside the anchor element.\n  if (anchor && contains(anchor, target)) return true;\n  // The mouse is moving on an element inside a nested hovercard.\n  if (nested?.some((card) => hasFocusWithin(card) || contains(card, target))) {\n    return true;\n  }\n  return false;\n}\n\n// When the hovercard element has focus, we should move focus back to the anchor\n// element when the hovercard gets hidden (or unmounted).\nfunction useAutoFocusOnHide({\n  store,\n  ...props\n}: HovercardProps & { store: HovercardStore }) {\n  const [autoFocusOnHide, setAutoFocusOnHide] = useState(false);\n  const mounted = useStoreState(store, \"mounted\");\n\n  // Resets autoFocusOnHide\n  useEffect(() => {\n    if (!mounted) {\n      setAutoFocusOnHide(false);\n    }\n  }, [mounted]);\n\n  const onFocusProp = props.onFocus;\n\n  const onFocus = useEvent((event: FocusEvent<HTMLType>) => {\n    onFocusProp?.(event);\n    if (event.defaultPrevented) return;\n    setAutoFocusOnHide(true);\n  });\n\n  // TODO: Maybe use state.anchorElement directly?\n  const finalFocusRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    return sync(store, [\"anchorElement\"], (state) => {\n      finalFocusRef.current = state.anchorElement;\n    });\n  }, [store]);\n\n  props = {\n    autoFocusOnHide,\n    finalFocus: finalFocusRef,\n    ...props,\n    onFocus,\n  };\n\n  return props;\n}\n\nconst NestedHovercardContext = createContext<\n  ((element: HTMLElement) => () => void) | null\n>(null);\n\n/**\n * Returns props to create a `Hovercard` component.\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx\n * const store = useHovercardStore();\n * const props = useHovercard({ store });\n * <HovercardAnchor store={store}>@username</HovercardAnchor>\n * <Role {...props}>Details</Role>\n * ```\n */\nexport const useHovercard = createHook<TagName, HovercardOptions>(\n  function useHovercard({\n    store,\n    modal = false,\n    portal = modal,\n    hideOnEscape = true,\n    hideOnHoverOutside = true,\n    disablePointerEventsOnApproach = !!hideOnHoverOutside,\n    ...props\n  }) {\n    const context = useHovercardProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component.\",\n    );\n\n    const ref = useRef<HTMLType>(null);\n    const [nestedHovercards, setNestedHovercards] = useState<HTMLElement[]>([]);\n    const hideTimeoutRef = useRef(0);\n    const enterPointRef = useRef<Point | null>(null);\n    const { portalRef, domReady } = usePortalRef(portal, props.portalRef);\n\n    const isMouseMoving = useIsMouseMoving();\n\n    const mayHideOnHoverOutside = !!hideOnHoverOutside;\n    const hideOnHoverOutsideProp = useBooleanEvent(hideOnHoverOutside);\n    const mayDisablePointerEvents = !!disablePointerEventsOnApproach;\n    const disablePointerEventsProp = useBooleanEvent(\n      disablePointerEventsOnApproach,\n    );\n\n    const open = useStoreState(store, \"open\");\n    const mounted = useStoreState(store, \"mounted\");\n\n    // Checks whether the mouse is moving toward the hovercard. If not, hide the\n    // card after a short delay (hideTimeout).\n    useEffect(() => {\n      if (!domReady) return;\n      if (!mounted) return;\n      if (!mayHideOnHoverOutside && !mayDisablePointerEvents) return;\n      const element = ref.current;\n      if (!element) return;\n      const onMouseMove = (event: MouseEvent) => {\n        if (!store) return;\n        if (!isMouseMoving()) return;\n        const { anchorElement, hideTimeout, timeout } = store.getState();\n        const enterPoint = enterPointRef.current;\n        const [target] = event.composedPath() as Node[];\n        const anchor = anchorElement;\n        // Checks whether the hovercard element has focus or the mouse is moving\n        // through valid hovercard elements.\n        if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {\n          // While the mouse is moving over the anchor element while the hover\n          // card is open, keep track of the mouse position so we can use the\n          // last point before the mouse leaves the anchor element.\n          enterPointRef.current =\n            target && anchor && contains(anchor, target)\n              ? getEventPoint(event)\n              : null;\n          window.clearTimeout(hideTimeoutRef.current);\n          hideTimeoutRef.current = 0;\n          return;\n        }\n        // If there's already a scheduled timeout to hide the hovercard, we do\n        // nothing.\n        if (hideTimeoutRef.current) return;\n        // Enter point will be null when the user hovers over the hovercard\n        // element.\n        if (enterPoint) {\n          const currentPoint = getEventPoint(event);\n          const polygon = getElementPolygon(element, enterPoint);\n          // If the current event's mouse position is inside the transit\n          // polygon, this means that the mouse is moving toward the hover card,\n          // so we disable this event. This is necessary because the mousemove\n          // event may trigger focus on other elements and close the hovercard.\n          if (isPointInPolygon(currentPoint, polygon)) {\n            // Refreshes the enter point.\n            enterPointRef.current = currentPoint;\n            if (!disablePointerEventsProp(event)) return;\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n        }\n        if (!hideOnHoverOutsideProp(event)) return;\n        // Otherwise, hide the hovercard after a short delay (hideTimeout).\n        hideTimeoutRef.current = window.setTimeout(() => {\n          hideTimeoutRef.current = 0;\n          store?.hide();\n        }, hideTimeout ?? timeout);\n      };\n      return chain(addGlobalEventListener(\"mousemove\", onMouseMove, true), () =>\n        clearTimeout(hideTimeoutRef.current),\n      );\n    }, [\n      store,\n      isMouseMoving,\n      domReady,\n      mounted,\n      mayHideOnHoverOutside,\n      mayDisablePointerEvents,\n      nestedHovercards,\n      disablePointerEventsProp,\n      hideOnHoverOutsideProp,\n    ]);\n\n    // Disable mouse events while the mouse is moving toward the hovercard. This\n    // is necessary because these events may trigger focus on other elements and\n    // close the hovercard while the user is moving the mouse toward it.\n    useEffect(() => {\n      if (!domReady) return;\n      if (!mounted) return;\n      if (!mayDisablePointerEvents) return;\n      const disableEvent = (event: MouseEvent) => {\n        const element = ref.current;\n        if (!element) return;\n        const enterPoint = enterPointRef.current;\n        if (!enterPoint) return;\n        const polygon = getElementPolygon(element, enterPoint);\n        if (isPointInPolygon(getEventPoint(event), polygon)) {\n          if (!disablePointerEventsProp(event)) return;\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      };\n      return chain(\n        // Note: we may need to add pointer events here in the future.\n        addGlobalEventListener(\"mouseenter\", disableEvent, true),\n        addGlobalEventListener(\"mouseover\", disableEvent, true),\n        addGlobalEventListener(\"mouseout\", disableEvent, true),\n        addGlobalEventListener(\"mouseleave\", disableEvent, true),\n      );\n    }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);\n\n    // The autoFocusOnShow state will be set to true when the hovercard\n    // disclosure element is clicked. We have to reset it to false when the\n    // hovercard element gets hidden.\n    useEffect(() => {\n      if (!domReady) return;\n      if (open) return;\n      store?.setAutoFocusOnShow(false);\n    }, [store, domReady, open]);\n\n    // On unmount as well.\n    const openRef = useLiveRef(open);\n    useEffect(() => {\n      if (!domReady) return;\n      return () => {\n        // oxlint-disable-next-line exhaustive-deps\n        if (!openRef.current) {\n          store?.setAutoFocusOnShow(false);\n        }\n      };\n      // This cleanup intentionally reads the live ref so it can observe the\n      // latest open state at unmount time.\n      // oxlint-disable-next-line exhaustive-deps\n    }, [store, domReady]);\n\n    const registerOnParent = useContext(NestedHovercardContext);\n\n    // Register the hovercard as a nested hovercard on the parent hovercard if\n    // it's not a modal, is portal and is mounted. We don't need to register\n    // non-portal hovercards because they will be captured by the contains\n    // function in the isMovingOnHovercard function above. This must be a layout\n    // effect so we don't lose mouse move events right after the nested\n    // hovercard has been mounted (for example, a submenu that's overlapping its\n    // menu button and we keep moving the mouse while the submenu is due to\n    // open).\n    useSafeLayoutEffect(() => {\n      if (modal) return;\n      if (!portal) return;\n      if (!mounted) return;\n      if (!domReady) return;\n      const element = ref.current;\n      if (!element) return;\n      return registerOnParent?.(element);\n    }, [modal, portal, mounted, domReady]);\n\n    const registerNestedHovercard = useCallback(\n      (element: any) => {\n        setNestedHovercards((prevElements) => [...prevElements, element]);\n        const parentUnregister = registerOnParent?.(element);\n        return () => {\n          setNestedHovercards((prevElements) =>\n            prevElements.filter((item) => item !== element),\n          );\n          parentUnregister?.();\n        };\n      },\n      [registerOnParent],\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <HovercardScopedContextProvider value={store}>\n          <NestedHovercardContext.Provider value={registerNestedHovercard}>\n            {element}\n          </NestedHovercardContext.Provider>\n        </HovercardScopedContextProvider>\n      ),\n      [store, registerNestedHovercard],\n    );\n\n    props = {\n      ...props,\n      ref: useMergeRefs(ref, props.ref),\n    };\n\n    props = useAutoFocusOnHide({ store, ...props });\n\n    // If the hovercard is modal, we should always autoFocus on show.\n    const autoFocusOnShow = useStoreState(\n      store,\n      (state) => modal || state.autoFocusOnShow,\n    );\n\n    props = usePopover({\n      store,\n      modal,\n      portal,\n      autoFocusOnShow,\n      ...props,\n      portalRef,\n      hideOnEscape(event) {\n        if (isFalsyBooleanCallback(hideOnEscape, event)) return false;\n        // Hide again on the next frame to avoid the popover being shown again\n        // when the user presses the escape key and trigger focusVisible on the\n        // anchor element (which is the case of tooltip anchor).\n        requestAnimationFrame(() => {\n          requestAnimationFrame(() => {\n            store?.hide();\n          });\n        });\n        return true;\n      },\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a hovercard element, which is a popover that's usually made visible\n * by hovering the mouse cursor over a\n * [`HovercardAnchor`](https://ariakit.com/reference/hovercard-anchor).\n * @see https://ariakit.com/components/hovercard\n * @example\n * ```jsx {3}\n * <HovercardProvider>\n *   <HovercardAnchor>@username</HovercardAnchor>\n *   <Hovercard>Details</Hovercard>\n * </HovercardProvider>\n * ```\n */\nexport const Hovercard = createDialogComponent(\n  forwardRef(function Hovercard(props: HovercardProps) {\n    const htmlProps = useHovercard(props);\n    return createElement(TagName, htmlProps);\n  }),\n  useHovercardProviderContext,\n);\n\nexport interface HovercardOptions<\n  T extends ElementType = TagName,\n> extends PopoverOptions<T> {\n  /**\n   * Object returned by the\n   * [`useHovercardStore`](https://ariakit.com/reference/use-hovercard-store)\n   * hook. If not provided, the closest\n   * [`HovercardProvider`](https://ariakit.com/reference/hovercard-provider)\n   * component's context will be used.\n   */\n  store?: HovercardStore;\n  /**\n   * Determines whether the popover should hide when the mouse leaves the\n   * popover or the anchor element and there's no _hover intent_, meaning, the\n   * mouse isn't moving toward the popover.\n   *\n   * This can be either a boolean or a callback receiving the mouse move event\n   * that initiated the behavior. The callback should return a boolean.\n   *\n   * **Note**: This behavior won't be triggered when the popover or any of its\n   * descendants are in focus.\n   * @default true\n   */\n  hideOnHoverOutside?: BooleanOrCallback<MouseEvent>;\n  /**\n   * Determines if the pointer events outside of the popover and its anchor\n   * element should be disabled during _hover intent_, that is, when the mouse\n   * is moving toward the popover.\n   *\n   * This is required as these external events may trigger focus on other\n   * elements and close the popover while the user is attempting to hover over\n   * it.\n   *\n   * This can be either a boolean or a callback receiving the mouse event\n   * happening during hover intent. The callback should return a boolean.\n   * @default true\n   */\n  disablePointerEventsOnApproach?: BooleanOrCallback<MouseEvent>;\n  /**\n   * @default false\n   */\n  modal?: PopoverOptions<T>[\"modal\"];\n}\n\nexport type HovercardProps<T extends ElementType = TagName> = Props<\n  T,\n  HovercardOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;AAqDA,MAAA,UAAS;SAOH,oBAAsB,QAAO,MAAA,QAAA,QAAA;CACjC,IAAI,eAAS,IAAO,GAAA,OAAA;CAEpB,IAAI,CAAA,QAAS,OAAM;CAEnB,IAAI,SAAA,MAAU,MAAS,GAAA,OAAQ;CAE/B,IAAI,UAAQ,SAAM,QAAS,MAAA,GAAA,OAAmB;CAG9C,IAAA,QAAO,MAAA,SAAA,eAAA,IAAA,KAAA,SAAA,MAAA,MAAA,CAAA,GAAA,OAAA;CACT,OAAA;AAIA;SAIS,mBAAiB,EAAA,OAAA,GAAA,SAAsB;CAC9C,MAAM,CAAA,iBAAU,sBAA8B,SAAA,KAAA;CAG9C,MAAA,UAAgB,cAAA,OAAA,SAAA;iBAEZ;EAEJ,IAAI,CAAA,SAAQ,mBAAA,KAAA;CAEZ,GAAA,CAAA,OAAM,CAAA;CAEN,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAA,kBAAuB;EACxB,mBAAA,IAAA;CAGD,CAAA;CAEA,MAAA,gBAAgB,OAAA,IAAA;iBACF;SACV,KAAA,OAAc,CAAA,eAAgB,IAAA,UAAA;GAC/B,cAAA,UAAA,MAAA;EACH,CAAA;CAEA,GAAA,CAAA,KAAQ,CAAA;SACN;EACA;EACA,YAAG;EACH,GAAA;EACF;CAEA;CACF,OAAA;AAEA;;;;;;;;;;;;;MAyBI,eAAgB,WAAA,SAAA,aAA4B,EAAA,OAAA,QAAA,OAAA,SAAA,OAAA,eAAA,MAAA,qBAAA,MAAA,iCAAA,CAAA,CAAA,oBAAA,GAAA,SAAA;CAC5C,MAAA,UAAQ,4BAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAM,QAAqB,IAAA,aAAA,gBAAA,uFAAA;CACjC,MAAM,MAAC,OAAA,IAAA;CACP,MAAM,CAAA,kBAAiB,uBAAQ,SAAA,CAAA,CAAA;CAC/B,MAAM,iBAAgB,OAAqB,CAAA;CAC3C,MAAM,gBAAa,OAAA,IAAa;CAEhC,MAAM,EAAA,WAAA,aAAgB,aAAiB,QAAA,MAAA,SAAA;CAEvC,MAAM,gBAAA,iBAA0B;CAChC,MAAM,wBAAA,CAAyB,CAAA;CAC/B,MAAM,yBAAA,gBAA4B,kBAAA;CAClC,MAAM,0BAAA,CAA2B,CAAA;CAIjC,MAAM,2BAAqB,gBAAa,8BAAA;CACxC,MAAM,OAAA,cAAU,OAAc,MAAO;CAIrC,MAAA,UAAgB,cAAA,OAAA,SAAA;iBACC;EACf,IAAI,CAAC,UAAS;EACd,IAAI,CAAC,SAAA;EACL,IAAA,CAAA,yBAAoB,CAAA,yBAAA;EACpB,MAAK,UAAS,IAAA;EACd,IAAA,CAAA,SAAM;QACC,eAAO,UAAA;GACZ,IAAI,CAAC,OAAA;GACL,IAAA,CAAA,cAAQ,GAAA;GACR,MAAM,EAAA,eAAa,aAAc,YAAA,MAAA,SAAA;GACjC,MAAM,aAAW,cAAM;GACvB,MAAM,CAAA,UAAS,MAAA,aAAA;GAGf,MAAI,SAAA;OAIF,oBAAc,QACZ,SAAU,QAAU,gBAAiB,GAAM;IAG7C,cAAO,UAAa,UAAA,UAAsB,SAAA,QAAA,MAAA,IAAA,cAAA,KAAA,IAAA;IAC1C,OAAA,aAAe,eAAU,OAAA;IACzB,eAAA,UAAA;IACF;GAGA;GAGA,IAAI,eAAY,SAAA;OACd,YAAM;IAMN,MAAI,eAAiB,cALL,KAAA;QAOd,iBAAc,cAAU,kBAAA,SAAA,UAAA,CAAA,GAAA;KACxB,cAAK,UAAA;KACL,IAAA,CAAA,yBAAqB,KAAA,GAAA;KACrB,MAAM,eAAA;KACN,MAAA,gBAAA;KACF;IACF;GACA;GAEA,IAAA,CAAA,uBAAyB,KAAO,GAAA;kBAC9B,UAAe,OAAU,iBAAA;IACzB,eAAY,UAAA;IACd,OAAG,KAAA;GACL,GAAA,eAAA,OAAA;EACA;EAGF,OAAG,MAAA,uBAAA,aAAA,aAAA,IAAA,SAAA,aAAA,eAAA,OAAA,CAAA;IACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAKD,CAAA;iBACiB;EACf,IAAI,CAAC,UAAS;EACd,IAAI,CAAC,SAAA;EACL,IAAA,CAAA,yBAAsB;QACpB,gBAAoB,UAAA;GACpB,MAAK,UAAS,IAAA;GACd,IAAA,CAAA,SAAM;GACN,MAAK,aAAY,cAAA;GACjB,IAAA,CAAA,YAAgB;GAChB,MAAI,UAAA,kBAAiB,SAAsB,UAAU;OACnD,iBAAK,cAAyB,KAAQ,GAAA,OAAA,GAAA;IACtC,IAAA,CAAA,yBAAqB,KAAA,GAAA;IACrB,MAAM,eAAA;IACR,MAAA,gBAAA;GACF;EACA;EAOF,OAAG,MAAA,uBAAA,cAAA,cAAA,IAAA,GAAA,uBAAA,aAAA,cAAA,IAAA,GAAA,uBAAA,YAAA,cAAA,IAAA,GAAA,uBAAA,cAAA,cAAA,IAAA,CAAA;IAAC;EAAU;EAAS;EAAyB;EAAyB;CAKzE,CAAA;iBACiB;EACf,IAAI,CAAA,UAAM;EACV,IAAA,MAAO;EACT,OAAG,mBAAA,KAAA;IAAC;EAAO;EAAU;EAAK;CAG1B,CAAA;CACA,MAAA,UAAgB,WAAA,IAAA;iBACC;EACf,IAAA,CAAA,UAAa;eAEN;GAGP,IAAA,CAAA,QAAA,SAAA,OAAA,mBAAA,KAAA;EAIF;CAEA,GAAA,CAAA,OAAM,QAAA,CAAA;CAUN,MAAA,mBAAA,WAA0B,sBAAA;2BACb;EACX,IAAI,OAAC;EACL,IAAI,CAAC,QAAA;EACL,IAAI,CAAC,SAAA;EACL,IAAA,CAAA,UAAM;EACN,MAAK,UAAS,IAAA;EACd,IAAA,CAAA,SAAO;EACT,OAAG,mBAAA,OAAA;IAAC;EAAO;EAAQ;EAAS;EAAS;CAErC,CAAA;OAEI,0BAAqB,aAAqB,YAAc;EACxD,qBAAM,iBAAmB,CAAA,GAAA,cAA0B,OAAA,CAAA;EACnD,MAAA,mBAAa,mBAAA,OAAA;eACX;GAGA,qBAAmB,iBAAA,aAAA,QAAA,SAAA,SAAA,OAAA,CAAA;GACrB,mBAAA;EACF;CAIF,GAAA,CAAA,gBAAQ,CAAA;SAGmC,eAAA,QAAA,YAAA,oBAAA,gCAAA;;YACG,oBAAA,uBAAA,UAAA;;GAEP,UAAA;EACH,CAAA;CAKpC,CAAA,GAAA,CAAA,OAAQ,uBAAA,CAAA;SACH;EACH,GAAA;EACF,KAAA,aAAA,KAAA,MAAA,GAAA;CAEA;SAA6B,mBAAA;EAAO;EAAU,GAAA;CAG9C,CAAA;CAKA,MAAA,kBAAmB,cAAA,QAAA,UAAA,SAAA,MAAA,eAAA;SACjB,WAAA;EACA;EACA;EACA;EACA;EACA,GAAA;EACA;eACM,OAAA;GAIJ,IAAA,uBAAA,cAA4B,KAAA,GAAA,OAAA;+BAC1B;gCACc;KACb,OAAA,KAAA;IACF,CAAA;GACD,CAAA;GACF,OAAA;EACD;CAED,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;MAkBI,YAAO,sBADW,WACqB,SAAA,UAAA,OAAA;CACxC,OACD,cAAA,SACF,aAAA,KAAA,CAAA"}

package/dist/menu/menu-arrow.d.ts

@@ -1,5 +1,5 @@
 import { PopoverArrowOptions } from "../popover/popover-arrow.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -35,7 +35,7 @@ declare const useMenuArrow: import("@ariakit/react-utils").Hook<"div", MenuArrow
  * </MenuProvider>
  * ```
  */
-declare const MenuArrow: (props: MenuArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuArrow: (props: MenuArrowProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuArrowOptions<T extends ElementType = TagName> extends PopoverArrowOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-arrow.d.ts","names":["Props","ElementType","PopoverArrowOptions","MenuStore","TagName","useMenuArrow","MenuArrowOptions","Hook","MenuArrow","MenuArrowProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-arrow.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAc7B;;;AAhBiD,cAgB5BC,YAAAA,iCAA6CE,IAAAA,QAAYD,gBAAgB;AAAA;AAgB9F;;;;;;;;;AAA2I;AAC3I;;;;AAjB8F,cAgBzEE,SAAAA,GAAYE,KAAAA,EAAOD,cAAc,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACrGN,gBAAAA,WAA2BL,WAAAA,GAAcG,OAAAA,UAAiBF,mBAAAA,CAAoBW,CAAAA;EAQnFV;;;;;;;EAARW,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,cAAAA,WAAyBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,gBAAAA,CAAiBO,CAAAA"}
+{"version":3,"file":"menu-arrow.d.ts","names":["Props","ElementType","PopoverArrowOptions","MenuStore","TagName","useMenuArrow","MenuArrowOptions","Hook","MenuArrow","MenuArrowProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-arrow.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAc7B;;;AAhBiD,cAgB5BC,YAAAA,iCAA6CE,IAAAA,QAAYD,gBAAgB;AAAA;AAgB9F;;;;;;;;;AAA+I;AAC/I;;;;AAjB8F,cAgBzEE,SAAAA,GAAYE,KAAAA,EAAOD,cAAc,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACzGN,gBAAAA,WAA2BL,WAAAA,GAAcG,OAAAA,UAAiBF,mBAAAA,CAAoBW,CAAAA;EAQnFV;;;;;;;EAARW,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,cAAAA,WAAyBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,gBAAAA,CAAiBO,CAAAA"}

package/dist/menu/menu-bar-provider.js

@@ -32,7 +32,7 @@ import { jsx } from "react/jsx-runtime";
 */
 function MenuBarProvider(props = {}) {
 	useEffect(() => {
-		console.warn("MenuBarProvider is deprecated. Use MenubarProvider instead.", "See https://ariakit.com/reference/menubar-provider");
+		if (process.env.NODE_ENV !== "production") console.warn("MenuBarProvider is deprecated. Use MenubarProvider instead.", "See https://ariakit.com/reference/menubar-provider");
 	}, []);
 	return /* @__PURE__ */ jsx(MenubarProvider, { ...props });
 }

package/dist/menu/menu-bar-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar-provider.js","names":[],"sources":["../../src/menu/menu-bar-provider.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { MenubarProviderProps } from \"../menubar/menubar-provider.tsx\";\nimport { MenubarProvider } from \"../menubar/menubar-provider.tsx\";\n\n/**\n * Provides a menubar store to MenuBar components.\n * @deprecated\n * Use [`MenubarProvider`](https://ariakit.com/reference/menubar-provider)\n * instead.\n * @example\n * ```jsx\n * <MenuBarProvider>\n *   <MenuBar>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>File</MenuItem>\n *       <Menu>\n *         <MenuItem>New File</MenuItem>\n *         <MenuItem>New Window</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>Edit</MenuItem>\n *       <Menu>\n *         <MenuItem>Undo</MenuItem>\n *         <MenuItem>Redo</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *   </MenuBar>\n * </MenuBarProvider>\n * ```\n */\nexport function MenuBarProvider(props: MenuBarProviderProps = {}) {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        \"MenuBarProvider is deprecated. Use MenubarProvider instead.\",\n        \"See https://ariakit.com/reference/menubar-provider\",\n      );\n    }\n  }, []);\n  return <MenubarProvider {...props} />;\n}\n\nexport interface MenuBarProviderProps extends MenubarProviderProps {}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCE,gBAAgB,QAAA,CAAA,GAAA;iBAGV;EAIN,QAAK,KAAA,+DAAA,oDAAA;CACL,GAAA,CAAA,CAAA;CACF,OAAA,oBAAA,iBAAA,EAAA,GAAA,MAAA,CAAA"}
+{"version":3,"file":"menu-bar-provider.js","names":[],"sources":["../../src/menu/menu-bar-provider.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { MenubarProviderProps } from \"../menubar/menubar-provider.tsx\";\nimport { MenubarProvider } from \"../menubar/menubar-provider.tsx\";\n\n/**\n * Provides a menubar store to MenuBar components.\n * @deprecated\n * Use [`MenubarProvider`](https://ariakit.com/reference/menubar-provider)\n * instead.\n * @example\n * ```jsx\n * <MenuBarProvider>\n *   <MenuBar>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>File</MenuItem>\n *       <Menu>\n *         <MenuItem>New File</MenuItem>\n *         <MenuItem>New Window</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>Edit</MenuItem>\n *       <Menu>\n *         <MenuItem>Undo</MenuItem>\n *         <MenuItem>Redo</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *   </MenuBar>\n * </MenuBarProvider>\n * ```\n */\nexport function MenuBarProvider(props: MenuBarProviderProps = {}) {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        \"MenuBarProvider is deprecated. Use MenubarProvider instead.\",\n        \"See https://ariakit.com/reference/menubar-provider\",\n      );\n    }\n  }, []);\n  return <MenubarProvider {...props} />;\n}\n\nexport interface MenuBarProviderProps extends MenubarProviderProps {}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCE,gBAAgB,QAAA,CAAA,GAAA;iBACF;EAMd,IAAK,QAAA,IAAA,aAAA,cAAA,QAAA,KAAA,+DAAA,oDAAA;CACL,GAAA,CAAA,CAAA;CACF,OAAA,oBAAA,iBAAA,EAAA,GAAA,MAAA,CAAA"}

package/dist/menu/menu-bar-store.d.ts

@@ -1,4 +1,4 @@
-import { a as MenubarStoreState, i as MenubarStoreProps, n as MenubarStoreFunctions, r as MenubarStoreOptions, t as MenubarStore } from "../menubar-store-3h0eNIbS.js";
+import { a as MenubarStoreState, i as MenubarStoreProps, n as MenubarStoreFunctions, r as MenubarStoreOptions, t as MenubarStore } from "../menubar-store-C553OKBw.js";
 import * as Core from "@ariakit/components/menu/menu-bar-store";
 
 //#region src/menu/menu-bar-store.d.ts
@@ -10,8 +10,8 @@ declare function useMenuBarStoreProps<T extends Core.MenuBarStore>(store: T, upd
  * instead.
  * @example
  * ```jsx
- * const menu = useMenuBarStore();
- * <MenuBar store={menu} />
+ * const menubar = useMenuBarStore();
+ * <MenuBar store={menubar} />
  * ```
  */
 declare function useMenuBarStore(props?: MenuBarStoreProps): MenuBarStore;

package/dist/menu/menu-bar-store.js

@@ -12,13 +12,13 @@ function useMenuBarStoreProps(store, update, props) {
 * instead.
 * @example
 * ```jsx
-* const menu = useMenuBarStore();
-* <MenuBar store={menu} />
+* const menubar = useMenuBarStore();
+* <MenuBar store={menubar} />
 * ```
 */
 function useMenuBarStore(props = {}) {
 	useEffect(() => {
-		console.warn("useMenuBarStore is deprecated. Use useMenubarStore instead.", "See https://ariakit.com/reference/use-menubar-store");
+		if (process.env.NODE_ENV !== "production") console.warn("useMenuBarStore is deprecated. Use useMenubarStore instead.", "See https://ariakit.com/reference/use-menubar-store");
 	}, []);
 	return useMenubarStore(props);
 }

package/dist/menu/menu-bar-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar-store.js","names":[],"sources":["../../src/menu/menu-bar-store.ts"],"sourcesContent":["import type * as Core from \"@ariakit/components/menu/menu-bar-store\";\nimport { useEffect } from \"react\";\nimport type {\n  MenubarStore,\n  MenubarStoreFunctions,\n  MenubarStoreOptions,\n  MenubarStoreProps,\n  MenubarStoreState,\n} from \"../menubar/menubar-store.ts\";\nimport {\n  useMenubarStore,\n  useMenubarStoreProps,\n} from \"../menubar/menubar-store.ts\";\n\nexport function useMenuBarStoreProps<T extends Core.MenuBarStore>(\n  store: T,\n  update: () => void,\n  props: MenuBarStoreProps,\n) {\n  return useMenubarStoreProps(store, update, props);\n}\n\n/**\n * Creates a menu bar store.\n * @deprecated\n * Use [`useMenubarStore`](https://ariakit.com/reference/use-menubar-store)\n * instead.\n * @example\n * ```jsx\n * const menu = useMenuBarStore();\n * <MenuBar store={menu} />\n * ```\n */\nexport function useMenuBarStore(props: MenuBarStoreProps = {}): MenuBarStore {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        \"useMenuBarStore is deprecated. Use useMenubarStore instead.\",\n        \"See https://ariakit.com/reference/use-menubar-store\",\n      );\n    }\n  }, []);\n  return useMenubarStore(props);\n}\n\nexport interface MenuBarStoreState extends MenubarStoreState {}\n\nexport interface MenuBarStoreFunctions extends MenubarStoreFunctions {}\n\nexport interface MenuBarStoreOptions extends MenubarStoreOptions {}\n\nexport interface MenuBarStoreProps extends MenubarStoreProps {}\n\nexport interface MenuBarStore extends MenubarStore {}\n"],"mappings":";;;;SAmBS,qBAAqB,OAAO,QAAQ,OAAK;CAClD,OAAA,qBAAA,OAAA,QAAA,KAAA;;;;;;;;;;;;;SAcE,gBAAgB,QAAA,CAAA,GAAA;iBAGV;EAIN,QAAK,KAAA,+DAAA,qDAAA;CACL,GAAA,CAAA,CAAA;CACF,OAAA,gBAAA,KAAA"}
+{"version":3,"file":"menu-bar-store.js","names":[],"sources":["../../src/menu/menu-bar-store.ts"],"sourcesContent":["import type * as Core from \"@ariakit/components/menu/menu-bar-store\";\nimport { useEffect } from \"react\";\nimport type {\n  MenubarStore,\n  MenubarStoreFunctions,\n  MenubarStoreOptions,\n  MenubarStoreProps,\n  MenubarStoreState,\n} from \"../menubar/menubar-store.ts\";\nimport {\n  useMenubarStore,\n  useMenubarStoreProps,\n} from \"../menubar/menubar-store.ts\";\n\nexport function useMenuBarStoreProps<T extends Core.MenuBarStore>(\n  store: T,\n  update: () => void,\n  props: MenuBarStoreProps,\n) {\n  return useMenubarStoreProps(store, update, props);\n}\n\n/**\n * Creates a menu bar store.\n * @deprecated\n * Use [`useMenubarStore`](https://ariakit.com/reference/use-menubar-store)\n * instead.\n * @example\n * ```jsx\n * const menubar = useMenuBarStore();\n * <MenuBar store={menubar} />\n * ```\n */\nexport function useMenuBarStore(props: MenuBarStoreProps = {}): MenuBarStore {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        \"useMenuBarStore is deprecated. Use useMenubarStore instead.\",\n        \"See https://ariakit.com/reference/use-menubar-store\",\n      );\n    }\n  }, []);\n  return useMenubarStore(props);\n}\n\nexport interface MenuBarStoreState extends MenubarStoreState {}\n\nexport interface MenuBarStoreFunctions extends MenubarStoreFunctions {}\n\nexport interface MenuBarStoreOptions extends MenubarStoreOptions {}\n\nexport interface MenuBarStoreProps extends MenubarStoreProps {}\n\nexport interface MenuBarStore extends MenubarStore {}\n"],"mappings":";;;;SAmBS,qBAAqB,OAAO,QAAQ,OAAK;CAClD,OAAA,qBAAA,OAAA,QAAA,KAAA;;;;;;;;;;;;;SAcE,gBAAgB,QAAA,CAAA,GAAA;iBACF;EAMd,IAAK,QAAA,IAAA,aAAA,cAAA,QAAA,KAAA,+DAAA,qDAAA;CACL,GAAA,CAAA,CAAA;CACF,OAAA,gBAAA,KAAA"}

package/dist/menu/menu-bar.d.ts

@@ -53,7 +53,7 @@ declare const useMenuBar: import("@ariakit/react-utils").Hook<"div", MenuBarOpti
  * </MenuBarProvider>
  * ```
  */
-declare const MenuBar: (props: MenuBarProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuBar: (props: MenuBarProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuBarOptions<T extends ElementType = TagName> extends MenubarOptions<T> {}
 type MenuBarProps<T extends ElementType = TagName> = Props<T, MenuBarOptions<T>>;
 //#endregion

package/dist/menu/menu-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.d.ts","names":["Props","ElementType","MenubarOptions","TagName","useMenuBar","MenuBarOptions","Hook","MenuBar","MenuBarProps","props","ReactElement","JSXElementConstructor","T"],"sources":["../../src/menu/menu-bar.d.ts"],"mappings":";;;;;cAGcG,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFgC;;;;AACxC;AAAA;;;;AACQ;AAqB7B;;;;AAA0F;AA4B1F;;;;;AAnD6D,cAuBxCC,UAAAA,iCAA2CE,IAAAA,QAAYD,cAAc;;;;AA4B6C;AACvI;;;;;;;;;;;;;;;AAAyF;AAEzF;;;;;;;cAHqBE,OAAAA,GAAUE,KAAAA,EAAOD,YAAY,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACjGN,cAAAA,WAAyBJ,WAAAA,GAAcE,OAAAA,UAAiBD,cAAAA,CAAeU,CAAAA;AAAAA,KAE5EJ,YAAAA,WAAuBP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMY,CAAAA,EAAGP,cAAAA,CAAeO,CAAAA"}
+{"version":3,"file":"menu-bar.d.ts","names":["Props","ElementType","MenubarOptions","TagName","useMenuBar","MenuBarOptions","Hook","MenuBar","MenuBarProps","props","ReactElement","JSXElementConstructor","T"],"sources":["../../src/menu/menu-bar.d.ts"],"mappings":";;;;;cAGcG,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFgC;;;;AACxC;AAAA;;;;AACQ;AAqB7B;;;;AAA0F;AA4B1F;;;;;AAnD6D,cAuBxCC,UAAAA,iCAA2CE,IAAAA,QAAYD,cAAc;;;;AA4BiD;AAC3I;;;;;;;;;;;;;;;AAAyF;AAEzF;;;;;;;cAHqBE,OAAAA,GAAUE,KAAAA,EAAOD,YAAY,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACrGN,cAAAA,WAAyBJ,WAAAA,GAAcE,OAAAA,UAAiBD,cAAAA,CAAeU,CAAAA;AAAAA,KAE5EJ,YAAAA,WAAuBP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMY,CAAAA,EAAGP,cAAAA,CAAeO,CAAAA"}

package/dist/menu/menu-bar.js

@@ -26,7 +26,7 @@ const TagName = "div";
 */
 const useMenuBar = createHook(function useMenuBar(props) {
 	useEffect(() => {
-		console.warn("MenuBar is deprecated. Use Menubar instead.", "See https://ariakit.com/reference/menubar");
+		if (process.env.NODE_ENV !== "production") console.warn("MenuBar is deprecated. Use Menubar instead.", "See https://ariakit.com/reference/menubar");
 	}, []);
 	return useMenubar(props);
 });

package/dist/menu/menu-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.js","names":[],"sources":["../../src/menu/menu-bar.tsx"],"sourcesContent":["import { createElement, createHook, forwardRef } from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport type { ElementType } from \"react\";\nimport { useEffect } from \"react\";\nimport type { MenubarOptions } from \"../menubar/menubar.tsx\";\nimport { useMenubar } from \"../menubar/menubar.tsx\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `MenuBar` component.\n * @deprecated Use `useMenubar` instead.\n * @example\n * ```jsx\n * const store = useMenuBarStore();\n * const menuBarProps = useMenuBar({ store });\n * const fileProps = useMenuItem({ store });\n * const fileMenu = useMenuStore();\n * <Role {...menuBarProps}>\n *   <MenuButton {...fileProps} store={fileMenu}>\n *     File\n *   </MenuButton>\n *   <Menu store={fileMenu}>\n *     <MenuItem>New File</MenuItem>\n *     <MenuItem>New Window</MenuItem>\n *   </Menu>\n * </Role>\n * ```\n */\nexport const useMenuBar = createHook<TagName, MenuBarOptions>(\n  function useMenuBar(props) {\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          \"MenuBar is deprecated. Use Menubar instead.\",\n          \"See https://ariakit.com/reference/menubar\",\n        );\n      }\n    }, []);\n    return useMenubar(props);\n  },\n);\n\n/**\n * Renders a menu bar that may contain a group of menu items that control other\n * submenus.\n * @deprecated\n * Use [`Menubar`](https://ariakit.com/reference/menubar) instead.\n * @example\n * ```jsx\n * <MenuBarProvider>\n *   <MenuBar>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>File</MenuItem>\n *       <Menu>\n *         <MenuItem>New File</MenuItem>\n *         <MenuItem>New Window</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>Edit</MenuItem>\n *       <Menu>\n *         <MenuItem>Undo</MenuItem>\n *         <MenuItem>Redo</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *   </MenuBar>\n * </MenuBarProvider>\n * ```\n */\nexport const MenuBar = forwardRef(function MenuBar(props: MenuBarProps) {\n  const htmlProps = useMenuBar(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuBarOptions<\n  T extends ElementType = TagName,\n> extends MenubarOptions<T> {}\n\nexport type MenuBarProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuBarOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAgCI,aAAgB,WAAA,SAAA,WAAA,OAAA;iBAGV;EAIN,QAAK,KAAA,+CAAA,2CAAA;CACL,GAAA,CAAA,CAAA;CAEJ,OAAA,WAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+BE,UAAO,WAAc,SADH,QAAW,OACU;CACxC,OAAA,cAAA,SAAA,WAAA,KAAA,CAAA"}
+{"version":3,"file":"menu-bar.js","names":[],"sources":["../../src/menu/menu-bar.tsx"],"sourcesContent":["import { createElement, createHook, forwardRef } from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport type { ElementType } from \"react\";\nimport { useEffect } from \"react\";\nimport type { MenubarOptions } from \"../menubar/menubar.tsx\";\nimport { useMenubar } from \"../menubar/menubar.tsx\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `MenuBar` component.\n * @deprecated Use `useMenubar` instead.\n * @example\n * ```jsx\n * const store = useMenuBarStore();\n * const menuBarProps = useMenuBar({ store });\n * const fileProps = useMenuItem({ store });\n * const fileMenu = useMenuStore();\n * <Role {...menuBarProps}>\n *   <MenuButton {...fileProps} store={fileMenu}>\n *     File\n *   </MenuButton>\n *   <Menu store={fileMenu}>\n *     <MenuItem>New File</MenuItem>\n *     <MenuItem>New Window</MenuItem>\n *   </Menu>\n * </Role>\n * ```\n */\nexport const useMenuBar = createHook<TagName, MenuBarOptions>(\n  function useMenuBar(props) {\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          \"MenuBar is deprecated. Use Menubar instead.\",\n          \"See https://ariakit.com/reference/menubar\",\n        );\n      }\n    }, []);\n    return useMenubar(props);\n  },\n);\n\n/**\n * Renders a menu bar that may contain a group of menu items that control other\n * submenus.\n * @deprecated\n * Use [`Menubar`](https://ariakit.com/reference/menubar) instead.\n * @example\n * ```jsx\n * <MenuBarProvider>\n *   <MenuBar>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>File</MenuItem>\n *       <Menu>\n *         <MenuItem>New File</MenuItem>\n *         <MenuItem>New Window</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *     <MenuProvider>\n *       <MenuItem render={<MenuButton />}>Edit</MenuItem>\n *       <Menu>\n *         <MenuItem>Undo</MenuItem>\n *         <MenuItem>Redo</MenuItem>\n *       </Menu>\n *     </MenuProvider>\n *   </MenuBar>\n * </MenuBarProvider>\n * ```\n */\nexport const MenuBar = forwardRef(function MenuBar(props: MenuBarProps) {\n  const htmlProps = useMenuBar(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuBarOptions<\n  T extends ElementType = TagName,\n> extends MenubarOptions<T> {}\n\nexport type MenuBarProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuBarOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAgCI,aAAgB,WAAA,SAAA,WAAA,OAAA;iBACF;EAMd,IAAK,QAAA,IAAA,aAAA,cAAA,QAAA,KAAA,+CAAA,2CAAA;CACL,GAAA,CAAA,CAAA;CAEJ,OAAA,WAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+BE,UAAO,WAAc,SADH,QAAW,OACU;CACxC,OAAA,cAAA,SAAA,WAAA,KAAA,CAAA"}

package/dist/menu/menu-button-arrow.d.ts

@@ -1,4 +1,4 @@
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { PopoverDisclosureArrowOptions } from "../popover/popover-disclosure-arrow.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -47,7 +47,7 @@ declare const useMenuButtonArrow: import("@ariakit/react-utils").Hook<"span", Me
  * </MenuProvider>
  * ```
  */
-declare const MenuButtonArrow: (props: MenuButtonArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuButtonArrow: (props: MenuButtonArrowProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuButtonArrowOptions<T extends ElementType = TagName> extends PopoverDisclosureArrowOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-button-arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button-arrow.d.ts","names":["Props","ElementType","PopoverDisclosureArrowOptions","MenuStore","TagName","useMenuButtonArrow","MenuButtonArrowOptions","Hook","MenuButtonArrow","MenuButtonArrowProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-button-arrow.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAkB7B;;;;AAA2G;AAwB3G;;AA5CiD,cAoB5BC,kBAAAA,iCAAmDE,IAAAA,SAAaD,sBAAsB;;;;;;;AAwB4C;AACvJ;;;;;;;;;;;;;;;;cADqBE,eAAAA,GAAkBE,KAAAA,EAAOD,oBAAoB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACjHN,sBAAAA,WAAiCL,WAAAA,GAAcG,OAAAA,UAAiBF,6BAAAA,CAA8BW,CAAAA;EAS1F;AAErB;;;;;;;EAFIC,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,oBAAAA,WAA+BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,sBAAAA,CAAuBO,CAAAA"}
+{"version":3,"file":"menu-button-arrow.d.ts","names":["Props","ElementType","PopoverDisclosureArrowOptions","MenuStore","TagName","useMenuButtonArrow","MenuButtonArrowOptions","Hook","MenuButtonArrow","MenuButtonArrowProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-button-arrow.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAkB7B;;;;AAA2G;AAwB3G;;AA5CiD,cAoB5BC,kBAAAA,iCAAmDE,IAAAA,SAAaD,sBAAsB;;;;;;;AAwBgD;AAC3J;;;;;;;;;;;;;;;;cADqBE,eAAAA,GAAkBE,KAAAA,EAAOD,oBAAoB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACrHN,sBAAAA,WAAiCL,WAAAA,GAAcG,OAAAA,UAAiBF,6BAAAA,CAA8BW,CAAAA;EAS1F;AAErB;;;;;;;EAFIC,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,oBAAAA,WAA+BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,sBAAAA,CAAuBO,CAAAA"}

package/dist/menu/menu-button.d.ts

@@ -1,7 +1,7 @@
 import { PopoverDisclosureOptions } from "../popover/popover-disclosure.js";
-import { n as CompositeTypeaheadOptions } from "../composite-typeahead-DDhpyKqm.js";
+import { n as CompositeTypeaheadOptions } from "../composite-typeahead-0euW43GU.js";
 import { HovercardAnchorOptions } from "../hovercard/hovercard-anchor.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -39,7 +39,7 @@ declare const useMenuButton: import("@ariakit/react-utils").Hook<TagName, MenuBu
  * </MenuProvider>
  * ```
  */
-declare const MenuButton: (props: MenuButtonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuButton: (props: MenuButtonProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuButtonOptions<T extends ElementType = TagName> extends HovercardAnchorOptions<T>, PopoverDisclosureOptions<T>, CompositeTypeaheadOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.d.ts","names":["Props","ElementType","CompositeTypeaheadOptions","HovercardAnchorOptions","PopoverDisclosureOptions","MenuStore","TagName","useMenuButton","MenuButtonOptions","Hook","MenuButton","MenuButtonProps","props","ReactElement","JSXElementConstructor","T","store","typeahead"],"sources":["../../src/menu/menu-button.d.ts"],"mappings":";;;;;;;;cAMcM,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAe7B;;;;AAjBiD,cAiB5BC,aAAAA,iCAA8CE,IAAAA,CAAKH,OAAAA,EAASE,iBAAAA,CAAkBF,OAAAA;;;;;;;;;AAAO;AAiB1G;;;;;;;cAAqBI,UAAAA,GAAaE,KAAAA,EAAOD,eAAe,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACvGN,iBAAAA,WAA4BP,WAAAA,GAAcK,OAAAA,UAAiBH,sBAAAA,CAAuBY,CAAAA,GAAIX,wBAAAA,CAAyBW,CAAAA,GAAIb,yBAAAA,CAA0Ba,CAAAA;EADjB;AAC7I;;;;;;EAQIC,KAAAA,GAAQX,SAAAA;EARkJU;;;;;;;;;;EAmB1JE,SAAAA;AAAAA;AAAAA,KAEQN,eAAAA,WAA0BV,WAAAA,GAAcK,OAAAA,IAAWN,KAAAA,CAAMe,CAAAA,EAAGP,iBAAAA,CAAkBO,CAAAA"}
+{"version":3,"file":"menu-button.d.ts","names":["Props","ElementType","CompositeTypeaheadOptions","HovercardAnchorOptions","PopoverDisclosureOptions","MenuStore","TagName","useMenuButton","MenuButtonOptions","Hook","MenuButton","MenuButtonProps","props","ReactElement","JSXElementConstructor","T","store","typeahead"],"sources":["../../src/menu/menu-button.d.ts"],"mappings":";;;;;;;;cAMcM,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAe7B;;;;AAjBiD,cAiB5BC,aAAAA,iCAA8CE,IAAAA,CAAKH,OAAAA,EAASE,iBAAAA,CAAkBF,OAAAA;;;;;;;;;AAAO;AAiB1G;;;;;;;cAAqBI,UAAAA,GAAaE,KAAAA,EAAOD,eAAe,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC3GN,iBAAAA,WAA4BP,WAAAA,GAAcK,OAAAA,UAAiBH,sBAAAA,CAAuBY,CAAAA,GAAIX,wBAAAA,CAAyBW,CAAAA,GAAIb,yBAAAA,CAA0Ba,CAAAA;EADb;AACjJ;;;;;;EAQIC,KAAAA,GAAQX,SAAAA;EARkJU;;;;;;;;;;EAmB1JE,SAAAA;AAAAA;AAAAA,KAEQN,eAAAA,WAA0BV,WAAAA,GAAcK,OAAAA,IAAWN,KAAAA,CAAMe,CAAAA,EAAGP,iBAAAA,CAAkBO,CAAAA"}

package/dist/menu/menu-button.js

@@ -43,7 +43,7 @@ function hasActiveItem(items, excludeElement) {
 const useMenuButton = createHook(function useMenuButton({ store, focusable, accessibleWhenDisabled, showOnHover, ...props }) {
 	const context = useMenuProviderContext();
 	store = store || context;
-	invariant(store, "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component.");
 	const ref = useRef(null);
 	const parentMenu = store.parent;
 	const parentMenubar = store.menubar;

package/dist/menu/menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.js","names":[],"sources":["../../src/menu/menu-button.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  useId,\n  useMergeRefs,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport {\n  getPopupItemRole,\n  getPopupRole,\n  disabledFromElement,\n  disabledFromProps,\n  invariant,\n} from \"@ariakit/utils\";\nimport type { ElementType, FocusEvent, KeyboardEvent, MouseEvent } from \"react\";\nimport { useRef } from \"react\";\nimport type { CompositeTypeaheadOptions } from \"../composite/composite-typeahead.tsx\";\nimport { useCompositeTypeahead } from \"../composite/composite-typeahead.tsx\";\nimport type { HovercardAnchorOptions } from \"../hovercard/hovercard-anchor.tsx\";\nimport { useHovercardAnchor } from \"../hovercard/hovercard-anchor.tsx\";\nimport type { PopoverDisclosureOptions } from \"../popover/popover-disclosure.tsx\";\nimport { usePopoverDisclosure } from \"../popover/popover-disclosure.tsx\";\nimport { Role } from \"../role/role.tsx\";\nimport {\n  MenuContextProvider,\n  useMenuProviderContext,\n} from \"./menu-context.tsx\";\nimport type { MenuStore, MenuStoreState } from \"./menu-store.ts\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName | \"div\";\ntype HTMLType = HTMLElementTagNameMap[TagName];\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nfunction getInitialFocus(event: KeyboardEvent, dir: BasePlacement) {\n  const keyMap = {\n    ArrowDown: dir === \"bottom\" || dir === \"top\" ? \"first\" : false,\n    ArrowUp: dir === \"bottom\" || dir === \"top\" ? \"last\" : false,\n    ArrowRight: dir === \"right\" ? \"first\" : false,\n    ArrowLeft: dir === \"left\" ? \"first\" : false,\n  } as const;\n  return keyMap[event.key as keyof typeof keyMap];\n}\n\nfunction hasActiveItem(\n  items?: MenuStoreState[\"items\"],\n  excludeElement?: Element | null,\n) {\n  return !!items?.some((item) => {\n    if (!item.element) return false;\n    if (item.element === excludeElement) return false;\n    return item.element.getAttribute(\"aria-expanded\") === \"true\";\n  });\n}\n\n/**\n * Returns props to create a `MenuButton` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenuButton({ store });\n * <Role {...props}>Edit</Role>\n * <Menu store={store}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Menu>\n * ```\n */\nexport const useMenuButton = createHook<TagName, MenuButtonOptions>(\n  function useMenuButton({\n    store,\n    focusable,\n    accessibleWhenDisabled,\n    showOnHover,\n    ...props\n  }) {\n    const context = useMenuProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuButton must receive a `store` prop or be wrapped in a MenuProvider component.\",\n    );\n\n    const ref = useRef<HTMLElement>(null);\n    const parentMenu = store.parent;\n    const parentMenubar = store.menubar;\n    const hasParentMenu = !!parentMenu;\n    const parentIsMenubar = !!parentMenubar && !hasParentMenu;\n    const disabled = disabledFromProps(props);\n    const isDisabled = (element: Element) =>\n      disabled || disabledFromElement(element);\n\n    const showMenu = () => {\n      const trigger = ref.current;\n      if (!trigger) return;\n      store?.setDisclosureElement(trigger);\n      store?.setAnchorElement(trigger);\n      store?.show();\n    };\n\n    const onFocusProp = props.onFocus;\n\n    const onFocus = useEvent((event: FocusEvent<HTMLType>) => {\n      onFocusProp?.(event as any);\n      if (isDisabled(event.currentTarget)) return;\n      if (event.defaultPrevented) return;\n      // Reset the autoFocusOnShow state so we can focus the menu button while\n      // the menu is open and press arrow keys to move focus to the menu items.\n      store?.setAutoFocusOnShow(false);\n      // We need to unset the active menu item so no menu item appears active\n      // while the menu button is focused.\n      store?.setActiveId(null);\n      // When the menu button is focused, we'll only show its menu if it's in a\n      // menu bar\n      if (!parentMenubar) return;\n      if (!parentIsMenubar) return;\n      const { items } = parentMenubar.getState();\n      // and there's already another expanded menu button or the previously\n      // focused element is another menu item.\n      if (hasActiveItem(items, event.currentTarget)) {\n        showMenu();\n      }\n    });\n\n    const dir = useStoreState(\n      store,\n      (state) => state.placement.split(\"-\")[0] as BasePlacement,\n    );\n\n    const onKeyDownProp = props.onKeyDown;\n\n    const onKeyDown = useEvent((event: KeyboardEvent<HTMLType>) => {\n      onKeyDownProp?.(event as any);\n      if (isDisabled(event.currentTarget)) return;\n      if (event.defaultPrevented) return;\n      const initialFocus = getInitialFocus(event, dir);\n      if (initialFocus) {\n        event.preventDefault();\n        const { open } = store.getState();\n        if (open) {\n          const id = initialFocus === \"last\" ? store.last() : store.first();\n          store.move(id);\n          return;\n        }\n        showMenu();\n        store?.setAutoFocusOnShow(true);\n        store?.setInitialFocus(initialFocus);\n      }\n    });\n\n    const onClickProp = props.onClick;\n\n    const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n      onClickProp?.(event as any);\n      if (event.defaultPrevented) return;\n      if (!store) return;\n      const isKeyboardClick = !event.detail;\n      const { open } = store.getState();\n      // When the menu button is clicked, if the menu is hidden or if it's a\n      // keyboard click (enter or space),\n      if (!open || isKeyboardClick) {\n        // we'll only automatically focus on the menu if it's not a submenu\n        // button, or if it's a keyboard click.\n        if (!hasParentMenu || isKeyboardClick) {\n          store.setAutoFocusOnShow(true);\n        }\n        store.setInitialFocus(isKeyboardClick ? \"first\" : \"container\");\n      }\n      // On submenu buttons, we can't hide the submenu by clicking on the menu\n      // button again.\n      if (hasParentMenu) {\n        showMenu();\n      }\n    });\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuContextProvider value={store}>{element}</MenuContextProvider>\n      ),\n      [store],\n    );\n\n    if (hasParentMenu) {\n      // On Safari, VO+Space triggers a click twice on native button elements\n      // with role menuitem (https://bugs.webkit.org/show_bug.cgi?id=228318).\n      // So, if the menu button is rendered within a menu, we need to render it\n      // as another element.\n      props = {\n        ...props,\n        render: <Role.div render={props.render} />,\n      };\n    }\n\n    // We'll use this id to render the aria-labelledby attribute on the menu.\n    const id = useId(props.id);\n\n    const parentContentElement = useStoreState(\n      parentMenu?.combobox || parentMenu,\n      \"contentElement\",\n    );\n\n    // When the menu button is rendered inside another menu, we set the role\n    // attribute here so it doesn't get overridden by the button component with\n    // role=\"button\".\n    const role =\n      hasParentMenu || parentIsMenubar\n        ? getPopupItemRole(parentContentElement, \"menuitem\")\n        : undefined;\n\n    const contentElement = useStoreState(store, \"contentElement\");\n\n    // Use the combobox presence to pick the correct fallback so\n    // aria-haspopup stays stable before the content element mounts.\n    // See https://github.com/ariakit/ariakit/issues/4443\n    const hasCombobox = !!store.combobox;\n    const popupRole = getPopupRole(\n      contentElement,\n      hasCombobox ? \"dialog\" : \"menu\",\n    );\n\n    props = {\n      role,\n      \"aria-haspopup\": popupRole,\n      ...props,\n      id,\n      ref: useMergeRefs(ref, props.ref),\n      onFocus,\n      onKeyDown,\n      onClick,\n    };\n\n    props = useHovercardAnchor<TagName>({\n      store,\n      focusable,\n      accessibleWhenDisabled,\n      ...props,\n      showOnHover: (event) => {\n        const getShowOnHover = () => {\n          if (typeof showOnHover === \"function\") return showOnHover(event);\n          if (showOnHover != null) return showOnHover;\n          if (hasParentMenu) return true;\n          if (!parentMenubar) return false;\n          const { items } = parentMenubar.getState();\n          return parentIsMenubar && hasActiveItem(items);\n        };\n        const canShowOnHover = getShowOnHover();\n        if (!canShowOnHover) return false;\n        const parent = parentIsMenubar ? parentMenubar : parentMenu;\n        if (!parent) return true;\n        // When hovering over a menu button shows a menu and the menu button is\n        // part of another menu or menubar, it's not guaranteed that the button\n        // will get focused. That's why we make sure the active item is updated\n        // on the parent menu store. See \"moving between menus with arrow keys\n        // after hovering over subitems\" test.\n        parent.setActiveId(event.currentTarget.id);\n        return true;\n      },\n    });\n\n    props = usePopoverDisclosure<TagName>({\n      store,\n      toggleOnClick: !hasParentMenu,\n      focusable,\n      accessibleWhenDisabled,\n      ...props,\n    });\n\n    props = useCompositeTypeahead<TagName>({\n      store,\n      typeahead: parentIsMenubar,\n      ...props,\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a menu button that toggles the visibility of a\n * [`Menu`](https://ariakit.com/reference/menu) component when clicked or when\n * using arrow keys.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {2}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuButton = forwardRef(function MenuButton(\n  props: MenuButtonProps,\n) {\n  const htmlProps = useMenuButton(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuButtonOptions<T extends ElementType = TagName>\n  extends\n    HovercardAnchorOptions<T>,\n    PopoverDisclosureOptions<T>,\n    CompositeTypeaheadOptions<T> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) component's\n   * context will be used.\n   */\n  store?: MenuStore;\n  /**\n   * Determines whether pressing a character key while focusing on the\n   * [`MenuButton`](https://ariakit.com/reference/menu-button) should move focus\n   * to the [`MenuItem`](https://ariakit.com/reference/menu-item) starting with\n   * that character.\n   *\n   * By default, it's `true` for menu buttons in a\n   * [`Menubar`](https://ariakit.com/reference/menubar), but `false` for other\n   * menu buttons.\n   */\n  typeahead?: boolean;\n}\n\nexport type MenuButtonProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuButtonOptions<T>\n>;\n"],"mappings":"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"}
+{"version":3,"file":"menu-button.js","names":[],"sources":["../../src/menu/menu-button.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  useId,\n  useMergeRefs,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport {\n  getPopupItemRole,\n  getPopupRole,\n  disabledFromElement,\n  disabledFromProps,\n  invariant,\n} from \"@ariakit/utils\";\nimport type { ElementType, FocusEvent, KeyboardEvent, MouseEvent } from \"react\";\nimport { useRef } from \"react\";\nimport type { CompositeTypeaheadOptions } from \"../composite/composite-typeahead.tsx\";\nimport { useCompositeTypeahead } from \"../composite/composite-typeahead.tsx\";\nimport type { HovercardAnchorOptions } from \"../hovercard/hovercard-anchor.tsx\";\nimport { useHovercardAnchor } from \"../hovercard/hovercard-anchor.tsx\";\nimport type { PopoverDisclosureOptions } from \"../popover/popover-disclosure.tsx\";\nimport { usePopoverDisclosure } from \"../popover/popover-disclosure.tsx\";\nimport { Role } from \"../role/role.tsx\";\nimport {\n  MenuContextProvider,\n  useMenuProviderContext,\n} from \"./menu-context.tsx\";\nimport type { MenuStore, MenuStoreState } from \"./menu-store.ts\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName | \"div\";\ntype HTMLType = HTMLElementTagNameMap[TagName];\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nfunction getInitialFocus(event: KeyboardEvent, dir: BasePlacement) {\n  const keyMap = {\n    ArrowDown: dir === \"bottom\" || dir === \"top\" ? \"first\" : false,\n    ArrowUp: dir === \"bottom\" || dir === \"top\" ? \"last\" : false,\n    ArrowRight: dir === \"right\" ? \"first\" : false,\n    ArrowLeft: dir === \"left\" ? \"first\" : false,\n  } as const;\n  return keyMap[event.key as keyof typeof keyMap];\n}\n\nfunction hasActiveItem(\n  items?: MenuStoreState[\"items\"],\n  excludeElement?: Element | null,\n) {\n  return !!items?.some((item) => {\n    if (!item.element) return false;\n    if (item.element === excludeElement) return false;\n    return item.element.getAttribute(\"aria-expanded\") === \"true\";\n  });\n}\n\n/**\n * Returns props to create a `MenuButton` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenuButton({ store });\n * <Role {...props}>Edit</Role>\n * <Menu store={store}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Menu>\n * ```\n */\nexport const useMenuButton = createHook<TagName, MenuButtonOptions>(\n  function useMenuButton({\n    store,\n    focusable,\n    accessibleWhenDisabled,\n    showOnHover,\n    ...props\n  }) {\n    const context = useMenuProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuButton must receive a `store` prop or be wrapped in a MenuProvider component.\",\n    );\n\n    const ref = useRef<HTMLElement>(null);\n    const parentMenu = store.parent;\n    const parentMenubar = store.menubar;\n    const hasParentMenu = !!parentMenu;\n    const parentIsMenubar = !!parentMenubar && !hasParentMenu;\n    const disabled = disabledFromProps(props);\n    const isDisabled = (element: Element) =>\n      disabled || disabledFromElement(element);\n\n    const showMenu = () => {\n      const trigger = ref.current;\n      if (!trigger) return;\n      store?.setDisclosureElement(trigger);\n      store?.setAnchorElement(trigger);\n      store?.show();\n    };\n\n    const onFocusProp = props.onFocus;\n\n    const onFocus = useEvent((event: FocusEvent<HTMLType>) => {\n      onFocusProp?.(event as any);\n      if (isDisabled(event.currentTarget)) return;\n      if (event.defaultPrevented) return;\n      // Reset the autoFocusOnShow state so we can focus the menu button while\n      // the menu is open and press arrow keys to move focus to the menu items.\n      store?.setAutoFocusOnShow(false);\n      // We need to unset the active menu item so no menu item appears active\n      // while the menu button is focused.\n      store?.setActiveId(null);\n      // When the menu button is focused, we'll only show its menu if it's in a\n      // menu bar\n      if (!parentMenubar) return;\n      if (!parentIsMenubar) return;\n      const { items } = parentMenubar.getState();\n      // and there's already another expanded menu button or the previously\n      // focused element is another menu item.\n      if (hasActiveItem(items, event.currentTarget)) {\n        showMenu();\n      }\n    });\n\n    const dir = useStoreState(\n      store,\n      (state) => state.placement.split(\"-\")[0] as BasePlacement,\n    );\n\n    const onKeyDownProp = props.onKeyDown;\n\n    const onKeyDown = useEvent((event: KeyboardEvent<HTMLType>) => {\n      onKeyDownProp?.(event as any);\n      if (isDisabled(event.currentTarget)) return;\n      if (event.defaultPrevented) return;\n      const initialFocus = getInitialFocus(event, dir);\n      if (initialFocus) {\n        event.preventDefault();\n        const { open } = store.getState();\n        if (open) {\n          const id = initialFocus === \"last\" ? store.last() : store.first();\n          store.move(id);\n          return;\n        }\n        showMenu();\n        store?.setAutoFocusOnShow(true);\n        store?.setInitialFocus(initialFocus);\n      }\n    });\n\n    const onClickProp = props.onClick;\n\n    const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n      onClickProp?.(event as any);\n      if (event.defaultPrevented) return;\n      if (!store) return;\n      const isKeyboardClick = !event.detail;\n      const { open } = store.getState();\n      // When the menu button is clicked, if the menu is hidden or if it's a\n      // keyboard click (enter or space),\n      if (!open || isKeyboardClick) {\n        // we'll only automatically focus on the menu if it's not a submenu\n        // button, or if it's a keyboard click.\n        if (!hasParentMenu || isKeyboardClick) {\n          store.setAutoFocusOnShow(true);\n        }\n        store.setInitialFocus(isKeyboardClick ? \"first\" : \"container\");\n      }\n      // On submenu buttons, we can't hide the submenu by clicking on the menu\n      // button again.\n      if (hasParentMenu) {\n        showMenu();\n      }\n    });\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuContextProvider value={store}>{element}</MenuContextProvider>\n      ),\n      [store],\n    );\n\n    if (hasParentMenu) {\n      // On Safari, VO+Space triggers a click twice on native button elements\n      // with role menuitem (https://bugs.webkit.org/show_bug.cgi?id=228318).\n      // So, if the menu button is rendered within a menu, we need to render it\n      // as another element.\n      props = {\n        ...props,\n        render: <Role.div render={props.render} />,\n      };\n    }\n\n    // We'll use this id to render the aria-labelledby attribute on the menu.\n    const id = useId(props.id);\n\n    const parentContentElement = useStoreState(\n      parentMenu?.combobox || parentMenu,\n      \"contentElement\",\n    );\n\n    // When the menu button is rendered inside another menu, we set the role\n    // attribute here so it doesn't get overridden by the button component with\n    // role=\"button\".\n    const role =\n      hasParentMenu || parentIsMenubar\n        ? getPopupItemRole(parentContentElement, \"menuitem\")\n        : undefined;\n\n    const contentElement = useStoreState(store, \"contentElement\");\n\n    // Use the combobox presence to pick the correct fallback so\n    // aria-haspopup stays stable before the content element mounts.\n    // See https://github.com/ariakit/ariakit/issues/4443\n    const hasCombobox = !!store.combobox;\n    const popupRole = getPopupRole(\n      contentElement,\n      hasCombobox ? \"dialog\" : \"menu\",\n    );\n\n    props = {\n      role,\n      \"aria-haspopup\": popupRole,\n      ...props,\n      id,\n      ref: useMergeRefs(ref, props.ref),\n      onFocus,\n      onKeyDown,\n      onClick,\n    };\n\n    props = useHovercardAnchor<TagName>({\n      store,\n      focusable,\n      accessibleWhenDisabled,\n      ...props,\n      showOnHover: (event) => {\n        const getShowOnHover = () => {\n          if (typeof showOnHover === \"function\") return showOnHover(event);\n          if (showOnHover != null) return showOnHover;\n          if (hasParentMenu) return true;\n          if (!parentMenubar) return false;\n          const { items } = parentMenubar.getState();\n          return parentIsMenubar && hasActiveItem(items);\n        };\n        const canShowOnHover = getShowOnHover();\n        if (!canShowOnHover) return false;\n        const parent = parentIsMenubar ? parentMenubar : parentMenu;\n        if (!parent) return true;\n        // When hovering over a menu button shows a menu and the menu button is\n        // part of another menu or menubar, it's not guaranteed that the button\n        // will get focused. That's why we make sure the active item is updated\n        // on the parent menu store. See \"moving between menus with arrow keys\n        // after hovering over subitems\" test.\n        parent.setActiveId(event.currentTarget.id);\n        return true;\n      },\n    });\n\n    props = usePopoverDisclosure<TagName>({\n      store,\n      toggleOnClick: !hasParentMenu,\n      focusable,\n      accessibleWhenDisabled,\n      ...props,\n    });\n\n    props = useCompositeTypeahead<TagName>({\n      store,\n      typeahead: parentIsMenubar,\n      ...props,\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a menu button that toggles the visibility of a\n * [`Menu`](https://ariakit.com/reference/menu) component when clicked or when\n * using arrow keys.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {2}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuButton = forwardRef(function MenuButton(\n  props: MenuButtonProps,\n) {\n  const htmlProps = useMenuButton(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuButtonOptions<T extends ElementType = TagName>\n  extends\n    HovercardAnchorOptions<T>,\n    PopoverDisclosureOptions<T>,\n    CompositeTypeaheadOptions<T> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) component's\n   * context will be used.\n   */\n  store?: MenuStore;\n  /**\n   * Determines whether pressing a character key while focusing on the\n   * [`MenuButton`](https://ariakit.com/reference/menu-button) should move focus\n   * to the [`MenuItem`](https://ariakit.com/reference/menu-item) starting with\n   * that character.\n   *\n   * By default, it's `true` for menu buttons in a\n   * [`Menubar`](https://ariakit.com/reference/menubar), but `false` for other\n   * menu buttons.\n   */\n  typeahead?: boolean;\n}\n\nexport type MenuButtonProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuButtonOptions<T>\n>;\n"],"mappings":"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"}

package/dist/menu/menu-context.d.ts

@@ -1,5 +1,5 @@
-import { t as MenubarStore } from "../menubar-store-3h0eNIbS.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenubarStore } from "../menubar-store-C553OKBw.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 
 //#region src/menu/menu-context.d.ts
 /**
@@ -42,6 +42,13 @@ declare const useMenuBarProviderContext: () => MenubarStore | undefined;
 declare const MenuBarContextProvider: (props: import("react").ProviderProps<MenubarStore | undefined>) => import("react/jsx-runtime").JSX.Element;
 declare const MenuBarScopedContextProvider: (props: import("react").ProviderProps<MenubarStore | undefined>) => import("react/jsx-runtime").JSX.Element;
 declare const MenuItemCheckedContext: import("react").Context<boolean | undefined>;
+/**
+ * Whether the enclosing menu list is currently hidden (e.g. a closed menu
+ * rendered without `unmountOnHide`). `MenuItem` uses it to skip registering
+ * items that aren't shown yet. Defaults to `false` so items without a menu list
+ * ancestor (such as menubar items) keep registering.
+ */
+declare const MenuListHiddenContext: import("react").Context<boolean>;
 //#endregion
-export { MenuBarContextProvider, MenuBarScopedContextProvider, MenuContextProvider, MenuItemCheckedContext, MenuScopedContextProvider, useMenuBarContext, useMenuBarProviderContext, useMenuBarScopedContext, useMenuContext, useMenuProviderContext, useMenuScopedContext };
+export { MenuBarContextProvider, MenuBarScopedContextProvider, MenuContextProvider, MenuItemCheckedContext, MenuListHiddenContext, MenuScopedContextProvider, useMenuBarContext, useMenuBarProviderContext, useMenuBarScopedContext, useMenuContext, useMenuProviderContext, useMenuScopedContext };
 //# sourceMappingURL=menu-context.d.ts.map

package/dist/menu/menu-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-context.d.ts","names":["MenuStore","useMenuContext","MenuStoreValues","useMenuScopedContext","onlyScoped","useMenuProviderContext","MenuContextProvider","ProviderProps","props","JSX","Element","MenuScopedContextProvider","useMenuBarContext","_$___menubar_menubar_store_ts0","MenubarStore","useMenuBarScopedContext","useMenuBarProviderContext","MenuBarContextProvider","MenuBarScopedContextProvider","MenuItemCheckedContext","Context"],"sources":["../../src/menu/menu-context.d.ts"],"mappings":";;;;;;;AAcA;;;;AAAkH;AAClH;;;;;cADqBC,cAAAA,QAAsBD,SAAS,+CAA+CE,eAAe;AAAA,cAC7FC,oBAAAA,GAAuBC,UAAAA,eAAyBJ,SAAS,+CAA+CE,eAAAA;AAAAA,cACxGG,sBAAAA,QAA8BL,SAAS,+CAA+CE,eAAe;AAAA,cACrGI,mBAAAA,GAAsBE,KAAAA,kBAAuBD,aAAAA,CAAcP,SAAS,+CAA+CE,eAAAA,+CAA8DO,GAAAA,CAAIC,OAAAA;AAAAA,cACrLC,yBAAAA,GAA4BH,KAAAA,kBAAuBD,aAAAA,CAAcP,SAAS,+CAA+CE,eAAAA,+CAA8DO,GAAAA,CAAIC,OAAAA;;;;AAFtF;AAC1H;;;;;;;;;;;AAAiN;cAkB5LE,iBAAAA,QAAuFC,YAAZ;AAAA,cAC3EE,uBAAAA,GAA0BX,UAAAA,eAAuFS,YAAZ;AAAA,cACrGG,yBAAAA,QAA+FH,YAAZ;AAAA,cACnFI,sBAAAA,GAAyBT,KAAAA,kBAAuBD,aAAAA,CAAyHM,YAAzD,8CAA8CJ,GAAAA,CAAIC,OAAAA;AAAAA,cAClKQ,4BAAAA,GAA+BV,KAAAA,kBAAuBD,aAAAA,CAAyHM,YAAzD,8CAA8CJ,GAAAA,CAAIC,OAAAA;AAAAA,cACxKS,sBAAAA,kBAAwCC,OAAO"}
+{"version":3,"file":"menu-context.d.ts","names":["MenuStore","useMenuContext","MenuStoreValues","useMenuScopedContext","onlyScoped","useMenuProviderContext","MenuContextProvider","ProviderProps","props","JSX","Element","MenuScopedContextProvider","useMenuBarContext","_$___menubar_menubar_store_ts0","MenubarStore","useMenuBarScopedContext","useMenuBarProviderContext","MenuBarContextProvider","MenuBarScopedContextProvider","MenuItemCheckedContext","Context","MenuListHiddenContext"],"sources":["../../src/menu/menu-context.d.ts"],"mappings":";;;;;;;AAcA;;;;AAAkH;AAClH;;;;;cADqBC,cAAAA,QAAsBD,SAAS,+CAA+CE,eAAe;AAAA,cAC7FC,oBAAAA,GAAuBC,UAAAA,eAAyBJ,SAAS,+CAA+CE,eAAAA;AAAAA,cACxGG,sBAAAA,QAA8BL,SAAS,+CAA+CE,eAAe;AAAA,cACrGI,mBAAAA,GAAsBE,KAAAA,kBAAuBD,aAAAA,CAAcP,SAAS,+CAA+CE,eAAAA,+CAA8DO,GAAAA,CAAIC,OAAAA;AAAAA,cACrLC,yBAAAA,GAA4BH,KAAAA,kBAAuBD,aAAAA,CAAcP,SAAS,+CAA+CE,eAAAA,+CAA8DO,GAAAA,CAAIC,OAAAA;;;;AAFtF;AAC1H;;;;;;;;;;;AAAiN;cAkB5LE,iBAAAA,QAAuFC,YAAZ;AAAA,cAC3EE,uBAAAA,GAA0BX,UAAAA,eAAuFS,YAAZ;AAAA,cACrGG,yBAAAA,QAA+FH,YAAZ;AAAA,cACnFI,sBAAAA,GAAyBT,KAAAA,kBAAuBD,aAAAA,CAAyHM,YAAzD,8CAA8CJ,GAAAA,CAAIC,OAAAA;AAAAA,cAClKQ,4BAAAA,GAA+BV,KAAAA,kBAAuBD,aAAAA,CAAyHM,YAAzD,8CAA8CJ,GAAAA,CAAIC,OAAAA;AAAAA,cACxKS,sBAAAA,kBAAwCC,OAAO;;;;;;AAtBmJ;cA6BlMC,qBAAAA,kBAAuCD,OAAO"}

package/dist/menu/menu-context.js

@@ -46,7 +46,14 @@ const useMenuBarProviderContext = useMenubarProviderContext;
 const MenuBarContextProvider = MenubarContextProvider;
 const MenuBarScopedContextProvider = MenubarScopedContextProvider;
 const MenuItemCheckedContext = createContext(void 0);
+/**
+* Whether the enclosing menu list is currently hidden (e.g. a closed menu
+* rendered without `unmountOnHide`). `MenuItem` uses it to skip registering
+* items that aren't shown yet. Defaults to `false` so items without a menu list
+* ancestor (such as menubar items) keep registering.
+*/
+const MenuListHiddenContext = createContext(false);
 //#endregion
-export { MenuBarContextProvider, MenuBarScopedContextProvider, MenuContextProvider, MenuItemCheckedContext, MenuScopedContextProvider, useMenuBarContext, useMenuBarProviderContext, useMenuBarScopedContext, useMenuContext, useMenuProviderContext, useMenuScopedContext };
+export { MenuBarContextProvider, MenuBarScopedContextProvider, MenuContextProvider, MenuItemCheckedContext, MenuListHiddenContext, MenuScopedContextProvider, useMenuBarContext, useMenuBarProviderContext, useMenuBarScopedContext, useMenuContext, useMenuProviderContext, useMenuScopedContext };
 
 //# sourceMappingURL=menu-context.js.map