@elevasis/ui 1.14.6 → 1.15.1

package/dist/{chunk-6ZNKDPAO.js → chunk-K6DYEZHC.js}

@@ -1,5 +1,7 @@
-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';
-import { createContext, useContext } from 'react';
+import { CyberBackground } from './chunk-GIQPDIG5.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';
 
 // src/theme/presets/utils.ts
 function hexToRgb(hex) {
@@ -242,9 +244,8 @@ var regalPreset = {
     "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap"
   ]
 };
-
-// src/theme/presets/cyber-volt.ts
 var cyberVoltPreset = {
+  background: createElement(CyberBackground, { variant: "volt" }),
   light: {
     primary: "#0097A7",
     primaryContrast: "#ffffff",
@@ -576,83 +577,196 @@ var emberPreset = {
     "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&display=swap"
   ]
 };
-
-// src/theme/presets/obsidian.ts
-var obsidianPreset = {
-  light: {
-    primary: "#48484F",
-    primaryContrast: "#ffffff",
-    background: "#F2F2F4",
-    surface: "#FAFAFA",
-    surfaceHover: "#EDEDEF",
-    text: "#111114",
-    textDimmed: "#44444C",
-    textSubtle: "#78788A",
-    border: "#D8D8DC",
-    error: "#C62828",
-    warning: "#E65100",
-    success: "#2E7D32",
-    glassBackground: "rgba(250, 250, 250, 0.6)",
-    glassBlur: "blur(10px)",
-    shadow: "0px 2px 4px -2px rgba(0, 0, 0, 0.1)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.03)",
-    durationFast: "120ms",
-    durationNormal: "220ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"DM Mono", monospace',
-    fontSans: '"DM Sans", sans-serif'
-  },
-  dark: {
-    primary: "#808088",
-    primaryContrast: "#F0F0F2",
-    background: "#030304",
-    surface: "#111113",
-    surfaceHover: "#1C1C20",
-    text: "#F0F0F2",
-    textDimmed: "#B0B0B8",
-    textSubtle: "#A0A0A8",
-    border: "#1E1E22",
-    error: "#FF5252",
-    warning: "#FF9800",
-    success: "#4CAF50",
-    glassBackground: "rgba(16, 16, 17, 0.55)",
-    glassBlur: "blur(12px)",
-    shadow: "0px 3px 6px -2px rgba(0, 0, 0, 0.9)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.25), 0 8px 16px rgba(0, 0, 0, 0.18)",
-    durationFast: "120ms",
-    durationNormal: "220ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"DM Mono", monospace',
-    fontSans: '"DM Sans", sans-serif'
-  },
-  subtitleFontFamily: '"DM Sans", sans-serif',
-  framework: {
-    fontFamily: '"DM Sans", sans-serif',
-    headings: {
-      fontFamily: '"DM Mono", monospace',
-      fontWeight: "500"
-    }
-  },
-  fontImports: [
-    "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap",
-    "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap"
-  ]
-};
-
-// src/theme/presets/honey.ts
+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: [
+    "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap",
+    "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,
   light: {
     primary: "#A06A08",
     primaryContrast: "#ffffff",
     background: "#F5F0E8",
-    surface: "#FBF7F0",
+    surface: "rgba(251, 247, 240, 0.4)",
     surfaceHover: "#EDE5D8",
     text: "#2A1F0A",
     textDimmed: "#5C4820",
     textSubtle: "#8A7450",
-    border: "#E0D0B0",
+    border: "rgba(42, 31, 10, 0.08)",
     error: "#C62828",
     warning: "#E65100",
     success: "#33691E",
@@ -670,17 +784,17 @@ var honeyPreset = {
   dark: {
     primary: "#E8A820",
     primaryContrast: "#1A1200",
-    background: "#060400",
-    surface: "#141108",
+    background: "#000000",
+    surface: "rgba(20, 17, 8, 0.2)",
     surfaceHover: "#1C1808",
     text: "#FDF0D0",
     textDimmed: "#D8C070",
     textSubtle: "#B8A060",
-    border: "#2A2210",
+    border: "rgba(216, 192, 112, 0.1)",
     error: "#EF5350",
     warning: "#FF8A65",
     success: "#8BC34A",
-    glassBackground: "rgba(22, 19, 9, 0.6)",
+    glassBackground: "rgba(22, 19, 9, 0.45)",
     glassBlur: "blur(14px)",
     shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
     cardShadow: "inset 0 1px 0 rgba(232, 168, 32, 0.04), 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.2)",
@@ -691,9 +805,8 @@ var honeyPreset = {
     fontHeading: '"Syne", sans-serif',
     fontSans: '"Inter", sans-serif'
   },
-  subtitleFontFamily: '"Outfit", sans-serif',
   framework: {
-    defaultRadius: "sm",
+    defaultRadius: "xl",
     fontFamily: '"Inter", sans-serif',
     headings: {
       fontFamily: '"Syne", sans-serif'
@@ -703,88 +816,198 @@ var honeyPreset = {
         styles: { root: { letterSpacing: "-0.06em" } }
       }
     }
-  },
-  fontImports: [
-    "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap",
-    "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"
-  ]
-};
-
-// src/theme/presets/abyss.ts
-var abyssPreset = {
-  light: {
-    primary: "#0A70B0",
-    primaryContrast: "#ffffff",
-    background: "#EDF1F5",
-    surface: "#F3F7FA",
-    surfaceHover: "#E0E8EE",
-    text: "#0A1828",
-    textDimmed: "#2A4060",
-    textSubtle: "#5A7890",
-    border: "#C0CED8",
-    error: "#D32F2F",
-    warning: "#F57C00",
-    success: "#388E3C",
-    glassBackground: "rgba(243, 247, 250, 0.6)",
-    glassBlur: "blur(12px)",
-    shadow: "0px 2px 6px -2px rgba(10, 112, 176, 0.08)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(10, 24, 40, 0.05), 0 4px 8px rgba(10, 24, 40, 0.04)",
-    durationFast: "130ms",
-    durationNormal: "240ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"Outfit", sans-serif',
-    fontSans: '"Outfit", sans-serif'
-  },
-  dark: {
-    primary: "#1090D8",
-    primaryContrast: "#ffffff",
-    background: "#010508",
-    surface: "#07101A",
-    surfaceHover: "#122838",
-    text: "#E4F0FC",
-    textDimmed: "#A0C8E8",
-    textSubtle: "#78A8C0",
-    border: "#0F2030",
-    error: "#FF5252",
-    warning: "#FFB74D",
-    success: "#69F0AE",
-    glassBackground: "rgba(5, 18, 26, 0.65)",
-    glassBlur: "blur(16px)",
-    shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
-    cardShadow: "inset 0 1px 0 rgba(16, 144, 216, 0.04), 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.2)",
-    durationFast: "130ms",
-    durationNormal: "240ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"Outfit", sans-serif',
-    fontSans: '"Outfit", sans-serif'
-  },
-  subtitleFontFamily: '"Outfit", sans-serif',
-  framework: {
-    defaultRadius: "sm",
-    fontFamily: '"Outfit", sans-serif',
-    headings: {
-      fontFamily: '"Outfit", sans-serif',
-      fontWeight: "700"
-    }
-  },
-  fontImports: ["https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap"]
+  }
 };
-
-// src/theme/presets/canopy.ts
+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: [
+    "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap",
+    "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,
   light: {
     primary: "#2E7A40",
     primaryContrast: "#ffffff",
     background: "#EDF3EE",
-    surface: "#F4F8F5",
+    surface: "rgba(244, 248, 245, 0.4)",
     surfaceHover: "#E0EBE2",
     text: "#0F2415",
     textDimmed: "#2D5235",
     textSubtle: "#5A7D62",
-    border: "#C0D4C4",
+    border: "rgba(15, 36, 21, 0.08)",
     error: "#C62828",
     warning: "#E65100",
     success: "#33691E",
@@ -802,17 +1025,17 @@ var canopyPreset = {
   dark: {
     primary: "#4AA860",
     primaryContrast: "#ffffff",
-    background: "#030705",
-    surface: "#0B150F",
+    background: "#000000",
+    surface: "rgba(11, 21, 15, 0.2)",
     surfaceHover: "#162818",
     text: "#E0F0E4",
     textDimmed: "#98C8A4",
     textSubtle: "#80A090",
-    border: "#142018",
+    border: "rgba(152, 200, 164, 0.1)",
     error: "#EF5350",
     warning: "#FF8A65",
     success: "#8BC34A",
-    glassBackground: "rgba(16, 23, 18, 0.6)",
+    glassBackground: "rgba(16, 23, 18, 0.45)",
     glassBlur: "blur(14px)",
     shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
     cardShadow: "inset 0 1px 0 rgba(74, 168, 96, 0.04), 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.2)",
@@ -823,20 +1046,14 @@ var canopyPreset = {
     fontHeading: '"Fraunces", serif',
     fontSans: '"Lato", sans-serif'
   },
-  subtitleFontFamily: '"Lora", serif',
   framework: {
-    defaultRadius: "sm",
+    defaultRadius: "xl",
     fontFamily: '"Lato", sans-serif',
     headings: {
       fontFamily: '"Fraunces", serif',
       fontWeight: "600"
     }
-  },
-  fontImports: [
-    "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap",
-    "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"
-  ]
+  }
 };
 
 // src/theme/presets/slate.ts
@@ -902,9 +1119,8 @@ var slatePreset = {
     "https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap"
   ]
 };
-
-// src/theme/presets/cyber-strike.ts
 var cyberStrikePreset = {
+  background: createElement(CyberBackground, { variant: "strike" }),
   light: {
     primary: "#FF1744",
     primaryContrast: "#ffffff",
@@ -966,9 +1182,8 @@ var cyberStrikePreset = {
     "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
   ]
 };
-
-// src/theme/presets/cyber-flux.ts
 var cyberFluxPreset = {
+  background: createElement(CyberBackground, { variant: "flux" }),
   light: {
     primary: "#C49000",
     primaryContrast: "#ffffff",
@@ -1035,9 +1250,8 @@ var cyberFluxPreset = {
     "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
   ]
 };
-
-// src/theme/presets/cyber-void.ts
 var cyberVoidPreset = {
+  background: createElement(CyberBackground, { variant: "void" }),
   light: {
     primary: "#2979FF",
     primaryContrast: "#ffffff",
@@ -1100,6 +1314,477 @@ 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,
+  loader: /* @__PURE__ */ jsx(Loader, { type: "dots", size: "xl" }),
+  light: {
+    primary: "#f23801",
+    primaryContrast: "#ffffff",
+    background: "#ffffff",
+    surface: "transparent",
+    surfaceHover: "#f0f0f0",
+    text: "#000000",
+    textDimmed: "#32373c",
+    textSubtle: "#6b7177",
+    border: "rgba(0, 0, 0, 0.08)",
+    error: "#cf2e2e",
+    warning: "#ff6900",
+    success: "#28a745",
+    glassBackground: "rgba(255, 255, 255, 0.65)",
+    glassBlur: "blur(24px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.04), 0px 8px 24px -8px rgba(0, 0, 0, 0.12)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px -8px rgba(0, 0, 0, 0.12), 0 24px 48px -16px rgba(0, 0, 0, 0.08)",
+    durationFast: "150ms",
+    durationNormal: "250ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Cormorant", Georgia, "Times New Roman", serif',
+    fontSans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  },
+  dark: {
+    primary: "#f23801",
+    primaryContrast: "#ffffff",
+    background: "#000000",
+    surface: "transparent",
+    surfaceHover: "#1a1a1a",
+    text: "#ffffff",
+    textDimmed: "#c8ccd0",
+    textSubtle: "#8a8f95",
+    border: "rgba(255, 255, 255, 0.08)",
+    error: "#ff5252",
+    warning: "#ff9800",
+    success: "#4caf50",
+    glassBackground: "rgba(20, 20, 22, 0.45)",
+    glassBlur: "blur(28px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
+    durationFast: "150ms",
+    durationNormal: "250ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Cormorant", Georgia, "Times New Roman", serif',
+    fontSans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  },
+  framework: {
+    fontFamily: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    defaultRadius: "xl",
+    headings: {
+      fontFamily: '"Cormorant", Georgia, "Times New Roman", serif',
+      fontWeight: "600"
+    }
+  }
+};
+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,
+  light: {
+    primary: "#2563eb",
+    primaryContrast: "#ffffff",
+    background: "#f5f8fc",
+    surface: "rgba(250, 251, 253, 0.2)",
+    surfaceHover: "#eef3fa",
+    text: "#0b1220",
+    textDimmed: "#334155",
+    textSubtle: "#64748b",
+    border: "rgba(15, 23, 42, 0.08)",
+    error: "#dc2626",
+    warning: "#f59e0b",
+    success: "#16a34a",
+    glassBackground: "rgba(250, 251, 253, 0.5)",
+    glassBlur: "blur(24px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(15, 23, 42, 0.04), 0px 8px 24px -8px rgba(37, 99, 235, 0.12)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -8px rgba(37, 99, 235, 0.12), 0 24px 48px -16px rgba(37, 99, 235, 0.08)",
+    durationFast: "150ms",
+    durationNormal: "250ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontSans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  },
+  dark: {
+    primary: "#60a5fa",
+    primaryContrast: "#000000",
+    background: "#000000",
+    surface: "rgba(14, 22, 40, 0.1)",
+    surfaceHover: "#141f36",
+    text: "#f1f5f9",
+    textDimmed: "#cbd5e1",
+    textSubtle: "#94a3b8",
+    border: "rgba(148, 163, 184, 0.1)",
+    error: "#f87171",
+    warning: "#fbbf24",
+    success: "#4ade80",
+    glassBackground: "rgba(16, 16, 18, 0.4)",
+    glassBlur: "blur(28px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
+    cardShadow: "inset 0 1px 0 rgba(148, 197, 255, 0.08), inset 0 0 0 1px rgba(148, 197, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
+    durationFast: "150ms",
+    durationNormal: "250ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontSans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  },
+  framework: {
+    fontFamily: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    defaultRadius: "xl",
+    headings: {
+      fontFamily: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      fontWeight: "600"
+    }
+  }
+};
 
 // src/theme/presets/index.ts
 var PRESETS = {
@@ -1115,18 +1800,18 @@ var PRESETS = {
     description: "Tactical command center aesthetic",
     colors: ["#0099ff", "#020304", "#EAEBEE"]
   },
-  regal: {
-    ...regalPreset,
-    label: "Regal",
-    description: "Regal black and gold aesthetic",
-    colors: ["#D4A843", "#080604", "#F5F0E8"]
-  },
   slate: {
     ...slatePreset,
     label: "Slate",
     description: "Industrial precision",
     colors: ["#7B9EBC", "#0C1016", "#ECEEF0"]
   },
+  regal: {
+    ...regalPreset,
+    label: "Regal",
+    description: "Regal black and gold aesthetic",
+    colors: ["#D4A843", "#080604", "#F5F0E8"]
+  },
   aurora: {
     ...auroraPreset,
     label: "Aurora",
@@ -1151,11 +1836,17 @@ var PRESETS = {
     description: "Earthy terracotta warmth",
     colors: ["#E87B55", "#120E0A", "#F3EFEB"]
   },
-  obsidian: {
-    ...obsidianPreset,
-    label: "Obsidian",
-    description: "Monochrome precision and clarity",
-    colors: ["#A0A0A8", "#0D0D0F", "#F7F7F8"]
+  nirvana: {
+    ...nirvanaPreset,
+    label: "Nirvana",
+    description: "Warm peach waves and rising motes",
+    colors: ["#f23801", "#000000", "#ffffff"]
+  },
+  wave: {
+    ...wavePreset,
+    label: "Waves",
+    description: "Cool azure waves and rising cyan motes",
+    colors: ["#2563eb", "#050914", "#f5f8fc"]
   },
   honey: {
     ...honeyPreset,
@@ -1163,12 +1854,6 @@ var PRESETS = {
     description: "Warm amber optimism",
     colors: ["#E8A820", "#110E04", "#F5F0E8"]
   },
-  abyss: {
-    ...abyssPreset,
-    label: "Abyss",
-    description: "Deep ocean authority",
-    colors: ["#1090D8", "#050E18", "#EDF1F5"]
-  },
   canopy: {
     ...canopyPreset,
     label: "Canopy",
@@ -1181,11 +1866,11 @@ var PRESETS = {
     description: "Neon-soaked sci-fi interface",
     colors: ["#00E5FF", "#0A0E14", "#E8EDF2"]
   },
-  "cyber-strike": {
-    ...cyberStrikePreset,
-    label: "Cyber-Strike",
-    description: "Aggressive dystopian neon",
-    colors: ["#FF1744", "#140A0C", "#F2E8EA"]
+  "cyber-void": {
+    ...cyberVoidPreset,
+    label: "Cyber-Void",
+    description: "Cold synthetic digital depths",
+    colors: ["#2979FF", "#0A0D14", "#E8ECF2"]
   },
   "cyber-flux": {
     ...cyberFluxPreset,
@@ -1193,12 +1878,24 @@ var PRESETS = {
     description: "Hazard-lit industrial neon",
     colors: ["#FFD600", "#14120A", "#F2F0E8"]
   },
-  "cyber-void": {
-    ...cyberVoidPreset,
-    label: "Cyber-Void",
-    description: "Cold synthetic digital depths",
-    colors: ["#2979FF", "#0A0D14", "#E8ECF2"]
+  "cyber-strike": {
+    ...cyberStrikePreset,
+    label: "Cyber-Strike",
+    description: "Aggressive dystopian neon",
+    colors: ["#FF1744", "#140A0C", "#F2E8EA"]
   }
+  // abyss: {
+  //   ...abyssPreset,
+  //   label: 'Abyss',
+  //   description: 'Deep ocean authority',
+  //   colors: ['#1090D8', '#050E18', '#EDF1F5']
+  // },
+  // obsidian: {
+  //   ...obsidianPreset,
+  //   label: 'Obsidian',
+  //   description: 'Monochrome precision and clarity',
+  //   colors: ['#A0A0A8', '#0D0D0F', '#F7F7F8']
+  // }
 };
 function getPreset(name, presetsMap) {
   if (presetsMap) return presetsMap[name] ?? presetsMap["default"] ?? PRESETS.default;