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

package/dist/components/themeContext.d.ts

@@ -126,13 +126,15 @@ export type ThemeExtraClasses = {
     label?: Partial<StringValueKeys<LabelProps>>;
     img?: Partial<StringValueKeys<ImgProps>>;
 };
+export type MergeStrategy = 'merge' | 'replace';
 export interface ThemeProviderProps {
     children: React.ReactNode;
     theme?: PartialTheme;
     themeDefaults?: ThemeDefaults;
     extraClasses?: ThemeExtraClasses;
     themeOverride?: (theme: ThemeProps) => ThemeProps;
+    mergeStrategy?: MergeStrategy;
 }
-export declare function ThemeProvider({ children, theme: themeObject, themeDefaults, extraClasses, themeOverride }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, theme: themeObject, themeDefaults, extraClasses, themeOverride, mergeStrategy }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTheme(): ThemeProps;
 export {};

package/dist/index.esm.js

@@ -4855,12 +4855,17 @@ function applyExtraClassesRecursively(themeObject, extraClassesObject) {
     }
 }
 const ThemeContext = createContext(defaultTheme);
-function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extraClasses, themeOverride }) {
+function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extraClasses, themeOverride, mergeStrategy = 'merge' }) {
+    const parentTheme = useContext(ThemeContext);
     const mergedTheme = 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);
@@ -4878,7 +4883,7 @@ function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extra
             applyExtraClassesRecursively(finalTheme, extraClasses);
         }
         return finalTheme;
-    }, [themeObject, themeDefaults, extraClasses, themeOverride]);
+    }, [themeObject, themeDefaults, extraClasses, themeOverride, mergeStrategy, parentTheme]);
     return (jsx(ThemeContext.Provider, { value: mergedTheme, children: children }));
 }
 function useTheme() {