@thunderid/react 0.0.5 → 0.2.0

package/dist/cjs/components/primitives/Typography/Typography.styles.cjs

@@ -0,0 +1,276 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __emotion_css = require("@emotion/css");
+__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
+
+//#region src/components/primitives/Typography/Typography.styles.ts
+/**
+* Creates styles for the Typography component using BEM methodology
+* @param theme - The theme object containing design tokens
+* @param colorScheme - The current color scheme (used for memoization)
+* @param variant - The typography variant
+* @param align - Text alignment
+* @param color - Color variant
+* @param noWrap - Whether text should be truncated with ellipsis
+* @param inline - Whether text should be displayed inline
+* @param gutterBottom - Whether to add bottom margin
+* @param fontWeight - Custom font weight
+* @param fontSize - Custom font size
+* @param lineHeight - Custom line height
+* @returns Object containing CSS class names for component styling
+*/
+const useStyles = (theme, colorScheme, variant, align, color, noWrap, inline, gutterBottom, fontWeight, fontSize, lineHeight) => (0, react.useMemo)(() => {
+	const getColorValue = (colorVariant) => {
+		switch (colorVariant) {
+			case "primary": return theme.colors.primary.main;
+			case "secondary": return theme.colors.secondary.main;
+			case "error": return theme.colors.error.main;
+			case "textPrimary": return theme.colors.text.primary;
+			case "textSecondary": return theme.colors.text.secondary;
+			case "inherit": return "inherit";
+			default: return theme.colors.text.primary;
+		}
+	};
+	const getVariantStyles = (variantName) => {
+		switch (variantName) {
+			case "h1": return {
+				fontSize: theme.vars.typography.fontSizes["3xl"],
+				fontWeight: 600,
+				letterSpacing: "-0.00735em",
+				lineHeight: 1.235
+			};
+			case "h2": return {
+				fontSize: theme.vars.typography.fontSizes["2xl"],
+				fontWeight: 600,
+				letterSpacing: "0em",
+				lineHeight: 1.334
+			};
+			case "h3": return {
+				fontSize: theme.vars.typography.fontSizes.xl,
+				fontWeight: 600,
+				letterSpacing: "0.0075em",
+				lineHeight: 1.6
+			};
+			case "h4": return {
+				fontSize: theme.vars.typography.fontSizes.lg,
+				fontWeight: 600,
+				letterSpacing: "0.00938em",
+				lineHeight: 1.5
+			};
+			case "h5": return {
+				fontSize: theme.vars.typography.fontSizes.md,
+				fontWeight: 600,
+				letterSpacing: "0em",
+				lineHeight: 1.334
+			};
+			case "h6": return {
+				fontSize: theme.vars.typography.fontSizes.sm,
+				fontWeight: 500,
+				letterSpacing: "0.0075em",
+				lineHeight: 1.6
+			};
+			case "subtitle1": return {
+				fontSize: theme.vars.typography.fontSizes.md,
+				fontWeight: 400,
+				letterSpacing: "0.00938em",
+				lineHeight: 1.75
+			};
+			case "subtitle2": return {
+				fontSize: theme.vars.typography.fontSizes.sm,
+				fontWeight: 500,
+				letterSpacing: "0.00714em",
+				lineHeight: 1.57
+			};
+			case "body1": return {
+				fontSize: theme.vars.typography.fontSizes.md,
+				fontWeight: 400,
+				letterSpacing: "0.00938em",
+				lineHeight: 1.5
+			};
+			case "body2": return {
+				fontSize: theme.vars.typography.fontSizes.sm,
+				fontWeight: 400,
+				letterSpacing: "0.01071em",
+				lineHeight: 1.43
+			};
+			case "caption": return {
+				fontSize: theme.vars.typography.fontSizes.xs,
+				fontWeight: 400,
+				letterSpacing: "0.03333em",
+				lineHeight: 1.66
+			};
+			case "overline": return {
+				fontSize: theme.vars.typography.fontSizes.xs,
+				fontWeight: 400,
+				letterSpacing: "0.08333em",
+				lineHeight: 2.66,
+				textTransform: "uppercase"
+			};
+			case "button": return {
+				fontSize: theme.vars.typography.fontSizes.sm,
+				fontWeight: 500,
+				letterSpacing: "0.02857em",
+				lineHeight: 1.75,
+				textTransform: "uppercase"
+			};
+			default: return {};
+		}
+	};
+	const variantStyles = getVariantStyles(variant);
+	const colorValue = getColorValue(color);
+	const typography = __emotion_css.css`
+      margin: 0;
+      font-family: ${theme.vars.typography.fontFamily};
+      color: ${colorValue};
+      text-align: ${align};
+      display: ${inline ? "inline" : "block"};
+      ${variantStyles["fontSize"] ? `font-size: ${variantStyles["fontSize"]};` : ""}
+      ${variantStyles["fontWeight"] ? `font-weight: ${variantStyles["fontWeight"]};` : ""}
+      ${variantStyles["lineHeight"] ? `line-height: ${variantStyles["lineHeight"]};` : ""}
+      ${variantStyles["letterSpacing"] ? `letter-spacing: ${variantStyles["letterSpacing"]};` : ""}
+      ${variantStyles["textTransform"] ? `text-transform: ${variantStyles["textTransform"]};` : ""}
+
+      /* Custom overrides */
+      ${fontWeight ? `font-weight: ${fontWeight} !important;` : ""}
+      ${fontSize ? `font-size: ${typeof fontSize === "number" ? `${fontSize}px` : fontSize} !important;` : ""}
+      ${lineHeight ? `line-height: ${lineHeight} !important;` : ""}
+
+      /* Conditional styles */
+      ${noWrap ? `
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      ` : ""}
+
+      ${gutterBottom ? `
+        margin-bottom: ${theme.spacing.unit}px;
+      ` : ""}
+    `;
+	const typographyNoWrap = __emotion_css.css`
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+	const typographyInline = __emotion_css.css`
+      display: inline;
+    `;
+	const typographyGutterBottom = __emotion_css.css`
+      margin-bottom: ${theme.spacing.unit}px;
+    `;
+	const typographyH1 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes["3xl"]};
+      font-weight: 600;
+      line-height: 1.235;
+      letter-spacing: -0.00735em;
+    `;
+	const typographyH2 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes["2xl"]};
+      font-weight: 600;
+      line-height: 1.334;
+      letter-spacing: 0em;
+    `;
+	const typographyH3 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.xl};
+      font-weight: 600;
+      line-height: 1.6;
+      letter-spacing: 0.0075em;
+    `;
+	const typographyH4 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.lg};
+      font-weight: 600;
+      line-height: 1.5;
+      letter-spacing: 0.00938em;
+    `;
+	const typographyH5 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.md};
+      font-weight: 600;
+      line-height: 1.334;
+      letter-spacing: 0em;
+    `;
+	const typographyH6 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.sm};
+      font-weight: 500;
+      line-height: 1.6;
+      letter-spacing: 0.0075em;
+    `;
+	const typographySubtitle1 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.md};
+      font-weight: 400;
+      line-height: 1.75;
+      letter-spacing: 0.00938em;
+    `;
+	const typographySubtitle2 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.sm};
+      font-weight: 500;
+      line-height: 1.57;
+      letter-spacing: 0.00714em;
+    `;
+	const typographyBody1 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.md};
+      font-weight: 400;
+      line-height: 1.5;
+      letter-spacing: 0.00938em;
+    `;
+	const typographyBody2 = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.sm};
+      font-weight: 400;
+      line-height: 1.43;
+      letter-spacing: 0.01071em;
+    `;
+	const typographyCaption = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.xs};
+      font-weight: 400;
+      line-height: 1.66;
+      letter-spacing: 0.03333em;
+    `;
+	const typographyOverline = __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.xs};
+      font-weight: 400;
+      line-height: 2.66;
+      letter-spacing: 0.08333em;
+      text-transform: uppercase;
+    `;
+	return {
+		typography,
+		typographyBody1,
+		typographyBody2,
+		typographyButton: __emotion_css.css`
+      font-size: ${theme.vars.typography.fontSizes.sm};
+      font-weight: 500;
+      line-height: 1.75;
+      letter-spacing: 0.02857em;
+      text-transform: uppercase;
+    `,
+		typographyCaption,
+		typographyGutterBottom,
+		typographyH1,
+		typographyH2,
+		typographyH3,
+		typographyH4,
+		typographyH5,
+		typographyH6,
+		typographyInline,
+		typographyNoWrap,
+		typographyOverline,
+		typographySubtitle1,
+		typographySubtitle2
+	};
+}, [
+	theme,
+	colorScheme,
+	variant,
+	align,
+	color,
+	noWrap,
+	inline,
+	gutterBottom,
+	fontWeight,
+	fontSize,
+	lineHeight
+]);
+var Typography_styles_default = useStyles;
+
+//#endregion
+exports.default = Typography_styles_default;
+//# sourceMappingURL=Typography.styles.cjs.map

package/dist/cjs/components/primitives/Typography/Typography.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.styles.cjs","names":["variantStyles: Record<string, string | number>","colorValue: string","typography: string","typographyNoWrap: string","typographyInline: string","typographyGutterBottom: string","typographyH1: string","typographyH2: string","typographyH3: string","typographyH4: string","typographyH5: string","typographyH6: string","typographySubtitle1: string","typographySubtitle2: string","typographyBody1: string","typographyBody2: string","typographyCaption: string","typographyOverline: string"],"sources":["../../../../../src/components/primitives/Typography/Typography.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, 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 {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'body1'\n  | 'body2'\n  | 'caption'\n  | 'overline'\n  | 'button';\n\nexport type TypographyAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type TypographyColor =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'textPrimary'\n  | 'textSecondary'\n  | 'inherit';\n\n/**\n * Creates styles for the Typography component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param variant - The typography variant\n * @param align - Text alignment\n * @param color - Color variant\n * @param noWrap - Whether text should be truncated with ellipsis\n * @param inline - Whether text should be displayed inline\n * @param gutterBottom - Whether to add bottom margin\n * @param fontWeight - Custom font weight\n * @param fontSize - Custom font size\n * @param lineHeight - Custom line height\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  variant: TypographyVariant,\n  align: TypographyAlign,\n  color: TypographyColor,\n  noWrap: boolean,\n  inline: boolean,\n  gutterBottom: boolean,\n  fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold' | number,\n  fontSize?: string | number,\n  lineHeight?: string | number,\n): Record<string, string> =>\n  useMemo(() => {\n    const getColorValue = (colorVariant: TypographyColor): string => {\n      switch (colorVariant) {\n        case 'primary':\n          return theme.colors.primary.main;\n        case 'secondary':\n          return theme.colors.secondary.main;\n        case 'error':\n          return theme.colors.error.main;\n        case 'textPrimary':\n          return theme.colors.text.primary;\n        case 'textSecondary':\n          return theme.colors.text.secondary;\n        case 'inherit':\n          return 'inherit';\n        default:\n          return theme.colors.text.primary;\n      }\n    };\n\n    const getVariantStyles = (variantName: TypographyVariant): Record<string, string | number> => {\n      switch (variantName) {\n        case 'h1':\n          return {\n            fontSize: theme.vars.typography.fontSizes['3xl'],\n            fontWeight: 600,\n            letterSpacing: '-0.00735em',\n            lineHeight: 1.235,\n          };\n        case 'h2':\n          return {\n            fontSize: theme.vars.typography.fontSizes['2xl'],\n            fontWeight: 600,\n            letterSpacing: '0em',\n            lineHeight: 1.334,\n          };\n        case 'h3':\n          return {\n            fontSize: theme.vars.typography.fontSizes.xl,\n            fontWeight: 600,\n            letterSpacing: '0.0075em',\n            lineHeight: 1.6,\n          };\n        case 'h4':\n          return {\n            fontSize: theme.vars.typography.fontSizes.lg,\n            fontWeight: 600,\n            letterSpacing: '0.00938em',\n            lineHeight: 1.5,\n          };\n        case 'h5':\n          return {\n            fontSize: theme.vars.typography.fontSizes.md,\n            fontWeight: 600,\n            letterSpacing: '0em',\n            lineHeight: 1.334,\n          };\n        case 'h6':\n          return {\n            fontSize: theme.vars.typography.fontSizes.sm,\n            fontWeight: 500,\n            letterSpacing: '0.0075em',\n            lineHeight: 1.6,\n          };\n        case 'subtitle1':\n          return {\n            fontSize: theme.vars.typography.fontSizes.md,\n            fontWeight: 400,\n            letterSpacing: '0.00938em',\n            lineHeight: 1.75,\n          };\n        case 'subtitle2':\n          return {\n            fontSize: theme.vars.typography.fontSizes.sm,\n            fontWeight: 500,\n            letterSpacing: '0.00714em',\n            lineHeight: 1.57,\n          };\n        case 'body1':\n          return {\n            fontSize: theme.vars.typography.fontSizes.md,\n            fontWeight: 400,\n            letterSpacing: '0.00938em',\n            lineHeight: 1.5,\n          };\n        case 'body2':\n          return {\n            fontSize: theme.vars.typography.fontSizes.sm,\n            fontWeight: 400,\n            letterSpacing: '0.01071em',\n            lineHeight: 1.43,\n          };\n        case 'caption':\n          return {\n            fontSize: theme.vars.typography.fontSizes.xs,\n            fontWeight: 400,\n            letterSpacing: '0.03333em',\n            lineHeight: 1.66,\n          };\n        case 'overline':\n          return {\n            fontSize: theme.vars.typography.fontSizes.xs,\n            fontWeight: 400,\n            letterSpacing: '0.08333em',\n            lineHeight: 2.66,\n            textTransform: 'uppercase' as const,\n          };\n        case 'button':\n          return {\n            fontSize: theme.vars.typography.fontSizes.sm,\n            fontWeight: 500,\n            letterSpacing: '0.02857em',\n            lineHeight: 1.75,\n            textTransform: 'uppercase' as const,\n          };\n        default:\n          return {};\n      }\n    };\n\n    const variantStyles: Record<string, string | number> = getVariantStyles(variant);\n    const colorValue: string = getColorValue(color);\n\n    const typography: string = css`\n      margin: 0;\n      font-family: ${theme.vars.typography.fontFamily};\n      color: ${colorValue};\n      text-align: ${align};\n      display: ${inline ? 'inline' : 'block'};\n      ${variantStyles['fontSize'] ? `font-size: ${variantStyles['fontSize']};` : ''}\n      ${variantStyles['fontWeight'] ? `font-weight: ${variantStyles['fontWeight']};` : ''}\n      ${variantStyles['lineHeight'] ? `line-height: ${variantStyles['lineHeight']};` : ''}\n      ${variantStyles['letterSpacing'] ? `letter-spacing: ${variantStyles['letterSpacing']};` : ''}\n      ${variantStyles['textTransform'] ? `text-transform: ${variantStyles['textTransform']};` : ''}\n\n      /* Custom overrides */\n      ${fontWeight ? `font-weight: ${fontWeight} !important;` : ''}\n      ${fontSize ? `font-size: ${typeof fontSize === 'number' ? `${fontSize}px` : fontSize} !important;` : ''}\n      ${lineHeight ? `line-height: ${lineHeight} !important;` : ''}\n\n      /* Conditional styles */\n      ${noWrap\n        ? `\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      `\n        : ''}\n\n      ${gutterBottom\n        ? `\n        margin-bottom: ${theme.spacing.unit}px;\n      `\n        : ''}\n    `;\n\n    const typographyNoWrap: string = css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const typographyInline: string = css`\n      display: inline;\n    `;\n\n    const typographyGutterBottom: string = css`\n      margin-bottom: ${theme.spacing.unit}px;\n    `;\n\n    const typographyH1: string = css`\n      font-size: ${theme.vars.typography.fontSizes['3xl']};\n      font-weight: 600;\n      line-height: 1.235;\n      letter-spacing: -0.00735em;\n    `;\n\n    const typographyH2: string = css`\n      font-size: ${theme.vars.typography.fontSizes['2xl']};\n      font-weight: 600;\n      line-height: 1.334;\n      letter-spacing: 0em;\n    `;\n\n    const typographyH3: string = css`\n      font-size: ${theme.vars.typography.fontSizes.xl};\n      font-weight: 600;\n      line-height: 1.6;\n      letter-spacing: 0.0075em;\n    `;\n\n    const typographyH4: string = css`\n      font-size: ${theme.vars.typography.fontSizes.lg};\n      font-weight: 600;\n      line-height: 1.5;\n      letter-spacing: 0.00938em;\n    `;\n\n    const typographyH5: string = css`\n      font-size: ${theme.vars.typography.fontSizes.md};\n      font-weight: 600;\n      line-height: 1.334;\n      letter-spacing: 0em;\n    `;\n\n    const typographyH6: string = css`\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      font-weight: 500;\n      line-height: 1.6;\n      letter-spacing: 0.0075em;\n    `;\n\n    const typographySubtitle1: string = css`\n      font-size: ${theme.vars.typography.fontSizes.md};\n      font-weight: 400;\n      line-height: 1.75;\n      letter-spacing: 0.00938em;\n    `;\n\n    const typographySubtitle2: string = css`\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      font-weight: 500;\n      line-height: 1.57;\n      letter-spacing: 0.00714em;\n    `;\n\n    const typographyBody1: string = css`\n      font-size: ${theme.vars.typography.fontSizes.md};\n      font-weight: 400;\n      line-height: 1.5;\n      letter-spacing: 0.00938em;\n    `;\n\n    const typographyBody2: string = css`\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      font-weight: 400;\n      line-height: 1.43;\n      letter-spacing: 0.01071em;\n    `;\n\n    const typographyCaption: string = css`\n      font-size: ${theme.vars.typography.fontSizes.xs};\n      font-weight: 400;\n      line-height: 1.66;\n      letter-spacing: 0.03333em;\n    `;\n\n    const typographyOverline: string = css`\n      font-size: ${theme.vars.typography.fontSizes.xs};\n      font-weight: 400;\n      line-height: 2.66;\n      letter-spacing: 0.08333em;\n      text-transform: uppercase;\n    `;\n\n    const typographyButton: string = css`\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      font-weight: 500;\n      line-height: 1.75;\n      letter-spacing: 0.02857em;\n      text-transform: uppercase;\n    `;\n\n    return {\n      typography,\n      typographyBody1,\n      typographyBody2,\n      typographyButton,\n      typographyCaption,\n      typographyGutterBottom,\n      typographyH1,\n      typographyH2,\n      typographyH3,\n      typographyH4,\n      typographyH5,\n      typographyH6,\n      typographyInline,\n      typographyNoWrap,\n      typographyOverline,\n      typographySubtitle1,\n      typographySubtitle2,\n    };\n  }, [theme, colorScheme, variant, align, color, noWrap, inline, gutterBottom, fontWeight, fontSize, lineHeight]);\n\nexport default useStyles;\n"],"mappings":"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"}

package/dist/cjs/contexts/Branding/BrandingContext.cjs

@@ -0,0 +1,12 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/contexts/Branding/BrandingContext.ts
+const BrandingContext = (0, react.createContext)(null);
+BrandingContext.displayName = "BrandingContext";
+var BrandingContext_default = BrandingContext;
+
+//#endregion
+exports.default = BrandingContext_default;
+//# sourceMappingURL=BrandingContext.cjs.map

package/dist/cjs/contexts/Branding/BrandingContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandingContext.cjs","names":["BrandingContext: Context<BrandingContextValue | null>"],"sources":["../../../../src/contexts/Branding/BrandingContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, 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 {BrandingPreference, Theme} from '@thunderid/browser';\nimport {Context, createContext} from 'react';\n\nexport interface BrandingContextValue {\n  /**\n   * The active theme mode from branding preference ('light' | 'dark')\n   */\n  activeTheme: 'light' | 'dark' | null;\n  /**\n   * The raw branding preference data\n   */\n  brandingPreference: BrandingPreference | null;\n  /**\n   * Error state\n   */\n  error: Error | null;\n  /**\n   * Function to manually fetch branding preference\n   */\n  fetchBranding: () => Promise<void>;\n  /**\n   * Loading state\n   */\n  isLoading: boolean;\n  /**\n   * Function to refetch branding preference\n   * This bypasses the single-call restriction and forces a new API call\n   */\n  refetch: () => Promise<void>;\n  /**\n   * The transformed theme object\n   */\n  theme: Theme | null;\n}\n\nconst BrandingContext: Context<BrandingContextValue | null> = createContext<BrandingContextValue | null>(null);\n\nBrandingContext.displayName = 'BrandingContext';\n\nexport default BrandingContext;\n"],"mappings":";;;;;AAqDA,MAAMA,2CAAmG,KAAK;AAE9G,gBAAgB,cAAc;AAE9B,8BAAe"}

package/dist/cjs/contexts/Branding/BrandingProvider.cjs

@@ -0,0 +1,96 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_BrandingContext = require('./BrandingContext.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/contexts/Branding/BrandingProvider.tsx
+/**
+* BrandingProvider component that manages branding state and provides branding context to child components.
+*
+* This provider receives branding preferences from a parent component (typically ThunderIDProvider)
+* and transforms them into theme objects, making them available to all child components.
+*
+* Features:
+* - Receives branding preferences as props
+* - Theme transformation from branding preferences
+* - Loading and error states
+* - Support for custom theme forcing
+*
+* @example
+* Basic usage (typically used within ThunderIDProvider):
+* ```tsx
+* <BrandingProvider
+*   brandingPreference={brandingData}
+*   isLoading={isFetching}
+*   error={fetchError}
+* >
+*   <App />
+* </BrandingProvider>
+* ```
+*
+* @example
+* With custom theme forcing:
+* ```tsx
+* <BrandingProvider
+*   brandingPreference={brandingData}
+*   forceTheme="dark"
+*   enabled={true}
+* >
+*   <App />
+* </BrandingProvider>
+* ```
+*/
+const BrandingProvider = ({ children, brandingPreference: externalBrandingPreference, forceTheme, enabled = true, isLoading: externalIsLoading = false, error: externalError = null, refetch: externalRefetch }) => {
+	const [theme, setTheme] = (0, react.useState)(null);
+	const [activeTheme, setActiveTheme] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		if (!enabled || !externalBrandingPreference) {
+			setTheme(null);
+			setActiveTheme(null);
+			return;
+		}
+		const activeThemeFromBranding = externalBrandingPreference?.preference?.theme?.activeTheme;
+		let extractedActiveTheme = null;
+		if (activeThemeFromBranding) {
+			const themeMode = activeThemeFromBranding.toLowerCase();
+			if (themeMode === "light" || themeMode === "dark") extractedActiveTheme = themeMode;
+		}
+		setActiveTheme(extractedActiveTheme);
+		setTheme((0, __thunderid_browser.transformBrandingPreferenceToTheme)(externalBrandingPreference, forceTheme));
+	}, [
+		externalBrandingPreference,
+		forceTheme,
+		enabled
+	]);
+	(0, react.useEffect)(() => {
+		if (!enabled) {
+			setTheme(null);
+			setActiveTheme(null);
+		}
+	}, [enabled]);
+	const fetchBranding = (0, react.useCallback)(async () => {
+		if (externalRefetch) await externalRefetch();
+	}, [externalRefetch]);
+	const value = {
+		activeTheme,
+		brandingPreference: externalBrandingPreference || null,
+		error: externalError,
+		fetchBranding,
+		isLoading: externalIsLoading,
+		refetch: externalRefetch || fetchBranding,
+		theme
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BrandingContext.default.Provider, {
+		value,
+		children
+	});
+};
+var BrandingProvider_default = BrandingProvider;
+
+//#endregion
+exports.default = BrandingProvider_default;
+//# sourceMappingURL=BrandingProvider.cjs.map

package/dist/cjs/contexts/Branding/BrandingProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandingProvider.cjs","names":["BrandingProvider: FC<PropsWithChildren<BrandingProviderProps>>","activeThemeFromBranding: string | undefined","extractedActiveTheme: 'light' | 'dark' | null","themeMode: string","fetchBranding: () => Promise<void>","value: any","BrandingContext"],"sources":["../../../../src/contexts/Branding/BrandingProvider.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, 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 {BrandingPreference, Theme, transformBrandingPreferenceToTheme} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useEffect, useState} from 'react';\nimport BrandingContext from './BrandingContext';\n\n/**\n * Configuration options for the BrandingProvider\n */\nexport interface BrandingProviderProps {\n  /**\n   * The branding preference data passed from parent (typically ThunderIDProvider)\n   */\n  brandingPreference?: BrandingPreference | null;\n  /**\n   * Whether the branding provider is enabled\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Error state passed from parent\n   */\n  error?: Error | null;\n  /**\n   * Force a specific theme ('light' or 'dark')\n   * If not provided, will use the activeTheme from branding preference\n   */\n  forceTheme?: 'light' | 'dark';\n  /**\n   * Loading state passed from parent\n   */\n  isLoading?: boolean;\n  /**\n   * Function to refetch branding preference passed from parent\n   */\n  refetch?: () => Promise<void>;\n}\n\n/**\n * BrandingProvider component that manages branding state and provides branding context to child components.\n *\n * This provider receives branding preferences from a parent component (typically ThunderIDProvider)\n * and transforms them into theme objects, making them available to all child components.\n *\n * Features:\n * - Receives branding preferences as props\n * - Theme transformation from branding preferences\n * - Loading and error states\n * - Support for custom theme forcing\n *\n * @example\n * Basic usage (typically used within ThunderIDProvider):\n * ```tsx\n * <BrandingProvider\n *   brandingPreference={brandingData}\n *   isLoading={isFetching}\n *   error={fetchError}\n * >\n *   <App />\n * </BrandingProvider>\n * ```\n *\n * @example\n * With custom theme forcing:\n * ```tsx\n * <BrandingProvider\n *   brandingPreference={brandingData}\n *   forceTheme=\"dark\"\n *   enabled={true}\n * >\n *   <App />\n * </BrandingProvider>\n * ```\n */\nconst BrandingProvider: FC<PropsWithChildren<BrandingProviderProps>> = ({\n  children,\n  brandingPreference: externalBrandingPreference,\n  forceTheme,\n  enabled = true,\n  isLoading: externalIsLoading = false,\n  error: externalError = null,\n  refetch: externalRefetch,\n}: PropsWithChildren<BrandingProviderProps>): ReactElement => {\n  const [theme, setTheme] = useState<Theme | null>(null);\n  const [activeTheme, setActiveTheme] = useState<'light' | 'dark' | null>(null);\n\n  // Process branding preference when it changes\n  useEffect(() => {\n    if (!enabled || !externalBrandingPreference) {\n      setTheme(null);\n      setActiveTheme(null);\n      return;\n    }\n\n    // Extract active theme from branding preference\n    const activeThemeFromBranding: string | undefined = externalBrandingPreference?.preference?.theme?.activeTheme;\n    let extractedActiveTheme: 'light' | 'dark' | null = null;\n\n    if (activeThemeFromBranding) {\n      // Convert to lowercase and map to our expected values\n      const themeMode: string = activeThemeFromBranding.toLowerCase();\n      if (themeMode === 'light' || themeMode === 'dark') {\n        extractedActiveTheme = themeMode;\n      }\n    }\n\n    setActiveTheme(extractedActiveTheme);\n\n    // Transform branding preference to theme\n    const transformedTheme: Theme | null = transformBrandingPreferenceToTheme(externalBrandingPreference, forceTheme);\n    setTheme(transformedTheme);\n  }, [externalBrandingPreference, forceTheme, enabled]);\n\n  // Reset state when disabled\n  useEffect(() => {\n    if (!enabled) {\n      setTheme(null);\n      setActiveTheme(null);\n    }\n  }, [enabled]);\n\n  // Dummy fetchBranding for backward compatibility\n  const fetchBranding: () => Promise<void> = useCallback(async (): Promise<void> => {\n    if (externalRefetch) {\n      await externalRefetch();\n    }\n  }, [externalRefetch]);\n\n  const value: any = {\n    activeTheme,\n    brandingPreference: externalBrandingPreference || null,\n    error: externalError,\n    fetchBranding,\n    isLoading: externalIsLoading,\n    refetch: externalRefetch || fetchBranding,\n    theme,\n  };\n\n  return <BrandingContext.Provider value={value}>{children}</BrandingContext.Provider>;\n};\n\nexport default BrandingProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,MAAMA,oBAAkE,EACtE,UACA,oBAAoB,4BACpB,YACA,UAAU,MACV,WAAW,oBAAoB,OAC/B,OAAO,gBAAgB,MACvB,SAAS,sBACmD;CAC5D,MAAM,CAAC,OAAO,gCAAmC,KAAK;CACtD,MAAM,CAAC,aAAa,sCAAoD,KAAK;AAG7E,4BAAgB;AACd,MAAI,CAAC,WAAW,CAAC,4BAA4B;AAC3C,YAAS,KAAK;AACd,kBAAe,KAAK;AACpB;;EAIF,MAAMC,0BAA8C,4BAA4B,YAAY,OAAO;EACnG,IAAIC,uBAAgD;AAEpD,MAAI,yBAAyB;GAE3B,MAAMC,YAAoB,wBAAwB,aAAa;AAC/D,OAAI,cAAc,WAAW,cAAc,OACzC,wBAAuB;;AAI3B,iBAAe,qBAAqB;AAIpC,uEAD0E,4BAA4B,WAAW,CACvF;IACzB;EAAC;EAA4B;EAAY;EAAQ,CAAC;AAGrD,4BAAgB;AACd,MAAI,CAAC,SAAS;AACZ,YAAS,KAAK;AACd,kBAAe,KAAK;;IAErB,CAAC,QAAQ,CAAC;CAGb,MAAMC,uCAAiD,YAA2B;AAChF,MAAI,gBACF,OAAM,iBAAiB;IAExB,CAAC,gBAAgB,CAAC;CAErB,MAAMC,QAAa;EACjB;EACA,oBAAoB,8BAA8B;EAClD,OAAO;EACP;EACA,WAAW;EACX,SAAS,mBAAmB;EAC5B;EACD;AAED,QAAO,2CAACC,gCAAgB;EAAgB;EAAQ;GAAoC;;AAGtF,+BAAe"}

