@descope/flow-components 2.0.412 → 2.0.413

package/dist/index.d.ts

@@ -5,7 +5,7 @@ type KebabCase<S extends string> = S extends `${infer First}${infer Rest}` ? Res
 type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type TextAlign = 'left' | 'right' | 'center';
 type FlexAlignment = 'start' | 'center' | 'end';
-type HTMLInputAttrs = Omit<JSX.IntrinsicElements['input'], 'size'>;
+type HTMLInputAttrs = Omit<React.JSX.IntrinsicElements['input'], 'size'>;
 type DescopeInputExtraProps = {
     'full-width'?: boolean;
     bordered?: boolean;
@@ -25,13 +25,13 @@ type PropsToAttrs<R extends Record<string, any>> = {
 type TypographyVariants = 'h1' | 'h2' | 'h3' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2';
 type Mode = 'primary' | 'secondary' | 'error' | 'success';
 type MultiSelectProps = {
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
     'default-values'?: string[];
 };
 type LabelType = 'static' | 'floating';
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-checkbox': DescopeInputProps;
         }
@@ -40,7 +40,7 @@ declare global {
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-switch-toggle': DescopeInputProps;
         }
@@ -55,22 +55,32 @@ type Props$E = React.ComponentProps<typeof Checkbox> & React.ComponentProps<type
 declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$E, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+                size?: string;
+                variant?: string;
                 mode: string;
                 square?: boolean;
             };
         }
     }
 }
-declare const Button: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: string;
+    color?: string;
+    size?: string;
+    loading?: boolean;
+    startIcon?: string;
+    startIconColorText?: boolean;
+    'full-width'?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type Props$D = {
     digits?: number;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-passcode': DescopeInputProps & Props$D;
         }
@@ -103,7 +113,7 @@ type Props$C = {
     width?: string;
 } & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-container': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
