@invergent/ui-sdk 0.0.0-stage → 2.19.0

package/dist/sparkline.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SparklineProps {
+    data: number[];
+    color?: string;
+    height?: number;
+    width?: number;
+    className?: string;
+}
+declare function Sparkline({ data, color, height, width, className, }: SparklineProps): react_jsx_runtime.JSX.Element;
+
+export { Sparkline };

package/dist/sparkline.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/sparkline.tsx
+function Sparkline({
+  data,
+  color = "var(--primary)",
+  height = 28,
+  width = 80,
+  className
+}) {
+  const max = Math.max(...data);
+  const min = Math.min(...data);
+  const range = max - min || 1;
+  const points = data.map(
+    (v, i) => `${i / (data.length - 1) * width},${height - (v - min) / range * (height - 4) - 2}`
+  ).join(" ");
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: `0 0 ${width} ${height}`,
+      width: className ? void 0 : width,
+      height,
+      preserveAspectRatio: "none",
+      className: className ?? "block",
+      children: /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          points,
+          fill: "none",
+          stroke: color,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export { Sparkline };
+//# sourceMappingURL=sparkline.js.map
+//# sourceMappingURL=sparkline.js.map

package/dist/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sparkline.tsx"],"names":[],"mappings":";;;AAYO,SAAS,SAAA,CAAU;AAAA,EACxB,IAAA;AAAA,EACA,KAAA,GAAQ,gBAAA;AAAA,EACR,MAAA,GAAS,EAAA;AAAA,EACT,KAAA,GAAQ,EAAA;AAAA,EACR;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,GAAG,IAAI,CAAA;AAC5B,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,GAAG,IAAI,CAAA;AAC5B,EAAA,MAAM,KAAA,GAAQ,MAAM,GAAA,IAAO,CAAA;AAC3B,EAAA,MAAM,SAAS,IAAA,CACZ,GAAA;AAAA,IACC,CAAC,CAAA,EAAG,CAAA,KACF,CAAA,EAAI,CAAA,IAAK,KAAK,MAAA,GAAS,CAAA,CAAA,GAAM,KAAK,CAAA,CAAA,EAAI,UAAW,CAAA,GAAI,GAAA,IAAO,KAAA,IAAU,MAAA,GAAS,KAAK,CAAC,CAAA;AAAA,GACzF,CACC,KAAK,GAAG,CAAA;AAEX,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,CAAA,IAAA,EAAO,KAAK,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AAAA,MAC/B,KAAA,EAAO,YAAY,MAAA,GAAY,KAAA;AAAA,MAC/B,MAAA;AAAA,MACA,mBAAA,EAAoB,MAAA;AAAA,MACpB,WAAW,SAAA,IAAa,OAAA;AAAA,MAExB,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,IAAA,EAAK,MAAA;AAAA,UACL,MAAA,EAAQ,KAAA;AAAA,UACR,WAAA,EAAY,KAAA;AAAA,UACZ,aAAA,EAAc,OAAA;AAAA,UACd,cAAA,EAAe;AAAA;AAAA;AACjB;AAAA,GACF;AAEJ","file":"sparkline.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n\ninterface SparklineProps {\n  data: number[];\n  color?: string;\n  height?: number;\n  width?: number;\n  className?: string;\n}\n\nexport function Sparkline({\n  data,\n  color = \"var(--primary)\",\n  height = 28,\n  width = 80,\n  className,\n}: SparklineProps) {\n  const max = Math.max(...data);\n  const min = Math.min(...data);\n  const range = max - min || 1;\n  const points = data\n    .map(\n      (v, i) =>\n        `${(i / (data.length - 1)) * width},${height - ((v - min) / range) * (height - 4) - 2}`,\n    )\n    .join(\" \");\n\n  return (\n    <svg\n      viewBox={`0 0 ${width} ${height}`}\n      width={className ? undefined : width}\n      height={height}\n      preserveAspectRatio=\"none\"\n      className={className ?? \"block\"}\n    >\n      <polyline\n        points={points}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n"]}

package/dist/spinner.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { role: "status", "aria-label": "Loading", className: chunk6YHDDRIM_cjs.cn("size-4 animate-spin", className), ...props });
+}
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=spinner.cjs.map
+//# sourceMappingURL=spinner.cjs.map

