@tollerud/ui 1.1.4 → 3.0.0

package/dist/chunk-CBQ63EBL.js

@@ -0,0 +1,85 @@
+'use client';
+import { lazy, Suspense } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// components/NoirGlowBackground.tsx
+var GrainGradient = lazy(
+  () => import('@paper-design/shaders-react').then((module) => ({
+    default: module.GrainGradient
+  }))
+);
+var intensityMap = {
+  subtle: 0.24,
+  medium: 0.45,
+  loud: 0.68
+};
+var speedMap = {
+  still: 0,
+  slow: 0.45,
+  medium: 1,
+  fast: 1.8
+};
+var grainMap = {
+  none: 0,
+  soft: 0.12,
+  high: 0.28
+};
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function CssFallback({ preserveCenter = true, noiseOverlay = true }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "tollerud-noir-glow-bg", "aria-hidden": "true" }),
+    preserveCenter && /* @__PURE__ */ jsx("div", { className: "tollerud-noir-glow-vignette", "aria-hidden": "true" }),
+    noiseOverlay && /* @__PURE__ */ jsx("div", { className: "tollerud-noir-noise", "aria-hidden": "true" })
+  ] });
+}
+function NoirGlowBackground({
+  className,
+  style,
+  shape = "corners",
+  intensity = "medium",
+  speed = "medium",
+  grain = "none",
+  softness = 0.76,
+  colorBack = "hsl(0, 0%, 0%)",
+  colors = ["hsl(54, 85%, 66%)", "hsl(56, 100%, 80%)", "hsl(56, 100%, 50%)"],
+  preserveCenter = false,
+  noiseOverlay = false,
+  forceCssFallback = false,
+  inert = true
+}) {
+  const wrapperClassName = cx(
+    "tollerud-noir-glow-root absolute inset-0 z-0 overflow-hidden",
+    inert && "pointer-events-none",
+    className
+  );
+  if (forceCssFallback) {
+    return /* @__PURE__ */ jsx("div", { className: wrapperClassName, style, "aria-hidden": "true", children: /* @__PURE__ */ jsx(CssFallback, { preserveCenter, noiseOverlay }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClassName, style, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CssFallback, { preserveCenter, noiseOverlay }), children: /* @__PURE__ */ jsx(
+      GrainGradient,
+      {
+        style: { height: "100%", width: "100%" },
+        colorBack,
+        softness,
+        intensity: intensityMap[intensity],
+        noise: grainMap[grain],
+        shape,
+        offsetX: 0,
+        offsetY: 0,
+        scale: 1,
+        rotation: 0,
+        speed: speedMap[speed],
+        colors
+      }
+    ) }),
+    preserveCenter && /* @__PURE__ */ jsx("div", { className: "tollerud-noir-glow-vignette", "aria-hidden": "true" }),
+    noiseOverlay && /* @__PURE__ */ jsx("div", { className: "tollerud-noir-noise", "aria-hidden": "true" })
+  ] });
+}
+
+export { NoirGlowBackground };
+//# sourceMappingURL=chunk-CBQ63EBL.js.map
+//# sourceMappingURL=chunk-CBQ63EBL.js.map

