@aceshooting/lyra-ui 2.12.0 → 2.13.0

package/dist/components/overlay/tooltip.class.d.ts

@@ -0,0 +1,41 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import type { Placement } from '@floating-ui/dom';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-tooltip>` — a localized, hover/focus tooltip for a consumer-owned trigger.
+ *
+ * @customElement lyra-tooltip
+ * @slot trigger - The element that receives hover/focus listeners.
+ * @slot - Tooltip content.
+ * @csspart trigger - The trigger wrapper.
+ * @csspart popup - The tooltip popup.
+ */
+export declare class LyraTooltip extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    open: boolean;
+    manual: boolean;
+    delay: number;
+    placement: Placement;
+    distance: number;
+    content: string;
+    accessibleLabel: string;
+    private trigger?;
+    private cleanup?;
+    private timer?;
+    private readonly tooltipId;
+    protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private position;
+    private syncTriggerA11y;
+    private setOpen;
+    private onTriggerSlotChange;
+    private onEnter;
+    private onLeave;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-tooltip': LyraTooltip;
+    }
+}
+//# sourceMappingURL=tooltip.class.d.ts.map

package/dist/components/overlay/tooltip.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.class.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/tooltip.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D;;;;;;;;GAQG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,iCAAuC;IACR,IAAI,UAAS;IAC5B,MAAM,UAAS;IAChB,KAAK,SAAO;IACX,SAAS,EAAE,SAAS,CAAS;IAC9B,QAAQ,SAAK;IAC7B,OAAO,SAAM;IACc,eAAe,SAAM;IACnD,OAAO,CAAC,OAAO,CAAC,CAAc;IACvC,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,KAAK,CAAC,CAAgC;IAC9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAqB;IAE/C,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAO/C;IACD,oBAAoB,IAAI,IAAI,CAK3B;IACD,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,mBAAmB,CAQzB;IACF,OAAO,CAAC,OAAO,CAAyD;IACxE,OAAO,CAAC,OAAO,CAA0D;IACzE,MAAM,IAAI,cAAc,CAQvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,WAAW,CAAC;KAAE;CAAE"}

package/dist/components/overlay/tooltip.class.js

@@ -0,0 +1,118 @@
+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 { nextId } from '../../internal/a11y.js';
+import { place } from '../../internal/positioner.js';
+import { rtlAwarePlacement } from '../../internal/rtl.js';
+import { tooltipStyles } from './overlay.styles.js';
+/**
+ * `<lyra-tooltip>` — a localized, hover/focus tooltip for a consumer-owned trigger.
+ *
+ * @customElement lyra-tooltip
+ * @slot trigger - The element that receives hover/focus listeners.
+ * @slot - Tooltip content.
+ * @csspart trigger - The trigger wrapper.
+ * @csspart popup - The tooltip popup.
+ */
+export class LyraTooltip extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.manual = false;
+        this.delay = 150;
+        this.placement = 'top';
+        this.distance = 6;
+        this.content = '';
+        this.accessibleLabel = '';
+        this.tooltipId = nextId('tooltip');
+        this.onTriggerSlotChange = (event) => {
+            this.trigger = event.target.assignedElements({ flatten: true })[0];
+            if (!this.trigger)
+                return;
+            this.trigger.addEventListener('mouseenter', this.onEnter);
+            this.trigger.addEventListener('mouseleave', this.onLeave);
+            this.trigger.addEventListener('focus', this.onEnter);
+            this.trigger.addEventListener('blur', this.onLeave);
+            this.syncTriggerA11y();
+        };
+        this.onEnter = () => { if (!this.manual)
+            this.setOpen(true); };
+        this.onLeave = () => { if (!this.manual)
+            this.setOpen(false); };
+    }
+    static { this.styles = [LyraElement.styles, tooltipStyles]; }
+    updated(changed) {
+        if (changed.has('open') || changed.has('placement') || changed.has('distance')) {
+            this.cleanup?.();
+            this.cleanup = undefined;
+            if (this.open)
+                this.position();
+            this.syncTriggerA11y();
+        }
+    }
+    disconnectedCallback() {
+        clearTimeout(this.timer);
+        this.cleanup?.();
+        this.cleanup = undefined;
+        super.disconnectedCallback();
+    }
+    position() {
+        const popup = this.renderRoot.querySelector('[part="popup"]');
+        if (this.open && this.trigger && popup)
+            this.cleanup = place(this.trigger, popup, { placement: rtlAwarePlacement(this.placement, this), offset: this.distance });
+    }
+    syncTriggerA11y() {
+        if (!this.trigger)
+            return;
+        this.trigger.setAttribute('aria-describedby', this.open ? this.tooltipId : '');
+        if (!this.open)
+            this.trigger.removeAttribute('aria-describedby');
+    }
+    setOpen(next) {
+        clearTimeout(this.timer);
+        if (next && this.delay > 0)
+            this.timer = setTimeout(() => { this.open = true; }, this.delay);
+        else
+            this.open = next;
+    }
+    render() {
+        const label = this.getAttribute('aria-label') || this.accessibleLabel || nothing;
+        return html `
+      <span part="trigger"><slot name="trigger" @slotchange=${this.onTriggerSlotChange}></slot></span>
+      <div id=${this.tooltipId} part="popup" role="tooltip" aria-label=${label} ?data-hidden=${!this.open}>
+        <slot>${this.content}</slot>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraTooltip.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], LyraTooltip.prototype, "manual", void 0);
+__decorate([
+    property({ type: Number })
+], LyraTooltip.prototype, "delay", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraTooltip.prototype, "placement", void 0);
+__decorate([
+    property({ type: Number })
+], LyraTooltip.prototype, "distance", void 0);
+__decorate([
+    property()
+], LyraTooltip.prototype, "content", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraTooltip.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], LyraTooltip.prototype, "trigger", void 0);
+//# sourceMappingURL=tooltip.class.js.map