package/dist/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"names":["jsx","Loader2Icon","cn"],"mappings":";;;;;;AAGA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACrE,EAAA,uBACEA,cAAA,CAACC,uBAAA,EAAA,EAAY,IAAA,EAAK,QAAA,EAAS,YAAA,EAAW,SAAA,EAAU,SAAA,EAAWC,oBAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEhH","file":"spinner.cjs","sourcesContent":["import { cn } from \"./lib/utils\"\nimport { Loader2Icon } from \"lucide-react\"\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon role=\"status\" aria-label=\"Loading\" className={cn(\"size-4 animate-spin\", className)} {...props} />\n  )\n}\n\nexport { Spinner }\n"]}

package/dist/spinner.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+export { Spinner };

package/dist/spinner.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+export { Spinner };

package/dist/spinner.js

@@ -0,0 +1,11 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { Loader2Icon } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
+}
+
+export { Spinner };
+//# sourceMappingURL=spinner.js.map
+//# sourceMappingURL=spinner.js.map

package/dist/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"names":[],"mappings":";;;;AAGA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACrE,EAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAK,QAAA,EAAS,YAAA,EAAW,SAAA,EAAU,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEhH","file":"spinner.js","sourcesContent":["import { cn } from \"./lib/utils\"\nimport { Loader2Icon } from \"lucide-react\"\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon role=\"status\" aria-label=\"Loading\" className={cn(\"size-4 animate-spin\", className)} {...props} />\n  )\n}\n\nexport { Spinner }\n"]}

package/dist/stat-card.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var chunkDSDDDYG3_cjs = require('./chunk-DSDDDYG3.cjs');
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function InfoHint({ text }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkDSDDDYG3_cjs.TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkDSDDDYG3_cjs.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkDSDDDYG3_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-label": "More info",
+        tabIndex: 0,
+        className: "inline-flex cursor-help text-muted-foreground/60",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "size-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkDSDDDYG3_cjs.TooltipContent, { className: "max-w-72 text-[12px] leading-relaxed", children: text })
+  ] }) });
+}
+function StatCard({
+  label,
+  info,
+  value,
+  hint,
+  detail,
+  className,
+  children
+}) {
+  return (
+    // Label above value, always. Putting them on one line to save height
+    // only works while the tile is full-width; inside the 2-up phone grid
+    // the label wraps and the value collides with the info icon, which is
+    // how this tile ended up looking broken on the Metrics tab.
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "stat-card", className: chunk6YHDDRIM_cjs.cn("flex h-full flex-col", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11.5px] font-medium uppercase leading-tight tracking-wide text-muted-foreground/80", children: label }),
+        info && /* @__PURE__ */ jsxRuntime.jsx(InfoHint, { text: info })
+      ] }),
+      value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[22px] font-semibold leading-tight text-foreground", children: value }),
+        hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] text-muted-foreground", children: hint })
+      ] }),
+      children,
+      detail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto pt-1.5 text-[12px] leading-snug text-muted-foreground", children: detail })
+    ] })
+  );
+}
+function ChannelChip({ label }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "channel-chip",
+      className: "inline-flex items-center rounded-[6px] bg-foreground/[0.07] px-1.5 py-0.5 text-[10.5px] font-medium uppercase tracking-wide text-muted-foreground",
+      children: label
+    }
+  );
+}
+
+exports.ChannelChip = ChannelChip;
+exports.InfoHint = InfoHint;
+exports.StatCard = StatCard;
+//# sourceMappingURL=stat-card.cjs.map
+//# sourceMappingURL=stat-card.cjs.map

