@elevasis/ui 1.15.3 → 1.17.0

package/dist/{chunk-XY7VKOKI.js → chunk-4AKGF454.js}

@@ -1,7 +1,7 @@
-import { CyberBackground } from './chunk-FEZ2TGSH.js';
+import { CyberBackground, WaveBackground } from './chunk-7ATCF6UL.js';
 import { createElement, createContext, useContext } from 'react';
-import { jsxs, Fragment, 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, Loader } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
 
 // src/theme/presets/utils.ts
 function hexToRgb(hex) {
@@ -250,67 +250,58 @@ var cyberVoltPreset = {
     primary: "#0097A7",
     primaryContrast: "#ffffff",
     background: "#E0E6EE",
-    surface: "#EAEDF3",
+    surface: "rgba(234, 237, 243, 0.45)",
     surfaceHover: "#D6DCE6",
     text: "#0A0E14",
     textDimmed: "#2E3A4D",
     textSubtle: "#556680",
-    border: "#B0BCD0",
+    border: "rgba(0, 151, 167, 0.32)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(234, 238, 244, 0.6)",
-    glassBlur: "blur(14px)",
+    glassBackground: "rgba(234, 238, 244, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
     shadow: "0px 2px 4px -2px rgba(0, 151, 167, 0.08)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 30, 35, 0.08), 0 6px 18px rgba(0, 30, 35, 0.08), 0 10px 24px rgba(0, 151, 167, 0.015)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
     destructiveFg: "#ffffff",
-    fontHeading: '"Orbitron", sans-serif',
-    fontSans: '"JetBrains Mono", monospace'
+    fontHeading: '"Chakra Petch", sans-serif',
+    fontSans: '"Chakra Petch", sans-serif'
   },
   dark: {
     primary: "#00ACC1",
     primaryContrast: "#ffffff",
     background: "#030506",
-    surface: "#0E1520",
+    surface: "rgba(14, 21, 32, 0.45)",
     surfaceHover: "#16202E",
     text: "#E0F7FA",
     textDimmed: "#80DEEA",
     textSubtle: "#68C8BE",
-    border: "#192232",
+    border: "rgba(0, 172, 193, 0.19)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(12, 20, 30, 0.57)",
-    glassBlur: "blur(18px)",
+    glassBackground: "rgba(12, 20, 30, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
     shadow: "0px 2px 8px -2px rgba(0, 229, 255, 0.15)",
-    cardShadow: "inset 0 1px 0 rgba(0, 229, 255, 0.05), 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 229, 255, 0.06), 0 8px 24px rgba(0, 0, 0, 0.25)",
+    cardShadow: "inset 0 1px 0 rgba(0, 172, 193, 0.18), 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 18px rgba(0, 0, 0, 0.35), 0 10px 24px rgba(0, 172, 193, 0.03)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
     destructiveFg: "#ffffff",
-    fontHeading: '"Orbitron", sans-serif',
-    fontSans: '"JetBrains Mono", monospace'
+    fontHeading: '"Chakra Petch", sans-serif',
+    fontSans: '"Chakra Petch", sans-serif'
   },
-  subtitleFontFamily: '"Exo 2", sans-serif',
+  subtitleFontFamily: '"Chakra Petch", sans-serif',
   framework: {
-    fontFamily: '"JetBrains Mono", monospace',
+    fontFamily: '"Chakra Petch", sans-serif',
     headings: {
-      fontFamily: '"Orbitron", sans-serif'
-    },
-    components: {
-      Title: {
-        styles: { root: { letterSpacing: "-0.05em" } }
-      }
+      fontFamily: '"Chakra Petch", sans-serif'
     }
   },
-  fontImports: [
-    "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap",
-    "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap",
-    "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
-  ]
+  fontImports: ["https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap"]
 };
 
 // src/theme/presets/aurora.ts
@@ -577,178 +568,6 @@ var emberPreset = {
     "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&display=swap"
   ]
 };
