@elevasis/ui 1.20.1 → 1.21.0

package/dist/{chunk-OFAXUZPZ.js → chunk-MOBXWBES.js}

@@ -1,6 +1,6 @@
 import { CyberBackground, WaveBackground } from './chunk-3DIU726S.js';
-import { createElement, createContext, useRef, useEffect, useContext } from 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { createElement, Fragment, createContext, useRef, useEffect, useContext } from 'react';
+import { jsxs, Fragment as Fragment$1, jsx } from 'react/jsx-runtime';
 import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
 
 // src/theme/presets/utils.ts
@@ -206,7 +206,7 @@ var regalPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#D4A843",
+    primary: "#AE8730",
     primaryContrast: "#1A1400",
     background: "#000000",
     surface: "#0E0E0E",
@@ -244,8 +244,116 @@ var regalPreset = {
     "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap"
   ]
 };
+var STYLE = `
+  /* NOTE: does not neutralize AppShellContainer's background paint, unlike
+     ChromeBackground / ConstellationBackground. AmbientBloom is designed to
+     compose *above* existing background layers (CyberBackground's grid,
+     ConstellationBackground's canvas), so it must not knock out the base
+     color paint the sibling background relies on. */
+  .elevasis-ambient-bloom {
+    display: none;
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    overflow: hidden;
+  }
+  [data-mantine-color-scheme="dark"] .elevasis-ambient-bloom {
+    display: block;
+  }
+  [data-mantine-color-scheme="dark"] .elevasis-ambient-bloom-lobe {
+    mix-blend-mode: screen;
+  }
+  @keyframes elevasis-ambient-bloom-a {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    33% { transform: translate(4%, -5%) scale(1.08); }
+    66% { transform: translate(-5%, 4%) scale(0.94); }
+  }
+  @keyframes elevasis-ambient-bloom-b {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    50% { transform: translate(-6%, 6%) scale(1.12); }
+  }
+  @keyframes elevasis-ambient-bloom-c {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    40% { transform: translate(5%, 4%) scale(0.9); }
+    80% { transform: translate(-4%, -6%) scale(1.08); }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .elevasis-ambient-bloom-lobe { animation: none !important; }
+  }
+`;
+function AmbientBloom({
+  color = "var(--color-primary)",
+  intensity = 0.08
+}) {
+  const primaryPct = `${Math.round(intensity * 100)}%`;
+  const secondaryPct = `${Math.round(intensity * 80)}%`;
+  const tertiaryPct = `${Math.round(intensity * 60)}%`;
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("style", { children: STYLE }),
+    /* @__PURE__ */ jsxs("div", { className: "elevasis-ambient-bloom", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-ambient-bloom-lobe",
+          style: {
+            position: "absolute",
+            top: "-30%",
+            left: "5%",
+            width: "85%",
+            height: "85%",
+            background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} ${primaryPct}, transparent) 0%, transparent 60%)`,
+            filter: "blur(80px)",
+            animation: "elevasis-ambient-bloom-a 32s ease-in-out infinite",
+            willChange: "transform"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-ambient-bloom-lobe",
+          style: {
+            position: "absolute",
+            top: "15%",
+            right: "-15%",
+            width: "75%",
+            height: "75%",
+            background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} ${secondaryPct}, transparent) 0%, transparent 65%)`,
+            filter: "blur(90px)",
+            animation: "elevasis-ambient-bloom-b 40s ease-in-out infinite",
+            willChange: "transform"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-ambient-bloom-lobe",
+          style: {
+            position: "absolute",
+            bottom: "-25%",
+            left: "25%",
+            width: "70%",
+            height: "70%",
+            background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} ${tertiaryPct}, transparent) 0%, transparent 60%)`,
+            filter: "blur(100px)",
+            animation: "elevasis-ambient-bloom-c 36s ease-in-out infinite",
+            willChange: "transform"
+          }
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/theme/presets/cyber-volt.ts
 var cyberVoltPreset = {
-  background: createElement(CyberBackground, { variant: "volt" }),
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "volt" }),
+    createElement(AmbientBloom, { intensity: 0.11 })
+  ),
   light: {
     primary: "#0097A7",
     primaryContrast: "#ffffff",
@@ -271,7 +379,7 @@ var cyberVoltPreset = {
     fontSans: '"Chakra Petch", sans-serif'
   },
   dark: {
-    primary: "#00E5FF",
+    primary: "#00A8BD",
     primaryContrast: "#001418",
     background: "#030506",
     surface: "transparent",
@@ -283,8 +391,8 @@ var cyberVoltPreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(6, 14, 20, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(6, 14, 20, 0.32)",
+    glassBlur: "blur(28px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(0, 229, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
@@ -303,7 +411,7 @@ var cyberVoltPreset = {
   },
   fontImports: ["https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap"]
 };
-var STYLE = `
+var STYLE2 = `
   div[style*="var(--color-background)"][style*="100vh"] {
     background-color: transparent !important;
     isolation: isolate;
@@ -558,8 +666,8 @@ var STYLE = `
   }
 `;
 function ChromeBackground({ variant }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: STYLE }),
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("style", { children: STYLE2 }),
     /* @__PURE__ */ jsx("div", { className: "chrome-bg-root", "data-variant": variant, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "chrome-bg-wrapper", children: [
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-1" }),
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-2" }),
@@ -668,7 +776,7 @@ var roseGoldPreset = {
     fontSans: '"DM Sans", sans-serif'
   },
   dark: {
-    primary: "#C8897C",
+    primary: "#A56B5E",
     primaryContrast: "#2D1A16",
     background: "#070405",
     surface: "transparent",
@@ -836,7 +944,10 @@ var honeyPreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "honey" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "honey" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.1 })
+  ] }),
   light: {
     primary: "#A06A08",
     primaryContrast: "#ffffff",
@@ -905,7 +1016,10 @@ var canopyPreset = {
     "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "canopy" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "canopy" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.11 })
+  ] }),
   light: {
     primary: "#2E7A40",
     primaryContrast: "#ffffff",
@@ -1028,7 +1142,12 @@ var slatePreset = {
   ]
 };
 var cyberStrikePreset = {
-  background: createElement(CyberBackground, { variant: "strike" }),
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "strike" }),
+    createElement(AmbientBloom, { intensity: 0.12 })
+  ),
   light: {
     primary: "#FF1744",
     primaryContrast: "#ffffff",
@@ -1066,8 +1185,8 @@ var cyberStrikePreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(24, 16, 20, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(24, 16, 20, 0.32)",
+    glassBlur: "blur(28px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(255, 23, 68, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
@@ -1091,23 +1210,28 @@ var cyberStrikePreset = {
     "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
   ]
 };
-var cyberPunkPreset = {
-  background: createElement(CyberBackground, { variant: "punk" }),
+var cyberChromePreset = {
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "chrome" }),
+    createElement(AmbientBloom, { intensity: 0.1 })
+  ),
   light: {
-    primary: "#7C4DFF",
+    primary: "#64748B",
     primaryContrast: "#ffffff",
-    background: "#FAF8FF",
+    background: "#F1F3F5",
     surface: "transparent",
-    surfaceHover: "rgba(124, 77, 255, 0.08)",
-    text: "#0E0A1E",
-    textDimmed: "#342E4D",
-    textSubtle: "#625880",
-    border: "rgba(14, 10, 30, 0.08)",
+    surfaceHover: "rgba(100, 116, 139, 0.08)",
+    text: "#0B0E12",
+    textDimmed: "#2F3A47",
+    textSubtle: "#5C6B7A",
+    border: "rgba(11, 14, 18, 0.1)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(250, 248, 255, 0.25)",
-    glassBlur: "blur(8px) saturate(180%)",
+    glassBackground: "rgba(241, 243, 245, 0.28)",
+    glassBlur: "blur(8px) saturate(160%)",
     shadow: "0px 2px 6px rgba(0, 0, 0, 0.05), 0px 20px 48px -8px rgba(0, 0, 0, 0.14)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.03), 0 8px 24px -8px rgba(0, 0, 0, 0.06), 0 20px 48px -16px rgba(0, 0, 0, 0.04)",
     durationFast: "80ms",
@@ -1118,22 +1242,22 @@ var cyberPunkPreset = {
     fontSans: '"JetBrains Mono", monospace'
   },
   dark: {
-    primary: "#7C4DFF",
-    primaryContrast: "#ffffff",
-    background: "#040308",
+    primary: "#94A3B8",
+    primaryContrast: "#0B0E12",
+    background: "#05070A",
     surface: "transparent",
-    surfaceHover: "rgba(124, 77, 255, 0.06)",
-    text: "#F0EAFF",
-    textDimmed: "#D0BBEE",
-    textSubtle: "#7E6E98",
-    border: "rgba(134, 87, 255, 0.19)",
+    surfaceHover: "rgba(148, 165, 184, 0.06)",
+    text: "#E8EEF5",
+    textDimmed: "#A8B6C4",
+    textSubtle: "#5E6E80",
+    border: "rgba(148, 165, 184, 0.16)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(18, 13, 26, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(14, 18, 24, 0.34)",
+    glassBlur: "blur(28px) saturate(160%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(124, 77, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(148, 165, 184, 0.07), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1161,7 +1285,12 @@ var cyberPunkPreset = {
   ]
 };
 var cyberVoidPreset = {
-  background: createElement(CyberBackground, { variant: "void" }),
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "void" }),
+    createElement(AmbientBloom, { intensity: 0.12 })
+  ),
   light: {
     primary: "#2979FF",
     primaryContrast: "#ffffff",
@@ -1199,8 +1328,8 @@ var cyberVoidPreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(11, 15, 27, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(11, 15, 27, 0.32)",
+    glassBlur: "blur(28px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(41, 121, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
@@ -1229,7 +1358,10 @@ var nirvanaPreset = {
   fontImports: [
     "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cormorant:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "nirvana" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "nirvana" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.11 })
+  ] }),
   light: {
     primary: "#f23801",
     primaryContrast: "#ffffff",
@@ -1292,7 +1424,10 @@ var wavePreset = {
   fontImports: [
     "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "wave" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "wave" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.1 })
+  ] }),
   light: {
     primary: "#2563eb",
     primaryContrast: "#ffffff",
@@ -1547,7 +1682,7 @@ function ConstellationBackground({
   useEffect(() => {
     redrawRef.current?.();
   }, [darkPalette, lightPalette]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("style", { children: `
         div[style*="var(--color-background)"][style*="100vh"] {
           background-color: transparent !important;
@@ -1569,8 +1704,6 @@ function ConstellationBackground({
     )
   ] });
 }
