@aceshooting/lyra-ui 2.12.0 → 3.0.0

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

@@ -14,8 +14,8 @@ export const styles = css `
     --lyra-attachment-chip-bg: var(--lyra-color-surface);
     --lyra-attachment-chip-border: var(--lyra-color-border);
     /* Compact-mode thumbnail size -- a dedicated token rather than reusing
-       --lyra-icon-button-size (the one token in this library with no --wa-*
-       fallback chain), so a consumer can retheme just the compact thumbnail
+       --lyra-icon-button-size (the one token in this library with no
+       --lyra-theme-* fallback chain), so a consumer can retheme just the compact thumbnail
        independent of every other icon-button-sized control. */
     --lyra-attachment-chip-compact-thumbnail-size: var(--lyra-size-1-75rem);
     --lyra-attachment-chip-compact-font-size: var(--lyra-font-size-xs);

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

@@ -0,0 +1,21 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type BadgeVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+/**
+ * `<lyra-badge>` — a compact status label.
+ *
+ * @customElement lyra-badge
+ * @slot - Badge content.
+ * @csspart base - The badge surface.
+ */
+export declare class LyraBadge extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    variant: BadgeVariant;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-badge': LyraBadge;
+    }
+}
+//# sourceMappingURL=badge.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.class.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElF;;;;;;GAMG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,iCAAgC;IAChB,OAAO,EAAE,YAAY,CAAa;IAC/D,MAAM,IAAI,cAAc,CAAyD;CAClF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,YAAY,EAAE,SAAS,CAAC;KAAE;CAAE"}

package/dist/components/badge/badge.class.js

@@ -0,0 +1,29 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './badge.styles.js';
+/**
+ * `<lyra-badge>` — a compact status label.
+ *
+ * @customElement lyra-badge
+ * @slot - Badge content.
+ * @csspart base - The badge surface.
+ */
+export class LyraBadge extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'neutral';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() { return html `<span part="base"><slot></slot></span>`; }
+}
+__decorate([
+    property({ reflect: true })
+], LyraBadge.prototype, "variant", void 0);
+//# sourceMappingURL=badge.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.class.js","sourceRoot":"","sources":["../../../src/components/badge/badge.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAI3C;;;;;;GAMG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAA1C;;QAE+B,YAAO,GAAiB,SAAS,CAAC;IAEjE,CAAC;aAHQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAE7C,MAAM,KAAqB,OAAO,IAAI,CAAA,wCAAwC,CAAC,CAAC,CAAC;CAClF;AAF8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAmC"}

package/dist/components/badge/badge.d.ts

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

package/dist/components/badge/badge.d.ts.map

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

package/dist/components/badge/badge.js

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

package/dist/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC"}

package/dist/components/badge/badge.styles.d.ts

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

package/dist/components/badge/badge.styles.d.ts.map

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

package/dist/components/badge/badge.styles.js

@@ -0,0 +1,10 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: inline-block; }
+  [part='base'] { display: inline-flex; align-items: center; min-block-size: var(--lyra-size-1-25rem); padding-inline: var(--lyra-space-s); border: var(--lyra-border-width-thin) solid var(--lyra-badge-border, var(--lyra-color-border)); border-radius: var(--lyra-radius-pill); background: var(--lyra-badge-background, var(--lyra-color-surface)); color: var(--lyra-badge-color, var(--lyra-color-text)); font-size: var(--lyra-font-size-sm); font-weight: var(--lyra-font-weight-medium); line-height: var(--lyra-line-height-compact); white-space: nowrap; }
+  :host([variant='brand']) { --lyra-badge-background: var(--lyra-color-brand-quiet); --lyra-badge-color: var(--lyra-color-brand); --lyra-badge-border: var(--lyra-color-brand); }
+  :host([variant='success']) { --lyra-badge-background: var(--lyra-color-success-quiet); --lyra-badge-color: var(--lyra-color-success); --lyra-badge-border: var(--lyra-color-success); }
+  :host([variant='warning']) { --lyra-badge-background: var(--lyra-color-warning-quiet); --lyra-badge-color: var(--lyra-color-warning); --lyra-badge-border: var(--lyra-color-warning); }
+  :host([variant='danger']) { --lyra-badge-background: var(--lyra-color-danger-quiet); --lyra-badge-color: var(--lyra-color-danger); --lyra-badge-border: var(--lyra-color-danger); }
+`;
+//# sourceMappingURL=badge.styles.js.map

package/dist/components/badge/badge.styles.js.map

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

