@descope/flow-components 3.9.1 → 3.9.2

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.9.1",
+      "buildVersion": "3.9.2",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {
@@ -51,7 +51,7 @@
       "assets": {
         "js": {
           "sync": [
-            "477.js",
+            "741.js",
             "__federation_expose_components.js"
           ],
           "async": []

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.9.1",
+      "buildVersion": "3.9.2",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {
@@ -58,7 +58,7 @@
       "assets": {
         "js": {
           "sync": [
-            "477.js",
+            "741.js",
             "__federation_expose_components.js"
           ],
           "async": []

package/dist/index.cjs.js

@@ -106869,6 +106869,7 @@ const NotificationClass = index_cjsExports.NotificationClass;
 const GridClass = index_cjsExports.GridClass;
 const BadgeClass = index_cjsExports.BadgeClass;
 const MultiSelectComboBoxClass = index_cjsExports.MultiSelectComboBoxClass;
+const MultiLineMappingsClass = index_cjsExports.MultiLineMappingsClass;
 const AvatarClass = index_cjsExports.AvatarClass;
 const UserAttributeClass = index_cjsExports.UserAttributeClass;
 const UserAuthMethodClass = index_cjsExports.UserAuthMethodClass;
@@ -107359,6 +107360,22 @@ const SAMLGroupMappings = React__default.default.forwardRef(({ options, size = '
     return (React__default.default.createElement("descope-saml-group-mappings", { size: size, ...props, options: serializedOptions ?? undefined, ref: ref }));
 });
 
+const MultiLineMappings = React__default.default.forwardRef(({ data, ...props }, ref) => {
+    const serializedData = React.useMemo(() => {
+        if (!data)
+            return undefined;
+        try {
+            return JSON.stringify(data);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error('could not parse data string from attribute "data" -', e.message);
+            return undefined;
+        }
+    }, [data]);
+    return (React__default.default.createElement("descope-multi-line-mappings", { data: serializedData, ...props, ref: ref }));
+});
+
 const UserAuthMethod = React__default.default.forwardRef(({ methodIcon, methodIconDark, buttonIcon, buttonIconDark, fulfilledButtonIcon, fulfilledButtonIconDark, ...props }, ref) => (React__default.default.createElement("descope-user-auth-method", { ...props, ref: ref },
     methodIcon && methodIconDark && React__default.default.createElement(Icon, { icon: methodIcon, "src-dark": methodIconDark, slot: "method-icon", noColor: true }),
     buttonIcon && buttonIconDark && React__default.default.createElement(Icon, { icon: buttonIcon, "src-dark": buttonIconDark, slot: "button-icon", noColor: true, width: "1em", height: "1em" }),
@@ -107543,6 +107560,8 @@ exports.MappingsField = MappingsField;
 exports.MappingsFieldClass = MappingsFieldClass;
 exports.Modal = Modal;
 exports.ModalClass = ModalClass;
+exports.MultiLineMappings = MultiLineMappings;
+exports.MultiLineMappingsClass = MultiLineMappingsClass;
 exports.MultiSelect = MultiSelect;
 exports.MultiSelectComboBoxClass = MultiSelectComboBoxClass;
 exports.NOTPImage = NOTPImage;

package/dist/index.d.ts

@@ -43,6 +43,7 @@ declare const NotificationClass: ComponentClass;
 declare const GridClass: ComponentClass;
 declare const BadgeClass: ComponentClass;
 declare const MultiSelectComboBoxClass: ComponentClass;
+declare const MultiLineMappingsClass: ComponentClass;
 declare const AvatarClass: ComponentClass;
 declare const UserAttributeClass: ComponentClass;
 declare const UserAuthMethodClass: ComponentClass;
@@ -126,11 +127,11 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
 type BooleanType = {
     type: 'switch' | 'checkbox';
 };
-type Props$P = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
-declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$P, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type Props$Q = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
+declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$Q, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'start' | 'start-top' | 'start-bottom' | 'end' | 'end-top' | 'end-bottom';
-type Props$O = {
+type Props$P = {
     text?: string;
     position?: TooltipPosition;
     hoverDelay?: number;
@@ -148,11 +149,11 @@ declare module 'react' {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$O;
+            'descope-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$P;
         }
     }
 }
-declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement, unknown> & Props$O & React.RefAttributes<HTMLElement>>;
+declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement, unknown> & Props$P & React.RefAttributes<HTMLElement>>;
 
 interface ITooltip {
     hasTooltip?: boolean;
@@ -189,17 +190,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     'data-name'?: string;
 } & ITooltip, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type Props$N = {
+type Props$O = {
     digits?: number;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-passcode': DescopeInputProps & Props$N;
+            'descope-passcode': DescopeInputProps & Props$O;
         }
     }
 }
-declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$N, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$O, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Never$1<T extends Record<string, any>> = {
     [K in keyof T]: never;
@@ -215,7 +216,7 @@ type ContainerAlignment$1 = {
     'vertical-alignment'?: FlexAlignment;
     'space-between'?: 'sm' | 'md' | 'lg';
 };
-type Props$M = {
+type Props$N = {
     direction?: 'row' | 'column';
     shadow?: 'md' | 'lg' | 'xl' | '2xl';
     borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
@@ -233,9 +234,9 @@ declare global {
         }
     }
 }
-declare const Container$1: React.ForwardRefExoticComponent<(Props$M & React.HTMLAttributes<HTMLDivElement, unknown>) & React.RefAttributes<HTMLDivElement>>;
+declare const Container$1: React.ForwardRefExoticComponent<(Props$N & React.HTMLAttributes<HTMLDivElement, unknown>) & React.RefAttributes<HTMLDivElement>>;
 
-type Props$L = {
+type Props$M = {
     vertical?: boolean;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -245,15 +246,15 @@ type Props$L = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$L, 'children'>;
+            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$M, 'children'>;
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement, unknown>, HTMLDivElement>, "size"> & Props$L, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement, unknown>, HTMLDivElement>, "size"> & Props$M, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const ReactComponent: (props: SVGProps) => React.JSX.Element;
 
-type Props$K = {
+type Props$L = {
     width?: string;
     height?: string;
     alt?: string;
@@ -263,7 +264,7 @@ type Props$K = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$K;
+            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$L;
         }
     }
 }
@@ -277,7 +278,7 @@ declare const Image: React.ForwardRefExoticComponent<{
 
 declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$J = {
+type Props$K = {
     href?: string | undefined;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -289,7 +290,7 @@ type Props$J = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$J, 'children'>;
+            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$K, 'children'>;
         }
     }
 }
@@ -303,12 +304,12 @@ declare const Link: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
 } & ITooltip & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$I = {
+type Props$J = {
     variant?: 'linear' | 'radial';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     color?: Mode;
 };
-type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$I>;
+type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$J>;
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
@@ -317,22 +318,22 @@ declare global {
         }
     }
 }
-declare const Loader: React.ForwardRefExoticComponent<Props$I & React.RefAttributes<HTMLDivElement>>;
+declare const Loader: React.ForwardRefExoticComponent<Props$J & React.RefAttributes<HTMLDivElement>>;
 
-type Props$H = {
+type Props$I = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$H>;
+            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$I>;
         }
     }
 }
-declare const Logo: React.ForwardRefExoticComponent<Props$H & React.RefAttributes<HTMLDivElement>>;
+declare const Logo: React.ForwardRefExoticComponent<Props$I & React.RefAttributes<HTMLDivElement>>;
 
-type Props$G = {
+type Props$H = {
     'password-label'?: string;
     'password-placeholder'?: string;
     'confirm-label'?: string;
@@ -361,11 +362,11 @@ type Props$G = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-new-password': DescopeInputProps & Props$G;
+            'descope-new-password': DescopeInputProps & Props$H;
         }
     }
 }
-declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$G, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$H, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace React.JSX {
@@ -385,7 +386,7 @@ declare global {
 }
 declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$F = {
+type Props$G = {
     variant: 'countrySelection' | 'inputBox';
     'default-code'?: string;
     'phone-input-placeholder'?: string;
@@ -394,9 +395,9 @@ type Props$F = {
     'format-value'?: boolean;
     'strict-validation'?: boolean;
 } & DescopeInputProps;
-declare const Phone: React.ForwardRefExoticComponent<Omit<Props$F, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<Omit<Props$G, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$E = {
+type Props$F = {
     children?: React.JSX.Element[];
     data?: string | Record<string, string>[];
 };
@@ -409,9 +410,9 @@ declare global {
         }
     }
 }
-declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$E, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$F, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$D = {
+type Props$E = {
     italic?: boolean;
     variant?: string;
     mode?: string;
@@ -423,8 +424,8 @@ type Props$D = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$D;
-            'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$D & {
+            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$E;
+            'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$E & {
                 readonly?: boolean;
             };
         }
@@ -460,7 +461,7 @@ declare global {
 }
 declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$C = {
+type Props$D = {
     width?: string;
     height?: string;
     component?: 'code' | 'text';
@@ -473,7 +474,7 @@ type Props$C = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$C>;
+            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$D>;
         }
     }
 }
@@ -488,26 +489,26 @@ declare const TOTPImage: React.ForwardRefExoticComponent<{
     'hide-when-empty'?: boolean;
 } & ITooltip & React.RefAttributes<HTMLDivElement>>;
 
-type Props$B = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$B, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type Props$C = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$C, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$A = {
+type Props$B = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$A>;
+            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$B>;
         }
     }
 }
-declare const NOTPImage: React.ForwardRefExoticComponent<Props$A & React.RefAttributes<HTMLDivElement>>;
+declare const NOTPImage: React.ForwardRefExoticComponent<Props$B & React.RefAttributes<HTMLDivElement>>;
 
-type Props$z = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$z, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type Props$A = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$A, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$y = {
+type Props$z = {
     title?: string;
     description?: string;
     icon?: string;
@@ -526,13 +527,13 @@ type Props$y = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$y;
+            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$z;
         }
     }
 }
-declare const UploadFile: React.ForwardRefExoticComponent<Props$y & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
+declare const UploadFile: React.ForwardRefExoticComponent<Props$z & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
 
-type Props$x = {
+type Props$y = {
     enabled?: boolean;
     'site-key'?: string;
     enterprise?: boolean;
@@ -551,13 +552,13 @@ declare global {
     }
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement, any>, HTMLElement> & Props$x;
+            'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement, any>, HTMLElement> & Props$y;
         }
     }
 }
-declare const Recaptcha: React.ForwardRefExoticComponent<Props$x & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
+declare const Recaptcha: React.ForwardRefExoticComponent<Props$y & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
 
-type Props$w = {
+type Props$x = {
     connector?: string;
     enterprise?: boolean;
     action?: string;
@@ -572,16 +573,16 @@ type Props$w = {
     width?: string;
     height?: string;
 };
-declare const RecaptchaV2: React.ForwardRefExoticComponent<Props$w & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
+declare const RecaptchaV2: React.ForwardRefExoticComponent<Props$x & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
 
-type Props$v = DescopeInputProps & {
+type Props$w = DescopeInputProps & {
     'default-value'?: string;
     'allow-deselect'?: boolean;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-button-selection-group': Props$v;
+            'descope-button-selection-group': Props$w;
             'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
                 value: string;
                 children: string;
@@ -607,10 +608,10 @@ type SingleSelectType = {
     layout?: 'horizontal' | 'vertical';
     'label-type'?: LabelType;
 };
-type Props$u = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
-declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$u, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type Props$v = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
+declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$v, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$t = DescopeInputProps & {
+type Props$u = DescopeInputProps & {
     'default-value'?: string;
     'item-label-path'?: string;
     'item-value-path'?: string;
@@ -618,7 +619,7 @@ type Props$t = DescopeInputProps & {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-combobox': Props$t;
+            'descope-combobox': Props$u;
         }
     }
 }
@@ -640,7 +641,7 @@ type Column = {
         resizable: boolean;
     };
 };
-type Props$s = {
+type Props$t = {
     identifier: any;
     children?: React.JSX.Element[];
     size?: Omit<ComponentSize, 'xl'>;
@@ -656,7 +657,7 @@ declare global {
         }
     }
 }
-declare const Grid: React.ForwardRefExoticComponent<Props$s & React.RefAttributes<HTMLInputElement>>;
+declare const Grid: React.ForwardRefExoticComponent<Props$t & React.RefAttributes<HTMLInputElement>>;
 
 type ColumnProps = {
     sortable?: boolean;
@@ -677,7 +678,7 @@ declare const GridTextColumn: React.ForwardRefExoticComponent<ColumnProps & Reac
 
 declare const GridItemDetailsColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
 
-type Props$r = {
+type Props$s = {
     mode?: string;
     size?: string;
     bordered?: boolean;
@@ -688,11 +689,11 @@ type Props$r = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$r;
+            'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$s;
         }
     }
 }
-declare const Badge: React.ForwardRefExoticComponent<Props$r & React.HTMLAttributes<HTMLElement, unknown> & React.RefAttributes<HTMLElement>>;
+declare const Badge: React.ForwardRefExoticComponent<Props$s & React.HTMLAttributes<HTMLElement, unknown> & React.RefAttributes<HTMLElement>>;
 
 declare global {
     namespace React.JSX {
@@ -701,12 +702,12 @@ declare global {
         }
     }
 }
-type Props$q = {
+type Props$r = {
     opened?: boolean;
 };
-declare const Modal: React.ForwardRefExoticComponent<Props$q & React.RefAttributes<HTMLDivElement>>;
+declare const Modal: React.ForwardRefExoticComponent<Props$r & React.RefAttributes<HTMLDivElement>>;
 
-type Props$p = DescopeInputProps & {
+type Props$q = DescopeInputProps & {
     size?: 'xs' | 'sm' | 'md' | 'lg';
     'min-items-selection'?: number;
     'max-items-selection'?: number;
@@ -714,7 +715,7 @@ type Props$p = DescopeInputProps & {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-button-multi-selection-group': Props$p & {
+            'descope-button-multi-selection-group': Props$q & {
                 'default-values'?: string;
             };
             'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
@@ -741,16 +742,16 @@ type MultiSelectType = {
     'max-items-selection'?: number;
     'label-type'?: string;
 };
-type Props$o = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
+type Props$p = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
     'default-values'?: string[];
 };
-declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$o, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$p, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Item$3 = {
     label: string;
     value: string;
 };
-type Props$n = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
+type Props$o = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
     'label-value'?: string;
     'label-attr'?: string;
     'button-label'?: string;
@@ -762,20 +763,20 @@ type Props$n = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-mappings-field': Omit<Props$n, 'default-values' | 'options'> & {
+            'descope-mappings-field': Omit<Props$o, 'default-values' | 'options'> & {
                 'default-values'?: string;
                 options?: string;
             };
         }
     }
 }
-declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$n, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$o, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Item$2 = {
     label: string;
     value: string;
 };
-type Props$m = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
+type Props$n = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
     'label-value'?: string;
     'label-attr'?: string;
     'label-group'?: string;
@@ -787,13 +788,43 @@ type Props$m = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-saml-group-mappings': Omit<Props$m, 'options'> & {
+            'descope-saml-group-mappings': Omit<Props$n, 'options'> & {
                 options?: string;
             };
         }
     }
 }
-declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$m, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$n, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type DataEntry = string[] | {
+    label?: string;
+    options?: string[];
+};
+type Props$m = {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    readonly?: boolean;
+    'full-width'?: boolean;
+    'max-rows'?: number;
+    'first-label'?: string;
+    'second-label'?: string;
+    'first-placeholder'?: string;
+    'second-placeholder'?: string;
+    'first-value-key'?: string;
+    'second-value-key'?: string;
+    'merge-rows'?: boolean;
+    data?: Record<string, DataEntry>;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-multi-line-mappings': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Omit<Props$m, 'data'> & {
+                data?: string;
+            };
+        }
+    }
+}
+declare const MultiLineMappings: React.ForwardRefExoticComponent<Props$m & React.RefAttributes<HTMLElement>>;
 
 declare global {
     namespace React.JSX {
@@ -1386,5 +1417,5 @@ type Theme = {
     };
 };
 
-export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Attachment, AttachmentClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, CountrySubdivisionCityField, CountrySubdivisionCityFieldClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Hcaptcha, HcaptchaClass, Honeypot, HoneypotClass, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, LastAuthBadge, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, OutboundAppButton, OutboundAppButtonClass, OutboundApps, OutboundAppsClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, RecoveryCodesClass, RecoveryCodesList, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, TenantSelector, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TimerButton, TimerButtonClass, Tooltip, TooltipClass, TotpImageClass, TrustedDevices, TrustedDevicesClass, Turnstile, 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 lock, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as sessiontoken, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };
+export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Attachment, AttachmentClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, CountrySubdivisionCityField, CountrySubdivisionCityFieldClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Hcaptcha, HcaptchaClass, Honeypot, HoneypotClass, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, LastAuthBadge, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiLineMappings, MultiLineMappingsClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, OutboundAppButton, OutboundAppButtonClass, OutboundApps, OutboundAppsClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, RecoveryCodesClass, RecoveryCodesList, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, TenantSelector, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TimerButton, TimerButtonClass, Tooltip, TooltipClass, TotpImageClass, TrustedDevices, TrustedDevicesClass, Turnstile, 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 lock, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as sessiontoken, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };
 export type { Theme };