@aceshooting/lyra-ui 2.1.0 → 2.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"result-card.class.d.ts","sourceRoot":"","sources":["../../../src/components/result-card/result-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;;;6DAIyD;IAC7C,KAAK,SAAM;IAOd,OAAO,CAAC,cAAc,CAAS;IAExC,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,OAAO,CAAC,mBAAmB,CAEzB;IAEF,MAAM,IAAI,cAAc,CAcvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

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

@@ -0,0 +1,88 @@
+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 './result-card.styles.js';
+/**
+ * `<lyra-result-card>` — a small bordered card shell for a custom tool-result
+ * renderer's body (see `<lyra-tool-result-view>`'s `registerToolRenderer()`
+ * in `../tool-result-view/registry.js`). Purely visual, with no state of its
+ * own beyond slot-presence tracking: it gives every custom renderer the same
+ * "small card" language (border, radius, optional title + header actions)
+ * without each one hand-rolling its own box.
+ *
+ * Pairs with `<lyra-result-field>` for the label/value rows that typically
+ * make up the body, though the default slot accepts any content — nothing
+ * here requires a `<lyra-result-field>` specifically.
+ *
+ * @customElement lyra-result-card
+ * @slot - The card body — typically one or more `<lyra-result-field>` rows.
+ * @slot actions - Small header controls (e.g. a copy button), rendered
+ * alongside the title.
+ * @csspart base - The outer bordered container.
+ * @csspart header - The header row wrapping the title and the `actions`
+ * slot. Present in the DOM at all times (so a later `slotchange` on
+ * `actions` is still observed) but `hidden` whenever there is no `title`
+ * and no `actions` content — an untitled, action-less card has no visible
+ * header bar at all.
+ * @csspart title - The title text. Truncates with an ellipsis when it
+ * overflows; carries its own native `title` attribute (the full string) so
+ * hovering the truncated text reveals it via the browser's default tooltip,
+ * scoped to just this element rather than the whole card.
+ * @csspart actions - The wrapper around the `actions` slot. `hidden`
+ * whenever the slot has no assigned content.
+ * @csspart body - The wrapper around the default slot.
+ */
+export class LyraResultCard extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Small heading for the card. Leave unset for an untitled card (e.g. a
+         *  bare block of `<lyra-result-field>` rows with no natural heading).
+         *  Rendered into the truncating `[part="title"]` span, which also carries
+         *  this value as its own `title` attribute so the disclosure tooltip is
+         *  scoped to that element rather than the whole host. */
+        this.title = '';
+        // See `<lyra-widget>`'s identical `hasActionsSlot` -- a `[part]` wrapper
+        // always contains a literal `<slot>` child regardless of assigned
+        // content, so CSS `:empty` never matches; real emptiness is tracked here
+        // in JS instead and used to both hide the actions wrapper and decide
+        // whether the header row itself has anything to show.
+        this.hasActionsSlot = false;
+        this.onActionsSlotChange = (e) => {
+            this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.hasActionsSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
+        }
+    }
+    render() {
+        const hasTitle = this.title.length > 0;
+        const hasHeader = hasTitle || this.hasActionsSlot;
+        return html `
+      <div part="base">
+        <div part="header" ?hidden=${!hasHeader}>
+          ${hasTitle ? html `<span part="title" title=${this.title}>${this.title}</span>` : nothing}
+          <div part="actions" ?hidden=${!this.hasActionsSlot}>
+            <slot name="actions" @slotchange=${this.onActionsSlotChange}></slot>
+          </div>
+        </div>
+        <div part="body"><slot></slot></div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraResultCard.prototype, "title", void 0);
+__decorate([
+    state()
+], LyraResultCard.prototype, "hasActionsSlot", void 0);
+//# sourceMappingURL=result-card.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"result-card.class.js","sourceRoot":"","sources":["../../../src/components/result-card/result-card.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,yBAAyB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,OAAO,cAAe,SAAQ,WAAW;IAA/C;;QAGE;;;;iEAIyD;QAC7C,UAAK,GAAG,EAAE,CAAC;QAEvB,yEAAyE;QACzE,kEAAkE;QAClE,yEAAyE;QACzE,qEAAqE;QACrE,sDAAsD;QACrC,mBAAc,GAAG,KAAK,CAAC;QAQhC,wBAAmB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC/C,IAAI,CAAC,cAAc,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACrG,CAAC,CAAC;IAiBJ,CAAC;aAzCQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAgBnC,UAAU;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC;QACtG,CAAC;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC;QAClD,OAAO,IAAI,CAAA;;qCAEsB,CAAC,SAAS;YACnC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO;wCAC1D,CAAC,IAAI,CAAC,cAAc;+CACb,IAAI,CAAC,mBAAmB;;;;;KAKlE,CAAC;IACJ,CAAC;CACF;AAlCa;IAAX,QAAQ,EAAE;6CAAY;AAON;IAAhB,KAAK,EAAE;sDAAgC"}

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

@@ -1,50 +1,2 @@
-import { type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-result-card>` — a small bordered card shell for a custom tool-result
- * renderer's body (see `<lyra-tool-result-view>`'s `registerToolRenderer()`
- * in `../tool-result-view/registry.js`). Purely visual, with no state of its
- * own beyond slot-presence tracking: it gives every custom renderer the same
- * "small card" language (border, radius, optional title + header actions)
- * without each one hand-rolling its own box.
- *
- * Pairs with `<lyra-result-field>` for the label/value rows that typically
- * make up the body, though the default slot accepts any content — nothing
- * here requires a `<lyra-result-field>` specifically.
- *
- * @customElement lyra-result-card
- * @slot - The card body — typically one or more `<lyra-result-field>` rows.
- * @slot actions - Small header controls (e.g. a copy button), rendered
- * alongside the title.
- * @csspart base - The outer bordered container.
- * @csspart header - The header row wrapping the title and the `actions`
- * slot. Present in the DOM at all times (so a later `slotchange` on
- * `actions` is still observed) but `hidden` whenever there is no `title`
- * and no `actions` content — an untitled, action-less card has no visible
- * header bar at all.
- * @csspart title - The title text. Truncates with an ellipsis when it
- * overflows; carries its own native `title` attribute (the full string) so
- * hovering the truncated text reveals it via the browser's default tooltip,
- * scoped to just this element rather than the whole card.
- * @csspart actions - The wrapper around the `actions` slot. `hidden`
- * whenever the slot has no assigned content.
- * @csspart body - The wrapper around the default slot.
- */
-export declare class LyraResultCard extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** Small heading for the card. Leave unset for an untitled card (e.g. a
-     *  bare block of `<lyra-result-field>` rows with no natural heading).
-     *  Rendered into the truncating `[part="title"]` span, which also carries
-     *  this value as its own `title` attribute so the disclosure tooltip is
-     *  scoped to that element rather than the whole host. */
-    title: string;
-    private hasActionsSlot;
-    protected willUpdate(): void;
-    private onActionsSlotChange;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-result-card': LyraResultCard;
-    }
-}
+export * from './result-card.class.js';
+//# sourceMappingURL=result-card.d.ts.map

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

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

