@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-LMGE2QEO.js

@@ -0,0 +1,117 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Clock, Sparkles, Coins, MessageSquare, ChevronRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var STATUS_CLASS = {
+  active: "border-primary/40 bg-primary/15 text-primary",
+  completed: "border-success/40 bg-success/15 text-success",
+  failed: "border-destructive/40 bg-destructive/15 text-destructive",
+  aborted: "border-border/40 bg-muted text-muted-foreground"
+};
+var STATUS_LABEL = {
+  active: "Active",
+  completed: "Completed",
+  failed: "Failed",
+  aborted: "Aborted"
+};
+var SessionTimeline = forwardRef(
+  ({ className, sessions, title = "Recent sessions", onOpen, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "session-timeline",
+      ref,
+      className: cn("rounded-xl border border-border bg-card", className),
+      "aria-label": "Session history",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between border-border/40 border-b px-4 py-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+          /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+            sessions.length,
+            " ",
+            sessions.length === 1 ? "session" : "sessions"
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
+          sessions.map((s) => {
+            const RowTag = onOpen ? "button" : "div";
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              RowTag,
+              {
+                type: onOpen ? "button" : void 0,
+                onClick: onOpen ? () => onOpen(s.id) : void 0,
+                className: cn(
+                  "grid w-full grid-cols-[1fr_auto] items-center gap-3 px-4 py-3 text-left",
+                  onOpen && "hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                      /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: s.title }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "inline-flex shrink-0 items-center rounded-full border px-2 py-0.5",
+                            "font-mono text-label uppercase tracking-wider",
+                            STATUS_CLASS[s.status]
+                          ),
+                          children: STATUS_LABEL[s.status]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-3 font-mono text-label text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Clock, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.startedAt,
+                        s.duration ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          " \xB7 ",
+                          s.duration
+                        ] }) : null
+                      ] }),
+                      s.model ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Sparkles, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.model
+                      ] }) : null,
+                      s.tokens ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Coins, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.tokens,
+                        " tok"
+                      ] }) : null,
+                      s.cost !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+                        "$",
+                        s.cost.toFixed(2)
+                      ] }) : null,
+                      s.messageCount !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(MessageSquare, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.messageCount
+                      ] }) : null
+                    ] })
+                  ] }),
+                  onOpen ? /* @__PURE__ */ jsx(
+                    ChevronRight,
+                    {
+                      className: "size-4 shrink-0 text-muted-foreground",
+                      "aria-hidden": "true"
+                    }
+                  ) : null
+                ]
+              }
+            ) }, s.id);
+          }),
+          sessions.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No sessions yet." }) : null
+        ] })
+      ]
+    }
+  )
+);
+SessionTimeline.displayName = "SessionTimeline";
+
+export { SessionTimeline };
+//# sourceMappingURL=chunk-LMGE2QEO.js.map
+//# sourceMappingURL=chunk-LMGE2QEO.js.map