package/dist/components/overlay/tooltip.class.js.map

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

package/dist/components/overlay/tooltip.d.ts

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

package/dist/components/overlay/tooltip.d.ts.map

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

package/dist/components/overlay/tooltip.js

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

package/dist/components/overlay/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/overlay/tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type ProgressVariant = 'brand' | 'success' | 'warning' | 'danger';
+/**
+ * `<lyra-progress-bar>` — a determinate or indeterminate progress indicator.
+ *
+ * @customElement lyra-progress-bar
+ * @slot label - Optional label content.
+ * @csspart base - The progress wrapper.
+ * @csspart track - The track.
+ * @csspart indicator - The filled progress indicator.
+ * @csspart label - The label row.
+ */
+export declare class LyraProgressBar extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    value: number;
+    max: number;
+    indeterminate: boolean;
+    variant: ProgressVariant;
+    showValue: boolean;
+    accessibleLabel: string;
+    private get percent();
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-progress-bar': LyraProgressBar;
+    }
+}
+//# sourceMappingURL=progress-bar.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.class.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress-bar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEzE;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,iCAAgC;IACjB,KAAK,SAAK;IACV,GAAG,SAAO;IACM,aAAa,UAAS;IACrC,OAAO,EAAE,eAAe,CAAW;IACV,SAAS,UAAS;IAC3B,eAAe,SAAM;IAClE,OAAO,KAAK,OAAO,GAAiG;IACpH,MAAM,IAAI,cAAc,CAQvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,eAAe,CAAC;KAAE;CAAE"}

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

@@ -0,0 +1,61 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './progress.styles.js';
+/**
+ * `<lyra-progress-bar>` — a determinate or indeterminate progress indicator.
+ *
+ * @customElement lyra-progress-bar
+ * @slot label - Optional label content.
+ * @csspart base - The progress wrapper.
+ * @csspart track - The track.
+ * @csspart indicator - The filled progress indicator.
+ * @csspart label - The label row.
+ */
+export class LyraProgressBar extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+        this.max = 100;
+        this.indeterminate = false;
+        this.variant = 'brand';
+        this.showValue = false;
+        this.accessibleLabel = '';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    get percent() { return Math.max(0, Math.min(100, this.max > 0 ? this.value / this.max * 100 : 0)); }
+    render() {
+        const value = this.indeterminate ? nothing : String(this.value);
+        const label = this.accessibleLabel || this.localize('progress');
+        return html `<div part="base" role="progressbar" aria-label=${label}
+      aria-valuemin="0" aria-valuemax=${this.max} aria-valuenow=${this.indeterminate ? nothing : this.value}>
+      <div part="label" ?hidden=${!this.showValue}><slot name="label"></slot>${this.showValue && !this.indeterminate ? html `<span>${value}%</span>` : nothing}</div>
+      <div part="track"><div part="indicator" style="inline-size:${this.indeterminate ? '40%' : `${this.percent}%`}"></div></div>
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: Number })
+], LyraProgressBar.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], LyraProgressBar.prototype, "max", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraProgressBar.prototype, "indeterminate", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraProgressBar.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-value' })
+], LyraProgressBar.prototype, "showValue", void 0);
+__decorate([
+    property({ attribute: 'accessible-label' })
+], LyraProgressBar.prototype, "accessibleLabel", void 0);
+//# sourceMappingURL=progress-bar.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.class.js","sourceRoot":"","sources":["../../../src/components/progress/progress-bar.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C;;;;;;;;;GASG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QAE8B,UAAK,GAAG,CAAC,CAAC;QACV,QAAG,GAAG,GAAG,CAAC;QACM,kBAAa,GAAG,KAAK,CAAC;QACrC,YAAO,GAAoB,OAAO,CAAC;QACV,cAAS,GAAG,KAAK,CAAC;QAC3B,oBAAe,GAAG,EAAE,CAAC;IAWpE,CAAC;aAjBQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAO7C,IAAY,OAAO,KAAa,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpH,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChE,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAChE,OAAO,IAAI,CAAA,kDAAkD,KAAK;wCAC9B,IAAI,CAAC,GAAG,kBAAkB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;kCACzE,CAAC,IAAI,CAAC,SAAS,8BAA8B,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO;mEAC1F,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG;WACvG,CAAC;IACV,CAAC;CACF;AAhB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAW;AACM;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAuB;AACrC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAoC;AACV;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDAAmB;AAC3B;IAA5C,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDAAsB"}

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

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

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

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

package/dist/components/progress/progress-bar.js

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

package/dist/components/progress/progress-bar.js.map

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

@@ -0,0 +1,27 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-progress-ring>` — a circular determinate or indeterminate progress indicator.
+ *
+ * @customElement lyra-progress-ring
+ * @slot - Optional center label.
+ * @csspart base - The progress wrapper.
+ * @csspart track - The SVG track.
+ * @csspart indicator - The SVG indicator.
+ * @csspart label - The center label.
+ */
+export declare class LyraProgressRing extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    value: number;
+    max: number;
+    indeterminate: boolean;
+    accessibleLabel: string;
+    private get percent();
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-progress-ring': LyraProgressRing;
+    }
+}
+//# sourceMappingURL=progress-ring.class.d.ts.map

