@elevasis/ui 1.15.3 → 1.17.1

package/dist/charts/index.d.ts

@@ -1,6 +1,29 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+/**
+ * ChartFrame decouples chart width from live parent width changes by debouncing
+ * ResizeObserver callbacks. Prevents Recharts (under @mantine/charts) from firing
+ * dozens of full re-renders during the sidebar collapse/expand animation.
+ *
+ * How it works: the outer div observes its real container width. The inner div
+ * is given a fixed pixel width from React state, which Recharts' own
+ * ResponsiveContainer reads. State only updates after `debounceMs` of quiet, so
+ * the chart doesn't re-render on every frame of the sidebar transition.
+ *
+ * @repo/ui context: used wherever a @mantine/charts component renders inside
+ * a layout that has a CSS-transitioned collapsible sidebar. Without this wrapper,
+ * every frame of the sidebar animation fires ResizeObserver → Recharts scale
+ * recomputation → React reconciliation → SVG regeneration, saturating the main
+ * thread and causing animation jitter.
+ */
+interface ChartFrameProps {
+    h: number;
+    debounceMs?: number;
+    children: ReactNode;
+}
+declare function ChartFrame({ h, debounceMs, children }: ChartFrameProps): react_jsx_runtime.JSX.Element;
+
 /**
  * CyberAreaChart — Reusable area chart with cyber/high-tech aesthetic.
  *
@@ -307,5 +330,5 @@ interface CombinedTrendChartProps {
 }
 declare function CombinedTrendChart({ healthData, errorData: _errorData, isLoading, error, timeRange, navigationAction }: CombinedTrendChartProps): react_jsx_runtime.JSX.Element;
 
-export { ActivityTrendChart, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors };
-export type { ActivityTrendChartProps, CombinedTrendChartProps, CostTrendChartProps, CyberAreaChartProps, CyberColors, CyberDonutProps, CyberDonutSegment, CyberSeries, HeroStatsRowProps };
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors };
+export type { ActivityTrendChartProps, ChartFrameProps, CombinedTrendChartProps, CostTrendChartProps, CyberAreaChartProps, CyberColors, CyberDonutProps, CyberDonutSegment, CyberSeries, HeroStatsRowProps };

package/dist/charts/index.js

@@ -1,7 +1,7 @@
-export { ActivityTrendChart, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-4NHYV42S.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-7S5FS7WW.js';
 import '../chunk-KBLGVZBD.js';
 import '../chunk-LXHZYSMQ.js';
-import '../chunk-LHQTTUL2.js';
+import '../chunk-MHW43EOH.js';
 import '../chunk-ELJIFLCB.js';
 import '../chunk-SZHARWKU.js';
 import '../chunk-FCFLBMVI.js';

package/dist/{chunk-FEZ2TGSH.js → chunk-7ATCF6UL.js}

@@ -1,14 +1,13 @@
-import { useComputedColorScheme } from '@mantine/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useComputedColorScheme } from '@mantine/core';
 
 // src/components/layout/backgrounds/PerspectiveGrid.tsx
 function PerspectiveGrid({
-  glowColor = "rgba(123, 123, 123, 0.1)",
+  glowColor = "color-mix(in srgb, color-mix(in srgb, var(--color-primary) 20%, var(--color-border)) 30%, transparent)",
   lineColor: lineColorProp,
   className
 }) {
-  const colorScheme = useComputedColorScheme();
-  const lineColor = lineColorProp ?? (colorScheme === "dark" ? "rgba(90, 90, 90, 0.1)" : "rgba(120, 120, 120, 0.1)");
+  const lineColor = lineColorProp ?? "color-mix(in srgb, var(--color-border) 50%, transparent)";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -272,8 +271,8 @@ function FilmGrain({ darkOpacity = 0.02, lightOpacity = 0.06, className }) {
   );
 }
 var randRange = (min, max) => min + Math.random() * (max - min);
-var FLUX_SPARKS = Array.from({ length: 42 }, () => {
-  const duration = randRange(14, 32);
+var FLUX_SPARKS = Array.from({ length: 32 }, () => {
+  const duration = randRange(12, 70);
   const pulse = randRange(0.8, 2.2);
   return {
     left: randRange(0, 100),
@@ -281,20 +280,36 @@ var FLUX_SPARKS = Array.from({ length: 42 }, () => {
     duration,
     delay: -randRange(0, duration),
     drift: randRange(-35, 35),
+    peak: randRange(0.18, 0.5),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var FLUX_MOTES = Array.from({ length: 19 }, () => {
+  const duration = randRange(18, 90);
+  const pulse = randRange(1.6, 4);
+  return {
+    left: randRange(-2, 102),
+    size: randRange(3.5, 10),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-55, 55),
+    blur: randRange(1.5, 5),
+    peak: randRange(0.22, 0.55),
     pulse,
     pulseDelay: -randRange(0, pulse)
   };
 });
-var FLUX_GLOWS = Array.from({ length: 14 }, () => {
-  const duration = randRange(28, 55);
+var FLUX_GLOWS = Array.from({ length: 10 }, () => {
+  const duration = randRange(25, 130);
   const pulse = randRange(3.5, 7);
   return {
     left: randRange(-5, 105),
-    size: randRange(14, 38),
+    size: randRange(3, 22),
     duration,
     delay: -randRange(0, duration),
     drift: randRange(-80, 80),
-    blur: randRange(10, 22),
+    blur: randRange(6, 16),
     opacity: randRange(0.18, 0.42),
     pulse,
     pulseDelay: -randRange(0, pulse)
@@ -303,8 +318,8 @@ var FLUX_GLOWS = Array.from({ length: 14 }, () => {
 var KEYFRAMES4 = `
 @keyframes elevasis-cyber-spark-rise {
   0% { transform: translate3d(0, 0, 0); opacity: 0; }
-  10% { opacity: 1; }
-  85% { opacity: 0.9; }
+  10% { opacity: var(--cy-peak, 1); }
+  85% { opacity: calc(var(--cy-peak, 1) * 0.9); }
   100% { transform: translate3d(var(--cy-drift, 0px), -112vh, 0); opacity: 0; }
 }
 @keyframes elevasis-cyber-spark-pulse {
@@ -339,11 +354,11 @@ function FluxGlows() {
         left: `${g.left}%`,
         width: `${g.size}px`,
         height: `${g.size}px`,
-        opacity: g.opacity,
         filter: `blur(${g.blur}px)`,
         animation: `elevasis-cyber-spark-rise ${g.duration}s linear infinite`,
         animationDelay: `${g.delay}s`,
         ["--cy-drift"]: `${g.drift}px`,
+        ["--cy-peak"]: `${g.opacity}`,
         willChange: "transform, opacity"
       },
       children: /* @__PURE__ */ jsx(
@@ -365,6 +380,44 @@ function FluxGlows() {
     i
   )) });
 }