package/dist/chunk-LMGE2QEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/session-timeline/session-timeline.tsx"],"names":[],"mappings":"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","file":"chunk-LMGE2QEO.js","sourcesContent":["import { ChevronRight, Clock, Coins, MessageSquare, Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type SessionStatus = \"active\" | \"completed\" | \"failed\" | \"aborted\";\n\nexport interface SessionSummary {\n  id: string;\n  /** Friendly title (often the first user message). */\n  title: string;\n  /** ISO timestamp / friendly date label. */\n  startedAt: string;\n  duration?: string;\n  status: SessionStatus;\n  /** Agent/model that ran the session. */\n  model?: string;\n  /** Total tokens consumed (formatted, e.g. \"35.7k\"). */\n  tokens?: string;\n  /** Total cost (USD). */\n  cost?: number;\n  /** Number of messages in the session. */\n  messageCount?: number;\n}\n\ninterface SessionTimelineProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  sessions: SessionSummary[];\n  /** Title above the list. */\n  title?: ReactNode;\n  /** Fires when a row is clicked. */\n  onOpen?: (id: string) => void;\n}\n\nconst STATUS_CLASS: Record<SessionStatus, string> = {\n  active: \"border-primary/40 bg-primary/15 text-primary\",\n  completed: \"border-success/40 bg-success/15 text-success\",\n  failed: \"border-destructive/40 bg-destructive/15 text-destructive\",\n  aborted: \"border-border/40 bg-muted text-muted-foreground\",\n};\n\nconst STATUS_LABEL: Record<SessionStatus, string> = {\n  active: \"Active\",\n  completed: \"Completed\",\n  failed: \"Failed\",\n  aborted: \"Aborted\",\n};\n\n/**\n * SessionTimeline — historical view of past agent sessions with per-row\n * tokens / cost / duration / status. Click a row to open the full session.\n */\nconst SessionTimeline = forwardRef<HTMLDivElement, SessionTimelineProps>(\n  ({ className, sessions, title = \"Recent sessions\", onOpen, ...props }, ref) => (\n    <section\n      data-slot=\"session-timeline\"\n      ref={ref}\n      className={cn(\"rounded-xl border border-border bg-card\", className)}\n      aria-label=\"Session history\"\n      {...props}\n    >\n      {title ? (\n        <header className=\"flex items-baseline justify-between border-border/40 border-b px-4 py-3\">\n          <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          <span className=\"font-mono text-label text-muted-foreground\">\n            {sessions.length} {sessions.length === 1 ? \"session\" : \"sessions\"}\n          </span>\n        </header>\n      ) : null}\n      <ul className=\"divide-y divide-border/30\">\n        {sessions.map((s) => {\n          const RowTag = onOpen ? \"button\" : \"div\";\n          return (\n            <li key={s.id}>\n              <RowTag\n                type={onOpen ? \"button\" : undefined}\n                onClick={onOpen ? () => onOpen(s.id) : undefined}\n                className={cn(\n                  \"grid w-full grid-cols-[1fr_auto] items-center gap-3 px-4 py-3 text-left\",\n                  onOpen &&\n                    \"hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none\",\n                )}\n              >\n                <div className=\"min-w-0\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <p className=\"truncate font-medium text-body-sm text-foreground\">{s.title}</p>\n                    <span\n                      className={cn(\n                        \"inline-flex shrink-0 items-center rounded-full border px-2 py-0.5\",\n                        \"font-mono text-label uppercase tracking-wider\",\n                        STATUS_CLASS[s.status],\n                      )}\n                    >\n                      {STATUS_LABEL[s.status]}\n                    </span>\n                  </div>\n                  <div className=\"mt-1 flex flex-wrap items-center gap-3 font-mono text-label text-muted-foreground\">\n                    <span className=\"inline-flex items-center gap-1\">\n                      <Clock className=\"size-3\" aria-hidden=\"true\" /> {s.startedAt}\n                      {s.duration ? <> · {s.duration}</> : null}\n                    </span>\n                    {s.model ? (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <Sparkles className=\"size-3\" aria-hidden=\"true\" /> {s.model}\n                      </span>\n                    ) : null}\n                    {s.tokens ? (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <Coins className=\"size-3\" aria-hidden=\"true\" /> {s.tokens} tok\n                      </span>\n                    ) : null}\n                    {s.cost !== undefined ? (\n                      <span className=\"tabular-nums\">${s.cost.toFixed(2)}</span>\n                    ) : null}\n                    {s.messageCount !== undefined ? (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <MessageSquare className=\"size-3\" aria-hidden=\"true\" /> {s.messageCount}\n                      </span>\n                    ) : null}\n                  </div>\n                </div>\n                {onOpen ? (\n                  <ChevronRight\n                    className=\"size-4 shrink-0 text-muted-foreground\"\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n              </RowTag>\n            </li>\n          );\n        })}\n        {sessions.length === 0 ? (\n          <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No sessions yet.\n          </li>\n        ) : null}\n      </ul>\n    </section>\n  ),\n);\nSessionTimeline.displayName = \"SessionTimeline\";\n\nexport { SessionTimeline };\n"]}

package/dist/chunk-M74ZYBOK.js

@@ -0,0 +1,93 @@
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { GitCommit } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var statusToVariant = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "default",
+  idle: "default"
+};
+var statusToDotTone = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "muted",
+  idle: "muted"
+};
+var statusLabels = {
+  queued: "Queued",
+  building: "Building",
+  deploying: "Deploying",
+  live: "Live",
+  failed: "Failed",
+  cancelled: "Cancelled",
+  idle: "Idle"
+};
+var isAnimated = (status) => status === "building" || status === "deploying" || status === "queued";
+var DeploymentRow = forwardRef(
+  ({ className, deployment, actions, ...props }, ref) => {
+    const variant = statusToVariant[deployment.status];
+    const tone = statusToDotTone[deployment.status];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "deployment-row",
+        ref,
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-center gap-4 border-border/40 border-b px-4 py-3",
+          "last:border-b-0",
+          "transition-colors hover:bg-muted/40",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(BadgeWithDot, { variant, className: "min-w-[88px] justify-center", children: [
+            /* @__PURE__ */ jsx(BadgeWithDot.Dot, { tone, pulse: isAnimated(deployment.status) }),
+            statusLabels[deployment.status]
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: deployment.commitMessage }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap items-center gap-2 text-body-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.environment }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-mono text-code-sm", children: [
+                /* @__PURE__ */ jsx(GitCommit, { className: "size-3" }),
+                " ",
+                deployment.commitSha.slice(0, 7)
+              ] }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.branch }),
+              deployment.author ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  deployment.author.name
+                ] })
+              ] }) : null,
+              deployment.duration ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.duration })
+              ] }) : null,
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { children: deployment.timeAgo })
+            ] })
+          ] }),
+          actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }) : null
+        ]
+      }
+    );
+  }
+);
+DeploymentRow.displayName = "DeploymentRow";
+
+export { DeploymentRow };
+//# sourceMappingURL=chunk-M74ZYBOK.js.map
+//# sourceMappingURL=chunk-M74ZYBOK.js.map

