@sero-ai/ui 0.4.0 → 0.4.1

package/src/components/dashboard/catalog.ts

@@ -1,11 +1,11 @@
-// Dashboard component catalogue — the source of truth for discovery.
+// Dashboard component catalogue — type for the JSON source of truth.
 //
-// This is package metadata, not a runtime service. It changes through normal
-// source review and ships with @sero-ai/ui. Widget code imports the React
-// components from "@sero-ai/ui"; tooling and the agent read this metadata via
-// "@sero-ai/ui/dashboard-catalog" to discover the supported vocabulary.
+// The catalogue data lives in `catalog.json` (plain data, no compiler needed)
+// and ships as `@sero-ai/ui/dashboard-catalog.json`. Tooling and the agent read
+// that file directly; this module only provides the entry type so TypeScript
+// callers can type the parsed JSON.
 //
-// Keep this in step with the two readable views on release:
+// Keep `catalog.json` in step with the two readable views on release:
 //   - packages/templates/skills/sero-dashboard-ui/references/component-catalog.md
 //   - the docs-site dashboard component catalogue page
 // (Generation + drift validation is a deferred follow-up.)
@@ -27,325 +27,3 @@ export interface DashboardComponentCatalogEntry {
   status: "stable" | "experimental";
   example?: string;
 }
