@aceshooting/lyra-ui 3.9.0 → 4.0.0

package/dist/components/timeline/timeline-item.class.d.ts

@@ -2,8 +2,8 @@ import { type TemplateResult } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 export type TimelineItemVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
 /**
- * `<lyra-timeline-item>` — one marker + title + optional timestamp + optional description row inside
- * `<lyra-timeline>`'s default slot. See that component's class doc for the overall shape; this class
+ * `<lr-timeline-item>` — one marker + title + optional timestamp + optional description row inside
+ * `<lr-timeline>`'s default slot. See that component's class doc for the overall shape; this class
  * doc covers the rail-connecting mechanism this item's own `[part="track"]`/`[part="rail"]`
  * implement.
  *
@@ -15,38 +15,38 @@ export type TimelineItemVariant = 'neutral' | 'brand' | 'success' | 'warning' |
  * height from a long slotted description. `[part="rail"]` is `flex: 1 1 auto` inside `[part="track"]`,
  * so once the marker (fixed size) takes its share, the rail fills the rest — no JS measurement, no
  * `ResizeObserver`, no absolute positioning. `[part="content"]` carries a trailing logical padding
- * (block-end in vertical mode, inline-end in horizontal mode) equal to `<lyra-timeline>`'s
- * `--lyra-timeline-gap`, so the stretched rail visually reaches *into* the gap before the next item's
- * marker with no seam. The last item's rail is suppressed by `<lyra-timeline>`'s own pure-CSS
+ * (block-end in vertical mode, inline-end in horizontal mode) equal to `<lr-timeline>`'s
+ * `--lr-timeline-gap`, so the stretched rail visually reaches *into* the gap before the next item's
+ * marker with no seam. The last item's rail is suppressed by `<lr-timeline>`'s own pure-CSS
  * `::slotted(:last-child)` rule (see that component's stylesheet) — no JS coordination between the
  * two components is needed anywhere in this mechanism.
  *
  * A pure display row: no events, no keyboard interaction, and no selection/expansion state of its
  * own — a deliberate scope decision, not an oversight. An earlier "interactive row" design (mirroring
- * `<lyra-conversation-item>`'s clickable `role="button"` row) was considered and dropped: this
+ * `<lr-conversation-item>`'s clickable `role="button"` row) was considered and dropped: this
  * component's `title` and `description` are slots that routinely contain focusable content of their
  * own (a link, a button) — wrapping them in an ancestor `role="button"` would trip axe's
- * `nested-interactive` rule the moment a consumer slots one in, unlike `<lyra-conversation-item>`,
+ * `nested-interactive` rule the moment a consumer slots one in, unlike `<lr-conversation-item>`,
  * which keeps its own focusable content in a sibling `actions` slot specifically to avoid that. A
  * consumer who wants a clickable entry slots an actual interactive element inside `description`
  * themselves — `role="listitem"` places no restriction on focusable descendants. Not a
  * form-associated control — no value to submit, no label/hint/error chrome.
  *
- * @customElement lyra-timeline-item
+ * @customElement lr-timeline-item
  * @slot - The item's primary heading/title content. Rich content allowed (inline code, a badge, a
  *   link) — nothing renders when this slot is empty, a valid if unusual usage.
- * @slot icon - Leading marker/glyph override (e.g. a `<lyra-icon>`, an emoji, a small avatar-like
+ * @slot icon - Leading marker/glyph override (e.g. a `<lr-icon>`, an emoji, a small avatar-like
  *   element). Falls back to a plain color-coded dot (driven by `variant`) when empty.
  * @slot timestamp - Full override of the timestamp presentation (e.g.
- *   `<lyra-format-date slot="timestamp">`, a custom string, a differently-configured
- *   `<lyra-relative-time>`). Wins over the `timestamp` property whenever it has assigned content,
- *   even if `timestamp` is also set. Falls back to an internally-rendered `<lyra-relative-time>`
+ *   `<lr-format-date slot="timestamp">`, a custom string, a differently-configured
+ *   `<lr-relative-time>`). Wins over the `timestamp` property whenever it has assigned content,
+ *   even if `timestamp` is also set. Falls back to an internally-rendered `<lr-relative-time>`
  *   (driven by the `timestamp` property) wrapped in a `<time>`, or renders nothing at all
  *   (`[part="timestamp"]` hidden) when neither the slot nor a valid `timestamp` is present.
  * @slot description - Secondary/body content below the title (explanatory text, a diff snippet, a
  *   "view details" affordance). `[part="description"]` is hidden entirely when this slot is empty.
  * @csspart base - The root wrapper. Flex container; `flex-direction` is driven by the
- *   `--lyra-timeline-item-direction` custom property inherited from `<lyra-timeline>`'s `:host` --
+ *   `--lr-timeline-item-direction` custom property inherited from `<lr-timeline>`'s `:host` --
  *   `row` in vertical-timeline mode (marker beside content), `column` in horizontal-timeline mode
  *   (marker above content).
  * @csspart track - Wrapper around the marker and rail (the "spine"). Always the opposite axis from
@@ -55,7 +55,7 @@ export type TimelineItemVariant = 'neutral' | 'brand' | 'success' | 'warning' |
  *   item's accessible content is its title/timestamp/description text.
  * @csspart rail - The connecting line segment extending from this item's marker toward the next
  *   item's marker. Hidden (`visibility: hidden`, not removed) for the last item in a
- *   `<lyra-timeline>` -- see the class doc.
+ *   `<lr-timeline>` -- see the class doc.
  * @csspart content - Wrapper around `header` and `description`.
  * @csspart header - Flex row wrapping `title` and `timestamp`; wraps at narrow widths rather than
  *   truncating either.
@@ -64,15 +64,15 @@ export type TimelineItemVariant = 'neutral' | 'brand' | 'success' | 'warning' |
  *   fallback. Hidden entirely when there's nothing to show.
  * @csspart description - Wrapper around the `description` slot. Hidden entirely when the slot is
  *   empty.
- * @cssprop [--lyra-timeline-marker-size=var(--lyra-size-1-25rem)] - Diameter of the marker circle
+ * @cssprop [--lr-timeline-marker-size=var(--lr-size-1-25rem)] - Diameter of the marker circle
  *   (both inline-size and block-size, so the default dot stays circular).
- * @cssprop [--lyra-timeline-rail-width=var(--lyra-border-width-medium)] - Thickness of the
+ * @cssprop [--lr-timeline-rail-width=var(--lr-border-width-medium)] - Thickness of the
  *   connecting rail line.
- * @cssprop [--lyra-timeline-rail-color=var(--lyra-color-border)] - Color of the connecting rail
- *   line. A component-scoped property (not just inlining `var(--lyra-color-border)` at every use
+ * @cssprop [--lr-timeline-rail-color=var(--lr-color-border)] - Color of the connecting rail
+ *   line. A component-scoped property (not just inlining `var(--lr-color-border)` at every use
  *   site) so a consumer can retint just the rail without touching the library-wide border color
  *   elsewhere.
- * @cssprop [--lyra-timeline-marker-color=var(--lyra-color-text-quiet)] - Marker fill/accent color.
+ * @cssprop [--lr-timeline-marker-color=var(--lr-color-text-quiet)] - Marker fill/accent color.
  *   Swapped per `variant` (see the class doc's variant table); a consumer overriding this directly on
  *   one item wins over the variant default via normal CSS cascade/specificity.
  */
