@lostgradient/cinder 0.4.0 → 0.5.0

package/dist/server/index.server-7yfz2t73.js

@@ -0,0 +1,189 @@
+import {
+  useResizeObserver
+} from "./index.server-9w7qdn8h.js";
+import {
+  dataTableClass,
+  formatNumericValue
+} from "./index.server-1nq8h5yb.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/spectrum-chart/spectrum-chart.svelte
+import * as $ from "svelte/internal/server";
+function Spectrum_chart($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      label,
+      description,
+      bins,
+      height = 160,
+      loading = false,
+      dataTableVisibility = "screen-reader-only",
+      dataTableCaption,
+      class: customClassName,
+      empty,
+      loadingContent,
+      id,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const rootId = $.derived(() => id ?? generatedId);
+    const descriptionId = $.derived(() => description ? `${rootId()}-description` : undefined);
+    const marginTop = 8;
+    const marginRight = 8;
+    const marginBottom = 32;
+    const marginLeft = 40;
+    let measuredWidth = 400;
+    const observeResize = useResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry && entry.contentRect.width > 0)
+        measuredWidth = entry.contentRect.width;
+    });
+    const plotWidth = $.derived(() => Math.max(1, measuredWidth - marginLeft - marginRight));
+    const plotHeight = $.derived(() => Math.max(1, height - marginTop - marginBottom));
+    const isEmpty = $.derived(() => bins.length === 0);
+    function sanitizeMagnitude(value) {
+      return Number.isFinite(value) && value > 0 ? value : 0;
+    }
+    const maxValue = $.derived(() => {
+      let max = 0;
+      for (const bin of bins) {
+        const magnitude = sanitizeMagnitude(bin.value);
+        if (magnitude > max)
+          max = magnitude;
+      }
+      return max;
+    });
+    const tickCount = 5;
+    const yTicks = $.derived(() => {
+      if (maxValue() <= 0)
+        return [0];
+      return Array.from({ length: tickCount }, (_, index) => maxValue() * index / (tickCount - 1));
+    });
+    function scaleY(value) {
+      if (maxValue() <= 0)
+        return plotHeight();
+      return plotHeight() - value / maxValue() * plotHeight();
+    }
+    const barWidth = $.derived(() => bins.length > 0 ? plotWidth() / bins.length : 0);
+    const spectrumBars = $.derived(() => {
+      return bins.map((bin, index) => {
+        const magnitude = sanitizeMagnitude(bin.value);
+        const barHeight = maxValue() > 0 ? magnitude / maxValue() * plotHeight() : 0;
+        return {
+          x: index * barWidth() + 1,
+          y: plotHeight() - barHeight,
+          barHeight,
+          barWidth: Math.max(1, barWidth() - 2),
+          label: bin.label,
+          value: magnitude
+        };
+      });
+    });
+    const maxXLabels = 8;
+    const xLabelStep = $.derived(() => Math.max(1, Math.ceil(bins.length / maxXLabels)));
+    const hasDataTable = $.derived(() => dataTableVisibility !== "hidden");
+    $$renderer2.push(`<figure${$.attributes({
+      ...rest,
+      id: rootId(),
+      class: $.clsx(classNames("cinder-spectrum-chart", customClassName)),
+      "aria-label": label,
+      "aria-describedby": descriptionId()
+    })}>`);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-spectrum-chart__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-spectrum-chart__viewport"${$.attr("data-cinder-loading", loading || undefined)}${$.attr_style("", { height: `${$.stringify(height)}px` })}>`);
+    if (loading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-spectrum-chart__state">`);
+      if (loadingContent) {
+        $$renderer2.push("<!--[0-->");
+        loadingContent($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`Loading…`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (isEmpty()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="cinder-spectrum-chart__state">`);
+      if (empty) {
+        $$renderer2.push("<!--[0-->");
+        empty($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`No spectrum data`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <svg role="img"${$.attr("viewBox", `0 0 ${measuredWidth} ${height}`)}${$.attr("aria-hidden", loading || isEmpty() ? "true" : undefined)}${$.attr("aria-labelledby", !loading && !isEmpty() ? `${rootId()}-svg-title` : undefined)}>`);
+    if (!loading && !isEmpty()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<title${$.attr("id", `${$.stringify(rootId())}-svg-title`)}>${$.escape(label)}</title>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    if (!loading && !isEmpty()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<g${$.attr("transform", `translate(${marginLeft}, ${marginTop})`)}><!--[-->`);
+      const each_array = $.ensure_array_like(yTicks());
+      for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+        let tick = each_array[index];
+        $$renderer2.push(`<text class="cinder-spectrum-chart__tick-label"${$.attr("x", -6)}${$.attr("y", scaleY(tick))} text-anchor="end" dominant-baseline="middle">${$.escape(formatNumericValue(tick, undefined, undefined, { index }))}</text><line class="cinder-spectrum-chart__grid-line" x1="0"${$.attr("x2", plotWidth())}${$.attr("y1", scaleY(tick))}${$.attr("y2", scaleY(tick))} aria-hidden="true"></line>`);
+      }
+      $$renderer2.push(`<!--]--><!--[-->`);
+      const each_array_1 = $.ensure_array_like(spectrumBars());
+      for (let index = 0, $$length = each_array_1.length;index < $$length; index++) {
+        let bar = each_array_1[index];
+        $$renderer2.push(`<rect class="cinder-spectrum-chart__bar"${$.attr("x", bar.x)}${$.attr("y", bar.y)}${$.attr("width", bar.barWidth)}${$.attr("height", bar.barHeight)} aria-hidden="true"${$.attr("data-cinder-bin", bar.label)}></rect>`);
+      }
+      $$renderer2.push(`<!--]--><!--[-->`);
+      const each_array_2 = $.ensure_array_like(spectrumBars());
+      for (let index = 0, $$length = each_array_2.length;index < $$length; index++) {
+        let bar = each_array_2[index];
+        if (index % xLabelStep() === 0) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<text class="cinder-spectrum-chart__tick-label"${$.attr("x", bar.x + bar.barWidth / 2)}${$.attr("y", plotHeight() + 16)} text-anchor="middle" dominant-baseline="auto">${$.escape(bar.label)}</text>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--></g>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></svg></div> `);
+    if (hasDataTable()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<table${$.attr_class($.clsx(dataTableClass(dataTableVisibility)))}><caption>${$.escape(dataTableCaption ?? label)}</caption><thead><tr><th scope="col">Frequency</th><th scope="col">Magnitude</th></tr></thead><tbody><!--[-->`);
+      const each_array_3 = $.ensure_array_like(spectrumBars());
+      for (let index = 0, $$length = each_array_3.length;index < $$length; index++) {
+        let bar = each_array_3[index];
+        $$renderer2.push(`<tr><td>${$.escape(bar.label)}</td><td>${$.escape(formatNumericValue(bar.value, undefined, undefined, { index }))}</td></tr>`);
+      }
+      $$renderer2.push(`<!--]--></tbody></table>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></figure>`);
+  }, Spectrum_chart);
+}
+
+// src/components/spectrum-chart/index.ts
+var spectrum_chart_default = Spectrum_chart;
+export { Spectrum_chart, spectrum_chart_default };
+
+//# debugId=B08E5D9CA17004D064756E2164756E21

package/dist/server/index.server-7yp7j1bw.js

@@ -0,0 +1,371 @@
+import {
+  Status_dot
+} from "./index.server-npxtkwjp.js";
+import {
+  Json_viewer
+} from "./index.server-w6k62afr.js";
+import {
+  Copy_button
+} from "./index.server-w8y3eqhp.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/event-stream-viewer/event-stream-viewer.svelte
+import * as $ from "svelte/internal/server";
+import { SvelteSet } from "svelte/reactivity";
+
+// src/components/event-stream-viewer/event-stream-viewer-keys.ts
+function streamEventKey(event) {
+  const parts = [keyType("event"), keyField("id", event.id)];
+  if (typeof event.sequence === "number")
+    parts.push(keyField("sequence", event.sequence));
+  return parts.join("|");
+}
+function reconnectedBoundaryKey(boundary) {
+  return [keyType("reconnected"), keyField("id", boundary.id)].join("|");
+}
+function sequenceGapKey(previousEventId, event, expectedSequence, actualSequence) {
+  return [
+    keyType("sequence-gap"),
+    previousEventId === undefined ? keyField("previous-missing", true) : keyField("previous", previousEventId),
+    keyField("next", event.id),
+    keyField("expected", expectedSequence),
+    keyField("actual", actualSequence)
+  ].join("|");
+}
+function uniqueRenderedKey(baseKey, occurrences) {
+  const occurrence = occurrences.get(baseKey) ?? 0;
+  occurrences.set(baseKey, occurrence + 1);
+  return occurrence === 0 ? baseKey : `${baseKey}|occurrence=${occurrence + 1}`;
+}
+function detailsIdForKey(instanceId, key) {
+  return `${escapeDomIdPart(instanceId)}-details-${hashString(key)}-${hashString(reverseString(key))}-${key.length}`;
+}
+function keyType(type) {
+  return keyField("type", type);
+}
+function keyField(name, value) {
+  const stringValue = String(value);
+  return `${name.length}:${name}:${stringValue.length}:${stringValue}`;
+}
+function escapeDomIdPart(value) {
+  let result = "";
+  for (const character of value) {
+    result += /^[A-Za-z0-9_-]$/.test(character) ? character : `_${character.codePointAt(0)?.toString(16) ?? "0"}_`;
+  }
+  return result === "" ? "empty" : result;
+}
+function reverseString(value) {
+  let result = "";
+  for (const character of value) {
+    result = character + result;
+  }
+  return result;
+}
+function hashString(value) {
+  let hash = 0;
+  for (let index = 0;index < value.length; index += 1) {
+    hash = Math.imul(31, hash) + value.charCodeAt(index);
+    hash |= 0;
+  }
+  return (hash >>> 0).toString(36);
+}
+
+// src/components/event-stream-viewer/event-stream-viewer.svelte
+function Event_stream_viewer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const instanceId = $.props_id($$renderer2);
+    function isValidSequence(value) {
+      return Number.isInteger(value);
+    }
+    let {
+      events,
+      connectionState,
+      followLatest = true,
+      truncated = false,
+      loading = false,
+      label = "Event stream",
+      detectSequenceGaps = false,
+      oncopyvisible,
+      onfilter,
+      filterQuery = "",
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const expandedIds = new SvelteSet;
+    let scrollContainerEl = null;
+    let programmaticScroll = false;
+    let liveMessage = "";
+    const isEmpty = $.derived(() => !loading && events.length === 0);
+    const eventCount = $.derived(() => events.length);
+    const latestEvent = $.derived(() => events.at(-1));
+    const renderedEntries = $.derived(() => {
+      const entries = [];
+      const keyOccurrences = new Map;
+      let previousSequence;
+      let previousEventId;
+      const shouldDetectSequenceGaps = detectSequenceGaps && filterQuery.trim() === "";
+      for (const entry of events) {
+        if (isReconnectedBoundary(entry)) {
+          const key2 = uniqueRenderedKey(reconnectedBoundaryKey(entry), keyOccurrences);
+          entries.push({
+            type: "reconnected",
+            key: key2,
+            boundary: entry,
+            label: formatReconnectedBoundaryLabel(entry),
+            datetime: boundaryDateTime(entry)
+          });
+          previousSequence = undefined;
+          previousEventId = undefined;
+          continue;
+        }
+        const currentSequence = entry.sequence;
+        if (shouldDetectSequenceGaps && isValidSequence(previousSequence) && isValidSequence(currentSequence)) {
+          const expectedSequence = previousSequence + 1;
+          if (currentSequence !== expectedSequence) {
+            const key2 = uniqueRenderedKey(sequenceGapKey(previousEventId, entry, expectedSequence, currentSequence), keyOccurrences);
+            entries.push({
+              type: "sequence-gap",
+              key: key2,
+              expectedSequence,
+              actualSequence: currentSequence,
+              label: formatSequenceGapLabel(expectedSequence, currentSequence)
+            });
+          }
+        }
+        if (isValidSequence(currentSequence)) {
+          previousSequence = currentSequence;
+          previousEventId = entry.id;
+        } else {
+          previousSequence = undefined;
+          previousEventId = undefined;
+        }
+        const key = uniqueRenderedKey(streamEventKey(entry), keyOccurrences);
+        entries.push({
+          type: "event",
+          key,
+          detailsId: detailsIdForKey(instanceId, key),
+          event: entry
+        });
+      }
+      return entries;
+    });
+    function toggleDetails(rowKey) {
+      if (expandedIds.has(rowKey)) {
+        expandedIds.delete(rowKey);
+      } else {
+        expandedIds.add(rowKey);
+      }
+    }
+    function isReconnectedBoundary(entry) {
+      return "kind" in entry && entry.kind === "reconnected" && "replayedCount" in entry && Number.isInteger(entry.replayedCount) && entry.replayedCount >= 0;
+    }
+    function formatReconnectedBoundaryLabel(boundary) {
+      const eventWord = boundary.replayedCount === 1 ? "event" : "events";
+      return `Reconnected — ${boundary.replayedCount} ${eventWord} replayed`;
+    }
+    function formatSequenceGapLabel(expectedSequence, actualSequence) {
+      return `Sequence gap — expected ${expectedSequence}, received ${actualSequence}`;
+    }
+    function boundaryDateTime(boundary) {
+      return boundary.datetime;
+    }
+    function formatEventAsText(event) {
+      const parts = [];
+      parts.push(`[${event.timestamp ?? event.datetime}]`);
+      if (event.severity)
+        parts.push(`[${event.severity.toUpperCase()}]`);
+      if (event.source)
+        parts.push(`[${event.source}]`);
+      parts.push(event.summary);
+      if (event.details !== undefined) {
+        try {
+          parts.push(JSON.stringify(event.details, null, 2));
+        } catch {}
+      }
+      return parts.join(" ");
+    }
+    function formatReconnectedBoundaryAsText(boundary) {
+      const timeLabel = boundary.timestamp ?? boundary.datetime;
+      const markerText = formatReconnectedBoundaryLabel(boundary);
+      return timeLabel ? `[${timeLabel}] ${markerText}` : markerText;
+    }
+    function formatRenderedEntryAsText(entry) {
+      if (entry.type === "event")
+        return formatEventAsText(entry.event);
+      if (entry.type === "reconnected")
+        return formatReconnectedBoundaryAsText(entry.boundary);
+      return entry.label;
+    }
+    function formatCopyVisibleAnnouncement(entryCount) {
+      return `${entryCount} stream ${entryCount === 1 ? "entry" : "entries"} sent to copy handler`;
+    }
+    function handleCopyVisible() {
+      const text = renderedEntries().map(formatRenderedEntryAsText).join(`
+`);
+      if (!oncopyvisible)
+        return;
+      oncopyvisible(text);
+      liveMessage = formatCopyVisibleAnnouncement(renderedEntries().length);
+      setTimeout(() => {
+        liveMessage = "";
+      }, 2000);
+    }
+    function handleScroll(event) {
+      if (programmaticScroll)
+        return;
+      const target = event.target;
+      const atBottom = target.scrollHeight - target.scrollTop - target.clientHeight < 2;
+      if (atBottom && !followLatest) {
+        followLatest = true;
+      } else if (!atBottom && followLatest) {
+        followLatest = false;
+      }
+    }
+    function scrollToBottom(el) {
+      programmaticScroll = true;
+      el.scrollTop = el.scrollHeight;
+      requestAnimationFrame(() => {
+        programmaticScroll = false;
+      });
+    }
+    function resumeFollowing() {
+      followLatest = true;
+      if (scrollContainerEl) {
+        scrollToBottom(scrollContainerEl);
+      }
+    }
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-event-stream-viewer", className)),
+      "data-cinder-loading": loading || undefined,
+      "data-cinder-empty": isEmpty() || undefined,
+      "data-cinder-paused": !followLatest || undefined
+    })}><div class="cinder-event-stream-viewer__toolbar" role="group" aria-label="Stream controls"><div class="cinder-event-stream-viewer__toolbar-start">`);
+    if (connectionState) {
+      $$renderer2.push("<!--[0-->");
+      Status_dot($$renderer2, { connectionState });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!followLatest) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="cinder-event-stream-viewer__resume-button">Resume following</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="cinder-event-stream-viewer__toolbar-end">`);
+    if (onfilter !== undefined) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<input type="search" class="cinder-event-stream-viewer__filter-input" placeholder="Filter events…" aria-label="Filter events"${$.attr("value", filterQuery)}/>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (oncopyvisible !== undefined) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="cinder-event-stream-viewer__copy-all-button" aria-label="Copy all visible events"${$.attr("disabled", events.length === 0, true)}>Copy visible</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div> `);
+    if (truncated) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-event-stream-viewer__truncation-notice" role="status" aria-live="polite">Stream truncated — only the most recent events are shown.</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    $.element($$renderer2, "div", () => {
+      $$renderer2.push(` class="cinder-event-stream-viewer__viewport" role="log"${$.attr("aria-label", label)}${$.attr("tabindex", 0)}`);
+    }, () => {
+      if (loading) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-event-stream-viewer__loading" role="status" aria-label="Loading events"><div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div></div>`);
+      } else if (isEmpty()) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="cinder-event-stream-viewer__empty" role="status"><p class="cinder-event-stream-viewer__empty-message">No events to display.</p></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<ol class="cinder-event-stream-viewer__list"><!--[-->`);
+        const each_array = $.ensure_array_like(renderedEntries());
+        for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+          let entry = each_array[$$index];
+          if (entry.type === "reconnected") {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`<li class="cinder-event-stream-viewer__boundary-marker"><div class="cinder-event-stream-viewer__marker-content" role="separator"${$.attr("aria-label", entry.label)}>`);
+            if (entry.boundary.datetime) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`<time class="cinder-event-stream-viewer__marker-time"${$.attr("datetime", entry.boundary.datetime)}${$.attr("title", entry.boundary.datetime)}>${$.escape(entry.boundary.timestamp ?? entry.boundary.datetime)}</time>`);
+            } else if (entry.boundary.timestamp) {
+              $$renderer2.push("<!--[1-->");
+              $$renderer2.push(`<span class="cinder-event-stream-viewer__marker-time">${$.escape(entry.boundary.timestamp)}</span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> <span>${$.escape(entry.label)}</span></div></li>`);
+          } else if (entry.type === "sequence-gap") {
+            $$renderer2.push("<!--[1-->");
+            $$renderer2.push(`<li class="cinder-event-stream-viewer__sequence-gap-marker"><div class="cinder-event-stream-viewer__marker-content" role="note"${$.attr("aria-label", entry.label)}><span>${$.escape(entry.label)}</span></div></li>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+            const event = entry.event;
+            const isExpanded = expandedIds.has(entry.key);
+            const detailsId = entry.detailsId;
+            $$renderer2.push(`<li class="cinder-event-stream-viewer__event"${$.attr("data-cinder-severity", event.severity ?? "info")}><div class="cinder-event-stream-viewer__event-bar" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__event-body"><div class="cinder-event-stream-viewer__event-meta"><time class="cinder-event-stream-viewer__event-time"${$.attr("datetime", event.datetime)}${$.attr("title", event.datetime)}>${$.escape(event.timestamp ?? event.datetime)}</time> `);
+            if (event.severity) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`<span class="cinder-event-stream-viewer__event-severity"${$.attr("aria-label", `Severity: ${event.severity}`)}>${$.escape(event.severity)}</span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (event.source) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`<span class="cinder-event-stream-viewer__event-source">${$.escape(event.source)}</span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--></div> <p class="cinder-event-stream-viewer__event-summary">${$.escape(event.summary)}</p> `);
+            if (event.details !== undefined) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`<div class="cinder-event-stream-viewer__event-details-section"><button type="button" class="cinder-event-stream-viewer__details-toggle"${$.attr("aria-expanded", isExpanded)}${$.attr("aria-controls", detailsId)}${$.attr("aria-label", `${isExpanded ? "Hide" : "Show"} details for ${event.severity ? `${event.severity}: ` : ""}${event.summary}`)}>${$.escape(isExpanded ? "Hide details" : "Show details")}</button> <div${$.attr("id", detailsId)} class="cinder-event-stream-viewer__event-details"${$.attr("hidden", !isExpanded)}>`);
+              if (isExpanded) {
+                $$renderer2.push("<!--[0-->");
+                Json_viewer($$renderer2, { value: event.details });
+              } else {
+                $$renderer2.push("<!--[-1-->");
+              }
+              $$renderer2.push(`<!--]--></div></div>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--></div> <div class="cinder-event-stream-viewer__event-actions">`);
+            Copy_button($$renderer2, {
+              value: formatEventAsText(event),
+              label: `Copy event: ${event.summary}`,
+              copiedLabel: "Event copied",
+              class: "cinder-event-stream-viewer__copy-event-button"
+            });
+            $$renderer2.push(`<!----></div></li>`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]--></ol>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    });
+    $$renderer2.push(` <span class="cinder-event-stream-viewer__live-region" role="status" aria-live="polite" aria-atomic="true">${$.escape(liveMessage)}</span></div>`);
+    $.bind_props($$props, { followLatest });
+  }, Event_stream_viewer);
+}
+
+// src/components/event-stream-viewer/index.ts
+var event_stream_viewer_default = Event_stream_viewer;
+export { Event_stream_viewer, event_stream_viewer_default };
+
+//# debugId=C8A50BBE029B9E9764756E2164756E21

package/dist/server/index.server-8ak2cftv.js

@@ -0,0 +1,9 @@
+import {
+  Select
+} from "./index.server-ex3ea9z0.js";
+
+// src/components/select/index.ts
+var select_default = Select;
+export { select_default };
+
+//# debugId=52D31A49B65C3B5064756E2164756E21

package/dist/server/index.server-8bm66pm4.js

@@ -0,0 +1,83 @@
+import {
+  formatNumber
+} from "./index.server-chh0fzxj.js";
+import {
+  getLocaleContext
+} from "./index.server-sz8sxsj6.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/stat/stat.svelte
+import * as $ from "svelte/internal/server";
+function Stat($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      label,
+      value,
+      change,
+      icon,
+      valueFormatOptions,
+      valueLocale,
+      class: customClassName,
+      id,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const localeContext = getLocaleContext();
+    const stableId = $.derived(() => id ?? generatedId);
+    const labelId = $.derived(() => `${stableId()}-label`);
+    const valueId = $.derived(() => `${stableId()}-value`);
+    const displayValue = $.derived(() => typeof value === "number" ? formatNumber(value, valueLocale ?? localeContext?.locale, valueFormatOptions) : value);
+    const arrowGlyph = $.derived(() => change?.direction === "up" ? "↑" : change?.direction === "down" ? "↓" : "→");
+    const changeAccessibleText = $.derived(() => {
+      if (!change)
+        return "";
+      if (change.label)
+        return change.label;
+      const suffix = change.description ? ` ${change.description}` : "";
+      if (change.direction === "up")
+        return `increased by ${change.value}${suffix}`;
+      if (change.direction === "down")
+        return `decreased by ${change.value}${suffix}`;
+      return `no change, ${change.value}${suffix}`;
+    });
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      id,
+      class: $.clsx(classNames("cinder-stat", customClassName)),
+      role: "group",
+      "aria-labelledby": `${labelId()} ${valueId()}`,
+      "data-cinder-has-icon": icon ? "" : undefined
+    })}>`);
+    if (icon) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-stat__icon" aria-hidden="true">`);
+      icon($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <span${$.attr("id", labelId())} class="cinder-stat__label">${$.escape(label)}</span> <span${$.attr("id", valueId())} class="cinder-stat__value">${$.escape(displayValue())}</span> `);
+    if (change) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-stat__change"${$.attr("data-cinder-direction", change.direction)}><span class="cinder-sr-only">${$.escape(changeAccessibleText())}</span> <span class="cinder-stat__change-icon" aria-hidden="true">${$.escape(arrowGlyph())}</span> <span class="cinder-stat__change-value" aria-hidden="true">${$.escape(change.value)}</span> `);
+      if (change.description) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-stat__change-description" aria-hidden="true">${$.escape(change.description)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  }, Stat);
+}
+
+export { Stat };
+
+//# debugId=8DE9AD88E1486E9964756E2164756E21

package/dist/server/index.server-8bvk5czj.js

@@ -0,0 +1,9 @@
+import {
+  Visually_hidden
+} from "./index.server-49z7q0pj.js";
+
+// src/components/visually-hidden/index.ts
+var visually_hidden_default = Visually_hidden;
+export { visually_hidden_default };
+
+//# debugId=596F788A594A284264756E2164756E21