-
-export const dashboardComponentCatalog: DashboardComponentCatalogEntry[] = [
-  // ── Layout and structure ──────────────────────────────────────
-  {
-    name: "WidgetContent",
-    category: "layout",
-    kind: "composite",
-    summary:
-      "Full-height widget frame with standard padding and a container-query boundary.",
-    useWhen: "As the outermost element of every dashboard widget.",
-    related: ["Stack", "Inline"],
-    status: "stable",
-    example: "<WidgetContent><Stack gap=\"sm\">…</Stack></WidgetContent>",
-  },
-  {
-    name: "Stack",
-    category: "layout",
-    kind: "composite",
-    summary: "Vertical layout with semantic spacing, alignment and optional scrolling.",
-    useWhen: "For the primary top-to-bottom content flow inside a widget.",
-    related: ["Inline", "WidgetContent"],
-    status: "stable",
-    example: "<Stack gap=\"sm\" scroll>…</Stack>",
-  },
-  {
-    name: "Inline",
-    category: "layout",
-    kind: "composite",
-    summary: "Horizontal layout with spacing, alignment, wrap and justify.",
-    useWhen: "For a row of items such as a header with a trailing action.",
-    related: ["Stack"],
-    status: "stable",
-    example: "<Inline justify=\"between\" align=\"center\">…</Inline>",
-  },
-  {
-    name: "Grid",
-    category: "layout",
-    kind: "composite",
-    summary: "Responsive grid with bounded columns and gap.",
-    useWhen: "For metric and summary layouts that reflow by width.",
-    related: ["MetricGroup"],
-    status: "stable",
-    example: "<Grid columns=\"auto\" minColumnWidth={120}>…</Grid>",
-  },
-  {
-    name: "Section",
-    category: "layout",
-    kind: "composite",
-    summary: "Compact section with optional heading, description and trailing action.",
-    useWhen: "To group related content under a labelled heading.",
-    related: ["Divider", "Heading"],
-    status: "stable",
-    example: "<Section heading=\"Summary\" action={…}>…</Section>",
-  },
-  {
-    name: "Divider",
-    category: "layout",
-    kind: "composite",
-    summary: "Compact horizontal or vertical divider built on Separator.",
-    useWhen: "To separate sections without a heavy border.",
-    related: ["Section"],
-    status: "stable",
-    example: "<Divider spacing=\"sm\" />",
-  },
-  // ── Typography and media ──────────────────────────────────────
-  {
-    name: "Text",
-    category: "typography",
-    kind: "composite",
-    summary:
-      "Semantic text variants (body, label, supporting, muted, numeric) with truncation.",
-    useWhen: "For any text, instead of ad-hoc font-size utilities.",
-    related: ["Heading"],
-    status: "stable",
-    example: "<Text variant=\"label\">Jobs</Text>",
-  },
-  {
-    name: "Heading",
-    category: "typography",
-    kind: "composite",
-    summary: "Compact heading levels and sizes that keep correct HTML semantics.",
-    useWhen: "For section and view titles.",
-    related: ["Section", "Text"],
-    status: "stable",
-    example: "<Heading level={2} size=\"md\">Overview</Heading>",
-  },
-  {
-    name: "Icon",
-    category: "typography",
-    kind: "composite",
-    summary: "Consistent icon wrapper for size, tone and accessibility.",
-    useWhen: "To render an icon component with a shared size and tone.",
-    related: ["IconButton"],
-    status: "stable",
-    example: "<Icon icon={Clock} size=\"sm\" tone=\"warning\" />",
-  },
-  // ── Data display ──────────────────────────────────────────────
-  {
-    name: "Metric",
-    category: "data-display",
-    kind: "composite",
-    summary: "Label + value with optional icon, supporting text and trend.",
-    useWhen: "To show a single number inline.",
-    related: ["MetricCard", "MetricGroup"],
-    status: "stable",
-    example: "<Metric label=\"Jobs\" value={6} />",
-  },
-  {
-    name: "MetricCard",
-    category: "data-display",
-    kind: "composite",
-    summary: "A contained surface for a Metric or compact summary.",
-    useWhen: "To give a metric its own bounded card.",
-    related: ["Metric", "MetricGroup"],
-    status: "stable",
-    example: "<MetricCard><Metric label=\"Jobs\" value={6} /></MetricCard>",
-  },
-  {
-    name: "MetricGroup",
-    category: "data-display",
-    kind: "composite",
-    summary: "Arranges multiple metrics responsively in a bounded grid.",
-    useWhen: "To show several metrics that reflow by width.",
-    related: ["Metric", "Grid"],
-    status: "stable",
-    example: "<MetricGroup><Metric … /><Metric … /></MetricGroup>",
-  },
-  {
-    name: "Status",
-    category: "data-display",
-    kind: "composite",
-    summary: "Semantic status dot, label or pill with neutral/success/warning/error/info tones.",
-    useWhen: "To show a health or state indicator. Map domain status onto a tone.",
-    related: ["Badge"],
-    status: "stable",
-    example: "<Status tone=\"success\">Active</Status>",
-  },
-  {
-    name: "Badge",
-    category: "data-display",
-    kind: "primitive",
-    summary: "Existing badge primitive, extended with success/warning/info tones.",
-    useWhen: "For compact counts, tags and category labels.",
-    related: ["Status"],
-    status: "stable",
-    example: "<Badge variant=\"success\">Passed</Badge>",
-  },
-  {
-    name: "KeyValue",
-    category: "data-display",
-    kind: "composite",
-    summary: "A single label/value row with predictable alignment and truncation.",
-    useWhen: "For metadata, totals and configuration summaries.",
-    related: ["KeyValueList"],
-    status: "stable",
-    example: "<KeyValue label=\"Region\" value=\"eu-west-1\" mono />",
-  },
-  {
-    name: "KeyValueList",
-    category: "data-display",
-    kind: "composite",
-    summary: "A vertical list of KeyValue rows.",
-    useWhen: "For a block of metadata pairs.",
-    related: ["KeyValue"],
-    status: "stable",
-    example: "<KeyValueList><KeyValue … /></KeyValueList>",
-  },
-  {
-    name: "ItemList",
-    category: "data-display",
-    kind: "composite",
-    summary: "Compact rows with leading media, text, trailing metadata, actions and overflow.",
-    useWhen: "For entity lists (files, notes, results).",
-    related: ["ItemListItem", "ActivityList"],
-    status: "stable",
-    example: "<ItemList overflowCount={3}><ItemListItem … /></ItemList>",
-  },
-  {
-    name: "ItemListItem",
-    category: "data-display",
-    kind: "composite",
-    summary: "A single compact list row with media, primary/secondary text and actions.",
-    useWhen: "As the row inside an ItemList.",
-    related: ["ItemList"],
-    status: "stable",
-    example: "<ItemListItem primary=\"Report.pdf\" trailing=\"2h\" />",
-  },
-  {
-    name: "ActivityList",
-    category: "data-display",
-    kind: "composite",
-    summary: "A chronological list for recent events with a shared overflow footer.",
-    useWhen: "For time-ordered activity or upcoming events.",
-    related: ["ActivityListItem", "ItemList"],
-    status: "stable",
-    example: "<ActivityList><ActivityListItem … /></ActivityList>",
-  },
-  {
-    name: "ActivityListItem",
-    category: "data-display",
-    kind: "composite",
-    summary: "An event row with a status marker or icon, label, timestamp and detail.",
-    useWhen: "As the row inside an ActivityList.",
-    related: ["ActivityList", "Status"],
-    status: "stable",
-    example: "<ActivityListItem label=\"Backup\" timestamp=\"08:00\" tone=\"success\" />",
-  },
-  {
-    name: "ProgressRing",
-    category: "data-display",
-    kind: "composite",
-    summary: "Accessible circular progress / donut gauge, no charting dependency.",
-    useWhen: "For a bounded value such as a success rate or usage percentage.",
-    related: ["Metric"],
-    status: "stable",
-    example: "<ProgressRing value={75} label=\"Success rate\" tone=\"success\" />",
-  },
-  {
-    name: "StaleIndicator",
-    category: "data-display",
-    kind: "composite",
-    summary: "Compact hint that data may be out of date, with optional refresh action.",
-    useWhen: "When displayed data can lag its source.",
-    related: ["DataBoundary"],
-    status: "stable",
-    example: "<StaleIndicator lastUpdated=\"Updated 5m ago\" onRefresh={…} />",
-  },
-  // ── Runtime states and feedback ───────────────────────────────
-  {
-    name: "DataBoundary",
-    category: "state",
-    kind: "composite",
-    summary: "Selects presentation for loading / ready / empty / stale / error states.",
-    useWhen: "To switch a widget's content by data state without owning fetching.",
-    related: ["EmptyState", "MetricSkeleton", "StaleIndicator"],
-    status: "stable",
-    example: "<DataBoundary state={state} loading={…} empty={…} error={…}>…</DataBoundary>",
-  },
-  {
-    name: "EmptyState",
-    category: "state",
-    kind: "composite",
-    summary: "Compact empty state built on the Empty primitives.",
-    useWhen: "When there is nothing to show yet.",
-    related: ["DataBoundary"],
-    status: "stable",
-    example: "<EmptyState icon={Inbox} title=\"No activity yet\" />",
-  },
-  {
-    name: "Alert",
-    category: "state",
-    kind: "primitive",
-    summary: "Existing alert primitive for inline warnings and errors.",
-    useWhen: "For a persistent inline message inside a widget or view.",
-    related: ["DataBoundary"],
-    status: "stable",
-    example: "<Alert variant=\"destructive\">Failed to load</Alert>",
-  },
-  {
-    name: "MetricSkeleton",
-    category: "state",
-    kind: "composite",
-    summary: "Loading placeholder for a row of metrics.",
-    useWhen: "As the `loading` fallback for metric layouts.",
-    related: ["DataBoundary", "ListSkeleton"],
-    status: "stable",
-    example: "<MetricSkeleton count={3} />",
-  },
-  {
-    name: "ListSkeleton",
-    category: "state",
-    kind: "composite",
-    summary: "Loading placeholder for a list of rows.",
-    useWhen: "As the `loading` fallback for item lists.",
-    related: ["DataBoundary", "ItemList"],
-    status: "stable",
-    example: "<ListSkeleton count={4} />",
-  },
-  {
-    name: "ActivitySkeleton",
-    category: "state",
-    kind: "composite",
-    summary: "Loading placeholder for an activity list.",
-    useWhen: "As the `loading` fallback for activity feeds.",
-    related: ["DataBoundary", "ActivityList"],
-    status: "stable",
-    example: "<ActivitySkeleton count={4} />",
-  },
-  {
-    name: "Skeleton",
-    category: "state",
-    kind: "primitive",
-    summary: "Existing skeleton primitive for bespoke loading shapes.",
-    useWhen: "When the prebuilt skeleton patterns do not fit.",
-    related: ["MetricSkeleton", "ListSkeleton", "ActivitySkeleton"],
-    status: "stable",
-    example: "<Skeleton className=\"h-4 w-24\" />",
-  },
-  // ── Actions ───────────────────────────────────────────────────
-  {
-    name: "Button",
-    category: "action",
-    kind: "primitive",
-    summary: "Existing button primitive, the standard text-action control.",
-    useWhen: "For a labelled action.",
-    related: ["IconButton"],
-    status: "stable",
-    example: "<Button size=\"sm\">Open</Button>",
-  },
-  {
-    name: "IconButton",
-    category: "action",
-    kind: "composite",
-    summary: "Small icon-only button with a required accessible label.",
-    useWhen: "For a compact action such as refresh or dismiss.",
-    related: ["Button", "Icon"],
-    status: "stable",
-    example: "<IconButton icon={RotateCw} label=\"Refresh\" size=\"xs\" />",
-  },
-];
-
-export default dashboardComponentCatalog;

