@aceshooting/lyra-ui 3.8.0 → 4.0.0

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

@@ -4,13 +4,13 @@ export type AvatarSize = 'sm' | 'md' | 'lg';
 export type AvatarShape = 'circle' | 'square';
 export type AvatarTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
 /**
- * `<lyra-avatar>` — a small, fixed-size identity marker: default-slotted icon/glyph content, an
+ * `<lr-avatar>` — a small, fixed-size identity marker: default-slotted icon/glyph content, an
  * image, or an initials fallback, in that priority order (whichever's set takes over from the
  * next). First-party invention (no Web Awesome equivalent) -- purely presentational, no built-in
- * interactivity; a consumer wraps it in their own `<button>`/`<lyra-menu>` trigger for a
+ * interactivity; a consumer wraps it in their own `<button>`/`<lr-menu>` trigger for a
  * user-menu affordance.
  *
- * @customElement lyra-avatar
+ * @customElement lr-avatar
  * @slot - Icon/glyph content (e.g. an inline SVG) shown in place of the image/initials, e.g. to
  *   mark a chat message avatar as "AI" vs. "user" with a role glyph instead of a photo or
  *   initials. Takes priority over both `src` and `initials`. The glyph itself is treated as
@@ -36,11 +36,11 @@ export declare class LyraAvatar extends LyraElement {
      *  has no text of its own for a screen reader to read. A host `aria-label` overrides this
      *  value while leaving the visible initials/image unchanged. */
     alt: string;
-    /** Visual size. `'lg'` matches `--lyra-icon-button-size` (2.5rem); `'md'` (the default) is 2rem. */
+    /** Visual size. `'lg'` matches `--lr-icon-button-size` (2.5rem); `'md'` (the default) is 2rem. */
     size: AvatarSize;
     /** `'circle'` (the default) or `'square'`. */
     shape: AvatarShape;
-    /** Recolors the initials-fallback background/text, mirroring `lyra-chip`'s `tone` vocabulary.
+    /** Recolors the initials-fallback background/text, mirroring `lr-chip`'s `tone` vocabulary.
      *  `'neutral'` (the default) reads as a plain, unaccented circle. */
     tone: AvatarTone;
     private imageFailed;
@@ -52,7 +52,7 @@ export declare class LyraAvatar extends LyraElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-avatar': LyraAvatar;
+        'lr-avatar': LyraAvatar;
     }
 }
 //# sourceMappingURL=avatar.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.class.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAE7C;yBACqB;IACT,QAAQ,SAAM;IAE1B;2EACuE;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB;;;oEAGgE;IACpD,GAAG,SAAM;IAErB,oGAAoG;IACvE,IAAI,EAAE,UAAU,CAAQ;IAErD,8CAA8C;IACjB,KAAK,EAAE,WAAW,CAAY;IAE3D;yEACqE;IACxC,IAAI,EAAE,UAAU,CAAa;IAEjD,OAAO,CAAC,WAAW,CAAS;IAK5B,OAAO,CAAC,OAAO,CAAS;IAEjC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAUxD;IAED,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,MAAM,IAAI,cAAc,CA6BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"avatar.class.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAE7C;yBACqB;IACT,QAAQ,SAAM;IAE1B;2EACuE;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB;;;oEAGgE;IACpD,GAAG,SAAM;IAErB,kGAAkG;IACrE,IAAI,EAAE,UAAU,CAAQ;IAErD,8CAA8C;IACjB,KAAK,EAAE,WAAW,CAAY;IAE3D;yEACqE;IACxC,IAAI,EAAE,UAAU,CAAa;IAEjD,OAAO,CAAC,WAAW,CAAS;IAK5B,OAAO,CAAC,OAAO,CAAS;IAEjC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAUxD;IAED,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,MAAM,IAAI,cAAc,CA6BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,UAAU,CAAC;KACzB;CACF"}

package/dist/components/avatar/avatar.class.js

@@ -9,13 +9,13 @@ import { property, state } from 'lit/decorators.js';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { styles } from './avatar.styles.js';
 /**
- * `<lyra-avatar>` — a small, fixed-size identity marker: default-slotted icon/glyph content, an
+ * `<lr-avatar>` — a small, fixed-size identity marker: default-slotted icon/glyph content, an
  * image, or an initials fallback, in that priority order (whichever's set takes over from the
  * next). First-party invention (no Web Awesome equivalent) -- purely presentational, no built-in
- * interactivity; a consumer wraps it in their own `<button>`/`<lyra-menu>` trigger for a
+ * interactivity; a consumer wraps it in their own `<button>`/`<lr-menu>` trigger for a
  * user-menu affordance.
  *
- * @customElement lyra-avatar
+ * @customElement lr-avatar
  * @slot - Icon/glyph content (e.g. an inline SVG) shown in place of the image/initials, e.g. to
  *   mark a chat message avatar as "AI" vs. "user" with a role glyph instead of a photo or
  *   initials. Takes priority over both `src` and `initials`. The glyph itself is treated as
@@ -39,16 +39,16 @@ export class LyraAvatar extends LyraElement {
          *  has no text of its own for a screen reader to read. A host `aria-label` overrides this
          *  value while leaving the visible initials/image unchanged. */
         this.alt = '';
