@aceshooting/lyra-ui 3.9.0 → 4.0.0

package/dist/components/code-block/code-block.styles.js

@@ -5,43 +5,43 @@ export const styles = css `
     /* Consumer-tunable scroll cap -- 'none' means the block grows with its
        content, matching every other block-level component in this library
        until a caller opts in via the max-height attribute (same convention
-       as --lyra-json-viewer-max-height). */
-    --lyra-code-block-max-height: none;
+       as --lr-json-viewer-max-height). */
+    --lr-code-block-max-height: none;
     /* Contained here rather than left as a bare font-family literal so a
-       host page can retheme it -- same rationale as --lyra-markdown-font-mono
-       and --lyra-json-viewer-font, no shared --lyra-* monospace token
+       host page can retheme it -- same rationale as --lr-markdown-font-mono
+       and --lr-json-viewer-font, no shared --lr-* monospace token
        exists to resolve through. */
-    --lyra-code-block-font: var(--lyra-font-mono);
-    font-size: var(--lyra-font-size-sm);
+    --lr-code-block-font: var(--lr-font-mono);
+    font-size: var(--lr-font-size-sm);
   }
   [part='base'] {
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    background: var(--lyra-color-surface);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
     overflow: hidden;
   }
   [part='header'] {
     display: flex;
     align-items: center;
-    gap: var(--lyra-space-xs);
-    padding: var(--lyra-space-xs) var(--lyra-space-s);
-    border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    /* --lyra-color-surface (not -brand-quiet) -- pairing
-       --lyra-color-text-quiet (the toggle/copy-button color below) against
-       --lyra-color-brand-quiet fails WCAG AA contrast in this token
-       palette; --lyra-color-surface is the same header background
-       lyra-json-viewer's own toolbar already uses with that same text
+    gap: var(--lr-space-xs);
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border);
+    /* --lr-color-surface (not -brand-quiet) -- pairing
+       --lr-color-text-quiet (the toggle/copy-button color below) against
+       --lr-color-brand-quiet fails WCAG AA contrast in this token
+       palette; --lr-color-surface is the same header background
+       lr-json-viewer's own toolbar already uses with that same text
        color. */
-    background: var(--lyra-color-surface);
-    font-family: var(--lyra-font);
+    background: var(--lr-color-surface);
+    font-family: var(--lr-font);
   }
   [part='toggle'] {
     /* Keep the glyph compact while giving the interactive box the shared
        minimum target size. */
-    inline-size: var(--lyra-size-1-25rem);
-    block-size: var(--lyra-size-1-25rem);
-    min-inline-size: var(--lyra-icon-button-size);
-    min-block-size: var(--lyra-icon-button-size);
+    inline-size: var(--lr-size-1-25rem);
+    block-size: var(--lr-size-1-25rem);
+    min-inline-size: var(--lr-icon-button-size);
+    min-block-size: var(--lr-icon-button-size);
     flex: 0 0 auto;
     display: inline-flex;
     align-items: center;
@@ -49,21 +49,21 @@ export const styles = css `
     padding: 0;
     border: none;
     background: none;
-    color: var(--lyra-color-text-quiet);
-    border-radius: var(--lyra-radius);
+    color: var(--lr-color-text-quiet);
+    border-radius: var(--lr-radius);
     cursor: pointer;
   }
   [part='toggle']:hover {
-    background: var(--lyra-color-brand-quiet);
-    color: var(--lyra-color-brand);
+    background: var(--lr-color-brand-quiet);
+    color: var(--lr-color-brand);
   }
   [part='toggle'] .chevron {
     display: inline-flex;
-    transition: transform var(--lyra-transition-fast);
+    transition: transform var(--lr-transition-fast);
   }
   /* Chevron points at the content: rotated (pointing down) while expanded,
      resting (pointing right) while collapsed -- same rotation direction as
-     lyra-thinking-panel's and lyra-json-viewer's own toggles. */
+     lr-thinking-panel's and lr-json-viewer's own toggles. */
   :host(:not([collapsed])) [part='toggle'] .chevron {
     transform: rotate(90deg);
   }