package/dist/chunk-M74ZYBOK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/deployment-row/deployment-row.tsx"],"names":[],"mappings":"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","file":"chunk-M74ZYBOK.js","sourcesContent":["import { GitCommit } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\n\nexport type DeploymentStatus =\n  | \"queued\"\n  | \"building\"\n  | \"deploying\"\n  | \"live\"\n  | \"failed\"\n  | \"cancelled\"\n  | \"idle\";\n\nconst statusToVariant: Record<\n  DeploymentStatus,\n  \"default\" | \"primary\" | \"success\" | \"warning\" | \"destructive\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"default\",\n  idle: \"default\",\n};\n\nconst statusToDotTone: Record<\n  DeploymentStatus,\n  \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"muted\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"muted\",\n  idle: \"muted\",\n};\n\nconst statusLabels: Record<DeploymentStatus, string> = {\n  queued: \"Queued\",\n  building: \"Building\",\n  deploying: \"Deploying\",\n  live: \"Live\",\n  failed: \"Failed\",\n  cancelled: \"Cancelled\",\n  idle: \"Idle\",\n};\n\nconst isAnimated = (status: DeploymentStatus) =>\n  status === \"building\" || status === \"deploying\" || status === \"queued\";\n\nexport interface Deployment {\n  id: string;\n  status: DeploymentStatus;\n  environment: string;\n  branch: string;\n  commitSha: string;\n  commitMessage: string;\n  author?: { name: string; avatarUrl?: string };\n  duration?: string;\n  timeAgo: string;\n}\n\ninterface DeploymentRowProps extends HTMLAttributes<HTMLDivElement> {\n  deployment: Deployment;\n  actions?: ReactNode;\n}\n\n/**\n * DeploymentRow — one row in a deployment list (table-ish layout).\n *\n * Inspired by Vercel/Railway deployment lists. Composes Badge + Badge.Dot for status,\n * mono font for SHA/branch, muted-foreground for metadata.\n */\nconst DeploymentRow = forwardRef<HTMLDivElement, DeploymentRowProps>(\n  ({ className, deployment, actions, ...props }, ref) => {\n    const variant = statusToVariant[deployment.status];\n    const tone = statusToDotTone[deployment.status];\n    return (\n      <div\n        data-slot=\"deployment-row\"\n        ref={ref}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-center gap-4 border-border/40 border-b px-4 py-3\",\n          \"last:border-b-0\",\n          \"transition-colors hover:bg-muted/40\",\n          className,\n        )}\n        {...props}\n      >\n        <Badge variant={variant} className=\"min-w-[88px] justify-center\">\n          <Badge.Dot tone={tone} pulse={isAnimated(deployment.status)} />\n          {statusLabels[deployment.status]}\n        </Badge>\n\n        <div className=\"min-w-0\">\n          <p className=\"truncate font-medium text-body-sm text-foreground\">\n            {deployment.commitMessage}\n          </p>\n          <p className=\"mt-0.5 flex flex-wrap items-center gap-2 text-body-sm text-muted-foreground\">\n            <span className=\"font-mono text-code-sm\">{deployment.environment}</span>\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"inline-flex items-center gap-1 font-mono text-code-sm\">\n              <GitCommit className=\"size-3\" /> {deployment.commitSha.slice(0, 7)}\n            </span>\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"font-mono text-code-sm\">{deployment.branch}</span>\n            {deployment.author ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span>by {deployment.author.name}</span>\n              </>\n            ) : null}\n            {deployment.duration ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span className=\"font-mono text-code-sm\">{deployment.duration}</span>\n              </>\n            ) : null}\n            <span aria-hidden=\"true\">·</span>\n            <span>{deployment.timeAgo}</span>\n          </p>\n        </div>\n\n        {actions ? <div className=\"flex items-center gap-1\">{actions}</div> : null}\n      </div>\n    );\n  },\n);\nDeploymentRow.displayName = \"DeploymentRow\";\n\nexport { DeploymentRow };\n"]}

