@aceshooting/lyra-ui 4.2.0 → 5.0.0

package/dist/components/layout/scroller/scroller.class.d.ts

@@ -0,0 +1,64 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export type ScrollerOrientation = 'horizontal' | 'vertical';
+export interface LyraScrollerEventMap {
+    'lr-scroll': CustomEvent<{
+        scrollStart: boolean;
+        scrollEnd: boolean;
+        scrollLeft: number;
+        scrollTop: number;
+    }>;
+}
+/**
+ * `<lr-scroller>` — a responsive overflow surface with optional previous
+ * and next controls. Content remains in the default slot, so cards, tabs, and
+ * any consumer-owned interactive elements retain their own semantics.
+ *
+ * @customElement lr-scroller
+ * @slot - Scrollable content.
+ * @event lr-scroll - The scroll position or available edge changed.
+ * @csspart base - The overall scroller layout.
+ * @csspart viewport - The native scroll container.
+ * @csspart content - The slotted content wrapper.
+ * @csspart previous - The previous/start control.
+ * @csspart next - The next/end control.
+ * @csspart control - Shared part on both `previous` and `next`.
+ * @csspart previous-glyph - The chevron glyph inside `previous`, mirrored under RTL.
+ * @csspart next-glyph - The chevron glyph inside `next`, mirrored under RTL.
+ * @cssprop --lr-scroller-control-size - Control size.
+ * @cssprop --lr-scroller-min-block-size - Minimum vertical scroller size.
+ */
+export declare class LyraScroller extends LyraElement<LyraScrollerEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    orientation: ScrollerOrientation;
+    controls: boolean;
+    hideScrollbar: boolean;
+    scrollStep: number;
+    label: string;
+    private canScrollStart;
+    private canScrollEnd;
+    private viewport?;
+    private resizeObserver?;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private edgeDetail;
+    private updateEdges;
+    private onScroll;
+    /** `scrollStep` normalized to a finite, non-negative override amount before
+     *  `scrollByDirection()`'s `> 0` gate below -- only a positive value overrides the
+     *  viewport-percentage-based default there; zero, negative, or non-finite already falls through
+     *  to that default via the comparison, so this just makes the normalization explicit instead of
+     *  relying on incidental NaN/negative comparison semantics. */
+    private get safeScrollStep();
+    private scrollByDirection;
+    private scrollToEdge;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-scroller': LyraScroller;
+    }
+}
+//# sourceMappingURL=scroller.class.d.ts.map

package/dist/components/layout/scroller/scroller.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroller.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/scroller/scroller.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC;QACvB,WAAW,EAAE,OAAO,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;CACJ;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAEhB,WAAW,EAAE,mBAAmB,CAAgB;IACjC,QAAQ,UAAS;IACY,aAAa,UAAS;IACzC,UAAU,SAAK;IACzD,KAAK,SAAM;IAEd,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAS;IACV,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC3D,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,iBAAiB,IAAI,IAAI,CAUxB;IAED,YAAY,IAAI,IAAI,CAGnB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAE/C;IAED,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAElD;;;;mEAI+D;IAC/D,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,YAAY;IAapB,MAAM,IAAI,cAAc,CAQvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF"}

package/dist/components/layout/scroller/scroller.class.js

@@ -0,0 +1,165 @@
+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, query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { finiteRange } from '../../../internal/numbers.js';
+import { styles } from './scroller.styles.js';
+/**
+ * `<lr-scroller>` — a responsive overflow surface with optional previous
+ * and next controls. Content remains in the default slot, so cards, tabs, and
+ * any consumer-owned interactive elements retain their own semantics.
+ *
+ * @customElement lr-scroller
+ * @slot - Scrollable content.
+ * @event lr-scroll - The scroll position or available edge changed.
+ * @csspart base - The overall scroller layout.
+ * @csspart viewport - The native scroll container.
+ * @csspart content - The slotted content wrapper.
+ * @csspart previous - The previous/start control.
+ * @csspart next - The next/end control.
+ * @csspart control - Shared part on both `previous` and `next`.
+ * @csspart previous-glyph - The chevron glyph inside `previous`, mirrored under RTL.
+ * @csspart next-glyph - The chevron glyph inside `next`, mirrored under RTL.
+ * @cssprop --lr-scroller-control-size - Control size.
+ * @cssprop --lr-scroller-min-block-size - Minimum vertical scroller size.
+ */
+export class LyraScroller extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.orientation = 'horizontal';
+        this.controls = false;
+        this.hideScrollbar = false;
+        this.scrollStep = 0;
+        this.label = '';
+        this.canScrollStart = false;
+        this.canScrollEnd = false;
+        this.updateEdges = () => {
+            const detail = this.edgeDetail();
+            const changed = detail.scrollStart !== this.canScrollStart || detail.scrollEnd !== this.canScrollEnd;
+            this.canScrollStart = detail.scrollStart;
+            this.canScrollEnd = detail.scrollEnd;
+            if (changed)
+                this.emit('lr-scroll', detail);
+        };
+        this.onScroll = () => this.updateEdges();
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(this.updateEdges);
+        this.resizeObserver?.observe(this);
+        // A reconnect (move in the DOM) re-creates the observer above but the shadow-root content
+        // survives across disconnect/reconnect (Lit doesn't tear it down) -- re-observe the viewport
+        // here too when it already exists. `firstUpdated()` only ever runs once, on the very first
+        // render, so it can't be relied on for a reconnect; on the very first connect `this.viewport`
+        // (a `@query`) isn't resolved yet, so `firstUpdated()` below still does that initial observe.
+        if (this.viewport)
+            this.resizeObserver?.observe(this.viewport);
+    }
+    firstUpdated() {
+        this.resizeObserver?.observe(this.viewport);
+        queueMicrotask(this.updateEdges);
+    }
+    disconnectedCallback() {
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = undefined;
+        super.disconnectedCallback();
+    }
+    updated(changed) {
+        if (changed.has('orientation') || changed.has('controls'))
+            queueMicrotask(this.updateEdges);
+    }
+    edgeDetail() {
+        const viewport = this.viewport;
+        if (!viewport)
+            return { scrollStart: false, scrollEnd: false, scrollLeft: 0, scrollTop: 0 };
+        const horizontal = this.orientation === 'horizontal';
+        const max = horizontal ? Math.max(0, viewport.scrollWidth - viewport.clientWidth) : Math.max(0, viewport.scrollHeight - viewport.clientHeight);
+        const position = horizontal ? viewport.scrollLeft : viewport.scrollTop;
+        const rtl = horizontal && this.effectiveDirection === 'rtl';
+        // Per the CSSOM View spec (what every browser this library targets actually implements),
+        // scrollLeft in RTL runs 0 (inline-start) down to -max (inline-end) -- not the legacy WebKit
+        // convention of max down to 0. Negating (rather than `max - position`) normalizes it back to the
+        // same "distance from inline-start" the LTR branch already computes.
+        const startPosition = rtl ? -position : position;
+        return {
+            scrollStart: startPosition <= 1,
+            scrollEnd: startPosition >= max - 1,
+            scrollLeft: viewport.scrollLeft,
+            scrollTop: viewport.scrollTop,
+        };
+    }
+    /** `scrollStep` normalized to a finite, non-negative override amount before
+     *  `scrollByDirection()`'s `> 0` gate below -- only a positive value overrides the
+     *  viewport-percentage-based default there; zero, negative, or non-finite already falls through
+     *  to that default via the comparison, so this just makes the normalization explicit instead of
+     *  relying on incidental NaN/negative comparison semantics. */
+    get safeScrollStep() {
+        return finiteRange(this.scrollStep, 0, 0);
+    }
+    scrollByDirection(direction) {
+        const viewport = this.viewport;
+        if (!viewport)
+            return;
+        const horizontal = this.orientation === 'horizontal';
+        const step = this.safeScrollStep;
+        const amount = step > 0
+            ? step
+            : horizontal ? Math.max(1, viewport.clientWidth * 0.8) : Math.max(1, viewport.clientHeight * 0.8);
+        const physicalDirection = horizontal && this.effectiveDirection === 'rtl' ? -direction : direction;
+        viewport.scrollBy(horizontal ? { left: amount * physicalDirection } : { top: amount * direction });
+    }
+    scrollToEdge(edge) {
+        const viewport = this.viewport;
+        if (!viewport)
+            return;
+        const horizontal = this.orientation === 'horizontal';
+        if (horizontal) {
+            const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);
+            const rtl = this.effectiveDirection === 'rtl';
+            viewport.scrollTo({ left: edge === 'start' ? 0 : (rtl ? -max : max) });
+        }
+        else {
+            viewport.scrollTo({ top: edge === 'start' ? 0 : viewport.scrollHeight });
+        }
+    }
+    render() {
+        const label = this.label || this.getAttribute('aria-label') || this.localize('scrollerLabel');
+        const vertical = this.orientation === 'vertical';
+        return html `<div part="base">
+      ${this.controls ? html `<button part="control previous" type="button" aria-label=${this.localize('scrollPrevious')} ?disabled=${this.canScrollStart} @click=${() => this.scrollByDirection(-1)} @dblclick=${() => this.scrollToEdge('start')}>${vertical ? html `<span part="previous-glyph" aria-hidden="true">↑</span>` : html `<span part="previous-glyph" aria-hidden="true">‹</span>`}</button>` : nothing}
+      <div part="viewport" role="region" aria-label=${label} tabindex="0" @scroll=${this.onScroll}><div part="content"><slot @slotchange=${this.updateEdges}></slot></div></div>
+      ${this.controls ? html `<button part="control next" type="button" aria-label=${this.localize('scrollNext')} ?disabled=${this.canScrollEnd} @click=${() => this.scrollByDirection(1)} @dblclick=${() => this.scrollToEdge('end')}>${vertical ? html `<span part="next-glyph" aria-hidden="true">↓</span>` : html `<span part="next-glyph" aria-hidden="true">›</span>`}</button>` : nothing}
+    </div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraScroller.prototype, "orientation", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraScroller.prototype, "controls", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-scrollbar', reflect: true })
+], LyraScroller.prototype, "hideScrollbar", void 0);
+__decorate([
+    property({ type: Number, attribute: 'scroll-step' })
+], LyraScroller.prototype, "scrollStep", void 0);
+__decorate([
+    property()
+], LyraScroller.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraScroller.prototype, "canScrollStart", void 0);
+__decorate([
+    state()
+], LyraScroller.prototype, "canScrollEnd", void 0);
+__decorate([
+    query('[part="viewport"]')
+], LyraScroller.prototype, "viewport", void 0);
+//# sourceMappingURL=scroller.class.js.map

package/dist/components/layout/scroller/scroller.class.js.map

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

package/dist/components/layout/scroller/scroller.d.ts.map

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

package/dist/components/layout/scroller/scroller.js

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

package/dist/components/layout/scroller/scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroller.js","sourceRoot":"","sources":["../../../../src/components/layout/scroller/scroller.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/layout/scroller/scroller.styles.d.ts.map

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

package/dist/components/layout/scroller/scroller.styles.js.map

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

package/dist/components/layout/segmented/segmented.class.d.ts

@@ -0,0 +1,65 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export interface SegmentedItem {
+    value: string;
+    label: string;
+    /** Optional leading visual rendered before the label. This is intentionally general content,
+     *  not a square-icon-only field: SVG icons, flag glyphs, badges, and other natural-aspect-ratio
+     *  Lit content are supported. */
+    icon?: unknown;
+    disabled?: boolean;
+}
+export type LyraSegmentedSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+export interface LyraSegmentedEventMap {
+    'lr-change': CustomEvent<{
+        value: string;
+    }>;
+}
+/**
+ * `<lr-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 --
+ * "choose exactly one of N labeled options, rendered as a button row" is ubiquitous
+ * settings/filter-panel UI. Supports the same `2xs`-`xl` compact-form-control `size` scale as
+ * `<lr-select>`/`<lr-combobox>`/`<lr-input>`, so it can sit flush beside those controls in a
+ * toolbar at a matching height.
+ *
+ * @customElement lr-segmented
+ * @event lr-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-icon - Optional leading visual supplied by the item's `icon` field; content
+ *   may have a natural aspect ratio and is not restricted to a square icon.
+ * @csspart segment-label - The segment's label text.
+ * @cssprop [--lr-scroll-fade-size=2rem] - Width of the static fade at each horizontal scroll edge.
+ */
+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;
+    /** Accessible name for the radiogroup, used when no visible label context
+     *  exists around it (e.g. no wrapping `<label>` or adjacent heading). Set
+     *  as `aria-label` on the `role="radiogroup"` element. A plain `aria-label`
+     *  attribute on the host itself is honored as a fallback when this is left
+     *  unset, matching `<lr-slider>`. */
+    label: string;
+    /** Visual size — same `2xs`-`xl` scale as `<lr-select>`/`<lr-combobox>` (`s` through `xl`)
+     *  and `<lr-input>` (`2xs`). Reflects as the `size` attribute. The default `m` tier is
+     *  identical to this component's pre-`size` rendering, so leaving it unset never changes
+     *  output. */
+    size: LyraSegmentedSize;
+    private select;
+    private focusItem;
+    private onKeyDown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-segmented': LyraSegmented;
+    }
+}
+//# sourceMappingURL=segmented.class.d.ts.map

