@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/menu/menu-item.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AA8BD,MAAM,WAAW,oBAAoB;IACnC,6BAA6B,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACnF,uBAAuB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACjD;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,oFAAoF;IACxE,KAAK,SAAM;IAEvB,mGAAmG;IACvD,QAAQ,UAAS;IAE7D,0GAA0G;IAC9D,WAAW,UAAS;IAEhE;uGACmG;IACvF,IAAI,EAAE,YAAY,CAAY;IAE1C,8FAA8F;IAClD,OAAO,UAAS;IAInD,OAAO,CAAC,WAAW,CAAS;IAErC,iBAAiB,IAAI,IAAI,CAQxB;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAkClD;IAED;;;6BAGyB;IACzB,MAAM,IAAI,IAAI,CAOb;IAED,OAAO,CAAC,gBAAgB,CAEtB;IAEF,MAAM,IAAI,cAAc,CAUvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/menu/menu-item.class.js

@@ -0,0 +1,205 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing, svg } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './menu-item.styles.js';
+// Mirrors the shared icon set's viewBox/stroke conventions
+// (internal/icons.ts's chevronIcon()/closeIcon()/etc.) without adding a
+// checkmark glyph to that module -- it's off limits here -- so this one-off
+// icon still reads as part of the same visual language as the rest of the
+// library's inline icons. Same approach lyra-checkbox's own local
+// checkmark/indeterminate glyphs (and lyra-chat-message's local retryIcon())
+// take for the identical reason.
+const GLYPH_VIEW_BOX = '0 0 24 24';
+const GLYPH_STROKE_WIDTH = '1.75';
+function checkmarkGlyph() {
+    return svg `
+    <svg
+      part="checkmark"
+      width="1em"
+      height="1em"
+      viewBox=${GLYPH_VIEW_BOX}
+      fill="none"
+      stroke="currentColor"
+      stroke-width=${GLYPH_STROKE_WIDTH}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      focusable="false"
+    ><polyline points="5 12.5 10 17.5 19 6.5"></polyline></svg>
+  `;
+}
+/**
+ * `<lyra-menu-item>` — a single action row inside `<lyra-menu>`'s default
+ * slot. Not meaningful on its own (there is no standalone "click a menu item"
+ * use case) — it exists purely as `<lyra-menu>`'s light-DOM child, the same
+ * relationship `<lyra-option>` has to `<lyra-combobox>`/`<lyra-select>`.
+ *
+ * `role="menuitem"` and the roving `tabindex` both live on *this host
+ * element*, not an internal shadow-DOM button — mirroring `<lyra-tree-node>`'s
+ * identical choice (see that class's doc). `<lyra-menu>` is the sole owner of
+ * this element's `tabIndex`: it flips exactly one navigable item's `tabIndex`
+ * to `0` (the rest sit at `-1`) as its roving-tabindex highlight moves, and
+ * calls `.focus()` directly on this host to move real DOM focus there.
+ * `[part="base"]` is purely a visual box with no interactive semantics of its
+ * own — see the class doc on `<lyra-menu>` for why real DOM focus (rather
+ * than `aria-activedescendant`) was chosen for this pair.
+ *
+ * Enter/Space activation is handled by `<lyra-menu>`'s own delegated
+ * `keydown` listener calling `select()` on whichever item is currently
+ * roving-focused (mirrors `<lyra-tree>` calling `current.select()` from its
+ * own keydown handler) — this element only wires a plain `click` listener
+ * itself, so `select()` fires identically whether the item was reached by
+ * mouse or keyboard.
+ *
+ * `type="checkbox"` (mirroring `wa-dropdown-item`'s identical `type` option)
+ * renders `role="menuitemcheckbox"` in place of `role="menuitem"`, with
+ * `aria-checked` reflecting `checked` and a checkmark glyph shown once
+ * `checked` is `true`. Activating a `checkbox`-type item (click, or the
+ * parent's Enter/Space handling via `select()`) toggles `checked` and fires
+ * `lyra-menu-item-change` *in addition to* the usual `lyra-menu-item-select`
+ * — the latter is never suppressed, so a parent `<lyra-menu>` still closes
+ * and re-fires its consolidated `lyra-menu-select` exactly as it does for a
+ * `type="normal"` item. `type="normal"` (the default) renders and behaves
+ * exactly as before this option existed — no role, rendering, or event
+ * differences.
+ *
+ * @customElement lyra-menu-item
+ * @slot - The item's label content.
+ * @slot icon - Optional leading icon.
+ * @event lyra-menu-item-select - This item was activated (click, or the
+ * parent `<lyra-menu>`'s own Enter/Space handling of the roving-focused
+ * item). No detail payload — a listener already has `event.target` (this
+ * element) to read `value` off of, and `<lyra-menu>` itself consumes this
+ * event to close and re-fire it as its own consolidated `lyra-menu-select`
+ * (`detail: { value }`) rather than requiring a consumer to listen on every
+ * individual item — listen there instead unless you specifically need a
+ * per-item handler.
+ * @event lyra-menu-item-change - A `type="checkbox"` item was activated and
+ * its `checked` state toggled. `detail: { value, checked }` — the item's own
+ * `value` and its new `checked` value. Fired in addition to (never instead
+ * of) `lyra-menu-item-select` above. Never fired for `type="normal"`.
+ * @csspart base - The row (`role` lives on the host — see the class doc).
+ * @csspart icon - Wrapper around the `icon` slot. Not rendered at all when the slot is empty.
+ * @csspart label - Wrapper around the default slot.
+ * @csspart checkmark - The checkmark glyph shown when a `type="checkbox"` item is `checked`. Not rendered at all for `type="normal"`.
+ */
+export class LyraMenuItem extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** An id/value the parent `<lyra-menu>`'s `lyra-menu-select` detail keys off of. */
+        this.value = '';
+        /** Disables selection and excludes this item from `<lyra-menu>`'s roving-tabindex nav entirely. */
+        this.disabled = false;
+        /** Visual treatment for a dangerous action (e.g. "Delete") — tints the row with `--lyra-color-danger`. */
+        this.destructive = false;
+        /** `'checkbox'` renders `role="menuitemcheckbox"` with a toggleable `checked` state and a
+         *  checkmark glyph, mirroring `wa-dropdown-item`'s identical `type` option — see the class doc. */
+        this.type = 'normal';
+        /** Whether a `type="checkbox"` item is checked. Meaningless (ignored) for `type="normal"`. */
+        this.checked = false;
+        // [part='icon'] never matches a bare :empty selector -- see menu-item.styles.ts's
+        // own comment on that part. Same fix as lyra-tool-call-chip's hasDetailSlot.
+        this.hasIconSlot = false;
+        this.onIconSlotChange = (e) => {
+            this.hasIconSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        // A safe, focusable-but-out-of-tab-order baseline before <lyra-menu> ever
+        // gets a chance to assign roving-tabindex state (e.g. a standalone
+        // fixture in a test, or the brief window before the parent's own
+        // slotchange handler runs). <lyra-menu> is the sole subsequent owner of
+        // this property -- see the class doc.
+        if (this.tabIndex !== 0)
+            this.tabIndex = -1;
+    }
+    willUpdate(changed) {
+        // role/aria-disabled/aria-checked live on the host (see the class doc),
+        // so they're plain imperative attribute writes here rather than part of
+        // render()'s shadow-DOM template -- mirrors lyra-tree-node's identical
+        // willUpdate.
+        const isCheckbox = this.type === 'checkbox';
+        this.setAttribute('role', isCheckbox ? 'menuitemcheckbox' : 'menuitem');
+        if (isCheckbox) {
+            this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
+        }
+        else {
+            // Kept absent entirely for type="normal" -- see the class doc's "no
+            // role, rendering, or event differences" guarantee for that default.
+            this.removeAttribute('aria-checked');
+        }
+        if (this.disabled) {
+            this.setAttribute('aria-disabled', 'true');
+            // Defense-in-depth mirroring connectedCallback's baseline above:
+            // <lyra-menu>'s roving-tabindex bookkeeping (activeIndex) only gets a
+            // chance to resync once real focus actually moves (via its own
+            // focusin listener), so a `disabled` flip must proactively strip this
+            // item out of the roving target and drop any focus it's currently
+            // holding right here -- regardless of what the parent's activeIndex
+            // still thinks -- so a disabled item can never remain the roving
+            // target or retain focus.
+            if (changed.has('disabled')) {
+                this.tabIndex = -1;
+                if (document.activeElement === this)
+                    this.blur();
+            }
+        }
+        else {
+            this.removeAttribute('aria-disabled');
+        }
+        if (changed.has('disabled')) {
+            this.emit('lyra-menu-item-state-change', { disabled: this.disabled, hidden: this.hidden });
+        }
+    }
+    /** Fires `lyra-menu-item-select` (no-op while `disabled`). Called by this element's own
+     *  click handler, and by `<lyra-menu>`'s Enter/Space keydown handling of the active item.
+     *  For `type="checkbox"`, also toggles `checked` and fires `lyra-menu-item-change` first --
+     *  see the class doc. */
+    select() {
+        if (this.disabled)
+            return;
+        if (this.type === 'checkbox') {
+            this.checked = !this.checked;
+            this.emit('lyra-menu-item-change', { value: this.value, checked: this.checked });
+        }
+        this.emit('lyra-menu-item-select');
+    }
+    render() {
+        return html `
+      <span part="base" @click=${() => this.select()}>
+        <span part="icon" aria-hidden="true" ?hidden=${!this.hasIconSlot}>
+          <slot name="icon" @slotchange=${this.onIconSlotChange}></slot>
+        </span>
+        <span part="label"><slot></slot></span>
+        ${this.type === 'checkbox' && this.checked ? checkmarkGlyph() : nothing}
+      </span>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraMenuItem.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMenuItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMenuItem.prototype, "destructive", void 0);
+__decorate([
+    property()
+], LyraMenuItem.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMenuItem.prototype, "checked", void 0);
+__decorate([
+    state()
+], LyraMenuItem.prototype, "hasIconSlot", void 0);
+//# sourceMappingURL=menu-item.class.js.map

package/dist/components/menu/menu-item.class.js.map

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

package/dist/components/menu/menu-item.d.ts

@@ -1,91 +1,2 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-export type MenuItemType = 'normal' | 'checkbox';
-export interface MenuItemChangeDetail {
-    value: string;
-    checked: boolean;
-}
-/**
- * `<lyra-menu-item>` — a single action row inside `<lyra-menu>`'s default
- * slot. Not meaningful on its own (there is no standalone "click a menu item"
- * use case) — it exists purely as `<lyra-menu>`'s light-DOM child, the same
- * relationship `<lyra-option>` has to `<lyra-combobox>`/`<lyra-select>`.
- *
- * `role="menuitem"` and the roving `tabindex` both live on *this host
- * element*, not an internal shadow-DOM button — mirroring `<lyra-tree-node>`'s
- * identical choice (see that class's doc). `<lyra-menu>` is the sole owner of
- * this element's `tabIndex`: it flips exactly one navigable item's `tabIndex`
- * to `0` (the rest sit at `-1`) as its roving-tabindex highlight moves, and
- * calls `.focus()` directly on this host to move real DOM focus there.
- * `[part="base"]` is purely a visual box with no interactive semantics of its
- * own — see the class doc on `<lyra-menu>` for why real DOM focus (rather
- * than `aria-activedescendant`) was chosen for this pair.
- *
- * Enter/Space activation is handled by `<lyra-menu>`'s own delegated
- * `keydown` listener calling `select()` on whichever item is currently
- * roving-focused (mirrors `<lyra-tree>` calling `current.select()` from its
- * own keydown handler) — this element only wires a plain `click` listener
- * itself, so `select()` fires identically whether the item was reached by
- * mouse or keyboard.
- *
- * `type="checkbox"` (mirroring `wa-dropdown-item`'s identical `type` option)
- * renders `role="menuitemcheckbox"` in place of `role="menuitem"`, with
- * `aria-checked` reflecting `checked` and a checkmark glyph shown once
- * `checked` is `true`. Activating a `checkbox`-type item (click, or the
- * parent's Enter/Space handling via `select()`) toggles `checked` and fires
- * `lyra-menu-item-change` *in addition to* the usual `lyra-menu-item-select`
- * — the latter is never suppressed, so a parent `<lyra-menu>` still closes
- * and re-fires its consolidated `lyra-menu-select` exactly as it does for a
- * `type="normal"` item. `type="normal"` (the default) renders and behaves
- * exactly as before this option existed — no role, rendering, or event
- * differences.
- *
- * @customElement lyra-menu-item
- * @slot - The item's label content.
- * @slot icon - Optional leading icon.
- * @event lyra-menu-item-select - This item was activated (click, or the
- * parent `<lyra-menu>`'s own Enter/Space handling of the roving-focused
- * item). No detail payload — a listener already has `event.target` (this
- * element) to read `value` off of, and `<lyra-menu>` itself consumes this
- * event to close and re-fire it as its own consolidated `lyra-menu-select`
- * (`detail: { value }`) rather than requiring a consumer to listen on every
- * individual item — listen there instead unless you specifically need a
- * per-item handler.
- * @event lyra-menu-item-change - A `type="checkbox"` item was activated and
- * its `checked` state toggled. `detail: { value, checked }` — the item's own
- * `value` and its new `checked` value. Fired in addition to (never instead
- * of) `lyra-menu-item-select` above. Never fired for `type="normal"`.
- * @csspart base - The row (`role` lives on the host — see the class doc).
- * @csspart icon - Wrapper around the `icon` slot. Not rendered at all when the slot is empty.
- * @csspart label - Wrapper around the default slot.
- * @csspart checkmark - The checkmark glyph shown when a `type="checkbox"` item is `checked`. Not rendered at all for `type="normal"`.
- */
-export declare class LyraMenuItem extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** An id/value the parent `<lyra-menu>`'s `lyra-menu-select` detail keys off of. */
-    value: string;
-    /** Disables selection and excludes this item from `<lyra-menu>`'s roving-tabindex nav entirely. */
-    disabled: boolean;
-    /** Visual treatment for a dangerous action (e.g. "Delete") — tints the row with `--lyra-color-danger`. */
-    destructive: boolean;
-    /** `'checkbox'` renders `role="menuitemcheckbox"` with a toggleable `checked` state and a
-     *  checkmark glyph, mirroring `wa-dropdown-item`'s identical `type` option — see the class doc. */
-    type: MenuItemType;
-    /** Whether a `type="checkbox"` item is checked. Meaningless (ignored) for `type="normal"`. */
-    checked: boolean;
-    private hasIconSlot;
-    connectedCallback(): void;
-    protected willUpdate(changed: PropertyValues): void;
-    /** Fires `lyra-menu-item-select` (no-op while `disabled`). Called by this element's own
-     *  click handler, and by `<lyra-menu>`'s Enter/Space keydown handling of the active item.
-     *  For `type="checkbox"`, also toggles `checked` and fires `lyra-menu-item-change` first --
-     *  see the class doc. */
-    select(): void;
-    private onIconSlotChange;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-menu-item': LyraMenuItem;
-    }
-}
+export * from './menu-item.class.js';
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/menu/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/menu/menu-item.js

@@ -1,206 +1,5 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing, svg } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './menu-item.class.js';
+import { LyraMenuItem } from './menu-item.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { styles } from './menu-item.styles.js';
-// Mirrors the shared icon set's viewBox/stroke conventions
-// (internal/icons.ts's chevronIcon()/closeIcon()/etc.) without adding a
-// checkmark glyph to that module -- it's off limits here -- so this one-off
-// icon still reads as part of the same visual language as the rest of the
-// library's inline icons. Same approach lyra-checkbox's own local
-// checkmark/indeterminate glyphs (and lyra-chat-message's local retryIcon())
-// take for the identical reason.
-const GLYPH_VIEW_BOX = '0 0 24 24';
-const GLYPH_STROKE_WIDTH = '1.75';
-function checkmarkGlyph() {
-    return svg `
-    <svg
-      part="checkmark"
-      width="1em"
-      height="1em"
-      viewBox=${GLYPH_VIEW_BOX}
-      fill="none"
-      stroke="currentColor"
-      stroke-width=${GLYPH_STROKE_WIDTH}
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-      focusable="false"
-    ><polyline points="5 12.5 10 17.5 19 6.5"></polyline></svg>
-  `;
-}
-/**
- * `<lyra-menu-item>` — a single action row inside `<lyra-menu>`'s default
- * slot. Not meaningful on its own (there is no standalone "click a menu item"
- * use case) — it exists purely as `<lyra-menu>`'s light-DOM child, the same
- * relationship `<lyra-option>` has to `<lyra-combobox>`/`<lyra-select>`.
- *
- * `role="menuitem"` and the roving `tabindex` both live on *this host
- * element*, not an internal shadow-DOM button — mirroring `<lyra-tree-node>`'s
- * identical choice (see that class's doc). `<lyra-menu>` is the sole owner of
- * this element's `tabIndex`: it flips exactly one navigable item's `tabIndex`
- * to `0` (the rest sit at `-1`) as its roving-tabindex highlight moves, and
- * calls `.focus()` directly on this host to move real DOM focus there.
- * `[part="base"]` is purely a visual box with no interactive semantics of its
- * own — see the class doc on `<lyra-menu>` for why real DOM focus (rather
- * than `aria-activedescendant`) was chosen for this pair.
- *
- * Enter/Space activation is handled by `<lyra-menu>`'s own delegated
- * `keydown` listener calling `select()` on whichever item is currently
- * roving-focused (mirrors `<lyra-tree>` calling `current.select()` from its
- * own keydown handler) — this element only wires a plain `click` listener
- * itself, so `select()` fires identically whether the item was reached by
- * mouse or keyboard.
- *
- * `type="checkbox"` (mirroring `wa-dropdown-item`'s identical `type` option)
- * renders `role="menuitemcheckbox"` in place of `role="menuitem"`, with
- * `aria-checked` reflecting `checked` and a checkmark glyph shown once
- * `checked` is `true`. Activating a `checkbox`-type item (click, or the
- * parent's Enter/Space handling via `select()`) toggles `checked` and fires
- * `lyra-menu-item-change` *in addition to* the usual `lyra-menu-item-select`
- * — the latter is never suppressed, so a parent `<lyra-menu>` still closes
- * and re-fires its consolidated `lyra-menu-select` exactly as it does for a
- * `type="normal"` item. `type="normal"` (the default) renders and behaves
- * exactly as before this option existed — no role, rendering, or event
- * differences.
- *
- * @customElement lyra-menu-item
- * @slot - The item's label content.
- * @slot icon - Optional leading icon.
- * @event lyra-menu-item-select - This item was activated (click, or the
- * parent `<lyra-menu>`'s own Enter/Space handling of the roving-focused
- * item). No detail payload — a listener already has `event.target` (this
- * element) to read `value` off of, and `<lyra-menu>` itself consumes this
- * event to close and re-fire it as its own consolidated `lyra-menu-select`
- * (`detail: { value }`) rather than requiring a consumer to listen on every
- * individual item — listen there instead unless you specifically need a
- * per-item handler.
- * @event lyra-menu-item-change - A `type="checkbox"` item was activated and
- * its `checked` state toggled. `detail: { value, checked }` — the item's own
- * `value` and its new `checked` value. Fired in addition to (never instead
- * of) `lyra-menu-item-select` above. Never fired for `type="normal"`.
- * @csspart base - The row (`role` lives on the host — see the class doc).
- * @csspart icon - Wrapper around the `icon` slot. Not rendered at all when the slot is empty.
- * @csspart label - Wrapper around the default slot.
- * @csspart checkmark - The checkmark glyph shown when a `type="checkbox"` item is `checked`. Not rendered at all for `type="normal"`.
- */
-export class LyraMenuItem extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** An id/value the parent `<lyra-menu>`'s `lyra-menu-select` detail keys off of. */
-        this.value = '';
-        /** Disables selection and excludes this item from `<lyra-menu>`'s roving-tabindex nav entirely. */
-        this.disabled = false;
-        /** Visual treatment for a dangerous action (e.g. "Delete") — tints the row with `--lyra-color-danger`. */
-        this.destructive = false;
-        /** `'checkbox'` renders `role="menuitemcheckbox"` with a toggleable `checked` state and a
-         *  checkmark glyph, mirroring `wa-dropdown-item`'s identical `type` option — see the class doc. */
-        this.type = 'normal';
-        /** Whether a `type="checkbox"` item is checked. Meaningless (ignored) for `type="normal"`. */
-        this.checked = false;
-        // [part='icon'] never matches a bare :empty selector -- see menu-item.styles.ts's
-        // own comment on that part. Same fix as lyra-tool-call-chip's hasDetailSlot.
-        this.hasIconSlot = false;
-        this.onIconSlotChange = (e) => {
-            this.hasIconSlot = e.target.assignedElements({ flatten: true }).length > 0;
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    connectedCallback() {
-        super.connectedCallback();
-        // A safe, focusable-but-out-of-tab-order baseline before <lyra-menu> ever
-        // gets a chance to assign roving-tabindex state (e.g. a standalone
-        // fixture in a test, or the brief window before the parent's own
-        // slotchange handler runs). <lyra-menu> is the sole subsequent owner of
-        // this property -- see the class doc.
-        if (this.tabIndex !== 0)
-            this.tabIndex = -1;
-    }
-    willUpdate(changed) {
-        // role/aria-disabled/aria-checked live on the host (see the class doc),
-        // so they're plain imperative attribute writes here rather than part of
-        // render()'s shadow-DOM template -- mirrors lyra-tree-node's identical
-        // willUpdate.
-        const isCheckbox = this.type === 'checkbox';
-        this.setAttribute('role', isCheckbox ? 'menuitemcheckbox' : 'menuitem');
-        if (isCheckbox) {
-            this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
-        }
-        else {
-            // Kept absent entirely for type="normal" -- see the class doc's "no
-            // role, rendering, or event differences" guarantee for that default.
-            this.removeAttribute('aria-checked');
-        }
-        if (this.disabled) {
-            this.setAttribute('aria-disabled', 'true');
-            // Defense-in-depth mirroring connectedCallback's baseline above:
-            // <lyra-menu>'s roving-tabindex bookkeeping (activeIndex) only gets a
-            // chance to resync once real focus actually moves (via its own
-            // focusin listener), so a `disabled` flip must proactively strip this
-            // item out of the roving target and drop any focus it's currently
-            // holding right here -- regardless of what the parent's activeIndex
-            // still thinks -- so a disabled item can never remain the roving
-            // target or retain focus.
-            if (changed.has('disabled')) {
-                this.tabIndex = -1;
-                if (document.activeElement === this)
-                    this.blur();
-            }
-        }
-        else {
-            this.removeAttribute('aria-disabled');
-        }
-        if (changed.has('disabled')) {
-            this.emit('lyra-menu-item-state-change', { disabled: this.disabled, hidden: this.hidden });
-        }
-    }
-    /** Fires `lyra-menu-item-select` (no-op while `disabled`). Called by this element's own
-     *  click handler, and by `<lyra-menu>`'s Enter/Space keydown handling of the active item.
-     *  For `type="checkbox"`, also toggles `checked` and fires `lyra-menu-item-change` first --
-     *  see the class doc. */
-    select() {
-        if (this.disabled)
-            return;
-        if (this.type === 'checkbox') {
-            this.checked = !this.checked;
-            this.emit('lyra-menu-item-change', { value: this.value, checked: this.checked });
-        }
-        this.emit('lyra-menu-item-select');
-    }
-    render() {
-        return html `
-      <span part="base" @click=${() => this.select()}>
-        <span part="icon" aria-hidden="true" ?hidden=${!this.hasIconSlot}>
-          <slot name="icon" @slotchange=${this.onIconSlotChange}></slot>
-        </span>
-        <span part="label"><slot></slot></span>
-        ${this.type === 'checkbox' && this.checked ? checkmarkGlyph() : nothing}
-      </span>
-    `;
-    }
-}
-__decorate([
-    property()
-], LyraMenuItem.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraMenuItem.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraMenuItem.prototype, "destructive", void 0);
-__decorate([
-    property()
-], LyraMenuItem.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraMenuItem.prototype, "checked", void 0);
-__decorate([
-    state()
-], LyraMenuItem.prototype, "hasIconSlot", void 0);
 defineElement('menu-item', LyraMenuItem);
+//# sourceMappingURL=menu-item.js.map

package/dist/components/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/menu/menu-item.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=menu-item.styles.d.ts.map

package/dist/components/menu/menu-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyElB,CAAC"}

package/dist/components/menu/menu-item.styles.js

@@ -23,7 +23,7 @@ export const styles = css `
     cursor: pointer;
     font: inherit;
     color: inherit;
-    line-height: 1.3;
+    line-height: var(--lyra-line-height-snug);
   }
   [part='base']:hover {
     background: var(--lyra-color-brand-quiet);
@@ -47,7 +47,7 @@ export const styles = css `
     flex: 0 0 auto;
     align-items: center;
     justify-content: center;
-    line-height: 1;
+    line-height: var(--lyra-line-height-none);
   }
   /* [part='icon'][hidden] rather than a bare :empty selector -- the part
      always contains a literal <slot> child element regardless of assigned
@@ -73,3 +73,4 @@ export const styles = css `
     color: var(--lyra-color-brand);
   }
 `;
+//# sourceMappingURL=menu-item.styles.js.map

package/dist/components/menu/menu-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../src/components/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,CAAC"}