@vaneui/ui 0.2.1-alpha.20250812182914.4e44540 → 0.2.1-alpha.20250813170000.4050860

package/dist/index.js

@@ -4857,12 +4857,17 @@ function applyExtraClassesRecursively(themeObject, extraClassesObject) {
     }
 }
 const ThemeContext = react.createContext(defaultTheme);
-function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extraClasses, themeOverride }) {
+function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extraClasses, themeOverride, mergeStrategy = 'merge' }) {
+    const parentTheme = react.useContext(ThemeContext);
     const mergedTheme = react.useMemo(() => {
+        // Determine the base theme based on merge strategy
+        const baseTheme = mergeStrategy === 'replace'
+            ? defaultTheme
+            : parentTheme;
         // Always start with a deep clone to ensure isolation
         let finalTheme = themeObject
-            ? deepMerge(deepClone(defaultTheme), themeObject)
-            : deepClone(defaultTheme);
+            ? deepMerge(deepClone(baseTheme), themeObject)
+            : deepClone(baseTheme);
         if (typeof themeOverride === 'function') {
             const themeToModify = deepClone(finalTheme);
             finalTheme = themeOverride(themeToModify);
@@ -4880,7 +4885,7 @@ function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extra
             applyExtraClassesRecursively(finalTheme, extraClasses);
         }
         return finalTheme;
-    }, [themeObject, themeDefaults, extraClasses, themeOverride]);
+    }, [themeObject, themeDefaults, extraClasses, themeOverride, mergeStrategy, parentTheme]);
     return (jsxRuntime.jsx(ThemeContext.Provider, { value: mergedTheme, children: children }));
 }
 function useTheme() {