@@ -82,27 +82,27 @@ export const styles = css `
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-family: var(--lyra-code-block-font);
-    font-size: var(--lyra-font-size-xs);
-    font-weight: var(--lyra-font-weight-semibold);
-    color: var(--lyra-color-text);
+    font-family: var(--lr-code-block-font);
+    font-size: var(--lr-font-size-xs);
+    font-weight: var(--lr-font-weight-semibold);
+    color: var(--lr-color-text);
   }
   [part='language'] {
     flex: 0 0 auto;
-    padding: var(--lyra-size-0-0625rem) var(--lyra-size-0-4375rem);
-    border-radius: var(--lyra-radius-pill);
-    /* --lyra-color-brand + -brand-quiet (not -text-quiet + -surface) --
+    padding: var(--lr-size-0-0625rem) var(--lr-size-0-4375rem);
+    border-radius: var(--lr-radius-pill);
+    /* --lr-color-brand + -brand-quiet (not -text-quiet + -surface) --
        this pill needs to read as distinct from the [part="header"]
        background it sits on (also -surface as of the comment above), and
        -brand on -brand-quiet is a pairing already relied on elsewhere in
        this library (e.g. hover states below) that passes contrast, unlike
        -text-quiet on -brand-quiet. */
-    background: var(--lyra-color-brand-quiet);
-    color: var(--lyra-color-brand);
-    font-size: var(--lyra-size-0-6875rem);
-    line-height: var(--lyra-line-height-1-4);
+    background: var(--lr-color-brand-quiet);
+    color: var(--lr-color-brand);
+    font-size: var(--lr-size-0-6875rem);
+    line-height: var(--lr-line-height-1-4);
     text-transform: uppercase;
-    letter-spacing: var(--lyra-size-0-02em);
+    letter-spacing: var(--lr-size-0-02em);
   }
   /* Pushed to the end of the header whether or not filename/language
      precede it -- margin-inline-start:auto works whether this is the first
@@ -112,76 +112,76 @@ export const styles = css `
     margin-inline-start: auto;
     border: none;
     background: none;
-    color: var(--lyra-color-text-quiet);
+    color: var(--lr-color-text-quiet);
     font: inherit;
-    font-size: var(--lyra-font-size-xs);
-    line-height: var(--lyra-line-height-none);
-    min-inline-size: var(--lyra-icon-button-size);
-    min-block-size: var(--lyra-icon-button-size);
-    padding: var(--lyra-size-0-1875rem) var(--lyra-space-xs);
-    border-radius: var(--lyra-radius);
+    font-size: var(--lr-font-size-xs);
+    line-height: var(--lr-line-height-none);
+    min-inline-size: var(--lr-icon-button-size);
+    min-block-size: var(--lr-icon-button-size);
+    padding: var(--lr-size-0-1875rem) var(--lr-space-xs);
+    border-radius: var(--lr-radius);
     cursor: pointer;
   }
   [part='copy-button']:hover {
-    background: var(--lyra-color-brand-quiet);
-    color: var(--lyra-color-brand);
+    background: var(--lr-color-brand-quiet);
+    color: var(--lr-color-brand);
   }
   [part='toggle']:focus-visible,
   [part='copy-button']: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='body'] {
     display: block;
-    max-block-size: var(--lyra-code-block-max-height);
+    max-block-size: var(--lr-code-block-max-height);
     overflow: auto;
   }
   [part='body'][hidden] {
     display: none;
   }
   [part='body']:focus-visible {
-    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
     /* Negative (inward) so the ring isn't clipped by this element's own
-       overflow:auto -- same reasoning as lyra-virtual-list's [part="base"]. */
-    outline-offset: calc(-1 * var(--lyra-focus-ring-offset));
+       overflow:auto -- same reasoning as lr-virtual-list's [part="base"]. */
+    outline-offset: calc(-1 * var(--lr-focus-ring-offset));
   }