+function FluxMotes() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_MOTES.map((m, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-spark",
+      style: {
+        position: "absolute",
+        bottom: "-3%",
+        left: `${m.left}%`,
+        width: `${m.size}px`,
+        height: `${m.size}px`,
+        filter: `blur(${m.blur}px)`,
+        animation: `elevasis-cyber-spark-rise ${m.duration}s linear infinite`,
+        animationDelay: `${m.delay}s`,
+        ["--cy-drift"]: `${m.drift}px`,
+        ["--cy-peak"]: `${m.peak}`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-spark-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: `radial-gradient(circle, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 70%, transparent) 55%, transparent 90%)`,
+            boxShadow: `0 0 ${m.size * 1.2}px color-mix(in srgb, var(--color-primary) 40%, transparent)`,
+            animation: `elevasis-cyber-spark-pulse ${m.pulse}s ease-in-out infinite`,
+            animationDelay: `${m.pulseDelay}s`,
+            willChange: "transform, filter"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
 function FluxSparks() {
   return /* @__PURE__ */ jsx(Fragment, { children: FLUX_SPARKS.map((s, i) => /* @__PURE__ */ jsx(
     "div",
@@ -379,6 +432,7 @@ function FluxSparks() {
         animation: `elevasis-cyber-spark-rise ${s.duration}s linear infinite`,
         animationDelay: `${s.delay}s`,
         ["--cy-drift"]: `${s.drift}px`,
+        ["--cy-peak"]: `${s.peak}`,
         willChange: "transform, opacity"
       },
       children: /* @__PURE__ */ jsx(
@@ -416,6 +470,7 @@ function CyberParticles({ variant: _variant, className }) {
       children: [
         /* @__PURE__ */ jsx("style", { children: KEYFRAMES4 }),
         /* @__PURE__ */ jsx(FluxGlows, {}),
+        /* @__PURE__ */ jsx(FluxMotes, {}),
         /* @__PURE__ */ jsx(FluxSparks, {})
       ]
     }
@@ -430,5 +485,218 @@ function CyberBackground({ variant }) {
     /* @__PURE__ */ jsx(FilmGrain, {})
   ] });
 }
+var MOTE_COUNT = 24;
+var randRange2 = (min, max) => min + Math.random() * (max - min);
+var MOTES = Array.from({ length: MOTE_COUNT }, () => {
+  const size = randRange2(2, 16);
+  return {
+    left: randRange2(0, 100),
+    size,
+    blur: size / 2,
+    duration: randRange2(28, 52),
+    delay: -randRange2(0, 35),
+    drift: randRange2(-22, 22),
+    pulse: randRange2(3, 9),
+    pulseDelay: -randRange2(0, 5)
+  };
+});
+var STYLE = `
+  div[style*="var(--color-background)"][style*="100vh"] {
+    background-color: transparent !important;
+    isolation: isolate;
+  }
+  .wavy-bg-root {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    overflow: hidden;
+    pointer-events: none;
+    background: var(--color-background);
+  }
+  /* Variant palettes (light mode defaults) */
+  .wavy-bg-root[data-variant="nirvana"] {
+    --wavy-wave-front: #fde8e0;
+    --wavy-wave-back: #fef2ec;
+    --wavy-mote-core: rgba(253, 205, 170, 0.85);
+    --wavy-mote-halo: rgba(253, 205, 170, 0.3);
+  }
+  .wavy-bg-root[data-variant="wave"] {
+    --wavy-wave-front: #dbeafe;
+    --wavy-wave-back: #eef4ff;
+    --wavy-mote-core: rgba(125, 180, 255, 0.85);
+    --wavy-mote-halo: rgba(125, 180, 255, 0.3);
+  }
+  .wavy-bg-root[data-variant="honey"] {
+    --wavy-wave-front: #fbeed3;
+    --wavy-wave-back: #fdf5e0;
+    --wavy-mote-core: rgba(230, 170, 50, 0.85);
+    --wavy-mote-halo: rgba(230, 170, 50, 0.3);
+  }
+  .wavy-bg-root[data-variant="canopy"] {
+    --wavy-wave-front: #dcebdf;
+    --wavy-wave-back: #e6f0e8;
+    --wavy-mote-core: rgba(140, 205, 155, 0.85);
+    --wavy-mote-halo: rgba(140, 205, 155, 0.3);
+  }
+  /* Variant palettes (dark mode overrides) */
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="nirvana"] {
+    --wavy-wave-front: #140804;
+    --wavy-wave-back: #0a0402;
+    --wavy-mote-core: rgba(180, 110, 70, 0.4);
+    --wavy-mote-halo: rgba(180, 110, 70, 0.12);
+  }
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="wave"] {
+    --wavy-wave-front: #050e1c;
+    --wavy-wave-back: #030812;
+    --wavy-mote-core: rgba(90, 160, 230, 0.4);
+    --wavy-mote-halo: rgba(90, 160, 230, 0.12);
+  }
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="honey"] {
+    --wavy-wave-front: #120e05;
+    --wavy-wave-back: #080502;
+    --wavy-mote-core: rgba(232, 168, 32, 0.4);
+    --wavy-mote-halo: rgba(232, 168, 32, 0.12);
+  }
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="canopy"] {
+    --wavy-wave-front: #060f09;
+    --wavy-wave-back: #030805;
+    --wavy-mote-core: rgba(74, 168, 96, 0.4);
+    --wavy-mote-halo: rgba(74, 168, 96, 0.12);
+  }
+  .wavy-bg-layer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200%;
+    height: 100%;
+    will-change: transform;
+  }
+  .wavy-bg-layer svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+  @keyframes wavy-drift {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+  }
+  .wavy-bg-layer-back {
+    animation: wavy-drift 105s linear infinite;
+  }
+  .wavy-bg-layer-front {
+    animation: wavy-drift 63s linear infinite;
+  }
+  .wavy-bg-wave-back {
+    fill: var(--wavy-wave-back);
+  }
+  .wavy-bg-wave-front {
+    fill: var(--wavy-wave-front);
+  }
+  .wavy-bg-motes {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+  .wavy-bg-mote {
+    position: absolute;
+    bottom: 18%;
+    opacity: 0;
+    transform: translate3d(0, 0, 0);
+    animation: wavy-mote-rise var(--mote-duration, 32s) ease-in-out infinite;
+    animation-delay: var(--mote-delay, 0s);
+    will-change: transform, opacity;
+  }
+  .wavy-bg-mote-inner {
+    width: var(--mote-size, 4px);
+    height: var(--mote-size, 4px);
+    border-radius: 50%;
+    background: radial-gradient(
+      circle,
+      var(--wavy-mote-core) 0%,
+      var(--wavy-mote-halo) 45%,
+      transparent 75%
+    );
+    filter: blur(var(--mote-blur, 2px));
+    animation: wavy-mote-pulse var(--mote-pulse, 5s) ease-in-out infinite;
+    animation-delay: var(--mote-pulse-delay, 0s);
+    will-change: transform, filter;
+  }
+  @keyframes wavy-mote-rise {
+    0% {
+      transform: translate3d(0, 0, 0);
+      opacity: 0;
+    }
+    12% {
+      opacity: 1;
+    }
+    70% {
+      opacity: 0.85;
+    }
+    100% {
+      transform: translate3d(var(--mote-drift, 0px), -85vh, 0);
+      opacity: 0;
+    }
+  }
+  @keyframes wavy-mote-pulse {
+    0%, 100% {
+      transform: scale(0.75);
+      filter: blur(var(--mote-blur, 2px)) brightness(0.8);
+    }
+    50% {
+      transform: scale(1.35);
+      filter: blur(calc(var(--mote-blur, 2px) * 1.4)) brightness(1.4);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .wavy-bg-layer-back,
+    .wavy-bg-layer-front,
+    .wavy-bg-mote,
+    .wavy-bg-mote-inner {
+      animation: none;
+    }
+    .wavy-bg-mote {
+      opacity: 0;
+    }
+  }
+`;
+function WaveBackground({ variant }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: STYLE }),
+    /* @__PURE__ */ jsxs("div", { className: "wavy-bg-root", "data-variant": variant, children: [
+      /* @__PURE__ */ jsx("div", { className: "wavy-bg-layer wavy-bg-layer-back", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 3200 900", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "wavy-bg-wave-back",
+          d: "M0,340 C260,200 520,220 820,340 C1100,480 1340,440 1600,340 C1860,200 2120,220 2420,340 C2700,480 2940,440 3200,340 L3200,900 L0,900 Z"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "wavy-bg-layer wavy-bg-layer-front", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 3200 900", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "wavy-bg-wave-front",
+          d: "M0,640 C280,540 520,560 820,680 C1100,790 1340,760 1600,640 C1880,540 2120,560 2420,680 C2700,790 2940,760 3200,640 L3200,900 L0,900 Z"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "wavy-bg-motes", "aria-hidden": "true", children: MOTES.map((mote, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "wavy-bg-mote",
+          style: {
+            left: `${mote.left}%`,
+            ["--mote-size"]: `${mote.size}px`,
+            ["--mote-blur"]: `${mote.blur}px`,
+            ["--mote-duration"]: `${mote.duration}s`,
+            ["--mote-delay"]: `${mote.delay}s`,
+            ["--mote-drift"]: `${mote.drift}px`,
+            ["--mote-pulse"]: `${mote.pulse}s`,
+            ["--mote-pulse-delay"]: `${mote.pulseDelay}s`
+          },
+          children: /* @__PURE__ */ jsx("div", { className: "wavy-bg-mote-inner" })
+        },
+        i
+      )) })
+    ] })
+  ] });
+}
 