package/dist/stat-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stat-card.tsx"],"names":["jsx","TooltipProvider","Tooltip","TooltipTrigger","Info","TooltipContent","jsxs","cn"],"mappings":";;;;;;;AAkBO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAK,EAAwB;AACtD,EAAA,uBACEA,cAAA,CAACC,iCAAA,EAAA,EAAgB,aAAA,EAAe,GAAA,EAC9B,0CAACC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAF,cAAA,CAACG,gCAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAH,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,WAAA;AAAA,QACX,QAAA,EAAU,CAAA;AAAA,QACV,SAAA,EAAU,kDAAA;AAAA,QAEV,QAAA,kBAAAA,cAAA,CAACI,gBAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,KAC7B,EACF,CAAA;AAAA,oBACAJ,cAAA,CAACK,gCAAA,EAAA,EAAe,SAAA,EAAU,sCAAA,EACvB,QAAA,EAAA,IAAA,EACH;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAEO,SAAS,QAAA,CAAS;AAAA,EACvB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAUG;AACD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKEC,eAAA,CAAC,SAAI,WAAA,EAAU,WAAA,EAAY,WAAWC,oBAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA,EACxE,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAAN,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC,IAAA,oBAAQA,cAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,IAAA,EAAM;AAAA,OAAA,EACjC,CAAA;AAAA,MACC,KAAA,KAAU,MAAA,oBACTM,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,wBAAAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC,IAAA,oBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAqC,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EAE9D,CAAA;AAAA,MAED,QAAA;AAAA,MACA,MAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEACZ,QAAA,EAAA,MAAA,EACH;AAAA,KAAA,EAEJ;AAAA;AAEJ;AAEO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAM,EAAsB;AACxD,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAU,mJAAA;AAAA,MAET,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"stat-card.cjs","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n// Shared stat-tile primitives used by the agent Metrics tab and the\n// agent Users page: label / big value / baseline hint / bottom-pinned\n// detail, with an optional info tooltip on the label.\n\nimport { Info } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./tooltip\";\nimport { cn } from \"./lib/utils\";\n\nexport function InfoHint({ text }: { text: ReactNode }) {\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            aria-label=\"More info\"\n            tabIndex={0}\n            className=\"inline-flex cursor-help text-muted-foreground/60\"\n          >\n            <Info className=\"size-3.5\" />\n          </span>\n        </TooltipTrigger>\n        <TooltipContent className=\"max-w-72 text-[12px] leading-relaxed\">\n          {text}\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nexport function StatCard({\n  label,\n  info,\n  value,\n  hint,\n  detail,\n  className,\n  children,\n}: {\n  label: string;\n  info?: ReactNode;\n  value?: ReactNode;\n  hint?: ReactNode;\n  detail?: ReactNode;\n  /** Card-shell classes (border, background, padding). Omit to render\n   *  the bare tile inside an existing card. */\n  className?: string;\n  children?: ReactNode;\n}) {\n  return (\n    // Label above value, always. Putting them on one line to save height\n    // only works while the tile is full-width; inside the 2-up phone grid\n    // the label wraps and the value collides with the info icon, which is\n    // how this tile ended up looking broken on the Metrics tab.\n    <div data-slot=\"stat-card\" className={cn(\"flex h-full flex-col\", className)}>\n      <div className=\"flex items-center gap-1.5\">\n        <p className=\"text-[11.5px] font-medium uppercase leading-tight tracking-wide text-muted-foreground/80\">\n          {label}\n        </p>\n        {info && <InfoHint text={info} />}\n      </div>\n      {value !== undefined && (\n        <div className=\"mt-1.5 flex items-baseline gap-2\">\n          <span className=\"text-[22px] font-semibold leading-tight text-foreground\">\n            {value}\n          </span>\n          {hint && (\n            <span className=\"text-[12px] text-muted-foreground\">{hint}</span>\n          )}\n        </div>\n      )}\n      {children}\n      {detail && (\n        <div className=\"mt-auto pt-1.5 text-[12px] leading-snug text-muted-foreground\">\n          {detail}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function ChannelChip({ label }: { label: string }) {\n  return (\n    <span\n      data-slot=\"channel-chip\"\n      className=\"inline-flex items-center rounded-[6px] bg-foreground/[0.07] px-1.5 py-0.5 text-[10.5px] font-medium uppercase tracking-wide text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n"]}