package/dist/components/progress/progress-ring.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-ring.class.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress-ring.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,CAAC,MAAM,iCAAoC;IACrB,KAAK,SAAK;IACV,GAAG,SAAO;IACM,aAAa,UAAS;IACrB,eAAe,SAAM;IAClE,OAAO,KAAK,OAAO,GAAiG;IACpH,MAAM,IAAI,cAAc,CAcvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,oBAAoB,EAAE,gBAAgB,CAAC;KAAE;CAAE"}

package/dist/components/progress/progress-ring.class.js

@@ -0,0 +1,59 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { ringStyles } from './progress.styles.js';
+/**
+ * `<lyra-progress-ring>` — a circular determinate or indeterminate progress indicator.
+ *
+ * @customElement lyra-progress-ring
+ * @slot - Optional center label.
+ * @csspart base - The progress wrapper.
+ * @csspart track - The SVG track.
+ * @csspart indicator - The SVG indicator.
+ * @csspart label - The center label.
+ */
+export class LyraProgressRing extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+        this.max = 100;
+        this.indeterminate = false;
+        this.accessibleLabel = '';
+    }
+    static { this.styles = [LyraElement.styles, ringStyles]; }
+    get percent() { return Math.max(0, Math.min(100, this.max > 0 ? this.value / this.max * 100 : 0)); }
+    render() {
+        const radius = 42;
+        const circumference = 2 * Math.PI * radius;
+        const offset = circumference * (1 - this.percent / 100);
+        const label = this.accessibleLabel || this.localize('progress');
+        return html `<div part="base" role="progressbar" aria-label=${label}
+      aria-valuemin="0" aria-valuemax=${this.max} aria-valuenow=${this.indeterminate ? null : this.value}>
+      <svg viewBox="0 0 100 100" aria-hidden="true">
+        <circle part="track" cx="50" cy="50" r=${radius} stroke-width="10"></circle>
+        <circle part="indicator" cx="50" cy="50" r=${radius} stroke-width="10"
+          stroke-dasharray=${circumference} stroke-dashoffset=${this.indeterminate ? circumference * 0.65 : offset}></circle>
+      </svg>
+      <span part="label"><slot>${this.indeterminate ? '' : `${Math.round(this.percent)}%`}</slot></span>
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: Number })
+], LyraProgressRing.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], LyraProgressRing.prototype, "max", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraProgressRing.prototype, "indeterminate", void 0);
+__decorate([
+    property({ attribute: 'accessible-label' })
+], LyraProgressRing.prototype, "accessibleLabel", void 0);
+//# sourceMappingURL=progress-ring.class.js.map

package/dist/components/progress/progress-ring.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-ring.class.js","sourceRoot":"","sources":["../../../src/components/progress/progress-ring.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;;;;;;GASG;AACH,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAAjD;;QAE8B,UAAK,GAAG,CAAC,CAAC;QACV,QAAG,GAAG,GAAG,CAAC;QACM,kBAAa,GAAG,KAAK,CAAC;QACrB,oBAAe,GAAG,EAAE,CAAC;IAiBpE,CAAC;aArBQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,AAAnC,CAAoC;IAKjD,IAAY,OAAO,KAAa,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpH,MAAM;QACJ,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;QAC3C,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAChE,OAAO,IAAI,CAAA,kDAAkD,KAAK;wCAC9B,IAAI,CAAC,GAAG,kBAAkB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;iDAEvD,MAAM;qDACF,MAAM;6BAC9B,aAAa,sBAAsB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;;iCAEjF,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG;WAC9E,CAAC;IACV,CAAC;CACF;AApB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAW;AACM;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAuB;AACrB;IAA5C,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;yDAAsB"}

package/dist/components/progress/progress-ring.d.ts

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

package/dist/components/progress/progress-ring.d.ts.map

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

package/dist/components/progress/progress-ring.js

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

package/dist/components/progress/progress-ring.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAUlB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAStB,CAAC"}

package/dist/components/progress/progress.styles.js

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; color: var(--lyra-color-brand); }
+  [part='base'] { display: block; }
+  [part='track'] { overflow: hidden; inline-size: 100%; block-size: var(--lyra-progress-height, var(--lyra-size-0-5rem)); border-radius: var(--lyra-radius-pill); background: var(--lyra-color-brand-quiet); }
+  [part='indicator'] { block-size: 100%; border-radius: inherit; background: var(--lyra-color-brand); transition: inline-size var(--lyra-transition-base); }
+  :host([indeterminate]) [part='indicator'] { inline-size: 40%; animation: lyra-progress-slide var(--lyra-progress-duration, 1.2s) ease-in-out infinite alternate; }
+  [part='label'] { display: flex; justify-content: space-between; gap: var(--lyra-space-s); margin-block-end: var(--lyra-space-xs); color: var(--lyra-color-text); font-size: var(--lyra-font-size-sm); }
+  [part='label'][hidden] { display: none; }
+  @keyframes lyra-progress-slide { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
+  @media (prefers-reduced-motion: reduce) { [part='indicator'] { transition: none; animation: none !important; } }
+`;
+export const ringStyles = css `
+  :host { display: inline-block; color: var(--lyra-color-brand); }
+  [part='base'] { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--lyra-progress-ring-size, var(--lyra-size-2-5rem)); block-size: var(--lyra-progress-ring-size, var(--lyra-size-2-5rem)); }
+  svg { inline-size: 100%; block-size: 100%; transform: rotate(-90deg); }
+  circle { fill: none; stroke-linecap: round; }
+  [part='track'] { stroke: var(--lyra-color-brand-quiet); }
+  [part='indicator'] { stroke: var(--lyra-color-brand); transition: stroke-dashoffset var(--lyra-transition-base); }
+  [part='label'] { position: absolute; color: var(--lyra-color-text); font-size: var(--lyra-font-size-sm); }
+  @media (prefers-reduced-motion: reduce) { [part='indicator'] { transition: none; } }
+`;
+//# sourceMappingURL=progress.styles.js.map

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

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

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

@@ -0,0 +1,49 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { LyraRadio } from './radio.class.js';
+export interface LyraRadioGroupEventMap {
+    'lyra-change': CustomEvent<{
+        value: string;
+        radio: LyraRadio;
+    }>;
+}
+/**
+ * `<lyra-radio-group>` — a labeled, keyboard-navigable group of radios.
+ *
+ * @customElement lyra-radio-group
+ * @slot - Radio controls.
+ * @slot label - Visible group label.
+ * @slot hint - Supporting text.
+ * @slot error - Validation text.
+ * @event lyra-change - A radio was selected. `detail: { value, radio }`.
+ * @csspart base - The radiogroup wrapper.
+ * @csspart label - The group label.
+ * @csspart hint - Supporting text.
+ * @csspart error - Validation text.
+ */
+export declare class LyraRadioGroup extends LyraElement<LyraRadioGroupEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    label: string;
+    hint: string;
+    errorText: string;
+    name: string;
+    required: boolean;
+    disabled: boolean;
+    accessibleLabel: string;
+    private hasLabelSlot;
+    private hasHintSlot;
+    private hasErrorSlot;
+    connectedCallback(): void;
+    protected updated(): void;
+    private radios;
+    private syncRadios;
+    private onKeyDown;
+    private onSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-radio-group': LyraRadioGroup;
+    }
+}
+//# sourceMappingURL=radio-group.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.class.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACjE;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAqC;IACtC,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IAC1C,IAAI,SAAM;IACsB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACtB,eAAe,SAAM;IACnD,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAEtC,iBAAiB,IAAI,IAAI,CAGxB;IACD,SAAS,CAAC,OAAO,IAAI,IAAI,CAAuB;IAChD,OAAO,CAAC,MAAM;IAGd,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,SAAS,CAef;IACF,OAAO,CAAC,YAAY,CAMlB;IACF,MAAM,IAAI,cAAc,CAYvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,kBAAkB,EAAE,cAAc,CAAC;KAAE;CAAE"}