package/dist/cjs/contexts/Branding/useBrandingContext.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_BrandingContext = require('./BrandingContext.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/contexts/Branding/useBrandingContext.ts
+/**
+* Hook to access the branding context.
+* This hook provides access to branding preferences, theme data, and loading states.
+*
+* @returns The branding context value containing branding preference data, theme, and control functions
+* @throws Error if used outside of a BrandingProvider
+*
+* @example
+* ```tsx
+* function MyComponent() {
+*   const { theme, activeTheme, isLoading, error } = useBrandingContext();
+*
+*   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>
+*   );
+* }
+* ```
+*/
+const useBrandingContext = () => {
+	const context = (0, react.useContext)(require_BrandingContext.default);
+	if (!context) throw new Error("useBrandingContext must be used within a BrandingProvider");
+	return context;
+};
+var useBrandingContext_default = useBrandingContext;
+
+//#endregion
+exports.default = useBrandingContext_default;
+//# sourceMappingURL=useBrandingContext.cjs.map

package/dist/cjs/contexts/Branding/useBrandingContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrandingContext.cjs","names":["context: BrandingContextValue | null","BrandingContext"],"sources":["../../../../src/contexts/Branding/useBrandingContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, 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 {useContext} from 'react';\nimport BrandingContext, {BrandingContextValue} from './BrandingContext';\n\n/**\n * Hook to access the branding context.\n * This hook provides access to branding preferences, theme data, and loading states.\n *\n * @returns The branding context value containing branding preference data, theme, and control functions\n * @throws Error if used outside of a BrandingProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { theme, activeTheme, isLoading, error } = useBrandingContext();\n *\n *   if (isLoading) return <div>Loading branding...</div>;\n *   if (error) return <div>Error: {error.message}</div>;\n *\n *   return (\n *     <div style={{ color: theme?.colors?.primary?.main }}>\n *       <p>Active theme mode: {activeTheme}</p>\n *       <p>Styled with ThunderID branding</p>\n *     </div>\n *   );\n * }\n * ```\n */\nconst useBrandingContext = (): BrandingContextValue => {\n  const context: BrandingContextValue | null = useContext(BrandingContext);\n  if (!context) {\n    throw new Error('useBrandingContext must be used within a BrandingProvider');\n  }\n  return context;\n};\n\nexport default useBrandingContext;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,2BAAiD;CACrD,MAAMA,gCAAkDC,gCAAgB;AACxE,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,4DAA4D;AAE9E,QAAO;;AAGT,iCAAe"}

package/dist/cjs/contexts/ComponentRenderer/ComponentRendererContext.cjs

@@ -0,0 +1,11 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/contexts/ComponentRenderer/ComponentRendererContext.ts
+const ComponentRendererContext = (0, react.createContext)({});
+var ComponentRendererContext_default = ComponentRendererContext;
+
+//#endregion
+exports.default = ComponentRendererContext_default;
+//# sourceMappingURL=ComponentRendererContext.cjs.map

package/dist/cjs/contexts/ComponentRenderer/ComponentRendererContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRendererContext.cjs","names":["ComponentRendererContext: Context<ComponentRendererMap>"],"sources":["../../../../src/contexts/ComponentRenderer/ComponentRendererContext.ts"],"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 {EmbeddedFlowComponentV2 as EmbeddedFlowComponent, FlowMetadataResponse} from '@thunderid/browser';\nimport {Context, createContext, ReactElement} from 'react';\n\nexport interface ComponentRenderContext {\n  additionalData?: Record<string, any>;\n  authType: 'signin' | 'signup' | 'recovery';\n  formErrors: Record<string, string>;\n  formValues: Record<string, string>;\n  isFormValid: boolean;\n  isLoading: boolean;\n  meta?: FlowMetadataResponse | null;\n  onInputBlur?: (name: string) => void;\n  onInputChange: (name: string, value: string) => void;\n  onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>, skipValidation?: boolean) => void;\n  touchedFields: Record<string, boolean>;\n}\n\nexport type ComponentRenderer = (\n  component: EmbeddedFlowComponent,\n  context: ComponentRenderContext,\n) => ReactElement | null;\n\nexport type ComponentRendererMap = Record<string, ComponentRenderer>;\n\nconst ComponentRendererContext: Context<ComponentRendererMap> = createContext<ComponentRendererMap>({});\n\nexport default ComponentRendererContext;\n"],"mappings":";;;;;AA0CA,MAAMA,oDAA8F,EAAE,CAAC;AAEvG,uCAAe"}