package/dist/components/result-card/result-card.js

@@ -1,89 +1,5 @@
-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';
+export * from './result-card.class.js';
+import { LyraResultCard } from './result-card.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { styles } from './result-card.styles.js';
-/**
- * `<lyra-result-card>` — a small bordered card shell for a custom tool-result
- * renderer's body (see `<lyra-tool-result-view>`'s `registerToolRenderer()`
- * in `../tool-result-view/registry.js`). Purely visual, with no state of its
- * own beyond slot-presence tracking: it gives every custom renderer the same
- * "small card" language (border, radius, optional title + header actions)
- * without each one hand-rolling its own box.
- *
- * Pairs with `<lyra-result-field>` for the label/value rows that typically
- * make up the body, though the default slot accepts any content — nothing
- * here requires a `<lyra-result-field>` specifically.
- *
- * @customElement lyra-result-card
- * @slot - The card body — typically one or more `<lyra-result-field>` rows.
- * @slot actions - Small header controls (e.g. a copy button), rendered
- * alongside the title.
- * @csspart base - The outer bordered container.
- * @csspart header - The header row wrapping the title and the `actions`
- * slot. Present in the DOM at all times (so a later `slotchange` on
- * `actions` is still observed) but `hidden` whenever there is no `title`
- * and no `actions` content — an untitled, action-less card has no visible
- * header bar at all.
- * @csspart title - The title text. Truncates with an ellipsis when it
- * overflows; carries its own native `title` attribute (the full string) so
- * hovering the truncated text reveals it via the browser's default tooltip,
- * scoped to just this element rather than the whole card.
- * @csspart actions - The wrapper around the `actions` slot. `hidden`
- * whenever the slot has no assigned content.
- * @csspart body - The wrapper around the default slot.
- */
-export class LyraResultCard extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** Small heading for the card. Leave unset for an untitled card (e.g. a
-         *  bare block of `<lyra-result-field>` rows with no natural heading).
-         *  Rendered into the truncating `[part="title"]` span, which also carries
-         *  this value as its own `title` attribute so the disclosure tooltip is
-         *  scoped to that element rather than the whole host. */
-        this.title = '';
-        // See `<lyra-widget>`'s identical `hasActionsSlot` -- a `[part]` wrapper
-        // always contains a literal `<slot>` child regardless of assigned
-        // content, so CSS `:empty` never matches; real emptiness is tracked here
-        // in JS instead and used to both hide the actions wrapper and decide
-        // whether the header row itself has anything to show.
-        this.hasActionsSlot = false;
-        this.onActionsSlotChange = (e) => {
-            this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    willUpdate() {
-        if (!this.hasUpdated) {
-            this.hasActionsSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
-        }
-    }
-    render() {
-        const hasTitle = this.title.length > 0;
-        const hasHeader = hasTitle || this.hasActionsSlot;
-        return html `
-      <div part="base">
-        <div part="header" ?hidden=${!hasHeader}>
-          ${hasTitle ? html `<span part="title" title=${this.title}>${this.title}</span>` : nothing}
-          <div part="actions" ?hidden=${!this.hasActionsSlot}>
-            <slot name="actions" @slotchange=${this.onActionsSlotChange}></slot>
-          </div>
-        </div>
-        <div part="body"><slot></slot></div>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property()
-], LyraResultCard.prototype, "title", void 0);
-__decorate([
-    state()
-], LyraResultCard.prototype, "hasActionsSlot", void 0);
 defineElement('result-card', LyraResultCard);
+//# sourceMappingURL=result-card.js.map

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

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

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

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

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

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

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

@@ -6,18 +6,18 @@ export const styles = css `
   [part='base'] {
     display: flex;
     flex-direction: column;
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     border-radius: var(--lyra-radius);
     background: var(--lyra-color-surface);
     overflow: hidden;
-    font-size: 0.8125rem;
+    font-size: var(--lyra-font-size-sm);
   }
   [part='header'] {
     display: flex;
     align-items: center;
     gap: var(--lyra-space-s);
     padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border-block-end: 1px solid var(--lyra-color-border);
+    border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
   }
   [part='header'][hidden] {
     display: none;
@@ -26,7 +26,7 @@ export const styles = css `
     flex: 1 1 auto;
     min-inline-size: 0;
     color: var(--lyra-color-text);
-    font-weight: 600;
+    font-weight: var(--lyra-font-weight-semibold);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -47,3 +47,4 @@ export const styles = css `
     padding: var(--lyra-space-s);
   }
 `;
+//# sourceMappingURL=result-card.styles.js.map

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

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

package/dist/components/result-card/result-field.class.d.ts

@@ -0,0 +1,37 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-result-field>` — a single label/value row, meant for use inside a
+ * `<lyra-result-card>` body (though it works standalone too). Renders as a
+ * dense "label: value" line by default — e.g. "Status: 200 OK" or
+ * "Duration: 340ms" — matching the compact, small-card presentation this
+ * pair exists for.
+ *
+ * @customElement lyra-result-field
+ * @slot - Rich value content (e.g. a `<lyra-chip>` status badge, or a plain
+ * text override), taking precedence over the `value` prop whenever it has
+ * any assigned content.
+ * @csspart base - The row container.
+ * @csspart label - The label text (including its trailing colon).
+ * @csspart value - The wrapper around the value — either the slotted
+ * content or the plain `value` prop text.
+ */
+export declare class LyraResultField extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The field name, e.g. "Status". Leave unset to render a value with no label. */
+    label: string;
+    /** Plain-text value, e.g. "200 OK". Ignored once the default slot carries
+     *  real content — see the `@slot` doc. */
+    value: string;
+    private hasValueSlot;
+    protected willUpdate(): void;
+    firstUpdated(): void;
+    private onSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-result-field': LyraResultField;
+    }
+}
+//# sourceMappingURL=result-field.class.d.ts.map