package/src/components/dashboard/index.ts

@@ -1,8 +1,8 @@
 // @sero-ai/ui dashboard components — shared compact presentation for widgets
 // and full plugin views. Import from the package root: `@sero-ai/ui`.
 //
-// The component catalogue (metadata for discovery tooling) is exported
-// separately from `@sero-ai/ui/dashboard-catalog`, not from here.
+// The component catalogue (metadata for discovery tooling) is plain data at
+// `@sero-ai/ui/dashboard-catalog.json`, not exported from here.
 
 export * from "./tone";
 export * from "./spacing";

package/src/components/dashboard/status.tsx

@@ -8,7 +8,7 @@
 import * as React from "react";
 
 import { cn } from "../../lib/utils";
-import { toneColor, toneDot, tonePill, type Tone } from "./tone";
+import { toneColor, toneDot, toneLabel, tonePill, type Tone } from "./tone";
 
 export interface StatusProps extends React.ComponentProps<"span"> {
   tone?: Tone;
@@ -28,6 +28,16 @@ function Status({
   ...props
 }: StatusProps) {
   const hasLabel = children != null && children !== "";
+  const hasAccessibleName =
+    props["aria-label"] != null || props["aria-labelledby"] != null;
+
+  // A bare indicator (no visible children) is otherwise silent to assistive
+  // tech. Give it a text alternative — the caller's aria-label if provided,
+  // else the generic tone name — so its state is announced, not an empty region.
+  const hiddenLabel =
+    !hasLabel && !hasAccessibleName ? (
+      <span className="sr-only">{toneLabel[tone]}</span>
+    ) : null;
 
   if (variant === "pill") {
     return (
@@ -43,6 +53,7 @@ function Status({
       >
         <span className={cn("size-1.5 shrink-0 rounded-full", toneDot[tone])} />
         {children}
+        {hiddenLabel}
       </span>
     );
   }
@@ -51,7 +62,8 @@ function Status({
     <span
       data-slot="status"
       data-tone={tone}
-      // A bare dot carries no text, so surface the tone to assistive tech.
+      // A bare dot carries no visible text, so expose its state to assistive
+      // tech via role="status" plus the hidden label below.
       role={hasLabel ? undefined : "status"}
       className={cn(
         "inline-flex items-center gap-1.5 text-xs font-medium text-[var(--text-secondary)]",
@@ -68,6 +80,7 @@ function Status({
         )}
       />
       {children}
+      {hiddenLabel}
     </span>
   );
 }

package/src/components/dashboard/tone.ts

@@ -25,6 +25,19 @@ export const toneDot: Record<Tone, string> = {
   info: "bg-[var(--status-info)]",
 };
 
+/**
+ * Default accessible name for a tone, used as the text alternative when a
+ * status indicator carries no visible label. Generic by design — callers with
+ * a domain-specific meaning should pass their own `aria-label`.
+ */
+export const toneLabel: Record<Tone, string> = {
+  neutral: "Neutral",
+  success: "Success",
+  warning: "Warning",
+  error: "Error",
+  info: "Info",
+};
+
 /** Muted tinted background + matching text for a tone (pills, chips). */
 export const tonePill: Record<Tone, string> = {
   neutral: "bg-[var(--surface-flat)] text-[var(--text-secondary)]",

package/src/index.ts

@@ -133,8 +133,10 @@ export * from "./components/ai-elements/web-preview";
 
 // ── Dashboard Components ──
 // Compact presentation components for dashboard widgets and full plugin views.
-// The discovery catalogue is exported separately from "@sero-ai/ui/dashboard-catalog".
+// The discovery catalogue is plain data at "@sero-ai/ui/dashboard-catalog.json";
+// its entry type is re-exported here for callers that type the parsed JSON.
 export * from "./components/dashboard";
+export type { DashboardComponentCatalogEntry } from "./components/dashboard/catalog";
 
 // ── Model Selection Components ──
 export * from "./components/model-selection/available-model-picker";

package/tsup.config.ts

@@ -1,22 +1,32 @@
 import { defineConfig } from "tsup";
 import { cpSync } from "node:fs";
 
+// Mirror the source tree 1:1 (bundle: false) so deep imports keep working.
+// The reference entry is bundled separately in tsup.reference.config.ts, which
+// the build script runs *after* this pass (this one cleans; that one does not).
 export default defineConfig({
-  // Tells tsup to grab everything in your src directory, except tests.
   entry: [
     "src/**/*.{ts,tsx}",
     "!src/**/*.test.{ts,tsx}",
     "!src/**/__tests__/**",
+    "!src/reference.ts",
+    "!src/components/reference/**",
   ],
   format: ["esm", "cjs"],
   dts: true,
   clean: true,
   splitting: true,
-  
-  // This is the golden key: it stops esbuild from merging everything 
+
+  // This is the golden key: it stops esbuild from merging everything
   // into index.js and forces it to mirror your exact folder structure.
   bundle: false,
   onSuccess: () => {
     cpSync("src/styles", "dist/styles", { recursive: true });
+    // The catalogue is plain data served as @sero-ai/ui/dashboard-catalog.json;
+    // the mirror pass only emits .ts/.tsx, so copy the JSON across by hand.
+    cpSync(
+      "src/components/dashboard/catalog.json",
+      "dist/components/dashboard/catalog.json",
+    );
   },
 });

package/tsup.reference.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from "tsup";
+
+// Reference examples are a public entrypoint, so bundle them into a single
+// self-contained file that resolves under Node ESM (the rest of the package is
+// bundler-resolved). Runtime deps stay external; only local component code is
+// inlined. Runs after the mirror pass (tsup.config.ts) with `clean: false`, so
+// it adds dist/reference.* without wiping the mirrored output.
+export default defineConfig({
+  entry: ["src/reference.ts"],
+  format: ["esm", "cjs"],
+  dts: true,
+  clean: false,
+  splitting: false,
+  bundle: true,
+});

package/dist/components/reference/ActivityExample.cjs

@@ -1,47 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
-var _lucidereact = require('lucide-react');
-
-
-
-
-
-
-
-
-
-var _dashboard = require('../dashboard');
-var _badge = require('../ui/badge');
-const ITEMS = [
-  { id: "1", title: "quarterly-report.pdf", meta: "2h", badge: "PDF" },
-  { id: "2", title: "design-tokens.json", meta: "5h", badge: "JSON" },
-  { id: "3", title: "release-notes.md", meta: "1d", badge: "MD" }
-];
-function ActivityExample() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.WidgetContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Stack, { gap: "sm", fill: true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Inline, { justify: "between", align: "center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Inline, { gap: "xs", align: "center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Text, { variant: "label", children: "Recent files" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { variant: "info", children: ITEMS.length })
-    ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Stack, { gap: "none", scroll: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.ItemList, { children: ITEMS.map((f) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _dashboard.ItemListItem,
-      {
-        leading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FileText, { className: "size-4 text-[var(--text-muted)]" }),
-        primary: f.title,
-        trailing: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Inline, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { variant: "secondary", children: f.badge }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: f.meta })
-        ] })
-      },
-      f.id
-    )) }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Inline, { justify: "between", align: "center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Status, { tone: "info", variant: "pill", children: "Synced" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.StaleIndicator, { lastUpdated: "Synced 30s ago" })
-    ] })
-  ] }) });
-}
-var ActivityExample_default = ActivityExample;
-
-
-
-exports.ActivityExample = ActivityExample; exports.default = ActivityExample_default;

