@ariakit/react-components 0.1.1 → 0.1.2

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

@@ -1,5 +1,5 @@
 import { CompositeSeparatorOptions } from "../composite/composite-separator.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";
 
@@ -42,7 +42,7 @@ declare const useMenuSeparator: import("@ariakit/react-utils").Hook<"hr", MenuSe
  * </MenuProvider>
  * ```
  */
-declare const MenuSeparator: (props: MenuSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuSeparator: (props: MenuSeparatorProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuSeparatorOptions<T extends ElementType = TagName> extends CompositeSeparatorOptions<T> {
   /**
    * Object returned by the

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

@@ -1 +1 @@
-{"version":3,"file":"menu-separator.d.ts","names":["Props","ElementType","CompositeSeparatorOptions","MenuStore","TagName","useMenuSeparator","MenuSeparatorOptions","Hook","MenuSeparator","MenuSeparatorProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-separator.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAiB7B;;;;AAAqG;AAoBrG;AAvCiD,cAmB5BC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;;;;;;;;AAoB8C;AACnJ;;;;;;;;;;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,yBAAAA,CAA0BW,CAAAA;EAA1BX;;;;;AAQ1D;AAErB;EAFIY,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"menu-separator.d.ts","names":["Props","ElementType","CompositeSeparatorOptions","MenuStore","TagName","useMenuSeparator","MenuSeparatorOptions","Hook","MenuSeparator","MenuSeparatorProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-separator.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAiB7B;;;;AAAqG;AAoBrG;AAvCiD,cAmB5BC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;;;;;;;;AAoBkD;AACvJ;;;;;;;;;;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,yBAAAA,CAA0BW,CAAAA;EAA1BX;;;;;AAQ1D;AAErB;EAFIY,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

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

@@ -1,2 +1,2 @@
-import { a as MenuStoreState, c as useMenuStoreProps, i as MenuStoreProps, n as MenuStoreFunctions, o as MenuStoreValues, r as MenuStoreOptions, s as useMenuStore, t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { a as MenuStoreState, c as useMenuStoreProps, i as MenuStoreProps, n as MenuStoreFunctions, o as MenuStoreValues, r as MenuStoreOptions, s as useMenuStore, t as MenuStore } from "../menu-store-BpTJdcL8.js";
 export { MenuStore, MenuStoreFunctions, MenuStoreOptions, MenuStoreProps, MenuStoreState, MenuStoreValues, useMenuStore, useMenuStoreProps };

package/dist/menu/menu.js

@@ -26,7 +26,7 @@ const TagName = "div";
 const useMenu = createHook(function useMenu({ store, modal: modalProp = false, portal = modalProp, hideOnEscape = true, autoFocusOnShow = true, hideOnHoverOutside, alwaysVisible, ...props }) {
 	const context = useMenuProviderContext();
 	store = store || context;
-	invariant(store, "Menu must receive a `store` prop or be wrapped in a MenuProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "Menu 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useMergeRefs,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport {\n  fireEvent,\n  hasFocusWithin,\n  invariant,\n  isFalsyBooleanCallback,\n} from \"@ariakit/utils\";\nimport type { ElementType, MutableRefObject } from \"react\";\nimport { createRef, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createDialogComponent } from \"../dialog/dialog.tsx\";\nimport type { HovercardOptions } from \"../hovercard/hovercard.tsx\";\nimport { useHovercard } from \"../hovercard/hovercard.tsx\";\nimport { useMenuProviderContext } from \"./menu-context.tsx\";\nimport type { MenuListOptions } from \"./menu-list.tsx\";\nimport { useMenuList } from \"./menu-list.tsx\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `Menu` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenu({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Role {...props}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Role>\n * ```\n */\nexport const useMenu = createHook<TagName, MenuOptions>(function useMenu({\n  store,\n  modal: modalProp = false,\n  portal = modalProp,\n  hideOnEscape = true,\n  autoFocusOnShow = true,\n  hideOnHoverOutside,\n  alwaysVisible,\n  ...props\n}) {\n  const context = useMenuProviderContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"Menu must receive a `store` prop or be wrapped in a MenuProvider component.\",\n  );\n\n  const ref = useRef<HTMLType>(null);\n\n  const parentMenu = store.parent;\n  const parentMenubar = store.menubar;\n  const hasParentMenu = !!parentMenu;\n  const parentIsMenubar = !!parentMenubar && !hasParentMenu;\n  // If it's a submenu, it shouldn't behave like a modal dialog.\n  const modal = hasParentMenu ? false : modalProp;\n\n  props = {\n    ...props,\n    ref: useMergeRefs(ref, props.ref),\n  };\n\n  // The aria-labelledby prop on MenuList defaults to the MenuButton's id. On\n  // Dialog/Popover/Hovercard/Menu, we need to consider MenuHeading as well\n  // and it should take precedence. That's why we need to destructure this\n  // prop here and check if aria-labelledby is set later.\n  const { \"aria-labelledby\": ariaLabelledBy, ...menuListProps } = useMenuList({\n    store,\n    alwaysVisible,\n    ...props,\n  });\n\n  props = menuListProps;\n\n  const [initialFocusRef, setInitialFocusRef] =\n    useState<MutableRefObject<HTMLElement | null>>();\n\n  const autoFocusOnShowState = useStoreState(store, \"autoFocusOnShow\");\n  const initialFocus = useStoreState(store, \"initialFocus\");\n  const baseElement = useStoreState(store, \"baseElement\");\n  const items = useStoreState(store, \"renderedItems\");\n\n  // Sets the initial focus ref.\n  useEffect(() => {\n    let cleaning = false;\n    setInitialFocusRef((prevInitialFocusRef) => {\n      if (cleaning) return;\n      if (modal && prevInitialFocusRef?.current?.isConnected) {\n        return prevInitialFocusRef;\n      }\n      if (!autoFocusOnShowState) return;\n      let element: HTMLElement | null;\n      switch (initialFocus) {\n        // TODO: Refactor\n        case \"first\":\n          element =\n            items.find((item) => !item.disabled && item.element)?.element ||\n            null;\n          break;\n        case \"last\":\n          element =\n            [...items].reverse().find((item) => !item.disabled && item.element)\n              ?.element || null;\n          break;\n        default:\n          element = baseElement;\n      }\n      if (element && element === prevInitialFocusRef?.current) {\n        return prevInitialFocusRef;\n      }\n      const ref = createRef() as MutableRefObject<HTMLElement | null>;\n      ref.current = element;\n      return ref;\n    });\n    return () => {\n      cleaning = true;\n    };\n  }, [store, modal, autoFocusOnShowState, initialFocus, items, baseElement]);\n\n  // When the `autoFocusOnShow` prop is set to `true` (default), we'll only\n  // move focus to the menu when there's an initialFocusRef set or the menu is\n  // modal. Otherwise, users would have to manually call\n  // store.setAutoFocusOnShow(true) every time they want to open the menu.\n  // This differs from the usual dialog behavior that would automatically\n  // focus on the dialog container when no initialFocusRef is set.\n  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || modal;\n  const autoFocusOnShowProp =\n    autoFocusOnShow === false ? false : canAutoFocusOnShow && autoFocusOnShow;\n\n  const contentElement = useStoreState(\n    store.combobox || store,\n    \"contentElement\",\n  );\n  const parentContentElement = useStoreState(\n    parentMenu?.combobox || parentMenu,\n    \"contentElement\",\n  );\n\n  // This ensures that, when the menu is nested in a non-menu wrapper, the tab\n  // order will be preserved from the parent content element rather than from\n  // the anchor element. This is because the preserveTabOrderAnchor feature\n  // will use aria-owns to fix the tab order on screen readers. The parent\n  // content element may have a role that does not allow this menu's role as a\n  // child. By passing the parent content element as the tab order anchor, the\n  // aria-owns element will be added as a sibling instead. TODO: Test this.\n  const preserveTabOrderAnchor = useMemo(() => {\n    if (!parentContentElement) return;\n    if (!contentElement) return;\n    const role = contentElement.getAttribute(\"role\");\n    const parentRole = parentContentElement.getAttribute(\"role\");\n    const parentIsMenuOrMenubar =\n      parentRole === \"menu\" || parentRole === \"menubar\";\n    if (parentIsMenuOrMenubar && role === \"menu\") return;\n    return parentContentElement;\n  }, [contentElement, parentContentElement]);\n\n  if (preserveTabOrderAnchor !== undefined) {\n    props = {\n      preserveTabOrderAnchor,\n      ...props,\n    };\n  }\n\n  props = useHovercard({\n    store,\n    alwaysVisible,\n    initialFocus: initialFocusRef,\n    autoFocusOnShow: autoFocusOnShowProp,\n    ...props,\n    hideOnEscape(event) {\n      if (isFalsyBooleanCallback(hideOnEscape, event)) return false;\n      store?.hideAll();\n      return true;\n    },\n    hideOnHoverOutside(event) {\n      const disclosureElement = store?.getState().disclosureElement;\n      const getHideOnHoverOutside = () => {\n        if (typeof hideOnHoverOutside === \"function\") {\n          return hideOnHoverOutside(event);\n        }\n        if (hideOnHoverOutside != null) return hideOnHoverOutside;\n        // Hide the menu when hovering outside if it's a submenu in a dropdown\n        // menu or if it's a menu in a menubar and the menu button doesn't\n        // have focus.\n        if (hasParentMenu) return true;\n        if (!parentIsMenubar) return false;\n        if (!disclosureElement) return true;\n        if (hasFocusWithin(disclosureElement)) return false;\n        return true;\n      };\n      if (!getHideOnHoverOutside()) return false;\n      if (event.defaultPrevented) return true;\n      if (!hasParentMenu) return true;\n      if (!disclosureElement) return true;\n      // This can be tested by hovering over a menu item (that's also a menu\n      // button), waiting for the menu to open, and then moving towards the\n      // menu, but stopping before reaching it. Then, move the mouse to the\n      // other direction. The menu should close, but since we've already left\n      // the menu button, the mouseout and therefore the blurOnHoverEnd\n      // behavior won't be fired. That's why we need to manually re-fire it\n      // here when the menu is closed by hovering away.\n      fireEvent(disclosureElement, \"mouseout\", event);\n      if (!hasFocusWithin(disclosureElement)) return true;\n      // When the focus is determined by the aria-activedescendant attribute\n      // (virtual focus), the mouseout event above won't update the state\n      // synchronously. That is, the hasFocusWithin function above (which also\n      // takes into account aria-activedescendant) will be true even though\n      // the mouseout event has blurred the menu button.\n      requestAnimationFrame(() => {\n        if (hasFocusWithin(disclosureElement)) return;\n        store?.hide();\n      });\n      return false;\n    },\n    modal,\n    portal,\n    backdrop: hasParentMenu ? false : props.backdrop,\n  });\n\n  props = {\n    \"aria-labelledby\": ariaLabelledBy,\n    ...props,\n  };\n\n  return props;\n});\n\n/**\n * Renders a dropdown menu element that's controlled by a\n * [`MenuButton`](https://ariakit.com/reference/menu-button) component.\n *\n * This component uses the primitive\n * [`MenuList`](https://ariakit.com/reference/menu-list) component under the\n * hood. It renders a popover and automatically focuses on items when the menu\n * is shown.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {3-6}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const Menu = createDialogComponent(\n  forwardRef(function Menu(props: MenuProps) {\n    const htmlProps = useMenu(props);\n    return createElement(TagName, htmlProps);\n  }),\n  useMenuProviderContext,\n);\n\nexport interface MenuOptions<T extends ElementType = TagName>\n  extends MenuListOptions<T>, Omit<HovercardOptions<T>, \"store\"> {}\n\nexport type MenuProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuOptions<T>\n>;\n"],"mappings":"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"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useMergeRefs,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport {\n  fireEvent,\n  hasFocusWithin,\n  invariant,\n  isFalsyBooleanCallback,\n} from \"@ariakit/utils\";\nimport type { ElementType, MutableRefObject } from \"react\";\nimport { createRef, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createDialogComponent } from \"../dialog/dialog.tsx\";\nimport type { HovercardOptions } from \"../hovercard/hovercard.tsx\";\nimport { useHovercard } from \"../hovercard/hovercard.tsx\";\nimport { useMenuProviderContext } from \"./menu-context.tsx\";\nimport type { MenuListOptions } from \"./menu-list.tsx\";\nimport { useMenuList } from \"./menu-list.tsx\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `Menu` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenu({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Role {...props}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Role>\n * ```\n */\nexport const useMenu = createHook<TagName, MenuOptions>(function useMenu({\n  store,\n  modal: modalProp = false,\n  portal = modalProp,\n  hideOnEscape = true,\n  autoFocusOnShow = true,\n  hideOnHoverOutside,\n  alwaysVisible,\n  ...props\n}) {\n  const context = useMenuProviderContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"Menu must receive a `store` prop or be wrapped in a MenuProvider component.\",\n  );\n\n  const ref = useRef<HTMLType>(null);\n\n  const parentMenu = store.parent;\n  const parentMenubar = store.menubar;\n  const hasParentMenu = !!parentMenu;\n  const parentIsMenubar = !!parentMenubar && !hasParentMenu;\n  // If it's a submenu, it shouldn't behave like a modal dialog.\n  const modal = hasParentMenu ? false : modalProp;\n\n  props = {\n    ...props,\n    ref: useMergeRefs(ref, props.ref),\n  };\n\n  // The aria-labelledby prop on MenuList defaults to the MenuButton's id. On\n  // Dialog/Popover/Hovercard/Menu, we need to consider MenuHeading as well\n  // and it should take precedence. That's why we need to destructure this\n  // prop here and check if aria-labelledby is set later.\n  const { \"aria-labelledby\": ariaLabelledBy, ...menuListProps } = useMenuList({\n    store,\n    alwaysVisible,\n    ...props,\n  });\n\n  props = menuListProps;\n\n  const [initialFocusRef, setInitialFocusRef] =\n    useState<MutableRefObject<HTMLElement | null>>();\n\n  const autoFocusOnShowState = useStoreState(store, \"autoFocusOnShow\");\n  const initialFocus = useStoreState(store, \"initialFocus\");\n  const baseElement = useStoreState(store, \"baseElement\");\n  const items = useStoreState(store, \"renderedItems\");\n\n  // Sets the initial focus ref.\n  useEffect(() => {\n    let cleaning = false;\n    setInitialFocusRef((prevInitialFocusRef) => {\n      if (cleaning) return;\n      if (modal && prevInitialFocusRef?.current?.isConnected) {\n        return prevInitialFocusRef;\n      }\n      if (!autoFocusOnShowState) return;\n      let element: HTMLElement | null;\n      switch (initialFocus) {\n        // TODO: Refactor\n        case \"first\":\n          element =\n            items.find((item) => !item.disabled && item.element)?.element ||\n            null;\n          break;\n        case \"last\":\n          element =\n            [...items].reverse().find((item) => !item.disabled && item.element)\n              ?.element || null;\n          break;\n        default:\n          element = baseElement;\n      }\n      if (element && element === prevInitialFocusRef?.current) {\n        return prevInitialFocusRef;\n      }\n      const ref = createRef() as MutableRefObject<HTMLElement | null>;\n      ref.current = element;\n      return ref;\n    });\n    return () => {\n      cleaning = true;\n    };\n  }, [store, modal, autoFocusOnShowState, initialFocus, items, baseElement]);\n\n  // When the `autoFocusOnShow` prop is set to `true` (default), we'll only\n  // move focus to the menu when there's an initialFocusRef set or the menu is\n  // modal. Otherwise, users would have to manually call\n  // store.setAutoFocusOnShow(true) every time they want to open the menu.\n  // This differs from the usual dialog behavior that would automatically\n  // focus on the dialog container when no initialFocusRef is set.\n  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || modal;\n  const autoFocusOnShowProp =\n    autoFocusOnShow === false ? false : canAutoFocusOnShow && autoFocusOnShow;\n\n  const contentElement = useStoreState(\n    store.combobox || store,\n    \"contentElement\",\n  );\n  const parentContentElement = useStoreState(\n    parentMenu?.combobox || parentMenu,\n    \"contentElement\",\n  );\n\n  // This ensures that, when the menu is nested in a non-menu wrapper, the tab\n  // order will be preserved from the parent content element rather than from\n  // the anchor element. This is because the preserveTabOrderAnchor feature\n  // will use aria-owns to fix the tab order on screen readers. The parent\n  // content element may have a role that does not allow this menu's role as a\n  // child. By passing the parent content element as the tab order anchor, the\n  // aria-owns element will be added as a sibling instead. TODO: Test this.\n  const preserveTabOrderAnchor = useMemo(() => {\n    if (!parentContentElement) return;\n    if (!contentElement) return;\n    const role = contentElement.getAttribute(\"role\");\n    const parentRole = parentContentElement.getAttribute(\"role\");\n    const parentIsMenuOrMenubar =\n      parentRole === \"menu\" || parentRole === \"menubar\";\n    if (parentIsMenuOrMenubar && role === \"menu\") return;\n    return parentContentElement;\n  }, [contentElement, parentContentElement]);\n\n  if (preserveTabOrderAnchor !== undefined) {\n    props = {\n      preserveTabOrderAnchor,\n      ...props,\n    };\n  }\n\n  props = useHovercard({\n    store,\n    alwaysVisible,\n    initialFocus: initialFocusRef,\n    autoFocusOnShow: autoFocusOnShowProp,\n    ...props,\n    hideOnEscape(event) {\n      if (isFalsyBooleanCallback(hideOnEscape, event)) return false;\n      store?.hideAll();\n      return true;\n    },\n    hideOnHoverOutside(event) {\n      const disclosureElement = store?.getState().disclosureElement;\n      const getHideOnHoverOutside = () => {\n        if (typeof hideOnHoverOutside === \"function\") {\n          return hideOnHoverOutside(event);\n        }\n        if (hideOnHoverOutside != null) return hideOnHoverOutside;\n        // Hide the menu when hovering outside if it's a submenu in a dropdown\n        // menu or if it's a menu in a menubar and the menu button doesn't\n        // have focus.\n        if (hasParentMenu) return true;\n        if (!parentIsMenubar) return false;\n        if (!disclosureElement) return true;\n        if (hasFocusWithin(disclosureElement)) return false;\n        return true;\n      };\n      if (!getHideOnHoverOutside()) return false;\n      if (event.defaultPrevented) return true;\n      if (!hasParentMenu) return true;\n      if (!disclosureElement) return true;\n      // This can be tested by hovering over a menu item (that's also a menu\n      // button), waiting for the menu to open, and then moving towards the\n      // menu, but stopping before reaching it. Then, move the mouse to the\n      // other direction. The menu should close, but since we've already left\n      // the menu button, the mouseout and therefore the blurOnHoverEnd\n      // behavior won't be fired. That's why we need to manually re-fire it\n      // here when the menu is closed by hovering away.\n      fireEvent(disclosureElement, \"mouseout\", event);\n      if (!hasFocusWithin(disclosureElement)) return true;\n      // When the focus is determined by the aria-activedescendant attribute\n      // (virtual focus), the mouseout event above won't update the state\n      // synchronously. That is, the hasFocusWithin function above (which also\n      // takes into account aria-activedescendant) will be true even though\n      // the mouseout event has blurred the menu button.\n      requestAnimationFrame(() => {\n        if (hasFocusWithin(disclosureElement)) return;\n        store?.hide();\n      });\n      return false;\n    },\n    modal,\n    portal,\n    backdrop: hasParentMenu ? false : props.backdrop,\n  });\n\n  props = {\n    \"aria-labelledby\": ariaLabelledBy,\n    ...props,\n  };\n\n  return props;\n});\n\n/**\n * Renders a dropdown menu element that's controlled by a\n * [`MenuButton`](https://ariakit.com/reference/menu-button) component.\n *\n * This component uses the primitive\n * [`MenuList`](https://ariakit.com/reference/menu-list) component under the\n * hood. It renders a popover and automatically focuses on items when the menu\n * is shown.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {3-6}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const Menu = createDialogComponent(\n  forwardRef(function Menu(props: MenuProps) {\n    const htmlProps = useMenu(props);\n    return createElement(TagName, htmlProps);\n  }),\n  useMenuProviderContext,\n);\n\nexport interface MenuOptions<T extends ElementType = TagName>\n  extends MenuListOptions<T>, Omit<HovercardOptions<T>, \"store\"> {}\n\nexport type MenuProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAmDE,UAAM,WAAU,SAAA,QAAuB,EAAA,OAAA,OAAA,YAAA,OAAA,SAAA,WAAA,eAAA,MAAA,kBAAA,MAAA,oBAAA,eAAA,GAAA,SAAA;CACvC,MAAA,UAAQ,uBAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAM,QAAqB,IAAA,aAAA,gBAAA,6EAAA;CAEjC,MAAM,MAAA,OAAa,IAAA;CACnB,MAAM,aAAA,MAAgB;CACtB,MAAM,gBAAgB,MAAE;CACxB,MAAM,gBAAA,CAAA,CAAkB;CAExB,MAAM,kBAAQ,CAAA,CAAA,iBAAwB,CAAA;CAEtC,MAAA,QAAQ,gBAAA,QAAA;SACH;EACH,GAAA;EACF,KAAA,aAAA,KAAA,MAAA,GAAA;CAMA;OACE,EAAA,mBAAA,gBAAA,GAAA,kBAAA,YAAA;EACA;EACA;EACD,GAAA;CAED,CAAA;CAEA,QAAO;CAGP,MAAM,CAAA,iBAAA,sBAAqC,SAAO;CAClD,MAAM,uBAAe,cAAqB,OAAA,iBAAc;CACxD,MAAM,eAAc,cAAc,OAAO,cAAa;CACtD,MAAM,cAAQ,cAAc,OAAO,aAAe;CAGlD,MAAA,QAAA,cAAgB,OAAA,eAAA;iBACC;EACf,IAAA,WAAA;sBACgB,wBAAA;GACd,IAAI,UAAS;GAGb,IAAI,SAAC,qBAAsB,SAAA,aAAA,OAAA;GAC3B,IAAI,CAAA,sBAAA;GACJ,IAAA;WAEO;SACH;KAGA,UAAA,MAAA,MAAA,SAAA,CAAA,KAAA,YAAA,KAAA,OAAA,GAAA,WAAA;KACF;SACE;KAGA,UAAA,CAAA,GAAA,KAAA,EAAA,QAAA,EAAA,MAAA,SAAA,CAAA,KAAA,YAAA,KAAA,OAAA,GAAA,WAAA;KACF;IAEF,SAAA,UAAA;GACA;GAGA,IAAA,WAAY,YAAU,qBAAA,SAAA,OAAA;GACtB,MAAI,MAAA,UAAU;GACd,IAAA,UAAO;GACR,OAAA;EACD,CAAA;eACa;GACb,WAAA;EACF;IAAI;EAAO;EAAO;EAAsB;EAAc;EAAO;EAAY;CAQzE,CAAA;CACA,MAAM,qBAAA,CACJ,CAAA,mBAAoB,CAAA,CAAA,MAAQ,gBAAQ;CAEtC,MAAM,sBAAiB,oBACf,QAAY,QAClB,sBACF;CACA,MAAM,iBAAA,cAAuB,MAC3B,YAAY,OAAA,gBAAY;CAW1B,MAAM,uBAAA,cAAyB,YAAc,YAAA,YAAA,gBAAA;OACtC,yBAAsB,cAAA;EAC3B,IAAI,CAAC,sBAAgB;EACrB,IAAA,CAAA,gBAAa;EACb,MAAM,OAAA,eAAa,aAAqB,MAAA;EAGxC,MADE,aAAA,qBAAyB,aAAe,MACb;EAC7B,KAAA,eAAO,UAAA,eAAA,cAAA,SAAA,QAAA;EACT,OAAI;CAEJ,GAAA,CAAI,gBAAA,oBACF,CAAA;KACE,2BAAA,KAAA,GAAA,QAAA;EACA;EACF,GAAA;CAGF;SACE,aAAA;EACA;EACA;EACA,cAAA;EACA,iBAAG;EACH,GAAA;eACM,OAAA;GACJ,IAAA,uBAAe,cAAA,KAAA,GAAA,OAAA;GACf,OAAO,QAAA;GACT,OAAA;EACA;qBACQ,OAAA;GACN,MAAM,oBAAA,OAAA,SAA8B,EAAA;SAC9B,8BAA8B;IAGlC,IAAI,OAAA,uBAA4B,YAAO,OAAA,mBAAA,KAAA;IAIvC,IAAI,sBAAsB,MAAA,OAAA;IAC1B,IAAI,eAAC,OAAiB;IACtB,IAAI,CAAC,iBAAA,OAAmB;IACxB,IAAI,CAAA,mBAAe,OAAA;IACnB,IAAA,eAAO,iBAAA,GAAA,OAAA;IACT,OAAA;GACA;GACA,IAAI,CAAA,sBAAM,GAAkB,OAAO;GACnC,IAAI,MAAC,kBAAsB,OAAA;GAC3B,IAAI,CAAC,eAAA,OAAmB;GAQxB,IAAA,CAAA,mBAAU,OAAmB;GAC7B,UAAK,mBAAe,YAAoB,KAAA;GAMxC,IAAA,CAAA,eAAA,iBAA4B,GAAA,OAAA;+BACP;IACnB,IAAA,eAAY,iBAAA,GAAA;IACb,OAAA,KAAA;GACD,CAAA;GACF,OAAA;EACA;EACA;EACA;EACD,UAAA,gBAAA,QAAA,MAAA;CAED,CAAA;SACE;EACA,mBAAG;EACL,GAAA;CAEA;CACD,OAAA;;;;;;;;;;;;;;;;;;;;;;MAyBG,OAAO,sBADW,WACqB,SAAA,KAAA,OAAA;CACxC,OACD,cAAA,SACF,QAAA,KAAA,CAAA"}

