@elevasis/ui 1.4.0 → 1.6.0

package/dist/chunk-KB5NKPTN.js

@@ -0,0 +1,1455 @@
+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
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const full = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
+  return [parseInt(full.slice(0, 2), 16), parseInt(full.slice(2, 4), 16), parseInt(full.slice(4, 6), 16)];
+}
+function rgbToHsl(r, g, b) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b), min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  if (max === min) return [0, 0, l];
+  const d = max - min;
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  let h = 0;
+  if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+  else if (max === g) h = ((b - r) / d + 2) / 6;
+  else h = ((r - g) / d + 4) / 6;
+  return [h * 360, s, l];
+}
+function hslToHex(h, s, l) {
+  h /= 360;
+  const hue2rgb = (p, q, t) => {
+    if (t < 0) t += 1;
+    if (t > 1) t -= 1;
+    if (t < 1 / 6) return p + (q - p) * 6 * t;
+    if (t < 1 / 2) return q;
+    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  };
+  let r, g, b;
+  if (s === 0) {
+    r = g = b = l;
+  } else {
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  const toHex = (n) => Math.round(Math.min(255, Math.max(0, n * 255))).toString(16).padStart(2, "0");
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+function generateShades(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  const [h, s, l] = rgbToHsl(r, g, b);
+  const targets = [
+    0.95,
+    0.88,
+    0.78,
+    0.65,
+    0.55,
+    0.48,
+    l,
+    Math.max(l - 0.08, 0.08),
+    Math.max(l - 0.16, 0.05),
+    Math.max(l - 0.24, 0.03)
+  ];
+  return targets.map((tl) => hslToHex(h, s, tl));
+}
+
+// src/theme/presets/default.ts
+var defaultPreset = {
+  subtitleFontFamily: '"Inter", sans-serif',
+  fontImports: ["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"],
+  light: {
+    primary: "#0099ff",
+    primaryContrast: "#ffffff",
+    background: "#ededf0",
+    surface: "#f5f5f5",
+    surfaceHover: "#f2f2f2",
+    text: "#212529",
+    textDimmed: "#495057",
+    textSubtle: "#868e96",
+    border: "#ddd",
+    error: "#dc3545",
+    warning: "#fd7e14",
+    success: "#28a745",
+    glassBackground: "rgba(252, 252, 252, 0.6)",
+    glassBlur: "blur(10px)",
+    shadow: "0px 3px 5px -4px rgba(0, 0, 0, 0.18)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 2px 4px rgba(0, 0, 0, 0.02), 0 4px 8px rgba(0, 0, 0, 0.02), 0 8px 16px rgba(0, 0, 0, 0.02)",
+    durationFast: "150ms",
+    durationNormal: "250ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontSans: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  },
+  dark: {
+    primary: "#0099ff",
+    primaryContrast: "#ffffff",
+    background: "#040404",
+    surface: "#111112",
+    surfaceHover: "#191919",
+    text: "#ffffff",
+    textDimmed: "#c1c2c5",
+    textSubtle: "#999999",
+    border: "#1C1C1C",
+    error: "#ff5252",
+    warning: "#ff9800",
+    success: "#4caf50",
+    glassBackground: "rgba(15, 15, 15, 0.6)",
+    glassBlur: "blur(10px)",
+    shadow: "0px 3px 6px -2px rgba(0, 0, 0, .9)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.2)",
+    durationFast: "150ms",
+    durationNormal: "250ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontSans: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  }
+};
+
+// src/theme/presets/tactical.ts
+var tacticalPreset = {
+  light: {
+    primary: "#0099ff",
+    primaryContrast: "#ffffff",
+    background: "#EAEBEE",
+    surface: "#F3F3F6",
+    surfaceHover: "#DFDFE4",
+    text: "#0F1319",
+    textDimmed: "#3B4559",
+    textSubtle: "#5D677B",
+    border: "#C5CCD6",
+    error: "#D32F2F",
+    warning: "#ED6C02",
+    success: "#2E7D32",
+    glassBackground: "rgba(243, 243, 246, 0.6)",
+    glassBlur: "blur(14px)",
+    shadow: "0px 2px 4px -2px rgba(15, 19, 25, 0.12)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 3px rgba(15, 19, 25, 0.06), 0 4px 8px rgba(15, 19, 25, 0.04)",
+    durationFast: "100ms",
+    durationNormal: "180ms",
+    easing: "cubic-bezier(0.22, 0, 0.1, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Chakra Petch", sans-serif',
+    fontSans: '"Chakra Petch", sans-serif'
+  },
+  dark: {
+    primary: "#0099ff",
+    primaryContrast: "#ffffff",
+    background: "#020305",
+    surface: "#0E0F14",
+    surfaceHover: "#16171D",
+    text: "#EFF2F7",
+    textDimmed: "#B0BCD2",
+    textSubtle: "#8898AE",
+    border: "#181C2D",
+    error: "#FF4757",
+    warning: "#FFA502",
+    success: "#2ED573",
+    glassBackground: "rgba(13, 14, 18, 0.58)",
+    glassBlur: "blur(16px)",
+    shadow: "0px 2px 6px -2px rgba(0, 0, 0, 0.9)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.28), 0 8px 16px rgba(0, 0, 0, 0.18)",
+    durationFast: "100ms",
+    durationNormal: "180ms",
+    easing: "cubic-bezier(0.22, 0, 0.1, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Chakra Petch", sans-serif',
+    fontSans: '"Chakra Petch", sans-serif'
+  },
+  subtitleFontFamily: '"Chakra Petch", sans-serif',
+  framework: {
+    fontFamily: '"Chakra Petch", sans-serif',
+    headings: {
+      fontFamily: '"Chakra Petch", sans-serif'
+    }
+  },
+  fontImports: ["https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap"]
+};
+
+// src/theme/presets/regal.ts
+var regalPreset = {
+  light: {
+    primary: "#B8922F",
+    primaryContrast: "#ffffff",
+    background: "#F0F0F2",
+    surface: "#F7F7F8",
+    surfaceHover: "#E9E9EB",
+    text: "#2E2E30",
+    textDimmed: "#50505A",
+    textSubtle: "#8E8E96",
+    border: "#CCCCD2",
+    error: "#A83232",
+    warning: "#B87A1A",
+    success: "#3A7A3A",
+    glassBackground: "rgba(247, 247, 248, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(20, 20, 20, 0.12)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(20, 20, 20, 0.06), 0 4px 8px rgba(20, 20, 20, 0.04)",
+    durationFast: "180ms",
+    durationNormal: "320ms",
+    easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Cinzel", serif',
+    fontSans: '"Inter", sans-serif'
+  },
+  dark: {
+    primary: "#D4A843",
+    primaryContrast: "#1A1400",
+    background: "#000000",
+    surface: "#0E0E0E",
+    surfaceHover: "#181818",
+    text: "#F5EEE0",
+    textDimmed: "#C8BA98",
+    textSubtle: "#A89880",
+    border: "#1D1D1D",
+    error: "#E05252",
+    warning: "#D4943C",
+    success: "#4AA84A",
+    glassBackground: "rgba(14, 14, 14, 0.6)",
+    glassBlur: "blur(14px)",
+    shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
+    cardShadow: "inset 0 1px 0 rgba(212, 168, 67, 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: "180ms",
+    durationNormal: "320ms",
+    easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Cinzel", serif',
+    fontSans: '"Inter", sans-serif'
+  },
+  subtitleFontFamily: '"Raleway", sans-serif',
+  framework: {
+    defaultRadius: "xs",
+    fontFamily: '"Inter", sans-serif',
+    headings: {
+      fontFamily: '"Cinzel", serif',
+      fontWeight: "600"
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Cinzel: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=Raleway:wght@400;500;600;700&display=swap"
+  ]
+};
+
+// src/theme/presets/cyber-volt.ts
+var cyberVoltPreset = {
+  light: {
+    primary: "#0097A7",
+    primaryContrast: "#ffffff",
+    background: "#E0E6EE",
+    surface: "#EAEDF3",
+    surfaceHover: "#D6DCE6",
+    text: "#0A0E14",
+    textDimmed: "#2E3A4D",
+    textSubtle: "#556680",
+    border: "#B0BCD0",
+    error: "#FF1744",
+    warning: "#FF9100",
+    success: "#00E676",
+    glassBackground: "rgba(234, 238, 244, 0.6)",
+    glassBlur: "blur(14px)",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Orbitron", sans-serif',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  dark: {
+    primary: "#00ACC1",
+    primaryContrast: "#ffffff",
+    background: "#030506",
+    surface: "#0E1520",
+    surfaceHover: "#16202E",
+    text: "#E0F7FA",
+    textDimmed: "#80DEEA",
+    textSubtle: "#68C8BE",
+    border: "#192232",
+    error: "#FF1744",
+    warning: "#FF9100",
+    success: "#00E676",
+    glassBackground: "rgba(12, 20, 30, 0.57)",
+    glassBlur: "blur(18px)",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Orbitron", sans-serif',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  framework: {
+    fontFamily: '"JetBrains Mono", monospace',
+    headings: {
+      fontFamily: '"Orbitron", sans-serif'
+    },
+    components: {
+      Title: {
+        styles: { root: { letterSpacing: "-0.05em" } }
+      }
+    }
+  },
+  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"
+  ]
+};
+
+// src/theme/presets/aurora.ts
+var auroraPreset = {
+  light: {
+    primary: "#00897B",
+    primaryContrast: "#ffffff",
+    background: "#EFF5F3",
+    surface: "#F5FAF8",
+    surfaceHover: "#E4EDEA",
+    text: "#1A2E28",
+    textDimmed: "#3D5E54",
+    textSubtle: "#507368",
+    border: "#C4D9D2",
+    error: "#E53935",
+    warning: "#FB8C00",
+    success: "#43A047",
+    glassBackground: "rgba(245, 250, 248, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(0, 137, 123, 0.08)",
+    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: "160ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Nunito", sans-serif',
+    fontSans: '"Nunito", sans-serif'
+  },
+  dark: {
+    primary: "#00A88A",
+    primaryContrast: "#ffffff",
+    background: "#020807",
+    surface: "#0C1612",
+    surfaceHover: "#1A2C28",
+    text: "#E0F2F1",
+    textDimmed: "#80CBC4",
+    textSubtle: "#68C8BE",
+    border: "#1A2D28",
+    error: "#FF5252",
+    warning: "#FFB74D",
+    success: "#69F0AE",
+    glassBackground: "rgba(12, 20, 18, 0.7)",
+    glassBlur: "blur(14px)",
+    shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.9)",
+    cardShadow: "inset 0 1px 0 rgba(29, 233, 182, 0.04), 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.18)",
+    durationFast: "160ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Nunito", sans-serif',
+    fontSans: '"Nunito", sans-serif'
+  },
+  subtitleFontFamily: '"Nunito", sans-serif',
+  framework: {
+    defaultRadius: "sm",
+    fontFamily: '"Nunito", sans-serif',
+    headings: {
+      fontFamily: '"Nunito", sans-serif',
+      fontWeight: "700"
+    }
+  },
+  fontImports: ["https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap"]
+};
+
+// src/theme/presets/rose-gold.ts
+var roseGoldPreset = {
+  light: {
+    primary: "#A8695E",
+    primaryContrast: "#ffffff",
+    background: "#F4F0EE",
+    surface: "#FAF6F5",
+    surfaceHover: "#EDE6E4",
+    text: "#2D2325",
+    textDimmed: "#5A4448",
+    textSubtle: "#9A848A",
+    border: "#DDD0CC",
+    error: "#C62828",
+    warning: "#E65100",
+    success: "#2E7D32",
+    glassBackground: "rgba(250, 246, 245, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(192, 122, 110, 0.1)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(45, 35, 37, 0.05), 0 4px 8px rgba(45, 35, 37, 0.04)",
+    durationFast: "160ms",
+    durationNormal: "300ms",
+    easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Playfair Display", serif',
+    fontSans: '"DM Sans", sans-serif'
+  },
+  dark: {
+    primary: "#C8897C",
+    primaryContrast: "#2D1A16",
+    background: "#070405",
+    surface: "#161011",
+    surfaceHover: "#221A1C",
+    text: "#F5E8E6",
+    textDimmed: "#D8B8B2",
+    textSubtle: "#B89A94",
+    border: "#2A1E20",
+    error: "#EF5350",
+    warning: "#FF8A65",
+    success: "#66BB6A",
+    glassBackground: "rgba(22, 16, 17, 0.65)",
+    glassBlur: "blur(14px)",
+    shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
+    cardShadow: "inset 0 1px 0 rgba(232, 165, 152, 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: "160ms",
+    durationNormal: "300ms",
+    easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Playfair Display", serif',
+    fontSans: '"DM Sans", sans-serif'
+  },
+  subtitleFontFamily: '"Lora", serif',
+  framework: {
+    defaultRadius: "sm",
+    fontFamily: '"DM Sans", sans-serif',
+    headings: {
+      fontFamily: '"Playfair Display", serif',
+      fontWeight: "600"
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap",
+    "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap"
+  ]
+};
+
+// src/theme/presets/midnight.ts
+var midnightPreset = {
+  light: {
+    primary: "#7C4DFF",
+    primaryContrast: "#ffffff",
+    background: "#EEEDF4",
+    surface: "#F5F4FA",
+    surfaceHover: "#E3E1ED",
+    text: "#1A1528",
+    textDimmed: "#4A4260",
+    textSubtle: "#7A7294",
+    border: "#CCC8DA",
+    error: "#D32F2F",
+    warning: "#F57C00",
+    success: "#388E3C",
+    glassBackground: "rgba(245, 244, 250, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(124, 77, 255, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(26, 21, 40, 0.05), 0 4px 8px rgba(26, 21, 40, 0.04)",
+    durationFast: "140ms",
+    durationNormal: "260ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Raleway", sans-serif',
+    fontSans: '"Space Grotesk", sans-serif'
+  },
+  dark: {
+    primary: "#9575CD",
+    primaryContrast: "#1A1528",
+    background: "#030208",
+    surface: "#110F1B",
+    surfaceHover: "#1E1A2C",
+    text: "#EDE7F6",
+    textDimmed: "#C0AAE5",
+    textSubtle: "#A898D0",
+    border: "#1E1A30",
+    error: "#FF5252",
+    warning: "#FFB74D",
+    success: "#69F0AE",
+    glassBackground: "rgba(16, 14, 26, 0.65)",
+    glassBlur: "blur(16px)",
+    shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
+    cardShadow: "inset 0 1px 0 rgba(179, 136, 255, 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: "140ms",
+    durationNormal: "260ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Raleway", sans-serif',
+    fontSans: '"Space Grotesk", sans-serif'
+  },
+  subtitleFontFamily: '"Red Hat Display", sans-serif',
+  framework: {
+    defaultRadius: "xs",
+    fontFamily: '"Space Grotesk", sans-serif',
+    headings: {
+      fontFamily: '"Raleway", sans-serif',
+      fontWeight: "600"
+    },
+    components: {
+      Title: {
+        styles: { root: { letterSpacing: "-0.02em" } }
+      }
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&display=swap"
+  ]
+};
+
+// src/theme/presets/ember.ts
+var emberPreset = {
+  light: {
+    primary: "#D4603A",
+    primaryContrast: "#ffffff",
+    background: "#F3EFEB",
+    surface: "#F9F6F3",
+    surfaceHover: "#ECE6E0",
+    text: "#2C2118",
+    textDimmed: "#5E4A3A",
+    textSubtle: "#8D7A6A",
+    border: "#D6CABE",
+    error: "#C62828",
+    warning: "#E65100",
+    success: "#33691E",
+    glassBackground: "rgba(249, 246, 243, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(212, 96, 58, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(44, 33, 24, 0.05), 0 4px 8px rgba(44, 33, 24, 0.04)",
+    durationFast: "150ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Libre Baskerville", serif',
+    fontSans: '"Source Sans 3", sans-serif'
+  },
+  dark: {
+    primary: "#E87B55",
+    primaryContrast: "#1A0E08",
+    background: "#060302",
+    surface: "#15100D",
+    surfaceHover: "#1C1610",
+    text: "#F5EDE6",
+    textDimmed: "#D4B9A0",
+    textSubtle: "#B8A090",
+    border: "#2A211A",
+    error: "#EF5350",
+    warning: "#FF8A65",
+    success: "#8BC34A",
+    glassBackground: "rgba(20, 16, 12, 0.6)",
+    glassBlur: "blur(14px)",
+    shadow: "0px 3px 8px -2px rgba(0, 0, 0, 0.95)",
+    cardShadow: "inset 0 1px 0 rgba(232, 123, 85, 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: "150ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Libre Baskerville", serif',
+    fontSans: '"Source Sans 3", sans-serif'
+  },
+  subtitleFontFamily: '"Source Serif 4", serif',
+  framework: {
+    defaultRadius: "sm",
+    fontFamily: '"Source Sans 3", sans-serif',
+    headings: {
+      fontFamily: '"Libre Baskerville", serif',
+      fontWeight: "700"
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap",
+    "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 honeyPreset = {
+  light: {
+    primary: "#A06A08",
+    primaryContrast: "#ffffff",
+    background: "#F5F0E8",
+    surface: "#FBF7F0",
+    surfaceHover: "#EDE5D8",
+    text: "#2A1F0A",
+    textDimmed: "#5C4820",
+    textSubtle: "#8A7450",
+    border: "#E0D0B0",
+    error: "#C62828",
+    warning: "#E65100",
+    success: "#33691E",
+    glassBackground: "rgba(251, 247, 240, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(160, 106, 8, 0.1)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(42, 31, 10, 0.05), 0 4px 8px rgba(42, 31, 10, 0.04)",
+    durationFast: "140ms",
+    durationNormal: "260ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Syne", sans-serif',
+    fontSans: '"Inter", sans-serif'
+  },
+  dark: {
+    primary: "#E8A820",
+    primaryContrast: "#1A1200",
+    background: "#060400",
+    surface: "#141108",
+    surfaceHover: "#1C1808",
+    text: "#FDF0D0",
+    textDimmed: "#D8C070",
+    textSubtle: "#B8A060",
+    border: "#2A2210",
+    error: "#EF5350",
+    warning: "#FF8A65",
+    success: "#8BC34A",
+    glassBackground: "rgba(22, 19, 9, 0.6)",
+    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)",
+    durationFast: "140ms",
+    durationNormal: "260ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Syne", sans-serif',
+    fontSans: '"Inter", sans-serif'
+  },
+  subtitleFontFamily: '"Outfit", sans-serif',
+  framework: {
+    defaultRadius: "sm",
+    fontFamily: '"Inter", sans-serif',
+    headings: {
+      fontFamily: '"Syne", sans-serif'
+    },
+    components: {
+      Title: {
+        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 canopyPreset = {
+  light: {
+    primary: "#2E7A40",
+    primaryContrast: "#ffffff",
+    background: "#EDF3EE",
+    surface: "#F4F8F5",
+    surfaceHover: "#E0EBE2",
+    text: "#0F2415",
+    textDimmed: "#2D5235",
+    textSubtle: "#5A7D62",
+    border: "#C0D4C4",
+    error: "#C62828",
+    warning: "#E65100",
+    success: "#33691E",
+    glassBackground: "rgba(244, 248, 245, 0.6)",
+    glassBlur: "blur(12px)",
+    shadow: "0px 2px 6px -2px rgba(46, 122, 64, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(15, 36, 21, 0.05), 0 4px 8px rgba(15, 36, 21, 0.04)",
+    durationFast: "150ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Fraunces", serif',
+    fontSans: '"Lato", sans-serif'
+  },
+  dark: {
+    primary: "#4AA860",
+    primaryContrast: "#ffffff",
+    background: "#030705",
+    surface: "#0B150F",
+    surfaceHover: "#162818",
+    text: "#E0F0E4",
+    textDimmed: "#98C8A4",
+    textSubtle: "#80A090",
+    border: "#142018",
+    error: "#EF5350",
+    warning: "#FF8A65",
+    success: "#8BC34A",
+    glassBackground: "rgba(16, 23, 18, 0.6)",
+    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)",
+    durationFast: "150ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Fraunces", serif',
+    fontSans: '"Lato", sans-serif'
+  },
+  subtitleFontFamily: '"Lora", serif',
+  framework: {
+    defaultRadius: "sm",
+    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
+var slatePreset = {
+  light: {
+    primary: "#4A6E8E",
+    primaryContrast: "#ffffff",
+    background: "#ECEEF0",
+    surface: "#F3F4F6",
+    surfaceHover: "#E0E3E7",
+    text: "#161C22",
+    textDimmed: "#404C58",
+    textSubtle: "#6A7A88",
+    border: "#C8D0D8",
+    error: "#D32F2F",
+    warning: "#F57C00",
+    success: "#388E3C",
+    glassBackground: "rgba(243, 244, 246, 0.6)",
+    glassBlur: "blur(10px)",
+    shadow: "0px 2px 4px -2px rgba(74, 110, 142, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 4px rgba(22, 28, 34, 0.05), 0 4px 8px rgba(22, 28, 34, 0.04)",
+    durationFast: "110ms",
+    durationNormal: "200ms",
+    easing: "cubic-bezier(0.22, 0, 0.1, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Quantico", sans-serif',
+    fontSans: '"IBM Plex Sans", sans-serif'
+  },
+  dark: {
+    primary: "#6A8FAD",
+    primaryContrast: "#0E1218",
+    background: "#010305",
+    surface: "#0E1218",
+    surfaceHover: "#1C2830",
+    text: "#E8F0F8",
+    textDimmed: "#A8C4DC",
+    textSubtle: "#80A0B0",
+    border: "#182028",
+    error: "#FF5252",
+    warning: "#FFB74D",
+    success: "#69F0AE",
+    glassBackground: "rgba(12, 16, 22, 0.65)",
+    glassBlur: "blur(14px)",
+    shadow: "0px 3px 6px -2px rgba(0, 0, 0, 0.9)",
+    cardShadow: "inset 0 1px 0 rgba(123, 158, 188, 0.04), 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: "110ms",
+    durationNormal: "200ms",
+    easing: "cubic-bezier(0.22, 0, 0.1, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Quantico", sans-serif',
+    fontSans: '"IBM Plex Sans", sans-serif'
+  },
+  subtitleFontFamily: '"Quantico", sans-serif',
+  framework: {
+    fontFamily: '"IBM Plex Sans", sans-serif',
+    headings: {
+      fontFamily: '"Quantico", sans-serif',
+      fontWeight: "600"
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap",
+    "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 = {
+  light: {
+    primary: "#FF1744",
+    primaryContrast: "#ffffff",
+    background: "#EBE0E3",
+    surface: "#F3EAEB",
+    surfaceHover: "#E4D6DB",
+    text: "#140A0C",
+    textDimmed: "#4D2E35",
+    textSubtle: "#805560",
+    border: "#CCB0B8",
+    error: "#FF1744",
+    warning: "#FF9100",
+    success: "#00E676",
+    glassBackground: "rgba(242, 234, 236, 0.6)",
+    glassBlur: "blur(14px)",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Chakra Petch", sans-serif',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  dark: {
+    primary: "#FF1744",
+    primaryContrast: "#ffffff",
+    background: "#060404",
+    surface: "#180C10",
+    surfaceHover: "#26181E",
+    text: "#FAE0E4",
+    textDimmed: "#F0A0B0",
+    textSubtle: "#D08090",
+    border: "#33161D",
+    error: "#FF1744",
+    warning: "#FF9100",
+    success: "#00E676",
+    glassBackground: "rgba(23, 17, 21, 0.57)",
+    glassBlur: "blur(18px)",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Chakra Petch", sans-serif',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  framework: {
+    fontFamily: '"JetBrains Mono", monospace',
+    headings: {
+      fontFamily: '"Chakra Petch", sans-serif'
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;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"
+  ]
+};
+
+// src/theme/presets/cyber-flux.ts
+var cyberFluxPreset = {
+  light: {
+    primary: "#C49000",
+    primaryContrast: "#ffffff",
+    background: "#EBE8DF",
+    surface: "#F3EFEA",
+    surfaceHover: "#E4E0D5",
+    text: "#14120A",
+    textDimmed: "#4D462E",
+    textSubtle: "#807555",
+    border: "#CCC5B0",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Audiowide", 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",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Audiowide", sans-serif',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  framework: {
+    fontFamily: '"JetBrains Mono", monospace',
+    headings: {
+      fontFamily: '"Audiowide", sans-serif'
+    },
+    components: {
+      Title: {
+        styles: { root: { letterSpacing: "-0.05em" } }
+      }
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Audiowide&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"
+  ]
+};
+
+// src/theme/presets/cyber-void.ts
+var cyberVoidPreset = {
+  light: {
+    primary: "#2979FF",
+    primaryContrast: "#ffffff",
+    background: "#E0E5EE",
+    surface: "#EAEDF3",
+    surfaceHover: "#D6DBE5",
+    text: "#0A0D14",
+    textDimmed: "#2E374D",
+    textSubtle: "#556080",
+    border: "#B0B8CE",
+    error: "#FF1744",
+    warning: "#FF9100",
+    success: "#00E676",
+    glassBackground: "rgba(238, 241, 248, 0.6)",
+    glassBlur: "blur(14px)",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Share Tech Mono", monospace',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  dark: {
+    primary: "#2979FF",
+    primaryContrast: "#ffffff",
+    background: "#030507",
+    surface: "#0E131E",
+    surfaceHover: "#161E2C",
+    text: "#E0EAFA",
+    textDimmed: "#99BBEE",
+    textSubtle: "#80A0D0",
+    border: "#192033",
+    error: "#FF1744",
+    warning: "#FF9100",
+    success: "#00E676",
+    glassBackground: "rgba(14, 19, 30, 0.57)",
+    glassBlur: "blur(18px)",
+    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)",
+    durationFast: "80ms",
+    durationNormal: "160ms",
+    easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Share Tech Mono", monospace',
+    fontSans: '"JetBrains Mono", monospace'
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  framework: {
+    fontFamily: '"JetBrains Mono", monospace',
+    headings: {
+      fontFamily: '"Share Tech Mono", monospace',
+      fontWeight: "400"
+    }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&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"
+  ]
+};
+
+// src/theme/presets/index.ts
+var PRESETS = {
+  default: defaultPreset,
+  tactical: tacticalPreset,
+  regal: regalPreset,
+  "cyber-volt": cyberVoltPreset,
+  aurora: auroraPreset,
+  "rose-gold": roseGoldPreset,
+  midnight: midnightPreset,
+  ember: emberPreset,
+  obsidian: obsidianPreset,
+  honey: honeyPreset,
+  abyss: abyssPreset,
+  canopy: canopyPreset,
+  slate: slatePreset,
+  "cyber-strike": cyberStrikePreset,
+  "cyber-flux": cyberFluxPreset,
+  "cyber-void": cyberVoidPreset
+};
+function getPreset(name) {
+  return PRESETS[name] ?? PRESETS.default;
+}
+
+// src/theme/cssVariables.ts
+var TOKEN_VAR_MAP = {
+  primary: "--color-primary",
+  primaryContrast: "--color-primary-contrast",
+  background: "--color-background",
+  surface: "--color-surface",
+  surfaceHover: "--color-surface-hover",
+  text: "--color-text",
+  textDimmed: "--color-text-dimmed",
+  textSubtle: "--color-text-subtle",
+  border: "--color-border",
+  error: "--color-error",
+  warning: "--color-warning",
+  success: "--color-success",
+  glassBackground: "--glass-background",
+  glassBlur: "--glass-blur",
+  shadow: "--standard-box-shadow",
+  cardShadow: "--card-shadow",
+  durationFast: "--duration-fast",
+  durationNormal: "--duration-normal",
+  easing: "--easing",
+  destructiveFg: "--color-destructive-fg",
+  fontHeading: "--font-heading",
+  fontSans: "--font-sans"
+};
+var FRAMEWORK_BRIDGE = {
+  "--mantine-color-text": "var(--color-text)",
+  "--mantine-color-body": "var(--color-background)",
+  "--mantine-color-dimmed": "var(--color-text-dimmed)",
+  // Primary color functional variants — used by Tabs, SegmentedControl, Badge, Button, etc.
+  "--mantine-primary-color-filled": "var(--color-primary)",
+  "--mantine-primary-color-filled-hover": "color-mix(in srgb, var(--color-primary) 90%, black)",
+  "--mantine-primary-color-light": "color-mix(in srgb, var(--color-primary) 15%, transparent)",
+  "--mantine-primary-color-light-hover": "color-mix(in srgb, var(--color-primary) 20%, transparent)",
+  "--mantine-primary-color-light-color": "var(--color-primary)",
+  "--mantine-primary-color-contrast": "var(--color-primary-contrast)",
+  // Active/selected state — used by selectable cards, active filters, plan tiers, etc.
+  "--active-border": "1px solid color-mix(in srgb, var(--color-primary) 40%, var(--color-border))",
+  "--active-background": "color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))"
+};
+function shadesToVars(shades) {
+  const vars = {};
+  for (let i = 0; i < shades.length; i++) {
+    vars[`--mantine-color-primary-${i}`] = shades[i];
+  }
+  return vars;
+}
+function presetToVars(tokens) {
+  const result = {};
+  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+    const value = tokens[key];
+    if (value) result[varName] = value;
+  }
+  return result;
+}
+function mapTokens(tokens) {
+  if (!tokens) return {};
+  const result = {};
+  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+    const value = tokens[key];
+    if (value) result[varName] = value;
+  }
+  return result;
+}
+function createCssVariablesResolver(tokens, preset) {
+  const resolved = getPreset(preset ?? "default");
+  const lightDefaults = presetToVars(resolved.light);
+  const darkDefaults = presetToVars(resolved.dark);
+  const flat = mapTokens(tokens);
+  const light = mapTokens(tokens?.light);
+  const dark = mapTokens(tokens?.dark);
+  const lightPrimary = tokens?.light?.primary ?? tokens?.primary ?? resolved.light.primary;
+  const darkPrimary = tokens?.dark?.primary ?? tokens?.primary ?? resolved.dark.primary;
+  const lightShades = shadesToVars(generateShades(lightPrimary));
+  const darkShades = shadesToVars(generateShades(darkPrimary));
+  return () => ({
+    variables: { ...FRAMEWORK_BRIDGE },
+    light: { ...lightShades, ...lightDefaults, ...flat, ...light },
+    dark: { ...darkShades, ...darkDefaults, ...flat, ...dark }
+  });
+}
+var DEFAULT_SIZE = "sm";
+var glassBase = {
+  backdropFilter: "var(--glass-blur)",
+  WebkitBackdropFilter: "var(--glass-blur)",
+  border: "1px solid var(--color-border)"
+};
+var componentThemes = {
+  Accordion: Accordion.extend({
+    styles: {
+      item: {
+        borderColor: "var(--color-border)"
+      },
+      content: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  Button: Button.extend({
+    styles: {
+      root: {
+        transition: `all var(--duration-fast) var(--easing)`
+      }
+    }
+  }),
+  Card: Card.extend({
+    defaultProps: {
+      p: DEFAULT_SIZE
+    },
+    styles: {
+      root: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--card-shadow)"
+      }
+    }
+  }),
+  // Checkbox styles are in custom.css to support :checked pseudo-selector
+  Divider: Divider.extend({
+    styles: {
+      root: {
+        borderColor: "var(--color-border)"
+      }
+    }
+  }),
+  Code: Code.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Flex: Flex.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  Grid: Grid.extend({
+    defaultProps: {
+      gutter: DEFAULT_SIZE
+    }
+  }),
+  Group: Group.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  HoverCard: HoverCard.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)",
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Input: Input.extend({
+    styles: {
+      input: {
+        backgroundColor: "var(--color-surface)",
+        border: "none",
+        borderBottom: "1px solid var(--color-border)",
+        borderRadius: "0"
+      }
+    }
+  }),
+  Menu: Menu.extend({
+    styles: {
+      dropdown: {
+        background: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Modal: Modal.extend({
+    styles: {
+      content: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Notification: Notification.extend({
+    styles: {
+      root: {
+        backgroundColor: "color-mix(in srgb, var(--color-surface) 90%, transparent)",
+        ...glassBase
+      }
+    }
+  }),
+  Popover: Popover.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)",
+        ...glassBase,
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Paper: Paper.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--card-shadow)",
+        padding: `var(--mantine-spacing-${DEFAULT_SIZE})`
+      }
+    }
+  }),
+  ScrollArea: ScrollArea.extend({
+    defaultProps: {
+      scrollbarSize: 8
+    },
+    styles: {
+      scrollbar: {
+        background: "transparent",
+        '&[data-orientation="vertical"]': {
+          width: "8px"
+        },
+        '&[data-orientation="horizontal"]': {
+          height: "8px"
+        }
+      },
+      thumb: {
+        borderRadius: "var(--mantine-radius-default)",
+        background: "color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border))",
+        "&:hover": {
+          background: "var(--color-text-subtle)"
+        }
+      }
+    }
+  }),
+  SegmentedControl: SegmentedControl.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)"
+      },
+      indicator: {
+        backgroundColor: "var(--color-surface-hover)",
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Combobox: Combobox.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "red"
+      }
+    }
+  }),
+  Select: Select.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  // Switch styles are in custom.css to support [data-checked] attribute selector
+  SimpleGrid: SimpleGrid.extend({
+    defaultProps: {
+      spacing: DEFAULT_SIZE,
+      verticalSpacing: DEFAULT_SIZE
+    }
+  }),
+  Stack: Stack.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  Table: Table.extend({
+    defaultProps: {
+      highlightOnHover: true
+    },
+    styles: {
+      table: {
+        "--table-border-color": "var(--color-border)",
+        "--table-highlight-on-hover-color": "var(--color-surface-hover)"
+      }
+    }
+  }),
+  Tabs: Tabs.extend({}),
+  Text: Text.extend({
+    styles: {
+      root: {
+        fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+      }
+    }
+  }),
+  // Timeline styles are in custom.css to override color-scheme-specific selectors
+  Tooltip: Tooltip.extend({
+    styles: {
+      tooltip: {
+        backgroundColor: "var(--color-surface)",
+        color: "var(--color-text)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  })
+  // Pagination styles are in custom.css to support :not([data-active]) selector
+};
+var mantineThemeOverride = createTheme({
+  defaultRadius: "xs",
+  fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  cursorType: "pointer",
+  spacing: {
+    xs: "0.5rem",
+    sm: "0.75rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem"
+  },
+  radius: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  fontSizes: {
+    xs: "0.75rem",
+    sm: "0.875rem",
+    md: "1rem",
+    lg: "1.125rem",
+    xl: "1.25rem"
+  },
+  components: componentThemes
+});
+
+export { TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride };