npm - @ironsource/shared-ui - Versions diffs - 2.1.3-rc.0 → 2.1.3-rc.10 - Mend

@ironsource/shared-ui 2.1.3-rc.0 → 2.1.3-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/index.d.ts CHANGED Viewed

@@ -72,6 +72,10 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         text: {
             type: import("vue").PropType<string>;
@@ -93,11 +97,16 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
+        iconSize: string;
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -120,6 +129,10 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         text: {
             type: import("vue").PropType<string>;
@@ -141,11 +154,16 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
+        iconSize: string;
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {
@@ -1100,6 +1118,274 @@ declare const _default: {
             default?(_: {}): any;
         };
     })))[];
+    TextArea: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: string) => any;
+    }, {
+        label: string;
+        disabled: boolean;
+        height: string;
+        resize: "both" | "none" | "horizontal" | "vertical";
+        mandatory: boolean;
+        testId: string;
+        modelValue: string;
+        placeholder: string;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        feedbackText: string;
+        feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
+        showFeedbackTextIcon: boolean;
+    }>;
+    TextAreaTypes: () => import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: string) => any;
+    }, {
+        label: string;
+        disabled: boolean;
+        height: string;
+        resize: "both" | "none" | "horizontal" | "vertical";
+        mandatory: boolean;
+        testId: string;
+        modelValue: string;
+        placeholder: string;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        feedbackText: string;
+        feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
+        showFeedbackTextIcon: boolean;
+    }>[];
     Checkbox: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -1407,7 +1693,7 @@ declare const _default: {
         destroy: () => boolean;
     };
     snackbarTypes: readonly ["success", "info", "error"];
