doom-design-system 0.1.6 → 0.1.8

package/dist/styles/themes/ThemeProvider.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState, useEffect } from 'react';
-import { Global, css } from '@emotion/react';
 import { themes } from './definitions';
 const ThemeContext = createContext(undefined);
 export function ThemeProvider({ children, initialTheme, onThemeChange }) {
@@ -16,19 +15,15 @@ export function ThemeProvider({ children, initialTheme, onThemeChange }) {
     };
     // Get the variables for the current theme
     const themeVars = ((_a = themes[currentTheme]) === null || _a === void 0 ? void 0 : _a.variables) || themes.default.variables;
-    // Generate CSS variables block
-    const themeStyles = css `
-    :root {
-      ${Object.entries(themeVars)
+    // Generate CSS variables string
+    const cssVariables = Object.entries(themeVars)
         .map(([key, value]) => `${key}: ${value};`)
-        .join('\n      ')}
-    }
-  `;
+        .join('\n');
     return (_jsxs(ThemeContext.Provider, { value: {
             theme: currentTheme,
             setTheme: handleSetTheme,
             availableThemes: themes
-        }, children: [_jsx(Global, { styles: themeStyles }), children] }));
+        }, children: [_jsx("style", { dangerouslySetInnerHTML: { __html: `:root { ${cssVariables} }` } }), children] }));
 }
 export function useTheme() {
     const context = useContext(ThemeContext);