package/dist/stat-card.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function InfoHint({ text }: {
+    text: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function StatCard({ label, info, value, hint, detail, className, children, }: {
+    label: string;
+    info?: ReactNode;
+    value?: ReactNode;
+    hint?: ReactNode;
+    detail?: ReactNode;
+    /** Card-shell classes (border, background, padding). Omit to render
+     *  the bare tile inside an existing card. */
+    className?: string;
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function ChannelChip({ label }: {
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ChannelChip, InfoHint, StatCard };

package/dist/stat-card.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function InfoHint({ text }: {
+    text: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function StatCard({ label, info, value, hint, detail, className, children, }: {
+    label: string;
+    info?: ReactNode;
+    value?: ReactNode;
+    hint?: ReactNode;
+    detail?: ReactNode;
+    /** Card-shell classes (border, background, padding). Omit to render
+     *  the bare tile inside an existing card. */
+    className?: string;
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function ChannelChip({ label }: {
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ChannelChip, InfoHint, StatCard };

package/dist/stat-card.js

@@ -0,0 +1,61 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-IB7LTHEQ.js';
+import { cn } from './chunk-LZGII7SX.js';
+import { Info } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function InfoHint({ text }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-label": "More info",
+        tabIndex: 0,
+        className: "inline-flex cursor-help text-muted-foreground/60",
+        children: /* @__PURE__ */ jsx(Info, { className: "size-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-72 text-[12px] leading-relaxed", children: text })
+  ] }) });
+}
+function StatCard({
+  label,
+  info,
+  value,
+  hint,
+  detail,
+  className,
+  children
+}) {
+  return (
+    // Label above value, always. Putting them on one line to save height
+    // only works while the tile is full-width; inside the 2-up phone grid
+    // the label wraps and the value collides with the info icon, which is
+    // how this tile ended up looking broken on the Metrics tab.
+    /* @__PURE__ */ jsxs("div", { "data-slot": "stat-card", className: cn("flex h-full flex-col", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11.5px] font-medium uppercase leading-tight tracking-wide text-muted-foreground/80", children: label }),
+        info && /* @__PURE__ */ jsx(InfoHint, { text: info })
+      ] }),
+      value !== void 0 && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[22px] font-semibold leading-tight text-foreground", children: value }),
+        hint && /* @__PURE__ */ jsx("span", { className: "text-[12px] text-muted-foreground", children: hint })
+      ] }),
+      children,
+      detail && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-1.5 text-[12px] leading-snug text-muted-foreground", children: detail })
+    ] })
+  );
+}
+function ChannelChip({ label }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "channel-chip",
+      className: "inline-flex items-center rounded-[6px] bg-foreground/[0.07] px-1.5 py-0.5 text-[10.5px] font-medium uppercase tracking-wide text-muted-foreground",
+      children: label
+    }
+  );
+}
+
+export { ChannelChip, InfoHint, StatCard };
+//# sourceMappingURL=stat-card.js.map
+//# sourceMappingURL=stat-card.js.map

package/dist/stat-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stat-card.tsx"],"names":[],"mappings":";;;;;AAkBO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAK,EAAwB;AACtD,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,GAAA,EAC9B,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,WAAA;AAAA,QACX,QAAA,EAAU,CAAA;AAAA,QACV,SAAA,EAAU,kDAAA;AAAA,QAEV,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,KAC7B,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,sCAAA,EACvB,QAAA,EAAA,IAAA,EACH;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAEO,SAAS,QAAA,CAAS;AAAA,EACvB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAUG;AACD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKE,IAAA,CAAC,SAAI,WAAA,EAAU,WAAA,EAAY,WAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA,EACxE,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC,IAAA,oBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,IAAA,EAAM;AAAA,OAAA,EACjC,CAAA;AAAA,MACC,KAAA,KAAU,MAAA,oBACT,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC,IAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAqC,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EAE9D,CAAA;AAAA,MAED,QAAA;AAAA,MACA,MAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEACZ,QAAA,EAAA,MAAA,EACH;AAAA,KAAA,EAEJ;AAAA;AAEJ;AAEO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAM,EAAsB;AACxD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAU,mJAAA;AAAA,MAET,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"stat-card.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n// Shared stat-tile primitives used by the agent Metrics tab and the\n// agent Users page: label / big value / baseline hint / bottom-pinned\n// detail, with an optional info tooltip on the label.\n\nimport { Info } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./tooltip\";\nimport { cn } from \"./lib/utils\";\n\nexport function InfoHint({ text }: { text: ReactNode }) {\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            aria-label=\"More info\"\n            tabIndex={0}\n            className=\"inline-flex cursor-help text-muted-foreground/60\"\n          >\n            <Info className=\"size-3.5\" />\n          </span>\n        </TooltipTrigger>\n        <TooltipContent className=\"max-w-72 text-[12px] leading-relaxed\">\n          {text}\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nexport function StatCard({\n  label,\n  info,\n  value,\n  hint,\n  detail,\n  className,\n  children,\n}: {\n  label: string;\n  info?: ReactNode;\n  value?: ReactNode;\n  hint?: ReactNode;\n  detail?: ReactNode;\n  /** Card-shell classes (border, background, padding). Omit to render\n   *  the bare tile inside an existing card. */\n  className?: string;\n  children?: ReactNode;\n}) {\n  return (\n    // Label above value, always. Putting them on one line to save height\n    // only works while the tile is full-width; inside the 2-up phone grid\n    // the label wraps and the value collides with the info icon, which is\n    // how this tile ended up looking broken on the Metrics tab.\n    <div data-slot=\"stat-card\" className={cn(\"flex h-full flex-col\", className)}>\n      <div className=\"flex items-center gap-1.5\">\n        <p className=\"text-[11.5px] font-medium uppercase leading-tight tracking-wide text-muted-foreground/80\">\n          {label}\n        </p>\n        {info && <InfoHint text={info} />}\n      </div>\n      {value !== undefined && (\n        <div className=\"mt-1.5 flex items-baseline gap-2\">\n          <span className=\"text-[22px] font-semibold leading-tight text-foreground\">\n            {value}\n          </span>\n          {hint && (\n            <span className=\"text-[12px] text-muted-foreground\">{hint}</span>\n          )}\n        </div>\n      )}\n      {children}\n      {detail && (\n        <div className=\"mt-auto pt-1.5 text-[12px] leading-snug text-muted-foreground\">\n          {detail}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function ChannelChip({ label }: { label: string }) {\n  return (\n    <span\n      data-slot=\"channel-chip\"\n      className=\"inline-flex items-center rounded-[6px] bg-foreground/[0.07] px-1.5 py-0.5 text-[10.5px] font-medium uppercase tracking-wide text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n"]}