package/dist/components/badge/tag.class.d.ts

@@ -0,0 +1,10 @@
+import { LyraBadge } from './badge.class.js';
+/** `<lyra-tag>` — a semantic alias for the compact badge treatment. */
+export declare class LyraTag extends LyraBadge {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-tag': LyraTag;
+    }
+}
+//# sourceMappingURL=tag.class.d.ts.map

package/dist/components/badge/tag.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.class.d.ts","sourceRoot":"","sources":["../../../src/components/badge/tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,uEAAuE;AACvE,qBAAa,OAAQ,SAAQ,SAAS;CAAG;AACzC,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,UAAU,EAAE,OAAO,CAAC;KAAE;CAAE"}

package/dist/components/badge/tag.class.js

@@ -0,0 +1,5 @@
+import { LyraBadge } from './badge.class.js';
+/** `<lyra-tag>` — a semantic alias for the compact badge treatment. */
+export class LyraTag extends LyraBadge {
+}
+//# sourceMappingURL=tag.class.js.map

package/dist/components/badge/tag.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.class.js","sourceRoot":"","sources":["../../../src/components/badge/tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,uEAAuE;AACvE,MAAM,OAAO,OAAQ,SAAQ,SAAS;CAAG"}

package/dist/components/badge/tag.d.ts

@@ -0,0 +1,2 @@
+export { LyraTag } from './tag.class.js';
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/badge/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/badge/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/badge/tag.js

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

package/dist/components/badge/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/components/badge/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-breadcrumb-item>` — one link or current-page label in a breadcrumb.
+ *
+ * @customElement lyra-breadcrumb-item
+ * @slot - Item label.
+ * @csspart base - The link or current-page label.
+ */
+export declare class LyraBreadcrumbItem extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    href: string;
+    current: boolean;
+    connectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-breadcrumb-item': LyraBreadcrumbItem;
+    }
+}
+//# sourceMappingURL=breadcrumb-item.class.d.ts.map

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

@@ -0,0 +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;AAE7D;;;;;;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,CAIvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,sBAAsB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

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

@@ -0,0 +1,40 @@
+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 } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-breadcrumb-item>` — one link or current-page label in a breadcrumb.
+ *
+ * @customElement lyra-breadcrumb-item
+ * @slot - Item label.
+ * @csspart base - The link or current-page label.
+ */
+export class LyraBreadcrumbItem extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.href = '';
+        this.current = false;
+    }
+    static { this.styles = [LyraElement.styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'listitem');
+    }
+    render() {
+        return this.href && !this.current
+            ? html `<a part="base" href=${this.href}><slot></slot></a>`
+            : html `<span part="base" aria-current=${this.current ? 'page' : nothing}><slot></slot></span>`;
+    }
+}
+__decorate([
+    property()
+], LyraBreadcrumbItem.prototype, "href", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraBreadcrumbItem.prototype, "current", void 0);
+//# sourceMappingURL=breadcrumb-item.class.js.map

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

@@ -0,0 +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;AAE7D;;;;;;GAMG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAW;IAAnD;;QAEc,SAAI,GAAG,EAAE,CAAC;QACsB,YAAO,GAAG,KAAK,CAAC;IAU9D,CAAC;aAZQ,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,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;YAC/B,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,IAAI,oBAAoB;YAC1D,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,uBAAuB,CAAC;IACnG,CAAC;CACF;AAXa;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.d.ts

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,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/breadcrumb/breadcrumb.class.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-breadcrumb>` — a responsive navigation trail.
+ *
+ * @customElement lyra-breadcrumb
+ * @slot - `<lyra-breadcrumb-item>` children.
+ * @csspart base - The navigation wrapper.
+ */
+export declare class LyraBreadcrumb extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    accessibleLabel: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-breadcrumb': LyraBreadcrumb;
+    }
+}
+//# sourceMappingURL=breadcrumb.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.class.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;GAMG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,CAAC,MAAM,iCAAgC;IACA,eAAe,SAAM;IAClE,MAAM,IAAI,cAAc,CAA4J;CACrL;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,iBAAiB,EAAE,cAAc,CAAC;KAAE;CAAE"}

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

@@ -0,0 +1,29 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './breadcrumb.styles.js';
+/**
+ * `<lyra-breadcrumb>` — a responsive navigation trail.
+ *
+ * @customElement lyra-breadcrumb
+ * @slot - `<lyra-breadcrumb-item>` children.
+ * @csspart base - The navigation wrapper.
+ */
+export class LyraBreadcrumb extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.accessibleLabel = '';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() { return html `<nav part="base" aria-label=${this.accessibleLabel || this.localize('breadcrumb')}><div part="list" role="list"><slot></slot></div></nav>`; }
+}
+__decorate([
+    property({ attribute: 'accessible-label' })
+], LyraBreadcrumb.prototype, "accessibleLabel", void 0);
+//# sourceMappingURL=breadcrumb.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.class.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,OAAO,cAAe,SAAQ,WAAW;IAA/C;;QAE+C,oBAAe,GAAG,EAAE,CAAC;IAEpE,CAAC;aAHQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAE7C,MAAM,KAAqB,OAAO,IAAI,CAAA,+BAA+B,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,yDAAyD,CAAC,CAAC,CAAC;CACrL;AAF8C;IAA5C,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;uDAAsB"}

package/dist/components/breadcrumb/breadcrumb.d.ts

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

package/dist/components/breadcrumb/breadcrumb.d.ts.map

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

package/dist/components/breadcrumb/breadcrumb.js

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

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; }
+  [part='base'] { display: block; }
+  [part='list'] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lyra-space-xs); margin: 0; padding: 0; }
+  ::slotted(lyra-breadcrumb-item:not(:first-child))::before { content: '/'; margin-inline-end: var(--lyra-space-xs); color: var(--lyra-color-text-quiet); }
+`;
+//# sourceMappingURL=breadcrumb.styles.js.map

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

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

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

