@doneisbetter/gds-theme 3.0.1 → 3.0.3

package/dist/server.js

@@ -29,8 +29,11 @@ __export(server_exports, {
   gdsTheme: () => gdsTheme,
   getGdsFontLanes: () => getGdsFontLanes,
   getGdsThemePresets: () => getGdsThemePresets,
+  getGdsVibeThemeCssVariables: () => getGdsVibeThemeCssVariables,
+  getGdsVibeThemes: () => getGdsVibeThemes,
   resolveGdsFontLane: () => resolveGdsFontLane,
   resolveGdsThemePreset: () => resolveGdsThemePreset,
+  resolveGdsVibeTheme: () => resolveGdsVibeTheme,
   withGdsMotion: () => withGdsMotion
 });
 module.exports = __toCommonJS(server_exports);
@@ -344,6 +347,291 @@ function resolveGdsThemePreset(id, options) {
   }
 }
 
+// src/vibe-themes.ts
+var neutralVibe = {
+  id: "default",
+  label: "Default runtime theme",
+  primary: "#7c3aed",
+  accent: "#06b6d4",
+  glow: "rgba(124, 58, 237, 0.2)",
+  canvasLight: "#f8fafc",
+  canvasDark: "#0f172a",
+  shellLight: "rgba(255, 255, 255, 0.82)",
+  shellDark: "rgba(15, 23, 42, 0.84)",
+  surfaceLight: "rgba(255, 255, 255, 0.9)",
+  surfaceDark: "rgba(30, 41, 59, 0.82)",
+  borderLight: "rgba(124, 58, 237, 0.22)",
+  borderDark: "rgba(167, 139, 250, 0.28)",
+  textLight: "#111827",
+  textDark: "#f8fafc",
+  mutedLight: "#64748b",
+  mutedDark: "#cbd5e1",
+  gradient: "radial-gradient(circle at 18% 12%, rgba(124, 58, 237, 0.18), transparent 28%), radial-gradient(circle at 82% 8%, rgba(6, 182, 212, 0.16), transparent 30%)",
+  hero: "linear-gradient(135deg, rgba(124, 58, 237, 0.14), rgba(6, 182, 212, 0.12))"
+};
+var vibeThemes = {
+  default: neutralVibe,
+  "dark-public": {
+    ...neutralVibe,
+    id: "dark-public",
+    label: "Dark public theme",
+    primary: "#8b5cf6",
+    accent: "#22d3ee",
+    canvasLight: "#f5f3ff",
+    canvasDark: "#050816",
+    shellDark: "rgba(8, 13, 32, 0.88)",
+    surfaceDark: "rgba(18, 24, 52, 0.86)",
+    gradient: "radial-gradient(circle at 20% 12%, rgba(139, 92, 246, 0.34), transparent 30%), radial-gradient(circle at 82% 16%, rgba(34, 211, 238, 0.2), transparent 28%)",
+    hero: "linear-gradient(135deg, rgba(139, 92, 246, 0.35), rgba(34, 211, 238, 0.14))"
+  },
+  "flat-surface": {
+    ...neutralVibe,
+    id: "flat-surface",
+    label: "Flat surface theme",
+    primary: "#2563eb",
+    accent: "#14b8a6",
+    canvasLight: "#f8fafc",
+    canvasDark: "#111827",
+    shellLight: "rgba(248, 250, 252, 0.94)",
+    surfaceLight: "rgba(255, 255, 255, 0.94)",
+    gradient: "linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(20, 184, 166, 0.08))",
+    hero: "linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(20, 184, 166, 0.1))"
+  },
+  editorial: {
+    ...neutralVibe,
+    id: "editorial",
+    label: "Editorial serif theme",
+    primary: "#9a3412",
+    accent: "#be123c",
+    canvasLight: "#fff7ed",
+    canvasDark: "#1c1917",
+    shellLight: "rgba(255, 247, 237, 0.9)",
+    surfaceLight: "rgba(255, 251, 247, 0.92)",
+    borderLight: "rgba(154, 52, 18, 0.22)",
+    gradient: "radial-gradient(circle at 12% 12%, rgba(251, 146, 60, 0.22), transparent 28%), radial-gradient(circle at 84% 10%, rgba(190, 18, 60, 0.12), transparent 28%)",
+    hero: "linear-gradient(135deg, rgba(251, 146, 60, 0.18), rgba(190, 18, 60, 0.12))"
+  },
+  brand: {
+    ...neutralVibe,
+    id: "brand",
+    label: "Brand theme generator"
+  },
+  sunset: {
+    ...neutralVibe,
+    id: "sunset",
+    label: "Sunset pulse",
+    primary: "#f97316",
+    accent: "#ec4899",
+    glow: "rgba(249, 115, 22, 0.3)",
+    canvasLight: "#fff7ed",
+    canvasDark: "#211106",
+    shellLight: "rgba(255, 247, 237, 0.9)",
+    shellDark: "rgba(44, 18, 10, 0.88)",
+    surfaceLight: "rgba(255, 250, 245, 0.9)",
+    surfaceDark: "rgba(68, 24, 12, 0.78)",
+    borderLight: "rgba(249, 115, 22, 0.3)",
+    borderDark: "rgba(251, 146, 60, 0.36)",
+    gradient: "radial-gradient(circle at 14% 8%, rgba(251, 146, 60, 0.38), transparent 28%), radial-gradient(circle at 88% 18%, rgba(236, 72, 153, 0.32), transparent 32%), linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(253, 242, 248, 0.86))",
+    hero: "linear-gradient(135deg, rgba(249, 115, 22, 0.26), rgba(236, 72, 153, 0.22))"
+  },
+  oceanic: {
+    ...neutralVibe,
+    id: "oceanic",
+    label: "Oceanic wave",
+    primary: "#0891b2",
+    accent: "#2563eb",
+    glow: "rgba(8, 145, 178, 0.28)",
+    canvasLight: "#ecfeff",
+    canvasDark: "#04131f",
+    shellLight: "rgba(236, 254, 255, 0.88)",
+    shellDark: "rgba(5, 26, 44, 0.88)",
+    surfaceLight: "rgba(248, 253, 255, 0.9)",
+    surfaceDark: "rgba(8, 47, 73, 0.78)",
+    borderLight: "rgba(8, 145, 178, 0.28)",
+    borderDark: "rgba(103, 232, 249, 0.28)",
+    gradient: "radial-gradient(circle at 18% 8%, rgba(34, 211, 238, 0.32), transparent 30%), radial-gradient(circle at 86% 14%, rgba(37, 99, 235, 0.28), transparent 32%), linear-gradient(135deg, rgba(236, 254, 255, 0.96), rgba(239, 246, 255, 0.9))",
+    hero: "linear-gradient(135deg, rgba(8, 145, 178, 0.24), rgba(37, 99, 235, 0.2))"
+  },
+  forest: {
+    ...neutralVibe,
+    id: "forest",
+    label: "Forest signal",
+    primary: "#16a34a",
+    accent: "#84cc16",
+    glow: "rgba(22, 163, 74, 0.28)",
+    canvasLight: "#f0fdf4",
+    canvasDark: "#06180d",
+    shellLight: "rgba(240, 253, 244, 0.9)",
+    shellDark: "rgba(8, 35, 19, 0.88)",
+    surfaceLight: "rgba(250, 255, 251, 0.9)",
+    surfaceDark: "rgba(20, 83, 45, 0.72)",
+    borderLight: "rgba(22, 163, 74, 0.26)",
+    borderDark: "rgba(134, 239, 172, 0.28)",
+    gradient: "radial-gradient(circle at 18% 10%, rgba(34, 197, 94, 0.28), transparent 28%), radial-gradient(circle at 84% 14%, rgba(132, 204, 22, 0.24), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(22, 163, 74, 0.22), rgba(132, 204, 22, 0.18))"
+  },
+  ruby: {
+    ...neutralVibe,
+    id: "ruby",
+    label: "Ruby spark",
+    primary: "#e11d48",
+    accent: "#f97316",
+    canvasLight: "#fff1f2",
+    canvasDark: "#22050c",
+    shellLight: "rgba(255, 241, 242, 0.9)",
+    shellDark: "rgba(50, 8, 18, 0.88)",
+    surfaceDark: "rgba(76, 20, 32, 0.76)",
+    borderLight: "rgba(225, 29, 72, 0.28)",
+    gradient: "radial-gradient(circle at 18% 8%, rgba(225, 29, 72, 0.32), transparent 28%), radial-gradient(circle at 86% 18%, rgba(249, 115, 22, 0.22), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(225, 29, 72, 0.24), rgba(249, 115, 22, 0.18))"
+  },
+  amber: {
+    ...neutralVibe,
+    id: "amber",
+    label: "Amber glow",
+    primary: "#d97706",
+    accent: "#eab308",
+    canvasLight: "#fffbeb",
+    canvasDark: "#1f1604",
+    shellLight: "rgba(255, 251, 235, 0.9)",
+    shellDark: "rgba(41, 29, 6, 0.88)",
+    surfaceDark: "rgba(69, 46, 10, 0.76)",
+    borderLight: "rgba(217, 119, 6, 0.28)",
+    gradient: "radial-gradient(circle at 14% 10%, rgba(251, 191, 36, 0.34), transparent 30%), radial-gradient(circle at 84% 12%, rgba(217, 119, 6, 0.22), transparent 28%)",
+    hero: "linear-gradient(135deg, rgba(217, 119, 6, 0.22), rgba(234, 179, 8, 0.2))"
+  },
+  "neon-night": {
+    ...neutralVibe,
+    id: "neon-night",
+    label: "Neon night",
+    primary: "#84cc16",
+    accent: "#22d3ee",
+    glow: "rgba(132, 204, 22, 0.34)",
+    canvasLight: "#f7fee7",
+    canvasDark: "#030712",
+    shellLight: "rgba(247, 254, 231, 0.88)",
+    shellDark: "rgba(5, 12, 24, 0.9)",
+    surfaceDark: "rgba(12, 23, 36, 0.86)",
+    borderLight: "rgba(132, 204, 22, 0.3)",
+    borderDark: "rgba(190, 242, 100, 0.34)",
+    gradient: "radial-gradient(circle at 16% 8%, rgba(132, 204, 22, 0.36), transparent 26%), radial-gradient(circle at 86% 12%, rgba(34, 211, 238, 0.28), transparent 30%), linear-gradient(135deg, rgba(3, 7, 18, 0.96), rgba(8, 47, 73, 0.74))",
+    hero: "linear-gradient(135deg, rgba(132, 204, 22, 0.28), rgba(34, 211, 238, 0.18))"
+  },
+  skyline: {
+    ...neutralVibe,
+    id: "skyline",
+    label: "Skyline indigo",
+    primary: "#4f46e5",
+    accent: "#0ea5e9",
+    canvasLight: "#eef2ff",
+    canvasDark: "#0b1026",
+    shellLight: "rgba(238, 242, 255, 0.9)",
+    shellDark: "rgba(13, 20, 52, 0.88)",
+    surfaceDark: "rgba(30, 41, 86, 0.78)",
+    borderLight: "rgba(79, 70, 229, 0.28)",
+    gradient: "radial-gradient(circle at 18% 8%, rgba(79, 70, 229, 0.32), transparent 28%), radial-gradient(circle at 84% 12%, rgba(14, 165, 233, 0.28), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(79, 70, 229, 0.24), rgba(14, 165, 233, 0.18))"
+  },
+  aurora: {
+    ...neutralVibe,
+    id: "aurora",
+    label: "Aurora teal",
+    primary: "#0d9488",
+    accent: "#a3e635",
+    canvasLight: "#f0fdfa",
+    canvasDark: "#04211f",
+    shellLight: "rgba(240, 253, 250, 0.9)",
+    shellDark: "rgba(5, 44, 42, 0.88)",
+    surfaceDark: "rgba(19, 78, 74, 0.76)",
+    borderLight: "rgba(13, 148, 136, 0.28)",
+    gradient: "radial-gradient(circle at 16% 8%, rgba(45, 212, 191, 0.32), transparent 28%), radial-gradient(circle at 84% 14%, rgba(163, 230, 53, 0.22), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(13, 148, 136, 0.24), rgba(163, 230, 53, 0.16))"
+  },
+  coral: {
+    ...neutralVibe,
+    id: "coral",
+    label: "Coral bloom",
+    primary: "#db2777",
+    accent: "#fb7185",
+    canvasLight: "#fdf2f8",
+    canvasDark: "#251021",
+    shellLight: "rgba(253, 242, 248, 0.9)",
+    shellDark: "rgba(50, 18, 43, 0.88)",
+    surfaceDark: "rgba(80, 28, 66, 0.76)",
+    borderLight: "rgba(219, 39, 119, 0.28)",
+    gradient: "radial-gradient(circle at 16% 8%, rgba(219, 39, 119, 0.3), transparent 28%), radial-gradient(circle at 84% 14%, rgba(251, 113, 133, 0.24), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(219, 39, 119, 0.22), rgba(251, 113, 133, 0.18))"
+  },
+  mint: {
+    ...neutralVibe,
+    id: "mint",
+    label: "Mint circuit",
+    primary: "#059669",
+    accent: "#14b8a6",
+    canvasLight: "#ecfdf5",
+    canvasDark: "#031c16",
+    shellLight: "rgba(236, 253, 245, 0.9)",
+    shellDark: "rgba(5, 42, 34, 0.88)",
+    surfaceDark: "rgba(6, 78, 59, 0.74)",
+    borderLight: "rgba(5, 150, 105, 0.28)",
+    gradient: "radial-gradient(circle at 16% 8%, rgba(16, 185, 129, 0.3), transparent 28%), radial-gradient(circle at 84% 14%, rgba(20, 184, 166, 0.22), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(5, 150, 105, 0.24), rgba(20, 184, 166, 0.16))"
+  },
+  orchid: {
+    ...neutralVibe,
+    id: "orchid",
+    label: "Orchid signal",
+    primary: "#9333ea",
+    accent: "#ec4899",
+    canvasLight: "#faf5ff",
+    canvasDark: "#1d0b2f",
+    shellLight: "rgba(250, 245, 255, 0.9)",
+    shellDark: "rgba(39, 15, 63, 0.88)",
+    surfaceDark: "rgba(59, 25, 94, 0.78)",
+    borderLight: "rgba(147, 51, 234, 0.28)",
+    gradient: "radial-gradient(circle at 16% 8%, rgba(147, 51, 234, 0.32), transparent 28%), radial-gradient(circle at 84% 14%, rgba(236, 72, 153, 0.24), transparent 30%)",
+    hero: "linear-gradient(135deg, rgba(147, 51, 234, 0.24), rgba(236, 72, 153, 0.18))"
+  },
+  royal: {
+    ...neutralVibe,
+    id: "royal",
+    label: "Royal violet",
+    primary: "#7c3aed",
+    accent: "#06b6d4",
+    canvasLight: "#f5f3ff",
+    canvasDark: "#100a2d",
+    shellLight: "rgba(245, 243, 255, 0.9)",
+    shellDark: "rgba(21, 13, 59, 0.88)",
+    surfaceDark: "rgba(46, 26, 104, 0.78)",
+    borderLight: "rgba(124, 58, 237, 0.3)",
+    gradient: "radial-gradient(circle at 15% 9%, rgba(124, 58, 237, 0.34), transparent 28%), radial-gradient(circle at 82% 12%, rgba(6, 182, 212, 0.28), transparent 30%), radial-gradient(circle at 92% 72%, rgba(236, 72, 153, 0.2), transparent 26%)",
+    hero: "linear-gradient(135deg, rgba(124, 58, 237, 0.28), rgba(6, 182, 212, 0.18), rgba(236, 72, 153, 0.18))"
+  }
+};
+function getGdsVibeThemes() {
+  return Object.values(vibeThemes);
+}
+function resolveGdsVibeTheme(id) {
+  return vibeThemes[id] ?? neutralVibe;
+}
+function getGdsVibeThemeCssVariables(id, colorScheme) {
+  const vibe = resolveGdsVibeTheme(id);
+  const dark = colorScheme === "dark";
+  return {
+    "--gds-vibe-primary": vibe.primary,
+    "--gds-vibe-accent": vibe.accent,
+    "--gds-vibe-glow": vibe.glow,
+    "--gds-vibe-canvas": dark ? vibe.canvasDark : vibe.canvasLight,
+    "--gds-vibe-shell": dark ? vibe.shellDark : vibe.shellLight,
+    "--gds-vibe-surface": dark ? vibe.surfaceDark : vibe.surfaceLight,
+    "--gds-vibe-border": dark ? vibe.borderDark : vibe.borderLight,
+    "--gds-vibe-text": dark ? vibe.textDark : vibe.textLight,
+    "--gds-vibe-muted": dark ? vibe.mutedDark : vibe.mutedLight,
+    "--gds-vibe-gradient": vibe.gradient,
+    "--gds-vibe-hero": vibe.hero
+  };
+}
+
 // src/font-lanes.ts
 var import_core2 = require("@mantine/core");
 var lanes = [
@@ -385,7 +673,10 @@ function applyGdsFontLane(theme, laneId) {
   gdsTheme,
   getGdsFontLanes,
   getGdsThemePresets,
+  getGdsVibeThemeCssVariables,
+  getGdsVibeThemes,
   resolveGdsFontLane,
   resolveGdsThemePreset,
+  resolveGdsVibeTheme,
   withGdsMotion
 });