-        /** Visual size. `'lg'` matches `--lyra-icon-button-size` (2.5rem); `'md'` (the default) is 2rem. */
+        /** Visual size. `'lg'` matches `--lr-icon-button-size` (2.5rem); `'md'` (the default) is 2rem. */
         this.size = 'md';
         /** `'circle'` (the default) or `'square'`. */
         this.shape = 'circle';
-        /** Recolors the initials-fallback background/text, mirroring `lyra-chip`'s `tone` vocabulary.
+        /** Recolors the initials-fallback background/text, mirroring `lr-chip`'s `tone` vocabulary.
          *  `'neutral'` (the default) reads as a plain, unaccented circle. */
         this.tone = 'neutral';
         this.imageFailed = false;
         // `[part='icon']:empty` never matches because the part always contains a literal `<slot>`
-        // child -- same fix `lyra-empty`/`lyra-stat` already established. Track real slot assignment
+        // child -- same fix `lr-empty`/`lr-stat` already established. Track real slot assignment
         // in JS instead.
         this.hasIcon = false;
         this.onImageError = () => {

package/dist/components/avatar/avatar.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.class.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAM5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAA3C;;QAGE;6BACqB;QACT,aAAQ,GAAG,EAAE,CAAC;QAM1B;;;wEAGgE;QACpD,QAAG,GAAG,EAAE,CAAC;QAErB,oGAAoG;QACvE,SAAI,GAAe,IAAI,CAAC;QAErD,8CAA8C;QACjB,UAAK,GAAgB,QAAQ,CAAC;QAE3D;6EACqE;QACxC,SAAI,GAAe,SAAS,CAAC;QAEzC,gBAAW,GAAG,KAAK,CAAC;QAErC,0FAA0F;QAC1F,6FAA6F;QAC7F,iBAAiB;QACA,YAAO,GAAG,KAAK,CAAC;QAczB,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC5C,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9F,CAAC,CAAC;IAgCJ,CAAC;aAnFQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAiCnC,UAAU,CAAC,OAA6B;QAChD,yFAAyF;QACzF,yEAAyE;QACzE,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEjD,4FAA4F;QAC5F,4FAA4F;QAC5F,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAClF,CAAC;IACH,CAAC;IAUD,MAAM;QACJ,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QACnE,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC;QACjD,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;QACnE,oEAAoE;QACpE,uEAAuE;QACvE,sEAAsE;QACtE,sEAAsE;QACtE,yEAAyE;QACzE,uEAAuE;QACvE,mEAAmE;QACnE,MAAM,qBAAqB,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,IAAI,cAAc,CAAC;QAC/E,OAAO,IAAI,CAAA;;;eAGA,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;qBACjC,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO;;uDAEd,CAAC,IAAI,CAAC,OAAO;+BACrC,IAAI,CAAC,gBAAgB;;UAE1C,SAAS;YACT,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAI,QAAQ,cAAc,WAAW,IAAI,CAAC,YAAY,KAAK;YAC/F,CAAC,CAAC,OAAO;UACT,YAAY;YACZ,CAAC,CAAC,IAAI,CAAA,qCAAqC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,SAAS;YACtG,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;CACF;AA/Ea;IAAX,QAAQ,EAAE;4CAAe;AAId;IAAX,QAAQ,EAAE;uCAAc;AAMb;IAAX,QAAQ,EAAE;uCAAU;AAGQ;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAyB;AAGxB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA+B;AAI9B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAA8B;AAEzC;IAAhB,KAAK,EAAE;+CAA6B;AAKpB;IAAhB,KAAK,EAAE;2CAAyB"}
+{"version":3,"file":"avatar.class.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.class.ts"],"names":[],"mappings":"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"}

package/dist/components/avatar/avatar.styles.js