package/dist/chunk-ML7WLNIK.js

@@ -0,0 +1,11 @@
+// src/lib/env.ts
+function readNodeEnv() {
+  return globalThis.process?.env?.NODE_ENV;
+}
+function isDev() {
+  return readNodeEnv() !== "production";
+}
+
+export { isDev };
+//# sourceMappingURL=chunk-ML7WLNIK.js.map
+//# sourceMappingURL=chunk-ML7WLNIK.js.map

package/dist/chunk-ML7WLNIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/env.ts"],"names":[],"mappings":";AA4CA,SAAS,WAAA,GAAkC;AACzC,EAAA,OAAQ,UAAA,CAA8B,SAAS,GAAA,EAAK,QAAA;AACtD;AAaO,SAAS,KAAA,GAAiB;AAC/B,EAAA,OAAO,aAAY,KAAM,YAAA;AAC3B","file":"chunk-ML7WLNIK.js","sourcesContent":["/**\n * Environment helpers — type-safe, browser- and SSR-safe.\n *\n * Why this exists\n * ---------------\n * Component source files in this package need to gate development-only\n * diagnostics (a11y warnings, dev-only `console.warn`, defensive validation\n * messages) on `process.env.NODE_ENV`. Reading `process.env.NODE_ENV`\n * directly in TypeScript triggers `TS2591: Cannot find name 'process'`\n * unless `@types/node` is included in `tsconfig.json#compilerOptions.types`.\n *\n * Adding `node` to that array would work — but it pollutes the ambient\n * global namespace with Node-only APIs (`Buffer`, `fs`, `path`, `Stream`)\n * that have no place in a UI library targeting the browser. Authors would\n * receive autocomplete for `import { readFileSync } from \"node:fs\"` while\n * writing a React component. That is the wrong trade.\n *\n * The conventional pattern (React, Radix, Stripe Elements, MUI) is to\n * funnel every `NODE_ENV` read through a single typed accessor. Bundlers\n * (Vite, Webpack, esbuild, Rollup, tsup) replace the literal\n * `process.env.NODE_ENV` reference at build time via their `define`\n * mechanism, so this incurs zero runtime cost in the consumer's\n * production build — the dead branch is dead-code-eliminated.\n *\n * Read access is funneled through `globalThis.process?.env?.NODE_ENV`\n * so the helpers work in three environments without ambient types:\n *\n *   - Browser via bundler with `define` (Vite/Webpack): the literal\n *     `process.env.NODE_ENV` is substituted; `globalThis.process` is the\n *     synthesized stub the bundler injects.\n *   - Node (SSR, tests, scripts): `globalThis.process` is the real `process`.\n *   - Browser without bundler injection: `globalThis.process` is undefined\n *     and {@link isDev} returns `true` so developers see warnings during\n *     hand-testing rather than silent failure.\n */\n\ninterface NodeEnvCarrier {\n  process?: {\n    env?: {\n      NODE_ENV?: string;\n    };\n  };\n}\n\nfunction readNodeEnv(): string | undefined {\n  return (globalThis as NodeEnvCarrier).process?.env?.NODE_ENV;\n}\n\n/**\n * Returns `true` unless `process.env.NODE_ENV === \"production\"`.\n *\n * Use this to gate development-only branches: a11y warnings, dev-mode\n * `console.warn`, defensive runtime validation. In a consumer's production\n * build the bundler replaces the substituted reference and tree-shakes the\n * dev branch entirely.\n *\n * Defensive default: when `process` is absent (browser without bundler\n * injection), returns `true` to err on the side of more diagnostics.\n */\nexport function isDev(): boolean {\n  return readNodeEnv() !== \"production\";\n}\n\n/**\n * Returns `true` only when `process.env.NODE_ENV === \"production\"`.\n *\n * Strict inverse of {@link isDev}: when `process` is absent, returns\n * `false`. Use this when you specifically need to confirm a production\n * build (e.g. enabling minified-only optimizations).\n */\nexport function isProd(): boolean {\n  return readNodeEnv() === \"production\";\n}\n"]}

package/dist/chunk-MLEPCMTF.js