package/dist/server.mjs

@@ -8,10 +8,13 @@ import {
   gdsTheme,
   getGdsFontLanes,
   getGdsThemePresets,
+  getGdsVibeThemeCssVariables,
+  getGdsVibeThemes,
   resolveGdsFontLane,
   resolveGdsThemePreset,
+  resolveGdsVibeTheme,
   withGdsMotion
-} from "./chunk-TAPLA36E.mjs";
+} from "./chunk-OMSQVRZK.mjs";
 export {
   applyGdsFontLane,
   createPublicBrandTheme,
@@ -22,7 +25,10 @@ export {
   gdsTheme,
   getGdsFontLanes,
   getGdsThemePresets,
+  getGdsVibeThemeCssVariables,
+  getGdsVibeThemes,
   resolveGdsFontLane,
   resolveGdsThemePreset,
+  resolveGdsVibeTheme,
   withGdsMotion
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doneisbetter/gds-theme",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/styles.css

@@ -1,3 +1,236 @@
 @import '@mantine/core/styles.css';
 @import '@mantine/notifications/styles.css';
 @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Source+Serif+4:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700;800&display=swap');
+
+:root {
+  --gds-vibe-primary: #7c3aed;
+  --gds-vibe-accent: #06b6d4;
+  --gds-vibe-glow: rgba(124, 58, 237, 0.2);
+  --gds-vibe-canvas: #f8fafc;
+  --gds-vibe-shell: rgba(255, 255, 255, 0.82);
+  --gds-vibe-surface: rgba(255, 255, 255, 0.9);
+  --gds-vibe-border: rgba(124, 58, 237, 0.22);
+  --gds-vibe-text: #111827;
+  --gds-vibe-muted: #64748b;
+  --gds-vibe-gradient: radial-gradient(circle at 18% 12%, rgba(124, 58, 237, 0.18), transparent 28%), radial-gradient(circle at 82% 8%, rgba(6, 182, 212, 0.16), transparent 30%);
+  --gds-vibe-hero: linear-gradient(135deg, rgba(124, 58, 237, 0.14), rgba(6, 182, 212, 0.12));
+}
+
+html[data-gds-theme-preset] body {
+  color: var(--gds-vibe-text);
+  background:
+    var(--gds-vibe-gradient),
+    linear-gradient(135deg, var(--gds-vibe-canvas), color-mix(in srgb, var(--gds-vibe-primary) 8%, var(--gds-vibe-canvas)));
+  background-attachment: fixed;
+}
+
+html[data-gds-theme-preset] body::before {
+  position: fixed;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  content: '';
+  background:
+    radial-gradient(circle at 8% 78%, color-mix(in srgb, var(--gds-vibe-primary) 24%, transparent), transparent 24rem),
+    radial-gradient(circle at 92% 24%, color-mix(in srgb, var(--gds-vibe-accent) 22%, transparent), transparent 28rem),
+    linear-gradient(135deg, color-mix(in srgb, var(--gds-vibe-primary) 8%, transparent), transparent 42%);
+}
+
+html[data-gds-theme-preset] .mantine-AppShell-main {
+  min-height: 100vh;
+  color: var(--gds-vibe-text);
+  background:
+    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--gds-vibe-accent) 18%, transparent), transparent 24rem),
+    radial-gradient(circle at 8% 88%, color-mix(in srgb, var(--gds-vibe-primary) 16%, transparent), transparent 24rem),
+    linear-gradient(135deg, color-mix(in srgb, var(--gds-vibe-canvas) 90%, white), var(--gds-vibe-canvas));
+}
+
+html[data-mantine-color-scheme='dark'][data-gds-theme-preset] .mantine-AppShell-main {
+  background:
+    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--gds-vibe-accent) 24%, transparent), transparent 25rem),
+    radial-gradient(circle at 12% 80%, color-mix(in srgb, var(--gds-vibe-primary) 26%, transparent), transparent 24rem),
+    linear-gradient(135deg, color-mix(in srgb, var(--gds-vibe-canvas) 94%, black), var(--gds-vibe-canvas));
+}
+
+html[data-gds-theme-preset] .mantine-AppShell-header,
+html[data-gds-theme-preset] .mantine-AppShell-navbar,
+html[data-gds-theme-preset] .mantine-AppShell-footer {
+  color: var(--gds-vibe-text);
+  background:
+    linear-gradient(135deg, color-mix(in srgb, var(--gds-vibe-shell) 88%, var(--gds-vibe-primary) 8%), var(--gds-vibe-shell));
+  border-color: var(--gds-vibe-border);
+  backdrop-filter: blur(20px) saturate(1.25);
+  box-shadow: 0 18px 60px color-mix(in srgb, var(--gds-vibe-glow) 36%, transparent);
+}
+
+html[data-gds-theme-preset] .mantine-AppShell-navbar {
+  background:
+    radial-gradient(circle at 86% 78%, color-mix(in srgb, var(--gds-vibe-accent) 16%, transparent), transparent 11rem),
+    linear-gradient(155deg, color-mix(in srgb, var(--gds-vibe-shell) 82%, var(--gds-vibe-primary) 10%), var(--gds-vibe-shell));
+}
+
+html[data-gds-theme-preset] .mantine-Paper-root,
+html[data-gds-theme-preset] .mantine-Card-root {
+  color: var(--gds-vibe-text);
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--gds-vibe-surface) 94%, white), color-mix(in srgb, var(--gds-vibe-surface) 86%, var(--gds-vibe-primary) 7%));
+  border-color: var(--gds-vibe-border);
+  box-shadow: 0 18px 54px color-mix(in srgb, var(--gds-vibe-glow) 20%, transparent);
+}
+
+html[data-mantine-color-scheme='dark'][data-gds-theme-preset] .mantine-Paper-root,
+html[data-mantine-color-scheme='dark'][data-gds-theme-preset] .mantine-Card-root {
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--gds-vibe-surface) 88%, black), color-mix(in srgb, var(--gds-vibe-surface) 76%, var(--gds-vibe-primary) 14%));
+}
+
+html[data-gds-theme-preset] .mantine-Button-root:not([data-variant='default']) {
+  background: linear-gradient(135deg, var(--gds-vibe-primary), var(--gds-vibe-accent));
+  border-color: color-mix(in srgb, var(--gds-vibe-primary) 72%, var(--gds-vibe-accent));
+  color: white;
+  box-shadow: 0 12px 34px color-mix(in srgb, var(--gds-vibe-glow) 58%, transparent);
+}
+
+html[data-gds-theme-preset] .mantine-Button-root[data-variant='default'] {
+  color: var(--gds-vibe-text);
+  background: color-mix(in srgb, var(--gds-vibe-surface) 90%, var(--gds-vibe-primary) 7%);
+  border-color: var(--gds-vibe-border);
+}
+
+html[data-gds-theme-preset] .mantine-Badge-root {
+  color: color-mix(in srgb, var(--gds-vibe-primary) 76%, var(--gds-vibe-text));
+  background: color-mix(in srgb, var(--gds-vibe-primary) 15%, transparent);
+  border-color: color-mix(in srgb, var(--gds-vibe-primary) 28%, transparent);
+}
+
+html[data-gds-theme-preset] .mantine-Input-input,
+html[data-gds-theme-preset] .mantine-NativeSelect-input,
+html[data-gds-theme-preset] .mantine-Textarea-input {
+  color: var(--gds-vibe-text);
+  background: color-mix(in srgb, var(--gds-vibe-surface) 88%, transparent);
+  border-color: color-mix(in srgb, var(--gds-vibe-border) 90%, var(--gds-vibe-primary));
+}
+
+html[data-gds-theme-preset] .mantine-Input-input:focus,
+html[data-gds-theme-preset] .mantine-NativeSelect-input:focus,
+html[data-gds-theme-preset] .mantine-Textarea-input:focus {
+  border-color: var(--gds-vibe-primary);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gds-vibe-primary) 18%, transparent);
+}
+
+html[data-gds-theme-preset] .mantine-Checkbox-input:checked {
+  background: linear-gradient(135deg, var(--gds-vibe-primary), var(--gds-vibe-accent));
+  border-color: var(--gds-vibe-primary);
+}
+
+html[data-gds-theme-preset] a,
+html[data-gds-theme-preset] button {
+  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
+}
+
+html[data-gds-theme-preset] .mantine-AppShell-main h1,
+html[data-gds-theme-preset] .mantine-AppShell-main h2,
+html[data-gds-theme-preset] .mantine-AppShell-main h3 {
+  color: var(--gds-vibe-text);
+  text-shadow: 0 1px 0 color-mix(in srgb, var(--gds-vibe-surface) 70%, transparent);
+}
+
+html[data-gds-theme-preset] .mantine-Text-root[data-dimmed],
+html[data-gds-theme-preset] .mantine-InputWrapper-description,
+html[data-gds-theme-preset] .mantine-InputWrapper-label {
+  color: var(--gds-vibe-muted);
+}
+
+html[data-gds-theme-preset='default'] body,
+html[data-gds-theme-preset='flat-surface'] body,
+html[data-gds-theme-preset='editorial'] body,
+html[data-gds-theme-preset='brand'] body {
+  background:
+    var(--gds-vibe-gradient),
+    linear-gradient(135deg, var(--gds-vibe-canvas), color-mix(in srgb, var(--gds-vibe-primary) 4%, var(--gds-vibe-canvas)));
+}
+
+html[data-gds-theme-preset='sunset'] .mantine-AppShell-main,
+html[data-gds-theme-preset='oceanic'] .mantine-AppShell-main,
+html[data-gds-theme-preset='forest'] .mantine-AppShell-main,
+html[data-gds-theme-preset='ruby'] .mantine-AppShell-main,
+html[data-gds-theme-preset='amber'] .mantine-AppShell-main,
+html[data-gds-theme-preset='neon-night'] .mantine-AppShell-main,
+html[data-gds-theme-preset='skyline'] .mantine-AppShell-main,
+html[data-gds-theme-preset='aurora'] .mantine-AppShell-main,
+html[data-gds-theme-preset='coral'] .mantine-AppShell-main,
+html[data-gds-theme-preset='mint'] .mantine-AppShell-main,
+html[data-gds-theme-preset='orchid'] .mantine-AppShell-main,
+html[data-gds-theme-preset='royal'] .mantine-AppShell-main {
+  background:
+    radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--gds-vibe-accent) 34%, transparent), transparent 22rem),
+    radial-gradient(circle at 10% 78%, color-mix(in srgb, var(--gds-vibe-primary) 30%, transparent), transparent 25rem),
+    radial-gradient(circle at 78% 88%, color-mix(in srgb, var(--gds-vibe-primary) 16%, transparent), transparent 18rem),
+    linear-gradient(135deg, color-mix(in srgb, var(--gds-vibe-canvas) 72%, var(--gds-vibe-primary) 18%), color-mix(in srgb, var(--gds-vibe-canvas) 74%, var(--gds-vibe-accent) 14%)) !important;
+}
+
+html[data-gds-theme-preset='sunset'] .mantine-AppShell-header,
+html[data-gds-theme-preset='sunset'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='oceanic'] .mantine-AppShell-header,
+html[data-gds-theme-preset='oceanic'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='forest'] .mantine-AppShell-header,
+html[data-gds-theme-preset='forest'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='ruby'] .mantine-AppShell-header,
+html[data-gds-theme-preset='ruby'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='amber'] .mantine-AppShell-header,
+html[data-gds-theme-preset='amber'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='neon-night'] .mantine-AppShell-header,
+html[data-gds-theme-preset='neon-night'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='skyline'] .mantine-AppShell-header,
+html[data-gds-theme-preset='skyline'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='aurora'] .mantine-AppShell-header,
+html[data-gds-theme-preset='aurora'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='coral'] .mantine-AppShell-header,
+html[data-gds-theme-preset='coral'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='mint'] .mantine-AppShell-header,
+html[data-gds-theme-preset='mint'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='orchid'] .mantine-AppShell-header,
+html[data-gds-theme-preset='orchid'] .mantine-AppShell-navbar,
+html[data-gds-theme-preset='royal'] .mantine-AppShell-header,
+html[data-gds-theme-preset='royal'] .mantine-AppShell-navbar {
+  background:
+    radial-gradient(circle at 90% 20%, color-mix(in srgb, var(--gds-vibe-accent) 24%, transparent), transparent 14rem),
+    linear-gradient(135deg, color-mix(in srgb, var(--gds-vibe-shell) 68%, var(--gds-vibe-primary) 20%), color-mix(in srgb, var(--gds-vibe-shell) 74%, var(--gds-vibe-accent) 10%)) !important;
+}
+
+html[data-gds-theme-preset='sunset'] .mantine-Paper-root,
+html[data-gds-theme-preset='sunset'] .mantine-Card-root,
+html[data-gds-theme-preset='oceanic'] .mantine-Paper-root,
+html[data-gds-theme-preset='oceanic'] .mantine-Card-root,
+html[data-gds-theme-preset='forest'] .mantine-Paper-root,
+html[data-gds-theme-preset='forest'] .mantine-Card-root,
+html[data-gds-theme-preset='ruby'] .mantine-Paper-root,
+html[data-gds-theme-preset='ruby'] .mantine-Card-root,
+html[data-gds-theme-preset='amber'] .mantine-Paper-root,
+html[data-gds-theme-preset='amber'] .mantine-Card-root,
+html[data-gds-theme-preset='neon-night'] .mantine-Paper-root,
+html[data-gds-theme-preset='neon-night'] .mantine-Card-root,
+html[data-gds-theme-preset='skyline'] .mantine-Paper-root,
+html[data-gds-theme-preset='skyline'] .mantine-Card-root,
+html[data-gds-theme-preset='aurora'] .mantine-Paper-root,
+html[data-gds-theme-preset='aurora'] .mantine-Card-root,
+html[data-gds-theme-preset='coral'] .mantine-Paper-root,
+html[data-gds-theme-preset='coral'] .mantine-Card-root,
+html[data-gds-theme-preset='mint'] .mantine-Paper-root,
+html[data-gds-theme-preset='mint'] .mantine-Card-root,
+html[data-gds-theme-preset='orchid'] .mantine-Paper-root,
+html[data-gds-theme-preset='orchid'] .mantine-Card-root,
+html[data-gds-theme-preset='royal'] .mantine-Paper-root,
+html[data-gds-theme-preset='royal'] .mantine-Card-root {
+  background:
+    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--gds-vibe-accent) 16%, transparent), transparent 12rem),
+    linear-gradient(145deg, color-mix(in srgb, var(--gds-vibe-surface) 82%, white), color-mix(in srgb, var(--gds-vibe-surface) 74%, var(--gds-vibe-primary) 14%)) !important;
+  border-color: color-mix(in srgb, var(--gds-vibe-border) 78%, var(--gds-vibe-primary)) !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html[data-gds-theme-preset] a,
+  html[data-gds-theme-preset] button {
+    transition: none;
+  }
+}