@@ -85,11 +85,11 @@ export declare class LyraTimelineItem extends LyraElement {
      *  (`.timestamp=${...}`) or imperatively, never a plain HTML attribute. Ignored entirely when the
      *  `timestamp` slot has assigned content -- see the class doc / that slot's own description. */
     timestamp?: Date | string | number;
-    /** Forwarded 1:1 onto the internally-rendered `<lyra-relative-time>`'s own `sync` property, so a
+    /** Forwarded 1:1 onto the internally-rendered `<lr-relative-time>`'s own `sync` property, so a
      *  live feed (e.g. streaming agent actions) can opt this item into auto-refreshing relative text
-     *  ("just now" ticking to "1 minute ago"). Named to match `<lyra-relative-time>`'s own `sync`
+     *  ("just now" ticking to "1 minute ago"). Named to match `<lr-relative-time>`'s own `sync`
      *  property verbatim. Has no effect when the `timestamp` slot is populated -- there is no internal
-     *  `<lyra-relative-time>` to forward onto in that case. */
+     *  `<lr-relative-time>` to forward onto in that case. */
     sync: boolean;
     /** Tone of the marker. `'neutral'` (default) is a plain past event; `'brand'` is highlighted/
      *  informational; `'success'` is completed positively (e.g. a successful deploy); `'warning'` needs
@@ -99,7 +99,7 @@ export declare class LyraTimelineItem extends LyraElement {
     /** Marks this as the current/in-progress item (e.g. "the agent is executing this step right now"),
      *  as opposed to a resolved past entry. Drives a pulsing marker (disabled under
      *  `prefers-reduced-motion: reduce`) and `aria-current="true"` on the host -- omitted entirely
-     *  (not `"false"`) while inactive, matching `<lyra-stepper>`'s identical `aria-current` handling. */
+     *  (not `"false"`) while inactive, matching `<lr-stepper>`'s identical `aria-current` handling. */
     active: boolean;
     private hasIconSlot;
     private hasTimestampSlot;
@@ -114,7 +114,7 @@ export declare class LyraTimelineItem extends LyraElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-timeline-item': LyraTimelineItem;
+        'lr-timeline-item': LyraTimelineItem;
     }
 }
 //# sourceMappingURL=timeline-item.class.d.ts.map

