@thunderid/react 0.3.0 → 0.3.4

package/dist/contexts/Theme/v1/ThemeProvider.d.ts

@@ -1,89 +0,0 @@
-/**
- * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { ThemeConfig, ThemeMode, RecursivePartial, BrowserThemeDetection, ThemePreferences } from '@thunderid/browser';
-import { FC, PropsWithChildren } from 'react';
-export interface ThemeProviderProps {
-    /**
-     * Configuration for theme detection when using 'class' or 'system' mode
-     */
-    detection?: BrowserThemeDetection;
-    /**
-     * Configuration for branding integration
-     */
-    inheritFromBranding?: ThemePreferences['inheritFromBranding'];
-    /**
-     * The theme mode to use for automatic detection
-     * - 'light': Always use light theme
-     * - 'dark': Always use dark theme
-     * - 'system': Use system preference (prefers-color-scheme media query)
-     * - 'class': Detect theme based on CSS classes on HTML element
-     * - 'branding': Use active theme from branding preference (requires inheritFromBranding=true)
-     */
-    mode?: ThemeMode | 'branding';
-    theme?: RecursivePartial<ThemeConfig>;
-}
-/**
- * ThemeProvider component that manages theme state and provides theme context to child components.
- *
- * This provider integrates with ThunderID branding preferences to automatically apply
- * organization-specific themes while allowing for custom theme overrides.
- *
- * Features:
- * - Automatic theme mode detection (light/dark/system/class)
- * - Integration with ThunderID branding API through useBranding hook
- * - Merging of branding themes with custom theme configurations
- * - CSS variable injection for easy styling
- * - Loading and error states for branding integration
- *
- * @example
- * Basic usage with branding integration:
- * ```tsx
- * <ThemeProvider inheritFromBranding={true}>
- *   <App />
- * </ThemeProvider>
- * ```
- *
- * @example
- * With custom theme overrides:
- * ```tsx
- * <ThemeProvider
- *   theme={{
- *     colors: {
- *       primary: { main: '#custom-color' }
- *     }
- *   }}
- *   inheritFromBranding={true}
- * >
- *   <App />
- * </ThemeProvider>
- * ```
- *
- * @example
- * With branding-driven theme mode:
- * ```tsx
- * <ThemeProvider
- *   mode="branding"
- *   inheritFromBranding={true}
- * >
- *   <App />
- * </ThemeProvider>
- * ```
- */
-declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
-export default ThemeProvider;
-//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/contexts/Theme/v1/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Theme/v1/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAGL,WAAW,EACX,SAAS,EACT,gBAAgB,EAIhB,qBAAqB,EACrB,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAA0D,MAAM,OAAO,CAAC;AAYrG,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC9D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAqL5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/contexts/Theme/v1/ThemeProvider.js