-
-// src/theme/presets/synapse.tsx
 var synapsePreset = {
   subtitleFontFamily: '"Space Grotesk", sans-serif',
   fontImports: [
@@ -1578,7 +1711,10 @@ var synapsePreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
   colors: ["#22D3EE", "#020305", "#F0FAFB"],
-  background: createElement(ConstellationBackground),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, {}),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.12 })
+  ] }),
   light: {
     primary: "#0891B2",
     primaryContrast: "#ffffff",
@@ -1604,7 +1740,7 @@ var synapsePreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#0EB5CC",
+    primary: "#0A8A9E",
     primaryContrast: "#ffffff",
     background: "#000000",
     surface: "transparent",
@@ -1616,8 +1752,8 @@ var synapsePreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(6, 12, 16, 0.3)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(6, 12, 16, 0.2)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(34, 211, 238, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -1675,7 +1811,10 @@ var cortexPreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
   colors: ["#3B82F6", "#02050E", "#F0F6FF"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: CORTEX_DARK, lightPalette: CORTEX_LIGHT }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: CORTEX_DARK, lightPalette: CORTEX_LIGHT }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.1 })
+  ] }),
   light: {
     primary: "#2563EB",
     primaryContrast: "#ffffff",
@@ -1713,8 +1852,8 @@ var cortexPreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(8, 14, 16, 0.3)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(13, 19, 21, 0.2)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(59, 130, 246, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -1772,7 +1911,10 @@ var heliosPreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
   colors: ["#F59E0B", "#0C0702", "#FFFBF0"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: HELIOS_DARK, lightPalette: HELIOS_LIGHT }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: HELIOS_DARK, lightPalette: HELIOS_LIGHT }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.1 })