package/dist/chunk-CBQ63EBL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/NoirGlowBackground.tsx"],"names":[],"mappings":"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","file":"chunk-CBQ63EBL.js","sourcesContent":["\"use client\"\n\nimport { lazy, Suspense, type CSSProperties } from \"react\"\n\nconst GrainGradient = lazy(() =>\n  import(\"@paper-design/shaders-react\").then((module) => ({\n    default: module.GrainGradient,\n  }))\n)\n\ntype ShaderShape = \"corners\" | \"wave\" | \"dots\" | \"truchet\" | \"ripple\" | \"blob\" | \"sphere\"\ntype Intensity = \"subtle\" | \"medium\" | \"loud\"\ntype Speed = \"still\" | \"slow\" | \"medium\" | \"fast\"\ntype Grain = \"none\" | \"soft\" | \"high\"\n\nexport interface NoirGlowBackgroundProps {\n  /** Extra class names for the outer positioning wrapper. */\n  className?: string\n  /** Inline style for the outer positioning wrapper. */\n  style?: CSSProperties\n  /** Canvas/WebGL shape. `corners` matches Tollerud.no. */\n  shape?: ShaderShape\n  /** Visual strength of the yellow glow. */\n  intensity?: Intensity\n  /** Ambient animation speed. */\n  speed?: Speed\n  /** Shader grain/noise amount. */\n  grain?: Grain\n  /** Softness/falloff of the glow blooms. */\n  softness?: number\n  /** Background color behind the glow. */\n  colorBack?: string\n  /** Glow colors. Defaults to the Tollerud/Tia yellow ramp. */\n  colors?: string[]\n  /** Whether to render a readable center vignette on top of the shader. */\n  preserveCenter?: boolean\n  /** Add the grain/noise CSS overlay. */\n  noiseOverlay?: boolean\n  /** Prefer the CSS fallback even if shaders are available. Useful for docs/static contexts. */\n  forceCssFallback?: boolean\n  /** Disable pointer events so content above remains clickable. */\n  inert?: boolean\n}\n\nconst intensityMap: Record<Intensity, number> = {\n  subtle: 0.24,\n  medium: 0.45,\n  loud: 0.68,\n}\n\nconst speedMap: Record<Speed, number> = {\n  still: 0,\n  slow: 0.45,\n  medium: 1,\n  fast: 1.8,\n}\n\nconst grainMap: Record<Grain, number> = {\n  none: 0,\n  soft: 0.12,\n  high: 0.28,\n}\n\nfunction cx(...classes: Array<string | false | null | undefined>) {\n  return classes.filter(Boolean).join(\" \")\n}\n\nfunction CssFallback({ preserveCenter = true, noiseOverlay = true }: Pick<NoirGlowBackgroundProps, \"preserveCenter\" | \"noiseOverlay\">) {\n  return (\n    <>\n      <div className=\"tollerud-noir-glow-bg\" aria-hidden=\"true\" />\n      {preserveCenter && <div className=\"tollerud-noir-glow-vignette\" aria-hidden=\"true\" />}\n      {noiseOverlay && <div className=\"tollerud-noir-noise\" aria-hidden=\"true\" />}\n    </>\n  )\n}\n\n/**\n * NoirGlowBackground\n *\n * Tia/Tollerud signature background primitive. The defaults replicate\n * MathiasOki/tollerud-landing's `GradientBackground` component.\n *\n * Install dependency in consuming Next.js apps:\n *   npm install @paper-design/shaders-react\n *\n * The CSS fallback classes live in `globals.css` and are used during Suspense,\n * reduced-motion contexts, or when `forceCssFallback` is true.\n */\nexport function NoirGlowBackground({\n  className,\n  style,\n  shape = \"corners\",\n  intensity = \"medium\",\n  speed = \"medium\",\n  grain = \"none\",\n  softness = 0.76,\n  colorBack = \"hsl(0, 0%, 0%)\",\n  colors = [\"hsl(54, 85%, 66%)\", \"hsl(56, 100%, 80%)\", \"hsl(56, 100%, 50%)\"],\n  preserveCenter = false,\n  noiseOverlay = false,\n  forceCssFallback = false,\n  inert = true,\n}: NoirGlowBackgroundProps) {\n  const wrapperClassName = cx(\n    \"tollerud-noir-glow-root absolute inset-0 z-0 overflow-hidden\",\n    inert && \"pointer-events-none\",\n    className\n  )\n\n  if (forceCssFallback) {\n    return (\n      <div className={wrapperClassName} style={style} aria-hidden=\"true\">\n        <CssFallback preserveCenter={preserveCenter} noiseOverlay={noiseOverlay} />\n      </div>\n    )\n  }\n\n  return (\n    <div className={wrapperClassName} style={style} aria-hidden=\"true\">\n      <Suspense fallback={<CssFallback preserveCenter={preserveCenter} noiseOverlay={noiseOverlay} />}>\n        <GrainGradient\n          style={{ height: \"100%\", width: \"100%\" }}\n          colorBack={colorBack}\n          softness={softness}\n          intensity={intensityMap[intensity]}\n          noise={grainMap[grain]}\n          shape={shape}\n          offsetX={0}\n          offsetY={0}\n          scale={1}\n          rotation={0}\n          speed={speedMap[speed]}\n          colors={colors}\n        />\n      </Suspense>\n      {preserveCenter && <div className=\"tollerud-noir-glow-vignette\" aria-hidden=\"true\" />}\n      {noiseOverlay && <div className=\"tollerud-noir-noise\" aria-hidden=\"true\" />}\n    </div>\n  )\n}\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-DFM7UUKB.js

