@basic-ui/core 0.0.60 → 0.0.62

package/build/esm/Collapsible/CollapsiblePanel.js

@@ -0,0 +1,85 @@
+import { forwardRef, Fragment, useEffect, useLayoutEffect, useId, useRef, useState } from 'react';
+import { useCollapsibleContext } from './context';
+import { assignMultipleRefs } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CollapsiblePanel = /*#__PURE__*/forwardRef(function CollapsiblePanel(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    innerAs,
+    id: idProp,
+    keepMounted = false,
+    style,
+    ...otherProps
+  } = props;
+  const {
+    open,
+    mounted,
+    transitionStatus,
+    setMounted,
+    setPanelId,
+    disabled
+  } = useCollapsibleContext();
+  const generatedId = useId();
+  const panelId = idProp ?? generatedId;
+  const panelRef = useRef(null);
+  const mergedRef = assignMultipleRefs(panelRef, forwardedRef);
+  const [height, setHeight] = useState();
+  const [width, setWidth] = useState();
+  useEffect(() => {
+    setPanelId(panelId);
+    return () => {
+      setPanelId(undefined);
+    };
+  }, [panelId, setPanelId]);
+  useLayoutEffect(() => {
+    const node = panelRef.current;
+    if (!node) return;
+    if (open || transitionStatus === 'starting' || transitionStatus === 'ending') {
+      setHeight(node.scrollHeight);
+      setWidth(node.scrollWidth);
+    }
+  }, [open, transitionStatus]);
+  useEffect(() => {
+    if (open || !mounted || transitionStatus !== 'ending') return;
+    const node = panelRef.current;
+    if (!node) return;
+    const handleComplete = e => {
+      if (e && e.target !== node) return; // Ignore bubbled events
+      setMounted(false);
+    };
+    node.addEventListener('animationend', handleComplete);
+    node.addEventListener('transitionend', handleComplete);
+    const styles = window.getComputedStyle(node);
+    const hasAnimation = styles.animationDuration !== '0s' && styles.animationName !== 'none';
+    const hasTransition = styles.transitionDuration !== '0s' && styles.transitionDuration !== '';
+    if (!hasAnimation && !hasTransition) {
+      setMounted(false);
+    }
+    return () => {
+      node.removeEventListener('animationend', handleComplete);
+      node.removeEventListener('transitionend', handleComplete);
+    };
+  }, [open, mounted, transitionStatus, setMounted]);
+  if (!mounted && !keepMounted) {
+    return null;
+  }
+  const hidden = !open && !mounted;
+  return /*#__PURE__*/_jsx(Comp, {
+    ...(Comp !== Fragment ? {
+      as: innerAs,
+      ref: mergedRef
+    } : {}),
+    id: panelId,
+    hidden: hidden ? true : undefined,
+    "data-open": open ? '' : undefined,
+    "data-disabled": disabled ? '' : undefined,
+    "data-state": open ? 'open' : 'closed',
+    style: {
+      ...style,
+      '--collapsible-panel-height': height !== undefined ? `${height}px` : undefined,
+      '--collapsible-panel-width': width !== undefined ? `${width}px` : undefined
+    },
+    ...otherProps
+  });
+});
+//# sourceMappingURL=CollapsiblePanel.js.map

