npm - @ironsource/shared-ui - Versions diffs - 2.1.7-rc.4 → 2.1.7-rc.6 - Mend

@ironsource/shared-ui 2.1.7-rc.4 → 2.1.7-rc.6

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 (100) hide show

package/index.d.ts CHANGED Viewed

@@ -10,7 +10,6 @@ export * from '@/composables/useId';
 export * from '@/components/filterDropdown';
 export * from '@/components/typography';
 export * from '@/components/typography/v4';
-export * from '@/components/popover';
 export * from '@/components/multibar';
 export * from '@/components/layout';
 export * from '@/components/forms';
@@ -21,6 +20,420 @@ import * as tableV4 from '@/components/table/v4';
 import * as tableCellsV3 from '@/components/table-cells/v3';
 import * as snackbarV3 from '@/components/snackbar/v3';
 declare const _default: {
+    Popover: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        testId: string;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        popperClass: string;
+        autoHide: boolean;
+        skidding: number;
+        trigger: "touch" | "click" | "focus" | "hover" | "managed";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            content?(_: {}): any;
+        };
+    });
+    PopoverTypes: () => ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        testId: string;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        popperClass: string;
+        autoHide: boolean;
+        skidding: number;
+        trigger: "touch" | "click" | "focus" | "hover" | "managed";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            content?(_: {}): any;
+        };
+    }))[];
     DateRange: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -803,37 +1216,219 @@ declare const _default: {
         onDateRangePresetNameChanged?: (...args: any[]) => any;
         onDismissed?: (...args: any[]) => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        opened: (...args: any[]) => void;
-        rangeTypeChanged: (...args: any[]) => void;
-        currentDateChanged: (...args: any[]) => void;
-        rangeChanged: (...args: any[]) => void;
-        dateRangePresetNameChanged: (...args: any[]) => void;
-        dismissed: (...args: any[]) => void;
+        opened: (...args: any[]) => void;
+        rangeTypeChanged: (...args: any[]) => void;
+        currentDateChanged: (...args: any[]) => void;
+        rangeChanged: (...args: any[]) => void;
+        dateRangePresetNameChanged: (...args: any[]) => void;
+        dismissed: (...args: any[]) => void;
+    }, string, {
+        disabled: boolean;
+        testId: string;
+        allowedDays: number;
+        uniqueId: string | number;
+        includeToday: boolean;
+        dateFormat: string;
+        types: ("date" | "week" | "month")[];
+        maxDaysInRange: number;
+        datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+        regex: RegExp;
+        initialType: "date" | "week" | "month";
+        openOnTop: boolean;
+        showPresets: boolean;
+        maxDate: Date;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            field?(_: {
+                currentDate: any;
+                isOpen: boolean;
+            }): any;
+            footer?(_: {}): any;
+        };
+    }))[];
+    DatePicker: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                testId: string;
+                modelValue: string | Date;
+                placeholder: string;
+                uniqueId: string | number;
+                allowFutureDates: boolean;
+                dateFormat: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<string | Date>;
+                    default: any;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                uniqueId: {
+                    type: import("vue").PropType<string | number>;
+                    default: number;
+                };
+                allowFutureDates: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                dateFormat: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (val: string | Date) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "modelValue" | "placeholder" | "uniqueId" | "allowFutureDates" | "dateFormat">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $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: "update:modelValue", val: string | Date) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<string | Date>;
+                    default: any;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                uniqueId: {
+                    type: import("vue").PropType<string | number>;
+                    default: number;
+                };
+                allowFutureDates: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                dateFormat: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: (val: string | Date) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (val: string | Date) => void;
+            }, string, {
+                testId: string;
+                modelValue: string | Date;
+                placeholder: string;
+                uniqueId: string | number;
+                allowFutureDates: boolean;
+                dateFormat: string;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string | Date>;
+                default: any;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            uniqueId: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            allowFutureDates: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (val: string | Date) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | Date>;
+            default: any;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        uniqueId: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        allowFutureDates: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        dateFormat: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (val: string | Date) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (val: string | Date) => void;
     }, string, {
-        disabled: boolean;
         testId: string;
-        allowedDays: number;
+        modelValue: string | Date;
+        placeholder: string;
         uniqueId: string | number;
-        includeToday: boolean;
+        allowFutureDates: boolean;
         dateFormat: string;
-        types: ("date" | "week" | "month")[];
-        maxDaysInRange: number;
-        datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
-        regex: RegExp;
-        initialType: "date" | "week" | "month";
-        openOnTop: boolean;
-        showPresets: boolean;
-        maxDate: Date;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            field?(_: {
-                currentDate: any;
-                isOpen: boolean;
+            default?(_: {
+                formattedDate: any;
             }): any;
-            footer?(_: {}): any;
         };
-    }))[];
-    DatePicker: {
+    });
+    DatePickerTypes: () => ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -1014,46 +1609,369 @@ declare const _default: {
                 formattedDate: any;
             }): any;
         };