-    Skeleton: {
+    SkeletonTypes: () => ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -1498,8 +1784,8 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
-    });
-    SkeletonTypes: () => ({
+    }))[];
+    Skeleton: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -1590,7 +1876,7 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
-    }))[];
+    });
     EmptyState: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -1598,7 +1884,10 @@ declare const _default: {
             $props: Partial<{
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1609,17 +1898,29 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "subtitle" | "buttonText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1642,10 +1943,22 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -1657,7 +1970,10 @@ declare const _default: {
             }, string, {
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -1688,10 +2004,22 @@ declare const _default: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: string;
             };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconSize: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             buttonText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1711,10 +2039,22 @@ declare const _default: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: string;
         };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
         buttonText: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1726,7 +2066,10 @@ declare const _default: {
     }, string, {
         title: string;
         variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+        iconName: string;
+        iconSize: string;
         subtitle: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         buttonText: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -1741,7 +2084,10 @@ declare const _default: {
             $props: Partial<{
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1752,17 +2098,29 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "subtitle" | "buttonText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1785,10 +2143,22 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -1800,7 +2170,10 @@ declare const _default: {
             }, string, {
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -1831,10 +2204,22 @@ declare const _default: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: string;
             };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconSize: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             buttonText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1854,10 +2239,22 @@ declare const _default: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: string;
         };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
         buttonText: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1869,7 +2266,10 @@ declare const _default: {
     }, string, {
         title: string;
         variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+        iconName: string;
+        iconSize: string;
         subtitle: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         buttonText: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -1882,14 +2282,25 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -1906,7 +2317,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "cell" | "validateFunction" | "isLoading">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "displayValue" | "validateFunction" | "isLoading">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1921,10 +2332,19 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -1942,7 +2362,9 @@ declare const _default: {
                     required: true;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }, {}, string> & {
@@ -1966,10 +2388,19 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"input" | "dropdown">;
+                required: true;
+                default: string;
+            };
             cell: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => unknown>;
+                default: (cell: unknown) => unknown;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -1991,10 +2422,19 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"input" | "dropdown">;
+            required: true;
+            default: string;
+        };
         cell: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => unknown>;
+            default: (cell: unknown) => unknown;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -2012,7 +2452,9 @@ declare const _default: {
             required: true;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        type: "input" | "dropdown";
         cell: string;
+        displayValue: (option: unknown) => unknown;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -2026,14 +2468,25 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -2050,7 +2503,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "cell" | "validateFunction" | "isLoading">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "displayValue" | "validateFunction" | "isLoading">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2065,10 +2518,19 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -2086,7 +2548,9 @@ declare const _default: {
                     required: true;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }, {}, string> & {
@@ -2110,10 +2574,19 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"input" | "dropdown">;
+                required: true;
+                default: string;
+            };
             cell: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => unknown>;
+                default: (cell: unknown) => unknown;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -2135,10 +2608,19 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"input" | "dropdown">;
+            required: true;
+            default: string;
+        };
         cell: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => unknown>;
+            default: (cell: unknown) => unknown;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -2156,7 +2638,9 @@ declare const _default: {
             required: true;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        type: "input" | "dropdown";
         cell: string;
+        displayValue: (option: unknown) => unknown;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -2786,8 +3270,8 @@ declare const _default: {
         };
     });
     DataGridMenu: import("vue").DefineComponent<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -2798,8 +3282,8 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         selected: (option: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -2810,7 +3294,7 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
-        container: string;
+        rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }>;
     DataGridRowsCounter: import("vue").DefineComponent<{
@@ -2822,6 +3306,18 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         count: {
             type: import("vue").PropType<number>;
@@ -2831,9 +3327,24 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>>, {
         count: number;
         totalCount: number;
+        displayingText: string;
+        outOfText: string;
+        totalText: string;
     }>;
     DataGridTypes: () => (({
         new (...args: any[]): {
@@ -3453,8 +3964,8 @@ declare const _default: {
             footer?(_: {}): any;
         };
     })) | import("vue").DefineComponent<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -3465,8 +3976,8 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         selected: (option: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -3477,7 +3988,7 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
-        container: string;
+        rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }> | import("vue").DefineComponent<{
         count: {
@@ -3488,6 +3999,18 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         count: {
             type: import("vue").PropType<number>;
@@ -3497,9 +4020,24 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>>, {
         count: number;
         totalCount: number;
+        displayingText: string;
+        outOfText: string;
+        totalText: string;
     }>)[];
     Table: {
         new (...args: any[]): {
@@ -5594,7 +6132,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "open") => void) & ((event: "cancel") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+            $emit: ((event: "open") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -6063,7 +6601,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "open") => void) & ((event: "cancel") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+            $emit: ((event: "open") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -7676,13 +8214,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -7744,6 +8282,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7768,10 +8310,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7791,7 +8329,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "maxLength" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7862,6 +8400,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7886,10 +8428,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7929,13 +8467,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -8017,6 +8555,10 @@ declare const _default: {
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8041,10 +8583,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            maxLength: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8127,6 +8665,10 @@ declare const _default: {
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8151,10 +8693,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        maxLength: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8194,13 +8732,13 @@ declare const _default: {
         hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
         suffix: string;
-        maxLength: number;
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -8230,13 +8768,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -8298,6 +8836,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8322,10 +8864,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8345,7 +8883,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "maxLength" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8416,6 +8954,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8440,10 +8982,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8483,13 +9021,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -8571,6 +9109,10 @@ declare const _default: {
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8595,10 +9137,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            maxLength: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8681,6 +9219,10 @@ declare const _default: {
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8705,10 +9247,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        maxLength: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8748,13 +9286,13 @@ declare const _default: {
         hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
         suffix: string;
-        maxLength: number;
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -15542,10 +16080,10 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                variant: "text" | "contained" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-                variant: "text" | "contained" | "outlined";
                 content: string;
                 loading: boolean;
                 testId: string;
@@ -15554,6 +16092,10 @@ declare const _default: {
                 startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15566,10 +16108,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
-                    default: string;
-                };
                 content: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15598,7 +16136,7 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15613,6 +16151,10 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15625,10 +16167,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
-                    default: string;
-                };
                 content: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15658,10 +16196,10 @@ declare const _default: {
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                variant: "text" | "contained" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-                variant: "text" | "contained" | "outlined";
                 content: string;
                 loading: boolean;
                 testId: string;
@@ -15690,6 +16228,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -15702,10 +16244,6 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"text" | "contained" | "outlined">;
-                default: string;
-            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -15739,6 +16277,10 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -15751,10 +16293,6 @@ declare const _default: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -15784,10 +16322,10 @@ declare const _default: {
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        variant: "text" | "contained" | "outlined";
         disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        variant: "text" | "contained" | "outlined";
         content: string;
         loading: boolean;
         testId: string;
@@ -15807,10 +16345,10 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                variant: "default" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "error";
-                variant: "default" | "outlined";
                 testId: string;
                 iconName: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -15818,6 +16356,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                variant: {
+                    type: import("vue").PropType<"default" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15830,10 +16372,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "error">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"default" | "outlined">;
-                    default: string;
-                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15842,7 +16380,7 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "size" | "color" | "variant" | "testId" | "iconName">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "variant" | "disabled" | "size" | "color" | "testId" | "iconName">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15861,6 +16399,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                variant: {
+                    type: import("vue").PropType<"default" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15873,10 +16415,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "error">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"default" | "outlined">;
-                    default: string;
-                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15887,10 +16425,10 @@ declare const _default: {
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                variant: "default" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "error";
-                variant: "default" | "outlined";
                 testId: string;
                 iconName: string;
             }, {}, string> & {
@@ -15918,6 +16456,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -15930,10 +16472,6 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "primary" | "error">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"default" | "outlined">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -15951,6 +16489,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        variant: {
+            type: import("vue").PropType<"default" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -15963,10 +16505,6 @@ declare const _default: {
             type: import("vue").PropType<"default" | "primary" | "error">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"default" | "outlined">;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -15977,10 +16515,10 @@ declare const _default: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        variant: "default" | "outlined";
         disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "error";
-        variant: "default" | "outlined";
         testId: string;
         iconName: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -15993,10 +16531,10 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                variant: "text" | "contained" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-                variant: "text" | "contained" | "outlined";
                 content: string;
                 loading: boolean;
                 testId: string;
@@ -16005,6 +16543,10 @@ declare const _default: {
                 startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16017,10 +16559,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
-                    default: string;
-                };
                 content: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -16049,7 +16587,7 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16064,6 +16602,10 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16076,10 +16618,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"text" | "contained" | "outlined">;
-                    default: string;
-                };
                 content: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -16109,10 +16647,10 @@ declare const _default: {
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                variant: "text" | "contained" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-                variant: "text" | "contained" | "outlined";
                 content: string;
                 loading: boolean;
                 testId: string;
@@ -16141,6 +16679,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -16153,10 +16695,6 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"text" | "contained" | "outlined">;
-                default: string;
-            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -16190,6 +16728,10 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -16202,10 +16744,6 @@ declare const _default: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -16235,10 +16773,10 @@ declare const _default: {
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        variant: "text" | "contained" | "outlined";
         disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        variant: "text" | "contained" | "outlined";
         content: string;
         loading: boolean;
         testId: string;
@@ -16257,10 +16795,10 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                variant: "default" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "error";
-                variant: "default" | "outlined";
                 testId: string;
                 iconName: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -16268,6 +16806,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                variant: {
+                    type: import("vue").PropType<"default" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16280,10 +16822,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "error">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"default" | "outlined">;
-                    default: string;
-                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -16292,7 +16830,7 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "size" | "color" | "variant" | "testId" | "iconName">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "variant" | "disabled" | "size" | "color" | "testId" | "iconName">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16311,6 +16849,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                variant: {
+                    type: import("vue").PropType<"default" | "outlined">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16323,10 +16865,6 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "primary" | "error">;
                     default: string;
                 };
-                variant: {
-                    type: import("vue").PropType<"default" | "outlined">;
-                    default: string;
-                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -16337,10 +16875,10 @@ declare const _default: {
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                variant: "default" | "outlined";
                 disabled: boolean;
                 size: "small" | "medium" | "large" | "extraLarge";
                 color: "default" | "primary" | "error";
-                variant: "default" | "outlined";
                 testId: string;
                 iconName: string;
             }, {}, string> & {
@@ -16368,6 +16906,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -16380,10 +16922,6 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "primary" | "error">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"default" | "outlined">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -16401,6 +16939,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        variant: {
+            type: import("vue").PropType<"default" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -16413,10 +16955,6 @@ declare const _default: {
             type: import("vue").PropType<"default" | "primary" | "error">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"default" | "outlined">;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -16427,10 +16965,10 @@ declare const _default: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        variant: "default" | "outlined";
         disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "error";
-        variant: "default" | "outlined";
         testId: string;
         iconName: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -17088,10 +17626,10 @@ declare const _default: {
     }))[];
 };
 export default _default;
-export * from '@/components/textArea';
 export * from '@/composables/useToggle';
 export * from '@/composables/useSearch';
 export * from '@/composables/useFormValidation';
 export * from '@/components/dateRange';
 export * from '@/components/datePicker';
 export * from '@/components/banner';
+export * from '@/components/alert';