@tollerud/ui 1.1.5 → 3.1.0

package/dist/chunk-AZADSX4Z.js

@@ -0,0 +1,85 @@
+'use client';
+import { IncidentCard } from './chunk-EN4OJCEF.js';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AlertInbox = forwardRef(
+  ({ className, alerts, filterSeverity = "", onAcknowledge, loading, emptyMessage = "All clear \u2014 no incidents", ...props }, ref) => {
+    const filtered = filterSeverity ? alerts.filter((a) => a.severity === filterSeverity) : alerts;
+    const counts = {
+      total: alerts.length,
+      unacknowledged: alerts.filter((a) => !a.acknowledged).length,
+      critical: alerts.filter((a) => a.severity === "critical" && !a.acknowledged).length
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border border-tollerud-border bg-tollerud-surface-raised overflow-hidden",
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-tollerud-border", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground", children: "Alerts" }),
+              counts.unacknowledged > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[11px] text-tollerud-error font-medium", children: [
+                /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-tollerud-error animate-pulse" }),
+                counts.unacknowledged,
+                " unread"
+              ] }),
+              counts.critical > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-error font-bold", children: [
+                counts.critical,
+                " critical"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-tollerud-text-muted", children: [
+              filtered.length,
+              " of ",
+              alerts.length
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "divide-y divide-tollerud-border/50 max-h-[480px] overflow-y-auto", children: [
+            filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-xs text-center text-tollerud-text-muted", children: emptyMessage }),
+            filtered.map((alert) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+              /* @__PURE__ */ jsx(
+                IncidentCard,
+                {
+                  title: alert.title,
+                  severity: alert.severity,
+                  timestamp: alert.timestamp,
+                  description: alert.description,
+                  service: alert.service,
+                  acknowledged: alert.acknowledged,
+                  className: "border-0 rounded-none bg-transparent hover:bg-tollerud-noir-800/30"
+                }
+              ),
+              alert.acknowledged && /* @__PURE__ */ jsx("span", { className: "absolute bottom-2 right-3 text-[10px] font-medium text-tollerud-text-muted/50", children: "Acknowledged" }),
+              !alert.acknowledged && onAcknowledge && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onAcknowledge(alert.id),
+                  className: cn(
+                    "absolute bottom-2 right-3 text-[10px] font-medium px-2 py-0.5 rounded",
+                    "text-tollerud-yellow/70 hover:text-tollerud-yellow hover:bg-tollerud-yellow/10",
+                    "opacity-0 group-hover:opacity-100 transition-opacity duration-150"
+                  ),
+                  children: "Acknowledge"
+                }
+              )
+            ] }, alert.id))
+          ] })
+        ]
+      }
+    );
+  }
+);
+AlertInbox.displayName = "AlertInbox";
+
+export { AlertInbox };
+//# sourceMappingURL=chunk-AZADSX4Z.js.map
+//# sourceMappingURL=chunk-AZADSX4Z.js.map