@@ -5,10 +5,8 @@ export type ButtonAppearance = 'accent' | 'filled' | 'outlined' | 'plain';
 export type ButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 export type ButtonType = 'button' | 'submit' | 'reset';
 /**
- * `<lyra-button>` — a generic action-button primitive, the `lyra-*` equivalent of a plain
- * `wa-button`. Renders an internal native `<button part="base">` (never a real `<wa-button>` —
- * this library has no runtime dependency on Web Awesome, matching `<lyra-copy-button>`/
- * `<lyra-export-button>`'s own clean-room, API-mirroring approach). `type="submit"`/`type="reset"`
+ * `<lyra-button>` — a generic action-button primitive. Renders an internal native
+ * `<button part="base">`. `type="submit"`/`type="reset"`
  * are handled by this component itself via the host's own `closest('form')` — a shadow-internal
  * native `<button type="submit">` does not participate in an ancestor light-DOM form's submission
  * on its own, since form-submitter semantics don't cross the shadow boundary.
@@ -32,14 +30,12 @@ export declare class LyraButton extends LyraElement {
     static formAssociated: boolean;
     constructor();
     /** Tone vocabulary shared with `<lyra-chip>`/`<lyra-avatar>`'s own `tone` property, named
-     *  `variant` here (not `tone`) to mirror `wa-button`'s own attribute name for a mechanical
-     *  migration off a plain `wa-button`. */
+     *  `variant` here (not `tone`) to keep the component's semantic tone vocabulary consistent. */
     variant: ButtonVariant;
     /** `'filled'` (the default) reads `--lyra-button-fill`, which for `variant="neutral"` is the
      *  ambient `--lyra-color-surface` -- matching this component's own container, by design, for a
-     *  low-emphasis default. `'accent'` is the loud tier equivalent to `wa-button`'s own runtime
-     *  default appearance (used whenever a `wa-button` call site sets only `variant`): a solid,
-     *  high-contrast fill for every variant, including `neutral` (`--wa-color-neutral-fill-loud`). */
+     *  low-emphasis default. `'accent'` is the loud tier: a solid, high-contrast fill for every
+     *  variant, including `neutral`. */
     appearance: ButtonAppearance;
     size: ButtonSize;
     /** Forwarded to this component's own submit/reset handling — see the class doc comment above
@@ -51,6 +47,8 @@ export declare class LyraButton extends LyraElement {
     loading: boolean;
     disabled: boolean;
     private buttonEl?;
+    /** Activates the internal native button, including submit/reset behavior. */
+    click(): void;
     focus(options?: FocusOptions): void;
     blur(): void;
     private onClick;

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