package/dist/components/result-card/result-field.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-field.class.d.ts","sourceRoot":"","sources":["../../../src/components/result-card/result-field.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAe7D;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,iCAAgC;IAE7C,kFAAkF;IACtE,KAAK,SAAM;IAEvB;8CAC0C;IAC9B,KAAK,SAAM;IAEd,OAAO,CAAC,YAAY,CAAS;IAEtC,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,YAAY,IAAI,IAAI,CAOnB;IAED,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM,IAAI,cAAc,CAUvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/result-card/result-field.class.js

@@ -0,0 +1,86 @@
+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 './result-field.styles.js';
+// An element always counts as real slot content, even one with no text of
+// its own (e.g. a `<lyra-chip>` status badge whose label comes from an
+// attribute, not slotted text) -- assignedElements()-only checks (as
+// lyra-widget's hasActionsSlot/lyra-source-card's hasFullSlot use) would
+// miss that case. A bare text node only counts once trimmed of whitespace,
+// matching lyra-checkbox's hasLabelSlot. Together this catches both a
+// plain-text value override (`<lyra-result-field label="Status">200 OK`)
+// and a rich slotted badge.
+function hasRealContent(nodes) {
+    return nodes.some((n) => n.nodeType === Node.ELEMENT_NODE || (n.textContent ?? '').trim().length > 0);
+}
+/**
+ * `<lyra-result-field>` — a single label/value row, meant for use inside a
+ * `<lyra-result-card>` body (though it works standalone too). Renders as a
+ * dense "label: value" line by default — e.g. "Status: 200 OK" or
+ * "Duration: 340ms" — matching the compact, small-card presentation this
+ * pair exists for.
+ *
+ * @customElement lyra-result-field
+ * @slot - Rich value content (e.g. a `<lyra-chip>` status badge, or a plain
+ * text override), taking precedence over the `value` prop whenever it has
+ * any assigned content.
+ * @csspart base - The row container.
+ * @csspart label - The label text (including its trailing colon).
+ * @csspart value - The wrapper around the value — either the slotted
+ * content or the plain `value` prop text.
+ */
+export class LyraResultField extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The field name, e.g. "Status". Leave unset to render a value with no label. */
+        this.label = '';
+        /** Plain-text value, e.g. "200 OK". Ignored once the default slot carries
+         *  real content — see the `@slot` doc. */
+        this.value = '';
+        this.hasValueSlot = false;
+        this.onSlotChange = (e) => {
+            this.hasValueSlot = hasRealContent(e.target.assignedNodes({ flatten: true }));
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.hasValueSlot = hasRealContent(Array.from(this.childNodes));
+        }
+    }
+    firstUpdated() {
+        // Fallback reconciliation against the fully-resolved slot assignment,
+        // the same belt-and-suspenders pass lyra-source-card's hasFullSlot and
+        // lyra-empty's hasIcon/hasActions take -- a no-op in the common case
+        // since willUpdate already seeded the correct value above.
+        const slot = this.shadowRoot.querySelector('slot');
+        this.hasValueSlot = hasRealContent(slot.assignedNodes({ flatten: true }));
+    }
+    render() {
+        const hasLabel = this.label.length > 0;
+        return html `
+      <div part="base">
+        ${hasLabel ? html `<span part="label">${this.label}:</span>` : nothing}
+        <span part="value"
+          >${this.hasValueSlot ? nothing : this.value}<slot @slotchange=${this.onSlotChange}></slot
+        ></span>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraResultField.prototype, "label", void 0);
+__decorate([
+    property()
+], LyraResultField.prototype, "value", void 0);
+__decorate([
+    state()
+], LyraResultField.prototype, "hasValueSlot", void 0);
+//# sourceMappingURL=result-field.class.js.map

package/dist/components/result-card/result-field.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-field.class.js","sourceRoot":"","sources":["../../../src/components/result-card/result-field.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,0BAA0B,CAAC;AAElD,0EAA0E;AAC1E,uEAAuE;AACvE,qEAAqE;AACrE,yEAAyE;AACzE,2EAA2E;AAC3E,sEAAsE;AACtE,yEAAyE;AACzE,4BAA4B;AAC5B,SAAS,cAAc,CAAC,KAAa;IACnC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACxG,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QAGE,kFAAkF;QACtE,UAAK,GAAG,EAAE,CAAC;QAEvB;kDAC0C;QAC9B,UAAK,GAAG,EAAE,CAAC;QAEN,iBAAY,GAAG,KAAK,CAAC;QAiB9B,iBAAY,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,cAAc,CAAE,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACrG,CAAC,CAAC;IAaJ,CAAC;aAzCQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAWnC,UAAU;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IAED,YAAY;QACV,sEAAsE;QACtE,uEAAuE;QACvE,qEAAqE;QACrE,2DAA2D;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAoB,CAAC;QACvE,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;IAMD,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,OAAO,IAAI,CAAA;;UAEL,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO;;aAEhE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,qBAAqB,IAAI,CAAC,YAAY;;;KAGtF,CAAC;IACJ,CAAC;CACF;AAtCa;IAAX,QAAQ,EAAE;8CAAY;AAIX;IAAX,QAAQ,EAAE;8CAAY;AAEN;IAAhB,KAAK,EAAE;qDAA8B"}

package/dist/components/result-card/result-field.d.ts

@@ -1,36 +1,2 @@
-import { type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-result-field>` — a single label/value row, meant for use inside a
- * `<lyra-result-card>` body (though it works standalone too). Renders as a
- * dense "label: value" line by default — e.g. "Status: 200 OK" or
- * "Duration: 340ms" — matching the compact, small-card presentation this
- * pair exists for.
- *
- * @customElement lyra-result-field
- * @slot - Rich value content (e.g. a `<lyra-chip>` status badge, or a plain
- * text override), taking precedence over the `value` prop whenever it has
- * any assigned content.
- * @csspart base - The row container.
- * @csspart label - The label text (including its trailing colon).
- * @csspart value - The wrapper around the value — either the slotted
- * content or the plain `value` prop text.
- */
-export declare class LyraResultField extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** The field name, e.g. "Status". Leave unset to render a value with no label. */
-    label: string;
-    /** Plain-text value, e.g. "200 OK". Ignored once the default slot carries
-     *  real content — see the `@slot` doc. */
-    value: string;
-    private hasValueSlot;
-    protected willUpdate(): void;
-    firstUpdated(): void;
-    private onSlotChange;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-result-field': LyraResultField;
-    }
-}
+export * from './result-field.class.js';
+//# sourceMappingURL=result-field.d.ts.map

