@aceshooting/lyra-ui 3.4.0 → 3.6.0

package/dist/components/app-rail/app-rail-item.class.js

@@ -56,8 +56,19 @@ export class LyraAppRailItem extends LyraElement {
         };
     }
     static { this.styles = [LyraElement.styles, styles]; }
+    // Only the default slot's own content counts toward the tooltip text --
+    // text incidentally living inside the (decorative) `icon` slot shouldn't
+    // leak into the flyout label. Mirrors `lyra-chip`'s `labelText` getter.
+    get labelText() {
+        return Array.from(this.childNodes)
+            .filter((n) => (n.nodeType === Node.TEXT_NODE || n instanceof Element) &&
+            !(n instanceof Element && n.getAttribute('slot') === 'icon'))
+            .map((n) => n.textContent ?? '')
+            .join('')
+            .trim();
+    }
     get tooltipText() {
-        return this.getAttribute('aria-label') || this.textContent?.trim() || '';
+        return this.getAttribute('aria-label') || this.labelText || '';
     }
     updated(changed) {
         if (changed.has('showTooltip')) {
@@ -83,7 +94,7 @@ export class LyraAppRailItem extends LyraElement {
         const label = this.getAttribute('aria-label');
         const href = safeLinkHref(this.href);
         const content = html `
-      <span part="icon" aria-hidden=${label ? 'true' : nothing}><slot name="icon"></slot></span>
+      <span part="icon" aria-hidden="true"><slot name="icon"></slot></span>
       <span part="label"><slot></slot></span>
       ${this.showTooltip ? html `<span part="tooltip" role="tooltip">${this.tooltipText}</span>` : nothing}
     `;

package/dist/components/app-rail/app-rail-item.class.js.map

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

package/dist/components/attachment-chip/attachment-chip.d.ts

@@ -1,4 +1,3 @@
 export * from './attachment-chip.class.js';
-import '../document-preview/document-preview.js';
 import '../document-viewer/document-viewer.js';
 //# sourceMappingURL=attachment-chip.d.ts.map

package/dist/components/attachment-chip/attachment-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-chip.d.ts","sourceRoot":"","sources":["../../../src/components/attachment-chip/attachment-chip.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,uCAAuC,CAAC"}
+{"version":3,"file":"attachment-chip.d.ts","sourceRoot":"","sources":["../../../src/components/attachment-chip/attachment-chip.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,uCAAuC,CAAC"}

package/dist/components/attachment-chip/attachment-chip.js

@@ -1,5 +1,4 @@
 export * from './attachment-chip.class.js';
-import '../document-preview/document-preview.js';
 import '../document-viewer/document-viewer.js';
 import { LyraAttachmentChip } from './attachment-chip.class.js';
 import { defineElement } from '../../internal/prefix.js';

package/dist/components/attachment-chip/attachment-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-chip.js","sourceRoot":"","sources":["../../../src/components/attachment-chip/attachment-chip.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"attachment-chip.js","sourceRoot":"","sources":["../../../src/components/attachment-chip/attachment-chip.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC"}

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

@@ -0,0 +1,110 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { AvatarSize, AvatarShape, AvatarTone, LyraAvatar } from '../avatar/avatar.class.js';
+export interface AvatarGroupOverflowClickDetail {
+    hiddenCount: number;
+    hiddenAvatars: LyraAvatar[];
+}
+export interface LyraAvatarGroupEventMap {
+    'lyra-overflow-click': CustomEvent<AvatarGroupOverflowClickDetail>;
+}
+/**
+ * `<lyra-avatar-group>` — stacks a set of slotted `<lyra-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
+ * `.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`
+ * 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
+ * stack.
+ *
+ * **Deliberate divergence from `<lyra-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
+ * 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
+ * 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
+ * usage).
+ * @event lyra-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
+ * 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
+ * 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
+ * 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.
+ * Tone-driven; see `tone`.
+ * @cssprop [--lyra-avatar-group-badge-color=var(--lyra-color-text)] - Overflow badge text color.
+ * Tone-driven; see `tone`.
+ */
+export declare class LyraAvatarGroup extends LyraElement<LyraAvatarGroupEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Maximum number of assigned children shown before the rest collapse behind a "+N" badge.
+     *  Flattened slot-forwarded children count the same as direct light-DOM children. Unset (the
+     *  default) means no limit — every child is always shown. */
+    max?: number;
+    /** Visual size, reused verbatim from `<lyra-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
+     *  `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.
+     *  `'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`
+     *  wins if both are set. Unset (the default) renders no `aria-label` at all — a screen reader
+     *  announces "group" with no name, then reads each avatar's own accessible name in turn. */
+    label: string;
+    private childCount;
+    protected willUpdate(): void;
+    firstUpdated(): void;
+    protected updated(): void;
+    private get hasOverflow();
+    private get hiddenCount();
+    private syncChildVisibility;
+    private onSlotChange;
+    private onOverflowClick;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-avatar-group': LyraAvatarGroup;
+    }
+}
+//# sourceMappingURL=avatar-group.class.d.ts.map

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

@@ -0,0 +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;AAK7D,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;;iEAE6D;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC;;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,GAGtB;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"}

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

@@ -0,0 +1,182 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './avatar-group.styles.js';
+/**
+ * `<lyra-avatar-group>` — stacks a set of slotted `<lyra-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
+ * `.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`
+ * 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
+ * stack.
+ *
+ * **Deliberate divergence from `<lyra-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
+ * 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
+ * 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
+ * usage).
+ * @event lyra-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
+ * 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
+ * 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
+ * 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.
+ * Tone-driven; see `tone`.
+ * @cssprop [--lyra-avatar-group-badge-color=var(--lyra-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
+         *  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
+         *  `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.
+         *  `'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`
+         *  wins if both are set. Unset (the default) renders no `aria-label` at all — a screen reader
+         *  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.
+        this.childCount = 0;
+        this.onSlotChange = (e) => {
+            this.childCount = e.target.assignedElements({ flatten: true }).length;
+        };
+        this.onOverflowClick = () => {
+            const slot = this.shadowRoot.querySelector('slot');
+            const hiddenAvatars = slot.assignedElements({ flatten: true }).slice(this.max);
+            this.emit('lyra-overflow-click', {
+                hiddenCount: hiddenAvatars.length,
+                hiddenAvatars,
+            });
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.childCount = this.children.length;
+        }
+    }
+    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
+        // `firstUpdated`. `updated()` (below) always runs right after this and recomputes visibility
+        // from this same corrected count.
+        const slot = this.shadowRoot.querySelector('slot');
+        this.childCount = slot.assignedElements({ flatten: true }).length;
+    }
+    updated() {
+        this.syncChildVisibility();
+    }
+    get hasOverflow() {
+        const max = this.max;
+        return max != null && Number.isFinite(max) && max >= 0 && this.childCount > max;
+    }
+    get hiddenCount() {
+        return this.hasOverflow ? this.childCount - this.max : 0;
+    }
+    syncChildVisibility() {
+        const overflowing = this.hasOverflow;
+        const max = this.max;
+        const slot = this.shadowRoot?.querySelector('slot');
+        const assignedChildren = slot?.assignedElements({ flatten: true }) ?? Array.from(this.children);
+        assignedChildren.forEach((child, i) => {
+            child.hidden = overflowing && i >= max;
+        });
+    }
+    render() {
+        const overflowing = this.hasOverflow;
+        const hiddenCount = this.hiddenCount;
+        // The badge is the first *visible* element in the row only when every avatar is hidden
+        // (max <= 0) — there's no selector that can express "first visible thing regardless of DOM
+        // position", so the margin override is computed here instead of in CSS.
+        const badgeIsFirstVisible = overflowing && hiddenCount === this.childCount;
+        const accessibleLabel = this.label || this.getAttribute('aria-label') || nothing;
+        return html `
+      <div part="base" role="group" aria-label=${accessibleLabel}>
+        <slot @slotchange=${this.onSlotChange}></slot>
+        ${overflowing
+            ? html `<button
+              part="overflow-badge"
+              type="button"
+              style=${styleMap({ marginInlineStart: badgeIsFirstVisible ? '0' : undefined })}
+              aria-label=${this.localize('showMoreCount', undefined, { count: hiddenCount })}
+              @click=${this.onOverflowClick}
+            >${this.localize('showMoreCollapsed', undefined, { count: hiddenCount })}</button>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Number })
+], LyraAvatarGroup.prototype, "max", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraAvatarGroup.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraAvatarGroup.prototype, "shape", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraAvatarGroup.prototype, "tone", void 0);
+__decorate([
+    property()
+], LyraAvatarGroup.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraAvatarGroup.prototype, "childCount", void 0);
+//# sourceMappingURL=avatar-group.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.class.js","sourceRoot":"","sources":["../../../src/components/avatar-group/avatar-group.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAelD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAoC;IAAzE;;QAQE;;oBAEY;QACiB,SAAI,GAAe,IAAI,CAAC;QAErD;;;uCAG+B;QACF,UAAK,GAAgB,QAAQ,CAAC;QAE3D;4EACoE;QACvC,SAAI,GAAe,SAAS,CAAC;QAE1D;;oGAE4F;QAChF,UAAK,GAAG,EAAE,CAAC;QAEvB,4FAA4F;QAC5F,gFAAgF;QAC/D,eAAU,GAAG,CAAC,CAAC;QAwCxB,iBAAY,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACxC,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;QAC7F,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAS,EAAE;YACnC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAoB,CAAC;YACvE,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAa,CAAiB,CAAC;YACzG,IAAI,CAAC,IAAI,CAAiC,qBAAqB,EAAE;gBAC/D,WAAW,EAAE,aAAa,CAAC,MAAM;gBACjC,aAAa;aACd,CAAC,CAAC;QACL,CAAC,CAAC;IA0BJ,CAAC;aA1GQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IA+BnC,UAAU;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QACzC,CAAC;IACH,CAAC;IAED,YAAY;QACV,yFAAyF;QACzF,gFAAgF;QAChF,6FAA6F;QAC7F,kCAAkC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAoB,CAAC;QACvE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;IACpE,CAAC;IAES,OAAO;QACf,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,IAAY,WAAW;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACrB,OAAO,GAAG,IAAI,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;IAClF,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAI,IAAI,CAAC,GAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC;IAEO,mBAAmB;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAa,CAAC;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,MAAM,gBAAgB,GAAG,IAAI,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChG,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACnC,KAAqB,CAAC,MAAM,GAAG,WAAW,IAAI,CAAC,IAAI,GAAG,CAAC;QAC1D,CAAC,CAAC,CAAC;IACL,CAAC;IAeD,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,uFAAuF;QACvF,2FAA2F;QAC3F,wEAAwE;QACxE,MAAM,mBAAmB,GAAG,WAAW,IAAI,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC;QAC3E,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC;QAEjF,OAAO,IAAI,CAAA;iDACkC,eAAe;4BACpC,IAAI,CAAC,YAAY;UACnC,WAAW;YACX,CAAC,CAAC,IAAI,CAAA;;;sBAGM,QAAQ,CAAC,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;2BACjE,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;uBACrE,IAAI,CAAC,eAAe;eAC5B,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,WAAW;YACrF,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;CACF;AArG6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAc;AAKZ;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAyB;AAMxB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAA+B;AAI9B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAA8B;AAK9C;IAAX,QAAQ,EAAE;8CAAY;AAIN;IAAhB,KAAK,EAAE;mDAAwB"}

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

@@ -0,0 +1,2 @@
+export * from './avatar-group.class.js';
+//# sourceMappingURL=avatar-group.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+export * from './avatar-group.class.js';
+import { LyraAvatarGroup } from './avatar-group.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('avatar-group', LyraAvatarGroup);
+//# sourceMappingURL=avatar-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../../src/components/avatar-group/avatar-group.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,112 @@
+import { css } from 'lit';
+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);
+  }
+  :host([size='sm']) {
+    --lyra-avatar-group-avatar-size: var(--lyra-size-1-5rem);
+    --lyra-avatar-group-overlap: var(--lyra-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);
+  }
+  :host([tone='brand']) {
+    --lyra-avatar-group-badge-bg: var(--lyra-color-brand-quiet);
+    --lyra-avatar-group-badge-color: var(--lyra-color-brand);
+  }
+  :host([tone='success']) {
+    --lyra-avatar-group-badge-bg: var(--lyra-color-success-quiet);
+    --lyra-avatar-group-badge-color: var(--lyra-color-success);
+  }
+  :host([tone='warning']) {
+    --lyra-avatar-group-badge-bg: var(--lyra-color-warning-quiet);
+    --lyra-avatar-group-badge-color: var(--lyra-color-warning);
+  }
+  :host([tone='danger']) {
+    --lyra-avatar-group-badge-bg: var(--lyra-color-danger-quiet);
+    --lyra-avatar-group-badge-color: var(--lyra-color-danger);
+  }
+
+  /* Unlike lyra-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;
+    align-items: center;
+    min-inline-size: 0;
+  }
+
+  /* Overlap via a logical margin so it auto-mirrors under dir="rtl" with zero JS: the first
+     avatar visually anchors at the inline-start edge in either direction, later ones pull toward
+     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
+     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(lyra-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);
+  }
+
+  /* Deliberately its own local badge styling rather than instantiating a real <lyra-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>. */
+  [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);
+    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);
+    font: inherit;
+    font-size: var(--lyra-font-size-sm);
+    font-weight: var(--lyra-font-weight-semibold);
+    line-height: var(--lyra-line-height-snug);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition:
+      background-color var(--lyra-transition-fast),
+      box-shadow var(--lyra-transition-fast);
+  }
+  :host([shape='square']) [part='overflow-badge'] {
+    border-radius: var(--lyra-radius);
+  }
+  [part='overflow-badge']:hover {
+    box-shadow: 0 0 0 var(--lyra-avatar-group-ring-width) var(--lyra-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);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    [part='overflow-badge'] {
+      transition: none !important;
+    }
+  }
+`;
+//# sourceMappingURL=avatar-group.styles.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;GAMG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,MAAM,CAAC,MAAM,iCAAwB;IACzB,IAAI,SAAM;IACsB,OAAO,UAAS;IAC5D,iBAAiB,IAAI,IAAI,CAGxB;IACD,MAAM,IAAI,cAAc,CAKvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,sBAAsB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}
+{"version":3,"file":"breadcrumb-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;;;;;GAMG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,MAAM,CAAC,MAAM,iCAAgC;IACjC,IAAI,SAAM;IACsB,OAAO,UAAS;IAC5D,iBAAiB,IAAI,IAAI,CAGxB;IACD,MAAM,IAAI,cAAc,CAKvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,sBAAsB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

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

@@ -8,6 +8,7 @@ import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { safeLinkHref } from '../../internal/safe-url.js';
+import { styles } from './breadcrumb-item.styles.js';
 /**
  * `<lyra-breadcrumb-item>` — one link or current-page label in a breadcrumb.
  *
@@ -21,7 +22,7 @@ export class LyraBreadcrumbItem extends LyraElement {
         this.href = '';
         this.current = false;
     }
-    static { this.styles = [LyraElement.styles]; }
+    static { this.styles = [LyraElement.styles, styles]; }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', 'listitem');

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.class.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D;;;;;;GAMG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAW;IAAnD;;QAEc,SAAI,GAAG,EAAE,CAAC;QACsB,YAAO,GAAG,KAAK,CAAC;IAW9D,CAAC;aAbQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,AAAvB,CAAwB;IAGrC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IACD,MAAM;QACJ,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;YAC1B,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,oBAAoB;YACrD,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,uBAAuB,CAAC;IACnG,CAAC;CACF;AAZa;IAAX,QAAQ,EAAE;gDAAW;AACsB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAiB"}
+{"version":3,"file":"breadcrumb-item.class.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAW;IAAnD;;QAEc,SAAI,GAAG,EAAE,CAAC;QACsB,YAAO,GAAG,KAAK,CAAC;IAW9D,CAAC;aAbQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAG7C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IACD,MAAM;QACJ,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;YAC1B,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,oBAAoB;YACrD,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,uBAAuB,CAAC;IACnG,CAAC;CACF;AAZa;IAAX,QAAQ,EAAE;gDAAW;AACsB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAiB"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { css } from 'lit';
+export const styles = css `
+  [part='base'] {
+    color: var(--lyra-color-text);
+    text-decoration: none;
+    border-radius: var(--lyra-radius);
+  }
+  a[part='base']:hover {
+    text-decoration: underline;
+  }
+  [part='base']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  [part='base'][aria-current='page'] {
+    color: var(--lyra-color-text-quiet);
+    font-weight: var(--lyra-font-weight-semibold);
+  }
+`;
+//# sourceMappingURL=breadcrumb-item.styles.js.map

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

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

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

@@ -21,12 +21,26 @@ export interface LyraCalendarEventMap {
     }>;
 }
 /** `<lyra-calendar>` — responsive month calendar with event markers and agenda mode.
+ *
+ * Month-view event markers are a mouse-only quick-select affordance layered on
+ * top of the focusable day cell: the day grid's own roving-tabindex/arrow-key
+ * navigation already targets the day `<button>`, and nesting a second
+ * focusable control inside that same native `<button>` is not valid (a
+ * `<button>` element must not contain interactive/tabindex descendants, and
+ * `role="button"` itself forbids focusable descendants regardless). Agenda
+ * view renders each event as its own real `<button part="agenda-event">` and
+ * is the fully keyboard-accessible way to reach `lyra-event-select`.
+ *
  * @customElement lyra-calendar
  * @event lyra-date-select - A calendar date was selected.
  * @event lyra-event-select - An event was selected.
  * @event lyra-view-change - The visible month changed.
  * @csspart header - Calendar header.
+ * @csspart nav-glyph - The previous/next chevron glyph, mirrored under RTL.
+ * @csspart weekdays - Weekday header row.
+ * @csspart weekday - One weekday header cell.
  * @csspart grid - Month grid.
+ * @csspart week - One week row within the month grid.
  * @csspart day - Day cell.
  * @csspart event - Event marker.
  * @csspart agenda - Agenda list.
@@ -41,10 +55,12 @@ export declare class LyraCalendar extends LyraElement<LyraCalendarEventMap> {
     accessibleLabel: string;
     private focusedDate;
     private get viewStart();
+    /** `firstDayOfWeek` clamped into the 0–6 range `monthMatrix`/`weekdayLabels` expect, tolerating a malformed or out-of-range attribute value instead of letting it silently drop leading days of the month or produce `Invalid Date`. */
+    private get normalizedFirstDayOfWeek();
     private changeMonth;
     private selectDate;
     private eventsFor;
-    private days;
+    private weeks;
     private onDayKeyDown;
     private weekdays;
     render(): TemplateResult;