package/dist/components/reference/ActivityExample.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function ActivityExample(): react_jsx_runtime.JSX.Element;
-
-export { ActivityExample, ActivityExample as default };

package/dist/components/reference/ActivityExample.d.ts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function ActivityExample(): react_jsx_runtime.JSX.Element;
-
-export { ActivityExample, ActivityExample as default };

package/dist/components/reference/ActivityExample.js

@@ -1,47 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FileText } from "lucide-react";
-import {
-  Inline,
-  ItemList,
-  ItemListItem,
-  Stack,
-  StaleIndicator,
-  Status,
-  Text,
-  WidgetContent
-} from "../dashboard";
-import { Badge } from "../ui/badge";
-const ITEMS = [
-  { id: "1", title: "quarterly-report.pdf", meta: "2h", badge: "PDF" },
-  { id: "2", title: "design-tokens.json", meta: "5h", badge: "JSON" },
-  { id: "3", title: "release-notes.md", meta: "1d", badge: "MD" }
-];
-function ActivityExample() {
-  return /* @__PURE__ */ jsx(WidgetContent, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", fill: true, children: [
-    /* @__PURE__ */ jsx(Inline, { justify: "between", align: "center", children: /* @__PURE__ */ jsxs(Inline, { gap: "xs", align: "center", children: [
-      /* @__PURE__ */ jsx(Text, { variant: "label", children: "Recent files" }),
-      /* @__PURE__ */ jsx(Badge, { variant: "info", children: ITEMS.length })
-    ] }) }),
-    /* @__PURE__ */ jsx(Stack, { gap: "none", scroll: true, children: /* @__PURE__ */ jsx(ItemList, { children: ITEMS.map((f) => /* @__PURE__ */ jsx(
-      ItemListItem,
-      {
-        leading: /* @__PURE__ */ jsx(FileText, { className: "size-4 text-[var(--text-muted)]" }),
-        primary: f.title,
-        trailing: /* @__PURE__ */ jsxs(Inline, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: f.badge }),
-          /* @__PURE__ */ jsx("span", { children: f.meta })
-        ] })
-      },
-      f.id
-    )) }) }),
-    /* @__PURE__ */ jsxs(Inline, { justify: "between", align: "center", children: [
-      /* @__PURE__ */ jsx(Status, { tone: "info", variant: "pill", children: "Synced" }),
-      /* @__PURE__ */ jsx(StaleIndicator, { lastUpdated: "Synced 30s ago" })
-    ] })
-  ] }) });
-}
-var ActivityExample_default = ActivityExample;
-export {
-  ActivityExample,
-  ActivityExample_default as default
-};

