@aceshooting/lyra-ui 3.9.0 → 4.0.0

package/dist/components/mention-popover/mention-popover.styles.js

@@ -5,33 +5,33 @@ export const styles = css `
   }
 
   /* Positioned by internal/positioner.js's place() -- same fixed/z-index
-     shape as lyra-combobox's/lyra-select's own [part='listbox']. Closed
+     shape as lr-combobox's/lr-select's own [part='listbox']. Closed
      state: invisible + slightly raised, transitioning in on :host([open]),
      same as those two. */
   [part='listbox'] {
     position: fixed;
-    z-index: var(--lyra-layer-dropdown);
+    z-index: var(--lr-layer-dropdown);
     box-sizing: border-box;
     /* Clamped against internal/positioner.js's place()-published available-space custom
        properties (see menu.styles.ts's/combobox.styles.ts's identical [part='listbox']
        treatment) so this popup can't overflow off-screen on a short/keyboard-shrunk viewport. */
-    max-block-size: min(var(--lyra-size-16rem), var(--lyra-positioner-available-block-size, var(--lyra-size-16rem)));
+    max-block-size: min(var(--lr-size-16rem), var(--lr-positioner-available-block-size, var(--lr-size-16rem)));
     overflow-y: auto;
     inline-size: max-content;
-    min-inline-size: min(var(--lyra-size-14rem), var(--lyra-positioner-available-inline-size, var(--lyra-size-14rem)));
-    max-inline-size: min(92vw, var(--lyra-size-24rem), var(--lyra-positioner-available-inline-size, 100vw));
-    padding: var(--lyra-space-xs);
-    background: var(--lyra-color-surface);
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    box-shadow: var(--lyra-shadow);
+    min-inline-size: min(var(--lr-size-14rem), var(--lr-positioner-available-inline-size, var(--lr-size-14rem)));
+    max-inline-size: min(92vw, var(--lr-size-24rem), var(--lr-positioner-available-inline-size, 100vw));
+    padding: var(--lr-space-xs);
+    background: var(--lr-color-surface);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    box-shadow: var(--lr-shadow);
     visibility: hidden;
     opacity: 0;
-    transform: translateY(var(--lyra-size-neg-0-25rem));
+    transform: translateY(var(--lr-size-neg-0-25rem));
     transition:
-      opacity var(--lyra-transition-fast),
-      transform var(--lyra-transition-fast),
-      visibility var(--lyra-transition-fast);
+      opacity var(--lr-transition-fast),
+      transform var(--lr-transition-fast),
+      visibility var(--lr-transition-fast);
   }
   :host([open]) [part='listbox'] {
     visibility: visible;
@@ -47,30 +47,30 @@ export const styles = css `
   [part='option'] {
     display: flex;
     align-items: flex-start;
-    gap: var(--lyra-space-xs);
+    gap: var(--lr-space-xs);
     inline-size: 100%;
-    padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border-radius: var(--lyra-radius);
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    border-radius: var(--lr-radius);
     cursor: pointer;
   }
   [part='option']:hover,
   [part='option'][data-active] {
-    background: var(--lyra-color-brand-quiet);
+    background: var(--lr-color-brand-quiet);
   }
   [part='option'][aria-selected='true'] {
-    color: var(--lyra-color-brand);
+    color: var(--lr-color-brand);
   }
 
   [part='option-icon'] {
     flex: 0 0 auto;
-    line-height: var(--lyra-line-height-1-4);
+    line-height: var(--lr-line-height-1-4);
   }
 
   [part='option-label'] {
     display: flex;
     flex-direction: column;
     min-inline-size: 0;
-    line-height: var(--lyra-line-height-1-4);
+    line-height: var(--lr-line-height-1-4);
   }
   [part='option-label'] span:first-child {
     overflow: hidden;
@@ -79,14 +79,14 @@ export const styles = css `
   }
 
   [part='option-description'] {
-    font-size: var(--lyra-font-size-xs);
-    color: var(--lyra-color-text-quiet);
+    font-size: var(--lr-font-size-xs);
+    color: var(--lr-color-text-quiet);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  /* --lyra-color-text-quiet-on-brand-quiet fails WCAG AA (~4.24:1, needs
-     4.5:1) -- unlike lyra-combobox's/lyra-select's identical-looking
+  /* --lr-color-text-quiet-on-brand-quiet fails WCAG AA (~4.24:1, needs
+     4.5:1) -- unlike lr-combobox's/lr-select's identical-looking
      [part='option'][data-active] background (which never has this problem
      in practice, since those default their active index to -1/none until a
      user actually arrows through the list), this component always opens
@@ -95,13 +95,13 @@ export const styles = css `
      it must pass contrast on its own. */
   [part='option']:hover [part='option-description'],
   [part='option'][data-active] [part='option-description'] {
-    color: var(--lyra-color-text);
+    color: var(--lr-color-text);
   }
 
   [part='empty'] {
-    padding: var(--lyra-space-s) var(--lyra-space-m);
-    color: var(--lyra-color-text-quiet);
-    font-size: var(--lyra-font-size-md-sm);
+    padding: var(--lr-space-s) var(--lr-space-m);
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-md-sm);
   }
 `;
 //# sourceMappingURL=mention-popover.styles.js.map

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

@@ -1,10 +1,10 @@
 import { LyraMenuItem } from './menu-item.class.js';
 /**
- * `<lyra-dropdown-item>` — the Web Awesome-compatible name for a menu item.
- * It is intentionally a subclass of `<lyra-menu-item>`, so it participates in
+ * `<lr-dropdown-item>` — the Web Awesome-compatible name for a menu item.
+ * It is intentionally a subclass of `<lr-menu-item>`, so it participates in
  * the same roving focus, checkbox, selection, and menu event contracts.
  *
- * @customElement lyra-dropdown-item
+ * @customElement lr-dropdown-item
  * @slot - The item's label content.
  * @slot icon - Optional leading icon.
  */
@@ -12,7 +12,7 @@ export declare class LyraDropdownItem extends LyraMenuItem {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-dropdown-item': LyraDropdownItem;
+        'lr-dropdown-item': LyraDropdownItem;
     }
 }
 //# sourceMappingURL=dropdown-item.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/menu/dropdown-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD;;;;;;;;GAQG;AACH,qBAAa,gBAAiB,SAAQ,YAAY;CAAG;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"dropdown-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/menu/dropdown-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD;;;;;;;;GAQG;AACH,qBAAa,gBAAiB,SAAQ,YAAY;CAAG;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,gBAAgB,CAAC;KACtC;CACF"}

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

@@ -1,10 +1,10 @@
 import { LyraMenuItem } from './menu-item.class.js';
 /**
- * `<lyra-dropdown-item>` — the Web Awesome-compatible name for a menu item.
- * It is intentionally a subclass of `<lyra-menu-item>`, so it participates in
+ * `<lr-dropdown-item>` — the Web Awesome-compatible name for a menu item.
+ * It is intentionally a subclass of `<lr-menu-item>`, so it participates in
  * the same roving focus, checkbox, selection, and menu event contracts.
  *
- * @customElement lyra-dropdown-item
+ * @customElement lr-dropdown-item
  * @slot - The item's label content.
  * @slot icon - Optional leading icon.
  */

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

@@ -6,32 +6,32 @@ export interface MenuItemChangeDetail {
     checked: boolean;
 }
 export interface LyraMenuItemEventMap {
-    'lyra-menu-item-state-change': CustomEvent<{
+    'lr-menu-item-state-change': CustomEvent<{
         disabled: boolean;
         hidden: boolean;
     }>;
-    'lyra-menu-item-select': CustomEvent<undefined>;
-    'lyra-menu-item-change': CustomEvent<MenuItemChangeDetail>;
+    'lr-menu-item-select': CustomEvent<undefined>;
+    'lr-menu-item-change': CustomEvent<MenuItemChangeDetail>;
 }
 /**
- * `<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.
@@ -41,28 +41,28 @@ export interface LyraMenuItemEventMap {
  * `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.
@@ -70,11 +70,11 @@ export interface LyraMenuItemEventMap {
  */
 export declare class LyraMenuItem extends LyraElement<LyraMenuItemEventMap> {
     static styles: import("lit").CSSResultGroup[];
-    /** 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. */
     value: string;
-    /** 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. */
     disabled: boolean;
-    /** 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`. */
     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. */
@@ -84,9 +84,9 @@ export declare class LyraMenuItem extends LyraElement<LyraMenuItemEventMap> {
     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 --
+    /** 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(): void;
     private onIconSlotChange;
@@ -94,7 +94,7 @@ export declare class LyraMenuItem extends LyraElement<LyraMenuItemEventMap> {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-menu-item': LyraMenuItem;
+        'lr-menu-item': LyraMenuItem;
     }
 }
 //# sourceMappingURL=menu-item.class.d.ts.map

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

@@ -1 +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;IAChD,uBAAuB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC5D;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"}
+{"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,2BAA2B,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACjF,qBAAqB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9C,qBAAqB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC1D;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,gFAAgF;IACpE,KAAK,SAAM;IAEvB,iGAAiG;IACrD,QAAQ,UAAS;IAE7D,wGAAwG;IAC5D,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,cAAc,EAAE,YAAY,CAAC;KAC9B;CACF"}

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