@aceshooting/lyra-ui 3.9.0 → 4.1.0

package/dist/components/model-select/model-select.styles.js

@@ -4,7 +4,7 @@ export const styles = css `
     position: relative;
     display: inline-block;
     inline-size: 100%;
-    max-inline-size: var(--lyra-size-24rem);
+    max-inline-size: var(--lr-size-24rem);
   }
   :host(:disabled) {
     cursor: not-allowed;
@@ -12,14 +12,14 @@ export const styles = css `
 
   [part='form-control-label'] {
     display: block;
-    margin-block-end: var(--lyra-space-xs);
-    font-size: var(--lyra-font-size-md-sm);
-    font-weight: var(--lyra-font-weight-semibold);
+    margin-block-end: var(--lr-space-xs);
+    font-size: var(--lr-font-size-md-sm);
+    font-weight: var(--lr-font-weight-semibold);
   }
   /* :empty never matches here -- the part always renders a literal label
      element regardless of label content -- so real emptiness is tracked via
      the label property length and reflected through the hidden attribute
-     instead (same fix as lyra-select's own form-control-label). */
+     instead (same fix as lr-select's own form-control-label). */
   [part='form-control-label'][hidden] {
     display: none;
   }
@@ -28,14 +28,14 @@ export const styles = css `
   [part='combobox'] {
     display: flex;
     align-items: center;
-    gap: var(--lyra-space-xs);
+    gap: var(--lr-space-xs);
     inline-size: 100%;
-    min-block-size: var(--lyra-size-2-5rem);
+    min-block-size: var(--lr-size-2-5rem);
     box-sizing: border-box;
-    padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    background: var(--lyra-color-surface);
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
     color: inherit;
     font: inherit;
   }
@@ -48,28 +48,28 @@ export const styles = css `
   }
   [part='trigger']:focus-visible,
   [part='combobox']:focus-within {
-    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);
   }
   :host([open]) [part='trigger'] {
-    border-color: var(--lyra-color-brand);
+    border-color: var(--lr-color-brand);
   }
   :host(:disabled) [part='trigger'],
   :host(:disabled) [part='combobox'] {
-    opacity: var(--lyra-opacity-disabled);
+    opacity: var(--lr-opacity-disabled);
     cursor: not-allowed;
   }
 
   [part='provider-badge'] {
     flex: 0 0 auto;
-    padding-inline-end: var(--lyra-space-xs);
-    margin-inline-end: var(--lyra-space-xs);
-    border-inline-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    font-size: var(--lyra-size-0-6875rem);
-    font-weight: var(--lyra-font-weight-bold);
+    padding-inline-end: var(--lr-space-xs);
+    margin-inline-end: var(--lr-space-xs);
+    border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border);
+    font-size: var(--lr-size-0-6875rem);
+    font-weight: var(--lr-font-weight-bold);
     text-transform: uppercase;
-    letter-spacing: var(--lyra-size-0-04em);
-    color: var(--lyra-color-text-quiet);
+    letter-spacing: var(--lr-size-0-04em);
+    color: var(--lr-color-text-quiet);
     white-space: nowrap;
   }
 