package/dist/components/timeline/timeline-item.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;;;;oGAKgG;IAChE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAEnE;;;;+DAI2D;IAC9B,IAAI,UAAS;IAE1C;;;4BAGwB;IACZ,OAAO,EAAE,mBAAmB,CAAa;IAErD;;;yGAGqG;IACzD,MAAM,UAAS;IAQlD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,kBAAkB,CAAS;IAE5C,iBAAiB,IAAI,IAAI,CAGxB;IAED,SAAS,CAAC,UAAU,IAAI,IAAI,CAO3B;IAED,OAAO,KAAK,mBAAmB,GAI9B;IAED,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,uBAAuB,CAE7B;IAEF,MAAM,IAAI,cAAc,CAsCvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"timeline-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;;;;oGAKgG;IAChE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAEnE;;;;6DAIyD;IAC5B,IAAI,UAAS;IAE1C;;;4BAGwB;IACZ,OAAO,EAAE,mBAAmB,CAAa;IAErD;;;uGAGmG;IACvD,MAAM,UAAS;IAQlD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,kBAAkB,CAAS;IAE5C,iBAAiB,IAAI,IAAI,CAGxB;IAED,SAAS,CAAC,UAAU,IAAI,IAAI,CAO3B;IAED,OAAO,KAAK,mBAAmB,GAI9B;IAED,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,uBAAuB,CAE7B;IAEF,MAAM,IAAI,cAAc,CAsCvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,gBAAgB,CAAC;KACtC;CACF"}

package/dist/components/timeline/timeline-item.class.js