@@ -1 +1 @@
-{"version":3,"file":"button.class.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAM7C,MAAM,CAAC,cAAc,UAAQ;IAE7B,cAGC;IAED;;6CAEyC;IACZ,OAAO,EAAE,aAAa,CAAa;IAChE;;;;sGAIkG;IACrE,UAAU,EAAE,gBAAgB,CAAY;IACxC,IAAI,EAAE,UAAU,CAAO;IACpD;0FACsF;IAC1E,IAAI,EAAE,UAAU,CAAY;IACxC;;wFAEoF;IACxC,OAAO,UAAS;IAChB,QAAQ,UAAS;IAE5C,OAAO,CAAC,QAAQ,CAAC,CAAoB;IAE7C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAEQ,IAAI,IAAI,IAAI,CAEpB;IAED,OAAO,CAAC,OAAO,CAMb;IAEF,MAAM,IAAI,cAAc,CAiBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"button.class.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAI7C,MAAM,CAAC,cAAc,UAAQ;IAE7B,cAGC;IAED;mGAC+F;IAClE,OAAO,EAAE,aAAa,CAAa;IAChE;;;wCAGoC;IACP,UAAU,EAAE,gBAAgB,CAAY;IACxC,IAAI,EAAE,UAAU,CAAO;IACpD;0FACsF;IAC1E,IAAI,EAAE,UAAU,CAAY;IACxC;;wFAEoF;IACxC,OAAO,UAAS;IAChB,QAAQ,UAAS;IAE5C,OAAO,CAAC,QAAQ,CAAC,CAAoB;IAEtD,6EAA6E;IACpE,KAAK,IAAI,IAAI,CAErB;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAEQ,IAAI,IAAI,IAAI,CAEpB;IAED,OAAO,CAAC,OAAO,CAMb;IAEF,MAAM,IAAI,cAAc,CAiBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/button/button.class.js

@@ -10,10 +10,8 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import { spinnerIcon } from '../../internal/icons.js';
 import { styles } from './button.styles.js';
 /**
- * `<lyra-button>` — a generic action-button primitive, the `lyra-*` equivalent of a plain
- * `wa-button`. Renders an internal native `<button part="base">` (never a real `<wa-button>` —
- * this library has no runtime dependency on Web Awesome, matching `<lyra-copy-button>`/
- * `<lyra-export-button>`'s own clean-room, API-mirroring approach). `type="submit"`/`type="reset"`
+ * `<lyra-button>` — a generic action-button primitive. Renders an internal native
+ * `<button part="base">`. `type="submit"`/`type="reset"`
  * are handled by this component itself via the host's own `closest('form')` — a shadow-internal
  * native `<button type="submit">` does not participate in an ancestor light-DOM form's submission
  * on its own, since form-submitter semantics don't cross the shadow boundary.
@@ -34,23 +32,19 @@ import { styles } from './button.styles.js';
  */
 export class LyraButton extends LyraElement {
     static { this.styles = [LyraElement.styles, styles]; }
-    // Participates in an ancestor `<form>.elements` the same way `wa-button` does today (via
-    // `WebAwesomeFormAssociatedElement`) -- without this, a sibling text field's own Enter-to-submit
-    // lookup (`form.elements` scanned for `el.type === 'submit'`) silently fails to find this button.
-    // No `FormAssociated` mixin here: that mixin's own `name`/`value`/`required` submission semantics
-    // don't apply to a plain action button, and would collide with this class's own `disabled`.
+    // A button is form-associated so it is discoverable through form.elements. The generic
+    // FormAssociated mixin is intentionally not used: action buttons do not have its value,
+    // name, or required semantics.
     static { this.formAssociated = true; }
     constructor() {
         super();
         /** Tone vocabulary shared with `<lyra-chip>`/`<lyra-avatar>`'s own `tone` property, named
-         *  `variant` here (not `tone`) to mirror `wa-button`'s own attribute name for a mechanical
-         *  migration off a plain `wa-button`. */
+         *  `variant` here (not `tone`) to keep the component's semantic tone vocabulary consistent. */
         this.variant = 'neutral';
         /** `'filled'` (the default) reads `--lyra-button-fill`, which for `variant="neutral"` is the
          *  ambient `--lyra-color-surface` -- matching this component's own container, by design, for a
-         *  low-emphasis default. `'accent'` is the loud tier equivalent to `wa-button`'s own runtime
-         *  default appearance (used whenever a `wa-button` call site sets only `variant`): a solid,
-         *  high-contrast fill for every variant, including `neutral` (`--wa-color-neutral-fill-loud`). */
+         *  low-emphasis default. `'accent'` is the loud tier: a solid, high-contrast fill for every
+         *  variant, including `neutral`. */
         this.appearance = 'filled';
         this.size = 'm';
         /** Forwarded to this component's own submit/reset handling — see the class doc comment above
@@ -71,6 +65,10 @@ export class LyraButton extends LyraElement {
         };
         this.attachInternals();
     }
+    /** Activates the internal native button, including submit/reset behavior. */
+    click() {
+        this.buttonEl?.click();
+    }
     focus(options) {
         this.buttonEl?.focus(options);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"button.class.js","sourceRoot":"","sources":["../../../src/components/button/button.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,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;aAClC,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAC7C,yFAAyF;IACzF,iGAAiG;IACjG,kGAAkG;IAClG,kGAAkG;IAClG,4FAA4F;aACrF,mBAAc,GAAG,IAAI,AAAP,CAAQ;IAE7B;QACE,KAAK,EAAE,CAAC;QAIV;;iDAEyC;QACZ,YAAO,GAAkB,SAAS,CAAC;QAChE;;;;0GAIkG;QACrE,eAAU,GAAqB,QAAQ,CAAC;QACxC,SAAI,GAAe,GAAG,CAAC;QACpD;8FACsF;QAC1E,SAAI,GAAe,QAAQ,CAAC;QACxC;;4FAEoF;QACxC,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QAYrD,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;YACxC,CAAC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QAvCA,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAwBQ,KAAK,CAAC,OAAsB;QACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAEQ,IAAI;QACX,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;IACxB,CAAC;IAUD,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAClD,OAAO,IAAI,CAAA;;;;qBAIM,SAAS,IAAI,OAAO;oBACrB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAC/B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;iBAChC,IAAI,CAAC,OAAO;;;;;UAKnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,2CAA2C,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE;;KAE9F,CAAC;IACJ,CAAC;CACF;AArD8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAoC;AAMnC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAyC;AACxC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAwB;AAGxC;IAAX,QAAQ,EAAE;wCAA6B;AAII;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAiB;AAChB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAEpC;IAAxB,KAAK,CAAC,QAAQ,CAAC;4CAAsC"}
+{"version":3,"file":"button.class.js","sourceRoot":"","sources":["../../../src/components/button/button.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,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;aAClC,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAC7C,uFAAuF;IACvF,wFAAwF;IACxF,+BAA+B;aACxB,mBAAc,GAAG,IAAI,AAAP,CAAQ;IAE7B;QACE,KAAK,EAAE,CAAC;QAIV;uGAC+F;QAClE,YAAO,GAAkB,SAAS,CAAC;QAChE;;;4CAGoC;QACP,eAAU,GAAqB,QAAQ,CAAC;QACxC,SAAI,GAAe,GAAG,CAAC;QACpD;8FACsF;QAC1E,SAAI,GAAe,QAAQ,CAAC;QACxC;;4FAEoF;QACxC,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QAiBrD,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;YACxC,CAAC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QA1CA,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAsBD,6EAA6E;IACpE,KAAK;QACZ,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC;IAEQ,KAAK,CAAC,OAAsB;QACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAEQ,IAAI;QACX,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;IACxB,CAAC;IAUD,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAClD,OAAO,IAAI,CAAA;;;;qBAIM,SAAS,IAAI,OAAO;oBACrB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAC/B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;iBAChC,IAAI,CAAC,OAAO;;;;;UAKnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,2CAA2C,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE;;KAE9F,CAAC;IACJ,CAAC;CACF;AAzD8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAoC;AAKnC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAyC;AACxC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAwB;AAGxC;IAAX,QAAQ,EAAE;wCAA6B;AAII;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAiB;AAChB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAEpC;IAAxB,KAAK,CAAC,QAAQ,CAAC;4CAAsC"}

package/dist/components/button/button.styles.d.ts.map

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

package/dist/components/button/button.styles.js

@@ -2,15 +2,23 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     display: inline-block;
+    /* A host width is meaningful for the public component, so the native
+       button follows it. The variable keeps the contract opt-out-able for
+       compact inline compositions. */
+    --lyra-button-width: 100%;
+    --lyra-button-size-xs: var(--lyra-size-1-5rem);
+    --lyra-button-size-s: var(--lyra-size-1-75rem);
+    --lyra-button-size-m: var(--lyra-size-2rem);
+    --lyra-button-size-l: var(--lyra-size-2-5rem);
+    --lyra-button-size-xl: var(--lyra-size-3rem);
     --lyra-button-accent: var(--lyra-color-text);
     --lyra-button-fill: var(--lyra-color-surface);
     --lyra-button-on-fill: var(--lyra-color-text);
     --lyra-button-border: var(--lyra-color-border);
+    --lyra-button-outlined-border: var(--lyra-color-border-strong);
     /* appearance="accent"'s loud fill for the neutral variant -- every other variant's own
-       --lyra-button-fill/-on-fill (below) already reads a *-fill-loud WA token (see
-       tokens.styles.ts's --lyra-color-brand/-success/-warning/-danger), so those variants'
-       own accent-fill/-on-fill blocks just reuse it, making "accent" and "filled" coincide
-       there -- only the neutral variant needs a dedicated loud fill of its own. */
+       --lyra-button-fill/-on-fill (below) already reads its semantic loud Lyra token, so those
+       variants' accent-fill/-on-fill blocks reuse it. Only neutral needs a dedicated loud fill. */
     --lyra-button-accent-fill: var(--lyra-color-neutral);
     --lyra-button-accent-on-fill: var(--lyra-color-on-neutral);
   }
@@ -48,6 +56,8 @@ export const styles = css `
   }
   [part='base'] {
     display: inline-flex;
+    position: relative;
+    inline-size: var(--lyra-button-width);
     align-items: center;
     justify-content: center;
     gap: var(--lyra-space-2xs);
@@ -69,6 +79,7 @@ export const styles = css `
   :host([appearance='outlined']) [part='base'] {
     background: transparent;
     color: var(--lyra-button-accent);
+    border-color: var(--lyra-button-outlined-border);
   }
   :host([appearance='plain']) [part='base'] {
     background: transparent;
@@ -110,36 +121,45 @@ export const styles = css `
     padding-inline: var(--lyra-space-xs);
     padding-block: var(--lyra-space-2xs);
     font-size: var(--lyra-font-size-xs);
-    min-block-size: var(--lyra-size-1-5rem);
+    min-block-size: var(--lyra-button-size-xs);
   }
   :host([size='s']) [part='base'] {
     padding-inline: var(--lyra-space-s);
     padding-block: var(--lyra-space-2xs);
     font-size: var(--lyra-font-size-sm);
-    min-block-size: var(--lyra-size-1-75rem);
+    min-block-size: var(--lyra-button-size-s);
   }
   :host([size='m']) [part='base'] {
     padding-inline: var(--lyra-space-m);
     padding-block: var(--lyra-space-xs);
-    font-size: var(--lyra-font-size-md-sm);
-    min-block-size: var(--lyra-size-2rem);
+    font-size: var(--lyra-font-size-m);
+    min-block-size: var(--lyra-button-size-m);
   }
   :host([size='l']) [part='base'] {
     padding-inline: var(--lyra-space-l);
     padding-block: var(--lyra-space-s);
     font-size: var(--lyra-font-size-md);
-    min-block-size: var(--lyra-size-2-5rem);
+    min-block-size: var(--lyra-button-size-l);
   }
   :host([size='xl']) [part='base'] {
     padding-inline: var(--lyra-space-2xl);
     padding-block: var(--lyra-space-m);
     font-size: var(--lyra-font-size-lg);
-    min-block-size: var(--lyra-size-3rem);
+    min-block-size: var(--lyra-button-size-xl);
   }
   [part='spinner'] {
     display: inline-flex;
+    position: absolute;
+    inset: 0;
+    align-items: center;
+    justify-content: center;
     animation: lyra-button-spin 1s linear infinite;
   }
+  :host([loading]) [part='start'],
+  :host([loading]) [part='label'],
+  :host([loading]) [part='end'] {
+    opacity: 0;
+  }
   @keyframes lyra-button-spin {
     to {
       transform: rotate(360deg);

package/dist/components/button/button.styles.js.map

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

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

@@ -0,0 +1,25 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type ButtonGroupOrientation = 'horizontal' | 'vertical';
+/**
+ * `<lyra-button-group>` — a responsive grouping primitive for related actions.
+ * It preserves the consumer's button elements and exposes the group semantics
+ * on the element that owns the label.
+ *
+ * @customElement lyra-button-group
+ * @slot - Buttons or other action controls.
+ * @csspart base - The group wrapper.
+ * @cssprop --lyra-button-group-gap - Gap between grouped controls.
+ */
+export declare class LyraButtonGroup extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    orientation: ButtonGroupOrientation;
+    label: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-button-group': LyraButtonGroup;
+    }
+}
+//# sourceMappingURL=button-group.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.class.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,iCAAgC;IAEhB,WAAW,EAAE,sBAAsB,CAAgB;IACpE,KAAK,SAAM;IAEvB,MAAM,IAAI,cAAc,CAGvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}