@invergent/ui-sdk 0.0.0-stage → 2.19.1

package/dist/sidebar.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunk2UHRDVPT_cjs = require('./chunk-2UHRDVPT.cjs');
+require('./chunk-6YHDDRIM.cjs');
+
+
+
+Object.defineProperty(exports, "Sidebar", {
+  enumerable: true,
+  get: function () { return chunk2UHRDVPT_cjs.Sidebar; }
+});
+Object.defineProperty(exports, "SidebarAction", {
+  enumerable: true,
+  get: function () { return chunk2UHRDVPT_cjs.SidebarAction; }
+});
+Object.defineProperty(exports, "SidebarBrand", {
+  enumerable: true,
+  get: function () { return chunk2UHRDVPT_cjs.SidebarBrand; }
+});
+Object.defineProperty(exports, "SidebarUserBar", {
+  enumerable: true,
+  get: function () { return chunk2UHRDVPT_cjs.SidebarUserBar; }
+});
+Object.defineProperty(exports, "useSidebar", {
+  enumerable: true,
+  get: function () { return chunk2UHRDVPT_cjs.useSidebar; }
+});
+//# sourceMappingURL=sidebar.cjs.map
+//# sourceMappingURL=sidebar.cjs.map

package/dist/sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar.cjs"}

package/dist/sidebar.d.cts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * Whether the enclosing rail is collapsed to its icons. Outside a `Sidebar`
+ * (a phone drawer, a page) nothing is collapsed, so the same parts draw open
+ * there.
+ */
+declare function useSidebar(): {
+    collapsed: boolean;
+};
+type SidebarProps = Omit<React.ComponentProps<"aside">, "onMouseEnter" | "onMouseLeave"> & {
+    /** Pinned, the sidebar stays open; unpinned, it is an icon rail that opens
+     *  while the pointer is over it. Kept here when not passed. */
+    pinned?: boolean;
+    onPinnedChange?: (pinned: boolean) => void;
+};
+/**
+ * The ops console's desktop sidebar: 295px open, a 50px icon rail collapsed,
+ * with the pin toggle along its bottom. Hidden below `md`, where navigation
+ * belongs in a drawer: render the same parts there, outside a `Sidebar`.
+ * `ListRow` and `SectionLabel` inside it shrink to their icon and rule.
+ */
+declare function Sidebar({ pinned: pinnedProp, onPinnedChange, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+type SidebarBrandProps = Omit<React.ComponentProps<"div">, "title"> & {
+    title: string;
+    subtitle?: React.ReactNode;
+    imageSrc?: string;
+    /** What the mark and title link through (a router `Link`); they are placed
+     *  inside it. */
+    link?: React.ReactElement;
+};
+/**
+ * The sidebar's brand strip: the mark, a title and a muted subtitle; in the
+ * rail the mark alone, centred. Children (a mode switch) follow it.
+ */
+declare function SidebarBrand({ title, subtitle, imageSrc, link, className, children, ...props }: SidebarBrandProps): react_jsx_runtime.JSX.Element;
+type SidebarUserBarProps = Omit<React.ComponentProps<"div">, "children"> & {
+    avatar: React.ReactNode;
+    name: React.ReactNode;
+    /** The bar's `SidebarAction`s: theme, settings, sign out. */
+    children?: React.ReactNode;
+};
+/**
+ * The sidebar's bottom bar: the user's avatar and name, then the global
+ * controls. In the rail the avatar alone.
+ */
+declare function SidebarUserBar({ avatar, name, className, children, ...props }: SidebarUserBarProps): react_jsx_runtime.JSX.Element;
+/**
+ * An icon control in the user bar. 26px with a cursor, the 44px floor on
+ * touch. A button, or a router link via `asChild`.
+ */
+declare function SidebarAction({ label, asChild, className, ...props }: React.ComponentProps<"button"> & {
+    label: string;
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Sidebar, SidebarAction, SidebarBrand, SidebarUserBar, useSidebar };

package/dist/sidebar.d.ts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * Whether the enclosing rail is collapsed to its icons. Outside a `Sidebar`
+ * (a phone drawer, a page) nothing is collapsed, so the same parts draw open
+ * there.
+ */
+declare function useSidebar(): {
+    collapsed: boolean;
+};
+type SidebarProps = Omit<React.ComponentProps<"aside">, "onMouseEnter" | "onMouseLeave"> & {
+    /** Pinned, the sidebar stays open; unpinned, it is an icon rail that opens
+     *  while the pointer is over it. Kept here when not passed. */
+    pinned?: boolean;
+    onPinnedChange?: (pinned: boolean) => void;
+};
+/**
+ * The ops console's desktop sidebar: 295px open, a 50px icon rail collapsed,
+ * with the pin toggle along its bottom. Hidden below `md`, where navigation
+ * belongs in a drawer: render the same parts there, outside a `Sidebar`.
+ * `ListRow` and `SectionLabel` inside it shrink to their icon and rule.
+ */
+declare function Sidebar({ pinned: pinnedProp, onPinnedChange, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+type SidebarBrandProps = Omit<React.ComponentProps<"div">, "title"> & {
+    title: string;
+    subtitle?: React.ReactNode;
+    imageSrc?: string;
+    /** What the mark and title link through (a router `Link`); they are placed
+     *  inside it. */
+    link?: React.ReactElement;
+};
+/**
+ * The sidebar's brand strip: the mark, a title and a muted subtitle; in the
+ * rail the mark alone, centred. Children (a mode switch) follow it.
+ */
+declare function SidebarBrand({ title, subtitle, imageSrc, link, className, children, ...props }: SidebarBrandProps): react_jsx_runtime.JSX.Element;
+type SidebarUserBarProps = Omit<React.ComponentProps<"div">, "children"> & {
+    avatar: React.ReactNode;
+    name: React.ReactNode;
+    /** The bar's `SidebarAction`s: theme, settings, sign out. */
+    children?: React.ReactNode;
+};
+/**
+ * The sidebar's bottom bar: the user's avatar and name, then the global
+ * controls. In the rail the avatar alone.
+ */
+declare function SidebarUserBar({ avatar, name, className, children, ...props }: SidebarUserBarProps): react_jsx_runtime.JSX.Element;
+/**
+ * An icon control in the user bar. 26px with a cursor, the 44px floor on
+ * touch. A button, or a router link via `asChild`.
+ */
+declare function SidebarAction({ label, asChild, className, ...props }: React.ComponentProps<"button"> & {
+    label: string;
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Sidebar, SidebarAction, SidebarBrand, SidebarUserBar, useSidebar };

package/dist/sidebar.js

@@ -0,0 +1,4 @@
+export { Sidebar, SidebarAction, SidebarBrand, SidebarUserBar, useSidebar } from './chunk-L73QIINW.js';
+import './chunk-LZGII7SX.js';
+//# sourceMappingURL=sidebar.js.map
+//# sourceMappingURL=sidebar.js.map

package/dist/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar.js"}

package/dist/skeleton.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: chunk6YHDDRIM_cjs.cn("animate-pulse bg-muted", className),
+      ...props
+    }
+  );
+}
+
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=skeleton.cjs.map
+//# sourceMappingURL=skeleton.cjs.map

package/dist/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton.tsx"],"names":["jsx","cn"],"mappings":";;;;;AAEA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACtE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,SAAA,EAAWC,oBAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,MAChD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"skeleton.cjs","sourcesContent":["import { cn } from \"./lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"animate-pulse bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}

package/dist/skeleton.d.cts

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

package/dist/skeleton.d.ts

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

package/dist/skeleton.js

@@ -0,0 +1,17 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("animate-pulse bg-muted", className),
+      ...props
+    }
+  );
+}
+
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton.tsx"],"names":[],"mappings":";;;AAEA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACtE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,MAChD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"skeleton.js","sourcesContent":["import { cn } from \"./lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"animate-pulse bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}

package/dist/sonner.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var nextThemes = require('next-themes');
+var sonner = require('sonner');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = nextThemes.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+exports.Toaster = Toaster;
+//# sourceMappingURL=sonner.cjs.map
+//# sourceMappingURL=sonner.cjs.map