@@ -0,0 +1,147 @@
+"use client";
+import { Input } from './chunk-BYUWQ6OP.js';
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { isDev } from './chunk-ML7WLNIK.js';
+import { Button } from './chunk-25KBUQEQ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Plus, Lock, EyeOff, Eye, Copy, Trash2 } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_SCOPES = ["production", "staging", "preview", "all"];
+var EnvVarEditor = forwardRef(
+  ({ className, vars, onAdd, onRemove, scopeOptions = DEFAULT_SCOPES, ...props }, ref) => {
+    const [newKey, setNewKey] = useState("");
+    const [newValue, setNewValue] = useState("");
+    const [newScope, setNewScope] = useState(scopeOptions[0] ?? "production");
+    const submit = () => {
+      const trimmedKey = newKey.trim();
+      if (!trimmedKey) return;
+      onAdd?.({ key: trimmedKey, value: newValue, scope: newScope, masked: true });
+      setNewKey("");
+      setNewValue("");
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "env-var-editor",
+        ref,
+        className: cn("rounded-xl border border-border bg-card p-5 shadow-sm", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("header", { className: "mb-4 flex items-baseline justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: "Environment variables" }),
+            /* @__PURE__ */ jsxs("p", { className: "text-body-sm text-muted-foreground", children: [
+              vars.length,
+              " ",
+              vars.length === 1 ? "variable" : "variables"
+            ] })
+          ] }) }),
+          onAdd ? /* @__PURE__ */ jsxs(
+            "form",
+            {
+              className: "mb-4 grid grid-cols-[2fr_3fr_auto_auto] gap-2",
+              onSubmit: (e) => {
+                e.preventDefault();
+                submit();
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    placeholder: "DATABASE_URL",
+                    value: newKey,
+                    onChange: (e) => setNewKey(e.target.value),
+                    className: "font-mono",
+                    "aria-label": "Variable name"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    placeholder: "postgresql://\u2026",
+                    value: newValue,
+                    onChange: (e) => setNewValue(e.target.value),
+                    className: "font-mono",
+                    "aria-label": "Variable value"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    value: newScope,
+                    onChange: (e) => setNewScope(e.target.value),
+                    "aria-label": "Variable scope",
+                    className: cn(
+                      "h-10 rounded-md border border-input bg-card px-3",
+                      "font-sans text-body-sm",
+                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card"
+                    ),
+                    children: scopeOptions.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: s }, s))
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Button, { type: "submit", children: [
+                  /* @__PURE__ */ jsx(Plus, {}),
+                  " Add"
+                ] })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
+            vars.map((v) => /* @__PURE__ */ jsx(Row, { entry: v, ...onRemove ? { onRemove } : {} }, v.id)),
+            vars.length === 0 ? /* @__PURE__ */ jsx("li", { className: "py-8 text-center text-body-sm text-muted-foreground", children: "No environment variables yet." }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+EnvVarEditor.displayName = "EnvVarEditor";
+function Row({ entry, onRemove }) {
+  const [revealed, setRevealed] = useState(!entry.masked);
+  const value = revealed ? entry.value : "\u2022".repeat(Math.min(entry.value.length, 12) || 8);
+  const copy = () => {
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      navigator.clipboard.writeText(entry.value).catch((err) => {
+        if (isDev()) {
+          console.warn("[@theokit/ui] EnvVarEditor clipboard write failed:", err);
+        }
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs("li", { className: "grid grid-cols-[2fr_3fr_auto_auto] items-center gap-3 py-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: entry.key }),
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 truncate font-mono text-code-sm text-muted-foreground", children: [
+      entry.readonly ? /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" }) : null,
+      value
+    ] }),
+    /* @__PURE__ */ jsx(BadgeWithDot, { variant: entry.scope === "production" ? "primary" : "default", children: entry.scope ?? "all" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+      entry.masked ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          onClick: () => setRevealed((r) => !r),
+          "aria-label": revealed ? "Hide value" : "Reveal value",
+          children: revealed ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {})
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", onClick: copy, "aria-label": "Copy value", children: /* @__PURE__ */ jsx(Copy, {}) }),
+      onRemove && !entry.readonly ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          onClick: () => onRemove(entry.id),
+          "aria-label": `Remove ${entry.key}`,
+          children: /* @__PURE__ */ jsx(Trash2, {})
+        }
+      ) : null
+    ] })
+  ] });
+}
+
+export { EnvVarEditor };
+//# sourceMappingURL=chunk-MLEPCMTF.js.map
+//# sourceMappingURL=chunk-MLEPCMTF.js.map

