@oddkin/components 0.0.0-stage → 1.0.0-beta.1

package/dist/menu/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/menu/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/menu/foundation.js

@@ -0,0 +1,10 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinMenu } from './menu.js';
+export { menuTemplate } from './menu.template.js';
+export { menuStructuralStyles } from './menu.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/menu/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/menu/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/menu/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinMenu } from './menu.js';
+export { menuTemplate } from './menu.template.js';
+export { menuStructuralStyles } from './menu.structural.styles.js';
+export { menuStyles } from './menu.styles.js';
+export { menuDefinition } from './menu.definition.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/menu/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/menu`.
+export { OddkinMenu } from './menu.js';
+export { menuTemplate } from './menu.template.js';
+export { menuStructuralStyles } from './menu.structural.styles.js';
+export { menuStyles } from './menu.styles.js';
+export { menuDefinition } from './menu.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/menu/menu.d.ts

@@ -0,0 +1,79 @@
+import { OddkinElement, type ElementEvents } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { type MenuActionRecord, type MenuItemRecord } from '../collection/collection.js';
+import type { NavigationActionDetail } from '../side-nav/side-nav.js';
+export type { MenuActionRecord, MenuGroupRecord, MenuItemRecord, MenuSeparatorRecord, } from '../collection/collection.js';
+/** An item was chosen; cancel it to keep the menu open. */
+export declare const menuActionEvent: import("@oddkin/core/element").EventDefinition<NavigationActionDetail>;
+declare const OddkinMenu_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly items: import("@oddkin/core/element").PropDefinition<readonly MenuItemRecord[] | undefined>;
+    readonly appearance: import("@oddkin/core/element").PropDefinition<"ghost" | "primary" | "secondary">;
+    readonly size: import("@oddkin/core/element").PropDefinition<"lg" | "md" | "sm">;
+    readonly disabled: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly context: import("@oddkin/core/element").PropDefinition<string>;
+}>;
+/**
+ * A menu button (APG): a button that opens a menu of actions, with groups, separators, and
+ * submenus. Items come from `<option value>` (the value is the item's `id`), `<optgroup label>`,
+ * and `<hr>` children, or from `items`. With `context`, it is also the context menu of another
+ * element.
+ *
+ * @slot - The trigger's content.
+ * @csspart trigger - The button that opens the menu.
+ * @csspart menu - Every menu surface: the menu and its submenus.
+ * @csspart submenu - Each submenu surface.
+ * @csspart item - Each menu item.
+ * @csspart group - Each group's heading.
+ * @csspart separator - Each separator.
+ * @a11y The trigger has `aria-haspopup="menu"` and `aria-expanded`, and names the menu; `label` names a trigger that shows only a glyph. Items are `menuitem`s (disabled ones stay focusable, as APG recommends), groups are named by their heading, and an item with a submenu has `aria-haspopup` and `aria-expanded`. The danger tone is colour only: let the label say what the action does ("Delete project"). A context menu is hidden from people who cannot right-click or do not know Shift+F10: keep the trigger visible as the way to the same actions.
+ * @keyboard On the trigger: Enter, Space, and Down open the menu on its first item, Up on its last. With `context`, Shift+F10 or the Menu key while focus is in that element opens the menu on its first item. In the menu: Up and Down move (wrapping), Home and End go to the first and last item, typing moves to the next item starting with the typed characters, Enter and Space choose. Right opens a submenu on its first item; Left and Escape close one level and return focus to its item; Escape on the menu returns focus to the trigger, or to where it was when a context menu opened; Tab and Shift+Tab close every level as focus leaves.
+ * @previewRole menu
+ * @useFor A short list of actions behind one button: row actions, "more" actions, create menus.
+ * @notFor Choosing a value in a form (use odd-select or odd-listbox); navigation between pages (use links or odd-side-nav); a searchable list of commands (use odd-command-palette).
+ * @category Actions
+ * @customization 1 2 3
+ */
+export declare class OddkinMenu extends OddkinMenu_base {
+    #private;
+    static shadowRootOptions: ShadowRootInit;
+    static events: {
+        'odd-action': import("@oddkin/core/element").EventDefinition<NavigationActionDetail>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinMenu>;
+    /** @internal The entries in use. */
+    readonly _items: Readable<readonly MenuItemRecord[]>;
+    /** @internal Each action by its path (index within its list, joined with `-` for nested lists). */
+    readonly _actions: Readable<ReadonlyMap<string, MenuActionRecord>>;
+    /** @internal Whether the menu is open, for the trigger's `aria-expanded`. */
+    readonly _open: Readable<boolean>;
+    /** @internal Paths of the open submenus, for their items' `aria-expanded`. */
+    readonly _openSubmenus: import("@oddkin/core/reactive").Signal<ReadonlySet<string>>;
+    /** @internal The trigger. */
+    _trigger(): HTMLElement | null | undefined;
+    /** @internal The top-level menu surface. */
+    _menu(): HTMLElement | null | undefined;
+    /** Opens the menu below its trigger and focuses its first item. */
+    show(): void;
+    /** Closes the menu and every submenu; focus inside returns to the trigger. */
+    close(): void;
+    /** @internal Chooses an item: opens its submenu, or reports it and closes the menu. */
+    _choose(item: HTMLElement): void;
+    /** @internal Template handler: the trigger toggles the menu. */
+    readonly _onTriggerClick: (event: MouseEvent) => void;
+    /** @internal Template handler: Up and Down open the menu on its last or first item. */
+    readonly _onTriggerKeydown: (event: KeyboardEvent) => void;
+    /** @internal Template handler: a click on an item chooses it. */
+    readonly _onMenuClick: (event: MouseEvent) => void;
+    /** @internal Template handler: choosing, submenus, and typeahead (arrows are the roving focus). */
+    readonly _onMenuKeydown: (event: KeyboardEvent) => void;
+    protected connected(scope: Scope): void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-menu': OddkinMenu;
+    }
+}
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,aAAa,EAAQ,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAA+B,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,KAAK,EAAW,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAErC,2DAA2D;AAC3D,eAAO,MAAM,eAAe,wEAO1B,CAAC;;;;;;;;;AAYH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,UAAW,SAAQ,eAyB9B;;IAEA,OAAgB,iBAAiB,EAAE,cAAc,CAI/C;IACF,OAAgB,MAAM;QAAK,YAAY;MAAoB;IAC3D,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,UAAU,CAAC,CAAC;IAwC5D,oCAAoC;IACpC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,SAAS,cAAc,EAAE,CAAC,CAAwB;IAE5E,mGAAmG;IACnG,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAa/D;IAEH,6EAA6E;IAC7E,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAsB;IAEvD,8EAA8E;IAC9E,QAAQ,CAAC,aAAa,8DAA0C;IAEhE,6BAA6B;IAC7B,QAAQ,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAEzC;IAED,4CAA4C;IAC5C,KAAK,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAEtC;IAED,mEAAmE;IACnE,IAAI,IAAI,IAAI,CAGX;IAED,8EAA8E;IAC9E,KAAK,IAAI,IAAI,CAEZ;IAgED,uFAAuF;IACvF,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAQ/B;IAED,gEAAgE;IAChE,QAAQ,CAAC,eAAe,UAAW,UAAU,KAAG,IAAI,CAKlD;IAEF,uFAAuF;IACvF,QAAQ,CAAC,iBAAiB,UAAW,aAAa,KAAG,IAAI,CAMvD;IAEF,iEAAiE;IACjE,QAAQ,CAAC,YAAY,UAAW,UAAU,KAAG,IAAI,CAU/C;IAEF,mGAAmG;IACnG,QAAQ,CAAC,cAAc,UAAW,aAAa,KAAG,IAAI,CAepD;IA2EF,UAAmB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAE/C;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAuB7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/menu/menu.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="menu.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=menu.define.d.ts.map