-  [part='body'] lyra-skeleton {
+  [part='body'] lr-skeleton {
     display: block;
-    padding: var(--lyra-space-s) var(--lyra-space-m);
-    --lyra-skeleton-w: 100%;
-    --lyra-skeleton-h: var(--lyra-size-8rem);
+    padding: var(--lr-space-s) var(--lr-space-m);
+    --lr-skeleton-w: 100%;
+    --lr-skeleton-h: var(--lr-size-8rem);
   }
   [part='pre'] {
     margin: 0;
-    padding: var(--lyra-space-s) var(--lyra-space-m);
+    padding: var(--lr-space-s) var(--lr-space-m);
     /* A default background so the plain-fallback path still reads as a
        proper code block -- shiki's own inline background-color (part of the
        generated-token-colors exception documented in code-block.ts's
        tokenize()) silently overrides this the moment highlighting succeeds,
        since an element's own style attribute always wins over an external
        stylesheet rule at equal or lower specificity. */
-    background: var(--lyra-color-surface);
-    font-family: var(--lyra-code-block-font);
+    background: var(--lr-color-surface);
+    font-family: var(--lr-code-block-font);
     font-size: inherit;
-    line-height: var(--lyra-line-height-normal);
+    line-height: var(--lr-line-height-normal);
     white-space: pre;
   }
   [part='code'] {
     font-family: inherit;
   }
   [part='pre'].line-numbers {
-    counter-reset: lyra-code-line;
+    counter-reset: lr-code-line;
   }
   [part='pre'].line-numbers .line {
     display: block;
-    counter-increment: lyra-code-line;
+    counter-increment: lr-code-line;
   }
   [part='pre'].line-numbers .line::before {
-    content: counter(lyra-code-line);
+    content: counter(lr-code-line);
     display: inline-block;
-    min-inline-size: var(--lyra-size-2-5ch);
-    margin-inline-end: var(--lyra-space-s);
-    color: var(--lyra-color-text-quiet);
+    min-inline-size: var(--lr-size-2-5ch);
+    margin-inline-end: var(--lr-space-s);
+    color: var(--lr-color-text-quiet);
     text-align: end;
     user-select: none;
   }
@@ -189,13 +189,13 @@ export const styles = css `
      stamped identically by codeBlockLineTransformer (shiki path) and renderPlainCode() (plain
      path). See the dark-mode block below for why this needs its own !important there. */
   [part='pre'] [data-highlighted] {
-    background: var(--lyra-color-warning-quiet);
+    background: var(--lr-color-warning-quiet);
   }
   /* The active highlight (highlights entry matching activeHighlightId) gets an outline on top of
      any background -- inset so it doesn't add to the line's own box size. */
   [part='pre'] [data-active] {
-    outline: var(--lyra-border-width-thin) solid var(--lyra-color-brand);
-    outline-offset: calc(-1 * var(--lyra-border-width-thin));
+    outline: var(--lr-border-width-thin) solid var(--lr-color-brand);
+    outline-offset: calc(-1 * var(--lr-border-width-thin));
   }
   /* Native button reset for interactive-lines' gutter-button rendering (renderPlainCode() only --
      the shiki-highlighted path doesn't render gutter buttons, see the class doc) -- an interactive
@@ -213,11 +213,11 @@ export const styles = css `
     cursor: pointer;
   }
   [part='pre'] button.line:hover {
-    background: var(--lyra-color-brand-quiet);
+    background: var(--lr-color-brand-quiet);
   }
   [part='pre'] button.line:focus-visible {
-    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
-    outline-offset: calc(-1 * var(--lyra-focus-ring-offset));
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: calc(-1 * var(--lr-focus-ring-offset));
   }
   /*
    * Activates shiki's "dual themes" dark variant. codeToHtml() (see
@@ -231,7 +231,7 @@ export const styles = css `
    * external stylesheet at any selector specificity short of !important --
    * there's no other way for a page-level rule to override an element's own
    * style attribute. This is the one legitimate exception to "every color is
-   * a --lyra-* token" in this file: these values come from shiki's theme
+   * a --lr-* token" in this file: these values come from shiki's theme
    * data, not this library's design tokens.
    */
   @media (prefers-color-scheme: dark) {
@@ -240,12 +240,12 @@ export const styles = css `
       color: var(--shiki-dark, inherit) !important;
       background-color: var(--shiki-dark-bg, transparent) !important;
     }
-    /* The line-highlight background above is a --lyra-* token, not shiki theme data, but a
+    /* The line-highlight background above is a --lr-* token, not shiki theme data, but a
        highlighted line in the shiki path is still a span, matched (and !important-overridden) by
        the dark-mode rule right above -- re-assert it here at matching specificity+importance so a
        highlighted line stays visible in dark mode instead of silently losing its background. */
     [part='pre'] [data-highlighted] {
-      background: var(--lyra-color-warning-quiet) !important;
+      background: var(--lr-color-warning-quiet) !important;
     }
   }
   @media (prefers-reduced-motion: reduce) {

package/dist/components/code-block/code-loader.d.ts

@@ -11,7 +11,7 @@ export type ShikiHighlighter = OptionalPeerApi;
 export type ShikiHighlighterCore = OptionalPeerApi;
 /** Re-exported under a component-scoped name — the shape of one pre-imported
  *  shiki grammar module's default export (e.g. `import bash from
- *  'shiki/langs/bash.mjs'`), and what `<lyra-code-block>`'s `languages`
+ *  'shiki/langs/bash.mjs'`), and what `<lr-code-block>`'s `languages`
  *  property maps language ids to. See `loadShikiHighlighterCore()` below. */
 export type ShikiLanguageInput = OptionalPeerApi;
 /**
@@ -39,7 +39,7 @@ export declare function normalizeShikiLanguage(lang: string): string;
  * than just the resolved module (one level deeper than `map-loader.ts`'s
  * single-dependency cached-promise shape, which this otherwise mirrors).
  * Resolves to `null` (with a one-time `console.warn`) if shiki isn't
- * installed — `<lyra-code-block>` falls back to plain unhighlighted text in
+ * installed — `<lr-code-block>` falls back to plain unhighlighted text in
  * that case, which is a fully supported default, not a degraded mode. No
  * language grammar is loaded up front; `loadShikiLanguage()` below loads each
  * one incrementally the first time a `language` value actually requests it.
@@ -79,7 +79,7 @@ export declare function loadShikiLanguage(hl: ShikiHighlighter, lang: string): P
  * shiki's full bundled set.
  *
  * This is *only* ever consulted for languages present in `languages` — see
- * `<lyra-code-block>`'s `syncHighlight()`. A language absent from it still
+ * `<lr-code-block>`'s `syncHighlight()`. A language absent from it still
  * falls back to the ordinary `loadShikiHighlighter()` + `loadShikiLanguage()`
  * dynamic-import path entirely unchanged, so a caller can pin its own known
  * set while still letting an unexpected language through. Resolves to `null`

package/dist/components/code-block/code-loader.js

@@ -19,7 +19,7 @@ export const SHIKI_THEMES = {
 let highlighter;
 /** Language ids that have already failed `loadLanguage()` once — avoids
  *  retrying (and re-throwing on) the same unrecognized `language` value on
- *  every re-render of every `<lyra-code-block>` that requests it. Shared
+ *  every re-render of every `<lr-code-block>` that requests it. Shared
  *  across every highlighter instance the page ever creates (there's only
  *  ever one, see `loadShikiHighlighter()` below), so this never needs
  *  resetting alongside it. */
