@aceshooting/lyra-ui 3.9.0 → 4.1.0

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

@@ -9,28 +9,31 @@ export interface SegmentedItem {
     icon?: unknown;
     disabled?: boolean;
 }
+export type LyraSegmentedSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 export interface LyraSegmentedEventMap {
-    'lyra-change': CustomEvent<{
+    'lr-change': CustomEvent<{
         value: string;
     }>;
 }
 /**
- * `<lyra-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract
+ * `<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.
+ * 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 lyra-segmented
- * @event lyra-change - Fired when the selected value changes via click or keyboard.
+ * @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 [--lyra-scroll-fade-size=2rem] - Width of the static fade at each horizontal scroll edge.
+ * @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[];
@@ -42,8 +45,13 @@ export declare class LyraSegmented extends LyraElement<LyraSegmentedEventMap> {
      *  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 `<lyra-slider>`. */
+     *  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;
@@ -51,7 +59,7 @@ export declare class LyraSegmented extends LyraElement<LyraSegmentedEventMap> {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-segmented': LyraSegmented;
+        'lr-segmented': LyraSegmented;
     }
 }
 //# sourceMappingURL=segmented.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,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,WAAW,qBAAqB;IACpC,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;GAiBG;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;;;;2CAIuC;IAC3B,KAAK,SAAM;IAEvB,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,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