package/dist/chunk-AZADSX4Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/AlertInbox.tsx"],"names":[],"mappings":"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","file":"chunk-AZADSX4Z.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { IncidentCard, type IncidentSeverity } from './IncidentCard'\n\nexport interface AlertItem {\n  id: string\n  title: string\n  severity: IncidentSeverity\n  timestamp: string\n  description?: string\n  service?: string\n  acknowledged?: boolean\n}\n\nexport interface AlertInboxProps extends HTMLAttributes<HTMLDivElement> {\n  alerts: AlertItem[]\n  filterSeverity?: IncidentSeverity | ''\n  onAcknowledge?: (id: string) => void\n  loading?: boolean\n  emptyMessage?: string\n}\n\nconst AlertInbox = forwardRef<HTMLDivElement, AlertInboxProps>(\n  ({ className, alerts, filterSeverity = '', onAcknowledge, loading, emptyMessage = 'All clear — no incidents', ...props }, ref) => {\n    const filtered = filterSeverity\n      ? alerts.filter((a) => a.severity === filterSeverity)\n      : alerts\n\n    const counts = {\n      total: alerts.length,\n      unacknowledged: alerts.filter((a) => !a.acknowledged).length,\n      critical: alerts.filter((a) => a.severity === 'critical' && !a.acknowledged).length,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border border-tollerud-border bg-tollerud-surface-raised overflow-hidden',\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        {/* Header bar */}\n        <div className=\"flex items-center justify-between px-4 py-3 border-b border-tollerud-border\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm font-semibold text-tollerud-foreground\">Alerts</span>\n            {counts.unacknowledged > 0 && (\n              <span className=\"inline-flex items-center gap-1 text-[11px] text-tollerud-error font-medium\">\n                <span className=\"w-1.5 h-1.5 rounded-full bg-tollerud-error animate-pulse\" />\n                {counts.unacknowledged} unread\n              </span>\n            )}\n            {counts.critical > 0 && (\n              <span className=\"text-[11px] text-tollerud-error font-bold\">{counts.critical} critical</span>\n            )}\n          </div>\n          <span className=\"text-xs text-tollerud-text-muted\">{filtered.length} of {alerts.length}</span>\n        </div>\n\n        {/* Alert list */}\n        <div className=\"divide-y divide-tollerud-border/50 max-h-[480px] overflow-y-auto\">\n          {filtered.length === 0 && (\n            <div className=\"px-4 py-8 text-xs text-center text-tollerud-text-muted\">{emptyMessage}</div>\n          )}\n          {filtered.map((alert) => (\n            <div key={alert.id} className=\"relative group\">\n              <IncidentCard\n                title={alert.title}\n                severity={alert.severity}\n                timestamp={alert.timestamp}\n                description={alert.description}\n                service={alert.service}\n                acknowledged={alert.acknowledged}\n                className=\"border-0 rounded-none bg-transparent hover:bg-tollerud-noir-800/30\"\n              />\n              {/* Acknowledged indicator */}\n              {alert.acknowledged && (\n                <span className=\"absolute bottom-2 right-3 text-[10px] font-medium text-tollerud-text-muted/50\">\n                  Acknowledged\n                </span>\n              )}\n              {/* Acknowledge button */}\n              {!alert.acknowledged && onAcknowledge && (\n                <button\n                  type=\"button\"\n                  onClick={() => onAcknowledge(alert.id)}\n                  className={cn(\n                    'absolute bottom-2 right-3 text-[10px] font-medium px-2 py-0.5 rounded',\n                    'text-tollerud-yellow/70 hover:text-tollerud-yellow hover:bg-tollerud-yellow/10',\n                    'opacity-0 group-hover:opacity-100 transition-opacity duration-150'\n                  )}\n                >\n                  Acknowledge\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\nAlertInbox.displayName = 'AlertInbox'\n\nexport { AlertInbox }"]}

package/dist/chunk-BPCH5LJ3.js

@@ -0,0 +1,36 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Input = forwardRef(
+  ({ className, label, error, id, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      label && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-xs font-medium text-tollerud-text-muted", children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          id,
+          className: cn(
+            "font-sans text-base px-3 py-2 rounded",
+            "bg-tollerud-surface-raised border",
+            "text-tollerud-text-primary",
+            "placeholder:text-tollerud-text-muted",
+            "transition-[border-color] duration-[150ms]",
+            "focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_#E8D500]",
+            error ? "border-tollerud-error" : "border-tollerud-border",
+            className
+          ),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-tollerud-error mt-0.5", children: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=chunk-BPCH5LJ3.js.map
+//# sourceMappingURL=chunk-BPCH5LJ3.js.map

package/dist/chunk-BPCH5LJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Input.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAO,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClD,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,wBACE,OAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAU,gDAC3B,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,uCAAA;AAAA,YACA,mCAAA;AAAA,YACA,4BAAA;AAAA,YACA,sCAAA;AAAA,YACA,4CAAA;AAAA,YACA,kFAAA;AAAA,YACA,QAAQ,uBAAA,GAA0B,wBAAA;AAAA,YAClC;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,KAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sCAAsC,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAE7D,CAAA;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-BPCH5LJ3.js","sourcesContent":["import { type InputHTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n  error?: string\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, label, error, id, ...props }, ref) => {\n    return (\n      <div className=\"flex flex-col gap-1\">\n        {label && (\n          <label htmlFor={id} className=\"text-xs font-medium text-tollerud-text-muted\">\n            {label}\n          </label>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          className={cn(\n            'font-sans text-base px-3 py-2 rounded',\n            'bg-tollerud-surface-raised border',\n            'text-tollerud-text-primary',\n            'placeholder:text-tollerud-text-muted',\n            'transition-[border-color] duration-[150ms]',\n            'focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_#E8D500]',\n            error ? 'border-tollerud-error' : 'border-tollerud-border',\n            className\n          )}\n          {...props}\n        />\n        {error && (\n          <p className=\"text-xs text-tollerud-error mt-0.5\">{error}</p>\n        )}\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"]}

package/dist/chunk-CDI7353B.js

@@ -0,0 +1,40 @@
+'use client';
+import { Toaster as Toaster$1 } from 'sonner';
+import { useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// components/Toaster.tsx
+var Toaster = ({ theme = "dark", ...props }) => {
+  const [mobile, setMobile] = useState(false);
+  useEffect(() => {
+    const check = () => setMobile(window.innerWidth < 640);
+    check();
+    window.addEventListener("resize", check);
+    return () => window.removeEventListener("resize", check);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      position: mobile ? "top-center" : "top-right",
+      theme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-tollerud-noir-900 group-[.toaster]:text-tollerud-foreground group-[.toaster]:border group-[.toaster]:border-tollerud-border/30 group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-tollerud-text-muted text-xs",
+          actionButton: "group-[.toast]:bg-tollerud-yellow group-[.toast]:text-tollerud-black group-[.toast]:text-xs group-[.toast]:font-medium group-[.toast]:px-3 group-[.toast]:py-1 group-[.toast]:rounded",
+          cancelButton: "group-[.toast]:bg-tollerud-noir-800 group-[.toast]:text-tollerud-text-muted group-[.toast]:text-xs group-[.toast]:px-3 group-[.toast]:py-1 group-[.toast]:rounded",
+          success: "group-[.toast]:border-l-tollerud-success group-[.toast]:border-l-2",
+          error: "group-[.toast]:border-l-tollerud-error group-[.toast]:border-l-2",
+          warning: "group-[.toast]:border-l-tollerud-yellow group-[.toast]:border-l-2",
+          info: "group-[.toast]:border-l-tollerud-info group-[.toast]:border-l-2"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };
+//# sourceMappingURL=chunk-CDI7353B.js.map
+//# sourceMappingURL=chunk-CDI7353B.js.map

package/dist/chunk-CDI7353B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Toaster.tsx"],"names":["SonnerToaster"],"mappings":";;;;;AAUA,IAAM,UAAU,CAAC,EAAE,QAAQ,MAAA,EAAQ,GAAG,OAAM,KAA4B;AACtE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAA,GAAQ,MAAM,SAAA,CAAU,MAAA,CAAO,aAAa,GAAG,CAAA;AACrD,IAAA,KAAA,EAAM;AACN,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,KAAK,CAAA;AACvC,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,KAAK,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,SAAS,YAAA,GAAe,WAAA;AAAA,MAClC,KAAA;AAAA,MACA,SAAA,EAAU,eAAA;AAAA,MACV,YAAA,EAAc;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,KAAA,EACE,2LAAA;AAAA,UAGF,WAAA,EAAa,iDAAA;AAAA,UACb,YAAA,EACE,uLAAA;AAAA,UAEF,YAAA,EACE,mKAAA;AAAA,UAEF,OAAA,EAAS,oEAAA;AAAA,UACT,KAAA,EAAO,kEAAA;AAAA,UACP,OAAA,EAAS,mEAAA;AAAA,UACT,IAAA,EAAM;AAAA;AACR,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-CDI7353B.js","sourcesContent":["'use client'\n\nimport { Toaster as SonnerToaster, type ToasterProps } from 'sonner'\nimport { useEffect, useState } from 'react'\n\nexport type TollerudToasterProps = ToasterProps & {\n  /** Toast color theme. Wire to your app theme when you have one. */\n  theme?: ToasterProps['theme']\n}\n\nconst Toaster = ({ theme = 'dark', ...props }: TollerudToasterProps) => {\n  const [mobile, setMobile] = useState(false)\n\n  useEffect(() => {\n    const check = () => setMobile(window.innerWidth < 640)\n    check()\n    window.addEventListener('resize', check)\n    return () => window.removeEventListener('resize', check)\n  }, [])\n\n  return (\n    <SonnerToaster\n      position={mobile ? 'top-center' : 'top-right'}\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-tollerud-noir-900 group-[.toaster]:text-tollerud-foreground ' +\n            'group-[.toaster]:border group-[.toaster]:border-tollerud-border/30 ' +\n            'group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-tollerud-text-muted text-xs',\n          actionButton:\n            'group-[.toast]:bg-tollerud-yellow group-[.toast]:text-tollerud-black group-[.toast]:text-xs ' +\n            'group-[.toast]:font-medium group-[.toast]:px-3 group-[.toast]:py-1 group-[.toast]:rounded',\n          cancelButton:\n            'group-[.toast]:bg-tollerud-noir-800 group-[.toast]:text-tollerud-text-muted ' +\n            'group-[.toast]:text-xs group-[.toast]:px-3 group-[.toast]:py-1 group-[.toast]:rounded',\n          success: 'group-[.toast]:border-l-tollerud-success group-[.toast]:border-l-2',\n          error: 'group-[.toast]:border-l-tollerud-error group-[.toast]:border-l-2',\n          warning: 'group-[.toast]:border-l-tollerud-yellow group-[.toast]:border-l-2',\n          info: 'group-[.toast]:border-l-tollerud-info group-[.toast]:border-l-2',\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }"]}

package/dist/chunk-CKNWXYMA.js

@@ -0,0 +1,53 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Divider = forwardRef(
+  ({ className, orientation = "horizontal", label, ...props }, ref) => {
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "separator",
+          "aria-orientation": "vertical",
+          className: cn("w-px self-stretch bg-tollerud-border", className),
+          ...props
+        }
+      );
+    }
+    if (label) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role: "separator",
+          "aria-orientation": "horizontal",
+          className: cn("flex items-center gap-3 text-xs text-tollerud-text-muted", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-tollerud-border" }),
+            /* @__PURE__ */ jsx("span", { children: label }),
+            /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-tollerud-border" })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        className: cn("h-px w-full bg-tollerud-border", className),
+        ...props
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+export { Divider };
+//# sourceMappingURL=chunk-CKNWXYMA.js.map
+//# sourceMappingURL=chunk-CKNWXYMA.js.map

package/dist/chunk-CKNWXYMA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Divider.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,OAAA,GAAU,UAAA;AAAA,EACd,CAAC,EAAE,SAAA,EAAW,WAAA,GAAc,cAAc,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnE,IAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,WAAA;AAAA,UACL,kBAAA,EAAiB,UAAA;AAAA,UACjB,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA;AAAA,UAC9D,GAAG;AAAA;AAAA,OACN;AAAA,IAEJ;AAEA,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,uBACE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,WAAA;AAAA,UACL,kBAAA,EAAiB,YAAA;AAAA,UACjB,SAAA,EAAW,EAAA,CAAG,0DAAA,EAA4D,SAAS,CAAA;AAAA,UAClF,GAAG,KAAA;AAAA,UAEJ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gCAAA,EAAiC,CAAA;AAAA,4BACjD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,4BACb,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EAAiC;AAAA;AAAA;AAAA,OACnD;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,WAAA;AAAA,QACL,kBAAA,EAAiB,YAAA;AAAA,QACjB,SAAA,EAAW,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,QACxD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-CKNWXYMA.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Layout direction */\n  orientation?: 'horizontal' | 'vertical'\n  /** Optional label rendered inline (horizontal orientation only) */\n  label?: React.ReactNode\n}\n\nconst Divider = forwardRef<HTMLDivElement, DividerProps>(\n  ({ className, orientation = 'horizontal', label, ...props }, ref) => {\n    if (orientation === 'vertical') {\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n          className={cn('w-px self-stretch bg-tollerud-border', className)}\n          {...props}\n        />\n      )\n    }\n\n    if (label) {\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          className={cn('flex items-center gap-3 text-xs text-tollerud-text-muted', className)}\n          {...props}\n        >\n          <span className=\"h-px flex-1 bg-tollerud-border\" />\n          <span>{label}</span>\n          <span className=\"h-px flex-1 bg-tollerud-border\" />\n        </div>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        className={cn('h-px w-full bg-tollerud-border', className)}\n        {...props}\n      />\n    )\n  }\n)\nDivider.displayName = 'Divider'\n\nexport { Divider }\n"]}

package/dist/chunk-DNJI65VQ.js

@@ -0,0 +1,22 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Container = forwardRef(
+  ({ className, as: Tag = "div", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn("mx-auto w-full max-w-[1100px] px-6", className),
+        ...props
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+export { Container };
+//# sourceMappingURL=chunk-DNJI65VQ.js.map
+//# sourceMappingURL=chunk-DNJI65VQ.js.map

package/dist/chunk-DNJI65VQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Container.tsx"],"names":[],"mappings":";;;;AAOA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,EAAA,EAAI,MAAM,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjD,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,QAC5D,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-DNJI65VQ.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  as?: 'div' | 'section' | 'article' | 'main' | 'header' | 'footer'\n}\n\nconst Container = forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, as: Tag = 'div', ...props }, ref) => {\n    return (\n      <Tag\n        ref={ref}\n        className={cn('mx-auto w-full max-w-[1100px] px-6', className)}\n        {...props}\n      />\n    )\n  }\n)\nContainer.displayName = 'Container'\n\nexport { Container }\n"]}

package/dist/chunk-DOUDJU4P.js

@@ -0,0 +1,63 @@
+'use client';
+import { StatusDot } from './chunk-NHPISZWS.js';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var HostCard = forwardRef(
+  ({ className, hostname, ip, status = "online", cpu, memory, disk, uptime, containers, loading, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border bg-tollerud-surface-raised p-4",
+          "transition-[border-color] duration-[150ms]",
+          status === "offline" && "border-tollerud-error/40",
+          status === "warning" && "border-tollerud-yellow/30",
+          status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx(StatusDot, { status }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-tollerud-foreground truncate", children: hostname })
+            ] }),
+            containers !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-text-muted whitespace-nowrap ml-2", children: [
+              containers,
+              " container",
+              containers !== 1 ? "s" : ""
+            ] })
+          ] }),
+          ip && /* @__PURE__ */ jsx("div", { className: "text-xs text-tollerud-text-muted mb-2 font-mono", children: ip }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted", children: [
+            cpu && /* @__PURE__ */ jsxs("span", { children: [
+              "CPU: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: cpu })
+            ] }),
+            memory && /* @__PURE__ */ jsxs("span", { children: [
+              "RAM: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: memory })
+            ] }),
+            disk && /* @__PURE__ */ jsxs("span", { children: [
+              "Disk: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: disk })
+            ] }),
+            uptime && /* @__PURE__ */ jsxs("span", { children: [
+              "Up: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: uptime })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+HostCard.displayName = "HostCard";
+
+export { HostCard };
+//# sourceMappingURL=chunk-DOUDJU4P.js.map
+//# sourceMappingURL=chunk-DOUDJU4P.js.map

package/dist/chunk-DOUDJU4P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/HostCard.tsx"],"names":[],"mappings":";;;;;AAyBA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,EAAA,EAAI,SAAS,QAAA,EAAU,GAAA,EAAK,MAAA,EAAQ,IAAA,EAAM,QAAQ,UAAA,EAAY,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACjH,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,4CAAA;AAAA,UACA,WAAW,SAAA,IAAa,0BAAA;AAAA,UACxB,WAAW,SAAA,IAAa,2BAAA;AAAA,UACxB,WAAW,QAAA,IAAY,uDAAA;AAAA,UACvB,OAAA,IAAW,eAAA;AAAA,UACX;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,aAAU,MAAA,EAAgB,CAAA;AAAA,8BAC3B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,QAAA,EACH;AAAA,aAAA,EACF,CAAA;AAAA,YACC,UAAA,KAAe,MAAA,oBACd,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,cAAA,UAAA;AAAA,cAAW,YAAA;AAAA,cAAW,UAAA,KAAe,IAAI,GAAA,GAAM;AAAA,aAAA,EAClD;AAAA,WAAA,EAEJ,CAAA;AAAA,UACC,EAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAmD,QAAA,EAAA,EAAA,EAAG,CAAA;AAAA,0BAEvE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACZ,QAAA,EAAA;AAAA,YAAA,GAAA,yBAAQ,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,OAAA;AAAA,8BAAK,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,GAAA,EAAI;AAAA,aAAA,EAAO,CAAA;AAAA,YAC7E,MAAA,yBAAW,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,OAAA;AAAA,8BAAK,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,MAAA,EAAO;AAAA,aAAA,EAAO,CAAA;AAAA,YACnF,IAAA,yBAAS,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,QAAA;AAAA,8BAAM,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,IAAA,EAAK;AAAA,aAAA,EAAO,CAAA;AAAA,YAChF,MAAA,yBAAW,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,MAAA;AAAA,8BAAI,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,MAAA,EAAO;AAAA,aAAA,EAAO;AAAA,WAAA,EACrF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-DOUDJU4P.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { StatusDot, type Status } from './StatusDot'\n\nexport interface HostCardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Hostname */\n  hostname: string\n  /** IP address */\n  ip?: string\n  /** Status */\n  status?: Status\n  /** CPU load (e.g. '23%') */\n  cpu?: string\n  /** Memory usage (e.g. '6.2/16 GB') */\n  memory?: string\n  /** Disk usage (e.g. '45%') */\n  disk?: string\n  /** Uptime */\n  uptime?: string\n  /** Number of containers running */\n  containers?: number\n  /** Whether the card is loading */\n  loading?: boolean\n}\n\nconst HostCard = forwardRef<HTMLDivElement, HostCardProps>(\n  ({ className, hostname, ip, status = 'online', cpu, memory, disk, uptime, containers, loading, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border bg-tollerud-surface-raised p-4',\n          'transition-[border-color] duration-[150ms]',\n          status === 'offline' && 'border-tollerud-error/40',\n          status === 'warning' && 'border-tollerud-yellow/30',\n          status === 'online' && 'border-tollerud-border hover:border-tollerud-noir-500',\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-2 min-w-0\">\n            <StatusDot status={status} />\n            <span className=\"font-semibold text-sm text-tollerud-foreground truncate\">\n              {hostname}\n            </span>\n          </div>\n          {containers !== undefined && (\n            <span className=\"text-[11px] text-tollerud-text-muted whitespace-nowrap ml-2\">\n              {containers} container{containers !== 1 ? 's' : ''}\n            </span>\n          )}\n        </div>\n        {ip && (\n          <div className=\"text-xs text-tollerud-text-muted mb-2 font-mono\">{ip}</div>\n        )}\n        <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted\">\n          {cpu && <span>CPU: <span className=\"text-tollerud-text-secondary\">{cpu}</span></span>}\n          {memory && <span>RAM: <span className=\"text-tollerud-text-secondary\">{memory}</span></span>}\n          {disk && <span>Disk: <span className=\"text-tollerud-text-secondary\">{disk}</span></span>}\n          {uptime && <span>Up: <span className=\"text-tollerud-text-secondary\">{uptime}</span></span>}\n        </div>\n      </div>\n    )\n  }\n)\nHostCard.displayName = 'HostCard'\n\nexport { HostCard }\n"]}

package/dist/chunk-DRCMGIQ6.js

@@ -0,0 +1,64 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef, useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var CodeBlock = forwardRef(
+  ({ className, children, code, promptPrefix: _promptPrefix, showCopy = true, ...props }, ref) => {
+    const [copied, setCopied] = useState(false);
+    const content = code ? /* @__PURE__ */ jsx("code", { className: "text-tollerud-noir-200", children: code }) : children;
+    const handleCopy = useCallback(async () => {
+      const text = code ?? (typeof children === "string" ? children : "");
+      if (!text) return;
+      try {
+        await navigator.clipboard.writeText(text);
+      } catch {
+        const textarea = document.createElement("textarea");
+        textarea.value = text;
+        textarea.style.position = "fixed";
+        textarea.style.opacity = "0";
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+      }
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    }, [code, children]);
+    return /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+      /* @__PURE__ */ jsx(
+        "pre",
+        {
+          ref,
+          className: cn(
+            "font-mono text-sm leading-relaxed overflow-x-auto rounded border p-4",
+            "bg-tollerud-noir-900 border-tollerud-border text-tollerud-noir-200",
+            className
+          ),
+          ...props,
+          children: content
+        }
+      ),
+      showCopy && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleCopy,
+          className: cn(
+            "absolute top-2 right-2 px-2 py-1 rounded text-xs font-medium",
+            "opacity-0 group-hover:opacity-100 transition-all",
+            "bg-tollerud-noir-800 border border-tollerud-border/30 text-tollerud-text-muted",
+            "hover:bg-tollerud-surface-raised hover:text-tollerud-text-primary",
+            copied && "opacity-100 bg-tollerud-success/15 text-tollerud-success border-tollerud-success/40"
+          ),
+          "aria-label": copied ? "Copied" : "Copy code",
+          children: copied ? "\u2713 Copied" : "Copy"
+        }
+      )
+    ] });
+  }
+);
+CodeBlock.displayName = "CodeBlock";
+
+export { CodeBlock };
+//# sourceMappingURL=chunk-DRCMGIQ6.js.map
+//# sourceMappingURL=chunk-DRCMGIQ6.js.map

package/dist/chunk-DRCMGIQ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/CodeBlock.tsx"],"names":[],"mappings":";;;;AAcA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,YAAA,EAAc,aAAA,EAAe,QAAA,GAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9F,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,IAAA,MAAM,UAAU,IAAA,mBACd,GAAA,CAAC,UAAK,SAAA,EAAU,wBAAA,EAA0B,gBAAK,CAAA,GAE/C,QAAA;AAGF,IAAA,MAAM,UAAA,GAAa,YAAY,YAAY;AACzC,MAAA,MAAM,IAAA,GAAO,IAAA,KAAS,OAAO,QAAA,KAAa,WAAW,QAAA,GAAW,EAAA,CAAA;AAChE,MAAA,IAAI,CAAC,IAAA,EAAM;AAGX,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,IAAI,CAAA;AAAA,MAC1C,CAAA,CAAA,MAAQ;AACN,QAAA,MAAM,QAAA,GAAW,QAAA,CAAS,aAAA,CAAc,UAAU,CAAA;AAClD,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AACjB,QAAA,QAAA,CAAS,MAAM,QAAA,GAAW,OAAA;AAC1B,QAAA,QAAA,CAAS,MAAM,OAAA,GAAU,GAAA;AACzB,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AAClC,QAAA,QAAA,CAAS,MAAA,EAAO;AAChB,QAAA,QAAA,CAAS,YAAY,MAAM,CAAA;AAC3B,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,MACpC;AAEA,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,IAAI,CAAA;AAAA,IACzC,CAAA,EAAG,CAAC,IAAA,EAAM,QAAQ,CAAC,CAAA;AAEnB,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,sEAAA;AAAA,YACA,oEAAA;AAAA,YACA;AAAA,WACF;AAAA,UACC,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACC,QAAA,oBACC,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,UAAA;AAAA,UACT,SAAA,EAAW,EAAA;AAAA,YACT,8DAAA;AAAA,YACA,kDAAA;AAAA,YACA,gFAAA;AAAA,YACA,mEAAA;AAAA,YACA,MAAA,IAAU;AAAA,WACZ;AAAA,UACA,YAAA,EAAY,SAAS,QAAA,GAAW,WAAA;AAAA,UAE/B,mBAAS,eAAA,GAAa;AAAA;AAAA;AACzB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-DRCMGIQ6.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef, useState, useCallback } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface CodeBlockProps extends HTMLAttributes<HTMLPreElement> {\n  /** Optional string content to render inside <code> tags */\n  code?: string\n  /** When true, prepends a prompt symbol ($) before text content */\n  promptPrefix?: boolean\n  /** When false, hides the copy-to-clipboard button (default: true) */\n  showCopy?: boolean\n}\n\nconst CodeBlock = forwardRef<HTMLPreElement, CodeBlockProps>(\n  ({ className, children, code, promptPrefix: _promptPrefix, showCopy = true, ...props }, ref) => {\n    const [copied, setCopied] = useState(false)\n\n    const content = code ? (\n      <code className=\"text-tollerud-noir-200\">{code}</code>\n    ) : (\n      children\n    )\n\n    const handleCopy = useCallback(async () => {\n      const text = code ?? (typeof children === 'string' ? children : '')\n      if (!text) return\n\n      // Try clipboard API first, fallback to execCommand for broader compat\n      try {\n        await navigator.clipboard.writeText(text)\n      } catch {\n        const textarea = document.createElement('textarea')\n        textarea.value = text\n        textarea.style.position = 'fixed'\n        textarea.style.opacity = '0'\n        document.body.appendChild(textarea)\n        textarea.select()\n        document.execCommand('copy')\n        document.body.removeChild(textarea)\n      }\n\n      setCopied(true)\n      setTimeout(() => setCopied(false), 1500)\n    }, [code, children])\n\n    return (\n      <div className=\"relative group\">\n        <pre\n          ref={ref}\n          className={cn(\n            'font-mono text-sm leading-relaxed overflow-x-auto rounded border p-4',\n            'bg-tollerud-noir-900 border-tollerud-border text-tollerud-noir-200',\n            className\n          )}\n          {...props}\n        >\n          {content}\n        </pre>\n        {showCopy && (\n          <button\n            onClick={handleCopy}\n            className={cn(\n              'absolute top-2 right-2 px-2 py-1 rounded text-xs font-medium',\n              'opacity-0 group-hover:opacity-100 transition-all',\n              'bg-tollerud-noir-800 border border-tollerud-border/30 text-tollerud-text-muted',\n              'hover:bg-tollerud-surface-raised hover:text-tollerud-text-primary',\n              copied && 'opacity-100 bg-tollerud-success/15 text-tollerud-success border-tollerud-success/40'\n            )}\n            aria-label={copied ? 'Copied' : 'Copy code'}\n          >\n            {copied ? '✓ Copied' : 'Copy'}\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nCodeBlock.displayName = 'CodeBlock'\n\nexport { CodeBlock }\n"]}

package/dist/chunk-DZOBXK2S.js

@@ -0,0 +1,28 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Card = forwardRef(
+  ({ className, accent, density, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-density": density ?? void 0,
+        className: cn(
+          "rounded-lg border bg-tollerud-surface-raised p-6 transition-[border-color] duration-[150ms]",
+          accent ? "border-tollerud-yellow/25" : "border-tollerud-border",
+          "hover:border-tollerud-noir-500",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+
+export { Card };
+//# sourceMappingURL=chunk-DZOBXK2S.js.map
+//# sourceMappingURL=chunk-DZOBXK2S.js.map

package/dist/chunk-DZOBXK2S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Card.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,IAAA,GAAO,UAAA;AAAA,EACX,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACjD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,gBAAc,OAAA,IAAW,MAAA;AAAA,QACzB,SAAA,EAAW,EAAA;AAAA,UACT,6FAAA;AAAA,UACA,SAAS,2BAAA,GAA8B,wBAAA;AAAA,UACvC,gCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-DZOBXK2S.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  accent?: boolean\n  density?: 'comfortable' | 'compact'\n}\n\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, accent, density, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-density={density ?? undefined}\n        className={cn(\n          'rounded-lg border bg-tollerud-surface-raised p-6 transition-[border-color] duration-[150ms]',\n          accent ? 'border-tollerud-yellow/25' : 'border-tollerud-border',\n          'hover:border-tollerud-noir-500',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCard.displayName = 'Card'\n\nexport { Card }\n"]}

package/dist/chunk-EN4OJCEF.js

@@ -0,0 +1,54 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var severityStyles = {
+  critical: { border: "border-tollerud-error/50", dot: "bg-tollerud-error shadow-[0_0_8px_rgba(239,68,68,0.6)]", label: "text-tollerud-error" },
+  high: { border: "border-tollerud-yellow/50", dot: "bg-tollerud-yellow shadow-[0_0_8px_rgba(232,213,0,0.5)]", label: "text-tollerud-yellow" },
+  medium: { border: "border-tollerud-amber/40", dot: "bg-tollerud-amber", label: "text-tollerud-amber" },
+  low: { border: "border-tollerud-noir-500", dot: "bg-tollerud-noir-400", label: "text-tollerud-text-muted" },
+  info: { border: "border-tollerud-info/30", dot: "bg-tollerud-info", label: "text-tollerud-info" }
+};
+var IncidentCard = forwardRef(
+  ({ className, title, severity, timestamp, description, service, acknowledged, loading, ...props }, ref) => {
+    const style = severityStyles[severity];
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border bg-tollerud-surface-raised p-4",
+          "transition-[border-color] duration-[150ms]",
+          style.border,
+          acknowledged && "opacity-50",
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: cn("w-2 h-2 rounded-full mt-1.5 flex-shrink-0", style.dot) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground truncate", children: title }),
+              /* @__PURE__ */ jsx("span", { className: cn("text-[11px] font-medium uppercase whitespace-nowrap", style.label), children: severity })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-0.5 text-xs text-tollerud-text-muted", children: [
+              /* @__PURE__ */ jsx("span", { children: timestamp }),
+              service && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-tollerud-noir-500", children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { children: service })
+              ] })
+            ] }),
+            description && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-tollerud-text-secondary leading-relaxed", children: description })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+IncidentCard.displayName = "IncidentCard";
+
+export { IncidentCard };
+//# sourceMappingURL=chunk-EN4OJCEF.js.map
+//# sourceMappingURL=chunk-EN4OJCEF.js.map

package/dist/chunk-EN4OJCEF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/IncidentCard.tsx"],"names":[],"mappings":";;;;AAsBA,IAAM,cAAA,GAA2F;AAAA,EAC/F,UAAU,EAAE,MAAA,EAAQ,4BAA4B,GAAA,EAAK,wDAAA,EAA0D,OAAO,qBAAA,EAAsB;AAAA,EAC5I,MAAU,EAAE,MAAA,EAAQ,6BAA6B,GAAA,EAAK,yDAAA,EAA2D,OAAO,sBAAA,EAAuB;AAAA,EAC/I,QAAU,EAAE,MAAA,EAAQ,4BAA4B,GAAA,EAAK,mBAAA,EAAqB,OAAO,qBAAA,EAAsB;AAAA,EACvG,KAAU,EAAE,MAAA,EAAQ,4BAA4B,GAAA,EAAK,sBAAA,EAAwB,OAAO,0BAAA,EAA2B;AAAA,EAC/G,MAAU,EAAE,MAAA,EAAQ,2BAA2B,GAAA,EAAK,kBAAA,EAAoB,OAAO,oBAAA;AACjF,CAAA;AAEA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,WAAA,EAAa,OAAA,EAAS,YAAA,EAAc,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACzG,IAAA,MAAM,KAAA,GAAQ,eAAe,QAAQ,CAAA;AAErC,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,4CAAA;AAAA,UACA,KAAA,CAAM,MAAA;AAAA,UACN,YAAA,IAAgB,YAAA;AAAA,UAChB,OAAA,IAAW,eAAA;AAAA,UACX;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,KAAA,CAAM,GAAG,CAAA,EAAG,CAAA;AAAA,0BAC7E,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yCAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EAA2D,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,8BACjF,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,uDAAuD,KAAA,CAAM,KAAK,GACnF,QAAA,EAAA,QAAA,EACH;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAM,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,cAChB,2BAAW,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,MAAA,EAAC,CAAA;AAAA,gCAAO,GAAA,CAAC,UAAM,QAAA,EAAA,OAAA,EAAQ;AAAA,eAAA,EAAO;AAAA,aAAA,EACvF,CAAA;AAAA,YACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+DAA+D,QAAA,EAAA,WAAA,EAAY;AAAA,WAAA,EAE5F;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-EN4OJCEF.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport type IncidentSeverity = 'critical' | 'high' | 'medium' | 'low' | 'info'\n\nexport interface IncidentCardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Incident title */\n  title: string\n  /** Severity level */\n  severity: IncidentSeverity\n  /** Timestamp string */\n  timestamp: string\n  /** Description / detail */\n  description?: string\n  /** Service name affected */\n  service?: string\n  /** Whether acknowledged */\n  acknowledged?: boolean\n  /** Whether the card is loading */\n  loading?: boolean\n}\n\nconst severityStyles: Record<IncidentSeverity, { border: string; dot: string; label: string }> = {\n  critical: { border: 'border-tollerud-error/50', dot: 'bg-tollerud-error shadow-[0_0_8px_rgba(239,68,68,0.6)]', label: 'text-tollerud-error' },\n  high:     { border: 'border-tollerud-yellow/50', dot: 'bg-tollerud-yellow shadow-[0_0_8px_rgba(232,213,0,0.5)]', label: 'text-tollerud-yellow' },\n  medium:   { border: 'border-tollerud-amber/40', dot: 'bg-tollerud-amber', label: 'text-tollerud-amber' },\n  low:      { border: 'border-tollerud-noir-500', dot: 'bg-tollerud-noir-400', label: 'text-tollerud-text-muted' },\n  info:     { border: 'border-tollerud-info/30', dot: 'bg-tollerud-info', label: 'text-tollerud-info' },\n}\n\nconst IncidentCard = forwardRef<HTMLDivElement, IncidentCardProps>(\n  ({ className, title, severity, timestamp, description, service, acknowledged, loading, ...props }, ref) => {\n    const style = severityStyles[severity]\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border bg-tollerud-surface-raised p-4',\n          'transition-[border-color] duration-[150ms]',\n          style.border,\n          acknowledged && 'opacity-50',\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-start gap-3\">\n          <span className={cn('w-2 h-2 rounded-full mt-1.5 flex-shrink-0', style.dot)} />\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <span className=\"text-sm font-semibold text-tollerud-foreground truncate\">{title}</span>\n              <span className={cn('text-[11px] font-medium uppercase whitespace-nowrap', style.label)}>\n                {severity}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2 mt-0.5 text-xs text-tollerud-text-muted\">\n              <span>{timestamp}</span>\n              {service && <><span className=\"text-tollerud-noir-500\">·</span><span>{service}</span></>}\n            </div>\n            {description && (\n              <p className=\"mt-1.5 text-xs text-tollerud-text-secondary leading-relaxed\">{description}</p>\n            )}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nIncidentCard.displayName = 'IncidentCard'\n\nexport { IncidentCard }\n"]}

package/dist/chunk-EVHZFYWX.js

@@ -0,0 +1,33 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Sparkline = forwardRef(
+  ({ className, data, width, height, w, h, color = "#E8D500", ...props }, ref) => {
+    const resolvedWidth = width ?? w ?? 120;
+    const resolvedHeight = height ?? h ?? 34;
+    const max = Math.max(...data);
+    const min = Math.min(...data);
+    const span = Math.max(data.length - 1, 1);
+    const pts = data.map(
+      (v, i) => `${i / span * resolvedWidth},${resolvedHeight - 2 - (v - min) / (max - min || 1) * (resolvedHeight - 4)}`
+    ).join(" ");
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("inline-block", className), ...props, children: /* @__PURE__ */ jsx("svg", { width: resolvedWidth, height: resolvedHeight, className: "block", role: "img", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+      "polyline",
+      {
+        points: pts,
+        fill: "none",
+        stroke: color,
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }) });
+  }
+);
+Sparkline.displayName = "Sparkline";
+
+export { Sparkline };
+//# sourceMappingURL=chunk-EVHZFYWX.js.map
+//# sourceMappingURL=chunk-EVHZFYWX.js.map

package/dist/chunk-EVHZFYWX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Sparkline.tsx"],"names":[],"mappings":";;;;AAcA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,CAAA,EAAG,CAAA,EAAG,KAAA,GAAQ,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9E,IAAA,MAAM,aAAA,GAAgB,SAAS,CAAA,IAAK,GAAA;AACpC,IAAA,MAAM,cAAA,GAAiB,UAAU,CAAA,IAAK,EAAA;AACtC,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,GAAG,IAAI,CAAA;AAC5B,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,GAAG,IAAI,CAAA;AAC5B,IAAA,MAAM,OAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,MAAA,GAAS,GAAG,CAAC,CAAA;AACxC,IAAA,MAAM,MAAM,IAAA,CACT,GAAA;AAAA,MACC,CAAC,CAAA,EAAG,CAAA,KACF,CAAA,EAAI,CAAA,GAAI,OAAQ,aAAa,CAAA,CAAA,EAAI,cAAA,GAAiB,CAAA,GAAA,CAAM,IAAI,GAAA,KAAQ,GAAA,GAAM,GAAA,IAAO,CAAA,CAAA,IAAO,iBAAiB,CAAA,CAAE,CAAA;AAAA,KAC/G,CACC,KAAK,GAAG,CAAA;AAEX,IAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,cAAA,EAAgB,SAAS,GAAI,GAAG,KAAA,EAC3D,8BAAC,KAAA,EAAA,EAAI,KAAA,EAAO,eAAe,MAAA,EAAQ,cAAA,EAAgB,WAAU,OAAA,EAAQ,IAAA,EAAK,KAAA,EAAM,aAAA,EAAY,MAAA,EAC1F,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,GAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAQ,KAAA;AAAA,QACR,WAAA,EAAY,KAAA;AAAA,QACZ,aAAA,EAAc,OAAA;AAAA,QACd,cAAA,EAAe;AAAA;AAAA,OAEnB,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-EVHZFYWX.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface SparklineProps extends HTMLAttributes<HTMLDivElement> {\n  data: number[]\n  width?: number\n  height?: number\n  /** @deprecated Use `width` */\n  w?: number\n  /** @deprecated Use `height` */\n  h?: number\n  color?: string\n}\n\nconst Sparkline = forwardRef<HTMLDivElement, SparklineProps>(\n  ({ className, data, width, height, w, h, color = '#E8D500', ...props }, ref) => {\n    const resolvedWidth = width ?? w ?? 120\n    const resolvedHeight = height ?? h ?? 34\n    const max = Math.max(...data)\n    const min = Math.min(...data)\n    const span = Math.max(data.length - 1, 1)\n    const pts = data\n      .map(\n        (v, i) =>\n          `${(i / span) * resolvedWidth},${resolvedHeight - 2 - ((v - min) / (max - min || 1)) * (resolvedHeight - 4)}`\n      )\n      .join(' ')\n\n    return (\n      <div ref={ref} className={cn('inline-block', className)} {...props}>\n        <svg width={resolvedWidth} height={resolvedHeight} className=\"block\" role=\"img\" aria-hidden=\"true\">\n          <polyline\n            points={pts}\n            fill=\"none\"\n            stroke={color}\n            strokeWidth=\"1.6\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </div>\n    )\n  }\n)\nSparkline.displayName = 'Sparkline'\n\nexport { Sparkline }\n"]}