@@ -1,186 +0,0 @@
-import applyThemeToDOM_default from "../../../utils/applyThemeToDOM.js";
-import normalizeThemeConfig_default from "../../../utils/normalizeThemeConfig.js";
-import useBrandingContext_default from "../../Branding/useBrandingContext.js";
-import ThemeContext_default from "../ThemeContext.js";
-import { DEFAULT_THEME, createClassObserver, createMediaQueryListener, createPackageComponentLogger, createTheme, detectThemeMode } from "@thunderid/browser";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/contexts/Theme/v1/ThemeProvider.tsx
-const logger$1 = createPackageComponentLogger("@thunderid/react", "ThemeProvider");
-/**
-* ThemeProvider component that manages theme state and provides theme context to child components.
-*
-* This provider integrates with ThunderID branding preferences to automatically apply
-* organization-specific themes while allowing for custom theme overrides.
-*
-* Features:
-* - Automatic theme mode detection (light/dark/system/class)
-* - Integration with ThunderID branding API through useBranding hook
-* - Merging of branding themes with custom theme configurations
-* - CSS variable injection for easy styling
-* - Loading and error states for branding integration
-*
-* @example
-* Basic usage with branding integration:
-* ```tsx
-* <ThemeProvider inheritFromBranding={true}>
-*   <App />
-* </ThemeProvider>
-* ```
-*
-* @example
-* With custom theme overrides:
-* ```tsx
-* <ThemeProvider
-*   theme={{
-*     colors: {
-*       primary: { main: '#custom-color' }
-*     }
-*   }}
-*   inheritFromBranding={true}
-* >
-*   <App />
-* </ThemeProvider>
-* ```
-*
-* @example
-* With branding-driven theme mode:
-* ```tsx
-* <ThemeProvider
-*   mode="branding"
-*   inheritFromBranding={true}
-* >
-*   <App />
-* </ThemeProvider>
-* ```
-*/
-const ThemeProvider = ({ children, theme: themeConfigProp, mode = DEFAULT_THEME, detection = {}, inheritFromBranding = true }) => {
-	const themeConfig = normalizeThemeConfig_default(themeConfigProp);
-	const [colorScheme, setColorScheme] = useState(() => {
-		if (mode === "light" || mode === "dark") return mode;
-		if (mode === "branding") return detectThemeMode("system", detection);
-		return detectThemeMode(mode, detection);
-	});
-	let brandingTheme = null;
-	let brandingActiveTheme = null;
-	let isBrandingLoading = false;
-	let brandingError = null;
-	try {
-		const brandingContext = useBrandingContext_default();
-		brandingTheme = brandingContext.theme;
-		brandingActiveTheme = brandingContext.activeTheme;
-		isBrandingLoading = brandingContext.isLoading;
-		brandingError = brandingContext.error;
-	} catch (error) {
-		if (inheritFromBranding) logger$1.warn("ThemeProvider: inheritFromBranding is enabled but BrandingProvider is not available. Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.");
-	}
-	useEffect(() => {
-		if (inheritFromBranding && brandingActiveTheme) {
-			if (mode === "branding") setColorScheme(brandingActiveTheme);
-			else if (mode === "system" && !isBrandingLoading) setColorScheme(brandingActiveTheme);
-		}
-	}, [
-		inheritFromBranding,
-		brandingActiveTheme,
-		mode,
-		isBrandingLoading
-	]);
-	const finalThemeConfig = useMemo(() => {
-		if (!inheritFromBranding || !brandingTheme) return themeConfig;
-		const brandingThemeConfig = {
-			borderRadius: brandingTheme.borderRadius,
-			colors: brandingTheme.colors,
-			components: brandingTheme.components,
-			images: brandingTheme.images,
-			shadows: brandingTheme.shadows,
-			spacing: brandingTheme.spacing
-		};
-		return {
-			...brandingThemeConfig,
-			...themeConfig,
-			borderRadius: {
-				...brandingThemeConfig.borderRadius,
-				...themeConfig?.borderRadius
-			},
-			colors: {
-				...brandingThemeConfig.colors,
-				...themeConfig?.colors
-			},
-			components: {
-				...brandingThemeConfig.components,
-				...themeConfig?.components
-			},
-			images: {
-				...brandingThemeConfig.images,
-				...themeConfig?.images
-			},
-			shadows: {
-				...brandingThemeConfig.shadows,
-				...themeConfig?.shadows
-			},
-			spacing: {
-				...brandingThemeConfig.spacing,
-				...themeConfig?.spacing
-			}
-		};
-	}, [
-		inheritFromBranding,
-		brandingTheme,
-		themeConfig
-	]);
-	const theme = useMemo(() => createTheme(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
-	const direction = finalThemeConfig?.direction || "ltr";
-	const handleThemeChange = useCallback((isDark) => {
-		setColorScheme(isDark ? "dark" : "light");
-	}, []);
-	const toggleTheme = useCallback(() => {
-		setColorScheme((prev) => prev === "light" ? "dark" : "light");
-	}, []);
-	useEffect(() => {
-		let observer = null;
-		let mediaQuery = null;
-		if (mode === "branding") return;
-		if (mode === "class") {
-			const targetElement = detection.targetElement || document.documentElement;
-			if (targetElement) observer = createClassObserver(targetElement, handleThemeChange, detection);
-		} else if (mode === "system") {
-			if (!inheritFromBranding || !brandingActiveTheme) mediaQuery = createMediaQueryListener(handleThemeChange);
-		}
-		return () => {
-			if (observer) observer.disconnect();
-			if (mediaQuery) if (mediaQuery.removeEventListener) mediaQuery.removeEventListener("change", handleThemeChange);
-			else mediaQuery.removeListener(handleThemeChange);
-		};
-	}, [
-		mode,
-		detection,
-		handleThemeChange,
-		inheritFromBranding,
-		brandingActiveTheme
-	]);
-	useEffect(() => {
-		applyThemeToDOM_default(theme);
-	}, [theme]);
-	useEffect(() => {
-		if (typeof document !== "undefined") document.documentElement.dir = direction;
-	}, [direction]);
-	const value = {
-		brandingError,
-		colorScheme,
-		direction,
-		inheritFromBranding,
-		isBrandingLoading,
-		theme,
-		toggleTheme
-	};
-	return /* @__PURE__ */ jsx(ThemeContext_default.Provider, {
-		value,
-		children
-	});
-};
-var ThemeProvider_default = ThemeProvider;
-
-//#endregion
-export { ThemeProvider_default as default };
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/contexts/Theme/v1/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","names":["logger: ReturnType<typeof createPackageComponentLogger>","ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","themeConfig: RecursivePartial<ThemeConfig> | undefined","normalizeThemeConfig","brandingTheme: Theme | null","brandingActiveTheme: 'light' | 'dark' | null","brandingError: Error | null","brandingContext: any","useBrandingContext","finalThemeConfig: RecursivePartial<ThemeConfig> | undefined","brandingThemeConfig: RecursivePartial<ThemeConfig>","theme: Theme","direction: string","handleThemeChange: (isDark: boolean) => void","toggleTheme: () => void","observer: MutationObserver | null","mediaQuery: MediaQueryList | null","targetElement: HTMLElement","value: any","ThemeContext"],"sources":["../../../../src/contexts/Theme/v1/ThemeProvider.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {\n  createTheme,\n  Theme,\n  ThemeConfig,\n  ThemeMode,\n  RecursivePartial,\n  detectThemeMode,\n  createClassObserver,\n  createMediaQueryListener,\n  BrowserThemeDetection,\n  ThemePreferences,\n  DEFAULT_THEME,\n  createPackageComponentLogger,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useEffect, useMemo, useState, useCallback} from 'react';\nimport applyThemeToDOM from '../../../utils/applyThemeToDOM';\nimport normalizeThemeConfig from '../../../utils/normalizeThemeConfig';\n\nimport useBrandingContext from '../../Branding/useBrandingContext';\nimport ThemeContext from '../ThemeContext';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'ThemeProvider',\n);\n\nexport interface ThemeProviderProps {\n  /**\n   * Configuration for theme detection when using 'class' or 'system' mode\n   */\n  detection?: BrowserThemeDetection;\n  /**\n   * Configuration for branding integration\n   */\n  inheritFromBranding?: ThemePreferences['inheritFromBranding'];\n  /**\n   * The theme mode to use for automatic detection\n   * - 'light': Always use light theme\n   * - 'dark': Always use dark theme\n   * - 'system': Use system preference (prefers-color-scheme media query)\n   * - 'class': Detect theme based on CSS classes on HTML element\n   * - 'branding': Use active theme from branding preference (requires inheritFromBranding=true)\n   */\n  mode?: ThemeMode | 'branding';\n  theme?: RecursivePartial<ThemeConfig>;\n}\n\n/**\n * ThemeProvider component that manages theme state and provides theme context to child components.\n *\n * This provider integrates with ThunderID branding preferences to automatically apply\n * organization-specific themes while allowing for custom theme overrides.\n *\n * Features:\n * - Automatic theme mode detection (light/dark/system/class)\n * - Integration with ThunderID branding API through useBranding hook\n * - Merging of branding themes with custom theme configurations\n * - CSS variable injection for easy styling\n * - Loading and error states for branding integration\n *\n * @example\n * Basic usage with branding integration:\n * ```tsx\n * <ThemeProvider inheritFromBranding={true}>\n *   <App />\n * </ThemeProvider>\n * ```\n *\n * @example\n * With custom theme overrides:\n * ```tsx\n * <ThemeProvider\n *   theme={{\n *     colors: {\n *       primary: { main: '#custom-color' }\n *     }\n *   }}\n *   inheritFromBranding={true}\n * >\n *   <App />\n * </ThemeProvider>\n * ```\n *\n * @example\n * With branding-driven theme mode:\n * ```tsx\n * <ThemeProvider\n *   mode=\"branding\"\n *   inheritFromBranding={true}\n * >\n *   <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  theme: themeConfigProp,\n  mode = DEFAULT_THEME,\n  detection = {},\n  inheritFromBranding = true,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n  const themeConfig: RecursivePartial<ThemeConfig> | undefined = normalizeThemeConfig(themeConfigProp);\n\n  const [colorScheme, setColorScheme] = useState<'light' | 'dark'>(() => {\n    // Initialize with detected theme mode or fallback to defaultMode\n    if (mode === 'light' || mode === 'dark') {\n      return mode;\n    }\n    // For 'branding' mode, start with system preference and update when branding loads\n    if (mode === 'branding') {\n      return detectThemeMode('system', detection);\n    }\n    return detectThemeMode(mode, detection);\n  });\n\n  // Use branding theme if inheritFromBranding is enabled\n  // Handle case where BrandingProvider might not be available\n  let brandingTheme: Theme | null = null;\n  let brandingActiveTheme: 'light' | 'dark' | null = null;\n  let isBrandingLoading = false;\n  let brandingError: Error | null = null;\n\n  try {\n    const brandingContext: any = useBrandingContext();\n    brandingTheme = brandingContext.theme;\n    brandingActiveTheme = brandingContext.activeTheme;\n    isBrandingLoading = brandingContext.isLoading;\n    brandingError = brandingContext.error;\n  } catch (error) {\n    // BrandingProvider not available, fall back to no branding\n    if (inheritFromBranding) {\n      logger.warn(\n        'ThemeProvider: inheritFromBranding is enabled but BrandingProvider is not available. ' +\n          'Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.',\n      );\n    }\n  }\n\n  // Update color scheme based on branding active theme when available\n  useEffect(() => {\n    if (inheritFromBranding && brandingActiveTheme) {\n      // Update color scheme based on mode preference\n      if (mode === 'branding') {\n        // Always follow branding active theme\n        setColorScheme(brandingActiveTheme);\n      } else if (mode === 'system' && !isBrandingLoading) {\n        // For system mode, prefer branding but allow system override if no branding\n        setColorScheme(brandingActiveTheme);\n      }\n    }\n  }, [inheritFromBranding, brandingActiveTheme, mode, isBrandingLoading]);\n\n  // Merge user-provided theme config with branding theme\n  const finalThemeConfig: RecursivePartial<ThemeConfig> | undefined = useMemo(() => {\n    if (!inheritFromBranding || !brandingTheme) {\n      return themeConfig;\n    }\n\n    // Convert branding theme to our theme config format\n    const brandingThemeConfig: RecursivePartial<ThemeConfig> = {\n      borderRadius: brandingTheme.borderRadius,\n      colors: brandingTheme.colors,\n      components: brandingTheme.components,\n      images: brandingTheme.images,\n      shadows: brandingTheme.shadows,\n      spacing: brandingTheme.spacing,\n    };\n\n    // Merge branding theme with user-provided theme config\n    // User-provided config takes precedence over branding\n    return {\n      ...brandingThemeConfig,\n      ...themeConfig,\n      borderRadius: {\n        ...brandingThemeConfig.borderRadius,\n        ...themeConfig?.borderRadius,\n      },\n      colors: {\n        ...brandingThemeConfig.colors,\n        ...themeConfig?.colors,\n      },\n      components: {\n        ...brandingThemeConfig.components,\n        ...themeConfig?.components,\n      },\n      images: {\n        ...brandingThemeConfig.images,\n        ...themeConfig?.images,\n      },\n      shadows: {\n        ...brandingThemeConfig.shadows,\n        ...themeConfig?.shadows,\n      },\n      spacing: {\n        ...brandingThemeConfig.spacing,\n        ...themeConfig?.spacing,\n      },\n    };\n  }, [inheritFromBranding, brandingTheme, themeConfig]);\n\n  const theme: Theme = useMemo(\n    () => createTheme(finalThemeConfig, colorScheme === 'dark'),\n    [finalThemeConfig, colorScheme],\n  );\n\n  // Get direction from theme config or default to 'ltr'\n  const direction: string = (finalThemeConfig as any)?.direction || 'ltr';\n\n  const handleThemeChange: (isDark: boolean) => void = useCallback((isDark: boolean) => {\n    setColorScheme(isDark ? 'dark' : 'light');\n  }, []);\n\n  const toggleTheme: () => void = useCallback(() => {\n    setColorScheme((prev: 'light' | 'dark') => (prev === 'light' ? 'dark' : 'light'));\n  }, []);\n\n  useEffect(() => {\n    let observer: MutationObserver | null = null;\n    let mediaQuery: MediaQueryList | null = null;\n\n    // Don't set up automatic theme detection for branding mode\n    if (mode === 'branding') {\n      return;\n    }\n\n    if (mode === 'class') {\n      const targetElement: HTMLElement = detection.targetElement || document.documentElement;\n      if (targetElement) {\n        observer = createClassObserver(targetElement, handleThemeChange, detection);\n      }\n    } else if (mode === 'system') {\n      // Only set up system listener if not using branding or branding hasn't loaded yet\n      if (!inheritFromBranding || !brandingActiveTheme) {\n        mediaQuery = createMediaQueryListener(handleThemeChange);\n      }\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n      if (mediaQuery) {\n        // Clean up media query listener\n        if (mediaQuery.removeEventListener) {\n          mediaQuery.removeEventListener('change', handleThemeChange as any);\n        } else {\n          // Fallback for older browsers\n          mediaQuery.removeListener(handleThemeChange as any);\n        }\n      }\n    };\n  }, [mode, detection, handleThemeChange, inheritFromBranding, brandingActiveTheme]);\n\n  useEffect(() => {\n    applyThemeToDOM(theme);\n  }, [theme]);\n\n  // Apply direction to document\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.dir = direction;\n    }\n  }, [direction]);\n\n  const value: any = {\n    brandingError,\n    colorScheme,\n    direction,\n    inheritFromBranding,\n    isBrandingLoading,\n    theme,\n    toggleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":"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"}

package/dist/contexts/Theme/v2/ThemeProvider.d.ts

@@ -1,58 +0,0 @@
-/**
- * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { ThemeConfig, RecursivePartial } from '@thunderid/browser';
-import { FC, PropsWithChildren } from 'react';
-export interface ThemeProviderProps {
-    /**
-     * Optional theme overrides merged on top of the server-side flow meta theme.
-     * User-supplied values take highest precedence.
-     */
-    theme?: RecursivePartial<ThemeConfig>;
-}
-/**
- * ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.
- *
- * It reads the design theme from the nearest `FlowMetaContext` (provided by
- * `FlowMetaProvider`) and publishes a resolved `Theme` object through the
- * **same** `ThemeContext` that `useTheme` consumes.  This means all existing
- * components that call `useTheme` continue to work without any changes.
- *
- * The `defaultColorScheme` field returned by the server is used to seed the
- * active color scheme; the user can still toggle it locally via the
- * `toggleTheme` value exposed in the context.
- *
- * @example
- * ```tsx
- * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>
- *   <ThemeProvider>
- *     <App />   {/* useTheme() works here as usual *\/}
- *   </ThemeProvider>
- * </FlowMetaProvider>
- * ```
- *
- * @example
- * With user theme overrides (user values win over server values):
- * ```tsx
- * <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>
- *   <App />
- * </ThemeProvider>
- * ```
- */
-declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
-export default ThemeProvider;
-//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/contexts/Theme/v2/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Theme/v2/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAqB,WAAW,EAAE,gBAAgB,EAAgB,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAsE,MAAM,OAAO,CAAC;AAOjH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAyF5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/contexts/Theme/v2/ThemeProvider.js