package/dist/status-dot.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var STATUS_COLORS = {
+  running: "#22C55E",
+  serving: "#22C55E",
+  completed: "#3B82F6",
+  deploying: "#F59E0B",
+  error: "#EF4444",
+  stopped: "#6B7280"
+};
+var GLOW_STATUSES = /* @__PURE__ */ new Set(["running", "serving"]);
+function StatusDot({ status, className }) {
+  const color = STATUS_COLORS[status] ?? "#6B7280";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: chunk6YHDDRIM_cjs.cn("inline-block w-[7px] h-[7px] rounded-full shrink-0 mr-1.5", className),
+      style: {
+        backgroundColor: color,
+        boxShadow: GLOW_STATUSES.has(status) ? `0 0 6px ${color}` : "none"
+      }
+    }
+  );
+}
+
+exports.STATUS_COLORS = STATUS_COLORS;
+exports.StatusDot = StatusDot;
+//# sourceMappingURL=status-dot.cjs.map
+//# sourceMappingURL=status-dot.cjs.map

package/dist/status-dot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/status-dot.tsx"],"names":["jsx","cn"],"mappings":";;;;;AAaO,IAAM,aAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,KAAA,EAAO,SAAA;AAAA,EACP,OAAA,EAAS;AACX;AAEA,IAAM,gCAAgB,IAAI,GAAA,CAAY,CAAC,SAAA,EAAW,SAAS,CAAC,CAAA;AAOrD,SAAS,SAAA,CAAU,EAAE,MAAA,EAAQ,SAAA,EAAU,EAAmB;AAC/D,EAAA,MAAM,KAAA,GAAQ,aAAA,CAAc,MAAM,CAAA,IAAK,SAAA;AAEvC,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA,CAAG,2DAAA,EAA6D,SAAS,CAAA;AAAA,MACpF,KAAA,EAAO;AAAA,QACL,eAAA,EAAiB,KAAA;AAAA,QACjB,WAAW,aAAA,CAAc,GAAA,CAAI,MAAM,CAAA,GAAI,CAAA,QAAA,EAAW,KAAK,CAAA,CAAA,GAAK;AAAA;AAC9D;AAAA,GACF;AAEJ","file":"status-dot.cjs","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\nimport { cn } from \"./lib/utils\";\n\ntype Status =\n  | \"running\"\n  | \"serving\"\n  | \"completed\"\n  | \"deploying\"\n  | \"error\"\n  | \"stopped\";\n\nexport const STATUS_COLORS: Record<Status, string> = {\n  running: \"#22C55E\",\n  serving: \"#22C55E\",\n  completed: \"#3B82F6\",\n  deploying: \"#F59E0B\",\n  error: \"#EF4444\",\n  stopped: \"#6B7280\",\n};\n\nconst GLOW_STATUSES = new Set<Status>([\"running\", \"serving\"]);\n\ninterface StatusDotProps {\n  status: Status;\n  className?: string;\n}\n\nexport function StatusDot({ status, className }: StatusDotProps) {\n  const color = STATUS_COLORS[status] ?? \"#6B7280\";\n\n  return (\n    <span\n      className={cn(\"inline-block w-[7px] h-[7px] rounded-full shrink-0 mr-1.5\", className)}\n      style={{\n        backgroundColor: color,\n        boxShadow: GLOW_STATUSES.has(status) ? `0 0 6px ${color}` : \"none\",\n      }}\n    />\n  );\n}\n\nexport type { Status };\n"]}