package/dist/chunk-MLEPCMTF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/env-var-editor/env-var-editor.tsx"],"names":[],"mappings":"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","file":"chunk-MLEPCMTF.js","sourcesContent":["\"use client\";\n\nimport { Copy, Eye, EyeOff, Lock, Plus, Trash2 } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { isDev } from \"../../../lib/env.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport { Button } from \"../../primitives/button/index.js\";\nimport { Input } from \"../../primitives/input/index.js\";\n\nexport type EnvScope = \"production\" | \"staging\" | \"preview\" | \"all\" | string;\n\nexport interface EnvVar {\n  id: string;\n  key: string;\n  /**\n   * Secret value. If `masked` is true, value is hidden by default.\n   */\n  value: string;\n  masked?: boolean;\n  scope?: EnvScope;\n  /**\n   * Read-only marker (e.g. system-managed vars like THEO_DEPLOY_ID).\n   */\n  readonly?: boolean;\n}\n\ninterface EnvVarEditorProps extends HTMLAttributes<HTMLDivElement> {\n  vars: EnvVar[];\n  onAdd?: (entry: Omit<EnvVar, \"id\">) => void;\n  onRemove?: (id: string) => void;\n  /**\n   * Available scope options for the add form. Defaults to a sensible PaaS set.\n   */\n  scopeOptions?: EnvScope[];\n}\n\nconst DEFAULT_SCOPES: EnvScope[] = [\"production\", \"staging\", \"preview\", \"all\"];\n\n/**\n * EnvVarEditor — table-like editor for environment variables.\n *\n * Mono font on keys/values, mask toggle on secret values, scope badge,\n * remove + copy actions. Add form sits above the list.\n *\n * Stateless: caller controls the list and reacts to onAdd / onRemove.\n */\nconst EnvVarEditor = forwardRef<HTMLDivElement, EnvVarEditorProps>(\n  ({ className, vars, onAdd, onRemove, scopeOptions = DEFAULT_SCOPES, ...props }, ref) => {\n    const [newKey, setNewKey] = useState(\"\");\n    const [newValue, setNewValue] = useState(\"\");\n    const [newScope, setNewScope] = useState<EnvScope>(scopeOptions[0] ?? \"production\");\n\n    const submit = () => {\n      const trimmedKey = newKey.trim();\n      if (!trimmedKey) return;\n      onAdd?.({ key: trimmedKey, value: newValue, scope: newScope, masked: true });\n      setNewKey(\"\");\n      setNewValue(\"\");\n    };\n\n    return (\n      <div\n        data-slot=\"env-var-editor\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card p-5 shadow-sm\", className)}\n        {...props}\n      >\n        <header className=\"mb-4 flex items-baseline justify-between gap-3\">\n          <div>\n            <h3 className=\"font-display text-title-md tracking-tight\">Environment variables</h3>\n            <p className=\"text-body-sm text-muted-foreground\">\n              {vars.length} {vars.length === 1 ? \"variable\" : \"variables\"}\n            </p>\n          </div>\n        </header>\n\n        {onAdd ? (\n          <form\n            className=\"mb-4 grid grid-cols-[2fr_3fr_auto_auto] gap-2\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              submit();\n            }}\n          >\n            <Input\n              placeholder=\"DATABASE_URL\"\n              value={newKey}\n              onChange={(e) => setNewKey(e.target.value)}\n              className=\"font-mono\"\n              aria-label=\"Variable name\"\n            />\n            <Input\n              placeholder=\"postgresql://…\"\n              value={newValue}\n              onChange={(e) => setNewValue(e.target.value)}\n              className=\"font-mono\"\n              aria-label=\"Variable value\"\n            />\n            <select\n              value={newScope}\n              onChange={(e) => setNewScope(e.target.value)}\n              aria-label=\"Variable scope\"\n              className={cn(\n                \"h-10 rounded-md border border-input bg-card px-3\",\n                \"font-sans text-body-sm\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n              )}\n            >\n              {scopeOptions.map((s) => (\n                <option key={s} value={s}>\n                  {s}\n                </option>\n              ))}\n            </select>\n            <Button type=\"submit\">\n              <Plus /> Add\n            </Button>\n          </form>\n        ) : null}\n\n        <ul className=\"divide-y divide-border/30\">\n          {vars.map((v) => (\n            <Row key={v.id} entry={v} {...(onRemove ? { onRemove } : {})} />\n          ))}\n          {vars.length === 0 ? (\n            <li className=\"py-8 text-center text-body-sm text-muted-foreground\">\n              No environment variables yet.\n            </li>\n          ) : null}\n        </ul>\n      </div>\n    );\n  },\n);\nEnvVarEditor.displayName = \"EnvVarEditor\";\n\ninterface RowProps {\n  entry: EnvVar;\n  onRemove?: (id: string) => void;\n}\n\nfunction Row({ entry, onRemove }: RowProps) {\n  const [revealed, setRevealed] = useState(!entry.masked);\n\n  const value = revealed ? entry.value : \"•\".repeat(Math.min(entry.value.length, 12) || 8);\n\n  const copy = () => {\n    if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n      navigator.clipboard.writeText(entry.value).catch((err: unknown) => {\n        // T7.6: dev-only warning so engineers see something when clipboard\n        // fails (Safari/Firefox iframe sandbox, document not focused,\n        // Permissions-Policy block). Production stays silent — behavior is\n        // fail-safe (user can still copy manually).\n        if (isDev()) {\n          // biome-ignore lint/suspicious/noConsole: dev-only clipboard diagnostic (T7.6)\n          console.warn(\"[@theokit/ui] EnvVarEditor clipboard write failed:\", err);\n        }\n      });\n    }\n  };\n\n  return (\n    <li className=\"grid grid-cols-[2fr_3fr_auto_auto] items-center gap-3 py-3\">\n      <span className=\"truncate font-mono text-code-sm text-foreground\">{entry.key}</span>\n      <span className=\"flex items-center gap-2 truncate font-mono text-code-sm text-muted-foreground\">\n        {entry.readonly ? <Lock className=\"size-3\" aria-hidden=\"true\" /> : null}\n        {value}\n      </span>\n      <Badge variant={entry.scope === \"production\" ? \"primary\" : \"default\"}>\n        {entry.scope ?? \"all\"}\n      </Badge>\n      <div className=\"flex items-center gap-0.5\">\n        {entry.masked ? (\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            onClick={() => setRevealed((r) => !r)}\n            aria-label={revealed ? \"Hide value\" : \"Reveal value\"}\n          >\n            {revealed ? <EyeOff /> : <Eye />}\n          </Button>\n        ) : null}\n        <Button size=\"icon\" variant=\"ghost\" onClick={copy} aria-label=\"Copy value\">\n          <Copy />\n        </Button>\n        {onRemove && !entry.readonly ? (\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            onClick={() => onRemove(entry.id)}\n            aria-label={`Remove ${entry.key}`}\n          >\n            <Trash2 />\n          </Button>\n        ) : null}\n      </div>\n    </li>\n  );\n}\n\nexport { EnvVarEditor };\n"]}