@@ -1,104 +0,0 @@
-import FlowMetaContext_default from "../../FlowMeta/FlowMetaContext.js";
-import applyThemeToDOM_default from "../../../utils/applyThemeToDOM.js";
-import normalizeThemeConfig_default from "../../../utils/normalizeThemeConfig.js";
-import ThemeContext_default from "../ThemeContext.js";
-import buildThemeConfigFromFlowMeta_default from "../../../utils/v2/buildThemeConfigFromFlowMeta.js";
-import { createTheme } from "@thunderid/browser";
-import { useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/contexts/Theme/v2/ThemeProvider.tsx
-/**
-* ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.
-*
-* It reads the design theme from the nearest `FlowMetaContext` (provided by
-* `FlowMetaProvider`) and publishes a resolved `Theme` object through the
-* **same** `ThemeContext` that `useTheme` consumes.  This means all existing
-* components that call `useTheme` continue to work without any changes.
-*
-* The `defaultColorScheme` field returned by the server is used to seed the
-* active color scheme; the user can still toggle it locally via the
-* `toggleTheme` value exposed in the context.
-*
-* @example
-* ```tsx
-* <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>
-*   <ThemeProvider>
-*     <App />   {/* useTheme() works here as usual *\/}
-*   </ThemeProvider>
-* </FlowMetaProvider>
-* ```
-*
-* @example
-* With user theme overrides (user values win over server values):
-* ```tsx
-* <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>
-*   <App />
-* </ThemeProvider>
-* ```
-*/
-const ThemeProvider = ({ children, theme: themeOverrideProp }) => {
-	const themeOverride = normalizeThemeConfig_default(themeOverrideProp);
-	const flowMetaContext = useContext(FlowMetaContext_default);
-	const flowMetaTheme = flowMetaContext?.meta?.design?.theme ?? null;
-	const isLoading = flowMetaContext?.isLoading ?? false;
-	const error = flowMetaContext?.error ?? null;
-	const [colorScheme, setColorScheme] = useState(() => flowMetaTheme?.defaultColorScheme ?? "light");
-	useEffect(() => {
-		if (flowMetaTheme?.defaultColorScheme) setColorScheme(flowMetaTheme.defaultColorScheme);
-	}, [flowMetaTheme?.defaultColorScheme]);
-	const toggleTheme = useCallback(() => {
-		setColorScheme((prev) => prev === "light" ? "dark" : "light");
-	}, []);
-	const finalThemeConfig = useMemo(() => {
-		if (!flowMetaTheme) return themeOverride;
-		const metaConfig = buildThemeConfigFromFlowMeta_default(flowMetaTheme, colorScheme);
-		if (!themeOverride) return metaConfig;
-		return {
-			...metaConfig,
-			...themeOverride,
-			borderRadius: {
-				...metaConfig.borderRadius,
-				...themeOverride.borderRadius
-			},
-			colors: {
-				...metaConfig.colors,
-				...themeOverride.colors
-			},
-			...metaConfig.typography || themeOverride.typography ? { typography: {
-				...metaConfig.typography,
-				...themeOverride.typography
-			} } : {}
-		};
-	}, [
-		flowMetaTheme,
-		colorScheme,
-		themeOverride
-	]);
-	const theme = useMemo(() => createTheme(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
-	const direction = flowMetaTheme?.direction ?? "ltr";
-	useEffect(() => {
-		applyThemeToDOM_default(theme);
-	}, [theme]);
-	useEffect(() => {
-		if (typeof document !== "undefined") document.documentElement.dir = direction;
-	}, [direction]);
-	const value = {
-		brandingError: error,
-		colorScheme,
-		direction,
-		inheritFromBranding: false,
-		isBrandingLoading: isLoading,
-		theme,
-		toggleTheme
-	};
-	return /* @__PURE__ */ jsx(ThemeContext_default.Provider, {
-		value,
-		children
-	});
-};
-var ThemeProvider_default = ThemeProvider;
-
-//#endregion
-export { ThemeProvider_default as default };
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/contexts/Theme/v2/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","themeOverride: RecursivePartial<ThemeConfig> | undefined","normalizeThemeConfig","flowMetaContext: FlowMetaContextValue | null","FlowMetaContext","flowMetaTheme: FlowMetaTheme | null","isLoading: boolean","error: Error | null","toggleTheme: () => void","finalThemeConfig: RecursivePartial<ThemeConfig> | undefined","metaConfig: RecursivePartial<ThemeConfig>","buildThemeConfigFromFlowMeta","theme: Theme","direction: 'ltr' | 'rtl'","value: any","ThemeContext"],"sources":["../../../../src/contexts/Theme/v2/ThemeProvider.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {createTheme, Theme, ThemeConfig, RecursivePartial, FlowMetaTheme} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useContext, useEffect, useMemo, useState} from 'react';\nimport applyThemeToDOM from '../../../utils/applyThemeToDOM';\nimport normalizeThemeConfig from '../../../utils/normalizeThemeConfig';\nimport buildThemeConfigFromFlowMeta from '../../../utils/v2/buildThemeConfigFromFlowMeta';\nimport FlowMetaContext, {FlowMetaContextValue} from '../../FlowMeta/FlowMetaContext';\nimport ThemeContext from '../ThemeContext';\n\nexport interface ThemeProviderProps {\n  /**\n   * Optional theme overrides merged on top of the server-side flow meta theme.\n   * User-supplied values take highest precedence.\n   */\n  theme?: RecursivePartial<ThemeConfig>;\n}\n\n/**\n * ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.\n *\n * It reads the design theme from the nearest `FlowMetaContext` (provided by\n * `FlowMetaProvider`) and publishes a resolved `Theme` object through the\n * **same** `ThemeContext` that `useTheme` consumes.  This means all existing\n * components that call `useTheme` continue to work without any changes.\n *\n * The `defaultColorScheme` field returned by the server is used to seed the\n * active color scheme; the user can still toggle it locally via the\n * `toggleTheme` value exposed in the context.\n *\n * @example\n * ```tsx\n * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>\n *   <ThemeProvider>\n *     <App />   {/* useTheme() works here as usual *\\/}\n *   </ThemeProvider>\n * </FlowMetaProvider>\n * ```\n *\n * @example\n * With user theme overrides (user values win over server values):\n * ```tsx\n * <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>\n *   <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  theme: themeOverrideProp,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n  const themeOverride: RecursivePartial<ThemeConfig> | undefined = normalizeThemeConfig(themeOverrideProp);\n  const flowMetaContext: FlowMetaContextValue | null = useContext(FlowMetaContext);\n\n  const flowMetaTheme: FlowMetaTheme | null = flowMetaContext?.meta?.design?.theme ?? null;\n  const isLoading: boolean = flowMetaContext?.isLoading ?? false;\n  const error: Error | null = flowMetaContext?.error ?? null;\n\n  // Seed the color scheme from the server's defaultColorScheme; allow local toggling.\n  const [colorScheme, setColorScheme] = useState<'light' | 'dark'>(() => flowMetaTheme?.defaultColorScheme ?? 'light');\n\n  // When meta finishes loading, sync the color scheme with the server default.\n  useEffect(() => {\n    if (flowMetaTheme?.defaultColorScheme) {\n      setColorScheme(flowMetaTheme.defaultColorScheme);\n    }\n  }, [flowMetaTheme?.defaultColorScheme]);\n\n  const toggleTheme: () => void = useCallback(() => {\n    setColorScheme((prev: 'light' | 'dark') => (prev === 'light' ? 'dark' : 'light'));\n  }, []);\n\n  // Build the resolved ThemeConfig: flow meta base → user overrides on top.\n  const finalThemeConfig: RecursivePartial<ThemeConfig> | undefined = useMemo(() => {\n    if (!flowMetaTheme) {\n      return themeOverride;\n    }\n\n    const metaConfig: RecursivePartial<ThemeConfig> = buildThemeConfigFromFlowMeta(flowMetaTheme, colorScheme);\n\n    if (!themeOverride) {\n      return metaConfig;\n    }\n\n    return {\n      ...metaConfig,\n      ...themeOverride,\n      borderRadius: {\n        ...metaConfig.borderRadius,\n        ...themeOverride.borderRadius,\n      },\n      colors: {\n        ...metaConfig.colors,\n        ...themeOverride.colors,\n      },\n      ...(metaConfig.typography || themeOverride.typography\n        ? {\n            typography: {\n              ...(metaConfig as any).typography,\n              ...themeOverride.typography,\n            },\n          }\n        : {}),\n    };\n  }, [flowMetaTheme, colorScheme, themeOverride]);\n\n  const theme: Theme = useMemo(\n    () => createTheme(finalThemeConfig, colorScheme === 'dark'),\n    [finalThemeConfig, colorScheme],\n  );\n\n  const direction: 'ltr' | 'rtl' = flowMetaTheme?.direction ?? 'ltr';\n\n  // Apply CSS variables to the document root.\n  useEffect(() => {\n    applyThemeToDOM(theme);\n  }, [theme]);\n\n  // Apply text direction to the document root.\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.dir = direction;\n    }\n  }, [direction]);\n\n  const value: any = {\n    brandingError: error,\n    colorScheme,\n    direction,\n    inheritFromBranding: false,\n    isBrandingLoading: isLoading,\n    theme,\n    toggleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,MAAMA,iBAA4D,EAChE,UACA,OAAO,wBACkD;CACzD,MAAMC,gBAA2DC,6BAAqB,kBAAkB;CACxG,MAAMC,kBAA+C,WAAWC,wBAAgB;CAEhF,MAAMC,gBAAsC,iBAAiB,MAAM,QAAQ,SAAS;CACpF,MAAMC,YAAqB,iBAAiB,aAAa;CACzD,MAAMC,QAAsB,iBAAiB,SAAS;CAGtD,MAAM,CAAC,aAAa,kBAAkB,eAAiC,eAAe,sBAAsB,QAAQ;AAGpH,iBAAgB;AACd,MAAI,eAAe,mBACjB,gBAAe,cAAc,mBAAmB;IAEjD,CAAC,eAAe,mBAAmB,CAAC;CAEvC,MAAMC,cAA0B,kBAAkB;AAChD,kBAAgB,SAA4B,SAAS,UAAU,SAAS,QAAS;IAChF,EAAE,CAAC;CAGN,MAAMC,mBAA8D,cAAc;AAChF,MAAI,CAAC,cACH,QAAO;EAGT,MAAMC,aAA4CC,qCAA6B,eAAe,YAAY;AAE1G,MAAI,CAAC,cACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,GAAG;GACH,cAAc;IACZ,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,QAAQ;IACN,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,GAAI,WAAW,cAAc,cAAc,aACvC,EACE,YAAY;IACV,GAAI,WAAmB;IACvB,GAAG,cAAc;IAClB,EACF,GACD,EAAE;GACP;IACA;EAAC;EAAe;EAAa;EAAc,CAAC;CAE/C,MAAMC,QAAe,cACb,YAAY,kBAAkB,gBAAgB,OAAO,EAC3D,CAAC,kBAAkB,YAAY,CAChC;CAED,MAAMC,YAA2B,eAAe,aAAa;AAG7D,iBAAgB;AACd,0BAAgB,MAAM;IACrB,CAAC,MAAM,CAAC;AAGX,iBAAgB;AACd,MAAI,OAAO,aAAa,YACtB,UAAS,gBAAgB,MAAM;IAEhC,CAAC,UAAU,CAAC;CAEf,MAAMC,QAAa;EACjB,eAAe;EACf;EACA;EACA,qBAAqB;EACrB,mBAAmB;EACnB;EACA;EACD;AAED,QAAO,oBAACC,qBAAa;EAAgB;EAAQ;GAAiC;;AAGhF,4BAAe"}

package/dist/hooks/useBranding.d.ts

@@ -1,128 +0,0 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { BrandingPreference, Theme } from '@thunderid/browser';
-/**
- * Configuration options for the useBranding hook
- * @deprecated Use BrandingProvider instead for better performance and consistency
- */
-export interface UseBrandingConfig {
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    autoFetch?: boolean;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    fetcher?: (url: string, config: RequestInit) => Promise<Response>;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    forceTheme?: 'light' | 'dark';
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    locale?: string;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    name?: string;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    type?: string;
-}
-/**
- * Return type of the useBranding hook
- */
-export interface UseBrandingReturn {
-    /**
-     * The active theme mode from branding preference ('light' | 'dark')
-     */
-    activeTheme: 'light' | 'dark' | null;
-    /**
-     * The raw branding preference data
-     */
-    brandingPreference: BrandingPreference | null;
-    /**
-     * Error state
-     */
-    error: Error | null;
-    /**
-     * Function to manually fetch branding preference
-     */
-    fetchBranding: () => Promise<void>;
-    /**
-     * Loading state
-     */
-    isLoading: boolean;
-    /**
-     * Function to refetch branding preference
-     * This bypasses the single-call restriction and forces a new API call
-     */
-    refetch: () => Promise<void>;
-    /**
-     * The transformed theme object
-     */
-    theme: Theme | null;
-}
-/**
- * React hook for accessing branding preferences from the BrandingProvider context.
- * This hook provides access to branding preferences, theme data, and loading states.
- *
- * @deprecated Consider using useBrandingContext directly for better performance.
- * This hook is maintained for backward compatibility.
- *
- * @param config - Configuration options (deprecated, use BrandingProvider props instead)
- * @returns Object containing branding preference data, theme, loading state, error, and refetch function
- *
- * @example
- * Basic usage:
- * ```tsx
- * function MyComponent() {
- *   const { theme, activeTheme, isLoading, error } = useBranding();
- *
- *   if (isLoading) return <div>Loading branding...</div>;
- *   if (error) return <div>Error: {error.message}</div>;
- *
- *   return (
- *     <div style={{ color: theme?.colors?.primary?.main }}>
- *       <p>Active theme mode: {activeTheme}</p>
- *       <p>Styled with ThunderID branding</p>
- *     </div>
- *   );
- * }
- * ```
- *
- * @example
- * For new implementations, use BrandingProvider with useBrandingContext:
- * ```tsx
- * // In your root component
- * <BrandingProvider baseUrl="https://localhost:8090">
- *   <App />
- * </BrandingProvider>
- *
- * // In your component
- * function MyComponent() {
- *   const { theme, activeTheme, isLoading, error } = useBrandingContext();
- *   // ... rest of your component
- * }
- * ```
- */
-export declare const useBranding: () => UseBrandingReturn;
-export default useBranding;
-//# sourceMappingURL=useBranding.d.ts.map

package/dist/hooks/useBranding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBranding.d.ts","sourceRoot":"","sources":["../../src/hooks/useBranding.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,kBAAkB,EAAE,KAAK,EAA+B,MAAM,oBAAoB,CAAC;AAQ3F;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,WAAW,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,kBAAkB,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,WAAW,QAAO,iBAmB9B,CAAC;AAEF,eAAe,WAAW,CAAC"}