@@ -41,7 +41,7 @@ export function normalizeShikiLanguage(lang) {
  * than just the resolved module (one level deeper than `map-loader.ts`'s
  * single-dependency cached-promise shape, which this otherwise mirrors).
  * Resolves to `null` (with a one-time `console.warn`) if shiki isn't
- * installed — `<lyra-code-block>` falls back to plain unhighlighted text in
+ * installed — `<lr-code-block>` falls back to plain unhighlighted text in
  * that case, which is a fully supported default, not a degraded mode. No
  * language grammar is loaded up front; `loadShikiLanguage()` below loads each
  * one incrementally the first time a `language` value actually requests it.
@@ -51,7 +51,7 @@ export function loadShikiHighlighter() {
         highlighter = import('shiki')
             .then((mod) => mod.createHighlighter({ themes: [SHIKI_LIGHT_THEME, SHIKI_DARK_THEME], langs: [] }))
             .catch((err) => {
-            console.warn('<lyra-code-block> needs the optional peer dependency `shiki` for syntax highlighting — install it ' +
+            console.warn('<lr-code-block> needs the optional peer dependency `shiki` for syntax highlighting — install it ' +
                 'with `pnpm add shiki`. Code still renders, just unhighlighted, without it:', err);
             return null;
         });
@@ -80,7 +80,7 @@ export async function loadShikiLanguage(hl, lang) {
     }
     catch {
         // Not a shiki-recognized grammar id/alias, or the grammar failed to
-        // load for some other reason — either way, <lyra-code-block> treats an
+        // load for some other reason — either way, <lr-code-block> treats an
         // unrecognized language the same as an unset one (plain text), and
         // there's nothing more specific a caller could do with the reason.
         unsupportedLanguages.add(normalizedLanguage);
@@ -120,7 +120,7 @@ const highlighterCores = new WeakMap();
  * shiki's full bundled set.
  *
  * This is *only* ever consulted for languages present in `languages` — see
- * `<lyra-code-block>`'s `syncHighlight()`. A language absent from it still
+ * `<lr-code-block>`'s `syncHighlight()`. A language absent from it still
  * falls back to the ordinary `loadShikiHighlighter()` + `loadShikiLanguage()`
  * dynamic-import path entirely unchanged, so a caller can pin its own known
  * set while still letting an unexpected language through. Resolves to `null`
@@ -142,7 +142,7 @@ export function loadShikiHighlighterCore(languages) {
             engine: createOnigurumaEngine(import('shiki/wasm')),
         }))
             .catch((err) => {
-            console.warn("<lyra-code-block>'s `languages` property failed to build a fine-grained shiki highlighter — " +
+            console.warn("<lr-code-block>'s `languages` property failed to build a fine-grained shiki highlighter — " +
                 'falling back to plain unhighlighted text for the languages it covers:', err);
             return null;
         });

package/dist/components/code-block/code-loader.js.map

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

package/dist/components/code-editor/code-editor.class.d.ts

@@ -13,13 +13,13 @@ export interface LyraCodeEditorEventMap {
 declare class LyraCodeEditorBase extends LyraElement<LyraCodeEditorEventMap> {
 }
 declare const LyraCodeEditor_base: typeof LyraCodeEditorBase & (new (...args: any[]) => import("../../lyra.js").FormAssociatedInterface);
-/** `<lyra-code-editor>` — dependency-free multiline code editing surface with optional line numbers.
+/** `<lr-code-editor>` — dependency-free multiline code editing surface with optional line numbers.
  *
  * Keyboard contract (no keyboard trap, WCAG 2.1.2): Tab inserts `tabSize` spaces at the caret.
  * Shift+Tab is never captured, so it always performs native reverse focus traversal. Pressing
  * Escape releases the next Tab for native forward traversal instead of indenting; typing any other
  * key, or focus leaving the editor, re-arms Tab indentation.
- * @customElement lyra-code-editor
+ * @customElement lr-code-editor
  * @slot label - Visible label content.
  * @slot hint - Supporting text.
  * @slot error - Validation message.
@@ -86,7 +86,7 @@ export declare class LyraCodeEditor extends LyraCodeEditor_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-code-editor': LyraCodeEditor;
+        'lr-code-editor': LyraCodeEditor;
     }
 }
 export {};

package/dist/components/code-editor/code-editor.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.class.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,sBAAsB;IAAG,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AACvL,cAAM,kBAAmB,SAAQ,WAAW,CAAC,sBAAsB,CAAC;CAAG;;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,cAAe,SAAQ,mBAAkC;IACpE,MAAM,CAAC,MAAM,iCAAgC;IACjC,QAAQ,SAAM;IAC6C,WAAW,UAAQ;IAE1F,OAAO,CAAC,QAAQ,CAAK;IACrB;;;;;;;4BAOwB;IACxB,IACI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAIxB;IAEW,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IAC1C,WAAW,SAAM;IACe,QAAQ,UAAS;IACjD,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAU;IACxC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAS;IAC6E,UAAU,UAAS;IAC3J,cAAc,SAAS;IACK,WAAW,SAAS;IACrB,eAAe,SAAM;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IACnB,OAAO,CAAC,QAAQ,CAAC,CAAsB;IACjD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAmC;IACtE,IAAI,IAAI,IAAI,CAA2B;IAChD,MAAM,IAAI,IAAI,CAA6B;IAC3C,IAAI,cAAc,IAAI,MAAM,CAA+C;IAC3E,IAAI,YAAY,IAAI,MAAM,CAA6C;IACvE,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAA6D;IAC7J,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAKnG;IACD,OAAO,CAAC,OAAO,CAAoI;IACnJ,OAAO,CAAC,QAAQ,CAA+D;IAC/E,OAAO,CAAC,OAAO,CAAuC;IACtD,OAAO,CAAC,MAAM,CAAwF;IACtG,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAef;IACF,OAAO,CAAC,iBAAiB,CAA6H;IACtJ,OAAO,CAAC,gBAAgB,CAA4H;IACpJ,OAAO,CAAC,iBAAiB,CAA6H;IACtJ,SAAS,CAAC,UAAU,IAAI,IAAI,CAM3B;IACD,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAK/C;IACD,MAAM,IAAI,cAAc,CAgBvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,kBAAkB,EAAE,cAAc,CAAC;KAAE;CAAE"}
+{"version":3,"file":"code-editor.class.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,sBAAsB;IAAG,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AACvL,cAAM,kBAAmB,SAAQ,WAAW,CAAC,sBAAsB,CAAC;CAAG;;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,cAAe,SAAQ,mBAAkC;IACpE,MAAM,CAAC,MAAM,iCAAgC;IACjC,QAAQ,SAAM;IAC6C,WAAW,UAAQ;IAE1F,OAAO,CAAC,QAAQ,CAAK;IACrB;;;;;;;4BAOwB;IACxB,IACI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAIxB;IAEW,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IAC1C,WAAW,SAAM;IACe,QAAQ,UAAS;IACjD,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAU;IACxC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAS;IAC6E,UAAU,UAAS;IAC3J,cAAc,SAAS;IACK,WAAW,SAAS;IACrB,eAAe,SAAM;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IACnB,OAAO,CAAC,QAAQ,CAAC,CAAsB;IACjD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAmC;IACtE,IAAI,IAAI,IAAI,CAA2B;IAChD,MAAM,IAAI,IAAI,CAA6B;IAC3C,IAAI,cAAc,IAAI,MAAM,CAA+C;IAC3E,IAAI,YAAY,IAAI,MAAM,CAA6C;IACvE,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAA6D;IAC7J,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAKnG;IACD,OAAO,CAAC,OAAO,CAAoI;IACnJ,OAAO,CAAC,QAAQ,CAA+D;IAC/E,OAAO,CAAC,OAAO,CAAuC;IACtD,OAAO,CAAC,MAAM,CAAwF;IACtG,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAef;IACF,OAAO,CAAC,iBAAiB,CAA6H;IACtJ,OAAO,CAAC,gBAAgB,CAA4H;IACpJ,OAAO,CAAC,iBAAiB,CAA6H;IACtJ,SAAS,CAAC,UAAU,IAAI,IAAI,CAM3B;IACD,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAK/C;IACD,MAAM,IAAI,cAAc,CAgBvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,cAAc,CAAC;KAAE;CAAE"}

package/dist/components/code-editor/code-editor.class.js

@@ -12,13 +12,13 @@ import { finiteInteger } from '../../internal/numbers.js';
 import { styles } from './code-editor.styles.js';
 class LyraCodeEditorBase extends LyraElement {
 }
-/** `<lyra-code-editor>` — dependency-free multiline code editing surface with optional line numbers.
+/** `<lr-code-editor>` — dependency-free multiline code editing surface with optional line numbers.
  *
  * Keyboard contract (no keyboard trap, WCAG 2.1.2): Tab inserts `tabSize` spaces at the caret.
  * Shift+Tab is never captured, so it always performs native reverse focus traversal. Pressing
  * Escape releases the next Tab for native forward traversal instead of indenting; typing any other
  * key, or focus leaving the editor, re-arms Tab indentation.
- * @customElement lyra-code-editor
+ * @customElement lr-code-editor
  * @slot label - Visible label content.
  * @slot hint - Supporting text.
  * @slot error - Validation message.

package/dist/components/code-editor/code-editor.styles.js

@@ -1,18 +1,18 @@
 import { css } from 'lit';
 export const styles = css `
-  :host { display: block; --lyra-code-editor-min-block-size: var(--lyra-size-8rem); --lyra-code-editor-line-height: 1.5; --lyra-code-editor-tab-size: 2; }
-  [part='form-control'] { display: grid; gap: var(--lyra-space-xs); }
-  [part='label'] { color: var(--lyra-color-text); font-weight: var(--lyra-font-weight-semibold); }
+  :host { display: block; --lr-code-editor-min-block-size: var(--lr-size-8rem); --lr-code-editor-line-height: 1.5; --lr-code-editor-tab-size: 2; }
+  [part='form-control'] { display: grid; gap: var(--lr-space-xs); }
+  [part='label'] { color: var(--lr-color-text); font-weight: var(--lr-font-weight-semibold); }
   /* Keep the editor frame as the single scroll viewport. The textarea must not create a second
      native horizontal scrollbar when wrap="off"; its max-content track lets the frame own both
      axes instead. */
-  [part='editor'] { display: grid; grid-template-columns: auto max-content; overflow: auto; min-block-size: var(--lyra-code-editor-min-block-size); border: var(--lyra-border-width-thin) solid var(--lyra-color-border); border-radius: var(--lyra-radius); background: var(--lyra-color-surface); }
-  [part='gutter'] { padding: var(--lyra-space-s) var(--lyra-space-xs); border-inline-end: var(--lyra-border-width-thin) solid var(--lyra-color-border); color: var(--lyra-color-text-quiet); text-align: end; user-select: none; font: inherit; line-height: var(--lyra-code-editor-line-height); }
-  [part='textarea'] { display: block; box-sizing: border-box; inline-size: max-content; min-inline-size: 100%; min-block-size: var(--lyra-code-editor-min-block-size); overflow: visible; padding: var(--lyra-space-s); resize: both; border: 0; outline: 0; background: transparent; color: var(--lyra-color-text); font: var(--lyra-font-mono); line-height: var(--lyra-code-editor-line-height); tab-size: var(--lyra-code-editor-tab-size); }
-  [part='textarea']:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: calc(var(--lyra-focus-ring-offset) * -1); }
-  [part='hint'], [part='error'] { color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); }
-  [part='error'] { color: var(--lyra-color-danger); }
-  :host([data-invalid]) [part='editor'] { border-color: var(--lyra-color-danger); }
-  :host([disabled]) { opacity: var(--lyra-opacity-disabled); }
+  [part='editor'] { display: grid; grid-template-columns: auto max-content; overflow: auto; min-block-size: var(--lr-code-editor-min-block-size); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); background: var(--lr-color-surface); }
+  [part='gutter'] { padding: var(--lr-space-s) var(--lr-space-xs); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border); color: var(--lr-color-text-quiet); text-align: end; user-select: none; font: inherit; line-height: var(--lr-code-editor-line-height); }
+  [part='textarea'] { display: block; box-sizing: border-box; inline-size: max-content; min-inline-size: 100%; min-block-size: var(--lr-code-editor-min-block-size); overflow: visible; padding: var(--lr-space-s); resize: both; border: 0; outline: 0; background: transparent; color: var(--lr-color-text); font: var(--lr-font-mono); line-height: var(--lr-code-editor-line-height); tab-size: var(--lr-code-editor-tab-size); }
+  [part='textarea']:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(var(--lr-focus-ring-offset) * -1); }
+  [part='hint'], [part='error'] { color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); }
+  [part='error'] { color: var(--lr-color-danger); }
+  :host([data-invalid]) [part='editor'] { border-color: var(--lr-color-danger); }
+  :host([disabled]) { opacity: var(--lr-opacity-disabled); }
 `;
 //# sourceMappingURL=code-editor.styles.js.map

package/dist/components/color-picker/color-picker.class.d.ts

@@ -5,7 +5,7 @@ export interface LyraColorPickerEventMap {
     change: CustomEvent<undefined>;
     blur: CustomEvent<undefined>;
     focus: CustomEvent<undefined>;
-    'lyra-change': CustomEvent<{
+    'lr-change': CustomEvent<{
         value: string;
     }>;
 }
@@ -13,15 +13,15 @@ declare class ColorPickerBase extends LyraElement<LyraColorPickerEventMap> {
 }
 declare const LyraColorPicker_base: typeof ColorPickerBase & (new (...args: any[]) => import("../../lyra.js").FormAssociatedInterface);
 /**
- * `<lyra-color-picker>` — a form-associated native color picker with label, hint and error chrome.
+ * `<lr-color-picker>` — a form-associated native color picker with label, hint and error chrome.
  *
- * @customElement lyra-color-picker
+ * @customElement lr-color-picker
  * @slot label - Custom label content.
  * @slot hint - Supporting text.
  * @slot error - Custom validation-error content.
  * @event input - Native-style composed color input event.
  * @event change - Native-style composed color change event.
- * @event lyra-change - Change detail with the selected hex value.
+ * @event lr-change - Change detail with the selected hex value.
  * @event focus - Re-dispatched from the internal `<input>`'s own `focus`, bubbling and composed
  *   unlike the native event.
  * @event blur - Re-dispatched from the internal `<input>`'s own `blur`, for the same reason as `focus`.
@@ -54,7 +54,7 @@ export declare class LyraColorPicker extends LyraColorPicker_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-color-picker': LyraColorPicker;
+        'lr-color-picker': LyraColorPicker;
     }
 }
 export {};

package/dist/components/color-picker/color-picker.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.class.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AACD,cAAM,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;CAAG;;AAErE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,MAAM,CAAC,MAAM,iCAAgC;IACjC,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IACf,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,OAAO,CAAgC;IAC/B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnD,OAAO,CAAC,OAAO,CAKb;IACF,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,YAAY,CAGlB;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,MAAM,IAAI,cAAc,CA2BvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,eAAe,CAAC;KAAE;CAAE"}
+{"version":3,"file":"color-picker.class.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7C;AACD,cAAM,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;CAAG;;AAErE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,MAAM,CAAC,MAAM,iCAAgC;IACjC,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IACf,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,OAAO,CAAgC;IAC/B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnD,OAAO,CAAC,OAAO,CAKb;IACF,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,YAAY,CAGlB;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,MAAM,IAAI,cAAc,CA2BvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,iBAAiB,EAAE,eAAe,CAAC;KAAE;CAAE"}

package/dist/components/color-picker/color-picker.class.js

@@ -13,15 +13,15 @@ import { styles } from './color-picker.styles.js';
 class ColorPickerBase extends LyraElement {
 }
 /**
- * `<lyra-color-picker>` — a form-associated native color picker with label, hint and error chrome.
+ * `<lr-color-picker>` — a form-associated native color picker with label, hint and error chrome.
  *
- * @customElement lyra-color-picker
+ * @customElement lr-color-picker
  * @slot label - Custom label content.
  * @slot hint - Supporting text.
  * @slot error - Custom validation-error content.
  * @event input - Native-style composed color input event.
  * @event change - Native-style composed color change event.
- * @event lyra-change - Change detail with the selected hex value.
+ * @event lr-change - Change detail with the selected hex value.
  * @event focus - Re-dispatched from the internal `<input>`'s own `focus`, bubbling and composed
  *   unlike the native event.
  * @event blur - Re-dispatched from the internal `<input>`'s own `blur`, for the same reason as `focus`.
@@ -50,7 +50,7 @@ export class LyraColorPicker extends FormAssociated(ColorPickerBase) {
                 return;
             this.value = this.inputEl.value;
             this.emit('input');
-            this.emit('lyra-change', { value: this.value });
+            this.emit('lr-change', { value: this.value });
         };
         this.onChange = () => { this.emit('change'); };
         this.onNativeFocus = () => { this.emit('focus'); };

package/dist/components/color-picker/color-picker.class.js.map

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

package/dist/components/color-picker/color-picker.styles.js

@@ -1,8 +1,8 @@
 import { css } from 'lit';
 export const styles = css `
   :host { display: inline-block; }