-var MOTE_COUNT = 24;
-var randRange = (min, max) => min + Math.random() * (max - min);
-var motes = Array.from({ length: MOTE_COUNT }, () => {
-  const size = randRange(2, 16);
-  return {
-    left: randRange(0, 100),
-    size,
-    blur: size / 2,
-    duration: randRange(28, 52),
-    delay: -randRange(0, 35),
-    drift: randRange(-22, 22),
-    pulse: randRange(3, 9),
-    pulseDelay: -randRange(0, 5)
-  };
-});
-var HoneyBackground = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("style", { children: `
-      :root {
-        --honey-bg-wave-front: #fbeed3;
-        --honey-bg-wave-back: #fdf5e0;
-        --honey-mote-core: rgba(230, 170, 50, 0.85);
-        --honey-mote-halo: rgba(230, 170, 50, 0.3);
-      }
-      [data-mantine-color-scheme="dark"] {
-        --honey-bg-wave-front: #120e05;
-        --honey-bg-wave-back: #080502;
-        --honey-mote-core: rgba(232, 168, 32, 0.4);
-        --honey-mote-halo: rgba(232, 168, 32, 0.12);
-      }
-      div[style*="var(--color-background)"][style*="100vh"] {
-        background-color: transparent !important;
-        isolation: isolate;
-      }
-      .honey-bg-root {
-        position: absolute;
-        inset: 0;
-        z-index: -1;
-        overflow: hidden;
-        pointer-events: none;
-        background: var(--color-background);
-      }
-      .honey-bg-layer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 200%;
-        height: 100%;
-        will-change: transform;
-      }
-      .honey-bg-layer svg {
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-      @keyframes honey-bg-drift {
-        from { transform: translateX(0); }
-        to   { transform: translateX(-50%); }
-      }
-      .honey-bg-layer-back {
-        animation: honey-bg-drift 105s linear infinite;
-      }
-      .honey-bg-layer-front {
-        animation: honey-bg-drift 63s linear infinite;
-      }
-      .honey-bg-wave-back {
-        fill: var(--honey-bg-wave-back);
-      }
-      .honey-bg-wave-front {
-        fill: var(--honey-bg-wave-front);
-      }
-      .honey-bg-motes {
-        position: absolute;
-        inset: 0;
-        pointer-events: none;
-      }
-      .honey-bg-mote {
-        position: absolute;
-        bottom: 18%;
-        opacity: 0;
-        transform: translate3d(0, 0, 0);
-        animation: honey-mote-rise var(--mote-duration, 32s) ease-in-out infinite;
-        animation-delay: var(--mote-delay, 0s);
-        will-change: transform, opacity;
-      }
-      .honey-bg-mote-inner {
-        width: var(--mote-size, 4px);
-        height: var(--mote-size, 4px);
-        border-radius: 50%;
-        background: radial-gradient(
-          circle,
-          var(--honey-mote-core) 0%,
-          var(--honey-mote-halo) 45%,
-          transparent 75%
-        );
-        filter: blur(var(--mote-blur, 2px));
-        animation: honey-mote-pulse var(--mote-pulse, 5s) ease-in-out infinite;
-        animation-delay: var(--mote-pulse-delay, 0s);
-        will-change: transform, filter;
-      }
-      @keyframes honey-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 honey-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) {
-        .honey-bg-layer-back,
-        .honey-bg-layer-front,
-        .honey-bg-mote,
-        .honey-bg-mote-inner {
-          animation: none;
-        }
-        .honey-bg-mote {
-          opacity: 0;
-        }
-      }
-    ` }),
-  /* @__PURE__ */ jsxs("div", { className: "honey-bg-root", children: [
-    /* @__PURE__ */ jsx("div", { className: "honey-bg-layer honey-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: "honey-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: "honey-bg-layer honey-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: "honey-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: "honey-bg-motes", "aria-hidden": "true", children: motes.map((mote, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "honey-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: "honey-bg-mote-inner" })
-      },
-      i
-    )) })
-  ] })
-] });
 var honeyPreset = {
   subtitleFontFamily: '"Outfit", sans-serif',
   fontImports: [
@@ -756,7 +575,7 @@ 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: HoneyBackground,
+  background: createElement(WaveBackground, { variant: "honey" }),
   light: {
     primary: "#A06A08",
     primaryContrast: "#ffffff",
@@ -818,178 +637,6 @@ var honeyPreset = {
     }
   }
 };
-var MOTE_COUNT2 = 24;
-var randRange2 = (min, max) => min + Math.random() * (max - min);
-var motes2 = Array.from({ length: MOTE_COUNT2 }, () => {
-  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 CanopyBackground = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("style", { children: `
-      :root {
-        --canopy-bg-wave-front: #dcebdf;
-        --canopy-bg-wave-back: #e6f0e8;
-        --canopy-mote-core: rgba(140, 205, 155, 0.85);
-        --canopy-mote-halo: rgba(140, 205, 155, 0.3);
-      }
-      [data-mantine-color-scheme="dark"] {
-        --canopy-bg-wave-front: #060f09;
-        --canopy-bg-wave-back: #030805;
-        --canopy-mote-core: rgba(74, 168, 96, 0.4);
-        --canopy-mote-halo: rgba(74, 168, 96, 0.12);
-      }
-      div[style*="var(--color-background)"][style*="100vh"] {
-        background-color: transparent !important;
-        isolation: isolate;
-      }
-      .canopy-bg-root {
-        position: absolute;
-        inset: 0;
-        z-index: -1;
-        overflow: hidden;
-        pointer-events: none;
-        background: var(--color-background);
-      }
-      .canopy-bg-layer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 200%;
-        height: 100%;
-        will-change: transform;
-      }
-      .canopy-bg-layer svg {
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-      @keyframes canopy-bg-drift {
-        from { transform: translateX(0); }
-        to   { transform: translateX(-50%); }
-      }
-      .canopy-bg-layer-back {
-        animation: canopy-bg-drift 105s linear infinite;
-      }
-      .canopy-bg-layer-front {
-        animation: canopy-bg-drift 63s linear infinite;
-      }
-      .canopy-bg-wave-back {
-        fill: var(--canopy-bg-wave-back);
-      }
-      .canopy-bg-wave-front {
-        fill: var(--canopy-bg-wave-front);
-      }
-      .canopy-bg-motes {
-        position: absolute;
-        inset: 0;
-        pointer-events: none;
-      }
-      .canopy-bg-mote {
-        position: absolute;
-        bottom: 18%;
-        opacity: 0;
-        transform: translate3d(0, 0, 0);
-        animation: canopy-mote-rise var(--mote-duration, 32s) ease-in-out infinite;
-        animation-delay: var(--mote-delay, 0s);
-        will-change: transform, opacity;
-      }
-      .canopy-bg-mote-inner {
-        width: var(--mote-size, 4px);
-        height: var(--mote-size, 4px);
-        border-radius: 50%;
-        background: radial-gradient(
-          circle,
-          var(--canopy-mote-core) 0%,
-          var(--canopy-mote-halo) 45%,
-          transparent 75%
-        );
-        filter: blur(var(--mote-blur, 2px));
-        animation: canopy-mote-pulse var(--mote-pulse, 5s) ease-in-out infinite;
-        animation-delay: var(--mote-pulse-delay, 0s);
-        will-change: transform, filter;
-      }
-      @keyframes canopy-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 canopy-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) {
-        .canopy-bg-layer-back,
-        .canopy-bg-layer-front,
-        .canopy-bg-mote,
-        .canopy-bg-mote-inner {
-          animation: none;
-        }
-        .canopy-bg-mote {
-          opacity: 0;
-        }
-      }
-    ` }),
-  /* @__PURE__ */ jsxs("div", { className: "canopy-bg-root", children: [
-    /* @__PURE__ */ jsx("div", { className: "canopy-bg-layer canopy-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: "canopy-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: "canopy-bg-layer canopy-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: "canopy-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: "canopy-bg-motes", "aria-hidden": "true", children: motes2.map((mote, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "canopy-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: "canopy-bg-mote-inner" })
-      },
-      i
-    )) })
-  ] })
-] });
 var canopyPreset = {
   subtitleFontFamily: '"Lora", serif',
   fontImports: [
@@ -997,7 +644,7 @@ 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: CanopyBackground,
+  background: createElement(WaveBackground, { variant: "canopy" }),
   light: {
     primary: "#2E7A40",
     primaryContrast: "#ffffff",
@@ -1125,19 +772,19 @@ var cyberStrikePreset = {
     primary: "#FF1744",
     primaryContrast: "#ffffff",
     background: "#EBE0E3",
-    surface: "#F3EAEB",
+    surface: "rgba(243, 234, 235, 0.45)",
     surfaceHover: "#E4D6DB",
     text: "#140A0C",
     textDimmed: "#4D2E35",
     textSubtle: "#805560",
-    border: "#CCB0B8",
+    border: "rgba(170, 80, 100, 0.32)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(242, 234, 236, 0.6)",
-    glassBlur: "blur(14px)",
+    glassBackground: "rgba(242, 234, 236, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
     shadow: "0px 2px 4px -2px rgba(255, 23, 68, 0.08)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(100, 30, 50, 0.08), 0 6px 18px rgba(100, 30, 50, 0.08), 0 10px 24px rgba(255, 23, 68, 0.015)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1149,19 +796,19 @@ var cyberStrikePreset = {
     primary: "#FF1744",
     primaryContrast: "#ffffff",
     background: "#060404",
-    surface: "#180C10",
+    surface: "rgba(24, 12, 16, 0.45)",
     surfaceHover: "#26181E",
     text: "#FAE0E4",
     textDimmed: "#F0A0B0",
     textSubtle: "#D08090",
-    border: "#33161D",
+    border: "rgba(230, 120, 140, 0.2)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(23, 17, 21, 0.57)",
-    glassBlur: "blur(18px)",
+    glassBackground: "rgba(23, 17, 21, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
     shadow: "0px 2px 8px -2px rgba(255, 23, 68, 0.15)",
-    cardShadow: "inset 0 1px 0 rgba(255, 23, 68, 0.05), 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(255, 23, 68, 0.06), 0 8px 24px rgba(0, 0, 0, 0.25)",
+    cardShadow: "inset 0 1px 0 rgba(255, 100, 130, 0.18), 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 18px rgba(0, 0, 0, 0.35), 0 10px 24px rgba(255, 23, 68, 0.03)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1185,58 +832,58 @@ var cyberStrikePreset = {
 var cyberFluxPreset = {
   background: createElement(CyberBackground, { variant: "flux" }),
   light: {
-    primary: "#C49000",
+    primary: "#7C4DFF",
     primaryContrast: "#ffffff",
-    background: "#EBE8DF",
-    surface: "#F3EFEA",
-    surfaceHover: "#E4E0D5",
-    text: "#14120A",
-    textDimmed: "#4D462E",
-    textSubtle: "#807555",
-    border: "#CCC5B0",
+    background: "#E9E6F2",
+    surface: "rgba(241, 238, 248, 0.45)",
+    surfaceHover: "#DEDAEC",
+    text: "#0E0A1E",
+    textDimmed: "#342E4D",
+    textSubtle: "#625880",
+    border: "rgba(124, 77, 255, 0.32)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(242, 240, 233, 0.6)",
-    glassBlur: "blur(14px)",
-    shadow: "0px 2px 4px -2px rgba(196, 144, 0, 0.08)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04)",
+    glassBackground: "rgba(240, 238, 248, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
+    shadow: "0px 2px 4px -2px rgba(124, 77, 255, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(20, 15, 40, 0.08), 0 6px 18px rgba(20, 15, 40, 0.08), 0 10px 24px rgba(124, 77, 255, 0.015)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
     destructiveFg: "#ffffff",
-    fontHeading: '"Audiowide", sans-serif',
+    fontHeading: '"Quantico", sans-serif',
     fontSans: '"JetBrains Mono", monospace'
   },
   dark: {
-    primary: "#C8A600",
-    primaryContrast: "#141200",
-    background: "#050503",
-    surface: "#17140C",
-    surfaceHover: "#282318",
-    text: "#FAF5E0",
-    textDimmed: "#EAD580",
-    textSubtle: "#AC9E4D",
-    border: "#232105",
+    primary: "#9575CD",
+    primaryContrast: "#1A1528",
+    background: "#040308",
+    surface: "rgba(18, 14, 28, 0.45)",
+    surfaceHover: "#221A34",
+    text: "#F0EAFF",
+    textDimmed: "#D0BBEE",
+    textSubtle: "#B0A0D0",
+    border: "rgba(149, 117, 205, 0.21)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(21, 19, 12, 0.57)",
-    glassBlur: "blur(18px)",
-    shadow: "0px 2px 8px -2px rgba(255, 214, 0, 0.15)",
-    cardShadow: "inset 0 1px 0 rgba(255, 214, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(255, 214, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.25)",
+    glassBackground: "rgba(16, 13, 26, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
+    shadow: "0px 2px 8px -2px rgba(179, 136, 255, 0.15)",
+    cardShadow: "inset 0 1px 0 rgba(149, 117, 205, 0.18), 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 18px rgba(0, 0, 0, 0.35), 0 10px 24px rgba(149, 117, 205, 0.03)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
     destructiveFg: "#ffffff",
-    fontHeading: '"Audiowide", sans-serif',
+    fontHeading: '"Quantico", sans-serif',
     fontSans: '"JetBrains Mono", monospace'
   },
   subtitleFontFamily: '"Exo 2", sans-serif',
   framework: {
     fontFamily: '"JetBrains Mono", monospace',
     headings: {
-      fontFamily: '"Audiowide", sans-serif'
+      fontFamily: '"Quantico", sans-serif'
     },
     components: {
       Title: {
@@ -1245,7 +892,7 @@ var cyberFluxPreset = {
     }
   },
   fontImports: [
-    "https://fonts.googleapis.com/css2?family=Audiowide&display=swap",
+    "https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap",
     "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
   ]
@@ -1256,19 +903,19 @@ var cyberVoidPreset = {
     primary: "#2979FF",
     primaryContrast: "#ffffff",
     background: "#E0E5EE",
-    surface: "#EAEDF3",
+    surface: "rgba(234, 237, 243, 0.45)",
     surfaceHover: "#D6DBE5",
     text: "#0A0D14",
     textDimmed: "#2E374D",
     textSubtle: "#556080",
-    border: "#B0B8CE",
+    border: "rgba(120, 135, 170, 0.32)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(238, 241, 248, 0.6)",
-    glassBlur: "blur(14px)",
+    glassBackground: "rgba(238, 241, 248, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
     shadow: "0px 2px 4px -2px rgba(41, 121, 255, 0.08)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(30, 50, 100, 0.08), 0 6px 18px rgba(30, 50, 100, 0.08), 0 10px 24px rgba(41, 121, 255, 0.015)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1280,19 +927,19 @@ var cyberVoidPreset = {
     primary: "#2979FF",
     primaryContrast: "#ffffff",
     background: "#030507",
-    surface: "#0E131E",
+    surface: "rgba(14, 19, 30, 0.45)",
     surfaceHover: "#161E2C",
     text: "#E0EAFA",
     textDimmed: "#99BBEE",
     textSubtle: "#80A0D0",
-    border: "#192033",
+    border: "rgba(140, 170, 230, 0.18)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(14, 19, 30, 0.57)",
-    glassBlur: "blur(18px)",
+    glassBackground: "rgba(14, 19, 30, 0.3)",
+    glassBlur: "blur(26px) saturate(160%)",
     shadow: "0px 2px 8px -2px rgba(41, 121, 255, 0.15)",
-    cardShadow: "inset 0 1px 0 rgba(41, 121, 255, 0.05), 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(41, 121, 255, 0.06), 0 8px 24px rgba(0, 0, 0, 0.25)",
+    cardShadow: "inset 0 1px 0 rgba(100, 160, 255, 0.18), 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 18px rgba(0, 0, 0, 0.35), 0 10px 24px rgba(41, 121, 255, 0.03)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1314,184 +961,12 @@ var cyberVoidPreset = {
     "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
   ]
 };
-var MOTE_COUNT3 = 24;
-var randRange3 = (min, max) => min + Math.random() * (max - min);
-var motes3 = Array.from({ length: MOTE_COUNT3 }, () => {
-  const size = randRange3(2, 16);
-  return {
-    left: randRange3(0, 100),
-    size,
-    blur: size / 2,
-    duration: randRange3(28, 52),
-    delay: -randRange3(0, 35),
-    drift: randRange3(-22, 22),
-    pulse: randRange3(3, 9),
-    pulseDelay: -randRange3(0, 5)
-  };
-});
-var NirvanaBackground = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("style", { children: `
-      :root {
-        --nirvana-bg-wave-front: #fde8e0;
-        --nirvana-bg-wave-back: #fef2ec;
-        --nirvana-mote-core: rgba(253, 205, 170, 0.85);
-        --nirvana-mote-halo: rgba(253, 205, 170, 0.3);
-      }
-      [data-mantine-color-scheme="dark"] {
-        --nirvana-bg-wave-front: #140804;
-        --nirvana-bg-wave-back: #0a0402;
-        --nirvana-mote-core: rgba(180, 110, 70, 0.4);
-        --nirvana-mote-halo: rgba(180, 110, 70, 0.12);
-      }
-      div[style*="var(--color-background)"][style*="100vh"] {
-        background-color: transparent !important;
-        isolation: isolate;
-      }
-      .nirvana-bg-root {
-        position: absolute;
-        inset: 0;
-        z-index: -1;
-        overflow: hidden;
-        pointer-events: none;
-        background: var(--color-background);
-      }
-      .nirvana-bg-layer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 200%;
-        height: 100%;
-        will-change: transform;
-      }
-      .nirvana-bg-layer svg {
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-      @keyframes nirvana-wave-drift {
-        from { transform: translateX(0); }
-        to   { transform: translateX(-50%); }
-      }
-      .nirvana-bg-layer-back {
-        animation: nirvana-wave-drift 105s linear infinite;
-      }
-      .nirvana-bg-layer-front {
-        animation: nirvana-wave-drift 63s linear infinite;
-      }
-      .nirvana-bg-wave-back {
-        fill: var(--nirvana-bg-wave-back);
-      }
-      .nirvana-bg-wave-front {
-        fill: var(--nirvana-bg-wave-front);
-      }
-      .nirvana-bg-motes {
-        position: absolute;
-        inset: 0;
-        pointer-events: none;
-      }
-      .nirvana-bg-mote {
-        position: absolute;
-        bottom: 18%;
-        opacity: 0;
-        transform: translate3d(0, 0, 0);
-        animation: nirvana-mote-rise var(--mote-duration, 32s) ease-in-out infinite;
-        animation-delay: var(--mote-delay, 0s);
-        will-change: transform, opacity;
-      }
-      .nirvana-bg-mote-inner {
-        width: var(--mote-size, 4px);
-        height: var(--mote-size, 4px);
-        border-radius: 50%;
-        background: radial-gradient(
-          circle,
-          var(--nirvana-mote-core) 0%,
-          var(--nirvana-mote-halo) 45%,
-          transparent 75%
-        );
-        filter: blur(var(--mote-blur, 2px));
-        animation: nirvana-mote-pulse var(--mote-pulse, 5s) ease-in-out infinite;
-        animation-delay: var(--mote-pulse-delay, 0s);
-        will-change: transform, filter;
-      }
-      @keyframes nirvana-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 nirvana-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) {
-        .nirvana-bg-layer-back,
-        .nirvana-bg-layer-front,
-        .nirvana-bg-mote,
-        .nirvana-bg-mote-inner {
-          animation: none;
-        }
-        .nirvana-bg-mote {
-          opacity: 0;
-        }
-      }
-    ` }),
-  /* @__PURE__ */ jsxs("div", { className: "nirvana-bg-root", children: [
-    /* @__PURE__ */ jsx("div", { className: "nirvana-bg-layer nirvana-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: "nirvana-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: "nirvana-bg-layer nirvana-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: "nirvana-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: "nirvana-bg-motes", "aria-hidden": "true", children: motes3.map((mote, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "nirvana-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: "nirvana-bg-mote-inner" })
-      },
-      i
-    )) })
-  ] })
-] });
 var nirvanaPreset = {
   subtitleFontFamily: '"Inter", sans-serif',
   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: NirvanaBackground,
+  background: createElement(WaveBackground, { variant: "nirvana" }),
   loader: /* @__PURE__ */ jsx(Loader, { type: "dots", size: "xl" }),
   light: {
     primary: "#f23801",
@@ -1550,184 +1025,12 @@ var nirvanaPreset = {
     }
   }
 };
-var MOTE_COUNT4 = 24;
-var randRange4 = (min, max) => min + Math.random() * (max - min);
-var motes4 = Array.from({ length: MOTE_COUNT4 }, () => {
-  const size = randRange4(2, 16);
-  return {
-    left: randRange4(0, 100),
-    size,
-    blur: size / 2,
-    duration: randRange4(28, 52),
-    delay: -randRange4(0, 35),
-    drift: randRange4(-22, 22),
-    pulse: randRange4(3, 9),
-    pulseDelay: -randRange4(0, 5)
-  };
-});
-var WaveBackground = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("style", { children: `
-      :root {
-        --wave-bg-wave-front: #dbeafe;
-        --wave-bg-wave-back: #eef4ff;
-        --wave-mote-core: rgba(125, 180, 255, 0.85);
-        --wave-mote-halo: rgba(125, 180, 255, 0.3);
-      }
-      [data-mantine-color-scheme="dark"] {
-        --wave-bg-wave-front: #050e1c;
-        --wave-bg-wave-back: #030812;
-        --wave-mote-core: rgba(90, 160, 230, 0.4);
-        --wave-mote-halo: rgba(90, 160, 230, 0.12);
-      }
-      div[style*="var(--color-background)"][style*="100vh"] {
-        background-color: transparent !important;
-        isolation: isolate;
-      }
-      .wave-bg-root {
-        position: absolute;
-        inset: 0;
-        z-index: -1;
-        overflow: hidden;
-        pointer-events: none;
-        background: var(--color-background);
-      }
-      .wave-bg-layer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 200%;
-        height: 100%;
-        will-change: transform;
-      }
-      .wave-bg-layer svg {
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-      @keyframes wave-bg-drift {
-        from { transform: translateX(0); }
-        to   { transform: translateX(-50%); }
-      }
-      .wave-bg-layer-back {
-        animation: wave-bg-drift 105s linear infinite;
-      }
-      .wave-bg-layer-front {
-        animation: wave-bg-drift 63s linear infinite;
-      }
-      .wave-bg-wave-back {
-        fill: var(--wave-bg-wave-back);
-      }
-      .wave-bg-wave-front {
-        fill: var(--wave-bg-wave-front);
-      }
-      .wave-bg-motes {
-        position: absolute;
-        inset: 0;
-        pointer-events: none;
-      }
-      .wave-bg-mote {
-        position: absolute;
-        bottom: 18%;
-        opacity: 0;
-        transform: translate3d(0, 0, 0);
-        animation: wave-mote-rise var(--mote-duration, 32s) ease-in-out infinite;
-        animation-delay: var(--mote-delay, 0s);
-        will-change: transform, opacity;
-      }
-      .wave-bg-mote-inner {
-        width: var(--mote-size, 4px);
-        height: var(--mote-size, 4px);
-        border-radius: 50%;
-        background: radial-gradient(
-          circle,
-          var(--wave-mote-core) 0%,
-          var(--wave-mote-halo) 45%,
-          transparent 75%
-        );
-        filter: blur(var(--mote-blur, 2px));
-        animation: wave-mote-pulse var(--mote-pulse, 5s) ease-in-out infinite;
-        animation-delay: var(--mote-pulse-delay, 0s);
-        will-change: transform, filter;
-      }
-      @keyframes wave-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 wave-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) {
-        .wave-bg-layer-back,
-        .wave-bg-layer-front,
-        .wave-bg-mote,
-        .wave-bg-mote-inner {
-          animation: none;
-        }
-        .wave-bg-mote {
-          opacity: 0;
-        }
-      }
-    ` }),
-  /* @__PURE__ */ jsxs("div", { className: "wave-bg-root", children: [
-    /* @__PURE__ */ jsx("div", { className: "wave-bg-layer wave-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: "wave-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: "wave-bg-layer wave-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: "wave-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: "wave-bg-motes", "aria-hidden": "true", children: motes4.map((mote, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "wave-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: "wave-bg-mote-inner" })
-      },
-      i
-    )) })
-  ] })
-] });
 var wavePreset = {
   subtitleFontFamily: '"Inter", sans-serif',
   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: WaveBackground,
+  background: createElement(WaveBackground, { variant: "wave" }),
   light: {
     primary: "#2563eb",
     primaryContrast: "#ffffff",
@@ -1875,8 +1178,8 @@ var PRESETS = {
   "cyber-flux": {
     ...cyberFluxPreset,
     label: "Cyber-Flux",
-    description: "Hazard-lit industrial neon",
-    colors: ["#FFD600", "#14120A", "#F2F0E8"]
+    description: "High-voltage violet neon",
+    colors: ["#7C4DFF", "#0E0A1E", "#E9E6F2"]
   },
   "cyber-strike": {
     ...cyberStrikePreset,