package/dist/{menu-store-0CKKmNek.d.ts → menu-store-BpTJdcL8.d.ts}

@@ -2,7 +2,7 @@ import { t as DisclosureStore } from "./disclosure-store-BsaBaRKv.js";
 import { i as CompositeStoreOptions, n as CompositeStoreFunctions, o as CompositeStoreState } from "./composite-store-DyJc-XRA.js";
 import { t as ComboboxStore } from "./combobox-store-DEVQ45mZ.js";
 import { a as HovercardStoreState, n as HovercardStoreFunctions, r as HovercardStoreOptions } from "./hovercard-store-gIeoQEn_.js";
-import { t as MenubarStore } from "./menubar-store-3h0eNIbS.js";
+import { t as MenubarStore } from "./menubar-store-C553OKBw.js";
 import { BivariantCallback, PickRequired } from "@ariakit/utils";
 import { Store } from "@ariakit/react-store";
 import * as Core from "@ariakit/components/menu/menu-store";
@@ -80,4 +80,4 @@ interface MenuStoreProps<T extends MenuStoreValues = MenuStoreValues> extends Me
 interface MenuStore<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreFunctions<T>, Omit<Store<Core.MenuStore<T>>, "combobox" | "parent" | "menubar" | "disclosure"> {}
 //#endregion
 export { MenuStoreState as a, useMenuStoreProps as c, MenuStoreProps as i, MenuStoreFunctions as n, MenuStoreValues as o, MenuStoreOptions as r, useMenuStore as s, MenuStore as t };
-//# sourceMappingURL=menu-store-0CKKmNek.d.ts.map
+//# sourceMappingURL=menu-store-BpTJdcL8.d.ts.map

package/dist/{menu-store-0CKKmNek.d.ts.map → menu-store-BpTJdcL8.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-store-0CKKmNek.d.ts","names":["Core","Store","BivariantCallback","PickRequired","ComboboxStore","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","HovercardStoreFunctions","HovercardStoreOptions","HovercardStoreState","MenubarStore","useMenuStoreProps","T","MenuStore","MenuStoreProps","_$___disclosure_disclosure_store_ts0","DisclosureStore","MenuStoreValues","store","update","props","disclosure","combobox","ComboboxStoreSelectedValue","parent","menubar","useMenuStore","MenuStoreState","MenuStoreFunctions","MenuStoreOptions","Pick","Omit","setValues","values"],"sources":["../src/menu/menu-store.d.ts"],"mappings":";;;;;;;;;;iBAOwBY,iBAAAA,WAA4BZ,IAAAA,CAAKc,SAAAA,CAAAA,CAAWK,KAAAA,EAAON,CAAAA,EAAGO,MAAAA,cAAoBC,KAAAA,EAAON,cAAAA,GAAiBF,CAAAA;EACtHS,UAAAA,EADuHN,eAAAA;AAAAA;EAGvHO,QAAAA,EAAUnB,aAAAA,uDAAoEoB,0BAAAA;EAC9EC,MAAAA,EAAQX,SAAAA,CAAUd,IAAAA,CAAKkB,eAAAA;EACvBQ,OAAAA,EAASf,YAAAA;AAAAA;;;;;;;;;;;;;;;;iBAiBWgB,YAAAA,WAAuBT,eAAAA,GAAkBA,eAAAA,CAAAA,CAAiBG,KAAAA,EAAOlB,YAAAA,CAAaY,cAAAA,CAAeF,CAAAA,iCAAkCC,SAAAA,CAAUD,CAAAA;AAAAA,iBACzIc,YAAAA,CAAaN,KAAAA,GAAQN,cAAAA,GAAiBD,SAAS;AAAA,KAC3DI,eAAAA,GAAkBlB,IAAAA,CAAKkB,eAAe;AAAA,UACjCU,cAAAA,WAAyBV,eAAAA,GAAkBA,eAAAA,UAAyBlB,IAAAA,CAAK4B,cAAAA,CAAef,CAAAA,GAAIN,mBAAAA,EAAqBG,mBAAAA;AAAAA,UAEjHmB,kBAAAA,WAA6BX,eAAAA,GAAkBA,eAAAA,UAAyBa,IAAAA,CAAKD,gBAAAA,qDAAqEE,IAAAA,CAAKhC,IAAAA,CAAK6B,kBAAAA,CAAmBhB,CAAAA,sDAAuDR,uBAAAA,EAAyBG,uBAAAA;AAAAA,UAE/PsB,gBAAAA,WAA2BZ,eAAAA,GAAkBA,eAAAA,UAAyBc,IAAAA,CAAKhC,IAAAA,CAAK8B,gBAAAA,CAAiBjB,CAAAA,kBAAmBP,qBAAAA,EAAuBG,qBAAAA;EA1B1Ee;;;;;;;;AAEzD;AAiBzB;EAkBIS,SAAAA,GAAY/B,iBAAAA,EAAmBgC,MAAAA,EAAQN,cAAAA,CAAef,CAAAA;EAlBtBA;;;;;;EAyBhCU,QAAAA,GAAWnB,aAAAA;EAzBwIU;;;;;;;;;;EAoCnJW,MAAAA,GAASX,SAAAA;EApCoJD;;AAAC;AAClK;;;;;;EA6CIa,OAAAA,GAAUf,YAAAA;AAAAA;AAAAA,UAEGI,cAAAA,WAAyBG,eAAAA,GAAkBA,eAAAA,UAAyBY,gBAAAA,CAAiBjB,CAAAA,GAAImB,IAAAA,CAAKhC,IAAAA,CAAKe,cAAAA,CAAeF,CAAAA;AAAAA,UAElHC,SAAAA,WAAoBI,eAAAA,GAAkBA,eAAAA,UAAyBW,kBAAAA,CAAmBhB,CAAAA,GAAImB,IAAAA,CAAK/B,KAAAA,CAAMD,IAAAA,CAAKc,SAAAA,CAAUD,CAAAA"}
+{"version":3,"file":"menu-store-BpTJdcL8.d.ts","names":["Core","Store","BivariantCallback","PickRequired","ComboboxStore","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","HovercardStoreFunctions","HovercardStoreOptions","HovercardStoreState","MenubarStore","useMenuStoreProps","T","MenuStore","MenuStoreProps","_$___disclosure_disclosure_store_ts0","DisclosureStore","MenuStoreValues","store","update","props","disclosure","combobox","ComboboxStoreSelectedValue","parent","menubar","useMenuStore","MenuStoreState","MenuStoreFunctions","MenuStoreOptions","Pick","Omit","setValues","values"],"sources":["../src/menu/menu-store.d.ts"],"mappings":";;;;;;;;;;iBAOwBY,iBAAAA,WAA4BZ,IAAAA,CAAKc,SAAAA,CAAAA,CAAWK,KAAAA,EAAON,CAAAA,EAAGO,MAAAA,cAAoBC,KAAAA,EAAON,cAAAA,GAAiBF,CAAAA;EACtHS,UAAAA,EADuHN,eAAAA;AAAAA;EAGvHO,QAAAA,EAAUnB,aAAAA,uDAAoEoB,0BAAAA;EAC9EC,MAAAA,EAAQX,SAAAA,CAAUd,IAAAA,CAAKkB,eAAAA;EACvBQ,OAAAA,EAASf,YAAAA;AAAAA;;;;;;;;;;;;;;;;iBAiBWgB,YAAAA,WAAuBT,eAAAA,GAAkBA,eAAAA,CAAAA,CAAiBG,KAAAA,EAAOlB,YAAAA,CAAaY,cAAAA,CAAeF,CAAAA,iCAAkCC,SAAAA,CAAUD,CAAAA;AAAAA,iBACzIc,YAAAA,CAAaN,KAAAA,GAAQN,cAAAA,GAAiBD,SAAS;AAAA,KAC3DI,eAAAA,GAAkBlB,IAAAA,CAAKkB,eAAe;AAAA,UACjCU,cAAAA,WAAyBV,eAAAA,GAAkBA,eAAAA,UAAyBlB,IAAAA,CAAK4B,cAAAA,CAAef,CAAAA,GAAIN,mBAAAA,EAAqBG,mBAAAA;AAAAA,UAEjHmB,kBAAAA,WAA6BX,eAAAA,GAAkBA,eAAAA,UAAyBa,IAAAA,CAAKD,gBAAAA,qDAAqEE,IAAAA,CAAKhC,IAAAA,CAAK6B,kBAAAA,CAAmBhB,CAAAA,sDAAuDR,uBAAAA,EAAyBG,uBAAAA;AAAAA,UAE/PsB,gBAAAA,WAA2BZ,eAAAA,GAAkBA,eAAAA,UAAyBc,IAAAA,CAAKhC,IAAAA,CAAK8B,gBAAAA,CAAiBjB,CAAAA,kBAAmBP,qBAAAA,EAAuBG,qBAAAA;EA1B1Ee;;;;;;;;AAEzD;AAiBzB;EAkBIS,SAAAA,GAAY/B,iBAAAA,EAAmBgC,MAAAA,EAAQN,cAAAA,CAAef,CAAAA;EAlBtBA;;;;;;EAyBhCU,QAAAA,GAAWnB,aAAAA;EAzBwIU;;;;;;;;;;EAoCnJW,MAAAA,GAASX,SAAAA;EApCoJD;;AAAC;AAClK;;;;;;EA6CIa,OAAAA,GAAUf,YAAAA;AAAAA;AAAAA,UAEGI,cAAAA,WAAyBG,eAAAA,GAAkBA,eAAAA,UAAyBY,gBAAAA,CAAiBjB,CAAAA,GAAImB,IAAAA,CAAKhC,IAAAA,CAAKe,cAAAA,CAAeF,CAAAA;AAAAA,UAElHC,SAAAA,WAAoBI,eAAAA,GAAkBA,eAAAA,UAAyBW,kBAAAA,CAAmBhB,CAAAA,GAAImB,IAAAA,CAAK/B,KAAAA,CAAMD,IAAAA,CAAKc,SAAAA,CAAUD,CAAAA"}

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

@@ -1,4 +1,4 @@
-import { t as MenubarStore } from "../menubar-store-3h0eNIbS.js";
+import { t as MenubarStore } from "../menubar-store-C553OKBw.js";
 
 //#region src/menubar/menubar-context.d.ts
 /**
@@ -19,7 +19,6 @@ declare const useMenubarScopedContext: (onlyScoped?: boolean) => MenubarStore |
 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>;
 //#endregion
-export { MenuItemCheckedContext, MenubarContextProvider, MenubarScopedContextProvider, useMenubarContext, useMenubarProviderContext, useMenubarScopedContext };
+export { MenubarContextProvider, MenubarScopedContextProvider, useMenubarContext, useMenubarProviderContext, useMenubarScopedContext };
 //# sourceMappingURL=menubar-context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menubar-context.d.ts","names":["MenubarStore","useMenubarContext","useMenubarScopedContext","onlyScoped","useMenubarProviderContext","MenubarContextProvider","ProviderProps","props","JSX","Element","MenubarScopedContextProvider","MenuItemCheckedContext","Context"],"sources":["../../src/menubar/menubar-context.d.ts"],"mappings":";;;;;AAcA;;;;AAA0D;AAC1D;;;;AAAoF;AACpF;cAFqBC,iBAAAA,QAAyBD,YAAY;AAAA,cACrCE,uBAAAA,GAA0BC,UAAAA,eAAyBH,YAAY;AAAA,cAC/DI,yBAAAA,QAAiCJ,YAAY;AAAA,cAC7CK,sBAAAA,GAAyBE,KAAAA,kBAAuBD,aAAAA,CAAcN,YAAY,8CAA8CQ,GAAAA,CAAIC,OAAAA;AAAAA,cAC5HC,4BAAAA,GAA+BH,KAAAA,kBAAuBD,aAAAA,CAAcN,YAAY,8CAA8CQ,GAAAA,CAAIC,OAAAA;AAAAA,cAClIE,sBAAAA,kBAAwCC,OAAO"}
+{"version":3,"file":"menubar-context.d.ts","names":["MenubarStore","useMenubarContext","useMenubarScopedContext","onlyScoped","useMenubarProviderContext","MenubarContextProvider","ProviderProps","props","JSX","Element","MenubarScopedContextProvider"],"sources":["../../src/menubar/menubar-context.d.ts"],"mappings":";;;;;AAcA;;;;AAA0D;AAC1D;;;;AAAoF;AACpF;cAFqBC,iBAAAA,QAAyBD,YAAY;AAAA,cACrCE,uBAAAA,GAA0BC,UAAAA,eAAyBH,YAAY;AAAA,cAC/DI,yBAAAA,QAAiCJ,YAAY;AAAA,cAC7CK,sBAAAA,GAAyBE,KAAAA,kBAAuBD,aAAAA,CAAcN,YAAY,8CAA8CQ,GAAAA,CAAIC,OAAAA;AAAAA,cAC5HC,4BAAAA,GAA+BH,KAAAA,kBAAuBD,aAAAA,CAAcN,YAAY,8CAA8CQ,GAAAA,CAAIC,OAAAA"}

package/dist/menubar/menubar-context.js

@@ -1,7 +1,6 @@
 "use client";
 import { CompositeContextProvider, CompositeScopedContextProvider } from "../composite/composite-context.js";
 import { createStoreContext } from "@ariakit/react-utils";
-import { createContext } from "react";
 //#region src/menubar/menubar-context.tsx
 const menubar = createStoreContext([CompositeContextProvider], [CompositeScopedContextProvider]);
 /**
@@ -22,8 +21,7 @@ const useMenubarScopedContext = menubar.useScopedContext;
 const useMenubarProviderContext = menubar.useProviderContext;
 const MenubarContextProvider = menubar.ContextProvider;
 const MenubarScopedContextProvider = menubar.ScopedContextProvider;
-const MenuItemCheckedContext = createContext(void 0);
 //#endregion
-export { MenuItemCheckedContext, MenubarContextProvider, MenubarScopedContextProvider, useMenubarContext, useMenubarProviderContext, useMenubarScopedContext };
+export { MenubarContextProvider, MenubarScopedContextProvider, useMenubarContext, useMenubarProviderContext, useMenubarScopedContext };
 
 //# sourceMappingURL=menubar-context.js.map

package/dist/menubar/menubar-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar-context.js","names":[],"sources":["../../src/menubar/menubar-context.tsx"],"sourcesContent":["import { createStoreContext } from \"@ariakit/react-utils\";\nimport { createContext } from \"react\";\nimport {\n  CompositeContextProvider,\n  CompositeScopedContextProvider,\n} from \"../composite/composite-context.tsx\";\nimport type { MenubarStore } from \"./menubar-store.ts\";\n\nconst menubar = createStoreContext<MenubarStore>(\n  [CompositeContextProvider],\n  [CompositeScopedContextProvider],\n);\n\n/**\n * Returns the menubar store from the nearest menubar container.\n * @example\n * function Menubar() {\n *   const store = useMenubarContext();\n *\n *   if (!store) {\n *     throw new Error(\"Menubar must be wrapped in MenubarProvider\");\n *   }\n *\n *   // Use the store...\n * }\n */\nexport const useMenubarContext = menubar.useContext;\n\nexport const useMenubarScopedContext = menubar.useScopedContext;\n\nexport const useMenubarProviderContext = menubar.useProviderContext;\n\nexport const MenubarContextProvider = menubar.ContextProvider;\n\nexport const MenubarScopedContextProvider = menubar.ScopedContextProvider;\n\nexport const MenuItemCheckedContext = createContext<boolean | undefined>(\n  undefined,\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,MAAa,oBAAA,QAA0B;AAEvC,MAAa,0BAAA,QAA4B;AAEzC,MAAa,4BAAyB,QAAQ;AAE9C,MAAa,yBAAA,QAA+B;AAE5C,MAAa,+BAAyB,QACpC"}
+{"version":3,"file":"menubar-context.js","names":[],"sources":["../../src/menubar/menubar-context.tsx"],"sourcesContent":["import { createStoreContext } from \"@ariakit/react-utils\";\nimport {\n  CompositeContextProvider,\n  CompositeScopedContextProvider,\n} from \"../composite/composite-context.tsx\";\nimport type { MenubarStore } from \"./menubar-store.ts\";\n\nconst menubar = createStoreContext<MenubarStore>(\n  [CompositeContextProvider],\n  [CompositeScopedContextProvider],\n);\n\n/**\n * Returns the menubar store from the nearest menubar container.\n * @example\n * function Menubar() {\n *   const store = useMenubarContext();\n *\n *   if (!store) {\n *     throw new Error(\"Menubar must be wrapped in MenubarProvider\");\n *   }\n *\n *   // Use the store...\n * }\n */\nexport const useMenubarContext = menubar.useContext;\n\nexport const useMenubarScopedContext = menubar.useScopedContext;\n\nexport const useMenubarProviderContext = menubar.useProviderContext;\n\nexport const MenubarContextProvider = menubar.ContextProvider;\n\nexport const MenubarScopedContextProvider = menubar.ScopedContextProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAa,oBAAA,QAA0B;AAEvC,MAAa,0BAAA,QAA4B;AAEzC,MAAa,4BAAyB,QAAQ;AAE9C,MAAa,yBAAA,QAA+B"}

package/dist/menubar/menubar-provider.d.ts

@@ -1,4 +1,4 @@
-import { i as MenubarStoreProps } from "../menubar-store-3h0eNIbS.js";
+import { i as MenubarStoreProps } from "../menubar-store-C553OKBw.js";
 import { ReactNode } from "react";
 
 //#region src/menubar/menubar-provider.d.ts

package/dist/menubar/menubar-store.d.ts

@@ -1,2 +1,2 @@
-import { a as MenubarStoreState, i as MenubarStoreProps, n as MenubarStoreFunctions, o as useMenubarStore, r as MenubarStoreOptions, s as useMenubarStoreProps, t as MenubarStore } from "../menubar-store-3h0eNIbS.js";
+import { a as MenubarStoreState, i as MenubarStoreProps, n as MenubarStoreFunctions, o as useMenubarStore, r as MenubarStoreOptions, s as useMenubarStoreProps, t as MenubarStore } from "../menubar-store-C553OKBw.js";
 export { MenubarStore, MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreProps, MenubarStoreState, useMenubarStore, useMenubarStoreProps };

package/dist/menubar/menubar-store.js

@@ -12,9 +12,9 @@ function useMenubarStoreProps(store, update, props) {
 * @see https://ariakit.com/components/menubar
 * @example
 * ```jsx
-* const menu = useMenubarStore();
+* const menubar = useMenubarStore();
 *
-* <Menubar store={menu} />
+* <Menubar store={menubar} />
 * ```
 */
 function useMenubarStore(props = {}) {

package/dist/menubar/menubar-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar-store.js","names":[],"sources":["../../src/menubar/menubar-store.ts"],"sourcesContent":["import * as Core from \"@ariakit/components/menubar/menubar-store\";\nimport { useStore } from \"@ariakit/react-store\";\nimport type { Store } from \"@ariakit/react-store\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { useCompositeStoreProps } from \"../composite/composite-store.ts\";\n\nexport function useMenubarStoreProps<T extends Core.MenubarStore>(\n  store: T,\n  update: () => void,\n  props: MenubarStoreProps,\n) {\n  return useCompositeStoreProps(store, update, props);\n}\n\n/**\n * Creates a menubar store to control the state of\n * [Menubar](https://ariakit.com/components/menubar) components.\n * @see https://ariakit.com/components/menubar\n * @example\n * ```jsx\n * const menu = useMenubarStore();\n *\n * <Menubar store={menu} />\n * ```\n */\nexport function useMenubarStore(props: MenubarStoreProps = {}): MenubarStore {\n  const [store, update] = useStore(Core.createMenubarStore, props);\n  return useMenubarStoreProps(store, update, props);\n}\n\nexport interface MenubarStoreState\n  extends Core.MenubarStoreState, CompositeStoreState {}\n\nexport interface MenubarStoreFunctions\n  extends Core.MenubarStoreFunctions, CompositeStoreFunctions {}\n\nexport interface MenubarStoreOptions\n  extends Core.MenubarStoreOptions, CompositeStoreOptions {}\n\nexport interface MenubarStoreProps\n  extends MenubarStoreOptions, Core.MenubarStoreProps {}\n\nexport interface MenubarStore\n  extends MenubarStoreFunctions, Store<Core.MenubarStore> {}\n"],"mappings":";;;;;SAeS,qBAAA,OAAuB,QAAO,OAAa;CACpD,OAAA,uBAAA,OAAA,QAAA,KAAA;;;;;;;;;;;;;SAcS,gBAAiB,QAAA,CAAS,GAAA;CACjC,MAAA,CAAO,OAAA,UAAA,SAAqB,KAAO,oBAAa,KAAA;CAClD,OAAA,qBAAA,OAAA,QAAA,KAAA"}
+{"version":3,"file":"menubar-store.js","names":[],"sources":["../../src/menubar/menubar-store.ts"],"sourcesContent":["import * as Core from \"@ariakit/components/menubar/menubar-store\";\nimport { useStore } from \"@ariakit/react-store\";\nimport type { Store } from \"@ariakit/react-store\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { useCompositeStoreProps } from \"../composite/composite-store.ts\";\n\nexport function useMenubarStoreProps<T extends Core.MenubarStore>(\n  store: T,\n  update: () => void,\n  props: MenubarStoreProps,\n) {\n  return useCompositeStoreProps(store, update, props);\n}\n\n/**\n * Creates a menubar store to control the state of\n * [Menubar](https://ariakit.com/components/menubar) components.\n * @see https://ariakit.com/components/menubar\n * @example\n * ```jsx\n * const menubar = useMenubarStore();\n *\n * <Menubar store={menubar} />\n * ```\n */\nexport function useMenubarStore(props: MenubarStoreProps = {}): MenubarStore {\n  const [store, update] = useStore(Core.createMenubarStore, props);\n  return useMenubarStoreProps(store, update, props);\n}\n\nexport interface MenubarStoreState\n  extends Core.MenubarStoreState, CompositeStoreState {}\n\nexport interface MenubarStoreFunctions\n  extends Core.MenubarStoreFunctions, CompositeStoreFunctions {}\n\nexport interface MenubarStoreOptions\n  extends Core.MenubarStoreOptions, CompositeStoreOptions {}\n\nexport interface MenubarStoreProps\n  extends MenubarStoreOptions, Core.MenubarStoreProps {}\n\nexport interface MenubarStore\n  extends MenubarStoreFunctions, Store<Core.MenubarStore> {}\n"],"mappings":";;;;;SAeS,qBAAA,OAAuB,QAAO,OAAa;CACpD,OAAA,uBAAA,OAAA,QAAA,KAAA;;;;;;;;;;;;;SAcS,gBAAiB,QAAA,CAAS,GAAA;CACjC,MAAA,CAAO,OAAA,UAAA,SAAqB,KAAO,oBAAa,KAAA;CAClD,OAAA,qBAAA,OAAA,QAAA,KAAA"}

package/dist/menubar/menubar.d.ts

@@ -1,5 +1,5 @@
-import { n as CompositeOptions } from "../composite-DLvyFHMq.js";
-import { i as MenubarStoreProps, t as MenubarStore } from "../menubar-store-3h0eNIbS.js";
+import { n as CompositeOptions } from "../composite-KBhCGLEy.js";
+import { i as MenubarStoreProps, t as MenubarStore } from "../menubar-store-C553OKBw.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -52,7 +52,7 @@ declare const useMenubar: import("@ariakit/react-utils").Hook<"div", MenubarOpti
  * </Menubar>
  * ```
  */
-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 CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
   /**
    * Object returned by the

package/dist/menubar/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","names":["Props","ElementType","CompositeOptions","MenubarStore","MenubarStoreProps","TagName","useMenubar","MenubarOptions","Hook","Menubar","MenubarProps","props","ReactElement","JSXElementConstructor","T","Pick","store"],"sources":["../../src/menubar/menubar.d.ts"],"mappings":";;;;;;cAIcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF6C;;;;AACrD;AAAA;;;;AACQ;AAqB7B;;;;AAA0F;AA0B1F;;;;;AAjD0E,cAuBrDC,UAAAA,iCAA2CE,IAAAA,QAAYD,cAAc;;;;AA0B6C;AACvI;;;;;;;;;;;;;;;;;;;;;cADqBE,OAAAA,GAAUE,KAAAA,EAAOD,YAAY,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACjGN,cAAAA,WAAyBN,WAAAA,GAAcI,OAAAA,UAAiBH,gBAAAA,CAAiBY,CAAAA,GAAIC,IAAAA,CAAKX,iBAAAA;EAYvFM;;;;;;;;;EAFRM,KAAAA,GAAQb,YAAAA;AAAAA;AAAAA,KAEAO,YAAAA,WAAuBT,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMc,CAAAA,EAAGP,cAAAA,CAAeO,CAAAA"}
+{"version":3,"file":"menubar.d.ts","names":["Props","ElementType","CompositeOptions","MenubarStore","MenubarStoreProps","TagName","useMenubar","MenubarOptions","Hook","Menubar","MenubarProps","props","ReactElement","JSXElementConstructor","T","Pick","store"],"sources":["../../src/menubar/menubar.d.ts"],"mappings":";;;;;;cAIcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF6C;;;;AACrD;AAAA;;;;AACQ;AAqB7B;;;;AAA0F;AA0B1F;;;;;AAjD0E,cAuBrDC,UAAAA,iCAA2CE,IAAAA,QAAYD,cAAc;;;;AA0BiD;AAC3I;;;;;;;;;;;;;;;;;;;;;cADqBE,OAAAA,GAAUE,KAAAA,EAAOD,YAAY,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACrGN,cAAAA,WAAyBN,WAAAA,GAAcI,OAAAA,UAAiBH,gBAAAA,CAAiBY,CAAAA,GAAIC,IAAAA,CAAKX,iBAAAA;EAYvFM;;;;;;;;;EAFRM,KAAAA,GAAQb,YAAAA;AAAAA;AAAAA,KAEAO,YAAAA,WAAuBT,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMc,CAAAA,EAAGP,cAAAA,CAAeO,CAAAA"}

package/dist/{menubar-store-3h0eNIbS.d.ts → menubar-store-C553OKBw.d.ts}

@@ -10,9 +10,9 @@ declare function useMenubarStoreProps<T extends Core.MenubarStore>(store: T, upd
  * @see https://ariakit.com/components/menubar
  * @example
  * ```jsx
- * const menu = useMenubarStore();
+ * const menubar = useMenubarStore();
  *
- * <Menubar store={menu} />
+ * <Menubar store={menubar} />
  * ```
  */
 declare function useMenubarStore(props?: MenubarStoreProps): MenubarStore;
@@ -23,4 +23,4 @@ interface MenubarStoreProps extends MenubarStoreOptions, Core.MenubarStoreProps
 interface MenubarStore extends MenubarStoreFunctions, Store<Core.MenubarStore> {}
 //#endregion
 export { MenubarStoreState as a, MenubarStoreProps as i, MenubarStoreFunctions as n, useMenubarStore as o, MenubarStoreOptions as r, useMenubarStoreProps as s, MenubarStore as t };
-//# sourceMappingURL=menubar-store-3h0eNIbS.d.ts.map
+//# sourceMappingURL=menubar-store-C553OKBw.d.ts.map

package/dist/{menubar-store-3h0eNIbS.d.ts.map → menubar-store-C553OKBw.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"menubar-store-3h0eNIbS.d.ts","names":["Core","Store","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","useMenubarStoreProps","T","MenubarStore","MenubarStoreProps","store","update","props","useMenubarStore","MenubarStoreState","MenubarStoreFunctions","MenubarStoreOptions"],"sources":["../src/menubar/menubar-store.d.ts"],"mappings":";;;;;iBAGwBK,oBAAAA,WAA+BL,IAAAA,CAAKO,YAAAA,CAAAA,CAAcE,KAAAA,EAAOH,CAAAA,EAAGI,MAAAA,cAAoBC,KAAAA,EAAOH,iBAAAA,GAAoBF,CAAAA;;AAAnI;;;;;;;;;;iBAYwBM,eAAAA,CAAgBD,KAAAA,GAAQH,iBAAAA,GAAoBD,YAAY;AAAA,UAC/DM,iBAAAA,SAA0Bb,IAAAA,CAAKa,iBAAAA,EAAmBT,mBAAmB;AAAA,UAErEU,qBAAAA,SAA8Bd,IAAAA,CAAKc,qBAAAA,EAAuBZ,uBAAuB;AAAA,UAEjFa,mBAAAA,SAA4Bf,IAAAA,CAAKe,mBAAAA,EAAqBZ,qBAAqB;AAAA,UAE3EK,iBAAAA,SAA0BO,mBAAAA,EAAqBf,IAAAA,CAAKQ,iBAAiB;AAAA,UAErED,YAAAA,SAAqBO,qBAAAA,EAAuBb,KAAAA,CAAMD,IAAAA,CAAKO,YAAAA"}
+{"version":3,"file":"menubar-store-C553OKBw.d.ts","names":["Core","Store","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","useMenubarStoreProps","T","MenubarStore","MenubarStoreProps","store","update","props","useMenubarStore","MenubarStoreState","MenubarStoreFunctions","MenubarStoreOptions"],"sources":["../src/menubar/menubar-store.d.ts"],"mappings":";;;;;iBAGwBK,oBAAAA,WAA+BL,IAAAA,CAAKO,YAAAA,CAAAA,CAAcE,KAAAA,EAAOH,CAAAA,EAAGI,MAAAA,cAAoBC,KAAAA,EAAOH,iBAAAA,GAAoBF,CAAAA;;AAAnI;;;;;;;;;;iBAYwBM,eAAAA,CAAgBD,KAAAA,GAAQH,iBAAAA,GAAoBD,YAAY;AAAA,UAC/DM,iBAAAA,SAA0Bb,IAAAA,CAAKa,iBAAAA,EAAmBT,mBAAmB;AAAA,UAErEU,qBAAAA,SAA8Bd,IAAAA,CAAKc,qBAAAA,EAAuBZ,uBAAuB;AAAA,UAEjFa,mBAAAA,SAA4Bf,IAAAA,CAAKe,mBAAAA,EAAqBZ,qBAAqB;AAAA,UAE3EK,iBAAAA,SAA0BO,mBAAAA,EAAqBf,IAAAA,CAAKQ,iBAAiB;AAAA,UAErED,YAAAA,SAAqBO,qBAAAA,EAAuBb,KAAAA,CAAMD,IAAAA,CAAKO,YAAAA"}

package/dist/popover/popover-anchor.d.ts

@@ -1,2 +1,2 @@
-import { i as usePopoverAnchor, n as PopoverAnchorOptions, r as PopoverAnchorProps, t as PopoverAnchor } from "../popover-anchor-PgfeXyzs.js";
+import { i as usePopoverAnchor, n as PopoverAnchorOptions, r as PopoverAnchorProps, t as PopoverAnchor } from "../popover-anchor-W18KUmuM.js";
 export { PopoverAnchor, PopoverAnchorOptions, PopoverAnchorProps, usePopoverAnchor };

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

@@ -34,7 +34,7 @@ declare const usePopoverArrow: import("@ariakit/react-utils").Hook<"div", Popove
  * </PopoverProvider>
  * ```
  */
-declare const PopoverArrow: (props: PopoverArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverArrow: (props: PopoverArrowProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverArrowOptions<_T extends ElementType = TagName> extends Options {
   /**
    * Object returned by the

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

@@ -1 +1 @@
-{"version":3,"file":"popover-arrow.d.ts","names":["Options","Props","ElementType","PopoverStore","TagName","usePopoverArrow","PopoverArrowOptions","Hook","PopoverArrow","PopoverArrowProps","props","ReactElement","JSXElementConstructor","_T","store","size","borderWidth","T"],"sources":["../../src/popover/popover-arrow.d.ts"],"mappings":";;;;;cAGcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAc7B;;;AAhBuD,cAgBlCC,eAAAA,iCAAgDE,IAAAA,QAAYD,mBAAmB;AAAA;AAgBpG;;;;;;;;;AAAiJ;AACjJ;;;;AAjBoG,cAgB/EE,YAAAA,GAAeE,KAAAA,EAAOD,iBAAiB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC3GN,mBAAAA,YAA+BJ,WAAAA,GAAcE,OAAAA,UAAiBJ,OAAAA;EAAAA;;;;;;;;EAS3Ec,KAAAA,GAAQX,YAAAA;EAQRY;;;AAKW;AAEf;;;EAPIA,IAAAA;EAOkDX;;;;EAFlDY,WAAAA;AAAAA;AAAAA,KAEQP,iBAAAA,WAA4BP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMgB,CAAAA,EAAGX,mBAAAA,CAAoBW,CAAAA"}
+{"version":3,"file":"popover-arrow.d.ts","names":["Options","Props","ElementType","PopoverStore","TagName","usePopoverArrow","PopoverArrowOptions","Hook","PopoverArrow","PopoverArrowProps","props","ReactElement","JSXElementConstructor","_T","store","size","borderWidth","T"],"sources":["../../src/popover/popover-arrow.d.ts"],"mappings":";;;;;cAGcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAc7B;;;AAhBuD,cAgBlCC,eAAAA,iCAAgDE,IAAAA,QAAYD,mBAAmB;AAAA;AAgBpG;;;;;;;;;AAAqJ;AACrJ;;;;AAjBoG,cAgB/EE,YAAAA,GAAeE,KAAAA,EAAOD,iBAAiB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC/GN,mBAAAA,YAA+BJ,WAAAA,GAAcE,OAAAA,UAAiBJ,OAAAA;EAAAA;;;;;;;;EAS3Ec,KAAAA,GAAQX,YAAAA;EAQRY;;;AAKW;AAEf;;;EAPIA,IAAAA;EAOkDX;;;;EAFlDY,WAAAA;AAAAA;AAAAA,KAEQP,iBAAAA,WAA4BP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMgB,CAAAA,EAAGX,mBAAAA,CAAoBW,CAAAA"}

package/dist/popover/popover-arrow.js

@@ -53,7 +53,7 @@ function getBorderColor(dir, style) {
 const usePopoverArrow = createHook(function usePopoverArrow({ store, size = defaultSize, borderWidth: borderWidthProp, ...props }) {
 	const context = usePopoverContext();
 	store = store || context;
-	invariant(store, "PopoverArrow must be wrapped in a Popover component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component.");
 	const dir = useStoreState(store, (state) => state.currentPlacement.split("-")[0]);
 	const maskId = useId();
 	const style = useComputedStyle(store);
@@ -86,7 +86,7 @@ const usePopoverArrow = createHook(function usePopoverArrow({ store, size = defa
 				children: [
 					!isRing && /* @__PURE__ */ jsx("path", {
 						fill: "none",
-						stroke: `var(--ak-layer, ${fill})`,
+						stroke: fill,
 						d: "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z",
 						mask: `url(#${maskId})`
 					}),
@@ -128,8 +128,8 @@ const usePopoverArrow = createHook(function usePopoverArrow({ store, size = defa
 			width: "1em",
 			height: "1em",
 			pointerEvents: "none",
-			fill: `var(--ak-layer, ${fill})`,
-			stroke: `var(--ak-layer-border, ${stroke})`,
+			fill,
+			stroke,
 			strokeWidth,
 			...props.style
 		}

package/dist/popover/popover-arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-arrow.js","names":[],"sources":["../../src/popover/popover-arrow.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useId,\n  useMergeRefs,\n  useSafeLayoutEffect,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Options, Props } from \"@ariakit/react-utils\";\nimport { getWindow, invariant, removeUndefinedValues } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { POPOVER_ARROW_PATH } from \"./popover-arrow-path.ts\";\nimport { usePopoverContext } from \"./popover-context.tsx\";\nimport type { PopoverStore } from \"./popover-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst defaultSize = 30;\nconst halfDefaultSize = defaultSize / 2;\n\nconst rotateMap = {\n  top: `rotate(180 ${halfDefaultSize} ${halfDefaultSize})`,\n  right: `rotate(-90 ${halfDefaultSize} ${halfDefaultSize})`,\n  bottom: `rotate(0 ${halfDefaultSize} ${halfDefaultSize})`,\n  left: `rotate(90 ${halfDefaultSize} ${halfDefaultSize})`,\n};\n\nfunction useComputedStyle(store: PopoverStore) {\n  const [style, setStyle] = useState<CSSStyleDeclaration>();\n  const contentElement = useStoreState(store, \"contentElement\");\n  useSafeLayoutEffect(() => {\n    if (!contentElement) return;\n    const win = getWindow(contentElement);\n    const computedStyle = win.getComputedStyle(contentElement);\n    setStyle(computedStyle);\n  }, [contentElement]);\n  return style;\n}\n\nfunction getRingWidth(style?: CSSStyleDeclaration) {\n  if (!style) return;\n  const boxShadow = style.getPropertyValue(\"box-shadow\");\n  const ringWidth = boxShadow.match(/0px 0px 0px ([^0]+px)/)?.[1];\n  return ringWidth;\n}\n\nfunction getBorderColor(dir: BasePlacement, style?: CSSStyleDeclaration) {\n  if (!style) return;\n  const borderColor = style.getPropertyValue(`border-${dir}-color`);\n  if (borderColor) return borderColor;\n  const boxShadow = style.getPropertyValue(\"box-shadow\");\n  const match = boxShadow.match(/0px 0px 0px [^,]+/);\n  if (!match) return;\n  const segment = match[0];\n  const ringColor = segment.replace(/^0px 0px 0px\\s+[^\\s,]+/, \"\").trim();\n  return ringColor || undefined;\n}\n\n/**\n * Returns props to create a `PopoverArrow` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopoverArrow({ store });\n * <Popover store={store}>\n *   <Role {...props} />\n *   Popover\n * </Popover>\n * ```\n */\nexport const usePopoverArrow = createHook<TagName, PopoverArrowOptions>(\n  function usePopoverArrow({\n    store,\n    size = defaultSize,\n    borderWidth: borderWidthProp,\n    ...props\n  }) {\n    const context = usePopoverContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"PopoverArrow must be wrapped in a Popover component.\",\n    );\n\n    const dir = useStoreState(\n      store,\n      (state) => state.currentPlacement.split(\"-\")[0] as BasePlacement,\n    );\n\n    const maskId = useId();\n    const style = useComputedStyle(store);\n    const stroke = getBorderColor(dir, style) || \"none\";\n    const fill = style?.getPropertyValue(\"background-color\") || \"none\";\n\n    const [borderWidth, isRing] = useMemo(() => {\n      if (borderWidthProp != null) return [borderWidthProp, false];\n      if (!style) return [0, false];\n      const ringWidth = getRingWidth(style);\n      if (ringWidth) return [Number.parseInt(ringWidth, 10), true];\n      const borderWidth = style.getPropertyValue(`border-${dir}-width`);\n      if (borderWidth) {\n        const parsed = Number.parseFloat(borderWidth);\n        if (!Number.isNaN(parsed)) {\n          return [Math.ceil(parsed), false];\n        }\n      }\n      return [0, false];\n    }, [borderWidthProp, style, dir]);\n\n    const strokeWidth = borderWidth * 2 * (defaultSize / size);\n    const transform = rotateMap[dir];\n\n    const children = useMemo(\n      () => (\n        <svg display=\"block\" viewBox=\"0 0 30 30\">\n          <g transform={transform}>\n            {!isRing && (\n              // When using the CSS border property, set the fill color to match\n              // the background behind the stroke so transparent strokes match\n              // the appearance of borders on HTML elements.\n              <path\n                fill=\"none\"\n                stroke={`var(--ak-layer, ${fill})`}\n                d={POPOVER_ARROW_PATH}\n                mask={`url(#${maskId})`}\n              />\n            )}\n            <path fill=\"none\" d={POPOVER_ARROW_PATH} mask={`url(#${maskId})`} />\n            <path stroke=\"none\" d={POPOVER_ARROW_PATH} />\n            <mask id={maskId} maskUnits=\"userSpaceOnUse\">\n              <rect\n                x=\"-15\"\n                y=\"0\"\n                width=\"60\"\n                height=\"30\"\n                fill=\"white\"\n                stroke=\"black\"\n              />\n            </mask>\n          </g>\n        </svg>\n      ),\n      [transform, isRing, fill, maskId],\n    );\n\n    props = {\n      children,\n      \"aria-hidden\": true,\n      ...props,\n      ref: useMergeRefs(store.setArrowElement, props.ref),\n      style: {\n        position: \"absolute\",\n        fontSize: size,\n        width: \"1em\",\n        height: \"1em\",\n        pointerEvents: \"none\",\n        fill: `var(--ak-layer, ${fill})`,\n        stroke: `var(--ak-layer-border, ${stroke})`,\n        strokeWidth,\n        ...props.style,\n      },\n    };\n\n    return removeUndefinedValues(props);\n  },\n);\n\n/**\n * Renders an arrow inside a [`Popover`](https://ariakit.com/reference/popover)\n * component pointing to the anchor element.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {4}\n * <PopoverProvider>\n *   <PopoverAnchor />\n *   <Popover>\n *     <PopoverArrow />\n *     Popover\n *   </Popover>\n * </PopoverProvider>\n * ```\n */\nexport const PopoverArrow = memo(\n  forwardRef(function PopoverArrow(props: PopoverArrowProps) {\n    const htmlProps = usePopoverArrow(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface PopoverArrowOptions<\n  _T extends ElementType = TagName,\n> extends Options {\n  /**\n   * Object returned by the\n   * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook.\n   * If not provided, the closest\n   * [`Popover`](https://ariakit.com/reference/popover) or\n   * [`PopoverProvider`](https://ariakit.com/reference/popover-provider)\n   * components' context will be used.\n   */\n  store?: PopoverStore;\n  /**\n   * The size of the arrow.\n   *\n   * Live examples:\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * @default 30\n   */\n  size?: number;\n  /**\n   * The arrow's border width. If not specified, Ariakit will infer it from the\n   * popover `contentElement`'s style.\n   */\n  borderWidth?: number;\n}\n\nexport type PopoverArrowProps<T extends ElementType = TagName> = Props<\n  T,\n  PopoverArrowOptions<T>\n>;\n"],"mappings":"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"}
+{"version":3,"file":"popover-arrow.js","names":[],"sources":["../../src/popover/popover-arrow.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useId,\n  useMergeRefs,\n  useSafeLayoutEffect,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Options, Props } from \"@ariakit/react-utils\";\nimport { getWindow, invariant, removeUndefinedValues } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { POPOVER_ARROW_PATH } from \"./popover-arrow-path.ts\";\nimport { usePopoverContext } from \"./popover-context.tsx\";\nimport type { PopoverStore } from \"./popover-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst defaultSize = 30;\nconst halfDefaultSize = defaultSize / 2;\n\nconst rotateMap = {\n  top: `rotate(180 ${halfDefaultSize} ${halfDefaultSize})`,\n  right: `rotate(-90 ${halfDefaultSize} ${halfDefaultSize})`,\n  bottom: `rotate(0 ${halfDefaultSize} ${halfDefaultSize})`,\n  left: `rotate(90 ${halfDefaultSize} ${halfDefaultSize})`,\n};\n\nfunction useComputedStyle(store: PopoverStore) {\n  const [style, setStyle] = useState<CSSStyleDeclaration>();\n  const contentElement = useStoreState(store, \"contentElement\");\n  useSafeLayoutEffect(() => {\n    if (!contentElement) return;\n    const win = getWindow(contentElement);\n    const computedStyle = win.getComputedStyle(contentElement);\n    setStyle(computedStyle);\n  }, [contentElement]);\n  return style;\n}\n\nfunction getRingWidth(style?: CSSStyleDeclaration) {\n  if (!style) return;\n  const boxShadow = style.getPropertyValue(\"box-shadow\");\n  const ringWidth = boxShadow.match(/0px 0px 0px ([^0]+px)/)?.[1];\n  return ringWidth;\n}\n\nfunction getBorderColor(dir: BasePlacement, style?: CSSStyleDeclaration) {\n  if (!style) return;\n  const borderColor = style.getPropertyValue(`border-${dir}-color`);\n  if (borderColor) return borderColor;\n  const boxShadow = style.getPropertyValue(\"box-shadow\");\n  const match = boxShadow.match(/0px 0px 0px [^,]+/);\n  if (!match) return;\n  const segment = match[0];\n  const ringColor = segment.replace(/^0px 0px 0px\\s+[^\\s,]+/, \"\").trim();\n  return ringColor || undefined;\n}\n\n/**\n * Returns props to create a `PopoverArrow` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopoverArrow({ store });\n * <Popover store={store}>\n *   <Role {...props} />\n *   Popover\n * </Popover>\n * ```\n */\nexport const usePopoverArrow = createHook<TagName, PopoverArrowOptions>(\n  function usePopoverArrow({\n    store,\n    size = defaultSize,\n    borderWidth: borderWidthProp,\n    ...props\n  }) {\n    const context = usePopoverContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"PopoverArrow must be wrapped in a Popover component.\",\n    );\n\n    const dir = useStoreState(\n      store,\n      (state) => state.currentPlacement.split(\"-\")[0] as BasePlacement,\n    );\n\n    const maskId = useId();\n    const style = useComputedStyle(store);\n    const stroke = getBorderColor(dir, style) || \"none\";\n    const fill = style?.getPropertyValue(\"background-color\") || \"none\";\n\n    const [borderWidth, isRing] = useMemo(() => {\n      if (borderWidthProp != null) return [borderWidthProp, false];\n      if (!style) return [0, false];\n      const ringWidth = getRingWidth(style);\n      if (ringWidth) return [Number.parseInt(ringWidth, 10), true];\n      const borderWidth = style.getPropertyValue(`border-${dir}-width`);\n      if (borderWidth) {\n        const parsed = Number.parseFloat(borderWidth);\n        if (!Number.isNaN(parsed)) {\n          return [Math.ceil(parsed), false];\n        }\n      }\n      return [0, false];\n    }, [borderWidthProp, style, dir]);\n\n    const strokeWidth = borderWidth * 2 * (defaultSize / size);\n    const transform = rotateMap[dir];\n\n    const children = useMemo(\n      () => (\n        <svg display=\"block\" viewBox=\"0 0 30 30\">\n          <g transform={transform}>\n            {!isRing && (\n              // When using the CSS border property, set the fill color to match\n              // the background behind the stroke so transparent strokes match\n              // the appearance of borders on HTML elements.\n              <path\n                fill=\"none\"\n                stroke={fill}\n                d={POPOVER_ARROW_PATH}\n                mask={`url(#${maskId})`}\n              />\n            )}\n            <path fill=\"none\" d={POPOVER_ARROW_PATH} mask={`url(#${maskId})`} />\n            <path stroke=\"none\" d={POPOVER_ARROW_PATH} />\n            <mask id={maskId} maskUnits=\"userSpaceOnUse\">\n              <rect\n                x=\"-15\"\n                y=\"0\"\n                width=\"60\"\n                height=\"30\"\n                fill=\"white\"\n                stroke=\"black\"\n              />\n            </mask>\n          </g>\n        </svg>\n      ),\n      [transform, isRing, fill, maskId],\n    );\n\n    props = {\n      children,\n      \"aria-hidden\": true,\n      ...props,\n      ref: useMergeRefs(store.setArrowElement, props.ref),\n      style: {\n        position: \"absolute\",\n        fontSize: size,\n        width: \"1em\",\n        height: \"1em\",\n        pointerEvents: \"none\",\n        fill,\n        stroke,\n        strokeWidth,\n        ...props.style,\n      },\n    };\n\n    return removeUndefinedValues(props);\n  },\n);\n\n/**\n * Renders an arrow inside a [`Popover`](https://ariakit.com/reference/popover)\n * component pointing to the anchor element.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {4}\n * <PopoverProvider>\n *   <PopoverAnchor />\n *   <Popover>\n *     <PopoverArrow />\n *     Popover\n *   </Popover>\n * </PopoverProvider>\n * ```\n */\nexport const PopoverArrow = memo(\n  forwardRef(function PopoverArrow(props: PopoverArrowProps) {\n    const htmlProps = usePopoverArrow(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface PopoverArrowOptions<\n  _T extends ElementType = TagName,\n> extends Options {\n  /**\n   * Object returned by the\n   * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook.\n   * If not provided, the closest\n   * [`Popover`](https://ariakit.com/reference/popover) or\n   * [`PopoverProvider`](https://ariakit.com/reference/popover-provider)\n   * components' context will be used.\n   */\n  store?: PopoverStore;\n  /**\n   * The size of the arrow.\n   *\n   * Live examples:\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * @default 30\n   */\n  size?: number;\n  /**\n   * The arrow's border width. If not specified, Ariakit will infer it from the\n   * popover `contentElement`'s style.\n   */\n  borderWidth?: number;\n}\n\nexport type PopoverArrowProps<T extends ElementType = TagName> = Props<\n  T,\n  PopoverArrowOptions<T>\n>;\n"],"mappings":";;;;;;;;;AAsBA,MAAM,UAAA;AACN,MAAM,cAAA;AAEN,MAAM,kBAAY,cAAA;MACX,YAAA;CACL,KAAA,cAAO,gBAAc,GAAgB,gBAAG;CACxC,OAAA,cAAoB,gBAAgB,GAAG,gBAAgB;CACvD,QAAM,YAAa,gBAAgB,GAAG,gBAAgB;CACxD,MAAA,aAAA,gBAAA,GAAA,gBAAA;AAEA;SACS,iBAAO,OAAY;CAC1B,MAAM,CAAA,OAAA,YAAiB,SAAA;CACvB,MAAA,iBAAA,cAA0B,OAAA,gBAAA;2BACH;EAGrB,IAAA,CAAA,gBAFsB;EAGxB,SAAI,UAAe,cAAA,EAAA,iBAAA,cAAA,CAAA;CACnB,GAAA,CAAA,cAAO,CAAA;CACT,OAAA;AAEA;SACO,aAAO,OAAA;CAGZ,IAAA,CAAA,OAFkB;CAGpB,OAAA,MAAA,iBAAA,YAAA,EAAA,MAAA,uBAAA,IAAA;AAEA;SACO,eAAO,KAAA,OAAA;CACZ,IAAA,CAAA,OAAM;CACN,MAAI,cAAa,MAAO,iBAAA,UAAA,IAAA,OAAA;CAExB,IAAA,aADkB,OAAM;CAExB,MAAK,QAAO,MAAA,iBAAA,YAAA,EAAA,MAAA,mBAAA;CAGZ,IAAA,CAAA,OAFgB;CAGlB,OAAA,MAAA,GAAA,QAAA,0BAAA,EAAA,EAAA,KAAA,KAAA,KAAA;;;;;;;;;;;;;;;MAsBI,kBAAgB,WAAkB,SAAA,gBAAA,EAAA,OAAA,OAAA,aAAA,aAAA,iBAAA,GAAA,SAAA;CAClC,MAAA,UAAQ,kBAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAM,QAAA,IACV,aACC,gBAAgB,sDACnB;CAEA,MAAM,MAAA,cAAe,QAAA,UAAA,MAAA,iBAAA,MAAA,GAAA,EAAA,EAAA;CACrB,MAAM,SAAQ,MAAA;CACd,MAAM,QAAA,iBAAwB,KAAK;CACnC,MAAM,SAAO,eAAO,KAAA,KAAiB,KAAA;CAErC,MAAM,OAAC,OAAa,iBAAU,kBAAc,KAAA;OACtC,CAAA,aAAA,UAAyB,cAAQ;EACrC,IAAI,mBAAmB,MAAK,OAAA,CAAA,iBAAA,KAAA;EAC5B,IAAA,CAAA,OAAM,OAAY,CAAA,GAAA,KAAA;EAClB,MAAI,YAAW,aAAe,KAAA;EAC9B,IAAA,WAAM,OAAc,CAAA,OAAM,SAAA,WAAiB,EAAA,GAAU,IAAI;EACzD,MAAI,cAAa,MAAA,iBAAA,UAAA,IAAA,OAAA;MACf,aAAe;GACf,MAAK,SAAO,OAAM,WAChB,WAAa;GAEjB,IAAA,CAAA,OAAA,MAAA,MAAA,GAAA,OAAA,CAAA,KAAA,KAAA,MAAA,GAAA,KAAA;EACA;EACF,OAAG,CAAA,GAAA,KAAA;IAAC;EAAiB;EAAO;EAAI;CAEhC,CAAA;CACA,MAAM,cAAY,cAAU,KAAA,cAAA;CAmC5B,MAAA,YAAQ,UAAA;SACN;YAhCe,cAAA,oBAAA,OAAA;GAAQ,SAAQ;;aACb,qBAAA,KAAA;;cACV;MAKE,UAAK,oBAAA,QAAA;MACL,MAAA;MACA,QAAA;MACA,GAAA;MACD,MAAA,QAAA,OAAA;KAEH,CAAA;KAAW,oBAAA,QAAA;MAAO,MAAG;MAAoB,GAAA;MAA0B,MAAA,QAAA,OAAA;KACnE,CAAA;KAAa,oBAAA,QAAA;MAAO,QAAG;MAAqB,GAAA;KAC5C,CAAA;KAAU,oBAAA,QAAA;MAAQ,IAAA;iBAChB;gBACI,oBAAA,QAAA;OACF,GAAE;OACF,GAAA;OACA,OAAA;OACA,QAAK;OACL,MAAA;OACD,QAAA;MACG,CAAA;KACL,CAAA;;GACA,CAAA;GAEN,GAAA;GAAW;GAAQ;GAAM;GAInB;EACP,CAAA;EACA,eAAG;EACH,GAAA;EACA,KAAA,aAAO,MAAA,iBAAA,MAAA,GAAA;SACL;GACA,UAAU;GACV,UAAO;GACP,OAAA;GACA,QAAA;GACA,eAAA;GACA;GACA;GACA;GACF,GAAA,MAAA;EACF;CAEA;CAEJ,OAAA,sBAAA,KAAA;;;;;;;;;;;;;;;;;MAoBI,eAAO,KAAc,WADH,SAAA,aACqB,OAAA;CACxC,OACH,cAAA,SAAA,gBAAA,KAAA,CAAA"}

package/dist/popover/popover-description.d.ts

@@ -1,2 +1,2 @@
-import { i as usePopoverDescription, n as PopoverDescriptionOptions, r as PopoverDescriptionProps, t as PopoverDescription } from "../popover-description-DU753dah.js";
+import { i as usePopoverDescription, n as PopoverDescriptionOptions, r as PopoverDescriptionProps, t as PopoverDescription } from "../popover-description-DbW4mVBb.js";
 export { PopoverDescription, PopoverDescriptionOptions, PopoverDescriptionProps, usePopoverDescription };

package/dist/popover/popover-disclosure-arrow.d.ts

@@ -36,7 +36,7 @@ declare const usePopoverDisclosureArrow: import("@ariakit/react-utils").Hook<"sp
  * </PopoverProvider>
  * ```
  */
-declare const PopoverDisclosureArrow: (props: PopoverDisclosureArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverDisclosureArrow: (props: PopoverDisclosureArrowProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverDisclosureArrowOptions<_T extends ElementType = TagName> extends Options {
   /**
    * Object returned by the

package/dist/popover/popover-disclosure-arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-disclosure-arrow.d.ts","names":["Options","Props","ElementType","PopoverStore","PopoverStoreState","TagName","usePopoverDisclosureArrow","PopoverDisclosureArrowOptions","Hook","PopoverDisclosureArrow","PopoverDisclosureArrowProps","props","ReactElement","JSXElementConstructor","_T","store","placement","T"],"sources":["../../src/popover/popover-disclosure-arrow.d.ts"],"mappings":";;;;;cAGcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF6C;;;;AACrD;AAAA;;;;AACQ;AAc7B;;;AAhB0E,cAgBrDC,yBAAAA,iCAA0DE,IAAAA,SAAaD,6BAA6B;AAAA;AAkBzH;;;;;;;;;AAAqK;AACrK;;;;;;AAnByH,cAkBpGE,sBAAAA,GAAyBE,KAAAA,EAAOD,2BAA2B,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC/HN,6BAAAA,YAAyCL,WAAAA,GAAcG,OAAAA,UAAiBL,OAAAA;EAAO;;;;;;;;EAS5Fe,KAAAA,GAAQZ,YAAAA;EAQIC;;AAAiB;AAEjC;;;;EAFIY,SAAAA,GAAYZ,iBAAAA;AAAAA;AAAAA,KAEJM,2BAAAA,WAAsCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMgB,CAAAA,EAAGV,6BAAAA,CAA8BU,CAAAA"}
+{"version":3,"file":"popover-disclosure-arrow.d.ts","names":["Options","Props","ElementType","PopoverStore","PopoverStoreState","TagName","usePopoverDisclosureArrow","PopoverDisclosureArrowOptions","Hook","PopoverDisclosureArrow","PopoverDisclosureArrowProps","props","ReactElement","JSXElementConstructor","_T","store","placement","T"],"sources":["../../src/popover/popover-disclosure-arrow.d.ts"],"mappings":";;;;;cAGcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF6C;;;;AACrD;AAAA;;;;AACQ;AAc7B;;;AAhB0E,cAgBrDC,yBAAAA,iCAA0DE,IAAAA,SAAaD,6BAA6B;AAAA;AAkBzH;;;;;;;;;AAAyK;AACzK;;;;;;AAnByH,cAkBpGE,sBAAAA,GAAyBE,KAAAA,EAAOD,2BAA2B,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACnIN,6BAAAA,YAAyCL,WAAAA,GAAcG,OAAAA,UAAiBL,OAAAA;EAAO;;;;;;;;EAS5Fe,KAAAA,GAAQZ,YAAAA;EAQIC;;AAAiB;AAEjC;;;;EAFIY,SAAAA,GAAYZ,iBAAAA;AAAAA;AAAAA,KAEJM,2BAAAA,WAAsCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMgB,CAAAA,EAAGV,6BAAAA,CAA8BU,CAAAA"}

package/dist/popover/popover-disclosure-arrow.js

@@ -29,7 +29,7 @@ const pointsMap = {
 const usePopoverDisclosureArrow = createHook(function usePopoverDisclosureArrow({ store, placement, ...props }) {
 	const context = usePopoverContext();
 	store = store || context;
-	invariant(store, "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component.");
 	const points = pointsMap[useStoreState(store, (state) => placement || state.placement).split("-")[0]];
 	props = {
 		children: useMemo(() => /* @__PURE__ */ jsx("svg", {

package/dist/popover/popover-disclosure-arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-disclosure-arrow.js","names":[],"sources":["../../src/popover/popover-disclosure-arrow.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport { createElement, createHook, forwardRef } from \"@ariakit/react-utils\";\nimport type { Options, Props } from \"@ariakit/react-utils\";\nimport { invariant, removeUndefinedValues } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useMemo } from \"react\";\nimport { usePopoverContext } from \"./popover-context.tsx\";\nimport type { PopoverStore, PopoverStoreState } from \"./popover-store.ts\";\n\nconst TagName = \"span\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst pointsMap = {\n  top: \"4,10 8,6 12,10\",\n  right: \"6,4 10,8 6,12\",\n  bottom: \"4,6 8,10 12,6\",\n  left: \"10,4 6,8 10,12\",\n};\n\n/**\n * Returns props to create a `PopoverDisclosureArrow` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopoverDisclosureArrow({ store });\n * <PopoverDisclosure store={store}>\n *   Disclosure\n *   <Role {...props} />\n * </PopoverDisclosure>\n * ```\n */\nexport const usePopoverDisclosureArrow = createHook<\n  TagName,\n  PopoverDisclosureArrowOptions\n>(function usePopoverDisclosureArrow({ store, placement, ...props }) {\n  const context = usePopoverContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component.\",\n  );\n\n  const position = useStoreState(\n    store,\n    (state) => placement || state.placement,\n  );\n  const dir = position.split(\"-\")[0] as BasePlacement;\n  const points = pointsMap[dir];\n\n  const children = useMemo(\n    () => (\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={points} />\n      </svg>\n    ),\n    [points],\n  );\n\n  props = {\n    children,\n    \"aria-hidden\": true,\n    ...props,\n    style: {\n      width: \"1em\",\n      height: \"1em\",\n      pointerEvents: \"none\",\n      ...props.style,\n    },\n  };\n\n  return removeUndefinedValues(props);\n});\n\n/**\n * Renders an arrow pointing to the popover position. It's usually rendered\n * inside the\n * [`PopoverDisclosure`](https://ariakit.com/reference/popover-disclosure)\n * component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {4}\n * <PopoverProvider>\n *   <PopoverDisclosure>\n *     Disclosure\n *     <PopoverDisclosureArrow />\n *   </PopoverDisclosure>\n *   <Popover>Popover</Popover>\n * </PopoverProvider>\n * ```\n */\nexport const PopoverDisclosureArrow = forwardRef(\n  function PopoverDisclosureArrow(props: PopoverDisclosureArrowProps) {\n    const htmlProps = usePopoverDisclosureArrow(props);\n    return createElement(TagName, htmlProps);\n  },\n);\n\nexport interface PopoverDisclosureArrowOptions<\n  _T extends ElementType = TagName,\n> extends Options {\n  /**\n   * Object returned by the\n   * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook.\n   * If not provided, the closest\n   * [`PopoverDisclosure`](https://ariakit.com/reference/popover-disclosure) or\n   * [`PopoverProvider`](https://ariakit.com/reference/popover-provider)\n   * components' context will be used.\n   */\n  store?: PopoverStore;\n  /**\n   * Arrow's placement direction. If not provided, it will be inferred from the\n   * context.\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   */\n  placement?: PopoverStoreState[\"placement\"];\n}\n\nexport type PopoverDisclosureArrowProps<T extends ElementType = TagName> =\n  Props<T, PopoverDisclosureArrowOptions<T>>;\n"],"mappings":";;;;;;;;AAaA,MAAM,UAAA;MACC,YAAA;CACL,KAAA;CACA,OAAA;CACA,QAAM;CACR,MAAA;;;;;;;;;;;;;;;MAmBE,4BAAgB,WAAkB,SAAA,0BAAA,EAAA,OAAA,WAAA,GAAA,SAAA;CAClC,MAAA,UAAQ,kBAAS;CAEjB,QAAA,SAGI;CAQJ,UAAM,OAAS,0EADM;CAsBrB,MAAA,SAAQ,UAAA,cAAA,QAAA,UAAA,aAAA,MAAA,SAAA,EAAA,MAAA,GAAA,EAAA;SACN;YAjBY,cAAA,oBAAA,OAAA;GACR,SAAK;GACL,MAAA;GACA,QAAA;GACA,eAAA;GACA,gBAAa;GACb,aAAQ;GACR,SAAO;GACP,QAAM;;GAGH,UAMA,oBAAA,YAAA,EAAA,OAAA,CAAA;EACP,CAAA,GAAA,CAAA,MAAA,CAAA;EACA,eAAG;EACH,GAAA;SACE;GACA,OAAA;GACA,QAAA;GACA,eAAS;GACX,GAAA,MAAA;EACF;CAEA;CACD,OAAA,sBAAA,KAAA;;;;;;;;;;;;;;;;;;;MAsBG,yBADkB,WAAA,SAAA,uBACqB,OAAA;CAE3C,OAAA,cAAA,SAAA,0BAAA,KAAA,CAAA"}
+{"version":3,"file":"popover-disclosure-arrow.js","names":[],"sources":["../../src/popover/popover-disclosure-arrow.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport { createElement, createHook, forwardRef } from \"@ariakit/react-utils\";\nimport type { Options, Props } from \"@ariakit/react-utils\";\nimport { invariant, removeUndefinedValues } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useMemo } from \"react\";\nimport { usePopoverContext } from \"./popover-context.tsx\";\nimport type { PopoverStore, PopoverStoreState } from \"./popover-store.ts\";\n\nconst TagName = \"span\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst pointsMap = {\n  top: \"4,10 8,6 12,10\",\n  right: \"6,4 10,8 6,12\",\n  bottom: \"4,6 8,10 12,6\",\n  left: \"10,4 6,8 10,12\",\n};\n\n/**\n * Returns props to create a `PopoverDisclosureArrow` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopoverDisclosureArrow({ store });\n * <PopoverDisclosure store={store}>\n *   Disclosure\n *   <Role {...props} />\n * </PopoverDisclosure>\n * ```\n */\nexport const usePopoverDisclosureArrow = createHook<\n  TagName,\n  PopoverDisclosureArrowOptions\n>(function usePopoverDisclosureArrow({ store, placement, ...props }) {\n  const context = usePopoverContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component.\",\n  );\n\n  const position = useStoreState(\n    store,\n    (state) => placement || state.placement,\n  );\n  const dir = position.split(\"-\")[0] as BasePlacement;\n  const points = pointsMap[dir];\n\n  const children = useMemo(\n    () => (\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={points} />\n      </svg>\n    ),\n    [points],\n  );\n\n  props = {\n    children,\n    \"aria-hidden\": true,\n    ...props,\n    style: {\n      width: \"1em\",\n      height: \"1em\",\n      pointerEvents: \"none\",\n      ...props.style,\n    },\n  };\n\n  return removeUndefinedValues(props);\n});\n\n/**\n * Renders an arrow pointing to the popover position. It's usually rendered\n * inside the\n * [`PopoverDisclosure`](https://ariakit.com/reference/popover-disclosure)\n * component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {4}\n * <PopoverProvider>\n *   <PopoverDisclosure>\n *     Disclosure\n *     <PopoverDisclosureArrow />\n *   </PopoverDisclosure>\n *   <Popover>Popover</Popover>\n * </PopoverProvider>\n * ```\n */\nexport const PopoverDisclosureArrow = forwardRef(\n  function PopoverDisclosureArrow(props: PopoverDisclosureArrowProps) {\n    const htmlProps = usePopoverDisclosureArrow(props);\n    return createElement(TagName, htmlProps);\n  },\n);\n\nexport interface PopoverDisclosureArrowOptions<\n  _T extends ElementType = TagName,\n> extends Options {\n  /**\n   * Object returned by the\n   * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook.\n   * If not provided, the closest\n   * [`PopoverDisclosure`](https://ariakit.com/reference/popover-disclosure) or\n   * [`PopoverProvider`](https://ariakit.com/reference/popover-provider)\n   * components' context will be used.\n   */\n  store?: PopoverStore;\n  /**\n   * Arrow's placement direction. If not provided, it will be inferred from the\n   * context.\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   */\n  placement?: PopoverStoreState[\"placement\"];\n}\n\nexport type PopoverDisclosureArrowProps<T extends ElementType = TagName> =\n  Props<T, PopoverDisclosureArrowOptions<T>>;\n"],"mappings":";;;;;;;;AAaA,MAAM,UAAA;MACC,YAAA;CACL,KAAA;CACA,OAAA;CACA,QAAM;CACR,MAAA;;;;;;;;;;;;;;;MAmBE,4BAAgB,WAAkB,SAAA,0BAAA,EAAA,OAAA,WAAA,GAAA,SAAA;CAClC,MAAA,UAAQ,kBAAS;CAEjB,QAAA,SAEE;CASF,UAAM,OAAS,QALE,IAAA,aACf,gBACW,0EAEmB;CAsBhC,MAAA,SAAQ,UAAA,cAAA,QAAA,UAAA,aAAA,MAAA,SAAA,EAAA,MAAA,GAAA,EAAA;SACN;YAjBY,cAAA,oBAAA,OAAA;GACR,SAAK;GACL,MAAA;GACA,QAAA;GACA,eAAA;GACA,gBAAa;GACb,aAAQ;GACR,SAAO;GACP,QAAM;;GAGH,UAMA,oBAAA,YAAA,EAAA,OAAA,CAAA;EACP,CAAA,GAAA,CAAA,MAAA,CAAA;EACA,eAAG;EACH,GAAA;SACE;GACA,OAAA;GACA,QAAA;GACA,eAAS;GACX,GAAA,MAAA;EACF;CAEA;CACD,OAAA,sBAAA,KAAA;;;;;;;;;;;;;;;;;;;MAsBG,yBADkB,WAAA,SAAA,uBACqB,OAAA;CAE3C,OAAA,cAAA,SAAA,0BAAA,KAAA,CAAA"}

package/dist/popover/popover-disclosure.d.ts

@@ -1,5 +1,5 @@
-import { n as DialogDisclosureOptions } from "../dialog-disclosure-DLD10zlb.js";
-import { n as PopoverAnchorOptions } from "../popover-anchor-PgfeXyzs.js";
+import { n as DialogDisclosureOptions } from "../dialog-disclosure-DSESk5pv.js";
+import { n as PopoverAnchorOptions } from "../popover-anchor-W18KUmuM.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -30,7 +30,7 @@ declare const usePopoverDisclosure: import("@ariakit/react-utils").Hook<"button"
  * </PopoverProvider>
  * ```
  */
-declare const PopoverDisclosure: (props: PopoverDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const PopoverDisclosure: (props: PopoverDisclosureProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface PopoverDisclosureOptions<T extends ElementType = TagName> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {}
 type PopoverDisclosureProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureOptions<T>>;
 //#endregion

package/dist/popover/popover-disclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-disclosure.d.ts","names":["Props","ElementType","DialogDisclosureOptions","PopoverAnchorOptions","TagName","usePopoverDisclosure","PopoverDisclosureOptions","Hook","PopoverDisclosure","PopoverDisclosureProps","props","ReactElement","JSXElementConstructor","T","Omit"],"sources":["../../src/popover/popover-disclosure.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoC;;;;AAC5C;AAAA;;;;AACQ;AAY7B;AAdiE,cAc5CC,oBAAAA,iCAAqDE,IAAAA,WAAeD,wBAAwB;;;AAAA;AAajH;;;;;;;;;cAAqBE,iBAAAA,GAAoBE,KAAAA,EAAOD,sBAAsB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACrHN,wBAAAA,WAAmCL,WAAAA,GAAcG,OAAAA,UAAiBD,oBAAAA,CAAqBU,CAAAA,GAAIC,IAAAA,CAAKZ,uBAAAA,CAAwBW,CAAAA;AAAAA,KAE7HJ,sBAAAA,WAAiCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,wBAAAA,CAAyBO,CAAAA"}
+{"version":3,"file":"popover-disclosure.d.ts","names":["Props","ElementType","DialogDisclosureOptions","PopoverAnchorOptions","TagName","usePopoverDisclosure","PopoverDisclosureOptions","Hook","PopoverDisclosure","PopoverDisclosureProps","props","ReactElement","JSXElementConstructor","T","Omit"],"sources":["../../src/popover/popover-disclosure.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoC;;;;AAC5C;AAAA;;;;AACQ;AAY7B;AAdiE,cAc5CC,oBAAAA,iCAAqDE,IAAAA,WAAeD,wBAAwB;;;AAAA;AAajH;;;;;;;;;cAAqBE,iBAAAA,GAAoBE,KAAAA,EAAOD,sBAAsB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACzHN,wBAAAA,WAAmCL,WAAAA,GAAcG,OAAAA,UAAiBD,oBAAAA,CAAqBU,CAAAA,GAAIC,IAAAA,CAAKZ,uBAAAA,CAAwBW,CAAAA;AAAAA,KAE7HJ,sBAAAA,WAAiCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,wBAAAA,CAAyBO,CAAAA"}

package/dist/popover/popover-disclosure.js

@@ -21,7 +21,7 @@ const TagName = "button";
 const usePopoverDisclosure = createHook(function usePopoverDisclosure({ store, ...props }) {
 	const context = usePopoverProviderContext();
 	store = store || context;
-	invariant(store, "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component.");
 	const onClickProp = props.onClick;
 	const onClick = useEvent((event) => {
 		store?.setAnchorElement(event.currentTarget);

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

@@ -1 +1 @@
-{"version":3,"file":"popover-disclosure.js","names":[],"sources":["../../src/popover/popover-disclosure.tsx"],"sourcesContent":["import {\n  useEvent,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType, MouseEvent } from \"react\";\nimport type { DialogDisclosureOptions } from \"../dialog/dialog-disclosure.tsx\";\nimport { useDialogDisclosure } from \"../dialog/dialog-disclosure.tsx\";\nimport type { PopoverAnchorOptions } from \"./popover-anchor.tsx\";\nimport { usePopoverAnchor } from \"./popover-anchor.tsx\";\nimport {\n  PopoverScopedContextProvider,\n  usePopoverProviderContext,\n} from \"./popover-context.tsx\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `PopoverDisclosure` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopoverDisclosure({ store });\n * <Role {...props}>Disclosure</Role>\n * <Popover store={store}>Popover</Popover>\n * ```\n */\nexport const usePopoverDisclosure = createHook<\n  TagName,\n  PopoverDisclosureOptions\n>(function usePopoverDisclosure({ store, ...props }) {\n  const context = usePopoverProviderContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component.\",\n  );\n\n  const onClickProp = props.onClick;\n\n  const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n    store?.setAnchorElement(event.currentTarget);\n    onClickProp?.(event);\n  });\n\n  props = useWrapElement(\n    props,\n    (element) => (\n      <PopoverScopedContextProvider value={store}>\n        {element}\n      </PopoverScopedContextProvider>\n    ),\n    [store],\n  );\n\n  props = {\n    ...props,\n    onClick,\n  };\n\n  props = usePopoverAnchor<TagName>({ store, ...props });\n  props = useDialogDisclosure({ store, ...props });\n\n  return props;\n});\n\n/**\n * Renders a button that controls the visibility of the\n * [`Popover`](https://ariakit.com/reference/popover) component when clicked.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {2}\n * <PopoverProvider>\n *   <PopoverDisclosure>Disclosure</PopoverDisclosure>\n *   <Popover>Popover</Popover>\n * </PopoverProvider>\n * ```\n */\nexport const PopoverDisclosure = forwardRef(function PopoverDisclosure(\n  props: PopoverDisclosureProps,\n) {\n  const htmlProps = usePopoverDisclosure(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface PopoverDisclosureOptions<T extends ElementType = TagName>\n  extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, \"store\"> {}\n\nexport type PopoverDisclosureProps<T extends ElementType = TagName> = Props<\n  T,\n  PopoverDisclosureOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;MAsCE,uBAAgB,WAAA,SAA0B,qBAAA,EAAA,OAAA,GAAA,SAAA;CAC1C,MAAA,UAAQ,0BAAS;CAEjB,QAAA,SAGI;CAGJ,UAAM,OAAA,6FAAoB;CAE1B,MAAM,cAAU,MAAU;OACxB,UAAO,UAAiB,UAAM;EAC9B,OAAA,iBAAmB,MAAA,aAAA;EACpB,cAAA,KAAA;CAED,CAAA;SAGyC,eAAA,QAAA,YAAA,oBAAA,8BAAA;;EAEP,UAGlC;CAEA,CAAA,GAAA,CAAA,KAAQ,CAAA;SACH;EACH,GAAA;EACF;CAEA;SAAoC,iBAAA;EAAO;EAAU,GAAA;CACrD,CAAA;SAA8B,oBAAA;EAAO;EAAU,GAAA;CAE/C,CAAA;CACD,OAAA;;;;;;;;;;;;;;MAkBC,oBAAqB,WADH,SAAA,kBACqB,OAAA;CACxC,OAAA,cAAA,SAAA,qBAAA,KAAA,CAAA"}
+{"version":3,"file":"popover-disclosure.js","names":[],"sources":["../../src/popover/popover-disclosure.tsx"],"sourcesContent":["import {\n  useEvent,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType, MouseEvent } from \"react\";\nimport type { DialogDisclosureOptions } from \"../dialog/dialog-disclosure.tsx\";\nimport { useDialogDisclosure } from \"../dialog/dialog-disclosure.tsx\";\nimport type { PopoverAnchorOptions } from \"./popover-anchor.tsx\";\nimport { usePopoverAnchor } from \"./popover-anchor.tsx\";\nimport {\n  PopoverScopedContextProvider,\n  usePopoverProviderContext,\n} from \"./popover-context.tsx\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `PopoverDisclosure` component.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx\n * const store = usePopoverStore();\n * const props = usePopoverDisclosure({ store });\n * <Role {...props}>Disclosure</Role>\n * <Popover store={store}>Popover</Popover>\n * ```\n */\nexport const usePopoverDisclosure = createHook<\n  TagName,\n  PopoverDisclosureOptions\n>(function usePopoverDisclosure({ store, ...props }) {\n  const context = usePopoverProviderContext();\n  store = store || context;\n\n  invariant(\n    store,\n    process.env.NODE_ENV !== \"production\" &&\n      \"PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component.\",\n  );\n\n  const onClickProp = props.onClick;\n\n  const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n    store?.setAnchorElement(event.currentTarget);\n    onClickProp?.(event);\n  });\n\n  props = useWrapElement(\n    props,\n    (element) => (\n      <PopoverScopedContextProvider value={store}>\n        {element}\n      </PopoverScopedContextProvider>\n    ),\n    [store],\n  );\n\n  props = {\n    ...props,\n    onClick,\n  };\n\n  props = usePopoverAnchor<TagName>({ store, ...props });\n  props = useDialogDisclosure({ store, ...props });\n\n  return props;\n});\n\n/**\n * Renders a button that controls the visibility of the\n * [`Popover`](https://ariakit.com/reference/popover) component when clicked.\n * @see https://ariakit.com/components/popover\n * @example\n * ```jsx {2}\n * <PopoverProvider>\n *   <PopoverDisclosure>Disclosure</PopoverDisclosure>\n *   <Popover>Popover</Popover>\n * </PopoverProvider>\n * ```\n */\nexport const PopoverDisclosure = forwardRef(function PopoverDisclosure(\n  props: PopoverDisclosureProps,\n) {\n  const htmlProps = usePopoverDisclosure(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface PopoverDisclosureOptions<T extends ElementType = TagName>\n  extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, \"store\"> {}\n\nexport type PopoverDisclosureProps<T extends ElementType = TagName> = Props<\n  T,\n  PopoverDisclosureOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;MAsCE,uBAAgB,WAAA,SAA0B,qBAAA,EAAA,OAAA,GAAA,SAAA;CAC1C,MAAA,UAAQ,0BAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAA,QAAc,IAAM,aAAA,gBAAA,6FAAA;CAE1B,MAAM,cAAU,MAAU;OACxB,UAAO,UAAiB,UAAM;EAC9B,OAAA,iBAAmB,MAAA,aAAA;EACpB,cAAA,KAAA;CAED,CAAA;SAGyC,eAAA,QAAA,YAAA,oBAAA,8BAAA;;EAEP,UAGlC;CAEA,CAAA,GAAA,CAAA,KAAQ,CAAA;SACH;EACH,GAAA;EACF;CAEA;SAAoC,iBAAA;EAAO;EAAU,GAAA;CACrD,CAAA;SAA8B,oBAAA;EAAO;EAAU,GAAA;CAE/C,CAAA;CACD,OAAA;;;;;;;;;;;;;;MAkBC,oBAAqB,WADH,SAAA,kBACqB,OAAA;CACxC,OAAA,cAAA,SAAA,qBAAA,KAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-import { i as usePopoverDismiss, n as PopoverDismissOptions, r as PopoverDismissProps, t as PopoverDismiss } from "../popover-dismiss-DPeI6Zse.js";
+import { i as usePopoverDismiss, n as PopoverDismissOptions, r as PopoverDismissProps, t as PopoverDismiss } from "../popover-dismiss-CQFvuLzJ.js";
 export { PopoverDismiss, PopoverDismissOptions, PopoverDismissProps, usePopoverDismiss };

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

@@ -1,2 +1,2 @@
-import { i as usePopoverHeading, n as PopoverHeadingOptions, r as PopoverHeadingProps, t as PopoverHeading } from "../popover-heading-DGsr6D5W.js";
+import { i as usePopoverHeading, n as PopoverHeadingOptions, r as PopoverHeadingProps, t as PopoverHeading } from "../popover-heading-DC8rYnwo.js";
 export { PopoverHeading, PopoverHeadingOptions, PopoverHeadingProps, usePopoverHeading };

package/dist/popover/popover.d.ts

@@ -1,2 +1,2 @@
-import { i as usePopover, n as PopoverOptions, r as PopoverProps, t as Popover } from "../popover-CCqiRKqg.js";
+import { i as usePopover, n as PopoverOptions, r as PopoverProps, t as Popover } from "../popover-B9PxE5iP.js";
 export { Popover, PopoverOptions, PopoverProps, usePopover };

package/dist/popover/popover.js

@@ -63,7 +63,7 @@ function getOffsetMiddleware(arrowElement, props) {
 function getFlipMiddleware(props) {
 	if (props.flip === false) return;
 	const fallbackPlacements = typeof props.flip === "string" ? props.flip.split(" ") : void 0;
-	invariant(!fallbackPlacements || fallbackPlacements.every(isValidPlacement), "`flip` expects a spaced-delimited list of placements");
+	invariant(!fallbackPlacements || fallbackPlacements.every(isValidPlacement), process.env.NODE_ENV !== "production" && "`flip` expects a spaced-delimited list of placements");
 	return flip({
 		padding: props.overflowPadding,
 		fallbackPlacements
@@ -117,7 +117,7 @@ function getArrowMiddleware(arrowElement, props) {
 const usePopover = createHook(function usePopover({ store, modal = false, portal = modal, preserveTabOrder = true, autoFocusOnShow = true, wrapperProps, fixed = false, flip = true, shift = 0, slide = true, overlap = false, sameWidth = false, fitViewport = false, gutter, arrowPadding = 4, overflowPadding = 8, getAnchorRect, updatePosition, ...props }) {
 	const context = usePopoverProviderContext();
 	store = store || context;
-	invariant(store, "Popover must receive a `store` prop or be wrapped in a PopoverProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "Popover must receive a `store` prop or be wrapped in a PopoverProvider component.");
 	const arrowElement = useStoreState(store, "arrowElement");
 	const anchorElement = useStoreState(store, "anchorElement");
 	const disclosureElement = useStoreState(store, "disclosureElement");