package/dist/components/layout/segmented/segmented.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;qCAEiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtE,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,8BAA8B;IACE,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5D,6CAA6C;IACjC,KAAK,SAAM;IAEvB;;;;yCAIqC;IACzB,KAAK,SAAM;IAEvB;;;kBAGc;IACe,IAAI,EAAE,iBAAiB,CAAO;IAE3D,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS,CA6Bf;IAEF,MAAM,IAAI,cAAc,CA4BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF"}

package/dist/components/layout/segmented/segmented.class.js

@@ -0,0 +1,131 @@
+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 { repeat } from 'lit/directives/repeat.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { isRtl } from '../../../internal/rtl.js';
+import { styles } from './segmented.styles.js';
+/**
+ * `<lr-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 --
+ * "choose exactly one of N labeled options, rendered as a button row" is ubiquitous
+ * settings/filter-panel UI. Supports the same `2xs`-`xl` compact-form-control `size` scale as
+ * `<lr-select>`/`<lr-combobox>`/`<lr-input>`, so it can sit flush beside those controls in a
+ * toolbar at a matching height.
+ *
+ * @customElement lr-segmented
+ * @event lr-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-icon - Optional leading visual supplied by the item's `icon` field; content
+ *   may have a natural aspect ratio and is not restricted to a square icon.
+ * @csspart segment-label - The segment's label text.
+ * @cssprop [--lr-scroll-fade-size=2rem] - Width of the static fade at each horizontal scroll edge.
+ */
+export class LyraSegmented extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The button row's items. */
+        this.items = [];
+        /** The currently selected item's `value`. */
+        this.value = '';
+        /** Accessible name for the radiogroup, used when no visible label context
+         *  exists around it (e.g. no wrapping `<label>` or adjacent heading). Set
+         *  as `aria-label` on the `role="radiogroup"` element. A plain `aria-label`
+         *  attribute on the host itself is honored as a fallback when this is left
+         *  unset, matching `<lr-slider>`. */
+        this.label = '';
+        /** Visual size — same `2xs`-`xl` scale as `<lr-select>`/`<lr-combobox>` (`s` through `xl`)
+         *  and `<lr-input>` (`2xs`). Reflects as the `size` attribute. The default `m` tier is
+         *  identical to this component's pre-`size` rendering, so leaving it unset never changes
+         *  output. */
+        this.size = 'm';
+        this.onKeyDown = (e) => {
+            const navigable = this.items.filter((i) => !i.disabled);
+            if (navigable.length === 0)
+                return;
+            const currentIndex = navigable.findIndex((i) => i.value === this.value);
+            const rtl = isRtl(this);
+            const forwardKey = rtl ? 'ArrowLeft' : 'ArrowRight';
+            const backwardKey = rtl ? 'ArrowRight' : 'ArrowLeft';
+            let targetIndex;
+            switch (e.key) {
+                case forwardKey:
+                    targetIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % navigable.length;
+                    break;
+                case backwardKey:
+                    targetIndex = currentIndex < 0 ? navigable.length - 1 : (currentIndex - 1 + navigable.length) % navigable.length;
+                    break;
+                case 'Home':
+                    targetIndex = 0;
+                    break;
+                case 'End':
+                    targetIndex = navigable.length - 1;
+                    break;
+                default:
+                    return;
+            }
+            e.preventDefault();
+            const target = navigable[targetIndex];
+            this.select(target);
+            this.focusItem(target.value);
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    select(item) {
+        if (item.disabled || item.value === this.value)
+            return;
+        this.value = item.value;
+        this.emit('lr-change', { value: item.value });
+    }
+    focusItem(value) {
+        const button = this.renderRoot.querySelector(`[part="segment"][data-value="${CSS.escape(value)}"]`);
+        button?.focus();
+    }
+    render() {
+        const ariaLabel = this.label || this.getAttribute('aria-label') || nothing;
+        // WAI-ARIA APG radiogroup: exactly one non-disabled radio is ever tabbable.
+        // That's normally the checked item, but a fresh/cleared radiogroup has no
+        // checked item at all -- falling back to `item.value === this.value` alone
+        // would then match nothing and drop every button out of the tab order, so
+        // fall back to the first non-disabled item when nothing is selected (or the
+        // selected value doesn't match a current, non-disabled item).
+        const selectedIndex = this.items.findIndex((item) => item.value === this.value && !item.disabled);
+        const tabbableIndex = selectedIndex !== -1 ? selectedIndex : this.items.findIndex((item) => !item.disabled);
+        return html `
+      <div part="base" role="radiogroup" aria-label=${ariaLabel} @keydown=${this.onKeyDown}>
+        ${repeat(this.items, (item) => item.value, (item, index) => html `<button
+            type="button"
+            part="segment"
+            data-value=${item.value}
+            role="radio"
+            aria-checked=${item.value === this.value ? 'true' : 'false'}
+            aria-disabled=${item.disabled ? 'true' : 'false'}
+            tabindex=${index === tabbableIndex ? '0' : '-1'}
+            @click=${() => this.select(item)}
+          >${item.icon ? html `<span part="segment-icon" aria-hidden="true">${item.icon}</span>` : nothing}<span part="segment-label">${item.label}</span></button>`)}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraSegmented.prototype, "items", void 0);
+__decorate([
+    property()
+], LyraSegmented.prototype, "value", void 0);
+__decorate([
+    property()
+], LyraSegmented.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraSegmented.prototype, "size", void 0);
+//# sourceMappingURL=segmented.class.js.map

package/dist/components/layout/segmented/segmented.class.js.map

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

package/dist/components/layout/segmented/segmented.d.ts.map

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

package/dist/components/layout/segmented/segmented.js

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

package/dist/components/layout/segmented/segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../../../../src/components/layout/segmented/segmented.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/layout/segmented/segmented.styles.d.ts.map

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

package/dist/components/layout/segmented/segmented.styles.js

@@ -0,0 +1,104 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+    /* Lets the host shrink below its row's max-content width when it's a flex/grid
+       item in a consumer's own narrow layout -- the default min-width:auto for flex
+       items would otherwise force the scroll container wide. */
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    --lr-segmented-track-min-height: auto;
+    --lr-segmented-segment-padding: var(--lr-size-0-125rem) var(--lr-space-s);
+    --lr-segmented-font-size: var(--lr-font-size-sm);
+  }
+  :host([size='2xs']) {
+    --lr-segmented-track-min-height: var(--lr-size-1-25rem);
+    --lr-segmented-segment-padding: var(--lr-size-0-0625rem) var(--lr-space-2xs);
+    --lr-segmented-font-size: var(--lr-font-size-2xs);
+  }
+  :host([size='xs']) {
+    --lr-segmented-track-min-height: var(--lr-size-1-5rem);
+    --lr-segmented-segment-padding: var(--lr-size-0-125rem) var(--lr-space-xs);
+    --lr-segmented-font-size: var(--lr-font-size-xs);
+  }
+  :host([size='s']) {
+    --lr-segmented-track-min-height: var(--lr-size-1-875rem);
+    --lr-segmented-segment-padding: var(--lr-size-0-125rem) var(--lr-space-xs);
+    --lr-segmented-font-size: var(--lr-font-size-sm);
+  }
+  :host([size='l']) {
+    --lr-segmented-track-min-height: var(--lr-size-3rem);
+    --lr-segmented-segment-padding: var(--lr-space-s) var(--lr-space-m);
+    --lr-segmented-font-size: var(--lr-font-size-lg);
+  }
+  :host([size='xl']) {
+    --lr-segmented-track-min-height: var(--lr-size-3-5rem);
+    --lr-segmented-segment-padding: var(--lr-space-m) var(--lr-space-l);
+    --lr-segmented-font-size: var(--lr-font-size-xl);
+  }
+  [part='base'] {
+    display: inline-flex;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    overflow-y: hidden;
+    min-inline-size: 0;
+    min-block-size: var(--lr-segmented-track-min-height);
+    box-sizing: border-box;
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    padding: var(--lr-size-0-125rem);
+    gap: var(--lr-size-0-125rem);
+    /* This is intentionally static: the edge fade is a low-cost affordance for an overflowing
+       row and does not need scroll-position JavaScript or observers. */
+    -webkit-mask-image: linear-gradient(
+      to right,
+      transparent,
+      var(--lr-color-shadow) var(--lr-scroll-fade-size),
+      var(--lr-color-shadow) calc(100% - var(--lr-scroll-fade-size)),
+      transparent
+    );
+    mask-image: linear-gradient(
+      to right,
+      transparent,
+      var(--lr-color-shadow) var(--lr-scroll-fade-size),
+      var(--lr-color-shadow) calc(100% - var(--lr-scroll-fade-size)),
+      transparent
+    );
+  }
+  [part='segment'] {
+    min-inline-size: 0;
+    border: none;
+    border-radius: calc(var(--lr-radius) * 0.7);
+    background: transparent;
+    color: var(--lr-color-text-quiet);
+    font: inherit;
+    font-size: var(--lr-segmented-font-size);
+    padding: var(--lr-segmented-segment-padding);
+    cursor: pointer;
+  }
+  [part='segment-icon'] {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-end: var(--lr-space-xs);
+    block-size: var(--lr-size-1em);
+    max-inline-size: var(--lr-size-2-5rem);
+  }
+  [part='segment'][aria-disabled='true'] {
+    opacity: var(--lr-opacity-disabled);
+    cursor: not-allowed;
+  }
+  [part='segment']:hover:not([aria-disabled='true']):not([aria-checked='true']) {
+    color: var(--lr-color-text);
+  }
+  [part='segment']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='segment'][aria-checked='true'] {
+    background: var(--lr-color-surface);
+    color: var(--lr-color-text);
+    font-weight: var(--lr-font-weight-semibold);
+    box-shadow: var(--lr-shadow);
+  }
+`;
+//# sourceMappingURL=segmented.styles.js.map

package/dist/components/layout/segmented/segmented.styles.js.map

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