package/dist/menu/menu.define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.define.d.ts","sourceRoot":"","sources":["../../src/menu/menu.define.ts"],"names":[],"mappings":""}

package/dist/menu/menu.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./menu.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { menuDefinition } from './menu.definition.js';
+define(menuDefinition);
+//# sourceMappingURL=menu.define.js.map

package/dist/menu/menu.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.define.js","sourceRoot":"","sources":["../../src/menu/menu.define.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,cAAc,CAAC,CAAC"}

package/dist/menu/menu.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinMenu } from './menu.js';
+export declare const menuDefinition: import("@oddkin/core/element").ElementDefinition<OddkinMenu>;
+//# sourceMappingURL=menu.definition.d.ts.map

package/dist/menu/menu.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.definition.d.ts","sourceRoot":"","sources":["../../src/menu/menu.definition.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,eAAO,MAAM,cAAc,8DAkBzB,CAAC"}

package/dist/menu/menu.definition.js

@@ -0,0 +1,34 @@
+import { compose } from '@oddkin/core/element';
+import { nativeButtonStyles } from '../button/button.native.styles.js';
+import { iconDefinition } from '../icon/icon.definition.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+import { optionRowStyles } from '../styles/option-row.styles.js';
+import { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { OddkinMenu } from './menu.js';
+import { menuStructuralStyles } from './menu.structural.styles.js';
+import { menuStyles } from './menu.styles.js';
+import { menuTemplate } from './menu.template.js';
+export const menuDefinition = compose({
+    name: 'odd-menu',
+    element: OddkinMenu,
+    template: menuTemplate,
+    styles: [
+        hostStyles,
+        overlaySurfaceStructuralStyles,
+        optionRowStructuralStyles,
+        menuStructuralStyles,
+        glyphStyles,
+        focusRingStyles,
+        nativeButtonStyles,
+        overlaySurfaceStyles,
+        optionRowStyles,
+        menuStyles,
+    ],
+    // Item icons are drawn by odd-icon.
+    dependencies: { icon: iconDefinition },
+});
+//# sourceMappingURL=menu.definition.js.map

package/dist/menu/menu.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.definition.js","sourceRoot":"","sources":["../../src/menu/menu.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;IACpC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE;QACN,UAAU;QACV,8BAA8B;QAC9B,yBAAyB;QACzB,oBAAoB;QACpB,WAAW;QACX,eAAe;QACf,kBAAkB;QAClB,oBAAoB;QACpB,eAAe;QACf,UAAU;KACX;IACD,oCAAoC;IACpC,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;CACvC,CAAC,CAAC"}

package/dist/menu/menu.js

@@ -0,0 +1,384 @@
+import { RovingFocus } from '@oddkin/core/controllers/focus';
+import { Typeahead } from '@oddkin/core/controllers/typeahead';
+import { event, OddkinElement, prop } from '@oddkin/core/element';
+import { computed, signal, untracked } from '@oddkin/core/reactive';
+import { assignContent, CollectionSource, readMenuItems, } from '../collection/collection.js';
+import { composedContains, Overlay } from '../overlay/overlay.js';
+/** An item was chosen; cancel it to keep the menu open. */
+export const menuActionEvent = event('odd-action', {
+    bubbles: true,
+    composed: true,
+    cancelable: true,
+    intent: 'user',
+    description: 'An item was chosen: `detail.id` is its `id` and `detail.action` is `select`. Cancel it to keep the menu open.',
+});
+/** Items of `menu` itself, not of the submenus inside it. */
+const itemsOf = (menu) => menu
+    ? [...menu.querySelectorAll('[role="menuitem"]')].filter((item) => item.parentElement?.closest('[role="menu"]') === menu)
+    : [];
+// Disabled items stay focusable and reachable by typing (APG menus).
+const none = () => false;
+/**
+ * A menu button (APG): a button that opens a menu of actions, with groups, separators, and
+ * submenus. Items come from `<option value>` (the value is the item's `id`), `<optgroup label>`,
+ * and `<hr>` children, or from `items`. With `context`, it is also the context menu of another
+ * element.
+ *
+ * @slot - The trigger's content.
+ * @csspart trigger - The button that opens the menu.
+ * @csspart menu - Every menu surface: the menu and its submenus.
+ * @csspart submenu - Each submenu surface.
+ * @csspart item - Each menu item.
+ * @csspart group - Each group's heading.
+ * @csspart separator - Each separator.
+ * @a11y The trigger has `aria-haspopup="menu"` and `aria-expanded`, and names the menu; `label` names a trigger that shows only a glyph. Items are `menuitem`s (disabled ones stay focusable, as APG recommends), groups are named by their heading, and an item with a submenu has `aria-haspopup` and `aria-expanded`. The danger tone is colour only: let the label say what the action does ("Delete project"). A context menu is hidden from people who cannot right-click or do not know Shift+F10: keep the trigger visible as the way to the same actions.
+ * @keyboard On the trigger: Enter, Space, and Down open the menu on its first item, Up on its last. With `context`, Shift+F10 or the Menu key while focus is in that element opens the menu on its first item. In the menu: Up and Down move (wrapping), Home and End go to the first and last item, typing moves to the next item starting with the typed characters, Enter and Space choose. Right opens a submenu on its first item; Left and Escape close one level and return focus to its item; Escape on the menu returns focus to the trigger, or to where it was when a context menu opened; Tab and Shift+Tab close every level as focus leaves.
+ * @previewRole menu
+ * @useFor A short list of actions behind one button: row actions, "more" actions, create menus.
+ * @notFor Choosing a value in a form (use odd-select or odd-listbox); navigation between pages (use links or odd-side-nav); a searchable list of commands (use odd-command-palette).
+ * @category Actions
+ * @customization 1 2 3
+ */
+export class OddkinMenu extends OddkinElement.with({
+    label: prop.string({
+        default: '',
+        description: 'Names the trigger when it shows only a glyph or icon.',
+    }),
+    items: prop.object({
+        description: 'The entries; when set, `<option>`, `<optgroup>`, and `<hr>` children are ignored.',
+    }),
+    appearance: prop.enum(['primary', 'secondary', 'ghost'], {
+        default: 'secondary',
+        reflect: true,
+        description: "The trigger's emphasis, as on odd-button.",
+    }),
+    size: prop.enum(['sm', 'md', 'lg'], {
+        default: 'md',
+        reflect: true,
+        description: "The trigger's size, as on odd-button.",
+    }),
+    disabled: prop.boolean({ reflect: true, description: 'Disables the trigger.' }),
+    context: prop.string({
+        default: '',
+        description: 'The ID of an element, in the same document or shadow root, whose context menu it also is: a right-click or long press on it opens the menu at the pointer, and Shift+F10 or the Menu key while focus is in it opens the menu beside the focused element. The browser keeps its own menu while the trigger is disabled.',
+    }),
+}) {
+    // Manual assignment: the default slot takes the trigger's content, never the item children.
+    static shadowRootOptions = {
+        mode: 'open',
+        delegatesFocus: true,
+        slotAssignment: 'manual',
+    };
+    static events = { 'odd-action': menuActionEvent };
+    #source = new CollectionSource({
+        host: this,
+        name: 'items',
+        property: () => this.items,
+        read: readMenuItems,
+    });
+    #overlay = new Overlay({
+        host: this,
+        surface: () => this._menu(),
+        anchor: () => this.#at ?? this._trigger(),
+        // Also after a press that did not focus the trigger (WebKit). A context menu returns focus
+        // to where it was when it opened.
+        returnFocus: () => (this.#at ? null : this._trigger()),
+        onToggle: (open) => this.#onToggle(open),
+    });
+    #roving = new RovingFocus({
+        target: () => this._menu(),
+        items: () => itemsOf(this._menu()),
+        orientation: 'vertical',
+        skip: none,
+    });
+    #typeahead = new Typeahead({
+        items: () => itemsOf(this.#focusedMenu()),
+        active: () => itemsOf(this.#focusedMenu()).findIndex((item) => item === this.#focused()),
+        skip: none,
+        onMatch: (_index, item) => item.focus(),
+    });
+    #scope;
+    // Where focus lands when the menu opens, and whether it shows (opened from the keyboard).
+    #landing = 'first';
+    #keyboard = false;
+    // What a context menu opened against (the pointer's point, or the focused element); null when
+    // the trigger opened it. Kept after it closes, until the next open, for the focus return.
+    #at = null;
+    // Shift+F10 or the Menu key opened it, so the `contextmenu` event a browser may send for the
+    // same key does not open it again at the pointer.
+    #byKey = false;
+    /** @internal The entries in use. */
+    _items = this.#source.records;
+    /** @internal Each action by its path (index within its list, joined with `-` for nested lists). */
+    _actions = computed(() => {
+        const actions = new Map();
+        const walk = (entries, parent) => entries.forEach((entry, index) => {
+            const path = parent ? `${parent}-${index}` : String(index);
+            if (entry.kind === 'group')
+                walk(entry.items, path);
+            else if (entry.kind !== 'separator') {
+                actions.set(path, entry);
+                if (entry.items)
+                    walk(entry.items, path);
+            }
+        });
+        walk(this._items.value, '');
+        return actions;
+    });
+    /** @internal Whether the menu is open, for the trigger's `aria-expanded`. */
+    _open = this.#overlay.open;
+    /** @internal Paths of the open submenus, for their items' `aria-expanded`. */
+    _openSubmenus = signal(new Set());
+    /** @internal The trigger. */
+    _trigger() {
+        return this.shadowRoot?.querySelector('[part~="trigger"]');
+    }
+    /** @internal The top-level menu surface. */
+    _menu() {
+        return this.shadowRoot?.getElementById('menu');
+    }
+    /** Opens the menu below its trigger and focuses its first item. */
+    show() {
+        this.#at = null;
+        this.#overlay.show();
+    }
+    /** Closes the menu and every submenu; focus inside returns to the trigger. */
+    close() {
+        this.#overlay.hide();
+    }
+    #focused() {
+        const active = this.shadowRoot?.activeElement;
+        return active instanceof HTMLElement && active.getAttribute('role') === 'menuitem'
+            ? active
+            : null;
+    }
+    #focusedMenu() {
+        return this.#focused()?.parentElement?.closest('[role="menu"]');
+    }
+    #land(menu, at) {
+        const items = itemsOf(menu);
+        (at === 'first' ? items[0] : items.at(-1))?.focus({
+            focusVisible: this.#keyboard,
+        });
+    }
+    #onToggle(open) {
+        // The Tab stop moves to the landing item, so Tab leaves the menu forwards.
+        this.#roving.sync();
+        if (open)
+            this.#land(this._menu(), this.#landing);
+        else
+            this.#typeahead.reset();
+        this.#landing = 'first';
+    }
+    /** Opens the submenu of `item` (in its own child scope while open) and focuses its first item. */
+    #openSubmenu(item) {
+        const path = item.dataset['path'];
+        const surface = this.shadowRoot?.getElementById(`menu-${path}`);
+        // A press elsewhere in the menu has light-dismissed an open submenu by now.
+        if (!surface || !this.#scope)
+            return;
+        const scope = this.#scope.child({ name: `submenu ${path}` });
+        const roving = new RovingFocus({
+            target: () => surface,
+            items: () => itemsOf(surface),
+            orientation: 'vertical',
+            skip: none,
+        });
+        const overlay = new Overlay({
+            host: this,
+            surface: () => surface,
+            anchor: () => item,
+            side: 'inline-end',
+            // A submenu's opening and closing are not the menu's.
+            relay: false,
+            onToggle: (open) => {
+                const next = new Set(this._openSubmenus.peek());
+                if (open)
+                    next.add(path);
+                else
+                    next.delete(path);
+                this._openSubmenus.value = next;
+                if (open) {
+                    roving.sync();
+                    this.#land(surface, 'first');
+                }
+                else
+                    scope.dispose();
+            },
+        });
+        scope.use(overlay);
+        scope.use(roving);
+        overlay.show();
+    }
+    /** @internal Chooses an item: opens its submenu, or reports it and closes the menu. */
+    _choose(item) {
+        const action = this._actions.peek().get(item.dataset['path']);
+        if (!action || action.disabled)
+            return;
+        if (action.items) {
+            this.#openSubmenu(item);
+            return;
+        }
+        if (this.emit(menuActionEvent, { id: action.id, action: 'select' }))
+            this.close();
+    }
+    /** @internal Template handler: the trigger toggles the menu. */
+    _onTriggerClick = (event) => {
+        // Enter and Space click with no pointer detail.
+        this.#keyboard = event.detail === 0;
+        if (!this._open.peek())
+            this.#at = null;
+        this.#overlay.toggle();
+    };
+    /** @internal Template handler: Up and Down open the menu on its last or first item. */
+    _onTriggerKeydown = (event) => {
+        if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
+            return;
+        event.preventDefault();
+        this.#keyboard = true;
+        this.#landing = event.key === 'ArrowUp' ? 'last' : 'first';
+        this.show();
+    };
+    /** @internal Template handler: a click on an item chooses it. */
+    _onMenuClick = (event) => {
+        const item = event
+            .composedPath()
+            .find((node) => node instanceof HTMLElement && node.getAttribute('role') === 'menuitem');
+        if (!item)
+            return;
+        this.#keyboard = event.detail === 0;
+        this._choose(item);
+    };
+    /** @internal Template handler: choosing, submenus, and typeahead (arrows are the roving focus). */
+    _onMenuKeydown = (event) => {
+        const item = this.#focused();
+        if (!item || event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey)
+            return;
+        const rtl = getComputedStyle(item).direction === 'rtl';
+        const menu = item.parentElement?.closest('[role="menu"]');
+        this.#keyboard = true;
+        if (event.key === 'Enter' || (event.key === ' ' && !this.#typeahead.query))
+            this._choose(item);
+        else if (event.key === (rtl ? 'ArrowLeft' : 'ArrowRight')) {
+            if (item.getAttribute('aria-haspopup') !== 'menu')
+                return;
+            this._choose(item);
+        }
+        else if (event.key === (rtl ? 'ArrowRight' : 'ArrowLeft')) {
+            if (!menu || menu === this._menu())
+                return;
+            menu.hidePopover();
+        }
+        else if (!this.#typeahead.type(event.key))
+            return;
+        event.preventDefault();
+    };
+    /** Opens the menu as the context menu, against the pointer's point or the focused element. */
+    #openAt(at, keyboard) {
+        if (this.disabled)
+            return;
+        this.#keyboard = keyboard;
+        this.#landing = 'first';
+        // Open again at the new place when it is already open.
+        if (this._open.peek())
+            this.#overlay.hide();
+        this.#at = at;
+        this.#overlay.show();
+    }
+    /** Places the zero-size `point` element at the viewport point `x`, `y`. */
+    #pointAt(x, y) {
+        const point = this.shadowRoot?.getElementById('point');
+        if (!point)
+            return null;
+        // Inline offsets run from the right in right-to-left text.
+        const sign = getComputedStyle(point).direction === 'rtl' ? -1 : 1;
+        const place = (inline, block) => {
+            point.style.setProperty('--_point-inline', `${inline}px`);
+            point.style.setProperty('--_point-block', `${block}px`);
+        };
+        const inline = sign > 0 ? x : document.documentElement.clientWidth - x;
+        place(inline, y);
+        // A transformed or contained ancestor is the fixed box's containing block: correct for it.
+        const box = point.getBoundingClientRect();
+        if (box.left !== x || box.top !== y)
+            place(inline + sign * (x - box.left), 2 * y - box.top);
+        return point;
+    }
+    /** Listens on the `context` element while it is set and found. */
+    #attachContext(target, run) {
+        // The menu may be inside its target: keys and presses in the open menu are the menu's.
+        const inMenu = (event) => {
+            const menu = this._menu();
+            return !!menu && event.composedPath().includes(menu);
+        };
+        run.listen(target, 'keydown', (event) => {
+            const key = event.key === 'ContextMenu' || (event.key === 'F10' && event.shiftKey);
+            if (!key || event.defaultPrevented || this.disabled || inMenu(event))
+                return;
+            event.preventDefault();
+            this.#byKey = true;
+            const focused = event.composedPath()[0];
+            this.#openAt(focused instanceof Element ? focused : target, true);
+        });
+        run.listen(target, 'contextmenu', (event) => {
+            if (event.defaultPrevented || this.disabled)
+                return;
+            event.preventDefault();
+            if (inMenu(event))
+                return;
+            if (this.#byKey && this._open.peek()) {
+                this.#byKey = false;
+                return;
+            }
+            this.#byKey = false;
+            const point = this.#pointAt(event.clientX, event.clientY);
+            if (!point)
+                return;
+            if (!event.buttons) {
+                this.#openAt(point, false);
+                return;
+            }
+            // Firefox, WebKit, and browsers on macOS and Linux send it while the button is still down;
+            // the pointerup would light-dismiss a popover opened now, so it opens after that.
+            const releases = [];
+            const open = () => {
+                for (const release of releases.splice(0))
+                    release();
+                run.timeout(() => this.#openAt(point, false), 0);
+            };
+            releases.push(run.listen(document, 'pointerup', open, true), run.listen(document, 'pointercancel', open, true));
+        });
+    }
+    connected(scope) {
+        scope.use(this.#source);
+    }
+    mounted(scope) {
+        this.#scope = scope;
+        assignContent(scope, this, () => this.shadowRoot?.querySelector('slot'));
+        scope.use(this.#overlay);
+        // Focus that has left every level (Tab, Shift+Tab) closes the menu, once it has moved, so
+        // closing does not pull it back to the trigger. A move within the shadow root (to the
+        // trigger) is not reported to the document.
+        const leave = (event) => {
+            const menu = this._menu();
+            const target = event.composedPath()[0];
+            if (menu?.matches(':popover-open') && !composedContains(menu, target))
+                this.close();
+        };
+        scope.listen(document, 'focusin', leave, true);
+        if (this.shadowRoot)
+            scope.listen(this.shadowRoot, 'focusin', leave, true);
+        scope.use(this.#roving);
+        scope.use(this.#typeahead);
+        scope.effect((run) => {
+            const id = this.context;
+            if (!id)
+                return;
+            const target = this.getRootNode().getElementById(id);
+            if (target)
+                untracked(() => this.#attachContext(target, run));
+        });
+        scope.add(() => (this.#scope = undefined), 'menu scope');
+    }
+}
+//# sourceMappingURL=menu.js.map

package/dist/menu/menu.js.map

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

package/dist/menu/menu.structural.styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The menu is an inline box holding its trigger; the menu and its submenus are popover surfaces
+ * (the overlay-surface module) that lay their rows out in a column, at least as wide as the
+ * trigger. Usable items take the pointer cursor, as buttons do. The empty `point` a context menu
+ * opens against is fixed at the pointer (its insets set from script, in viewport pixels). No brand
+ * tokens.
+ */
+export declare const menuStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=menu.structural.styles.d.ts.map

package/dist/menu/menu.structural.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.structural.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu.structural.styles.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,yCAsBhC,CAAC"}