package/dist/chunk-NSZEZTDO.js

@@ -0,0 +1,98 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Sparkles, RotateCcw } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SystemPromptEditor = forwardRef(
+  ({
+    className,
+    defaultPrompt,
+    override,
+    onOverrideChange,
+    tokenEstimate,
+    title = "System prompt",
+    ...props
+  }, ref) => {
+    const usingOverride = override.length > 0;
+    const [showDefault, setShowDefault] = useState(false);
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "system-prompt-editor",
+        ref,
+        className: cn("rounded-xl border border-border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "inline-flex items-center rounded-full border px-2 py-0.5 font-mono text-label uppercase tracking-wider",
+                    usingOverride ? "border-primary/40 bg-primary/10 text-primary" : "border-border/40 bg-muted text-muted-foreground"
+                  ),
+                  children: usingOverride ? "Override active" : "Vendor default"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              tokenEstimate !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: [
+                "~",
+                tokenEstimate.toLocaleString(),
+                " tokens"
+              ] }) : null,
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowDefault((v) => !v),
+                  className: "rounded-md px-2 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: [
+                    showDefault ? "Hide" : "Show",
+                    " default"
+                  ]
+                }
+              ),
+              usingOverride ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onOverrideChange(""),
+                  className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }),
+                    " Reset"
+                  ]
+                }
+              ) : null
+            ] })
+          ] }),
+          showDefault ? /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto border-border/40 border-b bg-muted/40 px-4 py-3 font-mono text-code-sm text-muted-foreground", children: defaultPrompt }) : null,
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: override,
+              onChange: (e) => onOverrideChange(e.target.value),
+              placeholder: usingOverride ? "" : "Leave empty to use the vendor default. Type here to override.",
+              rows: 8,
+              className: cn(
+                "w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground",
+                "placeholder:text-muted-foreground",
+                "focus:outline-none"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SystemPromptEditor.displayName = "SystemPromptEditor";
+
+export { SystemPromptEditor };
+//# sourceMappingURL=chunk-NSZEZTDO.js.map
+//# sourceMappingURL=chunk-NSZEZTDO.js.map

package/dist/chunk-NSZEZTDO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/system-prompt-editor/system-prompt-editor.tsx"],"names":[],"mappings":"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","file":"chunk-NSZEZTDO.js","sourcesContent":["\"use client\";\n\nimport { RotateCcw, Sparkles } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface SystemPromptEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Vendor / default system prompt (read-only). */\n  defaultPrompt: string;\n  /** Current override; pass empty string for \"use default\". */\n  override: string;\n  onOverrideChange: (next: string) => void;\n  /** Approximate token count for the active prompt. */\n  tokenEstimate?: number;\n  title?: ReactNode;\n}\n\n/**\n * SystemPromptEditor — surface the agent's system prompt with a clear\n * \"vendor default\" vs \"user override\" toggle.\n *\n * Behavior:\n *   - When override is empty, the textarea shows the default (greyed out,\n *     editable starts blank).\n *   - When user types, override takes effect.\n *   - \"Reset to default\" wipes the override.\n *\n * Critical for transparency: a user must be able to see and edit the prompt.\n */\nconst SystemPromptEditor = forwardRef<HTMLDivElement, SystemPromptEditorProps>(\n  (\n    {\n      className,\n      defaultPrompt,\n      override,\n      onOverrideChange,\n      tokenEstimate,\n      title = \"System prompt\",\n      ...props\n    },\n    ref,\n  ) => {\n    const usingOverride = override.length > 0;\n    const [showDefault, setShowDefault] = useState(false);\n\n    return (\n      <section\n        data-slot=\"system-prompt-editor\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card\", className)}\n        {...props}\n      >\n        <header className=\"flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3\">\n          <div className=\"flex items-center gap-2\">\n            <Sparkles className=\"size-4 text-primary\" aria-hidden=\"true\" />\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n            <span\n              className={cn(\n                \"inline-flex items-center rounded-full border px-2 py-0.5 font-mono text-label uppercase tracking-wider\",\n                usingOverride\n                  ? \"border-primary/40 bg-primary/10 text-primary\"\n                  : \"border-border/40 bg-muted text-muted-foreground\",\n              )}\n            >\n              {usingOverride ? \"Override active\" : \"Vendor default\"}\n            </span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {tokenEstimate !== undefined ? (\n              <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                ~{tokenEstimate.toLocaleString()} tokens\n              </span>\n            ) : null}\n            <button\n              type=\"button\"\n              onClick={() => setShowDefault((v) => !v)}\n              className=\"rounded-md px-2 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              {showDefault ? \"Hide\" : \"Show\"} default\n            </button>\n            {usingOverride ? (\n              <button\n                type=\"button\"\n                onClick={() => onOverrideChange(\"\")}\n                className=\"inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                <RotateCcw className=\"size-3\" /> Reset\n              </button>\n            ) : null}\n          </div>\n        </header>\n\n        {showDefault ? (\n          <pre className=\"max-h-48 overflow-auto border-border/40 border-b bg-muted/40 px-4 py-3 font-mono text-code-sm text-muted-foreground\">\n            {defaultPrompt}\n          </pre>\n        ) : null}\n\n        <textarea\n          value={override}\n          onChange={(e) => onOverrideChange(e.target.value)}\n          placeholder={\n            usingOverride ? \"\" : \"Leave empty to use the vendor default. Type here to override.\"\n          }\n          rows={8}\n          className={cn(\n            \"w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground\",\n            \"placeholder:text-muted-foreground\",\n            \"focus:outline-none\",\n          )}\n        />\n      </section>\n    );\n  },\n);\nSystemPromptEditor.displayName = \"SystemPromptEditor\";\n\nexport { SystemPromptEditor };\n"]}