package/dist/components/reference/ResourceExample.cjs

@@ -1,54 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _dashboard = require('../dashboard');
-function Ring({
-  value,
-  label,
-  tone
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Stack, { gap: "xs", align: "center", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.ProgressRing, { value, label, tone }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Text, { variant: "muted", children: label })
-  ] });
-}
-function ResourceExample() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.WidgetContent, { scroll: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Stack, { gap: "sm", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Heading, { level: 2, size: "md", children: "Resources" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.MetricGroup, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Metric, { label: "CPU", value: "42%", tone: "success" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Metric, { label: "Memory", value: "6.1 GB" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Metric, { label: "Disk", value: "71%", tone: "warning" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Divider, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Section, { heading: "Usage", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.Grid, { columns: 3, gap: "sm", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ring, { value: 42, label: "CPU", tone: "success" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ring, { value: 61, label: "Memory", tone: "info" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ring, { value: 71, label: "Disk", tone: "warning" })
-    ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Divider, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Section, { heading: "Host", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dashboard.KeyValueList, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.KeyValue, { label: "Region", value: "eu-west-1", mono: true }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.KeyValue, { label: "Instance", value: "c7g.xlarge", mono: true }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.KeyValue, { label: "Uptime", value: "14d 6h", mono: true }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.KeyValue, { label: "Status", value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dashboard.Status, { tone: "success", children: "Healthy" }) })
-    ] }) })
-  ] }) });
-}
-var ResourceExample_default = ResourceExample;
-
-
-
-exports.ResourceExample = ResourceExample; exports.default = ResourceExample_default;

package/dist/components/reference/ResourceExample.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function ResourceExample(): react_jsx_runtime.JSX.Element;
-
-export { ResourceExample, ResourceExample as default };