release: WRNexusJS 0.2.77

2026-07-22 01:26:10 +05:30
parent 569365143b
commit 7ff5b3e8c5
95 changed files with 1077 additions and 177 deletions
@@ -1,8 +1,29 @@
 component MetricGrid {
  props {
-    label = "Key metrics"
+    label = "Platform metrics"
    metrics = []
    class = ""
  }
-  view { <section aria-label="{label}" class="wire-metric-grid {class}">{#each metrics as metric}<article class="wire-metric"><p class="wire-metric__value">{metric.value}</p><p class="wire-metric__label">{metric.label}</p><p data-show="metric.description" class="wire-metric__description">{metric.description}</p></article>{/each}</section> }
+
+  view {
+    <section class="px-4 sm:px-6 lg:px-8 {class}" aria-label="{label}">
+      <div class="mx-auto grid w-full max-w-7xl grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4">
+        {#each metrics as metric}
+          <article class="flex min-h-40 flex-col justify-center rounded-2xl border border-[var(--wire-color-border,#e2e8f0)] bg-[var(--wire-color-surface,#ffffff)] p-6 shadow-[var(--wire-shadow-sm,0_1px_2px_rgb(0_0_0/0.05))]">
+            <strong class="text-3xl font-semibold leading-none tracking-[-0.04em] text-[var(--wire-color-text,#0f172a)] sm:text-4xl">
+              {metric.value}
+            </strong>
+            <span class="mt-4 font-semibold text-[var(--wire-color-text,#0f172a)]">{metric.label}</span>
+            {#if metric.description}
+              <p class="mt-2 text-sm leading-6 text-[var(--wire-color-text-muted,#64748b)]">{metric.description}</p>
+            {/if}
+          </article>
+        {:empty}
+          <p class="col-span-full rounded-2xl border border-dashed border-[var(--wire-color-border,#e2e8f0)] p-8 text-center text-[var(--wire-color-text-muted,#64748b)]">
+            No metrics available.
+          </p>
+        {/each}
+      </div>
+    </section>
+  }
 }