@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/stream-status/stream-status.js

@@ -1,292 +1,6 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing } from 'lit';
-import { property, state, query } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './stream-status.class.js';
+import { LyraStreamStatus } from './stream-status.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import '../live-region/live-region.js';
-import { styles } from './stream-status.styles.js';
-const DEFAULT_STALL_MESSAGE = 'Taking longer than usual…';
-const STALL_ANNOUNCEMENT = 'Connection stalled.';
-const RECOVER_ANNOUNCEMENT = 'Connection restored.';
-// Used instead of RECOVER_ANNOUNCEMENT when a stall is left behind by moving
-// to 'idle'/'connecting' rather than back to 'streaming' -- see
-// announceTransition()'s caller in onPhaseChanged() for why "restored" would
-// be actively misleading in that case.
-const STALL_CLEARED_ANNOUNCEMENT = 'No longer stalled.';
-// The default slot's stalled-message content is often plain text with no
-// wrapping element at all (see the CustomStalledMessage story), so an
-// Element-only check never counts it, and ordinary indented-markup
-// whitespace (a newline + indentation before a slotted `actions` button, as
-// in the DefaultStalledMessage story) must not count either -- native <slot>
-// fallback content is suppressed by *any* assigned node, whitespace or not,
-// which previously left the message area blank in exactly that common case.
-// Mirrors lyra-citation-badge's identical isRealPreviewNode: a node counts as
-// real message content if it's an element not assigned to some other named
-// slot (e.g. `actions`), or non-whitespace text.
-function isRealMessageNode(n) {
-    return n.nodeType === Node.ELEMENT_NODE
-        ? !n.hasAttribute('slot')
-        : (n.textContent ?? '').trim().length > 0;
-}
-/**
- * `<lyra-stream-status>` — a compact status indicator for a single streaming
- * connection (SSE, WebSocket, long-poll, …), with built-in heartbeat-aware
- * stall detection.
- *
- * The host drives `phase` directly for `idle`/`connecting`/`streaming`, and
- * calls `recordActivity()` on every *semantic* frame received while
- * streaming — a real content chunk, never a transport-level keep-alive ping.
- * This component has no payload-inspection logic of its own: "ignore
- * heartbeats" is entirely a call-site discipline — the host simply never
- * calls `recordActivity()` for a ping, so pings never reset the stall timer
- * and a connection that's only sending keep-alives (no real content) for
- * longer than `stall-threshold-ms` correctly reads as stalled.
- *
- * Internally, an inactivity timer runs only while `phase === 'streaming'`.
- * It's (re)armed whenever the phase transitions to `'streaming'` (directly,
- * or via `recordActivity()` recovering from `'stalled'`), on every
- * subsequent `recordActivity()` call while already streaming, whenever
- * `stall-threshold-ms` itself changes while already streaming (the new
- * value takes effect immediately, the same way `<lyra-toast-item>`'s
- * `duration` re-applies mid-flight, rather than waiting for the next
- * `recordActivity()`/phase change), and whenever this element (re)connects
- * to the DOM while `phase` is still `'streaming'` (a disconnect always
- * disarms it, so moving the element elsewhere in the page — disconnect then
- * reconnect with `phase` unchanged — must resume detection rather than
- * silently disabling it for the rest of the streaming session). It's
- * disarmed the instant `phase` becomes anything else, including a
- * host-driven reassignment away from `'streaming'` — so a stale timer can
- * never fire a stall transition after the host has already moved on. If it
- * ever fires, `phase` becomes `'stalled'` and `lyra-stall` is dispatched.
- *
- * `phase` remains a fully public, directly settable property at all times —
- * a host can assign `'stalled'` (or any other phase) itself as a manual
- * override, and this component never fights that assignment. `lyra-stall`/
- * `lyra-recover` fire on *any* transition into/out of `'stalled'`
- * respectively, whether timer-driven or host-driven, and never for a
- * reassignment to the same value (Lit's default `hasChanged` already skips a
- * no-op set, same as every other reflected `@property` in this library).
- * Like `<lyra-chat-message>`'s `status`, whatever phase this element happens
- * to *mount* with is never itself treated as an eventful transition — only a
- * later change fires an event or an announcement.
- *
- * Accessibility: phase transitions into/out of `'stalled'` are announced
- * through an internal `<lyra-live-region>` (see that component for the
- * throttled/coalesced-announcement machinery this composes) rather than a
- * hand-rolled `aria-live` region. `recordActivity()` itself never announces
- * anything, no matter how often the host calls it — only the *transition*
- * announces, exactly once per transition, which is the entire point of
- * routing through the throttled announcer instead of writing to a live
- * region on every call. Entering `'stalled'` announces with `mode="assertive"`
- * (a stall can need the user's attention, e.g. before they give up and
- * navigate away); leaving `'stalled'` always announces with `mode="polite"`
- * (good news doesn't need to interrupt), but the *wording* depends on where
- * it lands: `"Connection restored."` only when the destination is
- * `'streaming'` (a genuine recovery), or a neutral `"No longer stalled."`
- * when the destination is `'idle'`/`'connecting'` instead — that's the host
- * giving up on the stream, not the stream recovering, and a screen-reader
- * user must never be told the opposite of what a sighted user sees on
- * screen. The decorative indicator dot is `aria-hidden` — it's a
- * color/motion cue only, never the sole carrier of state.
- *
- * Visual: `'stalled'` is styled as a warning, not a danger — a stall is
- * usually recoverable (the stream may resume on its own, or the host's own
- * retry logic may kick in), so treating it as an actionable warning rather
- * than a hard failure keeps the tone proportionate. A host that wants to
- * escalate to danger styling after N stalls can scope its own CSS off
- * `[phase="stalled"]`, or simply stop rendering this component and show its
- * own danger-styled error state instead.
- *
- * @customElement lyra-stream-status
- * @slot - Custom copy shown only while `phase="stalled"` (e.g. "Taking longer than usual…"). A sensible built-in default is used when nothing is slotted.
- * @slot actions - A stop/retry button row. Always present in the template regardless of `phase` — visibility is driven purely by whether anything is slotted, not by `phase`; what to put here, and when, is entirely the host's call.
- * @event lyra-stall - Fired whenever `phase` transitions into `'stalled'` from anything else (timer-driven, or a direct host assignment).
- * @event lyra-recover - Fired whenever `phase` transitions out of `'stalled'` to anything else (via `recordActivity()`, or a direct host assignment) — fired unconditionally regardless of destination phase, even though the accompanying announcement's wording varies (see the class doc's "Accessibility" section).
- * @csspart base - The root layout container.
- * @csspart indicator - The decorative (`aria-hidden`) status dot.
- * @csspart message - Wrapper around the default slot; only rendered while `phase="stalled"`.
- * @csspart actions - Wrapper around the `actions` slot.
- */
-export class LyraStreamStatus extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** Current connection phase. Settable directly by the host at any time —
-         *  see the class doc for how that interacts with the internal stall timer. */
-        this.phase = 'idle';
-        /** How long `phase` may stay `'streaming'` with no `recordActivity()` call
-         *  before this component declares it stalled. */
-        this.stallThresholdMs = 10000;
-        this.hasActionsSlot = false;
-        // Seeded from light-DOM childNodes in willUpdate() (mirrors hasActionsSlot
-        // above), then kept current via onMessageSlotChange() -- see
-        // isRealMessageNode()'s doc comment for why native <slot> fallback content
-        // can't be relied on for the default stalled-message text.
-        this.hasMessageContent = false;
-        this.onActionsSlotChange = (e) => {
-            this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
-        };
-        this.onMessageSlotChange = (e) => {
-            this.hasMessageContent = e.target.assignedNodes({ flatten: true }).some(isRealMessageNode);
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    willUpdate() {
-        if (!this.hasUpdated) {
-            this.hasActionsSlot = this.hasSlotted('actions');
-            this.hasMessageContent = Array.from(this.childNodes).some(isRealMessageNode);
-        }
-    }
-    // `changed.get('phase')` is `undefined` on the very first update, for the
-    // same reason documented on lyra-chat-message's identical `updated()`
-    // guard: Lit only records the *first* old value seen since the last
-    // completed update, and the constructor's field-initializer assignment is
-    // that first change, from the truly-unset internal slot. That naturally
-    // skips firing an event/announcement for whatever phase this element
-    // happens to mount with, while still arming the stall timer below if it
-    // mounts already `'streaming'`.
-    //
-    // The `else if` below only matters while `phase` itself didn't also change
-    // in this same update -- if it did, onPhaseChanged() above already
-    // (re)armed the timer with the current `stallThresholdMs`, so re-arming it
-    // again here would just be redundant, not wrong, but the `else` skips that
-    // double work.
-    updated(changed) {
-        if (changed.has('phase')) {
-            this.onPhaseChanged(changed.get('phase'));
-        }
-        else if (changed.has('stallThresholdMs') && this.phase === 'streaming') {
-            // Unlike `phase` itself, `stallThresholdMs` has no dedicated handler --
-            // the already-armed timer was scheduled against the *old* value and
-            // keeps counting down against it otherwise, so a shortened (or
-            // lengthened) threshold would silently have no effect until the next
-            // recordActivity() call or phase transition happened to re-arm it.
-            this.armStallTimer();
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        // A disconnect always disarms the timer (see disconnectedCallback()
-        // below), but reparenting this element elsewhere in the page while still
-        // `'streaming'` fires disconnectedCallback then connectedCallback with
-        // `phase` unchanged -- no `updated()` cycle runs in between, so nothing
-        // else would ever re-arm it. Without this, a reparent mid-stream would
-        // permanently disable stall detection for the rest of that streaming
-        // session.
-        if (this.phase === 'streaming')
-            this.armStallTimer();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.disarmStallTimer();
-    }
-    /**
-     * Call on every semantic (non-heartbeat) frame received while streaming.
-     * - While `phase === 'streaming'`: (re)arms the stall timer, pushing the
-     *   stall deadline `stall-threshold-ms` further out.
-     * - While `phase === 'stalled'`: recovers — `phase` becomes `'streaming'`
-     *   again, `lyra-recover` fires, and the stall timer is armed fresh (same
-     *   as the bullet above), all via the same `updated()` transition handling
-     *   a direct host assignment would also go through.
-     * - While `phase` is `'idle'` or `'connecting'`: a no-op. A host may call
-     *   this defensively before formally flipping to `'streaming'`; it must
-     *   never throw or start a timer early.
-     */
-    recordActivity() {
-        if (this.phase === 'streaming') {
-            this.armStallTimer();
-        }
-        else if (this.phase === 'stalled') {
-            this.phase = 'streaming';
-        }
-    }
-    onPhaseChanged(previous) {
-        if (this.phase === 'streaming') {
-            this.armStallTimer();
-        }
-        else {
-            this.disarmStallTimer();
-        }
-        if (previous === undefined)
-            return;
-        if (this.phase === 'stalled' && previous !== 'stalled') {
-            this.emit('lyra-stall');
-            this.announceTransition('assertive', STALL_ANNOUNCEMENT);
-        }
-        else if (previous === 'stalled' && this.phase !== 'stalled') {
-            // `lyra-recover` fires unconditionally -- a host may still want the
-            // event for any exit from 'stalled' -- but the *announced text* must
-            // not claim the connection was "restored" when the destination is
-            // 'idle'/'connecting': that's the host abandoning the stream, not it
-            // recovering, and telling a screen-reader user otherwise would be the
-            // opposite of what a sighted user sees on screen.
-            this.emit('lyra-recover');
-            const text = this.phase === 'streaming' ? RECOVER_ANNOUNCEMENT : STALL_CLEARED_ANNOUNCEMENT;
-            this.announceTransition('polite', text);
-        }
-    }
-    armStallTimer() {
-        this.disarmStallTimer();
-        const threshold = this.stallThresholdMs;
-        if (!Number.isFinite(threshold) || threshold <= 0)
-            return;
-        this.stallTimer = setTimeout(() => {
-            this.stallTimer = undefined;
-            this.phase = 'stalled';
-        }, threshold);
-    }
-    disarmStallTimer() {
-        if (this.stallTimer !== undefined) {
-            clearTimeout(this.stallTimer);
-            this.stallTimer = undefined;
-        }
-    }
-    announceTransition(mode, text) {
-        const region = this.liveRegion;
-        if (!region)
-            return;
-        region.mode = mode;
-        region.announce(text, { force: true });
-    }
-    hasSlotted(name) {
-        return Array.from(this.children).some((el) => el.getAttribute('slot') === name);
-    }
-    render() {
-        return html `
-      <div part="base">
-        <span part="indicator" aria-hidden="true"></span>
-        ${this.phase === 'stalled'
-            ? html `<div part="message">
-              <slot @slotchange=${this.onMessageSlotChange}></slot>${this.hasMessageContent
-                ? nothing
-                : DEFAULT_STALL_MESSAGE}
-            </div>`
-            : nothing}
-        <div part="actions" ?hidden=${!this.hasActionsSlot}>
-          <slot name="actions" @slotchange=${this.onActionsSlotChange}></slot>
-        </div>
-        <lyra-live-region></lyra-live-region>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ reflect: true })
-], LyraStreamStatus.prototype, "phase", void 0);
-__decorate([
-    property({ type: Number, attribute: 'stall-threshold-ms' })
-], LyraStreamStatus.prototype, "stallThresholdMs", void 0);
-__decorate([
-    state()
-], LyraStreamStatus.prototype, "hasActionsSlot", void 0);
-__decorate([
-    state()
-], LyraStreamStatus.prototype, "hasMessageContent", void 0);
-__decorate([
-    query('lyra-live-region')
-], LyraStreamStatus.prototype, "liveRegion", void 0);
+import "../live-region/live-region.js";
 defineElement('stream-status', LyraStreamStatus);
+//# sourceMappingURL=stream-status.js.map

package/dist/components/stream-status/stream-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream-status.js","sourceRoot":"","sources":["../../../src/components/stream-status/stream-status.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,+BAA+B,CAAC;AACvC,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/stream-status/stream-status.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=stream-status.styles.d.ts.map

package/dist/components/stream-status/stream-status.styles.d.ts.map

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

package/dist/components/stream-status/stream-status.styles.js

@@ -43,13 +43,13 @@ export const styles = css `
   :host([phase='stalled']) [part='base'] {
     padding: var(--lyra-space-xs) var(--lyra-space-s);
     background: var(--lyra-color-warning-quiet);
-    border: 1px solid var(--lyra-color-warning);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-warning);
   }
 
   [part='indicator'] {
     flex: 0 0 auto;
-    inline-size: 0.5rem;
-    block-size: 0.5rem;
+    inline-size: var(--lyra-size-0-5rem);
+    block-size: var(--lyra-size-0-5rem);
     border-radius: 50%;
     background: var(--lyra-stream-status-dot-color);
     opacity: var(--lyra-stream-status-dot-opacity);
@@ -87,9 +87,9 @@ export const styles = css `
 
   [part='message'] {
     color: var(--lyra-color-warning);
-    font-size: 0.875rem;
-    font-weight: 600;
-    line-height: 1.3;
+    font-size: var(--lyra-font-size-md-sm);
+    font-weight: var(--lyra-font-weight-semibold);
+    line-height: var(--lyra-line-height-snug);
   }
 
   [part='actions'] {
@@ -101,3 +101,4 @@ export const styles = css `
     display: none;
   }
 `;
+//# sourceMappingURL=stream-status.styles.js.map

package/dist/components/stream-status/stream-status.styles.js.map

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

package/dist/components/streaming-text/streaming-text.class.d.ts

@@ -0,0 +1,105 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../markdown/markdown.class.js';
+/** Runs {@link MARKDOWN_PATTERNS} against `text`, used whenever `markdown`
+ *  is left unset (auto-detect). Exported so the heuristic is directly
+ *  testable without going through the component's render cycle. */
+export declare function looksLikeMarkdown(text: string): boolean;
+/**
+ * `<lyra-streaming-text>` — a token-coalescing incremental text renderer for
+ * streaming assistant output, with an optional blinking cursor and
+ * auto-detected Markdown rendering.
+ *
+ * The host is expected to assign the *entire* current text on every update
+ * to `content`, not a delta -- this component does no accumulation or
+ * ordering of its own. That matches how most streaming-UI state (SSE/
+ * WebSocket token accumulation into a growing string in application state)
+ * is already managed.
+ *
+ * Token-by-token streaming can update `content` far faster than a human can
+ * usefully perceive a re-render -- dozens of times a second for a fast
+ * model. Re-rendering on every single assignment thrashes layout for no
+ * visible benefit, so updates funnel through `Announcer`
+ * (`../../internal/announcer.js`), reused here purely as the generic
+ * "coalesce rapid calls, flush the latest" timing primitive its own class
+ * doc says other components should reuse -- with none of its usual
+ * DOM/ARIA plumbing (that's `<lyra-live-region>`'s job, not this
+ * component's). Within any `coalesce-ms` window, only the *last* `content`
+ * value assigned actually reaches the rendered DOM. Two cases always bypass
+ * the throttle and flush immediately instead of waiting out the window: the
+ * very first `content` assignment after mount (so an already-complete
+ * message never shows an artificial startup delay), and any transition of
+ * `streaming` between `true` and `false` in either direction (so the final
+ * chunk of a finished stream can never be left stranded mid-window, and a
+ * stream restarting on a reused element can never keep showing the
+ * previous stream's stale final content for the length of the window).
+ *
+ * `markdown` is a tri-state property, not a plain boolean: left unset (the
+ * default), it auto-detects via a lightweight regex heuristic (see
+ * `looksLikeMarkdown`) run against whatever text is currently displayed --
+ * good enough to route obviously-Markdown output through `<lyra-markdown>`
+ * without the host needing to know or declare it up front, at the cost of
+ * an occasional one-time mode flip if Markdown syntax only appears partway
+ * through a stream. Explicitly setting `markdown` to `true`/`false` always
+ * wins over the heuristic. Rendering itself is never reimplemented here:
+ * Markdown mode composes `<lyra-markdown>` (`../markdown/markdown.js`)
+ * directly, forwarding this component's own `streaming` through as that
+ * component's own forward-compatible `streaming` hint prop; plain-text mode
+ * renders into a `white-space: pre-wrap` span instead.
+ *
+ * The blinking cursor (shown only while `streaming` is `true`) degrades to
+ * a static, always-visible bar under `prefers-reduced-motion: reduce`
+ * rather than disabling the animation into an invisible frozen frame --
+ * the same pattern `<lyra-typing-indicator>`'s own `cursor` variant uses. In
+ * plain-text mode the cursor sits inline at the tail of the final
+ * character, since the text is one continuous inline flow; in Markdown
+ * mode it renders as its own trailing block below the rendered content
+ * instead of attempting to splice into whatever nested block Markdown
+ * happens to end with (a paragraph, a table cell, a list item, a fenced
+ * code block, …) -- genuinely interleaving into arbitrary rendered Markdown
+ * without reaching across `<lyra-markdown>`'s own shadow boundary isn't a
+ * tractable general solution, so this component doesn't attempt it.
+ *
+ * Purely presentational: no events, driven entirely by its properties. It
+ * also doesn't announce anything to assistive tech itself -- a host that
+ * needs streamed text announced already has `<lyra-live-region>` for that
+ * (composed, for example, inside `<lyra-chat-message>`).
+ *
+ * @customElement lyra-streaming-text
+ * @csspart base - The root container.
+ * @csspart cursor - The blinking (or, under reduced motion, static) cursor bar. Only rendered while `streaming` is `true`.
+ */
+export declare class LyraStreamingText extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The full current text so far -- always the complete string, never a
+     *  delta to append. */
+    content: string;
+    /** Shows the blinking cursor after the rendered text. Reflects, so a host
+     *  can also target `lyra-streaming-text[streaming]` in CSS. */
+    streaming: boolean;
+    /** Trailing-edge coalesce window, in ms, for `content` updates -- see the
+     *  class doc. */
+    coalesceMs: number;
+    /** `undefined` (default) auto-detects via `looksLikeMarkdown`; `true`/
+     *  `false` force that rendering mode regardless of content. */
+    markdown?: boolean;
+    private displayedContent;
+    private lastScannedContent?;
+    private lastScannedResult;
+    private readonly coalescer;
+    constructor();
+    protected willUpdate(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    /** Whether Markdown mode is actually in effect right now, resolving the
+     *  tri-state `markdown` property against the memoized `looksLikeMarkdown`
+     *  result for the currently-displayed content (see `lastScannedContent`/
+     *  `lastScannedResult` above). */
+    private get effectiveMarkdown();
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-streaming-text': LyraStreamingText;
+    }
+}
+//# sourceMappingURL=streaming-text.class.d.ts.map

package/dist/components/streaming-text/streaming-text.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-text.class.d.ts","sourceRoot":"","sources":["../../../src/components/streaming-text/streaming-text.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAkC,MAAM,KAAK,CAAC;AAE9G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,+BAA+B,CAAC;AA2BvC;;mEAEmE;AACnE,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAGvD;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,iCAAgC;IAE7C;2BACuB;IACX,OAAO,SAAM;IAEzB;mEAC+D;IACnB,SAAS,UAAS;IAE9D;qBACiB;IACqC,UAAU,SAAuB;IAEvF;mEAC+D;IACW,QAAQ,CAAC,EAAE,OAAO,CAAC;IAIpF,OAAO,CAAC,gBAAgB,CAAM;IAQvC,OAAO,CAAC,kBAAkB,CAAC,CAAS;IACpC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;IAEtC,cAYC;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA+BlD;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED;;;sCAGkC;IAClC,OAAO,KAAK,iBAAiB,GAE5B;IAED,MAAM,IAAI,cAAc,CASvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}