@thunderid/react 0.0.1

package/dist/components/primitives/TextField/TextField.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) 2024, 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 { FC, InputHTMLAttributes, ReactNode } from 'react';
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className'> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Whether the field is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Icon to display at the end (right) of the input
+     */
+    endIcon?: ReactNode;
+    /**
+     * Error message to display below the input
+     */
+    error?: string;
+    /**
+     * Helper text to display below the input
+     */
+    helperText?: string;
+    /**
+     * Label text to display above the input
+     */
+    label?: string;
+    /**
+     * Click handler for the end icon
+     */
+    onEndIconClick?: () => void;
+    /**
+     * Click handler for the start icon
+     */
+    onStartIconClick?: () => void;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Icon to display at the start (left) of the input
+     */
+    startIcon?: ReactNode;
+}
+declare const TextField: FC<TextFieldProps>;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/components/primitives/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/TextField/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC9F;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmFjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/primitives/TextField/TextField.styles.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2024, 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 { Theme } from '@thunderid/browser';
+/**
+ * Creates styles for the TextField component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param disabled - Whether the component is disabled
+ * @param hasError - Whether the component has an error
+ * @param hasStartIcon - Whether the component has a start icon
+ * @param hasEndIcon - Whether the component has an end icon
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, disabled: boolean, hasError: boolean, hasStartIcon: boolean, hasEndIcon: boolean) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=TextField.styles.d.ts.map

package/dist/components/primitives/TextField/TextField.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/TextField/TextField.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,UAAU,OAAO,EACjB,UAAU,OAAO,EACjB,cAAc,OAAO,EACrB,YAAY,OAAO,KAClB,MAAM,CAAC,MAAM,EAAE,MAAM,CAoHgD,CAAC;AAEzE,eAAe,SAAS,CAAC"}

package/dist/components/primitives/Toggle/Toggle.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 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 { FC, InputHTMLAttributes } from 'react';
+/**
+ * Props for the Toggle component.
+ */
+export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'> {
+    className?: string;
+    error?: string;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+/**
+ * A Toggle component that represents a boolean input. It is built on top of a hidden checkbox input
+ * and styled to look like a switch.
+ *
+ * The component is wrapped in a FormControl to display error messages and helper text.
+ * The label is associated with the input for accessibility.
+ *
+ * @param props - Props for the Toggle component
+ * @returns A JSX element representing the Toggle
+ */
+declare const Toggle: FC<ToggleProps>;
+export default Toggle;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/primitives/Toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,EAAE,EAAE,mBAAmB,EAAC,MAAM,OAAO,CAAC;AAM9C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACpG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAuC3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/primitives/Toggle/Toggle.styles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 { Theme } from '@thunderid/browser';
+declare const useStyles: (theme: Theme, colorScheme: string, hasError: boolean, required: boolean) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=Toggle.styles.d.ts.map

package/dist/components/primitives/Toggle/Toggle.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,EAAE,UAAU,OAAO,EAAE,UAAU,OAAO,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CA0FpE,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/dist/components/primitives/Typography/Typography.d.ts

@@ -0,0 +1,80 @@
+/**
+ * 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 { CSSProperties, FC, ReactNode, ElementType } from 'react';
+import { TypographyVariant, TypographyAlign, TypographyColor } from './Typography.styles';
+export interface TypographyProps {
+    /**
+     * Text alignment
+     */
+    align?: TypographyAlign;
+    /**
+     * The content to be rendered
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Color variant
+     */
+    color?: TypographyColor;
+    /**
+     * The HTML element or React component to render
+     */
+    component?: ElementType;
+    /**
+     * Custom font size (overrides variant sizing)
+     */
+    fontSize?: string | number;
+    /**
+     * Custom font weight
+     */
+    fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold' | number;
+    /**
+     * Whether to disable gutters (margin bottom)
+     */
+    gutterBottom?: boolean;
+    /**
+     * Whether the text should be displayed inline
+     */
+    inline?: boolean;
+    /**
+     * Line height
+     */
+    lineHeight?: string | number;
+    /**
+     * Whether the text should be clipped with ellipsis when it overflows
+     */
+    noWrap?: boolean;
+    /**
+     * Custom styles
+     */
+    style?: CSSProperties;
+    /**
+     * The typography variant to apply
+     */
+    variant?: TypographyVariant;
+}
+/**
+ * Typography component for consistent text rendering throughout the application.
+ * Integrates with the theme system and provides semantic HTML elements.
+ */
+declare const Typography: FC<TypographyProps>;
+export default Typography;
+//# sourceMappingURL=Typography.d.ts.map