package/dist/chunk-7B3MG4NV.mjs

@@ -1,88 +0,0 @@
-import {
-  gdsTheme
-} from "./chunk-TAPLA36E.mjs";
-
-// src/i18n.ts
-import { createContext, useContext } from "react";
-var GdsI18nContext = createContext({
-  locale: "en",
-  messages: {}
-});
-function useGdsTranslation() {
-  const { messages, locale } = useContext(GdsI18nContext);
-  return {
-    t: (id, defaultMessage) => messages[id] || defaultMessage,
-    locale
-  };
-}
-
-// src/GdsProvider.tsx
-import { MantineProvider, DirectionProvider, Box } from "@mantine/core";
-import { ModalsProvider } from "@mantine/modals";
-import { Notifications } from "@mantine/notifications";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function GdsProvider({
-  children,
-  locale = "en",
-  messages = {},
-  theme = gdsTheme,
-  defaultColorScheme = "light",
-  forceColorScheme
-}) {
-  const isRtl = ["ar", "he"].includes(locale);
-  const dir = isRtl ? "rtl" : "ltr";
-  return /* @__PURE__ */ jsx(DirectionProvider, { initialDirection: dir, children: /* @__PURE__ */ jsx(GdsI18nContext.Provider, { value: { locale, messages }, children: /* @__PURE__ */ jsx(
-    MantineProvider,
-    {
-      theme,
-      withCssVariables: true,
-      withGlobalClasses: true,
-      defaultColorScheme,
-      forceColorScheme,
-      children: /* @__PURE__ */ jsx(ModalsProvider, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Notifications, {}),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            dir,
-            mih: "100vh",
-            h: "100%",
-            bg: "var(--mantine-color-body)",
-            c: "var(--mantine-color-text)",
-            style: { transition: "background-color 120ms ease, color 120ms ease" },
-            children
-          }
-        )
-      ] }) })
-    }
-  ) }) });
-}
-
-// src/notifications.ts
-import { notifications } from "@mantine/notifications";
-var toneColorMap = {
-  success: "teal",
-  error: "red",
-  warning: "yellow",
-  info: "blue",
-  neutral: "gray"
-};
-function showGdsNotification({
-  message,
-  title,
-  tone = "info",
-  autoClose
-}) {
-  notifications.show({
-    message,
-    title,
-    color: toneColorMap[tone],
-    autoClose
-  });
-}
-
-export {
-  useGdsTranslation,
-  GdsProvider,
-  showGdsNotification
-};