package/dist/cjs/contexts/ComponentRenderer/ComponentRendererProvider.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ComponentRendererContext = require('./ComponentRendererContext.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/contexts/ComponentRenderer/ComponentRendererProvider.tsx
+const ComponentRendererProvider = ({ renderers, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ComponentRendererContext.default.Provider, {
+	value: renderers,
+	children
+});
+var ComponentRendererProvider_default = ComponentRendererProvider;
+
+//#endregion
+exports.default = ComponentRendererProvider_default;
+//# sourceMappingURL=ComponentRendererProvider.cjs.map

package/dist/cjs/contexts/ComponentRenderer/ComponentRendererProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRendererProvider.cjs","names":["ComponentRendererProvider: FC<PropsWithChildren<ComponentRendererProviderProps>>","ComponentRendererContext"],"sources":["../../../../src/contexts/ComponentRenderer/ComponentRendererProvider.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 {FC, PropsWithChildren, ReactElement} from 'react';\nimport ComponentRendererContext, {ComponentRendererMap} from './ComponentRendererContext';\n\ninterface ComponentRendererProviderProps {\n  renderers: ComponentRendererMap;\n}\n\nconst ComponentRendererProvider: FC<PropsWithChildren<ComponentRendererProviderProps>> = ({\n  renderers,\n  children,\n}: PropsWithChildren<ComponentRendererProviderProps>): ReactElement => (\n  <ComponentRendererContext.Provider value={renderers}>{children}</ComponentRendererContext.Provider>\n);\n\nexport default ComponentRendererProvider;\n"],"mappings":";;;;;;AAyBA,MAAMA,6BAAoF,EACxF,WACA,eAEA,2CAACC,yCAAyB;CAAS,OAAO;CAAY;EAA6C;AAGrG,wCAAe"}

package/dist/cjs/contexts/Flow/FlowContext.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/contexts/Flow/FlowContext.ts
+/**
+* Context for managing authentication flow UI state.
+* This context handles titles, messages, navigation, and loading states
+* for authentication flows like SignIn, SignUp, organization signin, etc.
+*/
+const FlowContext = (0, react.createContext)(void 0);
+FlowContext.displayName = "FlowContext";
+var FlowContext_default = FlowContext;
+
+//#endregion
+exports.default = FlowContext_default;
+//# sourceMappingURL=FlowContext.cjs.map

package/dist/cjs/contexts/Flow/FlowContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowContext.cjs","names":["FlowContext: Context<FlowContextValue | undefined>"],"sources":["../../../../src/contexts/Flow/FlowContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, 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 {Context, createContext} from 'react';\n\n/**\n * Types of authentication flows/steps that can be displayed.\n */\nexport type FlowStep = {\n  canGoBack?: boolean;\n  id: string;\n  metadata?: Record<string, any>;\n  subtitle?: string;\n  title: string;\n  type: 'signin' | 'signup' | 'organization-signin' | 'forgot-password' | 'reset-password' | 'verify-email' | 'mfa';\n} | null;\n\n/**\n * Message types for displaying in authentication flows.\n */\nexport interface FlowMessage {\n  dismissible?: boolean;\n  id?: string;\n  message: string;\n  type: 'success' | 'error' | 'warning' | 'info';\n}\n\n/**\n * Context value for managing authentication flow UI state.\n */\nexport interface FlowContextValue {\n  addMessage: (message: FlowMessage) => void;\n  clearMessages: () => void;\n\n  // Current step/flow\n  currentStep: FlowStep;\n  // Error state\n  error: string | null;\n  // Loading state\n  isLoading: boolean;\n  // Messages\n  messages: FlowMessage[];\n\n  navigateToFlow: (\n    flowType: NonNullable<FlowStep>['type'],\n    options?: {\n      metadata?: Record<string, any>;\n      subtitle?: string;\n      title?: string;\n    },\n  ) => void;\n  onGoBack?: () => void;\n  removeMessage: (messageId: string) => void;\n  // Utilities\n  reset: () => void;\n\n  setCurrentStep: (step: FlowStep) => void;\n  setError: (error: string | null) => void;\n\n  setIsLoading: (loading: boolean) => void;\n  setOnGoBack: (callback?: () => void) => void;\n\n  setShowBackButton: (show: boolean) => void;\n  setSubtitle: (subtitle?: string) => void;\n  setTitle: (title: string) => void;\n\n  // Navigation\n  showBackButton: boolean;\n\n  subtitle?: string;\n\n  // Title and subtitle\n  title: string;\n}\n\n/**\n * Context for managing authentication flow UI state.\n * This context handles titles, messages, navigation, and loading states\n * for authentication flows like SignIn, SignUp, organization signin, etc.\n */\nconst FlowContext: Context<FlowContextValue | undefined> = createContext<FlowContextValue | undefined>(undefined);\n\nFlowContext.displayName = 'FlowContext';\n\nexport default FlowContext;\n"],"mappings":";;;;;;;;;;AA+FA,MAAMA,uCAAiG,OAAU;AAEjH,YAAY,cAAc;AAE1B,0BAAe"}