@@ -119,15 +129,15 @@ type Props$B = {
     children?: React.ReactNode;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$B, 'children'>;
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props$B, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$B, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-declare const ReactComponent: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ReactComponent: (props: SVGProps) => React.JSX.Element;
 
 type Props$A = {
     width?: string;
@@ -136,7 +146,7 @@ type Props$A = {
     src: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$A;
         }
@@ -156,7 +166,7 @@ type Props$z = {
     children?: React.ReactNode;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$z, 'children'>;
         }
@@ -171,7 +181,7 @@ type Props$y = {
 };
 type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$y>;
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-loader-linear': LoaderType;
             'descope-loader-radial': LoaderType;
@@ -185,7 +195,7 @@ type Props$x = {
     height?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$x>;
         }
@@ -217,7 +227,7 @@ type Props$w = {
     'st-policy-preview-padding'?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-new-password': DescopeInputProps & Props$w;
         }
@@ -226,7 +236,7 @@ declare global {
 declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$w, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-number-field': DescopeInputProps;
         }
@@ -235,7 +245,7 @@ declare global {
 declare const NumberField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-password': DescopeInputProps;
         }
@@ -253,11 +263,11 @@ type Props$v = {
 declare const Phone: React.ForwardRefExoticComponent<Omit<Props$v, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Props$u = {
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
     data?: string | Record<string, string>[];
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-combo-box': DescopeInputProps & {
                 data?: string;
@@ -277,7 +287,7 @@ type Props$t = {
     'hide-when-empty'?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$t;
             'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$t & {
@@ -291,7 +301,7 @@ declare const Text: React.ForwardRefExoticComponent<Omit<Props$t & {
 } & Omit<React.HTMLProps<HTMLSpanElement>, "mode">, "ref"> & React.RefAttributes<HTMLElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-text-area': DescopeInputProps;
         }
@@ -300,7 +310,7 @@ declare global {
 declare const Textarea: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-text-field': DescopeInputProps;
         }
@@ -313,7 +323,7 @@ type Props$s = {
     height?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$s>;
         }
@@ -329,7 +339,7 @@ type Props$q = {
     height?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$q>;
         }
@@ -357,7 +367,7 @@ type Props$o = {
     'data-errormessage-value-missing'?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$o;
         }
@@ -382,7 +392,7 @@ declare global {
     interface Window {
         onRecaptchaLoadCallback: () => void;
     }
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$n;
         }
@@ -408,10 +418,10 @@ type Props$l = DescopeInputProps & {
     'allow-deselect'?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-button-selection-group': Props$l;
-            'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
+            'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
                 value: string;
                 children: string;
             };
@@ -422,7 +432,7 @@ declare const ButtonSelectionGroup: React.ForwardRefExoticComponent<Omit<HTMLInp
     'default-value'?: string;
     'allow-deselect'?: boolean;
 } & {
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
 }, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Item$4 = {
@@ -445,7 +455,7 @@ type Props$j = DescopeInputProps & {
     'item-value-path'?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-combobox': Props$j;
         }
@@ -456,7 +466,7 @@ declare const ComboBox: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & De
     'item-label-path'?: string;
     'item-value-path'?: string;
 } & {
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
 }, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Column = {
@@ -471,7 +481,7 @@ type Column = {
 };
 type Props$i = {
     identifier: any;
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
     size?: Omit<ComponentSize, 'xl'>;
     bordered?: boolean;
     columns?: Column[];
@@ -479,7 +489,7 @@ type Props$i = {
     data?: Record<string, any>;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-grid': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
@@ -497,18 +507,18 @@ type ColumnProps = {
 };
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-grid-custom-column': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
 declare const GridCustomColumn: React.ForwardRefExoticComponent<ColumnProps & {
-    children: JSX.Element[];
+    children: React.JSX.Element[];
 } & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-grid-selection-column': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
@@ -517,7 +527,7 @@ declare global {
 declare const GridSelectionColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-grid-text-column': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
@@ -526,7 +536,7 @@ declare global {
 declare const GridTextColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-grid-item-details-column': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
@@ -541,7 +551,7 @@ type Props$h = {
     'full-width': boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$h;
         }
@@ -550,7 +560,7 @@ declare global {
 declare const Badge: React.ForwardRefExoticComponent<Props$h & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-modal': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
         }
@@ -567,12 +577,12 @@ type Props$f = DescopeInputProps & {
     'max-items-selection'?: number;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-button-multi-selection-group': Props$f & {
                 'default-values'?: string;
             };
-            'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
+            'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
                 value: string;
                 children: string;
             };
@@ -580,7 +590,7 @@ declare global {
     }
 }
 declare const ButtonMultiSelectionGroup: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & {
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: "xs" | "sm" | "md" | "lg";
     'min-items-selection'?: number;
     'max-items-selection'?: number;
 } & MultiSelectProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -615,7 +625,7 @@ type Props$d = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
     options?: Item$2[];
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-mappings-field': Omit<Props$d, 'default-values' | 'options'> & {
                 'default-values'?: string;
@@ -640,7 +650,7 @@ type Props$c = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
     options?: Item$1[];
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-saml-group-mappings': Omit<Props$c, 'options'> & {
                 options?: string;
@@ -651,7 +661,7 @@ declare global {
 declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$c, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-user-auth-method': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
                 methodIcon?: string;
@@ -660,7 +670,14 @@ declare global {
         }
     }
 }
-declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+    'button-label'?: string;
+    fulfilled?: boolean;
+    'full-width'?: boolean;
+    methodIcon?: string;
+    buttonIcon?: string;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type Props$b = {
     'badge-tooltip-text'?: string;
@@ -672,13 +689,13 @@ type Props$b = {
     required?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$b;
         }
     }
 }
-declare const UserAttribute: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$b, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type Props$a = {
     img?: string;
@@ -687,20 +704,20 @@ type Props$a = {
     editable?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$a;
         }
     }
 }
-declare const Avatar: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Avatar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$a, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type Props$9 = {
     lang?: 'xml' | 'html' | 'javascript' | 'css' | 'json';
     inline?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-code-snippet': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$9;
         }
@@ -714,7 +731,7 @@ type Props$8 = {
     variant?: 'list' | 'tiles';
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$8>;
         }
@@ -727,7 +744,7 @@ type Props$7 = {
     children?: React.ReactNode;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-list-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$7>;
         }
@@ -742,7 +759,7 @@ type Props$6 = {
     readonly?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-apps-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$6>;
         }
@@ -762,7 +779,7 @@ type Props$5 = {
     size: 'xs' | 'sm' | 'md' | 'lg';
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-scopes-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$5>;
         }
@@ -787,7 +804,7 @@ type Props$4 = {
     'answer-placeholder'?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-security-questions-setup': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$4>;
         }
@@ -811,7 +828,7 @@ type Props$3 = {
     'answer-data-errormessage-value-missing'?: string;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-security-questions-verify': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$3>;
         }
@@ -823,7 +840,7 @@ type Props$2 = {
     size: 'xs' | 'sm' | 'md' | 'lg';
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-third-party-app-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$2>;
         }
@@ -832,7 +849,7 @@ declare global {
 declare const ThirdPartyAppLogo: React.ForwardRefExoticComponent<Props$2 & React.RefAttributes<HTMLDivElement>>;
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-date-field': Omit<DescopeInputProps, 'external-input'>;
         }
@@ -859,13 +876,30 @@ type Props$1 = {
     'external-input'?: boolean;
 } & DescopeInputProps;
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-hybrid-field': React.DetailedHTMLProps<React.HTMLAttributes<HTMLInputElement>, HTMLInputElement> & PropsToAttrs<Props$1>;
         }
     }
 }
