@sero-ai/ui 0.4.2 → 0.5.0

package/dist/reference.cjs

@@ -1039,44 +1039,17 @@ function DataBoundary({
   }
 }
 
-// src/components/ui/empty.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var emptyMediaVariants = (0, import_class_variance_authority5.cva)(
-  "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-
-// src/components/dashboard/empty-state.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-
-// src/components/ui/skeleton.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-
-// src/components/dashboard/skeletons.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
 // src/components/reference/StarterExample.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var RECENT = [
   { id: "a", label: "Nightly build", timestamp: "12m", tone: "success" },
   { id: "b", label: "Deploy to staging", timestamp: "1h", tone: "info" },
   { id: "c", label: "Dependency audit", timestamp: "3h", tone: "neutral" }
 ];
 function StarterExample() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(WidgetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Metric, { label: "Tasks done", value: 12, icon: import_lucide_react3.CheckCircle2, tone: "success" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Section, { heading: "Recent", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ActivityList, { children: RECENT.map((e) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WidgetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Metric, { label: "Tasks done", value: 12, icon: import_lucide_react3.CheckCircle2, tone: "success" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Section, { heading: "Recent", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ActivityList, { children: RECENT.map((e) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ActivityListItem,
       {
         tone: e.tone,
@@ -1090,21 +1063,21 @@ function StarterExample() {
 
 // src/components/reference/SchedulerExample.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var UPCOMING = [
   { id: "a", label: "Daily backup", timestamp: "08:00", tone: "success" },
   { id: "b", label: "Publish report", timestamp: "in 2h", tone: "info" },
   { id: "c", label: "Rotate API keys", timestamp: "tomorrow", tone: "warning" }
 ];
 function SchedulerExample() {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WidgetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Inline, { justify: "between", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Status, { tone: "success", pulse: true, children: "Scheduler active" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ProgressRing, { value: 92, label: "Success rate", tone: "success", size: 40 })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WidgetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Inline, { justify: "between", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Status, { tone: "success", pulse: true, children: "Scheduler active" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ProgressRing, { value: 92, label: "Success rate", tone: "success", size: 40 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Section, { heading: "Summary", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Inline, { gap: "sm", wrap: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MetricCard, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Metric, { label: "Jobs", value: 6 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MetricCard, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Section, { heading: "Summary", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Inline, { gap: "sm", wrap: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MetricCard, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Metric, { label: "Jobs", value: 6 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MetricCard, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Metric,
         {
           label: "Runs today",
@@ -1113,16 +1086,16 @@ function SchedulerExample() {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Section,
       {
         heading: "Next up",
-        action: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { size: "xs", variant: "ghost", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.ExternalLink, { className: "size-3" }),
+        action: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Button, { size: "xs", variant: "ghost", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ExternalLink, { className: "size-3" }),
           "All"
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataBoundary, { state: "ready", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ActivityList, { children: UPCOMING.map((e) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataBoundary, { state: "ready", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ActivityList, { children: UPCOMING.map((e) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           ActivityListItem,
           {
             tone: e.tone,
@@ -1133,42 +1106,42 @@ function SchedulerExample() {
         )) }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StaleIndicator, { lastUpdated: "Updated 2m ago" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StaleIndicator, { lastUpdated: "Updated 2m ago" })
   ] }) });
 }
 
 // src/components/reference/ResourceExample.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Ring({
   value,
   label,
   tone
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Stack, { gap: "xs", align: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ProgressRing, { value, label, tone }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text, { variant: "muted", children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Stack, { gap: "xs", align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ProgressRing, { value, label, tone }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text, { variant: "muted", children: label })
   ] });
 }
 function ResourceExample() {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(WidgetContent, { scroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Heading, { level: 2, size: "md", children: "Resources" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(MetricGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Metric, { label: "CPU", value: "42%", tone: "success" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Metric, { label: "Memory", value: "6.1 GB" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Metric, { label: "Disk", value: "71%", tone: "warning" })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(WidgetContent, { scroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Heading, { level: 2, size: "md", children: "Resources" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(MetricGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Metric, { label: "CPU", value: "42%", tone: "success" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Metric, { label: "Memory", value: "6.1 GB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Metric, { label: "Disk", value: "71%", tone: "warning" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Section, { heading: "Usage", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Grid, { columns: 3, gap: "sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Ring, { value: 42, label: "CPU", tone: "success" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Ring, { value: 61, label: "Memory", tone: "info" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Ring, { value: 71, label: "Disk", tone: "warning" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Section, { heading: "Usage", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Grid, { columns: 3, gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Ring, { value: 42, label: "CPU", tone: "success" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Ring, { value: 61, label: "Memory", tone: "info" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Ring, { value: 71, label: "Disk", tone: "warning" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Section, { heading: "Host", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(KeyValueList, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(KeyValue, { label: "Region", value: "eu-west-1", mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(KeyValue, { label: "Instance", value: "c7g.xlarge", mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(KeyValue, { label: "Uptime", value: "14d 6h", mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(KeyValue, { label: "Status", value: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Status, { tone: "success", children: "Healthy" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Section, { heading: "Host", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(KeyValueList, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(KeyValue, { label: "Region", value: "eu-west-1", mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(KeyValue, { label: "Instance", value: "c7g.xlarge", mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(KeyValue, { label: "Uptime", value: "14d 6h", mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(KeyValue, { label: "Status", value: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Status, { tone: "success", children: "Healthy" }) })
     ] }) })
   ] }) });
 }
@@ -1177,10 +1150,10 @@ function ResourceExample() {
 var import_lucide_react5 = require("lucide-react");
 
 // src/components/ui/badge.tsx
-var import_class_variance_authority6 = require("class-variance-authority");
+var import_class_variance_authority5 = require("class-variance-authority");
 var import_radix_ui4 = require("radix-ui");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority6.cva)(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority5.cva)(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -1209,7 +1182,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? import_radix_ui4.Slot.Root : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Comp,
     {
       "data-slot": "badge",
@@ -1221,33 +1194,33 @@ function Badge({
 }
 
 // src/components/reference/ActivityExample.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var 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__ */ (0, import_jsx_runtime23.jsx)(WidgetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Stack, { gap: "sm", fill: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Inline, { justify: "between", align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Inline, { gap: "xs", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { variant: "label", children: "Recent files" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { variant: "info", children: ITEMS.length })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(WidgetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Stack, { gap: "sm", fill: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Inline, { justify: "between", align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Inline, { gap: "xs", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { variant: "label", children: "Recent files" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Badge, { variant: "info", children: ITEMS.length })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Stack, { gap: "none", scroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ItemList, { children: ITEMS.map((f) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Stack, { gap: "none", scroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ItemList, { children: ITEMS.map((f) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       ItemListItem,
       {
-        leading: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react5.FileText, { className: "size-4 text-[var(--text-muted)]" }),
+        leading: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.FileText, { className: "size-4 text-[var(--text-muted)]" }),
         primary: f.title,
-        trailing: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Inline, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { variant: "secondary", children: f.badge }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: f.meta })
+        trailing: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Inline, { gap: "xs", align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Badge, { variant: "secondary", children: f.badge }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: f.meta })
         ] })
       },
       f.id
     )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Inline, { justify: "between", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Status, { tone: "info", variant: "pill", children: "Synced" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StaleIndicator, { lastUpdated: "Synced 30s ago" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Inline, { justify: "between", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Status, { tone: "info", variant: "pill", children: "Synced" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StaleIndicator, { lastUpdated: "Synced 30s ago" })
     ] })
   ] }) });
 }

package/dist/reference.js

@@ -1010,44 +1010,17 @@ function DataBoundary({
   }
 }
 
-// src/components/ui/empty.tsx
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var emptyMediaVariants = cva5(
-  "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-
-// src/components/dashboard/empty-state.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// src/components/ui/skeleton.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-
-// src/components/dashboard/skeletons.tsx
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-
 // src/components/reference/StarterExample.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var RECENT = [
   { id: "a", label: "Nightly build", timestamp: "12m", tone: "success" },
   { id: "b", label: "Deploy to staging", timestamp: "1h", tone: "info" },
   { id: "c", label: "Dependency audit", timestamp: "3h", tone: "neutral" }
 ];
 function StarterExample() {
-  return /* @__PURE__ */ jsx19(WidgetContent, { children: /* @__PURE__ */ jsxs12(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ jsx19(Metric, { label: "Tasks done", value: 12, icon: CheckCircle2, tone: "success" }),
-    /* @__PURE__ */ jsx19(Section, { heading: "Recent", children: /* @__PURE__ */ jsx19(ActivityList, { children: RECENT.map((e) => /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx15(WidgetContent, { children: /* @__PURE__ */ jsxs10(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx15(Metric, { label: "Tasks done", value: 12, icon: CheckCircle2, tone: "success" }),
+    /* @__PURE__ */ jsx15(Section, { heading: "Recent", children: /* @__PURE__ */ jsx15(ActivityList, { children: RECENT.map((e) => /* @__PURE__ */ jsx15(
       ActivityListItem,
       {
         tone: e.tone,
@@ -1061,21 +1034,21 @@ function StarterExample() {
 
 // src/components/reference/SchedulerExample.tsx
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var UPCOMING = [
   { id: "a", label: "Daily backup", timestamp: "08:00", tone: "success" },
   { id: "b", label: "Publish report", timestamp: "in 2h", tone: "info" },
   { id: "c", label: "Rotate API keys", timestamp: "tomorrow", tone: "warning" }
 ];
 function SchedulerExample() {
-  return /* @__PURE__ */ jsx20(WidgetContent, { children: /* @__PURE__ */ jsxs13(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ jsxs13(Inline, { justify: "between", align: "center", children: [
-      /* @__PURE__ */ jsx20(Status, { tone: "success", pulse: true, children: "Scheduler active" }),
-      /* @__PURE__ */ jsx20(ProgressRing, { value: 92, label: "Success rate", tone: "success", size: 40 })
+  return /* @__PURE__ */ jsx16(WidgetContent, { children: /* @__PURE__ */ jsxs11(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs11(Inline, { justify: "between", align: "center", children: [
+      /* @__PURE__ */ jsx16(Status, { tone: "success", pulse: true, children: "Scheduler active" }),
+      /* @__PURE__ */ jsx16(ProgressRing, { value: 92, label: "Success rate", tone: "success", size: 40 })
     ] }),
-    /* @__PURE__ */ jsx20(Section, { heading: "Summary", children: /* @__PURE__ */ jsxs13(Inline, { gap: "sm", wrap: true, children: [
-      /* @__PURE__ */ jsx20(MetricCard, { className: "flex-1", children: /* @__PURE__ */ jsx20(Metric, { label: "Jobs", value: 6 }) }),
-      /* @__PURE__ */ jsx20(MetricCard, { className: "flex-1", children: /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx16(Section, { heading: "Summary", children: /* @__PURE__ */ jsxs11(Inline, { gap: "sm", wrap: true, children: [
+      /* @__PURE__ */ jsx16(MetricCard, { className: "flex-1", children: /* @__PURE__ */ jsx16(Metric, { label: "Jobs", value: 6 }) }),
+      /* @__PURE__ */ jsx16(MetricCard, { className: "flex-1", children: /* @__PURE__ */ jsx16(
         Metric,
         {
           label: "Runs today",
@@ -1084,16 +1057,16 @@ function SchedulerExample() {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx20(Divider, {}),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx16(Divider, {}),
+    /* @__PURE__ */ jsx16(
       Section,
       {
         heading: "Next up",
-        action: /* @__PURE__ */ jsxs13(Button, { size: "xs", variant: "ghost", children: [
-          /* @__PURE__ */ jsx20(ExternalLink, { className: "size-3" }),
+        action: /* @__PURE__ */ jsxs11(Button, { size: "xs", variant: "ghost", children: [
+          /* @__PURE__ */ jsx16(ExternalLink, { className: "size-3" }),
           "All"
         ] }),
-        children: /* @__PURE__ */ jsx20(DataBoundary, { state: "ready", children: /* @__PURE__ */ jsx20(ActivityList, { children: UPCOMING.map((e) => /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx16(DataBoundary, { state: "ready", children: /* @__PURE__ */ jsx16(ActivityList, { children: UPCOMING.map((e) => /* @__PURE__ */ jsx16(
           ActivityListItem,
           {
             tone: e.tone,
@@ -1104,42 +1077,42 @@ function SchedulerExample() {
         )) }) })
       }
     ),
-    /* @__PURE__ */ jsx20(StaleIndicator, { lastUpdated: "Updated 2m ago" })
+    /* @__PURE__ */ jsx16(StaleIndicator, { lastUpdated: "Updated 2m ago" })
   ] }) });
 }
 
 // src/components/reference/ResourceExample.tsx
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function Ring({
   value,
   label,
   tone
 }) {
-  return /* @__PURE__ */ jsxs14(Stack, { gap: "xs", align: "center", children: [
-    /* @__PURE__ */ jsx21(ProgressRing, { value, label, tone }),
-    /* @__PURE__ */ jsx21(Text, { variant: "muted", children: label })
+  return /* @__PURE__ */ jsxs12(Stack, { gap: "xs", align: "center", children: [
+    /* @__PURE__ */ jsx17(ProgressRing, { value, label, tone }),
+    /* @__PURE__ */ jsx17(Text, { variant: "muted", children: label })
   ] });
 }
 function ResourceExample() {
-  return /* @__PURE__ */ jsx21(WidgetContent, { scroll: true, children: /* @__PURE__ */ jsxs14(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ jsx21(Heading, { level: 2, size: "md", children: "Resources" }),
-    /* @__PURE__ */ jsxs14(MetricGroup, { children: [
-      /* @__PURE__ */ jsx21(Metric, { label: "CPU", value: "42%", tone: "success" }),
-      /* @__PURE__ */ jsx21(Metric, { label: "Memory", value: "6.1 GB" }),
-      /* @__PURE__ */ jsx21(Metric, { label: "Disk", value: "71%", tone: "warning" })
+  return /* @__PURE__ */ jsx17(WidgetContent, { scroll: true, children: /* @__PURE__ */ jsxs12(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx17(Heading, { level: 2, size: "md", children: "Resources" }),
+    /* @__PURE__ */ jsxs12(MetricGroup, { children: [
+      /* @__PURE__ */ jsx17(Metric, { label: "CPU", value: "42%", tone: "success" }),
+      /* @__PURE__ */ jsx17(Metric, { label: "Memory", value: "6.1 GB" }),
+      /* @__PURE__ */ jsx17(Metric, { label: "Disk", value: "71%", tone: "warning" })
     ] }),
-    /* @__PURE__ */ jsx21(Divider, {}),
-    /* @__PURE__ */ jsx21(Section, { heading: "Usage", children: /* @__PURE__ */ jsxs14(Grid, { columns: 3, gap: "sm", children: [
-      /* @__PURE__ */ jsx21(Ring, { value: 42, label: "CPU", tone: "success" }),
-      /* @__PURE__ */ jsx21(Ring, { value: 61, label: "Memory", tone: "info" }),
-      /* @__PURE__ */ jsx21(Ring, { value: 71, label: "Disk", tone: "warning" })
+    /* @__PURE__ */ jsx17(Divider, {}),
+    /* @__PURE__ */ jsx17(Section, { heading: "Usage", children: /* @__PURE__ */ jsxs12(Grid, { columns: 3, gap: "sm", children: [
+      /* @__PURE__ */ jsx17(Ring, { value: 42, label: "CPU", tone: "success" }),
+      /* @__PURE__ */ jsx17(Ring, { value: 61, label: "Memory", tone: "info" }),
+      /* @__PURE__ */ jsx17(Ring, { value: 71, label: "Disk", tone: "warning" })
     ] }) }),
-    /* @__PURE__ */ jsx21(Divider, {}),
-    /* @__PURE__ */ jsx21(Section, { heading: "Host", children: /* @__PURE__ */ jsxs14(KeyValueList, { children: [
-      /* @__PURE__ */ jsx21(KeyValue, { label: "Region", value: "eu-west-1", mono: true }),
-      /* @__PURE__ */ jsx21(KeyValue, { label: "Instance", value: "c7g.xlarge", mono: true }),
-      /* @__PURE__ */ jsx21(KeyValue, { label: "Uptime", value: "14d 6h", mono: true }),
-      /* @__PURE__ */ jsx21(KeyValue, { label: "Status", value: /* @__PURE__ */ jsx21(Status, { tone: "success", children: "Healthy" }) })
+    /* @__PURE__ */ jsx17(Divider, {}),
+    /* @__PURE__ */ jsx17(Section, { heading: "Host", children: /* @__PURE__ */ jsxs12(KeyValueList, { children: [
+      /* @__PURE__ */ jsx17(KeyValue, { label: "Region", value: "eu-west-1", mono: true }),
+      /* @__PURE__ */ jsx17(KeyValue, { label: "Instance", value: "c7g.xlarge", mono: true }),
+      /* @__PURE__ */ jsx17(KeyValue, { label: "Uptime", value: "14d 6h", mono: true }),
+      /* @__PURE__ */ jsx17(KeyValue, { label: "Status", value: /* @__PURE__ */ jsx17(Status, { tone: "success", children: "Healthy" }) })
     ] }) })
   ] }) });
 }
@@ -1148,10 +1121,10 @@ function ResourceExample() {
 import { FileText } from "lucide-react";
 
 // src/components/ui/badge.tsx
-import { cva as cva6 } from "class-variance-authority";
+import { cva as cva5 } from "class-variance-authority";
 import { Slot as Slot3 } from "radix-ui";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var badgeVariants = cva6(
+import { jsx as jsx18 } from "react/jsx-runtime";
+var badgeVariants = cva5(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -1180,7 +1153,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot3.Root : "span";
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx18(
     Comp,
     {
       "data-slot": "badge",
@@ -1192,33 +1165,33 @@ function Badge({
 }
 
 // src/components/reference/ActivityExample.tsx
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var 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__ */ jsx23(WidgetContent, { children: /* @__PURE__ */ jsxs15(Stack, { gap: "sm", fill: true, children: [
-    /* @__PURE__ */ jsx23(Inline, { justify: "between", align: "center", children: /* @__PURE__ */ jsxs15(Inline, { gap: "xs", align: "center", children: [
-      /* @__PURE__ */ jsx23(Text, { variant: "label", children: "Recent files" }),
-      /* @__PURE__ */ jsx23(Badge, { variant: "info", children: ITEMS.length })
+  return /* @__PURE__ */ jsx19(WidgetContent, { children: /* @__PURE__ */ jsxs13(Stack, { gap: "sm", fill: true, children: [
+    /* @__PURE__ */ jsx19(Inline, { justify: "between", align: "center", children: /* @__PURE__ */ jsxs13(Inline, { gap: "xs", align: "center", children: [
+      /* @__PURE__ */ jsx19(Text, { variant: "label", children: "Recent files" }),
+      /* @__PURE__ */ jsx19(Badge, { variant: "info", children: ITEMS.length })
     ] }) }),
-    /* @__PURE__ */ jsx23(Stack, { gap: "none", scroll: true, children: /* @__PURE__ */ jsx23(ItemList, { children: ITEMS.map((f) => /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx19(Stack, { gap: "none", scroll: true, children: /* @__PURE__ */ jsx19(ItemList, { children: ITEMS.map((f) => /* @__PURE__ */ jsx19(
       ItemListItem,
       {
-        leading: /* @__PURE__ */ jsx23(FileText, { className: "size-4 text-[var(--text-muted)]" }),
+        leading: /* @__PURE__ */ jsx19(FileText, { className: "size-4 text-[var(--text-muted)]" }),
         primary: f.title,
-        trailing: /* @__PURE__ */ jsxs15(Inline, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ jsx23(Badge, { variant: "secondary", children: f.badge }),
-          /* @__PURE__ */ jsx23("span", { children: f.meta })
+        trailing: /* @__PURE__ */ jsxs13(Inline, { gap: "xs", align: "center", children: [
+          /* @__PURE__ */ jsx19(Badge, { variant: "secondary", children: f.badge }),
+          /* @__PURE__ */ jsx19("span", { children: f.meta })
         ] })
       },
       f.id
     )) }) }),
-    /* @__PURE__ */ jsxs15(Inline, { justify: "between", align: "center", children: [
-      /* @__PURE__ */ jsx23(Status, { tone: "info", variant: "pill", children: "Synced" }),
-      /* @__PURE__ */ jsx23(StaleIndicator, { lastUpdated: "Synced 30s ago" })
+    /* @__PURE__ */ jsxs13(Inline, { justify: "between", align: "center", children: [
+      /* @__PURE__ */ jsx19(Status, { tone: "info", variant: "pill", children: "Synced" }),
+      /* @__PURE__ */ jsx19(StaleIndicator, { lastUpdated: "Synced 30s ago" })
     ] })
   ] }) });
 }

package/dist/styles/ai-elements.css

@@ -0,0 +1,2 @@
+/* Import after plugin.css when a federated plugin uses @sero-ai/ui/ai-elements/*. */
+@source "../components/ai-elements";

package/dist/styles/context-editor.css

@@ -0,0 +1,2 @@
+/* Import after plugin.css when a federated plugin uses components/context-editor/*. */
+@source "../components/context-editor";

package/dist/styles/model-selection.css

@@ -0,0 +1,2 @@
+/* Import after plugin.css when a federated plugin uses @sero-ai/ui/model-selection/*. */
+@source "../components/model-selection";

package/dist/styles/plugin.css

@@ -3,7 +3,10 @@
 @import "shadcn/tailwind.css";
 @import "./plugin-theme.css";
 
-@source "../components";
+/* Match the lightweight package root. Specialized components opt into their
+   own source files through a matching stylesheet under styles/. */
+@source "../components/ui";
+@source "../components/dashboard";
 
 @custom-variant dark (&:is(.dark *));
 

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@sero-ai/ui",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Shared UI components, AI elements, and design tokens for the Sero platform",
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -11,6 +14,16 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./ai-elements/*": {
+      "types": "./dist/components/ai-elements/*.d.ts",
+      "import": "./dist/components/ai-elements/*.js",
+      "require": "./dist/components/ai-elements/*.cjs"
+    },
+    "./model-selection/*": {
+      "types": "./dist/components/model-selection/*.d.ts",
+      "import": "./dist/components/model-selection/*.js",
+      "require": "./dist/components/model-selection/*.cjs"
+    },
     "./dashboard-catalog.json": "./dist/components/dashboard/catalog.json",
     "./reference": {
       "types": "./dist/reference.d.ts",
@@ -40,48 +53,48 @@
     "react-dom": "^19.2.4"
   },
   "dependencies": {
-    "@base-ui/react": "^1.3.0",
-    "@headless-tree/core": "^1.6.3",
-    "@headless-tree/react": "^1.6.3",
-    "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@base-ui/react": "^1.6.0",
+    "@headless-tree/core": "^1.7.0",
+    "@headless-tree/react": "^1.7.0",
+    "@radix-ui/react-use-controllable-state": "^1.2.5",
     "@remixicon/react": "^4.9.0",
-    "@rive-app/react-webgl2": "^4.27.1",
+    "@rive-app/react-webgl2": "^4.29.5",
     "@streamdown/cjk": "^1.0.2",
     "@streamdown/code": "^1.1.0",
     "@streamdown/math": "^1.0.2",
     "@streamdown/mermaid": "^1.0.2",
-    "@xyflow/react": "^12.10.2",
+    "@xyflow/react": "^12.11.2",
     "ai": "^6.0.116",
     "ansi-to-react": "^6.2.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
+    "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.563.0",
-    "media-chrome": "^4.18.0",
+    "lucide-react": "^1.26.0",
+    "media-chrome": "^4.19.2",
     "motion": "^12.34.0",
     "nanoid": "^5.1.11",
     "next-themes": "^0.4.6",
-    "radix-ui": "^1.4.3",
+    "radix-ui": "^1.6.5",
     "react-day-picker": "^9.14.0",
-    "react-hook-form": "^7.71.2",
+    "react-hook-form": "^7.82.0",
     "react-jsx-parser": "^2.4.1",
-    "react-resizable-panels": "^4.7.2",
+    "react-resizable-panels": "^4.12.2",
     "react-syntax-highlighter": "^16.1.1",
-    "recharts": "3.9.2",
+    "recharts": "3.10.0",
     "shiki": "^3.23.0",
     "sonner": "^2.0.7",
     "streamdown": "^2.5.0",
-    "tailwind-merge": "^3.5.0",
+    "tailwind-merge": "^3.6.0",
     "tokenlens": "^1.3.1",
-    "use-stick-to-bottom": "^1.1.4",
+    "use-stick-to-bottom": "^1.1.6",
     "vaul": "^1.1.2",
-    "@sero-ai/common": "0.3.1"
+    "@sero-ai/common": "0.8.0"
   },
   "devDependencies": {
-    "@hookform/resolvers": "^5.2.2",
+    "@hookform/resolvers": "^5.4.0",
     "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -96,7 +109,7 @@
     "vitest": "^4.1.7"
   },
   "scripts": {
-    "build": "tsup && tsup --config tsup.reference.config.ts",
+    "build": "tsup && tsup --config tsup.reference.config.ts && node scripts/smoke-dist.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "smoke": "node scripts/smoke-dist.mjs"