@@ -10,8 +10,8 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import { styles } from './timeline-item.styles.js';
 import { getDateTimeFormat } from '../../internal/intl-cache.js';
 /**
- * `<lyra-timeline-item>` — one marker + title + optional timestamp + optional description row inside
- * `<lyra-timeline>`'s default slot. See that component's class doc for the overall shape; this class
+ * `<lr-timeline-item>` — one marker + title + optional timestamp + optional description row inside
+ * `<lr-timeline>`'s default slot. See that component's class doc for the overall shape; this class
  * doc covers the rail-connecting mechanism this item's own `[part="track"]`/`[part="rail"]`
  * implement.
  *
@@ -23,38 +23,38 @@ import { getDateTimeFormat } from '../../internal/intl-cache.js';
  * height from a long slotted description. `[part="rail"]` is `flex: 1 1 auto` inside `[part="track"]`,
  * so once the marker (fixed size) takes its share, the rail fills the rest — no JS measurement, no
  * `ResizeObserver`, no absolute positioning. `[part="content"]` carries a trailing logical padding
- * (block-end in vertical mode, inline-end in horizontal mode) equal to `<lyra-timeline>`'s
- * `--lyra-timeline-gap`, so the stretched rail visually reaches *into* the gap before the next item's
- * marker with no seam. The last item's rail is suppressed by `<lyra-timeline>`'s own pure-CSS
+ * (block-end in vertical mode, inline-end in horizontal mode) equal to `<lr-timeline>`'s
+ * `--lr-timeline-gap`, so the stretched rail visually reaches *into* the gap before the next item's
+ * marker with no seam. The last item's rail is suppressed by `<lr-timeline>`'s own pure-CSS
  * `::slotted(:last-child)` rule (see that component's stylesheet) — no JS coordination between the
  * two components is needed anywhere in this mechanism.
  *
  * A pure display row: no events, no keyboard interaction, and no selection/expansion state of its
  * own — a deliberate scope decision, not an oversight. An earlier "interactive row" design (mirroring
- * `<lyra-conversation-item>`'s clickable `role="button"` row) was considered and dropped: this
+ * `<lr-conversation-item>`'s clickable `role="button"` row) was considered and dropped: this
  * component's `title` and `description` are slots that routinely contain focusable content of their
  * own (a link, a button) — wrapping them in an ancestor `role="button"` would trip axe's
- * `nested-interactive` rule the moment a consumer slots one in, unlike `<lyra-conversation-item>`,
+ * `nested-interactive` rule the moment a consumer slots one in, unlike `<lr-conversation-item>`,
  * which keeps its own focusable content in a sibling `actions` slot specifically to avoid that. A
  * consumer who wants a clickable entry slots an actual interactive element inside `description`
  * themselves — `role="listitem"` places no restriction on focusable descendants. Not a
  * form-associated control — no value to submit, no label/hint/error chrome.
  *
- * @customElement lyra-timeline-item
+ * @customElement lr-timeline-item
  * @slot - The item's primary heading/title content. Rich content allowed (inline code, a badge, a
  *   link) — nothing renders when this slot is empty, a valid if unusual usage.
- * @slot icon - Leading marker/glyph override (e.g. a `<lyra-icon>`, an emoji, a small avatar-like
+ * @slot icon - Leading marker/glyph override (e.g. a `<lr-icon>`, an emoji, a small avatar-like
  *   element). Falls back to a plain color-coded dot (driven by `variant`) when empty.
  * @slot timestamp - Full override of the timestamp presentation (e.g.
- *   `<lyra-format-date slot="timestamp">`, a custom string, a differently-configured
- *   `<lyra-relative-time>`). Wins over the `timestamp` property whenever it has assigned content,
- *   even if `timestamp` is also set. Falls back to an internally-rendered `<lyra-relative-time>`
+ *   `<lr-format-date slot="timestamp">`, a custom string, a differently-configured
+ *   `<lr-relative-time>`). Wins over the `timestamp` property whenever it has assigned content,
+ *   even if `timestamp` is also set. Falls back to an internally-rendered `<lr-relative-time>`
  *   (driven by the `timestamp` property) wrapped in a `<time>`, or renders nothing at all
  *   (`[part="timestamp"]` hidden) when neither the slot nor a valid `timestamp` is present.
  * @slot description - Secondary/body content below the title (explanatory text, a diff snippet, a
  *   "view details" affordance). `[part="description"]` is hidden entirely when this slot is empty.
  * @csspart base - The root wrapper. Flex container; `flex-direction` is driven by the
- *   `--lyra-timeline-item-direction` custom property inherited from `<lyra-timeline>`'s `:host` --
+ *   `--lr-timeline-item-direction` custom property inherited from `<lr-timeline>`'s `:host` --
  *   `row` in vertical-timeline mode (marker beside content), `column` in horizontal-timeline mode
  *   (marker above content).
  * @csspart track - Wrapper around the marker and rail (the "spine"). Always the opposite axis from
@@ -63,7 +63,7 @@ import { getDateTimeFormat } from '../../internal/intl-cache.js';
  *   item's accessible content is its title/timestamp/description text.
  * @csspart rail - The connecting line segment extending from this item's marker toward the next
  *   item's marker. Hidden (`visibility: hidden`, not removed) for the last item in a
- *   `<lyra-timeline>` -- see the class doc.
+ *   `<lr-timeline>` -- see the class doc.
  * @csspart content - Wrapper around `header` and `description`.
  * @csspart header - Flex row wrapping `title` and `timestamp`; wraps at narrow widths rather than
  *   truncating either.
@@ -72,26 +72,26 @@ import { getDateTimeFormat } from '../../internal/intl-cache.js';
  *   fallback. Hidden entirely when there's nothing to show.
  * @csspart description - Wrapper around the `description` slot. Hidden entirely when the slot is
  *   empty.
- * @cssprop [--lyra-timeline-marker-size=var(--lyra-size-1-25rem)] - Diameter of the marker circle
+ * @cssprop [--lr-timeline-marker-size=var(--lr-size-1-25rem)] - Diameter of the marker circle
  *   (both inline-size and block-size, so the default dot stays circular).
- * @cssprop [--lyra-timeline-rail-width=var(--lyra-border-width-medium)] - Thickness of the
+ * @cssprop [--lr-timeline-rail-width=var(--lr-border-width-medium)] - Thickness of the
  *   connecting rail line.
- * @cssprop [--lyra-timeline-rail-color=var(--lyra-color-border)] - Color of the connecting rail
- *   line. A component-scoped property (not just inlining `var(--lyra-color-border)` at every use
+ * @cssprop [--lr-timeline-rail-color=var(--lr-color-border)] - Color of the connecting rail
+ *   line. A component-scoped property (not just inlining `var(--lr-color-border)` at every use
  *   site) so a consumer can retint just the rail without touching the library-wide border color
  *   elsewhere.
- * @cssprop [--lyra-timeline-marker-color=var(--lyra-color-text-quiet)] - Marker fill/accent color.
+ * @cssprop [--lr-timeline-marker-color=var(--lr-color-text-quiet)] - Marker fill/accent color.
  *   Swapped per `variant` (see the class doc's variant table); a consumer overriding this directly on
  *   one item wins over the variant default via normal CSS cascade/specificity.
  */
 export class LyraTimelineItem extends LyraElement {
     constructor() {
         super(...arguments);
-        /** Forwarded 1:1 onto the internally-rendered `<lyra-relative-time>`'s own `sync` property, so a
+        /** Forwarded 1:1 onto the internally-rendered `<lr-relative-time>`'s own `sync` property, so a
          *  live feed (e.g. streaming agent actions) can opt this item into auto-refreshing relative text
-         *  ("just now" ticking to "1 minute ago"). Named to match `<lyra-relative-time>`'s own `sync`
+         *  ("just now" ticking to "1 minute ago"). Named to match `<lr-relative-time>`'s own `sync`
          *  property verbatim. Has no effect when the `timestamp` slot is populated -- there is no internal
-         *  `<lyra-relative-time>` to forward onto in that case. */
+         *  `<lr-relative-time>` to forward onto in that case. */
         this.sync = false;
         /** Tone of the marker. `'neutral'` (default) is a plain past event; `'brand'` is highlighted/
          *  informational; `'success'` is completed positively (e.g. a successful deploy); `'warning'` needs
@@ -101,13 +101,13 @@ export class LyraTimelineItem extends LyraElement {
         /** Marks this as the current/in-progress item (e.g. "the agent is executing this step right now"),
          *  as opposed to a resolved past entry. Drives a pulsing marker (disabled under
          *  `prefers-reduced-motion: reduce`) and `aria-current="true"` on the host -- omitted entirely
-         *  (not `"false"`) while inactive, matching `<lyra-stepper>`'s identical `aria-current` handling. */
+         *  (not `"false"`) while inactive, matching `<lr-stepper>`'s identical `aria-current` handling. */
         this.active = false;
         // Tracked in JS rather than relying on native <slot> fallback content: the "slot wins outright"
-        // precedence described in the class doc requires the internal <lyra-relative-time>/default-dot
+        // precedence described in the class doc requires the internal <lr-relative-time>/default-dot
         // markup to be entirely absent from the render() output -- not merely visually superseded -- once
         // the corresponding slot has assigned content. Same [part][hidden]-not-:empty reasoning as
-        // <lyra-menu-item>'s hasIconSlot (a [part] containing a literal <slot> child never matches a bare
+        // <lr-menu-item>'s hasIconSlot (a [part] containing a literal <slot> child never matches a bare
         // :empty selector), copied verbatim for all three slots here.
         this.hasIconSlot = false;
         this.hasTimestampSlot = false;
@@ -167,7 +167,7 @@ export class LyraTimelineItem extends LyraElement {
               <slot name="timestamp" @slotchange=${this.onTimestampSlotChange}></slot>
               ${showTimestampFallback
             ? html `<time datetime=${ts.toISOString()} title=${absolute}>
-                    <lyra-relative-time .date=${ts} .sync=${this.sync}></lyra-relative-time>
+                    <lr-relative-time .date=${ts} .sync=${this.sync}></lr-relative-time>
                   </time>`
             : nothing}
             </span>

package/dist/components/timeline/timeline-item.class.js.map

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

package/dist/components/timeline/timeline-item.js

@@ -1,9 +1,9 @@
 export * from './timeline-item.class.js';
 import { LyraTimelineItem } from './timeline-item.class.js';
 import { defineElement } from '../../internal/prefix.js';
-// Registers <lyra-relative-time>, rendered internally as the default timestamp fallback -- see the
+// Registers <lr-relative-time>, rendered internally as the default timestamp fallback -- see the
 // class doc's "Timestamp rendering" note. Kept out of timeline-item.class.ts so that module stays
-// side-effect free per AGENTS.md's tree-shaking rule; mirrors <lyra-chat-message>'s identical
+// side-effect free per AGENTS.md's tree-shaking rule; mirrors <lr-chat-message>'s identical
 // dependency-registration split (chat-message.ts imports live-region.js the same way).
 import '../format/relative-time.js';
 defineElement('timeline-item', LyraTimelineItem);

package/dist/components/timeline/timeline-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../../src/components/timeline/timeline-item.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,mGAAmG;AACnG,kGAAkG;AAClG,8FAA8F;AAC9F,uFAAuF;AACvF,OAAO,4BAA4B,CAAC;AACpC,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../../src/components/timeline/timeline-item.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,iGAAiG;AACjG,kGAAkG;AAClG,4FAA4F;AAC5F,uFAAuF;AACvF,OAAO,4BAA4B,CAAC;AACpC,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/timeline/timeline-item.styles.js

@@ -2,67 +2,67 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     display: block;
-    --lyra-timeline-marker-size: var(--lyra-size-1-25rem);
-    --lyra-timeline-rail-width: var(--lyra-border-width-medium);
-    --lyra-timeline-rail-color: var(--lyra-color-border);
+    --lr-timeline-marker-size: var(--lr-size-1-25rem);
+    --lr-timeline-rail-width: var(--lr-border-width-medium);
+    --lr-timeline-rail-color: var(--lr-color-border);
     /* Swapped per-variant by the :host([variant]) rules below -- same one-custom-property-per-tone
-       shape as lyra-stream-status's --lyra-stream-status-dot-color. */
-    --lyra-timeline-marker-color: var(--lyra-color-text-quiet);
+       shape as lr-stream-status's --lr-stream-status-dot-color. */
+    --lr-timeline-marker-color: var(--lr-color-text-quiet);
   }
   :host([variant='brand']) {
-    --lyra-timeline-marker-color: var(--lyra-color-brand);
+    --lr-timeline-marker-color: var(--lr-color-brand);
   }
   :host([variant='success']) {
-    --lyra-timeline-marker-color: var(--lyra-color-success);
+    --lr-timeline-marker-color: var(--lr-color-success);
   }
   :host([variant='warning']) {
-    --lyra-timeline-marker-color: var(--lyra-color-warning);
+    --lr-timeline-marker-color: var(--lr-color-warning);
   }
   :host([variant='danger']) {
-    --lyra-timeline-marker-color: var(--lyra-color-danger);
+    --lr-timeline-marker-color: var(--lr-color-danger);
   }
 
   [part='base'] {
     display: flex;
-    /* Driven by the --lyra-timeline-item-direction custom property inherited from <lyra-timeline>'s
+    /* Driven by the --lr-timeline-item-direction custom property inherited from <lr-timeline>'s
        :host across the slot boundary -- row (marker beside content) in vertical-timeline mode,
        column (marker above content) in horizontal-timeline mode. This component has no orientation
-       attribute of its own; see <lyra-timeline>'s styles for the source of truth. */
-    flex-direction: var(--lyra-timeline-item-direction, row);
-    gap: var(--lyra-space-s);
+       attribute of its own; see <lr-timeline>'s styles for the source of truth. */
+    flex-direction: var(--lr-timeline-item-direction, row);
+    gap: var(--lr-space-s);
   }
 
   [part='track'] {
     display: flex;
     /* Always the *opposite* axis from [part='base'] -- see the class doc's rail-mechanism note.
-       Paired with --lyra-timeline-item-direction at the same <lyra-timeline> source, since CSS has
+       Paired with --lr-timeline-item-direction at the same <lr-timeline> source, since CSS has
        no way to derive "the other one of row/column" from a single custom property's value. */
-    flex-direction: var(--lyra-timeline-item-track-direction, column);
+    flex-direction: var(--lr-timeline-item-track-direction, column);
     align-items: center;
     flex: 0 0 auto;
   }
 
   [part='marker'] {
-    inline-size: var(--lyra-timeline-marker-size);
-    block-size: var(--lyra-timeline-marker-size);
+    inline-size: var(--lr-timeline-marker-size);
+    block-size: var(--lr-timeline-marker-size);
     border-radius: 50%;
     flex: 0 0 auto;
-    background: var(--lyra-timeline-marker-color);
-    /* A slotted <lyra-icon> (or any currentColor-stroked glyph) automatically inherits the correct
+    background: var(--lr-timeline-marker-color);
+    /* A slotted <lr-icon> (or any currentColor-stroked glyph) automatically inherits the correct
        variant tint with no extra wiring. */
-    color: var(--lyra-timeline-marker-color);
+    color: var(--lr-timeline-marker-color);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
   }
 
-  /* The pulsing "in-progress" treatment -- same token/guard shape as lyra-stream-status's
+  /* The pulsing "in-progress" treatment -- same token/guard shape as lr-stream-status's
      streaming-phase dot pulse. */
   :host([active]) [part='marker'] {
-    animation: lyra-timeline-item-pulse var(--lyra-transition-ambient) infinite;
+    animation: lr-timeline-item-pulse var(--lr-transition-ambient) infinite;
   }
-  @keyframes lyra-timeline-item-pulse {
+  @keyframes lr-timeline-item-pulse {
     0%,
     100% {
       transform: scale(0.85);
@@ -86,13 +86,13 @@ export const styles = css `
        dimension is just flex-basis's starting point, immediately overridden by flex-grow filling
        whatever length [part='content']'s own padding/height creates (see the class doc's rail
        mechanism). One declaration handles both orientations with no extra conditional. */
-    inline-size: var(--lyra-timeline-rail-width);
-    block-size: var(--lyra-timeline-rail-width);
-    background: var(--lyra-timeline-rail-color);
-    /* Suppressed for the last item in a <lyra-timeline> via this custom property, set by
-       <lyra-timeline>'s own ::slotted(:last-child) rule -- visibility (not display) keeps the same
+    inline-size: var(--lr-timeline-rail-width);
+    block-size: var(--lr-timeline-rail-width);
+    background: var(--lr-timeline-rail-color);
+    /* Suppressed for the last item in a <lr-timeline> via this custom property, set by
+       <lr-timeline>'s own ::slotted(:last-child) rule -- visibility (not display) keeps the same
        layout box every other item's track has, so marker alignment stays consistent down the list. */
-    visibility: var(--lyra-timeline-item-rail-visibility, visible);
+    visibility: var(--lr-timeline-item-rail-visibility, visible);
   }
 
   [part='content'] {
@@ -100,14 +100,14 @@ export const styles = css `
     flex-direction: column;
     flex: 1 1 auto;
     min-inline-size: 0;
-    gap: var(--lyra-space-2xs);
+    gap: var(--lr-space-2xs);
     /* Reaches into the gap before the next item so the rail (which stretches to match this
        element's own size -- see [part='track']) visually meets the next item's marker with no seam.
-       Exactly one of these two is non-zero at a time, set together by <lyra-timeline>'s
+       Exactly one of these two is non-zero at a time, set together by <lr-timeline>'s
        :host / :host([orientation='horizontal']) rules; both default to 0 when this item is used
-       standalone (no <lyra-timeline> ancestor). */
-    padding-block-end: var(--lyra-timeline-item-gap-block-end, 0);
-    padding-inline-end: var(--lyra-timeline-item-gap-inline-end, 0);
+       standalone (no <lr-timeline> ancestor). */
+    padding-block-end: var(--lr-timeline-item-gap-block-end, 0);
+    padding-inline-end: var(--lr-timeline-item-gap-inline-end, 0);
   }
 
   [part='header'] {
@@ -115,20 +115,20 @@ export const styles = css `
     align-items: baseline;
     justify-content: space-between;
     flex-wrap: wrap;
-    gap: var(--lyra-space-xs);
+    gap: var(--lr-space-xs);
   }
 
   [part='title'] {
     min-inline-size: 0;
-    color: var(--lyra-color-text);
-    font-weight: var(--lyra-font-weight-semibold);
-    line-height: var(--lyra-line-height-snug);
+    color: var(--lr-color-text);
+    font-weight: var(--lr-font-weight-semibold);
+    line-height: var(--lr-line-height-snug);
   }
 
   [part='timestamp'] {
     flex: 0 0 auto;
-    color: var(--lyra-color-text-quiet);
-    font-size: var(--lyra-font-size-xs);
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-xs);
     white-space: nowrap;
   }
   [part='timestamp'][hidden] {
@@ -137,9 +137,9 @@ export const styles = css `
 
   [part='description'] {
     min-inline-size: 0;
-    color: var(--lyra-color-text-quiet);
-    font-size: var(--lyra-font-size-md-sm);
-    line-height: var(--lyra-line-height-1-4);
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-md-sm);
+    line-height: var(--lr-line-height-1-4);
     overflow-wrap: anywhere;
   }
   [part='description'][hidden] {

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

@@ -2,50 +2,50 @@ import { type TemplateResult } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 export type TimelineOrientation = 'vertical' | 'horizontal';
 /**
- * `<lyra-timeline>` — an ordered, connected sequence of past-event rows (an audit trail, an agent
- * action history, a changelog) composed from `<lyra-timeline-item>` light-DOM children, joined by a
+ * `<lr-timeline>` — an ordered, connected sequence of past-event rows (an audit trail, an agent
+ * action history, a changelog) composed from `<lr-timeline-item>` light-DOM children, joined by a
  * continuous connecting rail. First-party invention: no Web Awesome/Shoelace counterpart exists, so
  * this follows the library's own established conventions rather than mirroring an upstream API.
  *
- * A pure, read-only, declarative display component — same zero-event shape as `<lyra-badge>`/
- * `<lyra-avatar>`/`<lyra-skeleton>`. It never mutates its own children and fires no events; a
+ * A pure, read-only, declarative display component — same zero-event shape as `<lr-badge>`/
+ * `<lr-avatar>`/`<lr-skeleton>`. It never mutates its own children and fires no events; a
  * consumer who needs to react to item count changes already owns the mutation (they're the one
- * adding/removing `<lyra-timeline-item>` children) and can listen to the native `slotchange` event
+ * adding/removing `<lr-timeline-item>` children) and can listen to the native `slotchange` event
  * directly if truly needed.
  *
  * No keyboard navigation, roving-tabindex, or selection model of any kind — a deliberate scope
  * decision, not an oversight. A timeline is a passive record display, not a navigable widget; see
- * `<lyra-timeline-item>`'s class doc for the full reasoning behind dropping an earlier
+ * `<lr-timeline-item>`'s class doc for the full reasoning behind dropping an earlier
  * "interactive row" design. Not a form-associated control — no value to submit, no label/hint/error
  * chrome.
  *
- * @customElement lyra-timeline
- * @slot - `<lyra-timeline-item>` children, in display order.
+ * @customElement lr-timeline
+ * @slot - `<lr-timeline-item>` children, in display order.
  * @csspart base - The root wrapper. `role="list"` lives here directly (a timeline isn't a navigation
  *   landmark, so it doesn't need a two-layer `base`+`list` split). Flex container: `flex-direction:
  *   column` in `vertical` orientation (the default), `flex-direction: row` (with `overflow-x: auto`)
  *   in `horizontal` orientation.
- * @cssprop [--lyra-timeline-gap=var(--lyra-space-l)] - Spacing between consecutive items along the
+ * @cssprop [--lr-timeline-gap=var(--lr-space-l)] - Spacing between consecutive items along the
  *   timeline's main axis; also the length each item's own rail visually bridges to reach the next
- *   item's marker. Declared here but actually consumed inside each `<lyra-timeline-item>`'s own
+ *   item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own
  *   stylesheet, via ordinary CSS custom-property inheritance across the slot boundary.
  */
 export declare class LyraTimeline extends LyraElement {
     static styles: import("lit").CSSResultGroup[];
     /** `'vertical'` (the default) lays items out in a column, the primary/most-common use case — an
      *  audit trail or agent history reads top-to-bottom. `'horizontal'` lays them out in a row.
-     *  Deliberately differs from `<lyra-stepper>`'s `'horizontal'` default — don't copy that default by
+     *  Deliberately differs from `<lr-stepper>`'s `'horizontal'` default — don't copy that default by
      *  habit. */
     orientation: TimelineOrientation;
     /** Host-level `aria-label` override for the list's accessible name — wins over the localized
      *  default `"Timeline"`. Needed because the `role="list"` element lives in the shadow root and
-     *  never inherits a host attribute automatically — same reasoning as `<lyra-breadcrumb>`'s
+     *  never inherits a host attribute automatically — same reasoning as `<lr-breadcrumb>`'s
      *  identical property. */
     accessibleLabel: string;
     private slottedCount;
     protected willUpdate(): void;
     firstUpdated(): void;
-    /** Read-only, live-updated count of the currently-slotted `<lyra-timeline-item>` children — handy
+    /** Read-only, live-updated count of the currently-slotted `<lr-timeline-item>` children — handy
      *  for building a `"{count} events"` header without hand-counting DOM children. */
     get itemCount(): number;
     private onSlotChange;
@@ -53,7 +53,7 @@ export declare class LyraTimeline extends LyraElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-timeline': LyraTimeline;
+        'lr-timeline': LyraTimeline;
     }
 }
 //# sourceMappingURL=timeline.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline.class.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;;iBAGa;IACD,WAAW,EAAE,mBAAmB,CAAc;IAE1D;;;8BAG0B;IACa,eAAe,SAAM;IAMnD,OAAO,CAAC,YAAY,CAAK;IAElC,SAAS,CAAC,UAAU,IAAI,IAAI,CAQ3B;IAED,YAAY,IAAI,IAAI,CAKnB;IAED;uFACmF;IACnF,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM,IAAI,cAAc,CAMvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"timeline.class.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;;iBAGa;IACD,WAAW,EAAE,mBAAmB,CAAc;IAE1D;;;8BAG0B;IACa,eAAe,SAAM;IAMnD,OAAO,CAAC,YAAY,CAAK;IAElC,SAAS,CAAC,UAAU,IAAI,IAAI,CAQ3B;IAED,YAAY,IAAI,IAAI,CAKnB;IAED;uFACmF;IACnF,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM,IAAI,cAAc,CAMvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF"}