@@ -81,7 +81,7 @@ export const styles = css `
     white-space: nowrap;
   }
   .trigger-label[data-placeholder] {
-    color: var(--lyra-color-text-quiet);
+    color: var(--lr-color-text-quiet);
   }
 
   [part='combobox-input'] {
@@ -99,10 +99,10 @@ export const styles = css `
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    color: var(--lyra-color-text-quiet);
-    min-inline-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
-    min-block-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
-    line-height: var(--lyra-line-height-none);
+    color: var(--lr-color-text-quiet);
+    min-inline-size: min(var(--lr-icon-button-size), var(--lr-size-1-75rem));
+    min-block-size: min(var(--lr-icon-button-size), var(--lr-size-1-75rem));
+    line-height: var(--lr-line-height-none);
   }
   [part='expand-icon'] svg {
     transform: rotate(90deg);
@@ -110,28 +110,28 @@ export const styles = css `
 
   [part='listbox'] {
     position: fixed;
-    z-index: var(--lyra-layer-dropdown);
+    z-index: var(--lr-layer-dropdown);
     box-sizing: border-box;
-    max-block-size: var(--lyra-size-18rem);
+    max-block-size: var(--lr-size-18rem);
     overflow-y: auto;
     inline-size: max-content;
-    min-inline-size: var(--lyra-size-12rem);
-    max-inline-size: min(92vw, var(--lyra-size-28rem));
-    padding: var(--lyra-space-xs);
-    background: var(--lyra-color-surface);
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    box-shadow: var(--lyra-shadow);
+    min-inline-size: var(--lr-size-12rem);
+    max-inline-size: min(92vw, var(--lr-size-28rem));
+    padding: var(--lr-space-xs);
+    background: var(--lr-color-surface);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    box-shadow: var(--lr-shadow);
     /* Closed state: invisible + slightly raised. visibility (not
        display:none) so opacity/transform can actually transition; hit-testing
        and a11y exposure stay off since this part is already position:fixed. */
     visibility: hidden;
     opacity: 0;
-    transform: translateY(var(--lyra-size-neg-0-25rem));
+    transform: translateY(var(--lr-size-neg-0-25rem));
     transition:
-      opacity var(--lyra-transition-fast),
-      transform var(--lyra-transition-fast),
-      visibility var(--lyra-transition-fast);
+      opacity var(--lr-transition-fast),
+      transform var(--lr-transition-fast),
+      visibility var(--lr-transition-fast);
   }
   :host([open]) [part='listbox'] {
     visibility: visible;
@@ -147,12 +147,12 @@ export const styles = css `
   [part='option'] {
     display: flex;
     align-items: center;
-    gap: var(--lyra-space-xs);
+    gap: var(--lr-space-xs);
     inline-size: 100%;
     box-sizing: border-box;
-    padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border: var(--lyra-border-width-thin) solid transparent;
-    border-radius: var(--lyra-radius);
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    border: var(--lr-border-width-thin) solid transparent;
+    border-radius: var(--lr-radius);
     background: none;
     color: inherit;
     font: inherit;
@@ -161,12 +161,12 @@ export const styles = css `
   }
   [part='option']:hover,
   [part='option'][data-active] {
-    background: var(--lyra-color-brand-quiet);
+    background: var(--lr-color-brand-quiet);
   }
   [part='option'][aria-selected='true'] {
-    border-color: var(--lyra-color-brand);
-    color: var(--lyra-color-brand);
-    font-weight: var(--lyra-font-weight-semibold);
+    border-color: var(--lr-color-brand);
+    color: var(--lr-color-brand);
+    font-weight: var(--lr-font-weight-semibold);
   }
   [part='option-label'] {
     flex: 1 1 auto;
@@ -181,42 +181,42 @@ export const styles = css `
      not offered" rather than a normal selectable catalog entry. */
   [part='option'][data-synthetic] {
     border-style: dashed;
-    border-color: var(--lyra-color-border);
+    border-color: var(--lr-color-border);
   }
   [part='option'][data-synthetic] [part='option-label'] {
     font-style: italic;
   }
   [part='option-badge'] {
     flex: 0 0 auto;
-    font-size: var(--lyra-size-0-6875rem);
+    font-size: var(--lr-size-0-6875rem);
     font-style: normal;
-    font-weight: var(--lyra-font-weight-normal);
-    color: var(--lyra-color-text-quiet);
+    font-weight: var(--lr-font-weight-normal);
+    color: var(--lr-color-text-quiet);
     white-space: nowrap;
   }
 
   [part='empty'] {
-    padding: var(--lyra-space-m);
-    color: var(--lyra-color-text-quiet);
-    font-size: var(--lyra-font-size-md-sm);
+    padding: var(--lr-space-m);
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-md-sm);
   }
 
   [part='hint'] {
-    margin-block-start: var(--lyra-space-xs);
-    font-size: var(--lyra-font-size-sm);
-    color: var(--lyra-color-text-quiet);
+    margin-block-start: var(--lr-space-xs);
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text-quiet);
   }
   /* :empty never matches here -- the part always contains a literal slot
      child element regardless of assigned/text content -- so real emptiness
      is tracked in JS (hasHintSlot) and reflected via the hidden attribute
-     instead (same fix as lyra-select's identical part). */
+     instead (same fix as lr-select's identical part). */
   [part='hint'][hidden] {
     display: none;
   }
   [part='error'] {
-    margin-block-start: var(--lyra-space-xs);
-    font-size: var(--lyra-font-size-sm);
-    color: var(--lyra-color-danger);
+    margin-block-start: var(--lr-space-xs);
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-danger);
   }
   [part='error'][hidden] {
     display: none;

package/dist/components/model-settings-panel/model-settings-panel.class.d.ts

@@ -4,7 +4,7 @@ import type { LyraModelCatalog } from '../model-select/model-select.class.js';
 import '../model-select/model-select.class.js';
 import '../slider/slider.class.js';
 export type ModelSettingsPanelLayout = 'vertical' | 'compact';
-/** The full current settings shape, re-emitted on every `lyra-change`
+/** The full current settings shape, re-emitted on every `lr-change`
  *  regardless of which child control actually triggered it. */
 export interface ModelSettingsChangeDetail {
     modelValue: string;
@@ -12,14 +12,14 @@ export interface ModelSettingsChangeDetail {
     temperature: number;
 }
 export interface LyraModelSettingsPanelEventMap {
-    'lyra-change': CustomEvent<ModelSettingsChangeDetail>;
+    'lr-change': CustomEvent<ModelSettingsChangeDetail>;
 }
 /**
- * `<lyra-model-settings-panel>` — a fixed composition of `<lyra-model-select>`
- * and `<lyra-slider>` into one agent-configuration card: pick a provider's
+ * `<lr-model-settings-panel>` — a fixed composition of `<lr-model-select>`
+ * and `<lr-slider>` into one agent-configuration card: pick a provider's
  * model, then tune its sampling temperature. Not a generic layout shell (no
  * slots) — it exists so a consumer doesn't have to re-wire the same two
- * child `lyra-change` events into one combined settings object by hand every
+ * child `lr-change` events into one combined settings object by hand every
  * time this pairing comes up.
  *
  * Every prop here is a plain pass-through to (or mirror of) the matching
@@ -28,24 +28,24 @@ export interface LyraModelSettingsPanelEventMap {
  * and `temperatureMin`/`temperatureMax`/`temperatureStep`.
  *
  * The panel's own `temperature` readout mirrors the slider's *live* value —
- * updated on every `lyra-input` (drag/key-repeat), not just the committed
- * `lyra-change` — and is re-clamped into `[temperatureMin, temperatureMax]`
+ * updated on every `lr-input` (drag/key-repeat), not just the committed
+ * `lr-change` — and is re-clamped into `[temperatureMin, temperatureMax]`
  * (snapped to `temperatureStep`) whenever those three properties change, so
- * it can never drift from what the nested `lyra-slider` itself shows.
+ * it can never drift from what the nested `lr-slider` itself shows.
  *
- * @customElement lyra-model-settings-panel
- * @event lyra-change - Either child control changed. `detail: { modelValue: string; inCatalog: boolean; temperature: number }` — always the full current settings, not just whatever changed.
+ * @customElement lr-model-settings-panel
+ * @event lr-change - Either child control changed. `detail: { modelValue: string; inCatalog: boolean; temperature: number }` — always the full current settings, not just whatever changed.
  * @csspart base - The outermost wrapping container.
- * @csspart model-row - The row wrapping the internal `lyra-model-select`.
+ * @csspart model-row - The row wrapping the internal `lr-model-select`.
  * @csspart temperature-row - The row wrapping the temperature label/slider/value.
  * @csspart temperature-label - The visible "Temperature" caption.
  * @csspart temperature-value - The visible current temperature readout.
  */
 export declare class LyraModelSettingsPanel extends LyraElement<LyraModelSettingsPanelEventMap> {
     static styles: import("lit").CSSResultGroup[];
-    /** Informational provider badge, passed straight through to the internal `lyra-model-select`. */
+    /** Informational provider badge, passed straight through to the internal `lr-model-select`. */
     provider: string;
-    /** The model list, passed straight through to the internal `lyra-model-select`. */
+    /** The model list, passed straight through to the internal `lr-model-select`. */
     catalog?: LyraModelCatalog;
     /** The current model id. */
     modelValue: string;
@@ -61,19 +61,19 @@ export declare class LyraModelSettingsPanel extends LyraElement<LyraModelSetting
      *  toolbars/sidebars where the vertical layout's height doesn't fit. */
     layout: ModelSettingsPanelLayout;
     /** Disables the panel as a unit by forwarding to both the internal
-     *  `lyra-model-select` and `lyra-slider` — a wrapping `<fieldset disabled>`
+     *  `lr-model-select` and `lr-slider` — a wrapping `<fieldset disabled>`
      *  alone would not reach either, since a form-associated control's own
      *  `disabled` IDL property/attribute is never mutated by fieldset cascading. */
     disabled: boolean;
     /** Whether `modelValue` is present in `catalog` — recomputed fresh from
-     *  scratch (like `lyra-model-select`'s own `effectiveEntries`) rather than
+     *  scratch (like `lr-model-select`'s own `effectiveEntries`) rather than
      *  cached from the last child event, so it's still correct when
      *  `modelValue` was assigned directly instead of via the child's own
-     *  `lyra-change`. */
+     *  `lr-change`. */
     private get inCatalog();
     /** Clamps `raw` into `[temperatureMin, temperatureMax]`, snapped to
      *  `temperatureStep`'s grid anchored at the low end -- exactly mirroring
-     *  `lyra-slider`'s own private `clampValue`/`domain` math -- so the
+     *  `lr-slider`'s own private `clampValue`/`domain` math -- so the
      *  mirrored `temperature` readout can never disagree with what the nested
      *  slider itself would clamp the same raw number to. */
     private clampTemperature;
@@ -91,7 +91,7 @@ export declare class LyraModelSettingsPanel extends LyraElement<LyraModelSetting
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-model-settings-panel': LyraModelSettingsPanel;
+        'lr-model-settings-panel': LyraModelSettingsPanel;
     }
 }
 //# sourceMappingURL=model-settings-panel.class.d.ts.map

package/dist/components/model-settings-panel/model-settings-panel.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-settings-panel.class.d.ts","sourceRoot":"","sources":["../../../src/components/model-settings-panel/model-settings-panel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,GAAG,SAAS,CAAC;AAE9D;+DAC+D;AAC/D,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,8BAA8B;IAC7C,aAAa,EAAE,WAAW,CAAC,yBAAyB,CAAC,CAAC;CACvD;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,sBAAuB,SAAQ,WAAW,CAAC,8BAA8B,CAAC;IACrF,MAAM,CAAC,MAAM,iCAAgC;IAE7C,iGAAiG;IACrF,QAAQ,SAAM;IAC1B,mFAAmF;IACnD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3D,4BAA4B;IACY,UAAU,SAAM;IACxD,uFAAuF;IAC/B,WAAW,UAAS;IAC5E,wCAAwC;IACZ,WAAW,SAAuB;IACJ,cAAc,SAA2B;IACzC,cAAc,SAA2B;IACxC,eAAe,SAA4B;IACtG;;4EAEwE;IAC3C,MAAM,EAAE,wBAAwB,CAAc;IAC3E;;;oFAGgF;IACpC,QAAQ,UAAS;IAE7D;;;;yBAIqB;IACrB,OAAO,KAAK,SAAS,GAIpB;IAED;;;;4DAIwD;IACxD,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF;;;;wCAIoC;IACpC,OAAO,CAAC,kBAAkB,CAExB;IAEF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAKxD;IAED,MAAM,IAAI,cAAc,CAgCvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,sBAAsB,CAAC;KACrD;CACF"}
+{"version":3,"file":"model-settings-panel.class.d.ts","sourceRoot":"","sources":["../../../src/components/model-settings-panel/model-settings-panel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,GAAG,SAAS,CAAC;AAE9D;+DAC+D;AAC/D,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,WAAW,CAAC,yBAAyB,CAAC,CAAC;CACrD;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,sBAAuB,SAAQ,WAAW,CAAC,8BAA8B,CAAC;IACrF,MAAM,CAAC,MAAM,iCAAgC;IAE7C,+FAA+F;IACnF,QAAQ,SAAM;IAC1B,iFAAiF;IACjD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3D,4BAA4B;IACY,UAAU,SAAM;IACxD,uFAAuF;IAC/B,WAAW,UAAS;IAC5E,wCAAwC;IACZ,WAAW,SAAuB;IACJ,cAAc,SAA2B;IACzC,cAAc,SAA2B;IACxC,eAAe,SAA4B;IACtG;;4EAEwE;IAC3C,MAAM,EAAE,wBAAwB,CAAc;IAC3E;;;oFAGgF;IACpC,QAAQ,UAAS;IAE7D;;;;uBAImB;IACnB,OAAO,KAAK,SAAS,GAIpB;IAED;;;;4DAIwD;IACxD,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF;;;;wCAIoC;IACpC,OAAO,CAAC,kBAAkB,CAExB;IAEF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAKxD;IAED,MAAM,IAAI,cAAc,CAgCvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,sBAAsB,CAAC;KACnD;CACF"}

package/dist/components/model-settings-panel/model-settings-panel.class.js

@@ -19,11 +19,11 @@ const DEFAULT_TEMPERATURE_STEP = 0.1;
 // default differs (OpenAI and Anthropic both default to 1, which this matches).
 const DEFAULT_TEMPERATURE = 1;
 /**
- * `<lyra-model-settings-panel>` — a fixed composition of `<lyra-model-select>`
- * and `<lyra-slider>` into one agent-configuration card: pick a provider's
+ * `<lr-model-settings-panel>` — a fixed composition of `<lr-model-select>`
+ * and `<lr-slider>` into one agent-configuration card: pick a provider's
  * model, then tune its sampling temperature. Not a generic layout shell (no
  * slots) — it exists so a consumer doesn't have to re-wire the same two
- * child `lyra-change` events into one combined settings object by hand every
+ * child `lr-change` events into one combined settings object by hand every
  * time this pairing comes up.
  *
  * Every prop here is a plain pass-through to (or mirror of) the matching
@@ -32,15 +32,15 @@ const DEFAULT_TEMPERATURE = 1;
  * and `temperatureMin`/`temperatureMax`/`temperatureStep`.
  *
  * The panel's own `temperature` readout mirrors the slider's *live* value —
- * updated on every `lyra-input` (drag/key-repeat), not just the committed
- * `lyra-change` — and is re-clamped into `[temperatureMin, temperatureMax]`
+ * updated on every `lr-input` (drag/key-repeat), not just the committed
+ * `lr-change` — and is re-clamped into `[temperatureMin, temperatureMax]`
  * (snapped to `temperatureStep`) whenever those three properties change, so
- * it can never drift from what the nested `lyra-slider` itself shows.
+ * it can never drift from what the nested `lr-slider` itself shows.
  *
- * @customElement lyra-model-settings-panel
- * @event lyra-change - Either child control changed. `detail: { modelValue: string; inCatalog: boolean; temperature: number }` — always the full current settings, not just whatever changed.
+ * @customElement lr-model-settings-panel
+ * @event lr-change - Either child control changed. `detail: { modelValue: string; inCatalog: boolean; temperature: number }` — always the full current settings, not just whatever changed.
  * @csspart base - The outermost wrapping container.
- * @csspart model-row - The row wrapping the internal `lyra-model-select`.
+ * @csspart model-row - The row wrapping the internal `lr-model-select`.
  * @csspart temperature-row - The row wrapping the temperature label/slider/value.
  * @csspart temperature-label - The visible "Temperature" caption.
  * @csspart temperature-value - The visible current temperature readout.
@@ -48,7 +48,7 @@ const DEFAULT_TEMPERATURE = 1;
 export class LyraModelSettingsPanel extends LyraElement {
     constructor() {
         super(...arguments);
-        /** Informational provider badge, passed straight through to the internal `lyra-model-select`. */
+        /** Informational provider badge, passed straight through to the internal `lr-model-select`. */
         this.provider = '';
         /** The current model id. */
         this.modelValue = '';
@@ -64,7 +64,7 @@ export class LyraModelSettingsPanel extends LyraElement {
          *  toolbars/sidebars where the vertical layout's height doesn't fit. */
         this.layout = 'vertical';
         /** Disables the panel as a unit by forwarding to both the internal
-         *  `lyra-model-select` and `lyra-slider` — a wrapping `<fieldset disabled>`
+         *  `lr-model-select` and `lr-slider` — a wrapping `<fieldset disabled>`
          *  alone would not reach either, since a form-associated control's own
          *  `disabled` IDL property/attribute is never mutated by fieldset cascading. */
         this.disabled = false;
@@ -87,10 +87,10 @@ export class LyraModelSettingsPanel extends LyraElement {
     }
     static { this.styles = [LyraElement.styles, styles]; }
     /** Whether `modelValue` is present in `catalog` — recomputed fresh from
-     *  scratch (like `lyra-model-select`'s own `effectiveEntries`) rather than
+     *  scratch (like `lr-model-select`'s own `effectiveEntries`) rather than
      *  cached from the last child event, so it's still correct when
      *  `modelValue` was assigned directly instead of via the child's own
-     *  `lyra-change`. */
+     *  `lr-change`. */
     get inCatalog() {
         const catalog = this.catalog;
         if (!catalog || catalog.length === 0)
@@ -99,7 +99,7 @@ export class LyraModelSettingsPanel extends LyraElement {
     }
     /** Clamps `raw` into `[temperatureMin, temperatureMax]`, snapped to
      *  `temperatureStep`'s grid anchored at the low end -- exactly mirroring
-     *  `lyra-slider`'s own private `clampValue`/`domain` math -- so the
+     *  `lr-slider`'s own private `clampValue`/`domain` math -- so the
      *  mirrored `temperature` readout can never disagree with what the nested
      *  slider itself would clamp the same raw number to. */
     clampTemperature(raw) {
@@ -120,7 +120,7 @@ export class LyraModelSettingsPanel extends LyraElement {
         return Math.min(hi, Math.max(lo, stepped));
     }
     emitChange() {
-        this.emit('lyra-change', {
+        this.emit('lr-change', {
             modelValue: this.modelValue,
             inCatalog: this.inCatalog,
             temperature: this.temperature,
@@ -138,19 +138,19 @@ export class LyraModelSettingsPanel extends LyraElement {
         return html `
       <div part="base">
         <div part="model-row">
-          <lyra-model-select
+          <lr-model-select
             .provider=${this.provider}
             .catalog=${this.catalog}
             .value=${this.modelValue}
             .allowCustom=${this.allowCustom}
             .disabled=${this.disabled}
             placeholder=${this.localize('selectModel')}
-            @lyra-change=${this.onModelChange}
-          ></lyra-model-select>
+            @lr-change=${this.onModelChange}
+          ></lr-model-select>
         </div>
         <div part="temperature-row">
           <span part="temperature-label">${temperatureLabel}</span>
-          <lyra-slider
+          <lr-slider
             .label=${temperatureLabel}
             .min=${this.temperatureMin}
             .max=${this.temperatureMax}
@@ -158,9 +158,9 @@ export class LyraModelSettingsPanel extends LyraElement {
             .valueAsNumber=${this.temperature}
             .showValue=${false}
             .disabled=${this.disabled}
-            @lyra-input=${this.onTemperatureInput}
-            @lyra-change=${this.onTemperatureChange}
-          ></lyra-slider>
+            @lr-input=${this.onTemperatureInput}
+            @lr-change=${this.onTemperatureChange}
+          ></lr-slider>
           <span part="temperature-value" aria-hidden="true">${this.temperature}</span>
         </div>
       </div>

package/dist/components/model-settings-panel/model-settings-panel.class.js.map

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

package/dist/components/model-settings-panel/model-settings-panel.styles.js

@@ -3,28 +3,28 @@ export const styles = css `
   :host {
     display: block;
     inline-size: 100%;
-    max-inline-size: var(--lyra-size-28rem);
+    max-inline-size: var(--lr-size-28rem);
   }
   [part='base'] {
     display: flex;
     flex-direction: column;
-    gap: var(--lyra-space-l);
+    gap: var(--lr-space-l);
     box-sizing: border-box;
-    padding: var(--lyra-space-l);
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    background: var(--lyra-color-surface);
+    padding: var(--lr-space-l);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
   }
 
   [part='model-row'] {
     display: flex;
     flex-direction: column;
-    gap: var(--lyra-space-xs);
+    gap: var(--lr-space-xs);
     min-inline-size: 0;
   }
   /* The nested control's own max-inline-size (24rem, sized for a standalone
      dropdown) would otherwise clip a full-width row inside this card. */
-  [part='model-row'] lyra-model-select {
+  [part='model-row'] lr-model-select {
     inline-size: 100%;
     max-inline-size: none;
   }
@@ -33,23 +33,23 @@ export const styles = css `
     display: grid;
     grid-template-columns: auto 1fr auto;
     align-items: center;
-    gap: var(--lyra-space-s);
+    gap: var(--lr-space-s);
     min-inline-size: 0;
   }
-  [part='temperature-row'] lyra-slider {
+  [part='temperature-row'] lr-slider {
     min-inline-size: 0;
   }
   [part='temperature-label'] {
-    font-size: var(--lyra-font-size-sm);
-    font-weight: var(--lyra-font-weight-semibold);
-    color: var(--lyra-color-text);
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-semibold);
+    color: var(--lr-color-text);
     white-space: nowrap;
   }
   [part='temperature-value'] {
-    font-size: var(--lyra-font-size-sm);
-    color: var(--lyra-color-text-quiet);
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text-quiet);
     font-variant-numeric: tabular-nums;
-    min-inline-size: var(--lyra-size-2-5ch);
+    min-inline-size: var(--lr-size-2-5ch);
     text-align: end;
   }
 
@@ -64,20 +64,20 @@ export const styles = css `
     flex-direction: row;
     flex-wrap: wrap;
     align-items: flex-start;
-    gap: var(--lyra-space-m);
-    padding: var(--lyra-space-m);
+    gap: var(--lr-space-m);
+    padding: var(--lr-space-m);
   }
   :host([layout='compact']) [part='model-row'],
   :host([layout='compact']) [part='temperature-row'] {
-    flex: 1 1 var(--lyra-size-12rem);
-    min-inline-size: var(--lyra-size-10rem);
+    flex: 1 1 var(--lr-size-12rem);
+    min-inline-size: var(--lr-size-10rem);
   }
   :host([layout='compact']) [part='temperature-label'] {
-    font-size: var(--lyra-size-0-6875rem);
-    font-weight: var(--lyra-font-weight-bold);
+    font-size: var(--lr-size-0-6875rem);
+    font-weight: var(--lr-font-weight-bold);
     text-transform: uppercase;
-    letter-spacing: var(--lyra-size-0-04em);
-    color: var(--lyra-color-text-quiet);
+    letter-spacing: var(--lr-size-0-04em);
+    color: var(--lr-color-text-quiet);
   }
 `;
 //# sourceMappingURL=model-settings-panel.styles.js.map

package/dist/components/mutation-observer/mutation-observer.class.d.ts

@@ -1,18 +1,18 @@
 import { type PropertyValues, type TemplateResult } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 export interface LyraMutationObserverEventMap {
-    'lyra-mutation': CustomEvent<{
+    'lr-mutation': CustomEvent<{
         records: MutationRecord[];
     }>;
 }
 /**
- * `<lyra-mutation-observer>` — observes element children in the default slot
+ * `<lr-mutation-observer>` — observes element children in the default slot
  * and forwards native mutation records as a composed event. It is useful for
  * integrating third-party renderers while keeping observer cleanup declarative.
  *
- * @customElement lyra-mutation-observer
+ * @customElement lr-mutation-observer
  * @slot - Elements to observe.
- * @event lyra-mutation - Observed DOM mutations.
+ * @event lr-mutation - Observed DOM mutations.
  * @csspart base - The non-layout wrapper around the observed slot.
  */
 export declare class LyraMutationObserver extends LyraElement<LyraMutationObserverEventMap> {
@@ -34,7 +34,7 @@ export declare class LyraMutationObserver extends LyraElement<LyraMutationObserv
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-mutation-observer': LyraMutationObserver;
+        'lr-mutation-observer': LyraMutationObserver;
     }
 }
 //# sourceMappingURL=mutation-observer.class.d.ts.map

package/dist/components/mutation-observer/mutation-observer.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mutation-observer.class.d.ts","sourceRoot":"","sources":["../../../src/components/mutation-observer/mutation-observer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,WAAW,4BAA4B;IAC3C,eAAe,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC,CAAC;CAC7D;AAED;;;;;;;;;GASG;AACH,qBAAa,oBAAqB,SAAQ,WAAW,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,MAAM,iCAAgC;IAED,QAAQ,UAAS;IACP,SAAS,UAAQ;IACjB,iBAAiB,UAAS;IACtB,aAAa,UAAS;IACnD,OAAO,UAAQ;IACZ,eAAe,EAAE,MAAM,EAAE,CAAM;IAE/D,OAAO,CAAC,QAAQ,CAAC,CAAmB;IAEpC,iBAAiB,IAAI,IAAI,CAaxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAI/C;IAED,OAAO,CAAC,YAAY,CAAqC;IAEzD,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,cAAc,CAqBpB;IAEF,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF"}
+{"version":3,"file":"mutation-observer.class.d.ts","sourceRoot":"","sources":["../../../src/components/mutation-observer/mutation-observer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,WAAW,4BAA4B;IAC3C,aAAa,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC,CAAC;CAC3D;AAED;;;;;;;;;GASG;AACH,qBAAa,oBAAqB,SAAQ,WAAW,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,MAAM,iCAAgC;IAED,QAAQ,UAAS;IACP,SAAS,UAAQ;IACjB,iBAAiB,UAAS;IACtB,aAAa,UAAS;IACnD,OAAO,UAAQ;IACZ,eAAe,EAAE,MAAM,EAAE,CAAM;IAE/D,OAAO,CAAC,QAAQ,CAAC,CAAmB;IAEpC,iBAAiB,IAAI,IAAI,CAaxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAI/C;IAED,OAAO,CAAC,YAAY,CAAqC;IAEzD,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,cAAc,CAqBpB;IAEF,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,oBAAoB,CAAC;KAC9C;CACF"}