-export { CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow };
+export { CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow, WaveBackground };

package/dist/{chunk-4NHYV42S.js → chunk-7S5FS7WW.js}

@@ -3,15 +3,43 @@ import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { getErrorInfo, getErrorTitle, getResourceIcon } from './chunk-FCFLBMVI.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { useMemo, useState, useEffect, useCallback } from 'react';
+import { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useComputedColorScheme, Group, Text, Box, Stack, Center, Title, Button, Loader, Badge, Collapse, ScrollArea, Card, Skeleton, Select, Alert, Code, ThemeIcon, Paper, Grid, NumberFormatter, Space, Tooltip as Tooltip$1, SimpleGrid, SegmentedControl } from '@mantine/core';
 import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, YAxis, Tooltip, ReferenceLine as ReferenceLine$1, Area, PieChart, Pie, Cell } from 'recharts';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { IconMinus, IconTrendingUp, IconTrendingDown, IconChevronUp, IconChevronDown, IconAlertCircle, IconClock, IconInfoCircle, IconChevronRight, IconDownload, IconChartLine, IconApps, IconPlayerPlay, IconChartBar, IconAlertTriangle, IconRocket } from '@tabler/icons-react';
 import Markdown from 'react-markdown';
 import { Prism } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
+function ChartFrame({ h, debounceMs = 150, children }) {
+  const ref = useRef(null);
+  const [width, setWidth] = useState(0);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const w = el.getBoundingClientRect().width;
+    if (w > 0) setWidth(w);
+  }, []);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    let timeout;
+    const ro = new ResizeObserver((entries) => {
+      if (timeout !== void 0) window.clearTimeout(timeout);
+      const nextWidth = entries[0]?.contentRect.width ?? 0;
+      timeout = window.setTimeout(() => {
+        if (nextWidth > 0) setWidth(nextWidth);
+      }, debounceMs);
+    });
+    ro.observe(el);
+    return () => {
+      ro.disconnect();
+      if (timeout !== void 0) window.clearTimeout(timeout);
+    };
+  }, [debounceMs]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: h, position: "relative" }, children: width > 0 && /* @__PURE__ */ jsx("div", { style: { width, height: h }, children }) });
+}
 var THEME_DERIVED = {
   grid: "var(--color-border)",
   gridLine: "var(--color-border)",
@@ -1026,6 +1054,7 @@ function ResourceCard({
   rightSection,
   topSection,
   lastRunLabel,
+  dormant = false,
   style,
   ...rest
 }) {
@@ -1105,6 +1134,7 @@ function ResourceCard({
   }
   if (layout === "row") {
     const [hovered, setHovered] = useState(false);
+    const baseBackground = dormant ? "var(--glass-background)" : "var(--color-surface)";
     return /* @__PURE__ */ jsx(
       Card,
       {
@@ -1113,7 +1143,8 @@ function ResourceCard({
           cursor: "pointer",
           border: "1px solid var(--color-border)",
           transition: "background 150ms ease",
-          background: hovered ? "var(--active-background)" : "var(--glass-background)",
+          background: hovered ? "var(--active-background)" : baseBackground,
+          ...dormant ? { backdropFilter: "var(--glass-blur)", WebkitBackdropFilter: "var(--glass-blur)" } : {},
           ...style
         },
         onClick: () => onClick(resource),
@@ -1600,4 +1631,4 @@ function CombinedTrendChart({
   ] });
 }
 
-export { APIErrorAlert, ActivityTrendChart, CardHeader, CollapsibleSection, CombinedTrendChart, ContextViewer, CostTrendChart, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DetailCardSkeleton, EmptyState, GlowDot, HeroStatsRow, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition, getSeriesColor, useCyberColors };
+export { APIErrorAlert, ActivityTrendChart, CardHeader, ChartFrame, CollapsibleSection, CombinedTrendChart, ContextViewer, CostTrendChart, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DetailCardSkeleton, EmptyState, GlowDot, HeroStatsRow, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition, getSeriesColor, useCyberColors };

package/dist/chunk-ADSSLKKP.js

@@ -0,0 +1,10 @@
+import { useAppearance } from './chunk-QJ2KCHKX.js';
+import { Center } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
+
+function SubshellLoader() {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
+}
+
+export { SubshellLoader };

package/dist/{chunk-WY2BCL5F.js → chunk-F25DUOWI.js}

@@ -1,6 +1,6 @@
+import { AppBackground } from './chunk-NUULWBAD.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-XY7VKOKI.js';
-import { AppBackground } from './chunk-6YIE72M2.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-UEYUPTAD.js';
 import { ElevasisCoreProvider } from './chunk-53GNREDV.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';

package/dist/chunk-MHW43EOH.js

@@ -0,0 +1,47 @@
+import { RouterProvider } from './chunk-Q7DJKLEN.js';
+import { useLocation, useRouter, Link } from '@tanstack/react-router';
+import { useCallback, useMemo, forwardRef, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function TanStackRouterBridge({ children }) {
+  const location = useLocation();
+  const router = useRouter();
+  const navigate = useCallback((to) => router.navigate({ to }), [router]);
+  const Link$1 = useMemo(
+    () => forwardRef(function AdapterLink(props, ref) {
+      return /* @__PURE__ */ jsx(Link, { ref, ...props });
+    }),
+    []
+  );
+  const value = useMemo(
+    () => ({
+      currentPath: location.pathname,
+      navigate,
+      Link: Link$1
+    }),
+    [location.pathname, navigate, Link$1]
+  );
+  return /* @__PURE__ */ jsx(RouterProvider, { value, children });
+}
+function ScrollToTop() {
+  const location = useLocation();
+  const anchorRef = useRef(null);
+  useEffect(() => {
+    const el = anchorRef.current;
+    if (!el) return;
+    let parent = el.parentElement;
+    while (parent) {
+      const overflowY = getComputedStyle(parent).overflowY;
+      const isScrollable = overflowY === "auto" || overflowY === "scroll";
+      if (isScrollable && parent.scrollHeight > parent.clientHeight) {
+        parent.scrollTo({ top: 0, behavior: "auto" });
+        return;
+      }
+      parent = parent.parentElement;
+    }
+    window.scrollTo(0, 0);
+  }, [location.pathname]);
+  return /* @__PURE__ */ jsx("div", { ref: anchorRef, "aria-hidden": true, style: { display: "none" } });
+}
+
+export { ScrollToTop, TanStackRouterBridge };

package/dist/{chunk-6YIE72M2.js → chunk-NUULWBAD.js}

@@ -1,4 +1,4 @@
-import { PerspectiveGrid, RadiantGlow, FloatingOrbs, FilmGrain } from './chunk-FEZ2TGSH.js';
+import { PerspectiveGrid, RadiantGlow, FloatingOrbs, FilmGrain } from './chunk-7ATCF6UL.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 function AppBackground({ children }) {

package/dist/{chunk-E6Q6A5TU.js → chunk-QCEUL5QG.js}

@@ -2,7 +2,7 @@ import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebar
 import { useAppearance } from './chunk-QJ2KCHKX.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Title, Button, Box, Center, useMantineColorScheme, Switch, Code } from '@mantine/core';
+import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Title, Button, Box, useMantineColorScheme, Switch, Code } from '@mantine/core';
 import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconAlertCircle, IconChevronDown, IconChevronRight, IconMoonStars, IconSun } from '@tabler/icons-react';
 import { createContext, memo, useEffect, createElement, useContext, useRef, useLayoutEffect, useState } from 'react';
 
@@ -1214,10 +1214,6 @@ var SubshellSidebarSection = ({
 
 // src/components/layout/sub-shell/constants.ts
 var subsidebarWidth = 200;
-function SubshellLoader() {
-  const { loader } = useAppearance();
-  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
-}
 var TopbarContainer = ({ children }) => {
   const { isCollapsed } = useSidebar();
   const actualSidebarWidth = isCollapsed ? sidebarCollapsedWidth : sidebarWidth;
@@ -1307,4 +1303,4 @@ var Topbar = ({ version, leftContent, children }) => {
   ] });
 };
 
-export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };
+export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };

package/dist/{chunk-4NAZQ7WO.js → chunk-RYSPAQGW.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-XY7VKOKI.js';
+import { usePresetsContext } from './chunk-UEYUPTAD.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
@@ -16,7 +16,7 @@ var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
   "canopy",
   "slate",
   "cyber-strike",
-  "cyber-flux",
+  "cyber-punk",
   "cyber-void"
 ]);
 function titleCase(str) {