@aceshooting/lyra-ui 2.1.0 → 2.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-trigger.js","sourceRoot":"","sources":["../../../src/components/attachment-trigger/attachment-trigger.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AACzB,aAAa,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC"}

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

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

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

@@ -0,0 +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,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
@@ -29,23 +39,27 @@ export const styles = css `
        this sits comfortably inside a composer's leading slot alongside a
        textarea, matching lyra-combobox's clear-button / lyra-select's
        toggle sizing convention. */
-    min-inline-size: min(var(--lyra-icon-button-size), 1.75rem);
-    min-block-size: min(var(--lyra-icon-button-size), 1.75rem);
+    min-inline-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
+    min-block-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
     padding: 0;
     border: none;
     border-radius: calc(var(--lyra-radius) * 0.6);
     background: transparent;
     color: var(--lyra-color-text-quiet);
     font: inherit;
-    font-size: 1.125rem;
-    line-height: 1;
+    font-size: var(--lyra-font-size-lg);
+    line-height: var(--lyra-line-height-none);
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition:
       background-color var(--lyra-transition-fast),
       color var(--lyra-transition-fast);
   }
-  .trigger-button:hover:not(:disabled) {
+  /* :where() zeroes the wrapped selectors' specificity contribution, leaving only :hover itself
+     -- (0,1,0) total, functionally identical selection to \`.trigger-button:hover:not(:disabled)\`
+     ((0,3,0)) but now losing (on the pseudo-element tiebreak) to a consumer's own
+     \`::part(trigger):hover\` override ((0,1,1)) without that consumer needing !important. */
+  :where(.trigger-button):hover:where(:not(:disabled)) {
     background: color-mix(in srgb, var(--lyra-color-text) 8%, transparent);
     color: var(--lyra-color-text);
   }
@@ -76,7 +90,7 @@ export const styles = css `
   [part='expand-icon'] {
     display: inline-flex;
     flex: 0 0 auto;
-    font-size: 0.75em;
+    font-size: var(--lyra-size-0-75em);
   }
   [part='expand-icon'] svg {
     transform: rotate(90deg);
@@ -88,3 +102,4 @@ export const styles = css `
     }
   }
 `;
+//# sourceMappingURL=attachment-trigger.styles.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

package/dist/components/chart/bar-chart.class.d.ts

@@ -0,0 +1,15 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
+ *
+ * @customElement lyra-bar-chart
+ */
+export declare class LyraBarChart extends LyraChart {
+    type: 'bar';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-bar-chart': LyraBarChart;
+    }
+}
+//# sourceMappingURL=bar-chart.class.d.ts.map

package/dist/components/chart/bar-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,SAAS;IACjC,IAAI,EAAE,KAAK,CAAC;CACrB;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/chart/bar-chart.class.js

@@ -0,0 +1,10 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
+ *
+ * @customElement lyra-bar-chart
+ */
+export class LyraBarChart extends LyraChart {
+}
+lockChartType(LyraBarChart, 'bar');
+//# sourceMappingURL=bar-chart.class.js.map

package/dist/components/chart/bar-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,SAAS;CAE1C;AAED,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC"}

package/dist/components/chart/bar-chart.d.ts

@@ -1,14 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
- *
- * @customElement lyra-bar-chart
- */
-export declare class LyraBarChart extends LyraChart {
-    type: 'bar';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-bar-chart': LyraBarChart;
-    }
-}
+export * from './bar-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/components/chart/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAGrC,OAAO,YAAY,CAAC"}