@elevasis/ui 1.0.0

package/dist/chunk-MAAS6CGR.js

@@ -0,0 +1,1299 @@
+import { ApiClientProvider, createUseApiClient } from './chunk-GDV44UWF.js';
+import { ElevasisServiceProvider } from './chunk-KA7LO7U5.js';
+import { WorkOSAuthBridge, OAuthProvider, OAuthAuthBridge } from './chunk-OEYU5O27.js';
+import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useMemo, useEffect, useRef, useState } from 'react';
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { AuthKitProvider } from '@workos-inc/authkit-react';
+import { jsx } from 'react/jsx-runtime';
+
+// 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)"
+  },
+  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)"
+  }
+};
+
+// 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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Chakra Petch", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Raleway", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Nunito", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Lora", serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Red Hat Display", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Source Serif 4", serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"DM Sans", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Outfit", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Outfit", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Lora", serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Quantico", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  mantine: {
+    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)"
+  },
+  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)"
+  },
+  subtitleFontFamily: '"Exo 2", sans-serif',
+  mantine: {
+    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"
+};
+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 defaultQueryClient = null;
+function getDefaultQueryClient() {
+  if (!defaultQueryClient) {
+    defaultQueryClient = new QueryClient({
+      defaultOptions: { queries: { retry: 1 } }
+    });
+  }
+  return defaultQueryClient;
+}
+var defaultUseOrganizations = () => ({ isInitializing: false, isOrgRefreshing: false });
+function useResolvedColorScheme(scheme) {
+  const [resolved, setResolved] = useState(() => {
+    if (scheme && scheme !== "auto") return scheme;
+    if (typeof window === "undefined") return "dark";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  });
+  useEffect(() => {
+    if (scheme && scheme !== "auto") {
+      setResolved(scheme);
+      return;
+    }
+    const mql = window.matchMedia("(prefers-color-scheme: dark)");
+    const handler = (e) => setResolved(e.matches ? "dark" : "light");
+    setResolved(mql.matches ? "dark" : "light");
+    mql.addEventListener("change", handler);
+    return () => mql.removeEventListener("change", handler);
+  }, [scheme]);
+  return resolved;
+}
+function buildCssVarStyles(theme) {
+  const preset = getPreset(theme?.preset ?? "default");
+  const tokens = theme?.tokens;
+  function toVarDeclarations(overrides) {
+    const lines = [];
+    for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+      const value = overrides[key];
+      if (value) lines.push(`  ${varName}: ${value};`);
+    }
+    return lines.join("\n");
+  }
+  const flatTokens = {};
+  if (tokens) {
+    for (const key of Object.keys(TOKEN_VAR_MAP)) {
+      if (tokens[key] !== void 0) flatTokens[key] = tokens[key];
+    }
+  }
+  const darkMerged = { ...preset.dark, ...flatTokens, ...tokens?.dark };
+  const lightMerged = { ...preset.light, ...flatTokens, ...tokens?.light };
+  const darkBlock = toVarDeclarations(darkMerged);
+  const lightBlock = toVarDeclarations(lightMerged);
+  return [
+    `:root[data-elevasis-scheme="dark"] {
+${darkBlock}
+}`,
+    `:root[data-elevasis-scheme="light"] {
+${lightBlock}
+}`
+  ].join("\n\n");
+}
+function ElevasisCoreProvider({
+  auth,
+  theme,
+  organizationId = null,
+  queryClient,
+  apiUrl,
+  onError,
+  isOrganizationReady,
+  children
+}) {
+  if (auth.mode === "apiKey") {
+    throw new Error(
+      `ElevasisCoreProvider: auth mode 'apiKey' is not yet implemented. Only 'authkit' and 'oauth' modes are supported.`
+    );
+  }
+  const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
+  const resolvedScheme = useResolvedColorScheme(theme?.colorScheme);
+  const preset = useMemo(() => getPreset(theme?.preset ?? "default"), [theme?.preset]);
+  useEffect(() => {
+    document.documentElement.setAttribute("data-elevasis-scheme", resolvedScheme);
+    return () => {
+      document.documentElement.removeAttribute("data-elevasis-scheme");
+    };
+  }, [resolvedScheme]);
+  const styleRef = useRef(null);
+  useEffect(() => {
+    const css = buildCssVarStyles(theme);
+    if (!styleRef.current) {
+      const el = document.createElement("style");
+      el.setAttribute("data-elevasis-vars", "");
+      document.head.appendChild(el);
+      styleRef.current = el;
+    }
+    styleRef.current.textContent = css;
+    return () => {
+      if (styleRef.current) {
+        styleRef.current.remove();
+        styleRef.current = null;
+      }
+    };
+  }, [theme?.preset, theme?.tokens, resolvedScheme]);
+  useEffect(() => {
+    if (!preset.fontImports?.length) return;
+    const links = [];
+    for (const href of preset.fontImports) {
+      if (document.querySelector(`link[href="${href}"]`)) continue;
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = href;
+      document.head.appendChild(link);
+      links.push(link);
+    }
+    const subtitleFont = preset.subtitleFontFamily ?? preset.mantine?.headings?.fontFamily ?? preset.mantine?.fontFamily ?? "";
+    document.documentElement.style.setProperty("--elevasis-font-family-subtitle", subtitleFont);
+    return () => {
+      links.forEach((l) => l.remove());
+      document.documentElement.style.removeProperty("--elevasis-font-family-subtitle");
+    };
+  }, [preset.fontImports, preset.subtitleFontFamily, preset.mantine?.headings?.fontFamily, preset.mantine?.fontFamily]);
+  const content = apiUrl ? /* @__PURE__ */ jsx(
+    CoreServiceBridge,
+    {
+      apiUrl,
+      organizationId,
+      isOrganizationReady,
+      onError,
+      children
+    }
+  ) : children;
+  const AuthInner = auth.mode === "authkit" ? /* @__PURE__ */ jsx(CoreAuthKitInner, { auth, children: content }) : /* @__PURE__ */ jsx(CoreOAuthInner, { auth, children: content });
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: AuthInner });
+}
+function CoreAuthKitInner({ auth, children }) {
+  return /* @__PURE__ */ jsx(
+    AuthKitProvider,
+    {
+      clientId: auth.clientId,
+      apiHostname: auth.apiHostname ?? "api.workos.com",
+      redirectUri: auth.redirectUri,
+      devMode: auth.devMode ?? false,
+      children: /* @__PURE__ */ jsx(WorkOSAuthBridge, { children })
+    }
+  );
+}
+function CoreOAuthInner({ auth, children }) {
+  return /* @__PURE__ */ jsx(OAuthProvider, { config: auth, children: /* @__PURE__ */ jsx(OAuthAuthBridge, { children }) });
+}
+function CoreServiceBridge({
+  apiUrl,
+  organizationId,
+  isOrganizationReady,
+  onError,
+  children
+}) {
+  const { getAccessToken } = useAuthContext();
+  return /* @__PURE__ */ jsx(
+    ApiClientProvider,
+    {
+      getAccessToken,
+      organizationId,
+      isOrganizationReady: isOrganizationReady ?? !!organizationId,
+      onError,
+      children: /* @__PURE__ */ jsx(CoreServiceBridgeInner, { apiUrl, organizationId, isOrganizationReady, children })
+    }
+  );
+}
+function CoreServiceBridgeInner({
+  apiUrl,
+  organizationId,
+  isOrganizationReady,
+  children
+}) {
+  const useApiClient = useRef(createUseApiClient(defaultUseOrganizations, apiUrl)).current;
+  const { apiRequest } = useApiClient();
+  return /* @__PURE__ */ jsx(
+    ElevasisServiceProvider,
+    {
+      apiRequest,
+      organizationId,
+      isReady: isOrganizationReady ?? !!organizationId,
+      children
+    }
+  );
+}
+
+export { ElevasisCoreProvider, createCssVariablesResolver, generateShades, getPreset };