+{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,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/segmented/segmented.class.js

@@ -11,22 +11,24 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import { isRtl } from '../../internal/rtl.js';
 import { styles } from './segmented.styles.js';
 /**
- * `<lyra-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract
+ * `<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.
+ * 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 lyra-segmented
- * @event lyra-change - Fired when the selected value changes via click or keyboard.
+ * @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 [--lyra-scroll-fade-size=2rem] - Width of the static fade at each horizontal scroll edge.
+ * @cssprop [--lr-scroll-fade-size=2rem] - Width of the static fade at each horizontal scroll edge.
  */
 export class LyraSegmented extends LyraElement {
     constructor() {
@@ -39,8 +41,13 @@ export class LyraSegmented extends LyraElement {
          *  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 `<lyra-slider>`. */
+         *  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)
@@ -77,7 +84,7 @@ export class LyraSegmented extends LyraElement {
         if (item.disabled || item.value === this.value)
             return;
         this.value = item.value;
-        this.emit('lyra-change', { value: item.value });
+        this.emit('lr-change', { value: item.value });
     }
     focusItem(value) {
         const button = this.renderRoot.querySelector(`[part="segment"][data-value="${CSS.escape(value)}"]`);
@@ -118,4 +125,7 @@ __decorate([
 __decorate([
     property()
 ], LyraSegmented.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraSegmented.prototype, "size", void 0);
 //# sourceMappingURL=segmented.class.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"segmented.class.js","sourceRoot":"","sources":["../../../src/components/segmented/segmented.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"segmented.class.js","sourceRoot":"","sources":["../../../src/components/segmented/segmented.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,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAkC;IAArE;;QAGE,8BAA8B;QACE,UAAK,GAAoB,EAAE,CAAC;QAE5D,6CAA6C;QACjC,UAAK,GAAG,EAAE,CAAC;QAEvB;;;;6CAIqC;QACzB,UAAK,GAAG,EAAE,CAAC;QAEvB;;;sBAGc;QACe,SAAI,GAAsB,GAAG,CAAC;QAenD,cAAS,GAAG,CAAC,CAAgB,EAAQ,EAAE;YAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACxD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YACnC,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;YACxE,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YACxB,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;YACpD,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;YAErD,IAAI,WAAmB,CAAC;YACxB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,UAAU;oBACb,WAAW,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;oBAC3E,MAAM;gBACR,KAAK,WAAW;oBACd,WAAW,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;oBACjH,MAAM;gBACR,KAAK,MAAM;oBACT,WAAW,GAAG,CAAC,CAAC;oBAChB,MAAM;gBACR,KAAK,KAAK;oBACR,WAAW,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;oBACnC,MAAM;gBACR;oBACE,OAAO;YACX,CAAC;YACD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,CAAE,CAAC;YACvC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC;IA+BJ,CAAC;aA9FQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAqBrC,MAAM,CAAC,IAAmB;QAChC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;YAAE,OAAO;QACvD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,IAAI,CAAoB,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACnE,CAAC;IAEO,SAAS,CAAC,KAAa;QAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC1C,gCAAgC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAChC,CAAC;QACxB,MAAM,EAAE,KAAK,EAAE,CAAC;IAClB,CAAC;IAiCD,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC;QAC3E,4EAA4E;QAC5E,0EAA0E;QAC1E,2EAA2E;QAC3E,0EAA0E;QAC1E,4EAA4E;QAC5E,8DAA8D;QAC9D,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClG,MAAM,aAAa,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5G,OAAO,IAAI,CAAA;sDACuC,SAAS,aAAa,IAAI,CAAC,SAAS;UAChF,MAAM,CACN,IAAI,CAAC,KAAK,EACV,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EACpB,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;;yBAGN,IAAI,CAAC,KAAK;;2BAER,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC3C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;uBACrC,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;qBACtC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;aAC/B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gDAAgD,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,8BAA8B,IAAI,CAAC,KAAK,kBAAkB,CAC1J;;KAEJ,CAAC;IACJ,CAAC;CACF;AA3FiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CAA6B;AAGhD;IAAX,QAAQ,EAAE;4CAAY;AAOX;IAAX,QAAQ,EAAE;4CAAY;AAMM;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAA+B"}

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

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

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

@@ -7,6 +7,34 @@ export const styles = css `
        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-space-xs) 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;
@@ -14,61 +42,62 @@ export const styles = css `
     overflow-x: auto;
     overflow-y: hidden;
     min-inline-size: 0;
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    padding: var(--lyra-size-0-125rem);
-    gap: var(--lyra-size-0-125rem);
+    min-block-size: var(--lr-segmented-track-min-height);
+    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(--lyra-color-shadow) var(--lyra-scroll-fade-size),
-      var(--lyra-color-shadow) calc(100% - var(--lyra-scroll-fade-size)),
+      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(--lyra-color-shadow) var(--lyra-scroll-fade-size),
-      var(--lyra-color-shadow) calc(100% - var(--lyra-scroll-fade-size)),
+      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(--lyra-radius) * 0.7);
+    border-radius: calc(var(--lr-radius) * 0.7);
     background: transparent;
-    color: var(--lyra-color-text-quiet);
+    color: var(--lr-color-text-quiet);
     font: inherit;
-    font-size: var(--lyra-font-size-sm);
-    padding: var(--lyra-size-0-125rem) var(--lyra-space-s);
+    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(--lyra-space-xs);
-    block-size: var(--lyra-size-1em);
-    max-inline-size: var(--lyra-size-2-5rem);
+    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(--lyra-opacity-disabled);
+    opacity: var(--lr-opacity-disabled);
     cursor: not-allowed;
   }
   [part='segment']:hover:not([aria-disabled='true']):not([aria-checked='true']) {
-    color: var(--lyra-color-text);
+    color: var(--lr-color-text);
   }
   [part='segment']:focus-visible {
-    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
-    outline-offset: var(--lyra-focus-ring-offset);
+    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(--lyra-color-surface);
-    color: var(--lyra-color-text);
-    font-weight: var(--lyra-font-weight-semibold);
-    box-shadow: var(--lyra-shadow);
+    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/segmented/segmented.styles.js.map

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

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

@@ -3,27 +3,27 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import '../combobox/option.class.js';
 export type LyraSelectSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 export interface LyraSelectEventMap {
-    'lyra-show': CustomEvent<undefined>;
-    'lyra-hide': CustomEvent<undefined>;
+    'lr-show': CustomEvent<undefined>;
+    'lr-hide': CustomEvent<undefined>;
     input: CustomEvent<undefined>;
     change: CustomEvent<undefined>;
     blur: CustomEvent<undefined>;
     focus: CustomEvent<undefined>;
 }
 /**
- * `<lyra-select>` — a plain closed-list dropdown: a direct `<lyra-*>`
+ * `<lr-select>` — a plain closed-list dropdown: a direct `<lr-*>`
  * counterpart to `<wa-select>`/`<wa-option>`. Trigger is a button (not a text
  * input) -- click/Enter/Space/ArrowDown opens it, there's no typing-to-filter.
  * A printable keypress instead jumps (or, while closed, directly selects) the
  * next option whose label starts with what's been typed, like a native
  * `<select>`'s type-ahead.
  *
- * Options are `<lyra-option value>` children, the same element `<lyra-combobox>`
- * uses. Unlike `lyra-combobox` this is single-select only, with no filter/
+ * Options are `<lr-option value>` children, the same element `<lr-combobox>`
+ * uses. Unlike `lr-combobox` this is single-select only, with no filter/
  * source/with-clear/max-options-visible/empty-text/max-render/multiple surface
- * -- see `<lyra-combobox>` for the filterable/multi-select case.
+ * -- see `<lr-combobox>` for the filterable/multi-select case.
  *
- * Reuses `lyra-combobox`'s popup positioning (`internal/positioner.js`) and
+ * Reuses `lr-combobox`'s popup positioning (`internal/positioner.js`) and
  * click-outside/Escape/Home/End/Arrow-key listbox navigation patterns,
  * adapted to a trigger button that keeps DOM focus throughout (the listbox's
  * "active" row is conveyed via `aria-activedescendant`, never actual focus),
@@ -45,21 +45,21 @@ export interface LyraSelectEventMap {
  * behavior — opt in explicitly if a narrowing-to-one option list should
  * auto-commit.
  *
- * @customElement lyra-select
- * @slot - `<lyra-option>` elements.
+ * @customElement lr-select
+ * @slot - `<lr-option>` elements.
  * @slot label - Custom label content.
  * @slot hint - Custom hint content.
  * @slot error - Custom error content.
  * @event change - The selection changed. Deliberately unprefixed, mirroring native `<select>`'s
- *   own event name -- contrast `<lyra-slider>`, which uses `lyra-input`/`lyra-change` for its
+ *   own event name -- contrast `<lr-slider>`, which uses `lr-input`/`lr-change` for its
  *   analogous value-change pair. Which form controls mirror native unprefixed DOM event names
- *   (this one, matching `<select>`) versus which use the `lyra-` prefix (`<lyra-slider>`,
+ *   (this one, matching `<select>`) versus which use the `lr-` prefix (`<lr-slider>`,
  *   matching `<input type="range">` via a custom name) is a deliberate per-control choice, not
  *   an incidental divergence.
  * @event input - Fired alongside `change` on every selection change (native
  *   `<select>` doesn't meaningfully distinguish the two either).
- * @event lyra-show - The listbox opened.
- * @event lyra-hide - The listbox closed.
+ * @event lr-show - The listbox opened.
+ * @event lr-hide - The listbox closed.
  * @event blur - Re-dispatched from the trigger as a bubbling, composed event.
  * @event focus - Re-dispatched from the trigger as a bubbling, composed event.
  * @csspart form-control - The outer wrapper around label, trigger, listbox, error and hint.
@@ -102,10 +102,10 @@ export declare class LyraSelect extends LyraElement<LyraSelectEventMap> {
     hint: string;
     errorText: string;
     open: boolean;
-    /** Visual size — same `xs`–`xl` scale as `lyra-toast-item`'s `size`. */
+    /** Visual size — same `xs`–`xl` scale as `lr-toast-item`'s `size`. */
     size: LyraSelectSize;
     /**
-     * Opt-in: when `true` and exactly one `<lyra-option>` is enabled, the
+     * Opt-in: when `true` and exactly one `<lr-option>` is enabled, the
      * trigger commits that option directly (click/Enter/Space/ArrowDown/
      * ArrowUp) instead of opening the listbox, and renders as a plain
      * `role="button"` with no chevron. Defaults to `false`, which always
@@ -222,7 +222,7 @@ export declare class LyraSelect extends LyraElement<LyraSelectEventMap> {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-select': LyraSelect;
+        'lr-select': LyraSelect;
     }
 }
 //# sourceMappingURL=select.class.d.ts.map

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

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

package/dist/components/select/select.class.js

@@ -15,19 +15,19 @@ import { styles } from './select.styles.js';
 import { LyraOption } from '../combobox/option.class.js';
 import '../combobox/option.class.js';
 /**
- * `<lyra-select>` — a plain closed-list dropdown: a direct `<lyra-*>`
+ * `<lr-select>` — a plain closed-list dropdown: a direct `<lr-*>`
  * counterpart to `<wa-select>`/`<wa-option>`. Trigger is a button (not a text
  * input) -- click/Enter/Space/ArrowDown opens it, there's no typing-to-filter.
  * A printable keypress instead jumps (or, while closed, directly selects) the
  * next option whose label starts with what's been typed, like a native
  * `<select>`'s type-ahead.
  *
- * Options are `<lyra-option value>` children, the same element `<lyra-combobox>`
- * uses. Unlike `lyra-combobox` this is single-select only, with no filter/
+ * Options are `<lr-option value>` children, the same element `<lr-combobox>`
+ * uses. Unlike `lr-combobox` this is single-select only, with no filter/
  * source/with-clear/max-options-visible/empty-text/max-render/multiple surface
- * -- see `<lyra-combobox>` for the filterable/multi-select case.
+ * -- see `<lr-combobox>` for the filterable/multi-select case.
  *
- * Reuses `lyra-combobox`'s popup positioning (`internal/positioner.js`) and
+ * Reuses `lr-combobox`'s popup positioning (`internal/positioner.js`) and
  * click-outside/Escape/Home/End/Arrow-key listbox navigation patterns,
  * adapted to a trigger button that keeps DOM focus throughout (the listbox's
  * "active" row is conveyed via `aria-activedescendant`, never actual focus),
@@ -49,21 +49,21 @@ import '../combobox/option.class.js';
  * behavior — opt in explicitly if a narrowing-to-one option list should
  * auto-commit.
  *
- * @customElement lyra-select
- * @slot - `<lyra-option>` elements.
+ * @customElement lr-select
+ * @slot - `<lr-option>` elements.
  * @slot label - Custom label content.
  * @slot hint - Custom hint content.
  * @slot error - Custom error content.
  * @event change - The selection changed. Deliberately unprefixed, mirroring native `<select>`'s
- *   own event name -- contrast `<lyra-slider>`, which uses `lyra-input`/`lyra-change` for its
+ *   own event name -- contrast `<lr-slider>`, which uses `lr-input`/`lr-change` for its
  *   analogous value-change pair. Which form controls mirror native unprefixed DOM event names
- *   (this one, matching `<select>`) versus which use the `lyra-` prefix (`<lyra-slider>`,
+ *   (this one, matching `<select>`) versus which use the `lr-` prefix (`<lr-slider>`,
  *   matching `<input type="range">` via a custom name) is a deliberate per-control choice, not
  *   an incidental divergence.
  * @event input - Fired alongside `change` on every selection change (native
  *   `<select>` doesn't meaningfully distinguish the two either).
- * @event lyra-show - The listbox opened.
- * @event lyra-hide - The listbox closed.
+ * @event lr-show - The listbox opened.
+ * @event lr-hide - The listbox closed.
  * @event blur - Re-dispatched from the trigger as a bubbling, composed event.
  * @event focus - Re-dispatched from the trigger as a bubbling, composed event.
  * @csspart form-control - The outer wrapper around label, trigger, listbox, error and hint.
@@ -103,10 +103,10 @@ export class LyraSelect extends LyraElement {
         this.hint = '';
         this.errorText = '';
         this.open = false;
-        /** Visual size — same `xs`–`xl` scale as `lyra-toast-item`'s `size`. */
+        /** Visual size — same `xs`–`xl` scale as `lr-toast-item`'s `size`. */
         this.size = 'm';
         /**
-         * Opt-in: when `true` and exactly one `<lyra-option>` is enabled, the
+         * Opt-in: when `true` and exactly one `<lr-option>` is enabled, the
          * trigger commits that option directly (click/Enter/Space/ArrowDown/
          * ArrowUp) instead of opening the listbox, and renders as a plain
          * `role="button"` with no chevron. Defaults to `false`, which always
@@ -122,7 +122,7 @@ export class LyraSelect extends LyraElement {
         this.touched = false;
         // `[part]:empty` never matches -- the part always contains a literal
         // `<slot>` child element regardless of assigned content -- so real
-        // emptiness is tracked in JS instead (same fix as lyra-combobox's
+        // emptiness is tracked in JS instead (same fix as lr-combobox's
         // hasHintSlot/hasErrorSlot/hasLabelSlot) and reflected via `hidden`.
         this.hasHintSlot = false;
         this.hasErrorSlot = false;
@@ -139,11 +139,11 @@ export class LyraSelect extends LyraElement {
         this._disabled = false;
         this._required = false;
         // What `form.reset()` restores to. Captured exactly once, from whatever
-        // `<lyra-option selected>` markup was present the first time slotted
+        // `<lr-option selected>` markup was present the first time slotted
         // options are collected (mirrors native `<select><option selected>`) --
         // never from the `value` setter, so a user picking an option (even the
         // very first pick on an initially-unselected select) can't itself become
-        // the reset default. See lyra-combobox's identical `_defaultSelected`.
+        // the reset default. See lr-combobox's identical `_defaultSelected`.
         this._defaultSelected = '';
         this._defaultCaptured = false;
         // A restored value must win over declarative selected markup collected by
@@ -171,9 +171,9 @@ export class LyraSelect extends LyraElement {
             if (!this._defaultCaptured) {
                 this._defaultCaptured = true;
                 // Seed the initial selection -- and the reset default -- from
-                // declarative `<lyra-option selected>` markup, mirroring native
+                // declarative `<lr-option selected>` markup, mirroring native
                 // `<select><option selected>`. Only the *first* declared-selected
-                // option matters when several declare it, mirroring lyra-combobox's
+                // option matters when several declare it, mirroring lr-combobox's
                 // single-mode behavior. This is the only place `_defaultSelected` is
                 // set; picking an option later (the `value` setter) never redefines
                 // the reset default.
@@ -198,9 +198,9 @@ export class LyraSelect extends LyraElement {
             }
             this.reflectSelected();
         };
-        // Fired by `option.ts`'s `lyra-option-change` (a MutationObserver on the
+        // Fired by `option.ts`'s `lr-option-change` (a MutationObserver on the
         // option's own light-DOM content/attributes) when an already-slotted
-        // `<lyra-option>` mutates its own data in place -- `collectOptions()` only
+        // `<lr-option>` mutates its own data in place -- `collectOptions()` only
         // re-runs on `slotchange`, which never fires for such a mutation, so
         // without this the rendered listbox row would go stale. Reassigning (not
         // mutating) `options` gives Lit a new array reference to diff against.
@@ -224,7 +224,7 @@ export class LyraSelect extends LyraElement {
             // A mouse click outside the element is already handled by
             // onDocPointer/hide(), but that leaves keyboard users with no way to
             // dismiss the listbox short of Escape -- tabbing focus away from the
-            // trigger should close it too, the same as lyra-combobox's input blur.
+            // trigger should close it too, the same as lr-combobox's input blur.
             this.hide();
             this.emit('blur');
         };
@@ -303,7 +303,7 @@ export class LyraSelect extends LyraElement {
         };
         // Delegated onto [part="listbox"] (see render()) rather than one closure
         // pair allocated per option per render -- resolves the target row via
-        // closest('[part="option"]') + a data-value lookup, mirroring lyra-combobox.
+        // closest('[part="option"]') + a data-value lookup, mirroring lr-combobox.
         this.onListboxMouseDown = (e) => {
             if (e.target.closest('[part="option"]'))
                 e.preventDefault();
@@ -422,6 +422,7 @@ export class LyraSelect extends LyraElement {
         return this.disabled || this._fieldsetDisabled;
     }
     formResetCallback() {
+        this.touched = false;
         this.value = this._defaultSelected;
     }
     formStateRestoreCallback(state, _mode) {
@@ -451,7 +452,7 @@ export class LyraSelect extends LyraElement {
         this.cleanup?.();
         this.cleanup = undefined;
         clearTimeout(this.typeAheadTimer);
-        document.removeEventListener('pointerdown', this.onDocPointer);
+        this.ownerDocument.removeEventListener('pointerdown', this.onDocPointer);
         // Reset so a reconnect (e.g. a drag-drop reparent) re-triggers
         // `updated()`'s `open`-driven branch -- without this, `open` stays
         // `true` across the disconnect/reconnect and `changed.has('open')` never
@@ -498,26 +499,26 @@ export class LyraSelect extends LyraElement {
             this.cleanup?.();
             this.cleanup = undefined;
             // All `open`-driven side effects (positioning, the click-outside
-            // listener, and the lyra-show/lyra-hide events) live here rather than
+            // listener, and the lr-show/lr-hide events) live here rather than
             // in show()/hide() so they fire however `open` became true -- via
             // show()/hide()'s own user-interaction paths, or a consumer/test
             // setting `el.open` directly, which bypasses both entirely.
             if (this.open) {
-                document.addEventListener('pointerdown', this.onDocPointer);
+                this.ownerDocument.addEventListener('pointerdown', this.onDocPointer);
                 // Don't announce a "show" transition for markup that's simply
-                // rendering open for the first time (e.g. `<lyra-select open>`) --
+                // rendering open for the first time (e.g. `<lr-select open>`) --
                 // only for an actual closed-to-open transition.
                 if (!this._isFirstUpdate)
-                    this.emit('lyra-show');
+                    this.emit('lr-show');
                 const anchor = this.renderRoot.querySelector('[part="trigger"]');
                 const listbox = this.renderRoot.querySelector('[part="listbox"]');
                 if (anchor && listbox)
                     this.cleanup = place(anchor, listbox);
             }
             else {
-                document.removeEventListener('pointerdown', this.onDocPointer);
+                this.ownerDocument.removeEventListener('pointerdown', this.onDocPointer);
                 if (!this._isFirstUpdate)
-                    this.emit('lyra-hide');
+                    this.emit('lr-hide');
             }
         }
         if (changed.has('touched') || changed.has('required') || changed.has('value')) {
@@ -539,7 +540,7 @@ export class LyraSelect extends LyraElement {
         if (changed) {
             // Deliberately unprefixed -- this control is a direct <select>
             // counterpart, so its value-change events keep <select>'s own naming
-            // instead of the `lyra-` prefix `<lyra-slider>` uses for its analogous
+            // instead of the `lr-` prefix `<lr-slider>` uses for its analogous
             // rename. See the class doc's `change` event entry for the full rule.
             this.emit('input');
             this.emit('change');
@@ -556,7 +557,7 @@ export class LyraSelect extends LyraElement {
      */
     typeAhead(char) {
         clearTimeout(this.typeAheadTimer);
-        this.typeAheadBuffer += char.toLowerCase();
+        this.typeAheadBuffer += char.toLocaleLowerCase(this.effectiveLocale);
         this.typeAheadTimer = setTimeout(() => {
             this.typeAheadBuffer = '';
         }, 500);
@@ -569,7 +570,7 @@ export class LyraSelect extends LyraElement {
         for (let step = 1; step <= n; step++) {
             const idx = (currentIndex + step + n) % n;
             const candidate = navigable[idx];
-            if (candidate.label.toLowerCase().startsWith(this.typeAheadBuffer)) {
+            if (candidate.label.toLocaleLowerCase(this.effectiveLocale).startsWith(this.typeAheadBuffer)) {
                 if (this.open) {
                     this.activeIndex = idx;
                 }
@@ -675,7 +676,7 @@ export class LyraSelect extends LyraElement {
           ${this.hint}<slot name="hint" @slotchange=${this.onHintSlotChange}></slot>
         </div>
       </div>
-      <slot @slotchange=${this.collectOptions} @lyra-option-change=${this.onOptionChange} hidden></slot>
+      <slot @slotchange=${this.collectOptions} @lr-option-change=${this.onOptionChange} hidden></slot>
     `;
     }
 }