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

@ironsource/shared-ui 2.1.3-rc.1 → 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 (123) hide show

package/index.d.ts CHANGED Viewed

@@ -1118,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;
@@ -1425,7 +1693,7 @@ declare const _default: {
         destroy: () => boolean;
     };
     snackbarTypes: readonly ["success", "info", "error"];
-    Skeleton: {
+    SkeletonTypes: () => ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -1516,8 +1784,8 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
-    });
-    SkeletonTypes: () => ({
+    }))[];
+    Skeleton: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -1608,7 +1876,7 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
-    }))[];
+    });
     EmptyState: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -1616,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: {
@@ -1627,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;
             };
@@ -1660,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;
@@ -1675,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)[];
@@ -1706,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;
@@ -1729,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;
@@ -1744,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: {
@@ -1759,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: {
@@ -1770,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;
             };
@@ -1803,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;
@@ -1818,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)[];
@@ -1849,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;
@@ -1872,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;
@@ -1887,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: {
@@ -1900,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;
@@ -1924,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;
             };
@@ -1939,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;
@@ -1960,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> & {
@@ -1984,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;
@@ -2009,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;
@@ -2030,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 () => {
@@ -2044,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;
@@ -2068,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;
             };
@@ -2083,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;
@@ -2104,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> & {
@@ -2128,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;
@@ -2153,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;
@@ -2174,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 () => {
@@ -2804,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: {
@@ -2816,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: {
@@ -2828,7 +3294,7 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
-        container: string;
+        rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }>;
     DataGridRowsCounter: import("vue").DefineComponent<{
@@ -2840,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>;
@@ -2849,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[]): {
@@ -3471,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: {
@@ -3483,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: {
@@ -3495,7 +3988,7 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
-        container: string;
+        rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }> | import("vue").DefineComponent<{
         count: {
@@ -3506,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>;
@@ -3515,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[]): {
@@ -5612,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: {
@@ -6081,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: {
@@ -7694,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;
@@ -7762,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;
@@ -7786,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;
@@ -7809,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;
             };
@@ -7880,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;
@@ -7904,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;
@@ -7947,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;
@@ -8035,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;
@@ -8059,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;
@@ -8145,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;
@@ -8169,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;
@@ -8212,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;
@@ -8248,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;
@@ -8316,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;
@@ -8340,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;
@@ -8363,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;
             };
@@ -8434,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;
@@ -8458,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;
@@ -8501,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;
@@ -8589,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;
@@ -8613,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;
@@ -8699,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;
@@ -8723,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;
@@ -8766,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;
@@ -15560,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;
@@ -15572,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;
@@ -15584,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;
@@ -15616,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;
             };
@@ -15631,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;
@@ -15643,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;
@@ -15676,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;
@@ -15708,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;
@@ -15720,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;
@@ -15757,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;
@@ -15769,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;
@@ -15802,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;
@@ -15825,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<{
@@ -15836,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;
@@ -15848,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;
@@ -15860,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;
             };
@@ -15879,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;
@@ -15891,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;
@@ -15905,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> & {
@@ -15936,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;
@@ -15948,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;
@@ -15969,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;
@@ -15981,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;
@@ -15995,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 () => {
@@ -16011,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;
@@ -16023,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;
@@ -16035,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;
@@ -16067,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;
             };
@@ -16082,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;
@@ -16094,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;
@@ -16127,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;
@@ -16159,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;
@@ -16171,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;
@@ -16208,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;
@@ -16220,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;
@@ -16253,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;
@@ -16275,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<{
@@ -16286,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;
@@ -16298,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;
@@ -16310,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;
             };
@@ -16329,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;
@@ -16341,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;
@@ -16355,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> & {
@@ -16386,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;
@@ -16398,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;
@@ -16419,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;
@@ -16431,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;
@@ -16445,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 () => {
@@ -17106,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';