@@ -3,48 +3,48 @@ export const styles = css `
   :host {
     display: inline-flex;
     vertical-align: middle;
-    --lyra-avatar-size: var(--lyra-size-2rem);
-    --lyra-avatar-bg: var(--lyra-color-border);
-    --lyra-avatar-color: var(--lyra-color-text);
+    --lr-avatar-size: var(--lr-size-2rem);
+    --lr-avatar-bg: var(--lr-color-border);
+    --lr-avatar-color: var(--lr-color-text);
   }
   :host([size='sm']) {
-    --lyra-avatar-size: var(--lyra-size-1-5rem);
+    --lr-avatar-size: var(--lr-size-1-5rem);
   }
   :host([size='lg']) {
-    --lyra-avatar-size: var(--lyra-size-2-5rem);
+    --lr-avatar-size: var(--lr-size-2-5rem);
   }
   :host([tone='brand']) {
-    --lyra-avatar-bg: var(--lyra-color-brand-quiet);
-    --lyra-avatar-color: var(--lyra-color-brand);
+    --lr-avatar-bg: var(--lr-color-brand-quiet);
+    --lr-avatar-color: var(--lr-color-brand);
   }
   :host([tone='success']) {
-    --lyra-avatar-bg: var(--lyra-color-success-quiet);
-    --lyra-avatar-color: var(--lyra-color-success);
+    --lr-avatar-bg: var(--lr-color-success-quiet);
+    --lr-avatar-color: var(--lr-color-success);
   }
   :host([tone='warning']) {
-    --lyra-avatar-bg: var(--lyra-color-warning-quiet);
-    --lyra-avatar-color: var(--lyra-color-warning);
+    --lr-avatar-bg: var(--lr-color-warning-quiet);
+    --lr-avatar-color: var(--lr-color-warning);
   }
   :host([tone='danger']) {
-    --lyra-avatar-bg: var(--lyra-color-danger-quiet);
-    --lyra-avatar-color: var(--lyra-color-danger);
+    --lr-avatar-bg: var(--lr-color-danger-quiet);
+    --lr-avatar-color: var(--lr-color-danger);
   }
   [part='base'] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    inline-size: var(--lyra-avatar-size);
-    block-size: var(--lyra-avatar-size);
+    inline-size: var(--lr-avatar-size);
+    block-size: var(--lr-avatar-size);
     overflow: hidden;
-    border-radius: var(--lyra-radius-pill);
-    background: var(--lyra-avatar-bg);
-    color: var(--lyra-avatar-color);
-    font-size: var(--lyra-font-size-sm);
-    font-weight: var(--lyra-font-weight-semibold);
+    border-radius: var(--lr-radius-pill);
+    background: var(--lr-avatar-bg);
+    color: var(--lr-avatar-color);
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-semibold);
     flex: 0 0 auto;
   }
   :host([shape='square']) [part='base'] {
-    border-radius: var(--lyra-radius);
+    border-radius: var(--lr-radius);
   }
   [part='icon'] {
     display: inline-flex;
@@ -57,7 +57,7 @@ export const styles = css `
   }
   /* The native [hidden] UA rule alone would lose to [part='icon']'s own
      'display: inline-flex' above at equal specificity -- same fix
-     lyra-chip's/lyra-stat's identical [part='icon'][hidden] already applies. */
+     lr-chip's/lr-stat's identical [part='icon'][hidden] already applies. */
   [part='icon'][hidden] {
     display: none;
   }

package/dist/components/avatar-group/avatar-group.class.d.ts