package/dist/components/result-card/result-field.d.ts.map

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

package/dist/components/result-card/result-field.js

@@ -1,87 +1,5 @@
-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';
+export * from './result-field.class.js';
+import { LyraResultField } from './result-field.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { styles } from './result-field.styles.js';
-// An element always counts as real slot content, even one with no text of
-// its own (e.g. a `<lyra-chip>` status badge whose label comes from an
-// attribute, not slotted text) -- assignedElements()-only checks (as
-// lyra-widget's hasActionsSlot/lyra-source-card's hasFullSlot use) would
-// miss that case. A bare text node only counts once trimmed of whitespace,
-// matching lyra-checkbox's hasLabelSlot. Together this catches both a
-// plain-text value override (`<lyra-result-field label="Status">200 OK`)
-// and a rich slotted badge.
-function hasRealContent(nodes) {
-    return nodes.some((n) => n.nodeType === Node.ELEMENT_NODE || (n.textContent ?? '').trim().length > 0);
-}
-/**
- * `<lyra-result-field>` — a single label/value row, meant for use inside a
- * `<lyra-result-card>` body (though it works standalone too). Renders as a
- * dense "label: value" line by default — e.g. "Status: 200 OK" or
- * "Duration: 340ms" — matching the compact, small-card presentation this
- * pair exists for.
- *
- * @customElement lyra-result-field
- * @slot - Rich value content (e.g. a `<lyra-chip>` status badge, or a plain
- * text override), taking precedence over the `value` prop whenever it has
- * any assigned content.
- * @csspart base - The row container.
- * @csspart label - The label text (including its trailing colon).
- * @csspart value - The wrapper around the value — either the slotted
- * content or the plain `value` prop text.
- */
-export class LyraResultField extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** The field name, e.g. "Status". Leave unset to render a value with no label. */
-        this.label = '';
-        /** Plain-text value, e.g. "200 OK". Ignored once the default slot carries
-         *  real content — see the `@slot` doc. */
-        this.value = '';
-        this.hasValueSlot = false;
-        this.onSlotChange = (e) => {
-            this.hasValueSlot = hasRealContent(e.target.assignedNodes({ flatten: true }));
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    willUpdate() {
-        if (!this.hasUpdated) {
-            this.hasValueSlot = hasRealContent(Array.from(this.childNodes));
-        }
-    }
-    firstUpdated() {
-        // Fallback reconciliation against the fully-resolved slot assignment,
-        // the same belt-and-suspenders pass lyra-source-card's hasFullSlot and
-        // lyra-empty's hasIcon/hasActions take -- a no-op in the common case
-        // since willUpdate already seeded the correct value above.
-        const slot = this.shadowRoot.querySelector('slot');
-        this.hasValueSlot = hasRealContent(slot.assignedNodes({ flatten: true }));
-    }
-    render() {
-        const hasLabel = this.label.length > 0;
-        return html `
-      <div part="base">
-        ${hasLabel ? html `<span part="label">${this.label}:</span>` : nothing}
-        <span part="value"
-          >${this.hasValueSlot ? nothing : this.value}<slot @slotchange=${this.onSlotChange}></slot
-        ></span>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property()
-], LyraResultField.prototype, "label", void 0);
-__decorate([
-    property()
-], LyraResultField.prototype, "value", void 0);
-__decorate([
-    state()
-], LyraResultField.prototype, "hasValueSlot", void 0);
 defineElement('result-field', LyraResultField);
+//# sourceMappingURL=result-field.js.map

package/dist/components/result-card/result-field.js.map

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

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

package/dist/components/result-card/result-field.styles.d.ts.map

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

package/dist/components/result-card/result-field.styles.js

@@ -13,8 +13,8 @@ export const styles = css `
     align-items: baseline;
     flex-wrap: wrap;
     column-gap: var(--lyra-space-xs);
-    font-size: 0.8125rem;
-    line-height: 1.4;
+    font-size: var(--lyra-font-size-sm);
+    line-height: var(--lyra-line-height-1-4);
   }
   [part='label'] {
     flex: 0 0 auto;
@@ -30,3 +30,4 @@ export const styles = css `
     vertical-align: middle;
   }
 `;
+//# sourceMappingURL=result-field.styles.js.map

package/dist/components/result-card/result-field.styles.js.map

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

@@ -0,0 +1,44 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface SegmentedItem {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface LyraSegmentedEventMap {
+    'lyra-change': CustomEvent<{
+        value: string;
+    }>;
+}
+/**
+ * `<lyra-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract
+ * built in: `role="radiogroup"`/`role="radio"`, roving tabindex, automatic activation (click or
+ * arrow-key move both select immediately, like a native radio group), cyclic Arrow/Home/End
+ * navigation among non-disabled items. First-party invention (no Web Awesome equivalent) --
+ * "choose exactly one of N labeled options, rendered as a button row" is ubiquitous
+ * settings/filter-panel UI.
+ *
+ * @customElement lyra-segmented
+ * @event lyra-change - Fired when the selected value changes via click or keyboard.
+ *   `detail: { value }`.
+ * @csspart base - The `role="radiogroup"` root.
+ * @csspart segment - A single `role="radio"` button.
+ * @csspart segment-label - The segment's label text.
+ */
+export declare class LyraSegmented extends LyraElement<LyraSegmentedEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The button row's items. */
+    items: SegmentedItem[];
+    /** The currently selected item's `value`. */
+    value: string;
+    private select;
+    private focusItem;
+    private onKeyDown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-segmented': LyraSegmented;
+    }
+}
+//# sourceMappingURL=segmented.class.d.ts.map