@moontra/moonui 2.4.13 → 2.5.1

package/dist/lib/theme.js

@@ -0,0 +1,596 @@
+'use client';
+
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/lib/theme-presets.ts
+var themePresets = {
+  default: {
+    name: "Default",
+    description: "MoonUI's standard theme",
+    category: "general",
+    radius: 0.5,
+    light: {
+      background: "0 0% 100%",
+      foreground: "222.2 84% 4.9%",
+      card: "0 0% 100%",
+      cardForeground: "222.2 84% 4.9%",
+      popover: "0 0% 100%",
+      popoverForeground: "222.2 84% 4.9%",
+      primary: "217.2 91.2% 59.8%",
+      primaryForeground: "222.2 47.4% 11.2%",
+      secondary: "217.2 32.6% 94%",
+      secondaryForeground: "217.2 91.2% 59.8%",
+      muted: "217.2 32.6% 96%",
+      mutedForeground: "215.4 16.3% 46.9%",
+      accent: "217.2 32.6% 94%",
+      accentForeground: "217.2 91.2% 59.8%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "210 40% 98%",
+      border: "214.3 31.8% 91.4%",
+      input: "214.3 31.8% 91.4%",
+      ring: "217.2 91.2% 59.8%",
+      chart1: "12 76% 61%",
+      chart2: "173 58% 39%",
+      chart3: "197 37% 24%",
+      chart4: "43 74% 66%",
+      chart5: "27 87% 67%"
+    },
+    dark: {
+      background: "224 71% 4%",
+      foreground: "213 31% 91%",
+      card: "224 71% 4%",
+      cardForeground: "213 31% 91%",
+      popover: "224 71% 4%",
+      popoverForeground: "213 31% 91%",
+      primary: "210 40% 98%",
+      primaryForeground: "222.2 47.4% 1.2%",
+      secondary: "222.2 84% 4.9%",
+      secondaryForeground: "210 40% 98%",
+      muted: "223 47% 11%",
+      mutedForeground: "215.4 16.3% 56.9%",
+      accent: "216 34% 17%",
+      accentForeground: "210 40% 98%",
+      destructive: "0 63% 31%",
+      destructiveForeground: "210 40% 98%",
+      border: "216 34% 17%",
+      input: "216 34% 17%",
+      ring: "216 34% 17%",
+      chart1: "220 70% 50%",
+      chart2: "160 60% 45%",
+      chart3: "30 80% 55%",
+      chart4: "280 65% 60%",
+      chart5: "340 75% 55%"
+    }
+  },
+  /**
+   * MoonUI marka temasi — mor butonlar.
+   *
+   * BILEREK OPT-IN: --primary'nin kendisi mora CEKILMEDI. Cekilseydi paketi
+   * kullanan tum projelerin butonlari surum yukseltmesinde sessizce maviden mora
+   * doner, renk akislari bozulurdu. Marka rengi isteyen bu preset'i secer ya da
+   * dogrudan `bg-brand-600` yazar; hicbir mevcut tuketici etkilenmez.
+   *
+   * default ile tek farki --primary ailesi: brand-600 (= --brand-600, purple-600).
+   * Beyaz metinle kontrast 5.38:1 — WCAG AA gecer (varsayilan mavi 3.68 ile GECMEZ).
+   */
+  brand: {
+    name: "Brand",
+    description: "MoonUI's purple brand identity",
+    category: "general",
+    radius: 0.5,
+    light: {
+      background: "0 0% 100%",
+      foreground: "222.2 84% 4.9%",
+      card: "0 0% 100%",
+      cardForeground: "222.2 84% 4.9%",
+      popover: "0 0% 100%",
+      popoverForeground: "222.2 84% 4.9%",
+      primary: "271.5 81.3% 55.9%",
+      primaryForeground: "0 0% 100%",
+      secondary: "217.2 32.6% 94%",
+      secondaryForeground: "271.5 81.3% 55.9%",
+      muted: "217.2 32.6% 96%",
+      mutedForeground: "215.4 16.3% 46.9%",
+      accent: "217.2 32.6% 94%",
+      accentForeground: "271.5 81.3% 55.9%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "210 40% 98%",
+      border: "214.3 31.8% 91.4%",
+      input: "214.3 31.8% 91.4%",
+      ring: "271.5 81.3% 55.9%",
+      chart1: "12 76% 61%",
+      chart2: "173 58% 39%",
+      chart3: "197 37% 24%",
+      chart4: "43 74% 66%",
+      chart5: "27 87% 67%"
+    },
+    dark: {
+      background: "224 71% 4%",
+      foreground: "213 31% 91%",
+      card: "224 71% 4%",
+      cardForeground: "213 31% 91%",
+      popover: "224 71% 4%",
+      popoverForeground: "213 31% 91%",
+      primary: "271.5 81.3% 55.9%",
+      primaryForeground: "0 0% 100%",
+      secondary: "222.2 84% 4.9%",
+      secondaryForeground: "210 40% 98%",
+      muted: "223 47% 11%",
+      mutedForeground: "215.4 16.3% 56.9%",
+      accent: "216 34% 17%",
+      accentForeground: "210 40% 98%",
+      destructive: "0 63% 31%",
+      destructiveForeground: "210 40% 98%",
+      border: "216 34% 17%",
+      input: "216 34% 17%",
+      ring: "270.7 91% 65.1%",
+      chart1: "220 70% 50%",
+      chart2: "160 60% 45%",
+      chart3: "30 80% 55%",
+      chart4: "280 65% 60%",
+      chart5: "340 75% 55%"
+    }
+  },
+  corporate: {
+    name: "Corporate",
+    description: "Professional theme for business applications",
+    category: "business",
+    radius: 0.25,
+    light: {
+      background: "0 0% 100%",
+      foreground: "221 39% 11%",
+      card: "0 0% 100%",
+      cardForeground: "221 39% 11%",
+      popover: "0 0% 100%",
+      popoverForeground: "221 39% 11%",
+      primary: "221 83% 53%",
+      primaryForeground: "0 0% 100%",
+      secondary: "215 28% 17%",
+      secondaryForeground: "0 0% 100%",
+      muted: "213 27% 84%",
+      mutedForeground: "215 20% 40%",
+      accent: "213 27% 84%",
+      accentForeground: "221 39% 11%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "214 32% 91%",
+      input: "214 32% 91%",
+      ring: "221 83% 53%",
+      chart1: "221 83% 53%",
+      chart2: "212 95% 68%",
+      chart3: "216 92% 60%",
+      chart4: "210 98% 78%",
+      chart5: "212 97% 87%"
+    },
+    dark: {
+      background: "221 39% 7%",
+      foreground: "213 31% 91%",
+      card: "221 39% 9%",
+      cardForeground: "213 31% 91%",
+      popover: "0 0% 100%",
+      popoverForeground: "221 39% 11%",
+      primary: "217 91% 60%",
+      primaryForeground: "221 39% 11%",
+      secondary: "215 28% 25%",
+      secondaryForeground: "213 31% 91%",
+      muted: "215 28% 17%",
+      mutedForeground: "215 20% 65%",
+      accent: "215 28% 20%",
+      accentForeground: "213 31% 91%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "215 28% 17%",
+      input: "215 28% 17%",
+      ring: "217 91% 60%",
+      chart1: "221 83% 53%",
+      chart2: "212 95% 68%",
+      chart3: "216 92% 60%",
+      chart4: "210 98% 78%",
+      chart5: "212 97% 87%"
+    }
+  },
+  creative: {
+    name: "Creative",
+    description: "Vibrant theme for creative projects",
+    category: "creative",
+    radius: 1,
+    light: {
+      background: "0 0% 100%",
+      foreground: "240 10% 3.9%",
+      card: "0 0% 100%",
+      cardForeground: "240 10% 3.9%",
+      popover: "0 0% 100%",
+      popoverForeground: "240 10% 3.9%",
+      primary: "262 83% 58%",
+      primaryForeground: "0 0% 100%",
+      secondary: "270 95% 75%",
+      secondaryForeground: "240 10% 3.9%",
+      muted: "270 95% 95%",
+      mutedForeground: "240 5% 45%",
+      accent: "292 84% 61%",
+      accentForeground: "0 0% 100%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "270 50% 90%",
+      input: "270 50% 90%",
+      ring: "262 83% 58%",
+      chart1: "262 83% 58%",
+      chart2: "292 84% 61%",
+      chart3: "330 81% 60%",
+      chart4: "350 80% 72%",
+      chart5: "10 80% 80%"
+    },
+    dark: {
+      background: "240 10% 3.9%",
+      foreground: "0 0% 95%",
+      card: "240 10% 5.9%",
+      cardForeground: "0 0% 95%",
+      popover: "0 0% 100%",
+      popoverForeground: "240 10% 3.9%",
+      primary: "262 83% 68%",
+      primaryForeground: "240 10% 3.9%",
+      secondary: "270 50% 20%",
+      secondaryForeground: "0 0% 95%",
+      muted: "270 50% 15%",
+      mutedForeground: "270 10% 60%",
+      accent: "292 84% 71%",
+      accentForeground: "240 10% 3.9%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "270 50% 18%",
+      input: "270 50% 18%",
+      ring: "262 83% 68%",
+      chart1: "262 83% 58%",
+      chart2: "292 84% 61%",
+      chart3: "330 81% 60%",
+      chart4: "350 80% 72%",
+      chart5: "10 80% 80%"
+    }
+  },
+  nature: {
+    name: "Nature",
+    description: "Nature-inspired green tones",
+    category: "creative",
+    radius: 0.75,
+    light: {
+      background: "0 0% 100%",
+      foreground: "140 10% 13%",
+      card: "0 0% 100%",
+      cardForeground: "140 10% 13%",
+      popover: "0 0% 100%",
+      popoverForeground: "140 10% 13%",
+      primary: "142 71% 45%",
+      primaryForeground: "0 0% 100%",
+      secondary: "138 76% 97%",
+      secondaryForeground: "140 10% 13%",
+      muted: "138 50% 95%",
+      mutedForeground: "140 10% 40%",
+      accent: "142 76% 36%",
+      accentForeground: "0 0% 100%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "140 30% 90%",
+      input: "140 30% 90%",
+      ring: "142 71% 45%",
+      chart1: "142 71% 45%",
+      chart2: "120 61% 50%",
+      chart3: "100 61% 45%",
+      chart4: "80 61% 50%",
+      chart5: "60 70% 50%"
+    },
+    dark: {
+      background: "140 10% 8%",
+      foreground: "138 31% 91%",
+      card: "140 10% 10%",
+      cardForeground: "138 31% 91%",
+      popover: "0 0% 100%",
+      popoverForeground: "140 10% 13%",
+      primary: "142 71% 55%",
+      primaryForeground: "140 10% 13%",
+      secondary: "138 30% 20%",
+      secondaryForeground: "138 31% 91%",
+      muted: "138 30% 15%",
+      mutedForeground: "138 10% 60%",
+      accent: "142 76% 46%",
+      accentForeground: "140 10% 13%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "138 30% 18%",
+      input: "138 30% 18%",
+      ring: "142 71% 55%",
+      chart1: "142 71% 45%",
+      chart2: "120 61% 50%",
+      chart3: "100 61% 45%",
+      chart4: "80 61% 50%",
+      chart5: "60 70% 50%"
+    }
+  },
+  minimal: {
+    name: "Minimal",
+    description: "Clean and minimal design",
+    category: "general",
+    radius: 0,
+    light: {
+      background: "0 0% 100%",
+      foreground: "0 0% 9%",
+      card: "0 0% 100%",
+      cardForeground: "0 0% 9%",
+      popover: "0 0% 100%",
+      popoverForeground: "0 0% 9%",
+      primary: "0 0% 9%",
+      primaryForeground: "0 0% 100%",
+      secondary: "0 0% 96%",
+      secondaryForeground: "0 0% 9%",
+      muted: "0 0% 96%",
+      mutedForeground: "0 0% 45%",
+      accent: "0 0% 85%",
+      accentForeground: "0 0% 9%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "0 0% 91%",
+      input: "0 0% 91%",
+      ring: "0 0% 9%",
+      chart1: "0 0% 20%",
+      chart2: "0 0% 40%",
+      chart3: "0 0% 60%",
+      chart4: "0 0% 80%",
+      chart5: "0 0% 90%"
+    },
+    dark: {
+      background: "0 0% 3.9%",
+      foreground: "0 0% 98%",
+      card: "0 0% 5.9%",
+      cardForeground: "0 0% 98%",
+      popover: "0 0% 100%",
+      popoverForeground: "0 0% 9%",
+      primary: "0 0% 98%",
+      primaryForeground: "0 0% 3.9%",
+      secondary: "0 0% 14%",
+      secondaryForeground: "0 0% 98%",
+      muted: "0 0% 14%",
+      mutedForeground: "0 0% 60%",
+      accent: "0 0% 20%",
+      accentForeground: "0 0% 98%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "0 0% 14%",
+      input: "0 0% 14%",
+      ring: "0 0% 98%",
+      chart1: "0 0% 20%",
+      chart2: "0 0% 40%",
+      chart3: "0 0% 60%",
+      chart4: "0 0% 80%",
+      chart5: "0 0% 90%"
+    }
+  },
+  ocean: {
+    name: "Ocean",
+    description: "Ocean-inspired blue tones",
+    category: "creative",
+    radius: 0.5,
+    light: {
+      background: "0 0% 100%",
+      foreground: "200 20% 10%",
+      card: "0 0% 100%",
+      cardForeground: "200 20% 10%",
+      popover: "0 0% 100%",
+      popoverForeground: "200 20% 10%",
+      primary: "199 89% 48%",
+      primaryForeground: "0 0% 100%",
+      secondary: "197 71% 95%",
+      secondaryForeground: "200 20% 10%",
+      muted: "197 71% 95%",
+      mutedForeground: "200 15% 40%",
+      accent: "186 100% 94%",
+      accentForeground: "200 20% 10%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "197 50% 90%",
+      input: "197 50% 90%",
+      ring: "199 89% 48%",
+      chart1: "199 89% 48%",
+      chart2: "195 89% 50%",
+      chart3: "190 89% 52%",
+      chart4: "185 89% 54%",
+      chart5: "180 89% 56%"
+    },
+    dark: {
+      background: "200 20% 6%",
+      foreground: "197 71% 93%",
+      card: "200 20% 8%",
+      cardForeground: "197 71% 93%",
+      popover: "0 0% 100%",
+      popoverForeground: "200 20% 10%",
+      primary: "199 89% 58%",
+      primaryForeground: "200 20% 10%",
+      secondary: "200 50% 15%",
+      secondaryForeground: "197 71% 93%",
+      muted: "200 50% 12%",
+      mutedForeground: "200 15% 65%",
+      accent: "186 100% 40%",
+      accentForeground: "200 20% 10%",
+      destructive: "0 84.2% 60.2%",
+      destructiveForeground: "0 0% 100%",
+      border: "200 50% 15%",
+      input: "200 50% 15%",
+      ring: "199 89% 58%",
+      chart1: "199 89% 48%",
+      chart2: "195 89% 50%",
+      chart3: "190 89% 52%",
+      chart4: "185 89% 54%",
+      chart5: "180 89% 56%"
+    }
+  }
+};
+var toCssVar = (key) => "--" + key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([a-zA-Z])(\d)/g, "$1-$2").toLowerCase();
+var OWNED_ATTR = "data-moonui-theme-vars";
+var ThemeContext = React__namespace.createContext(null);
+var readColorMode = () => typeof document !== "undefined" && document.documentElement.classList.contains("dark") ? "dark" : "light";
+var ThemeProvider = ({
+  children,
+  defaultPreset = "default",
+  preset: controlledPreset,
+  overrides: controlledOverrides,
+  persist = false,
+  storageKey = "moonui-theme-preset"
+}) => {
+  const [uncontrolledPreset, setUncontrolledPreset] = React__namespace.useState(defaultPreset);
+  const [uncontrolledOverrides, setUncontrolledOverrides] = React__namespace.useState({});
+  const [colorMode, setColorMode] = React__namespace.useState("light");
+  const [appliedTokens, setAppliedTokens] = React__namespace.useState(null);
+  const preset = controlledPreset ?? uncontrolledPreset;
+  const overrides = controlledOverrides ?? uncontrolledOverrides;
+  React__namespace.useEffect(() => {
+    if (!persist)
+      return;
+    try {
+      if (!controlledPreset) {
+        const saved = window.localStorage.getItem(storageKey);
+        if (saved && saved in themePresets) {
+          setUncontrolledPreset(saved);
+        }
+      }
+      if (!controlledOverrides) {
+        const savedOverrides = window.localStorage.getItem(
+          `${storageKey}-overrides`
+        );
+        if (savedOverrides) {
+          const parsed = JSON.parse(savedOverrides);
+          if (parsed && typeof parsed === "object") {
+            setUncontrolledOverrides(parsed);
+          }
+        }
+      }
+    } catch {
+    }
+  }, [persist, storageKey, controlledPreset, controlledOverrides]);
+  React__namespace.useEffect(() => {
+    if (!persist || controlledOverrides)
+      return;
+    try {
+      const key = `${storageKey}-overrides`;
+      if (Object.keys(uncontrolledOverrides).length === 0) {
+        window.localStorage.removeItem(key);
+      } else {
+        window.localStorage.setItem(key, JSON.stringify(uncontrolledOverrides));
+      }
+    } catch {
+    }
+  }, [persist, storageKey, uncontrolledOverrides, controlledOverrides]);
+  React__namespace.useEffect(() => {
+    setColorMode(readColorMode());
+    const el = document.documentElement;
+    const observer = new MutationObserver(() => setColorMode(readColorMode()));
+    observer.observe(el, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, []);
+  React__namespace.useEffect(() => {
+    const root = document.documentElement;
+    const previous = root.getAttribute(OWNED_ATTR);
+    if (previous) {
+      for (const name of previous.split(","))
+        root.style.removeProperty(name);
+      root.removeAttribute(OWNED_ATTR);
+    }
+    const hasOverrides = Object.keys(overrides).length > 0;
+    if (preset === "default" && !hasOverrides) {
+      setAppliedTokens(null);
+      return;
+    }
+    const def = themePresets[preset] ?? themePresets.default;
+    const effective = {
+      ...colorMode === "dark" ? def.dark : def.light,
+      radius: `${def.radius}rem`,
+      ...overrides
+    };
+    const written = [];
+    for (const [key, value2] of Object.entries(effective)) {
+      if (value2 == null || value2 === "")
+        continue;
+      const cssVar = key.startsWith("--") ? key : toCssVar(key);
+      root.style.setProperty(cssVar, value2);
+      written.push(cssVar);
+    }
+    root.setAttribute(OWNED_ATTR, written.join(","));
+    setAppliedTokens(effective);
+    return () => {
+      for (const name of written)
+        root.style.removeProperty(name);
+      root.removeAttribute(OWNED_ATTR);
+    };
+  }, [preset, overrides, colorMode]);
+  const setPreset = React__namespace.useCallback(
+    (next) => {
+      setUncontrolledPreset(next);
+      if (persist) {
+        try {
+          window.localStorage.setItem(storageKey, next);
+        } catch {
+        }
+      }
+    },
+    [persist, storageKey]
+  );
+  const value = React__namespace.useMemo(
+    () => ({
+      preset,
+      setPreset,
+      presets: themePresets,
+      colorMode,
+      overrides,
+      setOverrides: setUncontrolledOverrides,
+      appliedTokens
+    }),
+    [preset, setPreset, colorMode, overrides, appliedTokens]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+};
+var useTheme = () => {
+  const ctx = React__namespace.useContext(ThemeContext);
+  if (!ctx) {
+    throw new Error("useTheme, <ThemeProvider> icinde cagrilmalidir.");
+  }
+  return ctx;
+};
+var themeToCss = (preset, { selector = ":root", darkSelector = ".dark" } = {}) => {
+  const def = themePresets[preset] ?? themePresets.default;
+  const block = (tokens, radius) => Object.entries(tokens).filter(([, v]) => v).map(([k, v]) => `  ${toCssVar(k)}: ${v};`).concat(radius ? [`  --radius: ${radius};`] : []).join("\n");
+  return `${selector} {
+${block(def.light, `${def.radius}rem`)}
+}
+
+${darkSelector} {
+${block(def.dark)}
+}
+`;
+};
+
+exports.ThemeProvider = ThemeProvider;
+exports.themePresets = themePresets;
+exports.themeToCss = themeToCss;
+exports.useTheme = useTheme;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=theme.js.map

package/dist/lib/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/theme.tsx","../../src/lib/theme-presets.ts"],"names":["value"],"mappings":"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","sourcesContent":["\"use client\";\n\n/**\n * MoonUI ThemeProvider — CALISIR tema sistemi.\n *\n * ONCEKI HALI BOZUKTU: eski ThemeProvider yalnizca bir React context tasiyordu;\n * DOM'a hicbir sey yazmiyordu (setProperty/classList/useEffect yoktu) ve\n * createCssVariables() export edilmis ama HIC CAGRILMAMISTI. Yani <ThemeProvider>\n * gorsel olarak no-op'tu. Ustelik token isimleri (--color-primary) ve deger formati\n * (tam `hsl(...)` string'i) component'lerin okudugu sozlesmeyle uyusmuyordu:\n * Tailwind preset'i renkleri `hsl(var(--primary) / <alpha-value>)` diye bagliyor,\n * dolayisiyla tam hsl(...) yazilsaydi `hsl(hsl(...))` olusur ve renk kirilirdi.\n *\n * BU SURUM:\n *  - tokens.css ile AYNI sozlesmeyi kullanir: --primary, --card-foreground, --radius\n *    ve ham HSL ucusu (\"217.2 91.2% 59.8%\").\n *  - Token'lari gercekten <html> uzerine inline custom property olarak YAZAR.\n *  - 'default' preset'te ve ozel token yokken HICBIR SEY YAZMAZ; statik tokens.css\n *    gecerli kalir. Bu, \"provider'i mount etmek gorunumu degistirmez\" garantisini\n *    YAPISAL olarak verir.\n *  - Karanlik mod next-themes ile uyumlu: <html>'deki `dark` sinifini MutationObserver\n *    ile IZLER ve preset'in dark varyantini uygular. `dark` sinifini kendisi YAZMAZ —\n *    o isi tema kutuphanenize birakir, cakisma olmaz.\n */\n\nimport * as React from \"react\";\nimport {\n  themePresets,\n  type ThemePresetName,\n  type ThemePresetDefinition,\n  type ThemeTokens,\n} from \"./theme-presets\";\n\nexport { themePresets };\nexport type { ThemePresetName, ThemePresetDefinition, ThemeTokens };\n\n/** camelCase token adi -> CSS custom property. cardForeground -> --card-foreground,\n *  chart1 -> --chart-1 */\nconst toCssVar = (key: string): string =>\n  \"--\" +\n  key\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/([a-zA-Z])(\\d)/g, \"$1-$2\")\n    .toLowerCase();\n\n/** Bu provider'in <html>'e yazdigi property'lerin listesi burada tutulur; temizlik\n *  yalnizca kendi yazdiklarimizi siler, sayfanin diger inline degiskenlerine dokunmaz. */\nconst OWNED_ATTR = \"data-moonui-theme-vars\";\n\nexport type ColorMode = \"light\" | \"dark\";\n\nexport interface ThemeContextValue {\n  preset: ThemePresetName;\n  setPreset: (preset: ThemePresetName) => void;\n  /** Tum preset tanimlari — tema secici UI'lari icin (isim, aciklama, kategori) */\n  presets: Record<ThemePresetName, ThemePresetDefinition>;\n  /** Gecerli renk modu (<html>.dark sinifindan okunur) */\n  colorMode: ColorMode;\n  /** Preset uzerine binen serbest override'lar, ornek: { primary: \"270 90% 60%\" } */\n  overrides: Partial<ThemeTokens> & Record<string, string>;\n  setOverrides: (o: Partial<ThemeTokens> & Record<string, string>) => void;\n  /** Su an DOM'a yazilmis efektif token'lar; hicbir sey yazilmadiysa null */\n  appliedTokens: Record<string, string> | null;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Baslangic preset'i. Varsayilan \"default\" = statik tokens.css, hicbir sey yazilmaz */\n  defaultPreset?: ThemePresetName;\n  /** Kontrollu kullanim: verilirse ic state yerine bu gecerlidir */\n  preset?: ThemePresetName;\n  overrides?: Partial<ThemeTokens> & Record<string, string>;\n  /** Secimi localStorage'a yaz/oku. Varsayilan false (opt-in) */\n  persist?: boolean;\n  storageKey?: string;\n}\n\nconst readColorMode = (): ColorMode =>\n  typeof document !== \"undefined\" &&\n  document.documentElement.classList.contains(\"dark\")\n    ? \"dark\"\n    : \"light\";\n\nexport const ThemeProvider = ({\n  children,\n  defaultPreset = \"default\",\n  preset: controlledPreset,\n  overrides: controlledOverrides,\n  persist = false,\n  storageKey = \"moonui-theme-preset\",\n}: ThemeProviderProps) => {\n  const [uncontrolledPreset, setUncontrolledPreset] =\n    React.useState<ThemePresetName>(defaultPreset);\n  const [uncontrolledOverrides, setUncontrolledOverrides] = React.useState<\n    Partial<ThemeTokens> & Record<string, string>\n  >({});\n  // SSR ile ayni ilk render icin daima \"light\" ile basla; gercegi effect'te oku.\n  const [colorMode, setColorMode] = React.useState<ColorMode>(\"light\");\n  const [appliedTokens, setAppliedTokens] = React.useState<Record<\n    string,\n    string\n  > | null>(null);\n\n  const preset = controlledPreset ?? uncontrolledPreset;\n  const overrides = controlledOverrides ?? uncontrolledOverrides;\n\n  // Kaydedilmis preset + ozel token'lari geri yukle. Ozel token'lar da saklanir;\n  // aksi halde kullanicinin olusturdugu tema sayfa yenilenince kaybolurdu.\n  React.useEffect(() => {\n    if (!persist) return;\n    try {\n      if (!controlledPreset) {\n        const saved = window.localStorage.getItem(storageKey);\n        if (saved && saved in themePresets) {\n          setUncontrolledPreset(saved as ThemePresetName);\n        }\n      }\n      if (!controlledOverrides) {\n        const savedOverrides = window.localStorage.getItem(\n          `${storageKey}-overrides`\n        );\n        if (savedOverrides) {\n          const parsed = JSON.parse(savedOverrides);\n          if (parsed && typeof parsed === \"object\") {\n            setUncontrolledOverrides(parsed);\n          }\n        }\n      }\n    } catch {\n      /* private mode / bozuk JSON — sessizce gec */\n    }\n  }, [persist, storageKey, controlledPreset, controlledOverrides]);\n\n  // Ozel token'lari sakla (kontrolsuz kullanimda)\n  React.useEffect(() => {\n    if (!persist || controlledOverrides) return;\n    try {\n      const key = `${storageKey}-overrides`;\n      if (Object.keys(uncontrolledOverrides).length === 0) {\n        window.localStorage.removeItem(key);\n      } else {\n        window.localStorage.setItem(key, JSON.stringify(uncontrolledOverrides));\n      }\n    } catch {\n      /* yok say */\n    }\n  }, [persist, storageKey, uncontrolledOverrides, controlledOverrides]);\n\n  // next-themes gibi kutuphaneler <html>'deki `dark` sinifini degistirir; izle.\n  React.useEffect(() => {\n    setColorMode(readColorMode());\n    const el = document.documentElement;\n    const observer = new MutationObserver(() => setColorMode(readColorMode()));\n    observer.observe(el, { attributes: true, attributeFilter: [\"class\"] });\n    return () => observer.disconnect();\n  }, []);\n\n  // Asil is: token'lari DOM'a yaz.\n  React.useEffect(() => {\n    const root = document.documentElement;\n\n    const previous = root.getAttribute(OWNED_ATTR);\n    if (previous) {\n      for (const name of previous.split(\",\")) root.style.removeProperty(name);\n      root.removeAttribute(OWNED_ATTR);\n    }\n\n    const hasOverrides = Object.keys(overrides).length > 0;\n\n    // SIFIR-DELTA: varsayilan preset + override yok => hicbir sey yazma.\n    if (preset === \"default\" && !hasOverrides) {\n      setAppliedTokens(null);\n      return;\n    }\n\n    const def = themePresets[preset] ?? themePresets.default;\n    const effective: Record<string, string> = {\n      ...(colorMode === \"dark\" ? def.dark : def.light),\n      radius: `${def.radius}rem`,\n      ...overrides,\n    };\n\n    const written: string[] = [];\n    for (const [key, value] of Object.entries(effective)) {\n      if (value == null || value === \"\") continue;\n      // \"--\" ile baslayan anahtarlar oldugu gibi gecer (ornek: \"--brand-600\")\n      const cssVar = key.startsWith(\"--\") ? key : toCssVar(key);\n      root.style.setProperty(cssVar, value);\n      written.push(cssVar);\n    }\n    root.setAttribute(OWNED_ATTR, written.join(\",\"));\n    setAppliedTokens(effective);\n\n    return () => {\n      for (const name of written) root.style.removeProperty(name);\n      root.removeAttribute(OWNED_ATTR);\n    };\n  }, [preset, overrides, colorMode]);\n\n  const setPreset = React.useCallback(\n    (next: ThemePresetName) => {\n      setUncontrolledPreset(next);\n      if (persist) {\n        try {\n          window.localStorage.setItem(storageKey, next);\n        } catch {\n          /* yok say */\n        }\n      }\n    },\n    [persist, storageKey]\n  );\n\n  const value = React.useMemo<ThemeContextValue>(\n    () => ({\n      preset,\n      setPreset,\n      presets: themePresets,\n      colorMode,\n      overrides,\n      setOverrides: setUncontrolledOverrides,\n      appliedTokens,\n    }),\n    [preset, setPreset, colorMode, overrides, appliedTokens]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextValue => {\n  const ctx = React.useContext(ThemeContext);\n  if (!ctx) {\n    throw new Error(\"useTheme, <ThemeProvider> icinde cagrilmalidir.\");\n  }\n  return ctx;\n};\n\n/**\n * Bir preset'i CSS metnine cevirir — tema secicilerdeki \"disa aktar\" icin.\n * Uretilen blok dogrudan globals.css'e yapistirilabilir.\n */\nexport const themeToCss = (\n  preset: ThemePresetName,\n  { selector = \":root\", darkSelector = \".dark\" } = {}\n): string => {\n  const def = themePresets[preset] ?? themePresets.default;\n  const block = (tokens: ThemeTokens, radius?: string) =>\n    Object.entries(tokens)\n      .filter(([, v]) => v)\n      .map(([k, v]) => `  ${toCssVar(k)}: ${v};`)\n      .concat(radius ? [`  --radius: ${radius};`] : [])\n      .join(\"\\n\");\n\n  return (\n    `${selector} {\\n${block(def.light, `${def.radius}rem`)}\\n}\\n\\n` +\n    `${darkSelector} {\\n${block(def.dark)}\\n}\\n`\n  );\n};\n","/**\n * MoonUI tema preset'leri\n *\n * Degerler tokens.css ile AYNI SOZLESMEDE: ham HSL ucusu (\"217.2 91.2% 59.8%\"),\n * cunku Tailwind preset'i renkleri `hsl(var(--primary) / <alpha-value>)` olarak\n * baglar. Tam hsl(...) fonksiyonu yazilirsa `hsl(hsl(...))` olusur ve renk kirilir.\n *\n * 'default' preset'i tokens.css'in GERCEK degerleridir; ThemeProvider bu preset\n * icin DOM'a hicbir sey yazmaz, statik CSS gecerli kalir (sifir delta).\n */\n\n/** Bir temanin tasidigi token'lar. Anahtarlar camelCase; DOM'a kebab-case yazilir\n *  (cardForeground -> --card-foreground). */\nexport interface ThemeTokens {\n  background: string;\n  foreground: string;\n  card: string;\n  cardForeground: string;\n  popover: string;\n  popoverForeground: string;\n  primary: string;\n  primaryForeground: string;\n  secondary: string;\n  secondaryForeground: string;\n  muted: string;\n  mutedForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  input: string;\n  ring: string;\n  chart1?: string;\n  chart2?: string;\n  chart3?: string;\n  chart4?: string;\n  chart5?: string;\n}\n\nexport interface ThemePresetDefinition {\n  name: string;\n  description: string;\n  category: \"general\" | \"business\" | \"creative\";\n  /** rem cinsinden; --radius olarak yazilir */\n  radius: number;\n  light: ThemeTokens;\n  dark: ThemeTokens;\n}\n\nexport type ThemePresetName =\n  \"default\"\n  | \"brand\"\n  | \"corporate\"\n  | \"creative\"\n  | \"nature\"\n  | \"minimal\"\n  | \"ocean\";\n\nexport const themePresets: Record<ThemePresetName, ThemePresetDefinition> = {\n  default: {\n    name: \"Default\",\n    description: \"MoonUI's standard theme\",\n    category: \"general\",\n    radius: 0.5,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"222.2 84% 4.9%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"222.2 84% 4.9%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"222.2 84% 4.9%\",\n      primary: \"217.2 91.2% 59.8%\",\n      primaryForeground: \"222.2 47.4% 11.2%\",\n      secondary: \"217.2 32.6% 94%\",\n      secondaryForeground: \"217.2 91.2% 59.8%\",\n      muted: \"217.2 32.6% 96%\",\n      mutedForeground: \"215.4 16.3% 46.9%\",\n      accent: \"217.2 32.6% 94%\",\n      accentForeground: \"217.2 91.2% 59.8%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"210 40% 98%\",\n      border: \"214.3 31.8% 91.4%\",\n      input: \"214.3 31.8% 91.4%\",\n      ring: \"217.2 91.2% 59.8%\",\n      chart1: \"12 76% 61%\",\n      chart2: \"173 58% 39%\",\n      chart3: \"197 37% 24%\",\n      chart4: \"43 74% 66%\",\n      chart5: \"27 87% 67%\",\n    },\n    dark: {\n      background: \"224 71% 4%\",\n      foreground: \"213 31% 91%\",\n      card: \"224 71% 4%\",\n      cardForeground: \"213 31% 91%\",\n      popover: \"224 71% 4%\",\n      popoverForeground: \"213 31% 91%\",\n      primary: \"210 40% 98%\",\n      primaryForeground: \"222.2 47.4% 1.2%\",\n      secondary: \"222.2 84% 4.9%\",\n      secondaryForeground: \"210 40% 98%\",\n      muted: \"223 47% 11%\",\n      mutedForeground: \"215.4 16.3% 56.9%\",\n      accent: \"216 34% 17%\",\n      accentForeground: \"210 40% 98%\",\n      destructive: \"0 63% 31%\",\n      destructiveForeground: \"210 40% 98%\",\n      border: \"216 34% 17%\",\n      input: \"216 34% 17%\",\n      ring: \"216 34% 17%\",\n      chart1: \"220 70% 50%\",\n      chart2: \"160 60% 45%\",\n      chart3: \"30 80% 55%\",\n      chart4: \"280 65% 60%\",\n      chart5: \"340 75% 55%\",\n    },\n  },\n\n  /**\n   * MoonUI marka temasi — mor butonlar.\n   *\n   * BILEREK OPT-IN: --primary'nin kendisi mora CEKILMEDI. Cekilseydi paketi\n   * kullanan tum projelerin butonlari surum yukseltmesinde sessizce maviden mora\n   * doner, renk akislari bozulurdu. Marka rengi isteyen bu preset'i secer ya da\n   * dogrudan `bg-brand-600` yazar; hicbir mevcut tuketici etkilenmez.\n   *\n   * default ile tek farki --primary ailesi: brand-600 (= --brand-600, purple-600).\n   * Beyaz metinle kontrast 5.38:1 — WCAG AA gecer (varsayilan mavi 3.68 ile GECMEZ).\n   */\n  brand: {\n    name: \"Brand\",\n    description: \"MoonUI's purple brand identity\",\n    category: \"general\",\n    radius: 0.5,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"222.2 84% 4.9%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"222.2 84% 4.9%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"222.2 84% 4.9%\",\n      primary: \"271.5 81.3% 55.9%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"217.2 32.6% 94%\",\n      secondaryForeground: \"271.5 81.3% 55.9%\",\n      muted: \"217.2 32.6% 96%\",\n      mutedForeground: \"215.4 16.3% 46.9%\",\n      accent: \"217.2 32.6% 94%\",\n      accentForeground: \"271.5 81.3% 55.9%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"210 40% 98%\",\n      border: \"214.3 31.8% 91.4%\",\n      input: \"214.3 31.8% 91.4%\",\n      ring: \"271.5 81.3% 55.9%\",\n      chart1: \"12 76% 61%\",\n      chart2: \"173 58% 39%\",\n      chart3: \"197 37% 24%\",\n      chart4: \"43 74% 66%\",\n      chart5: \"27 87% 67%\",\n    },\n    dark: {\n      background: \"224 71% 4%\",\n      foreground: \"213 31% 91%\",\n      card: \"224 71% 4%\",\n      cardForeground: \"213 31% 91%\",\n      popover: \"224 71% 4%\",\n      popoverForeground: \"213 31% 91%\",\n      primary: \"271.5 81.3% 55.9%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"222.2 84% 4.9%\",\n      secondaryForeground: \"210 40% 98%\",\n      muted: \"223 47% 11%\",\n      mutedForeground: \"215.4 16.3% 56.9%\",\n      accent: \"216 34% 17%\",\n      accentForeground: \"210 40% 98%\",\n      destructive: \"0 63% 31%\",\n      destructiveForeground: \"210 40% 98%\",\n      border: \"216 34% 17%\",\n      input: \"216 34% 17%\",\n      ring: \"270.7 91% 65.1%\",\n      chart1: \"220 70% 50%\",\n      chart2: \"160 60% 45%\",\n      chart3: \"30 80% 55%\",\n      chart4: \"280 65% 60%\",\n      chart5: \"340 75% 55%\",\n    },\n  },\n\n  corporate: {\n    name: \"Corporate\",\n    description: \"Professional theme for business applications\",\n    category: \"business\",\n    radius: 0.25,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"221 39% 11%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"221 39% 11%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"221 39% 11%\",\n      primary: \"221 83% 53%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"215 28% 17%\",\n      secondaryForeground: \"0 0% 100%\",\n      muted: \"213 27% 84%\",\n      mutedForeground: \"215 20% 40%\",\n      accent: \"213 27% 84%\",\n      accentForeground: \"221 39% 11%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"214 32% 91%\",\n      input: \"214 32% 91%\",\n      ring: \"221 83% 53%\",\n      chart1: \"221 83% 53%\",\n      chart2: \"212 95% 68%\",\n      chart3: \"216 92% 60%\",\n      chart4: \"210 98% 78%\",\n      chart5: \"212 97% 87%\",\n    },\n    dark: {\n      background: \"221 39% 7%\",\n      foreground: \"213 31% 91%\",\n      card: \"221 39% 9%\",\n      cardForeground: \"213 31% 91%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"221 39% 11%\",\n      primary: \"217 91% 60%\",\n      primaryForeground: \"221 39% 11%\",\n      secondary: \"215 28% 25%\",\n      secondaryForeground: \"213 31% 91%\",\n      muted: \"215 28% 17%\",\n      mutedForeground: \"215 20% 65%\",\n      accent: \"215 28% 20%\",\n      accentForeground: \"213 31% 91%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"215 28% 17%\",\n      input: \"215 28% 17%\",\n      ring: \"217 91% 60%\",\n      chart1: \"221 83% 53%\",\n      chart2: \"212 95% 68%\",\n      chart3: \"216 92% 60%\",\n      chart4: \"210 98% 78%\",\n      chart5: \"212 97% 87%\",\n    },\n  },\n  creative: {\n    name: \"Creative\",\n    description: \"Vibrant theme for creative projects\",\n    category: \"creative\",\n    radius: 1,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"240 10% 3.9%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"240 10% 3.9%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"240 10% 3.9%\",\n      primary: \"262 83% 58%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"270 95% 75%\",\n      secondaryForeground: \"240 10% 3.9%\",\n      muted: \"270 95% 95%\",\n      mutedForeground: \"240 5% 45%\",\n      accent: \"292 84% 61%\",\n      accentForeground: \"0 0% 100%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"270 50% 90%\",\n      input: \"270 50% 90%\",\n      ring: \"262 83% 58%\",\n      chart1: \"262 83% 58%\",\n      chart2: \"292 84% 61%\",\n      chart3: \"330 81% 60%\",\n      chart4: \"350 80% 72%\",\n      chart5: \"10 80% 80%\",\n    },\n    dark: {\n      background: \"240 10% 3.9%\",\n      foreground: \"0 0% 95%\",\n      card: \"240 10% 5.9%\",\n      cardForeground: \"0 0% 95%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"240 10% 3.9%\",\n      primary: \"262 83% 68%\",\n      primaryForeground: \"240 10% 3.9%\",\n      secondary: \"270 50% 20%\",\n      secondaryForeground: \"0 0% 95%\",\n      muted: \"270 50% 15%\",\n      mutedForeground: \"270 10% 60%\",\n      accent: \"292 84% 71%\",\n      accentForeground: \"240 10% 3.9%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"270 50% 18%\",\n      input: \"270 50% 18%\",\n      ring: \"262 83% 68%\",\n      chart1: \"262 83% 58%\",\n      chart2: \"292 84% 61%\",\n      chart3: \"330 81% 60%\",\n      chart4: \"350 80% 72%\",\n      chart5: \"10 80% 80%\",\n    },\n  },\n  nature: {\n    name: \"Nature\",\n    description: \"Nature-inspired green tones\",\n    category: \"creative\",\n    radius: 0.75,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"140 10% 13%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"140 10% 13%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"140 10% 13%\",\n      primary: \"142 71% 45%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"138 76% 97%\",\n      secondaryForeground: \"140 10% 13%\",\n      muted: \"138 50% 95%\",\n      mutedForeground: \"140 10% 40%\",\n      accent: \"142 76% 36%\",\n      accentForeground: \"0 0% 100%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"140 30% 90%\",\n      input: \"140 30% 90%\",\n      ring: \"142 71% 45%\",\n      chart1: \"142 71% 45%\",\n      chart2: \"120 61% 50%\",\n      chart3: \"100 61% 45%\",\n      chart4: \"80 61% 50%\",\n      chart5: \"60 70% 50%\",\n    },\n    dark: {\n      background: \"140 10% 8%\",\n      foreground: \"138 31% 91%\",\n      card: \"140 10% 10%\",\n      cardForeground: \"138 31% 91%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"140 10% 13%\",\n      primary: \"142 71% 55%\",\n      primaryForeground: \"140 10% 13%\",\n      secondary: \"138 30% 20%\",\n      secondaryForeground: \"138 31% 91%\",\n      muted: \"138 30% 15%\",\n      mutedForeground: \"138 10% 60%\",\n      accent: \"142 76% 46%\",\n      accentForeground: \"140 10% 13%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"138 30% 18%\",\n      input: \"138 30% 18%\",\n      ring: \"142 71% 55%\",\n      chart1: \"142 71% 45%\",\n      chart2: \"120 61% 50%\",\n      chart3: \"100 61% 45%\",\n      chart4: \"80 61% 50%\",\n      chart5: \"60 70% 50%\",\n    },\n  },\n  minimal: {\n    name: \"Minimal\",\n    description: \"Clean and minimal design\",\n    category: \"general\",\n    radius: 0,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"0 0% 9%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"0 0% 9%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"0 0% 9%\",\n      primary: \"0 0% 9%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"0 0% 96%\",\n      secondaryForeground: \"0 0% 9%\",\n      muted: \"0 0% 96%\",\n      mutedForeground: \"0 0% 45%\",\n      accent: \"0 0% 85%\",\n      accentForeground: \"0 0% 9%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"0 0% 91%\",\n      input: \"0 0% 91%\",\n      ring: \"0 0% 9%\",\n      chart1: \"0 0% 20%\",\n      chart2: \"0 0% 40%\",\n      chart3: \"0 0% 60%\",\n      chart4: \"0 0% 80%\",\n      chart5: \"0 0% 90%\",\n    },\n    dark: {\n      background: \"0 0% 3.9%\",\n      foreground: \"0 0% 98%\",\n      card: \"0 0% 5.9%\",\n      cardForeground: \"0 0% 98%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"0 0% 9%\",\n      primary: \"0 0% 98%\",\n      primaryForeground: \"0 0% 3.9%\",\n      secondary: \"0 0% 14%\",\n      secondaryForeground: \"0 0% 98%\",\n      muted: \"0 0% 14%\",\n      mutedForeground: \"0 0% 60%\",\n      accent: \"0 0% 20%\",\n      accentForeground: \"0 0% 98%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"0 0% 14%\",\n      input: \"0 0% 14%\",\n      ring: \"0 0% 98%\",\n      chart1: \"0 0% 20%\",\n      chart2: \"0 0% 40%\",\n      chart3: \"0 0% 60%\",\n      chart4: \"0 0% 80%\",\n      chart5: \"0 0% 90%\",\n    },\n  },\n  ocean: {\n    name: \"Ocean\",\n    description: \"Ocean-inspired blue tones\",\n    category: \"creative\",\n    radius: 0.5,\n    light: {\n      background: \"0 0% 100%\",\n      foreground: \"200 20% 10%\",\n      card: \"0 0% 100%\",\n      cardForeground: \"200 20% 10%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"200 20% 10%\",\n      primary: \"199 89% 48%\",\n      primaryForeground: \"0 0% 100%\",\n      secondary: \"197 71% 95%\",\n      secondaryForeground: \"200 20% 10%\",\n      muted: \"197 71% 95%\",\n      mutedForeground: \"200 15% 40%\",\n      accent: \"186 100% 94%\",\n      accentForeground: \"200 20% 10%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"197 50% 90%\",\n      input: \"197 50% 90%\",\n      ring: \"199 89% 48%\",\n      chart1: \"199 89% 48%\",\n      chart2: \"195 89% 50%\",\n      chart3: \"190 89% 52%\",\n      chart4: \"185 89% 54%\",\n      chart5: \"180 89% 56%\",\n    },\n    dark: {\n      background: \"200 20% 6%\",\n      foreground: \"197 71% 93%\",\n      card: \"200 20% 8%\",\n      cardForeground: \"197 71% 93%\",\n      popover: \"0 0% 100%\",\n      popoverForeground: \"200 20% 10%\",\n      primary: \"199 89% 58%\",\n      primaryForeground: \"200 20% 10%\",\n      secondary: \"200 50% 15%\",\n      secondaryForeground: \"197 71% 93%\",\n      muted: \"200 50% 12%\",\n      mutedForeground: \"200 15% 65%\",\n      accent: \"186 100% 40%\",\n      accentForeground: \"200 20% 10%\",\n      destructive: \"0 84.2% 60.2%\",\n      destructiveForeground: \"0 0% 100%\",\n      border: \"200 50% 15%\",\n      input: \"200 50% 15%\",\n      ring: \"199 89% 58%\",\n      chart1: \"199 89% 48%\",\n      chart2: \"195 89% 50%\",\n      chart3: \"190 89% 52%\",\n      chart4: \"185 89% 54%\",\n      chart5: \"180 89% 56%\",\n    },\n  },\n};\n"]}