@@ -0,0 +1,79 @@
+'use client';
+import { NoirGlowBackground } from './chunk-CBQ63EBL.js';
+import { Pill } from './chunk-ISHZ6ZPJ.js';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var HeroBlock = forwardRef(
+  ({
+    className,
+    eyebrow,
+    title,
+    description,
+    actions,
+    media,
+    minHeight = 280,
+    intense = false,
+    ...props
+  }, ref) => {
+    const hasMedia = !!media;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative overflow-hidden rounded-xl border border-tollerud-border bg-black",
+          className
+        ),
+        style: { minHeight },
+        ...props,
+        children: [
+          intense ? /* @__PURE__ */ jsx(NoirGlowBackground, { intensity: "loud", speed: "medium" }) : /* @__PURE__ */ jsx("div", { className: "tollerud-noir-glow-bg absolute inset-0 opacity-50", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "tollerud-grid-bg absolute inset-0",
+                intense ? "opacity-25" : "opacity-50"
+              ),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "relative flex items-center gap-6 px-11 py-12",
+                hasMedia ? "grid grid-cols-[1.4fr_1fr]" : "block"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: cn(!hasMedia && "max-w-[560px]"), children: [
+                  eyebrow && /* @__PURE__ */ jsx(Pill, { variant: "outline", className: "mb-0", children: eyebrow }),
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      className: cn(
+                        "tollerud-display text-[40px] text-tollerud-text-primary",
+                        eyebrow && "mt-[18px]"
+                      ),
+                      children: title
+                    }
+                  ),
+                  description && /* @__PURE__ */ jsx("p", { className: "mt-3.5 text-[15.5px] leading-relaxed text-tollerud-text-primary/70", children: description }),
+                  actions && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center gap-3", children: actions })
+                ] }),
+                hasMedia && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: media })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+HeroBlock.displayName = "HeroBlock";
+
+export { HeroBlock };
+//# sourceMappingURL=chunk-DFM7UUKB.js.map
+//# sourceMappingURL=chunk-DFM7UUKB.js.map

