@sero-ai/ui 0.4.1 → 0.5.0

package/dist/reference.cjs

@@ -255,7 +255,7 @@ function Section({
       children: [
         (heading || action) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-            heading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "truncate text-[11px] font-semibold uppercase tracking-wider text-[var(--text-muted)]", children: heading }),
+            heading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "truncate text-sm font-semibold uppercase tracking-wider text-[var(--text-muted)]", children: heading }),
             description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "truncate text-xs text-[var(--text-muted)]", children: description })
           ] }),
           action && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "shrink-0", children: action })
@@ -292,11 +292,11 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var textVariants = (0, import_class_variance_authority2.cva)("min-w-0", {
   variants: {
     variant: {
-      body: "text-sm text-[var(--text-primary)]",
-      label: "text-[11px] font-semibold uppercase tracking-wider text-[var(--text-muted)]",
+      body: "text-base text-[var(--text-primary)]",
+      label: "text-sm font-semibold uppercase tracking-wider text-[var(--text-muted)]",
       supporting: "text-xs text-[var(--text-secondary)]",
       muted: "text-xs text-[var(--text-muted)]",
-      numeric: "text-sm font-semibold tabular-nums text-[var(--text-primary)]"
+      numeric: "text-base font-semibold tabular-nums text-[var(--text-primary)]"
     }
   },
   defaultVariants: { variant: "body" }
@@ -330,7 +330,7 @@ function Text({
 }
 var headingSize = {
   sm: "text-xs font-semibold",
-  md: "text-sm font-semibold",
+  md: "text-base font-semibold",
   lg: "text-base font-semibold"
 };
 function Heading({
@@ -413,7 +413,7 @@ function Metric({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1.5", children: [
           icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon, size: "sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-[var(--text-muted)]", children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-sm font-medium uppercase tracking-wide text-[var(--text-muted)]", children: label })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-baseline gap-1.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -575,7 +575,7 @@ var import_class_variance_authority3 = require("class-variance-authority");
 var import_radix_ui2 = require("radix-ui");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var itemVariants = (0, import_class_variance_authority3.cva)(
-  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  "group/item flex items-center border border-transparent text-base rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
   {
     variants: {
       variant: {
@@ -662,7 +662,7 @@ function ItemTitle({ className, ...props }) {
     {
       "data-slot": "item-title",
       className: cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
+        "flex w-fit items-center gap-2 text-base leading-snug font-medium",
         className
       ),
       ...props
@@ -675,7 +675,7 @@ function ItemDescription({ className, ...props }) {
     {
       "data-slot": "item-description",
       className: cn(
-        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "text-muted-foreground line-clamp-2 text-base leading-normal font-normal text-balance",
         "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
       ),
@@ -723,7 +723,7 @@ function ItemListItem({
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ItemTitle, { className: "truncate text-xs font-medium text-[var(--text-primary)]", children: primary }),
           secondary && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ItemDescription, { className: "line-clamp-1 text-xs text-[var(--text-muted)]", children: secondary })
         ] }),
-        trailing && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "shrink-0 text-[11px] tabular-nums text-[var(--text-muted)]", children: trailing }),
+        trailing && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: trailing }),
         actions && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ItemActions, { children: actions })
       ]
     }
@@ -744,7 +744,7 @@ function ItemList({
       ...props,
       children: [
         children,
-        overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "px-2 text-[11px] text-[var(--text-muted)]", children: [
+        overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "px-2 text-sm text-[var(--text-muted)]", children: [
           "+",
           overflowCount,
           " more"
@@ -776,7 +776,7 @@ function ActivityListItem({
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "truncate text-xs text-[var(--text-primary)]", children: label }),
-            timestamp && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "shrink-0 text-[11px] tabular-nums text-[var(--text-muted)]", children: timestamp })
+            timestamp && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: timestamp })
           ] }),
           detail && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "line-clamp-1 text-xs text-[var(--text-muted)]", children: detail })
         ] })
@@ -798,7 +798,7 @@ function ActivityList({
       ...props,
       children: [
         children,
-        overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: "pl-5 pt-0.5 text-[11px] text-[var(--text-muted)]", children: [
+        overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: "pl-5 pt-0.5 text-sm text-[var(--text-muted)]", children: [
           "+",
           overflowCount,
           " more"
@@ -890,7 +890,7 @@ var import_class_variance_authority4 = require("class-variance-authority");
 var import_radix_ui3 = require("radix-ui");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority4.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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",
   {
     variants: {
       variant: {
@@ -988,7 +988,7 @@ function StaleIndicator({
     {
       "data-slot": "stale-indicator",
       className: cn(
-        "flex items-center gap-1.5 text-[11px] text-[var(--text-muted)]",
+        "flex items-center gap-1.5 text-sm text-[var(--text-muted)]",
         className
       ),
       ...props,
@@ -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" })
     ] })
   ] }) });
 }