+  ] }),
   light: {
     primary: "#B45309",
     primaryContrast: "#ffffff",
@@ -1798,7 +1940,7 @@ var heliosPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#FBBF24",
+    primary: "#D19915",
     primaryContrast: "#1A0F02",
     background: "#000000",
     surface: "transparent",
@@ -1810,8 +1952,8 @@ var heliosPreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(14, 9, 2, 0.32)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(14, 9, 2, 0.2)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(245, 158, 11, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -1831,7 +1973,7 @@ var heliosPreset = {
   }
 };
 var GRAPHITE_DARK = {
-  bgStops: ["rgba(14, 16, 18, 1)", "rgba(8, 9, 11, 1)", "rgba(0, 0, 0, 1)"],
+  bgStops: ["rgba(7, 8, 9, 1)", "rgba(3, 4, 5, 1)", "rgba(0, 0, 0, 1)"],
   paletteA: [156, 163, 175],
   // gray-400
   paletteB: [209, 213, 219],
@@ -1869,7 +2011,10 @@ var graphitePreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
   colors: ["#9CA3AF", "#08090B", "#F8F9FA"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: GRAPHITE_DARK, lightPalette: GRAPHITE_LIGHT }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: GRAPHITE_DARK, lightPalette: GRAPHITE_LIGHT }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.1 })
+  ] }),
   light: {
     primary: "#4B5563",
     primaryContrast: "#ffffff",
@@ -1895,7 +2040,7 @@ var graphitePreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#D1D5DB",
+    primary: "#8D96A3",
     primaryContrast: "#0A0B0D",
     background: "#000000",
     surface: "transparent",
@@ -1907,8 +2052,8 @@ var graphitePreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(10, 11, 13, 0.3)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(10, 11, 13, 0.2)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(156, 163, 175, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -2014,11 +2159,11 @@ var PRESETS = {
     description: "Cold synthetic digital depths",
     colors: ["#2979FF", "#0A0D14", "#E8ECF2"]
   },
-  "cyber-punk": {
-    ...cyberPunkPreset,
-    label: "Cyber-Punk",
-    description: "High-voltage violet neon",
-    colors: ["#7C4DFF", "#0E0A1E", "#E9E6F2"]
+  "cyber-chrome": {
+    ...cyberChromePreset,
+    label: "Cyber-Chrome",
+    description: "Polished slate machined alloy",
+    colors: ["#94A3B8", "#05070A", "#F1F3F5"]
   },
   "cyber-strike": {
     ...cyberStrikePreset,