package/dist/status-dot.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Status = "running" | "serving" | "completed" | "deploying" | "error" | "stopped";
+declare const STATUS_COLORS: Record<Status, string>;
+interface StatusDotProps {
+    status: Status;
+    className?: string;
+}
+declare function StatusDot({ status, className }: StatusDotProps): react_jsx_runtime.JSX.Element;
+
+export { STATUS_COLORS, type Status, StatusDot };

package/dist/status-dot.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Status = "running" | "serving" | "completed" | "deploying" | "error" | "stopped";
+declare const STATUS_COLORS: Record<Status, string>;
+interface StatusDotProps {
+    status: Status;
+    className?: string;
+}
+declare function StatusDot({ status, className }: StatusDotProps): react_jsx_runtime.JSX.Element;
+
+export { STATUS_COLORS, type Status, StatusDot };

package/dist/status-dot.js

@@ -0,0 +1,29 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { jsx } from 'react/jsx-runtime';
+
+var STATUS_COLORS = {
+  running: "#22C55E",
+  serving: "#22C55E",
+  completed: "#3B82F6",
+  deploying: "#F59E0B",
+  error: "#EF4444",
+  stopped: "#6B7280"
+};
+var GLOW_STATUSES = /* @__PURE__ */ new Set(["running", "serving"]);
+function StatusDot({ status, className }) {
+  const color = STATUS_COLORS[status] ?? "#6B7280";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("inline-block w-[7px] h-[7px] rounded-full shrink-0 mr-1.5", className),
+      style: {
+        backgroundColor: color,
+        boxShadow: GLOW_STATUSES.has(status) ? `0 0 6px ${color}` : "none"
+      }
+    }
+  );
+}
+
+export { STATUS_COLORS, StatusDot };
+//# sourceMappingURL=status-dot.js.map
+//# sourceMappingURL=status-dot.js.map

package/dist/status-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/status-dot.tsx"],"names":[],"mappings":";;;AAaO,IAAM,aAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,KAAA,EAAO,SAAA;AAAA,EACP,OAAA,EAAS;AACX;AAEA,IAAM,gCAAgB,IAAI,GAAA,CAAY,CAAC,SAAA,EAAW,SAAS,CAAC,CAAA;AAOrD,SAAS,SAAA,CAAU,EAAE,MAAA,EAAQ,SAAA,EAAU,EAAmB;AAC/D,EAAA,MAAM,KAAA,GAAQ,aAAA,CAAc,MAAM,CAAA,IAAK,SAAA;AAEvC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,2DAAA,EAA6D,SAAS,CAAA;AAAA,MACpF,KAAA,EAAO;AAAA,QACL,eAAA,EAAiB,KAAA;AAAA,QACjB,WAAW,aAAA,CAAc,GAAA,CAAI,MAAM,CAAA,GAAI,CAAA,QAAA,EAAW,KAAK,CAAA,CAAA,GAAK;AAAA;AAC9D;AAAA,GACF;AAEJ","file":"status-dot.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\nimport { cn } from \"./lib/utils\";\n\ntype Status =\n  | \"running\"\n  | \"serving\"\n  | \"completed\"\n  | \"deploying\"\n  | \"error\"\n  | \"stopped\";\n\nexport const STATUS_COLORS: Record<Status, string> = {\n  running: \"#22C55E\",\n  serving: \"#22C55E\",\n  completed: \"#3B82F6\",\n  deploying: \"#F59E0B\",\n  error: \"#EF4444\",\n  stopped: \"#6B7280\",\n};\n\nconst GLOW_STATUSES = new Set<Status>([\"running\", \"serving\"]);\n\ninterface StatusDotProps {\n  status: Status;\n  className?: string;\n}\n\nexport function StatusDot({ status, className }: StatusDotProps) {\n  const color = STATUS_COLORS[status] ?? \"#6B7280\";\n\n  return (\n    <span\n      className={cn(\"inline-block w-[7px] h-[7px] rounded-full shrink-0 mr-1.5\", className)}\n      style={{\n        backgroundColor: color,\n        boxShadow: GLOW_STATUSES.has(status) ? `0 0 6px ${color}` : \"none\",\n      }}\n    />\n  );\n}\n\nexport type { Status };\n"]}