package/dist/components/primitives/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Typography/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAChE,OAAkB,EAAC,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAGnG,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAmBD;;;GAGG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkFnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/primitives/Typography/Typography.styles.d.ts

@@ -0,0 +1,39 @@
+/**
+ * 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 { Theme } from '@thunderid/browser';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'button';
+export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+export type TypographyColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit';
+/**
+ * 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
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, variant: TypographyVariant, align: TypographyAlign, color: TypographyColor, noWrap: boolean, inline: boolean, gutterBottom: boolean, fontWeight?: "normal" | "medium" | "semibold" | "bold" | number, fontSize?: string | number, lineHeight?: string | number) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=Typography.styles.d.ts.map

package/dist/components/primitives/Typography/Typography.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Typography/Typography.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,CAAC;AAEb,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtE,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,eAAe,GACf,SAAS,CAAC;AAEd;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,SAAS,iBAAiB,EAC1B,OAAO,eAAe,EACtB,OAAO,eAAe,EACtB,QAAQ,OAAO,EACf,QAAQ,OAAO,EACf,cAAc,OAAO,EACrB,aAAa,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,EAC/D,WAAW,MAAM,GAAG,MAAM,EAC1B,aAAa,MAAM,GAAG,MAAM,KAC3B,MAAM,CAAC,MAAM,EAAE,MAAM,CA2RyF,CAAC;AAElH,eAAe,SAAS,CAAC"}

package/dist/contexts/Branding/BrandingContext.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 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';
+import { Context } from 'react';
+export interface BrandingContextValue {
+    /**
+     * 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;
+}
+declare const BrandingContext: Context<BrandingContextValue | null>;
+export default BrandingContext;
+//# sourceMappingURL=BrandingContext.d.ts.map

package/dist/contexts/Branding/BrandingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandingContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/Branding/BrandingContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,kBAAkB,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAC,OAAO,EAAgB,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,oBAAoB;IACnC;;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,QAAA,MAAM,eAAe,EAAE,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAoD,CAAC;AAI/G,eAAe,eAAe,CAAC"}

package/dist/contexts/Branding/BrandingProvider.d.ts

@@ -0,0 +1,89 @@
+/**
+ * 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 } from '@thunderid/browser';
+import { FC, PropsWithChildren } from 'react';
+/**
+ * Configuration options for the BrandingProvider
+ */
+export interface BrandingProviderProps {
+    /**
+     * The branding preference data passed from parent (typically ThunderIDProvider)
+     */
+    brandingPreference?: BrandingPreference | null;
+    /**
+     * Whether the branding provider is enabled
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Error state passed from parent
+     */
+    error?: Error | null;
+    /**
+     * Force a specific theme ('light' or 'dark')
+     * If not provided, will use the activeTheme from branding preference
+     */
+    forceTheme?: 'light' | 'dark';
+    /**
+     * Loading state passed from parent
+     */
+    isLoading?: boolean;
+    /**
+     * Function to refetch branding preference passed from parent
+     */
+    refetch?: () => Promise<void>;
+}
+/**
+ * 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>
+ * ```
+ */
+declare const BrandingProvider: FC<PropsWithChildren<BrandingProviderProps>>;
+export default BrandingProvider;
+//# sourceMappingURL=BrandingProvider.d.ts.map

package/dist/contexts/Branding/BrandingProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandingProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Branding/BrandingProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,kBAAkB,EAA4C,MAAM,oBAAoB,CAAC;AACjG,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAiD,MAAM,OAAO,CAAC;AAG5F;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAiElE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/contexts/Branding/useBrandingContext.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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 { BrandingContextValue } from './BrandingContext';
+/**
+ * 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>
+ *   );
+ * }
+ * ```
+ */
+declare const useBrandingContext: () => BrandingContextValue;
+export default useBrandingContext;
+//# sourceMappingURL=useBrandingContext.d.ts.map