-declare const HybridField: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const HybridField: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant?: "countrySelection" | "inputBox";
+    'default-code'?: string;
+    'phone-input-label'?: string;
+    'phone-input-placeholder'?: string;
+    'restrict-countries'?: string;
+    'full-width'?: boolean;
+    bordered?: boolean;
+    label?: string;
+    placeholder?: string;
+    size?: ComponentSize;
+    'helper-text'?: string;
+    'data-errormessage-pattern-mismatch-email'?: string;
+    'data-errormessage-value-missing-email'?: string;
+    'data-errormessage-value-missing-phone'?: string;
+    'label-type'?: LabelType;
+    'external-input'?: boolean;
+} & HTMLInputAttrs & DescopeInputExtraProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Props = {
     mode?: string;
@@ -877,7 +911,7 @@ type Props = {
     'link-target-blank'?: boolean;
 };
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
             'descope-alert': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
         }
@@ -885,4 +919,98 @@ declare global {
 }
 declare const Alert: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
 
-export { Alert, AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, DateField, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, RecaptchaV2, SAMLGroupMappings, ScopesList, SecurityQuestionsSetup, SecurityQuestionsVerify, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, ThirdPartyAppLogo, UploadFile, UserAttribute, UserAuthMethod, ReactComponent as apple, ReactComponent as authenticator, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, ReactComponent as github, ReactComponent as gitlab, ReactComponent as google, ReactComponent as linkedin, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as slack, ReactComponent as sso, ReactComponent as whatsapp };
+type ComponentClass = {
+    cssVarList: Record<string, string>;
+};
+interface IComponentThemeManager {
+    currentThemeName: (themeName?: string) => string;
+    currentTheme: () => string;
+    themes: Theme[];
+    hasThemes: () => boolean;
+}
+declare const globalsThemeToStyle: (theme: string, themeName: string) => string;
+declare const createComponentsTheme: (componentsTheme: Record<string, string>) => Record<string, any>;
+declare const themeToStyle: (theme: Theme, themeName?: string) => Record<string, any>;
+declare const componentsThemeManager: IComponentThemeManager;
+declare const genColor: (val: string, theme?: string) => Record<string, string>;
+declare const themeVars: Theme;
+declare const defaultTheme: Theme;
+declare const darkTheme: Theme;
+declare const CheckboxClass: ComponentClass;
+declare const SwitchToggleClass: ComponentClass;
+declare const ButtonClass: ComponentClass;
+declare const LoaderLinearClass: ComponentClass;
+declare const LoaderRadialClass: ComponentClass;
+declare const ContainerClass: ComponentClass;
+declare const DividerClass: ComponentClass;
+declare const EmailFieldClass: ComponentClass;
+declare const LinkClass: ComponentClass;
+declare const LogoClass: ComponentClass;
+declare const TotpImageClass: ComponentClass;
+declare const NotpImageClass: ComponentClass;
+declare const NumberFieldClass: ComponentClass;
+declare const PasscodeClass: ComponentClass;
+declare const PasswordClass: ComponentClass;
+declare const TextClass: ComponentClass;
+declare const EnrichedTextClass: ComponentClass;
+declare const TextAreaClass: ComponentClass;
+declare const TextFieldClass: ComponentClass;
+declare const ImageClass: ComponentClass;
+declare const PhoneFieldClass: ComponentClass;
+declare const PhoneFieldInputBoxClass: ComponentClass;
+declare const NewPasswordClass: ComponentClass;
+declare const RecaptchaClass: ComponentClass;
+declare const UploadFileClass: ComponentClass;
+declare const ButtonSelectionGroupClass: ComponentClass;
+declare const ButtonMultiSelectionGroupClass: ComponentClass;
+declare const ButtonSelectionGroupItemClass: ComponentClass;
+declare const ModalClass: ComponentClass;
+declare const NotificationClass: ComponentClass;
+declare const GridClass: ComponentClass;
+declare const BadgeClass: ComponentClass;
+declare const MultiSelectComboBoxClass: ComponentClass;
+declare const AvatarClass: ComponentClass;
+declare const UserAttributeClass: ComponentClass;
+declare const UserAuthMethodClass: ComponentClass;
+declare const MappingsFieldClass: ComponentClass;
+declare const SamlGroupMappingsClass: ComponentClass;
+declare const PolicyValidationClass: ComponentClass;
+declare const CodeSnippetClass: ComponentClass;
+declare const RadioGroupClass: ComponentClass;
+declare const RadioButtonClass: ComponentClass;
+declare const DateFieldClass: ComponentClass;
+declare const CalendarClass: ComponentClass;
+declare const ListClass: ComponentClass;
+declare const ListItemClass: ComponentClass;
+declare const AppsListClass: ComponentClass;
+declare const ScopesListClass: ComponentClass;
+declare const ThirdPartyAppLogoClass: ComponentClass;
+declare const SecurityQuestionsSetupClass: ComponentClass;
+declare const SecurityQuestionsVerifyClass: ComponentClass;
+declare const HybridFieldClass: ComponentClass;
+declare const AlertClass: ComponentClass;
+
+type Theme = {
+    globals: {
+        colors: Record<string, string>;
+        fonts: Record<string, any>;
+        typography: Record<string, any>;
+        shadow: Record<string, string>;
+        spacing: Record<string, string>;
+        radius: Record<string, string>;
+        border: Record<string, string>;
+    };
+    components: {
+        button: Record<string, any>;
+        textField: Record<string, any>;
+        logo: Record<string, any>;
+        container: Record<string, any>;
+        link: Record<string, any>;
+        text: Record<string, any>;
+        inputWrapper: Record<string, any>;
+        buttonSelectionGroupItem: Record<string, any>;
+        buttonMultiSelectionGroup: Record<string, any>;
+    };
+};
+
+export { Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, ButtonSelectionGroupItemClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, ComboBox, Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, ListItemClass, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioButtonClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, type Theme, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TotpImageClass, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, ReactComponent as apple, ReactComponent as authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, genColor, ReactComponent as github, ReactComponent as gitlab, globalsThemeToStyle, ReactComponent as google, ReactComponent as linkedin, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };