@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/menu/menu.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ZWICHV7Ocjs = require('../__chunks/ZWICHV7O.cjs');
+var _GRK5YRZLcjs = require('../__chunks/GRK5YRZL.cjs');
 
 
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/6PUZ4NWR.cjs');
-require('../__chunks/H6OLBVHA.cjs');
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/XSRQB4KO.cjs');
+require('../__chunks/T5YJMXLP.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
 
 
-var _I2KHXDVLcjs = require('../__chunks/I2KHXDVL.cjs');
+var _X3FFBMDHcjs = require('../__chunks/X3FFBMDH.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/OUEE5HOS.cjs');
+require('../__chunks/LM5EDRV3.cjs');
 
 
-var _ZL5DC555cjs = require('../__chunks/ZL5DC555.cjs');
-require('../__chunks/WZ3DRKGP.cjs');
-require('../__chunks/KSPMHEYZ.cjs');
+var _JJH3U4MGcjs = require('../__chunks/JJH3U4MG.cjs');
+require('../__chunks/375RXJFL.cjs');
+require('../__chunks/4OFNVXGN.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
 require('../__chunks/KREY6HXD.cjs');
@@ -33,28 +33,28 @@ require('../__chunks/7TN63K2T.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/7566TIRW.cjs');
+require('../__chunks/5SRODZ4B.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/65LGW5LY.cjs');
-require('../__chunks/XB3G2EO2.cjs');
+require('../__chunks/BBRNIJWO.cjs');
+require('../__chunks/O2WTAUCQ.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/THCBJSSM.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/R66IWXK6.cjs');
+require('../__chunks/HQKST6ZJ.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 
 
 var _OLOZ5JT2cjs = require('../__chunks/OLOZ5JT2.cjs');
@@ -73,171 +73,168 @@ var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
-var useMenu = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, {
-      store,
-      modal: modalProp = false,
-      portal = !!modalProp,
-      hideOnEscape = true,
-      autoFocusOnShow = true,
-      hideOnHoverOutside,
-      alwaysVisible
-    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
-      "store",
-      "modal",
-      "portal",
-      "hideOnEscape",
-      "autoFocusOnShow",
-      "hideOnHoverOutside",
-      "alwaysVisible"
-    ]);
-    const context = _NGEKJJDHcjs.useMenuProviderContext.call(void 0, );
-    store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
-    );
-    const ref = _react.useRef.call(void 0, null);
-    const parentMenu = store.parent;
-    const parentMenubar = store.menubar;
-    const hasParentMenu = !!parentMenu;
-    const parentIsMenubar = !!parentMenubar && !hasParentMenu;
-    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
-    });
-    const _a2 = _ZWICHV7Ocjs.useMenuList.call(void 0, 
-      _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props)
-    ), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = _AV6KTKLEcjs.__objRest.call(void 0, _a2, ["aria-labelledby"]);
-    props = menuListProps;
-    const [initialFocusRef, setInitialFocusRef] = _react.useState.call(void 0, );
-    const autoFocusOnShowState = store.useState("autoFocusOnShow");
-    const initialFocus = store.useState("initialFocus");
-    const baseElement = store.useState("baseElement");
-    const items = store.useState("renderedItems");
-    _react.useEffect.call(void 0, () => {
-      let cleaning = false;
-      setInitialFocusRef((prevInitialFocusRef) => {
-        var _a3, _b2, _c;
-        if (cleaning)
-          return;
-        if (!autoFocusOnShowState)
-          return;
-        if ((_a3 = prevInitialFocusRef == null ? void 0 : prevInitialFocusRef.current) == null ? void 0 : _a3.isConnected)
-          return prevInitialFocusRef;
-        const ref2 = _react.createRef.call(void 0, );
-        switch (initialFocus) {
-          case "first":
-            ref2.current = ((_b2 = items.find((item) => !item.disabled && item.element)) == null ? void 0 : _b2.element) || null;
-            break;
-          case "last":
-            ref2.current = ((_c = [...items].reverse().find((item) => !item.disabled && item.element)) == null ? void 0 : _c.element) || null;
-            break;
-          default:
-            ref2.current = baseElement;
-        }
-        return ref2;
-      });
-      return () => {
-        cleaning = true;
-      };
-    }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
-    const modal = hasParentMenu ? false : modalProp;
-    const mayAutoFocusOnShow = !!autoFocusOnShow;
-    const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
-    const contentElement = _OLOZ5JT2cjs.useStoreState.call(void 0, 
-      store.combobox || store,
-      "contentElement"
-    );
-    const parentContentElement = _OLOZ5JT2cjs.useStoreState.call(void 0, 
-      (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
-      "contentElement"
-    );
-    const preserveTabOrderAnchor = _react.useMemo.call(void 0, () => {
-      if (!parentContentElement)
+var TagName = "div";
+var useMenu = _Q67LZMDTcjs.createHook.call(void 0, function useMenu2(_a) {
+  var _b = _a, {
+    store,
+    modal: modalProp = false,
+    portal = !!modalProp,
+    hideOnEscape = true,
+    autoFocusOnShow = true,
+    hideOnHoverOutside,
+    alwaysVisible
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    "store",
+    "modal",
+    "portal",
+    "hideOnEscape",
+    "autoFocusOnShow",
+    "hideOnHoverOutside",
+    "alwaysVisible"
+  ]);
+  const context = _HD6KOF3Gcjs.useMenuProviderContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
+  );
+  const ref = _react.useRef.call(void 0, null);
+  const parentMenu = store.parent;
+  const parentMenubar = store.menubar;
+  const hasParentMenu = !!parentMenu;
+  const parentIsMenubar = !!parentMenubar && !hasParentMenu;
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
+  });
+  const _a2 = _GRK5YRZLcjs.useMenuList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    store,
+    alwaysVisible
+  }, props)), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = _AV6KTKLEcjs.__objRest.call(void 0, _a2, ["aria-labelledby"]);
+  props = menuListProps;
+  const [initialFocusRef, setInitialFocusRef] = _react.useState.call(void 0, );
+  const autoFocusOnShowState = store.useState("autoFocusOnShow");
+  const initialFocus = store.useState("initialFocus");
+  const baseElement = store.useState("baseElement");
+  const items = store.useState("renderedItems");
+  _react.useEffect.call(void 0, () => {
+    let cleaning = false;
+    setInitialFocusRef((prevInitialFocusRef) => {
+      var _a3, _b2, _c;
+      if (cleaning)
         return;
-      if (!contentElement)
+      if (!autoFocusOnShowState)
         return;
-      const role = contentElement.getAttribute("role");
-      const parentRole = parentContentElement.getAttribute("role");
-      const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
-      if (parentIsMenuOrMenubar && role === "menu")
-        return;
-      return parentContentElement;
-    }, [contentElement, parentContentElement]);
-    if (preserveTabOrderAnchor !== void 0) {
-      props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
-        preserveTabOrderAnchor
-      }, props);
-    }
-    props = _I2KHXDVLcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      store,
-      alwaysVisible,
-      initialFocus: initialFocusRef,
-      autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
-    }, props), {
-      hideOnEscape: (event) => {
-        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnEscape, event))
-          return false;
-        store == null ? void 0 : store.hideAll();
-        return true;
-      },
-      hideOnHoverOutside: (event) => {
-        const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
-        const getHideOnHoverOutside = () => {
-          if (typeof hideOnHoverOutside === "function") {
-            return hideOnHoverOutside(event);
-          }
-          if (hideOnHoverOutside != null)
-            return hideOnHoverOutside;
-          if (hasParentMenu)
-            return true;
-          if (!parentIsMenubar)
-            return false;
-          if (!disclosureElement)
-            return true;
-          if (_focus.hasFocusWithin.call(void 0, disclosureElement))
-            return false;
+      if ((_a3 = prevInitialFocusRef == null ? void 0 : prevInitialFocusRef.current) == null ? void 0 : _a3.isConnected)
+        return prevInitialFocusRef;
+      const ref2 = _react.createRef.call(void 0, );
+      switch (initialFocus) {
+        case "first":
+          ref2.current = ((_b2 = items.find((item) => !item.disabled && item.element)) == null ? void 0 : _b2.element) || null;
+          break;
+        case "last":
+          ref2.current = ((_c = [...items].reverse().find((item) => !item.disabled && item.element)) == null ? void 0 : _c.element) || null;
+          break;
+        default:
+          ref2.current = baseElement;
+      }
+      return ref2;
+    });
+    return () => {
+      cleaning = true;
+    };
+  }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
+  const modal = hasParentMenu ? false : modalProp;
+  const mayAutoFocusOnShow = !!autoFocusOnShow;
+  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
+  const contentElement = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+    store.combobox || store,
+    "contentElement"
+  );
+  const parentContentElement = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+    (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
+    "contentElement"
+  );
+  const preserveTabOrderAnchor = _react.useMemo.call(void 0, () => {
+    if (!parentContentElement)
+      return;
+    if (!contentElement)
+      return;
+    const role = contentElement.getAttribute("role");
+    const parentRole = parentContentElement.getAttribute("role");
+    const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
+    if (parentIsMenuOrMenubar && role === "menu")
+      return;
+    return parentContentElement;
+  }, [contentElement, parentContentElement]);
+  if (preserveTabOrderAnchor !== void 0) {
+    props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
+      preserveTabOrderAnchor
+    }, props);
+  }
+  props = _X3FFBMDHcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    store,
+    alwaysVisible,
+    initialFocus: initialFocusRef,
+    autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
+  }, props), {
+    hideOnEscape(event) {
+      if (_misc.isFalsyBooleanCallback.call(void 0, hideOnEscape, event))
+        return false;
+      store == null ? void 0 : store.hideAll();
+      return true;
+    },
+    hideOnHoverOutside(event) {
+      const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
+      const getHideOnHoverOutside = () => {
+        if (typeof hideOnHoverOutside === "function") {
+          return hideOnHoverOutside(event);
+        }
+        if (hideOnHoverOutside != null)
+          return hideOnHoverOutside;
+        if (hasParentMenu)
           return true;
-        };
-        if (!getHideOnHoverOutside())
+        if (!parentIsMenubar)
           return false;
-        if (event.defaultPrevented)
-          return true;
-        if (!hasParentMenu)
-          return true;
         if (!disclosureElement)
           return true;
-        _events.fireEvent.call(void 0, disclosureElement, "mouseout", event);
-        if (!_focus.hasFocusWithin.call(void 0, disclosureElement))
-          return true;
-        requestAnimationFrame(() => {
-          if (_focus.hasFocusWithin.call(void 0, disclosureElement))
-            return;
-          store == null ? void 0 : store.hide();
-        });
+        if (_focus.hasFocusWithin.call(void 0, disclosureElement))
+          return false;
+        return true;
+      };
+      if (!getHideOnHoverOutside())
         return false;
-      },
-      modal,
-      portal,
-      backdrop: hasParentMenu ? false : props.backdrop
-    }));
-    props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      "aria-labelledby": ariaLabelledBy
-    }, props);
-    return props;
-  }
-);
-var Menu = _ZL5DC555cjs.createDialogComponent.call(void 0, 
-  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+      if (event.defaultPrevented)
+        return true;
+      if (!hasParentMenu)
+        return true;
+      if (!disclosureElement)
+        return true;
+      _events.fireEvent.call(void 0, disclosureElement, "mouseout", event);
+      if (!_focus.hasFocusWithin.call(void 0, disclosureElement))
+        return true;
+      requestAnimationFrame(() => {
+        if (_focus.hasFocusWithin.call(void 0, disclosureElement))
+          return;
+        store == null ? void 0 : store.hide();
+      });
+      return false;
+    },
+    modal,
+    portal,
+    backdrop: hasParentMenu ? false : props.backdrop
+  }));
+  props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    "aria-labelledby": ariaLabelledBy
+  }, props);
+  return props;
+});
+var Menu = _JJH3U4MGcjs.createDialogComponent.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function Menu2(props) {
     const htmlProps = useMenu(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _NGEKJJDHcjs.useMenuProviderContext
+  _HD6KOF3Gcjs.useMenuProviderContext
 );
-if (process.env.NODE_ENV !== "production") {
-  Menu.displayName = "Menu";
-}
 
 
 

package/cjs/menu/menu.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardOptions } from "../hovercard/hovercard.jsx";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuListOptions } from "./menu-list.jsx";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Menu` component.
  * @see https://ariakit.org/components/menu
@@ -15,7 +18,7 @@ import type { MenuListOptions } from "./menu-list.jsx";
  * </Role>
  * ```
  */
-export declare const useMenu: import("../utils/types.js").Hook<MenuOptions<"div">>;
+export declare const useMenu: import("../utils/types.js").Hook<"div", MenuOptions<"div">>;
 /**
  * Renders a dropdown menu element that's controlled by a
  * [`MenuButton`](https://ariakit.org/reference/menu-button) component.
@@ -36,7 +39,8 @@ export declare const useMenu: import("../utils/types.js").Hook<MenuOptions<"div"
  * </MenuProvider>
  * ```
  */
-export declare const Menu: import("../utils/types.js").Component<MenuOptions<"div">>;
-export interface MenuOptions<T extends As = "div"> extends MenuListOptions<T>, Omit<HovercardOptions<T>, "store"> {
+export declare const Menu: (props: MenuProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface MenuOptions<T extends ElementType = TagName> extends MenuListOptions<T>, Omit<HovercardOptions<T>, "store"> {
 }
-export type MenuProps<T extends As = "div"> = Props<MenuOptions<T>>;
+export type MenuProps<T extends ElementType = TagName> = Props<T, MenuOptions<T>>;
+export {};

package/cjs/menu/menu.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardOptions } from "../hovercard/hovercard.jsx";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuListOptions } from "./menu-list.jsx";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Menu` component.
  * @see https://ariakit.org/components/menu
@@ -15,7 +18,7 @@ import type { MenuListOptions } from "./menu-list.jsx";
  * </Role>
  * ```
  */
-export declare const useMenu: import("../utils/types.js").Hook<MenuOptions<"div">>;
+export declare const useMenu: import("../utils/types.js").Hook<"div", MenuOptions<"div">>;
 /**
  * Renders a dropdown menu element that's controlled by a
  * [`MenuButton`](https://ariakit.org/reference/menu-button) component.
@@ -36,7 +39,8 @@ export declare const useMenu: import("../utils/types.js").Hook<MenuOptions<"div"
  * </MenuProvider>
  * ```
  */
-export declare const Menu: import("../utils/types.js").Component<MenuOptions<"div">>;
-export interface MenuOptions<T extends As = "div"> extends MenuListOptions<T>, Omit<HovercardOptions<T>, "store"> {
+export declare const Menu: (props: MenuProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface MenuOptions<T extends ElementType = TagName> extends MenuListOptions<T>, Omit<HovercardOptions<T>, "store"> {
 }
-export type MenuProps<T extends As = "div"> = Props<MenuOptions<T>>;
+export type MenuProps<T extends ElementType = TagName> = Props<T, MenuOptions<T>>;
+export {};

package/cjs/menubar/menubar-context.cjs

@@ -6,10 +6,10 @@
 
 
 
-var _7LBZXSLYcjs = require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _GAHLF3OIcjs = require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuItemCheckedContext = _7LBZXSLYcjs.MenuItemCheckedContext; exports.MenubarContextProvider = _7LBZXSLYcjs.MenubarContextProvider; exports.MenubarScopedContextProvider = _7LBZXSLYcjs.MenubarScopedContextProvider; exports.useMenubarContext = _7LBZXSLYcjs.useMenubarContext; exports.useMenubarProviderContext = _7LBZXSLYcjs.useMenubarProviderContext; exports.useMenubarScopedContext = _7LBZXSLYcjs.useMenubarScopedContext;
+exports.MenuItemCheckedContext = _GAHLF3OIcjs.MenuItemCheckedContext; exports.MenubarContextProvider = _GAHLF3OIcjs.MenubarContextProvider; exports.MenubarScopedContextProvider = _GAHLF3OIcjs.MenubarScopedContextProvider; exports.useMenubarContext = _GAHLF3OIcjs.useMenubarContext; exports.useMenubarProviderContext = _GAHLF3OIcjs.useMenubarProviderContext; exports.useMenubarScopedContext = _GAHLF3OIcjs.useMenubarScopedContext;

package/cjs/menubar/menubar-provider.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _T7WLYFYVcjs = require('../__chunks/T7WLYFYV.cjs');
-require('../__chunks/7LBZXSLY.cjs');
+var _YDATFQCDcjs = require('../__chunks/YDATFQCD.cjs');
+require('../__chunks/GAHLF3OI.cjs');
 require('../__chunks/EUHOCOY2.cjs');
 require('../__chunks/LUL2YWZ3.cjs');
 require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.MenubarProvider = _T7WLYFYVcjs.MenubarProvider;
+exports.MenubarProvider = _YDATFQCDcjs.MenubarProvider;

package/cjs/menubar/menubar.cjs

@@ -2,18 +2,18 @@
 
 
 
-var _RNGIWUQWcjs = require('../__chunks/RNGIWUQW.cjs');
-require('../__chunks/7LBZXSLY.cjs');
+var _QUSHM3ARcjs = require('../__chunks/QUSHM3AR.cjs');
+require('../__chunks/GAHLF3OI.cjs');
 require('../__chunks/EUHOCOY2.cjs');
-require('../__chunks/H6OLBVHA.cjs');
+require('../__chunks/T5YJMXLP.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/LUL2YWZ3.cjs');
 require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Menubar = _RNGIWUQWcjs.Menubar; exports.useMenubar = _RNGIWUQWcjs.useMenubar;
+exports.Menubar = _QUSHM3ARcjs.Menubar; exports.useMenubar = _QUSHM3ARcjs.useMenubar;

package/cjs/menubar/menubar.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CompositeOptions } from "../composite/composite.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenubarStore, MenubarStoreProps } from "./menubar-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Menubar` component.
  * @see https://ariakit.org/components/menubar
@@ -21,7 +24,7 @@ import type { MenubarStore, MenubarStoreProps } from "./menubar-store.js";
  * </Role>
  * ```
  */
-export declare const useMenubar: import("../utils/types.js").Hook<MenubarOptions<"div">>;
+export declare const useMenubar: import("../utils/types.js").Hook<"div", MenubarOptions<"div">>;
 /**
  * Renders a menubar that may contain a group of
  * [`MenuItem`](https://ariakit.org/reference/menu-item) elements that control
@@ -47,8 +50,8 @@ export declare const useMenubar: import("../utils/types.js").Hook<MenubarOptions
  * </Menubar>
  * ```
  */
-export declare const Menubar: import("../utils/types.js").Component<MenubarOptions<"div">>;
-export interface MenubarOptions<T extends As = "div"> extends CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
+export declare const Menubar: (props: MenubarProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenubarOptions<T extends ElementType = TagName> extends CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
     /**
      * Object returned by the
      * [`useMenubarStore`](https://ariakit.org/reference/use-menubar-store) hook.
@@ -60,4 +63,5 @@ export interface MenubarOptions<T extends As = "div"> extends CompositeOptions<T
      */
     store?: MenubarStore;
 }
-export type MenubarProps<T extends As = "div"> = Props<MenubarOptions<T>>;
+export type MenubarProps<T extends ElementType = TagName> = Props<T, MenubarOptions<T>>;
+export {};

package/cjs/menubar/menubar.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CompositeOptions } from "../composite/composite.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenubarStore, MenubarStoreProps } from "./menubar-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Menubar` component.
  * @see https://ariakit.org/components/menubar
@@ -21,7 +24,7 @@ import type { MenubarStore, MenubarStoreProps } from "./menubar-store.js";
  * </Role>
  * ```
  */
-export declare const useMenubar: import("../utils/types.js").Hook<MenubarOptions<"div">>;
+export declare const useMenubar: import("../utils/types.js").Hook<"div", MenubarOptions<"div">>;
 /**
  * Renders a menubar that may contain a group of
  * [`MenuItem`](https://ariakit.org/reference/menu-item) elements that control
@@ -47,8 +50,8 @@ export declare const useMenubar: import("../utils/types.js").Hook<MenubarOptions
  * </Menubar>
  * ```
  */
-export declare const Menubar: import("../utils/types.js").Component<MenubarOptions<"div">>;
-export interface MenubarOptions<T extends As = "div"> extends CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
+export declare const Menubar: (props: MenubarProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenubarOptions<T extends ElementType = TagName> extends CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
     /**
      * Object returned by the
      * [`useMenubarStore`](https://ariakit.org/reference/use-menubar-store) hook.
@@ -60,4 +63,5 @@ export interface MenubarOptions<T extends As = "div"> extends CompositeOptions<T
      */
     store?: MenubarStore;
 }
-export type MenubarProps<T extends As = "div"> = Props<MenubarOptions<T>>;
+export type MenubarProps<T extends ElementType = TagName> = Props<T, MenubarOptions<T>>;
+export {};