@@ -6,67 +6,67 @@ export interface AvatarGroupOverflowClickDetail {
     hiddenAvatars: LyraAvatar[];
 }
 export interface LyraAvatarGroupEventMap {
-    'lyra-overflow-click': CustomEvent<AvatarGroupOverflowClickDetail>;
+    'lr-overflow-click': CustomEvent<AvatarGroupOverflowClickDetail>;
 }
 /**
- * `<lyra-avatar-group>` — stacks a set of slotted `<lyra-avatar>` children into a single
+ * `<lr-avatar-group>` — stacks a set of slotted `<lr-avatar>` children into a single
  * overlapping row (negative-margin overlap, ring border so each circle reads as distinct) and,
  * past a configurable `max` count, collapses the excess into a "+N" overflow badge. First-party
- * invention (no Web Awesome equivalent), composed over `<lyra-avatar>` rather than reimplementing
- * it — plain light-DOM slotted content is the group's items, the same shape `<lyra-split>`'s
- * panels / `<lyra-source-list>`'s cards / `<lyra-chip-group>`'s chips already use, not a
+ * invention (no Web Awesome equivalent), composed over `<lr-avatar>` rather than reimplementing
+ * it — plain light-DOM slotted content is the group's items, the same shape `<lr-split>`'s
+ * panels / `<lr-source-list>`'s cards / `<lr-chip-group>`'s chips already use, not a
  * `.items` array prop.
  *
  * **`size`/`shape`/`tone` do not cascade onto slotted avatars.** They drive only this
  * component's own ring, overlap amount, and the overflow badge's rendering — they cannot resize
- * or reshape the `<lyra-avatar>` children themselves, since each avatar's own `--lyra-avatar-size`
+ * or reshape the `<lr-avatar>` children themselves, since each avatar's own `--lr-avatar-size`
  * lives inside *its own* shadow-scoped `:host` block and unconditionally overrides anything of
  * the same custom-property name inherited from an ancestor. This mirrors every other group
  * component in this library (`button-group`, `checkbox-group`, `radio`): none of them cascade a
  * size/variant prop onto their children either. The consumer is responsible for setting a
- * matching `size`/`shape` on both the group and each `<lyra-avatar>` child for a visually coherent
+ * matching `size`/`shape` on both the group and each `<lr-avatar>` child for a visually coherent
  * stack.
  *
- * **Deliberate divergence from `<lyra-chip-group>`'s overflow pattern.** Chip-group's overflow
+ * **Deliberate divergence from `<lr-chip-group>`'s overflow pattern.** Chip-group's overflow
  * indicator is a disclosure toggle that reveals the excess children in place (`aria-expanded`,
  * a "Show less" relabel). This component's overflow badge does not do that — unstacking N more
  * circles back into the row would defeat the entire point of a compact identity stack. Instead,
- * `lyra-overflow-click` is a pure notification hook: the component keeps rendering the same
+ * `lr-overflow-click` is a pure notification hook: the component keeps rendering the same
  * collapsed stack + badge regardless of whether anyone listens, and a consumer typically wires
  * the event to open their own popover/dialog/tooltip listing the hidden members (out of scope for
  * this component — no popover dependency is introduced here). There is no `expanded` state, no
  * `aria-expanded`, and the badge never changes its own text/label on click.
  *
  * **No roving-tabindex / arrow-key composite-widget behavior applies here, and this is
- * intentional, not an oversight.** Avatars are non-interactive per `<lyra-avatar>`'s own
+ * intentional, not an oversight.** Avatars are non-interactive per `<lr-avatar>`'s own
  * established contract (purely presentational, no built-in interactivity), so this is not a
  * listbox/toolbar/grid needing `ArrowLeft`/`ArrowRight` roving focus — the overflow badge is the
  * only interactive element, and as a native `<button>` it's automatically part of the normal Tab
  * sequence with no custom keyboard handling required.
  *
- * @customElement lyra-avatar-group
- * @slot - `<lyra-avatar>` elements (or any content, though the avatar pairing is the intended
+ * @customElement lr-avatar-group
+ * @slot - `<lr-avatar>` elements (or any content, though the avatar pairing is the intended
  * usage).
- * @event lyra-overflow-click - The overflow badge was activated (click, or Enter/Space while
+ * @event lr-overflow-click - The overflow badge was activated (click, or Enter/Space while
  * focused — native `<button>` behavior). `detail: { hiddenCount, hiddenAvatars }` where
  * `hiddenAvatars` is the current set of children the component has hidden past `max`.
  * Non-cancelable — informational hook, no default action to veto.
  * @csspart base - The outer inline-flex container (holds the slot and the overflow badge).
  * @csspart overflow-badge - The "+N" button. Only rendered while `max` is actively causing an
  * overflow.
- * @cssprop [--lyra-avatar-group-avatar-size=var(--lyra-size-2rem)] - Sizes the overflow badge to
+ * @cssprop [--lr-avatar-group-avatar-size=var(--lr-size-2rem)] - Sizes the overflow badge to
  * match the slotted avatars. Does not resize the avatars themselves (see class doc) — set a
- * matching `size` on each `<lyra-avatar>` child directly for that.
- * @cssprop [--lyra-avatar-group-overlap=var(--lyra-size-neg-6px)] - Horizontal overlap between
+ * matching `size` on each `<lr-avatar>` child directly for that.
+ * @cssprop [--lr-avatar-group-overlap=var(--lr-size-neg-6px)] - Horizontal overlap between
  * consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir="rtl"`).
  * Setting this to `0` or a positive length is a supported escape hatch that turns the stack into
  * normal, non-overlapping spacing.
- * @cssprop [--lyra-avatar-group-ring-color=var(--lyra-color-surface)] - The cutout-style ring
+ * @cssprop [--lr-avatar-group-ring-color=var(--lr-color-surface)] - The cutout-style ring
  * drawn around every avatar and the overflow badge.
- * @cssprop [--lyra-avatar-group-ring-width=var(--lyra-border-width-medium)] - Ring thickness.
- * @cssprop [--lyra-avatar-group-badge-bg=var(--lyra-color-border)] - Overflow badge background.
+ * @cssprop [--lr-avatar-group-ring-width=var(--lr-border-width-medium)] - Ring thickness.
+ * @cssprop [--lr-avatar-group-badge-bg=var(--lr-color-border)] - Overflow badge background.
  * Tone-driven; see `tone`.
- * @cssprop [--lyra-avatar-group-badge-color=var(--lyra-color-text)] - Overflow badge text color.
+ * @cssprop [--lr-avatar-group-badge-color=var(--lr-color-text)] - Overflow badge text color.
  * Tone-driven; see `tone`.
  */
 export declare class LyraAvatarGroup extends LyraElement<LyraAvatarGroupEventMap> {
@@ -80,16 +80,16 @@ export declare class LyraAvatarGroup extends LyraElement<LyraAvatarGroupEventMap
      *  NaN/negative value must never reach it. */
     get max(): number | undefined;
     set max(next: number | undefined | null);
-    /** Visual size, reused verbatim from `<lyra-avatar>`'s own `AvatarSize` union. Drives the
+    /** Visual size, reused verbatim from `<lr-avatar>`'s own `AvatarSize` union. Drives the
      *  overflow badge's size and the overlap amount — does not resize slotted avatars (see class
      *  doc). */
     size: AvatarSize;
-    /** `'circle'` (the default) or `'square'`, reused verbatim from `<lyra-avatar>`'s own
+    /** `'circle'` (the default) or `'square'`, reused verbatim from `<lr-avatar>`'s own
      *  `AvatarShape` union. Drives the overflow badge's shape — does not reshape slotted avatars
      *  (see class doc); each avatar's own ring already adapts to that avatar's own `shape`
      *  attribute independently. */
     shape: AvatarShape;
-    /** Recolors the overflow badge, reused verbatim from `<lyra-avatar>`'s own `AvatarTone` union.
+    /** Recolors the overflow badge, reused verbatim from `<lr-avatar>`'s own `AvatarTone` union.
      *  `'neutral'` (the default) reads as a plain, unaccented badge. */
     tone: AvatarTone;
     /** The group's own accessible name (`role="group"`'s `aria-label`). A host-level `aria-label`
@@ -109,7 +109,7 @@ export declare class LyraAvatarGroup extends LyraElement<LyraAvatarGroupEventMap
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-avatar-group': LyraAvatarGroup;
+        'lr-avatar-group': LyraAvatarGroup;
     }
 }
 //# sourceMappingURL=avatar-group.class.d.ts.map

package/dist/components/avatar-group/avatar-group.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.class.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-group/avatar-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEjG,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,UAAU,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,qBAAqB,EAAE,WAAW,CAAC,8BAA8B,CAAC,CAAC;CACpE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,qBAAa,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;IACvE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,OAAO,CAAC,IAAI,CAAC,CAAS;IACtB;;;;;kDAK8C;IAC9C,IACI,GAAG,IAAI,MAAM,GAAG,SAAS,CAE5B;IACD,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAItC;IAED;;gBAEY;IACiB,IAAI,EAAE,UAAU,CAAQ;IAErD;;;mCAG+B;IACF,KAAK,EAAE,WAAW,CAAY;IAE3D;wEACoE;IACvC,IAAI,EAAE,UAAU,CAAa;IAE1D;;gGAE4F;IAChF,KAAK,SAAM;IAId,OAAO,CAAC,UAAU,CAAK;IAEhC,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,YAAY,IAAI,IAAI,CAOnB;IAED,SAAS,CAAC,OAAO,IAAI,IAAI,CAExB;IAED,OAAO,KAAK,WAAW,GAKtB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,eAAe,CAOrB;IAEF,MAAM,IAAI,cAAc,CAuBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"avatar-group.class.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-group/avatar-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEjG,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,UAAU,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,mBAAmB,EAAE,WAAW,CAAC,8BAA8B,CAAC,CAAC;CAClE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,qBAAa,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;IACvE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,OAAO,CAAC,IAAI,CAAC,CAAS;IACtB;;;;;kDAK8C;IAC9C,IACI,GAAG,IAAI,MAAM,GAAG,SAAS,CAE5B;IACD,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAItC;IAED;;gBAEY;IACiB,IAAI,EAAE,UAAU,CAAQ;IAErD;;;mCAG+B;IACF,KAAK,EAAE,WAAW,CAAY;IAE3D;wEACoE;IACvC,IAAI,EAAE,UAAU,CAAa;IAE1D;;gGAE4F;IAChF,KAAK,SAAM;IAId,OAAO,CAAC,UAAU,CAAK;IAEhC,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,YAAY,IAAI,IAAI,CAOnB;IAED,SAAS,CAAC,OAAO,IAAI,IAAI,CAExB;IAED,OAAO,KAAK,WAAW,GAKtB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,eAAe,CAOrB;IAEF,MAAM,IAAI,cAAc,CAuBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACpC;CACF"}

package/dist/components/avatar-group/avatar-group.class.js

@@ -11,79 +11,79 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import { finiteCount } from '../../internal/numbers.js';
 import { styles } from './avatar-group.styles.js';
 /**
- * `<lyra-avatar-group>` — stacks a set of slotted `<lyra-avatar>` children into a single
+ * `<lr-avatar-group>` — stacks a set of slotted `<lr-avatar>` children into a single
  * overlapping row (negative-margin overlap, ring border so each circle reads as distinct) and,
  * past a configurable `max` count, collapses the excess into a "+N" overflow badge. First-party
- * invention (no Web Awesome equivalent), composed over `<lyra-avatar>` rather than reimplementing
- * it — plain light-DOM slotted content is the group's items, the same shape `<lyra-split>`'s
- * panels / `<lyra-source-list>`'s cards / `<lyra-chip-group>`'s chips already use, not a
+ * invention (no Web Awesome equivalent), composed over `<lr-avatar>` rather than reimplementing
+ * it — plain light-DOM slotted content is the group's items, the same shape `<lr-split>`'s
+ * panels / `<lr-source-list>`'s cards / `<lr-chip-group>`'s chips already use, not a
  * `.items` array prop.
  *
  * **`size`/`shape`/`tone` do not cascade onto slotted avatars.** They drive only this
  * component's own ring, overlap amount, and the overflow badge's rendering — they cannot resize
- * or reshape the `<lyra-avatar>` children themselves, since each avatar's own `--lyra-avatar-size`
+ * or reshape the `<lr-avatar>` children themselves, since each avatar's own `--lr-avatar-size`
  * lives inside *its own* shadow-scoped `:host` block and unconditionally overrides anything of
  * the same custom-property name inherited from an ancestor. This mirrors every other group
  * component in this library (`button-group`, `checkbox-group`, `radio`): none of them cascade a
  * size/variant prop onto their children either. The consumer is responsible for setting a
- * matching `size`/`shape` on both the group and each `<lyra-avatar>` child for a visually coherent
+ * matching `size`/`shape` on both the group and each `<lr-avatar>` child for a visually coherent
  * stack.
  *
- * **Deliberate divergence from `<lyra-chip-group>`'s overflow pattern.** Chip-group's overflow
+ * **Deliberate divergence from `<lr-chip-group>`'s overflow pattern.** Chip-group's overflow
  * indicator is a disclosure toggle that reveals the excess children in place (`aria-expanded`,
  * a "Show less" relabel). This component's overflow badge does not do that — unstacking N more
  * circles back into the row would defeat the entire point of a compact identity stack. Instead,
- * `lyra-overflow-click` is a pure notification hook: the component keeps rendering the same
+ * `lr-overflow-click` is a pure notification hook: the component keeps rendering the same
  * collapsed stack + badge regardless of whether anyone listens, and a consumer typically wires
  * the event to open their own popover/dialog/tooltip listing the hidden members (out of scope for
  * this component — no popover dependency is introduced here). There is no `expanded` state, no
  * `aria-expanded`, and the badge never changes its own text/label on click.
  *
  * **No roving-tabindex / arrow-key composite-widget behavior applies here, and this is
- * intentional, not an oversight.** Avatars are non-interactive per `<lyra-avatar>`'s own
+ * intentional, not an oversight.** Avatars are non-interactive per `<lr-avatar>`'s own
  * established contract (purely presentational, no built-in interactivity), so this is not a
  * listbox/toolbar/grid needing `ArrowLeft`/`ArrowRight` roving focus — the overflow badge is the
  * only interactive element, and as a native `<button>` it's automatically part of the normal Tab
  * sequence with no custom keyboard handling required.
  *
- * @customElement lyra-avatar-group
- * @slot - `<lyra-avatar>` elements (or any content, though the avatar pairing is the intended
+ * @customElement lr-avatar-group
+ * @slot - `<lr-avatar>` elements (or any content, though the avatar pairing is the intended
  * usage).
- * @event lyra-overflow-click - The overflow badge was activated (click, or Enter/Space while
+ * @event lr-overflow-click - The overflow badge was activated (click, or Enter/Space while
  * focused — native `<button>` behavior). `detail: { hiddenCount, hiddenAvatars }` where
  * `hiddenAvatars` is the current set of children the component has hidden past `max`.
  * Non-cancelable — informational hook, no default action to veto.
  * @csspart base - The outer inline-flex container (holds the slot and the overflow badge).
  * @csspart overflow-badge - The "+N" button. Only rendered while `max` is actively causing an
  * overflow.
- * @cssprop [--lyra-avatar-group-avatar-size=var(--lyra-size-2rem)] - Sizes the overflow badge to
+ * @cssprop [--lr-avatar-group-avatar-size=var(--lr-size-2rem)] - Sizes the overflow badge to
  * match the slotted avatars. Does not resize the avatars themselves (see class doc) — set a
- * matching `size` on each `<lyra-avatar>` child directly for that.
- * @cssprop [--lyra-avatar-group-overlap=var(--lyra-size-neg-6px)] - Horizontal overlap between
+ * matching `size` on each `<lr-avatar>` child directly for that.
+ * @cssprop [--lr-avatar-group-overlap=var(--lr-size-neg-6px)] - Horizontal overlap between
  * consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir="rtl"`).
  * Setting this to `0` or a positive length is a supported escape hatch that turns the stack into
  * normal, non-overlapping spacing.
- * @cssprop [--lyra-avatar-group-ring-color=var(--lyra-color-surface)] - The cutout-style ring
+ * @cssprop [--lr-avatar-group-ring-color=var(--lr-color-surface)] - The cutout-style ring
  * drawn around every avatar and the overflow badge.
- * @cssprop [--lyra-avatar-group-ring-width=var(--lyra-border-width-medium)] - Ring thickness.
- * @cssprop [--lyra-avatar-group-badge-bg=var(--lyra-color-border)] - Overflow badge background.
+ * @cssprop [--lr-avatar-group-ring-width=var(--lr-border-width-medium)] - Ring thickness.
+ * @cssprop [--lr-avatar-group-badge-bg=var(--lr-color-border)] - Overflow badge background.
  * Tone-driven; see `tone`.
- * @cssprop [--lyra-avatar-group-badge-color=var(--lyra-color-text)] - Overflow badge text color.
+ * @cssprop [--lr-avatar-group-badge-color=var(--lr-color-text)] - Overflow badge text color.
  * Tone-driven; see `tone`.
  */
 export class LyraAvatarGroup extends LyraElement {
     constructor() {
         super(...arguments);
-        /** Visual size, reused verbatim from `<lyra-avatar>`'s own `AvatarSize` union. Drives the
+        /** Visual size, reused verbatim from `<lr-avatar>`'s own `AvatarSize` union. Drives the
          *  overflow badge's size and the overlap amount — does not resize slotted avatars (see class
          *  doc). */
         this.size = 'md';
-        /** `'circle'` (the default) or `'square'`, reused verbatim from `<lyra-avatar>`'s own
+        /** `'circle'` (the default) or `'square'`, reused verbatim from `<lr-avatar>`'s own
          *  `AvatarShape` union. Drives the overflow badge's shape — does not reshape slotted avatars
          *  (see class doc); each avatar's own ring already adapts to that avatar's own `shape`
          *  attribute independently. */
         this.shape = 'circle';
-        /** Recolors the overflow badge, reused verbatim from `<lyra-avatar>`'s own `AvatarTone` union.
+        /** Recolors the overflow badge, reused verbatim from `<lr-avatar>`'s own `AvatarTone` union.
          *  `'neutral'` (the default) reads as a plain, unaccented badge. */
         this.tone = 'neutral';
         /** The group's own accessible name (`role="group"`'s `aria-label`). A host-level `aria-label`
@@ -91,7 +91,7 @@ export class LyraAvatarGroup extends LyraElement {
          *  announces "group" with no name, then reads each avatar's own accessible name in turn. */
         this.label = '';
         // Tracks the default slot's assigned-element count, the same connectedCallback/willUpdate +
-        // slotchange convention `<lyra-chip-group>`'s `childCount` already establishes.
+        // slotchange convention `<lr-chip-group>`'s `childCount` already establishes.
         this.childCount = 0;
         this.onSlotChange = (e) => {
             this.childCount = e.target.assignedElements({ flatten: true }).length;
@@ -99,7 +99,7 @@ export class LyraAvatarGroup extends LyraElement {
         this.onOverflowClick = () => {
             const slot = this.shadowRoot.querySelector('slot');
             const hiddenAvatars = slot.assignedElements({ flatten: true }).slice(this.max);
-            this.emit('lyra-overflow-click', {
+            this.emit('lr-overflow-click', {
                 hiddenCount: hiddenAvatars.length,
                 hiddenAvatars,
             });
@@ -127,7 +127,7 @@ export class LyraAvatarGroup extends LyraElement {
     }
     firstUpdated() {
         // Fallback reconciliation for slot-forwarding / engines that don't fire `slotchange` for
-        // content present at parse time — same idiom as `<lyra-chip-group>`'s identical
+        // content present at parse time — same idiom as `<lr-chip-group>`'s identical
         // `firstUpdated`. `updated()` (below) always runs right after this and recomputes visibility
         // from this same corrected count.
         const slot = this.shadowRoot.querySelector('slot');

package/dist/components/avatar-group/avatar-group.class.js.map

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

package/dist/components/avatar-group/avatar-group.styles.js

@@ -3,39 +3,39 @@ export const styles = css `
   :host {
     display: inline-flex;
     vertical-align: middle;
-    --lyra-avatar-group-avatar-size: var(--lyra-size-2rem);
-    --lyra-avatar-group-overlap: var(--lyra-size-neg-6px);
-    --lyra-avatar-group-ring-color: var(--lyra-color-surface);
-    --lyra-avatar-group-ring-width: var(--lyra-border-width-medium);
-    --lyra-avatar-group-badge-bg: var(--lyra-color-border);
-    --lyra-avatar-group-badge-color: var(--lyra-color-text);
+    --lr-avatar-group-avatar-size: var(--lr-size-2rem);
+    --lr-avatar-group-overlap: var(--lr-size-neg-6px);
+    --lr-avatar-group-ring-color: var(--lr-color-surface);
+    --lr-avatar-group-ring-width: var(--lr-border-width-medium);
+    --lr-avatar-group-badge-bg: var(--lr-color-border);
+    --lr-avatar-group-badge-color: var(--lr-color-text);
   }
   :host([size='sm']) {
-    --lyra-avatar-group-avatar-size: var(--lyra-size-1-5rem);
-    --lyra-avatar-group-overlap: var(--lyra-size-neg-4px);
+    --lr-avatar-group-avatar-size: var(--lr-size-1-5rem);
+    --lr-avatar-group-overlap: var(--lr-size-neg-4px);
   }
   :host([size='lg']) {
-    --lyra-avatar-group-avatar-size: var(--lyra-size-2-5rem);
-    --lyra-avatar-group-overlap: var(--lyra-size-neg-8px);
+    --lr-avatar-group-avatar-size: var(--lr-size-2-5rem);
+    --lr-avatar-group-overlap: var(--lr-size-neg-8px);
   }
   :host([tone='brand']) {
-    --lyra-avatar-group-badge-bg: var(--lyra-color-brand-quiet);
-    --lyra-avatar-group-badge-color: var(--lyra-color-brand);
+    --lr-avatar-group-badge-bg: var(--lr-color-brand-quiet);
+    --lr-avatar-group-badge-color: var(--lr-color-brand);
   }
   :host([tone='success']) {
-    --lyra-avatar-group-badge-bg: var(--lyra-color-success-quiet);
-    --lyra-avatar-group-badge-color: var(--lyra-color-success);
+    --lr-avatar-group-badge-bg: var(--lr-color-success-quiet);
+    --lr-avatar-group-badge-color: var(--lr-color-success);
   }
   :host([tone='warning']) {
-    --lyra-avatar-group-badge-bg: var(--lyra-color-warning-quiet);
-    --lyra-avatar-group-badge-color: var(--lyra-color-warning);
+    --lr-avatar-group-badge-bg: var(--lr-color-warning-quiet);
+    --lr-avatar-group-badge-color: var(--lr-color-warning);
   }
   :host([tone='danger']) {
-    --lyra-avatar-group-badge-bg: var(--lyra-color-danger-quiet);
-    --lyra-avatar-group-badge-color: var(--lyra-color-danger);
+    --lr-avatar-group-badge-bg: var(--lr-color-danger-quiet);
+    --lr-avatar-group-badge-color: var(--lr-color-danger);
   }
 
-  /* Unlike lyra-chip-group's [part='base'], this never wraps -- wrapping an overlapping stack to
+  /* Unlike lr-chip-group's [part='base'], this never wraps -- wrapping an overlapping stack to
      a second line breaks the entire visual, so flex-wrap stays at its nowrap default. */
   [part='base'] {
     display: inline-flex;
@@ -48,59 +48,59 @@ export const styles = css `
      it. Later avatars paint on top of earlier ones for free (non-positioned, non-z-indexed
      elements already paint in flattened-slot order), and the shadow template places <slot> before
      the overflow badge, so the badge continues the same stacking when it renders. This targets
-     <lyra-avatar>'s own outer host box (sized by avatar.styles.ts's host display: inline-flex
+     <lr-avatar>'s own outer host box (sized by avatar.styles.ts's host display: inline-flex
      rule to exactly match its single [part=base] circle) -- avatar.styles.ts never sets
      box-shadow/border-radius on its own host, so there's no conflict. */
-  ::slotted(lyra-avatar) {
-    margin-inline-start: var(--lyra-avatar-group-overlap);
-    border-radius: var(--lyra-radius-pill);
-    box-shadow: 0 0 0 var(--lyra-avatar-group-ring-width) var(--lyra-avatar-group-ring-color);
+  ::slotted(lr-avatar) {
+    margin-inline-start: var(--lr-avatar-group-overlap);
+    border-radius: var(--lr-radius-pill);
+    box-shadow: 0 0 0 var(--lr-avatar-group-ring-width) var(--lr-avatar-group-ring-color);
   }
-  ::slotted(lyra-avatar:first-child) {
+  ::slotted(lr-avatar:first-child) {
     margin-inline-start: 0;
   }
   /* Each avatar's own ring adapts to that avatar's own reflected shape attribute -- no
      group-level coordination needed even in a mixed-shape group. */
-  ::slotted(lyra-avatar[shape='square']) {
-    border-radius: var(--lyra-radius);
+  ::slotted(lr-avatar[shape='square']) {
+    border-radius: var(--lr-radius);
   }
 
-  /* Deliberately its own local badge styling rather than instantiating a real <lyra-avatar> in
+  /* Deliberately its own local badge styling rather than instantiating a real <lr-avatar> in
      the shadow DOM for this -- keeps the group's rendering self-contained, the same way
-     lyra-chip-group's overflow-indicator duplicates rather than nests a real <lyra-chip>. */
+     lr-chip-group's overflow-indicator duplicates rather than nests a real <lr-chip>. */
   [part='overflow-badge'] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    inline-size: var(--lyra-avatar-group-avatar-size);
-    block-size: var(--lyra-avatar-group-avatar-size);
-    margin-inline-start: var(--lyra-avatar-group-overlap);
+    inline-size: var(--lr-avatar-group-avatar-size);
+    block-size: var(--lr-avatar-group-avatar-size);
+    margin-inline-start: var(--lr-avatar-group-overlap);
     border: none;
-    border-radius: var(--lyra-radius-pill);
-    box-shadow: 0 0 0 var(--lyra-avatar-group-ring-width) var(--lyra-avatar-group-ring-color);
-    background: var(--lyra-avatar-group-badge-bg);
-    color: var(--lyra-avatar-group-badge-color);
+    border-radius: var(--lr-radius-pill);
+    box-shadow: 0 0 0 var(--lr-avatar-group-ring-width) var(--lr-avatar-group-ring-color);
+    background: var(--lr-avatar-group-badge-bg);
+    color: var(--lr-avatar-group-badge-color);
     font: inherit;
-    font-size: var(--lyra-font-size-sm);
-    font-weight: var(--lyra-font-weight-semibold);
-    line-height: var(--lyra-line-height-snug);
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-semibold);
+    line-height: var(--lr-line-height-snug);
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition:
-      background-color var(--lyra-transition-fast),
-      box-shadow var(--lyra-transition-fast);
+      background-color var(--lr-transition-fast),
+      box-shadow var(--lr-transition-fast);
   }
   :host([shape='square']) [part='overflow-badge'] {
-    border-radius: var(--lyra-radius);
+    border-radius: var(--lr-radius);
   }
   [part='overflow-badge']:hover {
-    box-shadow: 0 0 0 var(--lyra-avatar-group-ring-width) var(--lyra-color-brand);
+    box-shadow: 0 0 0 var(--lr-avatar-group-ring-width) var(--lr-color-brand);
   }
   [part='overflow-badge']:focus-visible {
-    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
-    outline-offset: var(--lyra-focus-ring-offset);
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
   }
 
   @media (prefers-reduced-motion: reduce) {