package/dist/contexts/Branding/useBrandingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrandingContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/Branding/useBrandingContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAwB,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,kBAAkB,QAAO,oBAM9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/contexts/ComponentRenderer/ComponentRendererContext.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 { EmbeddedFlowComponentV2 as EmbeddedFlowComponent, FlowMetadataResponse } from '@thunderid/browser';
+import { Context, ReactElement } from 'react';
+export interface ComponentRenderContext {
+    additionalData?: Record<string, any>;
+    authType: 'signin' | 'signup' | 'recovery';
+    formErrors: Record<string, string>;
+    formValues: Record<string, string>;
+    isFormValid: boolean;
+    isLoading: boolean;
+    meta?: FlowMetadataResponse | null;
+    onInputBlur?: (name: string) => void;
+    onInputChange: (name: string, value: string) => void;
+    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>, skipValidation?: boolean) => void;
+    touchedFields: Record<string, boolean>;
+}
+export type ComponentRenderer = (component: EmbeddedFlowComponent, context: ComponentRenderContext) => ReactElement | null;
+export type ComponentRendererMap = Record<string, ComponentRenderer>;
+declare const ComponentRendererContext: Context<ComponentRendererMap>;
+export default ComponentRendererContext;
+//# sourceMappingURL=ComponentRendererContext.d.ts.map

package/dist/contexts/ComponentRenderer/ComponentRendererContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRendererContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ComponentRenderer/ComponentRendererContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,uBAAuB,IAAI,qBAAqB,EAAE,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAC1G,OAAO,EAAC,OAAO,EAAiB,YAAY,EAAC,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5G,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,iBAAiB,GAAG,CAC9B,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,sBAAsB,KAC5B,YAAY,GAAG,IAAI,CAAC;AAEzB,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;AAErE,QAAA,MAAM,wBAAwB,EAAE,OAAO,CAAC,oBAAoB,CAA2C,CAAC;AAExG,eAAe,wBAAwB,CAAC"}

package/dist/contexts/ComponentRenderer/ComponentRendererProvider.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC, PropsWithChildren } from 'react';
+import { ComponentRendererMap } from './ComponentRendererContext';
+interface ComponentRendererProviderProps {
+    renderers: ComponentRendererMap;
+}
+declare const ComponentRendererProvider: FC<PropsWithChildren<ComponentRendererProviderProps>>;
+export default ComponentRendererProvider;
+//# sourceMappingURL=ComponentRendererProvider.d.ts.map

package/dist/contexts/ComponentRenderer/ComponentRendererProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRendererProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/ComponentRenderer/ComponentRendererProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAC1D,OAAiC,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAE1F,UAAU,8BAA8B;IACtC,SAAS,EAAE,oBAAoB,CAAC;CACjC;AAED,QAAA,MAAM,yBAAyB,EAAE,EAAE,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAKpF,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/contexts/Flow/FlowContext.d.ts

@@ -0,0 +1,75 @@
+/**
+ * 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 { Context } from 'react';
+/**
+ * Types of authentication flows/steps that can be displayed.
+ */
+export type FlowStep = {
+    canGoBack?: boolean;
+    id: string;
+    metadata?: Record<string, any>;
+    subtitle?: string;
+    title: string;
+    type: 'signin' | 'signup' | 'organization-signin' | 'forgot-password' | 'reset-password' | 'verify-email' | 'mfa';
+} | null;
+/**
+ * Message types for displaying in authentication flows.
+ */
+export interface FlowMessage {
+    dismissible?: boolean;
+    id?: string;
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+}
+/**
+ * Context value for managing authentication flow UI state.
+ */
+export interface FlowContextValue {
+    addMessage: (message: FlowMessage) => void;
+    clearMessages: () => void;
+    currentStep: FlowStep;
+    error: string | null;
+    isLoading: boolean;
+    messages: FlowMessage[];
+    navigateToFlow: (flowType: NonNullable<FlowStep>['type'], options?: {
+        metadata?: Record<string, any>;
+        subtitle?: string;
+        title?: string;
+    }) => void;
+    onGoBack?: () => void;
+    removeMessage: (messageId: string) => void;
+    reset: () => void;
+    setCurrentStep: (step: FlowStep) => void;
+    setError: (error: string | null) => void;
+    setIsLoading: (loading: boolean) => void;
+    setOnGoBack: (callback?: () => void) => void;
+    setShowBackButton: (show: boolean) => void;
+    setSubtitle: (subtitle?: string) => void;
+    setTitle: (title: string) => void;
+    showBackButton: boolean;
+    subtitle?: string;
+    title: string;
+}
+/**
+ * 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.
+ */
+declare const FlowContext: Context<FlowContextValue | undefined>;
+export default FlowContext;
+//# sourceMappingURL=FlowContext.d.ts.map