package/dist/chunk-OMR6ZGME.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DOT_COLOR = {
+  online: "bg-status-online",
+  offline: "bg-status-offline",
+  degraded: "bg-status-degraded",
+  info: "bg-status-info"
+};
+var LABEL_COLOR = {
+  online: "text-foreground",
+  offline: "text-foreground",
+  degraded: "text-foreground",
+  info: "text-foreground"
+};
+var ARIA_LABEL = {
+  online: "Online",
+  offline: "Offline",
+  degraded: "Degraded",
+  info: "Information"
+};
+var SIZE_DOT = {
+  sm: "size-2",
+  md: "size-2.5"
+};
+var StatusIndicator = forwardRef(
+  ({ status, label, size = "sm", pulse = false, className, "aria-label": ariaLabel, ...rest }, ref) => {
+    const accessibleLabel = label ?? ariaLabel ?? ARIA_LABEL[status];
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-slot": "status-indicator",
+        ref,
+        role: "img",
+        "aria-label": accessibleLabel,
+        className: cn("inline-flex items-center gap-2 font-medium text-xs", className),
+        "data-status": status,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "inline-block rounded-full",
+                SIZE_DOT[size],
+                DOT_COLOR[status],
+                pulse && "animate-pulse"
+              ),
+              "aria-hidden": true
+            }
+          ),
+          label !== void 0 && /* @__PURE__ */ jsx("span", { className: LABEL_COLOR[status], children: label })
+        ]
+      }
+    );
+  }
+);
+StatusIndicator.displayName = "StatusIndicator";
+
+export { StatusIndicator };
+//# sourceMappingURL=chunk-OMR6ZGME.js.map
+//# sourceMappingURL=chunk-OMR6ZGME.js.map