@aceshooting/lyra-ui 3.8.0 → 4.0.0

package/dist/components/browser-frame/browser-frame.styles.js

@@ -6,17 +6,17 @@ export const styles = css `
   [part='base'] {
     display: flex;
     flex-direction: column;
-    border: var(--lyra-size-1px) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
+    border: var(--lr-size-1px) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
     overflow: hidden;
   }
   [part='toolbar'] {
     display: flex;
     align-items: center;
-    gap: var(--lyra-space-s);
-    padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border-block-end: var(--lyra-size-1px) solid var(--lyra-color-border);
-    font-size: var(--lyra-font-size-sm);
+    gap: var(--lr-space-s);
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    border-block-end: var(--lr-size-1px) solid var(--lr-color-border);
+    font-size: var(--lr-font-size-sm);
   }
   [part='url'] {
     flex: 1 1 auto;
@@ -24,32 +24,32 @@ export const styles = css `
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    color: var(--lyra-color-text-quiet);
+    color: var(--lr-color-text-quiet);
   }
   [part='status'] {
-    font-size: var(--lyra-font-size-xs);
+    font-size: var(--lr-font-size-xs);
   }
   [part='controller-badge'] {
-    font-size: var(--lyra-font-size-xs);
-    padding: var(--lyra-space-2xs) var(--lyra-space-xs);
-    border-radius: var(--lyra-radius-pill);
-    background: var(--lyra-color-brand-quiet);
-    color: var(--lyra-color-brand);
+    font-size: var(--lr-font-size-xs);
+    padding: var(--lr-space-2xs) var(--lr-space-xs);
+    border-radius: var(--lr-radius-pill);
+    background: var(--lr-color-brand-quiet);
+    color: var(--lr-color-brand);
   }
   [part='take-over-button'],
   [part='stop-button'] {
     font: inherit;
-    font-size: var(--lyra-font-size-xs);
+    font-size: var(--lr-font-size-xs);
     background: none;
-    border: var(--lyra-size-1px) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius-xs);
-    padding: var(--lyra-space-2xs) var(--lyra-space-s);
+    border: var(--lr-size-1px) solid var(--lr-color-border);
+    border-radius: var(--lr-radius-xs);
+    padding: var(--lr-space-2xs) var(--lr-space-s);
     cursor: pointer;
   }
   [part='viewport'] {
     position: relative;
-    aspect-ratio: var(--lyra-browser-frame-aspect-ratio, 16 / 9);
-    background: var(--lyra-color-surface-raised);
+    aspect-ratio: var(--lr-browser-frame-aspect-ratio, 16 / 9);
+    background: var(--lr-color-surface-raised);
   }
   [part='frame'] {
     display: block;
@@ -65,24 +65,24 @@ export const styles = css `
   }
   [part='ping'] {
     position: absolute;
-    inline-size: var(--lyra-size-16px);
-    block-size: var(--lyra-size-16px);
+    inline-size: var(--lr-size-16px);
+    block-size: var(--lr-size-16px);
     translate: -50% -50%;
-    border-radius: var(--lyra-radius-pill);
-    border: var(--lyra-size-2px) solid var(--lyra-color-brand);
+    border-radius: var(--lr-radius-pill);
+    border: var(--lr-size-2px) solid var(--lr-color-brand);
     pointer-events: none;
   }
   [part='ping'][data-kind='click'] {
-    border-color: var(--lyra-color-brand);
+    border-color: var(--lr-color-brand);
   }
   [part='ping'][data-kind='type'] {
-    border-color: var(--lyra-color-success);
+    border-color: var(--lr-color-success);
   }
   [part='ping'][data-kind='scroll'] {
-    border-color: var(--lyra-color-warning);
+    border-color: var(--lr-color-warning);
   }
   [part='ping'][data-kind='move'] {
-    border-color: var(--lyra-color-text-quiet);
+    border-color: var(--lr-color-text-quiet);
   }
 `;
 //# sourceMappingURL=browser-frame.styles.js.map

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

@@ -5,7 +5,7 @@ export type ButtonAppearance = 'accent' | 'filled' | 'outlined' | 'plain' | 'lin
 export type ButtonSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 export type ButtonType = 'button' | 'submit' | 'reset';
 /**
- * `<lyra-button>` — a generic action-button primitive. Renders an internal native
+ * `<lr-button>` — a generic action-button primitive. Renders an internal native
  * `<button part="base">`. `type="submit"`/`type="reset"`
  * are handled by this component itself via the host's own `closest('form')` — a shadow-internal
  * native `<button type="submit">` does not participate in an ancestor light-DOM form's submission
@@ -15,7 +15,7 @@ export type ButtonType = 'button' | 'submit' | 'reset';
  * button with no visible label); external `aria-labelledby`/`aria-describedby` idrefs are not
  * copied across the shadow boundary.
  *
- * @customElement lyra-button
+ * @customElement lr-button
  * @slot - Default slot: the button's label content.
  * @slot start - Leading icon/content, rendered before the label.
  * @slot end - Trailing icon/content, rendered after the label.
@@ -24,14 +24,14 @@ export type ButtonType = 'button' | 'submit' | 'reset';
  * @csspart start - The `start` slot wrapper.
  * @csspart end - The `end` slot wrapper.
  * @csspart spinner - The loading spinner, present only while `loading` is `true`.
- * @cssprop [--lyra-button-width=100%] - Inline size of the internal button. The host
+ * @cssprop [--lr-button-width=100%] - Inline size of the internal button. The host
  * defaults it to `100%` so the native button follows the host's own width; override to
  * `auto` (or any other value) for a compact inline composition.
- * @cssprop [--lyra-button-hover-brightness=1.08] - `filter: brightness()` multiplier applied
+ * @cssprop [--lr-button-hover-brightness=1.08] - `filter: brightness()` multiplier applied
  * while hovering a non-disabled button.
- * @cssprop [--lyra-button-active-scale=0.9875] - `transform: scale()` factor applied while a
+ * @cssprop [--lr-button-active-scale=0.9875] - `transform: scale()` factor applied while a
  * non-disabled button is pressed.
- * @cssprop [--lyra-button-spinner-duration=1s] - Rotation period of the `loading` spinner.
+ * @cssprop [--lr-button-spinner-duration=1s] - Rotation period of the `loading` spinner.
  */
 export declare class LyraButton extends LyraElement {
     static styles: import("lit").CSSResultGroup[];
@@ -50,17 +50,17 @@ export declare class LyraButton extends LyraElement {
     /** Whether the button is disabled explicitly or by an ancestor fieldset. */
     get effectiveDisabled(): boolean;
     constructor();
-    /** Tone vocabulary shared with `<lyra-chip>`/`<lyra-avatar>`'s own `tone` property, named
+    /** Tone vocabulary shared with `<lr-chip>`/`<lr-avatar>`'s own `tone` property, named
      *  `variant` here (not `tone`) to keep the component's semantic tone vocabulary consistent. */
     variant: ButtonVariant;
-    /** `'filled'` (the default) reads `--lyra-button-fill`, which for `variant="neutral"` is the
-     *  ambient `--lyra-color-surface` -- matching this component's own container, by design, for a
+    /** `'filled'` (the default) reads `--lr-button-fill`, which for `variant="neutral"` is the
+     *  ambient `--lr-color-surface` -- matching this component's own container, by design, for a
      *  low-emphasis default. `'accent'` is the loud tier: a solid, high-contrast fill for every
      *  variant, including `neutral`. `'link'` is zero-chrome inline text — no padding, border, or
-     *  min-height, underlined, colored from `--lyra-button-accent` (the same token `'plain'` uses)
+     *  min-height, underlined, colored from `--lr-button-accent` (the same token `'plain'` uses)
      *  and inheriting the surrounding font — for a text link that flows inline in a sentence rather
      *  than a button-shaped control. `'quiet'` is a bordered, transparent-until-hover tier for a
-     *  toolbar-style icon+label action — its border/text read fixed `--lyra-color-border`/`--lyra-color-text-quiet`
+     *  toolbar-style icon+label action — its border/text read fixed `--lr-color-border`/`--lr-color-text-quiet`
      *  tokens regardless of `variant`, unlike `'outlined'`'s variant-tinted text, so it stays
      *  visually muted at rest. */
     appearance: ButtonAppearance;
@@ -73,7 +73,7 @@ export declare class LyraButton extends LyraElement {
     type: ButtonType;
     /** Shows an internal spinner in place of interaction affordance and disables the button, without
      *  clearing `disabled` — a consumer's own `disabled` state and a transient `loading` state are
-     *  independent (mirrors `<lyra-export-button>`'s own `loading`/`disabled` pair). */
+     *  independent (mirrors `<lr-export-button>`'s own `loading`/`disabled` pair). */
     loading: boolean;
     private buttonEl?;
     /** Activates the internal native button, including submit/reset behavior. */
@@ -85,14 +85,14 @@ export declare class LyraButton extends LyraElement {
      * Called by the browser when an ancestor `<fieldset disabled>` toggles. Tracked separately
      * from the consumer's own `disabled` (see `effectiveDisabled`) so a consumer's explicit
      * `disabled` survives the fieldset re-enabling instead of being permanently overwritten --
-     * mirrors `<lyra-checkbox>`'s/`<lyra-switch>`'s identical `_fieldsetDisabled` pattern.
+     * mirrors `<lr-checkbox>`'s/`<lr-switch>`'s identical `_fieldsetDisabled` pattern.
      */
     formDisabledCallback(disabled: boolean): void;
     render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-button': LyraButton;
+        'lr-button': LyraButton;
     }
 }
 //# sourceMappingURL=button.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.class.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7F,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAO7C,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,CAAC,UAAU;QACf,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;MACpD;IAEF,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAKzB;IAED,4EAA4E;IAC5E,IAAI,iBAAiB,IAAI,OAAO,CAE/B;IAED,cAGC;IAED;mGAC+F;IAClE,OAAO,EAAE,aAAa,CAAa;IAChE;;;;;;;;;kCAS8B;IACD,UAAU,EAAE,gBAAgB,CAAY;IACrE;;6DAEyD;IAC5B,IAAI,EAAE,UAAU,CAAO;IACpD;0FACsF;IAC1E,IAAI,EAAE,UAAU,CAAY;IACxC;;wFAEoF;IACxC,OAAO,UAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,CAAoB;IAEtD,6EAA6E;IACpE,KAAK,IAAI,IAAI,CAErB;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAEQ,IAAI,IAAI,IAAI,CAEpB;IAED,OAAO,CAAC,OAAO,CAMb;IAEF;;;;;OAKG;IACH,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAG5C;IAED,MAAM,IAAI,cAAc,CAiBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"button.class.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7F,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAO7C,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,CAAC,UAAU;QACf,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;MACpD;IAEF,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAKzB;IAED,4EAA4E;IAC5E,IAAI,iBAAiB,IAAI,OAAO,CAE/B;IAED,cAGC;IAED;mGAC+F;IAClE,OAAO,EAAE,aAAa,CAAa;IAChE;;;;;;;;;kCAS8B;IACD,UAAU,EAAE,gBAAgB,CAAY;IACrE;;6DAEyD;IAC5B,IAAI,EAAE,UAAU,CAAO;IACpD;0FACsF;IAC1E,IAAI,EAAE,UAAU,CAAY;IACxC;;sFAEkF;IACtC,OAAO,UAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,CAAoB;IAEtD,6EAA6E;IACpE,KAAK,IAAI,IAAI,CAErB;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAEQ,IAAI,IAAI,IAAI,CAEpB;IAED,OAAO,CAAC,OAAO,CAMb;IAEF;;;;;OAKG;IACH,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAG5C;IAED,MAAM,IAAI,cAAc,CAiBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,UAAU,CAAC;KACzB;CACF"}

package/dist/components/button/button.class.js

@@ -10,7 +10,7 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import { spinnerIcon } from '../../internal/icons.js';
 import { styles } from './button.styles.js';
 /**
- * `<lyra-button>` — a generic action-button primitive. Renders an internal native
+ * `<lr-button>` — a generic action-button primitive. Renders an internal native
  * `<button part="base">`. `type="submit"`/`type="reset"`
  * are handled by this component itself via the host's own `closest('form')` — a shadow-internal
  * native `<button type="submit">` does not participate in an ancestor light-DOM form's submission
@@ -20,7 +20,7 @@ import { styles } from './button.styles.js';
  * button with no visible label); external `aria-labelledby`/`aria-describedby` idrefs are not
  * copied across the shadow boundary.
  *
- * @customElement lyra-button
+ * @customElement lr-button
  * @slot - Default slot: the button's label content.
  * @slot start - Leading icon/content, rendered before the label.
  * @slot end - Trailing icon/content, rendered after the label.
@@ -29,14 +29,14 @@ import { styles } from './button.styles.js';
  * @csspart start - The `start` slot wrapper.
  * @csspart end - The `end` slot wrapper.
  * @csspart spinner - The loading spinner, present only while `loading` is `true`.
- * @cssprop [--lyra-button-width=100%] - Inline size of the internal button. The host
+ * @cssprop [--lr-button-width=100%] - Inline size of the internal button. The host
  * defaults it to `100%` so the native button follows the host's own width; override to
  * `auto` (or any other value) for a compact inline composition.
- * @cssprop [--lyra-button-hover-brightness=1.08] - `filter: brightness()` multiplier applied
+ * @cssprop [--lr-button-hover-brightness=1.08] - `filter: brightness()` multiplier applied
  * while hovering a non-disabled button.
- * @cssprop [--lyra-button-active-scale=0.9875] - `transform: scale()` factor applied while a
+ * @cssprop [--lr-button-active-scale=0.9875] - `transform: scale()` factor applied while a
  * non-disabled button is pressed.
- * @cssprop [--lyra-button-spinner-duration=1s] - Rotation period of the `loading` spinner.
+ * @cssprop [--lr-button-spinner-duration=1s] - Rotation period of the `loading` spinner.
  */
 export class LyraButton extends LyraElement {
     static { this.styles = [LyraElement.styles, styles]; }
@@ -67,17 +67,17 @@ export class LyraButton extends LyraElement {
         super();
         this._fieldsetDisabled = false;
         this._disabled = false;
-        /** Tone vocabulary shared with `<lyra-chip>`/`<lyra-avatar>`'s own `tone` property, named
+        /** Tone vocabulary shared with `<lr-chip>`/`<lr-avatar>`'s own `tone` property, named
          *  `variant` here (not `tone`) to keep the component's semantic tone vocabulary consistent. */
         this.variant = 'neutral';
-        /** `'filled'` (the default) reads `--lyra-button-fill`, which for `variant="neutral"` is the
-         *  ambient `--lyra-color-surface` -- matching this component's own container, by design, for a
+        /** `'filled'` (the default) reads `--lr-button-fill`, which for `variant="neutral"` is the
+         *  ambient `--lr-color-surface` -- matching this component's own container, by design, for a
          *  low-emphasis default. `'accent'` is the loud tier: a solid, high-contrast fill for every
          *  variant, including `neutral`. `'link'` is zero-chrome inline text — no padding, border, or
-         *  min-height, underlined, colored from `--lyra-button-accent` (the same token `'plain'` uses)
+         *  min-height, underlined, colored from `--lr-button-accent` (the same token `'plain'` uses)
          *  and inheriting the surrounding font — for a text link that flows inline in a sentence rather
          *  than a button-shaped control. `'quiet'` is a bordered, transparent-until-hover tier for a
-         *  toolbar-style icon+label action — its border/text read fixed `--lyra-color-border`/`--lyra-color-text-quiet`
+         *  toolbar-style icon+label action — its border/text read fixed `--lr-color-border`/`--lr-color-text-quiet`
          *  tokens regardless of `variant`, unlike `'outlined'`'s variant-tinted text, so it stays
          *  visually muted at rest. */
         this.appearance = 'filled';
@@ -90,7 +90,7 @@ export class LyraButton extends LyraElement {
         this.type = 'button';
         /** Shows an internal spinner in place of interaction affordance and disables the button, without
          *  clearing `disabled` — a consumer's own `disabled` state and a transient `loading` state are
-         *  independent (mirrors `<lyra-export-button>`'s own `loading`/`disabled` pair). */
+         *  independent (mirrors `<lr-export-button>`'s own `loading`/`disabled` pair). */
         this.loading = false;
         this.onClick = () => {
             if (this.type === 'submit') {
@@ -116,7 +116,7 @@ export class LyraButton extends LyraElement {
      * Called by the browser when an ancestor `<fieldset disabled>` toggles. Tracked separately
      * from the consumer's own `disabled` (see `effectiveDisabled`) so a consumer's explicit
      * `disabled` survives the fieldset re-enabling instead of being permanently overwritten --
-     * mirrors `<lyra-checkbox>`'s/`<lyra-switch>`'s identical `_fieldsetDisabled` pattern.
+     * mirrors `<lr-checkbox>`'s/`<lr-switch>`'s identical `_fieldsetDisabled` pattern.
      */
     formDisabledCallback(disabled) {
         this._fieldsetDisabled = disabled;

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

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

package/dist/components/button/button.styles.js

@@ -5,110 +5,110 @@ export const styles = css `
     /* A host width is meaningful for the public component, so the native
        button follows it. The variable keeps the contract opt-out-able for
        compact inline compositions. */
-    --lyra-button-width: 100%;
-    --lyra-button-size-2xs: var(--lyra-size-1-25rem);
-    --lyra-button-size-xs: var(--lyra-size-1-5rem);
-    --lyra-button-size-s: var(--lyra-size-1-75rem);
-    --lyra-button-size-m: var(--lyra-size-2rem);
-    --lyra-button-size-l: var(--lyra-size-2-5rem);
-    --lyra-button-size-xl: var(--lyra-size-3rem);
-    --lyra-button-accent: var(--lyra-color-text);
-    --lyra-button-fill: var(--lyra-color-surface);
-    --lyra-button-on-fill: var(--lyra-color-text);
-    --lyra-button-border: var(--lyra-color-border);
-    --lyra-button-outlined-border: var(--lyra-color-border-strong);
-    --lyra-button-quiet-border: var(--lyra-color-border);
-    --lyra-button-quiet-text: var(--lyra-color-text-quiet);
+    --lr-button-width: 100%;
+    --lr-button-size-2xs: var(--lr-size-1-25rem);
+    --lr-button-size-xs: var(--lr-size-1-5rem);
+    --lr-button-size-s: var(--lr-size-1-75rem);
+    --lr-button-size-m: var(--lr-size-2rem);
+    --lr-button-size-l: var(--lr-size-2-5rem);
+    --lr-button-size-xl: var(--lr-size-3rem);
+    --lr-button-accent: var(--lr-color-text);
+    --lr-button-fill: var(--lr-color-surface);
+    --lr-button-on-fill: var(--lr-color-text);
+    --lr-button-border: var(--lr-color-border);
+    --lr-button-outlined-border: var(--lr-color-border-strong);
+    --lr-button-quiet-border: var(--lr-color-border);
+    --lr-button-quiet-text: var(--lr-color-text-quiet);
     /* appearance="accent"'s loud fill for the neutral variant -- every other variant's own
-       --lyra-button-fill/-on-fill (below) already reads its semantic loud Lyra token, so those
+       --lr-button-fill/-on-fill (below) already reads its semantic loud Lyra token, so those
        variants' accent-fill/-on-fill blocks reuse it. Only neutral needs a dedicated loud fill. */
-    --lyra-button-accent-fill: var(--lyra-color-neutral);
-    --lyra-button-accent-on-fill: var(--lyra-color-on-neutral);
+    --lr-button-accent-fill: var(--lr-color-neutral);
+    --lr-button-accent-on-fill: var(--lr-color-on-neutral);
   }
   :host([variant='brand']) {
-    --lyra-button-accent: var(--lyra-color-brand);
-    --lyra-button-fill: var(--lyra-color-brand);
-    --lyra-button-on-fill: var(--lyra-color-on-brand);
-    --lyra-button-border: var(--lyra-color-brand);
-    --lyra-button-accent-fill: var(--lyra-color-brand);
-    --lyra-button-accent-on-fill: var(--lyra-color-on-brand);
+    --lr-button-accent: var(--lr-color-brand);
+    --lr-button-fill: var(--lr-color-brand);
+    --lr-button-on-fill: var(--lr-color-on-brand);
+    --lr-button-border: var(--lr-color-brand);
+    --lr-button-accent-fill: var(--lr-color-brand);
+    --lr-button-accent-on-fill: var(--lr-color-on-brand);
   }
   :host([variant='success']) {
-    --lyra-button-accent: var(--lyra-color-success);
-    --lyra-button-fill: var(--lyra-color-success);
-    --lyra-button-on-fill: var(--lyra-color-on-success);
-    --lyra-button-border: var(--lyra-color-success);
-    --lyra-button-accent-fill: var(--lyra-color-success);
-    --lyra-button-accent-on-fill: var(--lyra-color-on-success);
+    --lr-button-accent: var(--lr-color-success);
+    --lr-button-fill: var(--lr-color-success);
+    --lr-button-on-fill: var(--lr-color-on-success);
+    --lr-button-border: var(--lr-color-success);
+    --lr-button-accent-fill: var(--lr-color-success);
+    --lr-button-accent-on-fill: var(--lr-color-on-success);
   }
   :host([variant='warning']) {
-    --lyra-button-accent: var(--lyra-color-warning);
-    --lyra-button-fill: var(--lyra-color-warning);
-    --lyra-button-on-fill: var(--lyra-color-on-warning);
-    --lyra-button-border: var(--lyra-color-warning);
-    --lyra-button-accent-fill: var(--lyra-color-warning);
-    --lyra-button-accent-on-fill: var(--lyra-color-on-warning);
+    --lr-button-accent: var(--lr-color-warning);
+    --lr-button-fill: var(--lr-color-warning);
+    --lr-button-on-fill: var(--lr-color-on-warning);
+    --lr-button-border: var(--lr-color-warning);
+    --lr-button-accent-fill: var(--lr-color-warning);
+    --lr-button-accent-on-fill: var(--lr-color-on-warning);
   }
   :host([variant='danger']) {
-    --lyra-button-accent: var(--lyra-color-danger);
-    --lyra-button-fill: var(--lyra-color-danger);
-    --lyra-button-on-fill: var(--lyra-color-on-danger);
-    --lyra-button-border: var(--lyra-color-danger);
-    --lyra-button-accent-fill: var(--lyra-color-danger);
-    --lyra-button-accent-on-fill: var(--lyra-color-on-danger);
+    --lr-button-accent: var(--lr-color-danger);
+    --lr-button-fill: var(--lr-color-danger);
+    --lr-button-on-fill: var(--lr-color-on-danger);
+    --lr-button-border: var(--lr-color-danger);
+    --lr-button-accent-fill: var(--lr-color-danger);
+    --lr-button-accent-on-fill: var(--lr-color-on-danger);
   }
   [part='base'] {
     display: inline-flex;
     position: relative;
-    inline-size: var(--lyra-button-width);
+    inline-size: var(--lr-button-width);
     align-items: center;
     justify-content: center;
-    gap: var(--lyra-space-2xs);
-    border-radius: var(--lyra-radius);
-    border: var(--lyra-border-width-thin) solid var(--lyra-button-border);
+    gap: var(--lr-space-2xs);
+    border-radius: var(--lr-radius);
+    border: var(--lr-border-width-thin) solid var(--lr-button-border);
     font: inherit;
-    font-weight: var(--lyra-font-weight-semibold);
+    font-weight: var(--lr-font-weight-semibold);
     cursor: pointer;
   }
   :host([appearance='filled']) [part='base'] {
-    background: var(--lyra-button-fill);
-    color: var(--lyra-button-on-fill);
+    background: var(--lr-button-fill);
+    color: var(--lr-button-on-fill);
   }
   :host([appearance='accent']) [part='base'] {
-    background: var(--lyra-button-accent-fill);
-    color: var(--lyra-button-accent-on-fill);
-    border-color: var(--lyra-button-accent-fill);
+    background: var(--lr-button-accent-fill);
+    color: var(--lr-button-accent-on-fill);
+    border-color: var(--lr-button-accent-fill);
   }
   :host([appearance='outlined']) [part='base'] {
     background: transparent;
-    color: var(--lyra-button-accent);
-    border-color: var(--lyra-button-outlined-border);
+    color: var(--lr-button-accent);
+    border-color: var(--lr-button-outlined-border);
   }
   :host([appearance='plain']) [part='base'] {
     background: transparent;
-    color: var(--lyra-button-accent);
+    color: var(--lr-button-accent);
     border-color: transparent;
   }
   :host([appearance='quiet']) [part='base'] {
     background: transparent;
-    color: var(--lyra-button-quiet-text);
-    border-color: var(--lyra-button-quiet-border);
+    color: var(--lr-button-quiet-text);
+    border-color: var(--lr-button-quiet-border);
   }
   :host([appearance='quiet']) [part='base']:not(:disabled):hover {
-    background: var(--lyra-color-surface);
+    background: var(--lr-color-surface);
   }
   [part='base']:disabled {
-    opacity: var(--lyra-opacity-disabled);
+    opacity: var(--lr-opacity-disabled);
     cursor: not-allowed;
   }
   [part='base']:not(:disabled) {
-    transition: filter var(--lyra-transition-fast), transform var(--lyra-transition-fast);
+    transition: filter var(--lr-transition-fast), transform var(--lr-transition-fast);
   }
   [part='base']:not(:disabled):hover {
-    filter: brightness(var(--lyra-button-hover-brightness, 1.08));
+    filter: brightness(var(--lr-button-hover-brightness, 1.08));
   }
   [part='base']:not(:disabled):active {
-    transform: scale(var(--lyra-button-active-scale, 0.9875));
+    transform: scale(var(--lr-button-active-scale, 0.9875));
   }
   @media (prefers-reduced-motion: reduce) {
     [part='base']:not(:disabled):active {
@@ -116,8 +116,8 @@ export const styles = css `
     }
   }
   [part='base']: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='start']:empty,
   [part='end']:empty {
@@ -129,40 +129,40 @@ export const styles = css `
     align-items: center;
   }
   :host([size='2xs']) [part='base'] {
-    padding-inline: var(--lyra-space-2xs);
-    padding-block: var(--lyra-space-2xs);
-    font-size: var(--lyra-font-size-2xs);
-    min-block-size: var(--lyra-button-size-2xs);
+    padding-inline: var(--lr-space-2xs);
+    padding-block: var(--lr-space-2xs);
+    font-size: var(--lr-font-size-2xs);
+    min-block-size: var(--lr-button-size-2xs);
   }
   :host([size='xs']) [part='base'] {
-    padding-inline: var(--lyra-space-xs);
-    padding-block: var(--lyra-space-2xs);
-    font-size: var(--lyra-font-size-xs);
-    min-block-size: var(--lyra-button-size-xs);
+    padding-inline: var(--lr-space-xs);
+    padding-block: var(--lr-space-2xs);
+    font-size: var(--lr-font-size-xs);
+    min-block-size: var(--lr-button-size-xs);
   }
   :host([size='s']) [part='base'] {
-    padding-inline: var(--lyra-space-s);
-    padding-block: var(--lyra-space-2xs);
-    font-size: var(--lyra-font-size-sm);
-    min-block-size: var(--lyra-button-size-s);
+    padding-inline: var(--lr-space-s);
+    padding-block: var(--lr-space-2xs);
+    font-size: var(--lr-font-size-sm);
+    min-block-size: var(--lr-button-size-s);
   }
   :host([size='m']) [part='base'] {
-    padding-inline: var(--lyra-space-m);
-    padding-block: var(--lyra-space-xs);
-    font-size: var(--lyra-font-size-m);
-    min-block-size: var(--lyra-button-size-m);
+    padding-inline: var(--lr-space-m);
+    padding-block: var(--lr-space-xs);
+    font-size: var(--lr-font-size-m);
+    min-block-size: var(--lr-button-size-m);
   }
   :host([size='l']) [part='base'] {
-    padding-inline: var(--lyra-space-l);
-    padding-block: var(--lyra-space-s);
-    font-size: var(--lyra-font-size-md);
-    min-block-size: var(--lyra-button-size-l);
+    padding-inline: var(--lr-space-l);
+    padding-block: var(--lr-space-s);
+    font-size: var(--lr-font-size-md);
+    min-block-size: var(--lr-button-size-l);
   }
   :host([size='xl']) [part='base'] {
-    padding-inline: var(--lyra-space-2xl);
-    padding-block: var(--lyra-space-m);
-    font-size: var(--lyra-font-size-lg);
-    min-block-size: var(--lyra-button-size-xl);
+    padding-inline: var(--lr-space-2xl);
+    padding-block: var(--lr-space-m);
+    font-size: var(--lr-font-size-lg);
+    min-block-size: var(--lr-button-size-xl);
   }
   /* A true inline-link appearance: zero chrome (no padding, border, radius, or min-height floor),
      underlined, colored from the same accent token "plain" uses, and inheriting the ambient font
@@ -175,10 +175,10 @@ export const styles = css `
     min-block-size: 0;
     border-radius: 0;
     background: transparent;
-    color: var(--lyra-button-accent);
+    color: var(--lr-button-accent);
     font: inherit;
     text-decoration: underline;
-    text-underline-offset: var(--lyra-size-0-15rem);
+    text-underline-offset: var(--lr-size-0-15rem);
   }
   [part='spinner'] {
     display: inline-flex;
@@ -186,14 +186,14 @@ export const styles = css `
     inset: 0;
     align-items: center;
     justify-content: center;
-    animation: lyra-button-spin var(--lyra-button-spinner-duration, 1s) linear infinite;
+    animation: lr-button-spin var(--lr-button-spinner-duration, 1s) linear infinite;
   }
   :host([loading]) [part='start'],
   :host([loading]) [part='label'],
   :host([loading]) [part='end'] {
     opacity: 0;
   }
-  @keyframes lyra-button-spin {
+  @keyframes lr-button-spin {
     to {
       transform: rotate(360deg);
     }

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

@@ -2,14 +2,14 @@ import { type TemplateResult } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 export type ButtonGroupOrientation = 'horizontal' | 'vertical';
 /**
- * `<lyra-button-group>` — a responsive grouping primitive for related actions.
+ * `<lr-button-group>` — a responsive grouping primitive for related actions.
  * It preserves the consumer's button elements and exposes the group semantics
  * on the element that owns the label.
  *
- * @customElement lyra-button-group
+ * @customElement lr-button-group
  * @slot - Buttons or other action controls.
  * @csspart base - The group wrapper.
- * @cssprop --lyra-button-group-gap - Gap between grouped controls.
+ * @cssprop --lr-button-group-gap - Gap between grouped controls.
  */
 export declare class LyraButtonGroup extends LyraElement {
     static styles: import("lit").CSSResultGroup[];
@@ -19,7 +19,7 @@ export declare class LyraButtonGroup extends LyraElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-button-group': LyraButtonGroup;
+        'lr-button-group': LyraButtonGroup;
     }
 }
 //# sourceMappingURL=button-group.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.class.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,iCAAgC;IAEhB,WAAW,EAAE,sBAAsB,CAAgB;IACpE,KAAK,SAAM;IAEvB,MAAM,IAAI,cAAc,CAGvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"button-group.class.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,iCAAgC;IAEhB,WAAW,EAAE,sBAAsB,CAAgB;IACpE,KAAK,SAAM;IAEvB,MAAM,IAAI,cAAc,CAGvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACpC;CACF"}

package/dist/components/button-group/button-group.class.js

@@ -9,14 +9,14 @@ import { property } from 'lit/decorators.js';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { styles } from './button-group.styles.js';
 /**
- * `<lyra-button-group>` — a responsive grouping primitive for related actions.
+ * `<lr-button-group>` — a responsive grouping primitive for related actions.
  * It preserves the consumer's button elements and exposes the group semantics
  * on the element that owns the label.
  *
- * @customElement lyra-button-group
+ * @customElement lr-button-group
  * @slot - Buttons or other action controls.
  * @csspart base - The group wrapper.
- * @cssprop --lyra-button-group-gap - Gap between grouped controls.
+ * @cssprop --lr-button-group-gap - Gap between grouped controls.
  */
 export class LyraButtonGroup extends LyraElement {
     constructor() {

package/dist/components/button-group/button-group.styles.js

@@ -15,7 +15,7 @@ export const styles = css `
     display: inline-flex;
     flex-wrap: wrap;
     align-items: stretch;
-    gap: var(--lyra-button-group-gap, var(--lyra-space-2xs));
+    gap: var(--lr-button-group-gap, var(--lr-space-2xs));
     max-inline-size: 100%;
   }