@aceshooting/lyra-ui 2.2.0 → 2.3.0

package/dist/components/attachment-trigger/attachment-trigger.class.js

@@ -64,6 +64,56 @@ const CAPABILITY_META = {
     image: { icon: imageIcon, triggerLabel: 'Attach an image', menuLabel: 'Upload a photo' },
     camera: { icon: cameraIcon, triggerLabel: 'Use camera', menuLabel: 'Take a photo' },
 };
+/**
+ * `<lyra-attachment-trigger>` — a compact attach affordance designed for a
+ * chat composer's leading slot (see `<lyra-chat-composer>`'s own `leading`
+ * slot, which this drops straight into, though this component has no code
+ * dependency on it). Its shape adapts to how many attachment `capabilities`
+ * are configured:
+ *  - Exactly one capability: a single plain icon button ([part='trigger']).
+ *    Activating it performs that capability's action directly.
+ *  - More than one: a small anchored menu ([part='menu'], composed from
+ *    `<lyra-menu>`/`<lyra-menu-item>`) listing each capability as a row.
+ *
+ * Two of the three capabilities (`files`, `image`) are file-picker-backed:
+ * activating them opens a hidden native `<input type="file">` via a
+ * synthetic `.click()`, and the resulting selection is re-emitted as
+ * `lyra-pick`. `accept` is shared across both — `image` defaults it to
+ * `'image/*'` unless the `accept` prop overrides it, `files` always uses
+ * `accept` as-is (empty means "any file type", matching a bare native
+ * `<input type="file">` with no `accept` attribute).
+ *
+ * **`camera` is scope-limited by design.** This component does not
+ * implement any camera capture UI itself — no `getUserMedia`, no
+ * `<input capture>` — because that's entirely a host/browser concern with
+ * no single right answer (a desktop web app, a mobile PWA, and a native
+ * wrapper all want different things here). Activating the `camera`
+ * capability only fires `lyra-camera-request`; the host owns everything
+ * from that point on (opening its own capture UI, then presumably handing
+ * the resulting `File` back to something like `<lyra-attachment-chip>`).
+ *
+ * @customElement lyra-attachment-trigger
+ * @event lyra-pick - A file-backed capability's hidden file input produced a
+ * real selection. `detail: { capability: 'files' | 'image', files }` — a
+ * real `FileList` (not a plain array), matching the native input's own
+ * `.files` shape, but an independent snapshot rather than that same live
+ * object — see `onInputChange`'s own doc for why a live reference would be
+ * unsafe to hand out here.
+ * @event lyra-camera-request - The `camera` capability was activated. No
+ * detail payload — see the class doc's scope note; the host implements the
+ * actual capture flow.
+ * @csspart trigger - The single-capability icon button. Only rendered when `capabilities.length === 1`.
+ * @csspart menu - The `<lyra-menu>` wrapper. Only rendered when `capabilities.length > 1`.
+ * @csspart menu-trigger - The multi-capability button slotted into `<lyra-menu>`'s own `trigger` slot. Only rendered when `capabilities.length > 1`.
+ * @csspart expand-icon - The disclosure chevron inside the multi-capability trigger button. Only rendered when `capabilities.length > 1`.
+ * @csspart hidden-input - The internal native `<input type="file">` that actually opens the OS file
+ *   picker. Hidden (`display: none`) by default; exposed as a part only so a consumer can override
+ *   that with `::part(hidden-input)` in the unlikely case their integration needs to.
+ *
+ * `triggerLabel` lets a host override the single-capability trigger button's
+ * `aria-label` (i18n) — see that property's own doc for exactly what it
+ * does and doesn't affect.
+ */
 export class LyraAttachmentTrigger extends LyraElement {
     constructor() {
         super(...arguments);
@@ -141,6 +191,7 @@ export class LyraAttachmentTrigger extends LyraElement {
     renderHiddenInput() {
         return html `
       <input
+        part="hidden-input"
         type="file"
         tabindex="-1"
         aria-hidden="true"

package/dist/components/attachment-trigger/attachment-trigger.class.js.map

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

package/dist/components/attachment-trigger/attachment-trigger.styles.d.ts.map

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

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

@@ -10,6 +10,16 @@ export const styles = css `
     display: contents;
   }
 
+  /* The internal native file input never has a visible surface of its own --
+     the trigger button/menu above are the only affordance a user interacts
+     with; this input exists purely so its synthetic .click() can open the OS
+     file picker. Exposed as a part (see the class doc's @csspart) only so a
+     consumer's ::part(hidden-input) can override this in the unlikely case
+     their integration needs to. */
+  [part='hidden-input'] {
+    display: none;
+  }
+
   /* Shared visual treatment for both the single-capability button
      ([part='trigger']) and the multi-capability button ([part='menu-trigger'])
      slotted into lyra-menu's own trigger slot -- the latter can't reuse

package/dist/components/attachment-trigger/attachment-trigger.styles.js.map

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

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

@@ -0,0 +1,43 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+/**
+ * `<lyra-avatar>` — a small, fixed-size identity marker: an image, or an initials fallback when
+ * no image is set (or the image fails to load). First-party invention (no Web Awesome
+ * equivalent) -- purely presentational, no built-in interactivity; a consumer wraps it in their
+ * own `<button>`/`<lyra-menu>` trigger for a user-menu affordance.
+ *
+ * @customElement lyra-avatar
+ * @csspart base - The outer circle/square container.
+ * @csspart image - The `<img>`, only rendered while `src` is set and has not failed to load.
+ * @csspart initials - The fallback initials text, rendered whenever `image` isn't.
+ */
+export declare class LyraAvatar extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Fallback text (typically 1-2 characters) shown when no image is set, or the image fails to
+     *  load. */
+    initials: string;
+    /** Image URL. Takes priority over `initials` when set and loads successfully; falls back to
+     *  `initials` on a load error. */
+    src?: string;
+    /** Image alt text -- required alongside `src` for accessibility. */
+    alt: string;
+    /** Visual size. `'md'` (the default) matches `--lyra-icon-button-size` (2.5rem). */
+    size: AvatarSize;
+    /** `'circle'` (the default) or `'square'`. */
+    shape: AvatarShape;
+    /** Recolors the initials-fallback background/text, mirroring `lyra-chip`'s `tone` vocabulary.
+     *  `'neutral'` (the default) reads as a plain, unaccented circle. */
+    tone: AvatarTone;
+    private imageFailed;
+    private onImageError;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-avatar': LyraAvatar;
+    }
+}
+//# sourceMappingURL=avatar.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.class.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF;;;;;;;;;;GAUG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAE7C;gBACY;IACA,QAAQ,SAAM;IAE1B;sCACkC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB,oEAAoE;IACxD,GAAG,SAAM;IAErB,oFAAoF;IACvD,IAAI,EAAE,UAAU,CAAQ;IAErD,8CAA8C;IACjB,KAAK,EAAE,WAAW,CAAY;IAE3D;yEACqE;IACxC,IAAI,EAAE,UAAU,CAAa;IAEjD,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM,IAAI,cAAc,CASvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

@@ -0,0 +1,75 @@
+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 { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './avatar.styles.js';
+/**
+ * `<lyra-avatar>` — a small, fixed-size identity marker: an image, or an initials fallback when
+ * no image is set (or the image fails to load). First-party invention (no Web Awesome
+ * equivalent) -- purely presentational, no built-in interactivity; a consumer wraps it in their
+ * own `<button>`/`<lyra-menu>` trigger for a user-menu affordance.
+ *
+ * @customElement lyra-avatar
+ * @csspart base - The outer circle/square container.
+ * @csspart image - The `<img>`, only rendered while `src` is set and has not failed to load.
+ * @csspart initials - The fallback initials text, rendered whenever `image` isn't.
+ */
+export class LyraAvatar extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Fallback text (typically 1-2 characters) shown when no image is set, or the image fails to
+         *  load. */
+        this.initials = '';
+        /** Image alt text -- required alongside `src` for accessibility. */
+        this.alt = '';
+        /** Visual size. `'md'` (the default) matches `--lyra-icon-button-size` (2.5rem). */
+        this.size = 'md';
+        /** `'circle'` (the default) or `'square'`. */
+        this.shape = 'circle';
+        /** Recolors the initials-fallback background/text, mirroring `lyra-chip`'s `tone` vocabulary.
+         *  `'neutral'` (the default) reads as a plain, unaccented circle. */
+        this.tone = 'neutral';
+        this.imageFailed = false;
+        this.onImageError = () => {
+            this.imageFailed = true;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() {
+        const showImage = !!this.src && !this.imageFailed;
+        return html `
+      <span part="base">
+        ${showImage
+            ? html `<img part="image" src=${this.src} alt=${this.alt} @error=${this.onImageError} />`
+            : html `<span part="initials" aria-hidden=${this.alt ? 'true' : nothing}>${this.initials}</span>`}
+      </span>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraAvatar.prototype, "initials", void 0);
+__decorate([
+    property()
+], LyraAvatar.prototype, "src", void 0);
+__decorate([
+    property()
+], LyraAvatar.prototype, "alt", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraAvatar.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraAvatar.prototype, "shape", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraAvatar.prototype, "tone", void 0);
+__decorate([
+    state()
+], LyraAvatar.prototype, "imageFailed", void 0);
+//# sourceMappingURL=avatar.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.class.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.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,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAM5C;;;;;;;;;;GAUG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAA3C;;QAGE;oBACY;QACA,aAAQ,GAAG,EAAE,CAAC;QAM1B,oEAAoE;QACxD,QAAG,GAAG,EAAE,CAAC;QAErB,oFAAoF;QACvD,SAAI,GAAe,IAAI,CAAC;QAErD,8CAA8C;QACjB,UAAK,GAAgB,QAAQ,CAAC;QAE3D;6EACqE;QACxC,SAAI,GAAe,SAAS,CAAC;QAEzC,gBAAW,GAAG,KAAK,CAAC;QAE7B,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;IAYJ,CAAC;aAvCQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IA6B7C,MAAM;QACJ,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAClD,OAAO,IAAI,CAAA;;UAEL,SAAS;YACT,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAI,QAAQ,IAAI,CAAC,GAAG,WAAW,IAAI,CAAC,YAAY,KAAK;YACzF,CAAC,CAAC,IAAI,CAAA,qCAAqC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,SAAS;;KAErG,CAAC;IACJ,CAAC;CACF;AAnCa;IAAX,QAAQ,EAAE;4CAAe;AAId;IAAX,QAAQ,EAAE;uCAAc;AAGb;IAAX,QAAQ,EAAE;uCAAU;AAGQ;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAyB;AAGxB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA+B;AAI9B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAA8B;AAEzC;IAAhB,KAAK,EAAE;+CAA6B"}

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

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

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

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

package/dist/components/avatar/avatar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,55 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+    vertical-align: middle;
+    --lyra-avatar-size: var(--lyra-size-2rem);
+    --lyra-avatar-bg: var(--lyra-color-surface-alt, var(--lyra-color-border));
+    --lyra-avatar-color: var(--lyra-color-text);
+  }
+  :host([size='sm']) {
+    --lyra-avatar-size: var(--lyra-size-1-5rem);
+  }
+  :host([size='lg']) {
+    --lyra-avatar-size: var(--lyra-size-2-5rem);
+  }
+  :host([tone='brand']) {
+    --lyra-avatar-bg: var(--lyra-color-brand-quiet);
+    --lyra-avatar-color: var(--lyra-color-brand);
+  }
+  :host([tone='success']) {
+    --lyra-avatar-bg: var(--lyra-color-success-quiet);
+    --lyra-avatar-color: var(--lyra-color-success);
+  }
+  :host([tone='warning']) {
+    --lyra-avatar-bg: var(--lyra-color-warning-quiet);
+    --lyra-avatar-color: var(--lyra-color-warning);
+  }
+  :host([tone='danger']) {
+    --lyra-avatar-bg: var(--lyra-color-danger-quiet);
+    --lyra-avatar-color: var(--lyra-color-danger);
+  }
+  [part='base'] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--lyra-avatar-size);
+    block-size: var(--lyra-avatar-size);
+    overflow: hidden;
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-avatar-bg);
+    color: var(--lyra-avatar-color);
+    font-size: var(--lyra-font-size-sm);
+    font-weight: var(--lyra-font-weight-semibold);
+    flex: 0 0 auto;
+  }
+  :host([shape='square']) [part='base'] {
+    border-radius: var(--lyra-radius);
+  }
+  [part='image'] {
+    inline-size: 100%;
+    block-size: 100%;
+    object-fit: cover;
+  }
+`;
+//# sourceMappingURL=avatar.styles.js.map

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

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

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

@@ -0,0 +1,52 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type CardAppearance = 'accent' | 'filled' | 'outlined' | 'filled-outlined' | 'plain';
+/**
+ * `<lyra-card>` — a generic, styled bordered content container: the "small bordered surface with
+ * padding" idiom common to hero highlights, clickable grid tiles, and management-list items. A
+ * direct `<lyra-*>` counterpart to `<wa-card>`'s contract, staying slot-compatible with
+ * `lyra-result-card` where they overlap.
+ *
+ * @customElement lyra-card
+ * @slot - The card body.
+ * @slot header - Header row content, rendered above the body.
+ * @slot media - Media content (e.g. an image), rendered above the header.
+ * @slot footer - Footer content, rendered below the body.
+ * @slot actions - Small header controls, rendered alongside the header content.
+ * @csspart base - The outer container (a `<div>`, or an `<a>` when `href` is set).
+ * @csspart media - Wrapper around the `media` slot. Hidden entirely when empty.
+ * @csspart header - Wrapper around the `header` slot and `actions`. Hidden entirely when both are empty.
+ * @csspart actions - Wrapper around the `actions` slot. Hidden entirely when empty.
+ * @csspart body - Wrapper around the default slot.
+ * @csspart footer - Wrapper around the `footer` slot. Hidden entirely when empty.
+ */
+export declare class LyraCard extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Visual treatment, mirroring `wa-card`'s `appearance` vocabulary. `'outlined'` (the default)
+     *  is a bordered surface -- the common "small bordered surface with padding" idiom. */
+    appearance: CardAppearance;
+    /** Opt-in hover/focus-visible treatment (border-color shift, cursor: pointer) for a card used
+     *  as a clickable tile -- purely visual; this component takes no position on what "activate"
+     *  means unless `href` is also set. `false` (the default) reproduces today's exact static
+     *  output. */
+    interactive: boolean;
+    /** When set, the card's root renders as a real `<a href=...>` instead of a `<div>` -- for a
+     *  whole-card link (e.g. a wide CTA tile). Unset (the default) renders a plain `<div>`. */
+    href?: string;
+    private hasHeaderSlot;
+    private hasMediaSlot;
+    private hasFooterSlot;
+    private hasActionsSlot;
+    protected willUpdate(changed: PropertyValues): void;
+    private onHeaderSlotChange;
+    private onMediaSlotChange;
+    private onFooterSlotChange;
+    private onActionsSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-card': LyraCard;
+    }
+}
+//# sourceMappingURL=card.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.class.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAE5F;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,iCAAgC;IAE7C;2FACuF;IAC1D,UAAU,EAAE,cAAc,CAAc;IAErE;;;kBAGc;IAC8B,WAAW,UAAS;IAEhE;+FAC2F;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;IAExC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQlD;IAED,OAAO,CAAC,kBAAkB,CAExB;IACF,OAAO,CAAC,iBAAiB,CAEvB;IACF,OAAO,CAAC,kBAAkB,CAExB;IACF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,MAAM,IAAI,cAAc,CAoBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/card/card.class.js

@@ -0,0 +1,111 @@
+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, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './card.styles.js';
+/**
+ * `<lyra-card>` — a generic, styled bordered content container: the "small bordered surface with
+ * padding" idiom common to hero highlights, clickable grid tiles, and management-list items. A
+ * direct `<lyra-*>` counterpart to `<wa-card>`'s contract, staying slot-compatible with
+ * `lyra-result-card` where they overlap.
+ *
+ * @customElement lyra-card
+ * @slot - The card body.
+ * @slot header - Header row content, rendered above the body.
+ * @slot media - Media content (e.g. an image), rendered above the header.
+ * @slot footer - Footer content, rendered below the body.
+ * @slot actions - Small header controls, rendered alongside the header content.
+ * @csspart base - The outer container (a `<div>`, or an `<a>` when `href` is set).
+ * @csspart media - Wrapper around the `media` slot. Hidden entirely when empty.
+ * @csspart header - Wrapper around the `header` slot and `actions`. Hidden entirely when both are empty.
+ * @csspart actions - Wrapper around the `actions` slot. Hidden entirely when empty.
+ * @csspart body - Wrapper around the default slot.
+ * @csspart footer - Wrapper around the `footer` slot. Hidden entirely when empty.
+ */
+export class LyraCard extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Visual treatment, mirroring `wa-card`'s `appearance` vocabulary. `'outlined'` (the default)
+         *  is a bordered surface -- the common "small bordered surface with padding" idiom. */
+        this.appearance = 'outlined';
+        /** Opt-in hover/focus-visible treatment (border-color shift, cursor: pointer) for a card used
+         *  as a clickable tile -- purely visual; this component takes no position on what "activate"
+         *  means unless `href` is also set. `false` (the default) reproduces today's exact static
+         *  output. */
+        this.interactive = false;
+        this.hasHeaderSlot = false;
+        this.hasMediaSlot = false;
+        this.hasFooterSlot = false;
+        this.hasActionsSlot = false;
+        this.onHeaderSlotChange = (e) => {
+            this.hasHeaderSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onMediaSlotChange = (e) => {
+            this.hasMediaSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onFooterSlotChange = (e) => {
+            this.hasFooterSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onActionsSlotChange = (e) => {
+            this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated) {
+            this.hasHeaderSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'header');
+            this.hasMediaSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'media');
+            this.hasFooterSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'footer');
+            this.hasActionsSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
+        }
+        void changed;
+    }
+    render() {
+        const hasHeader = this.hasHeaderSlot || this.hasActionsSlot;
+        const body = html `
+      <div part="media" ?hidden=${!this.hasMediaSlot}>
+        <slot name="media" @slotchange=${this.onMediaSlotChange}></slot>
+      </div>
+      <div part="header" ?hidden=${!hasHeader}>
+        <slot name="header" @slotchange=${this.onHeaderSlotChange}></slot>
+        <div part="actions" ?hidden=${!this.hasActionsSlot}>
+          <slot name="actions" @slotchange=${this.onActionsSlotChange}></slot>
+        </div>
+      </div>
+      <div part="body"><slot></slot></div>
+      <div part="footer" ?hidden=${!this.hasFooterSlot}>
+        <slot name="footer" @slotchange=${this.onFooterSlotChange}></slot>
+      </div>
+    `;
+        return this.href
+            ? html `<a part="base" href=${this.href}>${body}</a>`
+            : html `<div part="base">${body}</div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraCard.prototype, "appearance", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCard.prototype, "interactive", void 0);
+__decorate([
+    property()
+], LyraCard.prototype, "href", void 0);
+__decorate([
+    state()
+], LyraCard.prototype, "hasHeaderSlot", void 0);
+__decorate([
+    state()
+], LyraCard.prototype, "hasMediaSlot", void 0);
+__decorate([
+    state()
+], LyraCard.prototype, "hasFooterSlot", void 0);
+__decorate([
+    state()
+], LyraCard.prototype, "hasActionsSlot", void 0);
+//# sourceMappingURL=card.class.js.map

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

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

package/dist/components/card/card.d.ts

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

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

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

package/dist/components/card/card.js

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

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC"}

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

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

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

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

package/dist/components/card/card.styles.js

@@ -0,0 +1,77 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+    color: inherit;
+    text-decoration: none;
+    overflow: hidden;
+  }
+  :host([appearance='filled']) [part='base'] {
+    border-color: transparent;
+    background: var(--lyra-color-brand-quiet);
+  }
+  :host([appearance='filled-outlined']) [part='base'] {
+    background: var(--lyra-color-brand-quiet);
+  }
+  :host([appearance='accent']) [part='base'] {
+    border-color: transparent;
+    border-inline-start: var(--lyra-size-3px) solid var(--lyra-color-brand);
+  }
+  :host([appearance='plain']) [part='base'] {
+    border-color: transparent;
+    background: transparent;
+  }
+  :host([interactive]) [part='base'] {
+    cursor: pointer;
+    transition: border-color var(--lyra-transition-fast);
+  }
+  :host([interactive]) [part='base']:hover {
+    border-color: var(--lyra-color-brand);
+  }
+  :host([interactive]) [part='base']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  [part='media'][hidden],
+  [part='header'][hidden],
+  [part='footer'][hidden] {
+    display: none;
+  }
+  [part='media'] ::slotted(*) {
+    display: block;
+    inline-size: 100%;
+  }
+  [part='header'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-s);
+    padding: var(--lyra-space-s) var(--lyra-space-m);
+    border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+  }
+  [part='actions'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+    flex: 0 0 auto;
+    margin-inline-start: auto;
+  }
+  [part='actions'][hidden] {
+    display: none;
+  }
+  [part='body'] {
+    padding: var(--lyra-space-m);
+    flex: 1 1 auto;
+  }
+  [part='footer'] {
+    padding: var(--lyra-space-s) var(--lyra-space-m);
+    border-block-start: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+  }
+`;
+//# sourceMappingURL=card.styles.js.map

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

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