@aceshooting/lyra-ui 2.11.0 → 2.13.0

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

@@ -1,7 +1,7 @@
 import { type TemplateResult } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 export type ButtonVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
-export type ButtonAppearance = 'filled' | 'outlined' | 'plain';
+export type ButtonAppearance = 'accent' | 'filled' | 'outlined' | 'plain';
 export type ButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 export type ButtonType = 'button' | 'submit' | 'reset';
 /**
@@ -29,10 +29,17 @@ export type ButtonType = 'button' | 'submit' | 'reset';
  */
 export declare class LyraButton extends LyraElement {
     static styles: import("lit").CSSResultGroup[];
+    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: 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`). */
     appearance: ButtonAppearance;
     size: ButtonSize;
     /** Forwarded to this component's own submit/reset handling — see the class doc comment above

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,UAAU,GAAG,OAAO,CAAC;AAC/D,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;IAE7C;;6CAEyC;IACZ,OAAO,EAAE,aAAa,CAAa;IACnC,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;;;;;;;;;;;;;;;;;;;;;;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"}

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

@@ -33,12 +33,24 @@ import { styles } from './button.styles.js';
  * @csspart spinner - The loading spinner, present only while `loading` is `true`.
  */
 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`.
+    static { this.formAssociated = true; }
     constructor() {
-        super(...arguments);
+        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`. */
         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`). */
         this.appearance = 'filled';
         this.size = 'm';
         /** Forwarded to this component's own submit/reset handling — see the class doc comment above
@@ -57,8 +69,8 @@ export class LyraButton extends LyraElement {
                 this.closest('form')?.reset();
             }
         };
+        this.attachInternals();
     }
-    static { this.styles = [LyraElement.styles, styles]; }
     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;IAA3C;;QAGE;;iDAEyC;QACZ,YAAO,GAAkB,SAAS,CAAC;QACnC,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;IAoBJ,CAAC;aArDQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAmBpC,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;AAhD8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAoC;AACnC;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;;;;;;;;;;;;;;;;;;;;;;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"}

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,yBAsHlB,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwJlB,CAAC"}

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

@@ -6,30 +6,45 @@ export const styles = css `
     --lyra-button-fill: var(--lyra-color-surface);
     --lyra-button-on-fill: var(--lyra-color-text);
     --lyra-button-border: var(--lyra-color-border);
+    /* 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-accent-fill: var(--lyra-color-neutral);
+    --lyra-button-accent-on-fill: var(--lyra-color-on-neutral);
   }
   :host([variant='brand']) {
     --lyra-button-accent: var(--lyra-color-brand);
     --lyra-button-fill: var(--lyra-color-brand);
     --lyra-button-on-fill: var(--lyra-color-on-brand);
     --lyra-button-border: var(--lyra-color-brand);
+    --lyra-button-accent-fill: var(--lyra-color-brand);
+    --lyra-button-accent-on-fill: var(--lyra-color-on-brand);
   }
   :host([variant='success']) {
     --lyra-button-accent: var(--lyra-color-success);
     --lyra-button-fill: var(--lyra-color-success);
     --lyra-button-on-fill: var(--lyra-color-on-success);
     --lyra-button-border: var(--lyra-color-success);
+    --lyra-button-accent-fill: var(--lyra-color-success);
+    --lyra-button-accent-on-fill: var(--lyra-color-on-success);
   }
   :host([variant='warning']) {
     --lyra-button-accent: var(--lyra-color-warning);
     --lyra-button-fill: var(--lyra-color-warning);
     --lyra-button-on-fill: var(--lyra-color-on-warning);
     --lyra-button-border: var(--lyra-color-warning);
+    --lyra-button-accent-fill: var(--lyra-color-warning);
+    --lyra-button-accent-on-fill: var(--lyra-color-on-warning);
   }
   :host([variant='danger']) {
     --lyra-button-accent: var(--lyra-color-danger);
     --lyra-button-fill: var(--lyra-color-danger);
     --lyra-button-on-fill: var(--lyra-color-on-danger);
     --lyra-button-border: var(--lyra-color-danger);
+    --lyra-button-accent-fill: var(--lyra-color-danger);
+    --lyra-button-accent-on-fill: var(--lyra-color-on-danger);
   }
   [part='base'] {
     display: inline-flex;
@@ -46,6 +61,11 @@ export const styles = css `
     background: var(--lyra-button-fill);
     color: var(--lyra-button-on-fill);
   }
+  :host([appearance='accent']) [part='base'] {
+    background: var(--lyra-button-accent-fill);
+    color: var(--lyra-button-accent-on-fill);
+    border-color: var(--lyra-button-accent-fill);
+  }
   :host([appearance='outlined']) [part='base'] {
     background: transparent;
     color: var(--lyra-button-accent);
@@ -59,6 +79,20 @@ export const styles = css `
     opacity: var(--lyra-opacity-disabled);
     cursor: not-allowed;
   }
+  [part='base']:not(:disabled) {
+    transition: filter var(--lyra-transition-fast), transform var(--lyra-transition-fast);
+  }
+  [part='base']:not(:disabled):hover {
+    filter: brightness(var(--lyra-button-hover-brightness, 1.08));
+  }
+  [part='base']:not(:disabled):active {
+    transform: scale(var(--lyra-button-active-scale, 0.9875));
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [part='base']:not(:disabled):active {
+      transform: none;
+    }
+  }
   [part='base']:focus-visible {
     outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
     outline-offset: var(--lyra-focus-ring-offset);

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHxB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJxB,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"}

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

@@ -0,0 +1,39 @@
+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';
+import { styles } from './button-group.styles.js';
+/**
+ * `<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 class LyraButtonGroup extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.orientation = 'horizontal';
+        this.label = '';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() {
+        const accessibleLabel = this.label || this.getAttribute('aria-label') || nothing;
+        return html `<div part="base" role="group" aria-label=${accessibleLabel}><slot></slot></div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraButtonGroup.prototype, "orientation", void 0);
+__decorate([
+    property()
+], LyraButtonGroup.prototype, "label", void 0);
+//# sourceMappingURL=button-group.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.class.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.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,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAIlD;;;;;;;;;GASG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QAG+B,gBAAW,GAA2B,YAAY,CAAC;QACpE,UAAK,GAAG,EAAE,CAAC;IAMzB,CAAC;aATQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAK7C,MAAM;QACJ,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC;QACjF,OAAO,IAAI,CAAA,4CAA4C,eAAe,sBAAsB,CAAC;IAC/F,CAAC;CACF;AAP8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAoD;AACpE;IAAX,QAAQ,EAAE;8CAAY"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-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/button-group/button-group.styles.d.ts

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

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

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

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

@@ -0,0 +1,33 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    vertical-align: middle;
+  }
+
+  [part='base'] {
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: stretch;
+    gap: var(--lyra-space-2xs);
+    max-inline-size: 100%;
+  }
+
+  :host([orientation='vertical']) [part='base'] {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  ::slotted(*) {
+    min-inline-size: 0;
+  }
+
+  @media (max-width: 20rem) {
+    [part='base'] {
+      inline-size: 100%;
+    }
+  }
+`;
+//# sourceMappingURL=button-group.styles.js.map

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

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

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

@@ -0,0 +1,39 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type CalloutVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+export interface LyraCalloutEventMap {
+    'lyra-close': CustomEvent<undefined>;
+}
+/**
+ * `<lyra-callout>` — an inline message surface for status, warning, and error content.
+ *
+ * @customElement lyra-callout
+ * @slot - Message content.
+ * @slot heading - Optional heading.
+ * @slot icon - Optional icon.
+ * @event lyra-close - The close action was accepted. Cancelable before the callout hides.
+ * @csspart base - The callout surface.
+ * @csspart icon - The icon wrapper.
+ * @csspart content - The message content.
+ * @csspart heading - The heading wrapper.
+ * @csspart close-button - The close button.
+ */
+export declare class LyraCallout extends LyraElement<LyraCalloutEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    variant: CalloutVariant;
+    heading: string;
+    closable: boolean;
+    open: boolean;
+    accessibleLabel: string;
+    private hasIcon;
+    private hasHeading;
+    private close;
+    private onSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-callout': LyraCallout;
+    }
+}
+//# sourceMappingURL=callout.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.class.d.ts","sourceRoot":"","sources":["../../../src/components/callout/callout.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpF,MAAM,WAAW,mBAAmB;IAAG,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AAE9E;;;;;;;;;;;;;GAaG;AACH,qBAAa,WAAY,SAAQ,WAAW,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,MAAM,iCAAgC;IAChB,OAAO,EAAE,cAAc,CAAa;IACrD,OAAO,SAAM;IACmB,QAAQ,UAAS;IACjB,IAAI,UAAQ;IACX,eAAe,SAAM;IACzD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IACpC,OAAO,CAAC,KAAK,CAGX;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,MAAM,IAAI,cAAc,CAWvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,WAAW,CAAC;KAAE;CAAE"}