package/dist/chunk-DFM7UUKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/HeroBlock.tsx"],"names":[],"mappings":";;;;;;AAgBA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,GAAA;AAAA,IACZ,OAAA,GAAU,KAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,CAAC,CAAC,KAAA;AAEnB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,4EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,EAAE,SAAA,EAAU;AAAA,QAClB,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,MAAA,EAAO,KAAA,EAAM,QAAA,EAAS,CAAA,mBAEpD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EAAoD,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAExF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,mCAAA;AAAA,gBACA,UAAU,YAAA,GAAe;AAAA,eAC3B;AAAA,cACA,aAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,8CAAA;AAAA,gBACA,WAAW,4BAAA,GAA+B;AAAA,eAC5C;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,CAAC,QAAA,IAAY,eAAe,CAAA,EAC5C,QAAA,EAAA;AAAA,kBAAA,OAAA,wBACE,IAAA,EAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,QAC/B,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,kCAEF,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,EAAA;AAAA,wBACT,yDAAA;AAAA,wBACA,OAAA,IAAW;AAAA,uBACb;AAAA,sBAEC,QAAA,EAAA;AAAA;AAAA,mBACH;AAAA,kBACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sEACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,kBAED,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAA0C,QAAA,EAAA,OAAA,EAAQ;AAAA,iBAAA,EAC/E,CAAA;AAAA,gBACC,QAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAoC,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA;AAE7D;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-DFM7UUKB.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Pill } from './Pill'\nimport { NoirGlowBackground } from './NoirGlowBackground'\n\nexport interface HeroBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  eyebrow?: React.ReactNode\n  title: React.ReactNode\n  description?: React.ReactNode\n  actions?: React.ReactNode\n  media?: React.ReactNode\n  minHeight?: number\n  /** When true, renders the live shader background via NoirGlowBackground. */\n  intense?: boolean\n}\n\nconst HeroBlock = forwardRef<HTMLDivElement, HeroBlockProps>(\n  (\n    {\n      className,\n      eyebrow,\n      title,\n      description,\n      actions,\n      media,\n      minHeight = 280,\n      intense = false,\n      ...props\n    },\n    ref\n  ) => {\n    const hasMedia = !!media\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative overflow-hidden rounded-xl border border-tollerud-border bg-black',\n          className\n        )}\n        style={{ minHeight }}\n        {...props}\n      >\n        {intense ? (\n          <NoirGlowBackground intensity=\"loud\" speed=\"medium\" />\n        ) : (\n          <div className=\"tollerud-noir-glow-bg absolute inset-0 opacity-50\" aria-hidden=\"true\" />\n        )}\n        <div\n          className={cn(\n            'tollerud-grid-bg absolute inset-0',\n            intense ? 'opacity-25' : 'opacity-50'\n          )}\n          aria-hidden=\"true\"\n        />\n        <div\n          className={cn(\n            'relative flex items-center gap-6 px-11 py-12',\n            hasMedia ? 'grid grid-cols-[1.4fr_1fr]' : 'block'\n          )}\n        >\n          <div className={cn(!hasMedia && 'max-w-[560px]')}>\n            {eyebrow && (\n              <Pill variant=\"outline\" className=\"mb-0\">\n                {eyebrow}\n              </Pill>\n            )}\n            <h2\n              className={cn(\n                'tollerud-display text-[40px] text-tollerud-text-primary',\n                eyebrow && 'mt-[18px]'\n              )}\n            >\n              {title}\n            </h2>\n            {description && (\n              <p className=\"mt-3.5 text-[15.5px] leading-relaxed text-tollerud-text-primary/70\">\n                {description}\n              </p>\n            )}\n            {actions && <div className=\"mt-6 flex flex-wrap items-center gap-3\">{actions}</div>}\n          </div>\n          {hasMedia && (\n            <div className=\"flex items-center justify-center\">{media}</div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nHeroBlock.displayName = 'HeroBlock'\n\nexport { HeroBlock }\n"]}

package/dist/chunk-DGCRHVWW.js

@@ -0,0 +1,84 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var avatarSizes = {
+  sm: "h-6 w-6 text-[10px]",
+  md: "h-8 w-8 text-xs",
+  lg: "h-11 w-11 text-sm"
+};
+function initialsFrom(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+var Avatar = forwardRef(
+  ({ className, src, name, fallback, size = "md", ...props }, ref) => {
+    const [errored, setErrored] = useState(false);
+    const showImage = !!src && !errored;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(
+          "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full select-none",
+          "bg-tollerud-surface-raised text-tollerud-text-secondary font-medium",
+          "ring-1 ring-tollerud-border",
+          avatarSizes[size],
+          className
+        ),
+        ...props,
+        children: showImage ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt: name ?? "",
+            className: "h-full w-full object-cover",
+            onError: () => setErrored(true)
+          }
+        ) : /* @__PURE__ */ jsx("span", { "aria-hidden": !!name, children: fallback ?? (name ? initialsFrom(name) : null) })
+      }
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+var AvatarGroup = forwardRef(
+  ({ className, max, size = "md", children, ...props }, ref) => {
+    const items = Array.isArray(children) ? children : [children];
+    const visible = max ? items.slice(0, max) : items;
+    const overflow = max ? items.length - max : 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center -space-x-2", className),
+        ...props,
+        children: [
+          visible.map((child, i) => /* @__PURE__ */ jsx("span", { className: "ring-2 ring-tollerud-surface rounded-full", children: child }, i)),
+          overflow > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "relative inline-flex shrink-0 items-center justify-center rounded-full select-none",
+                "bg-tollerud-surface-raised text-tollerud-text-muted font-medium",
+                "ring-2 ring-tollerud-surface",
+                avatarSizes[size]
+              ),
+              children: [
+                "+",
+                overflow
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+export { Avatar, AvatarGroup };
+//# sourceMappingURL=chunk-DGCRHVWW.js.map
+//# sourceMappingURL=chunk-DGCRHVWW.js.map

package/dist/chunk-DGCRHVWW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Avatar.tsx"],"names":[],"mappings":"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","file":"chunk-DGCRHVWW.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef, useState } from 'react'\nimport { cn } from '@/lib/utils'\n\nconst avatarSizes = {\n  sm: 'h-6 w-6 text-[10px]',\n  md: 'h-8 w-8 text-xs',\n  lg: 'h-11 w-11 text-sm',\n} as const\n\nfunction initialsFrom(name: string) {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0]!.slice(0, 2).toUpperCase()\n  return (parts[0]![0] + parts[parts.length - 1]![0]).toUpperCase()\n}\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Image source */\n  src?: string\n  /** Accessible name / used to derive initials fallback */\n  name?: string\n  /** Explicit fallback content (overrides derived initials) */\n  fallback?: React.ReactNode\n  size?: keyof typeof avatarSizes\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ className, src, name, fallback, size = 'md', ...props }, ref) => {\n    const [errored, setErrored] = useState(false)\n    const showImage = !!src && !errored\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          'relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full select-none',\n          'bg-tollerud-surface-raised text-tollerud-text-secondary font-medium',\n          'ring-1 ring-tollerud-border',\n          avatarSizes[size],\n          className\n        )}\n        {...props}\n      >\n        {showImage ? (\n          <img\n            src={src}\n            alt={name ?? ''}\n            className=\"h-full w-full object-cover\"\n            onError={() => setErrored(true)}\n          />\n        ) : (\n          <span aria-hidden={!!name}>{fallback ?? (name ? initialsFrom(name) : null)}</span>\n        )}\n      </span>\n    )\n  }\n)\nAvatar.displayName = 'Avatar'\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Maximum avatars to render before collapsing into a \"+N\" overflow indicator */\n  max?: number\n  size?: keyof typeof avatarSizes\n  children: React.ReactNode\n}\n\nconst AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ className, max, size = 'md', children, ...props }, ref) => {\n    const items = Array.isArray(children) ? children : [children]\n    const visible = max ? items.slice(0, max) : items\n    const overflow = max ? items.length - max : 0\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-center -space-x-2', className)}\n        {...props}\n      >\n        {visible.map((child, i) => (\n          <span key={i} className=\"ring-2 ring-tollerud-surface rounded-full\">\n            {child}\n          </span>\n        ))}\n        {overflow > 0 && (\n          <span\n            className={cn(\n              'relative inline-flex shrink-0 items-center justify-center rounded-full select-none',\n              'bg-tollerud-surface-raised text-tollerud-text-muted font-medium',\n              'ring-2 ring-tollerud-surface',\n              avatarSizes[size]\n            )}\n          >\n            +{overflow}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\nAvatarGroup.displayName = 'AvatarGroup'\n\nexport { Avatar, AvatarGroup }\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"]}