-  [part='form-control'] { display: inline-flex; flex-direction: column; gap: var(--lyra-space-xs); }
-  [part~='label'] { color: var(--lyra-color-text); font-size: var(--lyra-font-size-md-sm); }
+  [part='form-control'] { display: inline-flex; flex-direction: column; gap: var(--lr-space-xs); }
+  [part~='label'] { color: var(--lr-color-text); font-size: var(--lr-font-size-md-sm); }
   /* [part]:empty never matches -- the part always contains a literal <slot> child element
      regardless of assigned content -- so real emptiness is tracked in JS (hasLabel/hasHint/
      hasError) and reflected via the hidden attribute instead. Without this, the required-asterisk
@@ -13,14 +13,14 @@ export const styles = css `
   }
   :host([required]) [part~='label']::after {
     content: ' *';
-    color: var(--lyra-color-danger);
+    color: var(--lr-color-danger);
   }
-  [part='input'] { inline-size: var(--lyra-size-2-5rem); block-size: var(--lyra-size-2-5rem); padding: var(--lyra-size-2px); border: var(--lyra-border-width-thin) solid var(--lyra-color-border); border-radius: var(--lyra-radius); background: var(--lyra-color-surface); cursor: pointer; }
-  [part='hint'] { color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); }
+  [part='input'] { inline-size: var(--lr-size-2-5rem); block-size: var(--lr-size-2-5rem); padding: var(--lr-size-2px); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); background: var(--lr-color-surface); cursor: pointer; }
+  [part='hint'] { color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); }
   [part='hint'][hidden] {
     display: none;
   }
-  [part='error'] { color: var(--lyra-color-danger); font-size: var(--lyra-font-size-sm); }
+  [part='error'] { color: var(--lr-color-danger); font-size: var(--lr-font-size-sm); }
   [part='error'][hidden] {
     display: none;
   }