package/dist/switch.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Switch.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: chunk6YHDDRIM_cjs.cn(
+        // The track is 14–18px tall, far under the 44px touch minimum, so the
+        // ::after overlay carries the real hit area — widened further where the
+        // pointer is a finger.
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 pointer-coarse:after:-inset-x-4 pointer-coarse:after:-inset-y-3.5 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-[size=default]:h-4.5 data-[size=default]:w-8.25 data-[size=sm]:h-3.5 data-[size=sm]:w-6.25 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-amber-500 data-checked:bg-amber-500 data-unchecked:border-input/50 data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Switch.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-white ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-2.5 data-checked:translate-x-[calc(100%+2px)] data-unchecked:translate-x-0.25"
+        }
+      )
+    }
+  );
+}
+
+exports.Switch = Switch;
+//# sourceMappingURL=switch.cjs.map
+//# sourceMappingURL=switch.cjs.map

package/dist/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch.tsx"],"names":["jsx","SwitchPrimitive","cn"],"mappings":";;;;;;AAKA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACEA,cAAA;AAAA,IAACC,cAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,oBAAA;AAAA;AAAA;AAAA;AAAA,QAIT,utBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAF,cAAA;AAAA,QAACC,cAAA,CAAgB,KAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,cAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ","file":"switch.cjs","sourcesContent":["import * as React from \"react\"\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        // The track is 14–18px tall, far under the 44px touch minimum, so the\n        // ::after overlay carries the real hit area — widened further where the\n        // pointer is a finger.\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 pointer-coarse:after:-inset-x-4 pointer-coarse:after:-inset-y-3.5 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-[size=default]:h-4.5 data-[size=default]:w-8.25 data-[size=sm]:h-3.5 data-[size=sm]:w-6.25 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-amber-500 data-checked:bg-amber-500 data-unchecked:border-input/50 data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-white ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-2.5 data-checked:translate-x-[calc(100%+2px)] data-unchecked:translate-x-0.25\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"]}

package/dist/switch.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Switch as Switch$1 } from 'radix-ui';
+
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof Switch$1.Root> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+
+export { Switch };

package/dist/switch.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Switch as Switch$1 } from 'radix-ui';
+
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof Switch$1.Root> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+
+export { Switch };

package/dist/switch.js

@@ -0,0 +1,36 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { Switch as Switch$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Switch$1.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        // The track is 14–18px tall, far under the 44px touch minimum, so the
+        // ::after overlay carries the real hit area — widened further where the
+        // pointer is a finger.
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 pointer-coarse:after:-inset-x-4 pointer-coarse:after:-inset-y-3.5 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-[size=default]:h-4.5 data-[size=default]:w-8.25 data-[size=sm]:h-3.5 data-[size=sm]:w-6.25 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-amber-500 data-checked:bg-amber-500 data-unchecked:border-input/50 data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Switch$1.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-white ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-2.5 data-checked:translate-x-[calc(100%+2px)] data-unchecked:translate-x-0.25"
+        }
+      )
+    }
+  );
+}
+
+export { Switch };
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch.tsx"],"names":["SwitchPrimitive"],"mappings":";;;;AAKA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA;AAAA,QAIT,utBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,QAAA,CAAgB,KAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,cAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ","file":"switch.js","sourcesContent":["import * as React from \"react\"\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        // The track is 14–18px tall, far under the 44px touch minimum, so the\n        // ::after overlay carries the real hit area — widened further where the\n        // pointer is a finger.\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 pointer-coarse:after:-inset-x-4 pointer-coarse:after:-inset-y-3.5 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-[size=default]:h-4.5 data-[size=default]:w-8.25 data-[size=sm]:h-3.5 data-[size=sm]:w-6.25 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-amber-500 data-checked:bg-amber-500 data-unchecked:border-input/50 data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-white ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-2.5 data-checked:translate-x-[calc(100%+2px)] data-unchecked:translate-x-0.25\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"]}