+    }))[];
+    SortableList: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                search: string;
+                testId: string;
+                displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+                searchPlaceholder: string;
+                items: import("./components/sortableList/SortableList.types").SortableListItem[];
+                selectedChildId: string | number;
+                searchHandler: (item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean;
+                openId: string | number;
+                selectedId: string | number;
+                showSearch: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                search: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+                    required: true;
+                    default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+                };
+                searchPlaceholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                items: {
+                    type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+                    required: true;
+                    default: () => any[];
+                };
+                selectedChildId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                searchHandler: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+                    default: any;
+                };
+                openId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                selectedId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                showSearch: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+                "onUpdate:openId"?: (id: string | number) => any;
+                "onUpdate:selectedId"?: (id: string | number) => any;
+                "onUpdate:selectedChildId"?: (id: string | number) => any;
+                "onUpdate:search"?: (query: string) => any;
+                onClearSearch?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $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: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                search: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+                    required: true;
+                    default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+                };
+                searchPlaceholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                items: {
+                    type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+                    required: true;
+                    default: () => any[];
+                };
+                selectedChildId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                searchHandler: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+                    default: any;
+                };
+                openId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                selectedId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                showSearch: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+                "onUpdate:openId"?: (id: string | number) => any;
+                "onUpdate:selectedId"?: (id: string | number) => any;
+                "onUpdate:selectedChildId"?: (id: string | number) => any;
+                "onUpdate:search"?: (query: string) => any;
+                onClearSearch?: () => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
+                "update:openId": (id: string | number) => void;
+                "update:selectedId": (id: string | number) => void;
+                "update:selectedChildId": (id: string | number) => void;
+                "update:search": (query: string) => void;
+                clearSearch: () => void;
+            }, string, {
+                search: string;
+                testId: string;
+                displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+                searchPlaceholder: string;
+                items: import("./components/sortableList/SortableList.types").SortableListItem[];
+                selectedChildId: string | number;
+                searchHandler: (item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean;
+                openId: string | number;
+                selectedId: string | number;
+                showSearch: boolean;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            displayValue: {
+                type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+                required: true;
+                default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+            };
+            searchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            items: {
+                type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+                required: true;
+                default: () => any[];
+            };
+            selectedChildId: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            searchHandler: {
+                type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+                default: any;
+            };
+            openId: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            selectedId: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+            "onUpdate:openId"?: (id: string | number) => any;
+            "onUpdate:selectedId"?: (id: string | number) => any;
+            "onUpdate:selectedChildId"?: (id: string | number) => any;
+            "onUpdate:search"?: (query: string) => any;
+            onClearSearch?: () => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        search: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+            required: true;
+            default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+        };
+        searchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        items: {
+            type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+            required: true;
+            default: () => any[];
+        };
+        selectedChildId: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        searchHandler: {
+            type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+            default: any;
+        };
+        openId: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        selectedId: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        showSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+        "onUpdate:openId"?: (id: string | number) => any;
+        "onUpdate:selectedId"?: (id: string | number) => any;
+        "onUpdate:selectedChildId"?: (id: string | number) => any;
+        "onUpdate:search"?: (query: string) => any;
+        onClearSearch?: () => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
+        "update:openId": (id: string | number) => void;
+        "update:selectedId": (id: string | number) => void;
+        "update:selectedChildId": (id: string | number) => void;
+        "update:search": (query: string) => void;
+        clearSearch: () => void;
+    }, string, {
+        search: string;
+        testId: string;
+        displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+        searchPlaceholder: string;
+        items: import("./components/sortableList/SortableList.types").SortableListItem[];
+        selectedChildId: string | number;
+        searchHandler: (item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean;
+        openId: string | number;
+        selectedId: string | number;
+        showSearch: boolean;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            menu?(_: {
+                item: import("./components/sortableList/SortableList.types").SortableListItem;
+            }): any;
+        };
     });