package/build/esm/Collapsible/CollapsiblePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.js","names":["forwardRef","Fragment","useEffect","useLayoutEffect","useId","useRef","useState","useCollapsibleContext","assignMultipleRefs","jsx","_jsx","CollapsiblePanel","props","forwardedRef","as","Comp","innerAs","id","idProp","keepMounted","style","otherProps","open","mounted","transitionStatus","setMounted","setPanelId","disabled","generatedId","panelId","panelRef","mergedRef","height","setHeight","width","setWidth","undefined","node","current","scrollHeight","scrollWidth","handleComplete","e","target","addEventListener","styles","window","getComputedStyle","hasAnimation","animationDuration","animationName","hasTransition","transitionDuration","removeEventListener","hidden","ref"],"sources":["../../../src/Collapsible/CollapsiblePanel.tsx"],"sourcesContent":["import type { ElementType, ReactNode, HTMLAttributes } from 'react';\nimport { forwardRef, Fragment, useEffect, useLayoutEffect, useId, useRef, useState } from 'react';\nimport { useCollapsibleContext } from './context';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface CollapsiblePanelProps extends HTMLAttributes<HTMLElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  id?: string;\n  keepMounted?: boolean;\n}\n\nexport const CollapsiblePanel = forwardRef<HTMLElement, CollapsiblePanelProps>(\n  function CollapsiblePanel(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      innerAs,\n      id: idProp,\n      keepMounted = false,\n      style,\n      ...otherProps\n    } = props;\n\n    const { open, mounted, transitionStatus, setMounted, setPanelId, disabled } = useCollapsibleContext();\n    const generatedId = useId();\n    const panelId = idProp ?? generatedId;\n    \n    const panelRef = useRef<HTMLElement>(null);\n    const mergedRef = assignMultipleRefs(panelRef, forwardedRef);\n\n    const [height, setHeight] = useState<number | undefined>();\n    const [width, setWidth] = useState<number | undefined>();\n\n    useEffect(() => {\n      setPanelId(panelId);\n      return () => {\n        setPanelId(undefined);\n      };\n    }, [panelId, setPanelId]);\n\n    useLayoutEffect(() => {\n      const node = panelRef.current;\n      if (!node) return;\n\n      if (open || transitionStatus === 'starting' || transitionStatus === 'ending') {\n        setHeight(node.scrollHeight);\n        setWidth(node.scrollWidth);\n      }\n    }, [open, transitionStatus]);\n\n    useEffect(() => {\n      if (open || !mounted || transitionStatus !== 'ending') return;\n\n      const node = panelRef.current;\n      if (!node) return;\n\n      const handleComplete = (e?: Event) => {\n        if (e && e.target !== node) return; // Ignore bubbled events\n        setMounted(false);\n      };\n\n      node.addEventListener('animationend', handleComplete);\n      node.addEventListener('transitionend', handleComplete);\n\n      const styles = window.getComputedStyle(node);\n      const hasAnimation = styles.animationDuration !== '0s' && styles.animationName !== 'none';\n      const hasTransition = styles.transitionDuration !== '0s' && styles.transitionDuration !== '';\n\n      if (!hasAnimation && !hasTransition) {\n        setMounted(false);\n      }\n\n      return () => {\n        node.removeEventListener('animationend', handleComplete);\n        node.removeEventListener('transitionend', handleComplete);\n      };\n    }, [open, mounted, transitionStatus, setMounted]);\n\n    if (!mounted && !keepMounted) {\n      return null;\n    }\n\n    const hidden = !open && !mounted;\n\n    return (\n      <Comp\n        {...(Comp !== Fragment ? { as: innerAs, ref: mergedRef } : {})}\n        id={panelId}\n        hidden={hidden ? true : undefined}\n        data-open={open ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        data-state={open ? 'open' : 'closed'}\n        style={{\n          ...style,\n          '--collapsible-panel-height': height !== undefined ? `${height}px` : undefined,\n          '--collapsible-panel-width': width !== undefined ? `${width}px` : undefined,\n        } as React.CSSProperties}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Collapsible/CollapsibleTrigger.d.ts

@@ -0,0 +1,11 @@
+import type { ElementType, ReactNode, MouseEvent, KeyboardEvent, HTMLAttributes } from 'react';
+export interface CollapsibleTriggerProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    onClick?: (e: MouseEvent<any>) => void;
+    onKeyDown?: (e: KeyboardEvent<any>) => void;
+    disabled?: boolean;
+}
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=CollapsibleTrigger.d.ts.map

package/build/esm/Collapsible/CollapsibleTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/CollapsibleTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK/F,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1E,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,iHA6C9B,CAAC"}

package/build/esm/Collapsible/CollapsibleTrigger.js

@@ -0,0 +1,51 @@
+import { forwardRef, Fragment } from 'react';
+import { useCollapsibleContext } from './context';
+import { wrapEvent } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CollapsibleTrigger = /*#__PURE__*/forwardRef(function CollapsibleTrigger(props, forwardedRef) {
+  const {
+    as: Comp = 'button',
+    innerAs,
+    onClick,
+    onKeyDown,
+    disabled,
+    ...otherProps
+  } = props;
+  const {
+    open,
+    panelId,
+    disabled: contextDisabled,
+    onChange
+  } = useCollapsibleContext();
+  const isDisabled = disabled ?? contextDisabled;
+  const handleClick = e => {
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
+    onChange(e, !open);
+  };
+  const handleKeyDown = e => {
+    if (Comp !== 'button' && (e.key === 'Enter' || e.key === ' ')) {
+      e.preventDefault();
+      handleClick(e);
+    }
+  };
+  return /*#__PURE__*/_jsx(Comp, {
+    ...(Comp !== Fragment ? {
+      as: innerAs,
+      ref: forwardedRef
+    } : {}),
+    type: Comp === 'button' ? 'button' : undefined,
+    "aria-controls": open ? panelId : undefined,
+    "aria-expanded": open,
+    disabled: isDisabled,
+    "data-open": open ? '' : undefined,
+    "data-disabled": isDisabled ? '' : undefined,
+    "data-state": open ? 'open' : 'closed',
+    onClick: wrapEvent(onClick, handleClick),
+    onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
+    ...otherProps
+  });
+});
+//# sourceMappingURL=CollapsibleTrigger.js.map

package/build/esm/Collapsible/CollapsibleTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.js","names":["forwardRef","Fragment","useCollapsibleContext","wrapEvent","jsx","_jsx","CollapsibleTrigger","props","forwardedRef","as","Comp","innerAs","onClick","onKeyDown","disabled","otherProps","open","panelId","contextDisabled","onChange","isDisabled","handleClick","e","preventDefault","handleKeyDown","key","ref","type","undefined"],"sources":["../../../src/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":["import type { ElementType, ReactNode, MouseEvent, KeyboardEvent, HTMLAttributes } from 'react';\nimport { forwardRef, Fragment } from 'react';\nimport { useCollapsibleContext } from './context';\nimport { wrapEvent } from '../utils';\n\nexport interface CollapsibleTriggerProps extends HTMLAttributes<HTMLElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onClick?: (e: MouseEvent<any>) => void;\n  onKeyDown?: (e: KeyboardEvent<any>) => void;\n  disabled?: boolean;\n}\n\nexport const CollapsibleTrigger = forwardRef<HTMLElement, CollapsibleTriggerProps>(\n  function CollapsibleTrigger(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      innerAs,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n\n    const { open, panelId, disabled: contextDisabled, onChange } = useCollapsibleContext();\n    const isDisabled = disabled ?? contextDisabled;\n\n    const handleClick = (e: MouseEvent<any>) => {\n      if (isDisabled) {\n        e.preventDefault();\n        return;\n      }\n      onChange(e, !open);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<any>) => {\n      if (Comp !== 'button' && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        handleClick(e as unknown as MouseEvent<any>);\n      }\n    };\n\n    return (\n      <Comp\n        {...(Comp !== Fragment ? { as: innerAs, ref: forwardedRef } : {})}\n        type={Comp === 'button' ? 'button' : undefined}\n        aria-controls={open ? panelId : undefined}\n        aria-expanded={open}\n        disabled={isDisabled}\n        data-open={open ? '' : undefined}\n        data-disabled={isDisabled ? '' : undefined}\n        data-state={open ? 'open' : 'closed'}\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC5C,SAASC,qBAAqB,QAAQ,WAAW;AACjD,SAASC,SAAS,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWrC,OAAO,MAAMC,kBAAkB,gBAAGN,UAAU,CAC1C,SAASM,kBAAkBA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC/C,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,QAAQ;IACnBC,OAAO;IACPC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IAAES,IAAI;IAAEC,OAAO;IAAEH,QAAQ,EAAEI,eAAe;IAAEC;EAAS,CAAC,GAAGjB,qBAAqB,CAAC,CAAC;EACtF,MAAMkB,UAAU,GAAGN,QAAQ,IAAII,eAAe;EAE9C,MAAMG,WAAW,GAAIC,CAAkB,IAAK;IAC1C,IAAIF,UAAU,EAAE;MACdE,CAAC,CAACC,cAAc,CAAC,CAAC;MAClB;IACF;IACAJ,QAAQ,CAACG,CAAC,EAAE,CAACN,IAAI,CAAC;EACpB,CAAC;EAED,MAAMQ,aAAa,GAAIF,CAAqB,IAAK;IAC/C,IAAIZ,IAAI,KAAK,QAAQ,KAAKY,CAAC,CAACG,GAAG,KAAK,OAAO,IAAIH,CAAC,CAACG,GAAG,KAAK,GAAG,CAAC,EAAE;MAC7DH,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBF,WAAW,CAACC,CAA+B,CAAC;IAC9C;EACF,CAAC;EAED,oBACEjB,IAAA,CAACK,IAAI;IAAA,IACEA,IAAI,KAAKT,QAAQ,GAAG;MAAEQ,EAAE,EAAEE,OAAO;MAAEe,GAAG,EAAElB;IAAa,CAAC,GAAG,CAAC,CAAC;IAChEmB,IAAI,EAAEjB,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAGkB,SAAU;IAC/C,iBAAeZ,IAAI,GAAGC,OAAO,GAAGW,SAAU;IAC1C,iBAAeZ,IAAK;IACpBF,QAAQ,EAAEM,UAAW;IACrB,aAAWJ,IAAI,GAAG,EAAE,GAAGY,SAAU;IACjC,iBAAeR,UAAU,GAAG,EAAE,GAAGQ,SAAU;IAC3C,cAAYZ,IAAI,GAAG,MAAM,GAAG,QAAS;IACrCJ,OAAO,EAAET,SAAS,CAACS,OAAO,EAAES,WAAW,CAAE;IACzCR,SAAS,EAAEV,SAAS,CAACU,SAAS,EAAEW,aAAa,CAAE;IAAA,GAC3CT;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Collapsible/context.d.ts

@@ -0,0 +1,16 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { CollapsibleTriggerEvent } from './Collapsible';
+import type { TransitionStatus } from '../hooks';
+export interface CollapsibleContextProps {
+    open: boolean;
+    mounted: boolean;
+    transitionStatus: TransitionStatus;
+    setMounted: Dispatch<SetStateAction<boolean>>;
+    panelId: string | undefined;
+    disabled: boolean;
+    onChange: (e: CollapsibleTriggerEvent, isOpen: boolean) => void;
+    setPanelId: Dispatch<SetStateAction<string | undefined>>;
+}
+export declare const CollapsibleProvider: import("react").Provider<CollapsibleContextProps | null>;
+export declare const useCollapsibleContext: () => CollapsibleContextProps;
+//# sourceMappingURL=context.d.ts.map

package/build/esm/Collapsible/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,uBAAuB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAC1D;AAID,eAAO,MAAM,mBAAmB,0DAA8B,CAAC;AAE/D,eAAO,MAAM,qBAAqB,+BAMjC,CAAC"}

package/build/esm/Collapsible/context.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+const CollapsibleContext = /*#__PURE__*/createContext(null);
+export const CollapsibleProvider = CollapsibleContext.Provider;
+export const useCollapsibleContext = () => {
+  const context = useContext(CollapsibleContext);
+  if (!context) {
+    throw new Error('Collapsible components must be used within a <Collapsible>');
+  }
+  return context;
+};
+//# sourceMappingURL=context.js.map

package/build/esm/Collapsible/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["createContext","useContext","CollapsibleContext","CollapsibleProvider","Provider","useCollapsibleContext","context","Error"],"sources":["../../../src/Collapsible/context.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { createContext, useContext } from 'react';\nimport type { CollapsibleTriggerEvent } from './Collapsible';\n\nimport type { TransitionStatus } from '../hooks';\n\nexport interface CollapsibleContextProps {\n  open: boolean;\n  mounted: boolean;\n  transitionStatus: TransitionStatus;\n  setMounted: Dispatch<SetStateAction<boolean>>;\n  panelId: string | undefined;\n  disabled: boolean;\n  onChange: (e: CollapsibleTriggerEvent, isOpen: boolean) => void;\n  setPanelId: Dispatch<SetStateAction<string | undefined>>;\n}\n\nconst CollapsibleContext = createContext<CollapsibleContextProps | null>(null);\n\nexport const CollapsibleProvider = CollapsibleContext.Provider;\n\nexport const useCollapsibleContext = () => {\n  const context = useContext(CollapsibleContext);\n  if (!context) {\n    throw new Error('Collapsible components must be used within a <Collapsible>');\n  }\n  return context;\n};\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAgBjD,MAAMC,kBAAkB,gBAAGF,aAAa,CAAiC,IAAI,CAAC;AAE9E,OAAO,MAAMG,mBAAmB,GAAGD,kBAAkB,CAACE,QAAQ;AAE9D,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,OAAO,GAAGL,UAAU,CAACC,kBAAkB,CAAC;EAC9C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,4DAA4D,CAAC;EAC/E;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/build/esm/Collapsible/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Collapsible';
+export * from './CollapsibleTrigger';
+export * from './CollapsiblePanel';
+//# sourceMappingURL=index.d.ts.map

package/build/esm/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/build/esm/Collapsible/index.js

@@ -0,0 +1,4 @@
+export * from './Collapsible';
+export * from './CollapsibleTrigger';
+export * from './CollapsiblePanel';
+//# sourceMappingURL=index.js.map

package/build/esm/Collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Collapsible/index.ts"],"sourcesContent":["export * from './Collapsible';\nexport * from './CollapsibleTrigger';\nexport * from './CollapsiblePanel';\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,sBAAsB;AACpC,cAAc,oBAAoB","ignoreList":[]}

package/build/esm/Menu/Menu.d.ts

@@ -1,9 +1,10 @@
-import type { KeyboardEvent, MouseEvent, PointerEvent, ReactNode, ElementType } from 'react';
+import type { ReactNode, ElementType } from 'react';
+import type { MenuTriggerEvent } from './context';
 export interface MenuProps {
     as?: ElementType<any>;
     innerAs?: ElementType<any>;
     children?: ReactNode;
-    onChange?: (e: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement> | PointerEvent<HTMLElement>, isOpen: boolean) => void;
+    onChange?: (e: MenuTriggerEvent, isOpen: boolean) => void;
     open?: boolean;
     defaultOpen?: boolean;
 }

package/build/esm/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CACT,CAAC,EACG,aAAa,CAAC,WAAW,CAAC,GAC1B,UAAU,CAAC,WAAW,CAAC,GACvB,YAAY,CAAC,WAAW,CAAC,EAC7B,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,sGAoDf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAWpD,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAMpE,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,sGAmIhB,CAAC"}

package/build/esm/Menu/Menu.js

@@ -1,6 +1,7 @@
-import { useState, forwardRef, useRef, Fragment, useId } from 'react';
-import { MenuProvider } from './context';
+import { useState, forwardRef, useRef, Fragment, useId, useCallback, useEffect } from 'react';
+import { MenuProvider, useOptionalMenuContext } from './context';
 import { useControlledState } from '../hooks';
+import { useOptionalMenuBarContext } from '../MenuBar/context';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
   const {
@@ -14,15 +15,69 @@ export const Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
   const menuListIdRef = useRef(undefined);
   const openWithArrowKeyRef = useRef(null);
   const buttonRef = useRef(null);
-  const [open, onChange] = useControlledState(openProp, onChangeProp, defaultOpen, setState => (e, isOpen) => {
+  const didNotifyDefaultOpenRef = useRef(false);
+  const menuBar = useOptionalMenuBarContext();
+  const menuBarMenuId = useId();
+  const parentMenu = useOptionalMenuContext();
+  const isMenuBarRootMenu = Boolean(menuBar && !parentMenu);
+  const menuBarOpenMenuId = menuBar?.openMenuId;
+  const notifyMenuBarOpenChange = menuBar?.notifyMenuOpenChange;
+  const registerMenuBarMenu = menuBar?.registerMenu;
+  const [openState, setOpenState] = useControlledState(openProp, onChangeProp, defaultOpen, setState => (e, isOpen) => {
     setState(isOpen);
   });
   const [offsetFn, setOffsetFn] = useState(undefined);
   menuListIdRef.current = useId();
   const isContextMenu = useRef(false);
+  const open = isMenuBarRootMenu && openProp === undefined ? menuBarOpenMenuId === menuBarMenuId : openState;
+  const onChange = useCallback((e, isOpen) => {
+    setOpenState(e, isOpen);
+    if (isMenuBarRootMenu && notifyMenuBarOpenChange) {
+      notifyMenuBarOpenChange(menuBarMenuId, isOpen);
+    }
+  }, [isMenuBarRootMenu, menuBarMenuId, notifyMenuBarOpenChange, setOpenState]);
+  useEffect(() => {
+    if (!isMenuBarRootMenu || !registerMenuBarMenu) {
+      return;
+    }
+    return registerMenuBarMenu({
+      id: menuBarMenuId,
+      openWithArrowKeyRef,
+      onOpenChange: onChange
+    });
+  }, [isMenuBarRootMenu, menuBarMenuId, onChange, registerMenuBarMenu]);
+  useEffect(() => {
+    if (!isMenuBarRootMenu || !notifyMenuBarOpenChange) {
+      return;
+    }
+    if (openProp !== undefined) {
+      notifyMenuBarOpenChange(menuBarMenuId, open);
+      return;
+    }
+    if (defaultOpen && !didNotifyDefaultOpenRef.current) {
+      didNotifyDefaultOpenRef.current = true;
+      notifyMenuBarOpenChange(menuBarMenuId, true);
+    }
+  }, [defaultOpen, isMenuBarRootMenu, menuBarMenuId, notifyMenuBarOpenChange, open, openProp]);
   if (!open && offsetFn) {
     setOffsetFn(undefined);
   }
+  const closeMenu = (e, options) => {
+    onChange(e, false);
+    if (options?.focusTrigger && !isContextMenu.current) {
+      buttonRef.current?.focus();
+    }
+  };
+  const closeAllMenus = e => {
+    onChange(e, false);
+    if (parentMenu) {
+      parentMenu.closeAllMenus(e);
+      return;
+    }
+    if (!isContextMenu.current) {
+      buttonRef.current?.focus();
+    }
+  };
   const value = {
     menuListIdRef,
     openWithArrowKeyRef,
@@ -31,7 +86,12 @@ export const Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
     buttonRef,
     offsetFn,
     setOffsetFn,
-    isContextMenu
+    isContextMenu,
+    parentMenu,
+    menuBar: isMenuBarRootMenu ? menuBar : null,
+    menuBarMenuId: isMenuBarRootMenu ? menuBarMenuId : null,
+    closeMenu,
+    closeAllMenus
   };
   return /*#__PURE__*/_jsx(MenuProvider, {
     value: value,

package/build/esm/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["useState","forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","jsx","_jsx","Menu","props","forwardedRef","as","Comp","innerAs","open","openProp","defaultOpen","onChange","onChangeProp","otherProps","menuListIdRef","undefined","openWithArrowKeyRef","buttonRef","setState","e","isOpen","offsetFn","setOffsetFn","current","isContextMenu","value","children","ref"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type {\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  ElementType,\n} from 'react';\nimport { useState, forwardRef, useRef, Fragment, useId } from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\nimport type { OffsetsFunction } from '../Popper';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e:\n      | KeyboardEvent<HTMLElement>\n      | MouseEvent<HTMLElement>\n      | PointerEvent<HTMLElement>,\n    isOpen: boolean\n  ) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    innerAs,\n    open: openProp,\n    defaultOpen = false,\n    onChange: onChangeProp,\n    ...otherProps\n  } = props;\n  const menuListIdRef = useRef<string | undefined>(undefined);\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [open, onChange] = useControlledState(\n    openProp,\n    onChangeProp,\n    defaultOpen,\n    (setState) => (e, isOpen) => {\n      setState(isOpen);\n    }\n  );\n  const [offsetFn, setOffsetFn] = useState<OffsetsFunction | undefined>(\n    undefined\n  );\n  menuListIdRef.current = useId();\n  const isContextMenu = useRef(false);\n\n  if (!open && offsetFn) {\n    setOffsetFn(undefined);\n  }\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n    offsetFn,\n    setOffsetFn,\n    isContextMenu,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp\n        {...(Comp !== Fragment ? { as: innerAs, ref: forwardedRef } : {})}\n        {...otherProps}\n      />\n    </MenuProvider>\n  );\n});\n"],"mappings":"AAOA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,OAAO;AAGrE,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkB9C,OAAO,MAAMC,IAAI,gBAAGR,UAAU,CAA4B,SAASQ,IAAIA,CACrEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAGV,QAAQ;IACnBW,OAAO;IACPC,IAAI,EAAEC,QAAQ;IACdC,WAAW,GAAG,KAAK;IACnBC,QAAQ,EAAEC,YAAY;IACtB,GAAGC;EACL,CAAC,GAAGV,KAAK;EACT,MAAMW,aAAa,GAAGnB,MAAM,CAAqBoB,SAAS,CAAC;EAC3D,MAAMC,mBAAmB,GAAGrB,MAAM,CAAiC,IAAI,CAAC;EACxE,MAAMsB,SAAS,GAAGtB,MAAM,CAAoB,IAAI,CAAC;EACjD,MAAM,CAACa,IAAI,EAAEG,QAAQ,CAAC,GAAGZ,kBAAkB,CACzCU,QAAQ,EACRG,YAAY,EACZF,WAAW,EACVQ,QAAQ,IAAK,CAACC,CAAC,EAAEC,MAAM,KAAK;IAC3BF,QAAQ,CAACE,MAAM,CAAC;EAClB,CACF,CAAC;EACD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CACtCsB,SACF,CAAC;EACDD,aAAa,CAACS,OAAO,GAAG1B,KAAK,CAAC,CAAC;EAC/B,MAAM2B,aAAa,GAAG7B,MAAM,CAAC,KAAK,CAAC;EAEnC,IAAI,CAACa,IAAI,IAAIa,QAAQ,EAAE;IACrBC,WAAW,CAACP,SAAS,CAAC;EACxB;EAEA,MAAMU,KAAuB,GAAG;IAC9BX,aAAa;IACbE,mBAAmB;IACnBR,IAAI;IACJG,QAAQ;IACRM,SAAS;IACTI,QAAQ;IACRC,WAAW;IACXE;EACF,CAAC;EAED,oBACEvB,IAAA,CAACH,YAAY;IAAC2B,KAAK,EAAEA,KAAM;IAAAC,QAAA,eACzBzB,IAAA,CAACK,IAAI;MAAA,IACEA,IAAI,KAAKV,QAAQ,GAAG;QAAES,EAAE,EAAEE,OAAO;QAAEoB,GAAG,EAAEvB;MAAa,CAAC,GAAG,CAAC,CAAC;MAAA,GAC5DS;IAAU,CACf;EAAC,CACU,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["useState","forwardRef","useRef","Fragment","useId","useCallback","useEffect","MenuProvider","useOptionalMenuContext","useControlledState","useOptionalMenuBarContext","jsx","_jsx","Menu","props","forwardedRef","as","Comp","innerAs","open","openProp","defaultOpen","onChange","onChangeProp","otherProps","menuListIdRef","undefined","openWithArrowKeyRef","buttonRef","didNotifyDefaultOpenRef","menuBar","menuBarMenuId","parentMenu","isMenuBarRootMenu","Boolean","menuBarOpenMenuId","openMenuId","notifyMenuBarOpenChange","notifyMenuOpenChange","registerMenuBarMenu","registerMenu","openState","setOpenState","setState","e","isOpen","offsetFn","setOffsetFn","current","isContextMenu","id","onOpenChange","closeMenu","options","focusTrigger","focus","closeAllMenus","value","children","ref"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type { ReactNode, ElementType } from 'react';\nimport {\n  useState,\n  forwardRef,\n  useRef,\n  Fragment,\n  useId,\n  useCallback,\n  useEffect,\n} from 'react';\n\nimport type { MenuContextProps, MenuTriggerEvent } from './context';\nimport { MenuProvider, useOptionalMenuContext } from './context';\nimport { useControlledState } from '../hooks';\nimport type { OffsetsFunction } from '../Popper';\nimport { useOptionalMenuBarContext } from '../MenuBar/context';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (e: MenuTriggerEvent, isOpen: boolean) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(\n  function Menu(props, forwardedRef) {\n    const {\n      as: Comp = Fragment,\n      innerAs,\n      open: openProp,\n      defaultOpen = false,\n      onChange: onChangeProp,\n      ...otherProps\n    } = props;\n    const menuListIdRef = useRef<string | undefined>(undefined);\n    const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n    const buttonRef = useRef<HTMLElement>(null);\n    const didNotifyDefaultOpenRef = useRef(false);\n    const menuBar = useOptionalMenuBarContext();\n    const menuBarMenuId = useId();\n    const parentMenu = useOptionalMenuContext();\n    const isMenuBarRootMenu = Boolean(menuBar && !parentMenu);\n    const menuBarOpenMenuId = menuBar?.openMenuId;\n    const notifyMenuBarOpenChange = menuBar?.notifyMenuOpenChange;\n    const registerMenuBarMenu = menuBar?.registerMenu;\n    const [openState, setOpenState] = useControlledState(\n      openProp,\n      onChangeProp,\n      defaultOpen,\n      (setState) => (e, isOpen) => {\n        setState(isOpen);\n      }\n    );\n    const [offsetFn, setOffsetFn] = useState<OffsetsFunction | undefined>(\n      undefined\n    );\n    menuListIdRef.current = useId();\n    const isContextMenu = useRef(false);\n    const open =\n      isMenuBarRootMenu && openProp === undefined\n        ? menuBarOpenMenuId === menuBarMenuId\n        : openState;\n\n    const onChange = useCallback(\n      (e: MenuTriggerEvent, isOpen: boolean) => {\n        setOpenState(e, isOpen);\n        if (isMenuBarRootMenu && notifyMenuBarOpenChange) {\n          notifyMenuBarOpenChange(menuBarMenuId, isOpen);\n        }\n      },\n      [isMenuBarRootMenu, menuBarMenuId, notifyMenuBarOpenChange, setOpenState]\n    );\n\n    useEffect(() => {\n      if (!isMenuBarRootMenu || !registerMenuBarMenu) {\n        return;\n      }\n\n      return registerMenuBarMenu({\n        id: menuBarMenuId,\n        openWithArrowKeyRef,\n        onOpenChange: onChange,\n      });\n    }, [isMenuBarRootMenu, menuBarMenuId, onChange, registerMenuBarMenu]);\n\n    useEffect(() => {\n      if (!isMenuBarRootMenu || !notifyMenuBarOpenChange) {\n        return;\n      }\n\n      if (openProp !== undefined) {\n        notifyMenuBarOpenChange(menuBarMenuId, open);\n        return;\n      }\n\n      if (defaultOpen && !didNotifyDefaultOpenRef.current) {\n        didNotifyDefaultOpenRef.current = true;\n        notifyMenuBarOpenChange(menuBarMenuId, true);\n      }\n    }, [\n      defaultOpen,\n      isMenuBarRootMenu,\n      menuBarMenuId,\n      notifyMenuBarOpenChange,\n      open,\n      openProp,\n    ]);\n\n    if (!open && offsetFn) {\n      setOffsetFn(undefined);\n    }\n\n    const closeMenu: MenuContextProps['closeMenu'] = (e, options) => {\n      onChange(e, false);\n      if (options?.focusTrigger && !isContextMenu.current) {\n        buttonRef.current?.focus();\n      }\n    };\n\n    const closeAllMenus: MenuContextProps['closeAllMenus'] = (e) => {\n      onChange(e, false);\n      if (parentMenu) {\n        parentMenu.closeAllMenus(e);\n        return;\n      }\n      if (!isContextMenu.current) {\n        buttonRef.current?.focus();\n      }\n    };\n\n    const value: MenuContextProps = {\n      menuListIdRef,\n      openWithArrowKeyRef,\n      open,\n      onChange,\n      buttonRef,\n      offsetFn,\n      setOffsetFn,\n      isContextMenu,\n      parentMenu,\n      menuBar: isMenuBarRootMenu ? menuBar! : null,\n      menuBarMenuId: isMenuBarRootMenu ? menuBarMenuId : null,\n      closeMenu,\n      closeAllMenus,\n    };\n\n    return (\n      <MenuProvider value={value}>\n        <Comp\n          {...(Comp !== Fragment ? { as: innerAs, ref: forwardedRef } : {})}\n          {...otherProps}\n        />\n      </MenuProvider>\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Menu/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,UAAU,EACX,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAChE,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,UAAU;SAPhB,WAAW,CAAC,GAAG,CAAC;cACX,WAAW,CAAC,GAAG,CAAC;cAChB,CACR,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAChE,IAAI;qDAkEV,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,WAAW,EACX,aAAa,EAEb,UAAU,EACX,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAChE,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,UAAU;SAPhB,WAAW,CAAC,GAAG,CAAC;cACX,WAAW,CAAC,GAAG,CAAC;cAChB,CACR,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAChE,IAAI;qDA0KV,CAAC"}

package/build/esm/Menu/MenuButton.js

@@ -1,6 +1,7 @@
-import { forwardRef, useId } from 'react';
+import { forwardRef, useCallback, useId } from 'react';
 import { useMenuContext } from './context';
 import { wrapEvent } from '../utils/wrap-event';
+import { assignRef } from '../utils/assign-ref';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwardedRef) {
   const {
@@ -8,7 +9,9 @@ export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, for
     innerAs,
     id: preferredId,
     onClick,
+    onFocus,
     onKeyDown,
+    onMouseMove,
     disabled,
     ...otherProps
   } = props;
@@ -17,15 +20,61 @@ export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, for
     openWithArrowKeyRef,
     open,
     buttonRef,
-    onChange
+    onChange,
+    menuBar,
+    menuBarMenuId
   } = useMenuContext();
   const buttonIdGenerated = useId();
   const buttonId = preferredId || buttonIdGenerated;
+  const isMenuBarButton = Boolean(menuBar && menuBarMenuId);
+  const isDisabled = Boolean(disabled || menuBar?.disabled);
+  const registerButton = menuBar?.registerButton;
+  const setButtonRef = useCallback(node => {
+    assignRef(forwardedRef, node);
+    assignRef(buttonRef, node);
+    if (isMenuBarButton && registerButton) {
+      registerButton(menuBarMenuId, node, isDisabled);
+    }
+  }, [buttonRef, forwardedRef, isDisabled, isMenuBarButton, menuBarMenuId, registerButton]);
   const handleKeyDown = e => {
-    if (disabled) {
+    if (isDisabled) {
       return;
     }
     buttonRef.current = e.currentTarget;
+    if (isMenuBarButton) {
+      const isHorizontal = menuBar.orientation === 'horizontal';
+      const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';
+      const previousKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';
+      const firstMenuKey = 'Home';
+      const lastMenuKey = 'End';
+      const openFirstItemKey = isHorizontal ? 'ArrowDown' : 'ArrowRight';
+      const openLastItemKey = isHorizontal ? 'ArrowUp' : undefined;
+      switch (e.key) {
+        case nextKey:
+        case previousKey:
+          menuBar.moveFocus(menuBarMenuId, e.key === nextKey ? 1 : -1, e, {
+            open: menuBar.openMenuId !== null,
+            focusKey: 'ArrowDown'
+          });
+          e.preventDefault();
+          return;
+        case firstMenuKey:
+          menuBar.focusFirstMenu();
+          e.preventDefault();
+          return;
+        case lastMenuKey:
+          menuBar.focusLastMenu();
+          e.preventDefault();
+          return;
+        case openFirstItemKey:
+        case openLastItemKey:
+          const focusKey = e.key === 'ArrowUp' ? 'ArrowUp' : 'ArrowDown';
+          openWithArrowKeyRef.current = focusKey;
+          menuBar.openMenu(menuBarMenuId, e, focusKey);
+          e.preventDefault();
+          return;
+      }
+    }
     const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);
     const isEnterKey = () => [' ', 'Enter'].includes(e.key);
     const openedWithArrow = isArrowKey();
@@ -39,25 +88,53 @@ export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, for
     }
   };
   const handleClick = e => {
-    if (disabled) {
+    if (isDisabled) {
       return;
     }
     buttonRef.current = e.currentTarget;
+    if (isMenuBarButton) {
+      menuBar.setActiveMenuId(menuBarMenuId);
+      if (open) {
+        menuBar.closeMenu(menuBarMenuId, e);
+      } else {
+        menuBar.openMenu(menuBarMenuId, e);
+      }
+      return;
+    }
     onChange(e, !open);
   };
+  const handleFocus = e => {
+    if (!isDisabled && isMenuBarButton) {
+      menuBar.setActiveMenuId(menuBarMenuId);
+      buttonRef.current = e.currentTarget;
+    }
+  };
+  const handleMouseMove = e => {
+    if (!isDisabled && isMenuBarButton) {
+      menuBar.setActiveMenuId(menuBarMenuId);
+      buttonRef.current = e.currentTarget;
+      if (menuBar.openMenuId && menuBar.openMenuId !== menuBarMenuId) {
+        menuBar.openMenu(menuBarMenuId, e);
+      }
+    }
+  };
   return /*#__PURE__*/_jsx(Comp, {
-    ref: forwardedRef,
+    ref: setButtonRef,
     as: innerAs,
     id: buttonId,
-    role: "button",
+    role: isMenuBarButton ? 'menuitem' : 'button',
     type: "button",
-    "aria-haspopup": true,
+    "aria-haspopup": isMenuBarButton ? 'menu' : true,
     "aria-controls": menuListIdRef.current,
     "aria-expanded": open ? true : undefined,
     "data-menu-button": "",
+    "data-menubar-menu-button": isMenuBarButton ? '' : undefined,
+    tabIndex: isMenuBarButton ? menuBar.activeMenuId === menuBarMenuId ? 0 : -1 : undefined,
     onClick: wrapEvent(onClick, handleClick),
+    onFocus: wrapEvent(onFocus, handleFocus),
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
-    disabled: disabled,
+    onMouseMove: wrapEvent(onMouseMove, handleMouseMove),
+    disabled: isDisabled,
     ...otherProps
   });
 });

package/build/esm/Menu/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["forwardRef","useId","useMenuContext","wrapEvent","jsx","_jsx","MenuButton","props","forwardedRef","as","Comp","innerAs","id","preferredId","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","ref","role","type","undefined"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      innerAs,\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\n      useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n      onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        as={innerAs}\n        id={buttonId}\n        role=\"button\"\n        type=\"button\"\n        aria-haspopup={true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AAMA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAEzC,SAASC,cAAc,QAAQ,WAAW;AAC1C,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhD,OAAO,MAAMC,UAAU,gBAAGN,UAAU,CAClC,SAASM,UAAUA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACvC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,QAAQ;IACnBC,OAAO;IACPC,EAAE,EAAEC,WAAW;IACfC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGV,KAAK;EACT,MAAM;IAAEW,aAAa;IAAEC,mBAAmB;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAS,CAAC,GACrEpB,cAAc,CAAC,CAAC;EAElB,MAAMqB,iBAAiB,GAAGtB,KAAK,CAAC,CAAC;EACjC,MAAMuB,QAAQ,GAAGX,WAAW,IAAIU,iBAAiB;EAEjD,MAAME,aAAa,GAAIC,CAAmC,IAAK;IAC7D,IAAIV,QAAQ,EAAE;MACZ;IACF;IACAK,SAAS,CAACM,OAAO,GAAGD,CAAC,CAACE,aAAa;IAEnC,MAAMC,UAAU,GAAGA,CAAA,KAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACJ,CAAC,CAACK,GAAG,CAAC;IACjE,MAAMC,UAAU,GAAGA,CAAA,KAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAACF,QAAQ,CAACJ,CAAC,CAACK,GAAG,CAAC;IAEvD,MAAME,eAAe,GAAGJ,UAAU,CAAC,CAAC;IACpC,IAAII,eAAe,IAAID,UAAU,CAAC,CAAC,EAAE;MACnC,IAAIC,eAAe,EAAE;QACnB;QACAd,mBAAmB,CAACQ,OAAO,GAAGD,CAAC,CAACK,GAAG;MACrC;MACAT,QAAQ,CAACI,CAAC,EAAE,IAAI,CAAC;MACjBA,CAAC,CAACQ,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED,MAAMC,WAAW,GAAIT,CAAgC,IAAK;IACxD,IAAIV,QAAQ,EAAE;MACZ;IACF;IACAK,SAAS,CAACM,OAAO,GAAGD,CAAC,CAACE,aAAa;IACnCN,QAAQ,CAACI,CAAC,EAAE,CAACN,IAAI,CAAC;EACpB,CAAC;EAED,oBACEf,IAAA,CAACK,IAAI;IACH0B,GAAG,EAAE5B,YAAa;IAClBC,EAAE,EAAEE,OAAQ;IACZC,EAAE,EAAEY,QAAS;IACba,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACb,iBAAe,IAAK;IACpB,iBAAepB,aAAa,CAACS,OAAQ;IACrC,iBAAeP,IAAI,GAAG,IAAI,GAAGmB,SAAU;IACvC,oBAAiB,EAAE;IACnBzB,OAAO,EAAEX,SAAS,CAACW,OAAO,EAAEqB,WAAW,CAAE;IACzCpB,SAAS,EAAEZ,SAAS,CAACY,SAAS,EAAEU,aAAa,CAAE;IAC/CT,QAAQ,EAAEA,QAAS;IAAA,GACfC;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"MenuButton.js","names":["forwardRef","useCallback","useId","useMenuContext","wrapEvent","assignRef","jsx","_jsx","MenuButton","props","forwardedRef","as","Comp","innerAs","id","preferredId","onClick","onFocus","onKeyDown","onMouseMove","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","menuBar","menuBarMenuId","buttonIdGenerated","buttonId","isMenuBarButton","Boolean","isDisabled","registerButton","setButtonRef","node","handleKeyDown","e","current","currentTarget","isHorizontal","orientation","nextKey","previousKey","firstMenuKey","lastMenuKey","openFirstItemKey","openLastItemKey","undefined","key","moveFocus","openMenuId","focusKey","preventDefault","focusFirstMenu","focusLastMenu","openMenu","isArrowKey","includes","isEnterKey","openedWithArrow","handleClick","setActiveMenuId","closeMenu","handleFocus","handleMouseMove","ref","role","type","tabIndex","activeMenuId"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  FocusEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useCallback, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\nimport { assignRef } from '../utils/assign-ref';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      innerAs,\n      id: preferredId,\n      onClick,\n      onFocus,\n      onKeyDown,\n      onMouseMove,\n      disabled,\n      ...otherProps\n    } = props;\n    const {\n      menuListIdRef,\n      openWithArrowKeyRef,\n      open,\n      buttonRef,\n      onChange,\n      menuBar,\n      menuBarMenuId,\n    } = useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n    const isMenuBarButton = Boolean(menuBar && menuBarMenuId);\n    const isDisabled = Boolean(disabled || menuBar?.disabled);\n    const registerButton = menuBar?.registerButton;\n\n    const setButtonRef = useCallback(\n      (node: HTMLButtonElement | null) => {\n        assignRef(forwardedRef, node);\n        assignRef(buttonRef, node);\n\n        if (isMenuBarButton && registerButton) {\n          registerButton(menuBarMenuId!, node, isDisabled);\n        }\n      },\n      [\n        buttonRef,\n        forwardedRef,\n        isDisabled,\n        isMenuBarButton,\n        menuBarMenuId,\n        registerButton,\n      ]\n    );\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      if (isMenuBarButton) {\n        const isHorizontal = menuBar!.orientation === 'horizontal';\n        const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';\n        const previousKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';\n        const firstMenuKey = 'Home';\n        const lastMenuKey = 'End';\n        const openFirstItemKey = isHorizontal ? 'ArrowDown' : 'ArrowRight';\n        const openLastItemKey = isHorizontal ? 'ArrowUp' : undefined;\n\n        switch (e.key) {\n          case nextKey:\n          case previousKey:\n            menuBar!.moveFocus(menuBarMenuId!, e.key === nextKey ? 1 : -1, e, {\n              open: menuBar!.openMenuId !== null,\n              focusKey: 'ArrowDown',\n            });\n            e.preventDefault();\n            return;\n          case firstMenuKey:\n            menuBar!.focusFirstMenu();\n            e.preventDefault();\n            return;\n          case lastMenuKey:\n            menuBar!.focusLastMenu();\n            e.preventDefault();\n            return;\n          case openFirstItemKey:\n          case openLastItemKey:\n            const focusKey = e.key === 'ArrowUp' ? 'ArrowUp' : 'ArrowDown';\n            openWithArrowKeyRef.current = focusKey;\n            menuBar!.openMenu(menuBarMenuId!, e, focusKey);\n            e.preventDefault();\n            return;\n        }\n      }\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n      if (isMenuBarButton) {\n        menuBar!.setActiveMenuId(menuBarMenuId!);\n        if (open) {\n          menuBar!.closeMenu(menuBarMenuId!, e);\n        } else {\n          menuBar!.openMenu(menuBarMenuId!, e);\n        }\n        return;\n      }\n      onChange(e, !open);\n    };\n\n    const handleFocus = (e: FocusEvent<HTMLButtonElement>) => {\n      if (!isDisabled && isMenuBarButton) {\n        menuBar!.setActiveMenuId(menuBarMenuId!);\n        buttonRef.current = e.currentTarget;\n      }\n    };\n\n    const handleMouseMove = (e: MouseEvent<HTMLButtonElement>) => {\n      if (!isDisabled && isMenuBarButton) {\n        menuBar!.setActiveMenuId(menuBarMenuId!);\n        buttonRef.current = e.currentTarget;\n\n        if (menuBar!.openMenuId && menuBar!.openMenuId !== menuBarMenuId) {\n          menuBar!.openMenu(menuBarMenuId!, e);\n        }\n      }\n    };\n\n    return (\n      <Comp\n        ref={setButtonRef}\n        as={innerAs}\n        id={buttonId}\n        role={isMenuBarButton ? 'menuitem' : 'button'}\n        type=\"button\"\n        aria-haspopup={isMenuBarButton ? 'menu' : true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        data-menubar-menu-button={isMenuBarButton ? '' : undefined}\n        tabIndex={\n          isMenuBarButton\n            ? menuBar!.activeMenuId === menuBarMenuId\n              ? 0\n              : -1\n            : undefined\n        }\n        onClick={wrapEvent(onClick, handleClick)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        onMouseMove={wrapEvent(onMouseMove, handleMouseMove)}\n        disabled={isDisabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Menu/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,aAAa,EAEd,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,aAAc,SAAQ,gBAAgB,CAAC,aAAa,CAAC;IACpE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,KACxD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,+FAgEnB,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,aAAa,EAGd,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,aAAc,SAAQ,gBAAgB,CAAC,aAAa,CAAC;IACpE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,KACxD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,+FA+EnB,CAAC"}