package/dist/sonner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sonner.tsx"],"names":["useTheme","jsx","Sonner","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon"],"mappings":";;;;;;;AAMA,IAAM,OAAA,GAAU,CAAC,EAAE,GAAG,OAAM,KAAoB;AAC9C,EAAA,MAAM,EAAE,KAAA,GAAQ,QAAA,EAAS,GAAIA,mBAAA,EAAS;AAEtC,EAAA,uBACEC,cAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA,EAAU,eAAA;AAAA,MACV,KAAA,EAAO;AAAA,QACL,OAAA,kBACED,cAAA,CAACE,2BAAA,EAAA,EAAgB,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAEtC,IAAA,kBACEF,cAAA,CAACG,oBAAA,EAAA,EAAS,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAE/B,OAAA,kBACEH,cAAA,CAACI,6BAAA,EAAA,EAAkB,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAExC,KAAA,kBACEJ,cAAA,CAACK,wBAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAEnC,OAAA,kBACEL,cAAA,CAACM,uBAAA,EAAA,EAAY,SAAA,EAAU,qBAAA,EAAsB;AAAA,OAEjD;AAAA,MACA,KAAA,EACE;AAAA,QACE,aAAA,EAAe,gBAAA;AAAA,QACf,eAAA,EAAiB,2BAAA;AAAA,QACjB,iBAAA,EAAmB,eAAA;AAAA,QACnB,iBAAA,EAAmB;AAAA,OACrB;AAAA,MAEF,YAAA,EAAc;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,KAAA,EAAO;AAAA;AACT,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"sonner.cjs","sourcesContent":["\"use client\"\n\nimport { useTheme } from \"next-themes\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\nimport { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"]}

package/dist/sonner.d.cts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps } from 'sonner';
+
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster };

package/dist/sonner.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps } from 'sonner';
+
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster };

package/dist/sonner.js

@@ -0,0 +1,38 @@
+import { useTheme } from 'next-themes';
+import { Toaster as Toaster$1 } from 'sonner';
+import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };
+//# sourceMappingURL=sonner.js.map
+//# sourceMappingURL=sonner.js.map

package/dist/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sonner.tsx"],"names":["Sonner"],"mappings":";;;;;AAMA,IAAM,OAAA,GAAU,CAAC,EAAE,GAAG,OAAM,KAAoB;AAC9C,EAAA,MAAM,EAAE,KAAA,GAAQ,QAAA,EAAS,GAAI,QAAA,EAAS;AAEtC,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA,EAAU,eAAA;AAAA,MACV,KAAA,EAAO;AAAA,QACL,OAAA,kBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAEtC,IAAA,kBACE,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAE/B,OAAA,kBACE,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAExC,KAAA,kBACE,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAEnC,OAAA,kBACE,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,qBAAA,EAAsB;AAAA,OAEjD;AAAA,MACA,KAAA,EACE;AAAA,QACE,aAAA,EAAe,gBAAA;AAAA,QACf,eAAA,EAAiB,2BAAA;AAAA,QACjB,iBAAA,EAAmB,eAAA;AAAA,QACnB,iBAAA,EAAmB;AAAA,OACrB;AAAA,MAEF,YAAA,EAAc;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,KAAA,EAAO;AAAA;AACT,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"sonner.js","sourcesContent":["\"use client\"\n\nimport { useTheme } from \"next-themes\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\nimport { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"]}

package/dist/sparkline.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('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__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: `0 0 ${width} ${height}`,
+      width: className ? void 0 : width,
+      height,
+      preserveAspectRatio: "none",
+      className: className ?? "block",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "polyline",
+        {
+          points,
+          fill: "none",
+          stroke: color,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+exports.Sparkline = Sparkline;
+//# sourceMappingURL=sparkline.cjs.map
+//# sourceMappingURL=sparkline.cjs.map

package/dist/sparkline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sparkline.tsx"],"names":["jsx"],"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,uBACEA,cAAA;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,kBAAAA,cAAA;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.cjs","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/sparkline.d.cts

@@ -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.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 };