-    DatePickerTypes: () => ({
+    SortableListTypes: () => ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                search: string;
                 testId: string;
-                modelValue: string | Date;
-                placeholder: string;
-                uniqueId: string | number;
-                allowFutureDates: boolean;
-                dateFormat: string;
+                displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+                searchPlaceholder: string;
+                items: import("./components/sortableList/SortableList.types").SortableListItem[];
+                selectedChildId: string | number;
+                searchHandler: (item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean;
+                openId: string | number;
+                selectedId: string | number;
+                showSearch: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                search: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | Date>;
-                    default: any;
+                displayValue: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+                    required: true;
+                    default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 };
-                placeholder: {
+                searchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                uniqueId: {
+                items: {
+                    type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+                    required: true;
+                    default: () => any[];
+                };
+                selectedChildId: {
                     type: import("vue").PropType<string | number>;
-                    default: number;
+                    default: any;
                 };
-                allowFutureDates: {
+                searchHandler: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+                    default: any;
+                };
+                openId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                selectedId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                showSearch: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                dateFormat: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
             }>> & {
-                "onUpdate:modelValue"?: (val: string | Date) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "modelValue" | "placeholder" | "uniqueId" | "allowFutureDates" | "dateFormat">;
+                "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+                "onUpdate:openId"?: (id: string | number) => any;
+                "onUpdate:selectedId"?: (id: string | number) => any;
+                "onUpdate:selectedChildId"?: (id: string | number) => any;
+                "onUpdate:search"?: (query: string) => any;
+                onClearSearch?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1065,44 +1983,76 @@ 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: "update:modelValue", val: string | Date) => void;
+            $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                search: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | Date>;
-                    default: any;
+                displayValue: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+                    required: true;
+                    default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 };
-                placeholder: {
+                searchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                uniqueId: {
+                items: {
+                    type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+                    required: true;
+                    default: () => any[];
+                };
+                selectedChildId: {
                     type: import("vue").PropType<string | number>;
-                    default: number;
+                    default: any;
                 };
-                allowFutureDates: {
+                searchHandler: {
+                    type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+                    default: any;
+                };
+                openId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                selectedId: {
+                    type: import("vue").PropType<string | number>;
+                    default: any;
+                };
+                showSearch: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                dateFormat: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
             }>> & {
-                "onUpdate:modelValue"?: (val: string | Date) => any;
+                "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+                "onUpdate:openId"?: (id: string | number) => any;
+                "onUpdate:selectedId"?: (id: string | number) => any;
+                "onUpdate:selectedChildId"?: (id: string | number) => any;
+                "onUpdate:search"?: (query: string) => any;
+                onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (val: string | Date) => void;
+                "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
+                "update:openId": (id: string | number) => void;
+                "update:selectedId": (id: string | number) => void;
+                "update:selectedChildId": (id: string | number) => void;
+                "update:search": (query: string) => void;
+                clearSearch: () => void;
             }, string, {
+                search: string;
                 testId: string;
-                modelValue: string | Date;
-                placeholder: string;
-                uniqueId: string | number;
-                allowFutureDates: boolean;
-                dateFormat: string;
+                displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+                searchPlaceholder: string;
+                items: import("./components/sortableList/SortableList.types").SortableListItem[];
+                selectedChildId: string | number;
+                searchHandler: (item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean;
+                openId: string | number;
+                selectedId: string | number;
+                showSearch: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1124,76 +2074,131 @@ 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<{
+            search: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<string | Date>;
-                default: any;
+            displayValue: {
+                type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+                required: true;
+                default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
             };
-            placeholder: {
+            searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            uniqueId: {
+            items: {
+                type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+                required: true;
+                default: () => any[];
+            };
+            selectedChildId: {
                 type: import("vue").PropType<string | number>;
-                default: number;
+                default: any;
             };
-            allowFutureDates: {
+            searchHandler: {
+                type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+                default: any;
+            };
+            openId: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            selectedId: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            showSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            dateFormat: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
         }>> & {
-            "onUpdate:modelValue"?: (val: string | Date) => any;
+            "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+            "onUpdate:openId"?: (id: string | number) => any;
+            "onUpdate:selectedId"?: (id: string | number) => any;
+            "onUpdate:selectedChildId"?: (id: string | number) => any;
+            "onUpdate:search"?: (query: string) => any;
+            onClearSearch?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        search: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<string | Date>;
-            default: any;
+        displayValue: {
+            type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
+            required: true;
+            default: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
         };
-        placeholder: {
+        searchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        uniqueId: {
+        items: {
+            type: import("vue").PropType<import("./components/sortableList/SortableList.types").SortableListItem[]>;
+            required: true;
+            default: () => any[];
+        };
+        selectedChildId: {
             type: import("vue").PropType<string | number>;
-            default: number;
+            default: any;
         };
-        allowFutureDates: {
+        searchHandler: {
+            type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean>;
+            default: any;
+        };
+        openId: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        selectedId: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        showSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        dateFormat: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
     }>> & {
-        "onUpdate:modelValue"?: (val: string | Date) => any;
+        "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
+        "onUpdate:openId"?: (id: string | number) => any;
+        "onUpdate:selectedId"?: (id: string | number) => any;
+        "onUpdate:selectedChildId"?: (id: string | number) => any;
+        "onUpdate:search"?: (query: string) => any;
+        onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (val: string | Date) => void;
+        "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
+        "update:openId": (id: string | number) => void;
+        "update:selectedId": (id: string | number) => void;
+        "update:selectedChildId": (id: string | number) => void;
+        "update:search": (query: string) => void;
+        clearSearch: () => void;
     }, string, {
+        search: string;
         testId: string;
-        modelValue: string | Date;
-        placeholder: string;
-        uniqueId: string | number;
-        allowFutureDates: boolean;
-        dateFormat: string;
+        displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
+        searchPlaceholder: string;
+        items: import("./components/sortableList/SortableList.types").SortableListItem[];
+        selectedChildId: string | number;
+        searchHandler: (item: import("./components/sortableList/SortableList.types").SortableListItem, searchQuery: string) => boolean;
+        openId: string | number;
+        selectedId: string | number;
+        showSearch: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            default?(_: {
-                formattedDate: any;
+            menu?(_: {
+                item: import("./components/sortableList/SortableList.types").SortableListItem;
             }): any;
         };
     }))[];
@@ -2419,6 +3424,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2478,6 +3487,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2504,6 +3517,7 @@ declare const _default: {
         maxLength: number;
         modelValue: string;
         placeholder: string;
+        maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
         showFeedbackTextIcon: boolean;
@@ -2553,6 +3567,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2612,6 +3630,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2638,6 +3660,7 @@ declare const _default: {
         maxLength: number;
         modelValue: string;
         placeholder: string;
+        maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
         showFeedbackTextIcon: boolean;
@@ -10634,6 +11657,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -10719,6 +11743,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -10754,7 +11782,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" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10845,6 +11873,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -10905,6 +11937,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11010,6 +12043,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11128,6 +12165,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -11188,6 +12229,7 @@ declare const _default: {
         onlyDigits: boolean;
         prefix: string;
         suffix: string;
+        maxLengthCounterPosition: "inside" | "outside";
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -11226,6 +12268,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11311,6 +12354,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11346,7 +12393,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" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11437,6 +12484,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11497,6 +12548,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11602,6 +12654,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11720,6 +12776,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -11780,6 +12840,7 @@ declare const _default: {
         onlyDigits: boolean;
         prefix: string;
         suffix: string;
+        maxLengthCounterPosition: "inside" | "outside";
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -13944,6 +15005,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -14132,6 +15195,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -14161,7 +15232,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -14358,6 +15429,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -14442,6 +15521,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -14650,6 +15731,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -14869,6 +15958,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -14953,6 +16050,8 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -17318,6 +18417,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -17344,6 +18445,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17383,7 +18492,7 @@ declare const _default: {
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -17414,6 +18523,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17458,6 +18575,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -17504,6 +18623,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -17564,6 +18691,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17608,6 +18743,8 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;
@@ -17782,6 +18919,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -17970,6 +19109,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17999,7 +19146,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18196,6 +19343,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18280,6 +19435,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -18488,6 +19645,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -18707,6 +19872,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -18791,6 +19964,8 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -19072,6 +20247,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -19098,6 +20275,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19137,7 +20322,7 @@ declare const _default: {
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19168,6 +20353,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19212,6 +20405,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -19258,6 +20453,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -19318,6 +20521,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -19362,6 +20573,8 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;
@@ -20803,3 +22016,4 @@ export * from '@/composables/useFormValidation';
 export * from '@/components/banner';
 export * from '@/components/alert';
 export * from '@/components/autocomplete';
+export * from '@/components/chart';