ionbase-ui 0.81.1 → 0.84.0

package/dist/components/Menu.d.ts

@@ -1,35 +1,98 @@
 import React from 'react';
-export interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
-    children?: React.ReactNode;
+import { type AriaMenuProps } from 'react-aria';
+import { Section } from '@react-stately/collections';
+import type { ItemProps } from '@react-types/shared';
+export interface MenuProps<T extends object> extends AriaMenuProps<T> {
+    className?: string;
+    style?: React.CSSProperties;
 }
-/**
- * Menu is the list surface, not a popover.
- *
- * Figma models the list alone — there is no trigger, anchor or open state in
- * the design — so this renders the surface and nothing else. Positioning it
- * against a button is the caller's job until Figma has a component that says
- * how. Building a popover here would be inventing design, and it would be the
- * hard half to unpick later.
- *
- * `role="menu"` is deliberately NOT set. A real ARIA menu owes the user
- * roving-tabindex arrow navigation, typeahead and focus containment; claiming
- * the role without them is worse for a screen-reader user than an honest list,
- * because it promises interactions that are not there. When the popover exists,
- * the role comes with it.
- */
-export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
-export interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    /** Figma's `Selected` / `Selected-hover` states. Shows the trailing check. */
-    isSelected?: boolean;
+export interface MenuItemProps<T extends object = object> extends ItemProps<T> {
+    /**
+     * Only on a row that opens a submenu: the row's label. Its children are then
+     * the submenu's MenuItems rather than its label. Submenus open only inside a
+     * MenuTrigger — a standalone Menu has nothing to open them from.
+     */
+    title?: React.ReactNode;
     /** Figma's `Show Leading Icon` + `Leading Icon` swap. */
     icon?: React.ReactNode;
-    /** Whether the item is disabled. */
+    /** Whether the item is disabled. Listed, skipped by the arrow keys. */
     isDisabled?: boolean;
     /**
      * @deprecated Use `isDisabled`. Accepted as an alias for one minor version.
      */
     disabled?: boolean;
-    children?: React.ReactNode;
+    /**
+     * @deprecated Put the item's key in Menu's `selectedKeys`. Accepted for one
+     * minor version: when no item's key is in `selectedKeys` and Menu is given
+     * neither `selectedKeys` nor `defaultSelectedKeys`, the items passing this
+     * become the selection.
+     */
+    isSelected?: boolean;
+}
+/**
+ * One row of a Menu. A collection element, like TabItem: it renders nothing
+ * itself — Menu reads its props and draws the row — so it only means anything
+ * as a direct child of Menu or MenuSection. Give it a `key`; that key is what
+ * `onAction` and `selectedKeys` speak in.
+ */
+export declare function MenuItem<T extends object>(_props: MenuItemProps<T>): React.ReactElement | null;
+export declare namespace MenuItem {
+    var displayName: string;
+}
+/**
+ * A named group of MenuItems. `title` is Figma's `Menu Section Title`; without
+ * one, pass `aria-label` and the group is set off by a rule instead.
+ */
+export { Section as MenuSection };
+/**
+ * Menu — Figma `Menu` (82:306), `Menu Item` and `Menu Section Title`.
+ *
+ * A real ARIA menu: `role="menu"`, one tab stop, arrow keys, Home and End,
+ * typeahead, and disabled rows listed but skipped. Figma's `Type` is
+ * `selectionMode` — Single draws one check, Multi draws several — and with
+ * a selection mode the rows become `menuitemradio` / `menuitemcheckbox` and
+ * announce their checked state.
+ *
+ * On its own it is the surface only, rendered in flow. Inside a MenuTrigger it
+ * floats, opens and closes, is named by its trigger, and can open submenus.
+ */
+export declare const Menu: <T extends object>(props: MenuProps<T> & {
+    ref?: React.Ref<HTMLUListElement>;
+}) => React.ReactElement;
+export type MenuTriggerPlacement = 'bottom start' | 'bottom end' | 'top start' | 'top end';
+export interface MenuTriggerProps {
+    /**
+     * Exactly two children: the Button that opens the menu, then the Menu. The
+     * Button must accept a ref and react-aria press props — IonBase's Button
+     * does; a plain `<button>` does not.
+     */
+    children: [React.ReactElement, React.ReactElement];
+    /**
+     * Where the menu opens, relative to the trigger. A preference, not a
+     * guarantee: it flips when there is no room.
+     */
+    placement?: MenuTriggerPlacement;
+    /** Whether the trigger is disabled. */
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+/**
+ * MenuTrigger — a Button that opens a Menu.
+ *
+ * The "⋯" overflow menu is this with an icon-only Button; there is no separate
+ * component for it, because the only difference is the Button's content and
+ * its required aria-label.
+ *
+ * `useMenuTrigger` does what a Popover wrapped round a Menu could not: the
+ * trigger announces `aria-haspopup="menu"` and `aria-expanded`, the menu is
+ * named by the trigger, ArrowDown and ArrowUp open it with focus on the first
+ * or last row, and choosing an action closes it and returns focus to the
+ * trigger.
+ */
+export declare function MenuTrigger({ children, placement, isDisabled, ...stateProps }: MenuTriggerProps): React.JSX.Element;
+export declare namespace MenuTrigger {
+    var displayName: string;
 }
-export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/components/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,oFAUhB,CAAC;AAIF,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP;IACC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgBD,eAAO,MAAM,QAAQ,yFAoCpB,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAYL,KAAK,aAAa,EAEnB,MAAM,YAAY,CAAC;AAQpB,OAAO,EAGL,OAAO,EAER,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,qBAAqB,CAAC;AAG3E,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC5E;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAEvC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,YAAY,GAAG,IAAI,CAE3B;yBALe,QAAQ;;;AAmBxB;;;GAGG;AACH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,CAAC;AAmalC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,EA8BX,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACxD,KAAK,CAAC,YAAY,CAAC;AAExB,MAAM,MAAM,oBAAoB,GAC9B,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnD;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAA0B,EAC1B,UAAU,EACV,GAAG,UAAU,EACd,EAAE,gBAAgB,qBA2ClB;yBAhDe,WAAW"}

package/dist/components/Menu.js

@@ -1,35 +1,252 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { cloneElement, createContext, forwardRef, useContext, useMemo, useRef, } from 'react';
+import { DismissButton, Overlay, mergeProps, useMenu, useMenuItem, useMenuSection, useMenuTrigger, usePopover, useSeparator, useSubmenuTrigger, } from 'react-aria';
+import { useMenuTriggerState, useSubmenuTriggerState, useTreeState, } from 'react-stately';
+import { CollectionBuilder, Item, Section, getChildNodes, } from '@react-stately/collections';
 import { resolveDisabled } from './resolve-disabled.js';
 /**
- * Menu is the list surface, not a popover.
- *
- * Figma models the list alone — there is no trigger, anchor or open state in
- * the design — so this renders the surface and nothing else. Positioning it
- * against a button is the caller's job until Figma has a component that says
- * how. Building a popover here would be inventing design, and it would be the
- * hard half to unpick later.
- *
- * `role="menu"` is deliberately NOT set. A real ARIA menu owes the user
- * roving-tabindex arrow navigation, typeahead and focus containment; claiming
- * the role without them is worse for a screen-reader user than an honest list,
- * because it promises interactions that are not there. When the popover exists,
- * the role comes with it.
- */
-export const Menu = forwardRef(({ className, children, ...rest }, ref) => (_jsx("ul", { ...rest, ref: ref, className: ['ion-menu', className].filter(Boolean).join(' '), children: children })));
-Menu.displayName = 'Menu';
+ * One row of a Menu. A collection element, like TabItem: it renders nothing
+ * itself — Menu reads its props and draws the row — so it only means anything
+ * as a direct child of Menu or MenuSection. Give it a `key`; that key is what
+ * `onAction` and `selectedKeys` speak in.
+ */
+export function MenuItem(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+_props) {
+    return null;
+}
+/*
+ * The collection builder asks the element's TYPE how to turn it into a node.
+ * Borrowing Item's answer is what makes MenuItem a collection element while
+ * keeping its own prop type: the builder copies every prop onto `node.props`,
+ * which is where Menu reads `icon` and `isDisabled` back from.
+ */
+MenuItem.getCollectionNode = Item.getCollectionNode;
+MenuItem.displayName = 'MenuItem';
+/**
+ * A named group of MenuItems. `title` is Figma's `Menu Section Title`; without
+ * one, pass `aria-label` and the group is set off by a rule instead.
+ */
+export { Section as MenuSection };
 /** Figma's trailing check. Always occupies its slot so rows never reflow as the
  *  selection moves; only its visibility changes. */
 const Check = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m5 13 4 4L19 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-export const MenuItem = forwardRef(({ isSelected, icon, className, children, isDisabled, disabled, ...rest }, ref) => {
-    const resolvedDisabled = resolveDisabled(isDisabled, disabled);
-    return (_jsx("li", { children: _jsxs("button", { ...rest, ref: ref, type: "button", disabled: resolvedDisabled, "aria-pressed": isSelected, className: [
-                'ion-menu__item',
-                isSelected ? 'ion-menu__item--selected' : '',
-                className || '',
-            ]
-                .filter(Boolean)
-                .join(' '), children: [icon && (_jsx("span", { className: "ion-menu__icon", "aria-hidden": "true", children: icon })), _jsx("span", { className: "ion-menu__label", children: children }), _jsx("span", { className: "ion-menu__check", "aria-hidden": "true", children: _jsx(Check, {}) })] }) }));
+/** Figma draws no submenu row; this is Button's chevron, turned to point
+ *  where the submenu opens. Mirrored in right-to-left layouts by the CSS. */
+const Chevron = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m9 18 6-6-6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/**
+ * What MenuTrigger hands the Menu it opens: the ARIA wiring from
+ * `useMenuTrigger` (the label, autofocus and close-on-action), and the root
+ * state every submenu's state is derived from.
+ */
+const MenuTriggerContext = createContext(null);
+/**
+ * What a menu hands the submenus beneath it. `onAction` is the ROOT menu's:
+ * an action chosen three levels down is still one of the actions the caller
+ * listed, and it reaches the one handler the caller wrote.
+ */
+const MenuTreeContext = createContext(null);
+/**
+ * Reads the two deprecated item props before the menu's state exists.
+ *
+ * `isDisabled` needs nothing here: react-stately's SelectionManager reads an
+ * item's own `isDisabled` off `node.props`, and the arrow keys skip it. The
+ * `disabled` alias it has never heard of, so that one has to reach
+ * `useTreeState` as a key — a row that only LOOKED disabled would still take
+ * focus and fire `onAction`. `isSelected` has to become `selectedKeys` for the
+ * same reason. Building the collection once more is the price of the aliases,
+ * and a menu is small enough that the price is nothing. Delete this with them.
+ */
+function readItemFlags(props) {
+    const flags = {
+        disabled: [],
+        selected: [],
+        hasLegacySelected: false,
+    };
+    const visit = (nodes) => {
+        for (const node of nodes) {
+            if (node.type === 'section') {
+                visit(node.childNodes);
+                continue;
+            }
+            const p = node.props;
+            if (!p)
+                continue;
+            if (p.isDisabled === undefined &&
+                resolveDisabled(p.isDisabled, p.disabled))
+                flags.disabled.push(node.key);
+            if (p.isSelected !== undefined) {
+                flags.hasLegacySelected = true;
+                if (p.isSelected)
+                    flags.selected.push(node.key);
+            }
+        }
+    };
+    visit(new CollectionBuilder().build(props));
+    return flags;
+}
+function MenuRow(props) {
+    const tree = useContext(MenuTreeContext);
+    return props.item.hasChildNodes && tree ? (_jsx(SubmenuRow, { ...props, tree: tree })) : (_jsx(ActionRow, { ...props }));
+}
+function ActionRow({ item, state }) {
+    const ref = useRef(null);
+    const { menuItemProps, labelProps, isFocused, isFocusVisible, isSelected, isDisabled, } = useMenuItem({ key: item.key }, state, ref);
+    const icon = item.props?.icon;
+    return (_jsxs("li", { ...menuItemProps, ref: ref, className: [
+            'ion-menu__item',
+            isSelected ? 'ion-menu__item--selected' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), "data-focused": isFocused || undefined, "data-focus-visible": isFocusVisible || undefined, "data-disabled": isDisabled || undefined, children: [icon && (_jsx("span", { className: "ion-menu__icon", "aria-hidden": "true", children: icon })), _jsx("span", { ...labelProps, className: "ion-menu__label", children: item.rendered }), state.selectionManager.selectionMode !== 'none' && (_jsx("span", { className: "ion-menu__check", "aria-hidden": "true", children: _jsx(Check, {}) }))] }));
+}
+/**
+ * A row that opens a submenu. Right arrow, Enter or Space opens it with focus
+ * on its first row; hovering opens it after a short delay; left arrow or
+ * Escape closes it and puts focus back on this row.
+ *
+ * The submenu is NOT modal: the parent menu stays on screen and hoverable, so
+ * the pointer can move between the two. react-aria makes that choice, and it
+ * is the right one — a submenu that trapped focus would make moving back up a
+ * level a keyboard-only act.
+ */
+function SubmenuRow({ item, state, menuRef, tree, }) {
+    const ref = useRef(null);
+    const submenuRef = useRef(null);
+    const submenuState = useSubmenuTriggerState({ triggerKey: item.key }, tree.rootState);
+    const { submenuTriggerProps, submenuProps, popoverProps } = useSubmenuTrigger({ parentMenuRef: menuRef, submenuRef, type: 'menu' }, submenuState, ref);
+    // `isOpen` describes the trigger, it is not a menu-item option.
+    const { isOpen, ...triggerOptions } = submenuTriggerProps;
+    const { menuItemProps, labelProps, isFocused, isFocusVisible, isDisabled } = useMenuItem({ ...triggerOptions, key: item.key }, state, ref);
+    const icon = item.props?.icon;
+    return (_jsxs("li", { ...menuItemProps, ref: ref, className: "ion-menu__item ion-menu__item--submenu", "data-focused": isFocused || undefined, "data-focus-visible": isFocusVisible || undefined, "data-disabled": isDisabled || undefined, "data-open": isOpen || undefined, children: [icon && (_jsx("span", { className: "ion-menu__icon", "aria-hidden": "true", children: icon })), _jsx("span", { ...labelProps, className: "ion-menu__label", children: item.rendered }), _jsx("span", { className: "ion-menu__chevron", "aria-hidden": "true", children: _jsx(Chevron, {}) }), submenuState.isOpen && (_jsx(MenuPopover, { state: submenuState, triggerRef: ref, popoverRef: submenuRef, placement: "end top", isNonModal: popoverProps.isNonModal, shouldCloseOnInteractOutside: popoverProps.shouldCloseOnInteractOutside, disableFocusManagement: popoverProps.disableFocusManagement, children: _jsx(MenuList, { ...submenuProps, onAction: tree.onAction, children: item.props.children }) }))] }));
+}
+/**
+ * The floating surface a menu opens on. Mounted only while open, for the
+ * reason AGENTS.md gives about overlay hooks: `usePopover` has to be called in
+ * the component that mounts with the overlay.
+ *
+ * Figma's Menu already IS the surface — border, radius, Shadow/lg — so this
+ * wrapper paints nothing. It positions, and it carries the underlay that makes
+ * an outside click close the root menu. A submenu has no underlay: it is
+ * non-modal, and an underlay would swallow the pointer on its way back to the
+ * parent.
+ */
+function MenuPopover({ state, triggerRef, popoverRef, placement, isNonModal, shouldCloseOnInteractOutside, disableFocusManagement, children, }) {
+    const { popoverProps, underlayProps } = usePopover({
+        triggerRef,
+        popoverRef,
+        placement,
+        offset: isNonModal ? 0 : 4,
+        // Line the submenu's first row up with the row that opened it: the
+        // menu's own padding plus its border.
+        crossOffset: isNonModal ? -7 : 0,
+        isNonModal,
+        shouldCloseOnInteractOutside,
+    }, state);
+    return (_jsxs(Overlay, { disableFocusManagement: disableFocusManagement, children: [!isNonModal && (_jsx("div", { ...underlayProps, className: "ion-menu-popover__underlay" })), _jsxs("div", { ...popoverProps, ref: popoverRef, className: "ion-menu-popover", children: [!isNonModal && _jsx(DismissButton, { onDismiss: state.close }), children, !isNonModal && _jsx(DismissButton, { onDismiss: state.close })] })] }));
+}
+function MenuSectionGroup({ section, state, isFirst, menuRef, }) {
+    const { itemProps, headingProps, groupProps } = useMenuSection({
+        heading: section.rendered,
+        'aria-label': section['aria-label'],
+    });
+    const { separatorProps } = useSeparator({ elementType: 'li' });
+    return (_jsxs(_Fragment, { children: [!isFirst && !section.rendered && (_jsx("li", { ...separatorProps, className: "ion-menu__separator" })), _jsxs("li", { ...itemProps, className: "ion-menu__section", children: [section.rendered && (_jsx("span", { ...headingProps, className: "ion-menu__section-title", children: section.rendered })), _jsx("ul", { ...groupProps, className: "ion-menu__group", children: [...getChildNodes(section, state.collection)].map((node) => (_jsx(MenuRow, { item: node, state: state, menuRef: menuRef }, node.key))) })] })] }));
+}
+/**
+ * The list itself, shared by the root menu and every submenu. It knows nothing
+ * about triggers: whatever opened it has already put its wiring into `props`.
+ */
+const MenuList = forwardRef(function MenuList(props, forwardedRef) {
+    const { className, style } = props;
+    const flags = useMemo(() => readItemFlags(props), 
+    // Only the collection's inputs matter here; the rest of `props` changes on
+    // every render and would rebuild the collection for nothing.
+    [props.children, props.items]);
+    const disabledKeys = useMemo(() => new Set([...(props.disabledKeys ?? []), ...flags.disabled]), [props.disabledKeys, flags.disabled]);
+    const usesLegacySelection = flags.hasLegacySelected &&
+        props.selectedKeys === undefined &&
+        props.defaultSelectedKeys === undefined;
+    const stateProps = {
+        ...props,
+        disabledKeys,
+        ...(usesLegacySelection && {
+            selectedKeys: new Set(flags.selected),
+            selectionMode: props.selectionMode ??
+                (flags.selected.length > 1 ? 'multiple' : 'single'),
+        }),
+    };
+    const state = useTreeState(stateProps);
+    const ref = useRef(null);
+    const { menuProps } = useMenu(stateProps, state, ref);
+    const setRef = (el) => {
+        ref.current = el;
+        if (typeof forwardedRef === 'function')
+            forwardedRef(el);
+        else if (forwardedRef)
+            forwardedRef.current = el;
+    };
+    const nodes = [...state.collection];
+    return (_jsx("ul", { ...menuProps, ref: setRef, style: style, className: ['ion-menu', className].filter(Boolean).join(' '), children: nodes.map((node, i) => node.type === 'section' ? (_jsx(MenuSectionGroup, { section: node, state: state, isFirst: i === 0, menuRef: ref }, node.key)) : (_jsx(MenuRow, { item: node, state: state, menuRef: ref }, node.key))) }));
 });
-MenuItem.displayName = 'MenuItem';
+/**
+ * Menu — Figma `Menu` (82:306), `Menu Item` and `Menu Section Title`.
+ *
+ * A real ARIA menu: `role="menu"`, one tab stop, arrow keys, Home and End,
+ * typeahead, and disabled rows listed but skipped. Figma's `Type` is
+ * `selectionMode` — Single draws one check, Multi draws several — and with
+ * a selection mode the rows become `menuitemradio` / `menuitemcheckbox` and
+ * announce their checked state.
+ *
+ * On its own it is the surface only, rendered in flow. Inside a MenuTrigger it
+ * floats, opens and closes, is named by its trigger, and can open submenus.
+ */
+export const Menu = forwardRef(function Menu(props, forwardedRef) {
+    const trigger = useContext(MenuTriggerContext);
+    if (!trigger)
+        return _jsx(MenuList, { ...props, ref: forwardedRef });
+    /*
+     * The trigger names the menu through aria-labelledby. An aria-label the
+     * caller passed is kept and wins, because a trigger reading "⋯" or "Options"
+     * is often a worse name than the one the caller wrote.
+     */
+    const { 'aria-labelledby': labelledBy, ...wiring } = trigger.menuProps;
+    const named = props['aria-label'] || props['aria-labelledby'];
+    const merged = mergeProps(wiring, named ? {} : { 'aria-labelledby': labelledBy }, props);
+    return (_jsx(MenuTreeContext.Provider, { value: {
+            rootState: trigger.rootState,
+            onAction: props.onAction,
+        }, children: _jsx(MenuList, { ...merged, ref: forwardedRef }) }));
+});
+/**
+ * MenuTrigger — a Button that opens a Menu.
+ *
+ * The "⋯" overflow menu is this with an icon-only Button; there is no separate
+ * component for it, because the only difference is the Button's content and
+ * its required aria-label.
+ *
+ * `useMenuTrigger` does what a Popover wrapped round a Menu could not: the
+ * trigger announces `aria-haspopup="menu"` and `aria-expanded`, the menu is
+ * named by the trigger, ArrowDown and ArrowUp open it with focus on the first
+ * or last row, and choosing an action closes it and returns focus to the
+ * trigger.
+ */
+export function MenuTrigger({ children, placement = 'bottom start', isDisabled, ...stateProps }) {
+    const [trigger, menu] = React.Children.toArray(children);
+    const rootState = useMenuTriggerState(stateProps);
+    const triggerRef = useRef(null);
+    const popoverRef = useRef(null);
+    const { menuTriggerProps, menuProps } = useMenuTrigger({ isDisabled }, rootState, triggerRef);
+    return (_jsxs(_Fragment, { children: [cloneElement(trigger, mergeProps(trigger.props, {
+                ...menuTriggerProps,
+                isDisabled,
+                ref: triggerRef,
+            })), rootState.isOpen && (_jsx(MenuPopover, { state: rootState, triggerRef: triggerRef, popoverRef: popoverRef, placement: placement, children: _jsx(MenuTriggerContext.Provider, { value: {
+                        rootState,
+                        menuProps: menuProps,
+                    }, children: menu }) }))] }));
+}
+MenuTrigger.displayName = 'MenuTrigger';
 //# sourceMappingURL=Menu.js.map

package/dist/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMxD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,gBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAE3D,QAAQ,GACN,CACN,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAmB1B;oDACoD;AACpD,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAClB,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YACvE,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACxE,GAAG,EACH,EAAE;IACF,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAE/D,OAAO,CACL,uBACE,qBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,gBAAgB,kBACZ,UAAU,EACxB,SAAS,EAAE;gBACT,gBAAgB;gBAChB,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;gBAC5C,SAAS,IAAI,EAAE;aAChB;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,aAEX,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,gBAAgB,iBAAa,MAAM,YAChD,IAAI,GACA,CACR,EACD,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,EACnD,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,YAClD,KAAC,KAAK,KAAG,GACJ,IACA,GACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,OAAO,EACP,UAAU,EACV,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,UAAU,EACV,YAAY,EACZ,iBAAiB,GAIlB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,YAAY,GAGb,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,aAAa,GACd,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AA+BxD;;;;;GAKG;AACH,MAAM,UAAU,QAAQ;AACtB,6DAA6D;AAC7D,MAAwB;IAExB,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;GAKG;AACF,QAAsD,CAAC,iBAAiB,GACvE,IACD,CAAC,iBAAiB,CAAC;AAEpB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC;;;GAGG;AACH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,CAAC;AAElC;oDACoD;AACpD,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAClB,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YACvE,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AAEF;6EAC6E;AAC7E,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YACvE,eACE,CAAC,EAAC,eAAe,EACjB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AAEF;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,aAAa,CAG9B,IAAI,CAAC,CAAC;AAEhB;;;;GAIG;AACH,MAAM,eAAe,GAAG,aAAa,CAG3B,IAAI,CAAC,CAAC;AAQhB;;;;;;;;;;GAUG;AACH,SAAS,aAAa,CAAmB,KAAmB;IAC1D,MAAM,KAAK,GAAc;QACvB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,iBAAiB,EAAE,KAAK;KACzB,CAAC;IACF,MAAM,KAAK,GAAG,CAAC,KAAwB,EAAE,EAAE;QACzC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC5B,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACvB,SAAS;YACX,CAAC;YACD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAqC,CAAC;YACrD,IAAI,CAAC,CAAC;gBAAE,SAAS;YACjB,IACE,CAAC,CAAC,UAAU,KAAK,SAAS;gBAC1B,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC;gBAEzC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC/B,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC/B,IAAI,CAAC,CAAC,UAAU;oBAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,IAAI,iBAAiB,EAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/C,OAAO,KAAK,CAAC;AACf,CAAC;AAQD,SAAS,OAAO,CAAmB,KAAkB;IACnD,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CACxC,KAAC,UAAU,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACtC,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,OAAK,KAAK,GAAI,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAmB,EAAE,IAAI,EAAE,KAAK,EAAe;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACxC,MAAM,EACJ,aAAa,EACb,UAAU,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,GACX,GAAG,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAI,IAAI,CAAC,KAAsC,EAAE,IAAI,CAAC;IAEhE,OAAO,CACL,iBACM,aAAa,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,gBAAgB;YAChB,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;SAC7C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,kBACE,SAAS,IAAI,SAAS,wBAChB,cAAc,IAAI,SAAS,mBAChC,UAAU,IAAI,SAAS,aAErC,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,gBAAgB,iBAAa,MAAM,YAChD,IAAI,GACA,CACR,EACD,kBAAU,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,IAAI,CAAC,QAAQ,GACT,EACN,KAAK,CAAC,gBAAgB,CAAC,aAAa,KAAK,MAAM,IAAI,CAClD,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,YAClD,KAAC,KAAK,KAAG,GACJ,CACR,IACE,CACN,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAmB,EACpC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,GAGL;IACC,MAAM,GAAG,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,sBAAsB,CACzC,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,EACxB,IAAI,CAAC,SAAS,CACf,CAAC;IACF,MAAM,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAC3E,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,EACpD,YAAY,EACZ,GAAG,CACJ,CAAC;IACF,gEAAgE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,GAAG,mBAAmB,CAAC;IAC1D,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,GACxE,WAAW,CAAC,EAAE,GAAG,cAAc,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAChE,MAAM,IAAI,GAAI,IAAI,CAAC,KAAsC,EAAE,IAAI,CAAC;IAEhE,OAAO,CACL,iBACM,aAAa,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wCAAwC,kBACpC,SAAS,IAAI,SAAS,wBAChB,cAAc,IAAI,SAAS,mBAChC,UAAU,IAAI,SAAS,eAC3B,MAAM,IAAI,SAAS,aAE7B,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,gBAAgB,iBAAa,MAAM,YAChD,IAAI,GACA,CACR,EACD,kBAAU,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,IAAI,CAAC,QAAQ,GACT,EACP,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YACpD,KAAC,OAAO,KAAG,GACN,EACN,YAAY,CAAC,MAAM,IAAI,CACtB,KAAC,WAAW,IACV,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,GAAG,EACf,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,SAAS,EACnB,UAAU,EAAE,YAAY,CAAC,UAAU,EACnC,4BAA4B,EAC1B,YAAY,CAAC,4BAA4B,EAE3C,sBAAsB,EAAE,YAAY,CAAC,sBAAsB,YAE3D,KAAC,QAAQ,OACF,YAA6C,EAClD,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAErB,IAAI,CAAC,KAA0B,CAAC,QAAiB,GAC1C,GACC,CACf,IACE,CACN,CAAC;AACJ,CAAC;AAaD;;;;;;;;;;GAUG;AACH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,4BAA4B,EAC5B,sBAAsB,EACtB,QAAQ,GACS;IACjB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,UAAU,CAChD;QACE,UAAU;QACV,UAAU;QACV,SAAS;QACT,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,mEAAmE;QACnE,sCAAsC;QACtC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,UAAU;QACV,4BAA4B;KAC7B,EACD,KAAc,CACf,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IAAC,sBAAsB,EAAE,sBAAsB,aACpD,CAAC,UAAU,IAAI,CACd,iBAAS,aAAa,EAAE,SAAS,EAAC,4BAA4B,GAAG,CAClE,EACD,kBAAS,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,kBAAkB,aAGjE,CAAC,UAAU,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI,EACxD,QAAQ,EACR,CAAC,UAAU,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI,IACrD,IACE,CACX,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAmB,EAC1C,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,GAMR;IACC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;QAC7D,OAAO,EAAE,OAAO,CAAC,QAAQ;QACzB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;IAE/D,OAAO,CACL,8BAIG,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAChC,gBAAQ,cAAc,EAAE,SAAS,EAAC,qBAAqB,GAAG,CAC3D,EACD,iBAAQ,SAAS,EAAE,SAAS,EAAC,mBAAmB,aAC7C,OAAO,CAAC,QAAQ,IAAI,CACnB,kBAAU,YAAY,EAAE,SAAS,EAAC,yBAAyB,YACxD,OAAO,CAAC,QAAQ,GACZ,CACR,EACD,gBAAQ,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC5C,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3D,KAAC,OAAO,IAEN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAHX,IAAI,CAAC,GAAG,CAIb,CACH,CAAC,GACC,IACF,IACJ,CACJ,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAC3C,KAAmB,EACnB,YAAyC;IAEzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;IAC1B,2EAA2E;IAC3E,6DAA6D;IAC7D,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAC9B,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,IAAI,GAAG,CAAM,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,EACtE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,CACrC,CAAC;IAEF,MAAM,mBAAmB,GACvB,KAAK,CAAC,iBAAiB;QACvB,KAAK,CAAC,YAAY,KAAK,SAAS;QAChC,KAAK,CAAC,mBAAmB,KAAK,SAAS,CAAC;IAE1C,MAAM,UAAU,GAAiB;QAC/B,GAAG,KAAK;QACR,YAAY;QACZ,GAAG,CAAC,mBAAmB,IAAI;YACzB,YAAY,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAc;YAClD,aAAa,EACX,KAAK,CAAC,aAAa;gBACnB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;SACtD,CAAC;KACH,CAAC;IAEF,MAAM,KAAK,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAEtD,MAAM,MAAM,GAAG,CAAC,EAA2B,EAAE,EAAE;QAC7C,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;QACjB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;IAEpC,OAAO,CACL,gBACM,SAAS,EACb,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAE3D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CACrB,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,KAAC,gBAAgB,IAEf,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,OAAO,EAAE,GAAG,IAJP,IAAI,CAAC,GAAG,CAKb,CACH,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAhD,IAAI,CAAC,GAAG,CAA4C,CACnE,CACF,GACE,CACN,CAAC;AACJ,CAAC,CAEsB,CAAC;AAExB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,IAAI,CAC1C,KAAmB,EACnB,YAAyC;IAEzC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO;QAAE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;IAEhE;;;;OAIG;IACH,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;IACvE,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,UAAU,CACvB,MAAM,EACN,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,UAAU,EAAE,EAC9C,KAAK,CACU,CAAC;IAElB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,QAAQ,EAAE,KAAK,CAAC,QAA4C;SAC7D,YAED,KAAC,QAAQ,OAAK,MAAM,EAAE,GAAG,EAAE,YAAY,GAAI,GAClB,CAC5B,CAAC;AACJ,CAAC,CAEsB,CAAC;AAwBxB;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,GAAG,cAAc,EAC1B,UAAU,EACV,GAAG,UAAU,EACI;IACjB,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAGtD,CAAC;IACF,MAAM,SAAS,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CACpD,EAAE,UAAU,EAAE,EACd,SAAS,EACT,UAAU,CACX,CAAC;IAEF,OAAO,CACL,8BACG,YAAY,CACX,OAAO,EACP,UAAU,CAAC,OAAO,CAAC,KAAgC,EAAE;gBACnD,GAAG,gBAAgB;gBACnB,UAAU;gBACV,GAAG,EAAE,UAAU;aAChB,CAAC,CACH,EACA,SAAS,CAAC,MAAM,IAAI,CACnB,KAAC,WAAW,IACV,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAsB,YAEjC,KAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;wBACL,SAAS;wBACT,SAAS,EAAE,SAAoC;qBAChD,YAEA,IAAI,GACuB,GAClB,CACf,IACA,CACJ,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+/**
+ * Which heading the title renders as. `1` is the default because a page
+ * header is the page's title. `2` is for a header inside a pane that is not
+ * the page — the detail half of a list-detail layout, under the list's `h1`.
+ */
+export type PageHeaderHeadingLevel = 1 | 2;
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** The page's title. Rendered as the `h1`. */
+    title: React.ReactNode;
+    /**
+     * The title's id. Pass it when something else points at the heading —
+     * `<main aria-labelledby>` is the usual one. Generated when omitted.
+     */
+    titleId?: string;
+    /** Heading element for the title. Defaults to `1`. */
+    headingLevel?: PageHeaderHeadingLevel;
+    /** One or two sentences under the title: what this page is for. */
+    description?: React.ReactNode;
+    /** A Breadcrumb, above the title. */
+    breadcrumb?: React.ReactNode;
+    /**
+     * Beside the title: a Badge or two for the record's state — "Paused",
+     * "Draft". State, not actions.
+     */
+    status?: React.ReactNode;
+    /**
+     * At the end of the title row: the page's actions, most important last.
+     * One primary Button at most; several more go in a MenuTrigger.
+     */
+    actions?: React.ReactNode;
+    /**
+     * A row beneath, that belongs to the header rather than the page's
+     * content: the page's Tabs, or the filters its table answers to.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * PageHeader — the top of a page: where you are, what it is, and what you can
+ * do to it.
+ *
+ * Promoted from the demo app, where five screens hand-wrote it in three
+ * different shapes (`.demo-page__header`, `.demo-run-header`, and a bare
+ * `<div>`), each with its own gap and its own idea of where the actions
+ * aligned. Every enterprise system ships one — Carbon's PageHeader,
+ * Lightning's page headers — because every page has one.
+ *
+ * NOT A LANDMARK
+ *
+ * It renders a `<div>`, not a `<header>`. A `<header>` that is a child of
+ * `<body>` is the page's banner, and the app shell's Header already is that.
+ * The page's landmark is `<main>`, named by this title: pass `titleId` and
+ * point `<main aria-labelledby>` at it.
+ *
+ * No `'use client'`: `useId` resolves on the server, and nothing here is
+ * interactive. Interactive parts arrive through the slots.
+ */
+export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,OAAO,CACR;IACC,8CAA8C;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,mEAAmE;IACnE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,qCAAqC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,wFAmDtB,CAAC"}

package/dist/components/PageHeader.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from 'react';
+/**
+ * PageHeader — the top of a page: where you are, what it is, and what you can
+ * do to it.
+ *
+ * Promoted from the demo app, where five screens hand-wrote it in three
+ * different shapes (`.demo-page__header`, `.demo-run-header`, and a bare
+ * `<div>`), each with its own gap and its own idea of where the actions
+ * aligned. Every enterprise system ships one — Carbon's PageHeader,
+ * Lightning's page headers — because every page has one.
+ *
+ * NOT A LANDMARK
+ *
+ * It renders a `<div>`, not a `<header>`. A `<header>` that is a child of
+ * `<body>` is the page's banner, and the app shell's Header already is that.
+ * The page's landmark is `<main>`, named by this title: pass `titleId` and
+ * point `<main aria-labelledby>` at it.
+ *
+ * No `'use client'`: `useId` resolves on the server, and nothing here is
+ * interactive. Interactive parts arrive through the slots.
+ */
+export const PageHeader = forwardRef(({ title, titleId, headingLevel = 1, description, breadcrumb, status, actions, className, children, ...rest }, ref) => {
+    const generatedId = useId();
+    const Heading = `h${headingLevel}`;
+    return (_jsxs("div", { ...rest, ref: ref, className: ['ion-page-header', className].filter(Boolean).join(' '), children: [breadcrumb && (_jsx("div", { className: "ion-page-header__breadcrumb", children: breadcrumb })), _jsxs("div", { className: "ion-page-header__main", children: [_jsxs("div", { className: "ion-page-header__heading", children: [_jsxs("div", { className: "ion-page-header__title-row", children: [_jsx(Heading, { id: titleId ?? generatedId, className: "ion-page-header__title", children: title }), status && (_jsx("div", { className: "ion-page-header__status", children: status }))] }), description && (_jsx("p", { className: "ion-page-header__description", children: description }))] }), actions && _jsx("div", { className: "ion-page-header__actions", children: actions })] }), children && _jsx("div", { className: "ion-page-header__below", children: children })] }));
+});
+PageHeader.displayName = 'PageHeader';
+//# sourceMappingURL=PageHeader.js.map

package/dist/components/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AA2CjD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,KAAK,EACL,OAAO,EACP,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAI,YAAY,EAAW,CAAC;IAE5C,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAElE,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,6BAA6B,YAAE,UAAU,GAAO,CAChE,EACD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,OAAO,IACN,EAAE,EAAE,OAAO,IAAI,WAAW,EAC1B,SAAS,EAAC,wBAAwB,YAEjC,KAAK,GACE,EACT,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAO,CACxD,IACG,EACL,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAK,CAC9D,IACG,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAO,IACjE,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACjE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/index.d.ts

@@ -22,8 +22,8 @@ export { Radio, RadioGroup } from './Radio.js';
 export type { RadioProps, RadioGroupProps, RadioSize, RadioIntent, } from './Radio.js';
 export { Toggle } from './Toggle.js';
 export type { ToggleProps, ToggleSize, ToggleIntent } from './Toggle.js';
-export { Menu, MenuItem } from './Menu.js';
-export type { MenuProps, MenuItemProps } from './Menu.js';
+export { Menu, MenuItem, MenuSection, MenuTrigger } from './Menu.js';
+export type { MenuProps, MenuItemProps, MenuTriggerProps, MenuTriggerPlacement, } from './Menu.js';
 export { Avatar, AvatarGroup } from './Avatar.js';
 export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarShape, AvatarIndicatorIntent, } from './Avatar.js';
 export { AvatarGradient } from './AvatarGradient.js';
@@ -57,6 +57,8 @@ export type { TimeFieldProps, TimeFieldSize, TimeFieldGranularity, } from './Tim
 export type { IsoTime } from './iso-time.js';
 export { TagGroup, Tag } from './TagGroup.js';
 export type { TagGroupProps, TagGroupSize } from './TagGroup.js';
+export { PageHeader } from './PageHeader.js';
+export type { PageHeaderProps, PageHeaderHeadingLevel } from './PageHeader.js';
 export { Card } from './Card.js';
 export type { CardProps, CardHeadingLevel, CardIntent } from './Card.js';
 export { FullCard } from './FullCard.js';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -10,7 +10,7 @@ export { Select } from './Select.js';
 export { Checkbox } from './Checkbox.js';
 export { Radio, RadioGroup } from './Radio.js';
 export { Toggle } from './Toggle.js';
-export { Menu, MenuItem } from './Menu.js';
+export { Menu, MenuItem, MenuSection, MenuTrigger } from './Menu.js';
 export { Avatar, AvatarGroup } from './Avatar.js';
 export { AvatarGradient } from './AvatarGradient.js';
 export { Header } from './Header.js';
@@ -27,6 +27,7 @@ export { useTableSort } from './use-table-sort.js';
 export { ScrollProgress } from './ScrollProgress.js';
 export { TimeField } from './TimeField.js';
 export { TagGroup, Tag } from './TagGroup.js';
+export { PageHeader } from './PageHeader.js';
 export { Card } from './Card.js';
 export { FullCard } from './FullCard.js';
 export { AgentStop } from './AgentStop.js';