@aceshooting/lyra-ui 3.8.0 → 4.0.0

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

@@ -12,8 +12,8 @@ import { styles } from './menu-item.styles.js';
 // (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())
+// library's inline icons. Same approach lr-checkbox's own local
+// checkmark/indeterminate glyphs (and lr-chat-message's local retryIcon())
 // take for the identical reason.
 const GLYPH_VIEW_BOX = '0 0 24 24';
 const GLYPH_STROKE_WIDTH = '1.75';
@@ -35,24 +35,24 @@ function checkmarkGlyph() {
   `;
 }
 /**
- * `<lyra-menu-item>` — a single action row inside `<lyra-menu>`'s default
+ * `<lr-menu-item>` — a single action row inside `<lr-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>`.
+ * use case) — it exists purely as `<lr-menu>`'s light-DOM child, the same
+ * relationship `<lr-option>` has to `<lr-combobox>`/`<lr-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
+ * element*, not an internal shadow-DOM button — mirroring `<lr-tree-node>`'s
+ * identical choice (see that class's doc). `<lr-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
+ * own — see the class doc on `<lr-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
+ * Enter/Space activation is handled by `<lr-menu>`'s own delegated
  * `keydown` listener calling `select()` on whichever item is currently
- * roving-focused (mirrors `<lyra-tree>` calling `current.select()` from its
+ * roving-focused (mirrors `<lr-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.
@@ -62,28 +62,28 @@ function checkmarkGlyph() {
  * `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
+ * `lr-menu-item-change` *in addition to* the usual `lr-menu-item-select`
+ * — the latter is never suppressed, so a parent `<lr-menu>` still closes
+ * and re-fires its consolidated `lr-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
+ * @customElement lr-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
+ * @event lr-menu-item-select - This item was activated (click, or the
+ * parent `<lr-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`
+ * element) to read `value` off of, and `<lr-menu>` itself consumes this
+ * event to close and re-fire it as its own consolidated `lr-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
+ * @event lr-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"`.
+ * of) `lr-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.
@@ -92,11 +92,11 @@ function checkmarkGlyph() {
 export class LyraMenuItem extends LyraElement {
     constructor() {
         super(...arguments);
-        /** An id/value the parent `<lyra-menu>`'s `lyra-menu-select` detail keys off of. */
+        /** An id/value the parent `<lr-menu>`'s `lr-menu-select` detail keys off of. */
         this.value = '';
-        /** Disables selection and excludes this item from `<lyra-menu>`'s roving-tabindex nav entirely. */
+        /** Disables selection and excludes this item from `<lr-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`. */
+        /** Visual treatment for a dangerous action (e.g. "Delete") — tints the row with `--lr-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. */
@@ -104,7 +104,7 @@ export class LyraMenuItem extends LyraElement {
         /** 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.
+        // own comment on that part. Same fix as lr-tool-call-chip's hasDetailSlot.
         this.hasIconSlot = false;
         this.onIconSlotChange = (e) => {
             this.hasIconSlot = e.target.assignedElements({ flatten: true }).length > 0;
@@ -113,10 +113,10 @@ export class LyraMenuItem extends LyraElement {
     static { this.styles = [LyraElement.styles, styles]; }
     connectedCallback() {
         super.connectedCallback();
-        // A safe, focusable-but-out-of-tab-order baseline before <lyra-menu> ever
+        // A safe, focusable-but-out-of-tab-order baseline before <lr-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
+        // slotchange handler runs). <lr-menu> is the sole subsequent owner of
         // this property -- see the class doc.
         if (this.tabIndex !== 0)
             this.tabIndex = -1;
@@ -124,7 +124,7 @@ export class LyraMenuItem extends LyraElement {
     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
+        // render()'s shadow-DOM template -- mirrors lr-tree-node's identical
         // willUpdate.
         const isCheckbox = this.type === 'checkbox';
         this.setAttribute('role', isCheckbox ? 'menuitemcheckbox' : 'menuitem');
@@ -139,7 +139,7 @@ export class LyraMenuItem extends LyraElement {
         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
+            // <lr-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
@@ -156,21 +156,21 @@ export class LyraMenuItem extends LyraElement {
             this.removeAttribute('aria-disabled');
         }
         if (changed.has('disabled')) {
-            this.emit('lyra-menu-item-state-change', { disabled: this.disabled, hidden: this.hidden });
+            this.emit('lr-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 --
+    /** Fires `lr-menu-item-select` (no-op while `disabled`). Called by this element's own
+     *  click handler, and by `<lr-menu>`'s Enter/Space keydown handling of the active item.
+     *  For `type="checkbox"`, also toggles `checked` and fires `lr-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('lr-menu-item-change', { value: this.value, checked: this.checked });
         }
-        this.emit('lyra-menu-item-select');
+        this.emit('lr-menu-item-select');
     }
     render() {
         return html `

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

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

@@ -4,54 +4,54 @@ export const styles = css `
     display: block;
     /* The host itself is the focusable role="menuitem" target (see the class
        doc) -- the ring paints on [part='base'] instead of the host's own
-       box, matching lyra-tree-node's identical :host(:focus-visible)
+       box, matching lr-tree-node's identical :host(:focus-visible)
        delegation, so it always hugs the visible row rather than any
        host-level margin/inline layout quirks. */
     outline: none;
-    border-radius: var(--lyra-radius);
+    border-radius: var(--lr-radius);
   }
   :host(:focus-visible) [part='base'] {
-    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
-    outline-offset: calc(-1 * var(--lyra-focus-ring-width));
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: calc(-1 * var(--lr-focus-ring-width));
   }
   [part='base'] {
     display: flex;
     align-items: center;
-    gap: var(--lyra-space-xs);
-    padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border-radius: var(--lyra-radius);
+    gap: var(--lr-space-xs);
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    border-radius: var(--lr-radius);
     cursor: pointer;
     font: inherit;
     color: inherit;
-    line-height: var(--lyra-line-height-snug);
+    line-height: var(--lr-line-height-snug);
   }
   [part='base']:hover {
-    background: var(--lyra-color-brand-quiet);
+    background: var(--lr-color-brand-quiet);
   }
   :host([disabled]) [part='base'] {
-    /* Shared library-wide disabled-state token -- see lyra-checkbox/lyra-select. */
-    opacity: var(--lyra-opacity-disabled);
+    /* Shared library-wide disabled-state token -- see lr-checkbox/lr-select. */
+    opacity: var(--lr-opacity-disabled);
     cursor: not-allowed;
   }
   :host([disabled]) [part='base']:hover {
     background: none;
   }
   :host([destructive]) [part='base'] {
-    color: var(--lyra-color-danger);
+    color: var(--lr-color-danger);
   }
   :host([destructive]) [part='base']:hover {
-    background: var(--lyra-color-danger-quiet);
+    background: var(--lr-color-danger-quiet);
   }
   [part='icon'] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
     justify-content: center;
-    line-height: var(--lyra-line-height-none);
+    line-height: var(--lr-line-height-none);
   }
   /* [part='icon'][hidden] rather than a bare :empty selector -- the part
      always contains a literal <slot> child element regardless of assigned
-     content, so :empty never matches (same fix as lyra-select's
+     content, so :empty never matches (same fix as lr-select's
      [part='hint']/[part='error']). Real emptiness is tracked in JS
      (hasIconSlot) and reflected via the hidden attribute instead. */
   [part='icon'][hidden] {
@@ -70,7 +70,7 @@ export const styles = css `
      to keep visually empty in between. */
   [part='checkmark'] {
     flex: 0 0 auto;
-    color: var(--lyra-color-brand);
+    color: var(--lr-color-brand);
   }
 `;
 //# sourceMappingURL=menu-item.styles.js.map

package/dist/components/menu/menu.class.d.ts

@@ -6,12 +6,12 @@ export interface MenuSelectDetail {
     value: string;
 }
 export interface LyraMenuEventMap {
-    'lyra-show': CustomEvent<undefined>;
-    'lyra-hide': CustomEvent<undefined>;
-    'lyra-menu-select': CustomEvent<MenuSelectDetail>;
+    'lr-show': CustomEvent<undefined>;
+    'lr-hide': CustomEvent<undefined>;
+    'lr-menu-select': CustomEvent<MenuSelectDetail>;
 }
 /**
- * `<lyra-menu>` — an anchored dropdown of `<lyra-menu-item>` actions, opened
+ * `<lr-menu>` — an anchored dropdown of `<lr-menu-item>` actions, opened
  * from a consumer-supplied trigger (typically an icon button). A close, drop-
  * in-shaped replacement for reaching outside this library for a third-party
  * dropdown to build a gear menu, an avatar menu, or a history row's overflow
@@ -21,15 +21,15 @@ export interface LyraMenuEventMap {
  * **ARIA pattern — `role="menu"`/`role="menuitem"` with real roving DOM
  * focus, not a listbox.** Two coherent, mutually-exclusive shapes were
  * available here: (a) `role="listbox"`/`role="option"` with
- * `aria-activedescendant`, the pattern `<lyra-select>`'s trigger-button +
+ * `aria-activedescendant`, the pattern `<lr-select>`'s trigger-button +
  * popup listbox uses, where DOM focus never leaves the trigger; or (b)
  * `role="menu"`/`role="menuitem"` with real focus moving between actual
  * focusable rows, the WAI-ARIA "menu button" pattern. This picks (b):
- * `<lyra-menu-item>` rows are real, independently-focusable elements (see
+ * `<lr-menu-item>` rows are real, independently-focusable elements (see
  * that class's own doc), which is the more natural fit for a menu
  * specifically — unlike a listbox's rows, a menu's rows are conventionally
  * button-/link-shaped, and every well-known native/OS menu (and this
- * family's own `<lyra-tree>`/`<lyra-tree-node>` pair, which this component's
+ * family's own `<lr-tree>`/`<lr-tree-node>` pair, which this component's
  * roving-tabindex plumbing directly mirrors) already moves real focus rather
  * than merely a virtual `aria-activedescendant` pointer. `role`/`tabIndex`
  * are consistently the menu-button shape throughout — never mixed with
@@ -43,21 +43,21 @@ export interface LyraMenuEventMap {
  *   first/last non-disabled item respectively.
  * - Once open, ArrowDown/ArrowUp move the roving focus among non-disabled
  *   items (wrapping past either end — the recommended, and more common,
- *   menu-widget behavior, unlike `<lyra-select>`'s clamped listbox nav).
+ *   menu-widget behavior, unlike `<lr-select>`'s clamped listbox nav).
  *   Home/End jump to the first/last non-disabled item. Enter/Space activate
  *   the focused item. Escape closes and returns focus to the trigger. Tab
  *   closes the menu without trapping focus (the browser's own default Tab
  *   behavior proceeds untouched). A printable keypress runs type-ahead:
  *   roving focus jumps to the next non-disabled item whose text starts with
  *   the accumulated buffer, cycling from just after the active item (mirrors
- *   `<lyra-select>`'s identical listbox type-ahead). All of the above (except
- *   Escape) only respond to keydowns from a real `<lyra-menu-item>` target,
+ *   `<lr-select>`'s identical listbox type-ahead). All of the above (except
+ *   Escape) only respond to keydowns from a real `<lr-menu-item>` target,
  *   so a slotted non-item control (e.g. a date input) keeps its own full
  *   default keyboard behavior. Escape from such a slotted control closes the
  *   menu too, but only when `closeOnEscapeAnywhere` is set — it defaults to
  *   `false`, so existing consumers keep today's behavior unchanged.
  * - A click outside both the trigger and the open popup closes it (mirrors
- *   `<lyra-select>`'s `onDocPointer` exactly) — this does *not* refocus the
+ *   `<lr-select>`'s `onDocPointer` exactly) — this does *not* refocus the
  *   trigger, since the outside click itself already moved focus somewhere
  *   the user chose; Escape and a committed selection *do* refocus the
  *   trigger, since those are dismissals with nowhere else for focus to go.
@@ -66,31 +66,31 @@ export interface LyraMenuEventMap {
  * element (first one, if several are assigned) and enhanced imperatively
  * with `aria-haspopup="menu"`/`aria-expanded`/`aria-controls` — the same
  * "reach into a consumer-owned light-DOM element to complete its a11y
- * wiring" approach `<lyra-dialog>` documents for its own heading detection,
+ * wiring" approach `<lr-dialog>` documents for its own heading detection,
  * necessary here because those attributes belong on the actual interactive
  * trigger, which lives outside this component's own shadow root.
  *
  * The popup is always rendered (never `display:none`) so `.focus()` calls on
  * its content work synchronously the instant it opens — visually hidden via
- * `visibility`/`opacity` instead (identical to `<lyra-select>`'s own
+ * `visibility`/`opacity` instead (identical to `<lr-select>`'s own
  * `[part="listbox"]`). `visibility` is an inherited CSS property that
  * pierces the `<slot>` projection boundary, so every closed-state
- * `<lyra-menu-item>` is automatically excluded from sequential (Tab-key)
+ * `<lr-menu-item>` is automatically excluded from sequential (Tab-key)
  * navigation with no separate JS bookkeeping.
  *
- * @customElement lyra-menu
+ * @customElement lr-menu
  * @slot trigger - The consumer's own trigger element (typically an icon
  * button). Clicking it toggles the menu; it's positioned against via
  * `internal/positioner.js`'s `place()`.
- * @slot - `<lyra-menu-item>` elements, plus optionally plain `<hr>` dividers
+ * @slot - `<lr-menu-item>` elements, plus optionally plain `<hr>` dividers
  * between groups (native `<hr>` already carries an implicit `separator`
  * role, matching what `role="menu"` expects between item groups).
- * @event lyra-show - The menu opened. Not fired for markup that renders
- * `open` true from the start (mirrors `<lyra-select>`'s identical guard).
- * @event lyra-hide - The menu closed. Same first-render guard as `lyra-show`.
- * @event lyra-menu-select - A `<lyra-menu-item>` was activated. `detail: {
+ * @event lr-show - The menu opened. Not fired for markup that renders
+ * `open` true from the start (mirrors `<lr-select>`'s identical guard).
+ * @event lr-hide - The menu closed. Same first-render guard as `lr-show`.
+ * @event lr-menu-select - A `<lr-menu-item>` was activated. `detail: {
  * value }` — the consolidated re-fire of that item's own
- * `lyra-menu-item-select` (see `<lyra-menu-item>`'s doc for why listening
+ * `lr-menu-item-select` (see `<lr-menu-item>`'s doc for why listening
  * here, rather than on every item, is the recommended approach). Always
  * followed by the menu closing and focus returning to the trigger.
  * @csspart trigger - The wrapper around the `trigger` slot (the positioning anchor).
@@ -112,17 +112,17 @@ export declare class LyraMenu extends LyraElement<LyraMenuEventMap> {
      *  specific (e.g. "Row actions") when a page has more than one menu.
      *  Localized (`menuLabel`) when left at its default. A host-level
      *  `aria-label` attribute takes precedence over both this prop and the
-     *  localized default, matching `lyra-select`/`lyra-model-select`'s
+     *  localized default, matching `lr-select`/`lr-model-select`'s
      *  established `this.getAttribute('aria-label') || <computed default>`
      *  precedence (see `effectiveLabel`). */
     label: string;
     /** Extends the Escape-closes-and-refocuses-trigger behavior to keydown
      *  events originating from slotted non-item content within `[part="list"]`
      *  (e.g. a date input or a custom section slotted alongside
-     *  `<lyra-menu-item>`s), not just from a real `<lyra-menu-item>`. Default
+     *  `<lr-menu-item>`s), not just from a real `<lr-menu-item>`. Default
      *  `false` leaves Escape from slotted non-item content with full default
      *  keyboard behavior, matching every existing consumer. Arrow/Home/End/
-     *  Enter/Space stay scoped to real `<lyra-menu-item>` targets regardless of
+     *  Enter/Space stay scoped to real `<lr-menu-item>` targets regardless of
      *  this property — only Escape is affected. */
     closeOnEscapeAnywhere: boolean;
     private items;
@@ -158,7 +158,7 @@ export declare class LyraMenu extends LyraElement<LyraMenuEventMap> {
     private onItemStateChange;
     private onItemSelect;
     /** Flips exactly one non-disabled item's `tabIndex` to `0` (the roving
-     *  target) and every other item's to `-1` -- see `<lyra-menu-item>`'s doc
+     *  target) and every other item's to `-1` -- see `<lr-menu-item>`'s doc
      *  for why this is the sole authority over that property. */
     private applyRovingTabIndex;
     /** Moves the roving focus (and real DOM focus) to the first/last
@@ -180,7 +180,7 @@ export declare class LyraMenu extends LyraElement<LyraMenuEventMap> {
     /** Standard WAI-ARIA APG menu-button type-ahead: moves the roving focus to
      *  the next non-disabled item whose text content starts with the
      *  accumulated buffer, cycling from just after the currently active item
-     *  -- mirrors `<lyra-select>`'s identical listbox type-ahead. */
+     *  -- mirrors `<lr-select>`'s identical listbox type-ahead. */
     private typeAhead;
     /** Resolves `label`'s effective text: a host-level `aria-label` attribute wins first
      *  (unset by default, so this is a no-op for every existing consumer); otherwise an
@@ -192,7 +192,7 @@ export declare class LyraMenu extends LyraElement<LyraMenuEventMap> {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-menu': LyraMenu;
+        'lr-menu': LyraMenu;
     }
 }
 //# sourceMappingURL=menu.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.class.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,kBAAkB,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACnD;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AACH,qBAAa,QAAS,SAAQ,WAAW,CAAC,gBAAgB,CAAC;IACzD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,gCAAgC;IACY,IAAI,UAAS;IAEzD;;;;;OAKG;IAC0B,SAAS,CAAC,EAAE,SAAS,CAAC;IAEnD;;;;;;6CAMyC;IAC7B,KAAK,SAAU;IAE3B;;;;;;;mDAO+C;IACqB,qBAAqB,UAAS;IAQlG,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,WAAW,CAAM;IAEzB,OAAO,CAAC,SAAS,CAAC,CAAc;IAChC,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuB;IAK9C,OAAO,CAAC,eAAe,CAAM;IAC7B,OAAO,CAAC,cAAc,CAAC,CAAgC;IAEvD,SAAS,CAAC,UAAU,IAAI,IAAI,CAE3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAmC/C;IAED,OAAO,CAAC,UAAU;IAUlB,oBAAoB,IAAI,IAAI,CAc3B;IAED,OAAO,CAAC,IAAI;IAMZ;;qFAEiF;IACjF,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,gBAAgB,CAsBtB;IAEF,OAAO,CAAC,mBAAmB,CAczB;IAEF;;iEAE6D;IAC7D,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,iBAAiB,CAmCvB;IAEF,OAAO,CAAC,WAAW;IAInB,uFAAuF;IACvF,OAAO,CAAC,iBAAiB,CAgBvB;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF;;iEAE6D;IAC7D,OAAO,CAAC,mBAAmB;IAM3B;;2EAEuE;IACvE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IAMrB;;;;;;;;4DAQwD;IACxD,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,aAAa,CAyDnB;IAEF;;;qEAGiE;IACjE,OAAO,CAAC,SAAS;IAqBjB;;;;8CAI0C;IAC1C,OAAO,KAAK,cAAc,GAEzB;IAED,MAAM,IAAI,cAAc,CAoBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"menu.class.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClC,gBAAgB,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACjD;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AACH,qBAAa,QAAS,SAAQ,WAAW,CAAC,gBAAgB,CAAC;IACzD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,gCAAgC;IACY,IAAI,UAAS;IAEzD;;;;;OAKG;IAC0B,SAAS,CAAC,EAAE,SAAS,CAAC;IAEnD;;;;;;6CAMyC;IAC7B,KAAK,SAAU;IAE3B;;;;;;;mDAO+C;IACqB,qBAAqB,UAAS;IAQlG,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,WAAW,CAAM;IAEzB,OAAO,CAAC,SAAS,CAAC,CAAc;IAChC,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuB;IAK9C,OAAO,CAAC,eAAe,CAAM;IAC7B,OAAO,CAAC,cAAc,CAAC,CAAgC;IAEvD,SAAS,CAAC,UAAU,IAAI,IAAI,CAE3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAmC/C;IAED,OAAO,CAAC,UAAU;IAUlB,oBAAoB,IAAI,IAAI,CAc3B;IAED,OAAO,CAAC,IAAI;IAMZ;;qFAEiF;IACjF,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,gBAAgB,CAsBtB;IAEF,OAAO,CAAC,mBAAmB,CAczB;IAEF;;iEAE6D;IAC7D,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,iBAAiB,CAmCvB;IAEF,OAAO,CAAC,WAAW;IAInB,uFAAuF;IACvF,OAAO,CAAC,iBAAiB,CAgBvB;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF;;iEAE6D;IAC7D,OAAO,CAAC,mBAAmB;IAM3B;;2EAEuE;IACvE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IAMrB;;;;;;;;4DAQwD;IACxD,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,aAAa,CAyDnB;IAEF;;;mEAG+D;IAC/D,OAAO,CAAC,SAAS;IAqBjB;;;;8CAI0C;IAC1C,OAAO,KAAK,cAAc,GAEzB;IAED,MAAM,IAAI,cAAc,CAoBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,QAAQ,CAAC;KACrB;CACF"}

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

@@ -14,7 +14,7 @@ import { styles } from './menu.styles.js';
 import { LyraMenuItem } from './menu-item.class.js';
 import './menu-item.class.js';
 /**
- * `<lyra-menu>` — an anchored dropdown of `<lyra-menu-item>` actions, opened
+ * `<lr-menu>` — an anchored dropdown of `<lr-menu-item>` actions, opened
  * from a consumer-supplied trigger (typically an icon button). A close, drop-
  * in-shaped replacement for reaching outside this library for a third-party
  * dropdown to build a gear menu, an avatar menu, or a history row's overflow
@@ -24,15 +24,15 @@ import './menu-item.class.js';
  * **ARIA pattern — `role="menu"`/`role="menuitem"` with real roving DOM
  * focus, not a listbox.** Two coherent, mutually-exclusive shapes were
  * available here: (a) `role="listbox"`/`role="option"` with
- * `aria-activedescendant`, the pattern `<lyra-select>`'s trigger-button +
+ * `aria-activedescendant`, the pattern `<lr-select>`'s trigger-button +
  * popup listbox uses, where DOM focus never leaves the trigger; or (b)
  * `role="menu"`/`role="menuitem"` with real focus moving between actual
  * focusable rows, the WAI-ARIA "menu button" pattern. This picks (b):
- * `<lyra-menu-item>` rows are real, independently-focusable elements (see
+ * `<lr-menu-item>` rows are real, independently-focusable elements (see
  * that class's own doc), which is the more natural fit for a menu
  * specifically — unlike a listbox's rows, a menu's rows are conventionally
  * button-/link-shaped, and every well-known native/OS menu (and this
- * family's own `<lyra-tree>`/`<lyra-tree-node>` pair, which this component's
+ * family's own `<lr-tree>`/`<lr-tree-node>` pair, which this component's
  * roving-tabindex plumbing directly mirrors) already moves real focus rather
  * than merely a virtual `aria-activedescendant` pointer. `role`/`tabIndex`
  * are consistently the menu-button shape throughout — never mixed with
@@ -46,21 +46,21 @@ import './menu-item.class.js';
  *   first/last non-disabled item respectively.
  * - Once open, ArrowDown/ArrowUp move the roving focus among non-disabled
  *   items (wrapping past either end — the recommended, and more common,
- *   menu-widget behavior, unlike `<lyra-select>`'s clamped listbox nav).
+ *   menu-widget behavior, unlike `<lr-select>`'s clamped listbox nav).
  *   Home/End jump to the first/last non-disabled item. Enter/Space activate
  *   the focused item. Escape closes and returns focus to the trigger. Tab
  *   closes the menu without trapping focus (the browser's own default Tab
  *   behavior proceeds untouched). A printable keypress runs type-ahead:
  *   roving focus jumps to the next non-disabled item whose text starts with
  *   the accumulated buffer, cycling from just after the active item (mirrors
- *   `<lyra-select>`'s identical listbox type-ahead). All of the above (except
- *   Escape) only respond to keydowns from a real `<lyra-menu-item>` target,
+ *   `<lr-select>`'s identical listbox type-ahead). All of the above (except
+ *   Escape) only respond to keydowns from a real `<lr-menu-item>` target,
  *   so a slotted non-item control (e.g. a date input) keeps its own full
  *   default keyboard behavior. Escape from such a slotted control closes the
  *   menu too, but only when `closeOnEscapeAnywhere` is set — it defaults to
  *   `false`, so existing consumers keep today's behavior unchanged.
  * - A click outside both the trigger and the open popup closes it (mirrors
- *   `<lyra-select>`'s `onDocPointer` exactly) — this does *not* refocus the
+ *   `<lr-select>`'s `onDocPointer` exactly) — this does *not* refocus the
  *   trigger, since the outside click itself already moved focus somewhere
  *   the user chose; Escape and a committed selection *do* refocus the
  *   trigger, since those are dismissals with nowhere else for focus to go.
@@ -69,31 +69,31 @@ import './menu-item.class.js';
  * element (first one, if several are assigned) and enhanced imperatively
  * with `aria-haspopup="menu"`/`aria-expanded`/`aria-controls` — the same
  * "reach into a consumer-owned light-DOM element to complete its a11y
- * wiring" approach `<lyra-dialog>` documents for its own heading detection,
+ * wiring" approach `<lr-dialog>` documents for its own heading detection,
  * necessary here because those attributes belong on the actual interactive
  * trigger, which lives outside this component's own shadow root.
  *
  * The popup is always rendered (never `display:none`) so `.focus()` calls on
  * its content work synchronously the instant it opens — visually hidden via
- * `visibility`/`opacity` instead (identical to `<lyra-select>`'s own
+ * `visibility`/`opacity` instead (identical to `<lr-select>`'s own
  * `[part="listbox"]`). `visibility` is an inherited CSS property that
  * pierces the `<slot>` projection boundary, so every closed-state
- * `<lyra-menu-item>` is automatically excluded from sequential (Tab-key)
+ * `<lr-menu-item>` is automatically excluded from sequential (Tab-key)
  * navigation with no separate JS bookkeeping.
  *
- * @customElement lyra-menu
+ * @customElement lr-menu
  * @slot trigger - The consumer's own trigger element (typically an icon
  * button). Clicking it toggles the menu; it's positioned against via
  * `internal/positioner.js`'s `place()`.
- * @slot - `<lyra-menu-item>` elements, plus optionally plain `<hr>` dividers
+ * @slot - `<lr-menu-item>` elements, plus optionally plain `<hr>` dividers
  * between groups (native `<hr>` already carries an implicit `separator`
  * role, matching what `role="menu"` expects between item groups).
- * @event lyra-show - The menu opened. Not fired for markup that renders
- * `open` true from the start (mirrors `<lyra-select>`'s identical guard).
- * @event lyra-hide - The menu closed. Same first-render guard as `lyra-show`.
- * @event lyra-menu-select - A `<lyra-menu-item>` was activated. `detail: {
+ * @event lr-show - The menu opened. Not fired for markup that renders
+ * `open` true from the start (mirrors `<lr-select>`'s identical guard).
+ * @event lr-hide - The menu closed. Same first-render guard as `lr-show`.
+ * @event lr-menu-select - A `<lr-menu-item>` was activated. `detail: {
  * value }` — the consolidated re-fire of that item's own
- * `lyra-menu-item-select` (see `<lyra-menu-item>`'s doc for why listening
+ * `lr-menu-item-select` (see `<lr-menu-item>`'s doc for why listening
  * here, rather than on every item, is the recommended approach). Always
  * followed by the menu closing and focus returning to the trigger.
  * @csspart trigger - The wrapper around the `trigger` slot (the positioning anchor).
@@ -109,17 +109,17 @@ export class LyraMenu extends LyraElement {
          *  specific (e.g. "Row actions") when a page has more than one menu.
          *  Localized (`menuLabel`) when left at its default. A host-level
          *  `aria-label` attribute takes precedence over both this prop and the
-         *  localized default, matching `lyra-select`/`lyra-model-select`'s
+         *  localized default, matching `lr-select`/`lr-model-select`'s
          *  established `this.getAttribute('aria-label') || <computed default>`
          *  precedence (see `effectiveLabel`). */
         this.label = 'Menu';
         /** Extends the Escape-closes-and-refocuses-trigger behavior to keydown
          *  events originating from slotted non-item content within `[part="list"]`
          *  (e.g. a date input or a custom section slotted alongside
-         *  `<lyra-menu-item>`s), not just from a real `<lyra-menu-item>`. Default
+         *  `<lr-menu-item>`s), not just from a real `<lr-menu-item>`. Default
          *  `false` leaves Escape from slotted non-item content with full default
          *  keyboard behavior, matching every existing consumer. Arrow/Home/End/
-         *  Enter/Space stay scoped to real `<lyra-menu-item>` targets regardless of
+         *  Enter/Space stay scoped to real `<lr-menu-item>` targets regardless of
          *  this property — only Escape is affected. */
         this.closeOnEscapeAnywhere = false;
         // Plain instance fields, not @state() -- render()'s template never reads
@@ -133,7 +133,7 @@ export class LyraMenu extends LyraElement {
         this._isFirstUpdate = true;
         this.pendingFocus = 'first';
         this.listId = nextId('menu-list');
-        // Standard menu type-ahead, mirroring lyra-select's identical listbox
+        // Standard menu type-ahead, mirroring lr-select's identical listbox
         // trio: printable keystrokes accumulate into this buffer and reset ~500ms
         // after the last one, so "d" then "e" narrows to "de" instead of
         // restarting the search on every keystroke.
@@ -245,7 +245,7 @@ export class LyraMenu extends LyraElement {
             const item = e.target;
             if (!(item instanceof LyraMenuItem))
                 return;
-            this.emit('lyra-menu-select', { value: item.value });
+            this.emit('lr-menu-select', { value: item.value });
             this.hide(true);
         };
         /** Resyncs `activeIndex` (and the roving `tabindex`) to wherever real DOM
@@ -310,7 +310,7 @@ export class LyraMenu extends LyraElement {
                     break;
                 case 'Enter':
                 case ' ':
-                    // Mirrors lyra-tree calling current.select() from its own delegated
+                    // Mirrors lr-tree calling current.select() from its own delegated
                     // keydown handler, rather than each row wiring its own keydown.
                     e.preventDefault();
                     current?.select();
@@ -337,15 +337,15 @@ export class LyraMenu extends LyraElement {
             this.cleanup?.();
             this.cleanup = undefined;
             // All open-driven side effects (positioning, the click-outside
-            // listener, the lyra-show/lyra-hide events, and moving focus into the
+            // listener, the lr-show/lr-hide events, and moving focus into the
             // menu) live here rather than in show()/hide() so they fire however
             // `open` became true -- via show()/hide()'s own user-interaction
             // paths, or a consumer/test setting `el.open` directly, which bypasses
-            // both. Mirrors lyra-select's identical updated()-centralized approach.
+            // both. Mirrors lr-select's identical updated()-centralized approach.
             if (this.open) {
                 document.addEventListener('pointerdown', this.onDocPointer);
                 if (!this._isFirstUpdate)
-                    this.emit('lyra-show');
+                    this.emit('lr-show');
                 // Both reposition() and focusRoving() no-op gracefully if triggerEl/
                 // items aren't populated yet -- for markup that renders `open` true
                 // from the start, the trigger/default slots' *own* slotchange events
@@ -359,7 +359,7 @@ export class LyraMenu extends LyraElement {
             else {
                 document.removeEventListener('pointerdown', this.onDocPointer);
                 if (!this._isFirstUpdate)
-                    this.emit('lyra-hide');
+                    this.emit('lr-hide');
             }
             this.syncTriggerA11y();
         }
@@ -428,7 +428,7 @@ export class LyraMenu extends LyraElement {
         return !item.disabled && !item.hidden && item.getAttribute('aria-hidden') !== 'true';
     }
     /** Flips exactly one non-disabled item's `tabIndex` to `0` (the roving
-     *  target) and every other item's to `-1` -- see `<lyra-menu-item>`'s doc
+     *  target) and every other item's to `-1` -- see `<lr-menu-item>`'s doc
      *  for why this is the sole authority over that property. */
     applyRovingTabIndex() {
         this.items.forEach((item, i) => {
@@ -453,7 +453,7 @@ export class LyraMenu extends LyraElement {
     /** Standard WAI-ARIA APG menu-button type-ahead: moves the roving focus to
      *  the next non-disabled item whose text content starts with the
      *  accumulated buffer, cycling from just after the currently active item
-     *  -- mirrors `<lyra-select>`'s identical listbox type-ahead. */
+     *  -- mirrors `<lr-select>`'s identical listbox type-ahead. */
     typeAhead(char) {
         clearTimeout(this.typeAheadTimer);
         this.typeAheadBuffer += char.toLowerCase();
@@ -495,8 +495,8 @@ export class LyraMenu extends LyraElement {
           aria-label=${this.effectiveLabel}
           @keydown=${this.onListKeyDown}
           @focusin=${this.onListFocusIn}
-          @lyra-menu-item-select=${this.onItemSelect}
-          @lyra-menu-item-state-change=${this.onItemStateChange}
+          @lr-menu-item-select=${this.onItemSelect}
+          @lr-menu-item-state-change=${this.onItemStateChange}
         >
           <slot @slotchange=${this.onItemsSlotChange}></slot>
         </div>